:root{
  --bg:#040a06;--dark:#070f09;--card:#0c1610;--card2:#0f1c13;
  --border:rgba(255,255,255,.07);--border2:rgba(255,255,255,.15);
  --green:#1a7a3a;--green2:#22a04d;--green3:#28c45e;
  --green-dim:rgba(26,122,58,.14);--green-glow:rgba(34,160,77,.3);
  --gold:#b8953a;--red:#c0392b;
  --white:#edf5ef;--muted:rgba(237,245,239,.45);--text:#c8d8cc;
}
*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth;overflow-x:hidden}
body{background:var(--bg);color:var(--white);font-family:'DM Sans',sans-serif;overflow-x:hidden}
body::before{content:'';position:fixed;inset:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.035'/%3E%3C/svg%3E");pointer-events:none;z-index:9999;opacity:.5}
a{color:inherit;text-decoration:none}
::-webkit-scrollbar{width:3px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--green2)}

/* ═══ SHARED COMPONENTS ═══ */
.topbar{background:var(--dark);border-bottom:1px solid var(--border);padding:.4rem 5vw;display:flex;align-items:center;justify-content:space-between}
.tb-left,.tb-right{display:flex;align-items:center;gap:1.5rem}
.tb-text{font-family:'Rajdhani',sans-serif;font-size:.67rem;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.tb-text.ann{color:var(--green3);font-weight:600}

nav.sitenav,.simple-nav{position:sticky;top:0;z-index:200;background:rgba(4,10,6,.95);backdrop-filter:blur(20px);border-bottom:1px solid var(--border)}
.nav-inner{padding:0 5vw;height:68px;display:flex;align-items:center;justify-content:space-between;gap:2rem}
.logo{font-family:'Bebas Neue',sans-serif;font-size:2rem;letter-spacing:.08em;cursor:pointer}
.logo span{color:var(--green3)}
.nav-links{display:flex;gap:.1rem;list-style:none;flex:1;justify-content:center;flex-wrap:wrap}
.nav-links a{font-family:'Rajdhani',sans-serif;font-size:.74rem;letter-spacing:.11em;text-transform:uppercase;color:var(--muted);padding:.44rem .82rem;border-bottom:2px solid transparent;transition:all .2s;cursor:pointer}
.nav-links a:hover,.nav-links a.act{color:var(--green3);border-color:var(--green3)}
.nav-right{display:flex;align-items:center;gap:.6rem;flex-shrink:0}
.search-box{display:flex;align-items:center;background:var(--card);border:1px solid var(--border);padding:.35rem .8rem;gap:.4rem}
.search-box input{background:none;border:none;outline:none;color:var(--white);font-size:.75rem;width:130px}
.search-box input::placeholder{color:var(--muted)}
.icon-btn{width:36px;height:36px;border:1px solid var(--border);background:none;color:var(--text);display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:.95rem;transition:all .2s;position:relative}
.icon-btn:hover{border-color:var(--green2);color:var(--green3)}
.cart-badge{position:absolute;top:-5px;right:-5px;background:var(--green);color:#fff;font-family:'Rajdhani',sans-serif;font-size:.52rem;font-weight:700;width:15px;height:15px;border-radius:50%;display:flex;align-items:center;justify-content:center}

.marquee-bar{background:var(--green);overflow:hidden;padding:.5rem 0}
.marquee-track{display:flex;animation:mq 28s linear infinite;white-space:nowrap}
.mi{font-family:'Rajdhani',sans-serif;font-size:.66rem;letter-spacing:.2em;text-transform:uppercase;color:rgba(255,255,255,.9);font-weight:700;padding:0 2.2rem;border-right:1px solid rgba(255,255,255,.22);flex-shrink:0}
@keyframes mq{from{transform:translateX(0)}to{transform:translateX(-50%)}}

/* Buttons */
.btn-p{background:var(--green);color:#fff;font-family:'Rajdhani',sans-serif;font-size:.8rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;padding:.75rem 2rem;border:1px solid var(--green);cursor:pointer;transition:all .3s;display:inline-block}
.btn-p:hover{background:var(--green2);box-shadow:0 0 20px var(--green-glow)}
.btn-o{background:none;color:var(--white);font-family:'Rajdhani',sans-serif;font-size:.8rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;padding:.75rem 2rem;border:1px solid rgba(255,255,255,.3);cursor:pointer;transition:all .25s}
.btn-o:hover{border-color:var(--green2);color:var(--green3)}
.btn-g{background:none;color:var(--muted);font-family:'Rajdhani',sans-serif;font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;padding:.42rem 1rem;border:1px solid var(--border);cursor:pointer;transition:all .2s}
.btn-g:hover{border-color:var(--green2);color:var(--green3)}

.sec-label{font-family:'Rajdhani',sans-serif;font-size:.67rem;letter-spacing:.26em;text-transform:uppercase;color:var(--green3);margin-bottom:.55rem;display:flex;align-items:center;gap:.6rem}
.sec-label::before{content:'';width:1.3rem;height:1px;background:var(--green3)}
.sec-title{font-family:'Bebas Neue',sans-serif;font-size:clamp(2rem,4vw,3.2rem);letter-spacing:.04em;line-height:1}
.sec-head{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:2.5rem;flex-wrap:wrap;gap:1rem}
section{padding:4rem 5vw}

/* Footer */
.site-footer{background:#050c07;border-top:2px solid var(--green);padding:3.5rem 5vw 1.5rem}
.footer-grid{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:3.5rem;margin-bottom:3rem}
.f-logo{font-family:'Bebas Neue',sans-serif;font-size:2rem;letter-spacing:.08em;margin-bottom:.8rem}
.f-logo span{color:var(--green3)}
.f-about{font-size:.8rem;color:var(--muted);font-weight:300;line-height:1.75;max-width:280px;margin-bottom:1.2rem}
.f-col h5{font-family:'Rajdhani',sans-serif;font-size:.66rem;letter-spacing:.22em;text-transform:uppercase;color:var(--green3);margin-bottom:1.1rem}
.f-col ul{list-style:none;display:flex;flex-direction:column;gap:.55rem}
.f-col ul a{font-size:.8rem;color:var(--muted);font-weight:300;transition:color .2s;cursor:pointer}
.f-col ul a:hover{color:var(--white)}
.f-bottom{border-top:1px solid var(--border);padding-top:1.5rem;display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}
.f-bottom p{font-size:.7rem;color:var(--muted);font-weight:300}
.ftags{display:flex;gap:.4rem;flex-wrap:wrap}
.ftag{font-family:'Rajdhani',sans-serif;font-size:.58rem;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);border:1px solid var(--border);padding:.18rem .5rem}
.disc{margin-top:1.2rem;padding:1rem 1.2rem;background:var(--card);border:1px solid var(--border);font-size:.68rem;color:var(--muted);font-weight:300;line-height:1.6;font-style:italic}

/* Mobile bottom nav */
.mob-nav{display:none;position:fixed;bottom:0;left:0;right:0;z-index:500;background:rgba(4,10,6,.97);backdrop-filter:blur(20px);border-top:1px solid rgba(34,160,77,.25);height:62px;padding:0 1rem;align-items:center}
.mob-nav-inner{display:flex;align-items:center;justify-content:space-around;height:100%;width:100%;max-width:500px;margin:0 auto}
.mni{display:flex;flex-direction:column;align-items:center;gap:.2rem;cursor:pointer;padding:.4rem .8rem;border-radius:6px;transition:all .2s;flex:1}
.mni.act{background:rgba(34,160,77,.1)}
.mni-icon{font-size:1.3rem;line-height:1}
.mni-label{font-family:'Rajdhani',sans-serif;font-size:.56rem;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.mni.act .mni-label{color:var(--green3)}
@media(max-width:768px){.mob-nav{display:flex}body{padding-bottom:68px}.nav-links{display:none}.search-box{display:none}.footer-grid{grid-template-columns:1fr 1fr}}
@media(max-width:480px){.footer-grid{grid-template-columns:1fr}}

/* ═══════════════════════════════
   HOMEPAGE
═══════════════════════════════ */
.hero{position:relative;height:560px;overflow:hidden}
.hero-slides{position:absolute;inset:0}
.hslide{position:absolute;inset:0;opacity:0;transition:opacity .8s}
.hslide.act{opacity:1;z-index:2}
.hslide img{width:100%;height:100%;object-fit:cover;object-position:center 25%;filter:brightness(.37) saturate(1.1)}
.h-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,10,6,.9) 0%,rgba(4,10,6,.45) 55%,transparent 100%)}
.h-glow{position:absolute;bottom:-80px;left:-80px;width:500px;height:500px;background:radial-gradient(ellipse,rgba(26,122,58,.1) 0%,transparent 70%);pointer-events:none}
.h-content{position:absolute;inset:0;z-index:3;display:flex;align-items:center;padding:0 5vw}
.h-text{max-width:560px}
.h-ey{font-family:'Rajdhani',sans-serif;font-size:.68rem;letter-spacing:.28em;text-transform:uppercase;color:var(--green3);margin-bottom:1.1rem;display:flex;align-items:center;gap:.7rem}
.h-ey::before{content:'';width:1.8rem;height:1px;background:var(--green3)}
.h-title{font-family:'Bebas Neue',sans-serif;font-size:clamp(3rem,7vw,5.8rem);line-height:.92;margin-bottom:1.2rem}
.h-title em{font-style:normal;color:var(--green3);display:block}
.h-p{font-size:.93rem;color:var(--muted);font-weight:300;line-height:1.75;margin-bottom:1.8rem;max-width:430px}
.h-btns{display:flex;gap:1rem;flex-wrap:wrap}
.h-badge{position:absolute;top:2rem;right:5vw;z-index:4;background:var(--red);color:#fff;font-family:'Rajdhani',sans-serif;font-size:.66rem;letter-spacing:.15em;text-transform:uppercase;font-weight:700;padding:.45rem .9rem;animation:pulse 2s infinite}
.slide-dots{position:absolute;bottom:1.6rem;left:5vw;z-index:4;display:flex;gap:.45rem}
.dot{width:7px;height:7px;background:rgba(255,255,255,.3);border:none;cursor:pointer;transition:all .3s}
.dot.act{background:var(--green3);width:26px}
@keyframes pulse{0%,100%{opacity:1}50%{opacity:.7}}
@keyframes fadeUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}
.h-text>*{opacity:0}
.h-text>*:nth-child(1){animation:fadeUp .5s .1s ease forwards}
.h-text>*:nth-child(2){animation:fadeUp .5s .2s ease forwards}
.h-text>*:nth-child(3){animation:fadeUp .5s .3s ease forwards}
.h-text>*:nth-child(4){animation:fadeUp .5s .4s ease forwards}

.promo-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--border)}
.pi{background:var(--dark);padding:1.3rem 1.6rem;display:flex;align-items:center;gap:.9rem;transition:background .25s}
.pi:hover{background:var(--card)}
.pi-icon{font-size:1.4rem;flex-shrink:0}
.pi strong{display:block;font-family:'Rajdhani',sans-serif;font-size:.76rem;letter-spacing:.1em;text-transform:uppercase;color:var(--white);margin-bottom:.12rem}
.pi span{font-size:.72rem;color:var(--muted);font-weight:300}

