/*
Theme Name: Chrome Hearts Store
Theme URI: #
Author: Zain Store
Description: Lightweight Professional WooCommerce Theme v1.3 - Tailored to Chrome Hearts Fits (.com) monochrome design - Inspired layout, clean black/white design, Elementor editable, 4-col product grid, gold ratings, pill sale badge, slide-up add to cart, mobile drawer. Fast: no jQuery, 1 CSS file, 2 font families only.
Version: 1.3.8
License: GNU General Public License v2 or later
Text Domain: chrome-hearts-store
Tags: woocommerce, ecommerce, shop, fashion, lightweight, elementor, responsive
Requires at least: 6.0
Requires PHP: 7.4
WooCommerce: 8.0.0+
*/
:root{
--black:#000;--dark:#111;--charcoal:#333;--grey:#777;--grey2:#A5A5A5;--line:#E8E8E8;--line2:#DDD;
--bg:#fff;--soft:#F7F7F7;--hero-bg:#E9E6E1;--red:#111111;--red2:#111111;--orange:#111111;--gold:#111111;
--radius:10px;--radius-sm:6px;--shadow:0 2px 12px rgba(0,0,0,.06);--shadow-lg:0 12px 32px rgba(0,0,0,.10);
--font:'Poppins',system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
--gothic:'Pirata One',serif;
--container:1280px;--header-h:72px;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:var(--font);font-size:15px;line-height:1.65;color:var(--dark);background:var(--bg);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
a{color:inherit;text-decoration:none;transition:color .2s,opacity .2s}
a:hover{opacity:.75}
img{max-width:100%;height:auto;display:block}
:focus-visible{outline:2px solid var(--black);outline-offset:2px}
.container{max-width:var(--container);margin:0 auto;padding:0 20px;width:100%}
h1,h2,h3,h4{font-weight:600;line-height:1.25;color:var(--black)}
/* Buttons - professional */
.btn,.button,button[type=submit]{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--black)!important;color:#fff!important;border:1px solid var(--black)!important;padding:12px 28px!important;font:600 13px/1 var(--font);letter-spacing:1.2px;text-transform:uppercase;cursor:pointer;border-radius:var(--radius-sm)!important;transition:transform .18s,background .18s,box-shadow .18s;min-height:44px}
.btn:hover,.button:hover{transform:translateY(-1px);box-shadow:var(--shadow)}
.btn-viewall{background:#fff!important;color:var(--charcoal)!important;border-color:var(--line2)!important;border-radius:999px!important;padding:10px 26px!important;min-height:40px}
.btn-shop{background:transparent!important;color:var(--black)!important;border:2px solid #fff!important;box-shadow:0 0 0 1px var(--line2)}
.btn-buynow{background:#9E9E9E!important;border-color:#9E9E9E!important}
/* Header - professional sticky */
.ch-header{position:sticky;top:0;z-index:1000;background:#fff;border-bottom:1px solid #EEE;backdrop-filter:saturate(1.2)}
.ch-header-inner{height:var(--header-h);display:flex;align-items:center;gap:28px}
.ch-logo{font-family:var(--gothic);font-size:28px;letter-spacing:.3px;white-space:nowrap}
.ch-nav{flex:1}
.ch-nav ul{display:flex;gap:26px;list-style:none;align-items:center;justify-content:center;flex-wrap:wrap}
.ch-nav li{position:relative;padding-top:10px}
.ch-nav a{font-size:12.5px;font-weight:600;letter-spacing:1px;text-transform:uppercase}
.ch-tag{position:absolute;top:-2px;left:50%;transform:translateX(-50%);background:var(--red);color:#fff;font-size:8.5px;font-weight:700;letter-spacing:.4px;padding:2px 6px;border-radius:3px;white-space:nowrap;text-transform:uppercase}
.ch-icons{display:flex;gap:18px;align-items:center;margin-left:auto}
.ch-login{font-size:12px;font-weight:600;letter-spacing:1px;text-transform:uppercase;white-space:nowrap}
.ch-cart{display:flex;gap:7px;align-items:center;font-weight:600;font-size:14px;position:relative}
.ch-cart-count{background:var(--orange);color:#fff;font-size:10px;min-width:18px;height:18px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;padding:0 5px}
.ch-burger{display:none;background:none;border:0;font-size:24px;cursor:pointer;color:var(--black);min-width:44px;min-height:44px}
.ch-search{display:none;border-top:1px solid #EEE;padding:12px 0}
.ch-search.open{display:block}
.ch-search form,.widget_product_search form{display:flex;gap:8px}
.ch-search input[type=search],.widget_product_search input[type=search]{flex:1;padding:11px 14px;border:1px solid var(--line);border-radius:var(--radius-sm);font:inherit}
/* Hero - lightweight, no heavy image dependency */
.ch-hero{background:var(--hero-bg);overflow:hidden}
.ch-hero-inner{display:grid;grid-template-columns:1.05fr .95fr;gap:32px;align-items:center;padding:56px 0}
.ch-hero-text{text-align:center;padding:12px}
.ch-accent{color:var(--red2);font-size:12px;font-weight:700;letter-spacing:3.5px;text-transform:uppercase}
.ch-hero h1{font-family:var(--gothic);font-weight:400;font-size:clamp(44px,6vw,72px);line-height:1;margin:12px 0}
.ch-hero p{color:#444;max-width:520px;margin:10px auto 22px}
.ch-hero-img{border-radius:14px;overflow:hidden;box-shadow:var(--shadow-lg)}
.ch-hero-img img{width:100%;height:420px;object-fit:cover;aspect-ratio:4/3}
/* Trust bar */
.ch-trust{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;padding:22px 0;border-bottom:1px solid var(--line);text-align:center}
.ch-trust b{display:block;font-size:13px;text-transform:uppercase;letter-spacing:.8px}
.ch-trust span{font-size:13px;color:var(--grey)}
/* Product sections */
.ch-prod-section{padding:48px 0 8px}
.ch-prod-section-head{text-align:center;margin-bottom:22px}
.ch-prod-section-head h2{font-size:28px}
.ch-gothic{font-family:var(--gothic);font-weight:400;font-size:38px!important;letter-spacing:0;text-transform:none}
/* Product Card - clean professional */
.woocommerce ul.products{display:grid!important;grid-template-columns:repeat(4,1fr);gap:22px;list-style:none;margin:0;padding:0}
.woocommerce ul.products:before,.woocommerce ul.products:after{display:none!important}
.woocommerce ul.products li.product{width:auto!important;float:none!important;margin:0!important;background:#fff;text-align:center;position:relative;border-radius:var(--radius);overflow:visible}
.woocommerce ul.products li.product a img{aspect-ratio:1/1;object-fit:cover;width:100%;border-radius:var(--radius);background:var(--soft);margin:0 0 12px!important;transition:transform .35s ease,opacity .35s}
.woocommerce ul.products li.product:hover a img{transform:scale(1.02)}
.woocommerce span.onsale{background:var(--black)!important;color:#fff!important;border-radius:50%!important;width:44px;height:44px;display:flex;align-items:center;justify-content:center;padding:0!important;font-size:11px!important;font-weight:700;line-height:1!important;min-height:auto!important;left:8px!important;top:8px!important;z-index:3}
.woocommerce ul.products li.product .woocommerce-loop-product__title{font-size:14.5px;font-weight:500;color:var(--charcoal);padding:4px 6px!important;line-height:1.45;text-transform:none;letter-spacing:0}
.woocommerce .star-rating{color:var(--gold)!important;float:none!important;margin:5px auto!important;font-size:13px}
.woocommerce ul.products li.product .price{color:var(--black)!important;font-weight:700;font-size:15.5px!important;margin:6px 0 10px!important;display:block}
.woocommerce ul.products li.product .price del{color:var(--grey2);font-weight:400;margin-right:6px}
.woocommerce ul.products li.product .price ins{text-decoration:none;background:none}
.woocommerce ul.products li.product{padding-bottom:6px}
.woocommerce ul.products li.product .button{position:relative;width:calc(100% - 12px);background:rgba(255,255,255,.96)!important;color:var(--charcoal)!important;border:1px solid var(--line)!important;opacity:0;transform:translateY(4px);margin-top:2px!important}
.woocommerce ul.products li.product:hover .button,.woocommerce ul.products li.product:focus-within .button{opacity:1;transform:none}
/* On touch devices always show button */
@media(hover:none){.woocommerce ul.products li.product .button{opacity:1;transform:none}}
/* Shop / single */
.woocommerce .woocommerce-ordering select{padding:10px 12px;border:1px solid var(--line);border-radius:var(--radius-sm);font:inherit}
.woocommerce div.product .product_title{font-size:28px}
.woocommerce div.product p.price{color:var(--black)!important;font-size:24px!important;font-weight:700}
.woocommerce div.product form.cart .button{background:var(--charcoal)!important;border-color:var(--charcoal)!important;float:none!important}
.woocommerce .quantity .qty{padding:11px;border:1px solid var(--line);border-radius:var(--radius-sm);width:68px;text-align:center}
.woocommerce-tabs ul.tabs li.active{border-top:2px solid var(--black)!important}
.woocommerce-message{border-top-color:var(--black)}
.woocommerce nav.woocommerce-pagination ul{border-color:var(--line)} .woocommerce nav.woocommerce-pagination ul li span.current{background:var(--black);color:#fff}
/* Footer professional */
.ch-footer{background:#000;color:#BDBDBD;margin-top:56px;padding:64px 0 0}
.ch-footer-grid{display:grid;grid-template-columns:1.3fr 1fr 1fr 1fr;gap:36px}
.ch-footer h4{color:#fff;font-size:14px;letter-spacing:1px;text-transform:uppercase;margin-bottom:18px;padding-bottom:10px;position:relative}
.ch-footer h4:after{content:"";position:absolute;left:0;bottom:0;width:32px;height:2px;background:#fff}
.ch-footer ul{list-style:none}.ch-footer li{margin-bottom:10px;font-size:14px}.ch-footer a{color:#BDBDBD}.ch-footer a:hover{color:#fff}
.ch-pay{display:flex;gap:8px;justify-content:center;padding:22px 0 6px;flex-wrap:wrap}
.ch-pay span{background:#fff;color:#111;border-radius:6px;padding:5px 10px;font-size:11px;font-weight:700;letter-spacing:.5px}
.ch-footer-bottom{border-top:1px solid #222;margin-top:22px;padding:18px 0;text-align:center;font-size:13px;color:#999}
.ch-scrolltop{position:fixed;right:16px;bottom:16px;width:44px;height:44px;border-radius:50%;background:#fff;border:1px solid var(--line2);color:#666;display:flex;align-items:center;justify-content:center;z-index:999;box-shadow:var(--shadow)}
/* Content */
.ch-section{padding:52px 0}
.entry-content p{color:var(--grey);margin-bottom:14px}
/* Responsive */
@media(max-width:1024px){
 .woocommerce ul.products{grid-template-columns:repeat(3,1fr)}
 .ch-nav{display:none}
 .ch-nav.open{display:block;position:fixed;inset:0 auto 0 0;width:min(320px,88vw);height:100dvh;background:#fff;z-index:1100;padding:22px;box-shadow:var(--shadow-lg);overflow:auto}
 .ch-nav.open ul{flex-direction:column;align-items:flex-start;gap:18px}
 .ch-nav.open li{padding-top:14px}
 .ch-burger{display:inline-flex;align-items:center;justify-content:center}
 .ch-login{display:none}
}
@media(max-width:768px){
 :root{--header-h:62px}
 .ch-logo{font-size:24px}
 .ch-hero-inner{grid-template-columns:1fr;padding:36px 0}
 .ch-hero-img img{height:280px}
 .woocommerce ul.products{grid-template-columns:repeat(2,1fr);gap:14px}
 .ch-trust{grid-template-columns:repeat(2,1fr)}
 .ch-footer-grid{grid-template-columns:1fr 1fr}
 .ch-prod-section{padding:36px 0 4px}
}
@media(max-width:480px){.ch-footer-grid{grid-template-columns:1fr}.container{padding:0 14px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}

/* v1.3 Fits: dark hero, Cinzel serif */
.ch-hero{background:#0A0A0A!important;color:#fff}
.ch-hero h1{font-family:'Cinzel',serif;color:#fff;font-size:clamp(40px,6vw,68px);letter-spacing:2px}
.ch-hero p{color:#ddd!important}
.ch-hero .ch-accent{color:#fff;opacity:.85}
.btn-shop{border:1px solid #fff!important;color:#fff!important;background:transparent!important}
.ch-shopband{background:#000;color:#fff;text-align:center;padding:34px 0}
.ch-shopband h1{color:#fff}

/* v1.3.1 Dropdown menus - like .com white panels */
.ch-nav li{position:relative}
.ch-nav li ul.sub-menu,.ch-nav ul ul{display:none!important;position:absolute;top:100%;left:0;min-width:220px;background:#fff;border:1px solid #EEE;box-shadow:0 12px 30px rgba(0,0,0,.10);flex-direction:column!important;align-items:stretch!important;padding:8px 0!important;z-index:1001}
.ch-nav li:hover>ul.sub-menu,.ch-nav li:focus-within>ul.sub-menu,.ch-nav ul li:hover>ul{display:flex!important}
.ch-nav li ul.sub-menu li{padding:0!important;width:100%}
.ch-nav li ul.sub-menu a{display:block;padding:10px 18px;font-size:12px;letter-spacing:.6px;text-transform:none;white-space:nowrap}
.ch-nav li ul.sub-menu a:hover{background:#F7F7F7;opacity:1}
.ch-nav li ul.sub-menu ul{left:100%;top:0}
@media(max-width:1024px){
 .ch-nav li ul.sub-menu{position:static;display:flex!important;box-shadow:none;border:none;padding:0 0 0 16px!important}
}

/* v1.3.2 Mobile responsive menu */
.ch-sub-toggle{display:none;background:#F7F7F7;border:1px solid #EEE;border-radius:6px;width:36px;height:36px;font-size:16px;cursor:pointer;flex-shrink:0}
@media(max-width:1024px){
 .ch-nav.open li{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:6px}
 .ch-nav.open li a{flex:1}
 .ch-sub-toggle{display:inline-flex;align-items:center;justify-content:center}
 .ch-nav li ul.sub-menu{display:none!important}
 .ch-nav li.open>ul.sub-menu{display:flex!important;width:100%}
 .ch-nav li.open>.ch-sub-toggle{transform:rotate(180deg)}
}

/* v1.3.3 header nav - top level no wrap, dropdown guaranteed */
.ch-header-inner{flex-wrap:nowrap}
.ch-nav>ul{flex-wrap:nowrap!important}
.ch-nav>ul>li{flex-shrink:0}