/* ══ ROOT ══ */
:root{
  --gold:#C9A84C;--gold-lt:#E8C96A;--gold-dim:#8B6914;--gold-glow:rgba(201,168,76,.18);
  --black:#09090A;--black-mid:#101010;--black-card:#151514;--black-deep:#060607;
  --white:#F5F0E8;--white-dim:#A89880;
  --font-h:'Playfair Display',Georgia,serif;--font-b:'Poppins',sans-serif;--font-cinzel:'Cinzel',serif;
  --ticker-h:32px;--nav-h:64px;--gender-bar-h:52px;
  --ease-smooth:cubic-bezier(.4,0,.2,1);
  --ease-bounce:cubic-bezier(.34,1.56,.64,1);
}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;word-wrap:break-word}
html{scroll-behavior:smooth;overflow-x:clip}
body{background:var(--black);color:var(--white);font-family:var(--font-b);font-weight:300;overflow-x:clip;width:100%}
::-webkit-scrollbar{width:3px}::-webkit-scrollbar-track{background:var(--black)}::-webkit-scrollbar-thumb{background:var(--gold-dim);border-radius:2px}
img, video, picture { max-width: 100%; display: block; }

/* ══ PARTICLES ══ */
#particles-canvas{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0;opacity:.35}

/* ══ TICKER ══ */
#ticker{width:100%;height:var(--ticker-h);background:var(--gold);overflow:hidden;position:relative;z-index:1001;display:flex;align-items:center}
.ticker-track{display:flex;align-items:center;animation:tickMove 70s linear infinite;white-space:nowrap;width:max-content;will-change:transform}
.ticker-track:hover{animation-play-state:paused}
@keyframes tickMove{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}
.t-item{display:inline-flex;align-items:center;gap:.35rem;font-size:.61rem;letter-spacing:.2em;text-transform:uppercase;font-weight:600;color:var(--black);padding:0 2rem}
.t-dot{width:4px;height:4px;background:rgba(0,0,0,.28);border-radius:50%;flex-shrink:0}

/* ══ NAVBAR ══ */
#navbar{position:sticky;top:0;z-index:1000;height:var(--nav-h);padding:0 4%;display:flex;align-items:center;justify-content:space-between;background:rgba(9,9,10,.1);backdrop-filter:blur(4px);transition:background .45s,box-shadow .45s,border-color .45s;border-bottom:1px solid transparent}
#navbar.scrolled{background:rgba(6,6,7,.97);backdrop-filter:blur(22px);box-shadow:0 6px 36px rgba(0,0,0,.55);border-bottom-color:rgba(201,168,76,.14)}
.nav-logo{display:flex;flex-direction:column;line-height:1;text-decoration:none;cursor:pointer;font-family:var(--font-h);font-size:1.78rem;font-weight:700;color:var(--gold);letter-spacing:.16em;transition:filter .3s}
.nav-logo:hover{filter:drop-shadow(0 0 12px rgba(201,168,76,.5))}
.nav-logo span{font-style:italic;font-size:.46em;color:var(--white-dim);letter-spacing:.34em;margin-top:2px}
.nav-links{display:flex;gap:2.2rem;list-style:none}
.nav-links a{color:var(--white-dim);text-decoration:none;font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;font-weight:400;cursor:pointer;position:relative;padding-bottom:3px;transition:color .3s}
.nav-links a::after{content:'';position:absolute;bottom:0;left:0;width:0;height:1px;background:var(--gold);transition:width .32s}
.nav-links a:hover{color:var(--gold)}.nav-links a:hover::after{width:100%}
.nav-right{display:flex;align-items:center;gap:.8rem}
.nav-cart{cursor:pointer;position:relative;padding:.28rem;display:flex;align-items:center;transition:transform .3s}
.nav-cart:hover{transform:scale(1.12)}
.cart-badge{position:absolute;top:-4px;right:-6px;background:var(--gold);color:var(--black);width:16px;height:16px;border-radius:50%;font-size:.56rem;font-weight:700;display:none;align-items:center;justify-content:center;animation:pop .3s var(--ease-bounce)}
@keyframes pop{0%{transform:scale(0)}100%{transform:scale(1)}}
.btn-wa-nav{display:flex;align-items:center;gap:.38rem;background:transparent;border:1px solid var(--gold);color:var(--gold);padding:.38rem 1rem;font-family:var(--font-b);font-size:.65rem;letter-spacing:.1em;text-transform:uppercase;cursor:pointer;text-decoration:none;transition:all .3s;position:relative;overflow:hidden}
.btn-wa-nav::before{content:'';position:absolute;inset:0;background:var(--gold);transform:scaleX(0);transform-origin:left;transition:transform .3s var(--ease-smooth)}
.btn-wa-nav:hover::before{transform:scaleX(1)}
.btn-wa-nav svg,.btn-wa-nav span{position:relative;z-index:1;transition:color .3s}
.btn-wa-nav:hover svg,.btn-wa-nav:hover span{color:var(--black)}
.btn-wa-nav:hover{color:var(--black)}

/* ══ HAMBURGER ══ */
.hamburger{display:none;flex-direction:column;justify-content:center;gap:5px;background:none;border:none;cursor:pointer;padding:4px;width:34px;z-index:1100}
.hamburger span{display:block;width:22px;height:1.5px;background:var(--gold);transition:all .34s var(--ease-smooth);transform-origin:center}
.hamburger.open span:nth-child(1){transform:translateY(6.5px) rotate(45deg)}
.hamburger.open span:nth-child(2){opacity:0;transform:scaleX(0)}
.hamburger.open span:nth-child(3){transform:translateY(-6.5px) rotate(-45deg)}

/* ══ MOBILE DRAWER ══ */
#mob-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.68);z-index:1040;display:none;backdrop-filter:blur(4px)}
#mob-backdrop.show{display:block}
#mob-drawer{position:fixed;top:0;right:-100%;width:min(300px,82vw);height:100dvh;background:#0C0B09;border-left:1px solid rgba(201,168,76,.18);z-index:1050;transition:right .42s var(--ease-smooth);display:flex;flex-direction:column;overflow-y:auto}
#mob-drawer.open{right:0}
.dr-head{padding:1.25rem 1.3rem;border-bottom:1px solid rgba(201,168,76,.1);display:flex;align-items:center;justify-content:space-between;flex-shrink:0}
.dr-logo{font-family:var(--font-h);font-size:1.45rem;color:var(--gold);font-weight:700;letter-spacing:.12em;line-height:1}
.dr-logo span{font-style:italic;font-size:.5em;color:var(--white-dim);display:block;letter-spacing:.28em;margin-top:2px}
.dr-x{background:none;border:1px solid rgba(201,168,76,.28);color:var(--white-dim);width:28px;height:28px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:.85rem;transition:all .3s}
.dr-x:hover{border-color:var(--gold);color:var(--gold)}
.dr-links{flex:1;padding:.8rem 0}
.dr-links a{display:flex;align-items:center;gap:.9rem;padding:.9rem 1.3rem;color:var(--white-dim);text-decoration:none;font-size:.76rem;letter-spacing:.14em;text-transform:uppercase;cursor:pointer;border-left:2px solid transparent;transition:all .28s}
.dr-links a .d-ico{width:18px;text-align:center;opacity:.65;font-size:.95rem}
.dr-links a:hover{color:var(--gold);background:rgba(201,168,76,.04);border-left-color:var(--gold)}
.dr-sep{height:1px;background:rgba(201,168,76,.08);margin:.3rem 1.3rem}
.dr-foot{padding:1.2rem;border-top:1px solid rgba(201,168,76,.1);flex-shrink:0}
.dr-cart-btn{display:flex;align-items:center;justify-content:center;gap:.55rem;width:100%;background:transparent;color:var(--gold);border:1px solid rgba(201,168,76,.38);padding:.72rem;font-family:var(--font-b);font-size:.68rem;letter-spacing:.12em;text-transform:uppercase;cursor:pointer;margin-bottom:.6rem;transition:all .3s}
.dr-cart-btn:hover{background:rgba(201,168,76,.09)}
.dr-wa-btn{display:flex;align-items:center;justify-content:center;gap:.6rem;width:100%;background:var(--gold);color:var(--black);border:none;padding:.82rem;font-family:var(--font-b);font-size:.7rem;letter-spacing:.14em;text-transform:uppercase;cursor:pointer;font-weight:600;text-decoration:none;transition:background .3s}
.dr-wa-btn:hover{background:var(--gold-lt)}
#dr-badge{background:var(--black);color:var(--gold);padding:1px 6px;font-size:.58rem;font-weight:700;display:none;border-radius:2px}

