/* ===== YahuY.com Stylesheet ===== */
/* Extracted from index.html for proper caching */

.loader-wrap{position:fixed;inset:0;z-index:9999;background:var(--bg);display:flex;flex-direction:column;align-items:center;justify-content:center;transition:opacity .6s,visibility .6s}

.loader-wrap.hide{opacity:0;visibility:hidden;pointer-events:none}

.loader-logo{width:120px;height:120px;object-fit:contain;animation:loaderPulse 1.5s ease-in-out infinite}

.loader-bar{width:180px;height:2px;background:rgba(255,255,255,.1);border-radius:2px;margin-top:24px;overflow:hidden}

.loader-fill{height:100%;background:linear-gradient(90deg,#E8913A,#C0392B);border-radius:2px;animation:loaderFill 2s ease-in-out forwards}

.loader-text{margin-top:16px;font-size:.7rem;color:rgba(255,255,255,.4);letter-spacing:.15em;text-transform:uppercase;font-family:var(--font-b)}

.loader-dots span{animation:loaderDot 1.4s infinite;opacity:0}

.loader-dots span:nth-child(2){animation-delay:.2s}

.loader-dots span:nth-child(3){animation-delay:.4s}

@keyframes loaderPulse{0%,100%{transform:scale(1);opacity:.8}50%{transform:scale(1.05);opacity:1}}

@keyframes loaderFill{0%{width:0}100%{width:100%}}

@keyframes loaderDot{0%,100%{opacity:0}50%{opacity:1}}

/* ===== PREMIUM ADDITIONS 2026 ===== */
/* SEARCH OVERLAY */
.search-overlay{position:fixed;inset:0;z-index:200;background:rgba(0,0,0,.92);backdrop-filter:blur(20px);display:flex;align-items:flex-start;justify-content:center;padding-top:15vh;opacity:0;visibility:hidden;transition:all .4s}

.search-overlay.open{opacity:1;visibility:visible}

.search-box{width:min(90vw,600px);transform:translateY(30px);transition:transform .4s;position:relative}

.search-overlay.open .search-box{transform:translateY(0)}

.search-input{width:100%;padding:16px 20px 16px 50px;background:var(--bg3);border:1px solid var(--border);color:var(--white);font-size:1rem;font-family:var(--font-b);border-radius:8px;outline:none;transition:border-color .3s}

.search-input:focus{border-color:var(--accent)}

.search-input::placeholder{color:var(--gd)}

.search-icon-wrap{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:var(--gd)}

.search-close{position:absolute;top:50%;right:12px;transform:translateY(-50%);width:32px;height:32px;border-radius:50%;background:var(--bg4);display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--white);transition:all .3s}

.search-close:hover{background:var(--accent)}

.search-results{margin-top:12px;max-height:50vh;overflow-y:auto;background:var(--bg2);border:1px solid var(--border);border-radius:8px;display:none}

.search-results.has-results{display:block}

.search-result{display:flex;align-items:center;gap:12px;padding:10px 14px;cursor:pointer;transition:background .2s;border-bottom:1px solid var(--border)}

.search-result:last-child{border-bottom:none}

.search-result:hover{background:var(--bg3)}

.search-result img{width:48px;height:48px;object-fit:cover;border-radius:4px;flex-shrink:0}

.sr-info{flex:1}

.sr-info .sr-title{font-size:.85rem;font-weight:500;color:var(--white)}

.sr-info .sr-price{font-size:.78rem;color:var(--accent);font-weight:600}

.sr-info .sr-cat{font-size:.68rem;color:var(--gd);text-transform:uppercase;letter-spacing:.05em}

/* TOAST */
.toast-wrap{position:fixed;top:80px;right:20px;z-index:300;display:flex;flex-direction:column;gap:8px;pointer-events:none}

.toast{display:flex;align-items:center;gap:10px;padding:12px 18px;background:var(--bg2);border:1px solid var(--border);border-radius:8px;box-shadow:0 8px 32px rgba(0,0,0,.3);font-size:.82rem;color:var(--white);pointer-events:auto;transform:translateX(120%);transition:transform .4s cubic-bezier(.23,1,.32,1);max-width:340px}

.toast.show{transform:translateX(0)}

.toast svg{width:18px;height:18px;flex-shrink:0}

.toast.success{border-left:3px solid var(--green)}

.toast.success svg{color:var(--green)}

.toast.error{border-left:3px solid var(--red)}

.toast.error svg{color:var(--red)}

.toast.info{border-left:3px solid var(--accent)}

.toast.info svg{color:var(--accent)}

/* CONFETTI */
.confetti-wrap{position:fixed;inset:0;pointer-events:none;z-index:500}

.confetti-piece{position:absolute;top:-10px;animation:confettiFall 3s ease-in forwards}

@keyframes confettiFall{0%{transform:translateY(0) rotate(0) scale(1);opacity:1}100%{transform:translateY(100vh) rotate(720deg) scale(.5);opacity:0}}

/* MOBILE MENU */
.mobile-menu{position:fixed;inset:0;z-index:150;background:var(--bg);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:28px;opacity:0;visibility:hidden;transition:all .4s}

.mobile-menu.open{opacity:1;visibility:visible}

.mobile-menu a{font-family:var(--font-d);font-size:2.2rem;color:var(--white);opacity:0;transform:translateY(20px);transition:all .4s}

.mobile-menu.open a{opacity:1;transform:translateY(0)}

.mobile-menu.open a:nth-child(1){transition-delay:.1s}

.mobile-menu.open a:nth-child(2){transition-delay:.15s}

.mobile-menu.open a:nth-child(3){transition-delay:.2s}

.mobile-menu.open a:nth-child(4){transition-delay:.25s}

.mobile-menu.open a:nth-child(5){transition-delay:.3s}

.mobile-menu a:hover{color:var(--accent)}

.mobile-menu-close{position:absolute;top:20px;right:24px;width:40px;height:40px;border-radius:50%;border:1px solid var(--border);display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--white)}

.mobile-menu-close:hover{border-color:var(--accent);color:var(--accent)}

.mobile-menu .mm-lang{display:flex;gap:12px;margin-top:20px;opacity:0;transform:translateY(20px)}

.mobile-menu.open .mm-lang{opacity:1;transform:translateY(0);transition-delay:.35s}

/* WISH */
.wish-btn{position:absolute;top:10px;right:10px;width:32px;height:32px;border-radius:50%;background:rgba(0,0,0,.5);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s;z-index:2;opacity:0}

.prod-card:hover .wish-btn{opacity:1}

.wish-btn svg{width:16px;height:16px;fill:none;stroke:var(--white);stroke-width:2;transition:all .3s}

.wish-btn.active svg{fill:var(--red);stroke:var(--red)}

.wish-btn:hover{transform:scale(1.15);background:rgba(0,0,0,.7)}

/* RECENTLY VIEWED */
.rv-section{padding:40px var(--px) 60px;max-width:1200px;margin:0 auto}

.rv-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:16px;margin-top:16px}

.rv-card{background:var(--bg2);border:1px solid var(--border);border-radius:8px;overflow:hidden;cursor:pointer;transition:all .3s;position:relative}

