/** Shopify CDN: Minification failed

Line 3847:1 Expected "}" to go with "{"

**/
/* ============================================================
   BachatBazaar — "Latest" Edition
   Modern editorial-commerce · soft depth · bold type
   ============================================================ */
:root{
  /* SmartBuy Logo Colors */
  --blue:#0052a5;   --blue-d:#003f82;  --blue-l:#1a6fc4;
  --brand-green:#2ea84a; --brand-green-d:#1f7a35;
  --red:#0052a5; --red-d:#003f82;
  /* Site Palette — SmartBuy Blue-theme */
  --ink:#0d0f12; --ink-2:#5a6068;
  --paper:#ffffff; --bg:#edf2fb; --line:#d6e2f5;
  --cream:#f0f5ff; --gold:#e8a13a; --green:#2ea84a;
  --r:20px; --r-s:13px;
  --sh-s:0 2px 8px rgba(0,82,165,.08);
  --sh-m:0 10px 30px rgba(0,82,165,.12);
  --sh-l:0 24px 60px rgba(0,82,165,.20);
  --ease:cubic-bezier(.22,1,.36,1);
}
*{box-sizing:border-box;}
html,body{margin:0;}
body{font-family:'DM Sans',system-ui,sans-serif;background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;}
img{display:block;max-width:100%;}
a{color:inherit;text-decoration:none;}
button{font-family:inherit;cursor:pointer;border:0;background:none;}
.shell{max-width:460px;margin:0 auto;background:var(--bg);min-height:100vh;position:relative;box-shadow:0 0 90px rgba(0,0,0,.2);overflow:hidden;padding-bottom:84px;}
.accent{color:var(--red);}
.scroll-x{overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;scroll-snap-type:x proximity;}
.scroll-x::-webkit-scrollbar{display:none;}

/* reveal: resting state is fully visible (no invisible fallback in capture/print) */
.rv{opacity:1;transform:none;}