/* ══ HERO SLIDESHOW ══ */
/* Desktop Hero Slider Ratio ~2000x750 */
#hero{
    position:relative;
    width:100%;
    aspect-ratio:2000 / 750;
    max-height:750px;
    overflow:hidden;
    background:var(--black);
}

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

.hero-slide{
    position:absolute;
    inset:0;
    opacity:0;
    transition:opacity 1.1s var(--ease-smooth);
    z-index:0;
}

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

.slide-img{
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:center;
    display:block;
}

/* Split Hero */
.split-hero{
    display:flex;
    width:100%;
    height:100%;
    flex-direction:row;
}

.split-content{
    flex:1;
    display:flex;
    flex-direction:column;
    justify-content:center;
    padding:2rem 4rem;
    background:var(--black);
    z-index:2;
}

.split-img{
    flex:1;
    position:relative;
    overflow:hidden;
}

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

/* Mobile Hero Ratio ~1024x1450 */
@media(max-width:768px){

    #hero{
        aspect-ratio:1024 / 1450;
        max-height:none;
    }

    .split-hero{
        flex-direction:column-reverse;
    }

    .split-content{
        padding:1.2rem;
        text-align:center;
    }

    .split-img .slide-img{
        object-position:center;
    }
} 

/* Lighter overlay so hero images are clearly visible */
.hero-overlay{position:absolute;inset:0;z-index:2;background:linear-gradient(135deg,rgba(0,0,0,.55) 0%,rgba(0,0,0,.10) 50%,rgba(0,0,0,.45) 100%)}
.hero-content{position:absolute;inset:0;z-index:3;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:2rem}
.hero-eyebrow{font-size:.66rem;letter-spacing:.44em;text-transform:uppercase;color:var(--gold);margin-bottom:1rem;opacity:0;animation:fadeUp 1s ease both .1s}
.hero-title{font-family:var(--font-h);font-size:clamp(3.2rem,9vw,7.8rem);font-weight:700;line-height:.88;color:var(--white);text-shadow:0 4px 40px rgba(0,0,0,.55);opacity:0;animation:fadeUp 1s ease both .25s}
.hero-title em{font-style:italic;color:var(--gold);display:block;filter:drop-shadow(0 0 30px rgba(201,168,76,.4))}
.hero-tagline{font-size:clamp(.68rem,1.7vw,.86rem);letter-spacing:.28em;text-transform:uppercase;color:rgba(245,240,232,.82);margin:1.2rem 0 2rem;opacity:0;animation:fadeUp 1s ease both .4s}
.btn-primary{display:inline-flex;align-items:center;justify-content:center;background:var(--gold);color:var(--black);padding:.86rem 2.6rem;min-height:44px;font-family:var(--font-b);font-size:.72rem;letter-spacing:.2em;text-transform:uppercase;border:none;cursor:pointer;transition:all .38s;text-decoration:none;font-weight:500;opacity:0;animation:fadeUp 1s ease both .55s;position:relative;overflow:hidden}
.btn-primary::before{content:'';position:absolute;inset:0;background:var(--gold-lt);transform:scaleX(0);transform-origin:left;transition:transform .38s var(--ease-smooth);z-index:0}
.btn-primary:hover::before{transform:scaleX(1)}
.btn-primary span,.btn-primary{position:relative;z-index:1}
.btn-primary:hover{transform:translateY(-2px);box-shadow:0 10px 38px rgba(201,168,76,.3)}
@keyframes fadeUp{from{opacity:0;transform:translateY(36px)}to{opacity:1;transform:translateY(0)}}
.hero-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:8;background:rgba(0,0,0,.3);border:1px solid rgba(201,168,76,.3);color:var(--gold);width:44px;height:44px;min-width:44px;min-height:44px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s;font-size:1rem;backdrop-filter:blur(4px)}
.hero-arrow:hover{background:rgba(201,168,76,.18);border-color:var(--gold);transform:translateY(-50%) scale(1.08)}
.arr-l{left:1.5rem}.arr-r{right:1.5rem}
.hero-dots{position:absolute;bottom:1.6rem;left:50%;transform:translateX(-50%);z-index:8;display:flex;gap:.4rem;align-items:center}
.h-dot{width:6px;height:6px;border-radius:50%;background:rgba(201,168,76,.3);cursor:pointer;transition:all .3s;border:none;padding:0;flex-shrink:0}
.h-dot.on{width:20px;border-radius:3px;background:var(--gold)}
.hero-counter{position:absolute;bottom:1.8rem;right:3%;z-index:8;font-size:.6rem;letter-spacing:.22em;color:rgba(201,168,76,.55)}
.scroll-hint{position:absolute;bottom:2rem;left:3%;z-index:8;display:flex;flex-direction:column;align-items:center;gap:.3rem;color:rgba(201,168,76,.5);font-size:.56rem;letter-spacing:.2em;text-transform:uppercase;animation:bob 2.2s ease-in-out infinite}
@keyframes bob{0%,100%{transform:translateY(0)}50%{transform:translateY(5px)}}
.sc-line{width:1px;height:30px;background:linear-gradient(to bottom,var(--gold),transparent)}