.rv-card:hover{transform:translateY(-3px);box-shadow:0 4px 20px rgba(0,0,0,.3)}

.rv-card img{width:100%;aspect-ratio:3/4;object-fit:cover}

.rv-card .rv-info{padding:10px 12px}

.rv-card .rv-name{font-size:.78rem;font-weight:500;color:var(--white);margin-bottom:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

.rv-card .rv-price{font-size:.75rem;color:var(--accent);font-weight:600}

/* BUNDLE */
.bundle-section{padding:40px var(--px) 60px;max-width:1200px;margin:0 auto}

.bundle-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;margin-top:20px}

.bundle-card{background:var(--bg2);border:1px solid var(--border);border-radius:12px;padding:24px;position:relative;overflow:hidden;transition:all .4s}

.bundle-card:hover{transform:translateY(-4px);box-shadow:0 16px 40px rgba(0,0,0,.25);border-color:rgba(232,145,58,.15)}

.bundle-tag{position:absolute;top:0;right:0;background:var(--red);color:#fff;font-size:.6rem;font-weight:700;padding:4px 12px;border-radius:0 0 0 8px;text-transform:uppercase;letter-spacing:.06em}

.bundle-items{display:flex;gap:8px;margin-bottom:14px}

.bundle-items img{width:56px;height:56px;object-fit:cover;border-radius:6px;border:1px solid var(--border)}

.bundle-title{font-family:var(--font-d);font-size:1.1rem;margin-bottom:4px}

.bundle-desc{font-size:.78rem;color:var(--gray);line-height:1.6;margin-bottom:12px}

.bundle-pricing{display:flex;align-items:baseline;gap:8px;margin-bottom:14px}

.bundle-price{font-size:1.1rem;font-weight:700;color:var(--accent)}

.bundle-old{font-size:.82rem;color:var(--gd);text-decoration:line-through}

.bundle-save{font-size:.7rem;color:var(--green);font-weight:600}

.bundle-add{width:100%;padding:10px;background:var(--accent);color:#fff;border:none;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;border-radius:4px;cursor:pointer;transition:opacity .3s}

.bundle-add:hover{opacity:.85}

/* RIPPLE */
.ripple{position:absolute;border-radius:50%;background:rgba(255,255,255,.25);transform:scale(0);animation:rippleAnim .6s linear;pointer-events:none}

@keyframes rippleAnim{to{transform:scale(4);opacity:0}}

@keyframes pulse{0%,100%{opacity:1}50%{opacity:.3}}

/* CUSTOM CURSOR */
@media(hover:hover)and(pointer:fine){
.cursor-dot{position:fixed;width:8px;height:8px;border-radius:50%;background:var(--accent);pointer-events:none;z-index:9999;margin-left:-4px;margin-top:-4px}
.cursor-ring{position:fixed;width:36px;height:36px;border-radius:50%;border:1.5px solid rgba(232,145,58,.4);pointer-events:none;z-index:9998;transition:width .3s,height .3s,border-color .3s;margin-left:-18px;margin-top:-18px}
.cursor-ring.hover{width:56px;height:56px;border-color:var(--accent);margin-left:-28px;margin-top:-28px}
}

/* SCROLL REVEAL */
.reveal{opacity:0;transform:translateY(30px);transition:all .7s cubic-bezier(.23,1,.32,1)}

.reveal.visible{opacity:1;transform:translateY(0)}

.reveal-left{opacity:0;transform:translateX(-30px);transition:opacity .7s,transform .7s}

.reveal-left.visible{opacity:1;transform:translateX(0)}

.reveal-right{opacity:0;transform:translateX(30px);transition:opacity .7s,transform .7s}

.reveal-right.visible{opacity:1;transform:translateX(0)}

.reveal-scale{opacity:0;transform:scale(.92);transition:opacity .7s,transform .7s}

.reveal-scale.visible{opacity:1;transform:scale(1)}

/* FOMO */
.fomo-popup{position:fixed;bottom:90px;left:20px;z-index:85;display:flex;align-items:center;gap:10px;padding:12px 16px;background:var(--bg2);border:1px solid var(--border);border-radius:8px;box-shadow:0 8px 32px rgba(0,0,0,.4);transform:translateX(-120%);transition:transform .4s cubic-bezier(.23,1,.32,1);max-width:320px;backdrop-filter:blur(12px)}

.fomo-popup.show{transform:translateX(0)}

.fomo-dot{width:8px;height:8px;border-radius:50%;background:var(--green);flex-shrink:0;animation:pulse 1.5s infinite}

.fomo-text{font-size:.72rem;color:var(--gray);line-height:1.4}

.fomo-text strong{color:var(--white)}

/* EXIT POPUP */
.exit-popup{position:fixed;inset:0;z-index:300;background:rgba(0,0,0,.8);backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s}

.exit-popup.show{opacity:1;pointer-events:auto}

.exit-box{background:linear-gradient(135deg,var(--bg2),rgba(232,145,58,0.05));border:1px solid rgba(232,145,58,0.15);border-radius:12px;padding:36px 32px;max-width:400px;width:90%;text-align:center;position:relative;transform:scale(.9);transition:transform .4s cubic-bezier(.23,1,.32,1);box-shadow:0 25px 60px rgba(0,0,0,0.4)}

.exit-close{position:absolute;top:10px;right:14px;font-size:1.5rem;color:var(--gd);transition:color .2s;line-height:1}

.exit-close:hover{color:var(--white)}

*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}

:root{--bg:#080808;--bg2:#181818;--bg3:#252525;--bg4:#333;--white:#FFFFFF;--gray:#CCCCCC;--gl:#E0E0E0;--gd:#AAAAAA;--border:rgba(255,255,255,0.12);--accent:#E8913A;--orange:#E8913A;--red:#D32F2F;--green:#4CAF50;--blue:#1976D2;--font-d:'DM Serif Display',Georgia,serif;--font-b:'Inter',-apple-system,sans-serif;--font-ar:'Noto Kufi Arabic',sans-serif;--px:clamp(16px,4vw,60px);--nav-h:72px;--shadow:0 2px 24px rgba(0,0,0,0.5)}

[data-theme="light"]{--bg:#F2F2F2;--bg2:#FFFFFF;--bg3:#F8F8F8;--bg4:#EEE;--white:#000000;--gray:#333333;--gl:#111;--gd:#666666;--border:rgba(0,0,0,0.1);--accent:#B8720A;--orange:#D4760A;--shadow:0 2px 20px rgba(0,0,0,0.08)}

html{scroll-behavior:smooth}

body{font-family:var(--font-b);background:var(--bg);color:#6da6a7;line-height:1.6;overflow-x:hidden;-webkit-font-smoothing:antialiased;transition:background .4s,color .4s}

body.ar{direction:rtl;font-family:var(--font-ar)}

a{color:inherit;text-decoration:none}

button{cursor:pointer;border:none;background:none;font-family:inherit;color:inherit}

img{display:block;max-width:100%}

::selection{background:var(--accent);color:var(--bg)}

.icon{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}

.icon-sm{width:14px;height:14px}

.icon-lg{width:22px;height:22px}

.nav{position:fixed;top:0;left:0;right:0;z-index:100;height:var(--nav-h);display:flex;align-items:center;justify-content:space-between;padding:0 var(--px);background:rgba(10,10,10,0.85);backdrop-filter:blur(24px) saturate(1.4);-webkit-backdrop-filter:blur(24px) saturate(1.4);border-bottom:1px solid rgba(255,255,255,0.06);transition:background .4s}

[data-theme="light"] .nav{background:rgba(245,245,245,0.92)}

@media(max-width:768px){.social-proof{bottom:110px;left:12px;right:12px;font-size:.72rem}}

.nav-logo{font-family:var(--font-d);font-size:1.2rem;font-style:italic;display:flex;align-items:center;gap:8px}

.nav-logo img{display:block;height:90px;width:auto;mix-blend-mode:screen}

[data-theme="light"] .nav-logo img{mix-blend-mode:multiply;filter:contrast(1.2) brightness(0.85)}

.nav-center{display:flex;gap:28px}

.nav-center a{font-size:.75rem;font-weight:500;text-transform:uppercase;letter-spacing:.08em;color:var(--gd);transition:color .3s}

.nav-center a:hover{color:var(--white)}
.nav-cta{background:var(--accent)!important;color:#fff!important;padding:6px 14px;border-radius:6px;font-weight:600!important;font-size:.72rem!important;letter-spacing:.04em;transition:all .3s!important}.nav-cta:hover{background:#d47e2e!important;transform:translateY(-1px)}

.nav-right{display:flex;align-items:center;gap:10px}

.theme-toggle{width:32px;height:32px;border-radius:50%;border:1px solid var(--border);display:flex;align-items:center;justify-content:center;transition:all .3s}

.theme-toggle:hover{border-color:var(--accent);color:var(--accent);box-shadow:0 0 12px rgba(232,145,58,.2)}

.theme-toggle svg{width:14px;height:14px}

.lang-switch{display:flex;border:1px solid var(--border);overflow:hidden}

.lang-btn{padding:4px 10px;font-size:.65rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--gd);transition:all .3s}

.lang-btn.active{background:var(--white);color:var(--bg)}

.cart-btn{position:relative;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border:1px solid var(--border);transition:all .3s}

.cart-btn:hover{border-color:var(--accent);color:var(--accent);box-shadow:0 0 12px rgba(232,145,58,.2)}

.cart-count{position:absolute;top:-6px;right:-6px;width:16px;height:16px;border-radius:50%;background:var(--accent);color:var(--bg);font-size:.55rem;font-weight:700;display:flex;align-items:center;justify-content:center;opacity:0;transform:scale(0);transition:all .3s}

.cart-count.show{opacity:1;transform:scale(1)}

.nav-burger{display:none;flex-direction:column;gap:5px;width:22px;cursor:pointer;padding:4px 0}

.nav-burger span{height:2px;background:var(--white);border-radius:1px;transition:background .3s}

.hero{position:relative;height:100vh;min-height:600px;overflow:hidden}

.hero-slides{position:absolute;inset:0}

.hero-slide{position:absolute;inset:0;opacity:0;transition:opacity 1.2s ease-in-out}

.hero-slide.active{opacity:1;z-index:1}

.hero-slide-bg{position:absolute;inset:-20px;background-size:cover;background-position:center;filter:brightness(0.3) saturate(1.2);animation:kenBurns 8s ease-in-out infinite alternate}

.hero-slide video.hero-slide-bg{inset:0;width:100%;height:100%;object-fit:cover;animation:none}

@keyframes kenBurns{from{transform:scale(1) translate(0,0)}to{transform:scale(1.12) translate(-1%,-1%)}}

.hero-slide:nth-child(2) .hero-slide-bg{animation-delay:-2s}

.hero-slide:nth-child(3) .hero-slide-bg{animation-delay:-4s}

.hero-slide:nth-child(4) .hero-slide-bg{animation-delay:-6s}

[data-theme="light"] .hero-slide-bg{filter:brightness(0.7) saturate(1.1)}

.hero-slide-overlay{position:absolute;inset:0;background:linear-gradient(135deg,rgba(0,0,0,0.6) 0%,rgba(0,0,0,0.2) 40%,rgba(0,0,0,0.1) 60%,rgba(0,0,0,0.4) 100%)}

[data-theme="light"] .hero-slide-overlay{background:linear-gradient(135deg,rgba(0,0,0,0.5) 0%,rgba(0,0,0,0.15) 40%,rgba(0,0,0,0.1) 60%,rgba(0,0,0,0.35) 100%)}

.hero-content{position:absolute;bottom:12%;left:var(--px);right:var(--px);z-index:2}

.hero-badge{display:inline-flex;align-items:center;gap:8px;font-size:.68rem;font-weight:600;text-transform:uppercase;letter-spacing:.15em;color:var(--accent);margin-bottom:16px;opacity:0;transform:translateY(20px);animation:heroFadeUp .8s .3s forwards}

.hero-badge svg{width:14px;height:14px}

.hero h1{font-family:var(--font-d);font-size:clamp(2.8rem,8vw,5.5rem);line-height:1.02;letter-spacing:-.03em;margin-bottom:18px;max-width:750px;opacity:0;transform:translateY(30px);animation:heroFadeUp .8s .5s forwards}

.hero h1 em{font-style:italic;color:var(--accent)}

.hero-sub{font-size:1rem;color:rgba(255,255,255,.9);max-width:440px;line-height:1.75;margin-bottom:32px;opacity:0;transform:translateY(20px);animation:heroFadeUp .8s .7s forwards}

.hero-ctas{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:32px;opacity:0;transform:translateY(20px);animation:heroFadeUp .8s .9s forwards}

.hero-trust{display:flex;gap:24px;flex-wrap:wrap;opacity:0;animation:heroFadeUp .8s 1.1s forwards}

@keyframes heroFadeUp{to{opacity:1;transform:translateY(0)}}

.hero-dots{position:absolute;bottom:3%;left:50%;transform:translateX(-50%);display:flex;gap:8px;z-index:3}

.hero-dot{width:8px;height:8px;border-radius:50%;background:rgba(255,255,255,0.3);cursor:pointer;transition:all .4s}

.hero-dot.active{opacity:1;background:var(--accent);width:28px;border-radius:4px}

.hero-progress{position:absolute;bottom:0;left:0;height:3px;background:var(--accent);z-index:3;transition:width .3s linear}

.ht-item{display:flex;align-items:center;gap:6px;font-size:.75rem;color:var(--gray)}

.ht-item svg{color:var(--accent);width:14px;height:14px;flex-shrink:0}

.btn-p{display:inline-flex;align-items:center;gap:6px;padding:10px 20px;background:var(--white);color:var(--bg);font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;transition:all .3s;border-radius:3px}

.btn-p:hover{background:var(--accent);color:#fff;box-shadow:0 4px 16px rgba(232,145,58,.25)}

.btn-o{display:inline-flex;align-items:center;gap:6px;padding:10px 20px;border:1px solid var(--border);color:var(--white);font-size:.7rem;font-weight:500;text-transform:uppercase;letter-spacing:.05em;transition:all .3s;border-radius:3px}

.btn-o:hover{border-color:var(--accent);color:var(--accent)}

.btn-sm{padding:6px 14px;font-size:.7rem;font-weight:500;text-transform:uppercase;letter-spacing:.06em;border:1px solid var(--border);color:var(--gd);transition:all .2s;display:inline-flex;align-items:center;gap:5px}

.btn-sm:hover{border-color:var(--accent);color:var(--accent)}

.btn-sm.danger:hover{border-color:var(--red);color:var(--red)}

.announce-bar{background:linear-gradient(90deg,var(--orange),#C0392B);padding:8px var(--px);overflow:hidden;white-space:nowrap;display:flex;align-items:center;justify-content:center;gap:20px;font-size:.74rem;font-weight:600;color:#fff;flex-wrap:wrap;box-shadow:0 2px 12px rgba(232,145,58,0.2)}

.announce-bar .ab-item{display:flex;align-items:center;gap:5px;opacity:.95}

.announce-bar .ab-sep{opacity:.4;font-size:.6rem}

.announce-cd{display:inline-flex;align-items:center;gap:4px}

.announce-cd span{background:rgba(0,0,0,.25);padding:1px 7px;border-radius:2px;font-variant-numeric:tabular-nums;font-weight:700}

@keyframes abPulse{0%,100%{opacity:1}50%{opacity:.6}}

.announce-bar .ab-dot{width:5px;height:5px;border-radius:50%;background:#fff;animation:abPulse 1.5s infinite}

.sec-head{padding:80px var(--px) 36px}

.sec-num{font-size:.6rem;font-weight:600;text-transform:uppercase;letter-spacing:.25em;color:var(--gd);margin-bottom:10px}

.sec-title{font-family:var(--font-d);font-size:clamp(2rem,4.5vw,3.2rem);line-height:1.1}

.sec-title em{font-style:italic;color:var(--accent)}

.prod-section{padding:0 0 60px}

.prod-carousel-wrap{position:relative;padding:0 var(--px)}

.prod-carousel{display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;-ms-overflow-style:none;padding-bottom:8px}

.prod-carousel::-webkit-scrollbar{display:none}

.prod-card{min-width:260px;max-width:260px;scroll-snap-align:start;background:var(--bg2);border:1px solid var(--border);overflow:hidden;cursor:pointer;transition:transform .5s cubic-bezier(.23,1,.32,1),border-color .4s,box-shadow .5s;border-radius:6px}


.prod-card:hover{transform:translateY(-6px);border-color:var(--accent);box-shadow:0 12px 32px rgba(0,0,0,0.4)}

.prod-card .img-wrap{aspect-ratio:3/4;overflow:hidden;background:var(--bg3);position:relative}

.prod-card .img-wrap img{width:100%;height:100%;object-fit:cover;transition:transform .7s cubic-bezier(.23,1,.32,1)}

.prod-card:hover .img-wrap img{transform:scale(1.08)}

.prod-card .badge{position:absolute;top:10px;left:10px;padding:3px 8px;background:var(--red);color:#fff;font-size:.58rem;font-weight:700;text-transform:uppercase}

.prod-card .info{padding:14px}

.prod-card .cat-lbl{font-size:.58rem;text-transform:uppercase;letter-spacing:.1em;color:var(--gd);margin-bottom:3px}

.prod-card .title{font-size:.85rem;font-weight:500;margin-bottom:5px;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}

.prod-card .prices{display:flex;align-items:center;gap:6px}

.prod-card .price{font-size:.9rem;font-weight:700;color:var(--accent)}

.prod-card .old-p{font-size:.72rem;color:var(--gd);text-decoration:line-through}

.prod-card .cod-tag{display:inline-flex;align-items:center;gap:3px;margin-top:5px;font-size:.55rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;padding:2px 6px;background:rgba(46,125,50,0.1);color:var(--green)}

.prod-card .cod-tag svg{width:9px;height:9px}

.prod-card .add-btn{width:100%;padding:10px;background:var(--bg3);border-top:1px solid var(--border);font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--gd);display:flex;align-items:center;justify-content:center;gap:6px;transition:all .3s}

.prod-card .add-btn:hover{background:var(--accent);color:var(--bg)}

.carousel-nav{position:absolute;top:50%;transform:translateY(-50%);width:36px;height:36px;border-radius:50%;background:var(--bg2);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;z-index:2;transition:all .3s}

.carousel-nav:hover{border-color:var(--accent);color:var(--accent)}

.carousel-nav.prev{left:calc(var(--px) - 18px)}

.carousel-nav.next{right:calc(var(--px) - 18px)}

.carousel-nav svg{width:16px;height:16px}

.featured{padding:60px var(--px);display:grid;grid-template-columns:1fr 1fr;gap:0;min-height:60vh}

.feat-img{overflow:hidden;background:var(--bg2)}

.feat-img img{width:100%;height:100%;object-fit:cover}

.feat-content{display:flex;flex-direction:column;justify-content:center;padding:clamp(30px,5vw,60px);background:var(--bg2);border:1px solid var(--border);border-left:none}

.feat-tag{font-size:.6rem;font-weight:600;text-transform:uppercase;letter-spacing:.2em;color:var(--accent);margin-bottom:14px}

.feat-title{font-family:var(--font-d);font-size:clamp(1.6rem,3.5vw,2.8rem);margin-bottom:12px}

.feat-desc{font-size:.88rem;color:var(--gray);line-height:1.8;margin-bottom:22px;max-width:380px}

.feat-price{font-size:1.5rem;font-weight:700;color:var(--accent);margin-bottom:3px}

.feat-old{font-size:.88rem;color:var(--gd);text-decoration:line-through;margin-left:8px;font-weight:400}

.feat-note{font-size:.76rem;color:var(--gray);margin-bottom:24px;display:flex;align-items:center;gap:5px}

.feat-note svg{color:var(--green);width:13px;height:13px}

.feat-btns{display:flex;gap:8px}

.feat-btns .btn-p,.feat-btns .btn-o{padding:8px 16px;font-size:.68rem}

.cats{padding:60px var(--px)}

.cat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}

.cat-card{position:relative;aspect-ratio:3/4;overflow:hidden;cursor:pointer;background:var(--bg2);border:1px solid var(--border);border-radius:8px;transition:transform .5s cubic-bezier(.23,1,.32,1),box-shadow .5s}

.cat-card:hover{transform:translateY(-4px);box-shadow:0 12px 32px rgba(0,0,0,0.4)}

.cat-card img{width:100%;height:100%;object-fit:cover;filter:brightness(0.4);transition:all .6s cubic-bezier(.23,1,.32,1)}

.cat-card:hover img{filter:brightness(0.6);transform:scale(1.08)}

.cat-card .cat-info{position:absolute;bottom:0;left:0;right:0;padding:20px;background:linear-gradient(transparent,rgba(0,0,0,.85))}

.cat-card h3{font-family:var(--font-d);font-size:1.3rem;margin-bottom:3px;color:#FFFFFF}

.cat-card span{font-size:.72rem;color:#CCCCCC}

.how{padding:60px var(--px);border-top:1px solid var(--border)}

.how-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:2px;margin-top:36px}

.how-step{padding:28px 22px;background:var(--bg2);position:relative}

.how-num{font-family:var(--font-d);font-size:2.8rem;color:rgba(128,128,128,0.06);position:absolute;top:12px;right:16px}

.how-step h3{font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;margin-bottom:6px;display:flex;align-items:center;gap:5px}

.how-step p{font-size:.82rem;color:var(--gray);line-height:1.6}

.trust-bar{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--border);margin:0 var(--px)}

.trust-item{padding:26px;background:var(--bg);text-align:center}

.trust-icon{margin-bottom:8px;color:var(--accent);display:flex;justify-content:center}

.trust-title{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;margin-bottom:3px}

.trust-desc{font-size:.72rem;color:var(--gray)}

.reviews{padding:60px var(--px);border-top:1px solid var(--border)}

.review-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:36px}

.review-card{padding:26px;background:var(--bg2);border:1px solid var(--border)}

.review-stars{color:var(--accent);margin-bottom:12px;display:flex;gap:2px}

.review-stars svg{width:13px;height:13px;fill:var(--accent);stroke:none}

.review-text{font-family:var(--font-d);font-size:.98rem;font-style:italic;line-height:1.6;margin-bottom:16px}

.review-author{font-size:.82rem;font-weight:500}

.review-city{font-size:.72rem;color:var(--gray);margin-top:2px}

.footer{padding:60px var(--px) 28px;border-top:1px solid rgba(255,255,255,0.04)}

.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:40px;margin-bottom:40px}

.footer-brand{font-family:var(--font-d);font-size:1.4rem;font-style:italic;margin-bottom:10px;display:flex;align-items:center;gap:12px}

.footer-brand img{mix-blend-mode:screen}

[data-theme="light"] .footer-brand img{mix-blend-mode:multiply}

.footer-desc{font-size:.82rem;color:var(--gray);line-height:1.7;max-width:260px}

.footer-col h4{font-size:.68rem;font-weight:600;text-transform:uppercase;letter-spacing:.12em;color:var(--gd);margin-bottom:12px}

.footer-col a{display:flex;align-items:center;gap:5px;font-size:.82rem;color:var(--gray);padding:3px 0;transition:color .3s}

.footer-col a:hover{color:var(--white)}

.footer-col a svg{width:12px;height:12px;opacity:.5}

.footer-bottom{display:flex;justify-content:space-between;align-items:center;padding-top:20px;border-top:1px solid var(--border);font-size:.72rem;color:var(--gd)}

.cart-overlay{position:fixed;inset:0;background:rgba(0,0,0,0.6);z-index:200;opacity:0;pointer-events:none;transition:opacity .3s}

.cart-overlay.open{opacity:1;pointer-events:all}

.cart-sidebar{position:fixed;top:0;right:0;bottom:0;width:400px;max-width:90vw;background:var(--bg2);border-left:1px solid var(--border);z-index:201;transform:translateX(100%);transition:transform .4s cubic-bezier(0.16,1,0.3,1);display:flex;flex-direction:column}

body.ar .cart-sidebar{right:auto;left:0;transform:translateX(-100%)}

.cart-sidebar.open{transform:translateX(0)}

.cart-header{display:flex;justify-content:space-between;align-items:center;padding:18px 20px;border-bottom:1px solid var(--border)}

.cart-header h3{font-family:var(--font-d);font-size:1.1rem;display:flex;align-items:center;gap:8px}

.cart-header h3 svg{width:18px;height:18px;color:var(--accent)}

.cart-close{width:28px;height:28px;display:flex;align-items:center;justify-content:center;color:var(--gd)}

.cart-close:hover{color:var(--white)}

.cart-items{flex:1;overflow-y:auto;padding:16px 20px}

.cart-empty{text-align:center;padding:60px 0;color:var(--gd)}

.cart-empty svg{width:40px;height:40px;margin-bottom:12px;opacity:.3}

.cart-empty p{font-size:.88rem;margin-bottom:12px}

.cart-item{display:flex;gap:12px;padding:14px 0;border-bottom:1px solid var(--border)}

.cart-item img{width:64px;height:64px;object-fit:cover;flex-shrink:0}

.cart-item-info{flex:1}

.cart-item-title{font-size:.82rem;font-weight:500;margin-bottom:4px;line-height:1.3}

.cart-item-price{font-size:.85rem;font-weight:700;color:var(--accent)}

.cart-item-qty{display:flex;align-items:center;gap:8px;margin-top:6px}

.qty-btn{width:24px;height:24px;border:1px solid var(--border);display:flex;align-items:center;justify-content:center;font-size:.75rem;color:var(--gd);transition:all .2s}

.qty-btn:hover{border-color:var(--accent);color:var(--accent)}

.qty-val{font-size:.82rem;font-weight:600;min-width:20px;text-align:center}

.cart-item-remove{padding:4px;color:var(--gd);transition:color .2s;align-self:flex-start}

.cart-item-remove:hover{color:var(--red)}

.cart-footer{padding:16px 20px;border-top:1px solid var(--border)}

.cart-total{display:flex;justify-content:space-between;font-size:1rem;font-weight:700;margin-bottom:4px}

.cart-total .amt{color:var(--accent)}

.cart-subtotal{display:flex;justify-content:space-between;font-size:.78rem;color:var(--gd);margin-bottom:14px}

.cart-checkout-btn{width:100%;padding:14px;background:var(--green);color:#fff;font-size:.82rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;transition:opacity .3s;display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:8px}

.cart-checkout-btn:hover{opacity:.9}

.cart-continue{width:100%;padding:10px;font-size:.75rem;color:var(--gd);text-align:center;transition:color .2s}

.cart-continue:hover{color:var(--accent)}

.qv-overlay{position:fixed;inset:0;background:rgba(0,0,0,0.85);backdrop-filter:blur(10px);z-index:200;display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .3s}

.qv-overlay.open{opacity:1;pointer-events:all}

.qv-box{background:var(--bg2);border:1px solid var(--border);width:90%;max-width:760px;max-height:90vh;overflow-y:auto;display:grid;grid-template-columns:1fr 1fr;transform:translateY(16px);transition:transform .3s;position:relative}

.qv-overlay.open .qv-box{transform:translateY(0)}

.qv-img{overflow:hidden;background:var(--bg3)}

.qv-img img{width:100%;height:100%;object-fit:cover;min-height:340px}

.qv-content{padding:26px;display:flex;flex-direction:column}

.qv-cat{font-size:.58rem;text-transform:uppercase;letter-spacing:.15em;color:var(--gd);margin-bottom:8px}

.qv-title{font-family:var(--font-d);font-size:1.4rem;margin-bottom:8px}

.qv-price{font-size:1.2rem;font-weight:700;color:var(--accent)}

.qv-old{font-size:.82rem;color:var(--gd);text-decoration:line-through}

.qv-desc{font-size:.85rem;color:var(--gray);line-height:1.7;margin:12px 0 18px;flex:1}

.qv-features{margin-bottom:18px}

.qv-feat{font-size:.76rem;color:var(--gray);padding:3px 0;display:flex;align-items:center;gap:5px}

.qv-feat svg{width:12px;height:12px;color:var(--green);flex-shrink:0}

.qv-btns{display:flex;gap:8px}

.qv-btns .btn-p,.qv-btns .btn-o{flex:1;justify-content:center;padding:9px;font-size:.68rem}

.qv-close{position:absolute;top:12px;right:12px;width:32px;height:32px;border-radius:50%;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;color:var(--white);z-index:10}

.qv-close:hover{background:rgba(255,255,255,.1)}

.ck-overlay{position:fixed;inset:0;background:rgba(0,0,0,.8);backdrop-filter:blur(8px);z-index:200;display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .3s}

.ck-overlay.open{opacity:1;pointer-events:all}

.ck-modal{background:var(--bg2);border:1px solid var(--border);width:90%;max-width:540px;max-height:90vh;overflow-y:auto;transform:translateY(16px);transition:transform .3s}

.ck-overlay.open .ck-modal{transform:translateY(0)}

.ck-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid var(--border)}

.ck-header h3{font-family:var(--font-d);font-size:1.05rem;display:flex;align-items:center;gap:7px}

.ck-header h3 svg{width:16px;height:16px;color:var(--accent)}

.ck-close{width:28px;height:28px;display:flex;align-items:center;justify-content:center;color:var(--gd)}

.ck-close:hover{color:var(--white)}

.ck-body{padding:20px}

.ck-items{margin-bottom:18px;max-height:200px;overflow-y:auto}

.ck-item{display:flex;gap:10px;padding:10px 0;border-bottom:1px solid var(--border)}

.ck-item img{width:50px;height:50px;object-fit:cover;flex-shrink:0}

.ck-item-title{font-size:.82rem;font-weight:500}

.ck-item-price{font-size:.82rem;font-weight:600;color:var(--accent)}

.ck-item-qty{font-size:.72rem;color:var(--gd)}

.fg{margin-bottom:12px}

.fg label{display:flex;align-items:center;gap:4px;font-size:.66rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--gd);margin-bottom:4px}

.fg label svg{width:11px;height:11px;opacity:.5}

.fg input,.fg select,.fg textarea{width:100%;padding:10px 12px;background:var(--bg);border:1px solid var(--border);color:var(--white);font-family:var(--font-b);font-size:.85rem;outline:none;transition:border-color .2s}

.fg input:focus,.fg select:focus,.fg textarea:focus{border-color:var(--accent)}

.fg textarea{resize:vertical;min-height:60px}

.fg-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}

.ck-summary{padding:12px;background:var(--bg3);margin-bottom:16px}

.ck-row{display:flex;justify-content:space-between;font-size:.8rem;padding:4px 0}

.ck-row.total{border-top:1px solid var(--border);padding-top:8px;margin-top:4px;font-weight:700;font-size:.92rem}

.ck-row.total .amt{color:var(--accent)}

.ck-submit{width:100%;padding:10px 16px;background:var(--green);color:#fff;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;transition:opacity .3s;display:flex;align-items:center;justify-content:center;gap:7px;border-radius:3px}

.ck-submit:hover{opacity:.9}

.ck-submit:disabled{opacity:.5;cursor:not-allowed}

.ck-note{text-align:center;font-size:.7rem;color:var(--gd);margin-top:8px;display:flex;align-items:center;justify-content:center;gap:4px}

.filter-bar{display:flex;gap:6px;padding:0 var(--px) 20px;flex-wrap:wrap}

.filter-btn{padding:6px 16px;border:1px solid var(--border);font-size:.7rem;font-weight:500;text-transform:uppercase;letter-spacing:.06em;color:var(--gd);transition:all .3s}

.filter-btn:hover,.filter-btn.active{border-color:var(--accent);color:var(--accent);background:rgba(201,168,76,0.05)}

.reveal{opacity:0;transform:translateY(28px);transition:opacity .7s cubic-bezier(.25,.46,.45,.94),transform .7s cubic-bezier(.25,.46,.45,.94)}

.reveal-delay-1{transition-delay:.1s}

.reveal-delay-2{transition-delay:.2s}

.reveal-delay-3{transition-delay:.3s}

.reveal-delay-4{transition-delay:.4s}

.stock-badge{display:inline-flex;align-items:center;gap:5px;font-size:.68rem;font-weight:600;color:var(--red);margin-top:6px}

.stock-badge .dot{width:6px;height:6px;border-radius:50%;background:var(--red);animation:pulse 1.5s infinite}

.float-trust{position:fixed;bottom:20px;left:20px;z-index:80;display:flex;flex-direction:column;gap:6px}

.float-trust .ft-item{background:var(--bg2);border:1px solid var(--border);padding:6px 12px;font-size:.65rem;display:flex;align-items:center;gap:6px;backdrop-filter:blur(10px);opacity:0;transform:translateY(10px);transition:all .4s}

.float-trust .ft-item.show{opacity:1;transform:translateY(0)}

.float-trust svg{width:12px;height:12px;color:var(--green)}

@media(max-width:1024px){.prod-card{min-width:240px;max-width:240px}}
@media(max-width:768px){.prod-card{min-width:280px;max-width:280px}}

@media(max-width:480px){.cat-grid{grid-template-columns:1fr}.how-grid{grid-template-columns:1fr}.trust-bar{grid-template-columns:1fr}.fg-row{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr}}

.fomo-popup{position:fixed;bottom:90px;left:20px;z-index:150;display:flex;align-items:center;gap:10px;padding:10px 14px;background:var(--bg2);border:1px solid var(--border);border-radius:8px;box-shadow:0 8px 30px rgba(0,0,0,.3);transform:translateX(-120%);transition:transform .4s cubic-bezier(0.16,1,0.3,1);max-width:320px}

.exit-popup{position:fixed;top:0;left:0;right:0;bottom:0;z-index:300;background:rgba(0,0,0,.7);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s;pointer-events:none}

.exit-popup.show .exit-box{transform:scale(1)}

.scroll-progress{position:fixed;top:0;left:0;height:3px;background:var(--accent);z-index:200;transition:width .1s;width:0}

.sg-overlay{position:fixed;inset:0;z-index:300;background:rgba(0,0,0,.6);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:all .3s}

.sg-overlay.open{opacity:1;visibility:visible}

.sg-box{background:var(--bg2);border:1px solid var(--border);border-radius:12px;padding:32px;max-width:500px;width:90%;position:relative;transform:scale(.9);transition:transform .3s cubic-bezier(.23,1,.32,1)}

.sg-overlay.open .sg-box{transform:scale(1)}

.sg-box h3{font-family:var(--font-d);font-size:1.3rem;margin-bottom:20px}

.sg-close{position:absolute;top:12px;right:12px;width:32px;height:32px;border-radius:50%;border:1px solid var(--border);background:transparent;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--white);transition:all .2s}

.sg-close:hover{border-color:var(--accent);color:var(--accent)}

.sg-table{width:100%;border-collapse:collapse;font-size:.8rem}

.sg-table th{text-align:left;padding:10px 12px;font-size:.68rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--gd);border-bottom:2px solid var(--border)}

.sg-table td{padding:10px 12px;border-bottom:1px solid var(--border);color:var(--white)}

.sg-table tr:last-child td{border-bottom:none}

.sg-table tbody tr:hover{background:rgba(255,255,255,.03)}

.ripple{position:absolute;border-radius:50%;background:rgba(232,145,58,.25);transform:scale(0);animation:rippleAnim .6s ease-out;pointer-events:none}

.magnetic{position:relative;transition:transform .2s ease-out}

.email-popup{position:fixed;inset:0;z-index:350;background:rgba(0,0,0,.8);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:all .4s}

.email-popup.show{opacity:1;visibility:visible}

.email-box{background:linear-gradient(135deg,var(--bg2),rgba(232,145,58,.06));border:1px solid rgba(232,145,58,.2);border-radius:16px;padding:36px 32px;max-width:420px;width:90%;text-align:center;position:relative;transform:scale(.9) translateY(20px);transition:transform .4s cubic-bezier(.23,1,.32,1);box-shadow:0 25px 60px rgba(0,0,0,.5)}

.email-popup.show .email-box{transform:scale(1) translateY(0)}

.email-close{position:absolute;top:12px;right:14px;width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--gd);transition:color .2s;font-size:1.3rem;cursor:pointer;background:none;border:none}

.email-close:hover{color:var(--white)}

.email-icon{font-size:2.4rem;margin-bottom:8px}

.email-title{font-family:var(--font-d);font-size:1.4rem;margin-bottom:6px;color:var(--white)}

.email-subtitle{font-size:.85rem;color:var(--gray);margin-bottom:18px;line-height:1.6}

.email-form{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}

.email-input{flex:1;min-width:180px;padding:12px 14px;background:var(--bg);border:1px solid var(--border);color:var(--white);font-size:.85rem;border-radius:6px;font-family:var(--font-b);outline:none;transition:border-color .3s}

.email-input:focus{border-color:var(--accent)}

.email-input::placeholder{color:var(--gd)}

.email-submit{padding:12px 22px;background:var(--accent);color:#fff;border:none;font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;border-radius:6px;cursor:pointer;transition:all .3s;white-space:nowrap}

.email-submit:hover{background:#d4802e;transform:translateY(-1px);box-shadow:0 4px 16px rgba(232,145,58,.3)}

.email-success{display:none;font-size:.82rem;color:var(--green);margin-top:12px;font-weight:500}

.share-wrap{position:relative;display:inline-block}

.share-menu{position:absolute;bottom:calc(100% + 8px);right:0;background:var(--bg2);border:1px solid var(--border);border-radius:8px;padding:6px 0;min-width:160px;box-shadow:0 8px 32px rgba(0,0,0,.4);opacity:0;visibility:hidden;transform:translateY(8px);transition:all .25s;z-index:50}

.share-menu.open{opacity:1;visibility:visible;transform:translateY(0)}

.share-menu a{display:flex;align-items:center;gap:8px;padding:8px 14px;font-size:.75rem;color:var(--gray);transition:all .2s;text-decoration:none}

.share-menu a:hover{background:var(--bg3);color:var(--white)}

.share-menu a svg{width:14px;height:14px;flex-shrink:0}

/* STICKY CART BAR */
.sticky-cart-bar{position:fixed;bottom:0;left:0;right:0;z-index:101;background:var(--bg2);border-top:1px solid var(--border);padding:12px 20px;display:none;align-items:center;justify-content:space-between;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:0 -4px 20px rgba(0,0,0,.3);transform:translateY(100%);transition:transform .4s cubic-bezier(.23,1,.32,1)}
.sticky-cart-bar.show{display:flex;transform:translateY(0)}
.sticky-cart-info{display:flex;align-items:center;gap:12px}
.sticky-cart-count{width:36px;height:36px;border-radius:50%;background:var(--accent);color:#fff;display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:700;flex-shrink:0}
.sticky-cart-text{display:flex;flex-direction:column;gap:1px}
.sticky-cart-items{font-size:.78rem;color:var(--white);font-weight:500}
.sticky-cart-total{font-size:.85rem;color:var(--accent);font-weight:700}
.sticky-cart-btns{display:flex;gap:8px}
.sticky-cart-btns .btn-p{padding:10px 20px;font-size:.78rem;border-radius:6px}
.sticky-cart-btns .btn-o{padding:10px 20px;font-size:.78rem;border-radius:6px;border:1px solid var(--border);color:var(--white);background:transparent}
.sticky-cart-btns .btn-o:hover{border-color:var(--accent);color:var(--accent)}
@media(max-width:768px){.sticky-cart-bar{padding:10px 14px}.sticky-cart-btns .btn-p,.sticky-cart-btns .btn-o{padding:8px 14px;font-size:.72rem}}

.social-proof{position:fixed;bottom:120px;left:20px;z-index:85;display:flex;align-items:center;gap:8px;padding:10px 16px;background:var(--bg2);border:1px solid var(--border);border-radius:8px;box-shadow:0 4px 20px rgba(0,0,0,.3);font-size:.75rem;color:var(--gray);opacity:0;transform:translateY(10px) translateX(0);transition:all .4s cubic-bezier(.23,1,.32,1);backdrop-filter:blur(10px);pointer-events:none}

.social-proof.show{opacity:1;transform:translateY(0)}

.social-proof .sp-dot{width:7px;height:7px;border-radius:50%;background:var(--green);flex-shrink:0;animation:pulse 1.5s infinite}

.social-proof .sp-count{color:var(--white);font-weight:600}

.nl-enhanced{padding:60px var(--px);text-align:center;background:linear-gradient(135deg,rgba(232,145,58,.08),var(--bg3),rgba(232,145,58,.04));border-top:1px solid var(--border);border-bottom:1px solid var(--border);position:relative;overflow:hidden}

.nl-enhanced::before{content:'';position:absolute;top:-50%;right:-20%;width:400px;height:400px;border-radius:50%;background:radial-gradient(circle,rgba(232,145,58,.06),transparent 70%);pointer-events:none}

.nl-enhanced .nl-badge{display:inline-flex;align-items:center;gap:6px;font-size:.6rem;font-weight:600;text-transform:uppercase;letter-spacing:.2em;color:var(--accent);margin-bottom:10px;background:rgba(232,145,58,.08);padding:6px 14px;border-radius:20px;border:1px solid rgba(232,145,58,.15)}

.nl-enhanced h2{font-family:var(--font-d);font-size:clamp(1.5rem,3.5vw,2.4rem);margin-bottom:8px;color:var(--white)}

.nl-enhanced h2 em{font-style:italic;color:var(--accent)}

.nl-enhanced .nl-sub{font-size:.88rem;color:var(--gray);margin-bottom:22px;line-height:1.6}

.nl-form{display:flex;gap:8px;max-width:420px;margin:0 auto;flex-wrap:wrap;justify-content:center}

.nl-input{flex:1;min-width:200px;padding:12px 16px;background:var(--bg);border:1px solid var(--border);color:var(--white);font-size:.85rem;border-radius:6px;font-family:var(--font-b);outline:none;transition:border-color .3s}

.nl-input:focus{border-color:var(--accent)}

.nl-input::placeholder{color:var(--gd)}

.nl-btn{padding:12px 24px;background:var(--accent);color:#fff;border:none;font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;border-radius:6px;cursor:pointer;transition:all .3s;white-space:nowrap}

.nl-btn:hover{background:#d4802e}

.nl-msg{font-size:.8rem;color:var(--green);margin-top:10px;display:none;font-weight:500}

/* ===== COMPREHENSIVE MOBILE FIXES ===== */
@media(max-width:768px){
.hero-content h1{font-size:1.8rem!important;line-height:1.15!important}
.hero-sub{font-size:.88rem!important}
.hero-trust{gap:14px!important}
.hero-ctas{flex-direction:column!important;gap:8px!important}
.btn-p,.btn-o{padding:10px 18px!important;font-size:.76rem!important;width:100%!important;justify-content:center!important}
.feat-tag{font-size:.7rem!important;padding:8px 14px!important}
.feat-btns{flex-direction:column!important}
.feat-btns .btn-p,.feat-btns .btn-o{padding:9px 16px!important;font-size:.72rem!important;width:100%!important;justify-content:center!important}
.prod-grid{grid-template-columns:repeat(2,1fr)!important;gap:10px!important;padding:0 12px!important}
.prod-card{border-radius:8px!important;overflow:hidden;min-width:0!important;max-width:none!important}
.prod-card img{aspect-ratio:1/1!important;height:auto!important;object-fit:cover!important}
.prod-card .info{padding:10px!important}
.prod-card .title{font-size:.82rem!important;line-height:1.3!important}
.prod-card .desc{font-size:.72rem!important;-webkit-line-clamp:2!important;margin-bottom:4px!important}
.prod-card .prices .price{font-size:.9rem!important}
.prod-card .old-p{font-size:.68rem!important}
.prod-card .add-btn{padding:7px 12px!important;font-size:.7rem!important}
.how-grid{grid-template-columns:1fr!important;gap:12px!important}
.how-card{padding:16px!important}
.trust-bar{grid-template-columns:1fr!important}
.trust-item{padding:14px!important}
.cat-grid{grid-template-columns:repeat(2,1fr)!important;gap:10px!important}
.cat-card{height:200px!important;border-radius:8px!important}
.cat-card h3{font-size:1rem!important}
.cat-card p{font-size:.72rem!important}
.review-box{padding:16px!important}
.review-text{font-size:.85rem!important}
.bundles{padding:0 12px!important}
.bundles-box{padding:16px!important}
.bundles h2{font-size:1.2rem!important}
.bundles .b-head{font-size:.9rem!important}
.nl-enhanced{padding:40px 16px!important}
.nl-enhanced h2{font-size:1.4rem!important}
.nl-form{flex-direction:column!important}
.nl-input{min-width:100%!important}
.sec-title{font-size:clamp(1.5rem,6vw,2.2rem)!important}
.feat-wrap{grid-template-columns:1fr!important}
.feat-side{grid-template-columns:1fr!important}
/* FEATURED SECTION — stack on mobile */
.featured{grid-template-columns:1fr!important;min-height:auto!important}
.feat-img{max-height:300px!important}
.feat-content{padding:24px 20px!important}
/* ABOUT SECTION — stack on mobile */
.about-section{grid-template-columns:1fr!important;gap:30px!important;padding:40px var(--px)!important}
/* REVIEW GRID — 1 col on mobile */
.review-grid{grid-template-columns:1fr!important;gap:10px!important}
/* ANNOUNCE BAR — horizontal scroll on mobile */
.announce-bar{flex-wrap:nowrap!important;overflow-x:auto!important;justify-content:flex-start!important;gap:16px!important;padding:8px 16px!important}
.announce-bar .ab-sep{display:none!important}
/* BUNDLE GRID — stack on mobile */
.bundle-grid{grid-template-columns:1fr!important;gap:14px!important}
/* BLOG GRID — stack on mobile */
div[style*="grid-template-columns:repeat(auto-fill,minmax(280px,1fr))"]{grid-template-columns:1fr!important}
/* FOOTER — tighter on mobile */
.footer-grid{gap:24px!important}
.footer-bottom{flex-direction:column!important;gap:8px!important;text-align:center!important}
/* CAROUSEL — smaller cards + hide arrows on mobile */
.prod-carousel{gap:10px!important}
.prod-card{min-width:200px!important;max-width:200px!important}
.carousel-nav{display:none!important}
/* NAV LOGO — smaller on mobile */
.nav-logo img{height:56px!important}
/* BRAND TRUST BAR — scrollable on mobile */
div[style*="display:flex;align-items:center;justify-content:center;gap:40px"]{gap:16px!important;padding:14px 16px!important;overflow-x:auto!important;flex-wrap:nowrap!important}
div[style*="display:flex;align-items:center;justify-content:center;gap:40px"]>div{flex-shrink:0!important;font-size:.62rem!important}
}

@media(max-width:400px){
.prod-grid{grid-template-columns:1fr!important}
.hero-content h1{font-size:1.5rem!important}
}

/* ===== MOBILE NAV ===== */
@media(max-width:768px){
.nav-center{display:none!important}
.nav-burger{display:flex!important}
.mobile-menu{position:fixed;top:0;right:0;width:280px;height:100vh;background:var(--bg);z-index:200;transform:translateX(100%);transition:transform .3s ease;padding:60px 24px 24px;display:flex;flex-direction:column;gap:0;box-shadow:-4px 0 20px rgba(0,0,0,.5);visibility:hidden}
.mobile-menu.open{transform:translateX(0);visibility:visible}
.mobile-menu-close{position:absolute;top:16px;right:16px;background:none;border:none;color:var(--white);cursor:pointer;padding:8px}
.mobile-menu a{display:block;padding:14px 0;font-size:.9rem;color:var(--white);text-decoration:none;border-bottom:1px solid var(--border);font-weight:500}
.mobile-menu a:hover{color:var(--accent)}
.mm-lang{display:flex;gap:10px;margin-top:20px;padding-top:16px;border-top:1px solid var(--border)}
.mm-lang .lang-btn{flex:1;padding:10px;font-size:.75rem;font-weight:600;border:1px solid var(--border);border-radius:6px;background:transparent;color:var(--white);cursor:pointer;transition:all .2s}
.mm-lang .lang-btn.active{background:var(--accent);color:#fff;border-color:var(--accent)}
.nav-logo img{height:60px!important}
.nav-logo{z-index:201}
}

/* ===== STICKY CART MOBILE ===== */
@media(max-width:768px){
.sticky-cart-bar{bottom:0!important;padding:10px 14px!important;z-index:100!important}
.sticky-cart-btns{gap:8px!important}
.sticky-cart-btns .btn-p,.sticky-cart-btns .btn-o{padding:8px 14px!important;font-size:.72rem!important;white-space:nowrap}
.sticky-cart-info{gap:8px!important}
.sticky-cart-count{width:32px!important;height:32px!important;font-size:.72rem!important}
}

/* ===== FLOATING CTA MOBILE ===== */
@media(max-width:768px){
.float-cta{display:flex!important}
}

@media(prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none}.hero-slide-bg{transition:none}.announce-bar .ab-dot{animation:none}.announce-item{animation:none}}