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

          body{
              background: var(--cream);
              color: var(--ink);
              font-family: 'Raleway', sans-serif;
              cursor: none;
              overflow-x: hidden;
          }

	.video-overlay {
	    position: fixed;
	    inset: 0;
	    background:
	        linear-gradient(
        	    rgba(0,0,0,0.45),
        	    rgba(0,0,0,0.55)
       	 );
    	z-index: 0;
	}

        /* Background Video */
        .video-bg {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            object-fit: cover;
            pointer-events: none; /* Prevent interaction */
            z-index: -1;
        }

	.overlay {
    	position: absolute;
   	 inset: 0;
    	display: flex;
   	 justify-content: center;
    	align-items: center;
    	z-index: 1;
	}

        /* Logo */
	.logo {
 	   width: clamp(180px, 35vw, 530px);
	    opacity: 0;
   	 animation: fadeIn 2s ease forwards;
	}

        @keyframes fadeIn {
            from {
                opacity: 0;
                transform: scale(0.95);
            }
            to {
                opacity: 1;
                transform: scale(1);
            }
        }
/* ════ TOKENS ════ */
:root{
  --gold:#C9A96E; --gold2:#B8862A; --dark:#8B6514;
  --ink:#1A1208; --mid:#5A4E3C; --lt:#9A8A70;
  --cream:#FAF6F0; --warm:#F2E9DC;
  --border:rgba(139,101,20,.12);
  --e:cubic-bezier(.25,.46,.45,.94);
}
*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased}
body{background:var(--cream);color:var(--ink);font-family:'Raleway',sans-serif;cursor:none;overflow-x:hidden}

/* ════ CURSOR ════ */

/* ════ ENTRANCE ════ */
#entrance{position:fixed;inset:0;z-index:1000;background:#000;overflow:hidden;transition:opacity 1.6s ease,visibility 1.6s}
#entrance.out{opacity:0;visibility:hidden;pointer-events:none}
#ev{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:1}
#eo{position:absolute;inset:0;z-index:2;background:linear-gradient(180deg,transparent 0%,transparent 52%,rgba(4,2,0,.45) 76%,rgba(4,2,0,.82) 100%);pointer-events:none}
.e-cta-wrap{position:absolute;bottom:8vh;left:0;right:0;z-index:5;display:flex;justify-content:center}
.e-btn{
  padding:16px 58px;background:rgba(12,8,3,.78);color:var(--gold);
  font-family:'Raleway',sans-serif;font-weight:300;font-size:.68rem;
  letter-spacing:.52em;text-transform:uppercase;
  border:1px solid rgba(201,169,110,.3);cursor:none;
  opacity:0;transform:translateY(10px);
  transition:opacity .9s ease .6s,transform .9s ease .6s,
              background .4s,border-color .4s;
  position:relative;overflow:hidden;
  backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);
}
.e-btn::before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(201,169,110,.09),transparent);transform:translateX(-100%);transition:transform .75s}
.e-btn:hover::before{transform:translateX(100%)}
.e-btn.in{opacity:1;transform:translateY(0)}
.e-btn:hover{background:rgba(20,13,5,.9);border-color:rgba(201,169,110,.6)}

/* ════ ANNOUNCEMENT BAR ════ */

/* ════ NAV ════ */

/* logo */

/* nav links */

/* dropdown */

/* nav right icons */

/* ════ MAIN ════ */
#main{opacity:0;transition:opacity .8s ease}
#main.in{opacity:1}

/* ════ HERO VIDEO BANNER ════ */
.hero-banner{position:relative;height:100vh;min-height:600px;overflow:hidden;background:#0D0A06}
.hero-vid{width:100%;height:100%;object-fit:cover;opacity:.72}
.hero-overlay{position:absolute;inset:0;z-index:2;background:linear-gradient(135deg,rgba(6,4,1,.72) 0%,rgba(6,4,1,.18) 52%,rgba(6,4,1,.35) 100%),linear-gradient(180deg,rgba(6,4,1,.05) 0%,transparent 50%,rgba(6,4,1,.6) 100%)}
.hero-content{
  position:absolute;inset:0;display:flex;flex-direction:column;
  justify-content:center;padding:0 8vw;max-width:600px;
}
.hero-label{
  margin-top:120px;,
  font-family:'Raleway',sans-serif;font-weight:100;
  font-size:.58rem;letter-spacing:.55em;text-transform:uppercase;
  color:rgba(201,169,110,.7);margin-bottom:1.4rem;
}
.hero-h1{
  font-family:'Cormorant Garamond',serif;font-weight:300;
  font-size:clamp(3rem,6vw,6.5rem);line-height:.95;
  color:#F4E8CC;margin-bottom:1.6rem;
}
.hero-h1 em{font-style:italic;color:var(--gold);display:block}
.hero-sub{
  font-family:'Raleway',sans-serif;font-weight:200;
  font-size:.76rem;line-height:2.3;letter-spacing:.07em;
  color:rgba(244,232,204,.55);max-width:360px;margin-bottom:2.4rem;
}
.hero-btns{display:flex;gap:12px;flex-wrap:wrap}
.btn-hero{
  padding:14px 40px;
  font-family:'Raleway',sans-serif;font-weight:300;
  font-size:.6rem;letter-spacing:.4em;text-transform:uppercase;
  cursor:none;position:relative;overflow:hidden;
  transition:all .35s var(--e);
}
.btn-hero.solid{background:var(--gold);color:var(--ink);border:1px solid var(--gold)}
.btn-hero.solid:hover{background:var(--gold2);transform:translateY(-2px)}
.btn-hero.outline{background:transparent;color:#F4E8CC;border:1px solid rgba(244,232,204,.4)}
.btn-hero.outline:hover{border-color:#F4E8CC;background:rgba(244,232,204,.06);transform:translateY(-2px)}

/* ════ SECTION COMMON ════ */
.sec{padding:7vh 5vw}

/* Product grid */
.prod-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:1px;background:var(--border);
}
.prod-card{
  background:var(--cream);padding:0;cursor:none;
  transition:all .4s var(--e);position:relative;overflow:hidden;
}
.prod-card:hover{z-index:2;box-shadow:0 8px 36px rgba(26,18,8,.12)}
.prod-card-img{
  position:relative;overflow:hidden;
  background:#F5EFEA;aspect-ratio:3/4;
  display:flex;align-items:center;justify-content:center;
}
.prod-card-img img{
  width:100%;height:100%;object-fit:contain;
  padding:8px;
  transition:transform .5s var(--e);
}
.prod-card:hover .prod-card-img img{transform:scale(1.06)}
.prod-badge{
  position:absolute;top:12px;left:12px;z-index:2;
  background:var(--ink);color:var(--gold);
  font-family:'Raleway',sans-serif;font-weight:300;
  font-size:.46rem;letter-spacing:.32em;text-transform:uppercase;
  padding:4px 10px;
}
.prod-badge.new{background:var(--gold);color:var(--ink)}
.prod-card-info{padding:12px 16px 16px}

.prod-price .cur{font-size:.7rem;font-weight:300;color:var(--lt);letter-spacing:.18em;text-transform:uppercase;margin-right:3px}

/* Wishlist on card */
.prod-wish{
  position:absolute;top:12px;right:12px;z-index:3;
  width:32px;height:32px;border-radius:50%;
  background:rgba(255,255,255,.85);border:1px solid var(--border);
  display:flex;align-items:center;justify-content:center;
  cursor:none;transition:all .3s;opacity:0;
}
.prod-card:hover .prod-wish{opacity:1}
.prod-wish:hover{background:var(--gold);border-color:var(--gold)}
.prod-wish svg{width:14px;height:14px;stroke:var(--mid);fill:none;stroke-width:1.6;transition:stroke .3s}
.prod-wish:hover svg{stroke:var(--ink)}

/* ════ FEATURED BANNER (between sections) ════ */
.feat-banner{
  position:relative;height:55vh;overflow:hidden;
  display:flex;align-items:center;
}
.feat-banner img,.feat-banner-bg{
  position:absolute;inset:0;width:100%;height:100%;
  object-fit:cover;transition:transform .8s var(--e);
}
.feat-banner:hover .feat-banner-bg{transform:scale(1.04)}
.feat-banner-bg{
  background:linear-gradient(135deg,#1A1208 0%,#2C1E0A 100%);
}

.feat-banner-content{position:relative;z-index:2;padding:0 8vw}
.feat-b-tag{font-family:'Raleway',sans-serif;font-weight:100;font-size:.55rem;letter-spacing:.55em;text-transform:uppercase;color:rgba(201,169,110,.65);margin-bottom:1.2rem}
.feat-b-title{font-family:'Cormorant Garamond',serif;font-weight:300;font-size:clamp(2.5rem,5vw,5rem);line-height:.96;color:#F4E8CC;margin-bottom:1.4rem}
.feat-b-title em{font-style:italic;color:var(--gold);display:block}
.btn-feat{
  display:inline-block;padding:13px 36px;
  background:var(--gold);color:var(--ink);
  font-family:'Raleway',sans-serif;font-weight:300;
  font-size:.58rem;letter-spacing:.38em;text-transform:uppercase;
  text-decoration:none;cursor:none;border:1px solid var(--gold);
  transition:background .35s,transform .3s;
}
.btn-feat:hover{background:var(--gold2);transform:translateY(-2px)}

/* ════ COLLECTION GRID (2 or 3 col) ════ */
.coll-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px}
.coll-card{
  position:relative;overflow:hidden;cursor:none;
  aspect-ratio:3/4;background:#EDE6D8;
  display:flex;align-items:flex-end;
}
.coll-card-bg{
  position:absolute;inset:0;width:100%;height:100%;
  object-fit:cover;transition:transform .7s var(--e);
}
.coll-card:hover .coll-card-bg{transform:scale(1.06)}
.coll-card-overlay{
  position:absolute;inset:0;
  background:linear-gradient(180deg,transparent 40%,rgba(12,8,3,.72) 100%);
  z-index:1;
}
.coll-card-content{position:relative;z-index:2;padding:22px 24px;width:100%}
.coll-card-label{
  font-family:'Raleway',sans-serif;font-weight:100;
  font-size:.5rem;letter-spacing:.44em;text-transform:uppercase;
  color:rgba(201,169,110,.7);margin-bottom:.5rem;
}
.coll-card-name{
  font-family:'Cormorant Garamond',serif;font-weight:400;
  font-size:1.22rem;letter-spacing:.08em;color:#F4E8CC;
  margin-bottom:1rem;line-height:1.2;
}
.btn-coll{
  display:inline-block;padding:8px 20px;
  background:transparent;color:#F4E8CC;
  font-family:'Raleway',sans-serif;font-weight:200;
  font-size:.52rem;letter-spacing:.34em;text-transform:uppercase;
  border:1px solid rgba(244,232,204,.4);cursor:none;
  transition:background .3s,border-color .3s;
}
.btn-coll:hover{background:rgba(201,169,110,.14);border-color:var(--gold);color:var(--gold)}

/* ════ MARQUEE ════ */
.marquee{overflow:hidden;padding:2.8vh 0;background:var(--ink)}
.marquee-t{display:flex;white-space:nowrap;animation:mar 28s linear infinite}
.marquee-t:hover{animation-play-state:paused}
.mw{font-family:'Cormorant Garamond',serif;font-style:italic;font-size:clamp(.85rem,1.5vw,1.1rem);color:rgba(201,169,110,.35);letter-spacing:.18em;padding:0 2.2rem}
.ms{color:rgba(201,169,110,.28);font-size:.35rem;vertical-align:middle;margin:0 .5rem}
@keyframes mar{from{transform:translateX(0)}to{transform:translateX(-50%)}}

/* ════ CHECKOUT MODAL ════ */
#cart-modal{
  position:fixed;inset:0;z-index:800;
  display:flex;align-items:stretch;justify-content:flex-end;
  pointer-events:none;
}
#cart-modal.open{pointer-events:all}
#cart-backdrop{
  position:absolute;inset:0;background:rgba(10,6,2,.45);
  opacity:0;transition:opacity .35s;cursor:none;
}
#cart-modal.open #cart-backdrop{opacity:1}
#cart-panel{
  position:relative;z-index:2;
  width:420px;max-width:100vw;background:var(--cream);
  display:flex;flex-direction:column;
  transform:translateX(100%);transition:transform .42s var(--e);
  height:100vh;overflow:hidden;
}
#cart-modal.open #cart-panel{transform:translateX(0)}
.cart-head{
  display:flex;align-items:center;justify-content:space-between;
  padding:20px 24px;border-bottom:1px solid var(--border);
  flex-shrink:0;
}
.cart-head-title{
  font-family:'Cinzel',serif;font-size:.95rem;
  letter-spacing:.32em;color:var(--ink);
}
.cart-close{
  width:36px;height:36px;display:flex;align-items:center;justify-content:center;
  cursor:none;transition:color .3s;color:var(--mid);
}
.cart-close:hover{color:var(--gold)}
.cart-close svg{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:1.5}
.cart-body{flex:1;overflow-y:auto;padding:20px 24px}
.cart-empty{
  display:flex;flex-direction:column;align-items:center;
  justify-content:center;height:100%;gap:18px;text-align:center;
}
.cart-empty svg{width:56px;height:56px;stroke:rgba(139,101,20,.25);fill:none;stroke-width:1}
.cart-empty-title{font-family:'Cinzel',serif;font-size:.88rem;letter-spacing:.3em;color:var(--lt)}
.cart-empty-sub{font-family:'Raleway',sans-serif;font-weight:200;font-size:.7rem;color:var(--lt);letter-spacing:.1em}
.cart-item{
  display:grid;grid-template-columns:80px 1fr auto;
  gap:14px;padding:16px 0;border-bottom:1px solid var(--border);
  align-items:center;
}
.cart-item-img{
  aspect-ratio:1;background:#F0E8DC;overflow:hidden;
  display:flex;align-items:center;justify-content:center;
}
.cart-item-img img{width:100%;height:100%;object-fit:contain;padding:6px}
.cart-item-name{font-family:'Cormorant Garamond',serif;font-size:.95rem;letter-spacing:.06em;color:var(--ink);margin-bottom:.3rem}
.cart-item-cat{font-family:'Raleway',sans-serif;font-weight:100;font-size:.52rem;letter-spacing:.24em;text-transform:uppercase;color:var(--lt)}
.cart-item-price{font-family:'Cormorant Garamond',serif;font-size:1rem;color:var(--gold)}
.cart-item-qty{display:flex;align-items:center;gap:8px;margin-top:.5rem}
.qty-btn{width:26px;height:26px;border:1px solid var(--border);background:transparent;cursor:none;display:flex;align-items:center;justify-content:center;font-size:.9rem;color:var(--mid);transition:all .3s}
.qty-btn:hover{border-color:var(--gold);color:var(--gold)}
.qty-num{font-family:'Raleway',sans-serif;font-weight:300;font-size:.7rem;letter-spacing:.18em;color:var(--ink);min-width:20px;text-align:center}
.remove-item{width:28px;height:28px;display:flex;align-items:center;justify-content:center;cursor:none;color:var(--lt);transition:color .3s}
.remove-item:hover{color:#C44A2A}
.remove-item svg{width:14px;height:14px;stroke:currentColor;fill:none;stroke-width:1.5}
.cart-foot{
  padding:20px 24px;border-top:1px solid var(--border);
  flex-shrink:0;background:var(--cream);
}
.cart-subtotal{
  display:flex;justify-content:space-between;align-items:center;
  margin-bottom:8px;
}
.cart-subtotal-label{font-family:'Raleway',sans-serif;font-weight:300;font-size:.62rem;letter-spacing:.26em;text-transform:uppercase;color:var(--mid)}
.cart-subtotal-val{font-family:'Cormorant Garamond',serif;font-size:1.3rem;color:var(--ink)}
.cart-note{font-family:'Raleway',sans-serif;font-weight:100;font-size:.54rem;color:var(--lt);letter-spacing:.1em;margin-bottom:1.4rem}
.btn-checkout{
  display:block;width:100%;padding:15px;
  background:var(--ink);color:var(--gold);
  font-family:'Raleway',sans-serif;font-weight:300;
  font-size:.62rem;letter-spacing:.44em;text-transform:uppercase;
  text-align:center;border:1px solid var(--ink);cursor:none;
  transition:background .35s,color .35s;margin-bottom:10px;
}
.btn-checkout:hover{background:var(--gold);color:var(--ink);border-color:var(--gold)}
.btn-view-cart{
  display:block;width:100%;padding:13px;
  background:transparent;color:var(--mid);
  font-family:'Raleway',sans-serif;font-weight:200;
  font-size:.58rem;letter-spacing:.38em;text-transform:uppercase;
  text-align:center;border:1px solid var(--border);cursor:none;
  transition:border-color .3s,color .3s;
}
.btn-view-cart:hover{border-color:var(--gold);color:var(--gold)}

/* ════ TOAST ════ */
#toast{
  position:fixed;bottom:30px;right:30px;z-index:900;
  background:var(--ink);color:var(--gold);
  font-family:'Raleway',sans-serif;font-weight:300;
  font-size:.62rem;letter-spacing:.26em;text-transform:uppercase;
  padding:14px 24px;
  transform:translateY(80px);opacity:0;
  transition:all .4s var(--e);pointer-events:none;
}
#toast.show{transform:translateY(0);opacity:1}

/* ════ TRUST BAR ════ */
.trust-bar{
  background:#fff;border-top:1px solid var(--border);border-bottom:1px solid var(--border);
  padding:3vh 5vw;
}
.trust-inner{
  display:grid;grid-template-columns:repeat(4,1fr);
  gap:20px;max-width:960px;margin:0 auto;
}
.trust-item{
  display:flex;align-items:center;gap:14px;
  justify-content:center;
}
.trust-icon{
  width:38px;height:38px;flex-shrink:0;
  display:flex;align-items:center;justify-content:center;
}
.trust-icon svg{width:100%;height:100%;stroke:var(--gold);fill:none;stroke-width:1.2}
.trust-text{}
.trust-ttl{font-family:'Cinzel',serif;font-size:.6rem;letter-spacing:.28em;color:var(--ink);margin-bottom:.2rem}
.trust-sub{font-family:'Raleway',sans-serif;font-weight:100;font-size:.55rem;letter-spacing:.1em;color:var(--lt)}

/* ════ FOOTER ════ */






















/* ════ RESPONSIVE ════ */

/* ── Checkout input styles ── */
.co-input{
  width:100%;padding:12px 14px;
  border:1px solid rgba(139,101,20,.15);background:#fff;
  font-family:'Raleway',sans-serif;font-weight:300;
  font-size:.7rem;letter-spacing:.1em;color:#18140F;
  outline:none;transition:border-color .3s;
  margin-bottom:14px;display:block;
}
.co-input:focus{border-color:#C9A96E}
.co-input::placeholder{color:#9A8A70}
.co-label{
  font-family:'Raleway',sans-serif;font-weight:300;
  font-size:.54rem;letter-spacing:.32em;text-transform:uppercase;
  color:#58503E;display:block;margin-bottom:5px;
}
.co-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.co-section-title{
  font-family:'Cinzel',serif;font-size:.82rem;letter-spacing:.28em;
  color:#18140F;margin-bottom:20px;padding-bottom:12px;
  border-bottom:1px solid rgba(139,101,20,.12);
}
.co-btn-main{
  width:100%;padding:15px;
  background:#18140F;color:#C9A96E;
  font-family:'Raleway',sans-serif;font-weight:300;
  font-size:.62rem;letter-spacing:.44em;text-transform:uppercase;
  border:none;cursor:none;transition:background .3s;
  margin-top:8px;
}
.co-btn-main:hover{background:#C9A96E;color:#18140F}
.co-btn-back{
  background:none;border:none;
  font-family:'Raleway',sans-serif;font-weight:200;
  font-size:.58rem;letter-spacing:.32em;text-transform:uppercase;
  color:#9A8A70;cursor:none;padding:0;
  display:flex;align-items:center;gap:6px;margin-bottom:20px;
  transition:color .3s;
}
.co-btn-back:hover{color:#C9A96E}
.co-step-dot{
  width:8px;height:8px;border-radius:50%;
  background:rgba(139,101,20,.15);transition:all .4s;
}
.co-step-dot.active{background:#C9A96E;width:22px;border-radius:4px}
.co-step-dot.done{background:rgba(201,169,110,.4)}
.co-method{
  border:1px solid rgba(139,101,20,.15);padding:14px 18px;
  margin-bottom:10px;cursor:none;transition:all .3s;display:flex;align-items:center;gap:14px;
}
.co-method.selected{border-color:#C9A96E;background:rgba(201,169,110,.04)}
.co-method:hover{border-color:rgba(201,169,110,.4)}
.co-radio{
  width:16px;height:16px;border-radius:50%;
  border:2px solid rgba(139,101,20,.25);
  display:flex;align-items:center;justify-content:center;flex-shrink:0;
}
.co-method.selected .co-radio{border-color:#C9A96E}
.co-method.selected .co-radio::after{
  content:'';width:8px;height:8px;border-radius:50%;background:#C9A96E;display:block;
}
.co-method-name{
  font-family:'Raleway',sans-serif;font-weight:300;
  font-size:.66rem;letter-spacing:.18em;color:#18140F;
}
.co-method-sub{
  font-family:'Raleway',sans-serif;font-weight:100;
  font-size:.58rem;letter-spacing:.1em;color:#9A8A70;
}
.co-order-item{
  display:grid;grid-template-columns:56px 1fr auto;
  gap:12px;align-items:center;
  padding:10px 0;border-bottom:1px solid rgba(139,101,20,.08);
}
.co-order-img{
  aspect-ratio:1;background:#F0E8DC;overflow:hidden;
}
.co-order-img img{width:100%;height:100%;object-fit:contain;padding:4px}
.co-order-name{
  font-family:'Cormorant Garamond',serif;font-size:.92rem;color:#18140F;letter-spacing:.05em;
}
.co-order-cat{
  font-family:'Raleway',sans-serif;font-weight:100;font-size:.5rem;letter-spacing:.2em;text-transform:uppercase;color:#9A8A70;
}
.co-order-price{
  font-family:'Cormorant Garamond',serif;font-size:.95rem;color:#C9A96E;
}
.co-total-row{
  display:flex;justify-content:space-between;align-items:center;
  padding:8px 0;
}
.co-total-label{
  font-family:'Raleway',sans-serif;font-weight:200;font-size:.62rem;letter-spacing:.2em;text-transform:uppercase;color:#58503E;
}
.co-total-val{
  font-family:'Cormorant Garamond',serif;font-size:1rem;color:#18140F;
}
.co-total-val.big{font-size:1.3rem;color:#18140F}
.co-divider{height:1px;background:rgba(139,101,20,.1);margin:10px 0}
.co-error{
  font-family:'Raleway',sans-serif;font-weight:200;font-size:.6rem;
  color:#C44A2A;letter-spacing:.1em;margin-top:-8px;margin-bottom:10px;display:none;
}
.co-spinner{
  display:inline-block;width:16px;height:16px;
  border:2px solid rgba(201,169,110,.3);
  border-top-color:#C9A96E;border-radius:50%;
  animation:spin .7s linear infinite;margin-right:8px;
  vertical-align:middle;
}
@keyframes spin{to{transform:rotate(360deg)}}

/* ════════════════════════════════════════════════════
   RESPONSIVE — Full Device Coverage
   Breakpoints:
   1400px+ → Large desktop
   1100px  → Desktop/laptop
   900px   → Tablet landscape
   768px   → Tablet portrait
   600px   → Large phone
   480px   → Phone
   360px   → Small phone
════════════════════════════════════════════════════ */

/* ── Large desktop (1400px+) — widen grids ── */
@media(min-width:1400px){
  .prod-grid{grid-template-columns:repeat(4,1fr)}
  .frag-grid{grid-template-columns:repeat(5,1fr)}
  .sec{padding:7vh 6vw}

  .hero-content{max-width:680px}
}

/* ── Desktop (1100px) ── */
@media(max-width:1100px){



  .hero-h1{font-size:clamp(2.8rem,5.5vw,5.5rem)}
  .frag-grid{grid-template-columns:repeat(5,1fr);gap:1px}
  .frag-card{padding:4vh 1.5vw 3.5vh}
  .fc-name{font-size:.65rem;letter-spacing:.2em}
}

/* ── Tablet landscape + small laptop (900px) ── */
@media(max-width:900px){
  /* Nav — hide links, show hamburger */





  #nav.solid



  /* Announcement */

  #ann span:last-child{display:none}

  /* Hero */
  .hero-banner{position:relative;height:100vh;min-height:600px;overflow:hidden;background:#0D0A06}
  .hero-content{max-width:100%;padding:0 6vw}
  .hero-label{font-size:.5rem;margin-bottom:1rem}
  .hero-h1{font-size:clamp(2.4rem,7vw,4.5rem)}
  .hero-sub{font-size:.7rem;max-width:100%}
  .btn-hero{padding:12px 28px;font-size:.58rem}

  /* Sections */
  .sec{padding:5vh 4vw}




  /* Product grid */
  .prod-grid{grid-template-columns:repeat(2,1fr)}

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



  /* Fragrance grid */
  .frag-grid{grid-template-columns:repeat(2,1fr)}
  .frag-card{padding:4vh 3vw 3vh}

  /* Featured banners */
  .feat-banner{height:44vh}
  .feat-b-title{font-size:clamp(1.8rem,5vw,3.5rem)}
  .feat-banner-content{position:relative;z-index:2;padding:0 8vw}
  .btn-feat{padding:11px 28px;font-size:.55rem}

  /* Legacy section */
  #legacy-sec .sec > div[style*="grid"]{
    grid-template-columns:1fr !important;
    gap:4vh 0 !important;
  }

  /* Collections */
  .coll-grid{grid-template-columns:1fr 1fr}

  /* Trust bar */
  .trust-inner{grid-template-columns:1fr 1fr;gap:16px}

  /* Footer */
  


  /* Cart */
  #cart-panel{width:360px}

  /* Checkout */
  #checkout-panel{max-width:100%;border-radius:0}
  .co-row{grid-template-columns:1fr 1fr;gap:10px}
}

/* ── Tablet portrait (768px) ── */
@media(max-width:768px){
  /* Nav */


  #nav.solid


  /* Hero */
  .hero-banner{position:relative;height:100vh;min-height:600px;overflow:hidden;background:#0D0A06}
  .hero-h1{font-size:clamp(2.2rem,8vw,3.8rem)}
  .hero-sub{display:none}
  .hero-btns{gap:8px}
  .btn-hero{padding:11px 22px;font-size:.55rem;letter-spacing:.3em}

  /* Product cards */
  .prod-grid{grid-template-columns:repeat(2,1fr);gap:1px}
  .prod-card-img{aspect-ratio:1/1}
  .prod-card-info{padding:10px 12px 14px}





  /* Fragrance grid */
  .frag-grid{grid-template-columns:1fr 1fr}
  .fc-desc{display:none}

  /* Featured banner */
  .feat-banner{height:38vh}
  .feat-b-tag{font-size:.48rem}
  .feat-b-title{font-size:clamp(1.6rem,6vw,3rem)}

  /* Trust bar */
  .trust-inner{grid-template-columns:1fr 1fr;gap:12px}
  .trust-item{flex-direction:column;text-align:center;gap:8px}

  /* Sections */
  .sec{padding:4.5vh 4vw}


  /* Footer */
  
  
  
  

  /* Cart */
  #cart-panel{width:100%;max-width:100vw}

  /* Checkout */
  #checkout-modal{align-items:flex-end}
  #checkout-panel{
    max-height:95vh;
    border-radius:16px 16px 0 0;
  }
  .co-row{grid-template-columns:1fr}
}

/* ── Large phone (600px) ── */
@media(max-width:600px){
  /* Announcement */


  /* Nav */



  /* Hero */
  .hero-banner{position:relative;height:100vh;min-height:600px;overflow:hidden;background:#0D0A06}
  .hero-h1{font-size:clamp(2rem,9vw,3.2rem);line-height:1.02}
  .hero-label{font-size:.44rem;letter-spacing:.4em;margin-bottom:.8rem}
  .hero-content{padding:0 5vw}
  .hero-btns{gap:8px}
  .btn-hero{padding:10px 18px;font-size:.52rem;letter-spacing:.28em}
  .hero-overlay{position:absolute;inset:0;z-index:2;background:linear-gradient(135deg,rgba(6,4,1,.72) 0%,rgba(6,4,1,.18) 52%,rgba(6,4,1,.35) 100%),linear-gradient(180deg,rgba(6,4,1,.05) 0%,transparent 50%,rgba(6,4,1,.6) 100%)}

  /* Sections */
  .sec{padding:4vh 3.5vw}




  /* Product grid — 2 cols tight */
  .prod-grid{grid-template-columns:repeat(2,1fr);gap:1px}
  .prod-card-info{padding:8px 10px 12px}





  /* Fragrance grid */
  .frag-grid{grid-template-columns:1fr}
  .frag-card{padding:3.5vh 4vw}

  /* Featured banner */
  .feat-banner{height:34vh}
  .feat-banner-content{position:relative;z-index:2;padding:0 8vw}
  .feat-b-title{font-size:clamp(1.4rem,7vw,2.5rem)}
  .feat-b-tag{font-size:.44rem;letter-spacing:.4em;margin-bottom:.8rem}
  .btn-feat{padding:10px 22px;font-size:.52rem;letter-spacing:.3em}

  /* Trust bar */
  .trust-bar{padding:2.5vh 4vw}
  .trust-inner{grid-template-columns:1fr 1fr;gap:10px}
  .trust-ttl{font-size:.52rem;letter-spacing:.2em}
  .trust-sub{font-size:.48rem}

  /* Footer */
  
  
  

  /* Cart */
  #cart-panel{width:100%}
  .cart-head{padding:16px 18px}
  .cart-body{padding:16px 18px}
  .cart-foot{padding:16px 18px}
  .cart-item{grid-template-columns:64px 1fr
/* ════ PRODUCT CARD — clickable ════ */
.prod-card{
  cursor:none;
}
.prod-card:hover .prod-card-img img{
  transform:scale(1.06);
}
/* Popup mobile responsive */
@media(max-width:600px){
  #prod-popup-body{grid-template-columns:1fr !important}
  #prod-popup-panel{max-height:96vh}
}
auto;gap:10px}

  /* Checkout */
  #checkout-panel{max-height:96vh}
  #co-header{padding:14px 18px;height:62px}
  #co-body{padding:18px}
  .co-input{padding:10px 12px;font-size:.66rem}
  .co-label{font-size:.5rem}
  .co-btn-main{padding:13px;font-size:.58rem}
  .co-section-title{font-size:.72rem;letter-spacing:.22em}

  /* Collection overlay */
  #coll-page #cp-header{padding:0 3.5vw;height:62px}
  #cp-title{font-size:.82rem;letter-spacing:.22em}
  #coll-page > div:last-child{padding:3vh 3.5vw}
  #cp-grid{grid-template-columns:repeat(2,1fr) !important}
}

/* ── Phone (480px) ── */
@media(max-width:480px){
  /* Announcement */


  /* Nav */




  /* Hero */
  .hero-banner{position:relative;height:100vh;min-height:600px;overflow:hidden;background:#0D0A06}
  .hero-h1{font-size:clamp(1.8rem,10vw,2.8rem)}

  /* Product — switch to 1 col on very small screens */
  .prod-grid{grid-template-columns:1fr}
  .prod-card-img{aspect-ratio:4/3}
  .prod-card-img img{padding:12px 24px}



  /* Featured banner */
  .feat-banner{height:30vh}

  /* Frag cards */
  .frag-grid{grid-template-columns:1fr}
  .fc-notes{display:none}

  /* Collection grid */
  #cp-grid{grid-template-columns:1fr !important}

  /* Footer bottom */
  
  

  /* Trust bar */
  .trust-inner{grid-template-columns:1fr}
  .trust-item{flex-direction:row;justify-content:flex-start;text-align:left}

  /* Marquee */
  .mw{font-size:.78rem;padding:0 1.4rem}
  .marquee{padding:2.2vh 0}
}

/* ── Small phone (360px) ── */
@media(max-width:360px){



  .hero-banner{position:relative;height:100vh;min-height:600px;overflow:hidden;background:#0D0A06}
  .hero-h1{font-size:1.7rem}
  .btn-hero{padding:9px 14px;font-size:.48rem;letter-spacing:.22em}
  .sec{padding:3.5vh 3vw}
  .prod-grid{grid-template-columns:1fr}
  .hero-btns{flex-direction:column;align-items:flex-start}
  #co-body{padding:14px}
  .co-input{padding:9px 10px}
}

/* ── Mobile navigation drawer ── */

/* Mobile nav drawer */
#mobile-nav{
  position:fixed;top:0;left:0;right:0;bottom:0;z-index:690;
  background:#FAF6F0;
  transform:translateX(-100%);transition:transform .4s cubic-bezier(.25,.46,.45,.94);
  overflow-y:auto;padding-top:80px;
  display:none;
}
#mobile-nav.open{transform:translateX(0)}
.mobile-nav-links{
  list-style:none;padding:0 6vw;
}
.mobile-nav-links li{
  border-bottom:1px solid rgba(139,101,20,.1);
}
.mobile-nav-links > li > a{
  display:block;padding:18px 0;
  font-family:'Raleway',sans-serif;font-weight:300;
  font-size:.75rem;letter-spacing:.28em;text-transform:uppercase;
  color:var(--ink);text-decoration:none;
  transition:color .3s;
}
.mobile-nav-links > li > a:hover{color:var(--gold)}
.mobile-nav-sub{
  padding:8px 0 16px 16px;
  display:flex;flex-direction:column;gap:4px;
}

.mobile-nav-close{
  position:absolute;top:20px;right:5vw;
  background:none;border:none;cursor:none;
  font-size:1.4rem;color:var(--mid);line-height:1;
}

/* ── Touch device improvements ── */
@media(hover:none) and (pointer:coarse){
  /* Larger tap targets */


  .qty-btn{width:32px;height:32px}
  .co-method{padding:16px 18px}
  /* Remove hover-only effects */
  .prod-wish{opacity:1 !important}
  .prod-card:hover{box-shadow:none}
  /* Cursor: auto on touch */


}
@media(max-width:768px){


  section[id]{scroll-margin-top:80px}
}
@media(max-width:600px){


  #nav.solid
  .sec{padding:4vh 3.5vw}
  section[id]{scroll-margin-top:72px}

}
@media(max-width:480px){


  section[id]{scroll-margin-top:64px}

  .sec{padding:3.5vh 3vw}
}
@media(max-width:360px){
  section[id]{scroll-margin-top:58px}
}

/* ════ SECTION SCROLL + SPACING ════ */
section[id]{
  scroll-margin-top:110px;
}
.sec{
  padding:6vh 4.5vw;
}
/* Section title gradient */

/* View all link alignment */

}
}

/* ── Print ── */
@media print{
  #entrance,#nav,#ann,.wa-float,#cart-modal,#checkout-modal,#order-success{display:none !important}
  .hero-banner{position:relative;height:100vh;min-height:600px;overflow:hidden;background:#0D0A06}
  .prod-grid{grid-template-columns:repeat(3,1fr)}
}

/* ── Safe area for notched phones (iPhone X+) ── */
@supports(padding:max(0px)){

  
  .wa-float{bottom:max(28px,env(safe-area-inset-bottom))}
}

/* ════ NAV LOGO + INNER — DEFINITIVE ════ */

#nav.solid
#nav.solid

/* ════ DROPDOWN LINKS — Bold Shiny Gold ════ */

/* Active/selected fragrance */

/* Left accent line on hover */

/* ════ MOBILE NAV SUB LINKS — Bold Shiny Gold ════ */
.mobile-nav-sub a{
  font-family:'Cinzel',serif;
  font-weight:500;
  font-size:.62rem;
  letter-spacing:.2em;
  text-transform:uppercase;
  text-decoration:none;
  padding:10px 0;
  color:var(--ink);
  transition:all .35s var(--e);
  position:relative;
  display:block;
  border-bottom:1px solid rgba(139,101,20,.06);
}
.mobile-nav-sub a:hover,
.mobile-nav-sub a:active{
  background:linear-gradient(135deg,#E8C87A 0%,#C9A96E 35%,#F0D898 62%,#B8862A 100%);
  -webkit-background-clip:text;
  -webkit-text-fill-color:transparent;
  background-clip:text;
  padding-left:8px;
}

/* ════ SECTION HEADERS — Bold Shiny Gold ════ */

/* View All — shiny underline style */

/* Dark section overrides */
.dark-sec
.dark-sec

/* ════ FRAGRANCE FILTER CHIPS — Bold Shiny Gold ════ */
.fchip{
  padding:9px 22px;
  border:1px solid rgba(201,169,110,.2);
  background:transparent;
  font-family:'Cinzel',serif;
  font-weight:600;
  font-size:.62rem;
  letter-spacing:.22em;
  text-transform:uppercase;
  cursor:none;
  transition:all .35s var(--e);
  position:relative;
  overflow:hidden;
  color:var(--ink);
}
.fchip::before{
  content:'';
  position:absolute;inset:0;
  background:linear-gradient(135deg,rgba(232,200,122,.1),rgba(201,169,110,.05),rgba(184,134,42,.08));
  opacity:0;transition:opacity .3s;
}
.fchip:hover{ border-color:var(--gold); }
.fchip:hover::before{ opacity:1; }
.fchip:hover,
.fchip.on{
  background:linear-gradient(135deg,#E8C87A 0%,#C9A96E 35%,#F5E0A0 62%,#B8862A 100%);
  -webkit-background-clip:text;
  -webkit-text-fill-color:transparent;
  background-clip:text;
  border-color:var(--gold);
  filter:drop-shadow(0 0 8px rgba(201,169,110,.45));
}
.fchip.on{
  border-width:1.5px;
  filter:drop-shadow(0 0 12px rgba(201,169,110,.55));
}

/* ════ NAV LOGO — DEFINITIVE (no overrides below) ════ */

dges;
  flex-shrink:0;
}
#nav.solid
@media(max-width:1100px){  #nav.solid  }
@media(max-width:900px) {  #nav.solid  }
@media(max-width:768px) {  #nav.solid
/* ════ OUR LEGACY SECTION ════ */

/* Stats grid */

/* Quote */

/* Responsive */
@media(max-width:900px){


}
@media(max-width:600px){




}
}
@media(max-width:600px) { .n
/* ════ CURSOR — Adaptive colour ════ */

/* White cursor on dark backgrounds */
body.dark-cursor
body.dark-cursor
body.dark-cursor
av-logo img{height:52px} #nav.solid  }
@media(max-width:480px) {  #nav.solid  }
@media(max-width:360px) {  #nav.solid  }

/* ════ NAV LOGO — DEFINITIVE ════ */

#nav.solid
@media(max-width:1100px){#nav.solid }
@media(max-width:900px) {#nav.solid }
@media(max-width:768px) {#nav.solid }
@media(max-width:600px) {#nav.solid }
@media(max-width:480px) {#nav.solid }

/* ════ FOOTER LOGO ════ */
.footer-logo{
  height:76px;width:auto;display:block;
  object-fit:contain;margin-bottom:1.4rem;
  image-rendering:-webkit-optimize-contrast;
  image-rendering:crisp-edges;
  opacity:.9;
}

/* ════ CURSOR — SINGLE DEFINITIVE BLOCK ════ */
body{cursor:none}
#cd{
  position:fixed;top:0;left:0;
  width:10px;height:10px;
  background:#C9A96E;
  border-radius:50%;
  pointer-events:none;
  z-index:99999;
  transform:translate(-50%,-50%);
  box-shadow:0 0 12px rgba(201,169,110,.9),0 0 24px rgba(201,169,110,.4);
  will-change:transform;
  transition:background .2s ease,box-shadow .2s ease,width .2s ease,height .2s ease;
  mix-blend-mode:normal;
}
#cr{
  position:fixed;top:0;left:0;
  width:42px;height:42px;
  border:1.5px solid rgba(201,169,110,.6);
  border-radius:50%;
  pointer-events:none;
  z-index:99998;
  transform:translate(-50%,-50%);
  will-change:transform;
  transition:width .3s ease,height .3s ease,border-color .25s ease,opacity .25s ease;
  background:transparent;
}
#cr.big{width:64px;height:64px;border-color:rgba(201,169,110,.9)}
/* white on dark bg */
body.cur-dk #cd{background:#fff;box-shadow:0 0 14px rgba(255,255,255,.8),0 0 28px rgba(255,255,255,.3)}
body.cur-dk #cr{border-color:rgba(255,255,255,.6)}
body.cur-dk #cr.big{border-color:#fff}
/* touch — hide custom cursor, restore native */
@media(hover:none) and (pointer:coarse){
  #cd,#cr{display:none!important}
  body{cursor:auto!important}
}

/* ════ SECTION TITLE — Bold Shiny Gold ════ */

/* override for dark sections */
.dark-sec

/* ════ PRODUCT CARD INFO ════ */
.prod-cat{
  font-family:'Raleway',sans-serif;font-weight:100;
  font-size:.48rem;letter-spacing:.36em;text-transform:uppercase;
  color:var(--gold);margin-bottom:.4rem;
}
.prod-name{
  font-family:'Cormorant Garamond',serif;font-weight:400;
  font-size:1.1rem;letter-spacing:.05em;color:var(--ink);
  margin-bottom:.3rem;line-height:1.25;
}
.prod-notes{
  font-family:'Raleway',sans-serif;font-weight:100;
  font-size:.5rem;letter-spacing:.1em;color:var(--lt);
  margin-bottom:.9rem;
}
.prod-bottom{
  display:flex;align-items:center;
  justify-content:space-between;gap:8px;
}
.prod-price{
  font-family:'Cormorant Garamond',serif;
  font-size:1.1rem;font-weight:400;
  color:var(--ink);letter-spacing:.04em;
}
.prod-price .cur{
  font-size:.7rem;font-weight:300;
  color:var(--lt);letter-spacing:.16em;
  text-transform:uppercase;margin-right:2px;
}
.btn-add{
  padding:7px 16px;
  background:var(--ink);color:var(--gold);
  font-family:'Raleway',sans-serif;font-weight:300;
  font-size:.5rem;letter-spacing:.24em;text-transform:uppercase;
  border:1px solid var(--ink);cursor:none;flex-shrink:0;
  transition:background .3s,color .3s,transform .2s;
}
.btn-add:hover{
  background:var(--gold);color:var(--ink);
  border-color:var(--gold);transform:translateY(-1px);
}

/* ════ OUR LEGACY SECTION ════ */
.legacy-layout{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:5vw;align-items:start;
  padding:4vh 0 7vh;
}
.legacy-eyebrow{
  font-family:'Raleway',sans-serif;font-weight:100;
  font-size:.5rem;letter-spacing:.58em;text-transform:uppercase;
  color:var(--gold);margin-bottom:1.6rem;
}
.legacy-headline{
  font-family:'Cormorant Garamond',serif;font-weight:300;
  font-size:clamp(2.4rem,4.8vw,4.8rem);
  line-height:.97;color:var(--ink);margin-bottom:1.4rem;
}
.legacy-headline em{
  font-style:italic;color:var(--gold);display:block;
}
.legacy-rule{
  width:38px;height:1px;
  background:linear-gradient(90deg,var(--gold),transparent);
  margin:1.4rem 0;
}
.legacy-body{
  font-family:'Raleway',sans-serif;font-weight:200;
  font-size:.76rem;line-height:2.5;letter-spacing:.06em;
  color:var(--mid);max-width:420px;margin-bottom:1.3rem;
}
.legacy-story{padding-right:2vw}
/* Stats */
.legacy-stats-wrap{display:flex;flex-direction:column;gap:2.5vh}
.legacy-stats-grid{
  display:grid;grid-template-columns:1fr 1fr;
  gap:1px;background:rgba(139,101,20,.1);
}
.legacy-stat{
  background:var(--cream);
  padding:3.2vh 2.2vw;text-align:center;
}
.legacy-stat-num{
  font-family:'Cormorant Garamond',serif;font-weight:300;
  font-size:clamp(2rem,3.2vw,3rem);line-height:1;
  background:linear-gradient(135deg,#E8C87A 0%,#C9A96E 40%,#F0D898 65%,#B8862A 100%);
  -webkit-background-clip:text;-webkit-text-fill-color:transparent;
  background-clip:text;
  filter:drop-shadow(0 0 8px rgba(201,169,110,.28));
}
.legacy-stat-rule{
  width:18px;height:1px;
  background:linear-gradient(90deg,transparent,var(--gold),transparent);
  margin:.6rem auto;
}
.legacy-stat-lbl{
  font-family:'Raleway',sans-serif;font-weight:200;
  font-size:.46rem;letter-spacing:.42em;
  text-transform:uppercase;color:var(--lt);
}
/* Quote */
.legacy-quote-block{
  border-left:2px solid rgba(201,169,110,.28);
  padding:1.6rem 1.8rem;
  background:rgba(201,169,110,.04);
}
.legacy-quote-mark{
  font-family:'Cormorant Garamond',serif;
  font-size:2.8rem;line-height:.65;
  color:rgba(201,169,110,.35);margin-bottom:.5rem;
}
.legacy-quote-text{
  font-family:'Cormorant Garamond',serif;font-style:italic;
  font-weight:300;font-size:1rem;
  line-height:1.75;letter-spacing:.04em;
  color:var(--mid);margin-bottom:.7rem;
}
.legacy-quote-attr{
  font-family:'Raleway',sans-serif;font-weight:100;
  font-size:.5rem;letter-spacing:.3em;
  text-transform:uppercase;color:var(--lt);
}
/* Responsive */
@media(max-width:900px){
  .legacy-layout{grid-template-columns:1fr;gap:4vh}
  .legacy-body{max-width:100%}
  .legacy-story{padding-right:0}
}
@media(max-width:600px){
  .legacy-stats-grid{grid-template-columns:1fr 1fr}
  .legacy-stat{padding:2.5vh 4vw}
}

/* ════════════════════════════════════════
   SECTION HEADERS — Bold Shiny Gold
   Single definitive block, no overrides
════════════════════════════════════════ */

/* ── VIEW ALL link — shiny gold ── */

/* Dark section header variants */
.dark-sec
.dark-sec
.dark-sec
.dark-sec

/* ═══════════════════════════════════════════
   SECTION HEADERS  —  complete definitive block
   Bold · Cinzel · Shiny Brushed Gold
═══════════════════════════════════════════ */

/* Section top bar */
.sec-top {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 10px;
  margin-bottom: 3vh;
  padding-bottom: 1.6vh;
  border-bottom: 1.5px solid rgba(201,169,110,.15);
  position: relative;
}
.sec-top::after {
  content: '';
  position: absolute;
  bottom: -1.5px;
  left: 0;
  width: 56px;
  height: 1.5px;
  background: linear-gradient(90deg, #E8C87A, #C9A96E, transparent);
  box-shadow: 0 0 8px rgba(201,169,110,.45);
}

/* Section title — BIG BOLD SHINY GOLD */
.sec-ttl {
  font-family: 'Cinzel', serif;
  font-weight: 600;
  font-size: clamp(1.1rem, 2.2vw, 1.9rem);
  letter-spacing: .16em;
  line-height: 1.15;
  color: #C9A96E;                                /* solid gold fallback */
  background: linear-gradient(135deg, #E8C87A 0%, #C9A96E 35%, #F5E0A0 60%, #B8862A 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  filter: drop-shadow(0 0 14px rgba(201,169,110,.35));
  display: inline-block;                         /* required for bg-clip on block elements */
}

/* The <span> inside sec-ttl — inherits gradient */
.sec-ttl span {
  font-family: 'Cinzel', serif;
  font-weight: 600;
  font-size: inherit;
  letter-spacing: inherit;
  color: #C9A96E;
  background: linear-gradient(135deg, #E8C87A 0%, #C9A96E 35%, #F5E0A0 60%, #B8862A 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

/* Section subtitle */
.sec-sub {
  font-family: 'Cormorant Garamond', serif;
  font-style: italic;
  font-size: .9rem;
  color: rgba(90,78,60,.6);
  letter-spacing: .08em;
  margin-top: 4px;
}

/* View All link — gold Cinzel with animated underline */
.view-all {
  font-family: 'Cinzel', serif;
  font-weight: 500;
  font-size: .58rem;
  letter-spacing: .24em;
  text-transform: uppercase;
  text-decoration: none;
  cursor: none;
  white-space: nowrap;
  flex-shrink: 0;
  color: #C9A96E;                                /* solid fallback */
  background: linear-gradient(135deg, #E8C87A 0%, #C9A96E 40%, #B8862A 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  position: relative;
  padding-bottom: 4px;
  transition: filter .3s ease;
  display: inline-block;
}
.view-all::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 1px;
  background: linear-gradient(90deg, #E8C87A, #C9A96E, #B8862A);
  transform: scaleX(.3);
  transform-origin: left center;
  transition: transform .4s cubic-bezier(.25,.46,.45,.94);
}
.view-all:hover {
  filter: drop-shadow(0 0 10px rgba(201,169,110,.6));
}
.view-all:hover::after {
  transform: scaleX(1);
}

/* Dark section variants (bakhur / fragrances) */
.dark-sec .sec-top {
  border-bottom-color: rgba(201,169,110,.1);
}
.dark-sec .sec-ttl {
  background: linear-gradient(135deg, #F5E0A0 0%, #E8C87A 30%, #FAEDC0 58%, #C9A96E 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  filter: drop-shadow(0 0 20px rgba(201,169,110,.55));
}
.dark-sec .sec-ttl span {
  background: linear-gradient(135deg, #F5E0A0 0%, #E8C87A 30%, #FAEDC0 58%, #C9A96E 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}
.dark-sec .sec-sub {
  color: rgba(201,169,110,.5);
}
.dark-sec .view-all {
  background: linear-gradient(135deg, #F5E0A0 0%, #E8C87A 40%, #C9A96E 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

/* ═══════════════════════════════════════════════════
   MISKARA NAV — Complete Luxury System
═══════════════════════════════════════════════════ */

#nav.scrolled

#nav.scrolled

/* Dropdown */

/* Right icons */

.nav-search-bar input::placeholder{color:#9A8A70}

/* Hamburger */

/* Responsive */
@media(max-width:1100px){#nav.scrolled }
@media(max-width:900px){#nav.scrolled #nav.scrolled }
@media(max-width:600px){#nav.scrolled #nav.scrolled }
@media(max-width:480px){#nav.scrolled }

/* ═══════════════════════════════════════════════════════════════
   MISKARA HEADER — Complete Luxury System
   Inspired by: Creed · Amouage · Tom Ford · Louis Vuitton
═══════════════════════════════════════════════════════════════ */

/* ── Announcement Bar ── */
#ann {
  height: 34px;
  background: #18140F;
  overflow: hidden;
  display: flex;
  align-items: center;
  border-bottom: 1px solid rgba(201,169,110,.1);
}
.ann-track {
  display: flex;
  align-items: center;
  gap: 0;
  white-space: nowrap;
  animation: ann-scroll 28s linear infinite;
  will-change: transform;
}
.ann-track:hover { animation-play-state: paused; }
.ann-item {
  font-family: 'Raleway', sans-serif;
  font-weight: 200;
  font-size: .5rem;
  letter-spacing: .48em;
  text-transform: uppercase;
  color: rgba(201,169,110,.7);
  padding: 0 2.4rem;
}
.ann-dot {
  color: rgba(201,169,110,.35);
  font-size: .28rem;
  flex-shrink: 0;
}
@keyframes ann-scroll {
  0%   { transform: translateX(0); }
  100% { transform: translateX(-50%); }
}

/* ── Nav shell ── */
#nav {
  position: sticky;
  top: 0;
  z-index: 700;
  background: #FDFAF5;
  border-bottom: 1px solid rgba(201,169,110,.11);
  transition: box-shadow .45s ease, background .45s ease;
}
#nav.scrolled {
  background: rgba(253,250,245,.97);
  backdrop-filter: blur(28px) saturate(1.4);
  -webkit-backdrop-filter: blur(28px) saturate(1.4);
  box-shadow: 0 1px 0 rgba(201,169,110,.12), 0 4px 32px rgba(26,18,8,.07);
}

/* ── Inner 3-column grid ── */
.nav-inner {
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
  height: 88px;
  padding: 0 3vw;
  gap: 0;
  transition: height .4s ease;
}
#nav.scrolled .nav-inner { height: 68px; }

/* ────────────────────────
   LEFT — Brand Stack
──────────────────────── */
.nav-brand {
  display: flex;
  align-items: center;
  gap: 14px;
  text-decoration: none;
  justify-self: start;
  cursor: none;
  transition: opacity .3s;
}
.nav-brand:hover { opacity: .85; }
.nav-brand-logo {
  height: 58px;
  width: auto;
  display: block;
  object-fit: contain;
  flex-shrink: 0;
  image-rendering: -webkit-optimize-contrast;
  image-rendering: crisp-edges;
  transition: height .4s ease;
}
#nav.scrolled .nav-brand-logo { height: 44px; }
.nav-brand-text {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 3px;
  border-left: 1px solid rgba(201,169,110,.25);
  padding-left: 14px;
}
.nav-brand-name {
  font-family: 'Cinzel', serif;
  font-weight: 500;
  font-size: .88rem;
  letter-spacing: .32em;
  color: #18140F;
  line-height: 1;
  display: block;
}
.nav-brand-sub {
  font-family: 'Raleway', sans-serif;
  font-weight: 200;
  font-size: .46rem;
  letter-spacing: .45em;
  text-transform: uppercase;
  color: rgba(201,169,110,.75);
  display: block;
}

/* ────────────────────────
   CENTRE — Navigation
──────────────────────── */
.nav-links {
  display: flex;
  align-items: stretch;
  list-style: none;
  margin: 0; padding: 0;
  height: 100%;
  gap: 0;
  justify-self: center;
}
.nav-links > li {
  position: relative;
  display: flex;
  align-items: center;
}
.nav-links > li > a {
  display: flex;
  align-items: center;
  gap: 5px;
  height: 100%;
  padding: 0 18px;
  font-family: 'Raleway', sans-serif;
  font-weight: 400;
  font-size: .6rem;
  letter-spacing: .2em;
  text-transform: uppercase;
  color: #3A2E1E;
  text-decoration: none;
  border-bottom: 2px solid transparent;
  transition: color .3s ease, border-color .35s ease;
  white-space: nowrap;
  cursor: none;
  position: relative;
}
.nav-links > li > a:hover {
  color: #C9A96E;
  border-bottom-color: #C9A96E;
}
.nav-chevron {
  font-size: .5rem;
  opacity: .6;
  transition: transform .3s ease;
  display: inline-block;
}
.nav-links > li:hover .nav-chevron { transform: rotate(180deg); }

/* ────────────────────────
   DROPDOWN
──────────────────────── */
.nav-links > li:hover .dropdown,
.nav-links > li:focus-within .dropdown {
  opacity: 1;
  visibility: visible;
  transform: translateX(-50%) translateY(0);
  pointer-events: all;
}
.dropdown {
  position: absolute;
  top: calc(100% + 2px);
  left: 50%;
  transform: translateX(-50%) translateY(-10px);
  min-width: 240px;
  background: #FDFAF5;
  border: 1px solid rgba(201,169,110,.16);
  border-top: 2px solid #C9A96E;
  border-radius: 0 0 6px 6px;
  box-shadow: 0 20px 55px rgba(26,18,8,.12), 0 4px 14px rgba(26,18,8,.05);
  padding: 8px 0 12px;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity .28s ease, transform .28s ease, visibility .28s;
  z-index: 900;
}
/* Diamond notch */
.dropdown::before {
  content: '';
  position: absolute;
  top: -6px;
  left: 50%;
  transform: translateX(-50%) rotate(45deg);
  width: 10px; height: 10px;
  background: #FDFAF5;
  border-left: 1px solid rgba(201,169,110,.16);
  border-top: 1px solid rgba(201,169,110,.16);
}
.dropdown-head {
  font-family: 'Raleway', sans-serif;
  font-weight: 200;
  font-size: .44rem;
  letter-spacing: .5em;
  text-transform: uppercase;
  color: rgba(184,134,42,.6);
  padding: 8px 20px 10px;
  border-bottom: 1px solid rgba(201,169,110,.07);
  margin-bottom: 4px;
}
.dropdown a {
  display: flex;
  align-items: center;
  padding: 10px 20px;
  font-family: 'Cinzel', serif;
  font-weight: 500;
  font-size: .58rem;
  letter-spacing: .18em;
  text-transform: uppercase;
  color: #2A1E0E;
  text-decoration: none;
  cursor: none;
  position: relative;
  overflow: hidden;
  transition: padding-left .25s ease, filter .25s ease;
}
.dropdown a::before {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, rgba(201,169,110,.07) 0%, transparent 100%);
  transform: scaleX(0);
  transform-origin: left;
  transition: transform .28s ease;
}
.dropdown a::after {
  content: '';
  position: absolute;
  left: 0; top: 18%; bottom: 18%;
  width: 2px;
  background: linear-gradient(180deg, #E8C87A, #C9A96E, #B8862A);
  border-radius: 2px;
  transform: scaleY(0);
  transform-origin: center;
  transition: transform .25s ease;
}
.dropdown a:hover {
  padding-left: 26px;
  background: linear-gradient(135deg, #E8C87A 0%, #C9A96E 35%, #F5E0A0 60%, #B8862A 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  filter: drop-shadow(0 0 6px rgba(201,169,110,.28));
}
.dropdown a:hover::before { transform: scaleX(1); }
.dropdown a:hover::after  { transform: scaleY(1); }

/* ────────────────────────
   RIGHT — Search + Icons
──────────────────────── */
.nav-right {
  display: flex;
  align-items: center;
  gap: 12px;
  justify-self: end;
}
/* Large luxury search */
.nav-search {
  display: flex;
  align-items: center;
  gap: 0;
  width: 260px;
  height: 42px;
  background: #fff;
  border: 1px solid rgba(201,169,110,.22);
  border-radius: 2px;
  padding: 0 14px;
  transition: border-color .3s ease, box-shadow .3s ease;
}
.nav-search:focus-within {
  border-color: #C9A96E;
  box-shadow: 0 0 0 3px rgba(201,169,110,.08);
}
.nav-search-icon {
  width: 16px; height: 16px;
  stroke: #9A8A70;
  fill: none;
  stroke-width: 1.6;
  flex-shrink: 0;
  margin-right: 10px;
  transition: stroke .3s;
}
.nav-search:focus-within .nav-search-icon { stroke: #C9A96E; }
.nav-search input {
  flex: 1;
  border: none;
  outline: none;
  background: transparent;
  font-family: 'Raleway', sans-serif;
  font-weight: 300;
  font-size: .62rem;
  letter-spacing: .14em;
  color: #18140F;
}
.nav-search input::placeholder {
  color: #9A8A70;
  font-weight: 200;
  letter-spacing: .18em;
}
/* Action icon buttons */
.nav-actions {
  display: flex;
  align-items: center;
  gap: 4px;
}
.nav-action-btn {
  width: 40px; height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: none;
  border: none;
  cursor: none;
  color: #58503E;
  position: relative;
  border-radius: 50%;
  transition: color .3s ease, background .3s ease;
}
.nav-action-btn:hover {
  color: #C9A96E;
  background: rgba(201,169,110,.06);
}
.nav-action-btn svg {
  width: 20px; height: 20px;
  stroke: currentColor;
  fill: none;
  stroke-width: 1.5;
}
.nav-cart-btn { position: relative; }
.nav-cart-count {
  position: absolute;
  top: 4px; right: 4px;
  min-width: 16px; height: 16px;
  border-radius: 8px;
  background: #C9A96E;
  color: #18140F;
  font-family: 'Raleway', sans-serif;
  font-size: .4rem;
  font-weight: 600;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 4px;
  line-height: 1;
}

/* ────────────────────────
   HAMBURGER (mobile only)
──────────────────────── */
.nav-hamburger {
  display: none;
  flex-direction: column;
  gap: 5px;
  padding: 8px;
  background: none;
  border: none;
  cursor: none;
  flex-shrink: 0;
}
.nav-hamburger span {
  display: block;
  width: 22px; height: 1.5px;
  background: #18140F;
  border-radius: 1px;
  transition: all .32s ease;
}
.nav-hamburger.open span:nth-child(1) { transform: translateY(6.5px) rotate(45deg); }
.nav-hamburger.open span:nth-child(2) { opacity: 0; transform: scaleX(0); }
.nav-hamburger.open span:nth-child(3) { transform: translateY(-6.5px) rotate(-45deg); }

/* ────────────────────────
   RESPONSIVE
──────────────────────── */
@media(max-width:1200px) {
  .nav-links > li > a { padding: 0 14px; font-size: .57rem; }
  .nav-search { width: 200px; }
}
@media(max-width:1024px) {
  .nav-search { width: 170px; }
  .nav-links > li > a { padding: 0 10px; font-size: .54rem; letter-spacing: .16em; }
  .nav-brand-name { font-size: .78rem; }
}
@media(max-width:900px) {
  .nav-links { display: none; }
  .nav-hamburger { display: flex !important; }
  .nav-inner {
    grid-template-columns: 1fr auto auto;
    height: 68px;
    padding: 0 4vw;
  }
  #nav.scrolled .nav-inner { height: 56px; }
  .nav-brand-logo { height: 46px; }
  #nav.scrolled .nav-brand-logo { height: 36px; }
  .nav-brand-text { display: none; }
  .nav-right { gap: 8px; }
  .nav-search { width: 150px; height: 36px; }
}
@media(max-width:600px) {
  .nav-inner { height: 58px; padding: 0 3.5vw; }
  #nav.scrolled .nav-inner { height: 48px; }
  .nav-brand-logo { height: 40px; }
  .nav-search { display: none; }
}
@media(max-width:480px) {
  .nav-inner { height: 52px; }
  .nav-brand-logo { height: 36px; }
  .nav-actions { gap: 0; }
  .nav-action-btn { width: 36px; height: 36px; }
  .nav-action-btn svg { width: 18px; height: 18px; }
}

/* Athar banner video overlay — text always readable */
.feat-banner-overlay{
  position:absolute;inset:0;z-index:1;
  background:
    linear-gradient(90deg, rgba(8,5,2,.72) 0%, rgba(8,5,2,.28) 52%, rgba(8,5,2,.1) 100%),
    linear-gradient(180deg, rgba(8,5,2,.12) 0%, transparent 40%, rgba(8,5,2,.45) 100%);
}

/* ── Checkout input styles ── */
.co-input{
  width:100%;padding:12px 14px;
  border:1px solid rgba(139,101,20,.15);background:#fff;
  font-family:'Raleway',sans-serif;font-weight:300;
  font-size:.7rem;letter-spacing:.1em;color:#18140F;
  outline:none;transition:border-color .3s;
  margin-bottom:14px;display:block;
}
.co-input:focus{border-color:#C9A96E}
.co-input::placeholder{color:#9A8A70}
.co-label{
  font-family:'Raleway',sans-serif;font-weight:300;
  font-size:.54rem;letter-spacing:.32em;text-transform:uppercase;
  color:#58503E;display:block;margin-bottom:5px;
}
.co-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.co-section-title{
  font-family:'Cinzel',serif;font-size:.82rem;letter-spacing:.28em;
  color:#18140F;margin-bottom:20px;padding-bottom:12px;
  border-bottom:1px solid rgba(139,101,20,.12);
}
.co-btn-main{
  width:100%;padding:15px;
  background:#18140F;color:#C9A96E;
  font-family:'Raleway',sans-serif;font-weight:300;
  font-size:.62rem;letter-spacing:.44em;text-transform:uppercase;
  border:none;cursor:none;transition:background .3s;
  margin-top:8px;
}
.co-btn-main:hover{background:#C9A96E;color:#18140F}
.co-btn-back{
  background:none;border:none;
  font-family:'Raleway',sans-serif;font-weight:200;
  font-size:.58rem;letter-spacing:.32em;text-transform:uppercase;
  color:#9A8A70;cursor:none;padding:0;
  display:flex;align-items:center;gap:6px;margin-bottom:20px;
  transition:color .3s;
}
.co-btn-back:hover{color:#C9A96E}
.co-step-dot{
  width:8px;height:8px;border-radius:50%;
  background:rgba(139,101,20,.15);transition:all .4s;
}
.co-step-dot.active{background:#C9A96E;width:22px;border-radius:4px}
.co-step-dot.done{background:rgba(201,169,110,.4)}
.co-method{
  border:1px solid rgba(139,101,20,.15);padding:14px 18px;
  margin-bottom:10px;cursor:none;transition:all .3s;display:flex;align-items:center;gap:14px;
}
.co-method.selected{border-color:#C9A96E;background:rgba(201,169,110,.04)}
.co-method:hover{border-color:rgba(201,169,110,.4)}
.co-radio{
  width:16px;height:16px;border-radius:50%;
  border:2px solid rgba(139,101,20,.25);
  display:flex;align-items:center;justify-content:center;flex-shrink:0;
}
.co-method.selected .co-radio{border-color:#C9A96E}
.co-method.selected .co-radio::after{
  content:'';width:8px;height:8px;border-radius:50%;background:#C9A96E;display:block;
}
.co-method-name{
  font-family:'Raleway',sans-serif;font-weight:300;
  font-size:.66rem;letter-spacing:.18em;color:#18140F;
}
.co-method-sub{
  font-family:'Raleway',sans-serif;font-weight:100;
  font-size:.58rem;letter-spacing:.1em;color:#9A8A70;
}
.co-order-item{
  display:grid;grid-template-columns:56px 1fr auto;
  gap:12px;align-items:center;
  padding:10px 0;border-bottom:1px solid rgba(139,101,20,.08);
}
.co-order-img{
  aspect-ratio:1;background:#F0E8DC;overflow:hidden;
}
.co-order-img img{width:100%;height:100%;object-fit:contain;padding:4px}
.co-order-name{
  font-family:'Cormorant Garamond',serif;font-size:.92rem;color:#18140F;letter-spacing:.05em;
}
.co-order-cat{
  font-family:'Raleway',sans-serif;font-weight:100;font-size:.5rem;letter-spacing:.2em;text-transform:uppercase;color:#9A8A70;
}
.co-order-price{
  font-family:'Cormorant Garamond',serif;font-size:.95rem;color:#C9A96E;
}
.co-total-row{
  display:flex;justify-content:space-between;align-items:center;
  padding:8px 0;
}
.co-total-label{
  font-family:'Raleway',sans-serif;font-weight:200;font-size:.62rem;letter-spacing:.2em;text-transform:uppercase;color:#58503E;
}
.co-total-val{
  font-family:'Cormorant Garamond',serif;font-size:1rem;color:#18140F;
}
.co-total-val.big{font-size:1.3rem;color:#18140F}
.co-divider{height:1px;background:rgba(139,101,20,.1);margin:10px 0}
.co-error{
  font-family:'Raleway',sans-serif;font-weight:200;font-size:.6rem;
  color:#C44A2A;letter-spacing:.1em;margin-top:-8px;margin-bottom:10px;display:none;
}
.co-spinner{
  display:inline-block;width:16px;height:16px;
  border:2px solid rgba(201,169,110,.3);
  border-top-color:#C9A96E;border-radius:50%;
  animation:spin .7s linear infinite;margin-right:8px;
  vertical-align:middle;
}
@keyframes spin{to{transform:rotate(360deg)}}

/* ════════════════════════════════════════════════════
   RESPONSIVE — Full Device Coverage
   Breakpoints:
   1400px+ → Large desktop
   1100px  → Desktop/laptop
   900px   → Tablet landscape
   768px   → Tablet portrait
   600px   → Large phone
   480px   → Phone
   360px   → Small phone
════════════════════════════════════════════════════ */

/* ── Large desktop (1400px+) — widen grids ── */
@media(min-width:1400px){
  .prod-grid{grid-template-columns:repeat(4,1fr)}
  .frag-grid{grid-template-columns:repeat(5,1fr)}
  .sec{padding:7vh 6vw}

  .hero-content{max-width:680px}
}

/* ── Desktop (1100px) ── */
@media(max-width:1100px){



  .hero-h1{font-size:clamp(2.8rem,5.5vw,5.5rem)}
  .frag-grid{grid-template-columns:repeat(5,1fr);gap:1px}
  .frag-card{padding:4vh 1.5vw 3.5vh}
  .fc-name{font-size:.65rem;letter-spacing:.2em}
}

/* ── Tablet landscape + small laptop (900px) ── */
@media(max-width:900px){
  /* Nav — hide links, show hamburger */





  #nav.solid



  /* Announcement */

  #ann span:last-child{display:none}

  /* Hero */
  .hero-banner{position:relative;height:100vh;min-height:600px;overflow:hidden;background:#0D0A06}
  .hero-content{max-width:100%;padding:0 6vw}
  .hero-label{font-size:.5rem;margin-bottom:1rem}
  .hero-h1{font-size:clamp(2.4rem,7vw,4.5rem)}
  .hero-sub{font-size:.7rem;max-width:100%}
  .btn-hero{padding:12px 28px;font-size:.58rem}

  /* Sections */
  .sec{padding:5vh 4vw}




  /* Product grid */
  .prod-grid{grid-template-columns:repeat(2,1fr)}

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



  /* Fragrance grid */
  .frag-grid{grid-template-columns:repeat(2,1fr)}
  .frag-card{padding:4vh 3vw 3vh}

  /* Featured banners */
  .feat-banner{height:44vh}
  .feat-b-title{font-size:clamp(1.8rem,5vw,3.5rem)}
  .feat-banner-content{position:relative;z-index:2;padding:0 8vw}
  .btn-feat{padding:11px 28px;font-size:.55rem}

  /* Legacy section */
  #legacy-sec .sec > div[style*="grid"]{
    grid-template-columns:1fr !important;
    gap:4vh 0 !important;
  }

  /* Collections */
  .coll-grid{grid-template-columns:1fr 1fr}

  /* Trust bar */
  .trust-inner{grid-template-columns:1fr 1fr;gap:16px}

  /* Footer */
  


  /* Cart */
  #cart-panel{width:360px}

  /* Checkout */
  #checkout-panel{max-width:100%;border-radius:0}
  .co-row{grid-template-columns:1fr 1fr;gap:10px}
}

/* ── Tablet portrait (768px) ── */
@media(max-width:768px){
  /* Nav */


  #nav.solid


  /* Hero */
  .hero-banner{position:relative;height:100vh;min-height:600px;overflow:hidden;background:#0D0A06}
  .hero-h1{font-size:clamp(2.2rem,8vw,3.8rem)}
  .hero-sub{display:none}
  .hero-btns{gap:8px}
  .btn-hero{padding:11px 22px;font-size:.55rem;letter-spacing:.3em}

  /* Product cards */
  .prod-grid{grid-template-columns:repeat(2,1fr);gap:1px}
  .prod-card-img{aspect-ratio:1/1}
  .prod-card-info{padding:10px 12px 14px}





  /* Fragrance grid */
  .frag-grid{grid-template-columns:1fr 1fr}
  .fc-desc{display:none}

  /* Featured banner */
  .feat-banner{height:38vh}
  .feat-b-tag{font-size:.48rem}
  .feat-b-title{font-size:clamp(1.6rem,6vw,3rem)}

  /* Trust bar */
  .trust-inner{grid-template-columns:1fr 1fr;gap:12px}
  .trust-item{flex-direction:column;text-align:center;gap:8px}

  /* Sections */
  .sec{padding:4.5vh 4vw}


  /* Footer */
  
  
  
  

  /* Cart */
  #cart-panel{width:100%;max-width:100vw}

  /* Checkout */
  #checkout-modal{align-items:flex-end}
  #checkout-panel{
    max-height:95vh;
    border-radius:16px 16px 0 0;
  }
  .co-row{grid-template-columns:1fr}
}

/* ── Large phone (600px) ── */
@media(max-width:600px){
  /* Announcement */


  /* Nav */



  /* Hero */
  .hero-banner{position:relative;height:100vh;min-height:600px;overflow:hidden;background:#0D0A06}
  .hero-h1{font-size:clamp(2rem,9vw,3.2rem);line-height:1.02}
  .hero-label{font-size:.44rem;letter-spacing:.4em;margin-bottom:.8rem}
  .hero-content{padding:0 5vw}
  .hero-btns{gap:8px}
  .btn-hero{padding:10px 18px;font-size:.52rem;letter-spacing:.28em}
  .hero-overlay{position:absolute;inset:0;z-index:2;background:linear-gradient(135deg,rgba(6,4,1,.72) 0%,rgba(6,4,1,.18) 52%,rgba(6,4,1,.35) 100%),linear-gradient(180deg,rgba(6,4,1,.05) 0%,transparent 50%,rgba(6,4,1,.6) 100%)}

  /* Sections */
  .sec{padding:4vh 3.5vw}




  /* Product grid — 2 cols tight */
  .prod-grid{grid-template-columns:repeat(2,1fr);gap:1px}
  .prod-card-info{padding:8px 10px 12px}





  /* Fragrance grid */
  .frag-grid{grid-template-columns:1fr}
  .frag-card{padding:3.5vh 4vw}

  /* Featured banner */
  .feat-banner{height:34vh}
  .feat-banner-content{position:relative;z-index:2;padding:0 8vw}
  .feat-b-title{font-size:clamp(1.4rem,7vw,2.5rem)}
  .feat-b-tag{font-size:.44rem;letter-spacing:.4em;margin-bottom:.8rem}
  .btn-feat{padding:10px 22px;font-size:.52rem;letter-spacing:.3em}

  /* Trust bar */
  .trust-bar{padding:2.5vh 4vw}
  .trust-inner{grid-template-columns:1fr 1fr;gap:10px}
  .trust-ttl{font-size:.52rem;letter-spacing:.2em}
  .trust-sub{font-size:.48rem}

  /* Footer */
  
  
  

  /* Cart */
  #cart-panel{width:100%}
  .cart-head{padding:16px 18px}
  .cart-body{padding:16px 18px}
  .cart-foot{padding:16px 18px}
  .cart-item{grid-template-columns:64px 1fr
/* ════ PRODUCT CARD — clickable ════ */
.prod-card{
  cursor:none;
}
.prod-card:hover .prod-card-img img{
  transform:scale(1.06);
}
/* Popup mobile responsive */
@media(max-width:600px){
  #prod-popup-body{grid-template-columns:1fr !important}
  #prod-popup-panel{max-height:96vh}
}
auto;gap:10px}

  /* Checkout */
  #checkout-panel{max-height:96vh}
  #co-header{padding:14px 18px;height:62px}
  #co-body{padding:18px}
  .co-input{padding:10px 12px;font-size:.66rem}
  .co-label{font-size:.5rem}
  .co-btn-main{padding:13px;font-size:.58rem}
  .co-section-title{font-size:.72rem;letter-spacing:.22em}

  /* Collection overlay */
  #coll-page #cp-header{padding:0 3.5vw;height:62px}
  #cp-title{font-size:.82rem;letter-spacing:.22em}
  #coll-page > div:last-child{padding:3vh 3.5vw}
  #cp-grid{grid-template-columns:repeat(2,1fr) !important}
}

/* ── Phone (480px) ── */
@media(max-width:480px){
  /* Announcement */


  /* Nav */




  /* Hero */
  .hero-banner{position:relative;height:100vh;min-height:600px;overflow:hidden;background:#0D0A06}
  .hero-h1{font-size:clamp(1.8rem,10vw,2.8rem)}

  /* Product — switch to 1 col on very small screens */
  .prod-grid{grid-template-columns:1fr}
  .prod-card-img{aspect-ratio:4/3}
  .prod-card-img img{padding:12px 24px}



  /* Featured banner */
  .feat-banner{height:30vh}

  /* Frag cards */
  .frag-grid{grid-template-columns:1fr}
  .fc-notes{display:none}

  /* Collection grid */
  #cp-grid{grid-template-columns:1fr !important}

  /* Footer bottom */
  
  

  /* Trust bar */
  .trust-inner{grid-template-columns:1fr}
  .trust-item{flex-direction:row;justify-content:flex-start;text-align:left}

  /* Marquee */
  .mw{font-size:.78rem;padding:0 1.4rem}
  .marquee{padding:2.2vh 0}
}

/* ── Small phone (360px) ── */
@media(max-width:360px){



  .hero-banner{position:relative;height:100vh;min-height:600px;overflow:hidden;background:#0D0A06}
  .hero-h1{font-size:1.7rem}
  .btn-hero{padding:9px 14px;font-size:.48rem;letter-spacing:.22em}
  .sec{padding:3.5vh 3vw}
  .prod-grid{grid-template-columns:1fr}
  .hero-btns{flex-direction:column;align-items:flex-start}
  #co-body{padding:14px}
  .co-input{padding:9px 10px}
}

/* ── Mobile navigation drawer ── */

/* Mobile nav drawer */
#mobile-nav{
  position:fixed;top:0;left:0;right:0;bottom:0;z-index:690;
  background:#FAF6F0;
  transform:translateX(-100%);transition:transform .4s cubic-bezier(.25,.46,.45,.94);
  overflow-y:auto;padding-top:80px;
  display:none;
}
#mobile-nav.open{transform:translateX(0)}
.mobile-nav-links{
  list-style:none;padding:0 6vw;
}
.mobile-nav-links li{
  border-bottom:1px solid rgba(139,101,20,.1);
}
.mobile-nav-links > li > a{
  display:block;padding:18px 0;
  font-family:'Raleway',sans-serif;font-weight:300;
  font-size:.75rem;letter-spacing:.28em;text-transform:uppercase;
  color:var(--ink);text-decoration:none;
  transition:color .3s;
}
.mobile-nav-links > li > a:hover{color:var(--gold)}
.mobile-nav-sub{
  padding:8px 0 16px 16px;
  display:flex;flex-direction:column;gap:4px;
}

.mobile-nav-close{
  position:absolute;top:20px;right:5vw;
  background:none;border:none;cursor:none;
  font-size:1.4rem;color:var(--mid);line-height:1;
}

/* ── Touch device improvements ── */
@media(hover:none) and (pointer:coarse){
  /* Larger tap targets */


  .qty-btn{width:32px;height:32px}
  .co-method{padding:16px 18px}
  /* Remove hover-only effects */
  .prod-wish{opacity:1 !important}
  .prod-card:hover{box-shadow:none}
  /* Cursor: auto on touch */


}
@media(max-width:768px){


  section[id]{scroll-margin-top:80px}
}
@media(max-width:600px){


  #nav.solid
  .sec{padding:4vh 3.5vw}
  section[id]{scroll-margin-top:72px}

}
@media(max-width:480px){


  section[id]{scroll-margin-top:64px}

  .sec{padding:3.5vh 3vw}
}
@media(max-width:360px){
  section[id]{scroll-margin-top:58px}
}

/* ════ SECTION SCROLL + SPACING ════ */
section[id]{
  scroll-margin-top:110px;
}
.sec{
  padding:6vh 4.5vw;
}
/* Section title gradient */

/* View all link alignment */

}
}

/* ── Print ── */
@media print{
  #entrance,#nav,#ann,.wa-float,#cart-modal,#checkout-modal,#order-success{display:none !important}
  .hero-banner{position:relative;height:100vh;min-height:600px;overflow:hidden;background:#0D0A06}
  .prod-grid{grid-template-columns:repeat(3,1fr)}
}

/* ── Safe area for notched phones (iPhone X+) ── */
@supports(padding:max(0px)){

  
  .wa-float{bottom:max(28px,env(safe-area-inset-bottom))}
}

/* ════ NAV LOGO + INNER — DEFINITIVE ════ */

#nav.solid
#nav.solid

/* ════ DROPDOWN LINKS — Bold Shiny Gold ════ */

/* Active/selected fragrance */

/* Left accent line on hover */

/* ════ MOBILE NAV SUB LINKS — Bold Shiny Gold ════ */
.mobile-nav-sub a{
  font-family:'Cinzel',serif;
  font-weight:500;
  font-size:.62rem;
  letter-spacing:.2em;
  text-transform:uppercase;
  text-decoration:none;
  padding:10px 0;
  color:var(--ink);
  transition:all .35s var(--e);
  position:relative;
  display:block;
  border-bottom:1px solid rgba(139,101,20,.06);
}
.mobile-nav-sub a:hover,
.mobile-nav-sub a:active{
  background:linear-gradient(135deg,#E8C87A 0%,#C9A96E 35%,#F0D898 62%,#B8862A 100%);
  -webkit-background-clip:text;
  -webkit-text-fill-color:transparent;
  background-clip:text;
  padding-left:8px;
}

/* ════ SECTION HEADERS — Bold Shiny Gold ════ */

/* View All — shiny underline style */

/* Dark section overrides */
.dark-sec
.dark-sec

/* ════ FRAGRANCE FILTER CHIPS — Bold Shiny Gold ════ */
.fchip{
  padding:9px 22px;
  border:1px solid rgba(201,169,110,.2);
  background:transparent;
  font-family:'Cinzel',serif;
  font-weight:600;
  font-size:.62rem;
  letter-spacing:.22em;
  text-transform:uppercase;
  cursor:none;
  transition:all .35s var(--e);
  position:relative;
  overflow:hidden;
  color:var(--ink);
}
.fchip::before{
  content:'';
  position:absolute;inset:0;
  background:linear-gradient(135deg,rgba(232,200,122,.1),rgba(201,169,110,.05),rgba(184,134,42,.08));
  opacity:0;transition:opacity .3s;
}
.fchip:hover{ border-color:var(--gold); }
.fchip:hover::before{ opacity:1; }
.fchip:hover,
.fchip.on{
  background:linear-gradient(135deg,#E8C87A 0%,#C9A96E 35%,#F5E0A0 62%,#B8862A 100%);
  -webkit-background-clip:text;
  -webkit-text-fill-color:transparent;
  background-clip:text;
  border-color:var(--gold);
  filter:drop-shadow(0 0 8px rgba(201,169,110,.45));
}
.fchip.on{
  border-width:1.5px;
  filter:drop-shadow(0 0 12px rgba(201,169,110,.55));
}

/* ════ NAV LOGO — DEFINITIVE (no overrides below) ════ */

dges;
  flex-shrink:0;
}
#nav.solid
@media(max-width:1100px){  #nav.solid  }
@media(max-width:900px) {  #nav.solid  }
@media(max-width:768px) {  #nav.solid
/* ════ OUR LEGACY SECTION ════ */

/* Stats grid */

/* Quote */

/* Responsive */
@media(max-width:900px){


}
@media(max-width:600px){




}
}
@media(max-width:600px) { .n
/* ════ CURSOR — Adaptive colour ════ */

/* White cursor on dark backgrounds */
body.dark-cursor
body.dark-cursor
body.dark-cursor
av-logo img{height:52px} #nav.solid  }
@media(max-width:480px) {  #nav.solid  }
@media(max-width:360px) {  #nav.solid  }

/* ════ NAV LOGO — DEFINITIVE ════ */

#nav.solid
@media(max-width:1100px){#nav.solid }
@media(max-width:900px) {#nav.solid }
@media(max-width:768px) {#nav.solid }
@media(max-width:600px) {#nav.solid }
@media(max-width:480px) {#nav.solid }

/* ════ FOOTER LOGO ════ */
.footer-logo{
  height:76px;width:auto;display:block;
  object-fit:contain;margin-bottom:1.4rem;
  image-rendering:-webkit-optimize-contrast;
  image-rendering:crisp-edges;
  opacity:.9;
}

/* ════ CURSOR — SINGLE DEFINITIVE BLOCK ════ */
body{cursor:none}
#cd{
  position:fixed;top:0;left:0;
  width:10px;height:10px;
  background:#C9A96E;
  border-radius:50%;
  pointer-events:none;
  z-index:99999;
  transform:translate(-50%,-50%);
  box-shadow:0 0 12px rgba(201,169,110,.9),0 0 24px rgba(201,169,110,.4);
  will-change:transform;
  transition:background .2s ease,box-shadow .2s ease,width .2s ease,height .2s ease;
  mix-blend-mode:normal;
}
#cr{
  position:fixed;top:0;left:0;
  width:42px;height:42px;
  border:1.5px solid rgba(201,169,110,.6);
  border-radius:50%;
  pointer-events:none;
  z-index:99998;
  transform:translate(-50%,-50%);
  will-change:transform;
  transition:width .3s ease,height .3s ease,border-color .25s ease,opacity .25s ease;
  background:transparent;
}
#cr.big{width:64px;height:64px;border-color:rgba(201,169,110,.9)}
/* white on dark bg */
body.cur-dk #cd{background:#fff;box-shadow:0 0 14px rgba(255,255,255,.8),0 0 28px rgba(255,255,255,.3)}
body.cur-dk #cr{border-color:rgba(255,255,255,.6)}
body.cur-dk #cr.big{border-color:#fff}
/* touch — hide custom cursor, restore native */
@media(hover:none) and (pointer:coarse){
  #cd,#cr{display:none!important}
  body{cursor:auto!important}
}

/* ════ SECTION TITLE — Bold Shiny Gold ════ */

/* override for dark sections */
.dark-sec

/* ════ PRODUCT CARD INFO ════ */
.prod-cat{
  font-family:'Raleway',sans-serif;font-weight:100;
  font-size:.48rem;letter-spacing:.36em;text-transform:uppercase;
  color:var(--gold);margin-bottom:.4rem;
}
.prod-name{
  font-family:'Cormorant Garamond',serif;font-weight:400;
  font-size:1.1rem;letter-spacing:.05em;color:var(--ink);
  margin-bottom:.3rem;line-height:1.25;
}
.prod-notes{
  font-family:'Raleway',sans-serif;font-weight:100;
  font-size:.5rem;letter-spacing:.1em;color:var(--lt);
  margin-bottom:.9rem;
}
.prod-bottom{
  display:flex;align-items:center;
  justify-content:space-between;gap:8px;
}
.prod-price{
  font-family:'Cormorant Garamond',serif;
  font-size:1.1rem;font-weight:400;
  color:var(--ink);letter-spacing:.04em;
}
.prod-price .cur{
  font-size:.7rem;font-weight:300;
  color:var(--lt);letter-spacing:.16em;
  text-transform:uppercase;margin-right:2px;
}
.btn-add{
  padding:7px 16px;
  background:var(--ink);color:var(--gold);
  font-family:'Raleway',sans-serif;font-weight:300;
  font-size:.5rem;letter-spacing:.24em;text-transform:uppercase;
  border:1px solid var(--ink);cursor:none;flex-shrink:0;
  transition:background .3s,color .3s,transform .2s;
}
.btn-add:hover{
  background:var(--gold);color:var(--ink);
  border-color:var(--gold);transform:translateY(-1px);
}

/* ════ OUR LEGACY SECTION ════ */
.legacy-layout{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:5vw;align-items:start;
  padding:4vh 0 7vh;
}
.legacy-eyebrow{
  font-family:'Raleway',sans-serif;font-weight:100;
  font-size:.5rem;letter-spacing:.58em;text-transform:uppercase;
  color:var(--gold);margin-bottom:1.6rem;
}
.legacy-headline{
  font-family:'Cormorant Garamond',serif;font-weight:300;
  font-size:clamp(2.4rem,4.8vw,4.8rem);
  line-height:.97;color:var(--ink);margin-bottom:1.4rem;
}
.legacy-headline em{
  font-style:italic;color:var(--gold);display:block;
}
.legacy-rule{
  width:38px;height:1px;
  background:linear-gradient(90deg,var(--gold),transparent);
  margin:1.4rem 0;
}
.legacy-body{
  font-family:'Raleway',sans-serif;font-weight:200;
  font-size:.76rem;line-height:2.5;letter-spacing:.06em;
  color:var(--mid);max-width:420px;margin-bottom:1.3rem;
}
.legacy-story{padding-right:2vw}
/* Stats */
.legacy-stats-wrap{display:flex;flex-direction:column;gap:2.5vh}
.legacy-stats-grid{
  display:grid;grid-template-columns:1fr 1fr;
  gap:1px;background:rgba(139,101,20,.1);
}
.legacy-stat{
  background:var(--cream);
  padding:3.2vh 2.2vw;text-align:center;
}
.legacy-stat-num{
  font-family:'Cormorant Garamond',serif;font-weight:300;
  font-size:clamp(2rem,3.2vw,3rem);line-height:1;
  background:linear-gradient(135deg,#E8C87A 0%,#C9A96E 40%,#F0D898 65%,#B8862A 100%);
  -webkit-background-clip:text;-webkit-text-fill-color:transparent;
  background-clip:text;
  filter:drop-shadow(0 0 8px rgba(201,169,110,.28));
}
.legacy-stat-rule{
  width:18px;height:1px;
  background:linear-gradient(90deg,transparent,var(--gold),transparent);
  margin:.6rem auto;
}
.legacy-stat-lbl{
  font-family:'Raleway',sans-serif;font-weight:200;
  font-size:.46rem;letter-spacing:.42em;
  text-transform:uppercase;color:var(--lt);
}
/* Quote */
.legacy-quote-block{
  border-left:2px solid rgba(201,169,110,.28);
  padding:1.6rem 1.8rem;
  background:rgba(201,169,110,.04);
}
.legacy-quote-mark{
  font-family:'Cormorant Garamond',serif;
  font-size:2.8rem;line-height:.65;
  color:rgba(201,169,110,.35);margin-bottom:.5rem;
}
.legacy-quote-text{
  font-family:'Cormorant Garamond',serif;font-style:italic;
  font-weight:300;font-size:1rem;
  line-height:1.75;letter-spacing:.04em;
  color:var(--mid);margin-bottom:.7rem;
}
.legacy-quote-attr{
  font-family:'Raleway',sans-serif;font-weight:100;
  font-size:.5rem;letter-spacing:.3em;
  text-transform:uppercase;color:var(--lt);
}
/* Responsive */
@media(max-width:900px){
  .legacy-layout{grid-template-columns:1fr;gap:4vh}
  .legacy-body{max-width:100%}
  .legacy-story{padding-right:0}
}
@media(max-width:600px){
  .legacy-stats-grid{grid-template-columns:1fr 1fr}
  .legacy-stat{padding:2.5vh 4vw}
}

/* ════════════════════════════════════════
   SECTION HEADERS — Bold Shiny Gold
   Single definitive block, no overrides
════════════════════════════════════════ */

/* ── VIEW ALL link — shiny gold ── */

/* Dark section header variants */
.dark-sec
.dark-sec
.dark-sec
.dark-sec

/* ═══════════════════════════════════════════
   SECTION HEADERS  —  complete definitive block
   Bold · Cinzel · Shiny Brushed Gold
═══════════════════════════════════════════ */

/* Section top bar */
.sec-top {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 10px;
  margin-bottom: 3vh;
  padding-bottom: 1.6vh;
  border-bottom: 1.5px solid rgba(201,169,110,.15);
  position: relative;
}
.sec-top::after {
  content: '';
  position: absolute;
  bottom: -1.5px;
  left: 0;
  width: 56px;
  height: 1.5px;
  background: linear-gradient(90deg, #E8C87A, #C9A96E, transparent);
  box-shadow: 0 0 8px rgba(201,169,110,.45);
}

/* Section title — BIG BOLD SHINY GOLD */
.sec-ttl {
  font-family: 'Cinzel', serif;
  font-weight: 600;
  font-size: clamp(1.1rem, 2.2vw, 1.9rem);
  letter-spacing: .16em;
  line-height: 1.15;
  color: #C9A96E;                                /* solid gold fallback */
  background: linear-gradient(135deg, #E8C87A 0%, #C9A96E 35%, #F5E0A0 60%, #B8862A 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  filter: drop-shadow(0 0 14px rgba(201,169,110,.35));
  display: inline-block;                         /* required for bg-clip on block elements */
}

/* The <span> inside sec-ttl — inherits gradient */
.sec-ttl span {
  font-family: 'Cinzel', serif;
  font-weight: 600;
  font-size: inherit;
  letter-spacing: inherit;
  color: #C9A96E;
  background: linear-gradient(135deg, #E8C87A 0%, #C9A96E 35%, #F5E0A0 60%, #B8862A 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

/* Section subtitle */
.sec-sub {
  font-family: 'Cormorant Garamond', serif;
  font-style: italic;
  font-size: .9rem;
  color: rgba(90,78,60,.6);
  letter-spacing: .08em;
  margin-top: 4px;
}

/* View All link — gold Cinzel with animated underline */
.view-all {
  font-family: 'Cinzel', serif;
  font-weight: 500;
  font-size: .58rem;
  letter-spacing: .24em;
  text-transform: uppercase;
  text-decoration: none;
  cursor: none;
  white-space: nowrap;
  flex-shrink: 0;
  color: #C9A96E;                                /* solid fallback */
  background: linear-gradient(135deg, #E8C87A 0%, #C9A96E 40%, #B8862A 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  position: relative;
  padding-bottom: 4px;
  transition: filter .3s ease;
  display: inline-block;
}
.view-all::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 1px;
  background: linear-gradient(90deg, #E8C87A, #C9A96E, #B8862A);
  transform: scaleX(.3);
  transform-origin: left center;
  transition: transform .4s cubic-bezier(.25,.46,.45,.94);
}
.view-all:hover {
  filter: drop-shadow(0 0 10px rgba(201,169,110,.6));
}
.view-all:hover::after {
  transform: scaleX(1);
}

/* Dark section variants (bakhur / fragrances) */
.dark-sec .sec-top {
  border-bottom-color: rgba(201,169,110,.1);
}
.dark-sec .sec-ttl {
  background: linear-gradient(135deg, #F5E0A0 0%, #E8C87A 30%, #FAEDC0 58%, #C9A96E 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  filter: drop-shadow(0 0 20px rgba(201,169,110,.55));
}
.dark-sec .sec-ttl span {
  background: linear-gradient(135deg, #F5E0A0 0%, #E8C87A 30%, #FAEDC0 58%, #C9A96E 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}
.dark-sec .sec-sub {
  color: rgba(201,169,110,.5);
}
.dark-sec .view-all {
  background: linear-gradient(135deg, #F5E0A0 0%, #E8C87A 40%, #C9A96E 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

/* ═══════════════════════════════════════════════════
   MISKARA NAV — Complete Luxury System
═══════════════════════════════════════════════════ */

#nav.scrolled

#nav.scrolled

/* Dropdown */

/* Right icons */

.nav-search-bar input::placeholder{color:#9A8A70}

/* Hamburger */

/* Responsive */
@media(max-width:1100px){#nav.scrolled }
@media(max-width:900px){#nav.scrolled #nav.scrolled }
@media(max-width:600px){#nav.scrolled #nav.scrolled }
@media(max-width:480px){#nav.scrolled }

/* ═══════════════════════════════════════════════════════════════
   MISKARA HEADER — Complete Luxury System
   Inspired by: Creed · Amouage · Tom Ford · Louis Vuitton
═══════════════════════════════════════════════════════════════ */

/* ── Announcement Bar ── */
#ann {
  height: 34px;
  background: #18140F;
  overflow: hidden;
  display: flex;
  align-items: center;
  border-bottom: 1px solid rgba(201,169,110,.1);
}
.ann-track {
  display: flex;
  align-items: center;
  gap: 0;
  white-space: nowrap;
  animation: ann-scroll 28s linear infinite;
  will-change: transform;
}
.ann-track:hover { animation-play-state: paused; }
.ann-item {
  font-family: 'Raleway', sans-serif;
  font-weight: 200;
  font-size: .5rem;
  letter-spacing: .48em;
  text-transform: uppercase;
  color: rgba(201,169,110,.7);
  padding: 0 2.4rem;
}
.ann-dot {
  color: rgba(201,169,110,.35);
  font-size: .28rem;
  flex-shrink: 0;
}
@keyframes ann-scroll {
  0%   { transform: translateX(0); }
  100% { transform: translateX(-50%); }
}

/* ── Nav shell ── */
#nav {
  position: sticky;
  top: 0;
  z-index: 700;
  background: #FDFAF5;
  border-bottom: 1px solid rgba(201,169,110,.11);
  transition: box-shadow .45s ease, background .45s ease;
}
#nav.scrolled {
  background: rgba(253,250,245,.97);
  backdrop-filter: blur(28px) saturate(1.4);
  -webkit-backdrop-filter: blur(28px) saturate(1.4);
  box-shadow: 0 1px 0 rgba(201,169,110,.12), 0 4px 32px rgba(26,18,8,.07);
}

/* ── Inner 3-column grid ── */
.nav-inner {
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
  height: 88px;
  padding: 0 3vw;
  gap: 0;
  transition: height .4s ease;
}
#nav.scrolled .nav-inner { height: 68px; }

/* ────────────────────────
   LEFT — Brand Stack
──────────────────────── */
.nav-brand {
  display: flex;
  align-items: center;
  gap: 14px;
  text-decoration: none;
  justify-self: start;
  cursor: none;
  transition: opacity .3s;
}
.nav-brand:hover { opacity: .85; }
.nav-brand-logo {
  height: 58px;
  width: auto;
  display: block;
  object-fit: contain;
  flex-shrink: 0;
  image-rendering: -webkit-optimize-contrast;
  image-rendering: crisp-edges;
  transition: height .4s ease;
}
#nav.scrolled .nav-brand-logo { height: 44px; }
.nav-brand-text {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 3px;
  border-left: 1px solid rgba(201,169,110,.25);
  padding-left: 14px;
}
.nav-brand-name {
  font-family: 'Cinzel', serif;
  font-weight: 500;
  font-size: .88rem;
  letter-spacing: .32em;
  color: #18140F;
  line-height: 1;
  display: block;
}
.nav-brand-sub {
  font-family: 'Raleway', sans-serif;
  font-weight: 200;
  font-size: .46rem;
  letter-spacing: .45em;
  text-transform: uppercase;
  color: rgba(201,169,110,.75);
  display: block;
}

/* ────────────────────────
   CENTRE — Navigation
──────────────────────── */
.nav-links {
  display: flex;
  align-items: stretch;
  list-style: none;
  margin: 0; padding: 0;
  height: 100%;
  gap: 0;
  justify-self: center;
}
.nav-links > li {
  position: relative;
  display: flex;
  align-items: center;
}
.nav-links > li > a {
  display: flex;
  align-items: center;
  gap: 5px;
  height: 100%;
  padding: 0 18px;
  font-family: 'Raleway', sans-serif;
  font-weight: 400;
  font-size: .6rem;
  letter-spacing: .2em;
  text-transform: uppercase;
  color: #3A2E1E;
  text-decoration: none;
  border-bottom: 2px solid transparent;
  transition: color .3s ease, border-color .35s ease;
  white-space: nowrap;
  cursor: none;
  position: relative;
}
.nav-links > li > a:hover {
  color: #C9A96E;
  border-bottom-color: #C9A96E;
}
.nav-chevron {
  font-size: .5rem;
  opacity: .6;
  transition: transform .3s ease;
  display: inline-block;
}
.nav-links > li:hover .nav-chevron { transform: rotate(180deg); }

/* ────────────────────────
   DROPDOWN
──────────────────────── */
.nav-links > li:hover .dropdown,
.nav-links > li:focus-within .dropdown {
  opacity: 1;
  visibility: visible;
  transform: translateX(-50%) translateY(0);
  pointer-events: all;
}
.dropdown {
  position: absolute;
  top: calc(100% + 2px);
  left: 50%;
  transform: translateX(-50%) translateY(-10px);
  min-width: 240px;
  background: #FDFAF5;
  border: 1px solid rgba(201,169,110,.16);
  border-top: 2px solid #C9A96E;
  border-radius: 0 0 6px 6px;
  box-shadow: 0 20px 55px rgba(26,18,8,.12), 0 4px 14px rgba(26,18,8,.05);
  padding: 8px 0 12px;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity .28s ease, transform .28s ease, visibility .28s;
  z-index: 900;
}
/* Diamond notch */
.dropdown::before {
  content: '';
  position: absolute;
  top: -6px;
  left: 50%;
  transform: translateX(-50%) rotate(45deg);
  width: 10px; height: 10px;
  background: #FDFAF5;
  border-left: 1px solid rgba(201,169,110,.16);
  border-top: 1px solid rgba(201,169,110,.16);
}
.dropdown-head {
  font-family: 'Raleway', sans-serif;
  font-weight: 200;
  font-size: .44rem;
  letter-spacing: .5em;
  text-transform: uppercase;
  color: rgba(184,134,42,.6);
  padding: 8px 20px 10px;
  border-bottom: 1px solid rgba(201,169,110,.07);
  margin-bottom: 4px;
}
.dropdown a {
  display: flex;
  align-items: center;
  padding: 10px 20px;
  font-family: 'Cinzel', serif;
  font-weight: 500;
  font-size: .58rem;
  letter-spacing: .18em;
  text-transform: uppercase;
  color: #2A1E0E;
  text-decoration: none;
  cursor: none;
  position: relative;
  overflow: hidden;
  transition: padding-left .25s ease, filter .25s ease;
}
.dropdown a::before {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, rgba(201,169,110,.07) 0%, transparent 100%);
  transform: scaleX(0);
  transform-origin: left;
  transition: transform .28s ease;
}
.dropdown a::after {
  content: '';
  position: absolute;
  left: 0; top: 18%; bottom: 18%;
  width: 2px;
  background: linear-gradient(180deg, #E8C87A, #C9A96E, #B8862A);
  border-radius: 2px;
  transform: scaleY(0);
  transform-origin: center;
  transition: transform .25s ease;
}
.dropdown a:hover {
  padding-left: 26px;
  background: linear-gradient(135deg, #E8C87A 0%, #C9A96E 35%, #F5E0A0 60%, #B8862A 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  filter: drop-shadow(0 0 6px rgba(201,169,110,.28));
}
.dropdown a:hover::before { transform: scaleX(1); }
.dropdown a:hover::after  { transform: scaleY(1); }

/* ────────────────────────
   RIGHT — Search + Icons
──────────────────────── */
.nav-right {
  display: flex;
  align-items: center;
  gap: 12px;
  justify-self: end;
}
/* Large luxury search */
.nav-search {
  display: flex;
  align-items: center;
  gap: 0;
  width: 260px;
  height: 42px;
  background: #fff;
  border: 1px solid rgba(201,169,110,.22);
  border-radius: 2px;
  padding: 0 14px;
  transition: border-color .3s ease, box-shadow .3s ease;
}
.nav-search:focus-within {
  border-color: #C9A96E;
  box-shadow: 0 0 0 3px rgba(201,169,110,.08);
}
.nav-search-icon {
  width: 16px; height: 16px;
  stroke: #9A8A70;
  fill: none;
  stroke-width: 1.6;
  flex-shrink: 0;
  margin-right: 10px;
  transition: stroke .3s;
}
.nav-search:focus-within .nav-search-icon { stroke: #C9A96E; }
.nav-search input {
  flex: 1;
  border: none;
  outline: none;
  background: transparent;
  font-family: 'Raleway', sans-serif;
  font-weight: 300;
  font-size: .62rem;
  letter-spacing: .14em;
  color: #18140F;
}
.nav-search input::placeholder {
  color: #9A8A70;
  font-weight: 200;
  letter-spacing: .18em;
}
/* Action icon buttons */
.nav-actions {
  display: flex;
  align-items: center;
  gap: 4px;
}
.nav-action-btn {
  width: 40px; height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: none;
  border: none;
  cursor: none;
  color: #58503E;
  position: relative;
  border-radius: 50%;
  transition: color .3s ease, background .3s ease;
}
.nav-action-btn:hover {
  color: #C9A96E;
  background: rgba(201,169,110,.06);
}
.nav-action-btn svg {
  width: 20px; height: 20px;
  stroke: currentColor;
  fill: none;
  stroke-width: 1.5;
}
.nav-cart-btn { position: relative; }
.nav-cart-count {
  position: absolute;
  top: 4px; right: 4px;
  min-width: 16px; height: 16px;
  border-radius: 8px;
  background: #C9A96E;
  color: #18140F;
  font-family: 'Raleway', sans-serif;
  font-size: .4rem;
  font-weight: 600;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 4px;
  line-height: 1;
}

/* ────────────────────────
   HAMBURGER (mobile only)
──────────────────────── */
.nav-hamburger {
  display: none;
  flex-direction: column;
  gap: 5px;
  padding: 8px;
  background: none;
  border: none;
  cursor: none;
  flex-shrink: 0;
}
.nav-hamburger span {
  display: block;
  width: 22px; height: 1.5px;
  background: #18140F;
  border-radius: 1px;
  transition: all .32s ease;
}
.nav-hamburger.open span:nth-child(1) { transform: translateY(6.5px) rotate(45deg); }
.nav-hamburger.open span:nth-child(2) { opacity: 0; transform: scaleX(0); }
.nav-hamburger.open span:nth-child(3) { transform: translateY(-6.5px) rotate(-45deg); }

/* ────────────────────────
   RESPONSIVE
──────────────────────── */
@media(max-width:1200px) {
  .nav-links > li > a { padding: 0 14px; font-size: .57rem; }
  .nav-search { width: 200px; }
}
@media(max-width:1024px) {
  .nav-search { width: 170px; }
  .nav-links > li > a { padding: 0 10px; font-size: .54rem; letter-spacing: .16em; }
  .nav-brand-name { font-size: .78rem; }
}
@media(max-width:900px) {
  .nav-links { display: none; }
  .nav-hamburger { display: flex !important; }
  .nav-inner {
    grid-template-columns: 1fr auto auto;
    height: 68px;
    padding: 0 4vw;
  }
  #nav.scrolled .nav-inner { height: 56px; }
  .nav-brand-logo { height: 46px; }
  #nav.scrolled .nav-brand-logo { height: 36px; }
  .nav-brand-text { display: none; }
  .nav-right { gap: 8px; }
  .nav-search { width: 150px; height: 36px; }
}
@media(max-width:600px) {
  .nav-inner { height: 58px; padding: 0 3.5vw; }
  #nav.scrolled .nav-inner { height: 48px; }
  .nav-brand-logo { height: 40px; }
  .nav-search { display: none; }
}
@media(max-width:480px) {
  .nav-inner { height: 52px; }
  .nav-brand-logo { height: 36px; }
  .nav-actions { gap: 0; }
  .nav-action-btn { width: 36px; height: 36px; }
  .nav-action-btn svg { width: 18px; height: 18px; }
}

/* Athar banner video overlay — text always readable */
.feat-banner-overlay{
  position:absolute;inset:0;z-index:1;
  background:
    linear-gradient(90deg, rgba(8,5,2,.72) 0%, rgba(8,5,2,.28) 52%, rgba(8,5,2,.1) 100%),
    linear-gradient(180deg, rgba(8,5,2,.12) 0%, transparent 40%, rgba(8,5,2,.45) 100%);
}

/* ═══ PERFORMANCE ═══ */
*{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
img{content-visibility:auto}
.prod-card{contain:layout style}
.msk-tile{contain:layout style paint}
.soc-banner{contain:layout style paint}
#coll-page,#prod-popup,#checkout-modal,#cart-modal{contain:layout style}
#bakhur-three{contain:strict}
video{will-change:auto}

/* ═══ LAZY IMAGE PLACEHOLDER ═══ */
img[loading="lazy"]{background:linear-gradient(90deg,#f0ebe0 25%,#e8e0d0 50%,#f0ebe0 75%);
  background-size:200% 100%;animation:shimmer 1.5s infinite}
@keyframes shimmer{0%{background-position:200% 0}100%{background-position:-200% 0}}

/* ══════════════════════════════════════
   MISKARA COLLECTION — Khadlaj style
══════════════════════════════════════ */
.msk-discover{text-align:center;padding:5vh var(--pad,5vw) 2.5vh;background:var(--cream,#FDFAF5)}
.msk-discover-eyebrow{display:flex;align-items:center;justify-content:center;gap:12px;
  font-family:'Cinzel',serif;font-weight:500;font-size:.52rem;letter-spacing:.5em;
  text-transform:uppercase;color:var(--gold,#C9A96E);margin-bottom:1.2rem}
.msk-discover-eyebrow::before,.msk-discover-eyebrow::after{content:'◆';font-size:.4rem;
  color:var(--gold,#C9A96E);opacity:.7}
.msk-discover-title{font-family:'Cinzel',serif;font-weight:600;font-size:clamp(1.1rem,2.5vw,1.8rem);
  letter-spacing:.28em;text-transform:uppercase;color:var(--ink,#18140F);margin:0}
.msk-coll-wrap{display:grid;grid-template-columns:repeat(3,1fr);gap:0;background:var(--cream,#FDFAF5)}
.msk-coll-tile{position:relative;overflow:hidden;cursor:none;aspect-ratio:3/4}
.msk-coll-tile-bg{position:absolute;inset:0;background-size:cover;background-position:center;
  transform:scale(1);transition:transform .7s cubic-bezier(.25,.46,.45,.94);will-change:transform}
.msk-coll-tile:hover .msk-coll-tile-bg{transform:scale(1.05)}
.msk-coll-tile-shade{position:absolute;inset:0;
  background:linear-gradient(to bottom,rgba(0,0,0,.03) 0%,rgba(0,0,0,.12) 45%,rgba(0,0,0,.72) 100%)}
.msk-coll-tile-body{position:absolute;bottom:0;left:0;right:0;padding:2rem 2rem 2.5rem;z-index:2;
  transition:transform .4s ease}
.msk-coll-tile:hover .msk-coll-tile-body{transform:translateY(-6px)}
.msk-coll-tile-label{font-family:'Raleway',sans-serif;font-weight:200;font-size:.42rem;
  letter-spacing:.5em;text-transform:uppercase;color:rgba(201,169,110,.75);
  margin-bottom:.5rem;display:block}
.msk-coll-tile-name{font-family:'Cinzel',serif;font-weight:600;font-size:clamp(1.1rem,2vw,1.7rem);
  letter-spacing:.08em;color:#F4E8CC;line-height:1.1;margin:0 0 .8rem}
.msk-coll-tile-btn{display:inline-flex;align-items:center;gap:8px;font-family:'Raleway',sans-serif;
  font-weight:300;font-size:.52rem;letter-spacing:.38em;text-transform:uppercase;color:#F4E8CC;
  border:1px solid rgba(201,169,110,.55);padding:.55rem 1.6rem;
  transition:background .3s,border-color .3s,color .3s,gap .3s;background:none;cursor:none}
.msk-coll-tile:hover .msk-coll-tile-btn{background:rgba(201,169,110,.15);
  border-color:rgba(201,169,110,.9);color:#E8C87A;gap:14px}
@media(max-width:700px){.msk-coll-wrap{grid-template-columns:1fr}.msk-coll-tile{aspect-ratio:4/3}}
/* Collection full page */
#msk-coll-athar-page,#msk-coll-body-page,#msk-coll-bakhur-page{position:fixed;inset:0;z-index:800;
  background:var(--cream,#FDFAF5);overflow-y:auto;opacity:0;visibility:hidden;pointer-events:none;
  transition:opacity .45s ease,visibility .45s}
#msk-coll-athar-page.open,#msk-coll-body-page.open,#msk-coll-bakhur-page.open{
  opacity:1;visibility:visible;pointer-events:all}
.coll-pg-header{position:sticky;top:0;z-index:10;background:rgba(253,250,245,.96);
  backdrop-filter:blur(12px);border-bottom:1px solid rgba(201,169,110,.15);
  display:flex;align-items:center;justify-content:space-between;padding:1.6vh 4vw}
.coll-pg-title{font-family:'Cinzel',serif;font-weight:600;font-size:.9rem;letter-spacing:.22em;
  text-transform:uppercase;background:linear-gradient(135deg,#E8C87A,#C9A96E,#F0D898,#B8862A);
  -webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.coll-pg-close{background:none;border:none;cursor:none;font-family:'Raleway',sans-serif;
  font-weight:200;font-size:.58rem;letter-spacing:.3em;text-transform:uppercase;
  color:var(--mid,#6B5B4E);display:flex;align-items:center;gap:8px;padding:8px 12px}
.coll-pg-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));
  gap:2px;padding:3vh 3vw;background:rgba(201,169,110,.08)}
.coll-card-item{background:var(--cream,#FDFAF5);display:flex;flex-direction:column;
  transition:transform .3s ease,box-shadow .3s ease;cursor:none}
.coll-card-item:hover{transform:translateY(-4px);box-shadow:0 12px 40px rgba(0,0,0,.1)}
.coll-card-img{aspect-ratio:1/1.2;overflow:hidden;background:#F0EBE0;position:relative}
.coll-card-img img{width:100%;height:100%;object-fit:cover;transition:transform .6s ease}
.coll-card-item:hover .coll-card-img img{transform:scale(1.04)}
.coll-card-info{padding:1.2rem 1.4rem 1.6rem}
.coll-card-frag{font-family:'Cinzel',serif;font-weight:500;font-size:.62rem;
  letter-spacing:.18em;color:var(--ink,#18140F);margin-bottom:.3rem}
.coll-card-type{font-family:'Raleway',sans-serif;font-weight:200;font-size:.5rem;
  letter-spacing:.3em;text-transform:uppercase;color:var(--gold,#C9A96E);margin-bottom:.8rem}
.coll-card-size{font-family:'Raleway',sans-serif;font-size:.5rem;
  color:var(--mid,#6B5B4E);margin-bottom:1rem}
.coll-card-add{width:100%;padding:12px;border:1px solid rgba(201,169,110,.5);
  background:none;font-family:'Raleway',sans-serif;font-weight:300;font-size:.52rem;
  letter-spacing:.32em;text-transform:uppercase;color:var(--ink,#18140F);cursor:none;
  transition:background .3s,border-color .3s,color .3s}
.coll-card-add:hover{background:var(--ink,#18140F);color:var(--gold,#C9A96E);
  border-color:var(--ink,#18140F)}
.coll-card-cs{background:var(--cream,#FDFAF5);display:flex;flex-direction:column;position:relative}
.coll-card-cs-img{aspect-ratio:1/1.2;overflow:hidden;position:relative}
.coll-card-cs-img img{width:100%;height:100%;object-fit:cover;filter:blur(8px);transform:scale(1.08)}
.coll-card-cs-badge{position:absolute;inset:0;display:flex;flex-direction:column;
  align-items:center;justify-content:center;gap:.6rem}
.coll-card-cs-badge span{font-family:'Cinzel',serif;font-weight:500;font-size:.62rem;
  letter-spacing:.3em;text-transform:uppercase;color:#F4E8CC;
  background:rgba(0,0,0,.45);padding:.4rem 1rem}
.coll-card-cs-name{padding:.8rem 1.4rem .6rem;font-family:'Cinzel',serif;font-weight:500;
  font-size:.62rem;letter-spacing:.15em;color:var(--ink,#18140F);opacity:.4}
.coll-card-cs-type{padding:0 1.4rem 1.2rem;font-family:'Raleway',sans-serif;font-weight:200;
  font-size:.5rem;letter-spacing:.3em;text-transform:uppercase;
  color:var(--gold,#C9A96E);opacity:.5}
/* Coming soon pages */
.cs-page{min-height:100vh;background:#0D0A06;display:flex;flex-direction:column;
  align-items:center;justify-content:center;position:relative;overflow:hidden;padding:6vh 5vw}
.cs-page-bg{position:absolute;inset:0;background-size:cover;background-position:center;
  opacity:.18;filter:blur(3px)}
.cs-page-inner{position:relative;z-index:1;text-align:center;max-width:700px}
.cs-page-eye{font-family:'Raleway',sans-serif;font-weight:200;font-size:.44rem;
  letter-spacing:.6em;text-transform:uppercase;color:rgba(201,169,110,.6);margin-bottom:1.2rem}
.cs-page-title{font-family:'Cinzel',serif;font-weight:600;font-size:clamp(2rem,5vw,4rem);
  letter-spacing:.18em;background:linear-gradient(135deg,#E8C87A 0%,#C9A96E 40%,#F0D898 70%,#B8862A 100%);
  -webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;
  display:block;margin-bottom:1.4rem;filter:drop-shadow(0 0 24px rgba(201,169,110,.3))}
.cs-page-sub{font-family:'Cormorant Garamond',serif;font-style:italic;
  font-size:clamp(1rem,2vw,1.5rem);color:rgba(244,232,204,.55);margin-bottom:3rem;line-height:1.8}
.cs-page-line{width:60px;height:1px;background:linear-gradient(90deg,transparent,rgba(201,169,110,.5),transparent);
  margin:0 auto 2.5rem}
.cs-notify-form{display:flex;gap:0;max-width:420px;margin:0 auto}
.cs-notify-input{flex:1;padding:14px 18px;background:rgba(255,255,255,.06);
  border:1px solid rgba(201,169,110,.3);border-right:none;font-family:'Raleway',sans-serif;
  font-weight:200;font-size:.58rem;letter-spacing:.1em;color:#F4E8CC;outline:none}
.cs-notify-input::placeholder{color:rgba(244,232,204,.35)}
.cs-notify-btn{padding:14px 22px;background:rgba(201,169,110,.15);
  border:1px solid rgba(201,169,110,.5);font-family:'Raleway',sans-serif;font-weight:300;
  font-size:.52rem;letter-spacing:.3em;text-transform:uppercase;color:#E8C87A;cursor:none;
  transition:background .3s,border-color .3s}
.cs-notify-btn:hover{background:rgba(201,169,110,.3);border-color:rgba(201,169,110,.8)}
.cs-ornament{font-family:'Cinzel',serif;font-size:1.2rem;color:rgba(201,169,110,.2);
  letter-spacing:.5em;margin-top:3rem}
/* Founder pages */
.founder-page{min-height:100vh;background:var(--cream,#FDFAF5);display:flex;
  align-items:center;padding:8vh 6vw;position:relative}
.founder-placeholder{width:100%;max-width:1100px;margin:0 auto;
  display:grid;grid-template-columns:1fr 1fr;gap:6vw;align-items:center}
.founder-img-slot{aspect-ratio:3/4;background:linear-gradient(145deg,#EDE8DD,#D6C9A8);
  display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}
.founder-img-slot::after{content:'';position:absolute;inset:0;
  background:linear-gradient(135deg,rgba(201,169,110,.08),transparent)}
.founder-img-placeholder{font-family:'Cinzel',serif;font-weight:400;font-size:.6rem;
  letter-spacing:.4em;text-transform:uppercase;color:rgba(139,101,20,.4);
  text-align:center;padding:2rem}
.founder-text{padding:2rem 0}
.founder-eyebrow{font-family:'Raleway',sans-serif;font-weight:200;font-size:.44rem;
  letter-spacing:.55em;text-transform:uppercase;color:var(--gold,#C9A96E);margin-bottom:1rem}
.founder-heading{font-family:'Cinzel',serif;font-weight:600;font-size:clamp(1.6rem,3vw,2.8rem);
  letter-spacing:.1em;color:var(--ink,#18140F);line-height:1.2;margin-bottom:1.5rem}
.founder-rule{width:48px;height:1px;background:linear-gradient(90deg,var(--gold,#C9A96E),transparent);
  margin-bottom:1.8rem}
.founder-body{font-family:'Cormorant Garamond',serif;font-size:1.05rem;line-height:1.95;
  color:#5A4A3A;margin-bottom:1.8rem}
.founder-quote{font-family:'Cormorant Garamond',serif;font-style:italic;font-size:1.2rem;
  line-height:1.8;color:var(--gold,#C9A96E);border-left:2px solid rgba(201,169,110,.35);
  padding-left:1.5rem}
@media(max-width:800px){.founder-placeholder{grid-template-columns:1fr}}

/* ══ LEGACY SECTION SHADER ══ */
#legacy-sec {
  position:relative !important;
  overflow:hidden !important;
  background:#000 !important;
  padding:8vh var(--pad,5vw) !important;
}
#legacy-canvas {
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  z-index:0;
  display:block;
  pointer-events:none;
}
#legacy-sec .legacy-content {
  position:relative;
  z-index:1;
  max-width:1100px;
  margin:0 auto;
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:6vw;
  align-items:center;
}
/* Text on dark bg */
#legacy-sec [style*="Our Legacy"],
#legacy-sec .legacy-eyebrow {
  color:rgba(201,169,110,.75) !important;
}
#legacy-sec h2 {
  color:#F4E8CC !important;
}
#legacy-sec p {
  color:rgba(244,232,204,.72) !important;
}
#legacy-sec blockquote {
  color:rgba(201,169,110,.9) !important;
  border-left-color:rgba(201,169,110,.4) !important;
}
#legacy-sec [style*="width:48px"][style*="height:1px"] {
  background:linear-gradient(90deg,rgba(201,169,110,.8),transparent) !important;
}
/* Stats cards */
#legacy-sec [style*="gap:2px"] {
  background:rgba(201,169,110,.12) !important;
}
#legacy-sec [style*="padding:2.5rem 2rem"] {
  background:rgba(5,3,1,0.72) !important;
  backdrop-filter:blur(8px) !important;
  -webkit-backdrop-filter:blur(8px) !important;
}
#legacy-sec [style*="padding:2.5rem 2rem"] div[style*="letter-spacing"] {
  color:rgba(244,232,204,.65) !important;
}
@media(max-width:800px){
  #legacy-sec .legacy-content {
    grid-template-columns:1fr !important;
  }
}

/* ══ WAVE PATH DIVIDERS ══ */
.wave-divider {
  position:relative;
  height:1px;
  width:100%;
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:visible;
  z-index:10;
}
.wave-divider-inner {
  position:relative;
  height:1px;
  width:70vw;
  cursor:none;
}
.wave-divider-hit {
  position:absolute;
  top:-20px;
  left:0;
  right:0;
  height:40px;
  z-index:11;
}
.wave-divider-svg {
  position:absolute;
  top:-100px;
  left:0;
  width:100%;
  height:300px;
  overflow:visible;
  pointer-events:none;
}
.wave-divider-path {
  fill:none;
  stroke:rgba(201,169,110,0.45);
  stroke-width:1.5;
  transition:stroke .3s;
}
.wave-divider-inner:hover .wave-divider-path {
  stroke:rgba(201,169,110,0.85);
}

/* ══ WAVE PATH DIVIDERS ══ */
.wave-divider {
  position:relative;
  width:100%;
  height:0;
  z-index:10;
  pointer-events:none;
}
.wave-divider-inner {
  position:absolute;
  left:50%;
  transform:translateX(-50%);
  width:70vw;
  height:0;
}
.wave-divider-hit {
  position:absolute;
  top:-20px;
  left:0;
  width:100%;
  height:40px;
  z-index:11;
  cursor:default;
  pointer-events:all;
}
.wave-divider-svg {
  position:absolute;
  top:-100px;
  left:0;
  width:100%;
  height:300px;
  overflow:visible;
}
.wave-divider-path {
  fill:none;
  stroke:rgba(201,169,110,0.45);
  stroke-width:1.5px;
  transition:stroke .3s;
}
.wave-divider:hover .wave-divider-path {
  stroke:rgba(201,169,110,0.85);
}

/* ══ WISHLIST ══ */
.nav-wish-btn { position:relative; }
.nav-wish-count {
  position:absolute; top:-4px; right:-4px;
  background:var(--gold,#C9A96E); color:var(--ink,#1A1208);
  font-family:'Cinzel',serif; font-size:.42rem; font-weight:600;
  min-width:16px; height:16px; border-radius:50%;
  display:flex!important; align-items:center; justify-content:center;
  padding:0 3px; pointer-events:none;
}
/* Filled heart when item is wishlisted */
.nav-wish-btn.has-items svg path {
  fill:rgba(201,169,110,.6);
  stroke:var(--gold,#C9A96E);
}

/* ── Wishlist Panel (same pattern as cart) ── */
#wish-overlay {
  position:fixed; inset:0; z-index:599;
  background:rgba(0,0,0,.42);
  opacity:0; visibility:hidden;
  transition:opacity .35s, visibility .35s;
}
#wish-overlay.open { opacity:1; visibility:visible; }
#wish-side {
  padding-top:120px;
  position:fixed; right:0; top:0; bottom:0;
  width:min(400px,95vw);
  background:var(--cream,#FAF6F0);
  z-index:600; overflow-y:auto;
  transform:translateX(100%);
  transition:transform .42s cubic-bezier(.25,.46,.45,.94);
  box-shadow:-6px 0 40px rgba(0,0,0,.12);
  display:flex; flex-direction:column;
}
#wish-side.open { transform:translateX(0); }
.wish-hd {
  display:flex; align-items:center; justify-content:space-between;
  padding:1.6rem 2rem; border-bottom:1px solid rgba(201,169,110,.15);
  position:sticky; top:0; background:var(--cream,#FAF6F0); z-index:1;
}
.wish-hd-title {
  font-family:'Cinzel',serif; font-weight:500;
  font-size:.72rem; letter-spacing:.2em;
}
.wish-close {
  background:none; border:none; cursor:pointer;
  font-size:1.2rem; color:var(--mid,#5A4E3C);
  line-height:1; padding:4px 8px; transition:color .2s;
}
.wish-close:hover { color:var(--ink,#1A1208); }
#wish-body { padding:1.5rem 2rem; flex:1; }
.wish-empty {
  font-family:'Raleway',sans-serif; font-weight:200;
  color:var(--mid,#5A4E3C); font-size:.6rem; letter-spacing:.2em;
  text-align:center; padding:3rem 0;
}
.wish-item {
  display:flex; gap:1rem; padding:1rem 0;
  border-bottom:1px solid rgba(201,169,110,.1);
}
.wish-item-img { width:58px; height:68px; object-fit:cover; flex-shrink:0; }
.wish-item-info { flex:1; min-width:0; display:flex; flex-direction:column; gap:.3rem; }
.wish-item-name {
  font-family:'Cinzel',serif; font-size:.56rem; letter-spacing:.1em;
  white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
}
.wish-item-type {
  font-family:'Raleway',sans-serif; font-weight:200; font-size:.5rem;
  letter-spacing:.2em; color:var(--mid,#5A4E3C);
}
.wish-item-row { display:flex; justify-content:space-between; align-items:center; }
.wish-item-price {
  font-family:'Raleway',sans-serif; font-size:.55rem; color:var(--gold,#C9A96E);
}
.wish-item-actions { display:flex; gap:8px; align-items:center; }
.wish-move-cart {
  font-family:'Raleway',sans-serif; font-weight:200; font-size:.46rem;
  letter-spacing:.2em; text-transform:uppercase;
  background:none; border:1px solid rgba(201,169,110,.4); color:var(--mid,#5A4E3C);
  padding:5px 10px; cursor:pointer; transition:all .2s;
}
.wish-move-cart:hover {
  background:var(--ink,#1A1208); color:var(--gold,#C9A96E);
  border-color:var(--ink,#1A1208);
}
.wish-item-remove {
  background:none; border:none; cursor:pointer;
  color:var(--mid,#5A4E3C); font-size:.8rem; padding:4px; transition:color .2s;
}
.wish-item-remove:hover { color:#c0392b; }

/* ══ ANIMATED FOOTER ══ */
#contact {
  background:#c7a060;
  color:#F0E8D8;
  position:relative;
  overflow:hidden;
  select:none;
}
.ft-body {
  padding:5vh 5vw 3vh;
  display:grid;
  grid-template-columns:2fr 1fr 1fr 1fr;
  gap:4vw;
  border-bottom:1px solid rgba(201,169,110,.08);
  position:relative;z-index:1;
}
@media(max-width:900px){
  .ft-body{grid-template-columns:1fr 1fr;gap:3rem 4vw;padding:4vh 6vw 3vh}
}
@media(max-width:540px){
  .ft-body{grid-template-columns:1fr;gap:2.5rem;padding:4vh 5vw 2vh}
}
/* Brand col */
.ft-brand-logo{
  height:125px;width:auto;
  /* filter: brightness(25.5); */
  margin-bottom:1.2rem;display:block;
}
.ft-desc{
  font-family:'Raleway',sans-serif;font-weight:200;font-size:.68rem;
  line-height:2;color:rgba(240,232,216,.3);letter-spacing:.06em;
  max-width:240px;margin-bottom:1.4rem;
}
.ft-socials{display:flex;gap:10px}
.ft-social{
  width:32px;height:32px;border:1px solid rgba(201,169,110,.18);
  display:flex;align-items:center;justify-content:center;
  text-decoration:none;transition:all .3s;
}
.ft-social:hover{border-color:var(--gold,#C9A96E);background:rgba(201,169,110,.08)}
.ft-social svg{width:14px;height:14px;stroke:rgba(201,169,110,.5);fill:none;stroke-width:1.5;transition:stroke .3s}
.ft-social:hover svg{stroke:var(--gold,#C9A96E)}
/* Nav cols */
.ft-col-title{
  font-family:'Raleway',sans-serif;font-weight:300;
  font-size:.52rem;letter-spacing:.5em;text-transform:uppercase;
  color:var(--gold,#C9A96E);margin-bottom:1.4rem;
}
.ft-links{list-style:none;display:flex;flex-direction:column;gap:9px;padding:0;margin:0}
.ft-links a{
  font-family:'Raleway',sans-serif;font-weight:200;
  font-size:.66rem;letter-spacing:.08em;
  color:rgba(240,232,216,.28);text-decoration:none;
  transition:color .3s;
}
.ft-links a:hover{color:var(--gold,#C9A96E)}
/* Bottom bar */
.ft-bottom{
  padding:1.8vh 5vw 0;
  display:flex;align-items:center;justify-content:space-between;
  flex-wrap:wrap;gap:10px;
  position:relative;z-index:1;
}
.ft-copy{
  font-family:'Raleway',sans-serif;font-weight:100;
  font-size:.48rem;letter-spacing:.3em;text-transform:uppercase;
  color:rgba(240,232,216,.16);
}
.ft-tagline{
  font-family:'Cormorant Garamond',serif;font-style:italic;
  font-size:.85rem;color:rgba(201,169,110,.35);letter-spacing:.1em;
}
.ft-pay{display:flex;gap:7px;align-items:center}
.ft-pay-badge{
  padding:3px 9px;border:1px solid rgba(201,169,110,.14);
  font-family:'Raleway',sans-serif;font-weight:100;
  font-size:.44rem;letter-spacing:.15em;
  color:rgba(240,232,216,.2);
}
/* ── Animated wave bars ── */
#ft-wave{overflow:hidden;height:160px;position:relative;z-index:1;margin-top:.5vh}
#ft-wave-inner{margin-top:0}
.ft-bar{
  height:1px;
  background:#fff;
  transition:transform .1s ease;
  will-change:transform;
  margin-top:-1px;
}
/* ════ TOKENS ════ */
:root{
  --gold:#C9A96E; --gold2:#B8862A; --dark:#8B6514;
  --ink:#1A1208; --mid:#5A4E3C; --lt:#9A8A70;
  --cream:#FAF6F0; --warm:#F2E9DC;
  --border:rgba(139,101,20,.12);
  --e:cubic-bezier(.25,.46,.45,.94);
}
*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased}
body{background:var(--cream);color:var(--ink);font-family:'Raleway',sans-serif;cursor:none;overflow-x:hidden}

/* ════ CURSOR ════ */

/* ════ ENTRANCE ════ */
#entrance{position:fixed;inset:0;z-index:1000;background:#000;overflow:hidden;transition:opacity 1.6s ease,visibility 1.6s}
#entrance.out{opacity:0;visibility:hidden;pointer-events:none}
#ev{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:1}
#eo{position:absolute;inset:0;z-index:2;background:linear-gradient(180deg,transparent 0%,transparent 52%,rgba(4,2,0,.45) 76%,rgba(4,2,0,.82) 100%);pointer-events:none}
.e-cta-wrap{position:absolute;bottom:8vh;left:0;right:0;z-index:5;display:flex;justify-content:center}
.e-btn{
  padding:16px 58px;background:rgba(12,8,3,.78);color:var(--gold);
  font-family:'Raleway',sans-serif;font-weight:300;font-size:.68rem;
  letter-spacing:.52em;text-transform:uppercase;
  border:1px solid rgba(201,169,110,.3);cursor:none;
  opacity:0;transform:translateY(10px);
  transition:opacity .9s ease .6s,transform .9s ease .6s,
              background .4s,border-color .4s;
  position:relative;overflow:hidden;
  backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);
}
.e-btn::before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(201,169,110,.09),transparent);transform:translateX(-100%);transition:transform .75s}
.e-btn:hover::before{transform:translateX(100%)}
.e-btn.in{opacity:1;transform:translateY(0)}
.e-btn:hover{background:rgba(20,13,5,.9);border-color:rgba(201,169,110,.6)}

/* ════ ANNOUNCEMENT BAR ════ */

/* ════ NAV ════ */

/* logo */

/* nav links */

/* dropdown */

/* nav right icons */

/* ════ MAIN ════ */
#main{opacity:0;transition:opacity .8s ease}
#main.in{opacity:1}

/* ════ HERO VIDEO BANNER ════ */
.hero-banner{position:relative;height:100vh;min-height:600px;overflow:hidden;background:#0D0A06}
.hero-vid{width:100%;height:100%;object-fit:cover;opacity:.72}
.hero-overlay{position:absolute;inset:0;z-index:2;background:linear-gradient(135deg,rgba(6,4,1,.72) 0%,rgba(6,4,1,.18) 52%,rgba(6,4,1,.35) 100%),linear-gradient(180deg,rgba(6,4,1,.05) 0%,transparent 50%,rgba(6,4,1,.6) 100%)}
.hero-content{
  position:absolute;inset:0;display:flex;flex-direction:column;
  justify-content:center;padding:0 8vw;max-width:600px;
}
.hero-label{
  margin-top:120px;,
  font-family:'Raleway',sans-serif;font-weight:100;
  font-size:.58rem;letter-spacing:.55em;text-transform:uppercase;
  color:rgba(201,169,110,.7);margin-bottom:1.4rem;
}
.hero-h1{
  font-family:'Cormorant Garamond',serif;font-weight:300;
  font-size:clamp(3rem,6vw,6.5rem);line-height:.95;
  color:#F4E8CC;margin-bottom:1.6rem;
}
.hero-h1 em{font-style:italic;color:var(--gold);display:block}
.hero-sub{
  font-family:'Raleway',sans-serif;font-weight:200;
  font-size:.76rem;line-height:2.3;letter-spacing:.07em;
  color:rgba(244,232,204,.55);max-width:360px;margin-bottom:2.4rem;
}
.hero-btns{display:flex;gap:12px;flex-wrap:wrap}
.btn-hero{
  padding:14px 40px;
  font-family:'Raleway',sans-serif;font-weight:300;
  font-size:.6rem;letter-spacing:.4em;text-transform:uppercase;
  cursor:none;position:relative;overflow:hidden;
  transition:all .35s var(--e);
}
.btn-hero.solid{background:var(--gold);color:var(--ink);border:1px solid var(--gold)}
.btn-hero.solid:hover{background:var(--gold2);transform:translateY(-2px)}
.btn-hero.outline{background:transparent;color:#F4E8CC;border:1px solid rgba(244,232,204,.4)}
.btn-hero.outline:hover{border-color:#F4E8CC;background:rgba(244,232,204,.06);transform:translateY(-2px)}

/* ════ SECTION COMMON ════ */
.sec{padding:7vh 5vw}

/* Product grid */
.prod-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:1px;background:var(--border);
}
.prod-card{
  background:var(--cream);padding:0;cursor:none;
  transition:all .4s var(--e);position:relative;overflow:hidden;
}
.prod-card:hover{z-index:2;box-shadow:0 8px 36px rgba(26,18,8,.12)}
.prod-card-img{
  position:relative;overflow:hidden;
  background:#F5EFEA;aspect-ratio:3/4;
  display:flex;align-items:center;justify-content:center;
}
.prod-card-img img{
  width:100%;height:100%;object-fit:contain;
  padding:8px;
  transition:transform .5s var(--e);
}
.prod-card:hover .prod-card-img img{transform:scale(1.06)}
.prod-badge{
  position:absolute;top:12px;left:12px;z-index:2;
  background:var(--ink);color:var(--gold);
  font-family:'Raleway',sans-serif;font-weight:300;
  font-size:.46rem;letter-spacing:.32em;text-transform:uppercase;
  padding:4px 10px;
}
.prod-badge.new{background:var(--gold);color:var(--ink)}
.prod-card-info{padding:12px 16px 16px}

.prod-price .cur{font-size:.7rem;font-weight:300;color:var(--lt);letter-spacing:.18em;text-transform:uppercase;margin-right:3px}

/* Wishlist on card */
.prod-wish{
  position:absolute;top:12px;right:12px;z-index:3;
  width:32px;height:32px;border-radius:50%;
  background:rgba(255,255,255,.85);border:1px solid var(--border);
  display:flex;align-items:center;justify-content:center;
  cursor:none;transition:all .3s;opacity:0;
}
.prod-card:hover .prod-wish{opacity:1}
.prod-wish:hover{background:var(--gold);border-color:var(--gold)}
.prod-wish svg{width:14px;height:14px;stroke:var(--mid);fill:none;stroke-width:1.6;transition:stroke .3s}
.prod-wish:hover svg{stroke:var(--ink)}

/* ════ FEATURED BANNER (between sections) ════ */
.feat-banner{
  position:relative;height:55vh;overflow:hidden;
  display:flex;align-items:center;
}
.feat-banner img,.feat-banner-bg{
  position:absolute;inset:0;width:100%;height:100%;
  object-fit:cover;transition:transform .8s var(--e);
}
.feat-banner:hover .feat-banner-bg{transform:scale(1.04)}
.feat-banner-bg{
  background:linear-gradient(135deg,#1A1208 0%,#2C1E0A 100%);
}

.feat-banner-content{position:relative;z-index:2;padding:0 8vw}
.feat-b-tag{font-family:'Raleway',sans-serif;font-weight:100;font-size:.55rem;letter-spacing:.55em;text-transform:uppercase;color:rgba(201,169,110,.65);margin-bottom:1.2rem}
.feat-b-title{font-family:'Cormorant Garamond',serif;font-weight:300;font-size:clamp(2.5rem,5vw,5rem);line-height:.96;color:#F4E8CC;margin-bottom:1.4rem}
.feat-b-title em{font-style:italic;color:var(--gold);display:block}
.btn-feat{
  display:inline-block;padding:13px 36px;
  background:var(--gold);color:var(--ink);
  font-family:'Raleway',sans-serif;font-weight:300;
  font-size:.58rem;letter-spacing:.38em;text-transform:uppercase;
  text-decoration:none;cursor:none;border:1px solid var(--gold);
  transition:background .35s,transform .3s;
}
.btn-feat:hover{background:var(--gold2);transform:translateY(-2px)}

/* ════ COLLECTION GRID (2 or 3 col) ════ */
.coll-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px}
.coll-card{
  position:relative;overflow:hidden;cursor:none;
  aspect-ratio:3/4;background:#EDE6D8;
  display:flex;align-items:flex-end;
}
.coll-card-bg{
  position:absolute;inset:0;width:100%;height:100%;
  object-fit:cover;transition:transform .7s var(--e);
}
.coll-card:hover .coll-card-bg{transform:scale(1.06)}
.coll-card-overlay{
  position:absolute;inset:0;
  background:linear-gradient(180deg,transparent 40%,rgba(12,8,3,.72) 100%);
  z-index:1;
}
.coll-card-content{position:relative;z-index:2;padding:22px 24px;width:100%}
.coll-card-label{
  font-family:'Raleway',sans-serif;font-weight:100;
  font-size:.5rem;letter-spacing:.44em;text-transform:uppercase;
  color:rgba(201,169,110,.7);margin-bottom:.5rem;
}
.coll-card-name{
  font-family:'Cormorant Garamond',serif;font-weight:400;
  font-size:1.22rem;letter-spacing:.08em;color:#F4E8CC;
  margin-bottom:1rem;line-height:1.2;
}
.btn-coll{
  display:inline-block;padding:8px 20px;
  background:transparent;color:#F4E8CC;
  font-family:'Raleway',sans-serif;font-weight:200;
  font-size:.52rem;letter-spacing:.34em;text-transform:uppercase;
  border:1px solid rgba(244,232,204,.4);cursor:none;
  transition:background .3s,border-color .3s;
}
.btn-coll:hover{background:rgba(201,169,110,.14);border-color:var(--gold);color:var(--gold)}

/* ════ MARQUEE ════ */
.marquee{overflow:hidden;padding:2.8vh 0;background:var(--ink)}
.marquee-t{display:flex;white-space:nowrap;animation:mar 28s linear infinite}
.marquee-t:hover{animation-play-state:paused}
.mw{font-family:'Cormorant Garamond',serif;font-style:italic;font-size:clamp(.85rem,1.5vw,1.1rem);color:rgba(201,169,110,.35);letter-spacing:.18em;padding:0 2.2rem}
.ms{color:rgba(201,169,110,.28);font-size:.35rem;vertical-align:middle;margin:0 .5rem}
@keyframes mar{from{transform:translateX(0)}to{transform:translateX(-50%)}}

/* ════ CHECKOUT MODAL ════ */
#cart-modal{
  position:fixed;inset:0;z-index:800;
  display:flex;align-items:stretch;justify-content:flex-end;
  pointer-events:none;
}
#cart-modal.open{pointer-events:all}
#cart-backdrop{
  position:absolute;inset:0;background:rgba(10,6,2,.45);
  opacity:0;transition:opacity .35s;cursor:none;
}
#cart-modal.open #cart-backdrop{opacity:1}
#cart-panel{
  position:relative;z-index:2;
  width:420px;max-width:100vw;background:var(--cream);
  display:flex;flex-direction:column;
  transform:translateX(100%);transition:transform .42s var(--e);
  height:100vh;overflow:hidden;
}
#cart-modal.open #cart-panel{transform:translateX(0)}
.cart-head{
  display:flex;align-items:center;justify-content:space-between;
  padding:20px 24px;border-bottom:1px solid var(--border);
  flex-shrink:0;
}
.cart-head-title{
  font-family:'Cinzel',serif;font-size:.95rem;
  letter-spacing:.32em;color:var(--ink);
}
.cart-close{
  width:36px;height:36px;display:flex;align-items:center;justify-content:center;
  cursor:none;transition:color .3s;color:var(--mid);
}
.cart-close:hover{color:var(--gold)}
.cart-close svg{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:1.5}
.cart-body{flex:1;overflow-y:auto;padding:20px 24px}
.cart-empty{
  display:flex;flex-direction:column;align-items:center;
  justify-content:center;height:100%;gap:18px;text-align:center;
}
.cart-empty svg{width:56px;height:56px;stroke:rgba(139,101,20,.25);fill:none;stroke-width:1}
.cart-empty-title{font-family:'Cinzel',serif;font-size:.88rem;letter-spacing:.3em;color:var(--lt)}
.cart-empty-sub{font-family:'Raleway',sans-serif;font-weight:200;font-size:.7rem;color:var(--lt);letter-spacing:.1em}
.cart-item{
  display:grid;grid-template-columns:80px 1fr auto;
  gap:14px;padding:16px 0;border-bottom:1px solid var(--border);
  align-items:center;
}
.cart-item-img{
  aspect-ratio:1;background:#F0E8DC;overflow:hidden;
  display:flex;align-items:center;justify-content:center;
}
.cart-item-img img{width:100%;height:100%;object-fit:contain;padding:6px}
.cart-item-name{font-family:'Cormorant Garamond',serif;font-size:.95rem;letter-spacing:.06em;color:var(--ink);margin-bottom:.3rem}
.cart-item-cat{font-family:'Raleway',sans-serif;font-weight:100;font-size:.52rem;letter-spacing:.24em;text-transform:uppercase;color:var(--lt)}
.cart-item-price{font-family:'Cormorant Garamond',serif;font-size:1rem;color:var(--gold)}
.cart-item-qty{display:flex;align-items:center;gap:8px;margin-top:.5rem}
.qty-btn{width:26px;height:26px;border:1px solid var(--border);background:transparent;cursor:none;display:flex;align-items:center;justify-content:center;font-size:.9rem;color:var(--mid);transition:all .3s}
.qty-btn:hover{border-color:var(--gold);color:var(--gold)}
.qty-num{font-family:'Raleway',sans-serif;font-weight:300;font-size:.7rem;letter-spacing:.18em;color:var(--ink);min-width:20px;text-align:center}
.remove-item{width:28px;height:28px;display:flex;align-items:center;justify-content:center;cursor:none;color:var(--lt);transition:color .3s}
.remove-item:hover{color:#C44A2A}
.remove-item svg{width:14px;height:14px;stroke:currentColor;fill:none;stroke-width:1.5}
.cart-foot{
  padding:20px 24px;border-top:1px solid var(--border);
  flex-shrink:0;background:var(--cream);
}
.cart-subtotal{
  display:flex;justify-content:space-between;align-items:center;
  margin-bottom:8px;
}
.cart-subtotal-label{font-family:'Raleway',sans-serif;font-weight:300;font-size:.62rem;letter-spacing:.26em;text-transform:uppercase;color:var(--mid)}
.cart-subtotal-val{font-family:'Cormorant Garamond',serif;font-size:1.3rem;color:var(--ink)}
.cart-note{font-family:'Raleway',sans-serif;font-weight:100;font-size:.54rem;color:var(--lt);letter-spacing:.1em;margin-bottom:1.4rem}
.btn-checkout{
  display:block;width:100%;padding:15px;
  background:var(--ink);color:var(--gold);
  font-family:'Raleway',sans-serif;font-weight:300;
  font-size:.62rem;letter-spacing:.44em;text-transform:uppercase;
  text-align:center;border:1px solid var(--ink);cursor:none;
  transition:background .35s,color .35s;margin-bottom:10px;
}
.btn-checkout:hover{background:var(--gold);color:var(--ink);border-color:var(--gold)}
.btn-view-cart{
  display:block;width:100%;padding:13px;
  background:transparent;color:var(--mid);
  font-family:'Raleway',sans-serif;font-weight:200;
  font-size:.58rem;letter-spacing:.38em;text-transform:uppercase;
  text-align:center;border:1px solid var(--border);cursor:none;
  transition:border-color .3s,color .3s;
}
.btn-view-cart:hover{border-color:var(--gold);color:var(--gold)}

/* ════ TOAST ════ */
#toast{
  position:fixed;bottom:30px;right:30px;z-index:900;
  background:var(--ink);color:var(--gold);
  font-family:'Raleway',sans-serif;font-weight:300;
  font-size:.62rem;letter-spacing:.26em;text-transform:uppercase;
  padding:14px 24px;
  transform:translateY(80px);opacity:0;
  transition:all .4s var(--e);pointer-events:none;
}
#toast.show{transform:translateY(0);opacity:1}

/* ════ TRUST BAR ════ */
.trust-bar{
  background:#fff;border-top:1px solid var(--border);border-bottom:1px solid var(--border);
  padding:3vh 5vw;
}
.trust-inner{
  display:grid;grid-template-columns:repeat(4,1fr);
  gap:20px;max-width:960px;margin:0 auto;
}
.trust-item{
  display:flex;align-items:center;gap:14px;
  justify-content:center;
}
.trust-icon{
  width:38px;height:38px;flex-shrink:0;
  display:flex;align-items:center;justify-content:center;
}
.trust-icon svg{width:100%;height:100%;stroke:var(--gold);fill:none;stroke-width:1.2}
.trust-text{}
.trust-ttl{font-family:'Cinzel',serif;font-size:.6rem;letter-spacing:.28em;color:var(--ink);margin-bottom:.2rem}
.trust-sub{font-family:'Raleway',sans-serif;font-weight:100;font-size:.55rem;letter-spacing:.1em;color:var(--lt)}

/* ════ FOOTER ════ */






















/* ════ RESPONSIVE ════ */

/* ── Checkout input styles ── */
.co-input{
  width:100%;padding:12px 14px;
  border:1px solid rgba(139,101,20,.15);background:#fff;
  font-family:'Raleway',sans-serif;font-weight:300;
  font-size:.7rem;letter-spacing:.1em;color:#18140F;
  outline:none;transition:border-color .3s;
  margin-bottom:14px;display:block;
}
.co-input:focus{border-color:#C9A96E}
.co-input::placeholder{color:#9A8A70}
.co-label{
  font-family:'Raleway',sans-serif;font-weight:300;
  font-size:.54rem;letter-spacing:.32em;text-transform:uppercase;
  color:#58503E;display:block;margin-bottom:5px;
}
.co-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.co-section-title{
  font-family:'Cinzel',serif;font-size:.82rem;letter-spacing:.28em;
  color:#18140F;margin-bottom:20px;padding-bottom:12px;
  border-bottom:1px solid rgba(139,101,20,.12);
}
.co-btn-main{
  width:100%;padding:15px;
  background:#18140F;color:#C9A96E;
  font-family:'Raleway',sans-serif;font-weight:300;
  font-size:.62rem;letter-spacing:.44em;text-transform:uppercase;
  border:none;cursor:none;transition:background .3s;
  margin-top:8px;
}
.co-btn-main:hover{background:#C9A96E;color:#18140F}
.co-btn-back{
  background:none;border:none;
  font-family:'Raleway',sans-serif;font-weight:200;
  font-size:.58rem;letter-spacing:.32em;text-transform:uppercase;
  color:#9A8A70;cursor:none;padding:0;
  display:flex;align-items:center;gap:6px;margin-bottom:20px;
  transition:color .3s;
}
.co-btn-back:hover{color:#C9A96E}
.co-step-dot{
  width:8px;height:8px;border-radius:50%;
  background:rgba(139,101,20,.15);transition:all .4s;
}
.co-step-dot.active{background:#C9A96E;width:22px;border-radius:4px}
.co-step-dot.done{background:rgba(201,169,110,.4)}
.co-method{
  border:1px solid rgba(139,101,20,.15);padding:14px 18px;
  margin-bottom:10px;cursor:none;transition:all .3s;display:flex;align-items:center;gap:14px;
}
.co-method.selected{border-color:#C9A96E;background:rgba(201,169,110,.04)}
.co-method:hover{border-color:rgba(201,169,110,.4)}
.co-radio{
  width:16px;height:16px;border-radius:50%;
  border:2px solid rgba(139,101,20,.25);
  display:flex;align-items:center;justify-content:center;flex-shrink:0;
}
.co-method.selected .co-radio{border-color:#C9A96E}
.co-method.selected .co-radio::after{
  content:'';width:8px;height:8px;border-radius:50%;background:#C9A96E;display:block;
}
.co-method-name{
  font-family:'Raleway',sans-serif;font-weight:300;
  font-size:.66rem;letter-spacing:.18em;color:#18140F;
}
.co-method-sub{
  font-family:'Raleway',sans-serif;font-weight:100;
  font-size:.58rem;letter-spacing:.1em;color:#9A8A70;
}
.co-order-item{
  display:grid;grid-template-columns:56px 1fr auto;
  gap:12px;align-items:center;
  padding:10px 0;border-bottom:1px solid rgba(139,101,20,.08);
}
.co-order-img{
  aspect-ratio:1;background:#F0E8DC;overflow:hidden;
}
.co-order-img img{width:100%;height:100%;object-fit:contain;padding:4px}
.co-order-name{
  font-family:'Cormorant Garamond',serif;font-size:.92rem;color:#18140F;letter-spacing:.05em;
}
.co-order-cat{
  font-family:'Raleway',sans-serif;font-weight:100;font-size:.5rem;letter-spacing:.2em;text-transform:uppercase;color:#9A8A70;
}
.co-order-price{
  font-family:'Cormorant Garamond',serif;font-size:.95rem;color:#C9A96E;
}
.co-total-row{
  display:flex;justify-content:space-between;align-items:center;
  padding:8px 0;
}
.co-total-label{
  font-family:'Raleway',sans-serif;font-weight:200;font-size:.62rem;letter-spacing:.2em;text-transform:uppercase;color:#58503E;
}
.co-total-val{
  font-family:'Cormorant Garamond',serif;font-size:1rem;color:#18140F;
}
.co-total-val.big{font-size:1.3rem;color:#18140F}
.co-divider{height:1px;background:rgba(139,101,20,.1);margin:10px 0}
.co-error{
  font-family:'Raleway',sans-serif;font-weight:200;font-size:.6rem;
  color:#C44A2A;letter-spacing:.1em;margin-top:-8px;margin-bottom:10px;display:none;
}
.co-spinner{
  display:inline-block;width:16px;height:16px;
  border:2px solid rgba(201,169,110,.3);
  border-top-color:#C9A96E;border-radius:50%;
  animation:spin .7s linear infinite;margin-right:8px;
  vertical-align:middle;
}
@keyframes spin{to{transform:rotate(360deg)}}

/* ════════════════════════════════════════════════════
   RESPONSIVE — Full Device Coverage
   Breakpoints:
   1400px+ → Large desktop
   1100px  → Desktop/laptop
   900px   → Tablet landscape
   768px   → Tablet portrait
   600px   → Large phone
   480px   → Phone
   360px   → Small phone
════════════════════════════════════════════════════ */

/* ── Large desktop (1400px+) — widen grids ── */
@media(min-width:1400px){
  .prod-grid{grid-template-columns:repeat(4,1fr)}
  .frag-grid{grid-template-columns:repeat(5,1fr)}
  .sec{padding:7vh 6vw}

  .hero-content{max-width:680px}
}

/* ── Desktop (1100px) ── */
@media(max-width:1100px){



  .hero-h1{font-size:clamp(2.8rem,5.5vw,5.5rem)}
  .frag-grid{grid-template-columns:repeat(5,1fr);gap:1px}
  .frag-card{padding:4vh 1.5vw 3.5vh}
  .fc-name{font-size:.65rem;letter-spacing:.2em}
}

/* ── Tablet landscape + small laptop (900px) ── */
@media(max-width:900px){
  /* Nav — hide links, show hamburger */





  #nav.solid



  /* Announcement */

  #ann span:last-child{display:none}

  /* Hero */
  .hero-banner{position:relative;height:100vh;min-height:600px;overflow:hidden;background:#0D0A06}
  .hero-content{max-width:100%;padding:0 6vw}
  .hero-label{font-size:.5rem;margin-bottom:1rem}
  .hero-h1{font-size:clamp(2.4rem,7vw,4.5rem)}
  .hero-sub{font-size:.7rem;max-width:100%}
  .btn-hero{padding:12px 28px;font-size:.58rem}

  /* Sections */
  .sec{padding:5vh 4vw}




  /* Product grid */
  .prod-grid{grid-template-columns:repeat(2,1fr)}

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



  /* Fragrance grid */
  .frag-grid{grid-template-columns:repeat(2,1fr)}
  .frag-card{padding:4vh 3vw 3vh}

  /* Featured banners */
  .feat-banner{height:44vh}
  .feat-b-title{font-size:clamp(1.8rem,5vw,3.5rem)}
  .feat-banner-content{position:relative;z-index:2;padding:0 8vw}
  .btn-feat{padding:11px 28px;font-size:.55rem}

  /* Legacy section */
  #legacy-sec .sec > div[style*="grid"]{
    grid-template-columns:1fr !important;
    gap:4vh 0 !important;
  }

  /* Collections */
  .coll-grid{grid-template-columns:1fr 1fr}

  /* Trust bar */
  .trust-inner{grid-template-columns:1fr 1fr;gap:16px}

  /* Footer */
  


  /* Cart */
  #cart-panel{width:360px}

  /* Checkout */
  #checkout-panel{max-width:100%;border-radius:0}
  .co-row{grid-template-columns:1fr 1fr;gap:10px}
}

/* ── Tablet portrait (768px) ── */
@media(max-width:768px){
  /* Nav */


  #nav.solid


  /* Hero */
  .hero-banner{position:relative;height:100vh;min-height:600px;overflow:hidden;background:#0D0A06}
  .hero-h1{font-size:clamp(2.2rem,8vw,3.8rem)}
  .hero-sub{display:none}
  .hero-btns{gap:8px}
  .btn-hero{padding:11px 22px;font-size:.55rem;letter-spacing:.3em}

  /* Product cards */
  .prod-grid{grid-template-columns:repeat(2,1fr);gap:1px}
  .prod-card-img{aspect-ratio:1/1}
  .prod-card-info{padding:10px 12px 14px}





  /* Fragrance grid */
  .frag-grid{grid-template-columns:1fr 1fr}
  .fc-desc{display:none}

  /* Featured banner */
  .feat-banner{height:38vh}
  .feat-b-tag{font-size:.48rem}
  .feat-b-title{font-size:clamp(1.6rem,6vw,3rem)}

  /* Trust bar */
  .trust-inner{grid-template-columns:1fr 1fr;gap:12px}
  .trust-item{flex-direction:column;text-align:center;gap:8px}

  /* Sections */
  .sec{padding:4.5vh 4vw}


  /* Footer */
  
  
  
  

  /* Cart */
  #cart-panel{width:100%;max-width:100vw}

  /* Checkout */
  #checkout-modal{align-items:flex-end}
  #checkout-panel{
    max-height:95vh;
    border-radius:16px 16px 0 0;
  }
  .co-row{grid-template-columns:1fr}
}

/* ── Large phone (600px) ── */
@media(max-width:600px){
  /* Announcement */


  /* Nav */



  /* Hero */
  .hero-banner{position:relative;height:100vh;min-height:600px;overflow:hidden;background:#0D0A06}
  .hero-h1{font-size:clamp(2rem,9vw,3.2rem);line-height:1.02}
  .hero-label{font-size:.44rem;letter-spacing:.4em;margin-bottom:.8rem}
  .hero-content{padding:0 5vw}
  .hero-btns{gap:8px}
  .btn-hero{padding:10px 18px;font-size:.52rem;letter-spacing:.28em}
  .hero-overlay{position:absolute;inset:0;z-index:2;background:linear-gradient(135deg,rgba(6,4,1,.72) 0%,rgba(6,4,1,.18) 52%,rgba(6,4,1,.35) 100%),linear-gradient(180deg,rgba(6,4,1,.05) 0%,transparent 50%,rgba(6,4,1,.6) 100%)}

  /* Sections */
  .sec{padding:4vh 3.5vw}




  /* Product grid — 2 cols tight */
  .prod-grid{grid-template-columns:repeat(2,1fr);gap:1px}
  .prod-card-info{padding:8px 10px 12px}





  /* Fragrance grid */
  .frag-grid{grid-template-columns:1fr}
  .frag-card{padding:3.5vh 4vw}

  /* Featured banner */
  .feat-banner{height:34vh}
  .feat-banner-content{position:relative;z-index:2;padding:0 8vw}
  .feat-b-title{font-size:clamp(1.4rem,7vw,2.5rem)}
  .feat-b-tag{font-size:.44rem;letter-spacing:.4em;margin-bottom:.8rem}
  .btn-feat{padding:10px 22px;font-size:.52rem;letter-spacing:.3em}

  /* Trust bar */
  .trust-bar{padding:2.5vh 4vw}
  .trust-inner{grid-template-columns:1fr 1fr;gap:10px}
  .trust-ttl{font-size:.52rem;letter-spacing:.2em}
  .trust-sub{font-size:.48rem}

  /* Footer */
  
  
  

  /* Cart */
  #cart-panel{width:100%}
  .cart-head{padding:16px 18px}
  .cart-body{padding:16px 18px}
  .cart-foot{padding:16px 18px}
  .cart-item{grid-template-columns:64px 1fr
/* ════ PRODUCT CARD — clickable ════ */
.prod-card{
  cursor:none;
}
.prod-card:hover .prod-card-img img{
  transform:scale(1.06);
}
/* Popup mobile responsive */
@media(max-width:600px){
  #prod-popup-body{grid-template-columns:1fr !important}
  #prod-popup-panel{max-height:96vh}
}
auto;gap:10px}

  /* Checkout */
  #checkout-panel{max-height:96vh}
  #co-header{padding:14px 18px;height:62px}
  #co-body{padding:18px}
  .co-input{padding:10px 12px;font-size:.66rem}
  .co-label{font-size:.5rem}
  .co-btn-main{padding:13px;font-size:.58rem}
  .co-section-title{font-size:.72rem;letter-spacing:.22em}

  /* Collection overlay */
  #coll-page #cp-header{padding:0 3.5vw;height:62px}
  #cp-title{font-size:.82rem;letter-spacing:.22em}
  #coll-page > div:last-child{padding:3vh 3.5vw}
  #cp-grid{grid-template-columns:repeat(2,1fr) !important}
}

/* ── Phone (480px) ── */
@media(max-width:480px){
  /* Announcement */


  /* Nav */




  /* Hero */
  .hero-banner{position:relative;height:100vh;min-height:600px;overflow:hidden;background:#0D0A06}
  .hero-h1{font-size:clamp(1.8rem,10vw,2.8rem)}

  /* Product — switch to 1 col on very small screens */
  .prod-grid{grid-template-columns:1fr}
  .prod-card-img{aspect-ratio:4/3}
  .prod-card-img img{padding:12px 24px}



  /* Featured banner */
  .feat-banner{height:30vh}

  /* Frag cards */
  .frag-grid{grid-template-columns:1fr}
  .fc-notes{display:none}

  /* Collection grid */
  #cp-grid{grid-template-columns:1fr !important}

  /* Footer bottom */
  
  

  /* Trust bar */
  .trust-inner{grid-template-columns:1fr}
  .trust-item{flex-direction:row;justify-content:flex-start;text-align:left}

  /* Marquee */
  .mw{font-size:.78rem;padding:0 1.4rem}
  .marquee{padding:2.2vh 0}
}

/* ── Small phone (360px) ── */
@media(max-width:360px){



  .hero-banner{position:relative;height:100vh;min-height:600px;overflow:hidden;background:#0D0A06}
  .hero-h1{font-size:1.7rem}
  .btn-hero{padding:9px 14px;font-size:.48rem;letter-spacing:.22em}
  .sec{padding:3.5vh 3vw}
  .prod-grid{grid-template-columns:1fr}
  .hero-btns{flex-direction:column;align-items:flex-start}
  #co-body{padding:14px}
  .co-input{padding:9px 10px}
}

/* ── Mobile navigation drawer ── */

/* Mobile nav drawer */
#mobile-nav{
  position:fixed;top:0;left:0;right:0;bottom:0;z-index:690;
  background:#FAF6F0;
  transform:translateX(-100%);transition:transform .4s cubic-bezier(.25,.46,.45,.94);
  overflow-y:auto;padding-top:80px;
  display:none;
}
#mobile-nav.open{transform:translateX(0)}
.mobile-nav-links{
  list-style:none;padding:0 6vw;
}
.mobile-nav-links li{
  border-bottom:1px solid rgba(139,101,20,.1);
}
.mobile-nav-links > li > a{
  display:block;padding:18px 0;
  font-family:'Raleway',sans-serif;font-weight:300;
  font-size:.75rem;letter-spacing:.28em;text-transform:uppercase;
  color:var(--ink);text-decoration:none;
  transition:color .3s;
}
.mobile-nav-links > li > a:hover{color:var(--gold)}
.mobile-nav-sub{
  padding:8px 0 16px 16px;
  display:flex;flex-direction:column;gap:4px;
}

.mobile-nav-close{
  position:absolute;top:20px;right:5vw;
  background:none;border:none;cursor:none;
  font-size:1.4rem;color:var(--mid);line-height:1;
}

/* ── Touch device improvements ── */
@media(hover:none) and (pointer:coarse){
  /* Larger tap targets */


  .qty-btn{width:32px;height:32px}
  .co-method{padding:16px 18px}
  /* Remove hover-only effects */
  .prod-wish{opacity:1 !important}
  .prod-card:hover{box-shadow:none}
  /* Cursor: auto on touch */


}
@media(max-width:768px){


  section[id]{scroll-margin-top:80px}
}
@media(max-width:600px){


  #nav.solid
  .sec{padding:4vh 3.5vw}
  section[id]{scroll-margin-top:72px}

}
@media(max-width:480px){


  section[id]{scroll-margin-top:64px}

  .sec{padding:3.5vh 3vw}
}
@media(max-width:360px){
  section[id]{scroll-margin-top:58px}
}

/* ════ SECTION SCROLL + SPACING ════ */
section[id]{
  scroll-margin-top:110px;
}
.sec{
  padding:6vh 4.5vw;
}
/* Section title gradient */

/* View all link alignment */

}
}

/* ── Print ── */
@media print{
  #entrance,#nav,#ann,.wa-float,#cart-modal,#checkout-modal,#order-success{display:none !important}
  .hero-banner{position:relative;height:100vh;min-height:600px;overflow:hidden;background:#0D0A06}
  .prod-grid{grid-template-columns:repeat(3,1fr)}
}

/* ── Safe area for notched phones (iPhone X+) ── */
@supports(padding:max(0px)){

  
  .wa-float{bottom:max(28px,env(safe-area-inset-bottom))}
}

/* ════ NAV LOGO + INNER — DEFINITIVE ════ */

#nav.solid
#nav.solid

/* ════ DROPDOWN LINKS — Bold Shiny Gold ════ */

/* Active/selected fragrance */

/* Left accent line on hover */

/* ════ MOBILE NAV SUB LINKS — Bold Shiny Gold ════ */
.mobile-nav-sub a{
  font-family:'Cinzel',serif;
  font-weight:500;
  font-size:.62rem;
  letter-spacing:.2em;
  text-transform:uppercase;
  text-decoration:none;
  padding:10px 0;
  color:var(--ink);
  transition:all .35s var(--e);
  position:relative;
  display:block;
  border-bottom:1px solid rgba(139,101,20,.06);
}
.mobile-nav-sub a:hover,
.mobile-nav-sub a:active{
  background:linear-gradient(135deg,#E8C87A 0%,#C9A96E 35%,#F0D898 62%,#B8862A 100%);
  -webkit-background-clip:text;
  -webkit-text-fill-color:transparent;
  background-clip:text;
  padding-left:8px;
}

/* ════ SECTION HEADERS — Bold Shiny Gold ════ */

/* View All — shiny underline style */

/* Dark section overrides */
.dark-sec
.dark-sec

/* ════ FRAGRANCE FILTER CHIPS — Bold Shiny Gold ════ */
.fchip{
  padding:9px 22px;
  border:1px solid rgba(201,169,110,.2);
  background:transparent;
  font-family:'Cinzel',serif;
  font-weight:600;
  font-size:.62rem;
  letter-spacing:.22em;
  text-transform:uppercase;
  cursor:none;
  transition:all .35s var(--e);
  position:relative;
  overflow:hidden;
  color:var(--ink);
}
.fchip::before{
  content:'';
  position:absolute;inset:0;
  background:linear-gradient(135deg,rgba(232,200,122,.1),rgba(201,169,110,.05),rgba(184,134,42,.08));
  opacity:0;transition:opacity .3s;
}
.fchip:hover{ border-color:var(--gold); }
.fchip:hover::before{ opacity:1; }
.fchip:hover,
.fchip.on{
  background:linear-gradient(135deg,#E8C87A 0%,#C9A96E 35%,#F5E0A0 62%,#B8862A 100%);
  -webkit-background-clip:text;
  -webkit-text-fill-color:transparent;
  background-clip:text;
  border-color:var(--gold);
  filter:drop-shadow(0 0 8px rgba(201,169,110,.45));
}
.fchip.on{
  border-width:1.5px;
  filter:drop-shadow(0 0 12px rgba(201,169,110,.55));
}

/* ════ NAV LOGO — DEFINITIVE (no overrides below) ════ */

dges;
  flex-shrink:0;
}
#nav.solid
@media(max-width:1100px){  #nav.solid  }
@media(max-width:900px) {  #nav.solid  }
@media(max-width:768px) {  #nav.solid
/* ════ OUR LEGACY SECTION ════ */

/* Stats grid */

/* Quote */

/* Responsive */
@media(max-width:900px){


}
@media(max-width:600px){




}
}
@media(max-width:600px) { .n
/* ════ CURSOR — Adaptive colour ════ */

/* White cursor on dark backgrounds */
body.dark-cursor
body.dark-cursor
body.dark-cursor
av-logo img{height:52px} #nav.solid  }
@media(max-width:480px) {  #nav.solid  }
@media(max-width:360px) {  #nav.solid  }

/* ════ NAV LOGO — DEFINITIVE ════ */

#nav.solid
@media(max-width:1100px){#nav.solid }
@media(max-width:900px) {#nav.solid }
@media(max-width:768px) {#nav.solid }
@media(max-width:600px) {#nav.solid }
@media(max-width:480px) {#nav.solid }

/* ════ FOOTER LOGO ════ */
.footer-logo{
  height:76px;width:auto;display:block;
  object-fit:contain;margin-bottom:1.4rem;
  image-rendering:-webkit-optimize-contrast;
  image-rendering:crisp-edges;
  opacity:.9;
}

/* ════ CURSOR — SINGLE DEFINITIVE BLOCK ════ */
body{cursor:none}
#cd{
  position:fixed;top:0;left:0;
  width:10px;height:10px;
  background:#C9A96E;
  border-radius:50%;
  pointer-events:none;
  z-index:99999;
  transform:translate(-50%,-50%);
  box-shadow:0 0 12px rgba(201,169,110,.9),0 0 24px rgba(201,169,110,.4);
  will-change:transform;
  transition:background .2s ease,box-shadow .2s ease,width .2s ease,height .2s ease;
  mix-blend-mode:normal;
}
#cr{
  position:fixed;top:0;left:0;
  width:42px;height:42px;
  border:1.5px solid rgba(201,169,110,.6);
  border-radius:50%;
  pointer-events:none;
  z-index:99998;
  transform:translate(-50%,-50%);
  will-change:transform;
  transition:width .3s ease,height .3s ease,border-color .25s ease,opacity .25s ease;
  background:transparent;
}
#cr.big{width:64px;height:64px;border-color:rgba(201,169,110,.9)}
/* white on dark bg */
body.cur-dk #cd{background:#fff;box-shadow:0 0 14px rgba(255,255,255,.8),0 0 28px rgba(255,255,255,.3)}
body.cur-dk #cr{border-color:rgba(255,255,255,.6)}
body.cur-dk #cr.big{border-color:#fff}
/* touch — hide custom cursor, restore native */
@media(hover:none) and (pointer:coarse){
  #cd,#cr{display:none!important}
  body{cursor:auto!important}
}

/* ════ SECTION TITLE — Bold Shiny Gold ════ */

/* override for dark sections */
.dark-sec

/* ════ PRODUCT CARD INFO ════ */
.prod-cat{
  font-family:'Raleway',sans-serif;font-weight:100;
  font-size:.48rem;letter-spacing:.36em;text-transform:uppercase;
  color:var(--gold);margin-bottom:.4rem;
}
.prod-name{
  font-family:'Cormorant Garamond',serif;font-weight:400;
  font-size:1.1rem;letter-spacing:.05em;color:var(--ink);
  margin-bottom:.3rem;line-height:1.25;
}
.prod-notes{
  font-family:'Raleway',sans-serif;font-weight:100;
  font-size:.5rem;letter-spacing:.1em;color:var(--lt);
  margin-bottom:.9rem;
}
.prod-bottom{
  display:flex;align-items:center;
  justify-content:space-between;gap:8px;
}
.prod-price{
  font-family:'Cormorant Garamond',serif;
  font-size:1.1rem;font-weight:400;
  color:var(--ink);letter-spacing:.04em;
}
.prod-price .cur{
  font-size:.7rem;font-weight:300;
  color:var(--lt);letter-spacing:.16em;
  text-transform:uppercase;margin-right:2px;
}
.btn-add{
  padding:7px 16px;
  background:var(--ink);color:var(--gold);
  font-family:'Raleway',sans-serif;font-weight:300;
  font-size:.5rem;letter-spacing:.24em;text-transform:uppercase;
  border:1px solid var(--ink);cursor:none;flex-shrink:0;
  transition:background .3s,color .3s,transform .2s;
}
.btn-add:hover{
  background:var(--gold);color:var(--ink);
  border-color:var(--gold);transform:translateY(-1px);
}

/* ════ OUR LEGACY SECTION ════ */
.legacy-layout{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:5vw;align-items:start;
  padding:4vh 0 7vh;
}
.legacy-eyebrow{
  font-family:'Raleway',sans-serif;font-weight:100;
  font-size:.5rem;letter-spacing:.58em;text-transform:uppercase;
  color:var(--gold);margin-bottom:1.6rem;
}
.legacy-headline{
  font-family:'Cormorant Garamond',serif;font-weight:300;
  font-size:clamp(2.4rem,4.8vw,4.8rem);
  line-height:.97;color:var(--ink);margin-bottom:1.4rem;
}
.legacy-headline em{
  font-style:italic;color:var(--gold);display:block;
}
.legacy-rule{
  width:38px;height:1px;
  background:linear-gradient(90deg,var(--gold),transparent);
  margin:1.4rem 0;
}
.legacy-body{
  font-family:'Raleway',sans-serif;font-weight:200;
  font-size:.76rem;line-height:2.5;letter-spacing:.06em;
  color:var(--mid);max-width:420px;margin-bottom:1.3rem;
}
.legacy-story{padding-right:2vw}
/* Stats */
.legacy-stats-wrap{display:flex;flex-direction:column;gap:2.5vh}
.legacy-stats-grid{
  display:grid;grid-template-columns:1fr 1fr;
  gap:1px;background:rgba(139,101,20,.1);
}
.legacy-stat{
  background:var(--cream);
  padding:3.2vh 2.2vw;text-align:center;
}
.legacy-stat-num{
  font-family:'Cormorant Garamond',serif;font-weight:300;
  font-size:clamp(2rem,3.2vw,3rem);line-height:1;
  background:linear-gradient(135deg,#E8C87A 0%,#C9A96E 40%,#F0D898 65%,#B8862A 100%);
  -webkit-background-clip:text;-webkit-text-fill-color:transparent;
  background-clip:text;
  filter:drop-shadow(0 0 8px rgba(201,169,110,.28));
}
.legacy-stat-rule{
  width:18px;height:1px;
  background:linear-gradient(90deg,transparent,var(--gold),transparent);
  margin:.6rem auto;
}
.legacy-stat-lbl{
  font-family:'Raleway',sans-serif;font-weight:200;
  font-size:.46rem;letter-spacing:.42em;
  text-transform:uppercase;color:var(--lt);
}
/* Quote */
.legacy-quote-block{
  border-left:2px solid rgba(201,169,110,.28);
  padding:1.6rem 1.8rem;
  background:rgba(201,169,110,.04);
}
.legacy-quote-mark{
  font-family:'Cormorant Garamond',serif;
  font-size:2.8rem;line-height:.65;
  color:rgba(201,169,110,.35);margin-bottom:.5rem;
}
.legacy-quote-text{
  font-family:'Cormorant Garamond',serif;font-style:italic;
  font-weight:300;font-size:1rem;
  line-height:1.75;letter-spacing:.04em;
  color:var(--mid);margin-bottom:.7rem;
}
.legacy-quote-attr{
  font-family:'Raleway',sans-serif;font-weight:100;
  font-size:.5rem;letter-spacing:.3em;
  text-transform:uppercase;color:var(--lt);
}
/* Responsive */
@media(max-width:900px){
  .legacy-layout{grid-template-columns:1fr;gap:4vh}
  .legacy-body{max-width:100%}
  .legacy-story{padding-right:0}
}
@media(max-width:600px){
  .legacy-stats-grid{grid-template-columns:1fr 1fr}
  .legacy-stat{padding:2.5vh 4vw}
}

/* ════════════════════════════════════════
   SECTION HEADERS — Bold Shiny Gold
   Single definitive block, no overrides
════════════════════════════════════════ */

/* ── VIEW ALL link — shiny gold ── */

/* Dark section header variants */
.dark-sec
.dark-sec
.dark-sec
.dark-sec

/* ═══════════════════════════════════════════
   SECTION HEADERS  —  complete definitive block
   Bold · Cinzel · Shiny Brushed Gold
═══════════════════════════════════════════ */

/* Section top bar */
.sec-top {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 10px;
  margin-bottom: 3vh;
  padding-bottom: 1.6vh;
  border-bottom: 1.5px solid rgba(201,169,110,.15);
  position: relative;
}
.sec-top::after {
  content: '';
  position: absolute;
  bottom: -1.5px;
  left: 0;
  width: 56px;
  height: 1.5px;
  background: linear-gradient(90deg, #E8C87A, #C9A96E, transparent);
  box-shadow: 0 0 8px rgba(201,169,110,.45);
}

/* Section title — BIG BOLD SHINY GOLD */
.sec-ttl {
  font-family: 'Cinzel', serif;
  font-weight: 600;
  font-size: clamp(1.1rem, 2.2vw, 1.9rem);
  letter-spacing: .16em;
  line-height: 1.15;
  color: #C9A96E;                                /* solid gold fallback */
  background: linear-gradient(135deg, #E8C87A 0%, #C9A96E 35%, #F5E0A0 60%, #B8862A 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  filter: drop-shadow(0 0 14px rgba(201,169,110,.35));
  display: inline-block;                         /* required for bg-clip on block elements */
}

/* The <span> inside sec-ttl — inherits gradient */
.sec-ttl span {
  font-family: 'Cinzel', serif;
  font-weight: 600;
  font-size: inherit;
  letter-spacing: inherit;
  color: #C9A96E;
  background: linear-gradient(135deg, #E8C87A 0%, #C9A96E 35%, #F5E0A0 60%, #B8862A 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

/* Section subtitle */
.sec-sub {
  font-family: 'Cormorant Garamond', serif;
  font-style: italic;
  font-size: .9rem;
  color: rgba(90,78,60,.6);
  letter-spacing: .08em;
  margin-top: 4px;
}

/* View All link — gold Cinzel with animated underline */
.view-all {
  font-family: 'Cinzel', serif;
  font-weight: 500;
  font-size: .58rem;
  letter-spacing: .24em;
  text-transform: uppercase;
  text-decoration: none;
  cursor: none;
  white-space: nowrap;
  flex-shrink: 0;
  color: #C9A96E;                                /* solid fallback */
  background: linear-gradient(135deg, #E8C87A 0%, #C9A96E 40%, #B8862A 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  position: relative;
  padding-bottom: 4px;
  transition: filter .3s ease;
  display: inline-block;
}
.view-all::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 1px;
  background: linear-gradient(90deg, #E8C87A, #C9A96E, #B8862A);
  transform: scaleX(.3);
  transform-origin: left center;
  transition: transform .4s cubic-bezier(.25,.46,.45,.94);
}
.view-all:hover {
  filter: drop-shadow(0 0 10px rgba(201,169,110,.6));
}
.view-all:hover::after {
  transform: scaleX(1);
}

/* Dark section variants (bakhur / fragrances) */
.dark-sec .sec-top {
  border-bottom-color: rgba(201,169,110,.1);
}
.dark-sec .sec-ttl {
  background: linear-gradient(135deg, #F5E0A0 0%, #E8C87A 30%, #FAEDC0 58%, #C9A96E 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  filter: drop-shadow(0 0 20px rgba(201,169,110,.55));
}
.dark-sec .sec-ttl span {
  background: linear-gradient(135deg, #F5E0A0 0%, #E8C87A 30%, #FAEDC0 58%, #C9A96E 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}
.dark-sec .sec-sub {
  color: rgba(201,169,110,.5);
}
.dark-sec .view-all {
  background: linear-gradient(135deg, #F5E0A0 0%, #E8C87A 40%, #C9A96E 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

/* ═══════════════════════════════════════════════════
   MISKARA NAV — Complete Luxury System
═══════════════════════════════════════════════════ */

#nav.scrolled

#nav.scrolled

/* Dropdown */

/* Right icons */

.nav-search-bar input::placeholder{color:#9A8A70}

/* Hamburger */

/* Responsive */
@media(max-width:1100px){#nav.scrolled }
@media(max-width:900px){#nav.scrolled #nav.scrolled }
@media(max-width:600px){#nav.scrolled #nav.scrolled }
@media(max-width:480px){#nav.scrolled }

/* ═══════════════════════════════════════════════════════════════
   MISKARA HEADER — Complete Luxury System
   Inspired by: Creed · Amouage · Tom Ford · Louis Vuitton
═══════════════════════════════════════════════════════════════ */

/* ── Announcement Bar ── */
#ann {
  height: 34px;
  background: #18140F;
  overflow: hidden;
  display: flex;
  align-items: center;
  border-bottom: 1px solid rgba(201,169,110,.1);
}
.ann-track {
  display: flex;
  align-items: center;
  gap: 0;
  white-space: nowrap;
  animation: ann-scroll 28s linear infinite;
  will-change: transform;
}
.ann-track:hover { animation-play-state: paused; }
.ann-item {
  font-family: 'Raleway', sans-serif;
  font-weight: 200;
  font-size: .5rem;
  letter-spacing: .48em;
  text-transform: uppercase;
  color: rgba(201,169,110,.7);
  padding: 0 2.4rem;
}
.ann-dot {
  color: rgba(201,169,110,.35);
  font-size: .28rem;
  flex-shrink: 0;
}
@keyframes ann-scroll {
  0%   { transform: translateX(0); }
  100% { transform: translateX(-50%); }
}

/* ── Nav shell ── */
#nav {
  position: sticky;
  top: 0;
  z-index: 700;
  background: #FDFAF5;
  border-bottom: 1px solid rgba(201,169,110,.11);
  transition: box-shadow .45s ease, background .45s ease;
}
#nav.scrolled {
  background: rgba(253,250,245,.97);
  backdrop-filter: blur(28px) saturate(1.4);
  -webkit-backdrop-filter: blur(28px) saturate(1.4);
  box-shadow: 0 1px 0 rgba(201,169,110,.12), 0 4px 32px rgba(26,18,8,.07);
}

/* ── Inner 3-column grid ── */
.nav-inner {
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
  height: 88px;
  padding: 0 3vw;
  gap: 0;
  transition: height .4s ease;
}
#nav.scrolled .nav-inner { height: 68px; }

/* ────────────────────────
   LEFT — Brand Stack
──────────────────────── */
.nav-brand {
  display: flex;
  align-items: center;
  gap: 14px;
  text-decoration: none;
  justify-self: start;
  cursor: none;
  transition: opacity .3s;
}
.nav-brand:hover { opacity: .85; }
.nav-brand-logo {
  height: 58px;
  width: auto;
  display: block;
  object-fit: contain;
  flex-shrink: 0;
  image-rendering: -webkit-optimize-contrast;
  image-rendering: crisp-edges;
  transition: height .4s ease;
}
#nav.scrolled .nav-brand-logo { height: 44px; }
.nav-brand-text {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 3px;
  border-left: 1px solid rgba(201,169,110,.25);
  padding-left: 14px;
}
.nav-brand-name {
  font-family: 'Cinzel', serif;
  font-weight: 500;
  font-size: .88rem;
  letter-spacing: .32em;
  color: #18140F;
  line-height: 1;
  display: block;
}
.nav-brand-sub {
  font-family: 'Raleway', sans-serif;
  font-weight: 200;
  font-size: .46rem;
  letter-spacing: .45em;
  text-transform: uppercase;
  color: rgba(201,169,110,.75);
  display: block;
}

/* ────────────────────────
   CENTRE — Navigation
──────────────────────── */
.nav-links {
  display: flex;
  align-items: stretch;
  list-style: none;
  margin: 0; padding: 0;
  height: 100%;
  gap: 0;
  justify-self: center;
}
.nav-links > li {
  position: relative;
  display: flex;
  align-items: center;
}
.nav-links > li > a {
  display: flex;
  align-items: center;
  gap: 5px;
  height: 100%;
  padding: 0 18px;
  font-family: 'Raleway', sans-serif;
  font-weight: 400;
  font-size: .6rem;
  letter-spacing: .2em;
  text-transform: uppercase;
  color: #3A2E1E;
  text-decoration: none;
  border-bottom: 2px solid transparent;
  transition: color .3s ease, border-color .35s ease;
  white-space: nowrap;
  cursor: none;
  position: relative;
}
.nav-links > li > a:hover {
  color: #C9A96E;
  border-bottom-color: #C9A96E;
}
.nav-chevron {
  font-size: .5rem;
  opacity: .6;
  transition: transform .3s ease;
  display: inline-block;
}
.nav-links > li:hover .nav-chevron { transform: rotate(180deg); }

/* ────────────────────────
   DROPDOWN
──────────────────────── */
.nav-links > li:hover .dropdown,
.nav-links > li:focus-within .dropdown {
  opacity: 1;
  visibility: visible;
  transform: translateX(-50%) translateY(0);
  pointer-events: all;
}
.dropdown {
  position: absolute;
  top: calc(100% + 2px);
  left: 50%;
  transform: translateX(-50%) translateY(-10px);
  min-width: 240px;
  background: #FDFAF5;
  border: 1px solid rgba(201,169,110,.16);
  border-top: 2px solid #C9A96E;
  border-radius: 0 0 6px 6px;
  box-shadow: 0 20px 55px rgba(26,18,8,.12), 0 4px 14px rgba(26,18,8,.05);
  padding: 8px 0 12px;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity .28s ease, transform .28s ease, visibility .28s;
  z-index: 900;
}
/* Diamond notch */
.dropdown::before {
  content: '';
  position: absolute;
  top: -6px;
  left: 50%;
  transform: translateX(-50%) rotate(45deg);
  width: 10px; height: 10px;
  background: #FDFAF5;
  border-left: 1px solid rgba(201,169,110,.16);
  border-top: 1px solid rgba(201,169,110,.16);
}
.dropdown-head {
  font-family: 'Raleway', sans-serif;
  font-weight: 200;
  font-size: .44rem;
  letter-spacing: .5em;
  text-transform: uppercase;
  color: rgba(184,134,42,.6);
  padding: 8px 20px 10px;
  border-bottom: 1px solid rgba(201,169,110,.07);
  margin-bottom: 4px;
}
.dropdown a {
  display: flex;
  align-items: center;
  padding: 10px 20px;
  font-family: 'Cinzel', serif;
  font-weight: 500;
  font-size: .58rem;
  letter-spacing: .18em;
  text-transform: uppercase;
  color: #2A1E0E;
  text-decoration: none;
  cursor: none;
  position: relative;
  overflow: hidden;
  transition: padding-left .25s ease, filter .25s ease;
}
.dropdown a::before {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, rgba(201,169,110,.07) 0%, transparent 100%);
  transform: scaleX(0);
  transform-origin: left;
  transition: transform .28s ease;
}
.dropdown a::after {
  content: '';
  position: absolute;
  left: 0; top: 18%; bottom: 18%;
  width: 2px;
  background: linear-gradient(180deg, #E8C87A, #C9A96E, #B8862A);
  border-radius: 2px;
  transform: scaleY(0);
  transform-origin: center;
  transition: transform .25s ease;
}
.dropdown a:hover {
  padding-left: 26px;
  background: linear-gradient(135deg, #E8C87A 0%, #C9A96E 35%, #F5E0A0 60%, #B8862A 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  filter: drop-shadow(0 0 6px rgba(201,169,110,.28));
}
.dropdown a:hover::before { transform: scaleX(1); }
.dropdown a:hover::after  { transform: scaleY(1); }

/* ────────────────────────
   RIGHT — Search + Icons
──────────────────────── */
.nav-right {
  display: flex;
  align-items: center;
  gap: 12px;
  justify-self: end;
}
/* Large luxury search */
.nav-search {
  display: flex;
  align-items: center;
  gap: 0;
  width: 260px;
  height: 42px;
  background: #fff;
  border: 1px solid rgba(201,169,110,.22);
  border-radius: 2px;
  padding: 0 14px;
  transition: border-color .3s ease, box-shadow .3s ease;
}
.nav-search:focus-within {
  border-color: #C9A96E;
  box-shadow: 0 0 0 3px rgba(201,169,110,.08);
}
.nav-search-icon {
  width: 16px; height: 16px;
  stroke: #9A8A70;
  fill: none;
  stroke-width: 1.6;
  flex-shrink: 0;
  margin-right: 10px;
  transition: stroke .3s;
}
.nav-search:focus-within .nav-search-icon { stroke: #C9A96E; }
.nav-search input {
  flex: 1;
  border: none;
  outline: none;
  background: transparent;
  font-family: 'Raleway', sans-serif;
  font-weight: 300;
  font-size: .62rem;
  letter-spacing: .14em;
  color: #18140F;
}
.nav-search input::placeholder {
  color: #9A8A70;
  font-weight: 200;
  letter-spacing: .18em;
}
/* Action icon buttons */
.nav-actions {
  display: flex;
  align-items: center;
  gap: 4px;
}
.nav-action-btn {
  width: 40px; height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: none;
  border: none;
  cursor: none;
  color: #58503E;
  position: relative;
  border-radius: 50%;
  transition: color .3s ease, background .3s ease;
}
.nav-action-btn:hover {
  color: #C9A96E;
  background: rgba(201,169,110,.06);
}
.nav-action-btn svg {
  width: 20px; height: 20px;
  stroke: currentColor;
  fill: none;
  stroke-width: 1.5;
}
.nav-cart-btn { position: relative; }
.nav-cart-count {
  position: absolute;
  top: 4px; right: 4px;
  min-width: 16px; height: 16px;
  border-radius: 8px;
  background: #C9A96E;
  color: #18140F;
  font-family: 'Raleway', sans-serif;
  font-size: .4rem;
  font-weight: 600;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 4px;
  line-height: 1;
}

/* ────────────────────────
   HAMBURGER (mobile only)
──────────────────────── */
.nav-hamburger {
  display: none;
  flex-direction: column;
  gap: 5px;
  padding: 8px;
  background: none;
  border: none;
  cursor: none;
  flex-shrink: 0;
}
.nav-hamburger span {
  display: block;
  width: 22px; height: 1.5px;
  background: #18140F;
  border-radius: 1px;
  transition: all .32s ease;
}
.nav-hamburger.open span:nth-child(1) { transform: translateY(6.5px) rotate(45deg); }
.nav-hamburger.open span:nth-child(2) { opacity: 0; transform: scaleX(0); }
.nav-hamburger.open span:nth-child(3) { transform: translateY(-6.5px) rotate(-45deg); }

/* ────────────────────────
   RESPONSIVE
──────────────────────── */
@media(max-width:1200px) {
  .nav-links > li > a { padding: 0 14px; font-size: .57rem; }
  .nav-search { width: 200px; }
}
@media(max-width:1024px) {
  .nav-search { width: 170px; }
  .nav-links > li > a { padding: 0 10px; font-size: .54rem; letter-spacing: .16em; }
  .nav-brand-name { font-size: .78rem; }
}
@media(max-width:900px) {
  .nav-links { display: none; }
  .nav-hamburger { display: flex !important; }
  .nav-inner {
    grid-template-columns: 1fr auto auto;
    height: 68px;
    padding: 0 4vw;
  }
  #nav.scrolled .nav-inner { height: 56px; }
  .nav-brand-logo { height: 46px; }
  #nav.scrolled .nav-brand-logo { height: 36px; }
  .nav-brand-text { display: none; }
  .nav-right { gap: 8px; }
  .nav-search { width: 150px; height: 36px; }
}
@media(max-width:600px) {
  .nav-inner { height: 58px; padding: 0 3.5vw; }
  #nav.scrolled .nav-inner { height: 48px; }
  .nav-brand-logo { height: 40px; }
  .nav-search { display: none; }
}
@media(max-width:480px) {
  .nav-inner { height: 52px; }
  .nav-brand-logo { height: 36px; }
  .nav-actions { gap: 0; }
  .nav-action-btn { width: 36px; height: 36px; }
  .nav-action-btn svg { width: 18px; height: 18px; }
}

/* Athar banner video overlay — text always readable */
.feat-banner-overlay{
  position:absolute;inset:0;z-index:1;
  background:
    linear-gradient(90deg, rgba(8,5,2,.72) 0%, rgba(8,5,2,.28) 52%, rgba(8,5,2,.1) 100%),
    linear-gradient(180deg, rgba(8,5,2,.12) 0%, transparent 40%, rgba(8,5,2,.45) 100%);
}

/* ── Checkout input styles ── */
.co-input{
  width:100%;padding:12px 14px;
  border:1px solid rgba(139,101,20,.15);background:#fff;
  font-family:'Raleway',sans-serif;font-weight:300;
  font-size:.7rem;letter-spacing:.1em;color:#18140F;
  outline:none;transition:border-color .3s;
  margin-bottom:14px;display:block;
}
.co-input:focus{border-color:#C9A96E}
.co-input::placeholder{color:#9A8A70}
.co-label{
  font-family:'Raleway',sans-serif;font-weight:300;
  font-size:.54rem;letter-spacing:.32em;text-transform:uppercase;
  color:#58503E;display:block;margin-bottom:5px;
}
.co-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.co-section-title{
  font-family:'Cinzel',serif;font-size:.82rem;letter-spacing:.28em;
  color:#18140F;margin-bottom:20px;padding-bottom:12px;
  border-bottom:1px solid rgba(139,101,20,.12);
}
.co-btn-main{
  width:100%;padding:15px;
  background:#18140F;color:#C9A96E;
  font-family:'Raleway',sans-serif;font-weight:300;
  font-size:.62rem;letter-spacing:.44em;text-transform:uppercase;
  border:none;cursor:none;transition:background .3s;
  margin-top:8px;
}
.co-btn-main:hover{background:#C9A96E;color:#18140F}
.co-btn-back{
  background:none;border:none;
  font-family:'Raleway',sans-serif;font-weight:200;
  font-size:.58rem;letter-spacing:.32em;text-transform:uppercase;
  color:#9A8A70;cursor:none;padding:0;
  display:flex;align-items:center;gap:6px;margin-bottom:20px;
  transition:color .3s;
}
.co-btn-back:hover{color:#C9A96E}
.co-step-dot{
  width:8px;height:8px;border-radius:50%;
  background:rgba(139,101,20,.15);transition:all .4s;
}
.co-step-dot.active{background:#C9A96E;width:22px;border-radius:4px}
.co-step-dot.done{background:rgba(201,169,110,.4)}
.co-method{
  border:1px solid rgba(139,101,20,.15);padding:14px 18px;
  margin-bottom:10px;cursor:none;transition:all .3s;display:flex;align-items:center;gap:14px;
}
.co-method.selected{border-color:#C9A96E;background:rgba(201,169,110,.04)}
.co-method:hover{border-color:rgba(201,169,110,.4)}
.co-radio{
  width:16px;height:16px;border-radius:50%;
  border:2px solid rgba(139,101,20,.25);
  display:flex;align-items:center;justify-content:center;flex-shrink:0;
}
.co-method.selected .co-radio{border-color:#C9A96E}
.co-method.selected .co-radio::after{
  content:'';width:8px;height:8px;border-radius:50%;background:#C9A96E;display:block;
}
.co-method-name{
  font-family:'Raleway',sans-serif;font-weight:300;
  font-size:.66rem;letter-spacing:.18em;color:#18140F;
}
.co-method-sub{
  font-family:'Raleway',sans-serif;font-weight:100;
  font-size:.58rem;letter-spacing:.1em;color:#9A8A70;
}
.co-order-item{
  display:grid;grid-template-columns:56px 1fr auto;
  gap:12px;align-items:center;
  padding:10px 0;border-bottom:1px solid rgba(139,101,20,.08);
}
.co-order-img{
  aspect-ratio:1;background:#F0E8DC;overflow:hidden;
}
.co-order-img img{width:100%;height:100%;object-fit:contain;padding:4px}
.co-order-name{
  font-family:'Cormorant Garamond',serif;font-size:.92rem;color:#18140F;letter-spacing:.05em;
}
.co-order-cat{
  font-family:'Raleway',sans-serif;font-weight:100;font-size:.5rem;letter-spacing:.2em;text-transform:uppercase;color:#9A8A70;
}
.co-order-price{
  font-family:'Cormorant Garamond',serif;font-size:.95rem;color:#C9A96E;
}
.co-total-row{
  display:flex;justify-content:space-between;align-items:center;
  padding:8px 0;
}
.co-total-label{
  font-family:'Raleway',sans-serif;font-weight:200;font-size:.62rem;letter-spacing:.2em;text-transform:uppercase;color:#58503E;
}
.co-total-val{
  font-family:'Cormorant Garamond',serif;font-size:1rem;color:#18140F;
}
.co-total-val.big{font-size:1.3rem;color:#18140F}
.co-divider{height:1px;background:rgba(139,101,20,.1);margin:10px 0}
.co-error{
  font-family:'Raleway',sans-serif;font-weight:200;font-size:.6rem;
  color:#C44A2A;letter-spacing:.1em;margin-top:-8px;margin-bottom:10px;display:none;
}
.co-spinner{
  display:inline-block;width:16px;height:16px;
  border:2px solid rgba(201,169,110,.3);
  border-top-color:#C9A96E;border-radius:50%;
  animation:spin .7s linear infinite;margin-right:8px;
  vertical-align:middle;
}
@keyframes spin{to{transform:rotate(360deg)}}

/* ════════════════════════════════════════════════════
   RESPONSIVE — Full Device Coverage
   Breakpoints:
   1400px+ → Large desktop
   1100px  → Desktop/laptop
   900px   → Tablet landscape
   768px   → Tablet portrait
   600px   → Large phone
   480px   → Phone
   360px   → Small phone
════════════════════════════════════════════════════ */

/* ── Large desktop (1400px+) — widen grids ── */
@media(min-width:1400px){
  .prod-grid{grid-template-columns:repeat(4,1fr)}
  .frag-grid{grid-template-columns:repeat(5,1fr)}
  .sec{padding:7vh 6vw}

  .hero-content{max-width:680px}
}

/* ── Desktop (1100px) ── */
@media(max-width:1100px){



  .hero-h1{font-size:clamp(2.8rem,5.5vw,5.5rem)}
  .frag-grid{grid-template-columns:repeat(5,1fr);gap:1px}
  .frag-card{padding:4vh 1.5vw 3.5vh}
  .fc-name{font-size:.65rem;letter-spacing:.2em}
}

/* ── Tablet landscape + small laptop (900px) ── */
@media(max-width:900px){
  /* Nav — hide links, show hamburger */





  #nav.solid



  /* Announcement */

  #ann span:last-child{display:none}

  /* Hero */
  .hero-banner{position:relative;height:100vh;min-height:600px;overflow:hidden;background:#0D0A06}
  .hero-content{max-width:100%;padding:0 6vw}
  .hero-label{font-size:.5rem;margin-bottom:1rem}
  .hero-h1{font-size:clamp(2.4rem,7vw,4.5rem)}
  .hero-sub{font-size:.7rem;max-width:100%}
  .btn-hero{padding:12px 28px;font-size:.58rem}

  /* Sections */
  .sec{padding:5vh 4vw}




  /* Product grid */
  .prod-grid{grid-template-columns:repeat(2,1fr)}

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



  /* Fragrance grid */
  .frag-grid{grid-template-columns:repeat(2,1fr)}
  .frag-card{padding:4vh 3vw 3vh}

  /* Featured banners */
  .feat-banner{height:44vh}
  .feat-b-title{font-size:clamp(1.8rem,5vw,3.5rem)}
  .feat-banner-content{position:relative;z-index:2;padding:0 8vw}
  .btn-feat{padding:11px 28px;font-size:.55rem}

  /* Legacy section */
  #legacy-sec .sec > div[style*="grid"]{
    grid-template-columns:1fr !important;
    gap:4vh 0 !important;
  }

  /* Collections */
  .coll-grid{grid-template-columns:1fr 1fr}

  /* Trust bar */
  .trust-inner{grid-template-columns:1fr 1fr;gap:16px}

  /* Footer */
  


  /* Cart */
  #cart-panel{width:360px}

  /* Checkout */
  #checkout-panel{max-width:100%;border-radius:0}
  .co-row{grid-template-columns:1fr 1fr;gap:10px}
}

/* ── Tablet portrait (768px) ── */
@media(max-width:768px){
  /* Nav */


  #nav.solid


  /* Hero */
  .hero-banner{position:relative;height:100vh;min-height:600px;overflow:hidden;background:#0D0A06}
  .hero-h1{font-size:clamp(2.2rem,8vw,3.8rem)}
  .hero-sub{display:none}
  .hero-btns{gap:8px}
  .btn-hero{padding:11px 22px;font-size:.55rem;letter-spacing:.3em}

  /* Product cards */
  .prod-grid{grid-template-columns:repeat(2,1fr);gap:1px}
  .prod-card-img{aspect-ratio:1/1}
  .prod-card-info{padding:10px 12px 14px}





  /* Fragrance grid */
  .frag-grid{grid-template-columns:1fr 1fr}
  .fc-desc{display:none}

  /* Featured banner */
  .feat-banner{height:38vh}
  .feat-b-tag{font-size:.48rem}
  .feat-b-title{font-size:clamp(1.6rem,6vw,3rem)}

  /* Trust bar */
  .trust-inner{grid-template-columns:1fr 1fr;gap:12px}
  .trust-item{flex-direction:column;text-align:center;gap:8px}

  /* Sections */
  .sec{padding:4.5vh 4vw}


  /* Footer */
  
  
  
  

  /* Cart */
  #cart-panel{width:100%;max-width:100vw}

  /* Checkout */
  #checkout-modal{align-items:flex-end}
  #checkout-panel{
    max-height:95vh;
    border-radius:16px 16px 0 0;
  }
  .co-row{grid-template-columns:1fr}
}

/* ── Large phone (600px) ── */
@media(max-width:600px){
  /* Announcement */


  /* Nav */



  /* Hero */
  .hero-banner{position:relative;height:100vh;min-height:600px;overflow:hidden;background:#0D0A06}
  .hero-h1{font-size:clamp(2rem,9vw,3.2rem);line-height:1.02}
  .hero-label{font-size:.44rem;letter-spacing:.4em;margin-bottom:.8rem}
  .hero-content{padding:0 5vw}
  .hero-btns{gap:8px}
  .btn-hero{padding:10px 18px;font-size:.52rem;letter-spacing:.28em}
  .hero-overlay{position:absolute;inset:0;z-index:2;background:linear-gradient(135deg,rgba(6,4,1,.72) 0%,rgba(6,4,1,.18) 52%,rgba(6,4,1,.35) 100%),linear-gradient(180deg,rgba(6,4,1,.05) 0%,transparent 50%,rgba(6,4,1,.6) 100%)}

  /* Sections */
  .sec{padding:4vh 3.5vw}




  /* Product grid — 2 cols tight */
  .prod-grid{grid-template-columns:repeat(2,1fr);gap:1px}
  .prod-card-info{padding:8px 10px 12px}





  /* Fragrance grid */
  .frag-grid{grid-template-columns:1fr}
  .frag-card{padding:3.5vh 4vw}

  /* Featured banner */
  .feat-banner{height:34vh}
  .feat-banner-content{position:relative;z-index:2;padding:0 8vw}
  .feat-b-title{font-size:clamp(1.4rem,7vw,2.5rem)}
  .feat-b-tag{font-size:.44rem;letter-spacing:.4em;margin-bottom:.8rem}
  .btn-feat{padding:10px 22px;font-size:.52rem;letter-spacing:.3em}

  /* Trust bar */
  .trust-bar{padding:2.5vh 4vw}
  .trust-inner{grid-template-columns:1fr 1fr;gap:10px}
  .trust-ttl{font-size:.52rem;letter-spacing:.2em}
  .trust-sub{font-size:.48rem}

  /* Footer */
  
  
  

  /* Cart */
  #cart-panel{width:100%}
  .cart-head{padding:16px 18px}
  .cart-body{padding:16px 18px}
  .cart-foot{padding:16px 18px}
  .cart-item{grid-template-columns:64px 1fr
/* ════ PRODUCT CARD — clickable ════ */
.prod-card{
  cursor:none;
}
.prod-card:hover .prod-card-img img{
  transform:scale(1.06);
}
/* Popup mobile responsive */
@media(max-width:600px){
  #prod-popup-body{grid-template-columns:1fr !important}
  #prod-popup-panel{max-height:96vh}
}
auto;gap:10px}

  /* Checkout */
  #checkout-panel{max-height:96vh}
  #co-header{padding:14px 18px;height:62px}
  #co-body{padding:18px}
  .co-input{padding:10px 12px;font-size:.66rem}
  .co-label{font-size:.5rem}
  .co-btn-main{padding:13px;font-size:.58rem}
  .co-section-title{font-size:.72rem;letter-spacing:.22em}

  /* Collection overlay */
  #coll-page #cp-header{padding:0 3.5vw;height:62px}
  #cp-title{font-size:.82rem;letter-spacing:.22em}
  #coll-page > div:last-child{padding:3vh 3.5vw}
  #cp-grid{grid-template-columns:repeat(2,1fr) !important}
}

/* ── Phone (480px) ── */
@media(max-width:480px){
  /* Announcement */


  /* Nav */




  /* Hero */
  .hero-banner{position:relative;height:100vh;min-height:600px;overflow:hidden;background:#0D0A06}
  .hero-h1{font-size:clamp(1.8rem,10vw,2.8rem)}

  /* Product — switch to 1 col on very small screens */
  .prod-grid{grid-template-columns:1fr}
  .prod-card-img{aspect-ratio:4/3}
  .prod-card-img img{padding:12px 24px}



  /* Featured banner */
  .feat-banner{height:30vh}

  /* Frag cards */
  .frag-grid{grid-template-columns:1fr}
  .fc-notes{display:none}

  /* Collection grid */
  #cp-grid{grid-template-columns:1fr !important}

  /* Footer bottom */
  
  

  /* Trust bar */
  .trust-inner{grid-template-columns:1fr}
  .trust-item{flex-direction:row;justify-content:flex-start;text-align:left}

  /* Marquee */
  .mw{font-size:.78rem;padding:0 1.4rem}
  .marquee{padding:2.2vh 0}
}

/* ── Small phone (360px) ── */
@media(max-width:360px){



  .hero-banner{position:relative;height:100vh;min-height:600px;overflow:hidden;background:#0D0A06}
  .hero-h1{font-size:1.7rem}
  .btn-hero{padding:9px 14px;font-size:.48rem;letter-spacing:.22em}
  .sec{padding:3.5vh 3vw}
  .prod-grid{grid-template-columns:1fr}
  .hero-btns{flex-direction:column;align-items:flex-start}
  #co-body{padding:14px}
  .co-input{padding:9px 10px}
}

/* ── Mobile navigation drawer ── */

/* Mobile nav drawer */
#mobile-nav{
  position:fixed;top:0;left:0;right:0;bottom:0;z-index:690;
  background:#FAF6F0;
  transform:translateX(-100%);transition:transform .4s cubic-bezier(.25,.46,.45,.94);
  overflow-y:auto;padding-top:80px;
  display:none;
}
#mobile-nav.open{transform:translateX(0)}
.mobile-nav-links{
  list-style:none;padding:0 6vw;
}
.mobile-nav-links li{
  border-bottom:1px solid rgba(139,101,20,.1);
}
.mobile-nav-links > li > a{
  display:block;padding:18px 0;
  font-family:'Raleway',sans-serif;font-weight:300;
  font-size:.75rem;letter-spacing:.28em;text-transform:uppercase;
  color:var(--ink);text-decoration:none;
  transition:color .3s;
}
.mobile-nav-links > li > a:hover{color:var(--gold)}
.mobile-nav-sub{
  padding:8px 0 16px 16px;
  display:flex;flex-direction:column;gap:4px;
}

.mobile-nav-close{
  position:absolute;top:20px;right:5vw;
  background:none;border:none;cursor:none;
  font-size:1.4rem;color:var(--mid);line-height:1;
}

/* ── Touch device improvements ── */
@media(hover:none) and (pointer:coarse){
  /* Larger tap targets */


  .qty-btn{width:32px;height:32px}
  .co-method{padding:16px 18px}
  /* Remove hover-only effects */
  .prod-wish{opacity:1 !important}
  .prod-card:hover{box-shadow:none}
  /* Cursor: auto on touch */


}
@media(max-width:768px){


  section[id]{scroll-margin-top:80px}
}
@media(max-width:600px){


  #nav.solid
  .sec{padding:4vh 3.5vw}
  section[id]{scroll-margin-top:72px}

}
@media(max-width:480px){


  section[id]{scroll-margin-top:64px}

  .sec{padding:3.5vh 3vw}
}
@media(max-width:360px){
  section[id]{scroll-margin-top:58px}
}

/* ════ SECTION SCROLL + SPACING ════ */
section[id]{
  scroll-margin-top:110px;
}
.sec{
  padding:6vh 4.5vw;
}
/* Section title gradient */

/* View all link alignment */

}
}

/* ── Print ── */
@media print{
  #entrance,#nav,#ann,.wa-float,#cart-modal,#checkout-modal,#order-success{display:none !important}
  .hero-banner{position:relative;height:100vh;min-height:600px;overflow:hidden;background:#0D0A06}
  .prod-grid{grid-template-columns:repeat(3,1fr)}
}

/* ── Safe area for notched phones (iPhone X+) ── */
@supports(padding:max(0px)){

  
  .wa-float{bottom:max(28px,env(safe-area-inset-bottom))}
}

/* ════ NAV LOGO + INNER — DEFINITIVE ════ */

#nav.solid
#nav.solid

/* ════ DROPDOWN LINKS — Bold Shiny Gold ════ */

/* Active/selected fragrance */

/* Left accent line on hover */

/* ════ MOBILE NAV SUB LINKS — Bold Shiny Gold ════ */
.mobile-nav-sub a{
  font-family:'Cinzel',serif;
  font-weight:500;
  font-size:.62rem;
  letter-spacing:.2em;
  text-transform:uppercase;
  text-decoration:none;
  padding:10px 0;
  color:var(--ink);
  transition:all .35s var(--e);
  position:relative;
  display:block;
  border-bottom:1px solid rgba(139,101,20,.06);
}
.mobile-nav-sub a:hover,
.mobile-nav-sub a:active{
  background:linear-gradient(135deg,#E8C87A 0%,#C9A96E 35%,#F0D898 62%,#B8862A 100%);
  -webkit-background-clip:text;
  -webkit-text-fill-color:transparent;
  background-clip:text;
  padding-left:8px;
}

/* ════ SECTION HEADERS — Bold Shiny Gold ════ */

/* View All — shiny underline style */

/* Dark section overrides */
.dark-sec
.dark-sec

/* ════ FRAGRANCE FILTER CHIPS — Bold Shiny Gold ════ */
.fchip{
  padding:9px 22px;
  border:1px solid rgba(201,169,110,.2);
  background:transparent;
  font-family:'Cinzel',serif;
  font-weight:600;
  font-size:.62rem;
  letter-spacing:.22em;
  text-transform:uppercase;
  cursor:none;
  transition:all .35s var(--e);
  position:relative;
  overflow:hidden;
  color:var(--ink);
}
.fchip::before{
  content:'';
  position:absolute;inset:0;
  background:linear-gradient(135deg,rgba(232,200,122,.1),rgba(201,169,110,.05),rgba(184,134,42,.08));
  opacity:0;transition:opacity .3s;
}
.fchip:hover{ border-color:var(--gold); }
.fchip:hover::before{ opacity:1; }
.fchip:hover,
.fchip.on{
  background:linear-gradient(135deg,#E8C87A 0%,#C9A96E 35%,#F5E0A0 62%,#B8862A 100%);
  -webkit-background-clip:text;
  -webkit-text-fill-color:transparent;
  background-clip:text;
  border-color:var(--gold);
  filter:drop-shadow(0 0 8px rgba(201,169,110,.45));
}
.fchip.on{
  border-width:1.5px;
  filter:drop-shadow(0 0 12px rgba(201,169,110,.55));
}

/* ════ NAV LOGO — DEFINITIVE (no overrides below) ════ */

dges;
  flex-shrink:0;
}
#nav.solid
@media(max-width:1100px){  #nav.solid  }
@media(max-width:900px) {  #nav.solid  }
@media(max-width:768px) {  #nav.solid
/* ════ OUR LEGACY SECTION ════ */

/* Stats grid */

/* Quote */

/* Responsive */
@media(max-width:900px){


}
@media(max-width:600px){




}
}
@media(max-width:600px) { .n
/* ════ CURSOR — Adaptive colour ════ */

/* White cursor on dark backgrounds */
body.dark-cursor
body.dark-cursor
body.dark-cursor
av-logo img{height:52px} #nav.solid  }
@media(max-width:480px) {  #nav.solid  }
@media(max-width:360px) {  #nav.solid  }

/* ════ NAV LOGO — DEFINITIVE ════ */

#nav.solid
@media(max-width:1100px){#nav.solid }
@media(max-width:900px) {#nav.solid }
@media(max-width:768px) {#nav.solid }
@media(max-width:600px) {#nav.solid }
@media(max-width:480px) {#nav.solid }

/* ════ FOOTER LOGO ════ */
.footer-logo{
  height:76px;width:auto;display:block;
  object-fit:contain;margin-bottom:1.4rem;
  image-rendering:-webkit-optimize-contrast;
  image-rendering:crisp-edges;
  opacity:.9;
}

/* ════ CURSOR — SINGLE DEFINITIVE BLOCK ════ */
body{cursor:none}
#cd{
  position:fixed;top:0;left:0;
  width:10px;height:10px;
  background:#C9A96E;
  border-radius:50%;
  pointer-events:none;
  z-index:99999;
  transform:translate(-50%,-50%);
  box-shadow:0 0 12px rgba(201,169,110,.9),0 0 24px rgba(201,169,110,.4);
  will-change:transform;
  transition:background .2s ease,box-shadow .2s ease,width .2s ease,height .2s ease;
  mix-blend-mode:normal;
}
#cr{
  position:fixed;top:0;left:0;
  width:42px;height:42px;
  border:1.5px solid rgba(201,169,110,.6);
  border-radius:50%;
  pointer-events:none;
  z-index:99998;
  transform:translate(-50%,-50%);
  will-change:transform;
  transition:width .3s ease,height .3s ease,border-color .25s ease,opacity .25s ease;
  background:transparent;
}
#cr.big{width:64px;height:64px;border-color:rgba(201,169,110,.9)}
/* white on dark bg */
body.cur-dk #cd{background:#fff;box-shadow:0 0 14px rgba(255,255,255,.8),0 0 28px rgba(255,255,255,.3)}
body.cur-dk #cr{border-color:rgba(255,255,255,.6)}
body.cur-dk #cr.big{border-color:#fff}
/* touch — hide custom cursor, restore native */
@media(hover:none) and (pointer:coarse){
  #cd,#cr{display:none!important}
  body{cursor:auto!important}
}

/* ════ SECTION TITLE — Bold Shiny Gold ════ */

/* override for dark sections */
.dark-sec

/* ════ PRODUCT CARD INFO ════ */
.prod-cat{
  font-family:'Raleway',sans-serif;font-weight:100;
  font-size:.48rem;letter-spacing:.36em;text-transform:uppercase;
  color:var(--gold);margin-bottom:.4rem;
}
.prod-name{
  font-family:'Cormorant Garamond',serif;font-weight:400;
  font-size:1.1rem;letter-spacing:.05em;color:var(--ink);
  margin-bottom:.3rem;line-height:1.25;
}
.prod-notes{
  font-family:'Raleway',sans-serif;font-weight:100;
  font-size:.5rem;letter-spacing:.1em;color:var(--lt);
  margin-bottom:.9rem;
}
.prod-bottom{
  display:flex;align-items:center;
  justify-content:space-between;gap:8px;
}
.prod-price{
  font-family:'Cormorant Garamond',serif;
  font-size:1.1rem;font-weight:400;
  color:var(--ink);letter-spacing:.04em;
}
.prod-price .cur{
  font-size:.7rem;font-weight:300;
  color:var(--lt);letter-spacing:.16em;
  text-transform:uppercase;margin-right:2px;
}
.btn-add{
  padding:7px 16px;
  background:var(--ink);color:var(--gold);
  font-family:'Raleway',sans-serif;font-weight:300;
  font-size:.5rem;letter-spacing:.24em;text-transform:uppercase;
  border:1px solid var(--ink);cursor:none;flex-shrink:0;
  transition:background .3s,color .3s,transform .2s;
}
.btn-add:hover{
  background:var(--gold);color:var(--ink);
  border-color:var(--gold);transform:translateY(-1px);
}

/* ════ OUR LEGACY SECTION ════ */
.legacy-layout{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:5vw;align-items:start;
  padding:4vh 0 7vh;
}
.legacy-eyebrow{
  font-family:'Raleway',sans-serif;font-weight:100;
  font-size:.5rem;letter-spacing:.58em;text-transform:uppercase;
  color:var(--gold);margin-bottom:1.6rem;
}
.legacy-headline{
  font-family:'Cormorant Garamond',serif;font-weight:300;
  font-size:clamp(2.4rem,4.8vw,4.8rem);
  line-height:.97;color:var(--ink);margin-bottom:1.4rem;
}
.legacy-headline em{
  font-style:italic;color:var(--gold);display:block;
}
.legacy-rule{
  width:38px;height:1px;
  background:linear-gradient(90deg,var(--gold),transparent);
  margin:1.4rem 0;
}
.legacy-body{
  font-family:'Raleway',sans-serif;font-weight:200;
  font-size:.76rem;line-height:2.5;letter-spacing:.06em;
  color:var(--mid);max-width:420px;margin-bottom:1.3rem;
}
.legacy-story{padding-right:2vw}
/* Stats */
.legacy-stats-wrap{display:flex;flex-direction:column;gap:2.5vh}
.legacy-stats-grid{
  display:grid;grid-template-columns:1fr 1fr;
  gap:1px;background:rgba(139,101,20,.1);
}
.legacy-stat{
  background:var(--cream);
  padding:3.2vh 2.2vw;text-align:center;
}
.legacy-stat-num{
  font-family:'Cormorant Garamond',serif;font-weight:300;
  font-size:clamp(2rem,3.2vw,3rem);line-height:1;
  background:linear-gradient(135deg,#E8C87A 0%,#C9A96E 40%,#F0D898 65%,#B8862A 100%);
  -webkit-background-clip:text;-webkit-text-fill-color:transparent;
  background-clip:text;
  filter:drop-shadow(0 0 8px rgba(201,169,110,.28));
}
.legacy-stat-rule{
  width:18px;height:1px;
  background:linear-gradient(90deg,transparent,var(--gold),transparent);
  margin:.6rem auto;
}
.legacy-stat-lbl{
  font-family:'Raleway',sans-serif;font-weight:200;
  font-size:.46rem;letter-spacing:.42em;
  text-transform:uppercase;color:var(--lt);
}
/* Quote */
.legacy-quote-block{
  border-left:2px solid rgba(201,169,110,.28);
  padding:1.6rem 1.8rem;
  background:rgba(201,169,110,.04);
}
.legacy-quote-mark{
  font-family:'Cormorant Garamond',serif;
  font-size:2.8rem;line-height:.65;
  color:rgba(201,169,110,.35);margin-bottom:.5rem;
}
.legacy-quote-text{
  font-family:'Cormorant Garamond',serif;font-style:italic;
  font-weight:300;font-size:1rem;
  line-height:1.75;letter-spacing:.04em;
  color:var(--mid);margin-bottom:.7rem;
}
.legacy-quote-attr{
  font-family:'Raleway',sans-serif;font-weight:100;
  font-size:.5rem;letter-spacing:.3em;
  text-transform:uppercase;color:var(--lt);
}
/* Responsive */
@media(max-width:900px){
  .legacy-layout{grid-template-columns:1fr;gap:4vh}
  .legacy-body{max-width:100%}
  .legacy-story{padding-right:0}
}
@media(max-width:600px){
  .legacy-stats-grid{grid-template-columns:1fr 1fr}
  .legacy-stat{padding:2.5vh 4vw}
}

/* ════════════════════════════════════════
   SECTION HEADERS — Bold Shiny Gold
   Single definitive block, no overrides
════════════════════════════════════════ */

/* ── VIEW ALL link — shiny gold ── */

/* Dark section header variants */
.dark-sec
.dark-sec
.dark-sec
.dark-sec

/* ═══════════════════════════════════════════
   SECTION HEADERS  —  complete definitive block
   Bold · Cinzel · Shiny Brushed Gold
═══════════════════════════════════════════ */

/* Section top bar */
.sec-top {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 10px;
  margin-bottom: 3vh;
  padding-bottom: 1.6vh;
  border-bottom: 1.5px solid rgba(201,169,110,.15);
  position: relative;
}
.sec-top::after {
  content: '';
  position: absolute;
  bottom: -1.5px;
  left: 0;
  width: 56px;
  height: 1.5px;
  background: linear-gradient(90deg, #E8C87A, #C9A96E, transparent);
  box-shadow: 0 0 8px rgba(201,169,110,.45);
}

/* Section title — BIG BOLD SHINY GOLD */
.sec-ttl {
  font-family: 'Cinzel', serif;
  font-weight: 600;
  font-size: clamp(1.1rem, 2.2vw, 1.9rem);
  letter-spacing: .16em;
  line-height: 1.15;
  color: #C9A96E;                                /* solid gold fallback */
  background: linear-gradient(135deg, #E8C87A 0%, #C9A96E 35%, #F5E0A0 60%, #B8862A 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  filter: drop-shadow(0 0 14px rgba(201,169,110,.35));
  display: inline-block;                         /* required for bg-clip on block elements */
}

/* The <span> inside sec-ttl — inherits gradient */
.sec-ttl span {
  font-family: 'Cinzel', serif;
  font-weight: 600;
  font-size: inherit;
  letter-spacing: inherit;
  color: #C9A96E;
  background: linear-gradient(135deg, #E8C87A 0%, #C9A96E 35%, #F5E0A0 60%, #B8862A 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

/* Section subtitle */
.sec-sub {
  font-family: 'Cormorant Garamond', serif;
  font-style: italic;
  font-size: .9rem;
  color: rgba(90,78,60,.6);
  letter-spacing: .08em;
  margin-top: 4px;
}

/* View All link — gold Cinzel with animated underline */
.view-all {
  font-family: 'Cinzel', serif;
  font-weight: 500;
  font-size: .58rem;
  letter-spacing: .24em;
  text-transform: uppercase;
  text-decoration: none;
  cursor: none;
  white-space: nowrap;
  flex-shrink: 0;
  color: #C9A96E;                                /* solid fallback */
  background: linear-gradient(135deg, #E8C87A 0%, #C9A96E 40%, #B8862A 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  position: relative;
  padding-bottom: 4px;
  transition: filter .3s ease;
  display: inline-block;
}
.view-all::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 1px;
  background: linear-gradient(90deg, #E8C87A, #C9A96E, #B8862A);
  transform: scaleX(.3);
  transform-origin: left center;
  transition: transform .4s cubic-bezier(.25,.46,.45,.94);
}
.view-all:hover {
  filter: drop-shadow(0 0 10px rgba(201,169,110,.6));
}
.view-all:hover::after {
  transform: scaleX(1);
}

/* Dark section variants (bakhur / fragrances) */
.dark-sec .sec-top {
  border-bottom-color: rgba(201,169,110,.1);
}
.dark-sec .sec-ttl {
  background: linear-gradient(135deg, #F5E0A0 0%, #E8C87A 30%, #FAEDC0 58%, #C9A96E 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  filter: drop-shadow(0 0 20px rgba(201,169,110,.55));
}
.dark-sec .sec-ttl span {
  background: linear-gradient(135deg, #F5E0A0 0%, #E8C87A 30%, #FAEDC0 58%, #C9A96E 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}
.dark-sec .sec-sub {
  color: rgba(201,169,110,.5);
}
.dark-sec .view-all {
  background: linear-gradient(135deg, #F5E0A0 0%, #E8C87A 40%, #C9A96E 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

/* ═══════════════════════════════════════════════════
   MISKARA NAV — Complete Luxury System
═══════════════════════════════════════════════════ */

#nav.scrolled

#nav.scrolled

/* Dropdown */

/* Right icons */

.nav-search-bar input::placeholder{color:#9A8A70}

/* Hamburger */

/* Responsive */
@media(max-width:1100px){#nav.scrolled }
@media(max-width:900px){#nav.scrolled #nav.scrolled }
@media(max-width:600px){#nav.scrolled #nav.scrolled }
@media(max-width:480px){#nav.scrolled }

/* ═══════════════════════════════════════════════════════════════
   MISKARA HEADER — Complete Luxury System
   Inspired by: Creed · Amouage · Tom Ford · Louis Vuitton
═══════════════════════════════════════════════════════════════ */

/* ── Announcement Bar ── */
#ann {
  height: 34px;
  background: #18140F;
  overflow: hidden;
  display: flex;
  align-items: center;
  border-bottom: 1px solid rgba(201,169,110,.1);
}
.ann-track {
  display: flex;
  align-items: center;
  gap: 0;
  white-space: nowrap;
  animation: ann-scroll 28s linear infinite;
  will-change: transform;
}
.ann-track:hover { animation-play-state: paused; }
.ann-item {
  font-family: 'Raleway', sans-serif;
  font-weight: 200;
  font-size: .5rem;
  letter-spacing: .48em;
  text-transform: uppercase;
  color: rgba(201,169,110,.7);
  padding: 0 2.4rem;
}
.ann-dot {
  color: rgba(201,169,110,.35);
  font-size: .28rem;
  flex-shrink: 0;
}
@keyframes ann-scroll {
  0%   { transform: translateX(0); }
  100% { transform: translateX(-50%); }
}

/* ── Nav shell ── */
#nav {
  position: sticky;
  top: 0;
  z-index: 700;
  background: #FDFAF5;
  border-bottom: 1px solid rgba(201,169,110,.11);
  transition: box-shadow .45s ease, background .45s ease;
}
#nav.scrolled {
  background: rgba(253,250,245,.97);
  backdrop-filter: blur(28px) saturate(1.4);
  -webkit-backdrop-filter: blur(28px) saturate(1.4);
  box-shadow: 0 1px 0 rgba(201,169,110,.12), 0 4px 32px rgba(26,18,8,.07);
}

/* ── Inner 3-column grid ── */
.nav-inner {
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
  height: 88px;
  padding: 0 3vw;
  gap: 0;
  transition: height .4s ease;
}
#nav.scrolled .nav-inner { height: 68px; }

/* ────────────────────────
   LEFT — Brand Stack
──────────────────────── */
.nav-brand {
  display: flex;
  align-items: center;
  gap: 14px;
  text-decoration: none;
  justify-self: start;
  cursor: none;
  transition: opacity .3s;
}
.nav-brand:hover { opacity: .85; }
.nav-brand-logo {
  height: 58px;
  width: auto;
  display: block;
  object-fit: contain;
  flex-shrink: 0;
  image-rendering: -webkit-optimize-contrast;
  image-rendering: crisp-edges;
  transition: height .4s ease;
}
#nav.scrolled .nav-brand-logo { height: 44px; }
.nav-brand-text {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 3px;
  border-left: 1px solid rgba(201,169,110,.25);
  padding-left: 14px;
}
.nav-brand-name {
  font-family: 'Cinzel', serif;
  font-weight: 500;
  font-size: .88rem;
  letter-spacing: .32em;
  color: #18140F;
  line-height: 1;
  display: block;
}
.nav-brand-sub {
  font-family: 'Raleway', sans-serif;
  font-weight: 200;
  font-size: .46rem;
  letter-spacing: .45em;
  text-transform: uppercase;
  color: rgba(201,169,110,.75);
  display: block;
}

/* ────────────────────────
   CENTRE — Navigation
──────────────────────── */
.nav-links {
  display: flex;
  align-items: stretch;
  list-style: none;
  margin: 0; padding: 0;
  height: 100%;
  gap: 0;
  justify-self: center;
}
.nav-links > li {
  position: relative;
  display: flex;
  align-items: center;
}
.nav-links > li > a {
  display: flex;
  align-items: center;
  gap: 5px;
  height: 100%;
  padding: 0 18px;
  font-family: 'Raleway', sans-serif;
  font-weight: 400;
  font-size: .6rem;
  letter-spacing: .2em;
  text-transform: uppercase;
  color: #3A2E1E;
  text-decoration: none;
  border-bottom: 2px solid transparent;
  transition: color .3s ease, border-color .35s ease;
  white-space: nowrap;
  cursor: none;
  position: relative;
}
.nav-links > li > a:hover {
  color: #C9A96E;
  border-bottom-color: #C9A96E;
}
.nav-chevron {
  font-size: .5rem;
  opacity: .6;
  transition: transform .3s ease;
  display: inline-block;
}
.nav-links > li:hover .nav-chevron { transform: rotate(180deg); }

/* ────────────────────────
   DROPDOWN
──────────────────────── */
.nav-links > li:hover .dropdown,
.nav-links > li:focus-within .dropdown {
  opacity: 1;
  visibility: visible;
  transform: translateX(-50%) translateY(0);
  pointer-events: all;
}
.dropdown {
  position: absolute;
  top: calc(100% + 2px);
  left: 50%;
  transform: translateX(-50%) translateY(-10px);
  min-width: 240px;
  background: #FDFAF5;
  border: 1px solid rgba(201,169,110,.16);
  border-top: 2px solid #C9A96E;
  border-radius: 0 0 6px 6px;
  box-shadow: 0 20px 55px rgba(26,18,8,.12), 0 4px 14px rgba(26,18,8,.05);
  padding: 8px 0 12px;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity .28s ease, transform .28s ease, visibility .28s;
  z-index: 900;
}
/* Diamond notch */
.dropdown::before {
  content: '';
  position: absolute;
  top: -6px;
  left: 50%;
  transform: translateX(-50%) rotate(45deg);
  width: 10px; height: 10px;
  background: #FDFAF5;
  border-left: 1px solid rgba(201,169,110,.16);
  border-top: 1px solid rgba(201,169,110,.16);
}
.dropdown-head {
  font-family: 'Raleway', sans-serif;
  font-weight: 200;
  font-size: .44rem;
  letter-spacing: .5em;
  text-transform: uppercase;
  color: rgba(184,134,42,.6);
  padding: 8px 20px 10px;
  border-bottom: 1px solid rgba(201,169,110,.07);
  margin-bottom: 4px;
}
.dropdown a {
  display: flex;
  align-items: center;
  padding: 10px 20px;
  font-family: 'Cinzel', serif;
  font-weight: 500;
  font-size: .58rem;
  letter-spacing: .18em;
  text-transform: uppercase;
  color: #2A1E0E;
  text-decoration: none;
  cursor: none;
  position: relative;
  overflow: hidden;
  transition: padding-left .25s ease, filter .25s ease;
}
.dropdown a::before {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, rgba(201,169,110,.07) 0%, transparent 100%);
  transform: scaleX(0);
  transform-origin: left;
  transition: transform .28s ease;
}
.dropdown a::after {
  content: '';
  position: absolute;
  left: 0; top: 18%; bottom: 18%;
  width: 2px;
  background: linear-gradient(180deg, #E8C87A, #C9A96E, #B8862A);
  border-radius: 2px;
  transform: scaleY(0);
  transform-origin: center;
  transition: transform .25s ease;
}
.dropdown a:hover {
  padding-left: 26px;
  background: linear-gradient(135deg, #E8C87A 0%, #C9A96E 35%, #F5E0A0 60%, #B8862A 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  filter: drop-shadow(0 0 6px rgba(201,169,110,.28));
}
.dropdown a:hover::before { transform: scaleX(1); }
.dropdown a:hover::after  { transform: scaleY(1); }

/* ────────────────────────
   RIGHT — Search + Icons
──────────────────────── */
.nav-right {
  display: flex;
  align-items: center;
  gap: 12px;
  justify-self: end;
}
/* Large luxury search */
.nav-search {
  display: flex;
  align-items: center;
  gap: 0;
  width: 260px;
  height: 42px;
  background: #fff;
  border: 1px solid rgba(201,169,110,.22);
  border-radius: 2px;
  padding: 0 14px;
  transition: border-color .3s ease, box-shadow .3s ease;
}
.nav-search:focus-within {
  border-color: #C9A96E;
  box-shadow: 0 0 0 3px rgba(201,169,110,.08);
}
.nav-search-icon {
  width: 16px; height: 16px;
  stroke: #9A8A70;
  fill: none;
  stroke-width: 1.6;
  flex-shrink: 0;
  margin-right: 10px;
  transition: stroke .3s;
}
.nav-search:focus-within .nav-search-icon { stroke: #C9A96E; }
.nav-search input {
  flex: 1;
  border: none;
  outline: none;
  background: transparent;
  font-family: 'Raleway', sans-serif;
  font-weight: 300;
  font-size: .62rem;
  letter-spacing: .14em;
  color: #18140F;
}
.nav-search input::placeholder {
  color: #9A8A70;
  font-weight: 200;
  letter-spacing: .18em;
}
/* Action icon buttons */
.nav-actions {
  display: flex;
  align-items: center;
  gap: 4px;
}
.nav-action-btn {
  width: 40px; height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: none;
  border: none;
  cursor: none;
  color: #58503E;
  position: relative;
  border-radius: 50%;
  transition: color .3s ease, background .3s ease;
}
.nav-action-btn:hover {
  color: #C9A96E;
  background: rgba(201,169,110,.06);
}
.nav-action-btn svg {
  width: 20px; height: 20px;
  stroke: currentColor;
  fill: none;
  stroke-width: 1.5;
}
.nav-cart-btn { position: relative; }
.nav-cart-count {
  position: absolute;
  top: 4px; right: 4px;
  min-width: 16px; height: 16px;
  border-radius: 8px;
  background: #C9A96E;
  color: #18140F;
  font-family: 'Raleway', sans-serif;
  font-size: .4rem;
  font-weight: 600;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 4px;
  line-height: 1;
}

/* ────────────────────────
   HAMBURGER (mobile only)
──────────────────────── */
.nav-hamburger {
  display: none;
  flex-direction: column;
  gap: 5px;
  padding: 8px;
  background: none;
  border: none;
  cursor: none;
  flex-shrink: 0;
}
.nav-hamburger span {
  display: block;
  width: 22px; height: 1.5px;
  background: #18140F;
  border-radius: 1px;
  transition: all .32s ease;
}
.nav-hamburger.open span:nth-child(1) { transform: translateY(6.5px) rotate(45deg); }
.nav-hamburger.open span:nth-child(2) { opacity: 0; transform: scaleX(0); }
.nav-hamburger.open span:nth-child(3) { transform: translateY(-6.5px) rotate(-45deg); }

/* ────────────────────────
   RESPONSIVE
──────────────────────── */
@media(max-width:1200px) {
  .nav-links > li > a { padding: 0 14px; font-size: .57rem; }
  .nav-search { width: 200px; }
}
@media(max-width:1024px) {
  .nav-search { width: 170px; }
  .nav-links > li > a { padding: 0 10px; font-size: .54rem; letter-spacing: .16em; }
  .nav-brand-name { font-size: .78rem; }
}
@media(max-width:900px) {
  .nav-links { display: none; }
  .nav-hamburger { display: flex !important; }
  .nav-inner {
    grid-template-columns: 1fr auto auto;
    height: 68px;
    padding: 0 4vw;
  }
  #nav.scrolled .nav-inner { height: 56px; }
  .nav-brand-logo { height: 46px; }
  #nav.scrolled .nav-brand-logo { height: 36px; }
  .nav-brand-text { display: none; }
  .nav-right { gap: 8px; }
  .nav-search { width: 150px; height: 36px; }
}
@media(max-width:600px) {
  .nav-inner { height: 58px; padding: 0 3.5vw; }
  #nav.scrolled .nav-inner { height: 48px; }
  .nav-brand-logo { height: 40px; }
  .nav-search { display: none; }
}
@media(max-width:480px) {
  .nav-inner { height: 52px; }
  .nav-brand-logo { height: 36px; }
  .nav-actions { gap: 0; }
  .nav-action-btn { width: 36px; height: 36px; }
  .nav-action-btn svg { width: 18px; height: 18px; }
}

/* Athar banner video overlay — text always readable */
.feat-banner-overlay{
  position:absolute;inset:0;z-index:1;
  background:
    linear-gradient(90deg, rgba(8,5,2,.72) 0%, rgba(8,5,2,.28) 52%, rgba(8,5,2,.1) 100%),
    linear-gradient(180deg, rgba(8,5,2,.12) 0%, transparent 40%, rgba(8,5,2,.45) 100%);
}

/* ═══ PERFORMANCE ═══ */
*{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
img{content-visibility:auto}
.prod-card{contain:layout style}
.msk-tile{contain:layout style paint}
.soc-banner{contain:layout style paint}
#coll-page,#prod-popup,#checkout-modal,#cart-modal{contain:layout style}
#bakhur-three{contain:strict}
video{will-change:auto}

/* ═══ LAZY IMAGE PLACEHOLDER ═══ */
img[loading="lazy"]{background:linear-gradient(90deg,#f0ebe0 25%,#e8e0d0 50%,#f0ebe0 75%);
  background-size:200% 100%;animation:shimmer 1.5s infinite}
@keyframes shimmer{0%{background-position:200% 0}100%{background-position:-200% 0}}

/* ══════════════════════════════════════
   MISKARA COLLECTION — Khadlaj style
══════════════════════════════════════ */
.msk-discover{text-align:center;padding:5vh var(--pad,5vw) 2.5vh;background:var(--cream,#FDFAF5)}
.msk-discover-eyebrow{display:flex;align-items:center;justify-content:center;gap:12px;
  font-family:'Cinzel',serif;font-weight:500;font-size:.52rem;letter-spacing:.5em;
  text-transform:uppercase;color:var(--gold,#C9A96E);margin-bottom:1.2rem}
.msk-discover-eyebrow::before,.msk-discover-eyebrow::after{content:'◆';font-size:.4rem;
  color:var(--gold,#C9A96E);opacity:.7}
.msk-discover-title{font-family:'Cinzel',serif;font-weight:600;font-size:clamp(1.1rem,2.5vw,1.8rem);
  letter-spacing:.28em;text-transform:uppercase;color:var(--ink,#18140F);margin:0}
.msk-coll-wrap{display:grid;grid-template-columns:repeat(3,1fr);gap:0;background:var(--cream,#FDFAF5)}
.msk-coll-tile{position:relative;overflow:hidden;cursor:none;aspect-ratio:3/4}
.msk-coll-tile-bg{position:absolute;inset:0;background-size:cover;background-position:center;
  transform:scale(1);transition:transform .7s cubic-bezier(.25,.46,.45,.94);will-change:transform}
.msk-coll-tile:hover .msk-coll-tile-bg{transform:scale(1.05)}
.msk-coll-tile-shade{position:absolute;inset:0;
  background:linear-gradient(to bottom,rgba(0,0,0,.03) 0%,rgba(0,0,0,.12) 45%,rgba(0,0,0,.72) 100%)}
.msk-coll-tile-body{position:absolute;bottom:0;left:0;right:0;padding:2rem 2rem 2.5rem;z-index:2;
  transition:transform .4s ease}
.msk-coll-tile:hover .msk-coll-tile-body{transform:translateY(-6px)}
.msk-coll-tile-label{font-family:'Raleway',sans-serif;font-weight:200;font-size:.42rem;
  letter-spacing:.5em;text-transform:uppercase;color:rgba(201,169,110,.75);
  margin-bottom:.5rem;display:block}
.msk-coll-tile-name{font-family:'Cinzel',serif;font-weight:600;font-size:clamp(1.1rem,2vw,1.7rem);
  letter-spacing:.08em;color:#F4E8CC;line-height:1.1;margin:0 0 .8rem}
.msk-coll-tile-btn{display:inline-flex;align-items:center;gap:8px;font-family:'Raleway',sans-serif;
  font-weight:300;font-size:.52rem;letter-spacing:.38em;text-transform:uppercase;color:#F4E8CC;
  border:1px solid rgba(201,169,110,.55);padding:.55rem 1.6rem;
  transition:background .3s,border-color .3s,color .3s,gap .3s;background:none;cursor:none}
.msk-coll-tile:hover .msk-coll-tile-btn{background:rgba(201,169,110,.15);
  border-color:rgba(201,169,110,.9);color:#E8C87A;gap:14px}
@media(max-width:700px){.msk-coll-wrap{grid-template-columns:1fr}.msk-coll-tile{aspect-ratio:4/3}}
/* Collection full page */
#msk-coll-athar-page,#msk-coll-body-page,#msk-coll-bakhur-page{position:fixed;inset:0;z-index:800;
  background:var(--cream,#FDFAF5);overflow-y:auto;opacity:0;visibility:hidden;pointer-events:none;
  transition:opacity .45s ease,visibility .45s}
#msk-coll-athar-page.open,#msk-coll-body-page.open,#msk-coll-bakhur-page.open{
  opacity:1;visibility:visible;pointer-events:all}
.coll-pg-header{position:sticky;top:0;z-index:10;background:rgba(253,250,245,.96);
  backdrop-filter:blur(12px);border-bottom:1px solid rgba(201,169,110,.15);
  display:flex;align-items:center;justify-content:space-between;padding:1.6vh 4vw}
.coll-pg-title{font-family:'Cinzel',serif;font-weight:600;font-size:.9rem;letter-spacing:.22em;
  text-transform:uppercase;background:linear-gradient(135deg,#E8C87A,#C9A96E,#F0D898,#B8862A);
  -webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.coll-pg-close{background:none;border:none;cursor:none;font-family:'Raleway',sans-serif;
  font-weight:200;font-size:.58rem;letter-spacing:.3em;text-transform:uppercase;
  color:var(--mid,#6B5B4E);display:flex;align-items:center;gap:8px;padding:8px 12px}
.coll-pg-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));
  gap:2px;padding:3vh 3vw;background:rgba(201,169,110,.08)}
.coll-card-item{background:var(--cream,#FDFAF5);display:flex;flex-direction:column;
  transition:transform .3s ease,box-shadow .3s ease;cursor:none}
.coll-card-item:hover{transform:translateY(-4px);box-shadow:0 12px 40px rgba(0,0,0,.1)}
.coll-card-img{aspect-ratio:1/1.2;overflow:hidden;background:#F0EBE0;position:relative}
.coll-card-img img{width:100%;height:100%;object-fit:cover;transition:transform .6s ease}
.coll-card-item:hover .coll-card-img img{transform:scale(1.04)}
.coll-card-info{padding:1.2rem 1.4rem 1.6rem}
.coll-card-frag{font-family:'Cinzel',serif;font-weight:500;font-size:.62rem;
  letter-spacing:.18em;color:var(--ink,#18140F);margin-bottom:.3rem}
.coll-card-type{font-family:'Raleway',sans-serif;font-weight:200;font-size:.5rem;
  letter-spacing:.3em;text-transform:uppercase;color:var(--gold,#C9A96E);margin-bottom:.8rem}
.coll-card-size{font-family:'Raleway',sans-serif;font-size:.5rem;
  color:var(--mid,#6B5B4E);margin-bottom:1rem}
.coll-card-add{width:100%;padding:12px;border:1px solid rgba(201,169,110,.5);
  background:none;font-family:'Raleway',sans-serif;font-weight:300;font-size:.52rem;
  letter-spacing:.32em;text-transform:uppercase;color:var(--ink,#18140F);cursor:none;
  transition:background .3s,border-color .3s,color .3s}
.coll-card-add:hover{background:var(--ink,#18140F);color:var(--gold,#C9A96E);
  border-color:var(--ink,#18140F)}
.coll-card-cs{background:var(--cream,#FDFAF5);display:flex;flex-direction:column;position:relative}
.coll-card-cs-img{aspect-ratio:1/1.2;overflow:hidden;position:relative}
.coll-card-cs-img img{width:100%;height:100%;object-fit:cover;filter:blur(8px);transform:scale(1.08)}
.coll-card-cs-badge{position:absolute;inset:0;display:flex;flex-direction:column;
  align-items:center;justify-content:center;gap:.6rem}
.coll-card-cs-badge span{font-family:'Cinzel',serif;font-weight:500;font-size:.62rem;
  letter-spacing:.3em;text-transform:uppercase;color:#F4E8CC;
  background:rgba(0,0,0,.45);padding:.4rem 1rem}
.coll-card-cs-name{padding:.8rem 1.4rem .6rem;font-family:'Cinzel',serif;font-weight:500;
  font-size:.62rem;letter-spacing:.15em;color:var(--ink,#18140F);opacity:.4}
.coll-card-cs-type{padding:0 1.4rem 1.2rem;font-family:'Raleway',sans-serif;font-weight:200;
  font-size:.5rem;letter-spacing:.3em;text-transform:uppercase;
  color:var(--gold,#C9A96E);opacity:.5}
/* Coming soon pages */
.cs-page{min-height:100vh;background:#0D0A06;display:flex;flex-direction:column;
  align-items:center;justify-content:center;position:relative;overflow:hidden;padding:6vh 5vw}
.cs-page-bg{position:absolute;inset:0;background-size:cover;background-position:center;
  opacity:.18;filter:blur(3px)}
.cs-page-inner{position:relative;z-index:1;text-align:center;max-width:700px}
.cs-page-eye{font-family:'Raleway',sans-serif;font-weight:200;font-size:.44rem;
  letter-spacing:.6em;text-transform:uppercase;color:rgba(201,169,110,.6);margin-bottom:1.2rem}
.cs-page-title{font-family:'Cinzel',serif;font-weight:600;font-size:clamp(2rem,5vw,4rem);
  letter-spacing:.18em;background:linear-gradient(135deg,#E8C87A 0%,#C9A96E 40%,#F0D898 70%,#B8862A 100%);
  -webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;
  display:block;margin-bottom:1.4rem;filter:drop-shadow(0 0 24px rgba(201,169,110,.3))}
.cs-page-sub{font-family:'Cormorant Garamond',serif;font-style:italic;
  font-size:clamp(1rem,2vw,1.5rem);color:rgba(244,232,204,.55);margin-bottom:3rem;line-height:1.8}
.cs-page-line{width:60px;height:1px;background:linear-gradient(90deg,transparent,rgba(201,169,110,.5),transparent);
  margin:0 auto 2.5rem}
.cs-notify-form{display:flex;gap:0;max-width:420px;margin:0 auto}
.cs-notify-input{flex:1;padding:14px 18px;background:rgba(255,255,255,.06);
  border:1px solid rgba(201,169,110,.3);border-right:none;font-family:'Raleway',sans-serif;
  font-weight:200;font-size:.58rem;letter-spacing:.1em;color:#F4E8CC;outline:none}
.cs-notify-input::placeholder{color:rgba(244,232,204,.35)}
.cs-notify-btn{padding:14px 22px;background:rgba(201,169,110,.15);
  border:1px solid rgba(201,169,110,.5);font-family:'Raleway',sans-serif;font-weight:300;
  font-size:.52rem;letter-spacing:.3em;text-transform:uppercase;color:#E8C87A;cursor:none;
  transition:background .3s,border-color .3s}
.cs-notify-btn:hover{background:rgba(201,169,110,.3);border-color:rgba(201,169,110,.8)}
.cs-ornament{font-family:'Cinzel',serif;font-size:1.2rem;color:rgba(201,169,110,.2);
  letter-spacing:.5em;margin-top:3rem}
/* Founder pages */
.founder-page{min-height:100vh;background:var(--cream,#FDFAF5);display:flex;
  align-items:center;padding:8vh 6vw;position:relative}
.founder-placeholder{width:100%;max-width:1100px;margin:0 auto;
  display:grid;grid-template-columns:1fr 1fr;gap:6vw;align-items:center}
.founder-img-slot{aspect-ratio:3/4;background:linear-gradient(145deg,#EDE8DD,#D6C9A8);
  display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}
.founder-img-slot::after{content:'';position:absolute;inset:0;
  background:linear-gradient(135deg,rgba(201,169,110,.08),transparent)}
.founder-img-placeholder{font-family:'Cinzel',serif;font-weight:400;font-size:.6rem;
  letter-spacing:.4em;text-transform:uppercase;color:rgba(139,101,20,.4);
  text-align:center;padding:2rem}
.founder-text{padding:2rem 0}
.founder-eyebrow{font-family:'Raleway',sans-serif;font-weight:200;font-size:.44rem;
  letter-spacing:.55em;text-transform:uppercase;color:var(--gold,#C9A96E);margin-bottom:1rem}
.founder-heading{font-family:'Cinzel',serif;font-weight:600;font-size:clamp(1.6rem,3vw,2.8rem);
  letter-spacing:.1em;color:var(--ink,#18140F);line-height:1.2;margin-bottom:1.5rem}
.founder-rule{width:48px;height:1px;background:linear-gradient(90deg,var(--gold,#C9A96E),transparent);
  margin-bottom:1.8rem}
.founder-body{font-family:'Cormorant Garamond',serif;font-size:1.05rem;line-height:1.95;
  color:#5A4A3A;margin-bottom:1.8rem}
.founder-quote{font-family:'Cormorant Garamond',serif;font-style:italic;font-size:1.2rem;
  line-height:1.8;color:var(--gold,#C9A96E);border-left:2px solid rgba(201,169,110,.35);
  padding-left:1.5rem}
@media(max-width:800px){.founder-placeholder{grid-template-columns:1fr}}

/* ══ LEGACY SECTION SHADER ══ */
#legacy-sec {
  position:relative !important;
  overflow:hidden !important;
  background:#000 !important;
  padding:8vh var(--pad,5vw) !important;
}
#legacy-canvas {
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  z-index:0;
  display:block;
  pointer-events:none;
}
#legacy-sec .legacy-content {
  position:relative;
  z-index:1;
  max-width:1100px;
  margin:0 auto;
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:6vw;
  align-items:center;
}
/* Text on dark bg */
#legacy-sec [style*="Our Legacy"],
#legacy-sec .legacy-eyebrow {
  color:rgba(201,169,110,.75) !important;
}
#legacy-sec h2 {
  color:#F4E8CC !important;
}
#legacy-sec p {
  color:rgba(244,232,204,.72) !important;
}
#legacy-sec blockquote {
  color:rgba(201,169,110,.9) !important;
  border-left-color:rgba(201,169,110,.4) !important;
}
#legacy-sec [style*="width:48px"][style*="height:1px"] {
  background:linear-gradient(90deg,rgba(201,169,110,.8),transparent) !important;
}
/* Stats cards */
#legacy-sec [style*="gap:2px"] {
  background:rgba(201,169,110,.12) !important;
}
#legacy-sec [style*="padding:2.5rem 2rem"] {
  background:rgba(5,3,1,0.72) !important;
  backdrop-filter:blur(8px) !important;
  -webkit-backdrop-filter:blur(8px) !important;
}
#legacy-sec [style*="padding:2.5rem 2rem"] div[style*="letter-spacing"] {
  color:rgba(244,232,204,.65) !important;
}
@media(max-width:800px){
  #legacy-sec .legacy-content {
    grid-template-columns:1fr !important;
  }
}

/* ══ WAVE PATH DIVIDERS ══ */
.wave-divider {
  position:relative;
  height:1px;
  width:100%;
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:visible;
  z-index:10;
}
.wave-divider-inner {
  position:relative;
  height:1px;
  width:70vw;
  cursor:none;
}
.wave-divider-hit {
  position:absolute;
  top:-20px;
  left:0;
  right:0;
  height:40px;
  z-index:11;
}
.wave-divider-svg {
  position:absolute;
  top:-100px;
  left:0;
  width:100%;
  height:300px;
  overflow:visible;
  pointer-events:none;
}
.wave-divider-path {
  fill:none;
  stroke:rgba(201,169,110,0.45);
  stroke-width:1.5;
  transition:stroke .3s;
}
.wave-divider-inner:hover .wave-divider-path {
  stroke:rgba(201,169,110,0.85);
}

/* ══ WAVE PATH DIVIDERS ══ */
.wave-divider {
  position:relative;
  width:100%;
  height:0;
  z-index:10;
  pointer-events:none;
}
.wave-divider-inner {
  position:absolute;
  left:50%;
  transform:translateX(-50%);
  width:70vw;
  height:0;
}
.wave-divider-hit {
  position:absolute;
  top:-20px;
  left:0;
  width:100%;
  height:40px;
  z-index:11;
  cursor:default;
  pointer-events:all;
}
.wave-divider-svg {
  position:absolute;
  top:-100px;
  left:0;
  width:100%;
  height:300px;
  overflow:visible;
}
.wave-divider-path {
  fill:none;
  stroke:rgba(201,169,110,0.45);
  stroke-width:1.5px;
  transition:stroke .3s;
}
.wave-divider:hover .wave-divider-path {
  stroke:rgba(201,169,110,0.85);
}

/* ══ WISHLIST ══ */
.nav-wish-btn { position:relative; }
.nav-wish-count {
  position:absolute; top:-4px; right:-4px;
  background:var(--gold,#C9A96E); color:var(--ink,#1A1208);
  font-family:'Cinzel',serif; font-size:.42rem; font-weight:600;
  min-width:16px; height:16px; border-radius:50%;
  display:flex!important; align-items:center; justify-content:center;
  padding:0 3px; pointer-events:none;
}
/* Filled heart when item is wishlisted */
.nav-wish-btn.has-items svg path {
  fill:rgba(201,169,110,.6);
  stroke:var(--gold,#C9A96E);
}

/* ── Wishlist Panel (same pattern as cart) ── */
#wish-overlay {
  position:fixed; inset:0; z-index:599;
  background:rgba(0,0,0,.42);
  opacity:0; visibility:hidden;
  transition:opacity .35s, visibility .35s;
}
#wish-overlay.open { opacity:1; visibility:visible; }
#wish-side {
  padding-top:120px;
  position:fixed; right:0; top:0; bottom:0;
  width:min(400px,95vw);
  background:var(--cream,#FAF6F0);
  z-index:600; overflow-y:auto;
  transform:translateX(100%);
  transition:transform .42s cubic-bezier(.25,.46,.45,.94);
  box-shadow:-6px 0 40px rgba(0,0,0,.12);
  display:flex; flex-direction:column;
}
#wish-side.open { transform:translateX(0); }
.wish-hd {
  display:flex; align-items:center; justify-content:space-between;
  padding:1.6rem 2rem; border-bottom:1px solid rgba(201,169,110,.15);
  position:sticky; top:0; background:var(--cream,#FAF6F0); z-index:1;
}
.wish-hd-title {
  font-family:'Cinzel',serif; font-weight:500;
  font-size:.72rem; letter-spacing:.2em;
}
.wish-close {
  background:none; border:none; cursor:pointer;
  font-size:1.2rem; color:var(--mid,#5A4E3C);
  line-height:1; padding:4px 8px; transition:color .2s;
}
.wish-close:hover { color:var(--ink,#1A1208); }
#wish-body { padding:1.5rem 2rem; flex:1; }
.wish-empty {
  font-family:'Raleway',sans-serif; font-weight:200;
  color:var(--mid,#5A4E3C); font-size:.6rem; letter-spacing:.2em;
  text-align:center; padding:3rem 0;
}
.wish-item {
  display:flex; gap:1rem; padding:1rem 0;
  border-bottom:1px solid rgba(201,169,110,.1);
}
.wish-item-img { width:58px; height:68px; object-fit:cover; flex-shrink:0; }
.wish-item-info { flex:1; min-width:0; display:flex; flex-direction:column; gap:.3rem; }
.wish-item-name {
  font-family:'Cinzel',serif; font-size:.56rem; letter-spacing:.1em;
  white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
}
.wish-item-type {
  font-family:'Raleway',sans-serif; font-weight:200; font-size:.5rem;
  letter-spacing:.2em; color:var(--mid,#5A4E3C);
}
.wish-item-row { display:flex; justify-content:space-between; align-items:center; }
.wish-item-price {
  font-family:'Raleway',sans-serif; font-size:.55rem; color:var(--gold,#C9A96E);
}
.wish-item-actions { display:flex; gap:8px; align-items:center; }
.wish-move-cart {
  font-family:'Raleway',sans-serif; font-weight:200; font-size:.46rem;
  letter-spacing:.2em; text-transform:uppercase;
  background:none; border:1px solid rgba(201,169,110,.4); color:var(--mid,#5A4E3C);
  padding:5px 10px; cursor:pointer; transition:all .2s;
}
.wish-move-cart:hover {
  background:var(--ink,#1A1208); color:var(--gold,#C9A96E);
  border-color:var(--ink,#1A1208);
}
.wish-item-remove {
  background:none; border:none; cursor:pointer;
  color:var(--mid,#5A4E3C); font-size:.8rem; padding:4px; transition:color .2s;
}
.wish-item-remove:hover { color:#c0392b; }

/* ══ ANIMATED FOOTER ══ */
#contact {
  background:#c7a060;
  color:#F0E8D8;
  position:relative;
  overflow:hidden;
  select:none;
}
.ft-body {
  padding:5vh 5vw 3vh;
  display:grid;
  grid-template-columns:2fr 1fr 1fr 1fr;
  gap:4vw;
  border-bottom:1px solid rgba(201,169,110,.08);
  position:relative;z-index:1;
}
@media(max-width:900px){
  .ft-body{grid-template-columns:1fr 1fr;gap:3rem 4vw;padding:4vh 6vw 3vh}
}
@media(max-width:540px){
  .ft-body{grid-template-columns:1fr;gap:2.5rem;padding:4vh 5vw 2vh}
}
/* Brand col */
.ft-brand-logo{
  height:125px;width:auto;
  /* filter: brightness(25.5); */
  margin-bottom:1.2rem;display:block;
}
.ft-desc{
  font-family:'Raleway',sans-serif;font-weight:400;font-size:.68rem;
  line-height:2;color:#000;letter-spacing:.06em;
  max-width:240px;margin-bottom:1.4rem;
}
.ft-socials{display:flex;gap:10px}
.ft-social{
  width:32px;height:32px;border:1px solid rgba(201,169,110,.18);
  display:flex;align-items:center;justify-content:center;
  text-decoration:none;transition:all .3s;
}
.ft-social:hover{border-color:var(--gold,#C9A96E);background:rgba(201,169,110,.08)}
.ft-social svg{width:14px;height:14px;stroke:rgba(201,169,110,.5);fill:none;stroke-width:1.5;transition:stroke .3s}
.ft-social:hover svg{stroke:var(--gold,#C9A96E)}
/* Nav cols */
.ft-col-title{
  font-family:'Raleway',sans-serif;font-weight:300;
  font-size:.52rem;letter-spacing:.5em;text-transform:uppercase;
  color:var(--gold,#C9A96E);margin-bottom:1.4rem;
}
.ft-links{list-style:none;display:flex;flex-direction:column;gap:9px;padding:0;margin:0}
.ft-links a{
  font-family:'Raleway',sans-serif;font-weight:200;
  font-size:.66rem;letter-spacing:.08em;
  color:rgba(240,232,216,.28);text-decoration:none;
  transition:color .3s;
}
.ft-links a:hover{color:#000}
/* Bottom bar */
.ft-bottom{
  padding:1.8vh 5vw 0;
  display:flex;align-items:center;justify-content:space-between;
  flex-wrap:wrap;gap:10px;
  position:relative;z-index:1;
}
.ft-copy{
  font-family:'Raleway',sans-serif;font-weight:100;
  font-size:.48rem;letter-spacing:.3em;text-transform:uppercase;
  color:rgba(240,232,216,.16);
}
.ft-tagline{
  font-family:'Cormorant Garamond',serif;font-style:italic;
  font-size:.85rem;color:rgba(201,169,110,.35);letter-spacing:.1em;
}
.ft-pay{display:flex;gap:7px;align-items:center}
.ft-pay-badge{
  padding:3px 9px;border:1px solid rgba(201,169,110,.14);
  font-family:'Raleway',sans-serif;font-weight:100;
  font-size:.44rem;letter-spacing:.15em;
  color:rgba(240,232,216,.2);
}
/* ── Animated wave bars ── */
#ft-wave{overflow:hidden;height:160px;position:relative;z-index:1;margin-top:.5vh}
#ft-wave-inner{margin-top:0}
.ft-bar{
  height:1px;
  background:#fff;
  transition:transform .1s ease;
  will-change:transform;
  margin-top:-1px;
}
/* ════ TOKENS ════ */
:root{
  --gold:#C9A96E; --gold2:#B8862A; --dark:#8B6514;
  --ink:#1A1208; --mid:#5A4E3C; --lt:#9A8A70;
  --cream:#FAF6F0; --warm:#F2E9DC;
  --border:rgba(139,101,20,.12);
  --e:cubic-bezier(.25,.46,.45,.94);
}
*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased}
body{background:var(--cream);color:var(--ink);font-family:'Raleway',sans-serif;cursor:none;overflow-x:hiddencursor:none}

/* ════ CURSOR ════ */

/* ════ ENTRANCE ════ */
#entrance{position:fixed;inset:0;z-index:1000;background:#000;overflow:hidden;transition:opacity 1.6s ease,visibility 1.6s}
#entrance.out{opacity:0;visibility:hidden;pointer-events:none}
#ev{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:1}
#eo{position:absolute;inset:0;z-index:2;background:linear-gradient(180deg,transparent 0%,transparent 52%,rgba(4,2,0,.45) 76%,rgba(4,2,0,.82) 100%);pointer-events:none}
.e-cta-wrap{position:absolute;bottom:8vh;left:0;right:0;z-index:5;display:flex;justify-content:center}
.e-btn{
  padding:16px 58px;background:rgba(12,8,3,.78);color:var(--gold);
  font-family:'Raleway',sans-serif;font-weight:300;font-size:.68rem;
  letter-spacing:.52em;text-transform:uppercase;
  border:1px solid rgba(201,169,110,.3);cursor:none;
  opacity:0;transform:translateY(10px);
  transition:opacity .9s ease .6s,transform .9s ease .6s,
              background .4s,border-color .4s;
  position:relative;overflow:hidden;
  backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);
}
.e-btn::before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(201,169,110,.09),transparent);transform:translateX(-100%);transition:transform .75s}
.e-btn:hover::before{transform:translateX(100%)}
.e-btn.in{opacity:1;transform:translateY(0)}
.e-btn:hover{background:rgba(20,13,5,.9);border-color:rgba(201,169,110,.6)}

/* ════ ANNOUNCEMENT BAR ════ */

/* ════ NAV ════ */

/* logo */

/* nav links */

/* dropdown */

/* nav right icons */

/* ════ MAIN ════ */
#main{opacity:0;transition:opacity .8s ease}
#main.in{opacity:1}

/* ════ HERO VIDEO BANNER ════ */
.hero-banner{position:relative;height:100vh;min-height:600px;overflow:hidden;background:#0D0A06}
.hero-vid{width:100%;height:100%;object-fit:cover;opacity:.72}
.hero-overlay{position:absolute;inset:0;z-index:2;background:linear-gradient(135deg,rgba(6,4,1,.72) 0%,rgba(6,4,1,.18) 52%,rgba(6,4,1,.35) 100%),linear-gradient(180deg,rgba(6,4,1,.05) 0%,transparent 50%,rgba(6,4,1,.6) 100%)}
.hero-content{
  position:absolute;inset:0;display:flex;flex-direction:column;
  justify-content:center;padding:0 8vw;max-width:600px;
}
.hero-label{
  font-family:'Raleway',sans-serif;font-weight:100;
  font-size:.58rem;letter-spacing:.55em;text-transform:uppercase;
  color:rgba(201,169,110,.7);margin-bottom:1.4rem;
}
.hero-h1{
  font-family:'Cormorant Garamond',serif;font-weight:300;
  font-size:clamp(3rem,6vw,6.5rem);line-height:.95;
  color:#F4E8CC;margin-bottom:1.6rem;
}
.hero-h1 em{font-style:italic;color:var(--gold);display:block}
.hero-sub{
  font-family:'Raleway',sans-serif;font-weight:200;
  font-size:.76rem;line-height:2.3;letter-spacing:.07em;
  color:rgba(244,232,204,.55);max-width:360px;margin-bottom:2.4rem;
}
.hero-btns{display:flex;gap:12px;flex-wrap:wrap}
.btn-hero{
  padding:14px 40px;
  font-family:'Raleway',sans-serif;font-weight:300;
  font-size:.6rem;letter-spacing:.4em;text-transform:uppercase;
  cursor:none;position:relative;overflow:hidden;
  transition:all .35s var(--e);
}
.btn-hero.solid{background:var(--gold);color:var(--ink);border:1px solid var(--gold)}
.btn-hero.solid:hover{background:var(--gold2);transform:translateY(-2px)}
.btn-hero.outline{background:transparent;color:#F4E8CC;border:1px solid rgba(244,232,204,.4)}
.btn-hero.outline:hover{border-color:#F4E8CC;background:rgba(244,232,204,.06);transform:translateY(-2px)}

/* ════ SECTION COMMON ════ */
.sec{padding:7vh 5vw}

/* Product grid */
.prod-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:1px;background:var(--border);
}
.prod-card{
  background:var(--cream);padding:0;cursor:none;
  transition:all .4s var(--e);position:relative;overflow:hidden;
}
.prod-card:hover{z-index:2;box-shadow:0 8px 36px rgba(26,18,8,.12)}
.prod-card-img{
  position:relative;overflow:hidden;
  background:#F5EFEA;aspect-ratio:3/4;
  display:flex;align-items:center;justify-content:center;
}
.prod-card-img img{
  width:100%;height:100%;object-fit:contain;
  padding:8px;
  transition:transform .5s var(--e);
}
.prod-card:hover .prod-card-img img{transform:scale(1.06)}
.prod-badge{
  position:absolute;top:12px;left:12px;z-index:2;
  background:var(--ink);color:var(--gold);
  font-family:'Raleway',sans-serif;font-weight:300;
  font-size:.46rem;letter-spacing:.32em;text-transform:uppercase;
  padding:4px 10px;
}
.prod-badge.new{background:var(--gold);color:var(--ink)}
.prod-card-info{padding:12px 16px 16px}

.prod-price .cur{font-size:.7rem;font-weight:300;color:var(--lt);letter-spacing:.18em;text-transform:uppercase;margin-right:3px}

/* Wishlist on card */
.prod-wish{
  position:absolute;top:12px;right:12px;z-index:3;
  width:32px;height:32px;border-radius:50%;
  background:rgba(255,255,255,.85);border:1px solid var(--border);
  display:flex;align-items:center;justify-content:center;
  cursor:none;transition:all .3s;opacity:0;
}
.prod-card:hover .prod-wish{opacity:1}
.prod-wish:hover{background:var(--gold);border-color:var(--gold)}
.prod-wish svg{width:14px;height:14px;stroke:var(--mid);fill:none;stroke-width:1.6;transition:stroke .3s}
.prod-wish:hover svg{stroke:var(--ink)}

/* ════ FEATURED BANNER (between sections) ════ */
.feat-banner{
  position:relative;height:55vh;overflow:hidden;
  display:flex;align-items:center;
}
.feat-banner img,.feat-banner-bg{
  position:absolute;inset:0;width:100%;height:100%;
  object-fit:cover;transition:transform .8s var(--e);
}
.feat-banner:hover .feat-banner-bg{transform:scale(1.04)}
.feat-banner-bg{
  background:linear-gradient(135deg,#1A1208 0%,#2C1E0A 100%);
}

.feat-banner-content{position:relative;z-index:2;padding:0 8vw}
.feat-b-tag{font-family:'Raleway',sans-serif;font-weight:100;font-size:.55rem;letter-spacing:.55em;text-transform:uppercase;color:rgba(201,169,110,.65);margin-bottom:1.2rem}
.feat-b-title{font-family:'Cormorant Garamond',serif;font-weight:300;font-size:clamp(2.5rem,5vw,5rem);line-height:.96;color:#F4E8CC;margin-bottom:1.4rem}
.feat-b-title em{font-style:italic;color:var(--gold);display:block}
.btn-feat{
  display:inline-block;padding:13px 36px;
  background:var(--gold);color:var(--ink);
  font-family:'Raleway',sans-serif;font-weight:300;
  font-size:.58rem;letter-spacing:.38em;text-transform:uppercase;
  text-decoration:none;cursor:none;border:1px solid var(--gold);
  transition:background .35s,transform .3s;
}
.btn-feat:hover{background:var(--gold2);transform:translateY(-2px)}

/* ════ COLLECTION GRID (2 or 3 col) ════ */
.coll-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px}
.coll-card{
  position:relative;overflow:hidden;cursor:none;
  aspect-ratio:3/4;background:#EDE6D8;
  display:flex;align-items:flex-end;
}
.coll-card-bg{
  position:absolute;inset:0;width:100%;height:100%;
  object-fit:cover;transition:transform .7s var(--e);
}
.coll-card:hover .coll-card-bg{transform:scale(1.06)}
.coll-card-overlay{
  position:absolute;inset:0;
  background:linear-gradient(180deg,transparent 40%,rgba(12,8,3,.72) 100%);
  z-index:1;
}
.coll-card-content{position:relative;z-index:2;padding:22px 24px;width:100%}
.coll-card-label{
  font-family:'Raleway',sans-serif;font-weight:100;
  font-size:.5rem;letter-spacing:.44em;text-transform:uppercase;
  color:rgba(201,169,110,.7);margin-bottom:.5rem;
}
.coll-card-name{
  font-family:'Cormorant Garamond',serif;font-weight:400;
  font-size:1.22rem;letter-spacing:.08em;color:#F4E8CC;
  margin-bottom:1rem;line-height:1.2;
}
.btn-coll{
  display:inline-block;padding:8px 20px;
  background:transparent;color:#F4E8CC;
  font-family:'Raleway',sans-serif;font-weight:200;
  font-size:.52rem;letter-spacing:.34em;text-transform:uppercase;
  border:1px solid rgba(244,232,204,.4);cursor:none;
  transition:background .3s,border-color .3s;
}
.btn-coll:hover{background:rgba(201,169,110,.14);border-color:var(--gold);color:var(--gold)}

/* ════ MARQUEE ════ */
.marquee{overflow:hidden;padding:2.8vh 0;background:var(--ink);border-top:1px solid rgba(201,169,110,.08);border-bottom:1px solid rgba(201,169,110,.08)}
.marquee-t{display:flex;white-space:nowrap;animation:mar 28s linear infinite}
.marquee-t:hover{animation-play-state:paused}
.mw{font-family:'Cormorant Garamond',serif;font-style:italic;font-size:clamp(.85rem,1.5vw,1.1rem);color:rgba(201,169,110,.35);letter-spacing:.18em;padding:0 2.2rem}
.ms{color:rgba(201,169,110,.28);font-size:.35rem;vertical-align:middle;margin:0 .5rem}
@keyframes mar{from{transform:translateX(0)}to{transform:translateX(-50%)}}

/* ════ CHECKOUT MODAL ════ */
#cart-modal{
  position:fixed;inset:0;z-index:800;
  display:flex;align-items:stretch;justify-content:flex-end;
  pointer-events:none;
}
#cart-modal.open{pointer-events:all}
#cart-backdrop{
  position:absolute;inset:0;background:rgba(10,6,2,.45);
  opacity:0;transition:opacity .35s;cursor:none;
}
#cart-modal.open #cart-backdrop{opacity:1}
#cart-panel{
  position:relative;z-index:2;
  width:420px;max-width:100vw;background:var(--cream);
  display:flex;flex-direction:column;
  transform:translateX(100%);transition:transform .42s var(--e);
  height:100vh;overflow:hidden;
}
#cart-modal.open #cart-panel{transform:translateX(0)}
.cart-head{
  display:flex;align-items:center;justify-content:space-between;
  padding:20px 24px;border-bottom:1px solid var(--border);
  flex-shrink:0;
}
.cart-head-title{
  font-family:'Cinzel',serif;font-size:.95rem;
  letter-spacing:.32em;color:var(--ink);
}
.cart-close{
  width:36px;height:36px;display:flex;align-items:center;justify-content:center;
  cursor:none;transition:color .3s;color:var(--mid);
}
.cart-close:hover{color:var(--gold)}
.cart-close svg{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:1.5}
.cart-body{flex:1;overflow-y:auto;padding:20px 24px}
.cart-empty{
  display:flex;flex-direction:column;align-items:center;
  justify-content:center;height:100%;gap:18px;text-align:center;
}
.cart-empty svg{width:56px;height:56px;stroke:rgba(139,101,20,.25);fill:none;stroke-width:1}
.cart-empty-title{font-family:'Cinzel',serif;font-size:.88rem;letter-spacing:.3em;color:var(--lt)}
.cart-empty-sub{font-family:'Raleway',sans-serif;font-weight:200;font-size:.7rem;color:var(--lt);letter-spacing:.1em}
.cart-item{
  display:grid;grid-template-columns:80px 1fr auto;
  gap:14px;padding:16px 0;border-bottom:1px solid var(--border);
  align-items:center;
}
.cart-item-img{
  aspect-ratio:1;background:#F0E8DC;overflow:hidden;
  display:flex;align-items:center;justify-content:center;
}
.cart-item-img img{width:100%;height:100%;object-fit:contain;padding:6px}
.cart-item-name{font-family:'Cormorant Garamond',serif;font-size:.95rem;letter-spacing:.06em;color:var(--ink);margin-bottom:.3rem}
.cart-item-cat{font-family:'Raleway',sans-serif;font-weight:100;font-size:.52rem;letter-spacing:.24em;text-transform:uppercase;color:var(--lt)}
.cart-item-price{font-family:'Cormorant Garamond',serif;font-size:1rem;color:var(--gold)}
.cart-item-qty{display:flex;align-items:center;gap:8px;margin-top:.5rem}
.qty-btn{width:26px;height:26px;border:1px solid var(--border);background:transparent;cursor:none;display:flex;align-items:center;justify-content:center;font-size:.9rem;color:var(--mid);transition:all .3s}
.qty-btn:hover{border-color:var(--gold);color:var(--gold)}
.qty-num{font-family:'Raleway',sans-serif;font-weight:300;font-size:.7rem;letter-spacing:.18em;color:var(--ink);min-width:20px;text-align:center}
.remove-item{width:28px;height:28px;display:flex;align-items:center;justify-content:center;cursor:none;color:var(--lt);transition:color .3s}
.remove-item:hover{color:#C44A2A}
.remove-item svg{width:14px;height:14px;stroke:currentColor;fill:none;stroke-width:1.5}
.cart-foot{
  padding:20px 24px;border-top:1px solid var(--border);
  flex-shrink:0;background:var(--cream);
}
.cart-subtotal{
  display:flex;justify-content:space-between;align-items:center;
  margin-bottom:8px;
}
.cart-subtotal-label{font-family:'Raleway',sans-serif;font-weight:300;font-size:.62rem;letter-spacing:.26em;text-transform:uppercase;color:var(--mid)}
.cart-subtotal-val{font-family:'Cormorant Garamond',serif;font-size:1.3rem;color:var(--ink)}
.cart-note{font-family:'Raleway',sans-serif;font-weight:100;font-size:.54rem;color:var(--lt);letter-spacing:.1em;margin-bottom:1.4rem}
.btn-checkout{
  display:block;width:100%;padding:15px;
  background:var(--ink);color:var(--gold);
  font-family:'Raleway',sans-serif;font-weight:300;
  font-size:.62rem;letter-spacing:.44em;text-transform:uppercase;
  text-align:center;border:1px solid var(--ink);cursor:none;
  transition:background .35s,color .35s;margin-bottom:10px;
}
.btn-checkout:hover{background:var(--gold);color:var(--ink);border-color:var(--gold)}
.btn-view-cart{
  display:block;width:100%;padding:13px;
  background:transparent;color:var(--mid);
  font-family:'Raleway',sans-serif;font-weight:200;
  font-size:.58rem;letter-spacing:.38em;text-transform:uppercase;
  text-align:center;border:1px solid var(--border);cursor:none;
  transition:border-color .3s,color .3s;
}
.btn-view-cart:hover{border-color:var(--gold);color:var(--gold)}

/* ════ TOAST ════ */
#toast{
  position:fixed;bottom:30px;right:30px;z-index:900;
  background:var(--ink);color:var(--gold);
  font-family:'Raleway',sans-serif;font-weight:300;
  font-size:.62rem;letter-spacing:.26em;text-transform:uppercase;
  padding:14px 24px;
  transform:translateY(80px);opacity:0;
  transition:all .4s var(--e);pointer-events:none;
}
#toast.show{transform:translateY(0);opacity:1}

/* ════ TRUST BAR ════ */
.trust-bar{
  background:#fff;border-top:1px solid var(--border);border-bottom:1px solid var(--border);
  padding:3vh 5vw;
}
.trust-inner{
  display:grid;grid-template-columns:repeat(4,1fr);
  gap:20px;max-width:960px;margin:0 auto;
}
.trust-item{
  display:flex;align-items:center;gap:14px;
  justify-content:center;
}
.trust-icon{
  width:38px;height:38px;flex-shrink:0;
  display:flex;align-items:center;justify-content:center;
}
.trust-icon svg{width:100%;height:100%;stroke:var(--gold);fill:none;stroke-width:1.2}
.trust-text{}
.trust-ttl{font-family:'Cinzel',serif;font-size:.6rem;letter-spacing:.28em;color:var(--ink);margin-bottom:.2rem}
.trust-sub{font-family:'Raleway',sans-serif;font-weight:100;font-size:.55rem;letter-spacing:.1em;color:var(--lt)}

/* ════ FOOTER ════ */
footer{background:var(--ink);padding:7vh 5vw 4vh;color:#F0E8D8}
.footer-top{
  display:grid;grid-template-columns:2fr 1fr 1fr 1fr;
  gap:4vw;margin-bottom:5vh;padding-bottom:4vh;
  border-bottom:1px solid rgba(201,169,110,.08);
}
.footer-brand{}

.footer-desc{font-family:'Raleway',sans-serif;font-weight:200;font-size:.7rem;line-height:2.1;color:rgba(240,232,216,.35);letter-spacing:.06em;max-width:250px;margin-bottom:1.6rem}
.footer-socials{display:flex;gap:12px}
.social-link{
  width:34px;height:34px;border:1px solid rgba(201,169,110,.2);
  display:flex;align-items:center;justify-content:center;
  text-decoration:none;cursor:none;transition:all .3s;
}
.social-link:hover{border-color:var(--gold);background:rgba(201,169,110,.08)}
.social-link svg{width:16px;height:16px;stroke:rgba(201,169,110,.6);fill:none;stroke-width:1.5;transition:stroke .3s}
.social-link:hover svg{stroke:var(--gold)}
.footer-col-title{
  font-family:'Raleway',sans-serif;font-weight:300;
  font-size:.55rem;letter-spacing:.5em;text-transform:uppercase;
  color:var(--gold);margin-bottom:1.6rem;
}
.footer-links{list-style:none;display:flex;flex-direction:column;gap:10px}
.footer-links a{
  font-family:'Raleway',sans-serif;font-weight:200;
  font-size:.7rem;letter-spacing:.09em;
  color:rgba(240,232,216,.3);text-decoration:none;
  transition:color .3s;
}
.footer-links a:hover{color:var(--gold)}
.footer-bottom{
  display:flex;align-items:center;justify-content:space-between;
  flex-wrap:wrap;gap:12px;
}
.footer-copy{
  font-family:'Raleway',sans-serif;font-weight:100;
  font-size:.5rem;letter-spacing:.3em;text-transform:uppercase;
  color:rgba(240,232,216,.18);
}
.footer-tagline{
  font-family:'Cormorant Garamond',serif;font-style:italic;
  font-size:.88rem;color:rgba(201,169,110,.38);letter-spacing:.1em;
}
.footer-pay{
  display:flex;gap:8px;align-items:center;
}
.pay-badge{
  padding:4px 10px;border:1px solid rgba(201,169,110,.15);
  font-family:'Raleway',sans-serif;font-weight:100;
  font-size:.46rem;letter-spacing:.2em;text-transform:uppercase;
  color:rgba(201,169,110,.4);
}

/* ════ WHATSAPP FLOAT ════ */
.wa-float{
  position:fixed;bottom:28px;right:28px;z-index:600;
  width:50px;height:50px;border-radius:50%;
  background:#25D366;display:flex;align-items:center;justify-content:center;
  cursor:none;box-shadow:0 4px 18px rgba(37,211,102,.4);
  transition:transform .3s,box-shadow .3s;
}
.wa-float:hover{transform:scale(1.08);box-shadow:0 8px 28px rgba(37,211,102,.5)}
.wa-float svg{width:26px;height:26px;fill:#fff}

/* ════ RESPONSIVE ════ */

/* ── Checkout input styles ── */
.co-input{
  width:100%;padding:12px 14px;
  border:1px solid rgba(139,101,20,.15);background:#fff;
  font-family:'Raleway',sans-serif;font-weight:300;
  font-size:.7rem;letter-spacing:.1em;color:#18140F;
  outline:none;transition:border-color .3s;
  margin-bottom:14px;display:block;
}
.co-input:focus{border-color:#C9A96E}
.co-input::placeholder{color:#9A8A70}
.co-label{
  font-family:'Raleway',sans-serif;font-weight:300;
  font-size:.54rem;letter-spacing:.32em;text-transform:uppercase;
  color:#58503E;display:block;margin-bottom:5px;
}
.co-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.co-section-title{
  font-family:'Cinzel',serif;font-size:.82rem;letter-spacing:.28em;
  color:#18140F;margin-bottom:20px;padding-bottom:12px;
  border-bottom:1px solid rgba(139,101,20,.12);
}
.co-btn-main{
  width:100%;padding:15px;
  background:#18140F;color:#C9A96E;
  font-family:'Raleway',sans-serif;font-weight:300;
  font-size:.62rem;letter-spacing:.44em;text-transform:uppercase;
  border:none;cursor:none;transition:background .3s;
  margin-top:8px;
}
.co-btn-main:hover{background:#C9A96E;color:#18140F}
.co-btn-back{
  background:none;border:none;
  font-family:'Raleway',sans-serif;font-weight:200;
  font-size:.58rem;letter-spacing:.32em;text-transform:uppercase;
  color:#9A8A70;cursor:none;padding:0;
  display:flex;align-items:center;gap:6px;margin-bottom:20px;
  transition:color .3s;
}
.co-btn-back:hover{color:#C9A96E}
.co-step-dot{
  width:8px;height:8px;border-radius:50%;
  background:rgba(139,101,20,.15);transition:all .4s;
}
.co-step-dot.active{background:#C9A96E;width:22px;border-radius:4px}
.co-step-dot.done{background:rgba(201,169,110,.4)}
.co-method{
  border:1px solid rgba(139,101,20,.15);padding:14px 18px;
  margin-bottom:10px;cursor:none;transition:all .3s;display:flex;align-items:center;gap:14px;
}
.co-method.selected{border-color:#C9A96E;background:rgba(201,169,110,.04)}
.co-method:hover{border-color:rgba(201,169,110,.4)}
.co-radio{
  width:16px;height:16px;border-radius:50%;
  border:2px solid rgba(139,101,20,.25);
  display:flex;align-items:center;justify-content:center;flex-shrink:0;
}
.co-method.selected .co-radio{border-color:#C9A96E}
.co-method.selected .co-radio::after{
  content:'';width:8px;height:8px;border-radius:50%;background:#C9A96E;display:block;
}
.co-method-name{
  font-family:'Raleway',sans-serif;font-weight:300;
  font-size:.66rem;letter-spacing:.18em;color:#18140F;
}
.co-method-sub{
  font-family:'Raleway',sans-serif;font-weight:100;
  font-size:.58rem;letter-spacing:.1em;color:#9A8A70;
}
.co-order-item{
  display:grid;grid-template-columns:56px 1fr auto;
  gap:12px;align-items:center;
  padding:10px 0;border-bottom:1px solid rgba(139,101,20,.08);
}
.co-order-img{
  aspect-ratio:1;background:#F0E8DC;overflow:hidden;
}
.co-order-img img{width:100%;height:100%;object-fit:contain;padding:4px}
.co-order-name{
  font-family:'Cormorant Garamond',serif;font-size:.92rem;color:#18140F;letter-spacing:.05em;
}
.co-order-cat{
  font-family:'Raleway',sans-serif;font-weight:100;font-size:.5rem;letter-spacing:.2em;text-transform:uppercase;color:#9A8A70;
}
.co-order-price{
  font-family:'Cormorant Garamond',serif;font-size:.95rem;color:#C9A96E;
}
.co-total-row{
  display:flex;justify-content:space-between;align-items:center;
  padding:8px 0;
}
.co-total-label{
  font-family:'Raleway',sans-serif;font-weight:200;font-size:.62rem;letter-spacing:.2em;text-transform:uppercase;color:#58503E;
}
.co-total-val{
  font-family:'Cormorant Garamond',serif;font-size:1rem;color:#18140F;
}
.co-total-val.big{font-size:1.3rem;color:#18140F}
.co-divider{height:1px;background:rgba(139,101,20,.1);margin:10px 0}
.co-error{
  font-family:'Raleway',sans-serif;font-weight:200;font-size:.6rem;
  color:#C44A2A;letter-spacing:.1em;margin-top:-8px;margin-bottom:10px;display:none;
}
.co-spinner{
  display:inline-block;width:16px;height:16px;
  border:2px solid rgba(201,169,110,.3);
  border-top-color:#C9A96E;border-radius:50%;
  animation:spin .7s linear infinite;margin-right:8px;
  vertical-align:middle;
}
@keyframes spin{to{transform:rotate(360deg)}}

/* ════════════════════════════════════════════════════
   RESPONSIVE — Full Device Coverage
   Breakpoints:
   1400px+ → Large desktop
   1100px  → Desktop/laptop
   900px   → Tablet landscape
   768px   → Tablet portrait
   600px   → Large phone
   480px   → Phone
   360px   → Small phone
════════════════════════════════════════════════════ */

/* ── Large desktop (1400px+) — widen grids ── */
@media(min-width:1400px){
  .prod-grid{grid-template-columns:repeat(4,1fr)}
  .frag-grid{grid-template-columns:repeat(5,1fr)}
  .sec{padding:7vh 6vw}

  .hero-content{max-width:680px}
}

/* ── Desktop (1100px) ── */
@media(max-width:1100px){



  .hero-h1{font-size:clamp(2.8rem,5.5vw,5.5rem)}
  .frag-grid{grid-template-columns:repeat(5,1fr);gap:1px}
  .frag-card{padding:4vh 1.5vw 3.5vh}
  .fc-name{font-size:.65rem;letter-spacing:.2em}
}

/* ── Tablet landscape + small laptop (900px) ── */
@media(max-width:900px){
  /* Nav — hide links, show hamburger */





  #nav.solid



  /* Announcement */

  #ann span:last-child{display:none}

  /* Hero */
  .hero-banner{position:relative;height:100vh;min-height:600px;overflow:hidden;background:#0D0A06}
  .hero-content{max-width:100%;padding:0 6vw}
  .hero-label{font-size:.5rem;margin-bottom:1rem}
  .hero-h1{font-size:clamp(2.4rem,7vw,4.5rem)}
  .hero-sub{font-size:.7rem;max-width:100%}
  .btn-hero{padding:12px 28px;font-size:.58rem}

  /* Sections */
  .sec{padding:5vh 4vw}




  /* Product grid */
  .prod-grid{grid-template-columns:repeat(2,1fr)}

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



  /* Fragrance grid */
  .frag-grid{grid-template-columns:repeat(2,1fr)}
  .frag-card{padding:4vh 3vw 3vh}

  /* Featured banners */
  .feat-banner{height:44vh}
  .feat-b-title{font-size:clamp(1.8rem,5vw,3.5rem)}
  .feat-banner-content{position:relative;z-index:2;padding:0 8vw}
  .btn-feat{padding:11px 28px;font-size:.55rem}

  /* Legacy section */
  #legacy-sec .sec > div[style*="grid"]{
    grid-template-columns:1fr !important;
    gap:4vh 0 !important;
  }

  /* Collections */
  .coll-grid{grid-template-columns:1fr 1fr}

  /* Trust bar */
  .trust-inner{grid-template-columns:1fr 1fr;gap:16px}

  /* Footer */
  .footer-top{grid-template-columns:1fr 1fr;gap:4vh 4vw}


  /* Cart */
  #cart-panel{width:360px}

  /* Checkout */
  #checkout-panel{max-width:100%;border-radius:0}
  .co-row{grid-template-columns:1fr 1fr;gap:10px}
}

/* ── Tablet portrait (768px) ── */
@media(max-width:768px){
  /* Nav */


  #nav.solid


  /* Hero */
  .hero-banner{position:relative;height:100vh;min-height:600px;overflow:hidden;background:#0D0A06}
  .hero-h1{font-size:clamp(2.2rem,8vw,3.8rem)}
  .hero-sub{display:none}
  .hero-btns{gap:8px}
  .btn-hero{padding:11px 22px;font-size:.55rem;letter-spacing:.3em}

  /* Product cards */
  .prod-grid{grid-template-columns:repeat(2,1fr);gap:1px}
  .prod-card-img{aspect-ratio:1/1}
  .prod-card-info{padding:10px 12px 14px}





  /* Fragrance grid */
  .frag-grid{grid-template-columns:1fr 1fr}
  .fc-desc{display:none}

  /* Featured banner */
  .feat-banner{height:38vh}
  .feat-b-tag{font-size:.48rem}
  .feat-b-title{font-size:clamp(1.6rem,6vw,3rem)}

  /* Trust bar */
  .trust-inner{grid-template-columns:1fr 1fr;gap:12px}
  .trust-item{flex-direction:column;text-align:center;gap:8px}

  /* Sections */
  .sec{padding:4.5vh 4vw}


  /* Footer */
  .footer-top{grid-template-columns:1fr;gap:3.5vh}
  .footer-desc{max-width:100%}
  .footer-bottom{flex-direction:column;align-items:flex-start;gap:10px}
  .footer-copy{font-size:.44rem}

  /* Cart */
  #cart-panel{width:100%;max-width:100vw}

  /* Checkout */
  #checkout-modal{align-items:flex-end}
  #checkout-panel{
    max-height:95vh;
    border-radius:16px 16px 0 0;
  }
  .co-row{grid-template-columns:1fr}
}

/* ── Large phone (600px) ── */
@media(max-width:600px){
  /* Announcement */


  /* Nav */



  /* Hero */
  .hero-banner{position:relative;height:100vh;min-height:600px;overflow:hidden;background:#0D0A06}
  .hero-h1{font-size:clamp(2rem,9vw,3.2rem);line-height:1.02}
  .hero-label{font-size:.44rem;letter-spacing:.4em;margin-bottom:.8rem}
  .hero-content{padding:0 5vw}
  .hero-btns{gap:8px}
  .btn-hero{padding:10px 18px;font-size:.52rem;letter-spacing:.28em}
  .hero-overlay{position:absolute;inset:0;z-index:2;background:linear-gradient(135deg,rgba(6,4,1,.72) 0%,rgba(6,4,1,.18) 52%,rgba(6,4,1,.35) 100%),linear-gradient(180deg,rgba(6,4,1,.05) 0%,transparent 50%,rgba(6,4,1,.6) 100%)}

  /* Sections */
  .sec{padding:4vh 3.5vw}




  /* Product grid — 2 cols tight */
  .prod-grid{grid-template-columns:repeat(2,1fr);gap:1px}
  .prod-card-info{padding:8px 10px 12px}





  /* Fragrance grid */
  .frag-grid{grid-template-columns:1fr}
  .frag-card{padding:3.5vh 4vw}

  /* Featured banner */
  .feat-banner{height:34vh}
  .feat-banner-content{position:relative;z-index:2;padding:0 8vw}
  .feat-b-title{font-size:clamp(1.4rem,7vw,2.5rem)}
  .feat-b-tag{font-size:.44rem;letter-spacing:.4em;margin-bottom:.8rem}
  .btn-feat{padding:10px 22px;font-size:.52rem;letter-spacing:.3em}

  /* Trust bar */
  .trust-bar{padding:2.5vh 4vw}
  .trust-inner{grid-template-columns:1fr 1fr;gap:10px}
  .trust-ttl{font-size:.52rem;letter-spacing:.2em}
  .trust-sub{font-size:.48rem}

  /* Footer */
  .footer-top{grid-template-columns:1fr;gap:3vh}
  .footer-bottom{flex-direction:column;gap:8px}
  footer{padding:6vh 4vw 4vh}

  /* Cart */
  #cart-panel{width:100%}
  .cart-head{padding:16px 18px}
  .cart-body{padding:16px 18px}
  .cart-foot{padding:16px 18px}
  .cart-item{grid-template-columns:64px 1fr
/* ════ PRODUCT CARD — clickable ════ */
.prod-card{
  cursor:none;
}
.prod-card:hover .prod-card-img img{
  transform:scale(1.06);
}
/* Popup mobile responsive */
@media(max-width:600px){
  #prod-popup-body{grid-template-columns:1fr !important}
  #prod-popup-panel{max-height:96vh}
}
auto;gap:10px}

  /* Checkout */
  #checkout-panel{max-height:96vh}
  #co-header{padding:14px 18px;height:62px}
  #co-body{padding:18px}
  .co-input{padding:10px 12px;font-size:.66rem}
  .co-label{font-size:.5rem}
  .co-btn-main{padding:13px;font-size:.58rem}
  .co-section-title{font-size:.72rem;letter-spacing:.22em}

  /* Collection overlay */
  #coll-page #cp-header{padding:0 3.5vw;height:62px}
  #cp-title{font-size:.82rem;letter-spacing:.22em}
  #coll-page > div:last-child{padding:3vh 3.5vw}
  #cp-grid{grid-template-columns:repeat(2,1fr) !important}
}

/* ── Phone (480px) ── */
@media(max-width:480px){
  /* Announcement */


  /* Nav */




  /* Hero */
  .hero-banner{position:relative;height:100vh;min-height:600px;overflow:hidden;background:#0D0A06}
  .hero-h1{font-size:clamp(1.8rem,10vw,2.8rem)}

  /* Product — switch to 1 col on very small screens */
  .prod-grid{grid-template-columns:1fr}
  .prod-card-img{aspect-ratio:4/3}
  .prod-card-img img{padding:12px 24px}



  /* Featured banner */
  .feat-banner{height:30vh}

  /* Frag cards */
  .frag-grid{grid-template-columns:1fr}
  .fc-notes{display:none}

  /* Collection grid */
  #cp-grid{grid-template-columns:1fr !important}

  /* Footer bottom */
  .footer-pay{flex-wrap:wrap;gap:5px}
  .pay-badge{font-size:.42rem;padding:3px 8px}

  /* Trust bar */
  .trust-inner{grid-template-columns:1fr}
  .trust-item{flex-direction:row;justify-content:flex-start;text-align:left}

  /* Marquee */
  .mw{font-size:.78rem;padding:0 1.4rem}
  .marquee{padding:2.2vh 0}
}

/* ── Small phone (360px) ── */
@media(max-width:360px){



  .hero-banner{position:relative;height:100vh;min-height:600px;overflow:hidden;background:#0D0A06}
  .hero-h1{font-size:1.7rem}
  .btn-hero{padding:9px 14px;font-size:.48rem;letter-spacing:.22em}
  .sec{padding:3.5vh 3vw}
  .prod-grid{grid-template-columns:1fr}
  .hero-btns{flex-direction:column;align-items:flex-start}
  #co-body{padding:14px}
  .co-input{padding:9px 10px}
}

/* ── Mobile navigation drawer ── */

/* Mobile nav drawer */
#mobile-nav{
  position:fixed;top:0;left:0;right:0;bottom:0;z-index:690;
  background:#FAF6F0;
  transform:translateX(-100%);transition:transform .4s cubic-bezier(.25,.46,.45,.94);
  overflow-y:auto;padding-top:80px;
  display:none;
}
#mobile-nav.open{transform:translateX(0)}
.mobile-nav-links{
  list-style:none;padding:0 6vw;
}
.mobile-nav-links li{
  border-bottom:1px solid rgba(139,101,20,.1);
}
.mobile-nav-links > li > a{
  display:block;padding:18px 0;
  font-family:'Raleway',sans-serif;font-weight:300;
  font-size:.75rem;letter-spacing:.28em;text-transform:uppercase;
  color:var(--ink);text-decoration:none;
  transition:color .3s;
}
.mobile-nav-links > li > a:hover{color:var(--gold)}
.mobile-nav-sub{
  padding:8px 0 16px 16px;
  display:flex;flex-direction:column;gap:4px;
}

.mobile-nav-close{
  position:absolute;top:20px;right:5vw;
  background:none;border:none;cursor:none;
  font-size:1.4rem;color:var(--mid);line-height:1;
}

/* ── Touch device improvements ── */
@media(hover:none) and (pointer:coarse){
  /* Larger tap targets */


  .qty-btn{width:32px;height:32px}
  .co-method{padding:16px 18px}
  /* Remove hover-only effects */
  .prod-wish{opacity:1 !important}
  .prod-card:hover{box-shadow:none}
  /* Cursor: auto on touch */


}
@media(max-width:768px){


  section[id]{scroll-margin-top:80px}
}
@media(max-width:600px){


  #nav.solid
  .sec{padding:4vh 3.5vw}
  section[id]{scroll-margin-top:72px}

}
@media(max-width:480px){


  section[id]{scroll-margin-top:64px}

  .sec{padding:3.5vh 3vw}
}
@media(max-width:360px){
  section[id]{scroll-margin-top:58px}
}

/* ════ SECTION SCROLL + SPACING ════ */
section[id]{
  scroll-margin-top:110px;
}
.sec{
  padding:6vh 4.5vw;
}
/* Section title gradient */

/* View all link alignment */

}
}

/* ── Print ── */
@media print{
  #entrance,#nav,#ann,.wa-float,#cart-modal,#checkout-modal,#order-success{display:none !important}
  .hero-banner{position:relative;height:100vh;min-height:600px;overflow:hidden;background:#0D0A06}
  .prod-grid{grid-template-columns:repeat(3,1fr)}
}

/* ── Safe area for notched phones (iPhone X+) ── */
@supports(padding:max(0px)){

  footer{padding-bottom:max(4vh,env(safe-area-inset-bottom))}
  .wa-float{bottom:max(28px,env(safe-area-inset-bottom))}
}

/* ════ NAV LOGO + INNER — DEFINITIVE ════ */

#nav.solid
#nav.solid

/* ════ DROPDOWN LINKS — Bold Shiny Gold ════ */

/* Active/selected fragrance */

/* Left accent line on hover */

/* ════ MOBILE NAV SUB LINKS — Bold Shiny Gold ════ */
.mobile-nav-sub a{
  font-family:'Cinzel',serif;
  font-weight:500;
  font-size:.62rem;
  letter-spacing:.2em;
  text-transform:uppercase;
  text-decoration:none;
  padding:10px 0;
  color:var(--ink);
  transition:all .35s var(--e);
  position:relative;
  display:block;
  border-bottom:1px solid rgba(139,101,20,.06);
}
.mobile-nav-sub a:hover,
.mobile-nav-sub a:active{
  background:linear-gradient(135deg,#E8C87A 0%,#C9A96E 35%,#F0D898 62%,#B8862A 100%);
  -webkit-background-clip:text;
  -webkit-text-fill-color:transparent;
  background-clip:text;
  padding-left:8px;
}

/* ════ SECTION HEADERS — Bold Shiny Gold ════ */

/* View All — shiny underline style */

/* Dark section overrides */
.dark-sec
.dark-sec

/* ════ FRAGRANCE FILTER CHIPS — Bold Shiny Gold ════ */
.fchip{
  padding:9px 22px;
  border:1px solid rgba(201,169,110,.2);
  background:transparent;
  font-family:'Cinzel',serif;
  font-weight:600;
  font-size:.62rem;
  letter-spacing:.22em;
  text-transform:uppercase;
  cursor:none;
  transition:all .35s var(--e);
  position:relative;
  overflow:hidden;
  color:var(--ink);
}
.fchip::before{
  content:'';
  position:absolute;inset:0;
  background:linear-gradient(135deg,rgba(232,200,122,.1),rgba(201,169,110,.05),rgba(184,134,42,.08));
  opacity:0;transition:opacity .3s;
}
.fchip:hover{ border-color:var(--gold); }
.fchip:hover::before{ opacity:1; }
.fchip:hover,
.fchip.on{
  background:linear-gradient(135deg,#E8C87A 0%,#C9A96E 35%,#F5E0A0 62%,#B8862A 100%);
  -webkit-background-clip:text;
  -webkit-text-fill-color:transparent;
  background-clip:text;
  border-color:var(--gold);
  filter:drop-shadow(0 0 8px rgba(201,169,110,.45));
}
.fchip.on{
  border-width:1.5px;
  filter:drop-shadow(0 0 12px rgba(201,169,110,.55));
}

/* ════ NAV LOGO — DEFINITIVE (no overrides below) ════ */

dges;
  flex-shrink:0;
}
#nav.solid
@media(max-width:1100px){  #nav.solid  }
@media(max-width:900px) {  #nav.solid  }
@media(max-width:768px) {  #nav.solid
/* ════ OUR LEGACY SECTION ════ */

/* Stats grid */

/* Quote */

/* Responsive */
@media(max-width:900px){


}
@media(max-width:600px){




}
}
@media(max-width:600px) { .n
/* ════ CURSOR — Adaptive colour ════ */

/* White cursor on dark backgrounds */
body.dark-cursor
body.dark-cursor
body.dark-cursor
av-logo img{height:52px} #nav.solid  }
@media(max-width:480px) {  #nav.solid  }
@media(max-width:360px) {  #nav.solid  }

/* ════ NAV LOGO — DEFINITIVE ════ */

#nav.solid
@media(max-width:1100px){#nav.solid }
@media(max-width:900px) {#nav.solid }
@media(max-width:768px) {#nav.solid }
@media(max-width:600px) {#nav.solid }
@media(max-width:480px) {#nav.solid }

/* ════ FOOTER LOGO ════ */
.footer-logo{
  height:76px;width:auto;display:block;
  object-fit:contain;margin-bottom:1.4rem;
  image-rendering:-webkit-optimize-contrast;
  image-rendering:crisp-edges;
  opacity:.9;
}

/* ════ CURSOR — SINGLE DEFINITIVE BLOCK ════ */
body{cursor:none}
#cd{
  position:fixed;top:0;left:0;
  width:10px;height:10px;
  background:#C9A96E;
  border-radius:50%;
  pointer-events:none;
  z-index:99999;
  transform:translate(-50%,-50%);
  box-shadow:0 0 12px rgba(201,169,110,.9),0 0 24px rgba(201,169,110,.4);
  will-change:transform;
  transition:background .2s ease,box-shadow .2s ease,width .2s ease,height .2s ease;
  mix-blend-mode:normal;
}
#cr{
  position:fixed;top:0;left:0;
  width:42px;height:42px;
  border:1.5px solid rgba(201,169,110,.6);
  border-radius:50%;
  pointer-events:none;
  z-index:99998;
  transform:translate(-50%,-50%);
  will-change:transform;
  transition:width .3s ease,height .3s ease,border-color .25s ease,opacity .25s ease;
  background:transparent;
}
#cr.big{width:64px;height:64px;border-color:rgba(201,169,110,.9)}
/* white on dark bg */
body.cur-dk #cd{background:#fff;box-shadow:0 0 14px rgba(255,255,255,.8),0 0 28px rgba(255,255,255,.3)}
body.cur-dk #cr{border-color:rgba(255,255,255,.6)}
body.cur-dk #cr.big{border-color:#fff}
/* touch — hide custom cursor, restore native */
@media(hover:none) and (pointer:coarse){
  #cd,#cr{display:none!important}
  body{cursor:auto!important}
}

/* ════ SECTION TITLE — Bold Shiny Gold ════ */

/* override for dark sections */
.dark-sec

/* ════ PRODUCT CARD INFO ════ */
.prod-cat{
  font-family:'Raleway',sans-serif;font-weight:100;
  font-size:.48rem;letter-spacing:.36em;text-transform:uppercase;
  color:var(--gold);margin-bottom:.4rem;
}
.prod-name{
  font-family:'Cormorant Garamond',serif;font-weight:400;
  font-size:1.1rem;letter-spacing:.05em;color:var(--ink);
  margin-bottom:.3rem;line-height:1.25;
}
.prod-notes{
  font-family:'Raleway',sans-serif;font-weight:100;
  font-size:.5rem;letter-spacing:.1em;color:var(--lt);
  margin-bottom:.9rem;
}
.prod-bottom{
  display:flex;align-items:center;
  justify-content:space-between;gap:8px;
}
.prod-price{
  font-family:'Cormorant Garamond',serif;
  font-size:1.1rem;font-weight:400;
  color:var(--ink);letter-spacing:.04em;
}
.prod-price .cur{
  font-size:.7rem;font-weight:300;
  color:var(--lt);letter-spacing:.16em;
  text-transform:uppercase;margin-right:2px;
}
.btn-add{
  padding:7px 16px;
  background:var(--ink);color:var(--gold);
  font-family:'Raleway',sans-serif;font-weight:300;
  font-size:.5rem;letter-spacing:.24em;text-transform:uppercase;
  border:1px solid var(--ink);cursor:none;flex-shrink:0;
  transition:background .3s,color .3s,transform .2s;
}
.btn-add:hover{
  background:var(--gold);color:var(--ink);
  border-color:var(--gold);transform:translateY(-1px);
}

/* ════ OUR LEGACY SECTION ════ */
.legacy-layout{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:5vw;align-items:start;
  padding:4vh 0 7vh;
}
.legacy-eyebrow{
  font-family:'Raleway',sans-serif;font-weight:100;
  font-size:.5rem;letter-spacing:.58em;text-transform:uppercase;
  color:var(--gold);margin-bottom:1.6rem;
}
.legacy-headline{
  font-family:'Cormorant Garamond',serif;font-weight:300;
  font-size:clamp(2.4rem,4.8vw,4.8rem);
  line-height:.97;color:var(--ink);margin-bottom:1.4rem;
}
.legacy-headline em{
  font-style:italic;color:var(--gold);display:block;
}
.legacy-rule{
  width:38px;height:1px;
  background:linear-gradient(90deg,var(--gold),transparent);
  margin:1.4rem 0;
}
.legacy-body{
  font-family:'Raleway',sans-serif;font-weight:200;
  font-size:.76rem;line-height:2.5;letter-spacing:.06em;
  color:var(--mid);max-width:420px;margin-bottom:1.3rem;
}
.legacy-story{padding-right:2vw}
/* Stats */
.legacy-stats-wrap{display:flex;flex-direction:column;gap:2.5vh}
.legacy-stats-grid{
  display:grid;grid-template-columns:1fr 1fr;
  gap:1px;background:rgba(139,101,20,.1);
}
.legacy-stat{
  background:var(--cream);
  padding:3.2vh 2.2vw;text-align:center;
}
.legacy-stat-num{
  font-family:'Cormorant Garamond',serif;font-weight:300;
  font-size:clamp(2rem,3.2vw,3rem);line-height:1;
  background:linear-gradient(135deg,#E8C87A 0%,#C9A96E 40%,#F0D898 65%,#B8862A 100%);
  -webkit-background-clip:text;-webkit-text-fill-color:transparent;
  background-clip:text;
  filter:drop-shadow(0 0 8px rgba(201,169,110,.28));
}
.legacy-stat-rule{
  width:18px;height:1px;
  background:linear-gradient(90deg,transparent,var(--gold),transparent);
  margin:.6rem auto;
}
.legacy-stat-lbl{
  font-family:'Raleway',sans-serif;font-weight:200;
  font-size:.46rem;letter-spacing:.42em;
  text-transform:uppercase;color:var(--lt);
}
/* Quote */
.legacy-quote-block{
  border-left:2px solid rgba(201,169,110,.28);
  padding:1.6rem 1.8rem;
  background:rgba(201,169,110,.04);
}
.legacy-quote-mark{
  font-family:'Cormorant Garamond',serif;
  font-size:2.8rem;line-height:.65;
  color:rgba(201,169,110,.35);margin-bottom:.5rem;
}
.legacy-quote-text{
  font-family:'Cormorant Garamond',serif;font-style:italic;
  font-weight:300;font-size:1rem;
  line-height:1.75;letter-spacing:.04em;
  color:var(--mid);margin-bottom:.7rem;
}
.legacy-quote-attr{
  font-family:'Raleway',sans-serif;font-weight:100;
  font-size:.5rem;letter-spacing:.3em;
  text-transform:uppercase;color:var(--lt);
}
/* Responsive */
@media(max-width:900px){
  .legacy-layout{grid-template-columns:1fr;gap:4vh}
  .legacy-body{max-width:100%}
  .legacy-story{padding-right:0}
}
@media(max-width:600px){
  .legacy-stats-grid{grid-template-columns:1fr 1fr}
  .legacy-stat{padding:2.5vh 4vw}
}

/* ════════════════════════════════════════
   SECTION HEADERS — Bold Shiny Gold
   Single definitive block, no overrides
════════════════════════════════════════ */

/* ── VIEW ALL link — shiny gold ── */

/* Dark section header variants */
.dark-sec
.dark-sec
.dark-sec
.dark-sec

/* ═══════════════════════════════════════════
   SECTION HEADERS  —  complete definitive block
   Bold · Cinzel · Shiny Brushed Gold
═══════════════════════════════════════════ */

/* Section top bar */
.sec-top {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 10px;
  margin-bottom: 3vh;
  padding-bottom: 1.6vh;
  border-bottom: 1.5px solid rgba(201,169,110,.15);
  position: relative;
}
.sec-top::after {
  content: '';
  position: absolute;
  bottom: -1.5px;
  left: 0;
  width: 56px;
  height: 1.5px;
  background: linear-gradient(90deg, #E8C87A, #C9A96E, transparent);
  box-shadow: 0 0 8px rgba(201,169,110,.45);
}

/* Section title — BIG BOLD SHINY GOLD */
.sec-ttl {
  font-family: 'Cinzel', serif;
  font-weight: 600;
  font-size: clamp(1.1rem, 2.2vw, 1.9rem);
  letter-spacing: .16em;
  line-height: 1.15;
  color: #C9A96E;                                /* solid gold fallback */
  background: linear-gradient(135deg, #E8C87A 0%, #C9A96E 35%, #F5E0A0 60%, #B8862A 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  filter: drop-shadow(0 0 14px rgba(201,169,110,.35));
  display: inline-block;                         /* required for bg-clip on block elements */
}

/* The <span> inside sec-ttl — inherits gradient */
.sec-ttl span {
  font-family: 'Cinzel', serif;
  font-weight: 600;
  font-size: inherit;
  letter-spacing: inherit;
  color: #C9A96E;
  background: linear-gradient(135deg, #E8C87A 0%, #C9A96E 35%, #F5E0A0 60%, #B8862A 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

/* Section subtitle */
.sec-sub {
  font-family: 'Cormorant Garamond', serif;
  font-style: italic;
  font-size: .9rem;
  color: rgba(90,78,60,.6);
  letter-spacing: .08em;
  margin-top: 4px;
}

/* View All link — gold Cinzel with animated underline */
.view-all {
  font-family: 'Cinzel', serif;
  font-weight: 500;
  font-size: .58rem;
  letter-spacing: .24em;
  text-transform: uppercase;
  text-decoration: none;
  cursor: none;
  white-space: nowrap;
  flex-shrink: 0;
  color: #C9A96E;                                /* solid fallback */
  background: linear-gradient(135deg, #E8C87A 0%, #C9A96E 40%, #B8862A 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  position: relative;
  padding-bottom: 4px;
  transition: filter .3s ease;
  display: inline-block;
}
.view-all::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 1px;
  background: linear-gradient(90deg, #E8C87A, #C9A96E, #B8862A);
  transform: scaleX(.3);
  transform-origin: left center;
  transition: transform .4s cubic-bezier(.25,.46,.45,.94);
}
.view-all:hover {
  filter: drop-shadow(0 0 10px rgba(201,169,110,.6));
}
.view-all:hover::after {
  transform: scaleX(1);
}

/* Dark section variants (bakhur / fragrances) */
.dark-sec .sec-top {
  border-bottom-color: rgba(201,169,110,.1);
}
.dark-sec .sec-ttl {
  background: linear-gradient(135deg, #F5E0A0 0%, #E8C87A 30%, #FAEDC0 58%, #C9A96E 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  filter: drop-shadow(0 0 20px rgba(201,169,110,.55));
}
.dark-sec .sec-ttl span {
  background: linear-gradient(135deg, #F5E0A0 0%, #E8C87A 30%, #FAEDC0 58%, #C9A96E 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}
.dark-sec .sec-sub {
  color: rgba(201,169,110,.5);
}
.dark-sec .view-all {
  background: linear-gradient(135deg, #F5E0A0 0%, #E8C87A 40%, #C9A96E 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

/* ═══════════════════════════════════════════════════
   MISKARA NAV — Complete Luxury System
═══════════════════════════════════════════════════ */

#nav.scrolled

#nav.scrolled

/* Dropdown */

/* Right icons */

.nav-search-bar input::placeholder{color:#9A8A70}

/* Hamburger */

/* Responsive */
@media(max-width:1100px){#nav.scrolled }
@media(max-width:900px){#nav.scrolled #nav.scrolled }
@media(max-width:600px){#nav.scrolled #nav.scrolled }
@media(max-width:480px){#nav.scrolled }

/* ═══════════════════════════════════════════════════════════════
   MISKARA HEADER — Complete Luxury System
   Inspired by: Creed · Amouage · Tom Ford · Louis Vuitton
═══════════════════════════════════════════════════════════════ */

/* ── Announcement Bar ── */
#ann {
  height: 34px;
  background: #18140F;
  overflow: hidden;
  display: flex;
  align-items: center;
  border-bottom: 1px solid rgba(201,169,110,.1);
}
.ann-track {
  display: flex;
  align-items: center;
  gap: 0;
  white-space: nowrap;
  animation: ann-scroll 28s linear infinite;
  will-change: transform;
}
.ann-track:hover { animation-play-state: paused; }
.ann-item {
  font-family: 'Raleway', sans-serif;
  font-weight: 200;
  font-size: .5rem;
  letter-spacing: .48em;
  text-transform: uppercase;
  color: rgba(201,169,110,.7);
  padding: 0 2.4rem;
}
.ann-dot {
  color: rgba(201,169,110,.35);
  font-size: .28rem;
  flex-shrink: 0;
}
@keyframes ann-scroll {
  0%   { transform: translateX(0); }
  100% { transform: translateX(-50%); }
}

/* ── Nav shell ── */
#nav {
  position: sticky;
  top: 0;
  z-index: 700;
  background: #FDFAF5;
  border-bottom: 1px solid rgba(201,169,110,.11);
  transition: box-shadow .45s ease, background .45s ease;
}
#nav.scrolled {
  background: rgba(253,250,245,.97);
  backdrop-filter: blur(28px) saturate(1.4);
  -webkit-backdrop-filter: blur(28px) saturate(1.4);
  box-shadow: 0 1px 0 rgba(201,169,110,.12), 0 4px 32px rgba(26,18,8,.07);
}

/* ── Inner 3-column grid ── */
.nav-inner {
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
  height: 88px;
  padding: 0 3vw;
  gap: 0;
  transition: height .4s ease;
}
#nav.scrolled .nav-inner { height: 68px; }

/* ────────────────────────
   LEFT — Brand Stack
──────────────────────── */
.nav-brand {
  display: flex;
  align-items: center;
  gap: 14px;
  text-decoration: none;
  justify-self: start;
  cursor: none;
  transition: opacity .3s;
}
.nav-brand:hover { opacity: .85; }
.nav-brand-logo {
  height: 58px;
  width: auto;
  display: block;
  object-fit: contain;
  flex-shrink: 0;
  image-rendering: -webkit-optimize-contrast;
  image-rendering: crisp-edges;
  transition: height .4s ease;
}
#nav.scrolled .nav-brand-logo { height: 44px; }
.nav-brand-text {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 3px;
  border-left: 1px solid rgba(201,169,110,.25);
  padding-left: 14px;
}
.nav-brand-name {
  font-family: 'Cinzel', serif;
  font-weight: 500;
  font-size: .88rem;
  letter-spacing: .32em;
  color: #18140F;
  line-height: 1;
  display: block;
}
.nav-brand-sub {
  font-family: 'Raleway', sans-serif;
  font-weight: 200;
  font-size: .46rem;
  letter-spacing: .45em;
  text-transform: uppercase;
  color: rgba(201,169,110,.75);
  display: block;
}

/* ────────────────────────
   CENTRE — Navigation
──────────────────────── */
.nav-links {
  display: flex;
  align-items: stretch;
  list-style: none;
  margin: 0; padding: 0;
  height: 100%;
  gap: 0;
  justify-self: center;
}
.nav-links > li {
  position: relative;
  display: flex;
  align-items: center;
}
.nav-links > li > a {
  display: flex;
  align-items: center;
  gap: 5px;
  height: 100%;
  padding: 0 18px;
  font-family: 'Raleway', sans-serif;
  font-weight: 400;
  font-size: .6rem;
  letter-spacing: .2em;
  text-transform: uppercase;
  color: #3A2E1E;
  text-decoration: none;
  border-bottom: 2px solid transparent;
  transition: color .3s ease, border-color .35s ease;
  white-space: nowrap;
  cursor: none;
  position: relative;
}
.nav-links > li > a:hover {
  color: #C9A96E;
  border-bottom-color: #C9A96E;
}
.nav-chevron {
  font-size: .5rem;
  opacity: .6;
  transition: transform .3s ease;
  display: inline-block;
}
.nav-links > li:hover .nav-chevron { transform: rotate(180deg); }

/* ────────────────────────
   DROPDOWN
──────────────────────── */
.nav-links > li:hover .dropdown,
.nav-links > li:focus-within .dropdown {
  opacity: 1;
  visibility: visible;
  transform: translateX(-50%) translateY(0);
  pointer-events: all;
}
.dropdown {
  position: absolute;
  top: calc(100% + 2px);
  left: 50%;
  transform: translateX(-50%) translateY(-10px);
  min-width: 240px;
  background: #FDFAF5;
  border: 1px solid rgba(201,169,110,.16);
  border-top: 2px solid #C9A96E;
  border-radius: 0 0 6px 6px;
  box-shadow: 0 20px 55px rgba(26,18,8,.12), 0 4px 14px rgba(26,18,8,.05);
  padding: 8px 0 12px;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity .28s ease, transform .28s ease, visibility .28s;
  z-index: 900;
}
/* Diamond notch */
.dropdown::before {
  content: '';
  position: absolute;
  top: -6px;
  left: 50%;
  transform: translateX(-50%) rotate(45deg);
  width: 10px; height: 10px;
  background: #FDFAF5;
  border-left: 1px solid rgba(201,169,110,.16);
  border-top: 1px solid rgba(201,169,110,.16);
}
.dropdown-head {
  font-family: 'Raleway', sans-serif;
  font-weight: 200;
  font-size: .44rem;
  letter-spacing: .5em;
  text-transform: uppercase;
  color: rgba(184,134,42,.6);
  padding: 8px 20px 10px;
  border-bottom: 1px solid rgba(201,169,110,.07);
  margin-bottom: 4px;
}
.dropdown a {
  display: flex;
  align-items: center;
  padding: 10px 20px;
  font-family: 'Cinzel', serif;
  font-weight: 500;
  font-size: .58rem;
  letter-spacing: .18em;
  text-transform: uppercase;
  color: #2A1E0E;
  text-decoration: none;
  cursor: none;
  position: relative;
  overflow: hidden;
  transition: padding-left .25s ease, filter .25s ease;
}
.dropdown a::before {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, rgba(201,169,110,.07) 0%, transparent 100%);
  transform: scaleX(0);
  transform-origin: left;
  transition: transform .28s ease;
}
.dropdown a::after {
  content: '';
  position: absolute;
  left: 0; top: 18%; bottom: 18%;
  width: 2px;
  background: linear-gradient(180deg, #E8C87A, #C9A96E, #B8862A);
  border-radius: 2px;
  transform: scaleY(0);
  transform-origin: center;
  transition: transform .25s ease;
}
.dropdown a:hover {
  padding-left: 26px;
  background: linear-gradient(135deg, #E8C87A 0%, #C9A96E 35%, #F5E0A0 60%, #B8862A 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  filter: drop-shadow(0 0 6px rgba(201,169,110,.28));
}
.dropdown a:hover::before { transform: scaleX(1); }
.dropdown a:hover::after  { transform: scaleY(1); }

/* ────────────────────────
   RIGHT — Search + Icons
──────────────────────── */
.nav-right {
  display: flex;
  align-items: center;
  gap: 12px;
  justify-self: end;
}
/* Large luxury search */
.nav-search {
  display: flex;
  align-items: center;
  gap: 0;
  width: 260px;
  height: 42px;
  background: #fff;
  border: 1px solid rgba(201,169,110,.22);
  border-radius: 2px;
  padding: 0 14px;
  transition: border-color .3s ease, box-shadow .3s ease;
}
.nav-search:focus-within {
  border-color: #C9A96E;
  box-shadow: 0 0 0 3px rgba(201,169,110,.08);
}
.nav-search-icon {
  width: 16px; height: 16px;
  stroke: #9A8A70;
  fill: none;
  stroke-width: 1.6;
  flex-shrink: 0;
  margin-right: 10px;
  transition: stroke .3s;
}
.nav-search:focus-within .nav-search-icon { stroke: #C9A96E; }
.nav-search input {
  flex: 1;
  border: none;
  outline: none;
  background: transparent;
  font-family: 'Raleway', sans-serif;
  font-weight: 300;
  font-size: .62rem;
  letter-spacing: .14em;
  color: #18140F;
}
.nav-search input::placeholder {
  color: #9A8A70;
  font-weight: 200;
  letter-spacing: .18em;
}
/* Action icon buttons */
.nav-actions {
  display: flex;
  align-items: center;
  gap: 4px;
}
.nav-action-btn {
  width: 40px; height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: none;
  border: none;
  cursor: none;
  color: #58503E;
  position: relative;
  border-radius: 50%;
  transition: color .3s ease, background .3s ease;
}
.nav-action-btn:hover {
  color: #C9A96E;
  background: rgba(201,169,110,.06);
}
.nav-action-btn svg {
  width: 20px; height: 20px;
  stroke: currentColor;
  fill: none;
  stroke-width: 1.5;
}
.nav-cart-btn { position: relative; }
.nav-cart-count {
  position: absolute;
  top: 4px; right: 4px;
  min-width: 16px; height: 16px;
  border-radius: 8px;
  background: #C9A96E;
  color: #18140F;
  font-family: 'Raleway', sans-serif;
  font-size: .4rem;
  font-weight: 600;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 4px;
  line-height: 1;
}

/* ────────────────────────
   HAMBURGER (mobile only)
──────────────────────── */
.nav-hamburger {
  display: none;
  flex-direction: column;
  gap: 5px;
  padding: 8px;
  background: none;
  border: none;
  cursor: none;
  flex-shrink: 0;
}
.nav-hamburger span {
  display: block;
  width: 22px; height: 1.5px;
  background: #18140F;
  border-radius: 1px;
  transition: all .32s ease;
}
.nav-hamburger.open span:nth-child(1) { transform: translateY(6.5px) rotate(45deg); }
.nav-hamburger.open span:nth-child(2) { opacity: 0; transform: scaleX(0); }
.nav-hamburger.open span:nth-child(3) { transform: translateY(-6.5px) rotate(-45deg); }

/* ────────────────────────
   RESPONSIVE
──────────────────────── */
@media(max-width:1200px) {
  .nav-links > li > a { padding: 0 14px; font-size: .57rem; }
  .nav-search { width: 200px; }
}
@media(max-width:1024px) {
  .nav-search { width: 170px; }
  .nav-links > li > a { padding: 0 10px; font-size: .54rem; letter-spacing: .16em; }
  .nav-brand-name { font-size: .78rem; }
}
@media(max-width:900px) {
  .nav-links { display: none; }
  .nav-hamburger { display: flex !important; }
  .nav-inner {
    grid-template-columns: 1fr auto auto;
    height: 68px;
    padding: 0 4vw;
  }
  #nav.scrolled .nav-inner { height: 56px; }
  .nav-brand-logo { height: 46px; }
  #nav.scrolled .nav-brand-logo { height: 36px; }
  .nav-brand-text { display: none; }
  .nav-right { gap: 8px; }
  .nav-search { width: 150px; height: 36px; }
}
@media(max-width:600px) {
  .nav-inner { height: 58px; padding: 0 3.5vw; }
  #nav.scrolled .nav-inner { height: 48px; }
  .nav-brand-logo { height: 40px; }
  .nav-search { display: none; }
}
@media(max-width:480px) {
  .nav-inner { height: 52px; }
  .nav-brand-logo { height: 36px; }
  .nav-actions { gap: 0; }
  .nav-action-btn { width: 36px; height: 36px; }
  .nav-action-btn svg { width: 18px; height: 18px; }
}

/* Athar banner video overlay — text always readable */
.feat-banner-overlay{
  position:absolute;inset:0;z-index:1;
  background:
    linear-gradient(90deg, rgba(8,5,2,.72) 0%, rgba(8,5,2,.28) 52%, rgba(8,5,2,.1) 100%),
    linear-gradient(180deg, rgba(8,5,2,.12) 0%, transparent 40%, rgba(8,5,2,.45) 100%);
}

/* ── Checkout input styles ── */
.co-input{
  width:100%;padding:12px 14px;
  border:1px solid rgba(139,101,20,.15);background:#fff;
  font-family:'Raleway',sans-serif;font-weight:300;
  font-size:.7rem;letter-spacing:.1em;color:#18140F;
  outline:none;transition:border-color .3s;
  margin-bottom:14px;display:block;
}
.co-input:focus{border-color:#C9A96E}
.co-input::placeholder{color:#9A8A70}
.co-label{
  font-family:'Raleway',sans-serif;font-weight:300;
  font-size:.54rem;letter-spacing:.32em;text-transform:uppercase;
  color:#58503E;display:block;margin-bottom:5px;
}
.co-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.co-section-title{
  font-family:'Cinzel',serif;font-size:.82rem;letter-spacing:.28em;
  color:#18140F;margin-bottom:20px;padding-bottom:12px;
  border-bottom:1px solid rgba(139,101,20,.12);
}
.co-btn-main{
  width:100%;padding:15px;
  background:#18140F;color:#C9A96E;
  font-family:'Raleway',sans-serif;font-weight:300;
  font-size:.62rem;letter-spacing:.44em;text-transform:uppercase;
  border:none;cursor:none;transition:background .3s;
  margin-top:8px;
}
.co-btn-main:hover{background:#C9A96E;color:#18140F}
.co-btn-back{
  background:none;border:none;
  font-family:'Raleway',sans-serif;font-weight:200;
  font-size:.58rem;letter-spacing:.32em;text-transform:uppercase;
  color:#9A8A70;cursor:none;padding:0;
  display:flex;align-items:center;gap:6px;margin-bottom:20px;
  transition:color .3s;
}
.co-btn-back:hover{color:#C9A96E}
.co-step-dot{
  width:8px;height:8px;border-radius:50%;
  background:rgba(139,101,20,.15);transition:all .4s;
}
.co-step-dot.active{background:#C9A96E;width:22px;border-radius:4px}
.co-step-dot.done{background:rgba(201,169,110,.4)}
.co-method{
  border:1px solid rgba(139,101,20,.15);padding:14px 18px;
  margin-bottom:10px;cursor:none;transition:all .3s;display:flex;align-items:center;gap:14px;
}
.co-method.selected{border-color:#C9A96E;background:rgba(201,169,110,.04)}
.co-method:hover{border-color:rgba(201,169,110,.4)}
.co-radio{
  width:16px;height:16px;border-radius:50%;
  border:2px solid rgba(139,101,20,.25);
  display:flex;align-items:center;justify-content:center;flex-shrink:0;
}
.co-method.selected .co-radio{border-color:#C9A96E}
.co-method.selected .co-radio::after{
  content:'';width:8px;height:8px;border-radius:50%;background:#C9A96E;display:block;
}
.co-method-name{
  font-family:'Raleway',sans-serif;font-weight:300;
  font-size:.66rem;letter-spacing:.18em;color:#18140F;
}
.co-method-sub{
  font-family:'Raleway',sans-serif;font-weight:100;
  font-size:.58rem;letter-spacing:.1em;color:#9A8A70;
}
.co-order-item{
  display:grid;grid-template-columns:56px 1fr auto;
  gap:12px;align-items:center;
  padding:10px 0;border-bottom:1px solid rgba(139,101,20,.08);
}
.co-order-img{
  aspect-ratio:1;background:#F0E8DC;overflow:hidden;
}
.co-order-img img{width:100%;height:100%;object-fit:contain;padding:4px}
.co-order-name{
  font-family:'Cormorant Garamond',serif;font-size:.92rem;color:#18140F;letter-spacing:.05em;
}
.co-order-cat{
  font-family:'Raleway',sans-serif;font-weight:100;font-size:.5rem;letter-spacing:.2em;text-transform:uppercase;color:#9A8A70;
}
.co-order-price{
  font-family:'Cormorant Garamond',serif;font-size:.95rem;color:#C9A96E;
}
.co-total-row{
  display:flex;justify-content:space-between;align-items:center;
  padding:8px 0;
}
.co-total-label{
  font-family:'Raleway',sans-serif;font-weight:200;font-size:.62rem;letter-spacing:.2em;text-transform:uppercase;color:#58503E;
}
.co-total-val{
  font-family:'Cormorant Garamond',serif;font-size:1rem;color:#18140F;
}
.co-total-val.big{font-size:1.3rem;color:#18140F}
.co-divider{height:1px;background:rgba(139,101,20,.1);margin:10px 0}
.co-error{
  font-family:'Raleway',sans-serif;font-weight:200;font-size:.6rem;
  color:#C44A2A;letter-spacing:.1em;margin-top:-8px;margin-bottom:10px;display:none;
}
.co-spinner{
  display:inline-block;width:16px;height:16px;
  border:2px solid rgba(201,169,110,.3);
  border-top-color:#C9A96E;border-radius:50%;
  animation:spin .7s linear infinite;margin-right:8px;
  vertical-align:middle;
}
@keyframes spin{to{transform:rotate(360deg)}}

/* ════════════════════════════════════════════════════
   RESPONSIVE — Full Device Coverage
   Breakpoints:
   1400px+ → Large desktop
   1100px  → Desktop/laptop
   900px   → Tablet landscape
   768px   → Tablet portrait
   600px   → Large phone
   480px   → Phone
   360px   → Small phone
════════════════════════════════════════════════════ */

/* ── Large desktop (1400px+) — widen grids ── */
@media(min-width:1400px){
  .prod-grid{grid-template-columns:repeat(4,1fr)}
  .frag-grid{grid-template-columns:repeat(5,1fr)}
  .sec{padding:7vh 6vw}

  .hero-content{max-width:680px}
}

/* ── Desktop (1100px) ── */
@media(max-width:1100px){



  .hero-h1{font-size:clamp(2.8rem,5.5vw,5.5rem)}
  .frag-grid{grid-template-columns:repeat(5,1fr);gap:1px}
  .frag-card{padding:4vh 1.5vw 3.5vh}
  .fc-name{font-size:.65rem;letter-spacing:.2em}
}

/* ── Tablet landscape + small laptop (900px) ── */
@media(max-width:900px){
  /* Nav — hide links, show hamburger */





  #nav.solid



  /* Announcement */

  #ann span:last-child{display:none}

  /* Hero */
  .hero-banner{position:relative;height:100vh;min-height:600px;overflow:hidden;background:#0D0A06}
  .hero-content{max-width:100%;padding:0 6vw}
  .hero-label{font-size:.5rem;margin-bottom:1rem}
  .hero-h1{font-size:clamp(2.4rem,7vw,4.5rem)}
  .hero-sub{font-size:.7rem;max-width:100%}
  .btn-hero{padding:12px 28px;font-size:.58rem}

  /* Sections */
  .sec{padding:5vh 4vw}




  /* Product grid */
  .prod-grid{grid-template-columns:repeat(2,1fr)}

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



  /* Fragrance grid */
  .frag-grid{grid-template-columns:repeat(2,1fr)}
  .frag-card{padding:4vh 3vw 3vh}

  /* Featured banners */
  .feat-banner{height:44vh}
  .feat-b-title{font-size:clamp(1.8rem,5vw,3.5rem)}
  .feat-banner-content{position:relative;z-index:2;padding:0 8vw}
  .btn-feat{padding:11px 28px;font-size:.55rem}

  /* Legacy section */
  #legacy-sec .sec > div[style*="grid"]{
    grid-template-columns:1fr !important;
    gap:4vh 0 !important;
  }

  /* Collections */
  .coll-grid{grid-template-columns:1fr 1fr}

  /* Trust bar */
  .trust-inner{grid-template-columns:1fr 1fr;gap:16px}

  /* Footer */
  .footer-top{grid-template-columns:1fr 1fr;gap:4vh 4vw}


  /* Cart */
  #cart-panel{width:360px}

  /* Checkout */
  #checkout-panel{max-width:100%;border-radius:0}
  .co-row{grid-template-columns:1fr 1fr;gap:10px}
}

/* ── Tablet portrait (768px) ── */
@media(max-width:768px){
  /* Nav */


  #nav.solid


  /* Hero */
  .hero-banner{position:relative;height:100vh;min-height:600px;overflow:hidden;background:#0D0A06}
  .hero-h1{font-size:clamp(2.2rem,8vw,3.8rem)}
  .hero-sub{display:none}
  .hero-btns{gap:8px}
  .btn-hero{padding:11px 22px;font-size:.55rem;letter-spacing:.3em}

  /* Product cards */
  .prod-grid{grid-template-columns:repeat(2,1fr);gap:1px}
  .prod-card-img{aspect-ratio:1/1}
  .prod-card-info{padding:10px 12px 14px}





  /* Fragrance grid */
  .frag-grid{grid-template-columns:1fr 1fr}
  .fc-desc{display:none}

  /* Featured banner */
  .feat-banner{height:38vh}
  .feat-b-tag{font-size:.48rem}
  .feat-b-title{font-size:clamp(1.6rem,6vw,3rem)}

  /* Trust bar */
  .trust-inner{grid-template-columns:1fr 1fr;gap:12px}
  .trust-item{flex-direction:column;text-align:center;gap:8px}

  /* Sections */
  .sec{padding:4.5vh 4vw}


  /* Footer */
  .footer-top{grid-template-columns:1fr;gap:3.5vh}
  .footer-desc{max-width:100%}
  .footer-bottom{flex-direction:column;align-items:flex-start;gap:10px}
  .footer-copy{font-size:.44rem}

  /* Cart */
  #cart-panel{width:100%;max-width:100vw}

  /* Checkout */
  #checkout-modal{align-items:flex-end}
  #checkout-panel{
    max-height:95vh;
    border-radius:16px 16px 0 0;
  }
  .co-row{grid-template-columns:1fr}
}

/* ── Large phone (600px) ── */
@media(max-width:600px){
  /* Announcement */


  /* Nav */



  /* Hero */
  .hero-banner{position:relative;height:100vh;min-height:600px;overflow:hidden;background:#0D0A06}
  .hero-h1{font-size:clamp(2rem,9vw,3.2rem);line-height:1.02}
  .hero-label{font-size:.44rem;letter-spacing:.4em;margin-bottom:.8rem}
  .hero-content{padding:0 5vw}
  .hero-btns{gap:8px}
  .btn-hero{padding:10px 18px;font-size:.52rem;letter-spacing:.28em}
  .hero-overlay{position:absolute;inset:0;z-index:2;background:linear-gradient(135deg,rgba(6,4,1,.72) 0%,rgba(6,4,1,.18) 52%,rgba(6,4,1,.35) 100%),linear-gradient(180deg,rgba(6,4,1,.05) 0%,transparent 50%,rgba(6,4,1,.6) 100%)}

  /* Sections */
  .sec{padding:4vh 3.5vw}




  /* Product grid — 2 cols tight */
  .prod-grid{grid-template-columns:repeat(2,1fr);gap:1px}
  .prod-card-info{padding:8px 10px 12px}





  /* Fragrance grid */
  .frag-grid{grid-template-columns:1fr}
  .frag-card{padding:3.5vh 4vw}

  /* Featured banner */
  .feat-banner{height:34vh}
  .feat-banner-content{position:relative;z-index:2;padding:0 8vw}
  .feat-b-title{font-size:clamp(1.4rem,7vw,2.5rem)}
  .feat-b-tag{font-size:.44rem;letter-spacing:.4em;margin-bottom:.8rem}
  .btn-feat{padding:10px 22px;font-size:.52rem;letter-spacing:.3em}

  /* Trust bar */
  .trust-bar{padding:2.5vh 4vw}
  .trust-inner{grid-template-columns:1fr 1fr;gap:10px}
  .trust-ttl{font-size:.52rem;letter-spacing:.2em}
  .trust-sub{font-size:.48rem}

  /* Footer */
  .footer-top{grid-template-columns:1fr;gap:3vh}
  .footer-bottom{flex-direction:column;gap:8px}
  footer{padding:6vh 4vw 4vh}

  /* Cart */
  #cart-panel{width:100%}
  .cart-head{padding:16px 18px}
  .cart-body{padding:16px 18px}
  .cart-foot{padding:16px 18px}
  .cart-item{grid-template-columns:64px 1fr
/* ════ PRODUCT CARD — clickable ════ */
.prod-card{
  cursor:none;
}
.prod-card:hover .prod-card-img img{
  transform:scale(1.06);
}
/* Popup mobile responsive */
@media(max-width:600px){
  #prod-popup-body{grid-template-columns:1fr !important}
  #prod-popup-panel{max-height:96vh}
}
auto;gap:10px}

  /* Checkout */
  #checkout-panel{max-height:96vh}
  #co-header{padding:14px 18px;height:62px}
  #co-body{padding:18px}
  .co-input{padding:10px 12px;font-size:.66rem}
  .co-label{font-size:.5rem}
  .co-btn-main{padding:13px;font-size:.58rem}
  .co-section-title{font-size:.72rem;letter-spacing:.22em}

  /* Collection overlay */
  #coll-page #cp-header{padding:0 3.5vw;height:62px}
  #cp-title{font-size:.82rem;letter-spacing:.22em}
  #coll-page > div:last-child{padding:3vh 3.5vw}
  #cp-grid{grid-template-columns:repeat(2,1fr) !important}
}

/* ── Phone (480px) ── */
@media(max-width:480px){
  /* Announcement */


  /* Nav */




  /* Hero */
  .hero-banner{position:relative;height:100vh;min-height:600px;overflow:hidden;background:#0D0A06}
  .hero-h1{font-size:clamp(1.8rem,10vw,2.8rem)}

  /* Product — switch to 1 col on very small screens */
  .prod-grid{grid-template-columns:1fr}
  .prod-card-img{aspect-ratio:4/3}
  .prod-card-img img{padding:12px 24px}



  /* Featured banner */
  .feat-banner{height:30vh}

  /* Frag cards */
  .frag-grid{grid-template-columns:1fr}
  .fc-notes{display:none}

  /* Collection grid */
  #cp-grid{grid-template-columns:1fr !important}

  /* Footer bottom */
  .footer-pay{flex-wrap:wrap;gap:5px}
  .pay-badge{font-size:.42rem;padding:3px 8px}

  /* Trust bar */
  .trust-inner{grid-template-columns:1fr}
  .trust-item{flex-direction:row;justify-content:flex-start;text-align:left}

  /* Marquee */
  .mw{font-size:.78rem;padding:0 1.4rem}
  .marquee{padding:2.2vh 0}
}

/* ── Small phone (360px) ── */
@media(max-width:360px){



  .hero-banner{position:relative;height:100vh;min-height:600px;overflow:hidden;background:#0D0A06}
  .hero-h1{font-size:1.7rem}
  .btn-hero{padding:9px 14px;font-size:.48rem;letter-spacing:.22em}
  .sec{padding:3.5vh 3vw}
  .prod-grid{grid-template-columns:1fr}
  .hero-btns{flex-direction:column;align-items:flex-start}
  #co-body{padding:14px}
  .co-input{padding:9px 10px}
}

/* ── Mobile navigation drawer ── */

/* Mobile nav drawer */
#mobile-nav{
  position:fixed;top:0;left:0;right:0;bottom:0;z-index:690;
  background:#FAF6F0;
  transform:translateX(-100%);transition:transform .4s cubic-bezier(.25,.46,.45,.94);
  overflow-y:auto;padding-top:80px;
  display:none;
}
#mobile-nav.open{transform:translateX(0)}
.mobile-nav-links{
  list-style:none;padding:0 6vw;
}
.mobile-nav-links li{
  border-bottom:1px solid rgba(139,101,20,.1);
}
.mobile-nav-links > li > a{
  display:block;padding:18px 0;
  font-family:'Raleway',sans-serif;font-weight:300;
  font-size:.75rem;letter-spacing:.28em;text-transform:uppercase;
  color:var(--ink);text-decoration:none;
  transition:color .3s;
}
.mobile-nav-links > li > a:hover{color:var(--gold)}
.mobile-nav-sub{
  padding:8px 0 16px 16px;
  display:flex;flex-direction:column;gap:4px;
}

.mobile-nav-close{
  position:absolute;top:20px;right:5vw;
  background:none;border:none;cursor:none;
  font-size:1.4rem;color:var(--mid);line-height:1;
}

/* ── Touch device improvements ── */
@media(hover:none) and (pointer:coarse){
  /* Larger tap targets */


  .qty-btn{width:32px;height:32px}
  .co-method{padding:16px 18px}
  /* Remove hover-only effects */
  .prod-wish{opacity:1 !important}
  .prod-card:hover{box-shadow:none}
  /* Cursor: auto on touch */


}
@media(max-width:768px){


  section[id]{scroll-margin-top:80px}
}
@media(max-width:600px){


  #nav.solid
  .sec{padding:4vh 3.5vw}
  section[id]{scroll-margin-top:72px}

}
@media(max-width:480px){


  section[id]{scroll-margin-top:64px}

  .sec{padding:3.5vh 3vw}
}
@media(max-width:360px){
  section[id]{scroll-margin-top:58px}
}

/* ════ SECTION SCROLL + SPACING ════ */
section[id]{
  scroll-margin-top:110px;
}
.sec{
  padding:6vh 4.5vw;
}
/* Section title gradient */

/* View all link alignment */

}
}

/* ── Print ── */
@media print{
  #entrance,#nav,#ann,.wa-float,#cart-modal,#checkout-modal,#order-success{display:none !important}
  .hero-banner{position:relative;height:100vh;min-height:600px;overflow:hidden;background:#0D0A06}
  .prod-grid{grid-template-columns:repeat(3,1fr)}
}

/* ── Safe area for notched phones (iPhone X+) ── */
@supports(padding:max(0px)){

  footer{padding-bottom:max(4vh,env(safe-area-inset-bottom))}
  .wa-float{bottom:max(28px,env(safe-area-inset-bottom))}
}

/* ════ NAV LOGO + INNER — DEFINITIVE ════ */

#nav.solid
#nav.solid

/* ════ DROPDOWN LINKS — Bold Shiny Gold ════ */

/* Active/selected fragrance */

/* Left accent line on hover */

/* ════ MOBILE NAV SUB LINKS — Bold Shiny Gold ════ */
.mobile-nav-sub a{
  font-family:'Cinzel',serif;
  font-weight:500;
  font-size:.62rem;
  letter-spacing:.2em;
  text-transform:uppercase;
  text-decoration:none;
  padding:10px 0;
  color:var(--ink);
  transition:all .35s var(--e);
  position:relative;
  display:block;
  border-bottom:1px solid rgba(139,101,20,.06);
}
.mobile-nav-sub a:hover,
.mobile-nav-sub a:active{
  background:linear-gradient(135deg,#E8C87A 0%,#C9A96E 35%,#F0D898 62%,#B8862A 100%);
  -webkit-background-clip:text;
  -webkit-text-fill-color:transparent;
  background-clip:text;
  padding-left:8px;
}

/* ════ SECTION HEADERS — Bold Shiny Gold ════ */

/* View All — shiny underline style */

/* Dark section overrides */
.dark-sec
.dark-sec

/* ════ FRAGRANCE FILTER CHIPS — Bold Shiny Gold ════ */
.fchip{
  padding:9px 22px;
  border:1px solid rgba(201,169,110,.2);
  background:transparent;
  font-family:'Cinzel',serif;
  font-weight:600;
  font-size:.62rem;
  letter-spacing:.22em;
  text-transform:uppercase;
  cursor:none;
  transition:all .35s var(--e);
  position:relative;
  overflow:hidden;
  color:var(--ink);
}
.fchip::before{
  content:'';
  position:absolute;inset:0;
  background:linear-gradient(135deg,rgba(232,200,122,.1),rgba(201,169,110,.05),rgba(184,134,42,.08));
  opacity:0;transition:opacity .3s;
}
.fchip:hover{ border-color:var(--gold); }
.fchip:hover::before{ opacity:1; }
.fchip:hover,
.fchip.on{
  background:linear-gradient(135deg,#E8C87A 0%,#C9A96E 35%,#F5E0A0 62%,#B8862A 100%);
  -webkit-background-clip:text;
  -webkit-text-fill-color:transparent;
  background-clip:text;
  border-color:var(--gold);
  filter:drop-shadow(0 0 8px rgba(201,169,110,.45));
}
.fchip.on{
  border-width:1.5px;
  filter:drop-shadow(0 0 12px rgba(201,169,110,.55));
}

/* ════ NAV LOGO — DEFINITIVE (no overrides below) ════ */

dges;
  flex-shrink:0;
}
#nav.solid
@media(max-width:1100px){  #nav.solid  }
@media(max-width:900px) {  #nav.solid  }
@media(max-width:768px) {  #nav.solid
/* ════ OUR LEGACY SECTION ════ */

/* Stats grid */

/* Quote */

/* Responsive */
@media(max-width:900px){


}
@media(max-width:600px){




}
}
@media(max-width:600px) { .n
/* ════ CURSOR — Adaptive colour ════ */

/* White cursor on dark backgrounds */
body.dark-cursor
body.dark-cursor
body.dark-cursor
av-logo img{height:52px} #nav.solid  }
@media(max-width:480px) {  #nav.solid  }
@media(max-width:360px) {  #nav.solid  }

/* ════ NAV LOGO — DEFINITIVE ════ */

#nav.solid
@media(max-width:1100px){#nav.solid }
@media(max-width:900px) {#nav.solid }
@media(max-width:768px) {#nav.solid }
@media(max-width:600px) {#nav.solid }
@media(max-width:480px) {#nav.solid }

/* ════ FOOTER LOGO ════ */
.footer-logo{
  height:76px;width:auto;display:block;
  object-fit:contain;margin-bottom:1.4rem;
  image-rendering:-webkit-optimize-contrast;
  image-rendering:crisp-edges;
  opacity:.9;
}

/* ════ CURSOR — SINGLE DEFINITIVE BLOCK ════ */
body{cursor:none}
#cd{
  position:fixed;top:0;left:0;
  width:10px;height:10px;
  background:#C9A96E;
  border-radius:50%;
  pointer-events:none;
  z-index:99999;
  transform:translate(-50%,-50%);
  box-shadow:0 0 12px rgba(201,169,110,.9),0 0 24px rgba(201,169,110,.4);
  will-change:transform;
  transition:background .2s ease,box-shadow .2s ease,width .2s ease,height .2s ease;
  mix-blend-mode:normal;
}
#cr{
  position:fixed;top:0;left:0;
  width:42px;height:42px;
  border:1.5px solid rgba(201,169,110,.6);
  border-radius:50%;
  pointer-events:none;
  z-index:99998;
  transform:translate(-50%,-50%);
  will-change:transform;
  transition:width .3s ease,height .3s ease,border-color .25s ease,opacity .25s ease;
  background:transparent;
}
#cr.big{width:64px;height:64px;border-color:rgba(201,169,110,.9)}
/* white on dark bg */
body.cur-dk #cd{background:#fff;box-shadow:0 0 14px rgba(255,255,255,.8),0 0 28px rgba(255,255,255,.3)}
body.cur-dk #cr{border-color:rgba(255,255,255,.6)}
body.cur-dk #cr.big{border-color:#fff}
/* touch — hide custom cursor, restore native */
@media(hover:none) and (pointer:coarse){
  #cd,#cr{display:none!important}
  body{cursor:auto!important}
}

/* ════ SECTION TITLE — Bold Shiny Gold ════ */

/* override for dark sections */
.dark-sec

/* ════ PRODUCT CARD INFO ════ */
.prod-cat{
  font-family:'Raleway',sans-serif;font-weight:100;
  font-size:.48rem;letter-spacing:.36em;text-transform:uppercase;
  color:var(--gold);margin-bottom:.4rem;
}
.prod-name{
  font-family:'Cormorant Garamond',serif;font-weight:400;
  font-size:1.1rem;letter-spacing:.05em;color:var(--ink);
  margin-bottom:.3rem;line-height:1.25;
}
.prod-notes{
  font-family:'Raleway',sans-serif;font-weight:100;
  font-size:.5rem;letter-spacing:.1em;color:var(--lt);
  margin-bottom:.9rem;
}
.prod-bottom{
  display:flex;align-items:center;
  justify-content:space-between;gap:8px;
}
.prod-price{
  font-family:'Cormorant Garamond',serif;
  font-size:1.1rem;font-weight:400;
  color:var(--ink);letter-spacing:.04em;
}
.prod-price .cur{
  font-size:.7rem;font-weight:300;
  color:var(--lt);letter-spacing:.16em;
  text-transform:uppercase;margin-right:2px;
}
.btn-add{
  padding:7px 16px;
  background:var(--ink);color:var(--gold);
  font-family:'Raleway',sans-serif;font-weight:300;
  font-size:.5rem;letter-spacing:.24em;text-transform:uppercase;
  border:1px solid var(--ink);cursor:none;flex-shrink:0;
  transition:background .3s,color .3s,transform .2s;
}
.btn-add:hover{
  background:var(--gold);color:var(--ink);
  border-color:var(--gold);transform:translateY(-1px);
}

/* ════ OUR LEGACY SECTION ════ */
.legacy-layout{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:5vw;align-items:start;
  padding:4vh 0 7vh;
}
.legacy-eyebrow{
  font-family:'Raleway',sans-serif;font-weight:100;
  font-size:.5rem;letter-spacing:.58em;text-transform:uppercase;
  color:var(--gold);margin-bottom:1.6rem;
}
.legacy-headline{
  font-family:'Cormorant Garamond',serif;font-weight:300;
  font-size:clamp(2.4rem,4.8vw,4.8rem);
  line-height:.97;color:var(--ink);margin-bottom:1.4rem;
}
.legacy-headline em{
  font-style:italic;color:var(--gold);display:block;
}
.legacy-rule{
  width:38px;height:1px;
  background:linear-gradient(90deg,var(--gold),transparent);
  margin:1.4rem 0;
}
.legacy-body{
  font-family:'Raleway',sans-serif;font-weight:200;
  font-size:.76rem;line-height:2.5;letter-spacing:.06em;
  color:var(--mid);max-width:420px;margin-bottom:1.3rem;
}
.legacy-story{padding-right:2vw}
/* Stats */
.legacy-stats-wrap{display:flex;flex-direction:column;gap:2.5vh}
.legacy-stats-grid{
  display:grid;grid-template-columns:1fr 1fr;
  gap:1px;background:rgba(139,101,20,.1);
}
.legacy-stat{
  background:var(--cream);
  padding:3.2vh 2.2vw;text-align:center;
}
.legacy-stat-num{
  font-family:'Cormorant Garamond',serif;font-weight:300;
  font-size:clamp(2rem,3.2vw,3rem);line-height:1;
  background:linear-gradient(135deg,#E8C87A 0%,#C9A96E 40%,#F0D898 65%,#B8862A 100%);
  -webkit-background-clip:text;-webkit-text-fill-color:transparent;
  background-clip:text;
  filter:drop-shadow(0 0 8px rgba(201,169,110,.28));
}
.legacy-stat-rule{
  width:18px;height:1px;
  background:linear-gradient(90deg,transparent,var(--gold),transparent);
  margin:.6rem auto;
}
.legacy-stat-lbl{
  font-family:'Raleway',sans-serif;font-weight:200;
  font-size:.46rem;letter-spacing:.42em;
  text-transform:uppercase;color:var(--lt);
}
/* Quote */
.legacy-quote-block{
  border-left:2px solid rgba(201,169,110,.28);
  padding:1.6rem 1.8rem;
  background:rgba(201,169,110,.04);
}
.legacy-quote-mark{
  font-family:'Cormorant Garamond',serif;
  font-size:2.8rem;line-height:.65;
  color:rgba(201,169,110,.35);margin-bottom:.5rem;
}
.legacy-quote-text{
  font-family:'Cormorant Garamond',serif;font-style:italic;
  font-weight:300;font-size:1rem;
  line-height:1.75;letter-spacing:.04em;
  color:var(--mid);margin-bottom:.7rem;
}
.legacy-quote-attr{
  font-family:'Raleway',sans-serif;font-weight:100;
  font-size:.5rem;letter-spacing:.3em;
  text-transform:uppercase;color:var(--lt);
}
/* Responsive */
@media(max-width:900px){
  .legacy-layout{grid-template-columns:1fr;gap:4vh}
  .legacy-body{max-width:100%}
  .legacy-story{padding-right:0}
}
@media(max-width:600px){
  .legacy-stats-grid{grid-template-columns:1fr 1fr}
  .legacy-stat{padding:2.5vh 4vw}
}

/* ════════════════════════════════════════
   SECTION HEADERS — Bold Shiny Gold
   Single definitive block, no overrides
════════════════════════════════════════ */

/* ── VIEW ALL link — shiny gold ── */

/* Dark section header variants */
.dark-sec
.dark-sec
.dark-sec
.dark-sec

/* ═══════════════════════════════════════════
   SECTION HEADERS  —  complete definitive block
   Bold · Cinzel · Shiny Brushed Gold
═══════════════════════════════════════════ */

/* Section top bar */
.sec-top {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 10px;
  margin-bottom: 3vh;
  padding-bottom: 1.6vh;
  border-bottom: 1.5px solid rgba(201,169,110,.15);
  position: relative;
}
.sec-top::after {
  content: '';
  position: absolute;
  bottom: -1.5px;
  left: 0;
  width: 56px;
  height: 1.5px;
  background: linear-gradient(90deg, #E8C87A, #C9A96E, transparent);
  box-shadow: 0 0 8px rgba(201,169,110,.45);
}

/* Section title — BIG BOLD SHINY GOLD */
.sec-ttl {
  font-family: 'Cinzel', serif;
  font-weight: 600;
  font-size: clamp(1.1rem, 2.2vw, 1.9rem);
  letter-spacing: .16em;
  line-height: 1.15;
  color: #C9A96E;                                /* solid gold fallback */
  background: linear-gradient(135deg, #E8C87A 0%, #C9A96E 35%, #F5E0A0 60%, #B8862A 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  filter: drop-shadow(0 0 14px rgba(201,169,110,.35));
  display: inline-block;                         /* required for bg-clip on block elements */
}

/* The <span> inside sec-ttl — inherits gradient */
.sec-ttl span {
  font-family: 'Cinzel', serif;
  font-weight: 600;
  font-size: inherit;
  letter-spacing: inherit;
  color: #C9A96E;
  background: linear-gradient(135deg, #E8C87A 0%, #C9A96E 35%, #F5E0A0 60%, #B8862A 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

/* Section subtitle */
.sec-sub {
  font-family: 'Cormorant Garamond', serif;
  font-style: italic;
  font-size: .9rem;
  color: rgba(90,78,60,.6);
  letter-spacing: .08em;
  margin-top: 4px;
}

/* View All link — gold Cinzel with animated underline */
.view-all {
  font-family: 'Cinzel', serif;
  font-weight: 500;
  font-size: .58rem;
  letter-spacing: .24em;
  text-transform: uppercase;
  text-decoration: none;
  cursor: none;
  white-space: nowrap;
  flex-shrink: 0;
  color: #C9A96E;                                /* solid fallback */
  background: linear-gradient(135deg, #E8C87A 0%, #C9A96E 40%, #B8862A 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  position: relative;
  padding-bottom: 4px;
  transition: filter .3s ease;
  display: inline-block;
}
.view-all::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 1px;
  background: linear-gradient(90deg, #E8C87A, #C9A96E, #B8862A);
  transform: scaleX(.3);
  transform-origin: left center;
  transition: transform .4s cubic-bezier(.25,.46,.45,.94);
}
.view-all:hover {
  filter: drop-shadow(0 0 10px rgba(201,169,110,.6));
}
.view-all:hover::after {
  transform: scaleX(1);
}

/* Dark section variants (bakhur / fragrances) */
.dark-sec .sec-top {
  border-bottom-color: rgba(201,169,110,.1);
}
.dark-sec .sec-ttl {
  background: linear-gradient(135deg, #F5E0A0 0%, #E8C87A 30%, #FAEDC0 58%, #C9A96E 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  filter: drop-shadow(0 0 20px rgba(201,169,110,.55));
}
.dark-sec .sec-ttl span {
  background: linear-gradient(135deg, #F5E0A0 0%, #E8C87A 30%, #FAEDC0 58%, #C9A96E 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}
.dark-sec .sec-sub {
  color: rgba(201,169,110,.5);
}
.dark-sec .view-all {
  background: linear-gradient(135deg, #F5E0A0 0%, #E8C87A 40%, #C9A96E 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

/* ═══════════════════════════════════════════════════
   MISKARA NAV — Complete Luxury System
═══════════════════════════════════════════════════ */

#nav.scrolled

#nav.scrolled

/* Dropdown */

/* Right icons */

.nav-search-bar input::placeholder{color:#9A8A70}

/* Hamburger */

/* Responsive */
@media(max-width:1100px){#nav.scrolled }
@media(max-width:900px){#nav.scrolled #nav.scrolled }
@media(max-width:600px){#nav.scrolled #nav.scrolled }
@media(max-width:480px){#nav.scrolled }

/* ═══════════════════════════════════════════════════════════════
   MISKARA HEADER — Complete Luxury System
   Inspired by: Creed · Amouage · Tom Ford · Louis Vuitton
═══════════════════════════════════════════════════════════════ */

/* ── Announcement Bar ── */
#ann {
  height: 34px;
  background: #18140F;
  overflow: hidden;
  display: flex;
  align-items: center;
  border-bottom: 1px solid rgba(201,169,110,.1);
}
.ann-track {
  display: flex;
  align-items: center;
  gap: 0;
  white-space: nowrap;
  animation: ann-scroll 28s linear infinite;
  will-change: transform;
}
.ann-track:hover { animation-play-state: paused; }
.ann-item {
  font-family: 'Raleway', sans-serif;
  font-weight: 200;
  font-size: .5rem;
  letter-spacing: .48em;
  text-transform: uppercase;
  color: rgba(201,169,110,.7);
  padding: 0 2.4rem;
}
.ann-dot {
  color: rgba(201,169,110,.35);
  font-size: .28rem;
  flex-shrink: 0;
}
@keyframes ann-scroll {
  0%   { transform: translateX(0); }
  100% { transform: translateX(-50%); }
}

/* ── Nav shell ── */
#nav {
  position: sticky;
  top: 0;
  z-index: 700;
  background: #FDFAF5;
  border-bottom: 1px solid rgba(201,169,110,.11);
  transition: box-shadow .45s ease, background .45s ease;
}
#nav.scrolled {
  background: rgba(253,250,245,.97);
  backdrop-filter: blur(28px) saturate(1.4);
  -webkit-backdrop-filter: blur(28px) saturate(1.4);
  box-shadow: 0 1px 0 rgba(201,169,110,.12), 0 4px 32px rgba(26,18,8,.07);
}

/* ── Inner 3-column grid ── */
.nav-inner {
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
  height: 88px;
  padding: 0 3vw;
  gap: 0;
  transition: height .4s ease;
}
#nav.scrolled .nav-inner { height: 68px; }

/* ────────────────────────
   LEFT — Brand Stack
──────────────────────── */
.nav-brand {
  display: flex;
  align-items: center;
  gap: 14px;
  text-decoration: none;
  justify-self: start;
  cursor: none;
  transition: opacity .3s;
}
.nav-brand:hover { opacity: .85; }
.nav-brand-logo {
  height: 58px;
  width: auto;
  display: block;
  object-fit: contain;
  flex-shrink: 0;
  image-rendering: -webkit-optimize-contrast;
  image-rendering: crisp-edges;
  transition: height .4s ease;
}
#nav.scrolled .nav-brand-logo { height: 44px; }
.nav-brand-text {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 3px;
  border-left: 1px solid rgba(201,169,110,.25);
  padding-left: 14px;
}
.nav-brand-name {
  font-family: 'Cinzel', serif;
  font-weight: 500;
  font-size: .88rem;
  letter-spacing: .32em;
  color: #18140F;
  line-height: 1;
  display: block;
}
.nav-brand-sub {
  font-family: 'Raleway', sans-serif;
  font-weight: 200;
  font-size: .46rem;
  letter-spacing: .45em;
  text-transform: uppercase;
  color: rgba(201,169,110,.75);
  display: block;
}

/* ────────────────────────
   CENTRE — Navigation
──────────────────────── */
.nav-links {
  display: flex;
  align-items: stretch;
  list-style: none;
  margin: 0; padding: 0;
  height: 100%;
  gap: 0;
  justify-self: center;
}
.nav-links > li {
  position: relative;
  display: flex;
  align-items: center;
}
.nav-links > li > a {
  display: flex;
  align-items: center;
  gap: 5px;
  height: 100%;
  padding: 0 18px;
  font-family: 'Raleway', sans-serif;
  font-weight: 400;
  font-size: .6rem;
  letter-spacing: .2em;
  text-transform: uppercase;
  color: #3A2E1E;
  text-decoration: none;
  border-bottom: 2px solid transparent;
  transition: color .3s ease, border-color .35s ease;
  white-space: nowrap;
  cursor: none;
  position: relative;
}
.nav-links > li > a:hover {
  color: #C9A96E;
  border-bottom-color: #C9A96E;
}
.nav-chevron {
  font-size: .5rem;
  opacity: .6;
  transition: transform .3s ease;
  display: inline-block;
}
.nav-links > li:hover .nav-chevron { transform: rotate(180deg); }

/* ────────────────────────
   DROPDOWN
──────────────────────── */
.nav-links > li:hover .dropdown,
.nav-links > li:focus-within .dropdown {
  opacity: 1;
  visibility: visible;
  transform: translateX(-50%) translateY(0);
  pointer-events: all;
}
.dropdown {
  position: absolute;
  top: calc(100% + 2px);
  left: 50%;
  transform: translateX(-50%) translateY(-10px);
  min-width: 240px;
  background: #FDFAF5;
  border: 1px solid rgba(201,169,110,.16);
  border-top: 2px solid #C9A96E;
  border-radius: 0 0 6px 6px;
  box-shadow: 0 20px 55px rgba(26,18,8,.12), 0 4px 14px rgba(26,18,8,.05);
  padding: 8px 0 12px;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity .28s ease, transform .28s ease, visibility .28s;
  z-index: 900;
}
/* Diamond notch */
.dropdown::before {
  content: '';
  position: absolute;
  top: -6px;
  left: 50%;
  transform: translateX(-50%) rotate(45deg);
  width: 10px; height: 10px;
  background: #FDFAF5;
  border-left: 1px solid rgba(201,169,110,.16);
  border-top: 1px solid rgba(201,169,110,.16);
}
.dropdown-head {
  font-family: 'Raleway', sans-serif;
  font-weight: 200;
  font-size: .44rem;
  letter-spacing: .5em;
  text-transform: uppercase;
  color: rgba(184,134,42,.6);
  padding: 8px 20px 10px;
  border-bottom: 1px solid rgba(201,169,110,.07);
  margin-bottom: 4px;
}
.dropdown a {
  display: flex;
  align-items: center;
  padding: 10px 20px;
  font-family: 'Cinzel', serif;
  font-weight: 500;
  font-size: .58rem;
  letter-spacing: .18em;
  text-transform: uppercase;
  color: #2A1E0E;
  text-decoration: none;
  cursor: none;
  position: relative;
  overflow: hidden;
  transition: padding-left .25s ease, filter .25s ease;
}
.dropdown a::before {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, rgba(201,169,110,.07) 0%, transparent 100%);
  transform: scaleX(0);
  transform-origin: left;
  transition: transform .28s ease;
}
.dropdown a::after {
  content: '';
  position: absolute;
  left: 0; top: 18%; bottom: 18%;
  width: 2px;
  background: linear-gradient(180deg, #E8C87A, #C9A96E, #B8862A);
  border-radius: 2px;
  transform: scaleY(0);
  transform-origin: center;
  transition: transform .25s ease;
}
.dropdown a:hover {
  padding-left: 26px;
  background: linear-gradient(135deg, #E8C87A 0%, #C9A96E 35%, #F5E0A0 60%, #B8862A 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  filter: drop-shadow(0 0 6px rgba(201,169,110,.28));
}
.dropdown a:hover::before { transform: scaleX(1); }
.dropdown a:hover::after  { transform: scaleY(1); }

/* ────────────────────────
   RIGHT — Search + Icons
──────────────────────── */
.nav-right {
  display: flex;
  align-items: center;
  gap: 12px;
  justify-self: end;
}
/* Large luxury search */
.nav-search {
  display: flex;
  align-items: center;
  gap: 0;
  width: 260px;
  height: 42px;
  background: #fff;
  border: 1px solid rgba(201,169,110,.22);
  border-radius: 2px;
  padding: 0 14px;
  transition: border-color .3s ease, box-shadow .3s ease;
}
.nav-search:focus-within {
  border-color: #C9A96E;
  box-shadow: 0 0 0 3px rgba(201,169,110,.08);
}
.nav-search-icon {
  width: 16px; height: 16px;
  stroke: #9A8A70;
  fill: none;
  stroke-width: 1.6;
  flex-shrink: 0;
  margin-right: 10px;
  transition: stroke .3s;
}
.nav-search:focus-within .nav-search-icon { stroke: #C9A96E; }
.nav-search input {
  flex: 1;
  border: none;
  outline: none;
  background: transparent;
  font-family: 'Raleway', sans-serif;
  font-weight: 300;
  font-size: .62rem;
  letter-spacing: .14em;
  color: #18140F;
}
.nav-search input::placeholder {
  color: #9A8A70;
  font-weight: 200;
  letter-spacing: .18em;
}
/* Action icon buttons */
.nav-actions {
  display: flex;
  align-items: center;
  gap: 4px;
}
.nav-action-btn {
  width: 40px; height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: none;
  border: none;
  cursor: none;
  color: #58503E;
  position: relative;
  border-radius: 50%;
  transition: color .3s ease, background .3s ease;
}
.nav-action-btn:hover {
  color: #C9A96E;
  background: rgba(201,169,110,.06);
}
.nav-action-btn svg {
  width: 20px; height: 20px;
  stroke: currentColor;
  fill: none;
  stroke-width: 1.5;
}
.nav-cart-btn { position: relative; }
.nav-cart-count {
  position: absolute;
  top: 4px; right: 4px;
  min-width: 16px; height: 16px;
  border-radius: 8px;
  background: #C9A96E;
  color: #18140F;
  font-family: 'Raleway', sans-serif;
  font-size: .4rem;
  font-weight: 600;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 4px;
  line-height: 1;
}

/* ────────────────────────
   HAMBURGER (mobile only)
──────────────────────── */
.nav-hamburger {
  display: none;
  flex-direction: column;
  gap: 5px;
  padding: 8px;
  background: none;
  border: none;
  cursor: none;
  flex-shrink: 0;
}
.nav-hamburger span {
  display: block;
  width: 22px; height: 1.5px;
  background: #18140F;
  border-radius: 1px;
  transition: all .32s ease;
}
.nav-hamburger.open span:nth-child(1) { transform: translateY(6.5px) rotate(45deg); }
.nav-hamburger.open span:nth-child(2) { opacity: 0; transform: scaleX(0); }
.nav-hamburger.open span:nth-child(3) { transform: translateY(-6.5px) rotate(-45deg); }

/* ────────────────────────
   RESPONSIVE
──────────────────────── */
@media(max-width:1200px) {
  .nav-links > li > a { padding: 0 14px; font-size: .57rem; }
  .nav-search { width: 200px; }
}
@media(max-width:1024px) {
  .nav-search { width: 170px; }
  .nav-links > li > a { padding: 0 10px; font-size: .54rem; letter-spacing: .16em; }
  .nav-brand-name { font-size: .78rem; }
}
@media(max-width:900px) {
  .nav-links { display: none; }
  .nav-hamburger { display: flex !important; }
  .nav-inner {
    grid-template-columns: 1fr auto auto;
    height: 68px;
    padding: 0 4vw;
  }
  #nav.scrolled .nav-inner { height: 56px; }
  .nav-brand-logo { height: 46px; }
  #nav.scrolled .nav-brand-logo { height: 36px; }
  .nav-brand-text { display: none; }
  .nav-right { gap: 8px; }
  .nav-search { width: 150px; height: 36px; }
}
@media(max-width:600px) {
  .nav-inner { height: 58px; padding: 0 3.5vw; }
  #nav.scrolled .nav-inner { height: 48px; }
  .nav-brand-logo { height: 40px; }
  .nav-search { display: none; }
}
@media(max-width:480px) {
  .nav-inner { height: 52px; }
  .nav-brand-logo { height: 36px; }
  .nav-actions { gap: 0; }
  .nav-action-btn { width: 36px; height: 36px; }
  .nav-action-btn svg { width: 18px; height: 18px; }
}

/* Athar banner video overlay — text always readable */
.feat-banner-overlay{
  position:absolute;inset:0;z-index:1;
  background:
    linear-gradient(90deg, rgba(8,5,2,.72) 0%, rgba(8,5,2,.28) 52%, rgba(8,5,2,.1) 100%),
    linear-gradient(180deg, rgba(8,5,2,.12) 0%, transparent 40%, rgba(8,5,2,.45) 100%);
}

/* ═══ PERFORMANCE ═══ */
*{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
img{content-visibility:auto}
.prod-card{contain:layout style}
.msk-tile{contain:layout style paint}
.soc-banner{contain:layout style paint}
#coll-page,#prod-popup,#checkout-modal,#cart-modal{contain:layout style}
#bakhur-three{contain:strict}
video{will-change:auto}

/* ═══ LAZY IMAGE PLACEHOLDER ═══ */
img[loading="lazy"]{background:linear-gradient(90deg,#f0ebe0 25%,#e8e0d0 50%,#f0ebe0 75%);
  background-size:200% 100%;animation:shimmer 1.5s infinite}
@keyframes shimmer{0%{background-position:200% 0}100%{background-position:-200% 0}}

/* ══════════════════════════════════════
   MISKARA COLLECTION — Khadlaj style
══════════════════════════════════════ */
.msk-discover{text-align:center;padding:5vh var(--pad,5vw) 2.5vh;background:var(--cream,#FDFAF5)}
.msk-discover-eyebrow{display:flex;align-items:center;justify-content:center;gap:12px;
  font-family:'Cinzel',serif;font-weight:500;font-size:.52rem;letter-spacing:.5em;
  text-transform:uppercase;color:var(--gold,#C9A96E);margin-bottom:1.2rem}
.msk-discover-eyebrow::before,.msk-discover-eyebrow::after{content:'◆';font-size:.4rem;
  color:var(--gold,#C9A96E);opacity:.7}
.msk-discover-title{font-family:'Cinzel',serif;font-weight:600;font-size:clamp(1.1rem,2.5vw,1.8rem);
  letter-spacing:.28em;text-transform:uppercase;color:var(--ink,#18140F);margin:0}
.msk-coll-wrap{display:grid;grid-template-columns:repeat(3,1fr);gap:0;background:var(--cream,#FDFAF5)}
.msk-coll-tile{position:relative;overflow:hidden;cursor:none;aspect-ratio:3/4}
.msk-coll-tile-bg{position:absolute;inset:0;background-size:cover;background-position:center;
  transform:scale(1);transition:transform .7s cubic-bezier(.25,.46,.45,.94);will-change:transform}
.msk-coll-tile:hover .msk-coll-tile-bg{transform:scale(1.05)}
.msk-coll-tile-shade{position:absolute;inset:0;
  background:linear-gradient(to bottom,rgba(0,0,0,.03) 0%,rgba(0,0,0,.12) 45%,rgba(0,0,0,.72) 100%)}
.msk-coll-tile-body{position:absolute;bottom:0;left:0;right:0;padding:2rem 2rem 2.5rem;z-index:2;
  transition:transform .4s ease}
.msk-coll-tile:hover .msk-coll-tile-body{transform:translateY(-6px)}
.msk-coll-tile-label{font-family:'Raleway',sans-serif;font-weight:200;font-size:.42rem;
  letter-spacing:.5em;text-transform:uppercase;color:rgba(201,169,110,.75);
  margin-bottom:.5rem;display:block}
.msk-coll-tile-name{font-family:'Cinzel',serif;font-weight:600;font-size:clamp(1.1rem,2vw,1.7rem);
  letter-spacing:.08em;color:#F4E8CC;line-height:1.1;margin:0 0 .8rem}
.msk-coll-tile-btn{display:inline-flex;align-items:center;gap:8px;font-family:'Raleway',sans-serif;
  font-weight:300;font-size:.52rem;letter-spacing:.38em;text-transform:uppercase;color:#F4E8CC;
  border:1px solid rgba(201,169,110,.55);padding:.55rem 1.6rem;
  transition:background .3s,border-color .3s,color .3s,gap .3s;background:none;cursor:none}
.msk-coll-tile:hover .msk-coll-tile-btn{background:rgba(201,169,110,.15);
  border-color:rgba(201,169,110,.9);color:#E8C87A;gap:14px}
@media(max-width:700px){.msk-coll-wrap{grid-template-columns:1fr}.msk-coll-tile{aspect-ratio:4/3}}
/* Collection full page */
#msk-coll-athar-page,#msk-coll-body-page,#msk-coll-bakhur-page{position:fixed;inset:0;z-index:800;
  background:var(--cream,#FDFAF5);overflow-y:auto;opacity:0;visibility:hidden;pointer-events:none;
  transition:opacity .45s ease,visibility .45s}
#msk-coll-athar-page.open,#msk-coll-body-page.open,#msk-coll-bakhur-page.open{
  opacity:1;visibility:visible;pointer-events:all}
.coll-pg-header{position:sticky;top:0;z-index:10;background:rgba(253,250,245,.96);
  backdrop-filter:blur(12px);border-bottom:1px solid rgba(201,169,110,.15);
  display:flex;align-items:center;justify-content:space-between;padding:1.6vh 4vw}
.coll-pg-title{font-family:'Cinzel',serif;font-weight:600;font-size:.9rem;letter-spacing:.22em;
  text-transform:uppercase;background:linear-gradient(135deg,#E8C87A,#C9A96E,#F0D898,#B8862A);
  -webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.coll-pg-close{background:none;border:none;cursor:none;font-family:'Raleway',sans-serif;
  font-weight:200;font-size:.58rem;letter-spacing:.3em;text-transform:uppercase;
  color:var(--mid,#6B5B4E);display:flex;align-items:center;gap:8px;padding:8px 12px}
.coll-pg-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));
  gap:2px;padding:3vh 3vw;background:rgba(201,169,110,.08)}
.coll-card-item{background:var(--cream,#FDFAF5);display:flex;flex-direction:column;
  transition:transform .3s ease,box-shadow .3s ease;cursor:none}
.coll-card-item:hover{transform:translateY(-4px);box-shadow:0 12px 40px rgba(0,0,0,.1)}
.coll-card-img{aspect-ratio:1/1.2;overflow:hidden;background:#F0EBE0;position:relative}
.coll-card-img img{width:100%;height:100%;object-fit:cover;transition:transform .6s ease}
.coll-card-item:hover .coll-card-img img{transform:scale(1.04)}
.coll-card-info{padding:1.2rem 1.4rem 1.6rem}
.coll-card-frag{font-family:'Cinzel',serif;font-weight:500;font-size:.62rem;
  letter-spacing:.18em;color:var(--ink,#18140F);margin-bottom:.3rem}
.coll-card-type{font-family:'Raleway',sans-serif;font-weight:200;font-size:.5rem;
  letter-spacing:.3em;text-transform:uppercase;color:var(--gold,#C9A96E);margin-bottom:.8rem}
.coll-card-size{font-family:'Raleway',sans-serif;font-size:.5rem;
  color:var(--mid,#6B5B4E);margin-bottom:1rem}
.coll-card-add{width:100%;padding:12px;border:1px solid rgba(201,169,110,.5);
  background:none;font-family:'Raleway',sans-serif;font-weight:300;font-size:.52rem;
  letter-spacing:.32em;text-transform:uppercase;color:var(--ink,#18140F);cursor:none;
  transition:background .3s,border-color .3s,color .3s}
.coll-card-add:hover{background:var(--ink,#18140F);color:var(--gold,#C9A96E);
  border-color:var(--ink,#18140F)}
.coll-card-cs{background:var(--cream,#FDFAF5);display:flex;flex-direction:column;position:relative}
.coll-card-cs-img{aspect-ratio:1/1.2;overflow:hidden;position:relative}
.coll-card-cs-img img{width:100%;height:100%;object-fit:cover;filter:blur(8px);transform:scale(1.08)}
.coll-card-cs-badge{position:absolute;inset:0;display:flex;flex-direction:column;
  align-items:center;justify-content:center;gap:.6rem}
.coll-card-cs-badge span{font-family:'Cinzel',serif;font-weight:500;font-size:.62rem;
  letter-spacing:.3em;text-transform:uppercase;color:#F4E8CC;
  background:rgba(0,0,0,.45);padding:.4rem 1rem}
.coll-card-cs-name{padding:.8rem 1.4rem .6rem;font-family:'Cinzel',serif;font-weight:500;
  font-size:.62rem;letter-spacing:.15em;color:var(--ink,#18140F);opacity:.4}
.coll-card-cs-type{padding:0 1.4rem 1.2rem;font-family:'Raleway',sans-serif;font-weight:200;
  font-size:.5rem;letter-spacing:.3em;text-transform:uppercase;
  color:var(--gold,#C9A96E);opacity:.5}
/* Coming soon pages */
.cs-page{min-height:100vh;background:#0D0A06;display:flex;flex-direction:column;
  align-items:center;justify-content:center;position:relative;overflow:hidden;padding:6vh 5vw}
.cs-page-bg{position:absolute;inset:0;background-size:cover;background-position:center;
  opacity:.18;filter:blur(3px)}
.cs-page-inner{position:relative;z-index:1;text-align:center;max-width:700px}
.cs-page-eye{font-family:'Raleway',sans-serif;font-weight:200;font-size:.44rem;
  letter-spacing:.6em;text-transform:uppercase;color:rgba(201,169,110,.6);margin-bottom:1.2rem}
.cs-page-title{font-family:'Cinzel',serif;font-weight:600;font-size:clamp(2rem,5vw,4rem);
  letter-spacing:.18em;background:linear-gradient(135deg,#E8C87A 0%,#C9A96E 40%,#F0D898 70%,#B8862A 100%);
  -webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;
  display:block;margin-bottom:1.4rem;filter:drop-shadow(0 0 24px rgba(201,169,110,.3))}
.cs-page-sub{font-family:'Cormorant Garamond',serif;font-style:italic;
  font-size:clamp(1rem,2vw,1.5rem);color:rgba(244,232,204,.55);margin-bottom:3rem;line-height:1.8}
.cs-page-line{width:60px;height:1px;background:linear-gradient(90deg,transparent,rgba(201,169,110,.5),transparent);
  margin:0 auto 2.5rem}
.cs-notify-form{display:flex;gap:0;max-width:420px;margin:0 auto}
.cs-notify-input{flex:1;padding:14px 18px;background:rgba(255,255,255,.06);
  border:1px solid rgba(201,169,110,.3);border-right:none;font-family:'Raleway',sans-serif;
  font-weight:200;font-size:.58rem;letter-spacing:.1em;color:#F4E8CC;outline:none}
.cs-notify-input::placeholder{color:rgba(244,232,204,.35)}
.cs-notify-btn{padding:14px 22px;background:rgba(201,169,110,.15);
  border:1px solid rgba(201,169,110,.5);font-family:'Raleway',sans-serif;font-weight:300;
  font-size:.52rem;letter-spacing:.3em;text-transform:uppercase;color:#E8C87A;cursor:none;
  transition:background .3s,border-color .3s}
.cs-notify-btn:hover{background:rgba(201,169,110,.3);border-color:rgba(201,169,110,.8)}
.cs-ornament{font-family:'Cinzel',serif;font-size:1.2rem;color:rgba(201,169,110,.2);
  letter-spacing:.5em;margin-top:3rem}
/* Founder pages */
.founder-page{min-height:100vh;background:var(--cream,#FDFAF5);display:flex;
  align-items:center;padding:8vh 6vw;position:relative}
.founder-placeholder{width:100%;max-width:1100px;margin:0 auto;
  display:grid;grid-template-columns:1fr 1fr;gap:6vw;align-items:center}
.founder-img-slot{aspect-ratio:3/4;background:linear-gradient(145deg,#EDE8DD,#D6C9A8);
  display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}
.founder-img-slot::after{content:'';position:absolute;inset:0;
  background:linear-gradient(135deg,rgba(201,169,110,.08),transparent)}
.founder-img-placeholder{font-family:'Cinzel',serif;font-weight:400;font-size:.6rem;
  letter-spacing:.4em;text-transform:uppercase;color:rgba(139,101,20,.4);
  text-align:center;padding:2rem}
.founder-text{padding:2rem 0}
.founder-eyebrow{font-family:'Raleway',sans-serif;font-weight:200;font-size:.44rem;
  letter-spacing:.55em;text-transform:uppercase;color:var(--gold,#C9A96E);margin-bottom:1rem}
.founder-heading{font-family:'Cinzel',serif;font-weight:600;font-size:clamp(1.6rem,3vw,2.8rem);
  letter-spacing:.1em;color:var(--ink,#18140F);line-height:1.2;margin-bottom:1.5rem}
.founder-rule{width:48px;height:1px;background:linear-gradient(90deg,var(--gold,#C9A96E),transparent);
  margin-bottom:1.8rem}
.founder-body{font-family:'Cormorant Garamond',serif;font-size:1.05rem;line-height:1.95;
  color:#5A4A3A;margin-bottom:1.8rem}
.founder-quote{font-family:'Cormorant Garamond',serif;font-style:italic;font-size:1.2rem;
  line-height:1.8;color:var(--gold,#C9A96E);border-left:2px solid rgba(201,169,110,.35);
  padding-left:1.5rem}
@media(max-width:800px){.founder-placeholder{grid-template-columns:1fr}}

*,*::before,*::after{box-sizing:border-box}
html,body{margin:0;padding:0;min-height:100vh;background:var(--cream,#FAF6F0);position:relative}
.ph{position:sticky;top:0;z-index:200;background:rgba(253,250,245,.97);
  -webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);
  border-bottom:1px solid rgba(201,169,110,.14);
  display:flex;align-items:center;justify-content:space-between;padding:1.4vh 5vw;gap:1rem}
.back-btn{display:inline-flex;align-items:center;gap:8px;font-family:Raleway,sans-serif;
  font-weight:200;font-size:.55rem;letter-spacing:.32em;text-transform:uppercase;
  color:var(--mid,#5A4E3C);background:none;border:none;cursor:pointer;
  padding:8px 0;transition:color .25s;white-space:nowrap}
.back-btn:hover{color:var(--ink,#1A1208)}
.ph-center{text-align:center;flex:1}
.ph-title{font-family:Cinzel,serif;font-weight:600;font-size:clamp(.7rem,1.8vw,.95rem);
  letter-spacing:.24em;text-transform:uppercase;
  background:linear-gradient(135deg,#E8C87A,#C9A96E,#F0D898,#B8862A);
  -webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;
  display:block;margin-bottom:.2rem}
.ph-sub{font-family:Raleway,sans-serif;font-weight:200;font-size:.46rem;
  letter-spacing:.32em;text-transform:uppercase;color:var(--mid,#5A4E3C);opacity:.7}
.cart-btn{display:inline-flex;align-items:center;gap:8px;white-space:nowrap;
  font-family:Raleway,sans-serif;font-weight:200;font-size:.52rem;
  letter-spacing:.22em;text-transform:uppercase;color:var(--mid,#5A4E3C);
  background:none;border:1px solid rgba(201,169,110,.35);padding:7px 14px;
  cursor:pointer;transition:border-color .3s,color .3s}
.cart-btn:hover{border-color:rgba(201,169,110,.9);color:var(--gold,#C9A96E)}
#cart-count{color:var(--gold,#C9A96E);font-family:Cinzel,serif}
#pg-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));
  gap:2px;padding:3vh 3vw;background:rgba(201,169,110,.07);
  position:relative;z-index:1;min-height:70vh}
.pc-card{background:var(--cream,#FAF6F0);display:flex;flex-direction:column;
  transition:transform .3s var(--e,ease),box-shadow .3s;contain:layout style}
.pc-card.active{cursor:pointer}
.pc-card.active:hover{transform:translateY(-4px);box-shadow:0 16px 48px rgba(0,0,0,.1)}
.pc-card.cs{cursor:default}
.pc-img{aspect-ratio:1/1.2;overflow:hidden;background:#EDE8DF;position:relative}
.pc-img img{width:100%;height:100%;object-fit:cover;transition:transform .6s var(--e,ease)}
.pc-card.active:hover .pc-img img{transform:scale(1.04)}
.pc-cs-ov{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;
  background:rgba(0,0,0,.32);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
.pc-cs-badge{font-family:Cinzel,serif;font-weight:500;font-size:.6rem;
  letter-spacing:.35em;text-transform:uppercase;color:#F4E8CC;
  border:1px solid rgba(244,232,204,.4);padding:.45rem 1.1rem}
.pc-info{padding:1.4rem 1.6rem 1.8rem;display:flex;flex-direction:column;gap:.4rem}
.pc-name{font-family:Cinzel,serif;font-weight:500;font-size:.72rem;
  letter-spacing:.16em;color:var(--ink,#1A1208)}
.pc-notes{font-family:Raleway,sans-serif;font-weight:200;font-size:.5rem;
  letter-spacing:.22em;text-transform:uppercase;color:var(--gold,#C9A96E)}
.pc-mood{font-family:"Cormorant Garamond",serif;font-style:italic;
  font-size:.82rem;color:var(--mid,#5A4E3C);opacity:.75}
.pc-meta{display:flex;justify-content:space-between;align-items:center;margin-top:.4rem}
.pc-size{font-family:Raleway,sans-serif;font-weight:200;font-size:.5rem;
  letter-spacing:.2em;color:var(--lt,#9A8A70)}
.pc-price{font-family:Cinzel,serif;font-weight:500;font-size:.72rem;color:var(--gold,#C9A96E)}
.pc-btn{margin-top:.8rem;width:100%;padding:12px;
  border:1px solid rgba(201,169,110,.45);background:none;
  font-family:Raleway,sans-serif;font-weight:300;font-size:.5rem;
  letter-spacing:.32em;text-transform:uppercase;color:var(--ink,#1A1208);
  cursor:pointer;transition:background .3s,border-color .3s,color .3s}
.pc-btn:hover{background:var(--ink,#1A1208);color:var(--gold,#C9A96E);border-color:var(--ink,#1A1208)}
#cart-ov{position:fixed;inset:0;z-index:599;background:rgba(0,0,0,.42);
  opacity:0;visibility:hidden;transition:opacity .35s,visibility .35s}
#cart-ov.open{opacity:1;visibility:visible}
#cart-side{position:fixed;right:0;top:0;bottom:0;width:min(400px,95vw);
  background:var(--cream,#FAF6F0);z-index:600;overflow-y:auto;
  transform:translateX(100%);transition:transform .42s cubic-bezier(.25,.46,.45,.94);
  box-shadow:-6px 0 40px rgba(0,0,0,.12);display:flex;flex-direction:column}
#cart-side.open{transform:translateX(0)}
.cart-hd{display:flex;align-items:center;justify-content:space-between;
  padding:1.6rem 2rem;border-bottom:1px solid rgba(201,169,110,.15);
  position:sticky;top:0;background:var(--cream,#FAF6F0);z-index:1}
.cart-hd-title{font-family:Cinzel,serif;font-weight:500;font-size:.72rem;letter-spacing:.2em}
.cart-close{background:none;border:none;cursor:pointer;
  font-size:1.2rem;color:var(--mid,#5A4E3C);line-height:1;padding:4px 8px;transition:color .2s}
.cart-close:hover{color:var(--ink,#1A1208)}
#cart-body{padding:1.5rem 2rem;flex:1}
.cart-empty-msg{font-family:Raleway,sans-serif;font-weight:200;
  color:var(--mid,#5A4E3C);font-size:.6rem;letter-spacing:.2em;
  text-align:center;padding:3rem 0}
.cart-item{display:flex;gap:1rem;padding:1rem 0;border-bottom:1px solid rgba(201,169,110,.1)}
.cart-item-img{width:58px;height:68px;object-fit:cover;flex-shrink:0}
.cart-item-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:.3rem}
.cart-item-name{font-family:Cinzel,serif;font-size:.56rem;letter-spacing:.1em;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cart-item-type{font-family:Raleway,sans-serif;font-weight:200;font-size:.5rem;
  letter-spacing:.2em;color:var(--mid,#5A4E3C)}
.cart-item-row{display:flex;justify-content:space-between;align-items:center}
.cart-item-price{font-family:Raleway,sans-serif;font-size:.55rem;color:var(--gold,#C9A96E)}
.cart-item-remove{background:none;border:none;cursor:pointer;
  color:var(--mid,#5A4E3C);font-size:.8rem;padding:4px;line-height:1;transition:color .2s}
.cart-item-remove:hover{color:#c0392b}
.cart-ft{padding:1.5rem 2rem;border-top:1px solid rgba(201,169,110,.15);
  position:sticky;bottom:0;background:var(--cream,#FAF6F0);display:none}
.cart-total-row{display:flex;justify-content:space-between;align-items:center;
  margin-bottom:1.2rem;font-family:Cinzel,serif;font-size:.65rem;letter-spacing:.15em}
#cart-total{color:var(--gold,#C9A96E)}
.checkout-btn{width:100%;padding:14px;background:var(--ink,#1A1208);
  color:var(--gold,#C9A96E);border:none;cursor:pointer;
  font-family:Cinzel,serif;font-size:.58rem;letter-spacing:.3em;transition:background .3s}
.checkout-btn:hover{background:#2A1F0E}
#toast{position:fixed;bottom:32px;left:50%;
  transform:translateX(-50%) translateY(20px);
  background:var(--ink,#1A1208);color:var(--gold,#C9A96E);
  font-family:Raleway,sans-serif;font-weight:300;font-size:.52rem;
  letter-spacing:.2em;padding:13px 26px;
  opacity:0;transition:opacity .4s,transform .4s;
  pointer-events:none;z-index:999}
#toast.show{opacity:1;transform:translateX(-50%) translateY(0)}
@media(max-width:600px){
  #pg-grid{grid-template-columns:repeat(2,1fr);padding:2vw;gap:1px}
  .pc-info{padding:1rem 1.1rem 1.4rem}
  .ph{padding:1.2vh 4vw}}

/* ══ CURSOR ══ */
#cd{
  position:fixed;top:0;left:0;
  width:10px;height:10px;
  background:#C9A96E;
  border-radius:50%;
  pointer-events:none;
  z-index:99999;
  transform:translate(-50%,-50%);
  box-shadow:0 0 12px rgba(201,169,110,.9),0 0 24px rgba(201,169,110,.4);
  will-change:transform;
  transition:background .2s ease,box-shadow .2s ease,width .2s ease,height .2s ease;
  mix-blend-mode:normal;
}
#cr{
  position:fixed;top:0;left:0;
  width:42px;height:42px;
  border:1.5px solid rgba(201,169,110,.6);
  border-radius:50%;
  pointer-events:none;
  z-index:99998;
  transform:translate(-50%,-50%);
  will-change:transform;
  transition:width .3s ease,height .3s ease,border-color .25s ease,opacity .25s ease;
  background:transparent;
}
#cr.big{width:64px;height:64px;border-color:rgba(201,169,110,.9)}
/* white on dark bg */
body.cur-dk #cd{background:#fff;box-shadow:0 0 14px rgba(255,255,255,.8),0 0 28px rgba(255,255,255,.3)}
body.cur-dk #cr{border-color:rgba(255,255,255,.6)}
body.cur-dk #cr.big{border-color:#fff}
/* touch — hide custom cursor, restore native */
@media(hover:none) and (pointer:coarse){
  #cd,#cr{display:none!important}
  body{cursor:auto!important}
}

@keyframes starsScroll {
  from { transform:translateY(0); }
  to   { transform:translateY(-2000px); }
}

/* ══ STARS BACKGROUND ══ */
html, body {
  background:#000 !important;
  color:var(--ink,#1A1208);
}
#stars-bg {
  position:fixed; inset:0; z-index:0; pointer-events:none;
  overflow:hidden;
  background:radial-gradient(ellipse at bottom, #1a1a1a 0%, #000 100%);
}
.star-layer {
  position:absolute; top:0; left:0; width:100%; height:200%;
  will-change:transform;
}
/* Content above stars */
.ph, #pg-grid, #toast, #cart-ov, #cart-side { position:relative; z-index:1; }

/* Athar product cards — semi-transparent dark to show stars */
.pc-card.active {
  background:rgba(10,7,3,0.82) !important;
  backdrop-filter:blur(10px);
  -webkit-backdrop-filter:blur(10px);
  border:1px solid rgba(201,169,110,.15);
}
.pc-card.active:hover {
  background:rgba(18,12,5,0.92) !important;
  border-color:rgba(201,169,110,.35);
  box-shadow:0 16px 48px rgba(0,0,0,.6) !important;
}
.pc-card.cs {
  background:rgba(10,7,3,0.6) !important;
  backdrop-filter:blur(8px);
  -webkit-backdrop-filter:blur(8px);
  border:1px solid rgba(201,169,110,.1);
}
.pc-name { color:#F4E8CC !important; }
.pc-notes { color:rgba(201,169,110,.8) !important; }
.pc-mood { color:rgba(244,232,204,.45) !important; }
.pc-size { color:rgba(244,232,204,.45) !important; }
.pc-price { color:var(--gold,#C9A96E) !important; }
.pc-btn {
  border-color:rgba(201,169,110,.4) !important;
  color:#F4E8CC !important;
}
.pc-btn:hover {
  background:rgba(201,169,110,.18) !important;
  color:#E8C87A !important;
  border-color:rgba(201,169,110,.9) !important;
}
.pc-cs-badge { border-color:rgba(244,232,204,.3) !important; }

/* Header on dark bg */
.ph {
  background:rgba(5,3,1,0.88) !important;
  border-bottom-color:rgba(201,169,110,.2) !important;
  -webkit-backdrop-filter:blur(12px);
  backdrop-filter:blur(12px);
}
.ph-title { color:#E8C87A !important; -webkit-text-fill-color:#E8C87A !important; }
.back-btn { color:rgba(201,169,110,.7) !important; }
.cart-btn { color:rgba(201,169,110,.6) !important; border-color:rgba(201,169,110,.3) !important; }
#cart-count { color:var(--gold,#C9A96E) !important; }

/* Cart panel dark */
#cart-side, .cart-hd, .cart-ft {
  background:#0A0703 !important;
}
.cart-hd { border-bottom-color:rgba(201,169,110,.15) !important; }
.cart-hd-title { color:#F4E8CC !important; }
.cart-close { color:rgba(201,169,110,.6) !important; }
.cart-empty-msg { color:rgba(244,232,204,.4) !important; }
.cart-item-name { color:#F4E8CC !important; }
.cart-item-type { color:rgba(201,169,110,.6) !important; }
.cart-item-price { color:var(--gold,#C9A96E) !important; }
#cart-total { color:var(--gold,#C9A96E) !important; }
.checkout-btn { background:rgba(201,169,110,.15) !important; color:#E8C87A !important; }
.checkout-btn:hover { background:rgba(201,169,110,.3) !important; }

/* Grid background transparent */
#pg-grid { background:transparent !important; }
#toast { background:rgba(5,3,1,0.9) !important; }
/* ════ TOKENS ════ */
:root{
  --gold:#C9A96E; --gold2:#B8862A; --dark:#8B6514;
  --ink:#1A1208; --mid:#5A4E3C; --lt:#9A8A70;
  --cream:#FAF6F0; --warm:#F2E9DC;
  --border:rgba(139,101,20,.12);
  --e:cubic-bezier(.25,.46,.45,.94);
}
*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased}
body{background:var(--cream);color:var(--ink);font-family:'Raleway',sans-serif;cursor:none;overflow-x:hidden}

/* ════ CURSOR ════ */

/* ════ ENTRANCE ════ */
#entrance{position:fixed;inset:0;z-index:1000;background:#000;overflow:hidden;transition:opacity 1.6s ease,visibility 1.6s}
#entrance.out{opacity:0;visibility:hidden;pointer-events:none}
#ev{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:1}
#eo{position:absolute;inset:0;z-index:2;background:linear-gradient(180deg,transparent 0%,transparent 52%,rgba(4,2,0,.45) 76%,rgba(4,2,0,.82) 100%);pointer-events:none}
.e-cta-wrap{position:absolute;bottom:8vh;left:0;right:0;z-index:5;display:flex;justify-content:center}
.e-btn{
  padding:16px 58px;background:rgba(12,8,3,.78);color:var(--gold);
  font-family:'Raleway',sans-serif;font-weight:300;font-size:.68rem;
  letter-spacing:.52em;text-transform:uppercase;
  border:1px solid rgba(201,169,110,.3);cursor:none;
  opacity:0;transform:translateY(10px);
  transition:opacity .9s ease .6s,transform .9s ease .6s,
              background .4s,border-color .4s;
  position:relative;overflow:hidden;
  backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);
}
.e-btn::before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(201,169,110,.09),transparent);transform:translateX(-100%);transition:transform .75s}
.e-btn:hover::before{transform:translateX(100%)}
.e-btn.in{opacity:1;transform:translateY(0)}
.e-btn:hover{background:rgba(20,13,5,.9);border-color:rgba(201,169,110,.6)}

/* ════ ANNOUNCEMENT BAR ════ */

/* ════ NAV ════ */

/* logo */

/* nav links */

/* dropdown */

/* nav right icons */

/* ════ MAIN ════ */
#main{opacity:0;transition:opacity .8s ease}
#main.in{opacity:1}

/* ════ HERO VIDEO BANNER ════ */
.hero-banner{position:relative;height:100vh;min-height:600px;overflow:hidden;background:#0D0A06}
.hero-vid{width:100%;height:100%;object-fit:cover;opacity:.72}
.hero-overlay{position:absolute;inset:0;z-index:2;background:linear-gradient(135deg,rgba(6,4,1,.72) 0%,rgba(6,4,1,.18) 52%,rgba(6,4,1,.35) 100%),linear-gradient(180deg,rgba(6,4,1,.05) 0%,transparent 50%,rgba(6,4,1,.6) 100%)}
.hero-content{
  position:absolute;inset:0;display:flex;flex-direction:column;
  justify-content:center;padding:0 8vw;max-width:600px;
}
.hero-label{
  font-family:'Raleway',sans-serif;font-weight:100;
  font-size:.58rem;letter-spacing:.55em;text-transform:uppercase;
  color:rgba(201,169,110,.7);margin-bottom:1.4rem;
}
.hero-h1{
  font-family:'Cormorant Garamond',serif;font-weight:300;
  font-size:clamp(3rem,6vw,6.5rem);line-height:.95;
  color:#F4E8CC;margin-bottom:1.6rem;
}
.hero-h1 em{font-style:italic;color:var(--gold);display:block}
.hero-sub{
  font-family:'Raleway',sans-serif;font-weight:200;
  font-size:.76rem;line-height:2.3;letter-spacing:.07em;
  color:rgba(244,232,204,.55);max-width:360px;margin-bottom:2.4rem;
}
.hero-btns{display:flex;gap:12px;flex-wrap:wrap}
.btn-hero{
  padding:14px 40px;
  font-family:'Raleway',sans-serif;font-weight:300;
  font-size:.6rem;letter-spacing:.4em;text-transform:uppercase;
  cursor:none;position:relative;overflow:hidden;
  transition:all .35s var(--e);
}
.btn-hero.solid{background:var(--gold);color:var(--ink);border:1px solid var(--gold)}
.btn-hero.solid:hover{background:var(--gold2);transform:translateY(-2px)}
.btn-hero.outline{background:transparent;color:#F4E8CC;border:1px solid rgba(244,232,204,.4)}
.btn-hero.outline:hover{border-color:#F4E8CC;background:rgba(244,232,204,.06);transform:translateY(-2px)}

/* ════ SECTION COMMON ════ */
.sec{padding:7vh 5vw}

/* Product grid */
.prod-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:1px;background:var(--border);
}
.prod-card{
  background:var(--cream);padding:0;cursor:none;
  transition:all .4s var(--e);position:relative;overflow:hidden;
}
.prod-card:hover{z-index:2;box-shadow:0 8px 36px rgba(26,18,8,.12)}
.prod-card-img{
  position:relative;overflow:hidden;
  background:#F5EFEA;aspect-ratio:3/4;
  display:flex;align-items:center;justify-content:center;
}
.prod-card-img img{
  width:100%;height:100%;object-fit:contain;
  padding:8px;
  transition:transform .5s var(--e);
}
.prod-card:hover .prod-card-img img{transform:scale(1.06)}
.prod-badge{
  position:absolute;top:12px;left:12px;z-index:2;
  background:var(--ink);color:var(--gold);
  font-family:'Raleway',sans-serif;font-weight:300;
  font-size:.46rem;letter-spacing:.32em;text-transform:uppercase;
  padding:4px 10px;
}
.prod-badge.new{background:var(--gold);color:var(--ink)}
.prod-card-info{padding:12px 16px 16px}

.prod-price .cur{font-size:.7rem;font-weight:300;color:var(--lt);letter-spacing:.18em;text-transform:uppercase;margin-right:3px}

/* Wishlist on card */
.prod-wish{
  position:absolute;top:12px;right:12px;z-index:3;
  width:32px;height:32px;border-radius:50%;
  background:rgba(255,255,255,.85);border:1px solid var(--border);
  display:flex;align-items:center;justify-content:center;
  cursor:none;transition:all .3s;opacity:0;
}
.prod-card:hover .prod-wish{opacity:1}
.prod-wish:hover{background:var(--gold);border-color:var(--gold)}
.prod-wish svg{width:14px;height:14px;stroke:var(--mid);fill:none;stroke-width:1.6;transition:stroke .3s}
.prod-wish:hover svg{stroke:var(--ink)}

/* ════ FEATURED BANNER (between sections) ════ */
.feat-banner{
  position:relative;height:55vh;overflow:hidden;
  display:flex;align-items:center;
}
.feat-banner img,.feat-banner-bg{
  position:absolute;inset:0;width:100%;height:100%;
  object-fit:cover;transition:transform .8s var(--e);
}
.feat-banner:hover .feat-banner-bg{transform:scale(1.04)}
.feat-banner-bg{
  background:linear-gradient(135deg,#1A1208 0%,#2C1E0A 100%);
}

.feat-banner-content{position:relative;z-index:2;padding:0 8vw}
.feat-b-tag{font-family:'Raleway',sans-serif;font-weight:100;font-size:.55rem;letter-spacing:.55em;text-transform:uppercase;color:rgba(201,169,110,.65);margin-bottom:1.2rem}
.feat-b-title{font-family:'Cormorant Garamond',serif;font-weight:300;font-size:clamp(2.5rem,5vw,5rem);line-height:.96;color:#F4E8CC;margin-bottom:1.4rem}
.feat-b-title em{font-style:italic;color:var(--gold);display:block}
.btn-feat{
  display:inline-block;padding:13px 36px;
  background:var(--gold);color:var(--ink);
  font-family:'Raleway',sans-serif;font-weight:300;
  font-size:.58rem;letter-spacing:.38em;text-transform:uppercase;
  text-decoration:none;cursor:none;border:1px solid var(--gold);
  transition:background .35s,transform .3s;
}
.btn-feat:hover{background:var(--gold2);transform:translateY(-2px)}

/* ════ COLLECTION GRID (2 or 3 col) ════ */
.coll-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px}
.coll-card{
  position:relative;overflow:hidden;cursor:none;
  aspect-ratio:3/4;background:#EDE6D8;
  display:flex;align-items:flex-end;
}
.coll-card-bg{
  position:absolute;inset:0;width:100%;height:100%;
  object-fit:cover;transition:transform .7s var(--e);
}
.coll-card:hover .coll-card-bg{transform:scale(1.06)}
.coll-card-overlay{
  position:absolute;inset:0;
  background:linear-gradient(180deg,transparent 40%,rgba(12,8,3,.72) 100%);
  z-index:1;
}
.coll-card-content{position:relative;z-index:2;padding:22px 24px;width:100%}
.coll-card-label{
  font-family:'Raleway',sans-serif;font-weight:100;
  font-size:.5rem;letter-spacing:.44em;text-transform:uppercase;
  color:rgba(201,169,110,.7);margin-bottom:.5rem;
}
.coll-card-name{
  font-family:'Cormorant Garamond',serif;font-weight:400;
  font-size:1.22rem;letter-spacing:.08em;color:#F4E8CC;
  margin-bottom:1rem;line-height:1.2;
}
.btn-coll{
  display:inline-block;padding:8px 20px;
  background:transparent;color:#F4E8CC;
  font-family:'Raleway',sans-serif;font-weight:200;
  font-size:.52rem;letter-spacing:.34em;text-transform:uppercase;
  border:1px solid rgba(244,232,204,.4);cursor:none;
  transition:background .3s,border-color .3s;
}
.btn-coll:hover{background:rgba(201,169,110,.14);border-color:var(--gold);color:var(--gold)}

/* ════ MARQUEE ════ */
.marquee{overflow:hidden;padding:2.8vh 0;background:var(--ink);border-top:1px solid rgba(201,169,110,.08);border-bottom:1px solid rgba(201,169,110,.08)}
.marquee-t{display:flex;white-space:nowrap;animation:mar 28s linear infinite}
.marquee-t:hover{animation-play-state:paused}
.mw{font-family:'Cormorant Garamond',serif;font-style:italic;font-size:clamp(.85rem,1.5vw,1.1rem);color:rgba(201,169,110,.35);letter-spacing:.18em;padding:0 2.2rem}
.ms{color:rgba(201,169,110,.28);font-size:.35rem;vertical-align:middle;margin:0 .5rem}
@keyframes mar{from{transform:translateX(0)}to{transform:translateX(-50%)}}

/* ════ CHECKOUT MODAL ════ */
#cart-modal{
  position:fixed;inset:0;z-index:800;
  display:flex;align-items:stretch;justify-content:flex-end;
  pointer-events:none;
}
#cart-modal.open{pointer-events:all}
#cart-backdrop{
  position:absolute;inset:0;background:rgba(10,6,2,.45);
  opacity:0;transition:opacity .35s;cursor:none;
}
#cart-modal.open #cart-backdrop{opacity:1}
#cart-panel{
  position:relative;z-index:2;
  width:420px;max-width:100vw;background:var(--cream);
  display:flex;flex-direction:column;
  transform:translateX(100%);transition:transform .42s var(--e);
  height:100vh;overflow:hidden;
}
#cart-modal.open #cart-panel{transform:translateX(0)}
.cart-head{
  display:flex;align-items:center;justify-content:space-between;
  padding:20px 24px;border-bottom:1px solid var(--border);
  flex-shrink:0;
}
.cart-head-title{
  font-family:'Cinzel',serif;font-size:.95rem;
  letter-spacing:.32em;color:var(--ink);
}
.cart-close{
  width:36px;height:36px;display:flex;align-items:center;justify-content:center;
  cursor:none;transition:color .3s;color:var(--mid);
}
.cart-close:hover{color:var(--gold)}
.cart-close svg{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:1.5}
.cart-body{flex:1;overflow-y:auto;padding:20px 24px}
.cart-empty{
  display:flex;flex-direction:column;align-items:center;
  justify-content:center;height:100%;gap:18px;text-align:center;
}
.cart-empty svg{width:56px;height:56px;stroke:rgba(139,101,20,.25);fill:none;stroke-width:1}
.cart-empty-title{font-family:'Cinzel',serif;font-size:.88rem;letter-spacing:.3em;color:var(--lt)}
.cart-empty-sub{font-family:'Raleway',sans-serif;font-weight:200;font-size:.7rem;color:var(--lt);letter-spacing:.1em}
.cart-item{
  display:grid;grid-template-columns:80px 1fr auto;
  gap:14px;padding:16px 0;border-bottom:1px solid var(--border);
  align-items:center;
}
.cart-item-img{
  aspect-ratio:1;background:#F0E8DC;overflow:hidden;
  display:flex;align-items:center;justify-content:center;
}
.cart-item-img img{width:100%;height:100%;object-fit:contain;padding:6px}
.cart-item-name{font-family:'Cormorant Garamond',serif;font-size:.95rem;letter-spacing:.06em;color:var(--ink);margin-bottom:.3rem}
.cart-item-cat{font-family:'Raleway',sans-serif;font-weight:100;font-size:.52rem;letter-spacing:.24em;text-transform:uppercase;color:var(--lt)}
.cart-item-price{font-family:'Cormorant Garamond',serif;font-size:1rem;color:var(--gold)}
.cart-item-qty{display:flex;align-items:center;gap:8px;margin-top:.5rem}
.qty-btn{width:26px;height:26px;border:1px solid var(--border);background:transparent;cursor:none;display:flex;align-items:center;justify-content:center;font-size:.9rem;color:var(--mid);transition:all .3s}
.qty-btn:hover{border-color:var(--gold);color:var(--gold)}
.qty-num{font-family:'Raleway',sans-serif;font-weight:300;font-size:.7rem;letter-spacing:.18em;color:var(--ink);min-width:20px;text-align:center}
.remove-item{width:28px;height:28px;display:flex;align-items:center;justify-content:center;cursor:none;color:var(--lt);transition:color .3s}
.remove-item:hover{color:#C44A2A}
.remove-item svg{width:14px;height:14px;stroke:currentColor;fill:none;stroke-width:1.5}
.cart-foot{
  padding:20px 24px;border-top:1px solid var(--border);
  flex-shrink:0;background:var(--cream);
}
.cart-subtotal{
  display:flex;justify-content:space-between;align-items:center;
  margin-bottom:8px;
}
.cart-subtotal-label{font-family:'Raleway',sans-serif;font-weight:300;font-size:.62rem;letter-spacing:.26em;text-transform:uppercase;color:var(--mid)}
.cart-subtotal-val{font-family:'Cormorant Garamond',serif;font-size:1.3rem;color:var(--ink)}
.cart-note{font-family:'Raleway',sans-serif;font-weight:100;font-size:.54rem;color:var(--lt);letter-spacing:.1em;margin-bottom:1.4rem}
.btn-checkout{
  display:block;width:100%;padding:15px;
  background:var(--ink);color:var(--gold);
  font-family:'Raleway',sans-serif;font-weight:300;
  font-size:.62rem;letter-spacing:.44em;text-transform:uppercase;
  text-align:center;border:1px solid var(--ink);cursor:none;
  transition:background .35s,color .35s;margin-bottom:10px;
}
.btn-checkout:hover{background:var(--gold);color:var(--ink);border-color:var(--gold)}
.btn-view-cart{
  display:block;width:100%;padding:13px;
  background:transparent;color:var(--mid);
  font-family:'Raleway',sans-serif;font-weight:200;
  font-size:.58rem;letter-spacing:.38em;text-transform:uppercase;
  text-align:center;border:1px solid var(--border);cursor:none;
  transition:border-color .3s,color .3s;
}
.btn-view-cart:hover{border-color:var(--gold);color:var(--gold)}

/* ════ TOAST ════ */
#toast{
  position:fixed;bottom:30px;right:30px;z-index:900;
  background:var(--ink);color:var(--gold);
  font-family:'Raleway',sans-serif;font-weight:300;
  font-size:.62rem;letter-spacing:.26em;text-transform:uppercase;
  padding:14px 24px;
  transform:translateY(80px);opacity:0;
  transition:all .4s var(--e);pointer-events:none;
}
#toast.show{transform:translateY(0);opacity:1}

/* ════ TRUST BAR ════ */
.trust-bar{
  background:#fff;border-top:1px solid var(--border);border-bottom:1px solid var(--border);
  padding:3vh 5vw;
}
.trust-inner{
  display:grid;grid-template-columns:repeat(4,1fr);
  gap:20px;max-width:960px;margin:0 auto;
}
.trust-item{
  display:flex;align-items:center;gap:14px;
  justify-content:center;
}
.trust-icon{
  width:38px;height:38px;flex-shrink:0;
  display:flex;align-items:center;justify-content:center;
}
.trust-icon svg{width:100%;height:100%;stroke:var(--gold);fill:none;stroke-width:1.2}
.trust-text{}
.trust-ttl{font-family:'Cinzel',serif;font-size:.6rem;letter-spacing:.28em;color:var(--ink);margin-bottom:.2rem}
.trust-sub{font-family:'Raleway',sans-serif;font-weight:100;font-size:.55rem;letter-spacing:.1em;color:var(--lt)}

/* ════ FOOTER ════ */
footer{background:var(--ink);padding:7vh 5vw 4vh;color:#F0E8D8}
.footer-top{
  display:grid;grid-template-columns:2fr 1fr 1fr 1fr;
  gap:4vw;margin-bottom:5vh;padding-bottom:4vh;
  border-bottom:1px solid rgba(201,169,110,.08);
}
.footer-brand{}

.footer-desc{font-family:'Raleway',sans-serif;font-weight:200;font-size:.7rem;line-height:2.1;color:rgba(240,232,216,.35);letter-spacing:.06em;max-width:250px;margin-bottom:1.6rem}
.footer-socials{display:flex;gap:12px}
.social-link{
  width:34px;height:34px;border:1px solid rgba(201,169,110,.2);
  display:flex;align-items:center;justify-content:center;
  text-decoration:none;cursor:none;transition:all .3s;
}
.social-link:hover{border-color:var(--gold);background:rgba(201,169,110,.08)}
.social-link svg{width:16px;height:16px;stroke:rgba(201,169,110,.6);fill:none;stroke-width:1.5;transition:stroke .3s}
.social-link:hover svg{stroke:var(--gold)}
.footer-col-title{
  font-family:'Raleway',sans-serif;font-weight:300;
  font-size:.55rem;letter-spacing:.5em;text-transform:uppercase;
  color:var(--gold);margin-bottom:1.6rem;
}
.footer-links{list-style:none;display:flex;flex-direction:column;gap:10px}
.footer-links a{
  font-family:'Raleway',sans-serif;font-weight:200;
  font-size:.7rem;letter-spacing:.09em;
  color:rgba(240,232,216,.3);text-decoration:none;
  transition:color .3s;
}
.footer-links a:hover{color:var(--gold)}
.footer-bottom{
  display:flex;align-items:center;justify-content:space-between;
  flex-wrap:wrap;gap:12px;
}
.footer-copy{
  font-family:'Raleway',sans-serif;font-weight:100;
  font-size:.5rem;letter-spacing:.3em;text-transform:uppercase;
  color:rgba(240,232,216,.18);
}
.footer-tagline{
  font-family:'Cormorant Garamond',serif;font-style:italic;
  font-size:.88rem;color:rgba(201,169,110,.38);letter-spacing:.1em;
}
.footer-pay{
  display:flex;gap:8px;align-items:center;
}
.pay-badge{
  padding:4px 10px;border:1px solid rgba(201,169,110,.15);
  font-family:'Raleway',sans-serif;font-weight:100;
  font-size:.46rem;letter-spacing:.2em;text-transform:uppercase;
  color:rgba(201,169,110,.4);
}

/* ════ WHATSAPP FLOAT ════ */
.wa-float{
  position:fixed;bottom:28px;right:28px;z-index:600;
  width:50px;height:50px;border-radius:50%;
  background:#25D366;display:flex;align-items:center;justify-content:center;
  cursor:none;box-shadow:0 4px 18px rgba(37,211,102,.4);
  transition:transform .3s,box-shadow .3s;
}
.wa-float:hover{transform:scale(1.08);box-shadow:0 8px 28px rgba(37,211,102,.5)}
.wa-float svg{width:26px;height:26px;fill:#fff}

/* ════ RESPONSIVE ════ */

/* ── Checkout input styles ── */
.co-input{
  width:100%;padding:12px 14px;
  border:1px solid rgba(139,101,20,.15);background:#fff;
  font-family:'Raleway',sans-serif;font-weight:300;
  font-size:.7rem;letter-spacing:.1em;color:#18140F;
  outline:none;transition:border-color .3s;
  margin-bottom:14px;display:block;
}
.co-input:focus{border-color:#C9A96E}
.co-input::placeholder{color:#9A8A70}
.co-label{
  font-family:'Raleway',sans-serif;font-weight:300;
  font-size:.54rem;letter-spacing:.32em;text-transform:uppercase;
  color:#58503E;display:block;margin-bottom:5px;
}
.co-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.co-section-title{
  font-family:'Cinzel',serif;font-size:.82rem;letter-spacing:.28em;
  color:#18140F;margin-bottom:20px;padding-bottom:12px;
  border-bottom:1px solid rgba(139,101,20,.12);
}
.co-btn-main{
  width:100%;padding:15px;
  background:#18140F;color:#C9A96E;
  font-family:'Raleway',sans-serif;font-weight:300;
  font-size:.62rem;letter-spacing:.44em;text-transform:uppercase;
  border:none;cursor:none;transition:background .3s;
  margin-top:8px;
}
.co-btn-main:hover{background:#C9A96E;color:#18140F}
.co-btn-back{
  background:none;border:none;
  font-family:'Raleway',sans-serif;font-weight:200;
  font-size:.58rem;letter-spacing:.32em;text-transform:uppercase;
  color:#9A8A70;cursor:none;padding:0;
  display:flex;align-items:center;gap:6px;margin-bottom:20px;
  transition:color .3s;
}
.co-btn-back:hover{color:#C9A96E}
.co-step-dot{
  width:8px;height:8px;border-radius:50%;
  background:rgba(139,101,20,.15);transition:all .4s;
}
.co-step-dot.active{background:#C9A96E;width:22px;border-radius:4px}
.co-step-dot.done{background:rgba(201,169,110,.4)}
.co-method{
  border:1px solid rgba(139,101,20,.15);padding:14px 18px;
  margin-bottom:10px;cursor:none;transition:all .3s;display:flex;align-items:center;gap:14px;
}
.co-method.selected{border-color:#C9A96E;background:rgba(201,169,110,.04)}
.co-method:hover{border-color:rgba(201,169,110,.4)}
.co-radio{
  width:16px;height:16px;border-radius:50%;
  border:2px solid rgba(139,101,20,.25);
  display:flex;align-items:center;justify-content:center;flex-shrink:0;
}
.co-method.selected .co-radio{border-color:#C9A96E}
.co-method.selected .co-radio::after{
  content:'';width:8px;height:8px;border-radius:50%;background:#C9A96E;display:block;
}
.co-method-name{
  font-family:'Raleway',sans-serif;font-weight:300;
  font-size:.66rem;letter-spacing:.18em;color:#18140F;
}
.co-method-sub{
  font-family:'Raleway',sans-serif;font-weight:100;
  font-size:.58rem;letter-spacing:.1em;color:#9A8A70;
}
.co-order-item{
  display:grid;grid-template-columns:56px 1fr auto;
  gap:12px;align-items:center;
  padding:10px 0;border-bottom:1px solid rgba(139,101,20,.08);
}
.co-order-img{
  aspect-ratio:1;background:#F0E8DC;overflow:hidden;
}
.co-order-img img{width:100%;height:100%;object-fit:contain;padding:4px}
.co-order-name{
  font-family:'Cormorant Garamond',serif;font-size:.92rem;color:#18140F;letter-spacing:.05em;
}
.co-order-cat{
  font-family:'Raleway',sans-serif;font-weight:100;font-size:.5rem;letter-spacing:.2em;text-transform:uppercase;color:#9A8A70;
}
.co-order-price{
  font-family:'Cormorant Garamond',serif;font-size:.95rem;color:#C9A96E;
}
.co-total-row{
  display:flex;justify-content:space-between;align-items:center;
  padding:8px 0;
}
.co-total-label{
  font-family:'Raleway',sans-serif;font-weight:200;font-size:.62rem;letter-spacing:.2em;text-transform:uppercase;color:#58503E;
}
.co-total-val{
  font-family:'Cormorant Garamond',serif;font-size:1rem;color:#18140F;
}
.co-total-val.big{font-size:1.3rem;color:#18140F}
.co-divider{height:1px;background:rgba(139,101,20,.1);margin:10px 0}
.co-error{
  font-family:'Raleway',sans-serif;font-weight:200;font-size:.6rem;
  color:#C44A2A;letter-spacing:.1em;margin-top:-8px;margin-bottom:10px;display:none;
}
.co-spinner{
  display:inline-block;width:16px;height:16px;
  border:2px solid rgba(201,169,110,.3);
  border-top-color:#C9A96E;border-radius:50%;
  animation:spin .7s linear infinite;margin-right:8px;
  vertical-align:middle;
}
@keyframes spin{to{transform:rotate(360deg)}}

/* ════════════════════════════════════════════════════
   RESPONSIVE — Full Device Coverage
   Breakpoints:
   1400px+ → Large desktop
   1100px  → Desktop/laptop
   900px   → Tablet landscape
   768px   → Tablet portrait
   600px   → Large phone
   480px   → Phone
   360px   → Small phone
════════════════════════════════════════════════════ */

/* ── Large desktop (1400px+) — widen grids ── */
@media(min-width:1400px){
  .prod-grid{grid-template-columns:repeat(4,1fr)}
  .frag-grid{grid-template-columns:repeat(5,1fr)}
  .sec{padding:7vh 6vw}

  .hero-content{max-width:680px}
}

/* ── Desktop (1100px) ── */
@media(max-width:1100px){



  .hero-h1{font-size:clamp(2.8rem,5.5vw,5.5rem)}
  .frag-grid{grid-template-columns:repeat(5,1fr);gap:1px}
  .frag-card{padding:4vh 1.5vw 3.5vh}
  .fc-name{font-size:.65rem;letter-spacing:.2em}
}

/* ── Tablet landscape + small laptop (900px) ── */
@media(max-width:900px){
  /* Nav — hide links, show hamburger */





  #nav.solid



  /* Announcement */

  #ann span:last-child{display:none}

  /* Hero */
  .hero-banner{position:relative;height:100vh;min-height:600px;overflow:hidden;background:#0D0A06}
  .hero-content{max-width:100%;padding:0 6vw}
  .hero-label{font-size:.5rem;margin-bottom:1rem}
  .hero-h1{font-size:clamp(2.4rem,7vw,4.5rem)}
  .hero-sub{font-size:.7rem;max-width:100%}
  .btn-hero{padding:12px 28px;font-size:.58rem}

  /* Sections */
  .sec{padding:5vh 4vw}




  /* Product grid */
  .prod-grid{grid-template-columns:repeat(2,1fr)}

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



  /* Fragrance grid */
  .frag-grid{grid-template-columns:repeat(2,1fr)}
  .frag-card{padding:4vh 3vw 3vh}

  /* Featured banners */
  .feat-banner{height:44vh}
  .feat-b-title{font-size:clamp(1.8rem,5vw,3.5rem)}
  .feat-banner-content{position:relative;z-index:2;padding:0 8vw}
  .btn-feat{padding:11px 28px;font-size:.55rem}

  /* Legacy section */
  #legacy-sec .sec > div[style*="grid"]{
    grid-template-columns:1fr !important;
    gap:4vh 0 !important;
  }

  /* Collections */
  .coll-grid{grid-template-columns:1fr 1fr}

  /* Trust bar */
  .trust-inner{grid-template-columns:1fr 1fr;gap:16px}

  /* Footer */
  .footer-top{grid-template-columns:1fr 1fr;gap:4vh 4vw}


  /* Cart */
  #cart-panel{width:360px}

  /* Checkout */
  #checkout-panel{max-width:100%;border-radius:0}
  .co-row{grid-template-columns:1fr 1fr;gap:10px}
}

/* ── Tablet portrait (768px) ── */
@media(max-width:768px){
  /* Nav */


  #nav.solid


  /* Hero */
  .hero-banner{position:relative;height:100vh;min-height:600px;overflow:hidden;background:#0D0A06}
  .hero-h1{font-size:clamp(2.2rem,8vw,3.8rem)}
  .hero-sub{display:none}
  .hero-btns{gap:8px}
  .btn-hero{padding:11px 22px;font-size:.55rem;letter-spacing:.3em}

  /* Product cards */
  .prod-grid{grid-template-columns:repeat(2,1fr);gap:1px}
  .prod-card-img{aspect-ratio:1/1}
  .prod-card-info{padding:10px 12px 14px}





  /* Fragrance grid */
  .frag-grid{grid-template-columns:1fr 1fr}
  .fc-desc{display:none}

  /* Featured banner */
  .feat-banner{height:38vh}
  .feat-b-tag{font-size:.48rem}
  .feat-b-title{font-size:clamp(1.6rem,6vw,3rem)}

  /* Trust bar */
  .trust-inner{grid-template-columns:1fr 1fr;gap:12px}
  .trust-item{flex-direction:column;text-align:center;gap:8px}

  /* Sections */
  .sec{padding:4.5vh 4vw}


  /* Footer */
  .footer-top{grid-template-columns:1fr;gap:3.5vh}
  .footer-desc{max-width:100%}
  .footer-bottom{flex-direction:column;align-items:flex-start;gap:10px}
  .footer-copy{font-size:.44rem}

  /* Cart */
  #cart-panel{width:100%;max-width:100vw}

  /* Checkout */
  #checkout-modal{align-items:flex-end}
  #checkout-panel{
    max-height:95vh;
    border-radius:16px 16px 0 0;
  }
  .co-row{grid-template-columns:1fr}
}

/* ── Large phone (600px) ── */
@media(max-width:600px){
  /* Announcement */


  /* Nav */



  /* Hero */
  .hero-banner{position:relative;height:100vh;min-height:600px;overflow:hidden;background:#0D0A06}
  .hero-h1{font-size:clamp(2rem,9vw,3.2rem);line-height:1.02}
  .hero-label{font-size:.44rem;letter-spacing:.4em;margin-bottom:.8rem}
  .hero-content{padding:0 5vw}
  .hero-btns{gap:8px}
  .btn-hero{padding:10px 18px;font-size:.52rem;letter-spacing:.28em}
  .hero-overlay{position:absolute;inset:0;z-index:2;background:linear-gradient(135deg,rgba(6,4,1,.72) 0%,rgba(6,4,1,.18) 52%,rgba(6,4,1,.35) 100%),linear-gradient(180deg,rgba(6,4,1,.05) 0%,transparent 50%,rgba(6,4,1,.6) 100%)}

  /* Sections */
  .sec{padding:4vh 3.5vw}




  /* Product grid — 2 cols tight */
  .prod-grid{grid-template-columns:repeat(2,1fr);gap:1px}
  .prod-card-info{padding:8px 10px 12px}





  /* Fragrance grid */
  .frag-grid{grid-template-columns:1fr}
  .frag-card{padding:3.5vh 4vw}

  /* Featured banner */
  .feat-banner{height:34vh}
  .feat-banner-content{position:relative;z-index:2;padding:0 8vw}
  .feat-b-title{font-size:clamp(1.4rem,7vw,2.5rem)}
  .feat-b-tag{font-size:.44rem;letter-spacing:.4em;margin-bottom:.8rem}
  .btn-feat{padding:10px 22px;font-size:.52rem;letter-spacing:.3em}

  /* Trust bar */
  .trust-bar{padding:2.5vh 4vw}
  .trust-inner{grid-template-columns:1fr 1fr;gap:10px}
  .trust-ttl{font-size:.52rem;letter-spacing:.2em}
  .trust-sub{font-size:.48rem}

  /* Footer */
  .footer-top{grid-template-columns:1fr;gap:3vh}
  .footer-bottom{flex-direction:column;gap:8px}
  footer{padding:6vh 4vw 4vh}

  /* Cart */
  #cart-panel{width:100%}
  .cart-head{padding:16px 18px}
  .cart-body{padding:16px 18px}
  .cart-foot{padding:16px 18px}
  .cart-item{grid-template-columns:64px 1fr
/* ════ PRODUCT CARD — clickable ════ */
.prod-card{
  cursor:none;
}
.prod-card:hover .prod-card-img img{
  transform:scale(1.06);
}
/* Popup mobile responsive */
@media(max-width:600px){
  #prod-popup-body{grid-template-columns:1fr !important}
  #prod-popup-panel{max-height:96vh}
}
auto;gap:10px}

  /* Checkout */
  #checkout-panel{max-height:96vh}
  #co-header{padding:14px 18px;height:62px}
  #co-body{padding:18px}
  .co-input{padding:10px 12px;font-size:.66rem}
  .co-label{font-size:.5rem}
  .co-btn-main{padding:13px;font-size:.58rem}
  .co-section-title{font-size:.72rem;letter-spacing:.22em}

  /* Collection overlay */
  #coll-page #cp-header{padding:0 3.5vw;height:62px}
  #cp-title{font-size:.82rem;letter-spacing:.22em}
  #coll-page > div:last-child{padding:3vh 3.5vw}
  #cp-grid{grid-template-columns:repeat(2,1fr) !important}
}

/* ── Phone (480px) ── */
@media(max-width:480px){
  /* Announcement */


  /* Nav */




  /* Hero */
  .hero-banner{position:relative;height:100vh;min-height:600px;overflow:hidden;background:#0D0A06}
  .hero-h1{font-size:clamp(1.8rem,10vw,2.8rem)}

  /* Product — switch to 1 col on very small screens */
  .prod-grid{grid-template-columns:1fr}
  .prod-card-img{aspect-ratio:4/3}
  .prod-card-img img{padding:12px 24px}



  /* Featured banner */
  .feat-banner{height:30vh}

  /* Frag cards */
  .frag-grid{grid-template-columns:1fr}
  .fc-notes{display:none}

  /* Collection grid */
  #cp-grid{grid-template-columns:1fr !important}

  /* Footer bottom */
  .footer-pay{flex-wrap:wrap;gap:5px}
  .pay-badge{font-size:.42rem;padding:3px 8px}

  /* Trust bar */
  .trust-inner{grid-template-columns:1fr}
  .trust-item{flex-direction:row;justify-content:flex-start;text-align:left}

  /* Marquee */
  .mw{font-size:.78rem;padding:0 1.4rem}
  .marquee{padding:2.2vh 0}
}

/* ── Small phone (360px) ── */
@media(max-width:360px){



  .hero-banner{position:relative;height:100vh;min-height:600px;overflow:hidden;background:#0D0A06}
  .hero-h1{font-size:1.7rem}
  .btn-hero{padding:9px 14px;font-size:.48rem;letter-spacing:.22em}
  .sec{padding:3.5vh 3vw}
  .prod-grid{grid-template-columns:1fr}
  .hero-btns{flex-direction:column;align-items:flex-start}
  #co-body{padding:14px}
  .co-input{padding:9px 10px}
}

/* ── Mobile navigation drawer ── */

/* Mobile nav drawer */
#mobile-nav{
  position:fixed;top:0;left:0;right:0;bottom:0;z-index:690;
  background:#FAF6F0;
  transform:translateX(-100%);transition:transform .4s cubic-bezier(.25,.46,.45,.94);
  overflow-y:auto;padding-top:80px;
  display:none;
}
#mobile-nav.open{transform:translateX(0)}
.mobile-nav-links{
  list-style:none;padding:0 6vw;
}
.mobile-nav-links li{
  border-bottom:1px solid rgba(139,101,20,.1);
}
.mobile-nav-links > li > a{
  display:block;padding:18px 0;
  font-family:'Raleway',sans-serif;font-weight:300;
  font-size:.75rem;letter-spacing:.28em;text-transform:uppercase;
  color:var(--ink);text-decoration:none;
  transition:color .3s;
}
.mobile-nav-links > li > a:hover{color:var(--gold)}
.mobile-nav-sub{
  padding:8px 0 16px 16px;
  display:flex;flex-direction:column;gap:4px;
}

.mobile-nav-close{
  position:absolute;top:20px;right:5vw;
  background:none;border:none;cursor:none;
  font-size:1.4rem;color:var(--mid);line-height:1;
}

/* ── Touch device improvements ── */
@media(hover:none) and (pointer:coarse){
  /* Larger tap targets */


  .qty-btn{width:32px;height:32px}
  .co-method{padding:16px 18px}
  /* Remove hover-only effects */
  .prod-wish{opacity:1 !important}
  .prod-card:hover{box-shadow:none}
  /* Cursor: auto on touch */


}
@media(max-width:768px){


  section[id]{scroll-margin-top:80px}
}
@media(max-width:600px){


  #nav.solid
  .sec{padding:4vh 3.5vw}
  section[id]{scroll-margin-top:72px}

}
@media(max-width:480px){


  section[id]{scroll-margin-top:64px}

  .sec{padding:3.5vh 3vw}
}
@media(max-width:360px){
  section[id]{scroll-margin-top:58px}
}

/* ════ SECTION SCROLL + SPACING ════ */
section[id]{
  scroll-margin-top:110px;
}
.sec{
  padding:6vh 4.5vw;
}
/* Section title gradient */

/* View all link alignment */

}
}

/* ── Print ── */
@media print{
  #entrance,#nav,#ann,.wa-float,#cart-modal,#checkout-modal,#order-success{display:none !important}
  .hero-banner{position:relative;height:100vh;min-height:600px;overflow:hidden;background:#0D0A06}
  .prod-grid{grid-template-columns:repeat(3,1fr)}
}

/* ── Safe area for notched phones (iPhone X+) ── */
@supports(padding:max(0px)){

  footer{padding-bottom:max(4vh,env(safe-area-inset-bottom))}
  .wa-float{bottom:max(28px,env(safe-area-inset-bottom))}
}

/* ════ NAV LOGO + INNER — DEFINITIVE ════ */

#nav.solid
#nav.solid

/* ════ DROPDOWN LINKS — Bold Shiny Gold ════ */

/* Active/selected fragrance */

/* Left accent line on hover */

/* ════ MOBILE NAV SUB LINKS — Bold Shiny Gold ════ */
.mobile-nav-sub a{
  font-family:'Cinzel',serif;
  font-weight:500;
  font-size:.62rem;
  letter-spacing:.2em;
  text-transform:uppercase;
  text-decoration:none;
  padding:10px 0;
  color:var(--ink);
  transition:all .35s var(--e);
  position:relative;
  display:block;
  border-bottom:1px solid rgba(139,101,20,.06);
}
.mobile-nav-sub a:hover,
.mobile-nav-sub a:active{
  background:linear-gradient(135deg,#E8C87A 0%,#C9A96E 35%,#F0D898 62%,#B8862A 100%);
  -webkit-background-clip:text;
  -webkit-text-fill-color:transparent;
  background-clip:text;
  padding-left:8px;
}

/* ════ SECTION HEADERS — Bold Shiny Gold ════ */

/* View All — shiny underline style */

/* Dark section overrides */
.dark-sec
.dark-sec

/* ════ FRAGRANCE FILTER CHIPS — Bold Shiny Gold ════ */
.fchip{
  padding:9px 22px;
  border:1px solid rgba(201,169,110,.2);
  background:transparent;
  font-family:'Cinzel',serif;
  font-weight:600;
  font-size:.62rem;
  letter-spacing:.22em;
  text-transform:uppercase;
  cursor:none;
  transition:all .35s var(--e);
  position:relative;
  overflow:hidden;
  color:var(--ink);
}
.fchip::before{
  content:'';
  position:absolute;inset:0;
  background:linear-gradient(135deg,rgba(232,200,122,.1),rgba(201,169,110,.05),rgba(184,134,42,.08));
  opacity:0;transition:opacity .3s;
}
.fchip:hover{ border-color:var(--gold); }
.fchip:hover::before{ opacity:1; }
.fchip:hover,
.fchip.on{
  background:linear-gradient(135deg,#E8C87A 0%,#C9A96E 35%,#F5E0A0 62%,#B8862A 100%);
  -webkit-background-clip:text;
  -webkit-text-fill-color:transparent;
  background-clip:text;
  border-color:var(--gold);
  filter:drop-shadow(0 0 8px rgba(201,169,110,.45));
}
.fchip.on{
  border-width:1.5px;
  filter:drop-shadow(0 0 12px rgba(201,169,110,.55));
}

/* ════ NAV LOGO — DEFINITIVE (no overrides below) ════ */

dges;
  flex-shrink:0;
}
#nav.solid
@media(max-width:1100px){  #nav.solid  }
@media(max-width:900px) {  #nav.solid  }
@media(max-width:768px) {  #nav.solid
/* ════ OUR LEGACY SECTION ════ */

/* Stats grid */

/* Quote */

/* Responsive */
@media(max-width:900px){


}
@media(max-width:600px){




}
}
@media(max-width:600px) { .n
/* ════ CURSOR — Adaptive colour ════ */

/* White cursor on dark backgrounds */
body.dark-cursor
body.dark-cursor
body.dark-cursor
av-logo img{height:52px} #nav.solid  }
@media(max-width:480px) {  #nav.solid  }
@media(max-width:360px) {  #nav.solid  }

/* ════ NAV LOGO — DEFINITIVE ════ */

#nav.solid
@media(max-width:1100px){#nav.solid }
@media(max-width:900px) {#nav.solid }
@media(max-width:768px) {#nav.solid }
@media(max-width:600px) {#nav.solid }
@media(max-width:480px) {#nav.solid }

/* ════ FOOTER LOGO ════ */
.footer-logo{
  height:76px;width:auto;display:block;
  object-fit:contain;margin-bottom:1.4rem;
  image-rendering:-webkit-optimize-contrast;
  image-rendering:crisp-edges;
  opacity:.9;
}

/* ════ CURSOR — SINGLE DEFINITIVE BLOCK ════ */
body{cursor:none}
#cd{
  position:fixed;top:0;left:0;
  width:10px;height:10px;
  background:#C9A96E;
  border-radius:50%;
  pointer-events:none;
  z-index:99999;
  transform:translate(-50%,-50%);
  box-shadow:0 0 12px rgba(201,169,110,.9),0 0 24px rgba(201,169,110,.4);
  will-change:transform;
  transition:background .2s ease,box-shadow .2s ease,width .2s ease,height .2s ease;
  mix-blend-mode:normal;
}
#cr{
  position:fixed;top:0;left:0;
  width:42px;height:42px;
  border:1.5px solid rgba(201,169,110,.6);
  border-radius:50%;
  pointer-events:none;
  z-index:99998;
  transform:translate(-50%,-50%);
  will-change:transform;
  transition:width .3s ease,height .3s ease,border-color .25s ease,opacity .25s ease;
  background:transparent;
}
#cr.big{width:64px;height:64px;border-color:rgba(201,169,110,.9)}
/* white on dark bg */
body.cur-dk #cd{background:#fff;box-shadow:0 0 14px rgba(255,255,255,.8),0 0 28px rgba(255,255,255,.3)}
body.cur-dk #cr{border-color:rgba(255,255,255,.6)}
body.cur-dk #cr.big{border-color:#fff}
/* touch — hide custom cursor, restore native */
@media(hover:none) and (pointer:coarse){
  #cd,#cr{display:none!important}
  body{cursor:auto!important}
}

/* ════ SECTION TITLE — Bold Shiny Gold ════ */

/* override for dark sections */
.dark-sec

/* ════ PRODUCT CARD INFO ════ */
.prod-cat{
  font-family:'Raleway',sans-serif;font-weight:100;
  font-size:.48rem;letter-spacing:.36em;text-transform:uppercase;
  color:var(--gold);margin-bottom:.4rem;
}
.prod-name{
  font-family:'Cormorant Garamond',serif;font-weight:400;
  font-size:1.1rem;letter-spacing:.05em;color:var(--ink);
  margin-bottom:.3rem;line-height:1.25;
}
.prod-notes{
  font-family:'Raleway',sans-serif;font-weight:100;
  font-size:.5rem;letter-spacing:.1em;color:var(--lt);
  margin-bottom:.9rem;
}
.prod-bottom{
  display:flex;align-items:center;
  justify-content:space-between;gap:8px;
}
.prod-price{
  font-family:'Cormorant Garamond',serif;
  font-size:1.1rem;font-weight:400;
  color:var(--ink);letter-spacing:.04em;
}
.prod-price .cur{
  font-size:.7rem;font-weight:300;
  color:var(--lt);letter-spacing:.16em;
  text-transform:uppercase;margin-right:2px;
}
.btn-add{
  padding:7px 16px;
  background:var(--ink);color:var(--gold);
  font-family:'Raleway',sans-serif;font-weight:300;
  font-size:.5rem;letter-spacing:.24em;text-transform:uppercase;
  border:1px solid var(--ink);cursor:none;flex-shrink:0;
  transition:background .3s,color .3s,transform .2s;
}
.btn-add:hover{
  background:var(--gold);color:var(--ink);
  border-color:var(--gold);transform:translateY(-1px);
}

/* ════ OUR LEGACY SECTION ════ */
.legacy-layout{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:5vw;align-items:start;
  padding:4vh 0 7vh;
}
.legacy-eyebrow{
  font-family:'Raleway',sans-serif;font-weight:100;
  font-size:.5rem;letter-spacing:.58em;text-transform:uppercase;
  color:var(--gold);margin-bottom:1.6rem;
}
.legacy-headline{
  font-family:'Cormorant Garamond',serif;font-weight:300;
  font-size:clamp(2.4rem,4.8vw,4.8rem);
  line-height:.97;color:var(--ink);margin-bottom:1.4rem;
}
.legacy-headline em{
  font-style:italic;color:var(--gold);display:block;
}
.legacy-rule{
  width:38px;height:1px;
  background:linear-gradient(90deg,var(--gold),transparent);
  margin:1.4rem 0;
}
.legacy-body{
  font-family:'Raleway',sans-serif;font-weight:200;
  font-size:.76rem;line-height:2.5;letter-spacing:.06em;
  color:var(--mid);max-width:420px;margin-bottom:1.3rem;
}
.legacy-story{padding-right:2vw}
/* Stats */
.legacy-stats-wrap{display:flex;flex-direction:column;gap:2.5vh}
.legacy-stats-grid{
  display:grid;grid-template-columns:1fr 1fr;
  gap:1px;background:rgba(139,101,20,.1);
}
.legacy-stat{
  background:var(--cream);
  padding:3.2vh 2.2vw;text-align:center;
}
.legacy-stat-num{
  font-family:'Cormorant Garamond',serif;font-weight:300;
  font-size:clamp(2rem,3.2vw,3rem);line-height:1;
  background:linear-gradient(135deg,#E8C87A 0%,#C9A96E 40%,#F0D898 65%,#B8862A 100%);
  -webkit-background-clip:text;-webkit-text-fill-color:transparent;
  background-clip:text;
  filter:drop-shadow(0 0 8px rgba(201,169,110,.28));
}
.legacy-stat-rule{
  width:18px;height:1px;
  background:linear-gradient(90deg,transparent,var(--gold),transparent);
  margin:.6rem auto;
}
.legacy-stat-lbl{
  font-family:'Raleway',sans-serif;font-weight:200;
  font-size:.46rem;letter-spacing:.42em;
  text-transform:uppercase;color:var(--lt);
}
/* Quote */
.legacy-quote-block{
  border-left:2px solid rgba(201,169,110,.28);
  padding:1.6rem 1.8rem;
  background:rgba(201,169,110,.04);
}
.legacy-quote-mark{
  font-family:'Cormorant Garamond',serif;
  font-size:2.8rem;line-height:.65;
  color:rgba(201,169,110,.35);margin-bottom:.5rem;
}
.legacy-quote-text{
  font-family:'Cormorant Garamond',serif;font-style:italic;
  font-weight:300;font-size:1rem;
  line-height:1.75;letter-spacing:.04em;
  color:var(--mid);margin-bottom:.7rem;
}
.legacy-quote-attr{
  font-family:'Raleway',sans-serif;font-weight:100;
  font-size:.5rem;letter-spacing:.3em;
  text-transform:uppercase;color:var(--lt);
}
/* Responsive */
@media(max-width:900px){
  .legacy-layout{grid-template-columns:1fr;gap:4vh}
  .legacy-body{max-width:100%}
  .legacy-story{padding-right:0}
}
@media(max-width:600px){
  .legacy-stats-grid{grid-template-columns:1fr 1fr}
  .legacy-stat{padding:2.5vh 4vw}
}

/* ════════════════════════════════════════
   SECTION HEADERS — Bold Shiny Gold
   Single definitive block, no overrides
════════════════════════════════════════ */

/* ── VIEW ALL link — shiny gold ── */

/* Dark section header variants */
.dark-sec
.dark-sec
.dark-sec
.dark-sec

/* ═══════════════════════════════════════════
   SECTION HEADERS  —  complete definitive block
   Bold · Cinzel · Shiny Brushed Gold
═══════════════════════════════════════════ */

/* Section top bar */
.sec-top {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 10px;
  margin-bottom: 3vh;
  padding-bottom: 1.6vh;
  border-bottom: 1.5px solid rgba(201,169,110,.15);
  position: relative;
}
.sec-top::after {
  content: '';
  position: absolute;
  bottom: -1.5px;
  left: 0;
  width: 56px;
  height: 1.5px;
  background: linear-gradient(90deg, #E8C87A, #C9A96E, transparent);
  box-shadow: 0 0 8px rgba(201,169,110,.45);
}

/* Section title — BIG BOLD SHINY GOLD */
.sec-ttl {
  font-family: 'Cinzel', serif;
  font-weight: 600;
  font-size: clamp(1.1rem, 2.2vw, 1.9rem);
  letter-spacing: .16em;
  line-height: 1.15;
  color: #C9A96E;                                /* solid gold fallback */
  background: linear-gradient(135deg, #E8C87A 0%, #C9A96E 35%, #F5E0A0 60%, #B8862A 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  filter: drop-shadow(0 0 14px rgba(201,169,110,.35));
  display: inline-block;                         /* required for bg-clip on block elements */
}

/* The <span> inside sec-ttl — inherits gradient */
.sec-ttl span {
  font-family: 'Cinzel', serif;
  font-weight: 600;
  font-size: inherit;
  letter-spacing: inherit;
  color: #C9A96E;
  background: linear-gradient(135deg, #E8C87A 0%, #C9A96E 35%, #F5E0A0 60%, #B8862A 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

/* Section subtitle */
.sec-sub {
  font-family: 'Cormorant Garamond', serif;
  font-style: italic;
  font-size: .9rem;
  color: rgba(90,78,60,.6);
  letter-spacing: .08em;
  margin-top: 4px;
}

/* View All link — gold Cinzel with animated underline */
.view-all {
  font-family: 'Cinzel', serif;
  font-weight: 500;
  font-size: .58rem;
  letter-spacing: .24em;
  text-transform: uppercase;
  text-decoration: none;
  cursor: none;
  white-space: nowrap;
  flex-shrink: 0;
  color: #C9A96E;                                /* solid fallback */
  background: linear-gradient(135deg, #E8C87A 0%, #C9A96E 40%, #B8862A 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  position: relative;
  padding-bottom: 4px;
  transition: filter .3s ease;
  display: inline-block;
}
.view-all::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 1px;
  background: linear-gradient(90deg, #E8C87A, #C9A96E, #B8862A);
  transform: scaleX(.3);
  transform-origin: left center;
  transition: transform .4s cubic-bezier(.25,.46,.45,.94);
}
.view-all:hover {
  filter: drop-shadow(0 0 10px rgba(201,169,110,.6));
}
.view-all:hover::after {
  transform: scaleX(1);
}

/* Dark section variants (bakhur / fragrances) */
.dark-sec .sec-top {
  border-bottom-color: rgba(201,169,110,.1);
}
.dark-sec .sec-ttl {
  background: linear-gradient(135deg, #F5E0A0 0%, #E8C87A 30%, #FAEDC0 58%, #C9A96E 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  filter: drop-shadow(0 0 20px rgba(201,169,110,.55));
}
.dark-sec .sec-ttl span {
  background: linear-gradient(135deg, #F5E0A0 0%, #E8C87A 30%, #FAEDC0 58%, #C9A96E 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}
.dark-sec .sec-sub {
  color: rgba(201,169,110,.5);
}
.dark-sec .view-all {
  background: linear-gradient(135deg, #F5E0A0 0%, #E8C87A 40%, #C9A96E 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

/* ═══════════════════════════════════════════════════
   MISKARA NAV — Complete Luxury System
═══════════════════════════════════════════════════ */

#nav.scrolled

#nav.scrolled

/* Dropdown */

/* Right icons */

.nav-search-bar input::placeholder{color:#9A8A70}

/* Hamburger */

/* Responsive */
@media(max-width:1100px){#nav.scrolled }
@media(max-width:900px){#nav.scrolled #nav.scrolled }
@media(max-width:600px){#nav.scrolled #nav.scrolled }
@media(max-width:480px){#nav.scrolled }

/* ═══════════════════════════════════════════════════════════════
   MISKARA HEADER — Complete Luxury System
   Inspired by: Creed · Amouage · Tom Ford · Louis Vuitton
═══════════════════════════════════════════════════════════════ */

/* ── Announcement Bar ── */
#ann {
  height: 34px;
  background: #18140F;
  overflow: hidden;
  display: flex;
  align-items: center;
  border-bottom: 1px solid rgba(201,169,110,.1);
}
.ann-track {
  display: flex;
  align-items: center;
  gap: 0;
  white-space: nowrap;
  animation: ann-scroll 28s linear infinite;
  will-change: transform;
}
.ann-track:hover { animation-play-state: paused; }
.ann-item {
  font-family: 'Raleway', sans-serif;
  font-weight: 200;
  font-size: .5rem;
  letter-spacing: .48em;
  text-transform: uppercase;
  color: rgba(201,169,110,.7);
  padding: 0 2.4rem;
}
.ann-dot {
  color: rgba(201,169,110,.35);
  font-size: .28rem;
  flex-shrink: 0;
}
@keyframes ann-scroll {
  0%   { transform: translateX(0); }
  100% { transform: translateX(-50%); }
}

/* ── Nav shell ── */
#nav {
  position: sticky;
  top: 0;
  z-index: 700;
  background: #FDFAF5;
  border-bottom: 1px solid rgba(201,169,110,.11);
  transition: box-shadow .45s ease, background .45s ease;
}
#nav.scrolled {
  background: rgba(253,250,245,.97);
  backdrop-filter: blur(28px) saturate(1.4);
  -webkit-backdrop-filter: blur(28px) saturate(1.4);
  box-shadow: 0 1px 0 rgba(201,169,110,.12), 0 4px 32px rgba(26,18,8,.07);
}

/* ── Inner 3-column grid ── */
.nav-inner {
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
  height: 88px;
  padding: 0 3vw;
  gap: 0;
  transition: height .4s ease;
}
#nav.scrolled .nav-inner { height: 68px; }

/* ────────────────────────
   LEFT — Brand Stack
──────────────────────── */
.nav-brand {
  display: flex;
  align-items: center;
  gap: 14px;
  text-decoration: none;
  justify-self: start;
  cursor: none;
  transition: opacity .3s;
}
.nav-brand:hover { opacity: .85; }
.nav-brand-logo {
  height: 58px;
  width: auto;
  display: block;
  object-fit: contain;
  flex-shrink: 0;
  image-rendering: -webkit-optimize-contrast;
  image-rendering: crisp-edges;
  transition: height .4s ease;
}
#nav.scrolled .nav-brand-logo { height: 44px; }
.nav-brand-text {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 3px;
  border-left: 1px solid rgba(201,169,110,.25);
  padding-left: 14px;
}
.nav-brand-name {
  font-family: 'Cinzel', serif;
  font-weight: 500;
  font-size: .88rem;
  letter-spacing: .32em;
  color: #18140F;
  line-height: 1;
  display: block;
}
.nav-brand-sub {
  font-family: 'Raleway', sans-serif;
  font-weight: 200;
  font-size: .46rem;
  letter-spacing: .45em;
  text-transform: uppercase;
  color: rgba(201,169,110,.75);
  display: block;
}

/* ────────────────────────
   CENTRE — Navigation
──────────────────────── */
.nav-links {
  display: flex;
  align-items: stretch;
  list-style: none;
  margin: 0; padding: 0;
  height: 100%;
  gap: 0;
  justify-self: center;
}
.nav-links > li {
  position: relative;
  display: flex;
  align-items: center;
}
.nav-links > li > a {
  display: flex;
  align-items: center;
  gap: 5px;
  height: 100%;
  padding: 0 18px;
  font-family: 'Raleway', sans-serif;
  font-weight: 400;
  font-size: .6rem;
  letter-spacing: .2em;
  text-transform: uppercase;
  color: #3A2E1E;
  text-decoration: none;
  border-bottom: 2px solid transparent;
  transition: color .3s ease, border-color .35s ease;
  white-space: nowrap;
  cursor: none;
  position: relative;
}
.nav-links > li > a:hover {
  color: #C9A96E;
  border-bottom-color: #C9A96E;
}
.nav-chevron {
  font-size: .5rem;
  opacity: .6;
  transition: transform .3s ease;
  display: inline-block;
}
.nav-links > li:hover .nav-chevron { transform: rotate(180deg); }

/* ────────────────────────
   DROPDOWN
──────────────────────── */
.nav-links > li:hover .dropdown,
.nav-links > li:focus-within .dropdown {
  opacity: 1;
  visibility: visible;
  transform: translateX(-50%) translateY(0);
  pointer-events: all;
}
.dropdown {
  position: absolute;
  top: calc(100% + 2px);
  left: 50%;
  transform: translateX(-50%) translateY(-10px);
  min-width: 240px;
  background: #FDFAF5;
  border: 1px solid rgba(201,169,110,.16);
  border-top: 2px solid #C9A96E;
  border-radius: 0 0 6px 6px;
  box-shadow: 0 20px 55px rgba(26,18,8,.12), 0 4px 14px rgba(26,18,8,.05);
  padding: 8px 0 12px;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity .28s ease, transform .28s ease, visibility .28s;
  z-index: 900;
}
/* Diamond notch */
.dropdown::before {
  content: '';
  position: absolute;
  top: -6px;
  left: 50%;
  transform: translateX(-50%) rotate(45deg);
  width: 10px; height: 10px;
  background: #FDFAF5;
  border-left: 1px solid rgba(201,169,110,.16);
  border-top: 1px solid rgba(201,169,110,.16);
}
.dropdown-head {
  font-family: 'Raleway', sans-serif;
  font-weight: 200;
  font-size: .44rem;
  letter-spacing: .5em;
  text-transform: uppercase;
  color: rgba(184,134,42,.6);
  padding: 8px 20px 10px;
  border-bottom: 1px solid rgba(201,169,110,.07);
  margin-bottom: 4px;
}
.dropdown a {
  display: flex;
  align-items: center;
  padding: 10px 20px;
  font-family: 'Cinzel', serif;
  font-weight: 500;
  font-size: .58rem;
  letter-spacing: .18em;
  text-transform: uppercase;
  color: #2A1E0E;
  text-decoration: none;
  cursor: none;
  position: relative;
  overflow: hidden;
  transition: padding-left .25s ease, filter .25s ease;
}
.dropdown a::before {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, rgba(201,169,110,.07) 0%, transparent 100%);
  transform: scaleX(0);
  transform-origin: left;
  transition: transform .28s ease;
}
.dropdown a::after {
  content: '';
  position: absolute;
  left: 0; top: 18%; bottom: 18%;
  width: 2px;
  background: linear-gradient(180deg, #E8C87A, #C9A96E, #B8862A);
  border-radius: 2px;
  transform: scaleY(0);
  transform-origin: center;
  transition: transform .25s ease;
}
.dropdown a:hover {
  padding-left: 26px;
  background: linear-gradient(135deg, #E8C87A 0%, #C9A96E 35%, #F5E0A0 60%, #B8862A 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  filter: drop-shadow(0 0 6px rgba(201,169,110,.28));
}
.dropdown a:hover::before { transform: scaleX(1); }
.dropdown a:hover::after  { transform: scaleY(1); }

/* ────────────────────────
   RIGHT — Search + Icons
──────────────────────── */
.nav-right {
  display: flex;
  align-items: center;
  gap: 12px;
  justify-self: end;
}
/* Large luxury search */
.nav-search {
  display: flex;
  align-items: center;
  gap: 0;
  width: 260px;
  height: 42px;
  background: #fff;
  border: 1px solid rgba(201,169,110,.22);
  border-radius: 2px;
  padding: 0 14px;
  transition: border-color .3s ease, box-shadow .3s ease;
}
.nav-search:focus-within {
  border-color: #C9A96E;
  box-shadow: 0 0 0 3px rgba(201,169,110,.08);
}
.nav-search-icon {
  width: 16px; height: 16px;
  stroke: #9A8A70;
  fill: none;
  stroke-width: 1.6;
  flex-shrink: 0;
  margin-right: 10px;
  transition: stroke .3s;
}
.nav-search:focus-within .nav-search-icon { stroke: #C9A96E; }
.nav-search input {
  flex: 1;
  border: none;
  outline: none;
  background: transparent;
  font-family: 'Raleway', sans-serif;
  font-weight: 300;
  font-size: .62rem;
  letter-spacing: .14em;
  color: #18140F;
}
.nav-search input::placeholder {
  color: #9A8A70;
  font-weight: 200;
  letter-spacing: .18em;
}
/* Action icon buttons */
.nav-actions {
  display: flex;
  align-items: center;
  gap: 4px;
}
.nav-action-btn {
  width: 40px; height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: none;
  border: none;
  cursor: none;
  color: #58503E;
  position: relative;
  border-radius: 50%;
  transition: color .3s ease, background .3s ease;
}
.nav-action-btn:hover {
  color: #C9A96E;
  background: rgba(201,169,110,.06);
}
.nav-action-btn svg {
  width: 20px; height: 20px;
  stroke: currentColor;
  fill: none;
  stroke-width: 1.5;
}
.nav-cart-btn { position: relative; }
.nav-cart-count {
  position: absolute;
  top: 4px; right: 4px;
  min-width: 16px; height: 16px;
  border-radius: 8px;
  background: #C9A96E;
  color: #18140F;
  font-family: 'Raleway', sans-serif;
  font-size: .4rem;
  font-weight: 600;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 4px;
  line-height: 1;
}

/* ────────────────────────
   HAMBURGER (mobile only)
──────────────────────── */
.nav-hamburger {
  display: none;
  flex-direction: column;
  gap: 5px;
  padding: 8px;
  background: none;
  border: none;
  cursor: none;
  flex-shrink: 0;
}
.nav-hamburger span {
  display: block;
  width: 22px; height: 1.5px;
  background: #18140F;
  border-radius: 1px;
  transition: all .32s ease;
}
.nav-hamburger.open span:nth-child(1) { transform: translateY(6.5px) rotate(45deg); }
.nav-hamburger.open span:nth-child(2) { opacity: 0; transform: scaleX(0); }
.nav-hamburger.open span:nth-child(3) { transform: translateY(-6.5px) rotate(-45deg); }

/* ────────────────────────
   RESPONSIVE
──────────────────────── */
@media(max-width:1200px) {
  .nav-links > li > a { padding: 0 14px; font-size: .57rem; }
  .nav-search { width: 200px; }
}
@media(max-width:1024px) {
  .nav-search { width: 170px; }
  .nav-links > li > a { padding: 0 10px; font-size: .54rem; letter-spacing: .16em; }
  .nav-brand-name { font-size: .78rem; }
}
@media(max-width:900px) {
  .nav-links { display: none; }
  .nav-hamburger { display: flex !important; }
  .nav-inner {
    grid-template-columns: 1fr auto auto;
    height: 68px;
    padding: 0 4vw;
  }
  #nav.scrolled .nav-inner { height: 56px; }
  .nav-brand-logo { height: 46px; }
  #nav.scrolled .nav-brand-logo { height: 36px; }
  .nav-brand-text { display: none; }
  .nav-right { gap: 8px; }
  .nav-search { width: 150px; height: 36px; }
}
@media(max-width:600px) {
  .nav-inner { height: 58px; padding: 0 3.5vw; }
  #nav.scrolled .nav-inner { height: 48px; }
  .nav-brand-logo { height: 40px; }
  .nav-search { display: none; }
}
@media(max-width:480px) {
  .nav-inner { height: 52px; }
  .nav-brand-logo { height: 36px; }
  .nav-actions { gap: 0; }
  .nav-action-btn { width: 36px; height: 36px; }
  .nav-action-btn svg { width: 18px; height: 18px; }
}

/* Athar banner video overlay — text always readable */
.feat-banner-overlay{
  position:absolute;inset:0;z-index:1;
  background:
    linear-gradient(90deg, rgba(8,5,2,.72) 0%, rgba(8,5,2,.28) 52%, rgba(8,5,2,.1) 100%),
    linear-gradient(180deg, rgba(8,5,2,.12) 0%, transparent 40%, rgba(8,5,2,.45) 100%);
}

/* ── Checkout input styles ── */
.co-input{
  width:100%;padding:12px 14px;
  border:1px solid rgba(139,101,20,.15);background:#fff;
  font-family:'Raleway',sans-serif;font-weight:300;
  font-size:.7rem;letter-spacing:.1em;color:#18140F;
  outline:none;transition:border-color .3s;
  margin-bottom:14px;display:block;
}
.co-input:focus{border-color:#C9A96E}
.co-input::placeholder{color:#9A8A70}
.co-label{
  font-family:'Raleway',sans-serif;font-weight:300;
  font-size:.54rem;letter-spacing:.32em;text-transform:uppercase;
  color:#58503E;display:block;margin-bottom:5px;
}
.co-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.co-section-title{
  font-family:'Cinzel',serif;font-size:.82rem;letter-spacing:.28em;
  color:#18140F;margin-bottom:20px;padding-bottom:12px;
  border-bottom:1px solid rgba(139,101,20,.12);
}
.co-btn-main{
  width:100%;padding:15px;
  background:#18140F;color:#C9A96E;
  font-family:'Raleway',sans-serif;font-weight:300;
  font-size:.62rem;letter-spacing:.44em;text-transform:uppercase;
  border:none;cursor:none;transition:background .3s;
  margin-top:8px;
}
.co-btn-main:hover{background:#C9A96E;color:#18140F}
.co-btn-back{
  background:none;border:none;
  font-family:'Raleway',sans-serif;font-weight:200;
  font-size:.58rem;letter-spacing:.32em;text-transform:uppercase;
  color:#9A8A70;cursor:none;padding:0;
  display:flex;align-items:center;gap:6px;margin-bottom:20px;
  transition:color .3s;
}
.co-btn-back:hover{color:#C9A96E}
.co-step-dot{
  width:8px;height:8px;border-radius:50%;
  background:rgba(139,101,20,.15);transition:all .4s;
}
.co-step-dot.active{background:#C9A96E;width:22px;border-radius:4px}
.co-step-dot.done{background:rgba(201,169,110,.4)}
.co-method{
  border:1px solid rgba(139,101,20,.15);padding:14px 18px;
  margin-bottom:10px;cursor:none;transition:all .3s;display:flex;align-items:center;gap:14px;
}
.co-method.selected{border-color:#C9A96E;background:rgba(201,169,110,.04)}
.co-method:hover{border-color:rgba(201,169,110,.4)}
.co-radio{
  width:16px;height:16px;border-radius:50%;
  border:2px solid rgba(139,101,20,.25);
  display:flex;align-items:center;justify-content:center;flex-shrink:0;
}
.co-method.selected .co-radio{border-color:#C9A96E}
.co-method.selected .co-radio::after{
  content:'';width:8px;height:8px;border-radius:50%;background:#C9A96E;display:block;
}
.co-method-name{
  font-family:'Raleway',sans-serif;font-weight:300;
  font-size:.66rem;letter-spacing:.18em;color:#18140F;
}
.co-method-sub{
  font-family:'Raleway',sans-serif;font-weight:100;
  font-size:.58rem;letter-spacing:.1em;color:#9A8A70;
}
.co-order-item{
  display:grid;grid-template-columns:56px 1fr auto;
  gap:12px;align-items:center;
  padding:10px 0;border-bottom:1px solid rgba(139,101,20,.08);
}
.co-order-img{
  aspect-ratio:1;background:#F0E8DC;overflow:hidden;
}
.co-order-img img{width:100%;height:100%;object-fit:contain;padding:4px}
.co-order-name{
  font-family:'Cormorant Garamond',serif;font-size:.92rem;color:#18140F;letter-spacing:.05em;
}
.co-order-cat{
  font-family:'Raleway',sans-serif;font-weight:100;font-size:.5rem;letter-spacing:.2em;text-transform:uppercase;color:#9A8A70;
}
.co-order-price{
  font-family:'Cormorant Garamond',serif;font-size:.95rem;color:#C9A96E;
}
.co-total-row{
  display:flex;justify-content:space-between;align-items:center;
  padding:8px 0;
}
.co-total-label{
  font-family:'Raleway',sans-serif;font-weight:200;font-size:.62rem;letter-spacing:.2em;text-transform:uppercase;color:#58503E;
}
.co-total-val{
  font-family:'Cormorant Garamond',serif;font-size:1rem;color:#18140F;
}
.co-total-val.big{font-size:1.3rem;color:#18140F}
.co-divider{height:1px;background:rgba(139,101,20,.1);margin:10px 0}
.co-error{
  font-family:'Raleway',sans-serif;font-weight:200;font-size:.6rem;
  color:#C44A2A;letter-spacing:.1em;margin-top:-8px;margin-bottom:10px;display:none;
}
.co-spinner{
  display:inline-block;width:16px;height:16px;
  border:2px solid rgba(201,169,110,.3);
  border-top-color:#C9A96E;border-radius:50%;
  animation:spin .7s linear infinite;margin-right:8px;
  vertical-align:middle;
}
@keyframes spin{to{transform:rotate(360deg)}}

/* ════════════════════════════════════════════════════
   RESPONSIVE — Full Device Coverage
   Breakpoints:
   1400px+ → Large desktop
   1100px  → Desktop/laptop
   900px   → Tablet landscape
   768px   → Tablet portrait
   600px   → Large phone
   480px   → Phone
   360px   → Small phone
════════════════════════════════════════════════════ */

/* ── Large desktop (1400px+) — widen grids ── */
@media(min-width:1400px){
  .prod-grid{grid-template-columns:repeat(4,1fr)}
  .frag-grid{grid-template-columns:repeat(5,1fr)}
  .sec{padding:7vh 6vw}

  .hero-content{max-width:680px}
}

/* ── Desktop (1100px) ── */
@media(max-width:1100px){



  .hero-h1{font-size:clamp(2.8rem,5.5vw,5.5rem)}
  .frag-grid{grid-template-columns:repeat(5,1fr);gap:1px}
  .frag-card{padding:4vh 1.5vw 3.5vh}
  .fc-name{font-size:.65rem;letter-spacing:.2em}
}

/* ── Tablet landscape + small laptop (900px) ── */
@media(max-width:900px){
  /* Nav — hide links, show hamburger */





  #nav.solid



  /* Announcement */

  #ann span:last-child{display:none}

  /* Hero */
  .hero-banner{position:relative;height:100vh;min-height:600px;overflow:hidden;background:#0D0A06}
  .hero-content{max-width:100%;padding:0 6vw}
  .hero-label{font-size:.5rem;margin-bottom:1rem}
  .hero-h1{font-size:clamp(2.4rem,7vw,4.5rem)}
  .hero-sub{font-size:.7rem;max-width:100%}
  .btn-hero{padding:12px 28px;font-size:.58rem}

  /* Sections */
  .sec{padding:5vh 4vw}




  /* Product grid */
  .prod-grid{grid-template-columns:repeat(2,1fr)}

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



  /* Fragrance grid */
  .frag-grid{grid-template-columns:repeat(2,1fr)}
  .frag-card{padding:4vh 3vw 3vh}

  /* Featured banners */
  .feat-banner{height:44vh}
  .feat-b-title{font-size:clamp(1.8rem,5vw,3.5rem)}
  .feat-banner-content{position:relative;z-index:2;padding:0 8vw}
  .btn-feat{padding:11px 28px;font-size:.55rem}

  /* Legacy section */
  #legacy-sec .sec > div[style*="grid"]{
    grid-template-columns:1fr !important;
    gap:4vh 0 !important;
  }

  /* Collections */
  .coll-grid{grid-template-columns:1fr 1fr}

  /* Trust bar */
  .trust-inner{grid-template-columns:1fr 1fr;gap:16px}

  /* Footer */
  .footer-top{grid-template-columns:1fr 1fr;gap:4vh 4vw}


  /* Cart */
  #cart-panel{width:360px}

  /* Checkout */
  #checkout-panel{max-width:100%;border-radius:0}
  .co-row{grid-template-columns:1fr 1fr;gap:10px}
}

/* ── Tablet portrait (768px) ── */
@media(max-width:768px){
  /* Nav */


  #nav.solid


  /* Hero */
  .hero-banner{position:relative;height:100vh;min-height:600px;overflow:hidden;background:#0D0A06}
  .hero-h1{font-size:clamp(2.2rem,8vw,3.8rem)}
  .hero-sub{display:none}
  .hero-btns{gap:8px}
  .btn-hero{padding:11px 22px;font-size:.55rem;letter-spacing:.3em}

  /* Product cards */
  .prod-grid{grid-template-columns:repeat(2,1fr);gap:1px}
  .prod-card-img{aspect-ratio:1/1}
  .prod-card-info{padding:10px 12px 14px}





  /* Fragrance grid */
  .frag-grid{grid-template-columns:1fr 1fr}
  .fc-desc{display:none}

  /* Featured banner */
  .feat-banner{height:38vh}
  .feat-b-tag{font-size:.48rem}
  .feat-b-title{font-size:clamp(1.6rem,6vw,3rem)}

  /* Trust bar */
  .trust-inner{grid-template-columns:1fr 1fr;gap:12px}
  .trust-item{flex-direction:column;text-align:center;gap:8px}

  /* Sections */
  .sec{padding:4.5vh 4vw}


  /* Footer */
  .footer-top{grid-template-columns:1fr;gap:3.5vh}
  .footer-desc{max-width:100%}
  .footer-bottom{flex-direction:column;align-items:flex-start;gap:10px}
  .footer-copy{font-size:.44rem}

  /* Cart */
  #cart-panel{width:100%;max-width:100vw}

  /* Checkout */
  #checkout-modal{align-items:flex-end}
  #checkout-panel{
    max-height:95vh;
    border-radius:16px 16px 0 0;
  }
  .co-row{grid-template-columns:1fr}
}

/* ── Large phone (600px) ── */
@media(max-width:600px){
  /* Announcement */


  /* Nav */



  /* Hero */
  .hero-banner{position:relative;height:100vh;min-height:600px;overflow:hidden;background:#0D0A06}
  .hero-h1{font-size:clamp(2rem,9vw,3.2rem);line-height:1.02}
  .hero-label{font-size:.44rem;letter-spacing:.4em;margin-bottom:.8rem}
  .hero-content{padding:0 5vw}
  .hero-btns{gap:8px}
  .btn-hero{padding:10px 18px;font-size:.52rem;letter-spacing:.28em}
  .hero-overlay{position:absolute;inset:0;z-index:2;background:linear-gradient(135deg,rgba(6,4,1,.72) 0%,rgba(6,4,1,.18) 52%,rgba(6,4,1,.35) 100%),linear-gradient(180deg,rgba(6,4,1,.05) 0%,transparent 50%,rgba(6,4,1,.6) 100%)}

  /* Sections */
  .sec{padding:4vh 3.5vw}




  /* Product grid — 2 cols tight */
  .prod-grid{grid-template-columns:repeat(2,1fr);gap:1px}
  .prod-card-info{padding:8px 10px 12px}





  /* Fragrance grid */
  .frag-grid{grid-template-columns:1fr}
  .frag-card{padding:3.5vh 4vw}

  /* Featured banner */
  .feat-banner{height:34vh}
  .feat-banner-content{position:relative;z-index:2;padding:0 8vw}
  .feat-b-title{font-size:clamp(1.4rem,7vw,2.5rem)}
  .feat-b-tag{font-size:.44rem;letter-spacing:.4em;margin-bottom:.8rem}
  .btn-feat{padding:10px 22px;font-size:.52rem;letter-spacing:.3em}

  /* Trust bar */
  .trust-bar{padding:2.5vh 4vw}
  .trust-inner{grid-template-columns:1fr 1fr;gap:10px}
  .trust-ttl{font-size:.52rem;letter-spacing:.2em}
  .trust-sub{font-size:.48rem}

  /* Footer */
  .footer-top{grid-template-columns:1fr;gap:3vh}
  .footer-bottom{flex-direction:column;gap:8px}
  footer{padding:6vh 4vw 4vh}

  /* Cart */
  #cart-panel{width:100%}
  .cart-head{padding:16px 18px}
  .cart-body{padding:16px 18px}
  .cart-foot{padding:16px 18px}
  .cart-item{grid-template-columns:64px 1fr
/* ════ PRODUCT CARD — clickable ════ */
.prod-card{
  cursor:none;
}
.prod-card:hover .prod-card-img img{
  transform:scale(1.06);
}
/* Popup mobile responsive */
@media(max-width:600px){
  #prod-popup-body{grid-template-columns:1fr !important}
  #prod-popup-panel{max-height:96vh}
}
auto;gap:10px}

  /* Checkout */
  #checkout-panel{max-height:96vh}
  #co-header{padding:14px 18px;height:62px}
  #co-body{padding:18px}
  .co-input{padding:10px 12px;font-size:.66rem}
  .co-label{font-size:.5rem}
  .co-btn-main{padding:13px;font-size:.58rem}
  .co-section-title{font-size:.72rem;letter-spacing:.22em}

  /* Collection overlay */
  #coll-page #cp-header{padding:0 3.5vw;height:62px}
  #cp-title{font-size:.82rem;letter-spacing:.22em}
  #coll-page > div:last-child{padding:3vh 3.5vw}
  #cp-grid{grid-template-columns:repeat(2,1fr) !important}
}

/* ── Phone (480px) ── */
@media(max-width:480px){
  /* Announcement */


  /* Nav */




  /* Hero */
  .hero-banner{position:relative;height:100vh;min-height:600px;overflow:hidden;background:#0D0A06}
  .hero-h1{font-size:clamp(1.8rem,10vw,2.8rem)}

  /* Product — switch to 1 col on very small screens */
  .prod-grid{grid-template-columns:1fr}
  .prod-card-img{aspect-ratio:4/3}
  .prod-card-img img{padding:12px 24px}



  /* Featured banner */
  .feat-banner{height:30vh}

  /* Frag cards */
  .frag-grid{grid-template-columns:1fr}
  .fc-notes{display:none}

  /* Collection grid */
  #cp-grid{grid-template-columns:1fr !important}

  /* Footer bottom */
  .footer-pay{flex-wrap:wrap;gap:5px}
  .pay-badge{font-size:.42rem;padding:3px 8px}

  /* Trust bar */
  .trust-inner{grid-template-columns:1fr}
  .trust-item{flex-direction:row;justify-content:flex-start;text-align:left}

  /* Marquee */
  .mw{font-size:.78rem;padding:0 1.4rem}
  .marquee{padding:2.2vh 0}
}

/* ── Small phone (360px) ── */
@media(max-width:360px){



  .hero-banner{position:relative;height:100vh;min-height:600px;overflow:hidden;background:#0D0A06}
  .hero-h1{font-size:1.7rem}
  .btn-hero{padding:9px 14px;font-size:.48rem;letter-spacing:.22em}
  .sec{padding:3.5vh 3vw}
  .prod-grid{grid-template-columns:1fr}
  .hero-btns{flex-direction:column;align-items:flex-start}
  #co-body{padding:14px}
  .co-input{padding:9px 10px}
}

/* ── Mobile navigation drawer ── */

/* Mobile nav drawer */
#mobile-nav{
  position:fixed;top:0;left:0;right:0;bottom:0;z-index:690;
  background:#FAF6F0;
  transform:translateX(-100%);transition:transform .4s cubic-bezier(.25,.46,.45,.94);
  overflow-y:auto;padding-top:80px;
  display:none;
}
#mobile-nav.open{transform:translateX(0)}
.mobile-nav-links{
  list-style:none;padding:0 6vw;
}
.mobile-nav-links li{
  border-bottom:1px solid rgba(139,101,20,.1);
}
.mobile-nav-links > li > a{
  display:block;padding:18px 0;
  font-family:'Raleway',sans-serif;font-weight:300;
  font-size:.75rem;letter-spacing:.28em;text-transform:uppercase;
  color:var(--ink);text-decoration:none;
  transition:color .3s;
}
.mobile-nav-links > li > a:hover{color:var(--gold)}
.mobile-nav-sub{
  padding:8px 0 16px 16px;
  display:flex;flex-direction:column;gap:4px;
}

.mobile-nav-close{
  position:absolute;top:20px;right:5vw;
  background:none;border:none;cursor:none;
  font-size:1.4rem;color:var(--mid);line-height:1;
}

/* ── Touch device improvements ── */
@media(hover:none) and (pointer:coarse){
  /* Larger tap targets */


  .qty-btn{width:32px;height:32px}
  .co-method{padding:16px 18px}
  /* Remove hover-only effects */
  .prod-wish{opacity:1 !important}
  .prod-card:hover{box-shadow:none}
  /* Cursor: auto on touch */


}
@media(max-width:768px){


  section[id]{scroll-margin-top:80px}
}
@media(max-width:600px){


  #nav.solid
  .sec{padding:4vh 3.5vw}
  section[id]{scroll-margin-top:72px}

}
@media(max-width:480px){


  section[id]{scroll-margin-top:64px}

  .sec{padding:3.5vh 3vw}
}
@media(max-width:360px){
  section[id]{scroll-margin-top:58px}
}

/* ════ SECTION SCROLL + SPACING ════ */
section[id]{
  scroll-margin-top:110px;
}
.sec{
  padding:6vh 4.5vw;
}
/* Section title gradient */

/* View all link alignment */

}
}

/* ── Print ── */
@media print{
  #entrance,#nav,#ann,.wa-float,#cart-modal,#checkout-modal,#order-success{display:none !important}
  .hero-banner{position:relative;height:100vh;min-height:600px;overflow:hidden;background:#0D0A06}
  .prod-grid{grid-template-columns:repeat(3,1fr)}
}

/* ── Safe area for notched phones (iPhone X+) ── */
@supports(padding:max(0px)){

  footer{padding-bottom:max(4vh,env(safe-area-inset-bottom))}
  .wa-float{bottom:max(28px,env(safe-area-inset-bottom))}
}

/* ════ NAV LOGO + INNER — DEFINITIVE ════ */

#nav.solid
#nav.solid

/* ════ DROPDOWN LINKS — Bold Shiny Gold ════ */

/* Active/selected fragrance */

/* Left accent line on hover */

/* ════ MOBILE NAV SUB LINKS — Bold Shiny Gold ════ */
.mobile-nav-sub a{
  font-family:'Cinzel',serif;
  font-weight:500;
  font-size:.62rem;
  letter-spacing:.2em;
  text-transform:uppercase;
  text-decoration:none;
  padding:10px 0;
  color:var(--ink);
  transition:all .35s var(--e);
  position:relative;
  display:block;
  border-bottom:1px solid rgba(139,101,20,.06);
}
.mobile-nav-sub a:hover,
.mobile-nav-sub a:active{
  background:linear-gradient(135deg,#E8C87A 0%,#C9A96E 35%,#F0D898 62%,#B8862A 100%);
  -webkit-background-clip:text;
  -webkit-text-fill-color:transparent;
  background-clip:text;
  padding-left:8px;
}

/* ════ SECTION HEADERS — Bold Shiny Gold ════ */

/* View All — shiny underline style */

/* Dark section overrides */
.dark-sec
.dark-sec

/* ════ FRAGRANCE FILTER CHIPS — Bold Shiny Gold ════ */
.fchip{
  padding:9px 22px;
  border:1px solid rgba(201,169,110,.2);
  background:transparent;
  font-family:'Cinzel',serif;
  font-weight:600;
  font-size:.62rem;
  letter-spacing:.22em;
  text-transform:uppercase;
  cursor:none;
  transition:all .35s var(--e);
  position:relative;
  overflow:hidden;
  color:var(--ink);
}
.fchip::before{
  content:'';
  position:absolute;inset:0;
  background:linear-gradient(135deg,rgba(232,200,122,.1),rgba(201,169,110,.05),rgba(184,134,42,.08));
  opacity:0;transition:opacity .3s;
}
.fchip:hover{ border-color:var(--gold); }
.fchip:hover::before{ opacity:1; }
.fchip:hover,
.fchip.on{
  background:linear-gradient(135deg,#E8C87A 0%,#C9A96E 35%,#F5E0A0 62%,#B8862A 100%);
  -webkit-background-clip:text;
  -webkit-text-fill-color:transparent;
  background-clip:text;
  border-color:var(--gold);
  filter:drop-shadow(0 0 8px rgba(201,169,110,.45));
}
.fchip.on{
  border-width:1.5px;
  filter:drop-shadow(0 0 12px rgba(201,169,110,.55));
}

/* ════ NAV LOGO — DEFINITIVE (no overrides below) ════ */

dges;
  flex-shrink:0;
}
#nav.solid
@media(max-width:1100px){  #nav.solid  }
@media(max-width:900px) {  #nav.solid  }
@media(max-width:768px) {  #nav.solid
/* ════ OUR LEGACY SECTION ════ */

/* Stats grid */

/* Quote */

/* Responsive */
@media(max-width:900px){


}
@media(max-width:600px){




}
}
@media(max-width:600px) { .n
/* ════ CURSOR — Adaptive colour ════ */

/* White cursor on dark backgrounds */
body.dark-cursor
body.dark-cursor
body.dark-cursor
av-logo img{height:52px} #nav.solid  }
@media(max-width:480px) {  #nav.solid  }
@media(max-width:360px) {  #nav.solid  }

/* ════ NAV LOGO — DEFINITIVE ════ */

#nav.solid
@media(max-width:1100px){#nav.solid }
@media(max-width:900px) {#nav.solid }
@media(max-width:768px) {#nav.solid }
@media(max-width:600px) {#nav.solid }
@media(max-width:480px) {#nav.solid }

/* ════ FOOTER LOGO ════ */
.footer-logo{
  height:76px;width:auto;display:block;
  object-fit:contain;margin-bottom:1.4rem;
  image-rendering:-webkit-optimize-contrast;
  image-rendering:crisp-edges;
  opacity:.9;
}

/* ════ CURSOR — SINGLE DEFINITIVE BLOCK ════ */
body{cursor:none}
#cd{
  position:fixed;top:0;left:0;
  width:10px;height:10px;
  background:#C9A96E;
  border-radius:50%;
  pointer-events:none;
  z-index:99999;
  transform:translate(-50%,-50%);
  box-shadow:0 0 12px rgba(201,169,110,.9),0 0 24px rgba(201,169,110,.4);
  will-change:transform;
  transition:background .2s ease,box-shadow .2s ease,width .2s ease,height .2s ease;
  mix-blend-mode:normal;
}
#cr{
  position:fixed;top:0;left:0;
  width:42px;height:42px;
  border:1.5px solid rgba(201,169,110,.6);
  border-radius:50%;
  pointer-events:none;
  z-index:99998;
  transform:translate(-50%,-50%);
  will-change:transform;
  transition:width .3s ease,height .3s ease,border-color .25s ease,opacity .25s ease;
  background:transparent;
}
#cr.big{width:64px;height:64px;border-color:rgba(201,169,110,.9)}
/* white on dark bg */
body.cur-dk #cd{background:#fff;box-shadow:0 0 14px rgba(255,255,255,.8),0 0 28px rgba(255,255,255,.3)}
body.cur-dk #cr{border-color:rgba(255,255,255,.6)}
body.cur-dk #cr.big{border-color:#fff}
/* touch — hide custom cursor, restore native */
@media(hover:none) and (pointer:coarse){
  #cd,#cr{display:none!important}
  body{cursor:auto!important}
}

/* ════ SECTION TITLE — Bold Shiny Gold ════ */

/* override for dark sections */
.dark-sec

/* ════ PRODUCT CARD INFO ════ */
.prod-cat{
  font-family:'Raleway',sans-serif;font-weight:100;
  font-size:.48rem;letter-spacing:.36em;text-transform:uppercase;
  color:var(--gold);margin-bottom:.4rem;
}
.prod-name{
  font-family:'Cormorant Garamond',serif;font-weight:400;
  font-size:1.1rem;letter-spacing:.05em;color:var(--ink);
  margin-bottom:.3rem;line-height:1.25;
}
.prod-notes{
  font-family:'Raleway',sans-serif;font-weight:100;
  font-size:.5rem;letter-spacing:.1em;color:var(--lt);
  margin-bottom:.9rem;
}
.prod-bottom{
  display:flex;align-items:center;
  justify-content:space-between;gap:8px;
}
.prod-price{
  font-family:'Cormorant Garamond',serif;
  font-size:1.1rem;font-weight:400;
  color:var(--ink);letter-spacing:.04em;
}
.prod-price .cur{
  font-size:.7rem;font-weight:300;
  color:var(--lt);letter-spacing:.16em;
  text-transform:uppercase;margin-right:2px;
}
.btn-add{
  padding:7px 16px;
  background:var(--ink);color:var(--gold);
  font-family:'Raleway',sans-serif;font-weight:300;
  font-size:.5rem;letter-spacing:.24em;text-transform:uppercase;
  border:1px solid var(--ink);cursor:none;flex-shrink:0;
  transition:background .3s,color .3s,transform .2s;
}
.btn-add:hover{
  background:var(--gold);color:var(--ink);
  border-color:var(--gold);transform:translateY(-1px);
}

/* ════ OUR LEGACY SECTION ════ */
.legacy-layout{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:5vw;align-items:start;
  padding:4vh 0 7vh;
}
.legacy-eyebrow{
  font-family:'Raleway',sans-serif;font-weight:100;
  font-size:.5rem;letter-spacing:.58em;text-transform:uppercase;
  color:var(--gold);margin-bottom:1.6rem;
}
.legacy-headline{
  font-family:'Cormorant Garamond',serif;font-weight:300;
  font-size:clamp(2.4rem,4.8vw,4.8rem);
  line-height:.97;color:var(--ink);margin-bottom:1.4rem;
}
.legacy-headline em{
  font-style:italic;color:var(--gold);display:block;
}
.legacy-rule{
  width:38px;height:1px;
  background:linear-gradient(90deg,var(--gold),transparent);
  margin:1.4rem 0;
}
.legacy-body{
  font-family:'Raleway',sans-serif;font-weight:200;
  font-size:.76rem;line-height:2.5;letter-spacing:.06em;
  color:var(--mid);max-width:420px;margin-bottom:1.3rem;
}
.legacy-story{padding-right:2vw}
/* Stats */
.legacy-stats-wrap{display:flex;flex-direction:column;gap:2.5vh}
.legacy-stats-grid{
  display:grid;grid-template-columns:1fr 1fr;
  gap:1px;background:rgba(139,101,20,.1);
}
.legacy-stat{
  background:var(--cream);
  padding:3.2vh 2.2vw;text-align:center;
}
.legacy-stat-num{
  font-family:'Cormorant Garamond',serif;font-weight:300;
  font-size:clamp(2rem,3.2vw,3rem);line-height:1;
  background:linear-gradient(135deg,#E8C87A 0%,#C9A96E 40%,#F0D898 65%,#B8862A 100%);
  -webkit-background-clip:text;-webkit-text-fill-color:transparent;
  background-clip:text;
  filter:drop-shadow(0 0 8px rgba(201,169,110,.28));
}
.legacy-stat-rule{
  width:18px;height:1px;
  background:linear-gradient(90deg,transparent,var(--gold),transparent);
  margin:.6rem auto;
}
.legacy-stat-lbl{
  font-family:'Raleway',sans-serif;font-weight:200;
  font-size:.46rem;letter-spacing:.42em;
  text-transform:uppercase;color:var(--lt);
}
/* Quote */
.legacy-quote-block{
  border-left:2px solid rgba(201,169,110,.28);
  padding:1.6rem 1.8rem;
  background:rgba(201,169,110,.04);
}
.legacy-quote-mark{
  font-family:'Cormorant Garamond',serif;
  font-size:2.8rem;line-height:.65;
  color:rgba(201,169,110,.35);margin-bottom:.5rem;
}
.legacy-quote-text{
  font-family:'Cormorant Garamond',serif;font-style:italic;
  font-weight:300;font-size:1rem;
  line-height:1.75;letter-spacing:.04em;
  color:var(--mid);margin-bottom:.7rem;
}
.legacy-quote-attr{
  font-family:'Raleway',sans-serif;font-weight:100;
  font-size:.5rem;letter-spacing:.3em;
  text-transform:uppercase;color:var(--lt);
}
/* Responsive */
@media(max-width:900px){
  .legacy-layout{grid-template-columns:1fr;gap:4vh}
  .legacy-body{max-width:100%}
  .legacy-story{padding-right:0}
}
@media(max-width:600px){
  .legacy-stats-grid{grid-template-columns:1fr 1fr}
  .legacy-stat{padding:2.5vh 4vw}
}

/* ════════════════════════════════════════
   SECTION HEADERS — Bold Shiny Gold
   Single definitive block, no overrides
════════════════════════════════════════ */

/* ── VIEW ALL link — shiny gold ── */

/* Dark section header variants */
.dark-sec
.dark-sec
.dark-sec
.dark-sec

/* ═══════════════════════════════════════════
   SECTION HEADERS  —  complete definitive block
   Bold · Cinzel · Shiny Brushed Gold
═══════════════════════════════════════════ */

/* Section top bar */
.sec-top {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 10px;
  margin-bottom: 3vh;
  padding-bottom: 1.6vh;
  border-bottom: 1.5px solid rgba(201,169,110,.15);
  position: relative;
}
.sec-top::after {
  content: '';
  position: absolute;
  bottom: -1.5px;
  left: 0;
  width: 56px;
  height: 1.5px;
  background: linear-gradient(90deg, #E8C87A, #C9A96E, transparent);
  box-shadow: 0 0 8px rgba(201,169,110,.45);
}

/* Section title — BIG BOLD SHINY GOLD */
.sec-ttl {
  font-family: 'Cinzel', serif;
  font-weight: 600;
  font-size: clamp(1.1rem, 2.2vw, 1.9rem);
  letter-spacing: .16em;
  line-height: 1.15;
  color: #C9A96E;                                /* solid gold fallback */
  background: linear-gradient(135deg, #E8C87A 0%, #C9A96E 35%, #F5E0A0 60%, #B8862A 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  filter: drop-shadow(0 0 14px rgba(201,169,110,.35));
  display: inline-block;                         /* required for bg-clip on block elements */
}

/* The <span> inside sec-ttl — inherits gradient */
.sec-ttl span {
  font-family: 'Cinzel', serif;
  font-weight: 600;
  font-size: inherit;
  letter-spacing: inherit;
  color: #C9A96E;
  background: linear-gradient(135deg, #E8C87A 0%, #C9A96E 35%, #F5E0A0 60%, #B8862A 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

/* Section subtitle */
.sec-sub {
  font-family: 'Cormorant Garamond', serif;
  font-style: italic;
  font-size: .9rem;
  color: rgba(90,78,60,.6);
  letter-spacing: .08em;
  margin-top: 4px;
}

/* View All link — gold Cinzel with animated underline */
.view-all {
  font-family: 'Cinzel', serif;
  font-weight: 500;
  font-size: .58rem;
  letter-spacing: .24em;
  text-transform: uppercase;
  text-decoration: none;
  cursor: none;
  white-space: nowrap;
  flex-shrink: 0;
  color: #C9A96E;                                /* solid fallback */
  background: linear-gradient(135deg, #E8C87A 0%, #C9A96E 40%, #B8862A 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  position: relative;
  padding-bottom: 4px;
  transition: filter .3s ease;
  display: inline-block;
}
.view-all::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 1px;
  background: linear-gradient(90deg, #E8C87A, #C9A96E, #B8862A);
  transform: scaleX(.3);
  transform-origin: left center;
  transition: transform .4s cubic-bezier(.25,.46,.45,.94);
}
.view-all:hover {
  filter: drop-shadow(0 0 10px rgba(201,169,110,.6));
}
.view-all:hover::after {
  transform: scaleX(1);
}

/* Dark section variants (bakhur / fragrances) */
.dark-sec .sec-top {
  border-bottom-color: rgba(201,169,110,.1);
}
.dark-sec .sec-ttl {
  background: linear-gradient(135deg, #F5E0A0 0%, #E8C87A 30%, #FAEDC0 58%, #C9A96E 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  filter: drop-shadow(0 0 20px rgba(201,169,110,.55));
}
.dark-sec .sec-ttl span {
  background: linear-gradient(135deg, #F5E0A0 0%, #E8C87A 30%, #FAEDC0 58%, #C9A96E 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}
.dark-sec .sec-sub {
  color: rgba(201,169,110,.5);
}
.dark-sec .view-all {
  background: linear-gradient(135deg, #F5E0A0 0%, #E8C87A 40%, #C9A96E 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

/* ═══════════════════════════════════════════════════
   MISKARA NAV — Complete Luxury System
═══════════════════════════════════════════════════ */

#nav.scrolled

#nav.scrolled

/* Dropdown */

/* Right icons */

.nav-search-bar input::placeholder{color:#9A8A70}

/* Hamburger */

/* Responsive */
@media(max-width:1100px){#nav.scrolled }
@media(max-width:900px){#nav.scrolled #nav.scrolled }
@media(max-width:600px){#nav.scrolled #nav.scrolled }
@media(max-width:480px){#nav.scrolled }

/* ═══════════════════════════════════════════════════════════════
   MISKARA HEADER — Complete Luxury System
   Inspired by: Creed · Amouage · Tom Ford · Louis Vuitton
═══════════════════════════════════════════════════════════════ */

/* ── Announcement Bar ── */
#ann {
  height: 34px;
  background: #18140F;
  overflow: hidden;
  display: flex;
  align-items: center;
  border-bottom: 1px solid rgba(201,169,110,.1);
}
.ann-track {
  display: flex;
  align-items: center;
  gap: 0;
  white-space: nowrap;
  animation: ann-scroll 28s linear infinite;
  will-change: transform;
}
.ann-track:hover { animation-play-state: paused; }
.ann-item {
  font-family: 'Raleway', sans-serif;
  font-weight: 200;
  font-size: .5rem;
  letter-spacing: .48em;
  text-transform: uppercase;
  color: rgba(201,169,110,.7);
  padding: 0 2.4rem;
}
.ann-dot {
  color: rgba(201,169,110,.35);
  font-size: .28rem;
  flex-shrink: 0;
}
@keyframes ann-scroll {
  0%   { transform: translateX(0); }
  100% { transform: translateX(-50%); }
}

/* ── Nav shell ── */
#nav {
  position: sticky;
  top: 0;
  z-index: 700;
  background: #FDFAF5;
  border-bottom: 1px solid rgba(201,169,110,.11);
  transition: box-shadow .45s ease, background .45s ease;
}
#nav.scrolled {
  background: rgba(253,250,245,.97);
  backdrop-filter: blur(28px) saturate(1.4);
  -webkit-backdrop-filter: blur(28px) saturate(1.4);
  box-shadow: 0 1px 0 rgba(201,169,110,.12), 0 4px 32px rgba(26,18,8,.07);
}

/* ── Inner 3-column grid ── */
.nav-inner {
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
  height: 88px;
  padding: 0 3vw;
  gap: 0;
  transition: height .4s ease;
}
#nav.scrolled .nav-inner { height: 68px; }

/* ────────────────────────
   LEFT — Brand Stack
──────────────────────── */
.nav-brand {
  display: flex;
  align-items: center;
  gap: 14px;
  text-decoration: none;
  justify-self: start;
  cursor: none;
  transition: opacity .3s;
}
.nav-brand:hover { opacity: .85; }
.nav-brand-logo {
  height: 58px;
  width: auto;
  display: block;
  object-fit: contain;
  flex-shrink: 0;
  image-rendering: -webkit-optimize-contrast;
  image-rendering: crisp-edges;
  transition: height .4s ease;
}
#nav.scrolled .nav-brand-logo { height: 44px; }
.nav-brand-text {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 3px;
  border-left: 1px solid rgba(201,169,110,.25);
  padding-left: 14px;
}
.nav-brand-name {
  font-family: 'Cinzel', serif;
  font-weight: 500;
  font-size: .88rem;
  letter-spacing: .32em;
  color: #18140F;
  line-height: 1;
  display: block;
}
.nav-brand-sub {
  font-family: 'Raleway', sans-serif;
  font-weight: 200;
  font-size: .46rem;
  letter-spacing: .45em;
  text-transform: uppercase;
  color: rgba(201,169,110,.75);
  display: block;
}

/* ────────────────────────
   CENTRE — Navigation
──────────────────────── */
.nav-links {
  display: flex;
  align-items: stretch;
  list-style: none;
  margin: 0; padding: 0;
  height: 100%;
  gap: 0;
  justify-self: center;
}
.nav-links > li {
  position: relative;
  display: flex;
  align-items: center;
}
.nav-links > li > a {
  display: flex;
  align-items: center;
  gap: 5px;
  height: 100%;
  padding: 0 18px;
  font-family: 'Raleway', sans-serif;
  font-weight: 400;
  font-size: .6rem;
  letter-spacing: .2em;
  text-transform: uppercase;
  color: #3A2E1E;
  text-decoration: none;
  border-bottom: 2px solid transparent;
  transition: color .3s ease, border-color .35s ease;
  white-space: nowrap;
  cursor: none;
  position: relative;
}
.nav-links > li > a:hover {
  color: #C9A96E;
  border-bottom-color: #C9A96E;
}
.nav-chevron {
  font-size: .5rem;
  opacity: .6;
  transition: transform .3s ease;
  display: inline-block;
}
.nav-links > li:hover .nav-chevron { transform: rotate(180deg); }

/* ────────────────────────
   DROPDOWN
──────────────────────── */
.nav-links > li:hover .dropdown,
.nav-links > li:focus-within .dropdown {
  opacity: 1;
  visibility: visible;
  transform: translateX(-50%) translateY(0);
  pointer-events: all;
}
.dropdown {
  position: absolute;
  top: calc(100% + 2px);
  left: 50%;
  transform: translateX(-50%) translateY(-10px);
  min-width: 240px;
  background: #FDFAF5;
  border: 1px solid rgba(201,169,110,.16);
  border-top: 2px solid #C9A96E;
  border-radius: 0 0 6px 6px;
  box-shadow: 0 20px 55px rgba(26,18,8,.12), 0 4px 14px rgba(26,18,8,.05);
  padding: 8px 0 12px;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity .28s ease, transform .28s ease, visibility .28s;
  z-index: 900;
}
/* Diamond notch */
.dropdown::before {
  content: '';
  position: absolute;
  top: -6px;
  left: 50%;
  transform: translateX(-50%) rotate(45deg);
  width: 10px; height: 10px;
  background: #FDFAF5;
  border-left: 1px solid rgba(201,169,110,.16);
  border-top: 1px solid rgba(201,169,110,.16);
}
.dropdown-head {
  font-family: 'Raleway', sans-serif;
  font-weight: 200;
  font-size: .44rem;
  letter-spacing: .5em;
  text-transform: uppercase;
  color: rgba(184,134,42,.6);
  padding: 8px 20px 10px;
  border-bottom: 1px solid rgba(201,169,110,.07);
  margin-bottom: 4px;
}
.dropdown a {
  display: flex;
  align-items: center;
  padding: 10px 20px;
  font-family: 'Cinzel', serif;
  font-weight: 500;
  font-size: .58rem;
  letter-spacing: .18em;
  text-transform: uppercase;
  color: #2A1E0E;
  text-decoration: none;
  cursor: none;
  position: relative;
  overflow: hidden;
  transition: padding-left .25s ease, filter .25s ease;
}
.dropdown a::before {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, rgba(201,169,110,.07) 0%, transparent 100%);
  transform: scaleX(0);
  transform-origin: left;
  transition: transform .28s ease;
}
.dropdown a::after {
  content: '';
  position: absolute;
  left: 0; top: 18%; bottom: 18%;
  width: 2px;
  background: linear-gradient(180deg, #E8C87A, #C9A96E, #B8862A);
  border-radius: 2px;
  transform: scaleY(0);
  transform-origin: center;
  transition: transform .25s ease;
}
.dropdown a:hover {
  padding-left: 26px;
  background: linear-gradient(135deg, #E8C87A 0%, #C9A96E 35%, #F5E0A0 60%, #B8862A 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  filter: drop-shadow(0 0 6px rgba(201,169,110,.28));
}
.dropdown a:hover::before { transform: scaleX(1); }
.dropdown a:hover::after  { transform: scaleY(1); }

/* ────────────────────────
   RIGHT — Search + Icons
──────────────────────── */
.nav-right {
  display: flex;
  align-items: center;
  gap: 12px;
  justify-self: end;
}
/* Large luxury search */
.nav-search {
  display: flex;
  align-items: center;
  gap: 0;
  width: 260px;
  height: 42px;
  background: #fff;
  border: 1px solid rgba(201,169,110,.22);
  border-radius: 2px;
  padding: 0 14px;
  transition: border-color .3s ease, box-shadow .3s ease;
}
.nav-search:focus-within {
  border-color: #C9A96E;
  box-shadow: 0 0 0 3px rgba(201,169,110,.08);
}
.nav-search-icon {
  width: 16px; height: 16px;
  stroke: #9A8A70;
  fill: none;
  stroke-width: 1.6;
  flex-shrink: 0;
  margin-right: 10px;
  transition: stroke .3s;
}
.nav-search:focus-within .nav-search-icon { stroke: #C9A96E; }
.nav-search input {
  flex: 1;
  border: none;
  outline: none;
  background: transparent;
  font-family: 'Raleway', sans-serif;
  font-weight: 300;
  font-size: .62rem;
  letter-spacing: .14em;
  color: #18140F;
}
.nav-search input::placeholder {
  color: #9A8A70;
  font-weight: 200;
  letter-spacing: .18em;
}
/* Action icon buttons */
.nav-actions {
  display: flex;
  align-items: center;
  gap: 4px;
}
.nav-action-btn {
  width: 40px; height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: none;
  border: none;
  cursor: none;
  color: #58503E;
  position: relative;
  border-radius: 50%;
  transition: color .3s ease, background .3s ease;
}
.nav-action-btn:hover {
  color: #C9A96E;
  background: rgba(201,169,110,.06);
}
.nav-action-btn svg {
  width: 20px; height: 20px;
  stroke: currentColor;
  fill: none;
  stroke-width: 1.5;
}
.nav-cart-btn { position: relative; }
.nav-cart-count {
  position: absolute;
  top: 4px; right: 4px;
  min-width: 16px; height: 16px;
  border-radius: 8px;
  background: #C9A96E;
  color: #18140F;
  font-family: 'Raleway', sans-serif;
  font-size: .4rem;
  font-weight: 600;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 4px;
  line-height: 1;
}

/* ────────────────────────
   HAMBURGER (mobile only)
──────────────────────── */
.nav-hamburger {
  display: none;
  flex-direction: column;
  gap: 5px;
  padding: 8px;
  background: none;
  border: none;
  cursor: none;
  flex-shrink: 0;
}
.nav-hamburger span {
  display: block;
  width: 22px; height: 1.5px;
  background: #18140F;
  border-radius: 1px;
  transition: all .32s ease;
}
.nav-hamburger.open span:nth-child(1) { transform: translateY(6.5px) rotate(45deg); }
.nav-hamburger.open span:nth-child(2) { opacity: 0; transform: scaleX(0); }
.nav-hamburger.open span:nth-child(3) { transform: translateY(-6.5px) rotate(-45deg); }

/* ────────────────────────
   RESPONSIVE
──────────────────────── */
@media(max-width:1200px) {
  .nav-links > li > a { padding: 0 14px; font-size: .57rem; }
  .nav-search { width: 200px; }
}
@media(max-width:1024px) {
  .nav-search { width: 170px; }
  .nav-links > li > a { padding: 0 10px; font-size: .54rem; letter-spacing: .16em; }
  .nav-brand-name { font-size: .78rem; }
}
@media(max-width:900px) {
  .nav-links { display: none; }
  .nav-hamburger { display: flex !important; }
  .nav-inner {
    grid-template-columns: 1fr auto auto;
    height: 68px;
    padding: 0 4vw;
  }
  #nav.scrolled .nav-inner { height: 56px; }
  .nav-brand-logo { height: 46px; }
  #nav.scrolled .nav-brand-logo { height: 36px; }
  .nav-brand-text { display: none; }
  .nav-right { gap: 8px; }
  .nav-search { width: 150px; height: 36px; }
}
@media(max-width:600px) {
  .nav-inner { height: 58px; padding: 0 3.5vw; }
  #nav.scrolled .nav-inner { height: 48px; }
  .nav-brand-logo { height: 40px; }
  .nav-search { display: none; }
}
@media(max-width:480px) {
  .nav-inner { height: 52px; }
  .nav-brand-logo { height: 36px; }
  .nav-actions { gap: 0; }
  .nav-action-btn { width: 36px; height: 36px; }
  .nav-action-btn svg { width: 18px; height: 18px; }
}

/* Athar banner video overlay — text always readable */
.feat-banner-overlay{
  position:absolute;inset:0;z-index:1;
  background:
    linear-gradient(90deg, rgba(8,5,2,.72) 0%, rgba(8,5,2,.28) 52%, rgba(8,5,2,.1) 100%),
    linear-gradient(180deg, rgba(8,5,2,.12) 0%, transparent 40%, rgba(8,5,2,.45) 100%);
}

/* ═══ PERFORMANCE ═══ */
*{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
img{content-visibility:auto}
.prod-card{contain:layout style}
.msk-tile{contain:layout style paint}
.soc-banner{contain:layout style paint}
#coll-page,#prod-popup,#checkout-modal,#cart-modal{contain:layout style}
#bakhur-three{contain:strict}
video{will-change:auto}

/* ═══ LAZY IMAGE PLACEHOLDER ═══ */
img[loading="lazy"]{background:linear-gradient(90deg,#f0ebe0 25%,#e8e0d0 50%,#f0ebe0 75%);
  background-size:200% 100%;animation:shimmer 1.5s infinite}
@keyframes shimmer{0%{background-position:200% 0}100%{background-position:-200% 0}}

/* ══════════════════════════════════════
   MISKARA COLLECTION — Khadlaj style
══════════════════════════════════════ */
.msk-discover{text-align:center;padding:5vh var(--pad,5vw) 2.5vh;background:var(--cream,#FDFAF5)}
.msk-discover-eyebrow{display:flex;align-items:center;justify-content:center;gap:12px;
  font-family:'Cinzel',serif;font-weight:500;font-size:.52rem;letter-spacing:.5em;
  text-transform:uppercase;color:var(--gold,#C9A96E);margin-bottom:1.2rem}
.msk-discover-eyebrow::before,.msk-discover-eyebrow::after{content:'◆';font-size:.4rem;
  color:var(--gold,#C9A96E);opacity:.7}
.msk-discover-title{font-family:'Cinzel',serif;font-weight:600;font-size:clamp(1.1rem,2.5vw,1.8rem);
  letter-spacing:.28em;text-transform:uppercase;color:var(--ink,#18140F);margin:0}
.msk-coll-wrap{display:grid;grid-template-columns:repeat(1,1fr);gap:0;background:var(--cream,#FDFAF5)}
.msk-coll-tile{position:relative;overflow:hidden;cursor:none;aspect-ratio:3/4}
.msk-coll-tile-bg{position:absolute;inset:0;background-size:cover;background-position:center;
  transform:scale(1);transition:transform .7s cubic-bezier(.25,.46,.45,.94);will-change:transform}
.msk-coll-tile:hover .msk-coll-tile-bg{transform:scale(1.05)}
.msk-coll-tile-shade{position:absolute;inset:0;
  background:linear-gradient(to bottom,rgba(0,0,0,.03) 0%,rgba(0,0,0,.12) 45%,rgba(0,0,0,.72) 100%)}
.msk-coll-tile-body{position:absolute;bottom:0;left:0;right:0;padding:2rem 2rem 2.5rem;z-index:2;
  transition:transform .4s ease}
.msk-coll-tile:hover .msk-coll-tile-body{transform:translateY(-6px)}
.msk-coll-tile-label{font-family:'Raleway',sans-serif;font-weight:200;font-size:.42rem;
  letter-spacing:.5em;text-transform:uppercase;color:rgba(201,169,110,.75);
  margin-bottom:.5rem;display:block}
.msk-coll-tile-name{font-family:'Cinzel',serif;font-weight:600;font-size:clamp(1.1rem,2vw,1.7rem);
  letter-spacing:.08em;color:#F4E8CC;line-height:1.1;margin:0 0 .8rem}
.msk-coll-tile-btn{display:inline-flex;align-items:center;gap:8px;font-family:'Raleway',sans-serif;
  font-weight:300;font-size:.52rem;letter-spacing:.38em;text-transform:uppercase;color:#F4E8CC;
  border:1px solid rgba(201,169,110,.55);padding:.55rem 1.6rem;
  transition:background .3s,border-color .3s,color .3s,gap .3s;background:none;cursor:none}
.msk-coll-tile:hover .msk-coll-tile-btn{background:rgba(201,169,110,.15);
  border-color:rgba(201,169,110,.9);color:#E8C87A;gap:14px}
@media(max-width:700px){.msk-coll-wrap{grid-template-columns:1fr}.msk-coll-tile{aspect-ratio:4/3}}
/* Collection full page */
#msk-coll-athar-page,#msk-coll-body-page,#msk-coll-bakhur-page{position:fixed;inset:0;z-index:800;
  background:var(--cream,#FDFAF5);overflow-y:auto;opacity:0;visibility:hidden;pointer-events:none;
  transition:opacity .45s ease,visibility .45s}
#msk-coll-athar-page.open,#msk-coll-body-page.open,#msk-coll-bakhur-page.open{
  opacity:1;visibility:visible;pointer-events:all}
.coll-pg-header{position:sticky;top:0;z-index:10;background:rgba(253,250,245,.96);
  backdrop-filter:blur(12px);border-bottom:1px solid rgba(201,169,110,.15);
  display:flex;align-items:center;justify-content:space-between;padding:1.6vh 4vw}
.coll-pg-title{font-family:'Cinzel',serif;font-weight:600;font-size:.9rem;letter-spacing:.22em;
  text-transform:uppercase;background:linear-gradient(135deg,#E8C87A,#C9A96E,#F0D898,#B8862A);
  -webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.coll-pg-close{background:none;border:none;cursor:none;font-family:'Raleway',sans-serif;
  font-weight:200;font-size:.58rem;letter-spacing:.3em;text-transform:uppercase;
  color:var(--mid,#6B5B4E);display:flex;align-items:center;gap:8px;padding:8px 12px}
.coll-pg-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));
  gap:2px;padding:3vh 3vw;background:rgba(201,169,110,.08)}
.coll-card-item{background:var(--cream,#FDFAF5);display:flex;flex-direction:column;
  transition:transform .3s ease,box-shadow .3s ease;cursor:none}
.coll-card-item:hover{transform:translateY(-4px);box-shadow:0 12px 40px rgba(0,0,0,.1)}
.coll-card-img{aspect-ratio:1/1.2;overflow:hidden;background:#F0EBE0;position:relative}
.coll-card-img img{width:100%;height:100%;object-fit:cover;transition:transform .6s ease}
.coll-card-item:hover .coll-card-img img{transform:scale(1.04)}
.coll-card-info{padding:1.2rem 1.4rem 1.6rem}
.coll-card-frag{font-family:'Cinzel',serif;font-weight:500;font-size:.62rem;
  letter-spacing:.18em;color:var(--ink,#18140F);margin-bottom:.3rem}
.coll-card-type{font-family:'Raleway',sans-serif;font-weight:200;font-size:.5rem;
  letter-spacing:.3em;text-transform:uppercase;color:var(--gold,#C9A96E);margin-bottom:.8rem}
.coll-card-size{font-family:'Raleway',sans-serif;font-size:.5rem;
  color:var(--mid,#6B5B4E);margin-bottom:1rem}
.coll-card-add{width:100%;padding:12px;border:1px solid rgba(201,169,110,.5);
  background:none;font-family:'Raleway',sans-serif;font-weight:300;font-size:.52rem;
  letter-spacing:.32em;text-transform:uppercase;color:var(--ink,#18140F);cursor:none;
  transition:background .3s,border-color .3s,color .3s}
.coll-card-add:hover{background:var(--ink,#18140F);color:var(--gold,#C9A96E);
  border-color:var(--ink,#18140F)}
.coll-card-cs{background:var(--cream,#FDFAF5);display:flex;flex-direction:column;position:relative}
.coll-card-cs-img{aspect-ratio:1/1.2;overflow:hidden;position:relative}
.coll-card-cs-img img{width:100%;height:100%;object-fit:cover;filter:blur(8px);transform:scale(1.08)}
.coll-card-cs-badge{position:absolute;inset:0;display:flex;flex-direction:column;
  align-items:center;justify-content:center;gap:.6rem}
.coll-card-cs-badge span{font-family:'Cinzel',serif;font-weight:500;font-size:.62rem;
  letter-spacing:.3em;text-transform:uppercase;color:#F4E8CC;
  background:rgba(0,0,0,.45);padding:.4rem 1rem}
.coll-card-cs-name{padding:.8rem 1.4rem .6rem;font-family:'Cinzel',serif;font-weight:500;
  font-size:.62rem;letter-spacing:.15em;color:var(--ink,#18140F);opacity:.4}
.coll-card-cs-type{padding:0 1.4rem 1.2rem;font-family:'Raleway',sans-serif;font-weight:200;
  font-size:.5rem;letter-spacing:.3em;text-transform:uppercase;
  color:var(--gold,#C9A96E);opacity:.5}
/* Coming soon pages */
.cs-page{min-height:100vh;background:#0D0A06;display:flex;flex-direction:column;
  align-items:center;justify-content:center;position:relative;overflow:hidden;padding:6vh 5vw}
.cs-page-bg{position:absolute;inset:0;background-size:cover;background-position:center;
  opacity:.18;filter:blur(3px)}
.cs-page-inner{position:relative;z-index:1;text-align:center;max-width:700px}
.cs-page-eye{font-family:'Raleway',sans-serif;font-weight:200;font-size:.44rem;
  letter-spacing:.6em;text-transform:uppercase;color:rgba(201,169,110,.6);margin-bottom:1.2rem}
.cs-page-title{font-family:'Cinzel',serif;font-weight:600;font-size:clamp(2rem,5vw,4rem);
  letter-spacing:.18em;background:linear-gradient(135deg,#E8C87A 0%,#C9A96E 40%,#F0D898 70%,#B8862A 100%);
  -webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;
  display:block;margin-bottom:1.4rem;filter:drop-shadow(0 0 24px rgba(201,169,110,.3))}
.cs-page-sub{font-family:'Cormorant Garamond',serif;font-style:italic;
  font-size:clamp(1rem,2vw,1.5rem);color:rgba(244,232,204,.55);margin-bottom:3rem;line-height:1.8}
.cs-page-line{width:60px;height:1px;background:linear-gradient(90deg,transparent,rgba(201,169,110,.5),transparent);
  margin:0 auto 2.5rem}
.cs-notify-form{display:flex;gap:0;max-width:420px;margin:0 auto}
.cs-notify-input{flex:1;padding:14px 18px;background:rgba(255,255,255,.06);
  border:1px solid rgba(201,169,110,.3);border-right:none;font-family:'Raleway',sans-serif;
  font-weight:200;font-size:.58rem;letter-spacing:.1em;color:#F4E8CC;outline:none}
.cs-notify-input::placeholder{color:rgba(244,232,204,.35)}
.cs-notify-btn{padding:14px 22px;background:rgba(201,169,110,.15);
  border:1px solid rgba(201,169,110,.5);font-family:'Raleway',sans-serif;font-weight:300;
  font-size:.52rem;letter-spacing:.3em;text-transform:uppercase;color:#E8C87A;cursor:none;
  transition:background .3s,border-color .3s}
.cs-notify-btn:hover{background:rgba(201,169,110,.3);border-color:rgba(201,169,110,.8)}
.cs-ornament{font-family:'Cinzel',serif;font-size:1.2rem;color:rgba(201,169,110,.2);
  letter-spacing:.5em;margin-top:3rem}
/* Founder pages */
.founder-page{min-height:100vh;background:var(--cream,#FDFAF5);display:flex;
  align-items:center;padding:8vh 6vw;position:relative}
.founder-placeholder{width:100%;max-width:1100px;margin:0 auto;
  display:grid;grid-template-columns:1fr 1fr;gap:6vw;align-items:center}
.founder-img-slot{aspect-ratio:3/4;background:linear-gradient(145deg,#EDE8DD,#D6C9A8);
  display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}
.founder-img-slot::after{content:'';position:absolute;inset:0;
  background:linear-gradient(135deg,rgba(201,169,110,.08),transparent)}
.founder-img-placeholder{font-family:'Cinzel',serif;font-weight:400;font-size:.6rem;
  letter-spacing:.4em;text-transform:uppercase;color:rgba(139,101,20,.4);
  text-align:center;padding:2rem}
.founder-text{padding:2rem 0}
.founder-eyebrow{font-family:'Raleway',sans-serif;font-weight:200;font-size:.44rem;
  letter-spacing:.55em;text-transform:uppercase;color:var(--gold,#C9A96E);margin-bottom:1rem}
.founder-heading{font-family:'Cinzel',serif;font-weight:600;font-size:clamp(1.6rem,3vw,2.8rem);
  letter-spacing:.1em;color:var(--ink,#18140F);line-height:1.2;margin-bottom:1.5rem}
.founder-rule{width:48px;height:1px;background:linear-gradient(90deg,var(--gold,#C9A96E),transparent);
  margin-bottom:1.8rem}
.founder-body{font-family:'Cormorant Garamond',serif;font-size:1.05rem;line-height:1.95;
  color:#5A4A3A;margin-bottom:1.8rem}
.founder-quote{font-family:'Cormorant Garamond',serif;font-style:italic;font-size:1.2rem;
  line-height:1.8;color:var(--gold,#C9A96E);border-left:2px solid rgba(201,169,110,.35);
  padding-left:1.5rem}
@media(max-width:800px){.founder-placeholder{grid-template-columns:1fr}}

*,*::before,*::after{box-sizing:border-box}
html,body{margin:0;padding:0;min-height:100vh;background:var(--cream,#FAF6F0);position:relative}
.ph{position:sticky;top:0;z-index:200;background:rgba(253,250,245,.97);
  -webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);
  border-bottom:1px solid rgba(201,169,110,.14);
  display:flex;align-items:center;justify-content:space-between;padding:1.4vh 5vw;gap:1rem}
.back-btn{display:inline-flex;align-items:center;gap:8px;font-family:Raleway,sans-serif;
  font-weight:200;font-size:.55rem;letter-spacing:.32em;text-transform:uppercase;
  color:var(--mid,#5A4E3C);background:none;border:none;cursor:pointer;
  padding:8px 0;transition:color .25s;white-space:nowrap}
.back-btn:hover{color:var(--ink,#1A1208)}
.ph-center{text-align:center;flex:1}
.ph-title{font-family:Cinzel,serif;font-weight:600;font-size:clamp(.7rem,1.8vw,.95rem);
  letter-spacing:.24em;text-transform:uppercase;
  background:linear-gradient(135deg,#E8C87A,#C9A96E,#F0D898,#B8862A);
  -webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;
  display:block;margin-bottom:.2rem}
.ph-sub{font-family:Raleway,sans-serif;font-weight:200;font-size:.46rem;
  letter-spacing:.32em;text-transform:uppercase;color:var(--mid,#5A4E3C);opacity:.7}
.cart-btn{display:inline-flex;align-items:center;gap:8px;white-space:nowrap;
  font-family:Raleway,sans-serif;font-weight:200;font-size:.52rem;
  letter-spacing:.22em;text-transform:uppercase;color:var(--mid,#5A4E3C);
  background:none;border:1px solid rgba(201,169,110,.35);padding:7px 14px;
  cursor:pointer;transition:border-color .3s,color .3s}
.cart-btn:hover{border-color:rgba(201,169,110,.9);color:var(--gold,#C9A96E)}
#cart-count{color:var(--gold,#C9A96E);font-family:Cinzel,serif}
#pg-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));
  gap:2px;padding:3vh 3vw;background:rgba(201,169,110,.07);
  position:relative;z-index:1;min-height:70vh}
.pc-card{background:var(--cream,#FAF6F0);display:flex;flex-direction:column;
  transition:transform .3s var(--e,ease),box-shadow .3s;contain:layout style}
.pc-card.active{cursor:pointer}
.pc-card.active:hover{transform:translateY(-4px);box-shadow:0 16px 48px rgba(0,0,0,.1)}
.pc-card.cs{cursor:default}
.pc-img{aspect-ratio:1/1.2;overflow:hidden;background:#EDE8DF;position:relative}
.pc-img img{width:100%;height:100%;object-fit:cover;transition:transform .6s var(--e,ease)}
.pc-card.active:hover .pc-img img{transform:scale(1.04)}
.pc-cs-ov{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;
  background:rgba(0,0,0,.32);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
.pc-cs-badge{font-family:Cinzel,serif;font-weight:500;font-size:.6rem;
  letter-spacing:.35em;text-transform:uppercase;color:#F4E8CC;
  border:1px solid rgba(244,232,204,.4);padding:.45rem 1.1rem}
.pc-info{padding:1.4rem 1.6rem 1.8rem;display:flex;flex-direction:column;gap:.4rem}
.pc-name{font-family:Cinzel,serif;font-weight:500;font-size:.72rem;
  letter-spacing:.16em;color:var(--ink,#1A1208)}
.pc-notes{font-family:Raleway,sans-serif;font-weight:200;font-size:.5rem;
  letter-spacing:.22em;text-transform:uppercase;color:var(--gold,#C9A96E)}
.pc-mood{font-family:"Cormorant Garamond",serif;font-style:italic;
  font-size:.82rem;color:var(--mid,#5A4E3C);opacity:.75}
.pc-meta{display:flex;justify-content:space-between;align-items:center;margin-top:.4rem}
.pc-size{font-family:Raleway,sans-serif;font-weight:200;font-size:.5rem;
  letter-spacing:.2em;color:var(--lt,#9A8A70)}
.pc-price{font-family:Cinzel,serif;font-weight:500;font-size:.72rem;color:var(--gold,#C9A96E)}
.pc-btn{margin-top:.8rem;width:100%;padding:12px;
  border:1px solid rgba(201,169,110,.45);background:none;
  font-family:Raleway,sans-serif;font-weight:300;font-size:.5rem;
  letter-spacing:.32em;text-transform:uppercase;color:var(--ink,#1A1208);
  cursor:pointer;transition:background .3s,border-color .3s,color .3s}
.pc-btn:hover{background:var(--ink,#1A1208);color:var(--gold,#C9A96E);border-color:var(--ink,#1A1208)}
#cart-ov{position:fixed;inset:0;z-index:599;background:rgba(0,0,0,.42);
  opacity:0;visibility:hidden;transition:opacity .35s,visibility .35s}
#cart-ov.open{opacity:1;visibility:visible}
#cart-side{position:fixed;right:0;top:0;bottom:0;width:min(400px,95vw);
  background:var(--cream,#FAF6F0);z-index:600;overflow-y:auto;
  transform:translateX(100%);transition:transform .42s cubic-bezier(.25,.46,.45,.94);
  box-shadow:-6px 0 40px rgba(0,0,0,.12);display:flex;flex-direction:column}
#cart-side.open{transform:translateX(0)}
.cart-hd{display:flex;align-items:center;justify-content:space-between;
  padding:1.6rem 2rem;border-bottom:1px solid rgba(201,169,110,.15);
  position:sticky;top:0;background:var(--cream,#FAF6F0);z-index:1}
.cart-hd-title{font-family:Cinzel,serif;font-weight:500;font-size:.72rem;letter-spacing:.2em}
.cart-close{background:none;border:none;cursor:pointer;
  font-size:1.2rem;color:var(--mid,#5A4E3C);line-height:1;padding:4px 8px;transition:color .2s}
.cart-close:hover{color:var(--ink,#1A1208)}
#cart-body{padding:1.5rem 2rem;flex:1}
.cart-empty-msg{font-family:Raleway,sans-serif;font-weight:200;
  color:var(--mid,#5A4E3C);font-size:.6rem;letter-spacing:.2em;
  text-align:center;padding:3rem 0}
.cart-item{display:flex;gap:1rem;padding:1rem 0;border-bottom:1px solid rgba(201,169,110,.1)}
.cart-item-img{width:58px;height:68px;object-fit:cover;flex-shrink:0}
.cart-item-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:.3rem}
.cart-item-name{font-family:Cinzel,serif;font-size:.56rem;letter-spacing:.1em;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cart-item-type{font-family:Raleway,sans-serif;font-weight:200;font-size:.5rem;
  letter-spacing:.2em;color:var(--mid,#5A4E3C)}
.cart-item-row{display:flex;justify-content:space-between;align-items:center}
.cart-item-price{font-family:Raleway,sans-serif;font-size:.55rem;color:var(--gold,#C9A96E)}
.cart-item-remove{background:none;border:none;cursor:pointer;
  color:var(--mid,#5A4E3C);font-size:.8rem;padding:4px;line-height:1;transition:color .2s}
.cart-item-remove:hover{color:#c0392b}
.cart-ft{padding:1.5rem 2rem;border-top:1px solid rgba(201,169,110,.15);
  position:sticky;bottom:0;background:var(--cream,#FAF6F0);display:none}
.cart-total-row{display:flex;justify-content:space-between;align-items:center;
  margin-bottom:1.2rem;font-family:Cinzel,serif;font-size:.65rem;letter-spacing:.15em}
#cart-total{color:var(--gold,#C9A96E)}
.checkout-btn{width:100%;padding:14px;background:var(--ink,#1A1208);
  color:var(--gold,#C9A96E);border:none;cursor:pointer;
  font-family:Cinzel,serif;font-size:.58rem;letter-spacing:.3em;transition:background .3s}
.checkout-btn:hover{background:#2A1F0E}
#toast{position:fixed;bottom:32px;left:50%;
  transform:translateX(-50%) translateY(20px);
  background:var(--ink,#1A1208);color:var(--gold,#C9A96E);
  font-family:Raleway,sans-serif;font-weight:300;font-size:.52rem;
  letter-spacing:.2em;padding:13px 26px;
  opacity:0;transition:opacity .4s,transform .4s;
  pointer-events:none;z-index:999}
#toast.show{opacity:1;transform:translateX(-50%) translateY(0)}
@media(max-width:600px){
  #pg-grid{grid-template-columns:repeat(2,1fr);padding:2vw;gap:1px}
  .pc-info{padding:1rem 1.1rem 1.4rem}
  .ph{padding:1.2vh 4vw}}

/* ══ CURSOR ══ */
#cd{
  position:fixed;top:0;left:0;
  width:10px;height:10px;
  background:#C9A96E;
  border-radius:50%;
  pointer-events:none;
  z-index:99999;
  transform:translate(-50%,-50%);
  box-shadow:0 0 12px rgba(201,169,110,.9),0 0 24px rgba(201,169,110,.4);
  will-change:transform;
  transition:background .2s ease,box-shadow .2s ease,width .2s ease,height .2s ease;
  mix-blend-mode:normal;
}
#cr{
  position:fixed;top:0;left:0;
  width:42px;height:42px;
  border:1.5px solid rgba(201,169,110,.6);
  border-radius:50%;
  pointer-events:none;
  z-index:99998;
  transform:translate(-50%,-50%);
  will-change:transform;
  transition:width .3s ease,height .3s ease,border-color .25s ease,opacity .25s ease;
  background:transparent;
}
#cr.big{width:64px;height:64px;border-color:rgba(201,169,110,.9)}
/* white on dark bg */
body.cur-dk #cd{background:#fff;box-shadow:0 0 14px rgba(255,255,255,.8),0 0 28px rgba(255,255,255,.3)}
body.cur-dk #cr{border-color:rgba(255,255,255,.6)}
body.cur-dk #cr.big{border-color:#fff}
/* touch — hide custom cursor, restore native */
@media(hover:none) and (pointer:coarse){
  #cd,#cr{display:none!important}
  body{cursor:auto!important}
}

/* ══ SPIRAL BACKGROUND ══ */
html, body { background:#000 !important; }
#spiral-canvas {
  position:fixed; inset:0;
  width:100%; height:100%;
  z-index:0; display:block;
  pointer-events:none;
}
/* All content above canvas */
.ph, #pg-grid, #toast, #cart-ov, #cart-side {
  position:relative; z-index:1;
}
/* Cards over dark bg */
.pc-card.active {
  background:rgba(8,5,2,0.82) !important;
  backdrop-filter:blur(10px);
  -webkit-backdrop-filter:blur(10px);
  border:1px solid rgba(201,169,110,.18) !important;
}
.pc-card.active:hover {
  background:rgba(14,9,4,0.92) !important;
  border-color:rgba(201,169,110,.4) !important;
  box-shadow:0 16px 48px rgba(0,0,0,.7) !important;
}
.pc-card.cs {
  background:rgba(8,5,2,0.65) !important;
  backdrop-filter:blur(8px);
  -webkit-backdrop-filter:blur(8px);
  border:1px solid rgba(201,169,110,.1) !important;
}
.pc-name   { color:#F4E8CC !important; }
.pc-notes  { color:rgba(201,169,110,.8) !important; }
.pc-mood   { color:rgba(244,232,204,.45) !important; }
.pc-size   { color:rgba(244,232,204,.45) !important; }
.pc-price  { color:var(--gold,#C9A96E) !important; }
.pc-btn {
  border-color:rgba(201,169,110,.4) !important;
  color:#F4E8CC !important;
}
.pc-btn:hover {
  background:rgba(201,169,110,.18) !important;
  color:#E8C87A !important;
  border-color:rgba(201,169,110,.9) !important;
}
/* Header on dark */
.ph {
  background:rgba(4,2,1,0.88) !important;
  border-bottom-color:rgba(201,169,110,.2) !important;
  -webkit-backdrop-filter:blur(12px);
  backdrop-filter:blur(12px);
}
.ph-title { color:#E8C87A !important; -webkit-text-fill-color:#E8C87A !important; }
.back-btn  { color:rgba(201,169,110,.7) !important; }
.cart-btn  { color:rgba(201,169,110,.6) !important; border-color:rgba(201,169,110,.3) !important; }
#cart-count { color:var(--gold,#C9A96E) !important; }
#cart-side, .cart-hd, .cart-ft { background:#050301 !important; }
.cart-hd { border-bottom-color:rgba(201,169,110,.15) !important; }
.cart-hd-title { color:#F4E8CC !important; }
.cart-close { color:rgba(201,169,110,.6) !important; }
.cart-empty-msg { color:rgba(244,232,204,.4) !important; }
.cart-item-name  { color:#F4E8CC !important; }
.cart-item-type  { color:rgba(201,169,110,.6) !important; }
.cart-item-price { color:var(--gold,#C9A96E) !important; }
#cart-total { color:var(--gold,#C9A96E) !important; }
#pg-grid { background:transparent !important; }
#toast   { background:rgba(4,2,1,0.9) !important; }
:root{
  --gold:#C9A96E;--gold2:#B8862A;--ink:#1A1208;
  --mid:#5A4E3C;--lt:#9A8A70;--cream:#FAF6F0;
  --e:cubic-bezier(.25,.46,.45,.94);
}
*,*::before,*::after{box-sizing:border-box}
html,body{margin:0;padding:0;background:#100800;font-family:'Raleway',sans-serif;cursor:none;overflow-x:hidden;min-height:100vh}

/* ── Cursor ── */
#cd{position:fixed;width:8px;height:8px;background:var(--gold);border-radius:50%;pointer-events:none;z-index:9999;top:0;left:0;transform:translate(-50%,-50%);will-change:transform}
#cr{position:fixed;width:36px;height:36px;border:1px solid rgba(201,169,110,.45);border-radius:50%;pointer-events:none;z-index:9998;top:0;left:0;transform:translate(-50%,-50%);transition:width .35s,height .35s,border-color .35s;will-change:transform}
#cr.big{width:54px;height:54px;border-color:rgba(201,169,110,.85)}
@media(hover:none){#cd,#cr{display:none!important}}

/* ── Ethereal bg ── */
#eth-wrap{position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden}
#eth-inner{position:absolute;inset:-80px;filter:url(#etheral-filter) blur(4px)}
#eth-mask{width:100%;height:100%;background:rgba(120,70,20,.9);
  mask-image:url('https://framerusercontent.com/images/ceBGguIpUU8luwByxuQz79t7To.png');
  -webkit-mask-image:url('https://framerusercontent.com/images/ceBGguIpUU8luwByxuQz79t7To.png');
  mask-size:cover;-webkit-mask-size:cover;mask-repeat:no-repeat;mask-position:center}
#eth-noise{position:absolute;inset:0;background-image:url('https://framerusercontent.com/images/g0QcWrxr87K0ufOxIUFBakwYA8.png');background-size:240px;opacity:.2}

/* ── Header ── */
.bk-header{
  position:sticky;top:0;z-index:200;
  background:rgba(16,8,0,.9);
  backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);
  border-bottom:1px solid rgba(201,169,110,.18);
  padding:.85rem 1.5rem;
  display:flex;align-items:center;justify-content:space-between;
}
.bk-back{background:none;border:none;cursor:pointer;font-family:'Raleway',sans-serif;font-weight:200;font-size:.52rem;letter-spacing:.32em;text-transform:uppercase;color:rgba(201,169,110,.7);display:flex;align-items:center;gap:7px;padding:0;transition:color .2s}
.bk-back:hover{color:var(--gold)}
.bk-head-title{text-align:center}
.bk-head-name{font-family:'Cinzel',serif;font-weight:600;font-size:clamp(.65rem,2vw,.88rem);letter-spacing:.24em;text-transform:uppercase;background:linear-gradient(135deg,#E8C87A,#C9A96E,#F0D898,#B8862A);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;display:block}
.bk-head-sub{font-family:'Raleway',sans-serif;font-weight:200;font-size:.42rem;letter-spacing:.3em;text-transform:uppercase;color:rgba(201,169,110,.45)}
.bk-cart-ind{font-family:'Raleway',sans-serif;font-weight:200;font-size:.5rem;letter-spacing:.2em;color:rgba(201,169,110,.6);display:flex;align-items:center;gap:6px}
#cart-count{color:var(--gold);font-family:'Cinzel',serif}

/* ── Product card ── */
.bk-section{position:relative;z-index:1;padding:2.5vh 0}
.bk-card{
  background:rgba(26,14,6,.85);
  border:1px solid rgba(201,169,110,.14);
  backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);
  overflow:hidden;
  transition:border-color .35s,box-shadow .35s;
  margin:0 1rem;
}
.bk-card:hover{border-color:rgba(201,169,110,.3);box-shadow:0 16px 56px rgba(0,0,0,.55)}

/* ── Carousel — FIXED ASPECT RATIO approach ── */
.bk-img-col{padding:0!important}
.bk-car-wrap{
  position:relative;
  width:100%;
  aspect-ratio:1/1;          /* square on desktop */
  overflow:hidden;
  background:#0D0600;
}
@media(max-width:767px){
  .bk-car-wrap{aspect-ratio:4/3;}  /* wider on mobile */
}
.car-track{
  display:flex;
  width:100%;
  height:100%;
  transition:transform .5s var(--e);
}
.car-slide{
  flex:0 0 100%;
  width:100%;
  height:100%;
  position:relative;
}
.car-slide img{
  width:100%;height:100%;
  object-fit:cover;
  display:block;
  transition:transform .6s var(--e);
}
.bk-card:hover .car-slide.active img{transform:scale(1.04)}
.car-label{
  position:absolute;bottom:14px;left:50%;transform:translateX(-50%);
  font-family:'Cinzel',serif;font-size:.48rem;letter-spacing:.3em;
  color:rgba(201,169,110,.9);background:rgba(10,5,2,.65);
  padding:.3rem .85rem;backdrop-filter:blur(4px);white-space:nowrap;
}
.car-btn{
  position:absolute;top:50%;transform:translateY(-50%);
  width:38px;height:38px;background:rgba(10,5,2,.6);
  border:1px solid rgba(201,169,110,.3);color:rgba(201,169,110,.85);
  font-size:1.5rem;line-height:1;cursor:pointer;z-index:5;
  display:flex;align-items:center;justify-content:center;
  transition:background .25s,border-color .25s;padding:0;
}
.car-btn:hover{background:rgba(201,169,110,.2);border-color:rgba(201,169,110,.8)}
.car-prev{left:10px}.car-next{right:10px}
.car-dots{
  position:absolute;bottom:46px;left:50%;transform:translateX(-50%);
  display:flex;gap:7px;z-index:5;
}
.car-dot{
  width:6px;height:6px;border-radius:50%;border:none;padding:0;cursor:pointer;
  background:rgba(201,169,110,.3);transition:background .3s,transform .3s;
}
.car-dot.on{background:rgba(201,169,110,.95);transform:scale(1.4)}

/* ── Info panel ── */
.bk-info-col{display:flex;flex-direction:column;justify-content:center}
.bk-info{padding:2.2rem 2.2rem 2rem}
@media(max-width:767px){.bk-info{padding:1.8rem 1.6rem 2rem}}
.bk-eye{font-family:'Raleway',sans-serif;font-weight:200;font-size:.42rem;letter-spacing:.5em;text-transform:uppercase;color:rgba(201,169,110,.55);margin-bottom:.4rem}
.bk-title{font-family:'Cinzel',serif;font-weight:600;font-size:clamp(1.4rem,3.5vw,2.4rem);letter-spacing:.07em;background:linear-gradient(135deg,#E8C87A,#C9A96E,#F0D898,#B8862A);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0 0 .35rem}
.bk-notes{font-family:'Raleway',sans-serif;font-weight:200;font-size:.46rem;letter-spacing:.24em;text-transform:uppercase;color:rgba(201,169,110,.7);margin-bottom:.3rem}
.bk-mood{font-family:'Cormorant Garamond',serif;font-style:italic;font-size:.92rem;color:rgba(244,232,204,.45);margin-bottom:.8rem}
.bk-rule{width:40px;height:1px;background:linear-gradient(90deg,rgba(201,169,110,.7),transparent);margin-bottom:.9rem}
.bk-desc{font-family:'Cormorant Garamond',serif;font-size:.88rem;line-height:1.85;color:rgba(244,232,204,.42);margin-bottom:1.1rem}
.qty-lbl{font-family:'Raleway',sans-serif;font-weight:200;font-size:.42rem;letter-spacing:.4em;text-transform:uppercase;color:rgba(244,232,204,.4);display:block;margin-bottom:.5rem}
.qty-wrap{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:1rem}
.qty-opt{
  padding:9px 16px;background:none;
  border:1px solid rgba(201,169,110,.28);
  font-family:'Raleway',sans-serif;font-weight:200;font-size:.46rem;
  letter-spacing:.18em;color:rgba(244,232,204,.55);
  cursor:pointer;transition:all .3s;
  display:inline-flex;align-items:center;gap:7px;
}
.qty-opt.on{border-color:rgba(201,169,110,.9);background:rgba(201,169,110,.12);color:#E8C87A}
.qty-opt:hover{border-color:rgba(201,169,110,.65);color:#E8C87A}
.qty-price{color:var(--gold)}
.price-row{display:flex;align-items:center;gap:14px;margin-bottom:1.2rem}
.bk-price{font-family:'Cinzel',serif;font-weight:600;font-size:1.5rem;color:var(--gold)}
.in-stock{font-family:'Raleway',sans-serif;font-weight:200;font-size:.42rem;letter-spacing:.3em;text-transform:uppercase;color:rgba(120,210,120,.75)}
.add-btn{
  width:100%;padding:13px;
  background:rgba(201,169,110,.1);border:1px solid rgba(201,169,110,.4);
  font-family:'Cinzel',serif;font-weight:400;font-size:.54rem;
  letter-spacing:.3em;text-transform:uppercase;color:#E8C87A;
  cursor:pointer;transition:background .3s,border-color .3s;
  display:flex;align-items:center;justify-content:center;gap:9px;
}
.add-btn:hover{background:rgba(201,169,110,.22);border-color:rgba(201,169,110,.8)}

/* ── Divider ── */
.bk-sep{text-align:center;padding:1rem 0 .5rem;position:relative;z-index:1}
.bk-sep::before{content:'';display:block;width:80px;height:1px;background:linear-gradient(90deg,transparent,rgba(201,169,110,.35),transparent);margin:0 auto .6rem}
.bk-sep span{font-family:'Cinzel',serif;font-size:.42rem;letter-spacing:.4em;color:rgba(201,169,110,.35);text-transform:uppercase}

/* ── MISKARA final overrides ── */
#nav .nav-brand{background: rgba(255,255,255,.92) !important;box-shadow:0 18px 50px rgba(26,18,8,.14) !important;border-radius:28px !important;padding:10px 16px !important;backdrop-filter:blur(16px) !important;}
#nav .nav-brand:hover{opacity:.95 !important;}
#wish-overlay{z-index:9998 !important;background:rgba(0,0,0,.46) !important;}
#wish-side{width:min(420px,95vw) !important;z-index:9999 !important;box-shadow:-8px 0 50px rgba(0,0,0,.18) !important;}
.msk-coll-tile.disabled{opacity:.38 !important;pointer-events:none !important;cursor:default !important;}
.msk-coll-tile.disabled .msk-coll-tile-bg{filter:grayscale(.4) brightness(.86) !important;}
.msk-coll-tile.disabled .msk-coll-tile-body{background:linear-gradient(180deg,transparent 10%,rgba(10,8,5,.86) 100%) !important;}
.msk-coll-tile.disabled .msk-coll-tile-btn{opacity:.45 !important;pointer-events:none !important;color:rgba(244,232,204,.75) !important;border-color:rgba(244,232,204,.22) !important;}
.msk-coll-tile.disabled .msk-coll-tile-name{color:rgba(244,232,204,.76) !important;}
#newsletter-overlay{position:fixed;inset:0;z-index:9980;background:rgba(0,0,0,.54);opacity:0;visibility:hidden;transition:opacity .35s,visibility .35s;}
#newsletter-overlay.open{opacity:1;visibility:visible;}
#newsletter-modal{position:fixed;top:50%;left:50%;width:min(520px,92vw);max-width:520px;transform:translate(-50%,-50%) scale(.94);background:rgba(255,255,255,.98);border-radius:28px;box-shadow:0 32px 80px rgba(0,0,0,.24);opacity:0;visibility:hidden;transition:opacity .35s ease,transform .35s ease,visibility .35s;z-index:9985;}
#newsletter-modal.open{opacity:1;visibility:visible;transform:translate(-50%,-50%) scale(1);}
.newsletter-panel{position:relative;overflow:hidden;border-radius:28px;background:linear-gradient(180deg,rgba(255,255,255,.98) 0%,rgba(250,246,240,1) 100%);}
.newsletter-close{position:absolute;top:18px;right:18px;width:44px;height:44px;border:none;border-radius:50%;display:flex;align-items:center;justify-content:center;background:rgba(26,18,8,.06);color:#1A1208;font-size:1.5rem;cursor:pointer;}
.newsletter-hero{min-height:0px;background-image:url('https://images.unsplash.com/photo-1521805102669-2f5f3d0fc2e8?auto=format&fit=crop&w=900&q=80');background-size:cover;background-position:center;}
.newsletter-content{padding:2rem 2rem 2.5rem;display:flex;flex-direction:column;gap:1rem;text-align:left;}
.newsletter-brand{font-family:'Cinzel',serif;font-size:.9rem;letter-spacing:.4em;text-transform:uppercase;color:#8E6D3C;}
.newsletter-eyebrow{font-family:'Raleway',sans-serif;font-weight:300;font-size:.68rem;letter-spacing:.34em;text-transform:uppercase;color:#8E6D3C;}
.newsletter-title{font-family:'Cinzel',serif;font-size:clamp(1.4rem,2.4vw,2rem);line-height:1.05;color:#18140F;margin:0;}
.newsletter-copy{font-family:'Cormorant Garamond',serif;font-size:1rem;line-height:1.65;color:rgba(26,18,8,.74);}
.newsletter-input{width:100%;padding:1rem 1.1rem;border:1px solid rgba(26,18,8,.12);border-radius:14px;background:#fff;color:#1A1208;font-family:'Raleway',sans-serif;font-size:.95rem;outline:none;}
.newsletter-input:focus{border-color:rgba(201,169,110,.9);box-shadow:0 0 0 4px rgba(201,169,110,.1);}
.newsletter-submit{width:100%;padding:1rem 1.2rem;background:#C9A96E;border:none;border-radius:14px;color:#100800;font-family:'Cinzel',serif;font-size:.9rem;letter-spacing:.2em;text-transform:uppercase;cursor:pointer;transition:transform .25s,background .25s;}
.newsletter-submit:hover{transform:translateY(-1px);background:#B8862A;}
.newsletter-note{font-family:'Raleway',sans-serif;font-size:.76rem;line-height:1.6;color:rgba(26,18,8,.62);}