:root{--bg:#f6f7f9;--card:#fff;--ink:#171717;--muted:#6f737b;--line:#e9ebef;--accent:#ff5a1f;--dark:#111827;--green:#15803d}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Arial,sans-serif;background:var(--bg);color:var(--ink)}a{text-decoration:none;color:inherit}button,input,select{font:inherit}
.topbar{background:#111827;color:#fff;padding:8px 4%;display:flex;justify-content:space-between;gap:20px;font-size:12px}.topbar .right{display:flex;gap:16px;opacity:.9}
.header{position:sticky;top:0;z-index:40;background:#fff;border-bottom:1px solid var(--line)}.headrow{max-width:1500px;margin:auto;padding:14px 22px;display:grid;grid-template-columns:auto 1fr auto;gap:22px;align-items:center}.brand{font-weight:900;font-size:27px;letter-spacing:-1px}.brand span{color:var(--accent)}
.searchbox{display:flex;border:2px solid #222;border-radius:28px;overflow:hidden;background:#fff}.searchbox input{flex:1;border:0;outline:0;padding:12px 16px}.searchbox button{border:0;background:var(--accent);color:#fff;padding:0 20px;cursor:pointer}
.actions{display:flex;align-items:center;gap:14px;font-size:13px}.iconbtn{border:0;background:#f4f5f7;padding:10px 13px;border-radius:20px;cursor:pointer}.cartbtn{background:#111827;color:#fff}
.nav{background:#fff;border-top:1px solid #f2f2f2}.navinner{max-width:1500px;margin:auto;padding:9px 22px;display:flex;gap:24px;align-items:center;overflow:auto;white-space:nowrap;font-size:13px;font-weight:700}.navinner .sale{color:var(--accent)}
.container{max-width:1500px;margin:auto;padding:22px}.hero{display:grid;grid-template-columns:1.45fr .55fr;gap:16px}.heroMain{min-height:390px;border-radius:24px;padding:52px;background:linear-gradient(115deg,#10131a,#232a37 58%,#ff6328);color:#fff;position:relative;overflow:hidden}.heroMain:after{content:"";position:absolute;width:360px;height:360px;border-radius:50%;right:-70px;top:-80px;background:#ffffff12}.eyebrow{font-size:12px;font-weight:800;letter-spacing:1.3px;color:#ffd3c4}.heroMain h1{font-size:58px;line-height:.95;letter-spacing:-2px;margin:14px 0 18px;max-width:780px}.heroMain p{max-width:650px;color:#d5d9e0;font-size:17px;line-height:1.6}.primary{border:0;background:var(--accent);color:#fff;padding:13px 21px;border-radius:24px;font-weight:800;cursor:pointer}
.heroSide{display:grid;grid-template-rows:1fr 1fr;gap:16px}.promo{background:#fff;border-radius:22px;padding:25px;border:1px solid var(--line)}.promo strong{display:block;font-size:28px;margin:10px 0}.promo.dark{background:#171b23;color:#fff}.promo small{color:var(--muted)}.promo.dark small{color:#c3c7cf}
.trust{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:16px 0}.trustItem{background:#fff;border:1px solid var(--line);border-radius:15px;padding:16px;display:flex;gap:10px}.trustItem b{display:block;font-size:13px}.trustItem span{font-size:12px;color:var(--muted)}
.sectionHead{display:flex;justify-content:space-between;align-items:end;gap:20px;margin:30px 0 12px}.sectionHead h2{margin:0;font-size:26px}.sectionHead p{margin:4px 0 0;color:var(--muted);font-size:13px}
.categories{display:grid;grid-template-columns:repeat(8,1fr);gap:10px}.catBtn{background:#fff;border:1px solid var(--line);border-radius:15px;padding:17px 10px;cursor:pointer;font-weight:700;min-height:72px}.catBtn:hover,.catBtn.active{border-color:#111827;background:#111827;color:#fff}
.catalogTools{display:flex;gap:10px;align-items:center}.catalogTools select{background:#fff;border:1px solid var(--line);padding:10px 12px;border-radius:11px}
.grid{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}.productCard{background:#fff;border:1px solid var(--line);border-radius:17px;overflow:hidden;transition:.18s}.productCard:hover{transform:translateY(-2px);box-shadow:0 10px 30px #11182712}.imageWrap{height:225px;background:#f0f1f3;position:relative;display:flex;align-items:center;justify-content:center}.imageWrap img{width:100%;height:100%;object-fit:cover}.stockBadge{position:absolute;top:10px;left:10px;background:#fff;border-radius:10px;padding:5px 7px;font-size:11px;font-weight:800;box-shadow:0 2px 8px #0001}.stockBadge.low{color:#b45309}.stockBadge.out{color:#b91c1c}.productBody{padding:13px}.categoryLabel{font-size:11px;color:var(--muted);text-transform:uppercase}.productTitle{font-size:14px;line-height:1.35;height:38px;overflow:hidden;margin:7px 0}.rating{font-size:12px;color:#e27b00}.rating span{color:var(--muted);margin-left:5px}.price{font-size:20px;font-weight:900;margin-top:8px}.metaLine{font-size:11px;color:var(--muted);margin:6px 0 10px}.viewBtn{display:block;text-align:center;background:#111827;color:#fff;border-radius:10px;padding:9px;font-size:12px;font-weight:800}
.pagination{display:flex;justify-content:center;align-items:center;gap:8px;margin:28px 0}.pagination button{border:1px solid var(--line);background:#fff;border-radius:9px;padding:9px 12px;cursor:pointer}.pagination button.active{background:#111827;color:#fff}.pagination button:disabled{opacity:.4;cursor:not-allowed}
.footer{background:#111827;color:#fff;margin-top:45px}.footerInner{max-width:1500px;margin:auto;padding:42px 22px;display:grid;grid-template-columns:1.3fr repeat(3,1fr);gap:35px}.footer h4{margin:0 0 12px}.footer p,.footer a{color:#b9bec8;font-size:13px;line-height:1.8}.copyright{border-top:1px solid #ffffff15;padding:14px 22px;text-align:center;color:#9aa0aa;font-size:12px}
.drawer{position:fixed;right:-440px;top:0;width:420px;max-width:100%;height:100vh;background:#fff;z-index:80;box-shadow:-12px 0 35px #0003;padding:22px;overflow:auto;transition:right .25s}.drawer.open{right:0}.drawerClose{float:right;border:0;background:#eee;width:34px;height:34px;border-radius:50%;font-size:22px;cursor:pointer}.drawer input{width:100%;padding:11px;margin:5px 0 10px;border:1px solid #ddd;border-radius:9px}.totalLine{display:flex;justify-content:space-between;padding:14px 0;border-top:1px solid #eee;border-bottom:1px solid #eee}.checkoutBtn{width:100%;border:0;background:var(--accent);color:#fff;padding:13px;border-radius:24px;font-weight:800;cursor:pointer}.cartRow{display:flex;justify-content:space-between;gap:10px;padding:9px 0;border-bottom:1px solid #eee;font-size:13px}
.mobilebar{display:none}
.skeleton{background:linear-gradient(90deg,#eee,#f7f7f7,#eee);background-size:200% 100%;animation:pulse 1.2s infinite}@keyframes pulse{to{background-position:-200% 0}}
@media(max-width:1180px){.grid{grid-template-columns:repeat(4,1fr)}.categories{grid-template-columns:repeat(6,1fr)}.heroMain h1{font-size:50px}}
@media(max-width:900px){.headrow{grid-template-columns:1fr auto}.searchbox{grid-column:1/-1;grid-row:2}.actions .hideMob{display:none}.hero{grid-template-columns:1fr}.heroSide{grid-template-columns:1fr 1fr;grid-template-rows:auto}.trust{grid-template-columns:repeat(2,1fr)}.grid{grid-template-columns:repeat(2,1fr)}.categories{grid-template-columns:repeat(3,1fr)}.footerInner{grid-template-columns:1fr 1fr}.mobilebar{display:flex;position:fixed;left:0;right:0;bottom:0;background:#fff;border-top:1px solid var(--line);z-index:50;justify-content:space-around;padding:9px}.mobilebar a,.mobilebar button{border:0;background:none;font-size:12px}.footer{padding-bottom:55px}}
@media(max-width:560px){.topbar .right{display:none}.container{padding:14px}.heroMain{padding:30px 24px;min-height:330px}.heroMain h1{font-size:40px}.heroSide{grid-template-columns:1fr}.trust{grid-template-columns:1fr}.grid{gap:9px}.imageWrap{height:170px}.categories{grid-template-columns:repeat(2,1fr)}.footerInner{grid-template-columns:1fr}.actions{gap:6px}.brand{font-size:23px}}

.compactCart{display:grid;grid-template-columns:58px 1fr auto;align-items:center;gap:10px}
.cartThumb{width:58px;height:58px;border-radius:10px;overflow:hidden;background:#f3f4f6;display:flex;align-items:center;justify-content:center;font-size:26px}
.cartThumb img{width:100%;height:100%;object-fit:cover}
.cartInfo{min-width:0}.cartInfo b{display:block;font-size:12px;line-height:1.3;max-height:32px;overflow:hidden}
.qtyLine{display:flex;align-items:center;gap:7px;margin-top:6px}.qtyLine button{width:24px;height:24px;border:1px solid #ddd;background:#fff;border-radius:7px;cursor:pointer}
.cartPrice{text-align:right;white-space:nowrap}.cartPrice b{display:block;font-size:12px}.cartPrice button{border:0;background:none;cursor:pointer;font-size:18px;color:#777}

.premiumTrust .trustItem{align-items:center;padding:18px}.trustIcon{width:58px;height:58px;border-radius:18px;background:linear-gradient(145deg,#111827,#2d3748);color:#fff;display:flex;align-items:center;justify-content:center;flex:0 0 58px;box-shadow:0 10px 24px #11182718}.trustIcon svg{width:34px;height:34px}.trustIcon.green{background:linear-gradient(145deg,#0f766e,#22c55e)}.trustIcon.blue{background:linear-gradient(145deg,#1d4ed8,#38bdf8)}.trustIcon.violet{background:linear-gradient(145deg,#6d28d9,#a855f7)}
.dealWall{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin:18px 0 8px}.dealBanner{min-height:230px;border-radius:22px;overflow:hidden;position:relative;display:grid;grid-template-columns:1.05fr .95fr;align-items:stretch;color:#fff;border:1px solid #ffffff18;box-shadow:0 14px 40px #11182714}.dealA{background:linear-gradient(135deg,#0f172a,#1e3a8a)}.dealB{background:linear-gradient(135deg,#4c1d95,#7e22ce)}.dealC{background:linear-gradient(135deg,#3f1d0b,#b45309)}.dealD{background:linear-gradient(135deg,#064e3b,#059669)}.dealCopy{padding:28px;z-index:2}.dealCopy small{font-size:11px;letter-spacing:1.4px;font-weight:900;opacity:.8}.dealCopy h3{font-size:28px;line-height:1.05;margin:8px 0 10px;letter-spacing:-.7px}.dealCopy p{font-size:13px;line-height:1.6;opacity:.86;max-width:320px}.dealCopy span{display:inline-block;margin-top:10px;font-weight:900;font-size:13px}.dealImg{background-position:center;background-size:cover;min-height:230px;position:relative}.dealImg:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#0008,transparent 45%)}.freeShipLabel{display:inline-block;color:#15803d;font-weight:900}
.heroMain{background:
 radial-gradient(circle at 82% 18%,#ff8a5a55 0 14%,transparent 15%),
 radial-gradient(circle at 75% 58%,#ffffff10 0 20%,transparent 21%),
 linear-gradient(115deg,#0c1220,#202938 58%,#ff6328)}
@media(max-width:900px){.dealWall{grid-template-columns:1fr}.dealBanner{grid-template-columns:1fr .8fr}.premiumTrust .trustItem{padding:14px}}
@media(max-width:560px){.dealBanner{grid-template-columns:1fr;min-height:360px}.dealImg{min-height:180px;grid-row:1}.dealCopy{grid-row:2;padding:22px}.dealCopy h3{font-size:23px}}

/* Premium shopping bag + fast add-to-cart */
.premiumHeaderCart{position:relative;width:60px;height:58px;padding:0!important;border-radius:0!important;background:transparent!important;color:#ff4d6d!important;box-shadow:none!important;display:flex;align-items:center;justify-content:center;overflow:visible}
.premiumHeaderCart svg{width:27px;height:27px}.premiumHeaderCart b{position:absolute;right:-7px;top:-7px;min-width:25px;height:25px;padding:0 6px;border-radius:999px;background:#fff;color:#7c3aed;display:flex;align-items:center;justify-content:center;font-size:11px;border:2px solid #fff;box-shadow:0 5px 14px #0002}
.premiumHeaderCart:after{content:"";position:absolute;inset:8px;background:radial-gradient(circle,#ff4d6d24,transparent 70%);filter:blur(10px);z-index:-1;animation:headerBagGlow 2.2s ease-in-out infinite}@keyframes headerBagGlow{0%,100%{opacity:.55;transform:scale(.98)}50%{opacity:1;transform:scale(1.08)}}
.clickableCard{cursor:pointer}.clickableCard:focus{outline:2px solid #8b5cf6;outline-offset:2px}.addCartBtn{width:100%;border:0;border-radius:11px;padding:10px 12px;background:linear-gradient(135deg,#ff6b20,#ff4d6d);color:#fff;font-weight:900;font-size:12px;cursor:pointer;box-shadow:0 7px 16px #ff4d6d24;transition:.18s transform,.18s box-shadow,.18s filter}.addCartBtn:hover{transform:translateY(-1px);filter:saturate(1.1);box-shadow:0 10px 20px #ff4d6d32}.addCartBtn:disabled{cursor:not-allowed;opacity:.55;box-shadow:none;transform:none}
.mobileBagBtn{position:relative!important;width:44px;height:38px!important;border-radius:0!important;background:transparent!important;color:#ff4d6d!important;display:flex!important;align-items:center;justify-content:center}.mobileBagBtn svg{width:21px;height:21px;stroke:currentColor;fill:none}.mobileBagBtn b{position:absolute;top:-6px;right:-6px;background:#fff;color:#7c3aed;min-width:20px;height:20px;border-radius:999px;display:flex;align-items:center;justify-content:center;font-size:10px;box-shadow:0 3px 8px #0002}


/* Inline option picker for fast add-to-cart */
.variantPickerOverlay{position:fixed;inset:0;z-index:10020;background:#0f172a80;backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:18px;opacity:0;visibility:hidden;transition:.2s}
.variantPickerOverlay.open{opacity:1;visibility:visible}
.variantPickerSheet{width:min(560px,100%);max-height:min(78vh,720px);background:#fff;border-radius:24px;box-shadow:0 28px 80px #0004;display:flex;flex-direction:column;overflow:hidden}
.variantPickerHead{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;padding:20px;border-bottom:1px solid var(--line);background:linear-gradient(180deg,#fff,#fff8fb)}
.variantPickerHead small{font-size:10px;letter-spacing:1.3px;font-weight:900;color:#7c3aed}.variantPickerHead h3{margin:5px 0 0;font-size:18px;line-height:1.3}
.variantPickerClose{flex:0 0 40px;width:40px;height:40px;border:1px solid #eadcff;border-radius:50%;background:#faf7ff;color:#7c3aed;font-size:26px;cursor:pointer}
.variantPickerOptions{padding:14px;overflow:auto;display:grid;grid-template-columns:1fr 1fr;gap:9px}
.variantPickOption{border:1px solid var(--line);background:#fff;border-radius:14px;padding:12px;text-align:left;display:flex;justify-content:space-between;gap:12px;align-items:center;cursor:pointer;min-height:52px}
.variantPickOption:hover{border-color:#7c3aed;background:#faf7ff}.variantPickOption span{font-size:12px;line-height:1.3}.variantPickOption b{font-size:13px;color:#7c3aed;white-space:nowrap}
.variantPickerFoot{padding:12px 18px 18px;text-align:center}.variantPickerFoot a{font-size:12px;font-weight:900;color:#7c3aed}

/* Mobile polish */
@media(max-width:560px){
  body{padding-bottom:58px}
  .topbar{font-size:10px;padding:6px 12px;justify-content:center;text-align:center}
  .headrow{padding:10px 12px;gap:10px}
  .brand{font-size:21px;white-space:nowrap}
  .premiumHeaderCart{width:44px;height:42px}.premiumHeaderCart svg{width:23px;height:23px}.premiumHeaderCart b{right:-3px;top:-5px;min-width:21px;height:21px;font-size:10px}
  .searchbox{border-width:1.5px}.searchbox input{min-width:0;padding:10px 12px;font-size:14px}.searchbox button{padding:0 14px;font-size:13px}
  .navinner{padding:8px 12px;gap:18px;font-size:12px}
  .container{padding:10px}
  .heroMain{min-height:auto;padding:24px 18px;border-radius:18px}.heroMain h1{font-size:34px;line-height:1;margin:10px 0 14px}.heroMain p{font-size:14px;line-height:1.5}.primary{padding:11px 17px}
  .heroSide{gap:10px}.promo{padding:18px;border-radius:17px}.promo strong{font-size:24px}
  .premiumTrust .trustItem{padding:12px}.trustIcon{width:48px;height:48px;flex-basis:48px;border-radius:15px}.trustIcon svg{width:28px;height:28px}
  .sectionHead{margin:22px 0 10px;align-items:flex-start;flex-direction:column;gap:8px}.sectionHead h2{font-size:22px}.catalogTools{width:100%}.catalogTools select{width:100%}
  .grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .productCard{border-radius:14px}.imageWrap{height:145px}.productBody{padding:10px}.productTitle{font-size:12.5px;height:34px}.rating,.metaLine{font-size:10.5px}.price{font-size:18px}.addCartBtn{min-height:40px;padding:9px 7px;font-size:11px}
  .categories{gap:8px}.catBtn{padding:13px 8px;min-height:64px;font-size:12px}
  .pagination{gap:5px;flex-wrap:wrap;margin:20px 0}.pagination button{padding:8px 10px;font-size:12px}
  .footerInner{padding:30px 18px;gap:20px}
  .mobilebar{padding:8px 6px calc(8px + env(safe-area-inset-bottom));align-items:center}
  #globalCartFab{right:10px;bottom:66px;width:58px;height:58px}.gcfIcon{width:36px;height:36px}.gcfIcon svg{width:25px;height:25px}#globalCartCount{min-width:22px;height:22px;font-size:10px;right:0;top:0}
  .variantPickerOverlay{align-items:flex-end;padding:0}
  .variantPickerSheet{width:100%;max-height:82vh;border-radius:22px 22px 0 0}
  .variantPickerHead{padding:16px}.variantPickerHead h3{font-size:16px}
  .variantPickerOptions{grid-template-columns:1fr;padding:10px}
  .variantPickOption{min-height:48px;padding:11px}
  .dealBanner{min-height:300px}.dealImg{min-height:145px}.dealCopy{padding:18px}
}
@media(max-width:380px){
  .brand{font-size:19px}
  .grid{gap:6px}.imageWrap{height:132px}.productBody{padding:8px}.productTitle{font-size:12px}.price{font-size:17px}
  .metaLine{white-space:normal;line-height:1.25}.freeShipLabel{display:block;margin-bottom:2px}
  .addCartBtn{font-size:10.5px}
}


/* Prevent narrow-screen horizontal overflow */
html,body{max-width:100%;overflow-x:hidden}
.headrow>*{min-width:0}.searchbox{min-width:0;width:100%}.searchbox input{min-width:0;width:100%}
.hero,.heroMain,.heroSide,.trust,.dealWall,.grid,.categories,.footerInner{min-width:0}
@media(max-width:900px){.headrow{grid-template-columns:minmax(0,1fr) auto}.searchbox{grid-column:1/-1;width:100%}}
@media(max-width:430px){
  .headrow{grid-template-columns:minmax(0,1fr) 44px}
  .actions{width:44px;justify-content:flex-end}
  .searchbox button{flex:0 0 auto}
  .heroMain h1{overflow-wrap:anywhere}
  .navinner{max-width:100vw}
}