.cat-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:1px;background:var(--border)}
.cc{background:var(--card);padding:1.7rem 1rem;display:flex;flex-direction:column;align-items:center;gap:.55rem;cursor:pointer;text-align:center;transition:background .25s;position:relative;overflow:hidden}
.cc::after{content:'';position:absolute;bottom:0;left:0;right:0;height:2px;background:var(--green2);transform:scaleX(0);transform-origin:left;transition:transform .35s}
.cc:hover{background:var(--card2)}
.cc:hover::after{transform:scaleX(1)}
.cc-icon{font-size:1.7rem}
.cc-name{font-family:'Rajdhani',sans-serif;font-size:.66rem;letter-spacing:.13em;text-transform:uppercase;color:var(--text);font-weight:500}
.cc-count{font-size:.61rem;color:var(--muted)}

.banner-grid{display:grid;grid-template-columns:2fr 1fr;gap:1px;background:var(--border)}
.banner-stack{display:flex;flex-direction:column;gap:1px}
.pb{position:relative;overflow:hidden;cursor:pointer;display:flex;align-items:flex-end}
.pb.tall{min-height:300px}
.pb.half{min-height:148px}
.pb img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center top;filter:brightness(.42) saturate(1.1);transition:transform .5s}
.pb:hover img{transform:scale(1.04)}
.pb-ov{position:absolute;inset:0;background:linear-gradient(to top,rgba(4,10,6,.92) 0%,rgba(4,10,6,.2) 60%,transparent 100%)}
.pb-body{position:relative;z-index:2;padding:1.8rem}
.pb-tag{font-family:'Rajdhani',sans-serif;font-size:.6rem;letter-spacing:.2em;text-transform:uppercase;color:var(--green3);margin-bottom:.45rem;display:block}
.pb-title{font-family:'Bebas Neue',sans-serif;font-size:clamp(1.5rem,3vw,2.5rem);letter-spacing:.04em;line-height:1;color:var(--white);margin-bottom:.7rem}
.pb-link{font-family:'Rajdhani',sans-serif;font-size:.68rem;letter-spacing:.14em;text-transform:uppercase;color:var(--green3);border-bottom:1px solid var(--green3);padding-bottom:.1rem;display:inline-block}