/* ══ DISCOUNT POPUP ══ */
#discount-popup{position:fixed;inset:0;z-index:3000;background:rgba(0,0,0,.88);backdrop-filter:blur(16px);display:none;align-items:center;justify-content:center;padding:1rem}
#discount-popup.on{display:flex;animation:fadeIn .4s ease}
@keyframes fadeIn{from{opacity:0}to{opacity:1}}
.dp-box{background:var(--black-card);border:1px solid rgba(201,168,76,.3);max-width:480px;width:100%;padding:0;overflow:hidden;position:relative;animation:slideUp .5s var(--ease-bounce)}
@keyframes slideUp{from{transform:translateY(40px);opacity:0}to{transform:translateY(0);opacity:1}}
.dp-banner{background:linear-gradient(135deg,#8B6914,var(--gold),#8B6914);padding:2rem;text-align:center;position:relative;overflow:hidden}
.dp-banner::before{content:'';position:absolute;inset:-50%;background:conic-gradient(transparent 0deg,rgba(255,255,255,.08) 90deg,transparent 180deg);animation:spin 4s linear infinite}
@keyframes spin{to{transform:rotate(360deg)}}
.dp-icon{font-size:2.8rem;display:block;margin-bottom:.5rem;position:relative;z-index:1}
.dp-banner h2{font-family:var(--font-h);font-size:2.2rem;color:var(--black);font-weight:700;position:relative;z-index:1}
.dp-banner p{font-size:.75rem;color:rgba(0,0,0,.7);letter-spacing:.2em;text-transform:uppercase;margin-top:.3rem;position:relative;z-index:1}
.dp-body{padding:1.8rem}
.dp-body p{font-size:.86rem;color:var(--white-dim);line-height:1.8;margin-bottom:1.2rem;text-align:center}
.dp-code{background:rgba(201,168,76,.08);border:1px dashed rgba(201,168,76,.4);padding:.8rem 1.4rem;text-align:center;font-family:var(--font-h);font-size:1.6rem;color:var(--gold);letter-spacing:.3em;margin-bottom:1.3rem;cursor:pointer;transition:all .3s;position:relative;overflow:hidden}
.dp-code:hover{background:rgba(201,168,76,.15)}
.dp-code::after{content:'Tap to copy';position:absolute;bottom:4px;right:8px;font-size:.5rem;font-family:var(--font-b);letter-spacing:.1em;color:var(--gold-dim);text-transform:uppercase}
.btn-dp{width:100%;background:var(--gold);color:var(--black);border:none;padding:.88rem;font-family:var(--font-b);font-size:.74rem;letter-spacing:.2em;text-transform:uppercase;cursor:pointer;font-weight:600;transition:background .3s;margin-bottom:.6rem}
.btn-dp:hover{background:var(--gold-lt)}
.dp-skip{display:block;text-align:center;font-size:.64rem;color:var(--white-dim);cursor:pointer;letter-spacing:.14em;text-transform:uppercase;padding:.5rem;transition:color .3s}
.dp-skip:hover{color:var(--gold)}
.dp-close{position:absolute;top:.7rem;right:.7rem;background:rgba(0,0,0,.3);border:none;color:rgba(255,255,255,.6);width:26px;height:26px;border-radius:50%;cursor:pointer;font-size:.8rem;display:flex;align-items:center;justify-content:center;z-index:10}

/* ══ STICKY GENDER FILTER BAR ══ */
#gender-bar{
  position:sticky;
  top:var(--nav-h);
  z-index:990;
  height:var(--gender-bar-h);
  background:rgba(9,9,10,.96);
  backdrop-filter:blur(18px);
  border-bottom:1px solid rgba(201,168,76,.14);
  display:flex;
  align-items:center;
  padding:0 4%;
  gap:1.2rem;
  box-shadow:0 4px 24px rgba(0,0,0,.4);
}
.gb-label{
  font-size:.58rem;
  letter-spacing:.28em;
  text-transform:uppercase;
  color:var(--gold-dim);
  white-space:nowrap;
  margin-right:.2rem;
}
.gb-btns{display:flex;gap:.5rem;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}
.gb-btns::-webkit-scrollbar{display:none}
.gb-btn{
  flex-shrink:0;
  background:transparent;
  border:1px solid rgba(201,168,76,.22);
  color:var(--white-dim);
  padding:.38rem 1.15rem;
  font-family:var(--font-b);
  font-size:.64rem;
  letter-spacing:.14em;
  text-transform:uppercase;
  cursor:pointer;
  transition:all .26s var(--ease-smooth);
  position:relative;
  overflow:hidden;
  white-space:nowrap;
}
.gb-btn::before{
  content:'';
  position:absolute;
  inset:0;
  background:rgba(201,168,76,.1);
  transform:scaleX(0);
  transform-origin:left;
  transition:transform .26s;
}
.gb-btn:hover::before,.gb-btn.on::before{transform:scaleX(1)}
.gb-btn.on,.gb-btn:hover{border-color:var(--gold);color:var(--gold)}
.gb-btn.on{
  background:rgba(201,168,76,.12);
  box-shadow:0 0 14px rgba(201,168,76,.15);
}

/* Gender dot indicators */
.gb-btn[data-gender="Men"]::after{content:'♂';margin-left:.3rem;font-size:.75rem;opacity:.6}
.gb-btn[data-gender="Women"]::after{content:'♀';margin-left:.3rem;font-size:.75rem;opacity:.6}
.gb-btn[data-gender="Unisex"]::after{content:'⚥';margin-left:.3rem;font-size:.75rem;opacity:.6}

/* ══ SECTION ══ */
.section{padding:5.5rem 4%;position:relative;z-index:1}
.s-label{font-size:.64rem;letter-spacing:.42em;text-transform:uppercase;color:var(--gold);margin-bottom:.55rem}
.s-title{font-family:var(--font-h);font-size:clamp(1.85rem,4vw,2.85rem);font-weight:600;color:var(--white)}
.s-sub{font-size:.82rem;color:var(--white-dim);max-width:480px;line-height:1.95;margin-top:.4rem}
.divider{width:50px;height:1px;background:var(--gold);margin:1.1rem 0;position:relative}
.divider::after{content:'◆';position:absolute;left:50%;transform:translateX(-50%) translateY(-50%);font-size:.5rem;color:var(--gold);top:50%}
.reveal{opacity:0;transform:translateY(28px);transition:opacity .75s ease,transform .75s ease}
.reveal.in{opacity:1;transform:translateY(0)}

/* ══ TRENDING BANNER ══ */
#trending{background:linear-gradient(135deg,var(--black-deep) 0%,#1a1200 50%,var(--black-deep) 100%);border-top:1px solid rgba(201,168,76,.08);border-bottom:1px solid rgba(201,168,76,.08)}
.trending-scroll{display:flex;gap:1.2rem;overflow-x:auto;padding:1rem 0;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none}
.trending-scroll::-webkit-scrollbar{display:none}
.trend-chip{flex-shrink:0;scroll-snap-align:start;display:flex;align-items:center;gap:.6rem;background:rgba(201,168,76,.06);border:1px solid rgba(201,168,76,.14);padding:.6rem 1.1rem;cursor:pointer;transition:all .3s;white-space:nowrap}
.trend-chip:hover{background:rgba(201,168,76,.12);border-color:rgba(201,168,76,.4);transform:translateY(-2px)}
.trend-rank{font-family:var(--font-h);font-size:.75rem;color:var(--gold);min-width:18px}
.trend-name{font-size:.72rem;letter-spacing:.08em;color:var(--white-dim)}
.trend-badge{font-size:.54rem;background:rgba(201,168,76,.18);color:var(--gold);padding:.15rem .45rem;letter-spacing:.1em;text-transform:uppercase}
.fire-icon{font-size:.9rem}

/* ══ BUNDLE OFFER ══ */
#bundle-section{background:linear-gradient(135deg,#0d0b00,#1a1300,#0d0b00);position:relative;overflow:hidden}
#bundle-section::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 60% 60% at 50% 50%,rgba(201,168,76,.06),transparent);pointer-events:none}
.bundle-card{background:var(--black-card);border:1px solid rgba(201,168,76,.2);padding:2.5rem;display:grid;grid-template-columns:1fr auto 1fr;gap:2rem;align-items:center;position:relative;overflow:hidden;transition:border-color .3s,box-shadow .3s;max-width:900px;margin:0 auto}
.bundle-card:hover{border-color:rgba(201,168,76,.4);box-shadow:0 20px 60px rgba(0,0,0,.5),inset 0 0 60px rgba(201,168,76,.03)}
.bundle-glow{position:absolute;inset:0;background:radial-gradient(ellipse 70% 70% at 50% 50%,rgba(201,168,76,.04),transparent);pointer-events:none;opacity:0;transition:opacity .4s}
.bundle-card:hover .bundle-glow{opacity:1}
.bundle-items{display:flex;flex-direction:column;gap:.7rem}
.b-item{display:flex;align-items:center;gap:.7rem;background:rgba(201,168,76,.04);padding:.6rem .9rem;border-left:2px solid var(--gold)}
.b-item-name{font-size:.8rem;color:var(--white)}
.b-item-price{font-size:.72rem;color:var(--white-dim);text-decoration:line-through}
.bundle-center{text-align:center}
.b-offer-badge{background:var(--gold);color:var(--black);padding:.4rem .9rem;font-size:.58rem;letter-spacing:.2em;text-transform:uppercase;font-weight:700;display:inline-block;margin-bottom:.8rem}
.b-savings{font-family:var(--font-h);font-size:2.2rem;color:var(--gold);display:block}
.b-save-lbl{font-size:.6rem;letter-spacing:.22em;text-transform:uppercase;color:var(--white-dim)}
.b-total{font-size:.78rem;color:var(--white-dim);margin-top:.5rem}
.b-total span{color:var(--gold);font-weight:600}

/* ══ PRODUCTS ══ */
#collection{background:var(--black-mid)}
.products-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1.6rem;margin-top:1.8rem}