/* ---------- top app bar ---------- */
.bar{position:sticky;top:0;z-index:40;background:var(--bg);}
.bar__in{display:flex;align-items:center;gap:12px;padding:16px 18px 10px;}
.bar__loc{display:flex;flex-direction:column;line-height:1.1;}
.bar__loc small{font-size:10px;color:var(--ink-2);font-weight:600;letter-spacing:.04em;text-transform:uppercase;}
.bar__loc b{font-size:14px;font-weight:800;display:flex;align-items:center;gap:4px;}
.bar__loc b svg{width:15px;height:15px;color:var(--red);}
.bar__sp{margin-left:auto;display:flex;align-items:center;gap:8px;}
.ib{position:relative;width:44px;height:44px;border-radius:14px;background:var(--paper);box-shadow:var(--sh-s);display:flex;align-items:center;justify-content:center;color:var(--ink);}
.ib svg{width:22px;height:22px;}
.ib__b{position:absolute;top:-5px;right:-5px;min-width:19px;height:19px;padding:0 5px;background:var(--red);color:#fff;font-size:10px;font-weight:800;border-radius:999px;display:flex;align-items:center;justify-content:center;border:2px solid var(--bg);}
/* search */
.srch{display:flex;align-items:center;gap:10px;margin:2px 18px 14px;background:var(--paper);border-radius:16px;padding:13px 16px;box-shadow:var(--sh-s);}
.srch svg{width:20px;height:20px;color:var(--ink-2);}
.srch input{flex:1;border:0;outline:none;font-family:inherit;font-size:14.5px;background:none;min-width:0;color:var(--ink);}
.srch__mic{color:var(--red);}

/* ---------- hero editorial ---------- */
.hero{margin:0 18px;border-radius:26px;overflow:hidden;position:relative;color:#fff;box-shadow:var(--sh-m);min-height:230px;display:flex;flex-direction:column;justify-content:flex-end;}
.hero__bg{position:absolute;inset:0;background:linear-gradient(150deg,#0052a5,#003f82);z-index:0;}
.hero__bg::after{content:"";position:absolute;inset:0;background:
  radial-gradient(80% 60% at 85% 10%,rgba(255,255,255,.22),transparent 60%),
  radial-gradient(60% 50% at 0% 100%,rgba(0,0,0,.32),transparent 60%);}
.hero__glow{position:absolute;width:200px;height:200px;border-radius:50%;background:radial-gradient(circle,rgba(232,161,58,.55),transparent 65%);top:-50px;right:-40px;z-index:0;filter:blur(6px);}
.hero__c{position:relative;z-index:1;padding:24px 22px;}
.hero__k{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;background:rgba(255,255,255,.18);backdrop-filter:blur(6px);padding:6px 12px;border-radius:999px;margin-bottom:12px;}
.hero__k i{width:6px;height:6px;border-radius:50%;background:var(--gold);box-shadow:0 0 0 3px rgba(232,161,58,.3);}
.hero__t{font-size:34px;font-weight:800;line-height:.98;letter-spacing:-.02em;margin:0 0 8px;}
.hero__t em{font-style:normal;color:var(--gold);}
.hero__p{font-size:13.5px;opacity:.92;margin:0 0 16px;max-width:26ch;}
.hero__btn{display:inline-flex;align-items:center;gap:8px;background:#fff;color:var(--ink);font-weight:800;font-size:14px;padding:13px 22px;border-radius:13px;box-shadow:var(--sh-m);}
.hero__btn svg{width:16px;height:16px;}
.hero__row{display:flex;gap:6px;padding:0 22px 18px;position:relative;z-index:1;}
.hero__row i{height:4px;flex:1;border-radius:999px;background:rgba(255,255,255,.3);}
.hero__row i.on{background:#fff;}

/* ---------- quick actions ---------- */
.qa{display:flex;gap:10px;padding:16px 18px 6px;}
.qa__i{flex:1;background:var(--paper);border-radius:16px;padding:13px 10px;text-align:center;box-shadow:var(--sh-s);display:flex;flex-direction:column;align-items:center;gap:7px;}
.qa__ic{width:40px;height:40px;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;}
.qa__ic svg{width:21px;height:21px;}
.qa__i b{font-size:11.5px;font-weight:700;line-height:1.1;}

/* ---------- section ---------- */
.sec{padding:20px 0 6px;}
.sec__h{display:flex;align-items:flex-end;justify-content:space-between;gap:10px;padding:0 18px 14px;}
.sec__h>div{min-width:0;flex:1;}
.sec__h h2{font-size:22px;font-weight:800;letter-spacing:-.02em;margin:0;line-height:1.05;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.sec__h p{font-size:12.5px;color:var(--ink-2);margin:5px 0 0;font-weight:500;}
.sec__all{color:var(--red);font-weight:800;font-size:13px;display:inline-flex;align-items:center;gap:3px;white-space:nowrap;flex-shrink:0;}
.sec__all svg{width:14px;height:14px;}

/* ---------- categories pills ---------- */
.cats{display:flex;gap:10px;padding:0 18px 8px;}
.catp{flex:0 0 auto;display:flex;align-items:center;gap:8px;background:var(--paper);border-radius:999px;padding:8px 15px 8px 8px;box-shadow:var(--sh-s);scroll-snap-align:start;}
.catp__d{width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;}
.catp__d svg{width:17px;height:17px;}
.catp b{font-size:13px;font-weight:700;white-space:nowrap;}

/* ---------- deal hero countdown ---------- */
.dband{margin:14px 18px 0;border-radius:22px;background:linear-gradient(135deg,#0d0f12,#23262c);color:#fff;padding:18px;position:relative;overflow:hidden;box-shadow:var(--sh-m);}
.dband::after{content:"";position:absolute;right:-30px;top:-30px;width:160px;height:160px;border-radius:50%;background:radial-gradient(circle,rgba(0,82,165,.5),transparent 65%);}
.dband__top{display:flex;align-items:center;justify-content:space-between;position:relative;z-index:1;margin-bottom:14px;}
.dband__top b{font-size:18px;font-weight:800;display:flex;align-items:center;gap:7px;}
.dband__top b .fl{font-size:18px;}
.cd{display:flex;align-items:center;gap:4px;}
.cd__x{background:var(--red);color:#fff;font-weight:800;font-size:13px;font-variant-numeric:tabular-nums;padding:5px 8px;border-radius:8px;min-width:32px;text-align:center;}
.cd__c{font-weight:800;opacity:.6;}
.dband__rail{display:flex;gap:11px;position:relative;z-index:1;overflow-x:auto;scrollbar-width:none;}
.dband__rail::-webkit-scrollbar{display:none;}

/* ---------- product card ---------- */
.rail{display:flex;gap:13px;padding:0 18px 8px;}
.pc{flex:0 0 165px;background:var(--paper);border-radius:var(--r);overflow:hidden;box-shadow:var(--sh-s);display:flex;flex-direction:column;scroll-snap-align:start;transition:transform .2s var(--ease),box-shadow .2s var(--ease);}
.pc:active{transform:scale(.98);}
.dband__rail .pc{flex:0 0 150px;}
.pc__m{position:relative;aspect-ratio:1/1;display:block;overflow:hidden;background:#f0eee9;}
.pc__img{width:100%;height:100%;object-fit:cover;}
.pc__off{position:absolute;top:10px;left:10px;background:var(--ink);color:#fff;font-size:11px;font-weight:800;padding:5px 9px;border-radius:9px;}
.pc__off.sale{background:var(--red);}
.pc__tag{position:absolute;left:10px;bottom:10px;background:rgba(255,255,255,.95);color:var(--ink);font-size:10px;font-weight:800;padding:4px 8px;border-radius:8px;box-shadow:var(--sh-s);}
.pc__w{position:absolute;top:8px;right:8px;width:32px;height:32px;border-radius:50%;background:rgba(255,255,255,.95);display:flex;align-items:center;justify-content:center;color:#a7adb4;box-shadow:var(--sh-s);}
.pc__w svg{width:18px;height:18px;}
.pc__w.on{color:var(--red);}
.pc__w.on svg{fill:var(--red);}
.pc__b{padding:11px 12px 13px;display:flex;flex-direction:column;gap:6px;flex:1;}
.pc__n{font-size:13px;font-weight:600;line-height:1.32;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:34px;}
.pc__rt{display:inline-flex;align-items:center;gap:5px;}
.pc__rt .p{display:inline-flex;align-items:center;gap:3px;background:var(--green);color:#fff;font-size:10.5px;font-weight:800;padding:2px 6px;border-radius:6px;}
.pc__rt .p svg{width:10px;height:10px;}
.pc__rt small{font-size:10.5px;color:var(--ink-2);}
.pc__pr{display:flex;align-items:baseline;gap:6px;flex-wrap:wrap;margin-top:auto;}
.pc__pr b{font-size:17px;font-weight:800;}
.pc__pr s{font-size:11.5px;color:var(--ink-2);}
.pc__add{position:absolute;right:12px;bottom:12px;width:34px;height:34px;border-radius:11px;background:var(--ink);color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:var(--sh-m);}
.pc__add svg{width:19px;height:19px;}
.pc__b{position:relative;}

/* ---------- big feature banner ---------- */
.feat{margin:18px;border-radius:24px;overflow:hidden;position:relative;color:#fff;box-shadow:var(--sh-m);display:flex;flex-direction:column;justify-content:center;min-height:172px;padding:24px 22px;}
.feat__bg{position:absolute;inset:0;z-index:0;}
.feat::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.5),transparent 75%);}
.feat__c{position:relative;z-index:1;}
.feat__k{font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;opacity:.92;}
.feat__t{font-size:24px;font-weight:800;line-height:1.05;margin:6px 0 12px;letter-spacing:-.01em;}
.feat__btn{display:inline-flex;align-self:flex-start;align-items:center;gap:7px;background:#fff;color:var(--ink);font-weight:800;font-size:13px;padding:11px 18px;border-radius:11px;}
.feat__btn svg{width:15px;height:15px;}

/* ---------- editorial 2-up grid ---------- */
.duo{display:grid;grid-template-columns:1fr 1fr;gap:13px;padding:0 18px;}
.duo .pc{flex:none;width:auto;}

/* ---------- collection strips ---------- */
.strip{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:0 18px;}
.scard{border-radius:20px;overflow:hidden;position:relative;aspect-ratio:1/1.15;color:#fff;display:flex;flex-direction:column;justify-content:flex-end;padding:16px;box-shadow:var(--sh-s);}
.scard__bg{position:absolute;inset:0;z-index:0;}
.scard::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.6),transparent 65%);}
.scard__c{position:relative;z-index:1;}
.scard__c small{font-size:11px;font-weight:700;opacity:.9;}
.scard__c b{font-size:18px;font-weight:800;display:block;line-height:1.05;margin-top:2px;}
.scard__c span{display:inline-flex;align-items:center;gap:4px;font-size:12px;font-weight:800;margin-top:8px;}
.scard__c span svg{width:13px;height:13px;}

/* ---------- trust ---------- */
.trust{display:flex;gap:10px;padding:4px 18px;overflow-x:auto;scrollbar-width:none;}
.trust::-webkit-scrollbar{display:none;}
.tc{flex:0 0 auto;display:flex;align-items:center;gap:9px;background:var(--paper);border-radius:14px;padding:12px 14px;box-shadow:var(--sh-s);}
.tc__i{width:36px;height:36px;border-radius:10px;background:rgba(0,82,165,.08);color:var(--red);display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.tc__i svg{width:20px;height:20px;}
.tc b{display:block;font-size:12.5px;font-weight:700;white-space:nowrap;}
.tc small{font-size:10.5px;color:var(--ink-2);}

/* ---------- footer ---------- */
.ft{margin-top:22px;background:var(--ink);color:#fff;border-radius:28px 28px 0 0;}
.ft__pad{padding:24px 18px 14px;}
.ft__logo{font-size:23px;font-weight:800;}
.ft__logo small{display:block;font-size:9px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--gold);margin-top:3px;}
.ft__about{font-size:13px;line-height:1.6;opacity:.62;margin:12px 0 0;}
.ft__soc{display:flex;gap:9px;margin:16px 0 4px;}
.ft__soc a{width:40px;height:40px;border-radius:12px;background:rgba(255,255,255,.08);display:flex;align-items:center;justify-content:center;}
.ft__soc svg{width:19px;height:19px;}
.ft details{border-top:1px solid rgba(255,255,255,.1);}
.ft summary{display:flex;align-items:center;justify-content:space-between;list-style:none;padding:15px 0;font-weight:700;font-size:14px;}
.ft summary::-webkit-details-marker{display:none;}
.ft summary svg{width:19px;height:19px;opacity:.6;transition:transform .2s;}
.ft details[open] summary svg{transform:rotate(180deg);}
.ft ul{list-style:none;margin:0;padding:0 0 15px;display:flex;flex-direction:column;gap:11px;}
.ft ul a{font-size:13.5px;opacity:.7;}
.ft__bottom{display:flex;flex-direction:column;gap:13px;align-items:center;text-align:center;padding:18px;border-top:1px solid rgba(255,255,255,.1);}
.ft__copy{font-size:11.5px;opacity:.55;margin:0;}
.ft__pay{display:flex;flex-wrap:wrap;gap:7px;justify-content:center;}
.pay{background:#fff;color:#111;font-size:10.5px;font-weight:800;padding:5px 8px;border-radius:6px;min-width:36px;text-align:center;}
.pay--upi{background:var(--red);color:#fff;}

/* ---------- glass bottom nav ---------- */
.tabs{position:sticky;bottom:0;z-index:60;display:flex;justify-content:center;}
.tabs__in{pointer-events:auto;width:100%;max-width:460px;background:rgba(255,255,255,.82);backdrop-filter:blur(18px) saturate(160%);-webkit-backdrop-filter:blur(18px) saturate(160%);border-top:1px solid rgba(0,0,0,.06);display:flex;align-items:center;justify-content:space-around;padding:9px 10px calc(9px + env(safe-area-inset-bottom));}
.tab{display:flex;flex-direction:column;align-items:center;gap:3px;color:var(--ink-2);font-size:10px;font-weight:700;position:relative;padding:5px 12px;border-radius:14px;}
.tab svg{width:23px;height:23px;}
.tab.on{color:var(--red);}
.tab.on .tab__ic{transform:translateY(-1px);}
.tab__fab{width:52px;height:52px;border-radius:18px;background:linear-gradient(135deg,var(--red),var(--red-d));color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 20px rgba(0,82,165,.4);margin-top:-22px;}
.tab__fab svg{width:26px;height:26px;}
.tab__b{position:absolute;top:1px;right:6px;min-width:16px;height:16px;padding:0 4px;background:var(--red);color:#fff;font-size:9px;font-weight:800;border-radius:999px;display:flex;align-items:center;justify-content:center;}

/* ---------- wishlist drawer ---------- */
.wrap{position:fixed;inset:0;z-index:90;display:flex;justify-content:center;}
.wrap[hidden]{display:none;}
.wrap__s{position:absolute;inset:0;background:rgba(10,12,16,.5);opacity:0;transition:opacity .25s;}
.wrap__p{position:absolute;top:0;right:50%;bottom:0;width:90%;max-width:375px;background:var(--bg);transform:translateX(calc(100% + 230px));transition:transform .32s var(--ease);display:flex;flex-direction:column;margin-right:-230px;}
.wrap.on .wrap__s{opacity:1;}
.wrap.on .wrap__p{transform:translateX(0);}
.wrap__h{display:flex;align-items:center;justify-content:space-between;padding:20px 18px 14px;}
.wrap__h h3{margin:0;font-size:20px;font-weight:800;}
.wrap__h button{color:var(--ink-2);}
.wrap__h svg{width:24px;height:24px;}
.wrap__b{flex:1;overflow-y:auto;padding:6px 14px;}
.wrap__e{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;text-align:center;padding:40px;color:var(--ink-2);}
.wrap__e svg{width:58px;height:58px;color:#d6d2ca;}
.wrap__e b{font-weight:800;font-size:16px;color:var(--ink);}
.wrap__shop{background:var(--red);color:#fff;font-weight:800;padding:13px 24px;border-radius:13px;font-size:14px;}
.wr{display:flex;gap:12px;background:var(--paper);border-radius:16px;padding:12px;margin-bottom:10px;box-shadow:var(--sh-s);}
.wr__t{width:66px;height:66px;border-radius:12px;flex-shrink:0;}
.wr__i{flex:1;min-width:0;display:flex;flex-direction:column;}
.wr__n{font-size:13.5px;font-weight:600;line-height:1.3;}
.wr__p{font-size:15px;font-weight:800;color:var(--red);margin-top:auto;}
.wr__a{display:flex;gap:8px;margin-top:9px;}
.wr__atc{flex:1;background:var(--ink);color:#fff;border-radius:10px;font-weight:700;font-size:12px;padding:9px;}
.wr__rm{width:38px;background:#efece6;border-radius:10px;color:var(--ink-2);display:flex;align-items:center;justify-content:center;}
.wr__rm svg{width:18px;height:18px;}
body.lock{overflow:hidden;}

/* toast */
.toast{position:fixed;left:50%;bottom:80px;transform:translateX(-50%) translateY(20px);background:var(--ink);color:#fff;font-size:13px;font-weight:700;padding:12px 20px;border-radius:13px;box-shadow:var(--sh-l);opacity:0;pointer-events:none;transition:all .3s var(--ease);z-index:100;display:flex;align-items:center;gap:8px;}
.toast.on{opacity:1;transform:translateX(-50%) translateY(0);}
.toast svg{width:17px;height:17px;color:#5fdc9a;}

/* ================================================================
   SmartBuy Collection + Product Page Design
   ================================================================ */
body{background:var(--bg)!important;}
.gradient,.color-scheme-1.gradient{background:var(--bg)!important;}

/* HIDE FILTERS */
.facets-vertical .facets__wrapper,.facets-wrapper,.facets-vertical,.facets-vertical-sort,.collection .facets,.facet-filters{display:none!important;}
.product-grid-container{width:100%!important;max-width:100%!important;padding-left:0!important;margin-left:0!important;}

/* SORT */
.facet-filters__field{background:#fff!important;border:1.5px solid var(--line)!important;border-radius:12px!important;padding:10px 16px!important;box-shadow:var(--sh-s)!important;}
.select__select{border:1.5px solid var(--line)!important;border-radius:10px!important;background:var(--cream)!important;color:var(--ink)!important;font-weight:600!important;font-size:14px!important;}
.product-count__text{color:var(--ink-2)!important;font-size:13px!important;font-weight:600!important;}

/* COLLECTION TITLE */
.collection__title{color:var(--ink)!important;font-weight:800!important;font-size:clamp(20px,4vw,32px)!important;letter-spacing:-.02em!important;}

/* PRODUCT CARDS */
.card-wrapper{border-radius:var(--r)!important;}
.card.card--standard{background:var(--paper)!important;border-radius:var(--r)!important;border:none!important;box-shadow:var(--sh-s)!important;overflow:hidden!important;transition:transform .2s var(--ease),box-shadow .2s var(--ease)!important;}
.card.card--standard:hover{transform:translateY(-4px)!important;box-shadow:var(--sh-m)!important;}
.card__media{background:#f0eee9!important;overflow:hidden!important;}
.card__media img{transition:transform .3s var(--ease)!important;}
.card.card--standard:hover .card__media img{transform:scale(1.05)!important;}
.card__heading a,.card__heading .full-unstyled-link{color:var(--ink)!important;font-weight:600!important;font-size:13px!important;line-height:1.32!important;text-decoration:none!important;display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important;}
.card__heading a:hover{color:var(--red)!important;}
.card__information{padding:11px 12px 13px!important;}
.price{display:flex!important;align-items:baseline!important;gap:6px!important;flex-wrap:wrap!important;}
.price__sale .price-item--sale{font-size:17px!important;font-weight:800!important;color:var(--ink)!important;}
.price__regular .price-item--regular{font-size:17px!important;font-weight:800!important;color:var(--ink)!important;}
.price--on-sale .price-item--sale{color:var(--red)!important;}
.price__compare .price-item--regular{font-size:11.5px!important;color:var(--ink-2)!important;text-decoration:line-through!important;font-weight:400!important;}
.badge{font-weight:800!important;font-size:11px!important;padding:5px 9px!important;border-radius:9px!important;}
.badge--sale,.badge.color-scheme-4{background:var(--red)!important;color:#fff!important;}
.badge--sold-out{background:var(--ink)!important;color:#fff!important;}
.quick-add__submit{background:var(--ink)!important;color:#fff!important;border:none!important;border-radius:0 0 var(--r) var(--r)!important;font-family:inherit!important;font-weight:700!important;font-size:13px!important;padding:11px!important;width:100%!important;cursor:pointer!important;transition:background .18s!important;}
.quick-add__submit:hover{background:var(--red)!important;}
.rating-star{color:var(--gold)!important;}
.pagination__item{border:1.5px solid var(--line)!important;border-radius:10px!important;color:var(--ink)!important;font-weight:700!important;transition:all .18s!important;}
.pagination__item:hover,.pagination__item--current{background:var(--red)!important;border-color:var(--red)!important;color:#fff!important;}

/* PRODUCT PAGE */
.product{background:var(--paper)!important;border-radius:var(--r)!important;}
.product__title,.product__title h2{color:var(--ink)!important;font-weight:800!important;font-size:clamp(20px,3.5vw,28px)!important;letter-spacing:-.02em!important;line-height:1.15!important;}
.product .price--on-sale .price-item--sale{color:var(--red)!important;font-size:28px!important;font-weight:800!important;}
.product .price__compare .price-item--regular{color:var(--ink-2)!important;font-size:17px!important;text-decoration:line-through!important;}
.swatch__label,.product-form__radio+label{border:1.5px solid var(--line)!important;border-radius:var(--r-s)!important;font-weight:600!important;transition:all .15s!important;cursor:pointer!important;}
.swatch__label:hover,.product-form__radio+label:hover{border-color:var(--red)!important;color:var(--red)!important;}
.swatch-input--radio:checked+.swatch__label,.product-form__radio:checked+label{background:#0052a5!important;color:#fff!important;border-color:#0052a5!important;}
.quantity{border:1.5px solid var(--line)!important;border-radius:var(--r-s)!important;overflow:hidden!important;}
.quantity__button{font-weight:700!important;color:var(--ink)!important;transition:all .15s!important;}
.quantity__button:hover{background:var(--red)!important;color:#fff!important;}
.product-form__submit{border-radius:var(--r-s)!important;font-weight:800!important;font-size:16px!important;padding:16px 28px!important;transition:all .18s!important;}
.product-form__submit.button--primary{background:var(--blue)!important;border-color:var(--blue)!important;color:#fff!important;}
.product-form__submit.button--primary:hover{background:var(--blue-d)!important;border-color:var(--blue-d)!important;transform:translateY(-1px)!important;box-shadow:0 8px 20px rgba(0,82,165,.3)!important;}
.shopify-payment-button__button--unbranded{background:var(--red)!important;border-radius:var(--r-s)!important;font-weight:800!important;}
.thumbnail{border:2px solid var(--line)!important;border-radius:10px!important;overflow:hidden!important;transition:border-color .15s!important;}
.thumbnail:hover,.thumbnail.is-active{border-color:var(--red)!important;}
.product__description{color:var(--ink-2)!important;line-height:1.8!important;font-size:15px!important;}
.related-products{background:var(--bg)!important;}
.related-products h2.h2{color:var(--ink)!important;font-weight:800!important;font-size:22px!important;letter-spacing:-.01em!important;}

/* CART */
.cart-items td{border-bottom:1px solid var(--line)!important;padding:16px 12px!important;}
.cart-item__name a{color:var(--ink)!important;font-weight:600!important;font-size:14px!important;text-decoration:none!important;}
.cart-item__name a:hover{color:var(--red)!important;}
.totals__total-value{color:var(--red)!important;font-size:22px!important;font-weight:800!important;}
.cart__checkout-button{background:var(--blue)!important;border-color:var(--blue)!important;border-radius:var(--r-s)!important;font-weight:800!important;font-size:16px!important;padding:16px!important;}
.cart__checkout-button:hover{background:var(--blue-d)!important;}

/* GLOBAL BUTTONS */
.button--primary{background:var(--blue)!important;border-color:var(--blue)!important;border-radius:var(--r-s)!important;font-weight:700!important;transition:all .18s!important;}
.button--primary:hover{background:var(--blue-d)!important;border-color:var(--blue-d)!important;}

/* Dawn header hidden on homepage only — see homepage-scoped block below */

/* STYLE THE NAV ROW (subnav inside header-group if visible) */
.header__menu-item{color:var(--ink)!important;font-weight:600!important;font-size:14px!important;}
.header__menu-item:hover,.header__active-menu-item{color:var(--red)!important;}
.cart-count-bubble{background:var(--red)!important;}

/* FOOTER */
.footer{background:var(--ink)!important;border-top:3px solid var(--red)!important;}
.footer-block__heading{color:rgba(255,255,255,.9)!important;font-weight:700!important;font-size:13px!important;text-transform:uppercase!important;letter-spacing:.07em!important;}
.footer-block a{color:rgba(255,255,255,.65)!important;font-size:14px!important;}
.footer-block a:hover{color:var(--gold)!important;}
.footer__copyright{color:rgba(255,255,255,.4)!important;font-size:12px!important;}

/* ANNOUNCEMENT */
.announcement-bar{background:var(--ink)!important;}
.announcement-bar__message,.announcement-bar__link{color:#fff!important;font-weight:600!important;font-size:13px!important;}
/* ================================================================
   PRODUCT PAGE — Compact, Clean Layout
   ================================================================ */

/* Overall product page wrapper */
.product { padding: 20px !important; background: #fff !important; border-radius: 16px !important; max-width: 1200px !important; margin: 20px auto !important; }

/* Main product grid - side by side */
.product.grid { display: grid !important; grid-template-columns: 1fr 1fr !important; gap: 40px !important; align-items: start !important; }
@media (max-width: 749px) {
  .product.grid { grid-template-columns: 1fr !important; gap: 20px !important; }
}

/* PRODUCT IMAGE — constrain to reasonable size */
.product__media-wrapper { max-width: 100% !important; }
.product-media-container { max-height: 480px !important; border-radius: 16px !important; overflow: hidden !important; background: #edf2fb !important; }
.product-media-container .media { max-height: 480px !important; height: 480px !important; border-radius: 16px !important; }
.product-media-container img { object-fit: contain !important; max-height: 480px !important; width: 100% !important; border-radius: 16px !important; }
@media (max-width: 749px) {
  .product-media-container { max-height: 340px !important; height: 340px !important; }
  .product-media-container .media { max-height: 340px !important; height: 340px !important; }
  .product-media-container img { max-height: 340px !important; }
}

/* Zoom icon - clean style */
.product__media-zoom-in { background: rgba(255,255,255,.9) !important; border-radius: 10px !important; box-shadow: 0 2px 8px rgba(0,0,0,.1) !important; }

/* Thumbnail strip */
.thumbnail-list { gap: 8px !important; margin-top: 10px !important; }
.thumbnail-list__item { width: 64px !important; height: 64px !important; }
.thumbnail { border: 2px solid #ebe7e0 !important; border-radius: 10px !important; overflow: hidden !important; transition: border-color .15s !important; }
.thumbnail:hover, .thumbnail.is-active, .thumbnail[aria-current="true"] { border-color: var(--red) !important; }

/* PRODUCT INFO — right side */
.product__info-wrapper { padding: 0 !important; }
.product__info-container { display: flex !important; flex-direction: column !important; gap: 14px !important; }

/* Product title */
.product__title h2, .product__title { font-size: clamp(18px,2.5vw,26px) !important; font-weight: 800 !important; color: #0d0f12 !important; letter-spacing: -.02em !important; line-height: 1.2 !important; margin: 0 !important; }

/* Price row */
.product .price { display: flex !important; align-items: baseline !important; gap: 10px !important; flex-wrap: wrap !important; margin: 0 !important; }
.product .price--on-sale .price-item--sale { color: #0052a5 !important; font-size: 26px !important; font-weight: 800 !important; }
.product .price__compare .price-item--regular { color: #5a6068 !important; font-size: 16px !important; text-decoration: line-through !important; font-weight: 400 !important; }
.product .badge--sale { background: #0052a5 !important; color: #fff !important; font-size: 12px !important; padding: 5px 12px !important; border-radius: 10px !important; font-weight: 800 !important; }

/* Tax text */
.product__tax { color: #8a9099 !important; font-size: 12px !important; margin: 0 !important; }

/* Variant picker */
.product-form__input--pill .product-form__radio + label { border: 1.5px solid #ebe7e0 !important; border-radius: 10px !important; font-weight: 600 !important; font-size: 14px !important; padding: 8px 16px !important; transition: all .15s !important; background: #fff !important; color: #0d0f12 !important; }
.product-form__input--pill .product-form__radio + label:hover { border-color: #0052a5 !important; color: #0052a5 !important; }
.product-form__input--pill .product-form__radio:checked + label { background: #0052a5 !important; color: #fff !important; border-color: #0052a5 !important; }

/* Quantity stepper */
.quantity { display: flex !important; align-items: center !important; border: 1.5px solid #ebe7e0 !important; border-radius: 12px !important; overflow: hidden !important; width: fit-content !important; }
.quantity__button { width: 44px !important; height: 44px !important; font-size: 20px !important; color: #0d0f12 !important; background: transparent !important; transition: all .15s !important; }
.quantity__button:hover { background: #0052a5 !important; color: #fff !important; }
.quantity__input { width: 52px !important; text-align: center !important; font-size: 16px !important; font-weight: 700 !important; color: #0d0f12 !important; border: none !important; background: transparent !important; }

/* ATC + Buy Now buttons */
.product-form__buttons { display: flex !important; flex-direction: column !important; gap: 10px !important; }
.product-form__submit.button--primary {
  background: #0052a5 !important;
  border-color: #0052a5 !important;
  color: #fff !important;
  border-radius: 14px !important;
  font-size: 16px !important;
  font-weight: 800 !important;
  padding: 16px 24px !important;
  width: 100% !important;
  transition: all .18s !important;
  letter-spacing: .01em !important;
}
.product-form__submit.button--primary:hover {
  background: #0052a5 !important;
  border-color: #0052a5 !important;
  transform: translateY(-1px) !important;
  box-shadow: 0 8px 20px rgba(0,82,165,.25) !important;
}
.shopify-payment-button__button--branded { border-radius: 14px !important; }
.shopify-payment-button__button--unbranded {
  background: #0052a5 !important;
  border-radius: 14px !important;
  font-weight: 800 !important;
  font-size: 16px !important;
}

/* Description */
.product__description { color: #5a6068 !important; font-size: 14.5px !important; line-height: 1.7 !important; }
.product__description h2, .product__description h3 { color: #0d0f12 !important; font-weight: 700 !important; }

/* Related products heading */
.related-products { background: #edf2fb !important; padding: 32px 0 !important; }
.related-products h2.h2 { font-size: 22px !important; font-weight: 800 !important; color: #0d0f12 !important; letter-spacing: -.01em !important; padding-left: 16px !important; border-left: 4px solid #0052a5 !important; }
/* ================================================================
   PRODUCT PAGE — Targeted Fixes
   ================================================================ */

/* Remove all top padding/margin from product section */
.main-product-section,
.shopify-section:has(.product) { padding-top: 0 !important; margin-top: 0 !important; }
.product { padding: 20px !important; margin-top: 0 !important; }
.section-main-product-padding,
[class*="section-"][class*="-padding"] { padding-top: 16px !important; padding-bottom: 16px !important; }

/* PRODUCT GRID — proper 2-column layout */
.product--medium.product--left,
.product--small.product--left { display: grid !important; grid-template-columns: 1fr 1fr !important; gap: 32px !important; align-items: start !important; }
@media (max-width: 749px) {
  .product--medium.product--left,
  .product--small.product--left { grid-template-columns: 1fr !important; gap: 20px !important; }
}

/* IMAGE WRAPPER — fill space properly */
.product__media-wrapper { width: 100% !important; min-width: 0 !important; }
.product-media-container {
  border-radius: 16px !important;
  overflow: hidden !important;
  background: #edf2fb !important;
  aspect-ratio: 1/1 !important;
  height: auto !important;
  max-height: 500px !important;
}
.product-media-container .media {
  width: 100% !important;
  height: 100% !important;
  border-radius: 16px !important;
}
.product-media-container img {
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
  display: block !important;
  border-radius: 16px !important;
}

/* PRODUCT TITLE — smaller, tighter */
.product__title, .product__title h2 {
  font-size: clamp(18px, 2.5vw, 24px) !important;
  font-weight: 800 !important;
  letter-spacing: -.02em !important;
  line-height: 1.25 !important;
  margin: 0 0 12px !important;
  color: #0d0f12 !important;
}

/* PRICE — prominent red */
.product .price--on-sale .price__sale .price-item--sale {
  color: #0052a5 !important;
  font-size: 24px !important;
  font-weight: 800 !important;
}
.product .price__compare .price-item--regular {
  font-size: 15px !important;
  color: #8a9099 !important;
  text-decoration: line-through !important;
}
.product .badge--sale {
  background: #0052a5 !important;
  color: #fff !important;
  border-radius: 8px !important;
  font-size: 11px !important;
  font-weight: 800 !important;
  padding: 4px 10px !important;
}

/* INFO WRAPPER — no extra padding */
.product__info-wrapper { padding: 0 !important; }
.product__info-container { gap: 16px !important; }

/* ADD TO CART BUTTON */
.product-form__submit {
  border-radius: 12px !important;
  font-size: 15px !important;
  font-weight: 800 !important;
  padding: 15px 24px !important;
  width: 100% !important;
  transition: all .18s !important;
  letter-spacing: .01em !important;
}
.product-form__submit.button--primary {
  background: #0d0f12 !important;
  border-color: #0d0f12 !important;
  color: #fff !important;
}
.product-form__submit.button--primary:hover {
  background: #0052a5 !important;
  border-color: #0052a5 !important;
  transform: translateY(-1px) !important;
  box-shadow: 0 6px 18px rgba(0,82,165,.28) !important;
}

/* BUY NOW (dynamic checkout) */
.shopify-payment-button__button {
  border-radius: 12px !important;
  font-weight: 800 !important;
  font-size: 15px !important;
}
.shopify-payment-button__button--unbranded {
  background: #0052a5 !important;
  border-radius: 12px !important;
}

/* QUANTITY */
.quantity { border: 1.5px solid #ebe7e0 !important; border-radius: 12px !important; overflow: hidden !important; width: fit-content !important; }
.quantity__button { width: 42px !important; height: 44px !important; font-size: 18px !important; color: #0d0f12 !important; transition: all .15s !important; }
.quantity__button:hover { background: #0052a5 !important; color: #fff !important; }
.quantity__input { width: 50px !important; text-align: center !important; font-size: 16px !important; font-weight: 700 !important; color: #0d0f12 !important; }

/* VARIANT PILLS */
.product-form__input--pill label {
  border: 1.5px solid #ebe7e0 !important;
  border-radius: 10px !important;
  font-weight: 600 !important;
  font-size: 13.5px !important;
  transition: all .15s !important;
  background: #fff !important;
}
.product-form__input--pill label:hover { border-color: #0052a5 !important; color: #0052a5 !important; }
.product-form__input--pill .product-form__radio:checked + label { background: #0052a5 !important; color: #fff !important; border-color: #0052a5 !important; }

/* THUMBNAILS */
.thumbnail-list { margin-top: 10px !important; gap: 8px !important; }
.thumbnail { border: 2px solid #ebe7e0 !important; border-radius: 10px !important; overflow: hidden !important; transition: border-color .15s !important; width: 60px !important; height: 60px !important; }
.thumbnail:hover, .thumbnail.is-active, .thumbnail[aria-current="true"] { border-color: #0052a5 !important; }

/* PRODUCT DESCRIPTION */
.product__description { font-size: 14px !important; line-height: 1.7 !important; color: #5a6068 !important; }
.product__description h1,.product__description h2,.product__description h3 { color: #0d0f12 !important; font-weight: 700 !important; }

/* RELATED PRODUCTS */
.related-products { background: #edf2fb !important; margin-top: 20px !important; border-radius: 16px !important; }
.related-products h2.h2 { font-size: 20px !important; font-weight: 800 !important; color: #0d0f12 !important; letter-spacing: -.01em !important; }
/* ================================================================
   PRODUCT PAGE — FINAL FIXES
   ================================================================ */

/* Title - force smaller */
.product__title { margin: 0 0 8px !important; }
.product__title h1,
.product__title h2,
.product__title .h1,
.product__title .h2,
h1.product__title,
h2.product__title {
  font-size: 22px !important;
  font-weight: 800 !important;
  line-height: 1.25 !important;
  letter-spacing: -.02em !important;
  color: #0d0f12 !important;
  margin: 0 !important;
}

/* Remove ALL top spacing from product section */
.section-main-product-padding { padding-top: 12px !important; padding-bottom: 12px !important; }
.product--medium, .product--small, .product--large { padding: 20px !important; }

/* Info side compact */
.product__info-container { gap: 12px !important; display: flex !important; flex-direction: column !important; }
.product__info-wrapper .product-form { display: flex !important; flex-direction: column !important; gap: 10px !important; }

/* Price compact */
.product .price-item--sale { font-size: 22px !important; font-weight: 900 !important; color: #0052a5 !important; }
.product .price__compare { margin: 0 !important; }
.product .price { gap: 8px !important; align-items: center !important; flex-wrap: wrap !important; margin: 0 !important; }

/* Tax text small */
.product__tax { font-size: 11px !important; color: #8a9099 !important; margin: 0 !important; line-height: 1.3 !important; }

/* Qty + ATC always visible */
.product-form__input { margin: 0 !important; }
.product-form__quantity { margin: 0 !important; }
.product-form__buttons { margin: 0 !important; display: flex !important; flex-direction: column !important; gap: 8px !important; }

/* Add to cart - BIG RED/DARK */
.product-form__submit.button--primary {
  background: #0d0f12 !important;
  border-color: #0d0f12 !important;
  color: #fff !important;
  border-radius: 12px !important;
  font-size: 16px !important;
  font-weight: 800 !important;
  padding: 16px !important;
  width: 100% !important;
  min-height: 52px !important;
}
.product-form__submit.button--primary:hover {
  background: #0052a5 !important;
  border-color: #0052a5 !important;
}

/* Buy it now — RED */
.shopify-payment-button__button--unbranded {
  background: #0052a5 !important;
  border-radius: 12px !important;
  font-weight: 800 !important;
  font-size: 16px !important;
  min-height: 52px !important;
}

/* Image — proper sizing */
.product__media-wrapper { max-height: none !important; }
.product-media-container { aspect-ratio: 1/1 !important; border-radius: 16px !important; overflow: hidden !important; background: #edf2fb !important; }
.product-media-container img { object-fit: contain !important; width: 100% !important; height: 100% !important; }

/* Nav breadcrumb visible */
.breadcrumbs { display: flex !important; align-items: center !important; gap: 6px !important; font-size: 12px !important; color: #8a9099 !important; margin-bottom: 12px !important; }

@media (max-width: 749px) {
  h1.product__title,
  h2.product__title,
  .product__title h1,
  .product__title h2 { font-size: 18px !important; }
  .product-form__submit.button--primary { font-size: 14px !important; padding: 14px !important; }
}
/* ================================================================
   PRODUCT PAGE — Remove All Gaps, Show Full Content
   ================================================================ */

/* Kill ALL spacing on product info container */
.product__info-container > * { margin: 0 !important; padding: 0 !important; }
.product__info-container { display: flex !important; flex-direction: column !important; gap: 8px !important; }

/* Remove gap after tax text */
.product__tax, .product-form .product__tax { margin: 0 !important; padding: 0 !important; font-size: 11.5px !important; color: #8a9099 !important; }

/* No empty space before quantity */
.product-form__input--quantity,
.product-form__input,
fieldset.product-form__input { margin: 0 !important; padding: 0 !important; border: none !important; }
.product-form__input .form__label,
.product-form__input legend { font-size: 13px !important; font-weight: 700 !important; color: #0d0f12 !important; margin-bottom: 6px !important; display: block !important; }

/* Quantity stepper — compact */
.quantity { border: 1.5px solid #ebe7e0 !important; border-radius: 12px !important; overflow: hidden !important; width: fit-content !important; height: 46px !important; }
.quantity__button { width: 44px !important; height: 44px !important; font-size: 20px !important; font-weight: 700 !important; color: #0d0f12 !important; background: transparent !important; border: none !important; transition: all .15s !important; }
.quantity__button:hover { background: #0052a5 !important; color: #fff !important; }
.quantity__input { width: 50px !important; height: 44px !important; text-align: center !important; font-size: 16px !important; font-weight: 700 !important; color: #0d0f12 !important; border: none !important; }

/* Product form — no gaps */
.product-form { display: flex !important; flex-direction: column !important; gap: 10px !important; }
.product-form > * { margin: 0 !important; }

/* Buttons container — always visible */
.product-form__buttons { display: flex !important; flex-direction: column !important; gap: 8px !important; margin: 0 !important; }

/* ATC button — DARK, full width, compact */
.product-form__submit.button--primary {
  background: #0d0f12 !important;
  border: 2px solid #0d0f12 !important;
  color: #fff !important;
  border-radius: 12px !important;
  font-size: 15px !important;
  font-weight: 800 !important;
  padding: 14px 20px !important;
  width: 100% !important;
  height: 50px !important;
  cursor: pointer !important;
  letter-spacing: .01em !important;
  transition: all .18s !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}
.product-form__submit.button--primary:hover {
  background: #0052a5 !important;
  border-color: #0052a5 !important;
}

/* Buy Now button — RED */
.shopify-payment-button { margin: 0 !important; }
.shopify-payment-button__button--unbranded {
  background: #0052a5 !important;
  border-radius: 12px !important;
  font-weight: 800 !important;
  font-size: 15px !important;
  height: 50px !important;
  min-height: 50px !important;
}
.shopify-payment-button__button--branded { border-radius: 12px !important; height: 50px !important; }

/* Remove all weird spacing on product section overall */
.product-section,
.shopify-section-main-product { padding: 0 !important; margin: 0 !important; }
.gradient.section-main-product-padding { padding-top: 16px !important; padding-bottom: 16px !important; }

/* Product page background */
.product__media-wrapper + .product__info-wrapper,
.product__info-wrapper { padding: 0 !important; }

/* Remove sticky header offset */
.product__column-sticky { position: sticky !important; top: 20px !important; }
/* Editor compatibility - hide fixed elements in editor */
.shopify-design-mode .wrap,
.shopify-design-mode .toast,
.shopify-design-mode .tabs { display: none !important; }

/* ================================================================
   PRODUCT PAGE FINAL — ATC Button Fix + Tax Text Fix
   ================================================================ */

/* TAX TEXT — single clean line, no wrapping */
.product__tax,
.product .product__tax,
.product-form .product__tax { 
  font-size: 12px !important; 
  color: #8a9099 !important; 
  white-space: nowrap !important;
  margin: 0 !important;
  line-height: 1.4 !important;
}

/* Remove gap between tax and quantity */
.product-form__input--quantity { margin-top: 0 !important; }
.product-form { gap: 10px !important; }
.product__info-container { gap: 10px !important; }

/* ATC BUTTON — Dark background, white text (fixing selector specificity) */
button[name="add"],
.product-form__submit,
.product-form__submit.button,
.product-form__submit.button.button--primary,
.product-form__submit.button--primary,
form[action="/cart/add"] button[type="submit"] {
  background: #0d0f12 !important;
  background-color: #0d0f12 !important;
  color: #ffffff !important;
  border: 2px solid #0d0f12 !important;
  border-radius: 12px !important;
  font-size: 15px !important;
  font-weight: 800 !important;
  padding: 15px 20px !important;
  width: 100% !important;
  height: 52px !important;
  cursor: pointer !important;
  letter-spacing: .01em !important;
  transition: background .18s, border-color .18s !important;
  font-family: 'DM Sans', sans-serif !important;
}
button[name="add"]:hover,
.product-form__submit:hover,
form[action="/cart/add"] button[type="submit"]:hover {
  background: #0052a5 !important;
  background-color: #0052a5 !important;
  border-color: #0052a5 !important;
  color: #fff !important;
}

/* BUY NOW — Keep Red */
.shopify-payment-button__button,
.shopify-payment-button__button--unbranded {
  background: #0052a5 !important;
  background-color: #0052a5 !important;
  border-radius: 12px !important;
  font-weight: 800 !important;
  font-size: 15px !important;
  height: 52px !important;
  min-height: 52px !important;
  border: none !important;
}

/* RIGHT SIDE - make wider to fit text on one line */
.product__info-wrapper { min-width: 0 !important; }
.product__info-container { min-width: 0 !important; width: 100% !important; }

/* Product grid - better proportions */
.product.grid.product--medium.product--left,
.product.grid.product--small.product--left {
  grid-template-columns: 55% 1fr !important;
}
@media (max-width: 749px) {
  .product.grid.product--medium.product--left,
  .product.grid.product--small.product--left { grid-template-columns: 1fr !important; }
}
/* ================================================================
   PRODUCT PAGE — DEFINITIVE FIX
   ATC uses button--secondary when Buy Now is enabled
   ================================================================ */

/* ADD TO CART — target all variants of the button */
.product-form__submit.button--secondary,
.product-form__submit.button--full-width,
.product-form__submit.button.button--secondary,
.product-form__submit.button.button--full-width.button--secondary,
.product-form__submit {
  background: #0d0f12 !important;
  background-color: #0d0f12 !important;
  color: #ffffff !important;
  border: 2px solid #0d0f12 !important;
  border-radius: 12px !important;
  font-size: 15px !important;
  font-weight: 800 !important;
  padding: 15px !important;
  width: 100% !important;
  min-height: 52px !important;
  cursor: pointer !important;
  letter-spacing: .01em !important;
  transition: all .18s !important;
  opacity: 1 !important;
}
.product-form__submit.button--secondary:hover,
.product-form__submit:hover {
  background: #0052a5 !important;
  background-color: #0052a5 !important;
  border-color: #0052a5 !important;
  color: #fff !important;
}

/* Override Dawn's button--secondary default (white) */
.product .button--secondary { 
  color: #fff !important; 
  background: #0d0f12 !important;
}

/* TAX TEXT — force single line */
.product__tax { 
  font-size: 12px !important; 
  color: #8a9099 !important; 
  overflow: visible !important;
  margin: 0 !important;
}

/* Wider info column */
.product.grid { 
  grid-template-columns: 52% 48% !important;
  gap: 28px !important;
}
@media (max-width: 989px) {
  .product.grid { grid-template-columns: 1fr !important; }
}
/* ================================================================
   COMPLETE REDESIGN — Homepage + Product Page + Footer
   ================================================================ */

/* ── HOMEPAGE ALIGNMENT ── */
.shell { max-width: 100% !important; box-shadow: none !important; overflow: visible !important; }

/* Section max-width and alignment */
.sec, .dband, .feat, .qa { max-width: 1280px !important; margin-left: auto !important; margin-right: auto !important; padding-left: 20px !important; padding-right: 20px !important; }
.dband { margin: 20px auto !important; border-radius: 24px !important; }
.hero { margin: 0 20px !important; border-radius: 24px !important; max-width: 1240px !important; margin-left: auto !important; margin-right: auto !important; }
.bar { max-width: 1280px !important; margin: 0 auto !important; padding-left: 20px !important; padding-right: 20px !important; }
.srch { margin-left: 20px !important; margin-right: 20px !important; max-width: 1240px !important; }

/* Section headings */
.sec__h h2 { font-size: 22px !important; font-weight: 900 !important; color: #0d0f12 !important; }
.sec__h p { font-size: 13px !important; color: #8a9099 !important; }
.sec__all { color: #0052a5 !important; font-weight: 700 !important; font-size: 14px !important; border: 1.5px solid #0052a5 !important; border-radius: 999px !important; padding: 6px 14px !important; }
.sec__all:hover { background: #0052a5 !important; color: #fff !important; }

/* Rail - proper grid on desktop */
.rail { display: grid !important; grid-template-columns: repeat(auto-fill, minmax(165px, 1fr)) !important; gap: 14px !important; padding: 0 20px 8px !important; overflow-x: visible !important; }
@media (max-width: 767px) {
  .rail { display: flex !important; overflow-x: auto !important; padding: 0 18px 8px !important; }
}

/* Category pills - better alignment */
.cats { padding: 0 20px 8px !important; gap: 12px !important; }
.catp { border-radius: 12px !important; padding: 10px 16px 10px 10px !important; transition: all .18s !important; }
.catp:hover { background: #0052a5 !important; color: #fff !important; transform: translateY(-2px) !important; }
.catp:hover b { color: #fff !important; }
.catp__d { border-radius: 10px !important; width: 34px !important; height: 34px !important; }

/* Duo grid alignment */
.duo { display: grid !important; grid-template-columns: repeat(4, 1fr) !important; gap: 14px !important; padding: 0 20px !important; }
@media (max-width: 767px) { .duo { grid-template-columns: repeat(2, 1fr) !important; padding: 0 16px !important; } }

/* Strip - collection cards */
.strip { display: grid !important; grid-template-columns: repeat(4, 1fr) !important; gap: 14px !important; padding: 0 20px !important; }
@media (max-width: 767px) { .strip { grid-template-columns: repeat(2, 1fr) !important; padding: 0 16px !important; } }
.scard { border-radius: 18px !important; min-height: 140px !important; transition: transform .2s !important; }
.scard:hover { transform: translateY(-4px) !important; }

/* Trust strip */
.trust { display: grid !important; grid-template-columns: repeat(4, 1fr) !important; gap: 12px !important; padding: 0 20px !important; overflow: visible !important; }
@media (max-width: 767px) { .trust { grid-template-columns: repeat(2, 1fr) !important; padding: 0 16px !important; } }
.tc { border-radius: 16px !important; padding: 16px !important; background: #fff !important; border: 1.5px solid #ebe7e0 !important; display: flex !important; align-items: center !important; gap: 12px !important; flex: 1 !important; min-width: 0 !important; transition: all .18s !important; }
.tc:hover { border-color: #0052a5 !important; transform: translateY(-2px) !important; }
.tc__i { flex-shrink: 0 !important; width: 44px !important; height: 44px !important; border-radius: 12px !important; background: rgba(0,82,165,.08) !important; color: #0052a5 !important; display: flex !important; align-items: center !important; justify-content: center !important; }
.tc b { font-size: 13px !important; font-weight: 700 !important; color: #0d0f12 !important; }
.tc small { font-size: 11px !important; color: #8a9099 !important; }

/* ── DARK FEATURED PRODUCTS SECTION ── */
.dark-feat { background: linear-gradient(135deg, #0d0f12, #1a1c20) !important; margin: 20px !important; border-radius: 24px !important; padding: 28px !important; max-width: 1240px !important; margin: 20px auto !important; }
.dark-feat__head { display: flex !important; align-items: flex-end !important; justify-content: space-between !important; margin-bottom: 20px !important; }
.dark-feat__head h2 { font-size: 22px !important; font-weight: 900 !important; color: #fff !important; margin: 0 !important; }
.dark-feat__head p { font-size: 13px !important; color: rgba(255,255,255,.55) !important; margin: 4px 0 0 !important; }
.dark-feat__all { color: #e8a13a !important; font-weight: 700 !important; font-size: 14px !important; border: 1.5px solid #e8a13a !important; border-radius: 999px !important; padding: 6px 16px !important; text-decoration: none !important; white-space: nowrap !important; }
.dark-feat__grid { display: grid !important; grid-template-columns: repeat(4, 1fr) !important; gap: 14px !important; }
@media (max-width: 767px) { .dark-feat__grid { grid-template-columns: repeat(2, 1fr) !important; } }
.dark-feat__card { background: rgba(255,255,255,.06) !important; border-radius: 16px !important; overflow: hidden !important; text-decoration: none !important; display: flex !important; flex-direction: column !important; border: 1px solid rgba(255,255,255,.1) !important; transition: all .2s !important; }
.dark-feat__card:hover { background: rgba(255,255,255,.1) !important; transform: translateY(-4px) !important; border-color: #0052a5 !important; }
.dark-feat__img { aspect-ratio: 1/1 !important; position: relative !important; overflow: hidden !important; background: rgba(255,255,255,.05) !important; }
.dark-feat__img img { width: 100% !important; height: 100% !important; object-fit: cover !important; }
.dark-feat__badge { position: absolute !important; top: 8px !important; left: 8px !important; background: #0052a5 !important; color: #fff !important; font-size: 10px !important; font-weight: 800 !important; padding: 3px 8px !important; border-radius: 6px !important; }
.dark-feat__info { padding: 12px !important; flex: 1 !important; display: flex !important; flex-direction: column !important; gap: 6px !important; }
.dark-feat__name { font-size: 13px !important; font-weight: 600 !important; color: rgba(255,255,255,.9) !important; line-height: 1.35 !important; margin: 0 !important; display: -webkit-box !important; -webkit-line-clamp: 2 !important; -webkit-box-orient: vertical !important; overflow: hidden !important; }
.dark-feat__price { display: flex !important; align-items: baseline !important; gap: 6px !important; flex-wrap: wrap !important; }
.dark-feat__price b { font-size: 16px !important; font-weight: 800 !important; color: #e8a13a !important; }
.dark-feat__price s { font-size: 12px !important; color: rgba(255,255,255,.35) !important; }
.dark-feat__atc { width: 100% !important; background: rgba(0,82,165,.2) !important; color: #fff !important; border: 1.5px solid rgba(0,82,165,.5) !important; border-radius: 10px !important; font-family: inherit !important; font-weight: 700 !important; font-size: 12.5px !important; padding: 9px !important; cursor: pointer !important; transition: all .15s !important; margin-top: auto !important; }
.dark-feat__atc:hover { background: #0052a5 !important; border-color: #0052a5 !important; }

/* ── PRODUCT PAGE — COMPLETE REDESIGN ── */
.section-main-product-padding { padding-top: 20px !important; padding-bottom: 20px !important; }

/* Product layout - clean 2-col */
.product { background: #fff !important; border-radius: 20px !important; padding: 28px !important; box-shadow: 0 2px 16px rgba(13,15,18,.06) !important; display: grid !important; grid-template-columns: 1fr 1fr !important; gap: 36px !important; align-items: start !important; }
@media (max-width: 749px) { .product { grid-template-columns: 1fr !important; gap: 20px !important; padding: 16px !important; } }

/* Product image */
.product-media-container { border-radius: 16px !important; overflow: hidden !important; background: #edf2fb !important; aspect-ratio: 1/1 !important; }
.product-media-container img { width: 100% !important; height: 100% !important; object-fit: contain !important; }

/* Thumbnails */
.thumbnail-list { gap: 8px !important; margin-top: 10px !important; }
.thumbnail { border: 2px solid #ebe7e0 !important; border-radius: 10px !important; overflow: hidden !important; width: 62px !important; height: 62px !important; transition: border-color .15s !important; }
.thumbnail:hover, .thumbnail.is-active { border-color: #0052a5 !important; }

/* Product info */
.product__info-container { display: flex !important; flex-direction: column !important; gap: 14px !important; }
.product__title, .product__title h2 { font-size: 22px !important; font-weight: 800 !important; color: #0d0f12 !important; letter-spacing: -.02em !important; line-height: 1.2 !important; margin: 0 !important; }
.product .price { display: flex !important; align-items: baseline !important; gap: 10px !important; flex-wrap: wrap !important; }
.product .price--on-sale .price-item--sale { color: #0052a5 !important; font-size: 26px !important; font-weight: 900 !important; }
.product .price__compare .price-item--regular { font-size: 15px !important; color: #8a9099 !important; text-decoration: line-through !important; }
.product .badge--sale { background: #0052a5 !important; color: #fff !important; border-radius: 8px !important; font-size: 11px !important; font-weight: 800 !important; padding: 4px 10px !important; }
.product__tax { font-size: 12px !important; color: #8a9099 !important; margin: 0 !important; white-space: nowrap !important; }

/* Variant pills */
.product-form__input--pill label { border: 1.5px solid #ebe7e0 !important; border-radius: 10px !important; font-weight: 600 !important; font-size: 14px !important; padding: 8px 18px !important; transition: all .15s !important; background: #fff !important; cursor: pointer !important; }
.product-form__input--pill label:hover { border-color: #0052a5 !important; color: #0052a5 !important; }
.product-form__input--pill .product-form__radio:checked + label { background: #0052a5 !important; color: #fff !important; border-color: #0052a5 !important; }

/* Quantity */
.quantity { border: 1.5px solid #ebe7e0 !important; border-radius: 12px !important; overflow: hidden !important; width: fit-content !important; }
.quantity__button { width: 44px !important; height: 46px !important; font-size: 20px !important; color: #0d0f12 !important; transition: all .15s !important; }
.quantity__button:hover { background: #0052a5 !important; color: #fff !important; }
.quantity__input { width: 54px !important; height: 46px !important; text-align: center !important; font-size: 16px !important; font-weight: 700 !important; color: #0d0f12 !important; border: none !important; }

/* ATC Button — PRIMARY class now (dynamic checkout disabled) */
.product-form__submit.button--primary,
.product-form__submit.button.button--primary,
.product-form__submit {
  background: #0d0f12 !important;
  color: #fff !important;
  border: 2px solid #0d0f12 !important;
  border-radius: 14px !important;
  font-size: 16px !important;
  font-weight: 800 !important;
  padding: 16px !important;
  width: 100% !important;
  min-height: 54px !important;
  cursor: pointer !important;
  letter-spacing: .01em !important;
  transition: all .18s !important;
  font-family: inherit !important;
}
.product-form__submit.button--primary:hover,
.product-form__submit:hover {
  background: #0052a5 !important;
  border-color: #0052a5 !important;
  transform: translateY(-1px) !important;
  box-shadow: 0 8px 24px rgba(0,82,165,.28) !important;
}

/* Product description */
.product__description { font-size: 14px !important; line-height: 1.8 !important; color: #5a6068 !important; }
.related-products { background: #edf2fb !important; padding: 32px 0 !important; }
.related-products h2.h2 { font-size: 22px !important; font-weight: 800 !important; color: #0d0f12 !important; letter-spacing: -.01em !important; border-left: 4px solid #0052a5 !important; padding-left: 12px !important; }

/* ── FOOTER REDESIGN ── */
.footer { background: #0d0f12 !important; border-top: 4px solid #0052a5 !important; }
.footer__content-top { padding-top: 48px !important; padding-bottom: 32px !important; }
.footer-block__heading { color: #fff !important; font-weight: 800 !important; font-size: 13px !important; text-transform: uppercase !important; letter-spacing: .08em !important; margin-bottom: 16px !important; }
.footer-block a, .footer-block__details-content a { color: rgba(255,255,255,.55) !important; font-size: 14px !important; text-decoration: none !important; transition: color .15s !important; }
.footer-block a:hover, .footer-block__details-content a:hover { color: #e8a13a !important; }
.footer__copyright { color: rgba(255,255,255,.3) !important; font-size: 12px !important; }
.footer-block__list { display: flex !important; flex-direction: column !important; gap: 10px !important; }
.footer .icon-list a { color: rgba(255,255,255,.55) !important; }
.footer .icon-list a:hover { color: #e8a13a !important; }

/* Footer payment */
.footer-payment { filter: brightness(0) invert(0.4) !important; }
.footer__content-bottom { border-top: 1px solid rgba(255,255,255,.08) !important; padding-top: 20px !important; padding-bottom: 20px !important; }

/* ── COLLECTION PAGE ALIGNMENT ── */
.collection-hero { background: linear-gradient(135deg, #0052a5, #003f82) !important; padding: 32px 0 !important; }
.collection-hero .collection__title { color: #fff !important; font-size: clamp(22px,4vw,38px) !important; font-weight: 900 !important; }
.collection { max-width: 1280px !important; margin: 0 auto !important; padding: 0 20px !important; }
.collection .grid--4-col-desktop { grid-template-columns: repeat(4,1fr) !important; }
@media (max-width: 767px) { .collection .grid--4-col-desktop { grid-template-columns: repeat(2,1fr) !important; } }

/* ── ANNOUNCEMENT BAR — better aligned ── */
.announcement-bar { background: #0d0f12 !important; }
.announcement-bar__message { color: #fff !important; font-weight: 600 !important; font-size: 13px !important; }
.announcement-bar__link { color: #e8a13a !important; }
/* ================================================================
   PRODUCT PAGE — FINAL DEFINITIVE REDESIGN
   ================================================================ */

/* Force title small - very specific targeting */
.product__title *,
.product__title,
.product-section .product__title,
.product-section .product__title h1,
.product-section .product__title h2,
h1.product__title,
h2.product__title,
.product__title .h1,
.product__title .h2 {
  font-size: 18px !important;
  font-weight: 800 !important;
  line-height: 1.35 !important;
  letter-spacing: -.01em !important;
  color: #0d0f12 !important;
  margin: 0 0 10px !important;
}

/* Price compact */
.product .price { gap: 8px !important; align-items: center !important; flex-wrap: wrap !important; margin: 0 !important; }
.product .price--on-sale .price-item--sale { color: #0052a5 !important; font-size: 22px !important; font-weight: 900 !important; }
.product .price__compare .price-item--regular { font-size: 14px !important; color: #8a9099 !important; text-decoration: line-through !important; font-weight: 400 !important; }

/* Tax text - show full but small */
.product__tax,
.product .product__tax {
  font-size: 11.5px !important;
  color: #8a9099 !important;
  line-height: 1.4 !important;
  margin: 0 !important;
  white-space: normal !important;
  overflow: visible !important;
  text-overflow: clip !important;
  max-width: 100% !important;
}

/* Quantity - compact */
.product-form__input--quantity { margin: 0 !important; }
.product-form__input--quantity .form__label { font-size: 13px !important; font-weight: 700 !important; color: #0d0f12 !important; margin-bottom: 8px !important; }
.quantity { border: 1.5px solid #ebe7e0 !important; border-radius: 10px !important; overflow: hidden !important; width: fit-content !important; }
.quantity__button { width: 40px !important; height: 42px !important; font-size: 18px !important; color: #0d0f12 !important; background: transparent !important; border: none !important; cursor: pointer !important; transition: all .15s !important; }
.quantity__button:hover { background: #0052a5 !important; color: #fff !important; }
.quantity__input { width: 48px !important; height: 42px !important; text-align: center !important; font-size: 15px !important; font-weight: 700 !important; color: #0d0f12 !important; border: none !important; background: transparent !important; }

/* Product info - compact gaps */
.product__info-container { display: flex !important; flex-direction: column !important; gap: 12px !important; }
.product-form { display: flex !important; flex-direction: column !important; gap: 12px !important; }
.product-form > * { margin: 0 !important; }

/* ATC Button */
.product-form__submit,
.product-form__submit.button,
.product-form__submit.button--primary,
.product-form__submit.button--full-width,
.product-form__submit.button.button--full-width.button--primary {
  background: #0d0f12 !important;
  color: #fff !important;
  border: 2px solid #0d0f12 !important;
  border-radius: 12px !important;
  font-size: 15px !important;
  font-weight: 800 !important;
  padding: 14px 20px !important;
  width: 100% !important;
  height: 50px !important;
  cursor: pointer !important;
  font-family: inherit !important;
  letter-spacing: .01em !important;
  transition: all .18s !important;
}
.product-form__submit:hover,
.product-form__submit.button--primary:hover {
  background: #0052a5 !important;
  border-color: #0052a5 !important;
  transform: translateY(-1px) !important;
  box-shadow: 0 6px 20px rgba(0,82,165,.25) !important;
}

/* Product grid - image gets more space */
.product.grid {
  grid-template-columns: 48% 1fr !important;
  gap: 28px !important;
  padding: 24px !important;
}
@media (max-width: 749px) {
  .product.grid { grid-template-columns: 1fr !important; gap: 16px !important; padding: 16px !important; }
}

/* Image container */
.product-media-container {
  border-radius: 16px !important;
  overflow: hidden !important;
  background: #edf2fb !important;
  aspect-ratio: 1/1 !important;
  max-height: 420px !important;
}
.product-media-container img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  border-radius: 16px !important;
}

/* Remove all extra section padding */
.gradient.section-main-product-padding { padding-top: 16px !important; padding-bottom: 16px !important; }
/* ================================================================
   FLASH DEALS CARD FIX — Text visible on white card background
   ================================================================ */

/* Override inherited white color from .dband parent */
.dband .pc { background: #fff !important; border-radius: 18px !important; overflow: hidden !important; }
.dband .pc__b { background: #fff !important; padding: 11px 12px 13px !important; display: flex !important; flex-direction: column !important; gap: 5px !important; }

/* Product name - DARK visible */
.dband .pc__n,
.dband .pc__b .pc__n { color: #0d0f12 !important; font-size: 12.5px !important; font-weight: 600 !important; line-height: 1.3 !important; display: -webkit-box !important; -webkit-line-clamp: 2 !important; -webkit-box-orient: vertical !important; overflow: hidden !important; min-height: 32px !important; }

/* Price row */
.dband .pc__pr { display: flex !important; align-items: baseline !important; flex-wrap: wrap !important; gap: 5px !important; margin-top: auto !important; }

/* Sale price - DARK visible */
.dband .pc__pr b,
.dband .pc__price { color: #0d0f12 !important; font-size: 15px !important; font-weight: 800 !important; }

/* Compare price - gray visible */
.dband .pc__mrp,
.dband .pc__pr s { color: #9aa0a8 !important; font-size: 11px !important; text-decoration: line-through !important; font-weight: 400 !important; }

/* Discount % - green */
.dband .pc__disc { color: #15824b !important; font-size: 11px !important; font-weight: 700 !important; }

/* ATC button in deals - redesigned */
.dband .pc__add {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  height: 36px !important;
  background: #0d0f12 !important;
  color: #fff !important;
  border: none !important;
  border-radius: 9px !important;
  font-size: 12.5px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
  margin-top: 6px !important;
  transition: background .15s !important;
  font-family: inherit !important;
  padding: 0 !important;
  line-height: 1 !important;
}
.dband .pc__add:hover { background: #0052a5 !important; }

/* Wishlist button in deals */
.dband .pc__w { background: rgba(255,255,255,.9) !important; color: #0d0f12 !important; }
.dband .pc__w:hover { color: #0052a5 !important; }

/* Badge styling */
.dband .pc__off { background: #0052a5 !important; color: #fff !important; font-size: 10px !important; font-weight: 800 !important; padding: 4px 8px !important; border-radius: 6px !important; }
.dband .pc__off.sale { background: #0052a5 !important; }

/* Rail - 5 cards visible, scroll for more */
.dband__rail { gap: 12px !important; padding-bottom: 4px !important; scroll-snap-type: x mandatory !important; }
.dband__rail .deal-card { scroll-snap-align: start !important; }
.dband__rail .pc { flex: 0 0 calc(20% - 10px) !important; min-width: 160px !important; }
@media (max-width: 767px) {
  .deal-card { flex: 0 0 calc(50% - 6px) !important; min-width: 140px !important; }
}

/* Also fix trending and kitchen rail cards */
.rail .pc__b,
.rail .pc__n,
.duo .pc__b,
.duo .pc__n { color: #0d0f12 !important; }
.rail .pc__pr b,
.duo .pc__pr b { color: #0d0f12 !important; font-size: 15px !important; font-weight: 800 !important; }
.rail .pc__add,
.duo .pc__add {
  width: 100% !important;
  height: 35px !important;
  background: #0d0f12 !important;
  color: #fff !important;
  border: none !important;
  border-radius: 9px !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
  margin-top: 5px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-family: inherit !important;
  transition: background .15s !important;
}
.rail .pc__add:hover,
.duo .pc__add:hover { background: #0052a5 !important; }
/* Hide bottom nav completely */
.tabs, .tab, .tab__fab { display: none !important; }

/* ================================================================
   HERO CAROUSEL — Auto-scrolling 3 slides
   ================================================================ */
.bb-hero-carousel {
  position: relative;
  width: 100%;
  max-width: 1280px;
  margin: 0 auto 20px;
  border-radius: 24px;
  overflow: hidden;
  height: 300px;
}
@media (min-width: 768px) { .bb-hero-carousel { height: 380px; } }
@media (min-width: 1024px) { .bb-hero-carousel { height: 420px; } }

.bb-slide {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  padding: 40px 48px;
  opacity: 0;
  transform: translateX(100%);
  transition: opacity .5s ease, transform .5s ease;
  z-index: 0;
}
.bb-slide--active {
  opacity: 1;
  transform: translateX(0);
  z-index: 1;
}

.bb-slide__content { max-width: 560px; color: #fff; }

.bb-slide__kicker {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .12em;
  text-transform: uppercase;
  background: rgba(255,255,255,.18);
  backdrop-filter: blur(6px);
  padding: 6px 14px;
  border-radius: 999px;
  margin-bottom: 16px;
  color: #fff;
}
.bb-slide__kicker i {
  width: 7px; height: 7px;
  border-radius: 50%;
  background: #e8a13a;
  box-shadow: 0 0 0 3px rgba(232,161,58,.3);
}

.bb-slide__title {
  font-size: clamp(26px, 5vw, 46px);
  font-weight: 900;
  line-height: 1.05;
  letter-spacing: -.025em;
  margin: 0 0 12px;
  color: #fff;
}
.bb-slide__title em { font-style: normal; color: #e8a13a; }

.bb-slide__sub {
  font-size: 15px;
  opacity: .88;
  line-height: 1.55;
  margin: 0 0 24px;
  max-width: 38ch;
  color: rgba(255,255,255,.9);
}

.bb-slide__btn {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: #fff;
  color: #0d0f12;
  font-weight: 800;
  font-size: 14px;
  padding: 13px 24px;
  border-radius: 14px;
  text-decoration: none;
  box-shadow: 0 8px 24px rgba(0,0,0,.2);
  transition: all .2s;
}
.bb-slide__btn:hover { background: #0052a5; color: #fff; transform: translateY(-2px); }
.bb-slide__btn svg { width: 16px; height: 16px; }

/* Dots */
.bb-hero-dots {
  position: absolute;
  bottom: 18px;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  gap: 7px;
  z-index: 10;
}
.bb-dot {
  width: 8px; height: 8px;
  border-radius: 999px;
  background: rgba(255,255,255,.4);
  cursor: pointer;
  transition: all .3s;
}
.bb-dot--active { width: 28px; background: #fff; }

/* Arrows */
.bb-hero-prev, .bb-hero-next {
  position: absolute;
  top: 50%; transform: translateY(-50%);
  width: 40px; height: 40px;
  border-radius: 50%;
  background: rgba(255,255,255,.2);
  backdrop-filter: blur(6px);
  border: 1.5px solid rgba(255,255,255,.4);
  color: #fff;
  font-size: 22px;
  font-weight: 700;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 10;
  transition: background .2s;
  line-height: 1;
}
.bb-hero-prev:hover, .bb-hero-next:hover { background: rgba(255,255,255,.35); }
.bb-hero-prev { left: 16px; }
.bb-hero-next { right: 16px; }

@media (max-width: 767px) {
  .bb-slide { padding: 28px 24px; }
  .bb-slide__title { font-size: 24px; }
  .bb-slide__sub { font-size: 13px; margin-bottom: 18px; }
  .bb-slide__btn { font-size: 13px; padding: 11px 18px; }
  .bb-hero-prev, .bb-hero-next { display: none; }
}
/* ── VIBE CARD WITH REAL IMAGES ── */
/* Vibe/Collection Cards — fully clickable, clear hover */
.scard { position: relative !important; overflow: hidden !important; border-radius: 18px !important; min-height: 200px !important; display: flex !important; align-items: flex-end !important; text-decoration: none !important; cursor: pointer !important; transition: transform .25s, box-shadow .25s !important; box-shadow: 0 4px 16px rgba(0,82,165,.12) !important; }
.scard:hover { transform: translateY(-6px) !important; box-shadow: 0 16px 40px rgba(0,82,165,.22) !important; }
.scard__img { position: absolute !important; inset: 0 !important; width: 100% !important; height: 100% !important; object-fit: cover !important; display: block !important; transition: transform .45s !important; pointer-events: none !important; }
.scard:hover .scard__img { transform: scale(1.08) !important; }
.scard__overlay { position: absolute !important; inset: 0 !important; z-index: 1 !important; pointer-events: none !important; }
.scard__bg { position: absolute !important; inset: 0 !important; pointer-events: none !important; }
.scard__c { position: relative !important; z-index: 2 !important; padding: 18px 20px !important; color: #fff !important; width: 100% !important; }
.scard__c small { display: block !important; font-size: 11px !important; color: rgba(255,255,255,.85) !important; margin-bottom: 5px !important; font-weight: 600 !important; letter-spacing: .06em !important; text-transform: uppercase !important; }
.scard__c b { display: block !important; font-size: 20px !important; font-weight: 900 !important; color: #fff !important; margin-bottom: 10px !important; line-height: 1.2 !important; letter-spacing: -.01em !important; }
.scard__c span { display: inline-flex !important; align-items: center !important; gap: 6px !important; font-size: 13px !important; font-weight: 700 !important; background: rgba(255,255,255,.2) !important; border: 1.5px solid rgba(255,255,255,.5) !important; border-radius: 999px !important; padding: 5px 14px !important; color: #fff !important; transition: background .2s, color .2s, border-color .2s !important; }
.scard:hover .scard__c span { background: #fff !important; color: #0052a5 !important; border-color: #fff !important; }
.scard__c span svg { width: 14px !important; height: 14px !important; transition: transform .2s !important; }
.scard:hover .scard__c span svg { transform: translateX(3px) !important; }
/* ================================================================
   FLASH DEALS — Redesigned Cards with Correct Prices
   ================================================================ */
.deal-card {
  flex: 0 0 calc(20% - 9px) !important;
  min-width: 160px !important;
  background: #fff !important;
  border-radius: 16px !important;
  overflow: hidden !important;
  display: flex !important;
  flex-direction: column !important;
  box-shadow: 0 4px 16px rgba(0,0,0,.2) !important;
  scroll-snap-align: start !important;
  transition: transform .2s !important;
}
.deal-card:hover { transform: translateY(-3px) !important; }

.deal-card__img {
  position: relative !important;
  aspect-ratio: 1/1 !important;
  overflow: hidden !important;
  display: block !important;
  background: #f0eee9 !important;
}
.deal-card__img img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  display: block !important;
  transition: transform .3s !important;
}
.deal-card:hover .deal-card__img img { transform: scale(1.05) !important; }

.deal-card__badge {
  position: absolute !important;
  top: 8px !important;
  left: 8px !important;
  background: #0052a5 !important;
  color: #fff !important;
  font-size: 10px !important;
  font-weight: 800 !important;
  padding: 4px 8px !important;
  border-radius: 6px !important;
  letter-spacing: .02em !important;
}

.deal-card__body {
  padding: 11px 12px 12px !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 6px !important;
  flex: 1 !important;
  background: #fff !important;
}

.deal-card__name {
  font-size: 12.5px !important;
  font-weight: 600 !important;
  color: #0d0f12 !important;
  line-height: 1.35 !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
  min-height: 34px !important;
  text-decoration: none !important;
}
.deal-card__name:hover { color: #0052a5 !important; }

.deal-card__pricing {
  display: flex !important;
  align-items: baseline !important;
  flex-wrap: wrap !important;
  gap: 5px !important;
}
.deal-card__price {
  font-size: 15px !important;
  font-weight: 800 !important;
  color: #0d0f12 !important;
}
.deal-card__mrp {
  font-size: 11.5px !important;
  color: #9aa0a8 !important;
  text-decoration: line-through !important;
  font-weight: 400 !important;
}
.deal-card__disc {
  font-size: 11px !important;
  font-weight: 700 !important;
  color: #15824b !important;
}

.deal-card__atc {
  width: 100% !important;
  background: #0052a5 !important;
  color: #fff !important;
  border: none !important;
  border-radius: 10px !important;
  font-family: 'DM Sans', inherit !important;
  font-size: 12.5px !important;
  font-weight: 700 !important;
  padding: 10px 12px !important;
  cursor: pointer !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 6px !important;
  transition: background .15s !important;
  margin-top: auto !important;
  letter-spacing: .01em !important;
}
.deal-card__atc:hover { background: #003f82 !important; }
.deal-card__atc:disabled { background: #c0c4cc !important; cursor: not-allowed !important; }

/* Scrollbar hidden */
.dband__rail::-webkit-scrollbar { display: none !important; }
/* ================================================================
   PRODUCT PAGE — FULL WIDTH LAYOUT FIX
   ================================================================ */

/* Main product section - full width */
.shopify-section-main-product { width: 100% !important; }
.main-product-section { width: 100% !important; }
.gradient.color-scheme-1 { width: 100% !important; }

/* Product container - use full available width */
.product.grid {
  display: grid !important;
  grid-template-columns: 50% 1fr !important;
  gap: 32px !important;
  padding: 24px !important;
  max-width: 1200px !important;
  margin: 0 auto !important;
  background: #fff !important;
  border-radius: 20px !important;
  box-shadow: 0 2px 20px rgba(0,0,0,.06) !important;
  width: 100% !important;
  box-sizing: border-box !important;
}
@media (max-width: 989px) {
  .product.grid { grid-template-columns: 1fr !important; gap: 20px !important; padding: 16px !important; }
}

/* Info wrapper - no artificial constraints */
.product__info-wrapper,
.product__info-wrapper.grid__item {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  padding: 0 !important;
}

/* Info container - full width */
.product__info-container {
  width: 100% !important;
  max-width: 100% !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 14px !important;
}

/* TITLE - proper size */
.product__title h1,
.product__title h2 {
  font-size: 20px !important;
  font-weight: 800 !important;
  line-height: 1.3 !important;
  color: #0d0f12 !important;
  margin: 0 !important;
  letter-spacing: -.01em !important;
  width: 100% !important;
}

/* DESCRIPTION - full width, readable */
.product__description {
  width: 100% !important;
  max-width: 100% !important;
  font-size: 14.5px !important;
  line-height: 1.75 !important;
  color: #374151 !important;
  text-align: left !important;
}
.product__description p {
  margin-bottom: 10px !important;
  width: 100% !important;
  max-width: 100% !important;
}
.product__description h1,
.product__description h2,
.product__description h3,
.product__description strong,
.product__description b {
  color: #0d0f12 !important;
  font-weight: 700 !important;
  display: block !important;
  margin-bottom: 6px !important;
}
.product__description ol,
.product__description ul {
  padding-left: 18px !important;
  width: 100% !important;
}
.product__description li {
  margin-bottom: 6px !important;
  line-height: 1.7 !important;
  color: #374151 !important;
}

/* Media wrapper - no overflow */
.product__media-wrapper,
.product__media-wrapper.grid__item {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
}

/* Product info sticky scroll */
.product__column-sticky {
  position: sticky !important;
  top: 20px !important;
  max-height: calc(100vh - 40px) !important;
  overflow-y: auto !important;
  scrollbar-width: none !important;
}
.product__column-sticky::-webkit-scrollbar { display: none !important; }

/* Price section */
.product .price { margin: 0 !important; }
.product .price--on-sale .price-item--sale {
  color: #0052a5 !important;
  font-size: 24px !important;
  font-weight: 900 !important;
}
.product .price__compare .price-item--regular {
  color: #9aa0a8 !important;
  font-size: 15px !important;
  text-decoration: line-through !important;
}

/* Tax text full */
.product__tax {
  font-size: 12px !important;
  color: #9aa0a8 !important;
  white-space: normal !important;
  overflow: visible !important;
  text-overflow: clip !important;
}

/* Vendor */
.product__text { font-size: 11px !important; color: #9aa0a8 !important; font-weight: 700 !important; letter-spacing: .08em !important; text-transform: uppercase !important; }
/* ================================================================
   CATEGORIES — Redesigned Round Tiles
   ================================================================ */
.cat-grid {
  display: flex !important;
  gap: 14px !important;
  padding: 4px 20px 16px !important;
  overflow-x: auto !important;
  scrollbar-width: none !important;
  -webkit-overflow-scrolling: touch !important;
}
.cat-grid::-webkit-scrollbar { display: none !important; }

.cat-tile {
  flex: 0 0 auto !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 10px !important;
  text-decoration: none !important;
  width: 86px !important;
  transition: transform .2s !important;
}
.cat-tile:hover { transform: translateY(-5px) !important; }

.cat-tile__icon {
  width: 72px !important;
  height: 72px !important;
  border-radius: 22px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #fff !important;
  box-shadow: 0 6px 20px rgba(0,0,0,.15) !important;
  position: relative !important;
  overflow: hidden !important;
  transition: box-shadow .2s, transform .2s !important;
}
.cat-tile__icon::after {
  content: '' !important;
  position: absolute !important;
  inset: 0 !important;
  background: linear-gradient(135deg, rgba(255,255,255,.28) 0%, transparent 60%) !important;
  pointer-events: none !important;
}
.cat-tile:hover .cat-tile__icon {
  box-shadow: 0 10px 28px rgba(0,0,0,.22) !important;
  transform: scale(1.06) !important;
}
.cat-tile__icon svg {
  width: 32px !important;
  height: 32px !important;
  position: relative !important;
  z-index: 1 !important;
}

.cat-tile__name {
  font-size: 12.5px !important;
  font-weight: 700 !important;
  color: #0d0f12 !important;
  text-align: center !important;
  line-height: 1.25 !important;
  white-space: nowrap !important;
}

@media (min-width: 768px) {
  .cat-grid { justify-content: center !important; flex-wrap: wrap !important; overflow-x: visible !important; }
  .cat-tile { width: 96px !important; }
  .cat-tile__icon { width: 80px !important; height: 80px !important; border-radius: 24px !important; }
  .cat-tile__icon svg { width: 36px !important; height: 36px !important; }
  .cat-tile__name { font-size: 13px !important; }
}
/* ================================================================
   HIDE SOLD OUT PRODUCTS EVERYWHERE
   ================================================================ */

/* Sold-out removal handled by JS removeChild — no CSS display:none on grid items (would leave gaps) */
/* ================================================================
   ADD TO CART + BUY NOW — Both buttons styled correctly
   ================================================================ */

/* ATC button — when Buy Now is enabled it gets button--secondary class */
.product-form__submit,
.product-form__submit.button,
.product-form__submit.button--primary,
.product-form__submit.button--secondary,
.product-form__submit.button--full-width,
.product-form__submit.button.button--full-width.button--secondary,
.product-form__submit.button.button--full-width.button--primary {
  background: #0d0f12 !important;
  background-color: #0d0f12 !important;
  color: #ffffff !important;
  border: 2px solid #0d0f12 !important;
  border-radius: 12px !important;
  font-family: 'DM Sans', inherit !important;
  font-size: 15px !important;
  font-weight: 800 !important;
  padding: 15px 20px !important;
  width: 100% !important;
  min-height: 52px !important;
  cursor: pointer !important;
  letter-spacing: .02em !important;
  transition: all .18s !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}
.product-form__submit:hover,
.product-form__submit.button--secondary:hover,
.product-form__submit.button--primary:hover {
  background: #0052a5 !important;
  background-color: #0052a5 !important;
  border-color: #0052a5 !important;
  color: #fff !important;
  transform: translateY(-1px) !important;
  box-shadow: 0 6px 20px rgba(0,82,165,.25) !important;
}

/* BUY NOW (Shopify dynamic checkout) — RED */
.shopify-payment-button { margin-top: 0 !important; }
.shopify-payment-button__button {
  border-radius: 12px !important;
  font-weight: 800 !important;
  font-size: 15px !important;
  min-height: 52px !important;
  width: 100% !important;
  padding: 15px 20px !important;
  cursor: pointer !important;
  transition: all .18s !important;
}
.shopify-payment-button__button--unbranded {
  background: #0052a5 !important;
  background-color: #0052a5 !important;
  color: #fff !important;
  border-radius: 12px !important;
  border: none !important;
  font-weight: 800 !important;
  font-size: 15px !important;
}
.shopify-payment-button__button--unbranded:hover {
  background: #003f82 !important;
  transform: translateY(-1px) !important;
  box-shadow: 0 6px 20px rgba(0,82,165,.3) !important;
}

/* Product form buttons wrapper */
.product-form__buttons { display: flex !important; flex-direction: column !important; gap: 10px !important; margin: 0 !important; }
/* Toast notification */
.toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%) translateY(80px);background:#0d0f12;color:#fff;padding:13px 22px;border-radius:12px;font-size:14px;font-weight:700;display:flex;align-items:center;gap:10px;z-index:9999;box-shadow:0 8px 32px rgba(0,0,0,.3);transition:transform .3s cubic-bezier(.4,0,.2,1),opacity .3s;opacity:0;white-space:nowrap;}
.toast.on{transform:translateX(-50%) translateY(0);opacity:1;}
.toast svg{width:18px;height:18px;flex-shrink:0;}
/* ── CAROUSEL SECTION STYLING ── */
.bb-carousel { background: var(--bg) !important; padding: 28px 0 !important; }
.bb-container { max-width: 1280px !important; margin: 0 auto !important; padding: 0 20px !important; }
.bb-carousel__title { font-size: 22px !important; font-weight: 900 !important; color: #0d0f12 !important; letter-spacing: -.02em !important; margin: 0 !important; }
.bb-carousel__sub { font-size: 13px !important; color: #8a9099 !important; margin: 4px 0 0 !important; }
.bb-carousel__viewall { color: #0052a5 !important; font-weight: 700 !important; font-size: 14px !important; border: 1.5px solid #0052a5 !important; border-radius: 999px !important; padding: 7px 16px !important; text-decoration: none !important; white-space: nowrap !important; transition: all .15s !important; }
.bb-carousel__viewall:hover { background: #0052a5 !important; color: #fff !important; }
.bb-carousel__arrow { width: 38px !important; height: 38px !important; border-radius: 50% !important; border: 1.5px solid #0052a5 !important; background: #fff !important; color: #0052a5 !important; display: flex !important; align-items: center !important; justify-content: center !important; cursor: pointer !important; transition: all .15s !important; box-shadow: 0 2px 8px rgba(0,82,165,.12) !important; }
.bb-carousel__arrow:hover { background: #0052a5 !important; color: #fff !important; border-color: #0052a5 !important; }
.bb-carousel__arrow:disabled { opacity: .35 !important; cursor: default !important; }
.bb-carousel__track { display: flex !important; gap: 13px !important; overflow-x: auto !important; scroll-snap-type: x mandatory !important; scrollbar-width: none !important; -webkit-overflow-scrolling: touch !important; padding: 4px 2px 10px !important; }
.bb-carousel__track::-webkit-scrollbar { display: none !important; }

/* BB Card - 5 cards on desktop, 2 on mobile */
@media (max-width: 767px) {
  .bb-card { flex: 0 0 calc(50% - 7px) !important; min-width: 140px !important; }
}
/* BB Card - match deal-card style */
.bb-card { flex: 0 0 calc(20% - 10px) !important; min-width: 155px !important; background: #fff !important; border-radius: 16px !important; overflow: hidden !important; border: 1px solid #e7e9ee !important; display: flex !important; flex-direction: column !important; scroll-snap-align: start !important; box-shadow: 0 2px 8px rgba(0,0,0,.06) !important; transition: transform .2s, box-shadow .2s !important; }
.bb-card:hover { transform: translateY(-4px) !important; box-shadow: 0 10px 28px rgba(0,0,0,.12) !important; border-color: rgba(0,82,165,.2) !important; }
.bb-card__media { position: relative !important; aspect-ratio: 1/1 !important; display: block !important; overflow: hidden !important; background: #edf2fb !important; }
.bb-card__img { width: 100% !important; height: 100% !important; object-fit: cover !important; display: block !important; transition: transform .3s !important; }
.bb-card:hover .bb-card__img { transform: scale(1.06) !important; }
.bb-card__ph { position: absolute !important; inset: 0 !important; background: linear-gradient(135deg,#e7e9ee,#d1d5db) !important; }
.bb-card__badge { position: absolute !important; top: 8px !important; left: 8px !important; font-size: 10px !important; font-weight: 800 !important; padding: 4px 8px !important; border-radius: 6px !important; color: #fff !important; z-index: 2 !important; }
.bb-card__badge--sale { background: #0052a5 !important; }
.bb-card__badge--new { background: #0d0f12 !important; }
.bb-card__wish { position: absolute !important; top: 7px !important; right: 7px !important; width: 30px !important; height: 30px !important; border-radius: 50% !important; background: rgba(255,255,255,.92) !important; border: none !important; display: flex !important; align-items: center !important; justify-content: center !important; cursor: pointer !important; color: #8a9099 !important; box-shadow: 0 2px 6px rgba(0,0,0,.12) !important; z-index: 2 !important; transition: color .15s !important; }
.bb-card__wish:hover { color: #0052a5 !important; }
.bb-card__wish svg { width: 17px !important; height: 17px !important; }
.bb-card__body { padding: 11px 12px 12px !important; display: flex !important; flex-direction: column !important; gap: 5px !important; flex: 1 !important; }
.bb-card__name { font-size: 13px !important; font-weight: 600 !important; color: #0d0f12 !important; text-decoration: none !important; line-height: 1.35 !important; display: -webkit-box !important; -webkit-line-clamp: 2 !important; -webkit-box-orient: vertical !important; overflow: hidden !important; min-height: 35px !important; }
.bb-card__name:hover { color: #0052a5 !important; }
.bb-card__pricing { display: flex !important; align-items: baseline !important; flex-wrap: wrap !important; gap: 5px !important; margin-top: auto !important; }
.bb-card__price { font-size: 15px !important; font-weight: 800 !important; color: #0d0f12 !important; }
.bb-card__mrp { font-size: 12px !important; color: #9aa0a8 !important; text-decoration: line-through !important; }
.bb-card__disc { font-size: 11px !important; font-weight: 700 !important; color: #15824b !important; }
.bb-card__atc { width: 100% !important; background: #0052a5 !important; color: #fff !important; border: none !important; border-radius: 10px !important; font-family: inherit !important; font-size: 12.5px !important; font-weight: 700 !important; padding: 10px 12px !important; cursor: pointer !important; display: flex !important; align-items: center !important; justify-content: center !important; gap: 6px !important; transition: background .15s !important; margin-top: 6px !important; }
.bb-card__atc:hover { background: #003f82 !important; }
.bb-card__atc svg { flex-shrink: 0 !important; }
/* ================================================================
   HEADER WITH LOGO — Desktop & Mobile
   ================================================================ */
.bb-topbar {
  display: flex !important;
  align-items: center !important;
  gap: 16px !important;
  padding: 12px 20px !important;
  background: #fff !important;
  border-bottom: 1px solid #ebe7e0 !important;
  box-shadow: 0 2px 12px rgba(13,15,18,.06) !important;
}

/* Logo */
.bb-logo-link { flex-shrink: 0 !important; display: flex !important; align-items: center !important; text-decoration: none !important; }
.bb-logo-img { height: 48px !important; width: auto !important; max-width: 140px !important; object-fit: contain !important; display: block !important; }
.bb-logo-text { font-size: 22px !important; font-weight: 900 !important; color: #0d0f12 !important; letter-spacing: -.02em !important; white-space: nowrap !important; }

/* Search bar */
.bb-search-bar {
  flex: 1 !important;
  display: flex !important;
  align-items: center !important;
  background: #edf2fb !important;
  border: 1.5px solid #ebe7e0 !important;
  border-radius: 12px !important;
  padding: 4px 4px 4px 14px !important;
  gap: 8px !important;
  transition: border-color .15s !important;
  max-width: 600px !important;
}
.bb-search-bar:focus-within { border-color: #0052a5 !important; background: #fff !important; }
.bb-search-bar svg { width: 18px !important; height: 18px !important; color: #8a9099 !important; flex-shrink: 0 !important; }
.bb-search-bar input { flex: 1 !important; border: none !important; background: transparent !important; outline: none !important; font-family: inherit !important; font-size: 14px !important; color: #0d0f12 !important; min-width: 0 !important; }
.bb-search-bar input::placeholder { color: #8a9099 !important; }
.bb-search-btn { border: none !important; background: #0052a5 !important; color: #fff !important; font-family: inherit !important; font-weight: 700 !important; font-size: 13px !important; padding: 9px 18px !important; border-radius: 10px !important; cursor: pointer !important; white-space: nowrap !important; transition: background .15s !important; }
.bb-search-btn:hover { background: #003f82 !important; }

/* Header icons */
.bb-topbar__icons { display: flex !important; align-items: center !important; gap: 6px !important; flex-shrink: 0 !important; }
.bb-icon-btn { display: flex !important; flex-direction: column !important; align-items: center !important; gap: 2px !important; text-decoration: none !important; color: #0d0f12 !important; padding: 6px 10px !important; border-radius: 10px !important; transition: all .15s !important; position: relative !important; }
.bb-icon-btn:hover { color: #0052a5 !important; background: rgba(0,82,165,.06) !important; }
.bb-icon-btn svg { width: 22px !important; height: 22px !important; }
.bb-icon-btn span:not(.bb-cart-count) { font-size: 11px !important; font-weight: 600 !important; }
.bb-cart-count { position: absolute !important; top: 2px !important; right: 4px !important; min-width: 18px !important; height: 18px !important; background: #0052a5 !important; color: #fff !important; font-size: 10px !important; font-weight: 800 !important; border-radius: 999px !important; display: flex !important; align-items: center !important; justify-content: center !important; padding: 0 4px !important; }

/* Mobile - compact header */
@media (max-width: 767px) {
  .bb-topbar { padding: 10px 14px !important; gap: 10px !important; }
  .bb-logo-img { height: 36px !important; max-width: 100px !important; }
  .bb-logo-text { font-size: 18px !important; }
  .bb-search-btn { padding: 8px 12px !important; font-size: 12px !important; }
  .bb-icon-btn span:not(.bb-cart-count) { display: none !important; }
  .bb-icon-btn { padding: 6px !important; }
}
/* ================================================================
   HEADER REDESIGN — Premium SmartBuy Look
   ================================================================ */

/* ── Main header bar ── */
.bb-topbar {
  display: grid !important;
  grid-template-columns: auto 1fr auto !important;
  align-items: center !important;
  gap: 20px !important;
  padding: 10px 24px !important;
  background: #ffffff !important;
  border-bottom: 2px solid #0052a5 !important;
  box-shadow: 0 2px 16px rgba(0,0,0,.08) !important;
  position: sticky !important;
  top: 0 !important;
  z-index: 100 !important;
  max-width: 100% !important;
}

/* ── Logo ── */
.bb-logo-link { display: flex !important; align-items: center !important; text-decoration: none !important; flex-shrink: 0 !important; }
.bb-logo-img { height: 52px !important; width: auto !important; max-width: 150px !important; object-fit: contain !important; display: block !important; }
.bb-logo-text { font-size: 24px !important; font-weight: 900 !important; color: #0d0f12 !important; letter-spacing: -.03em !important; white-space: nowrap !important; }

/* ── Search bar ── */
.bb-search-bar {
  display: flex !important;
  align-items: center !important;
  width: 100% !important;
  max-width: 100% !important;
  background: #f5f5f5 !important;
  border: 2px solid #e8e8e8 !important;
  border-radius: 50px !important;
  padding: 0 0 0 18px !important;
  gap: 10px !important;
  transition: border-color .2s, box-shadow .2s !important;
}
.bb-search-bar:focus-within {
  border-color: #0052a5 !important;
  background: #fff !important;
  box-shadow: 0 0 0 4px rgba(0,82,165,.1) !important;
}
.bb-search-bar svg { width: 18px !important; height: 18px !important; color: #8a9099 !important; flex-shrink: 0 !important; }
.bb-search-bar input {
  flex: 1 !important;
  border: none !important;
  background: transparent !important;
  outline: none !important;
  font-family: 'DM Sans', inherit !important;
  font-size: 15px !important;
  color: #0d0f12 !important;
  padding: 12px 0 !important;
  min-width: 0 !important;
}
.bb-search-bar input::placeholder { color: #a0a0a0 !important; font-size: 15px !important; }
.bb-search-btn {
  border: none !important;
  background: #0052a5 !important;
  color: #fff !important;
  font-family: 'DM Sans', inherit !important;
  font-weight: 800 !important;
  font-size: 14px !important;
  padding: 12px 28px !important;
  border-radius: 50px !important;
  cursor: pointer !important;
  white-space: nowrap !important;
  transition: background .15s !important;
  letter-spacing: .01em !important;
}
.bb-search-btn:hover { background: #003f82 !important; }

/* ── Icons (Account + Cart) ── */
.bb-topbar__icons { display: flex !important; align-items: center !important; gap: 4px !important; flex-shrink: 0 !important; }
.bb-icon-btn {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 3px !important;
  text-decoration: none !important;
  color: #0d0f12 !important;
  padding: 8px 14px !important;
  border-radius: 12px !important;
  transition: all .15s !important;
  position: relative !important;
  min-width: 64px !important;
}
.bb-icon-btn:hover { color: #0052a5 !important; background: rgba(0,82,165,.06) !important; }
.bb-icon-btn svg { width: 24px !important; height: 24px !important; }
.bb-icon-btn > span:not(.bb-cart-count) { font-size: 12px !important; font-weight: 700 !important; color: inherit !important; }

/* Cart count badge */
.bb-cart-count {
  position: absolute !important;
  top: 4px !important;
  right: 8px !important;
  min-width: 19px !important;
  height: 19px !important;
  background: #0052a5 !important;
  color: #fff !important;
  font-size: 10px !important;
  font-weight: 900 !important;
  border-radius: 999px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 5px !important;
  border: 2px solid #fff !important;
  line-height: 1 !important;
}

/* ── Nav bar below header ── */
.bar nav {
  background: #0d0f12 !important;
  padding: 0 24px !important;
  display: flex !important;
  gap: 2px !important;
  overflow-x: auto !important;
  scrollbar-width: none !important;
}
.bar nav::-webkit-scrollbar { display: none !important; }
.bar nav a {
  font-size: 13.5px !important;
  font-weight: 600 !important;
  color: rgba(255,255,255,.8) !important;
  text-decoration: none !important;
  padding: 11px 14px !important;
  white-space: nowrap !important;
  border-bottom: 2px solid transparent !important;
  transition: all .15s !important;
  display: block !important;
}
.bar nav a:first-child { color: #e8a13a !important; font-weight: 700 !important; }
.bar nav a:hover { color: #fff !important; border-bottom-color: #0052a5 !important; }

/* Mobile responsive */
@media (max-width: 767px) {
  .bb-topbar {
    grid-template-columns: auto 1fr auto !important;
    gap: 10px !important;
    padding: 8px 14px !important;
  }
  .bb-logo-img { height: 40px !important; max-width: 110px !important; }
  .bb-search-bar { border-radius: 50px !important; }
  .bb-search-bar input { font-size: 14px !important; padding: 10px 0 !important; }
  .bb-search-btn { padding: 10px 16px !important; font-size: 13px !important; }
  .bb-icon-btn { padding: 6px 8px !important; min-width: auto !important; }
  .bb-icon-btn > span:not(.bb-cart-count) { display: none !important; }
  .bb-icon-btn svg { width: 22px !important; height: 22px !important; }
}

@media (min-width: 768px) and (max-width: 1024px) {
  .bb-topbar { padding: 10px 16px !important; gap: 14px !important; }
  .bb-search-btn { padding: 12px 20px !important; }
}
/* ================================================================
   HEADER ALIGNMENT FIX
   ================================================================ */

/* Override bar background - pure white */
.bar { background: #fff !important; margin: 0 !important; padding: 0 !important; }

/* Main topbar - proper alignment */
.bb-topbar {
  display: grid !important;
  grid-template-columns: 160px 1fr auto !important;
  align-items: center !important;
  gap: 24px !important;
  padding: 12px 32px !important;
  background: #fff !important;
  border-bottom: 2.5px solid #0052a5 !important;
  box-shadow: 0 2px 20px rgba(0,0,0,.07) !important;
  position: sticky !important;
  top: 0 !important;
  z-index: 100 !important;
  min-height: 72px !important;
}

/* Logo - vertically centered, proper size */
.bb-logo-link {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  height: 100% !important;
  text-decoration: none !important;
}
.bb-logo-img {
  height: 50px !important;
  width: auto !important;
  max-width: 150px !important;
  object-fit: contain !important;
  display: block !important;
  flex-shrink: 0 !important;
}

/* Search bar - vertically centered */
.bb-search-bar {
  display: flex !important;
  align-items: center !important;
  width: 100% !important;
  background: #f4f4f6 !important;
  border: 1.5px solid #e5e5e5 !important;
  border-radius: 50px !important;
  padding: 0 0 0 18px !important;
  gap: 10px !important;
  height: 48px !important;
  transition: border-color .2s, box-shadow .2s !important;
}
.bb-search-bar:focus-within {
  border-color: #0052a5 !important;
  background: #fff !important;
  box-shadow: 0 0 0 3px rgba(0,82,165,.1) !important;
}
.bb-search-bar svg {
  width: 18px !important;
  height: 18px !important;
  color: #9ca3af !important;
  flex-shrink: 0 !important;
}
.bb-search-bar input {
  flex: 1 !important;
  border: none !important;
  background: transparent !important;
  outline: none !important;
  font-family: 'DM Sans', sans-serif !important;
  font-size: 15px !important;
  color: #0d0f12 !important;
  height: 100% !important;
  min-width: 0 !important;
}
.bb-search-bar input::placeholder { color: #9ca3af !important; }
.bb-search-btn {
  flex-shrink: 0 !important;
  border: none !important;
  background: #0052a5 !important;
  color: #fff !important;
  font-family: 'DM Sans', sans-serif !important;
  font-weight: 800 !important;
  font-size: 14px !important;
  padding: 0 26px !important;
  height: 48px !important;
  border-radius: 50px !important;
  cursor: pointer !important;
  transition: background .15s !important;
  letter-spacing: .01em !important;
}
.bb-search-btn:hover { background: #003f82 !important; }

/* Icons - vertically centered, aligned right */
.bb-topbar__icons {
  display: flex !important;
  align-items: center !important;
  gap: 4px !important;
  height: 100% !important;
  justify-content: flex-end !important;
}
.bb-icon-btn {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 3px !important;
  text-decoration: none !important;
  color: #0d0f12 !important;
  padding: 8px 16px !important;
  border-radius: 10px !important;
  transition: all .15s !important;
  position: relative !important;
  height: 52px !important;
  min-width: 68px !important;
}
.bb-icon-btn:hover { color: #0052a5 !important; background: #fff5f5 !important; }
.bb-icon-btn svg { width: 24px !important; height: 24px !important; stroke-width: 1.8 !important; }
.bb-icon-btn > span:not(.bb-cart-count) {
  font-size: 11.5px !important;
  font-weight: 700 !important;
  color: inherit !important;
  line-height: 1 !important;
}
.bb-cart-count {
  position: absolute !important;
  top: 3px !important;
  right: 8px !important;
  min-width: 18px !important;
  height: 18px !important;
  background: #0052a5 !important;
  color: #fff !important;
  font-size: 10px !important;
  font-weight: 900 !important;
  border-radius: 999px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 5px !important;
  border: 1.5px solid #fff !important;
  line-height: 1 !important;
}

/* Nav bar - dark aligned */
.bar > nav,
div.bar nav {
  background: #111418 !important;
  padding: 0 32px !important;
  margin: 0 !important;
  display: flex !important;
  align-items: center !important;
  gap: 0 !important;
  overflow-x: auto !important;
  scrollbar-width: none !important;
}
.bar nav::-webkit-scrollbar { display: none !important; }
.bar nav a {
  display: inline-flex !important;
  align-items: center !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  color: rgba(255,255,255,.78) !important;
  text-decoration: none !important;
  padding: 13px 16px !important;
  white-space: nowrap !important;
  border-bottom: 2.5px solid transparent !important;
  transition: all .15s !important;
  letter-spacing: .01em !important;
}
.bar nav a:first-child { color: #e8a13a !important; font-weight: 700 !important; }
.bar nav a:hover { color: #fff !important; border-bottom-color: #0052a5 !important; background: rgba(255,255,255,.05) !important; }

/* Mobile */
@media (max-width: 767px) {
  .bb-topbar {
    grid-template-columns: auto 1fr auto !important;
    gap: 10px !important;
    padding: 10px 14px !important;
    min-height: 60px !important;
  }
  .bb-logo-img { height: 38px !important; max-width: 100px !important; }
  .bb-search-bar { height: 42px !important; }
  .bb-search-btn { height: 42px !important; padding: 0 14px !important; font-size: 13px !important; }
  .bb-icon-btn { padding: 6px 8px !important; min-width: auto !important; height: auto !important; }
  .bb-icon-btn > span:not(.bb-cart-count) { display: none !important; }
  .bar nav { padding: 0 12px !important; }
  .bar nav a { padding: 11px 12px !important; font-size: 13px !important; }
}

@media (min-width: 768px) and (max-width: 1024px) {
  .bb-topbar { grid-template-columns: 130px 1fr auto !important; padding: 10px 20px !important; gap: 16px !important; }
  .bb-icon-btn { padding: 8px 10px !important; min-width: 56px !important; }
  .bar nav { padding: 0 20px !important; }
}
/* Fix collection grid gaps from hidden sold-out items */
ul.grid.product-grid {
  display: grid !important;
  grid-template-columns: repeat(var(--grid-desktop-items, 4), 1fr) !important;
  gap: 16px !important;
  align-items: start !important;
}
.collection ul.grid { grid-auto-flow: dense !important; }
li.grid__item { min-width: 0 !important; }
@media (max-width: 767px) {
  ul.grid.product-grid { grid-template-columns: repeat(2, 1fr) !important; gap: 10px !important; }
}
/* ================================================================
   COLLECTION PAGE — Fix Narrow Cards
   ================================================================ */

/* Full width page container */
.main-content, main, #MainContent { width: 100% !important; max-width: 100% !important; }
.page-width { max-width: 1280px !important; margin: 0 auto !important; padding: 0 24px !important; width: 100% !important; }

/* Collection grid - proper responsive columns */
.collection ul.grid,
.collection .grid,
ul.grid.product-grid {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 18px !important;
  width: 100% !important;
  grid-auto-flow: dense !important;
}
@media (max-width: 767px) {
  .collection ul.grid, .collection .grid, ul.grid.product-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px !important;
  }
}
@media (min-width: 768px) and (max-width: 989px) {
  .collection ul.grid, .collection .grid, ul.grid.product-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
}

/* Cards take full width of their cell */
li.grid__item { width: 100% !important; min-width: 0 !important; max-width: 100% !important; }
.card-wrapper { width: 100% !important; height: 100% !important; }
.card.card--standard {
  width: 100% !important;
  background: #fff !important;
  border-radius: 14px !important;
  border: 1px solid #e7e9ee !important;
  overflow: hidden !important;
  box-shadow: 0 2px 8px rgba(0,0,0,.06) !important;
  transition: transform .2s, box-shadow .2s !important;
}
.card.card--standard:hover { transform: translateY(-4px) !important; box-shadow: 0 10px 24px rgba(0,0,0,.1) !important; }

/* Image fills card properly */
.card__media { width: 100% !important; overflow: hidden !important; }
.card__media .media { width: 100% !important; }
.card__media img { width: 100% !important; height: 100% !important; object-fit: cover !important; display: block !important; transition: transform .3s !important; }
.card.card--standard:hover .card__media img { transform: scale(1.05) !important; }

/* Card content - full width */
.card__content, .card__information { padding: 12px 13px 13px !important; width: 100% !important; }

/* Title - proper wrapping */
.card__heading a, .card__heading .full-unstyled-link {
  color: #0d0f12 !important;
  font-weight: 600 !important;
  font-size: 14px !important;
  line-height: 1.4 !important;
  text-decoration: none !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
  white-space: normal !important;
  word-break: break-word !important;
}
.card__heading a:hover { color: #0052a5 !important; }

/* Price - single line */
.price { display: flex !important; align-items: baseline !important; gap: 6px !important; flex-wrap: wrap !important; margin-top: 5px !important; }
.price--on-sale .price-item--sale { color: #0052a5 !important; font-weight: 900 !important; font-size: 15px !important; white-space: nowrap !important; }
.price__compare .price-item--regular { color: #9aa0a8 !important; text-decoration: line-through !important; font-size: 12px !important; white-space: nowrap !important; }
.price__regular .price-item { font-weight: 800 !important; font-size: 15px !important; white-space: nowrap !important; }

/* ATC button */
.quick-add__submit {
  background: #0d0f12 !important; color: #fff !important; border: none !important;
  border-radius: 0 0 14px 14px !important; font-weight: 700 !important; font-size: 13.5px !important;
  padding: 11px !important; width: 100% !important; cursor: pointer !important;
  font-family: inherit !important; transition: background .15s !important;
  white-space: nowrap !important; text-align: center !important;
}
.quick-add__submit:hover { background: #0052a5 !important; }

/* Sale badge */
.badge--sale, .badge.color-scheme-4 {
  background: #0052a5 !important; color: #fff !important;
  border-radius: 7px !important; font-weight: 800 !important;
  font-size: 11px !important; padding: 4px 8px !important;
}

/* Collection section full width */
.section-main-collection-product-grid-padding,
[class*="section-"][class*="-padding"] { padding-left: 0 !important; padding-right: 0 !important; }
.product-grid-container { width: 100% !important; }
.facets-vertical { display: flex !important; gap: 20px !important; }
.facets-vertical .facets-wrapper { flex-shrink: 0 !important; }
.facets-vertical .product-grid-container { flex: 1 !important; min-width: 0 !important; }
/* Force grid to reflow after sold-out items removed */
ul.grid.product-grid {
  grid-auto-flow: dense !important;
  align-items: start !important;
}
li.grid__item { break-inside: avoid !important; }
/* ================================================================
   FINAL ALIGNMENT — perfect responsive (highest priority, last block)
   ================================================================ */

/* Consistent page container everywhere */
.page-width,
.collection,
.product-grid-container,
.main-content {
  box-sizing: border-box !important;
}

/* COLLECTION GRID — auto-responsive, never breaks, no gaps */
ul.grid.product-grid {
  display: grid !important;
  grid-template-columns: repeat(auto-fill, minmax(min(100%, 240px), 1fr)) !important;
  gap: 18px !important;
  width: 100% !important;
  margin: 0 auto !important;
  padding: 0 !important;
  list-style: none !important;
  align-items: stretch !important;
  justify-content: start !important;
}

/* Each grid cell */
ul.grid.product-grid > li.grid__item {
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  margin: 0 !important;
  display: flex !important;
}

/* Card fills cell, content aligned consistently */
.grid__item .card-wrapper {
  width: 100% !important;
  display: flex !important;
  flex-direction: column !important;
}
.grid__item .card,
.grid__item .card.card--standard {
  width: 100% !important;
  height: 100% !important;
  display: flex !important;
  flex-direction: column !important;
  background: #fff !important;
  border: 1px solid #e7e9ee !important;
  border-radius: 14px !important;
  overflow: hidden !important;
  box-shadow: 0 2px 8px rgba(0,0,0,.06) !important;
}
.grid__item .card__inner { width: 100% !important; }
.grid__item .card__content { flex: 1 !important; display: flex !important; flex-direction: column !important; }
.grid__item .card__information {
  flex: 1 !important;
  display: flex !important;
  flex-direction: column !important;
  padding: 12px 13px 0 !important;
}
/* Title fixed area so all cards align */
.grid__item .card__heading {
  min-height: 38px !important;
  margin: 0 0 6px !important;
}
.grid__item .card__heading a {
  font-size: 14px !important;
  line-height: 1.35 !important;
  font-weight: 600 !important;
  color: #0d0f12 !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
}
/* Price pushed to consistent position */
.grid__item .price { margin: auto 0 10px !important; }
/* ATC button always at bottom, full width */
.grid__item .card__cta,
.grid__item .quick-add {
  margin-top: auto !important;
  width: 100% !important;
}
.grid__item .quick-add__submit {
  width: 100% !important;
  border-radius: 0 0 14px 14px !important;
}

/* RESPONSIVE BREAKPOINTS — perfect columns per screen */
@media (max-width: 480px) {
  ul.grid.product-grid {
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 10px !important;
  }
}
@media (min-width: 481px) and (max-width: 749px) {
  ul.grid.product-grid {
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 12px !important;
  }
}
@media (min-width: 750px) and (max-width: 1099px) {
  ul.grid.product-grid {
    grid-template-columns: repeat(3, 1fr) !important;
  }
}
@media (min-width: 1100px) {
  ul.grid.product-grid {
    grid-template-columns: repeat(4, 1fr) !important;
  }
}

/* Collection page outer container - centered, consistent padding */
.collection.page-width,
.section-main-collection-product-grid-padding .page-width {
  max-width: 1320px !important;
  margin: 0 auto !important;
  padding-left: 20px !important;
  padding-right: 20px !important;
}

/* Pagination centered */
.pagination__list { justify-content: center !important; display: flex !important; gap: 6px !important; flex-wrap: wrap !important; }
/* ================================================================
   HOMEPAGE ALIGNMENT POLISH
   ================================================================ */

/* Logo - slightly larger, crisp */
.bb-logo-img { height: 54px !important; max-width: 160px !important; }

/* QUICK ACTIONS — compact, centered, balanced */
.qa {
  display: grid !important;
  grid-template-columns: repeat(4, 1fr) !important;
  gap: 14px !important;
  max-width: 1280px !important;
  margin: 20px auto 0 !important;
  padding: 0 20px !important;
}
@media (max-width: 600px) { .qa { gap: 10px !important; padding: 0 16px !important; } }

.qa__i {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 12px !important;
  background: #fff !important;
  border: 1px solid #ebe7e0 !important;
  border-radius: 16px !important;
  padding: 16px 18px !important;
  box-shadow: 0 2px 8px rgba(0,0,0,.05) !important;
  text-decoration: none !important;
  transition: transform .18s, box-shadow .18s, border-color .18s !important;
  min-height: 0 !important;
}
.qa__i:hover {
  transform: translateY(-3px) !important;
  box-shadow: 0 10px 24px rgba(0,0,0,.1) !important;
  border-color: rgba(0,82,165,.2) !important;
}
.qa__ic {
  width: 44px !important;
  height: 44px !important;
  border-radius: 12px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #fff !important;
  flex-shrink: 0 !important;
}
.qa__ic svg { width: 22px !important; height: 22px !important; }
.qa__i b {
  font-size: 14px !important;
  font-weight: 700 !important;
  color: #0d0f12 !important;
  line-height: 1.2 !important;
  text-align: left !important;
}

/* Mobile - stack icon over text for narrow screens */
@media (max-width: 600px) {
  .qa__i { flex-direction: column !important; gap: 8px !important; padding: 14px 8px !important; text-align: center !important; }
  .qa__i b { font-size: 12px !important; text-align: center !important; }
  .qa__ic { width: 40px !important; height: 40px !important; }
}

/* Category section heading alignment */
.sec__h {
  max-width: 1280px !important;
  margin: 0 auto !important;
  padding: 24px 20px 14px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
}
.cat-grid { max-width: 1280px !important; margin: 0 auto !important; padding: 4px 20px 18px !important; }
/* Custom topbar (custom-topbar section) now renders on ALL pages via header-group.
   No header hiding needed — the SmartBuy header shows everywhere. */
/* ================================================================
   HEADER — Final Perfect Alignment (centered container)
   ================================================================ */

/* Topbar: centered max-width, logo vertically centered */
.bb-topbar {
  display: grid !important;
  grid-template-columns: 150px minmax(0,1fr) auto !important;
  align-items: center !important;
  gap: 24px !important;
  max-width: 1320px !important;
  margin: 0 auto !important;
  padding: 12px 24px !important;
  min-height: 70px !important;
  background: #fff !important;
}
.bar { background: #fff !important; }

/* Logo perfectly centered in its column */
.bb-logo-link { display: flex !important; align-items: center !important; height: 100% !important; }
.bb-logo-img { height: 48px !important; max-width: 150px !important; object-fit: contain !important; }

/* Search bar centered, full width of its column */
.bb-search-bar { width: 100% !important; height: 48px !important; align-items: center !important; }

/* Icons aligned right, vertically centered */
.bb-topbar__icons { display: flex !important; align-items: center !important; gap: 6px !important; }

/* Nav bar: FULL-WIDTH dark bg, content aligned to centered container */
.bar > nav {
  background: #111418 !important;
  display: flex !important;
  align-items: center !important;
  gap: 4px !important;
  width: 100% !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  padding-left: max(24px, calc((100% - 1320px) / 2 + 24px)) !important;
  padding-right: max(24px, calc((100% - 1320px) / 2 + 24px)) !important;
  overflow-x: auto !important;
  scrollbar-width: none !important;
}
.bar > nav::-webkit-scrollbar { display: none !important; }

/* Nav links aligned and evenly spaced */
.bar nav a {
  padding: 13px 16px !important;
  font-size: 14px !important;
  display: inline-flex !important;
  align-items: center !important;
  white-space: nowrap !important;
}

@media (max-width: 767px) {
  .bb-topbar { grid-template-columns: auto 1fr auto !important; padding: 10px 14px !important; gap: 10px !important; min-height: 58px !important; }
  .bb-logo-img { height: 36px !important; max-width: 100px !important; }
  .bar > nav { padding: 0 12px !important; }
}
/* ================================================================
   HEADER — FULL SCREEN WIDTH (edge to edge)
   ================================================================ */

/* Topbar spans full width with consistent edge padding */
.bb-topbar {
  display: grid !important;
  grid-template-columns: auto minmax(0,1fr) auto !important;
  align-items: center !important;
  gap: 28px !important;
  max-width: 100% !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 12px 40px !important;
  min-height: 72px !important;
  background: #fff !important;
  box-sizing: border-box !important;
}

/* Logo */
.bb-logo-link { display: flex !important; align-items: center !important; height: 100% !important; }
.bb-logo-img { height: 50px !important; max-width: 160px !important; object-fit: contain !important; }

/* Search bar fills all available middle space */
.bb-search-bar { width: 100% !important; max-width: 100% !important; height: 48px !important; }

/* Icons right */
.bb-topbar__icons { display: flex !important; align-items: center !important; gap: 8px !important; }

/* Nav bar — full width, same 40px edge padding */
.bar > nav {
  background: #111418 !important;
  display: flex !important;
  align-items: center !important;
  gap: 4px !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 40px !important;
  box-sizing: border-box !important;
  overflow-x: auto !important;
  scrollbar-width: none !important;
}
.bar > nav::-webkit-scrollbar { display: none !important; }
.bar nav a { padding: 13px 16px !important; font-size: 14px !important; white-space: nowrap !important; display: inline-flex !important; align-items: center !important; }

/* Responsive padding */
@media (max-width: 1024px) {
  .bb-topbar { padding: 12px 24px !important; gap: 18px !important; }
  .bar > nav { padding: 0 24px !important; }
}
@media (max-width: 767px) {
  .bb-topbar { grid-template-columns: auto 1fr auto !important; padding: 10px 14px !important; gap: 10px !important; min-height: 58px !important; }
  .bb-logo-img { height: 36px !important; max-width: 100px !important; }
  .bar > nav { padding: 0 14px !important; }
}
/* ================================================================
   UNIFIED CONTAINER — header + all content align to same edges
   Container: max 1340px centered, 28px side padding
   ================================================================ */

/* HEADER topbar: white bar full-width, content centered to container */
.bb-topbar {
  display: grid !important;
  grid-template-columns: auto minmax(0,1fr) auto !important;
  align-items: center !important;
  gap: 26px !important;
  width: 100% !important;
  max-width: 1340px !important;
  margin: 0 auto !important;
  padding: 12px 28px !important;
  min-height: 72px !important;
  background: #fff !important;
  box-sizing: border-box !important;
}
.bar { background: #fff !important; }

/* NAV bar: dark full-width bg, content aligned to same container edge */
.bar > nav {
  background: #111418 !important;
  display: flex !important;
  align-items: center !important;
  gap: 4px !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  padding-left: max(28px, calc((100% - 1340px) / 2 + 28px)) !important;
  padding-right: max(28px, calc((100% - 1340px) / 2 + 28px)) !important;
  box-sizing: border-box !important;
  overflow-x: auto !important;
  scrollbar-width: none !important;
}
.bar > nav::-webkit-scrollbar { display: none !important; }

/* ALL CONTENT SECTIONS align to same 1340px container + 28px padding */
.bb-hero-carousel,
.qa,
.sec__h,
.cat-grid,
.bb-container,
.dband,
.feat {
  max-width: 1340px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 28px !important;
  padding-right: 28px !important;
  box-sizing: border-box !important;
  width: 100% !important;
}

/* Hero carousel keeps rounded look but aligned */
.bb-hero-carousel { margin-top: 0 !important; margin-bottom: 20px !important; }

/* Quick actions grid inside container */
.qa { display: grid !important; grid-template-columns: repeat(4,1fr) !important; gap: 16px !important; margin-top: 18px !important; }

/* Category grid aligned */
.cat-grid { display: flex !important; gap: 16px !important; }

/* Section headings aligned */
.sec__h { display: flex !important; align-items: center !important; justify-content: space-between !important; }

/* Logo + icons */
.bb-logo-img { height: 50px !important; max-width: 160px !important; }
.bb-search-bar { width: 100% !important; height: 48px !important; }

/* Responsive */
@media (max-width: 1024px) {
  .bb-topbar, .bb-hero-carousel, .qa, .sec__h, .cat-grid, .bb-container, .dband, .feat { padding-left: 20px !important; padding-right: 20px !important; }
  .bar > nav { padding-left: max(20px, calc((100% - 1340px)/2 + 20px)) !important; padding-right: max(20px, calc((100% - 1340px)/2 + 20px)) !important; }
}
@media (max-width: 767px) {
  .bb-topbar { grid-template-columns: auto 1fr auto !important; padding: 10px 14px !important; gap: 10px !important; min-height: 56px !important; }
  .bb-logo-img { height: 36px !important; max-width: 100px !important; }
  .bb-topbar, .bb-hero-carousel, .qa, .sec__h, .cat-grid, .dband, .feat { padding-left: 14px !important; padding-right: 14px !important; }
  .bar > nav { padding-left: 14px !important; padding-right: 14px !important; }
  .qa { grid-template-columns: repeat(2,1fr) !important; }
}
/* ================================================================
   ★★★ MASTER ALIGNMENT — FINAL OVERRIDE (last block, wins all) ★★★
   Every section: full width, identical 48px left/right padding.
   Every left edge sits at exactly 48px from screen edge = perfect.
   ================================================================ */

/* All these share EXACTLY the same width and padding */
.bb-topbar,
.bb-hero-carousel,
.qa,
.sec,
.sec__h,
.cat-grid,
.bb-carousel,
.bb-container,
.dband,
.feat,
.bb-offers,
.dark-feat,
.bb-trust,
.bb-tm__inner {
  width: 100% !important;
  max-width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding-left: 48px !important;
  padding-right: 48px !important;
  box-sizing: border-box !important;
}

/* Header white bar full width, content padded to 48px */
.bar { width: 100% !important; max-width: 100% !important; background: #fff !important; }
.bb-topbar {
  display: grid !important;
  grid-template-columns: auto minmax(0,1fr) auto !important;
  align-items: center !important;
  gap: 26px !important;
  min-height: 72px !important;
}

/* Dark nav bar: full-width dark bg, links start at 48px */
.bar > nav {
  width: 100% !important;
  max-width: 100% !important;
  background: #111418 !important;
  padding-left: 48px !important;
  padding-right: 48px !important;
  margin: 0 !important;
  display: flex !important;
  align-items: center !important;
  gap: 2px !important;
  overflow-x: auto !important;
  scrollbar-width: none !important;
}
.bar > nav::-webkit-scrollbar { display: none !important; }
.bar nav a { padding: 13px 15px !important; white-space: nowrap !important; }

/* Inner containers of carousels - reset extra padding (parent already 48px) */
.bb-carousel .bb-container,
.bb-offers .bb-offers__inner,
.bb-tm .bb-tm__inner { padding-left: 0 !important; padding-right: 0 !important; max-width: 100% !important; }

/* Quick actions grid */
.qa { display: grid !important; grid-template-columns: repeat(4,1fr) !important; gap: 16px !important; }

/* Logo + search sizing */
.bb-logo-img { height: 50px !important; max-width: 160px !important; }
.bb-search-bar { width: 100% !important; height: 48px !important; }

/* RESPONSIVE — same padding shrinks together so always aligned */
@media (max-width: 1024px) {
  .bb-topbar, .bb-hero-carousel, .qa, .sec, .sec__h, .cat-grid,
  .bb-carousel, .bb-container, .dband, .feat, .bb-offers, .dark-feat,
  .bb-trust, .bb-tm__inner, .bar > nav { padding-left: 28px !important; padding-right: 28px !important; }
}
@media (max-width: 767px) {
  .bb-topbar, .bb-hero-carousel, .qa, .sec, .sec__h, .cat-grid,
  .bb-carousel, .bb-container, .dband, .feat, .bb-offers, .dark-feat,
  .bb-trust, .bb-tm__inner, .bar > nav { padding-left: 16px !important; padding-right: 16px !important; }
  .bb-topbar { grid-template-columns: auto 1fr auto !important; gap: 10px !important; min-height: 56px !important; padding-top: 10px !important; padding-bottom: 10px !important; }
  .bb-logo-img { height: 36px !important; max-width: 100px !important; }
  .qa { grid-template-columns: repeat(2,1fr) !important; }
}
/* ================================================================
   GLOBAL TOPBAR NAV — .bb-mainnav (shows on every page)
   ================================================================ */
.smartbuy-topbar-section { display: block !important; }

.bb-mainnav {
  background: linear-gradient(90deg, #003f82 0%, #0052a5 50%, #0066cc 100%) !important;
  display: flex !important;
  align-items: center !important;
  gap: 2px !important;
  width: 100% !important;
  max-width: 100% !important;
  padding-left: 48px !important;
  padding-right: 48px !important;
  overflow-x: auto !important;
  scrollbar-width: none !important;
  box-sizing: border-box !important;
}
.bb-mainnav::-webkit-scrollbar { display: none !important; }
.bb-mainnav__link {
  display: inline-flex !important;
  align-items: center !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  color: rgba(255,255,255,.8) !important;
  text-decoration: none !important;
  padding: 13px 16px !important;
  white-space: nowrap !important;
  border-bottom: 2.5px solid transparent !important;
  transition: all .15s !important;
}
.bb-mainnav__link:first-child { color: #e8a13a !important; font-weight: 700 !important; }
.bb-mainnav__link:hover { color: #fff !important; border-bottom-color: #2ea84a !important; background: rgba(255,255,255,.1) !important; }
.bb-mainnav__link.is-active { color: #7dd4a0 !important; border-bottom-color: #2ea84a !important; }

@media (max-width: 1024px) { .bb-mainnav { padding-left: 28px !important; padding-right: 28px !important; } }
@media (max-width: 767px) { .bb-mainnav { padding-left: 16px !important; padding-right: 16px !important; } .bb-mainnav__link { padding: 11px 12px !important; font-size: 13px !important; } }
/* ================================================================
   ★ ALL PAGES align to same 48px edges as header ★
   ================================================================ */

/* Dawn's .page-width container — full width, 48px padding (matches header) */
.page-width,
.collection.page-width,
.product.page-width,
.cart.page-width,
main .page-width,
.product-grid-container,
.collection { 
  max-width: 100% !important;
  width: 100% !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 48px !important;
  padding-right: 48px !important;
  box-sizing: border-box !important;
}

/* Remove double padding on nested containers */
.product-grid-container .page-width,
.collection .page-width { padding-left: 0 !important; padding-right: 0 !important; }

/* Section padding wrappers - no extra horizontal padding */
[class*="section-"][class*="-padding"] { padding-left: 0 !important; padding-right: 0 !important; }

/* Collection product grid - align to edges, fill width */
ul.grid.product-grid {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
}

/* Product page main grid aligned */
.product { padding-left: 0 !important; padding-right: 0 !important; }

/* Footer aligned to same edges */
.footer .page-width,
.footer__content-top,
.footer__content-bottom { padding-left: 48px !important; padding-right: 48px !important; max-width: 100% !important; }

/* Responsive - shrink padding together */
@media (max-width: 1024px) {
  .page-width, .collection.page-width, .product.page-width, .cart.page-width,
  main .page-width, .product-grid-container, .collection,
  .footer .page-width, .footer__content-top, .footer__content-bottom {
    padding-left: 28px !important; padding-right: 28px !important;
  }
}
@media (max-width: 767px) {
  .page-width, .collection.page-width, .product.page-width, .cart.page-width,
  main .page-width, .product-grid-container, .collection,
  .footer .page-width, .footer__content-top, .footer__content-bottom {
    padding-left: 16px !important; padding-right: 16px !important;
  }
}
/* ================================================================
   WISHLIST — heart buttons, drawer, toast
   ================================================================ */

/* Heart button on cards (auto-injected) */
.bb-heart {
  position: absolute !important;
  top: 10px !important;
  right: 10px !important;
  width: 34px !important;
  height: 34px !important;
  border-radius: 50% !important;
  background: rgba(255,255,255,.94) !important;
  border: none !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  cursor: pointer !important;
  box-shadow: 0 2px 8px rgba(0,0,0,.15) !important;
  color: #8a9099 !important;
  z-index: 20 !important; pointer-events: auto !important;
  transition: all .15s !important;
  padding: 0 !important;
}
.bb-heart svg { width: 18px !important; height: 18px !important; }
.bb-heart:hover { transform: scale(1.1) !important; color: #0052a5 !important; }
.bb-heart.is-active { color: #0052a5 !important; }
.bb-heart.is-active svg path { fill: #0052a5 !important; stroke: #0052a5 !important; }

/* Header wishlist count badge */
.bb-wish-count { background: #0052a5 !important; }

/* Wishlist drawer */
.bb-wish-drawer { position: fixed !important; inset: 0 !important; z-index: 9998 !important; }
.bb-wish-drawer[hidden] { display: none !important; }
.bb-wish-drawer__scrim { position: absolute !important; inset: 0 !important; background: rgba(13,15,18,.5) !important; opacity: 0 !important; transition: opacity .3s !important; }
.bb-wish-drawer.is-open .bb-wish-drawer__scrim { opacity: 1 !important; }
.bb-wish-drawer__panel {
  position: absolute !important; top: 0 !important; right: 0 !important; bottom: 0 !important;
  width: 92% !important; max-width: 400px !important; background: #fff !important;
  transform: translateX(100%) !important; transition: transform .3s cubic-bezier(.4,0,.2,1) !important;
  display: flex !important; flex-direction: column !important;
}
.bb-wish-drawer.is-open .bb-wish-drawer__panel { transform: translateX(0) !important; }
.bb-wish-drawer__head { display: flex !important; align-items: center !important; justify-content: space-between !important; padding: 18px 18px 14px !important; border-bottom: 1px solid #ebe7e0 !important; }
.bb-wish-drawer__head h2 { font-size: 18px !important; font-weight: 800 !important; color: #0d0f12 !important; margin: 0 !important; }
.bb-wish-drawer__close { background: none !important; border: none !important; cursor: pointer !important; color: #8a9099 !important; padding: 4px !important; }
.bb-wish-drawer__close svg { width: 24px !important; height: 24px !important; }
.bb-wish-drawer__body { flex: 1 !important; overflow-y: auto !important; padding: 10px 14px !important; }
.bb-wish-drawer__empty { flex: 1 !important; display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: center !important; gap: 14px !important; padding: 40px !important; text-align: center !important; }
.bb-wish-drawer__empty svg { width: 56px !important; height: 56px !important; color: #d6dae0 !important; }
.bb-wish-drawer__empty p { margin: 0 !important; color: #8a9099 !important; font-weight: 600 !important; }
.bb-wish-shop { background: #0052a5 !important; color: #fff !important; font-weight: 700 !important; padding: 12px 24px !important; border-radius: 10px !important; text-decoration: none !important; font-size: 14px !important; }

/* Wishlist row */
.bb-wish-row { display: flex !important; gap: 12px !important; padding: 12px 4px !important; border-bottom: 1px solid #f2f2f2 !important; }
.bb-wish-row__img { width: 70px !important; height: 70px !important; border-radius: 10px !important; overflow: hidden !important; flex-shrink: 0 !important; background: #edf2fb !important; }
.bb-wish-row__img img { width: 100% !important; height: 100% !important; object-fit: cover !important; }
.bb-wish-row__info { flex: 1 !important; min-width: 0 !important; display: flex !important; flex-direction: column !important; }
.bb-wish-row__name { font-size: 13.5px !important; font-weight: 600 !important; color: #0d0f12 !important; text-decoration: none !important; line-height: 1.3 !important; display: -webkit-box !important; -webkit-line-clamp: 2 !important; -webkit-box-orient: vertical !important; overflow: hidden !important; }
.bb-wish-row__price { font-size: 15px !important; font-weight: 800 !important; color: #0052a5 !important; margin-top: auto !important; }
.bb-wish-row__actions { display: flex !important; gap: 8px !important; margin-top: 8px !important; }
.bb-wish-row__atc { flex: 1 !important; background: #0d0f12 !important; color: #fff !important; border: none !important; border-radius: 8px !important; font-weight: 700 !important; font-size: 12px !important; padding: 9px !important; cursor: pointer !important; }
.bb-wish-row__atc:hover { background: #0052a5 !important; }
.bb-wish-row__rm { width: 36px !important; background: #f4f5f7 !important; border: none !important; border-radius: 8px !important; color: #8a9099 !important; cursor: pointer !important; display: flex !important; align-items: center !important; justify-content: center !important; }
.bb-wish-row__rm:hover { color: #0052a5 !important; }
.bb-wish-row__rm svg { width: 18px !important; height: 18px !important; }

/* Toast */
.bb-toast { position: fixed !important; bottom: 24px !important; left: 50% !important; transform: translateX(-50%) translateY(80px) !important; background: #0d0f12 !important; color: #fff !important; padding: 13px 24px !important; border-radius: 12px !important; font-size: 14px !important; font-weight: 700 !important; z-index: 9999 !important; box-shadow: 0 8px 32px rgba(0,0,0,.3) !important; opacity: 0 !important; transition: all .3s cubic-bezier(.4,0,.2,1) !important; white-space: nowrap !important; }
.bb-toast.on { transform: translateX(-50%) translateY(0) !important; opacity: 1 !important; }
/* ================================================================
   NATATION-STYLE PRODUCT PAGE (.np)
   ================================================================ */
.np { background:#fff; padding:24px 0 40px; }
.np__wrap { max-width:1280px; margin:0 auto; padding:0 48px; }
.np__crumb { display:flex; flex-wrap:wrap; gap:6px; font-size:12.5px; color:#8a9099; margin-bottom:18px; }
.np__crumb a { color:#8a9099; text-decoration:none; }
.np__crumb a:hover { color:#0052a5; }
.np__crumb span { color:#c0c4cc; }

.np__grid { display:grid; grid-template-columns:1fr 1fr; gap:48px; align-items:start; }
@media (max-width:900px){ .np__grid { grid-template-columns:1fr; gap:24px; } }

/* Gallery */
.np__gallery { position:sticky; top:90px; }
@media (max-width:900px){ .np__gallery { position:static; } }
.np__stage { position:relative; display:flex; overflow-x:auto; scroll-snap-type:x mandatory; border-radius:16px; background:#edf2fb; aspect-ratio:1/1; scrollbar-width:none; }
.np__stage::-webkit-scrollbar { display:none; }
.np__slide { flex:0 0 100%; scroll-snap-align:center; aspect-ratio:1/1; }
.np__mainimg { width:100%; height:100%; object-fit:contain; display:block; }
.np__ph { width:100%; height:100%; background:linear-gradient(135deg,#eee,#ddd); }
.np__badge { position:absolute; top:14px; left:14px; background:#0052a5; color:#fff; font-size:13px; font-weight:800; padding:5px 12px; border-radius:8px; z-index:2; }
.np__thumbs { display:flex; gap:8px; margin-top:10px; overflow-x:auto; scrollbar-width:none; }
.np__thumbs::-webkit-scrollbar { display:none; }
.np__thumb { flex:0 0 auto; width:66px; height:66px; border:2px solid #ebe7e0; border-radius:10px; overflow:hidden; cursor:pointer; padding:0; background:#edf2fb; transition:border-color .15s; }
.np__thumb img { width:100%; height:100%; object-fit:cover; }
.np__thumb.is-active { border-color:#0052a5; }

/* Info */
.np__info { display:flex; flex-direction:column; }
.np__vendor { font-size:12px; font-weight:700; letter-spacing:.06em; text-transform:uppercase; color:#8a9099; margin-bottom:6px; }
.np__title { font-size:clamp(20px,3vw,26px); font-weight:800; color:#0d0f12; letter-spacing:-.02em; line-height:1.25; margin:0 0 10px; }
.np__rating { display:flex; align-items:center; gap:8px; margin-bottom:14px; }
.np__stars { display:inline-flex; color:#e8a13a; }
.np__stars svg { width:17px; height:17px; }
.np__ratingtxt { font-size:13px; color:#8a9099; }

.np__pricerow { display:flex; align-items:baseline; flex-wrap:wrap; gap:10px; }
.np__price { font-size:30px; font-weight:900; color:#0052a5; }
.np__mrp { font-size:17px; color:#9aa0a8; text-decoration:line-through; }
.np__save { font-size:13px; font-weight:800; color:#15824b; background:#e8f5ee; padding:3px 9px; border-radius:6px; }
.np__tax { font-size:12px; color:#8a9099; margin:4px 0 0; }

.np__urgency { display:inline-flex; align-items:center; gap:8px; background:#fff3ee; color:#0052a5; font-size:13px; font-weight:600; padding:8px 14px; border-radius:10px; margin:14px 0; align-self:flex-start; }
.np__urgency svg { width:18px; height:18px; }
.np__urgency b { font-weight:800; }

/* Variant pills */
.np__opt { margin:14px 0; }
.np__opt-name { font-size:14px; font-weight:700; color:#0d0f12; }
.np__swatches { display:flex; flex-wrap:wrap; gap:8px; margin-top:8px; }
.np__swatch { cursor:pointer; }
.np__swatch input { position:absolute; opacity:0; }
.np__swatch span { display:flex; align-items:center; justify-content:center; min-width:46px; height:42px; padding:0 16px; border:1.5px solid #ebe7e0; border-radius:10px; font-size:14px; font-weight:600; color:#0d0f12; transition:all .15s; }
.np__swatch:hover span { border-color:#0052a5; color:#0052a5; }
.np__swatch.is-on span { background:#0d0f12; color:#fff; border-color:#0d0f12; }

/* Quantity + buttons */
.np__buyrow { margin:18px 0 12px; }
.np__qty { display:inline-flex; align-items:center; border:1.5px solid #ebe7e0; border-radius:12px; overflow:hidden; }
.np__qty button { width:44px; height:48px; border:none; background:#f5f8ff; font-size:20px; cursor:pointer; color:#0d0f12; }
.np__qty button:hover { background:#0052a5; color:#fff; }
.np__qty input { width:54px; height:48px; border:none; text-align:center; font-size:16px; font-weight:700; color:#0d0f12; -moz-appearance:textfield; }
.np__qty input::-webkit-outer-spin-button, .np__qty input::-webkit-inner-spin-button { -webkit-appearance:none; margin:0; }

.np__cta { display:grid; grid-template-columns:1fr 1fr; gap:12px; margin-bottom:18px; }
@media (max-width:480px){ .np__cta { grid-template-columns:1fr; } }
.np__atc, .np__buynow { border:none; border-radius:12px; padding:16px; font-family:'DM Sans',inherit; font-weight:800; font-size:15px; cursor:pointer; display:flex; align-items:center; justify-content:center; gap:8px; transition:all .18s; }
.np__atc { background:#0052a5; color:#fff; }
.np__atc:hover { background:#003f82; }
.np__atc svg { width:18px; height:18px; }
.np__atc:disabled { background:#c0c4cc; cursor:not-allowed; }
.np__buynow { background:#0052a5; color:#fff; }
.np__buynow:hover { background:#003f82; }

/* Delivery */
.np__delivery { background:#f5f8ff; border:1px solid #ebe7e0; border-radius:12px; padding:14px; margin-bottom:16px; }
.np__deliv-row { display:flex; align-items:center; gap:10px; font-size:13.5px; font-weight:600; color:#0d0f12; }
.np__deliv-row svg { width:22px; height:22px; color:#0052a5; flex-shrink:0; }
.np__deliv-row b { color:#0052a5; }
.np__meta { list-style:none; margin:14px 0 0; padding:14px 0 0; border-top:1px solid #ebe7e0; display:flex; flex-direction:column; gap:8px; }
.np__meta li { display:flex; gap:10px; font-size:13px; }
.np__meta span { color:#8a9099; min-width:90px; }
.np__meta b { font-weight:600; color:#0d0f12; }
.np__in { color:#15824b !important; }
.np__out { color:#0052a5 !important; }

/* Trust */
.np__trust { display:grid; grid-template-columns:repeat(2,1fr); gap:10px; margin-bottom:16px; }
.np__trust-item { display:flex; align-items:center; gap:9px; font-size:13px; font-weight:600; color:#0d0f12; padding:10px 12px; background:#f5f8ff; border:1px solid #ebe7e0; border-radius:10px; }
.np__trust-item svg { width:22px; height:22px; color:#0052a5; flex-shrink:0; }

/* Share */
.np__share { display:flex; align-items:center; gap:10px; margin-bottom:18px; }
.np__share span { font-size:13px; font-weight:700; color:#0d0f12; }
.np__share a { width:38px; height:38px; border:1px solid #ebe7e0; border-radius:50%; display:flex; align-items:center; justify-content:center; color:#3a4049; transition:all .15s; }
.np__share a:hover { background:#0052a5; border-color:#0052a5; color:#fff; }
.np__share svg { width:18px; height:18px; }

/* Accordions */
/* ---- Product Description Accordion ---- */
.np__acc { margin-top: 24px; }
.np__acc-item { border-radius: 14px; background: #fff; border: 1.5px solid #e8ebf2; margin-bottom: 10px; overflow: hidden; box-shadow: 0 2px 8px rgba(0,82,165,.05); }
.np__acc-item summary { display:flex; align-items:center; justify-content:space-between; cursor:pointer; list-style:none; padding:16px 20px; font-weight:800; font-size:15px; letter-spacing:.02em; text-transform:uppercase; color:#0d0f12; background:#fff; border-left:4px solid #0052a5; transition:background .15s; }
.np__acc-item summary::-webkit-details-marker { display:none; }
.np__acc-item summary:hover { background:#f5f8ff; }
.np__acc-item summary svg { width:20px; height:20px; color:#0052a5; transition:transform .25s; flex-shrink:0; }
.np__acc-item[open] summary { background:#f0f5ff; border-left-color:#2ea84a; }
.np__acc-item[open] summary svg { transform:rotate(180deg); color:#2ea84a; }
.np__acc-body { padding:20px 24px 22px; font-size:14.5px; line-height:1.9; color:#3a4049; background:#fafbff; border-top:1px solid #e8ebf2; }
.np__acc-body h1,.np__acc-body h2,.np__acc-body h3 { font-size:15px!important; font-weight:800!important; color:#0d0f12!important; margin:0 0 12px!important; line-height:1.4!important; }
.np__acc-body strong,.np__acc-body b { color:#0052a5; font-weight:700; }
.np__acc-body p { margin:0 0 14px; }
.np__acc-body p:last-child { margin-bottom:0; }
.np__acc-body ul,.np__acc-body ol { padding-left:0; list-style:none; margin:10px 0 14px; }
.np__acc-body ul li { padding:5px 0 5px 24px; position:relative; font-size:14px; color:#3a4049; line-height:1.6; }
.np__acc-body ul li::before { content:""; position:absolute; left:0; top:12px; width:8px; height:8px; border-radius:50%; background:#2ea84a; }
.np__acc-body ol { counter-reset:desc-counter; }
.np__acc-body ol li { padding:5px 0 5px 28px; position:relative; font-size:14px; color:#3a4049; line-height:1.6; counter-increment:desc-counter; }
.np__acc-body ol li::before { content:counter(desc-counter); position:absolute; left:0; top:5px; width:20px; height:20px; border-radius:50%; background:#0052a5; color:#fff; font-size:11px; font-weight:800; display:flex; align-items:center; justify-content:center; }
.np__acc-body img { max-width:100%; height:auto; border-radius:10px; margin:12px 0; }

@media (max-width:900px){ .np__wrap { padding:0 16px; } }
/* ================================================================
   FIX — product title overlapping image on collection cards
   Dawn renders heading twice (overlay over image + below).
   Hide the overlay copy, keep only the one below the image.
   ================================================================ */

/* Hide ONLY the overlay title (inside .card__inner) — keep the badge */
.card__inner > .card__content .card__information,
.card__inner > .card__content .card__heading {
  display: none !important;
}
/* Keep the inner content wrapper (it holds the badge) but make it not block clicks/space */
.card__inner > .card__content {
  display: block !important;
  position: absolute !important;
  inset: 0 !important;
  pointer-events: none !important;
  padding: 0 !important;
  background: transparent !important;
}
/* Badge stays visible & clickable area fine */
.card__inner .card__badge,
.card__badge { display: block !important; pointer-events: auto !important; }

/* Ensure the REAL content below the image shows normally */
.card-wrapper > .card .card__content,
.card.card--standard > .card__content {
  display: block !important;
  position: static !important;
  padding: 12px 13px 0 !important;
}
.card__information {
  display: block !important;
  position: static !important;
  padding: 8px 13px 14px !important;
}

/* Title below image - clean 2-line */
.card__information .card__heading,
.card-information .card__heading {
  display: block !important;
  min-height: auto !important;
}
.card__information .card__heading a,
.card-information .card__heading a {
  color: #0d0f12 !important;
  font-weight: 600 !important;
  font-size: 13.5px !important;
  line-height: 1.4 !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
  text-decoration: none !important;
}

/* Media stays clean - no overlay text */
.card__media { position: relative !important; }
/* ================================================================
   PRODUCT GALLERY FIX — image fills, no blank box below
   ================================================================ */

/* Stage: clean white, image fills the square (cover), no blank */
.np__stage {
  position: relative !important;
  display: flex !important;
  overflow-x: auto !important;
  scroll-snap-type: x mandatory !important;
  border-radius: 16px !important;
  background: #ffffff !important;
  border: 1px solid #ebe7e0 !important;
  aspect-ratio: 1 / 1 !important;
  max-height: 560px !important;
  scrollbar-width: none !important;
}
.np__slide {
  flex: 0 0 100% !important;
  scroll-snap-align: center !important;
  aspect-ratio: 1 / 1 !important;
  max-height: 560px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}
.np__mainimg {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;   /* fills square — no blank */
  display: block !important;
}

/* Gallery sticky on desktop, natural on mobile */
.np__gallery {
  position: sticky !important;
  top: 90px !important;
  align-self: start !important;
  height: fit-content !important;
}
@media (max-width: 900px){
  .np__gallery { position: static !important; }
  .np__stage, .np__slide { aspect-ratio: 1 / 1 !important; max-height: 420px !important; }
}

/* Grid aligns to top so no stretched blank */
.np__grid { align-items: start !important; }
/* ================================================================
   COLLECTION CARD — Sale badge on image + clean heart
   ================================================================ */

/* Card is the positioning context */
.card-wrapper, li.grid__item .card, .card.card--standard { position: relative !important; }

/* Sale / sold-out badge → top-left ON the image (not at card bottom) */
.card .card__badge {
  position: absolute !important;
  top: 10px !important;
  left: 10px !important;
  bottom: auto !important;
  right: auto !important;
  margin: 0 !important;
  z-index: 6 !important;
  display: block !important;
  width: auto !important;
}
.card .badge--sale,
.card .badge.color-scheme-4 {
  background: #0052a5 !important;
  color: #fff !important;
  border-radius: 7px !important;
  font-size: 11px !important;
  font-weight: 800 !important;
  padding: 4px 9px !important;
  letter-spacing: .02em !important;
}

/* Heart button — clean white circle top-right, no stray badge */
.bb-heart {
  position: absolute !important;
  top: 10px !important;
  right: 10px !important;
  width: 34px !important;
  height: 34px !important;
  border-radius: 50% !important;
  background: rgba(255,255,255,.95) !important;
  box-shadow: 0 2px 8px rgba(0,0,0,.15) !important;
  z-index: 20 !important;
}
/* Hide any header count badges that leaked onto cards */
.card .bb-cart-count,
.card .bb-wish-count,
.grid__item .bb-cart-count,
.grid__item .bb-wish-count,
.bb-heart .bb-cart-count { display: none !important; }
/* ================================================================
   COLLECTION CARD — uniform heights, aligned price & button
   ================================================================ */

/* Equal-height cards in a row */
li.grid__item { display: flex !important; }
.card-wrapper { display: flex !important; flex-direction: column !important; width: 100% !important; }
.card.card--standard {
  display: flex !important;
  flex-direction: column !important;
  height: 100% !important;
  width: 100% !important;
}

/* Content area is a flex column that fills remaining height */
.card.card--standard > .card__content {
  display: flex !important;
  flex-direction: column !important;
  flex: 1 !important;
  padding: 12px 13px 14px !important;
}
.card__information {
  display: flex !important;
  flex-direction: column !important;
  flex: 1 !important;
  padding: 0 !important;
}

/* Title reserves 2 lines so prices align across cards */
.card__information .card__heading {
  min-height: 38px !important;
  margin: 0 0 6px !important;
}
.card__information .card__heading a {
  font-size: 13.5px !important;
  line-height: 1.4 !important;
  font-weight: 600 !important;
  color: #0d0f12 !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
}

/* Price pushed to a consistent spot */
.card__information .price { margin: 2px 0 10px !important; }
.price--on-sale .price-item--sale,
.price__sale .price-item--sale { color: #0052a5 !important; font-weight: 900 !important; font-size: 15px !important; }
.price__compare .price-item--regular { color: #9aa0a8 !important; text-decoration: line-through !important; font-size: 12px !important; }

/* Add to cart button always at the very bottom, full width */
.card__information .quick-add,
.card-wrapper .quick-add { margin-top: auto !important; width: 100% !important; }
.quick-add__submit {
  width: 100% !important;
  background: #0d0f12 !important;
  color: #fff !important;
  border: none !important;
  border-radius: 10px !important;
  font-weight: 700 !important;
  font-size: 13.5px !important;
  padding: 12px !important;
  cursor: pointer !important;
  transition: background .15s !important;
}
.quick-add__submit:hover { background: #0052a5 !important; }
/* ================================================================
   COLLECTION CARD IMAGE — show FULL image (contain), no crop
   ================================================================ */

/* Media box: fixed square, white bg, full image visible */
.card__media,
.card .card__media,
.media.media--hover-effect,
.card__inner .card__media {
  position: relative !important;
  aspect-ratio: 1 / 1 !important;
  background: #ffffff !important;
  overflow: hidden !important;
  border-radius: 14px 14px 0 0 !important;
}

/* Image fully contained — whole product visible, not cropped */
.card__media img,
.card__media .media img,
.card__media > img,
.card-wrapper .card__media img,
.media.media--hover-effect img {
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;   /* <-- full image, no crop */
  object-position: center !important;
  padding: 8px !important;
  display: block !important;
  background: #ffffff !important;
}

/* On hover, gentle zoom of the full image */
.card.card--standard:hover .card__media img { transform: scale(1.04) !important; }

/* secondary image hover kept (was hiding real images) */
/* ================================================================
   COLLECTION IMAGE — FILL the box completely (cover, no gaps)
   ================================================================ */

.card__media,
.card .card__media,
.card__inner .card__media,
.media.media--hover-effect {
  position: relative !important;
  aspect-ratio: 1 / 1 !important;
  width: 100% !important;
  background: #ffffff !important;
  overflow: hidden !important;
  border-radius: 14px 14px 0 0 !important;
  margin: 0 !important;
}

/* Image fills the ENTIRE box — edge to edge, no padding, no gap */
.card__media img,
.card__media .media img,
.card__media > img,
.card-wrapper .card__media img,
.media.media--hover-effect img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;     /* fills the full box */
  object-position: center !important;
  padding: 0 !important;            /* no padding gap */
  margin: 0 !important;
  display: block !important;
  border-radius: 0 !important;
}
.card.card--standard:hover .card__media img { transform: scale(1.05) !important; }

/* Card + wrapper full width, no side gaps */
.card-wrapper, .card.card--standard { width: 100% !important; }
.card__inner { width: 100% !important; padding: 0 !important; }
.card.card--standard .card__inner.ratio { padding: 0 !important; }

/* secondary image kept */
/* ================================================================
   REMOVE IMAGE GAP — Dawn card image padding to ZERO
   ================================================================ */

/* Dawn uses these CSS vars for card image padding — force 0 */
:root,
.card-wrapper,
.card {
  --product-card-image-padding: 0px !important;
  --card-image-padding: 0px !important;
}

/* Kill ALL padding/margin around the card image */
.card__inner,
.card__inner.ratio,
.card .card__inner,
.card-wrapper .card__inner {
  padding: 0 !important;
  margin: 0 !important;
  width: 100% !important;
}
.card__media,
.card .card__media {
  padding: 0 !important;
  margin: 0 !important;
  width: 100% !important;
  height: 100% !important;
  inset: 0 !important;
}

/* Image truly full bleed inside the media box */
.card__media img,
.card__media .media,
.card__media .media img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  padding: 0 !important;
  margin: 0 !important;
  inset: 0 !important;
  position: absolute !important;
  top: 0 !important; left: 0 !important;
}

/* The ratio wrapper must clip and have no inner spacing */
.card__inner.ratio::before { padding-bottom: 100% !important; }
.card__media.media { position: absolute !important; inset: 0 !important; }
/* ================================================================
   FINAL IMAGE FILL — match Dawn ratio structure exactly
   ================================================================ */

/* Card + wrapper: zero side spacing */
.card-wrapper { padding: 0 !important; margin: 0 !important; }
.card.card--standard { padding: 0 !important; margin: 0 !important; overflow: hidden !important; }

/* The ratio box defines the square; relative so media can fill it absolutely */
.card .card__inner.ratio,
.card .card__inner {
  position: relative !important;
  width: 100% !important;
  padding: 0 !important;
  margin: 0 !important;
  aspect-ratio: 1 / 1 !important;
}
.card .card__inner.ratio::before { content: none !important; padding: 0 !important; }

/* Media fills the ratio box absolutely — NO own aspect-ratio (avoids conflict) */
.card .card__media,
.card .card__media.media {
  position: absolute !important;
  inset: 0 !important;
  top: 0 !important; left: 0 !important; right: 0 !important; bottom: 0 !important;
  width: 100% !important;
  height: 100% !important;
  aspect-ratio: auto !important;
  padding: 0 !important;
  margin: 0 !important;
  overflow: hidden !important;
}

/* Image fills 100% of the media box */
.card .card__media img,
.card .card__media .media img,
.card .card__media > img {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  padding: 0 !important;
  margin: 0 !important;
}
/* ================================================================
   PRODUCT PAGE GALLERY — clean full-product display
   ================================================================ */

/* Stage fills the column, white bg, full product visible */
.np__stage {
  position: relative !important;
  width: 100% !important;
  display: flex !important;
  overflow-x: auto !important;
  scroll-snap-type: x mandatory !important;
  border-radius: 16px !important;
  background: #ffffff !important;
  border: 1px solid #ebe7e0 !important;
  aspect-ratio: 1 / 1 !important;
  max-height: 540px !important;
  scrollbar-width: none !important;
}
.np__stage::-webkit-scrollbar { display: none !important; }
.np__slide {
  flex: 0 0 100% !important;
  scroll-snap-align: center !important;
  width: 100% !important;
  height: 100% !important;
  aspect-ratio: 1 / 1 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}
/* FULL product image — contain so nothing is cropped */
.np__mainimg {
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
  padding: 12px !important;
  display: block !important;
}

/* Thumbnails strip — tidy, scrollable */
.np__thumbs {
  display: flex !important;
  gap: 8px !important;
  margin-top: 10px !important;
  overflow-x: auto !important;
  scrollbar-width: none !important;
  padding-bottom: 2px !important;
}
.np__thumbs::-webkit-scrollbar { display: none !important; }
.np__thumb {
  flex: 0 0 auto !important;
  width: 64px !important;
  height: 64px !important;
  border: 2px solid #ebe7e0 !important;
  border-radius: 10px !important;
  overflow: hidden !important;
  cursor: pointer !important;
  padding: 0 !important;
  background: #fff !important;
}
.np__thumb img { width: 100% !important; height: 100% !important; object-fit: cover !important; }
.np__thumb.is-active { border-color: #0052a5 !important; }

/* Gallery column fills width, sticky on desktop */
.np__gallery { width: 100% !important; position: sticky !important; top: 90px !important; align-self: start !important; }
@media (max-width: 900px){ .np__gallery { position: static !important; } }
/* ================================================================
   PRODUCT GALLERY — image centered, fills box, no blank below
   ================================================================ */

.np__stage {
  position: relative !important;
  width: 100% !important;
  height: 480px !important;          /* fixed height, not aspect-ratio */
  aspect-ratio: auto !important;
  max-height: 480px !important;
  display: flex !important;
  overflow-x: auto !important;
  scroll-snap-type: x mandatory !important;
  border-radius: 16px !important;
  background: #ffffff !important;
  border: 1px solid #ebe7e0 !important;
  scrollbar-width: none !important;
}
.np__stage::-webkit-scrollbar { display: none !important; }

.np__slide {
  flex: 0 0 100% !important;
  scroll-snap-align: center !important;
  width: 100% !important;
  height: 480px !important;
  aspect-ratio: auto !important;
  display: flex !important;
  align-items: center !important;     /* vertically center image */
  justify-content: center !important; /* horizontally center image */
  padding: 16px !important;
  box-sizing: border-box !important;
}

/* Image centered, full product visible, no forced stretch */
.np__mainimg {
  max-width: 100% !important;
  max-height: 100% !important;
  width: auto !important;
  height: auto !important;
  object-fit: contain !important;
  padding: 0 !important;
  margin: 0 auto !important;
  display: block !important;
}

@media (max-width: 900px){
  .np__stage, .np__slide { height: 360px !important; max-height: 360px !important; }
}
/* ================================================================
   PRODUCT GALLERY — single main image (no carousel), centered
   ================================================================ */
.np__stage {
  position: relative !important;
  width: 100% !important;
  height: 480px !important;
  max-height: 480px !important;
  aspect-ratio: auto !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 16px !important;
  background: #ffffff !important;
  border: 1px solid #ebe7e0 !important;
  overflow: hidden !important;
  padding: 16px !important;
  box-sizing: border-box !important;
}
.np__mainimg {
  max-width: 100% !important;
  max-height: 100% !important;
  width: auto !important;
  height: auto !important;
  object-fit: contain !important;
  display: block !important;
  margin: 0 auto !important;
}
.np__ph { width: 100%; height: 100%; background: linear-gradient(135deg,#f0f0f0,#e0e0e0); border-radius: 12px; }
.np__badge { position: absolute !important; top: 14px !important; left: 14px !important; background: #0052a5 !important; color: #fff !important; font-size: 13px !important; font-weight: 800 !important; padding: 5px 12px !important; border-radius: 8px !important; z-index: 3 !important; }

.np__thumbs { display: flex !important; gap: 8px !important; margin-top: 10px !important; overflow-x: auto !important; scrollbar-width: none !important; }
.np__thumbs::-webkit-scrollbar { display: none !important; }
.np__thumb { flex: 0 0 auto !important; width: 64px !important; height: 64px !important; border: 2px solid #ebe7e0 !important; border-radius: 10px !important; overflow: hidden !important; cursor: pointer !important; padding: 0 !important; background: #fff !important; }
.np__thumb img { width: 100% !important; height: 100% !important; object-fit: cover !important; }
.np__thumb.is-active { border-color: #0052a5 !important; }

@media (max-width: 900px){ .np__stage { height: 360px !important; max-height: 360px !important; } }
/* ================================================================
   REMOVE SALE BADGE from product cards
   ================================================================ */
.card .badge--sale,
.card .badge.color-scheme-4,
.card__badge,
.deal-card__badge,
.bb-card__badge,
.card-wrapper .badge,
li.grid__item .badge--sale {
  display: none !important;
}
/* ============================================================
   SmartBuy GREEN overrides — sale prices, discounts, badges
   (all remaining red → green for savings/discount elements)
   ============================================================ */

/* Sale prices */
.price--on-sale .price-item--sale,
.price-item--sale,
.product .price--on-sale .price-item--sale,
.product .price-item--sale,
.product .price-item--regular.price-item--sale { color: #2ea84a !important; }

/* Discount % and deal labels */
.deal-card__disc,
.bb-card__disc,
.pc__disc,
.sec__disc { color: #2ea84a !important; }

/* Total price in cart */
.totals__total-value { color: #2ea84a !important; }

/* Wishlist heart active */
.bb-heart.is-active,
.bb-card__wish.is-active,
.bb-card__wish.is-active svg,
[data-bb-wish-add].is-active { color: #2ea84a !important; fill: #2ea84a !important; }
.bb-heart.is-active svg { fill: #2ea84a !important; stroke: #2ea84a !important; }

/* Buy It Now / Payment button → green */
.np__buynow,
.shopify-payment-button__button--unbranded { background: #2ea84a !important; border-color: #2ea84a !important; }
.np__buynow:hover { background: #1f7a35 !important; }

/* Quantity button hover → green */
.quantity__button:hover { background: #2ea84a !important; color: #fff !important; }

/* Footer top border */
.footer { border-top-color: #0052a5 !important; }

/* Card heading hover → blue */
.card__heading a:hover { color: #0052a5 !important; }

/* Thumbnail active border → blue */
.thumbnail:hover, .thumbnail.is-active, .thumbnail[aria-current="true"] { border-color: #0052a5 !important; }

/* ================================================================
   SEARCH PAGE LAYOUT FIX — force correct stacking layout.
   The outer .template-search__results.collection wrapper must be
   display:block so products (<ul>) and pagination stack vertically.
   Works regardless of whether id="product-grid" is on the div or ul.
   ================================================================ */

/* Outer wrapper: always block, never grid */
.template-search__results.collection,
.template-search__results.collection.page-width,
.template-search__results.collection.collection--empty {
  display: block !important;
  grid-template-columns: unset !important;
  grid-auto-flow: unset !important;
  flex-direction: unset !important;
  gap: unset !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
}

/* Product <ul> grid: full width, proper columns */
.template-search__results ul.grid.product-grid {
  display: grid !important;
  grid-template-columns: repeat(4, 1fr) !important;
  gap: 20px !important;
  width: 100% !important;
  margin: 0 0 24px 0 !important;
  padding: 0 !important;
  list-style: none !important;
}
@media (max-width: 989px) {
  .template-search__results ul.grid.product-grid {
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 14px !important;
  }
}
@media (max-width: 749px) {
  .template-search__results ul.grid.product-grid {
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 10px !important;
  }
}

/* Pagination: full width, centered, BELOW the grid */
.template-search__results .pagination-wrapper,
.template-search__results ~ .pagination-wrapper {
  display: block !important;
  width: 100% !important;
  clear: both !important;
  margin-top: 24px !important;
}

/* Legacy: if id still on outer div (fallback) */
.template-search__results#product-grid {
  display: block !important;
  grid-template-columns: unset !important;
}
.template-search__results#product-grid ul.grid.product-grid {
  display: grid !important;
}
/* =======================================================
   MOBILE HEADER FIX - NO HORIZONTAL SCROLL
======================================================= */

@media screen and (max-width:767px){

.bb-topbar{
    display:grid !important;
    grid-template-columns:auto minmax(0,1fr) auto !important;
    gap:8px !important;
    padding:8px 10px !important;
    width:100% !important;
    max-width:100% !important;
    overflow:hidden !important;
    box-sizing:border-box !important;
}

.bb-logo-img{
    height:38px !important;
    width:auto !important;
    max-width:38px !important;
}

.bb-search-bar{
    width:100% !important;
    max-width:none !important;
    min-width:0 !important;
    margin:0 !important;
}

.bb-search-bar input{
    width:100% !important;
    min-width:0 !important;
}

.bb-search-btn{
    padding:0 10px !important;
    font-size:12px !important;
}

.bb-topbar__icons{
    display:flex !important;
    gap:4px !important;
    align-items:center !important;
}

.bb-icon-btn{
    padding:4px !important;
}

body,
html{
    overflow-x:hidden !important;
}

/* Hide breadcrumb on product page */
.breadcrumb,
.breadcrumbs,
.product__breadcrumb,
.product-breadcrumb,
.page-breadcrumb,
nav[aria-label="breadcrumb"] {
    display: none !important;
}
/* Hide breadcrumb on product pages */
.template-product .breadcrumbs,
.template-product .breadcrumb,
.template-product .page-breadcrumb,
.template-product nav[aria-label="breadcrumb"],
.template-product .product-breadcrumb,
.template-product .breadcrumb-wrapper {
    display: none !important;
}