.trust-banner{position:relative;min-height:400px;overflow:hidden;display:flex;align-items:center}
.trust-banner>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 25%;filter:brightness(.24) saturate(1.1)}
.t-ov{position:absolute;inset:0;background:linear-gradient(135deg,rgba(4,10,6,.9) 0%,rgba(4,10,6,.5) 60%,rgba(26,122,58,.06) 100%)}
.t-content{position:relative;z-index:2;width:100%;padding:5rem 5vw;display:grid;grid-template-columns:1fr 1fr;gap:5rem;align-items:center}
.t-stats{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:rgba(255,255,255,.06)}
.t-stat{background:rgba(4,10,6,.75);padding:1.8rem;backdrop-filter:blur(10px)}
.t-num{font-family:'Bebas Neue',sans-serif;font-size:2.8rem;color:var(--green3);line-height:1}
.t-label{font-size:.72rem;color:var(--muted);font-weight:300;margin-top:.25rem;line-height:1.4}
.checklist{list-style:none;margin:1.2rem 0;display:flex;flex-direction:column;gap:.6rem}
.checklist li{display:flex;align-items:center;gap:.8rem;font-family:'Rajdhani',sans-serif;font-size:.86rem;color:var(--text)}
.chk{width:18px;height:18px;border:1px solid var(--green2);display:flex;align-items:center;justify-content:center;color:var(--green2);font-size:.62rem;flex-shrink:0}