/* ══ PRODUCT CARD ══ */
.product-card{background:var(--black-card);border:1px solid rgba(201,168,76,.08);cursor:pointer;transition:all .38s var(--ease-smooth);position:relative;overflow:hidden;touch-action:pan-y}
.product-card::after{content:'';position:absolute;inset:0;background:linear-gradient(135deg,transparent,rgba(201,168,76,.04));opacity:0;transition:opacity .38s;pointer-events:none}
.product-card:hover::after{opacity:1}
.product-card:hover{border-color:rgba(201,168,76,.35);transform:translateY(-6px);box-shadow:0 20px 56px rgba(0,0,0,.5),0 0 26px rgba(201,168,76,.06)}
.p-img-wrap{height:260px;overflow:hidden;position:relative;background:linear-gradient(135deg,#0f0e0b,#1a1712);display:flex;align-items:center;justify-content:center}
.p-img-wrap img{width:100%;height:100%;object-fit:contain;transition:transform .6s}
.product-card:hover .p-img-wrap img{transform:scale(1.08)}
.p-ph{font-family:var(--font-h);font-size:2.2rem;color:rgba(201,168,76,.16);font-style:italic}
.p-badge{position:absolute;top:.7rem;left:.7rem;background:var(--gold);color:var(--black);font-size:.54rem;letter-spacing:.12em;text-transform:uppercase;padding:.2rem .6rem;font-weight:600;display:flex;flex-direction:column;gap:0.3rem;align-items:flex-start;}
.p-badge span {background:var(--gold);color:var(--black);padding:.2rem .6rem;}
.p-badge .bestseller{background:#c9a84c;animation:pulse-badge 2s ease-in-out infinite}
.type-badge.premium{background:linear-gradient(135deg, #FFD700, #DAA520);color:var(--black);font-weight:700;box-shadow:0 0 10px rgba(255,215,0,0.5);}
.type-badge.classic{background:var(--white);color:var(--black);font-weight:600;}
.oos-badge{position:absolute;top:.7rem;right:.7rem;background:rgba(140,25,25,.88);color:#ff8585;font-size:.54rem;letter-spacing:.1em;padding:.2rem .6rem;text-transform:uppercase}
.p-wishlist{position:absolute;top:.6rem;right:.6rem;background:rgba(0,0,0,.5);border:1px solid rgba(255,255,255,.1);color:var(--white-dim);width:30px;height:30px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:.9rem;transition:all .3s;backdrop-filter:blur(4px);z-index:2}
.p-wishlist:hover,.p-wishlist.on{color:#ff6b8a;border-color:#ff6b8a;background:rgba(255,107,138,.1)}
.p-info{padding:1.2rem}
.p-cat{font-size:.58rem;letter-spacing:.22em;text-transform:uppercase;color:var(--gold-dim);margin-bottom:.3rem}
.p-name{font-family:var(--font-cinzel);font-size:1.1rem;font-weight:600;color:var(--white);margin-bottom:.2rem}
.p-ml{font-size:.68rem;color:var(--white-dim);margin-bottom:.4rem}
.p-notes-preview{font-size:.63rem;color:rgba(168,152,128,.6);margin-bottom:.6rem;font-style:italic}
.p-stars{display:flex;align-items:center;gap:.3rem;margin-bottom:.6rem}
.p-stars .stars{color:var(--gold);font-size:.7rem;letter-spacing:.02em}
.p-stars .count{font-size:.6rem;color:var(--white-dim)}
.p-price-row{display:flex;align-items:baseline;gap:.6rem}
.p-price{font-family:var(--font-cinzel);font-size:1.25rem;color:var(--gold);font-weight:600}
.p-orig-price{font-size:.78rem;color:var(--white-dim);text-decoration:line-through;opacity:.6}
.p-add{display:none;width:100%;margin-top:.8rem;background:transparent;border:1px solid var(--gold);color:var(--gold);padding:.58rem;font-family:var(--font-b);font-size:.64rem;letter-spacing:.14em;text-transform:uppercase;cursor:pointer;transition:all .28s;position:relative;overflow:hidden}
.p-add::before{content:'';position:absolute;inset:0;background:var(--gold);transform:scaleX(0);transform-origin:left;transition:transform .28s var(--ease-smooth)}
.p-add:hover::before{transform:scaleX(1)}
.p-add span{position:relative;z-index:1;transition:color .28s}
.p-add:hover span{color:var(--black)}
.product-card:hover .p-add{display:block}

/* ══ OVERLAY ══ */
#product-overlay{position:fixed;inset:0;z-index:2000;background:rgba(0,0,0,.93);backdrop-filter:blur(12px);display:none;align-items:center;justify-content:center;padding:1.5rem}
#product-overlay.on{display:flex}
.ov-box{background:var(--black-card);border:1px solid rgba(201,168,76,.2);max-width:900px;width:100%;display:grid;grid-template-columns:1fr 1fr;max-height:88vh;overflow-y:auto;position:relative;animation:slideUp .4s var(--ease-bounce)}
.ov-back{position:absolute;top:1rem;left:1rem;background:rgba(201,168,76,.1);border:1px solid rgba(201,168,76,.2);color:var(--gold);font-family:var(--font-b);font-size:.75rem;cursor:pointer;z-index:90;transition:all .3s;display:flex;align-items:center;gap:.4rem;padding:.4rem .9rem;border-radius:99px;backdrop-filter:blur(4px);text-transform:uppercase;letter-spacing:.1em;font-weight:500;}
.ov-back:hover{background:rgba(201,168,76,.2);transform:translateX(-2px);box-shadow:0 4px 12px rgba(0,0,0,.3);}
.ov-img{height:100%;min-height:360px;background:linear-gradient(135deg,#0f0e0b,#1a1712);display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative}
.ov-img img{width:100%;height:100%;object-fit:contain;transition:transform .6s}
.ov-img:hover img{transform:scale(1.04)}
.ov-ph{font-family:var(--font-h);font-size:3.5rem;color:rgba(201,168,76,.18);font-style:italic}
.ov-info{padding:2rem;overflow-y:auto}
.ov-cat{font-size:.58rem;letter-spacing:.3em;text-transform:uppercase;color:var(--gold);margin-bottom:.3rem}
.ov-name{font-family:var(--font-cinzel);font-size:1.6rem;color:var(--white);font-weight:600;margin-bottom:.25rem}
.ov-ml{font-size:.74rem;color:var(--white-dim);margin-bottom:.6rem}
.ov-stars{display:flex;align-items:center;gap:.4rem;margin-bottom:.9rem}
.ov-stars .stars{color:var(--gold);font-size:.85rem}
.ov-stars .rat-num{font-family:var(--font-h);font-size:1rem;color:var(--white)}
.ov-stars .rat-count{font-size:.68rem;color:var(--white-dim)}
.ov-price{font-family:var(--font-cinzel);font-size:1.8rem;color:var(--gold);font-weight:600;margin-bottom:.6rem}
.ov-price-row{display:flex;align-items:baseline;gap:.8rem;margin-bottom:1.1rem}
.ov-orig-price{font-size:1rem;color:var(--white-dim);text-decoration:line-through;opacity:.6}
.ov-discount-tag{background:rgba(201,168,76,.15);color:var(--gold);font-size:.62rem;padding:.2rem .5rem;letter-spacing:.1em;text-transform:uppercase}
.n-title{font-size:.58rem;letter-spacing:.24em;text-transform:uppercase;color:var(--gold-dim);margin-bottom:.32rem}
.n-title-premium{font-family:var(--font-h);font-size:1.15rem;color:var(--gold);letter-spacing:.05em;margin-bottom:.8rem;border-bottom:1px solid rgba(201,168,76,.2);padding-bottom:.4rem;display:inline-block}
.notes-list{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem;background:rgba(201,168,76,.03);padding:1rem;border-radius:4px;border:1px solid rgba(201,168,76,.1)}
.notes-list p{font-size:.8rem;color:var(--white-dim);display:flex;align-items:center;}
.n-bullet{width:4px;height:4px;background:var(--gold);border-radius:50%;display:inline-block;margin-right:.5rem;box-shadow:0 0 5px var(--gold)}
.notes-list strong{color:var(--white);font-weight:500;margin-right:.4rem;min-width:85px}
.n-val{color:var(--white-dim);font-style:italic}
.n-text{font-size:.8rem;color:var(--white-dim);line-height:1.85;margin-bottom:1rem}
.note-tags{display:flex;flex-wrap:wrap;gap:.4rem;margin-bottom:1rem}
.note-tag{background:rgba(201,168,76,.08);border:1px solid rgba(201,168,76,.18);color:var(--white-dim);font-size:.6rem;padding:.22rem .6rem;letter-spacing:.1em;text-transform:uppercase;transition:all .28s}
.note-tag:hover{background:rgba(201,168,76,.16);color:var(--gold)}
.qty-row{display:flex;align-items:center;gap:.9rem;margin-bottom:1.1rem}
.qty-lbl{font-size:.64rem;letter-spacing:.2em;text-transform:uppercase;color:var(--white-dim)}
.qty-ctrl{display:flex;align-items:center;gap:.4rem}
.qty-btn{width:30px;height:30px;border:1px solid rgba(201,168,76,.28);background:transparent;color:var(--gold);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1rem;transition:all .28s}
.qty-btn:hover{background:rgba(201,168,76,.14);transform:scale(1.1)}
.qty-n{min-width:28px;text-align:center;font-size:.95rem;color:var(--white)}
.ov-btns{display:flex;flex-direction:column;gap:.65rem}
.stock-indicator{display:flex;align-items:center;gap:.5rem;margin-bottom:.9rem;font-size:.7rem}
.stock-dot{width:7px;height:7px;border-radius:50%;background:#4caf50;animation:pulse-green 2s infinite}
.stock-dot.low{background:#ff9800}
.stock-dot.out{background:#f44336;animation:none}
@keyframes pulse-green{0%,100%{box-shadow:0 0 0 0 rgba(76,175,80,.4)}50%{box-shadow:0 0 0 6px rgba(76,175,80,0)}}
.stock-text{color:var(--white-dim)}
.stock-text.low{color:#ff9800}.stock-text.out{color:#f44336}

.ml-select-row{display:flex;align-items:center;gap:.9rem;margin-bottom:1rem;}
.ml-btn{background:transparent;border:1px solid rgba(201,168,76,.28);color:var(--white-dim);padding:.35rem .8rem;font-family:var(--font-b);font-size:.68rem;cursor:pointer;transition:all .28s;border-radius:2px;}
.ml-btn:hover{border-color:var(--gold);color:var(--gold);}
.ml-btn.active{background:rgba(201,168,76,.15);border-color:var(--gold);color:var(--gold);}

/* ══ CART ══ */
.cart-bd{position:fixed;inset:0;background:rgba(0,0,0,.52);z-index:1400;display:none}
.cart-bd.on{display:block}
#cart-sidebar{position:fixed;top:0;right:-380px;width:360px;height:100dvh;background:var(--black-card);border-left:1px solid rgba(201,168,76,.13);z-index:1500;transition:right .4s var(--ease-smooth);display:flex;flex-direction:column}
#cart-sidebar.open{right:0}
.cart-head{padding:1.2rem;border-bottom:1px solid rgba(201,168,76,.1);display:flex;align-items:center;justify-content:space-between}
.cart-ttl{font-family:var(--font-h);font-size:1.15rem;color:var(--white)}
.cart-cls{background:none;border:none;color:var(--white-dim);font-size:1.3rem;cursor:pointer;transition:color .3s}
.cart-cls:hover{color:var(--gold)}
.cart-items{flex:1;overflow-y:auto;padding:.7rem}
.c-item{display:grid;grid-template-columns:52px 1fr auto;gap:.7rem;padding:.8rem 0;border-bottom:1px solid rgba(201,168,76,.07);align-items:start;animation:slideIn .3s var(--ease-smooth)}
@keyframes slideIn{from{opacity:0;transform:translateX(20px)}to{opacity:1;transform:translateX(0)}}
.ci-img{width:52px;height:52px;background:var(--black-mid);display:flex;align-items:center;justify-content:center;font-family:var(--font-h);font-size:.68rem;color:var(--gold-dim);overflow:hidden}
.ci-img img{width:100%;height:100%;object-fit:cover}
.ci-name{font-size:.8rem;color:var(--white);margin-bottom:.2rem}
.ci-price{font-size:.74rem;color:var(--gold);margin-bottom:.35rem}
.ci-qty{display:flex;align-items:center;gap:.34rem}
.cq-btn{width:20px;height:20px;border:1px solid rgba(201,168,76,.28);background:transparent;color:var(--gold);font-size:.76rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .28s}
.cq-btn:hover{background:rgba(201,168,76,.14)}
.ci-rm{background:none;border:none;color:var(--white-dim);cursor:pointer;font-size:.9rem;transition:color .3s;padding:.3rem}
.ci-rm:hover{color:#ff6b6b}
.cart-empty-msg{text-align:center;padding:3rem 1rem;color:var(--white-dim);font-size:.78rem}
.cart-foot{padding:1.1rem;border-top:1px solid rgba(201,168,76,.1)}
.coupon-row{display:flex;gap:.5rem;margin-bottom:.9rem}
.coupon-input{flex:1;background:rgba(255,255,255,.04);border:1px solid rgba(201,168,76,.18);color:var(--white);padding:.52rem .8rem;font-family:var(--font-b);font-size:.73rem;outline:none;transition:border-color .28s}
.coupon-input:focus{border-color:var(--gold)}
.coupon-input::placeholder{color:rgba(168,152,128,.4)}
.btn-coupon{background:transparent;border:1px solid rgba(201,168,76,.3);color:var(--gold);padding:.52rem .9rem;font-size:.62rem;letter-spacing:.1em;text-transform:uppercase;cursor:pointer;transition:all .28s;white-space:nowrap}
.btn-coupon:hover{background:rgba(201,168,76,.1)}
.cart-tot{display:flex;justify-content:space-between;margin-bottom:.5rem}
.ct-lbl{font-size:.68rem;letter-spacing:.14em;text-transform:uppercase;color:var(--white-dim)}
.ct-amt{font-family:var(--font-h);font-size:1.28rem;color:var(--gold)}
.ct-discount{display:flex;justify-content:space-between;margin-bottom:.8rem}
.ct-dlbl{font-size:.66rem;color:#4caf50}
.ct-damt{font-size:.88rem;color:#4caf50;font-weight:500}
.btn-checkout{width:100%;background:var(--gold);color:var(--black);border:none;padding:.86rem;font-family:var(--font-b);font-size:.68rem;letter-spacing:.18em;text-transform:uppercase;cursor:pointer;transition:all .3s;font-weight:500;position:relative;overflow:hidden}
.btn-checkout::before{content:'';position:absolute;inset:0;background:var(--gold-lt);transform:scaleX(0);transform-origin:left;transition:transform .3s}
.btn-checkout:hover::before{transform:scaleX(1)}
.btn-checkout span{position:relative;z-index:1}
.btn-wa-co{width:100%;background:transparent;color:var(--gold);border:1px solid var(--gold);padding:.7rem;font-family:var(--font-b);font-size:.66rem;letter-spacing:.12em;text-transform:uppercase;cursor:pointer;transition:all .3s;margin-top:.6rem;display:flex;align-items:center;justify-content:center;gap:.42rem}
.btn-wa-co:hover{background:rgba(201,168,76,.09)}

/* ══ CUSTOM MODAL ══ */
.custom-modal{position:fixed;inset:0;z-index:3000;background:rgba(0,0,0,.85);backdrop-filter:blur(8px);display:none;align-items:center;justify-content:center;padding:1.5rem}
.custom-modal.on{display:flex;animation:fadeIn .3s ease}
.cm-box{background:var(--black-card);border:1px solid rgba(201,168,76,.2);max-width:400px;width:100%;padding:2rem;border-radius:var(--radius-lg);text-align:center;box-shadow:0 10px 40px rgba(0,0,0,.5);animation:slideUp .4s var(--ease-bounce)}
.cm-title{font-family:var(--font-h);font-size:1.4rem;color:var(--white);margin-bottom:.8rem}
.cm-desc{font-size:.85rem;color:var(--white-dim);line-height:1.6;margin-bottom:1.8rem}
.cm-actions{display:flex;gap:1rem}
.cm-btn{flex:1;padding:.85rem;font-family:var(--font-b);font-size:.75rem;letter-spacing:.1em;text-transform:uppercase;cursor:pointer;border-radius:99px;font-weight:600;transition:all .3s;border:none}
.cm-btn.cancel{background:transparent;border:1px solid rgba(201,168,76,.3);color:var(--white-dim)}
.cm-btn.cancel:hover{background:rgba(255,255,255,.05);color:var(--white)}
.cm-btn.confirm{background:var(--gold);color:var(--black)}
.cm-btn.confirm:hover{background:var(--gold-lt);box-shadow:0 4px 15px rgba(201,168,76,.3)}

/* ══ ORDER MODAL ══ */
#order-modal{position:fixed;inset:0;z-index:2500;background:rgba(0,0,0,.92);backdrop-filter:blur(10px);display:none;align-items:center;justify-content:center;padding:1rem}
#order-modal.on{display:flex}
.m-box{background:var(--black-card);border:1px solid rgba(201,168,76,.2);width:100%;max-width:520px;max-height:90dvh;overflow-y:auto;padding:2rem;position:relative;animation:slideUp .4s var(--ease-bounce)}
.m-title{font-family:var(--font-h);font-size:1.25rem;color:var(--white);margin-bottom:1.3rem}
.m-close{position:absolute;top:.9rem;right:.9rem;background:none;border:none;color:var(--white-dim);font-size:1.3rem;cursor:pointer;transition:color .3s}
.m-close:hover{color:var(--gold)}
.fg{margin-bottom:1.1rem}
.fg label{display:block;font-size:.64rem;letter-spacing:.16em;text-transform:uppercase;color:var(--white-dim);margin-bottom:.42rem}
.fg input,.fg textarea{width:100%;background:rgba(255,255,255,.04);border:1px solid rgba(201,168,76,.2);color:var(--white);padding:.76rem .95rem;font-family:var(--font-b);font-size:.83rem;outline:none;transition:border-color .28s}
.fg input:focus,.fg textarea:focus{border-color:var(--gold)}
.fg input::placeholder,.fg textarea::placeholder{color:rgba(168,152,128,.4)}
.fg textarea{resize:vertical;min-height:76px}
.btn-confirm{width:100%;background:var(--gold);color:var(--black);border:none;padding:.9rem;font-family:var(--font-b);font-size:.73rem;letter-spacing:.18em;text-transform:uppercase;cursor:pointer;transition:all .3s;font-weight:500;margin-top:.5rem}
.btn-confirm:hover{background:var(--gold-lt)}

/* ══ REVIEWS ══ */
#reviews{background:var(--black-deep);border-top:1px solid rgba(201,168,76,.06);border-bottom:1px solid rgba(201,168,76,.06)}
.reviews-header{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:2.5rem;flex-wrap:wrap;gap:1rem}
.rating-summary{display:flex;align-items:center;gap:2rem}
.big-rating{font-family:var(--font-h);font-size:4rem;color:var(--gold);line-height:1}
.rating-detail{display:flex;flex-direction:column;gap:.25rem}
.rating-stars{color:var(--gold);font-size:1.1rem;letter-spacing:.05em}
.rating-total{font-size:.72rem;color:var(--white-dim);letter-spacing:.1em}
.rating-bars{display:flex;flex-direction:column;gap:.35rem}
.r-bar-row{display:flex;align-items:center;gap:.7rem;font-size:.65rem;color:var(--white-dim)}
.r-bar-track{flex:1;height:4px;background:rgba(255,255,255,.06);border-radius:2px;overflow:hidden;min-width:100px}
.r-bar-fill{height:100%;background:var(--gold);border-radius:2px;transform-origin:left;animation:barGrow 1s var(--ease-smooth) both}
@keyframes barGrow{from{transform:scaleX(0)}to{transform:scaleX(1)}}
.r-bar-pct{min-width:28px;text-align:right}
.reviews-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.4rem;margin-bottom:2rem}
.review-card{background:var(--black-card);border:1px solid rgba(201,168,76,.07);padding:1.5rem;transition:border-color .3s,transform .3s}
.review-card:hover{border-color:rgba(201,168,76,.22);transform:translateY(-3px)}
.rc-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:.8rem}
.rc-user{display:flex;align-items:center;gap:.7rem}
.rc-avatar{width:38px;height:38px;border-radius:50%;background:linear-gradient(135deg,var(--gold-dim),var(--gold));display:flex;align-items:center;justify-content:center;font-family:var(--font-h);font-size:1rem;color:var(--black);font-weight:700}
.rc-name{font-family:var(--font-cinzel);font-size:.82rem;color:var(--white);margin-bottom:.1rem;font-weight:600;}
.rc-date{font-size:.64rem;color:var(--white-dim)}
.rc-product{font-size:.62rem;color:var(--gold);letter-spacing:.1em;text-transform:uppercase;margin-bottom:.5rem}
.rc-stars{color:var(--gold);font-size:.8rem;letter-spacing:.04em;margin-bottom:.65rem}
.rc-text{font-size:.81rem;color:var(--white-dim);line-height:1.85;font-style:italic}
.rc-verified{display:flex;align-items:center;gap:.3rem;font-size:.62rem;color:#4caf50;margin-top:.8rem}
.btn-review{display:inline-flex;align-items:center;gap:.5rem;background:transparent;border:1px solid rgba(201,168,76,.3);color:var(--gold);padding:.6rem 1.4rem;font-size:.66rem;letter-spacing:.14em;text-transform:uppercase;cursor:pointer;transition:all .3s;font-family:var(--font-b)}
.btn-review:hover{background:rgba(201,168,76,.09);border-color:var(--gold)}

/* ══ REVIEW MODAL ══ */
#review-modal{position:fixed;inset:0;z-index:2600;background:rgba(0,0,0,.92);backdrop-filter:blur(10px);display:none;align-items:center;justify-content:center;padding:1rem}
#review-modal.on{display:flex}
.star-select{display:flex;gap:.4rem;margin-bottom:1rem}
.star-btn{background:none;border:none;font-size:1.6rem;cursor:pointer;color:rgba(255,255,255,.2);transition:all .2s;transform-origin:center}
.star-btn.filled,.star-btn:hover{color:var(--gold);transform:scale(1.15)}

/* ══ ABOUT ══ */
.about-wrap{display:grid;grid-template-columns:1fr 1fr;gap:5rem;align-items:center}
.about-text p{font-size:.88rem;color:var(--white-dim);line-height:2.05;margin-bottom:.9rem}
.about-stats{display:flex;gap:2.5rem;margin-top:2rem;flex-wrap:wrap}
.stat-item{position:relative;padding-left:1rem;border-left:2px solid rgba(201,168,76,.3)}
.stat-num{font-family:var(--font-h);font-size:2.35rem;color:var(--gold);display:block;line-height:1}
.stat-lbl{font-size:.65rem;letter-spacing:.2em;text-transform:uppercase;color:var(--white-dim);margin-top:.2rem;display:block}
.about-visual{position:relative;height:460px;display:flex;align-items:center;justify-content:center}
.ab-ring{position:absolute;border:1px solid rgba(201,168,76,.13);border-radius:50%}
.r1{width:290px;height:290px;animation:spinRing 22s linear infinite}
.r2{width:390px;height:390px;border-style:dashed;animation:spinRing 32s linear infinite reverse}
.r3{width:470px;height:470px;animation:spinRing 44s linear infinite}
@keyframes spinRing{to{transform:rotate(360deg)}}
.ab-center{font-family:var(--font-h);font-size:4.5rem;color:rgba(201,168,76,.22);font-style:italic;z-index:2;text-align:center;line-height:1}

/* ══ CONTACT ══ */
#contact{background:var(--black-mid)}
.contact-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.8rem;margin-top:2.6rem}
.c-card{background:var(--black-card);border:1px solid rgba(201,168,76,.09);padding:2.3rem;transition:all .3s;position:relative;overflow:hidden}
.c-card::after{content:'';position:absolute;inset:0;background:linear-gradient(135deg,rgba(201,168,76,.03),transparent);opacity:0;transition:opacity .3s}
.c-card:hover{border-color:rgba(201,168,76,.36);transform:translateY(-4px)}
.c-card:hover::after{opacity:1}
.c-icon{font-size:1.4rem;margin-bottom:.9rem}
.c-card-title{font-family:var(--font-h);font-size:1.05rem;color:var(--white);margin-bottom:.4rem}
.c-card-text{font-size:.78rem;color:var(--white-dim);margin-bottom:1.1rem;line-height:1.8}
.btn-c{display:inline-block;border:1px solid var(--gold);color:var(--gold);padding:.54rem 1.4rem;font-size:.66rem;letter-spacing:.14em;text-transform:uppercase;cursor:pointer;background:transparent;transition:all .3s;text-decoration:none;position:relative;overflow:hidden}
.btn-c::before{content:'';position:absolute;inset:0;background:var(--gold);transform:scaleX(0);transform-origin:left;transition:transform .3s}
.btn-c:hover::before{transform:scaleX(1)}
.btn-c span,.btn-c{position:relative;z-index:1}
.btn-c:hover{color:var(--black)}

/* ══ FOOTER ══ */
footer{background:var(--black);border-top:1px solid rgba(201,168,76,.09);padding:3.5rem 4%;position:relative;overflow:hidden}
footer::before{content:'';position:absolute;top:-80px;left:50%;transform:translateX(-50%);width:600px;height:300px;background:radial-gradient(ellipse,rgba(201,168,76,.04),transparent);pointer-events:none}
.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:3rem;margin-bottom:2.5rem;text-align:left}
.f-logo{font-family:var(--font-h);font-size:2rem;color:var(--gold);font-weight:700;margin-bottom:.5rem;filter:drop-shadow(0 0 20px rgba(201,168,76,.2))}
.f-tag{font-size:.7rem;letter-spacing:.3em;text-transform:uppercase;color:var(--white-dim);margin-bottom:.9rem}
.f-desc{font-size:.78rem;color:rgba(168,152,128,.6);line-height:1.9}
.f-col-title{font-size:.64rem;letter-spacing:.28em;text-transform:uppercase;color:var(--gold);margin-bottom:1rem}
.f-links{list-style:none;display:flex;flex-direction:column;gap:.55rem}
.f-links a{font-size:.75rem;color:rgba(168,152,128,.65);text-decoration:none;cursor:pointer;transition:color .28s;letter-spacing:.05em}
.f-links a:hover{color:var(--gold)}
.f-divider{height:1px;background:rgba(201,168,76,.08);margin-bottom:1.5rem}
.f-copy{font-size:.68rem;color:rgba(168,152,128,.35);text-align:center}

/* ══ FAQ ACCORDION ══ */
.faq-item{margin-bottom:1rem;border:1px solid rgba(201,168,76,.15);border-radius:4px;background:var(--black-card);overflow:hidden;}
.faq-question{width:100%;text-align:left;background:transparent;border:none;padding:1.2rem;font-family:var(--font-h);font-size:1.1rem;color:var(--gold);cursor:pointer;display:flex;justify-content:space-between;align-items:center;}
.faq-question::after{content:'+';font-size:1.5rem;transition:transform .3s;}
.faq-item.open .faq-question::after{transform:rotate(45deg);}
.faq-answer{max-height:0;overflow:hidden;transition:max-height .3s var(--ease-smooth);padding:0 1.2rem;background:rgba(201,168,76,.02);}
.faq-item.open .faq-answer{max-height:300px;padding:0 1.2rem 1.2rem;}
.faq-answer p{font-size:.85rem;color:var(--white-dim);line-height:1.8;}
.toast{position:fixed;bottom:5.5rem;right:1.2rem;z-index:9999;background:var(--black-card);border:1px solid rgba(201,168,76,.38);color:var(--white);padding:.72rem 1.3rem;font-size:.76rem;font-family:var(--font-b);transform:translateY(16px);opacity:0;transition:all .3s;pointer-events:none;display:flex;align-items:center;gap:.5rem}
.toast.show{transform:translateY(0);opacity:1}
.toast-icon{font-size:.9rem}
.loading{text-align:center;padding:3rem;color:var(--white-dim);font-size:.78rem;letter-spacing:.2em;text-transform:uppercase}
.loading::after{content:'';animation:dots 1.2s steps(3,end) infinite}
@keyframes dots{0%{content:''}33%{content:'.'}66%{content:'..'}100%{content:'...'}}

/* ══ WISHLIST COUNT ══ */
.wl-count{position:absolute;top:-4px;right:-6px;background:rgba(255,107,138,.9);color:white;width:16px;height:16px;border-radius:50%;font-size:.5rem;font-weight:700;display:none;align-items:center;justify-content:center}

/* ══ BACK TO TOP ══ */
/* #back-top{position:fixed;bottom:50px;left:1.2rem;z-index:888;background:rgba(201,168,76,.15);border:1px solid rgba(201,168,76,.3);color:var(--gold);width:38px;height:38px;display:none;align-items:center;justify-content:center;cursor:pointer;transition:all .3s;backdrop-filter:blur(8px);font-size:.85rem}
@media (max-width:768px){ #back-top{bottom:160px;} }
#back-top.show{display:flex}
#back-top:hover{background:rgba(201,168,76,.25);transform:translateY(-3px)} */

.wa-fab{position:fixed;bottom:1.5rem;right:1.5rem;background:#25D366;color:white;width:56px;height:56px;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 14px rgba(37,211,102,.4);z-index:1900;transition:transform .3s;animation:bloom 2s infinite;}
@keyframes bloom{0%{box-shadow:0 0 0 0 rgba(37,211,102,0.7)}70%{box-shadow:0 0 0 15px rgba(37,211,102,0)}100%{box-shadow:0 0 0 0 rgba(37,211,102,0)}}
.wa-fab:hover{transform:scale(1.1);animation:none;}
.wa-fab svg{width:32px;height:32px}

/* ══ RESPONSIVE ══ */
@media(max-width:1024px){
  .ov-box{grid-template-columns:1fr; max-height:100dvh; height:100dvh; border-radius:0; border:none; width:100vw; margin:0;}
  .ov-img{min-height:280px; height:auto; flex-shrink:0;}
  #product-overlay{padding:0;}
  .ov-back{top:1rem; left:1rem;}
}
@media(max-width:900px){
  .nav-links{display:none}.btn-wa-nav{display:none}.hamburger{display:flex}
  .about-wrap{grid-template-columns:1fr}.about-visual{display:none}
  .contact-grid{grid-template-columns:1fr}
  .arr-l{left:.8rem}.arr-r{right:.8rem}
  .footer-grid{grid-template-columns:1fr}
  .reviews-header{flex-direction:column}
  .rating-summary{flex-direction:column;align-items:flex-start}
  .bundle-card{grid-template-columns:1fr;text-align:center;padding:1.5rem}
  #gender-bar{gap:.7rem; padding:0 1rem;}
  .section{padding:4.5rem 1rem;}
  .s-title{font-size:clamp(1.8rem, 6vw, 2.85rem);}
  .hero-title{font-size:clamp(2.5rem, 8vw, 7.8rem);}
}
@media(max-width:600px){
  .products-grid{grid-template-columns:1fr 1fr; gap:0.8rem;}
  .p-img-wrap{height:160px;}
  .p-ph{font-size:1.5rem;}
  .p-name{font-size:0.95rem;}
  .p-price{font-size:1rem;}
  .p-info{padding:0.8rem;}
  .section{padding:3.5rem 1rem;}
  .s-title{font-size:2rem;}
  #cart-sidebar{width:100%; right:-100%; max-width:100vw;}
  .m-box{padding:1.5rem; max-height:100dvh; height:100dvh; width:100vw; max-width:100vw; border-radius:0; border:none; margin:0;}
  #order-modal{padding:0;}
  .btn-primary, .btn-checkout, .btn-wa-co, .btn-confirm, .btn-upi, .btn-dp { min-height:44px; padding:1rem; display:flex; align-items:center; justify-content:center; } /* Better touch targets */
  .gb-btn, .ml-btn { min-height:44px; display:inline-flex; align-items:center; justify-content:center; }
  .p-add { min-height:36px; padding:0.6rem; display:flex; align-items:center; justify-content:center; font-size:0.65rem; margin-top:0.6rem; }
  .product-card .p-add { display:flex; } /* Show add to cart on mobile always */
  .dp-box { max-width:100vw; width:90vw; margin:0 auto;}
}
@media(max-width:400px){
  .products-grid{grid-template-columns:1fr 1fr;}
  .p-img-wrap{height:140px;}
  .p-name{font-size:0.85rem;}
  .p-price{font-size:0.9rem;}
  .p-badge{font-size:0.5rem; padding:0.15rem 0.4rem; top:0.4rem; left:0.4rem;}
  .oos-badge{font-size:0.5rem; padding:0.15rem 0.4rem; top:0.4rem; right:0.4rem;}
  .p-badge span {padding:0.15rem 0.4rem;}
}

/* ══ FIXES ══ */
button:active,
button:focus {
  color: inherit;
  opacity: 1 !important;
}

.btn-primary:active span,
.btn-checkout:active span,
.btn-confirm:active span,
.btn-wa-co:active span,
.btn-wa-nav:active span {
  color: var(--black) !important;
}

.btn-wa-co:active span {
  color: var(--gold) !important;
}

.ci-size {
  font-size: 0.65rem;
  color: var(--white-dim);
  margin-left: 0.4rem;
  background: rgba(201, 168, 76, 0.1);
  padding: 0.1rem 0.3rem;
  border-radius: 2px;
}

.btn-acart-lg {
  color: var(--black);
  font-weight: 600;
}

/* ══ CONTACT BUTTONS ══ */
.footer-contact-buttons{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:14px;
    flex-wrap:wrap;
    margin-top:20px;
}

.contact-btn{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:8px;

    padding:14px 24px;
    border-radius:999px;

    font-size:0.95rem;
    font-weight:600;
    text-decoration:none;
    color:#fff;

    transition:all .35s ease;
    position:relative;
    overflow:hidden;

    box-shadow:0 8px 24px rgba(0,0,0,.25);
}

/* WhatsApp */
.whatsapp-btn{
    background:linear-gradient(135deg,#25D366,#12b152);
}

.whatsapp-btn:hover{
    transform:translateY(-3px) scale(1.03);
    box-shadow:0 12px 28px rgba(37,211,102,.35);
}

/* Call */
.call-btn{
    background:linear-gradient(135deg,#2d2200,#c9a84c);
    color:#fff;
}

.call-btn:hover{
    transform:translateY(-3px) scale(1.03);
    box-shadow:0 12px 28px rgba(201,168,76,.35);
}

/* Instagram */
.insta-btn{
    background:linear-gradient(135deg,#f58529,#dd2a7b,#8134af);
}

.insta-btn:hover{
    transform:translateY(-3px) scale(1.03);
    box-shadow:0 12px 28px rgba(221,42,123,.35);
}

/* Icons */
.contact-btn i{
    font-size:1rem;
}

/* Mobile First Responsive */
@media(max-width:768px){
    .footer-contact-buttons{
        gap:10px;
    }
    .contact-btn{
        padding:12px 18px;
        font-size:0.88rem;
        flex:1;
        min-width:110px;
    }
}