.vit-section{background:var(--dark);border-top:1px solid var(--border);border-bottom:1px solid var(--border)}
.vit-hero{display:grid;grid-template-columns:1fr 1fr;min-height:300px}
.vit-left{padding:3.5rem 5vw;display:flex;flex-direction:column;justify-content:center;gap:.8rem}
.vit-right{position:relative;overflow:hidden}
.vit-right img{width:100%;height:100%;object-fit:cover;filter:brightness(.42) saturate(.8)}
.vit-right::before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,var(--dark) 0%,transparent 50%);z-index:1}
.vit-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:1px;background:var(--border)}
.vc{background:var(--card);padding:1.8rem 1.1rem;display:flex;flex-direction:column;align-items:center;gap:.65rem;text-align:center;cursor:pointer;transition:background .25s;position:relative;overflow:hidden}
.vc::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--green2),transparent);transform:scaleX(0);transition:transform .4s}
.vc:hover{background:var(--card2)}
.vc:hover::before{transform:scaleX(1)}
.vi-icon{width:50px;height:50px;border-radius:50%;border:1px solid rgba(34,160,77,.3);display:flex;align-items:center;justify-content:center;font-size:1.3rem;background:var(--green-dim)}
.vi-name{font-family:'Rajdhani',sans-serif;font-size:.68rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--white)}
.vi-desc{font-size:.68rem;color:var(--muted);font-weight:300;line-height:1.5}
.vi-price{font-family:'Bebas Neue',sans-serif;font-size:1.25rem;color:var(--green3)}

.reviews-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--border)}
.rev{background:var(--card);padding:1.8rem;display:flex;flex-direction:column;gap:.75rem}
.rev-stars{color:var(--green3);font-size:.95rem;letter-spacing:.1em}
.rev-text{font-size:.83rem;color:var(--text);font-weight:300;line-height:1.7;font-style:italic;flex:1}
.rev-author{font-family:'Rajdhani',sans-serif;font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.rev-author strong{color:var(--green3)}

.brands-strip{display:grid;grid-template-columns:repeat(5,1fr);gap:1px;background:var(--border)}
.bt{background:var(--card);padding:1.8rem;display:flex;flex-direction:column;align-items:center;gap:.6rem;cursor:pointer;transition:background .25s}
.bt:hover{background:var(--card2)}
.b-ring{width:56px;height:56px;border-radius:50%;border:1px solid rgba(26,122,58,.3);display:flex;align-items:center;justify-content:center;font-size:1.3rem;background:var(--green-dim)}
.b-name{font-family:'Rajdhani',sans-serif;font-size:.65rem;letter-spacing:.13em;text-transform:uppercase;color:var(--muted);text-align:center}
.b-badge{font-family:'Rajdhani',sans-serif;font-size:.52rem;letter-spacing:.1em;text-transform:uppercase;color:var(--green3);border:1px solid rgba(34,160,77,.3);padding:.12rem .45rem;background:var(--green-dim)}

.nl-bar{background:var(--dark);border-top:1px solid var(--border);padding:3rem 5vw;display:flex;align-items:center;justify-content:space-between;gap:2.5rem;flex-wrap:wrap}
.nl-form{display:flex}
.nl-input{background:var(--card);border:1px solid var(--border2);border-right:none;color:var(--white);padding:.72rem 1.3rem;font-size:.83rem;width:280px;outline:none;font-family:'DM Sans',sans-serif;transition:border .2s}
.nl-input:focus{border-color:var(--green2)}
.nl-input::placeholder{color:var(--muted)}
.nl-btn{background:var(--green);color:#fff;font-family:'Rajdhani',sans-serif;font-size:.75rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;padding:.72rem 1.5rem;border:1px solid var(--green);cursor:pointer;transition:background .2s;flex-shrink:0}
.nl-btn:hover{background:var(--green2)}

/* ═══ PRODUCT GRID (shared) ═══ */
.prod-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--border)}
.pc{background:var(--card);display:flex;flex-direction:column;position:relative;overflow:hidden;cursor:pointer;transition:background .25s}
.pc:hover{background:var(--card2)}
.pc:hover .pc-actions{opacity:1;transform:translateY(0)}
.pc-badges{position:absolute;top:.75rem;left:.75rem;z-index:3;display:flex;flex-direction:column;gap:.28rem}
.badge{font-family:'Rajdhani',sans-serif;font-size:.56rem;letter-spacing:.13em;text-transform:uppercase;padding:.2rem .55rem;font-weight:700;width:fit-content}
.b-sale{background:var(--red);color:#fff}
.b-new{background:var(--green);color:#fff}
.b-hot{background:transparent;border:1px solid var(--green3);color:var(--green3)}
.wish{position:absolute;top:.75rem;right:.75rem;z-index:3;width:30px;height:30px;background:rgba(4,10,6,.7);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;font-size:.85rem;cursor:pointer;opacity:0;transition:all .2s}
.pc:hover .wish{opacity:1}
.pc-img{height:200px;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at 50% 110%,rgba(26,122,58,.07) 0%,transparent 60%)}
.vial-wrap{display:flex;flex-direction:column;align-items:center}
.vcap{height:12px;width:32px;border-radius:3px 3px 0 0}
.vbody{width:30px;height:116px;border:1px solid;border-radius:3px;position:relative;overflow:hidden}
.vbody::before{content:'';position:absolute;left:5px;top:6px;width:4px;bottom:6px;background:rgba(255,255,255,.14);border-radius:2px}
.vlabel{position:absolute;bottom:7px;left:0;right:0;text-align:center;font-family:'Rajdhani',sans-serif;font-size:.48rem;letter-spacing:.07em;text-transform:uppercase;font-weight:700;padding:0 3px}
.pill-bottle{width:55px;height:86px;border-radius:9px;border:1px solid;position:relative;overflow:hidden;display:flex;flex-direction:column}
.pb-cap2{height:18px;border-radius:7px 7px 0 0}
.pb-body2{flex:1;display:flex;align-items:center;justify-content:center;font-size:1.3rem}
.pc-actions{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(to top,rgba(4,10,6,.95),transparent);padding:.9rem;opacity:0;transform:translateY(8px);transition:all .3s;display:flex;gap:.35rem}
.act-btn{flex:1;font-family:'Rajdhani',sans-serif;font-size:.62rem;letter-spacing:.1em;text-transform:uppercase;padding:.42rem;border:1px solid var(--green);background:var(--green);color:#fff;cursor:pointer;font-weight:700;transition:all .2s}
.act-btn.go{background:none;color:var(--green3)}
.act-btn:hover{background:var(--green2);border-color:var(--green2)}
.pc-info{padding:1.1rem;border-top:1px solid var(--border);flex:1;display:flex;flex-direction:column}
.pc-brand{font-family:'Rajdhani',sans-serif;font-size:.6rem;letter-spacing:.17em;text-transform:uppercase;color:var(--green3);margin-bottom:.28rem}
.pc-name{font-family:'Rajdhani',sans-serif;font-size:.92rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--white);line-height:1.2;margin-bottom:.22rem}
.pc-rating{display:flex;align-items:center;gap:.28rem;margin-bottom:.45rem}
.stars{color:var(--green3);font-size:.68rem}
.rc{font-size:.62rem;color:var(--muted)}
.pc-desc{font-size:.73rem;color:var(--muted);font-weight:300;line-height:1.5;margin-bottom:.75rem;flex:1}
.pc-foot{display:flex;align-items:center;justify-content:space-between;gap:.4rem}
.pc-price{font-family:'Bebas Neue',sans-serif;font-size:1.45rem;color:var(--green3);letter-spacing:.04em}
.pc-old{font-size:.72rem;color:var(--muted);text-decoration:line-through;font-weight:300}
.add-btn{width:32px;height:32px;border:1px solid var(--border);background:none;color:var(--green3);font-size:1rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;flex-shrink:0}
.add-btn:hover{background:var(--green);color:#fff;border-color:var(--green)}

/* ═══ MOBILE FIXES ═══ */
@media(max-width:768px){
  .topbar{display:none!important}
  .nav-right .icon-btn{display:none!important}
  .nav-right .search-box{display:none!important}
  .nav-links{display:none!important}
  .nav-inner{height:56px;padding:0 4vw}
  .logo{font-size:1.75rem}
  body{padding-bottom:66px}
  .kommo-float{bottom:74px!important}
}

@media(max-width:768px){.prod-grid{grid-template-columns:repeat(2,1fr)}.cat-grid{grid-template-columns:repeat(3,1fr)}.promo-strip{grid-template-columns:repeat(2,1fr)}.vit-hero{grid-template-columns:1fr}.banner-grid{grid-template-columns:1fr}.brands-strip{grid-template-columns:repeat(3,1fr)}.reviews-grid{grid-template-columns:1fr}.vit-grid{grid-template-columns:repeat(3,1fr)}.footer-grid{grid-template-columns:1fr 1fr}}
@media(max-width:480px){.prod-grid{grid-template-columns:1fr}.cat-grid{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:1fr}}