/** Shopify CDN: Minification failed

Line 1527:0 All "@import" rules must come first

**/
/* ============================================================
   OHANALE THEME v2 — Cute & Lively
   Hand-Poured Aloha. One Mood at a Time.
   ============================================================ */
*,*::before,*::after{margin:0;padding:0;box-sizing:border-box;}
:root{
  --candy:#A0464E;--candy-pale:#F0DCDF;--candy-dark:#6B1F26;
  --peach:#C8952A;--peach-pale:#F4E8D0;
  --butter:#E8B840;--butter-pale:#FAF3D8;
  --mint:#6B8E72;--mint-pale:#DCE8DC;--mint-dark:#2A4A36;
  --sky:#5A7894;--sky-pale:#DCE2EC;--sky-dark:#1F3A5C;
  --lav:#807085;--lav-pale:#E2DCE6;--lav-dark:#3F2D52;
  --cream:#FFFBF5;--parch:#FFF7ED;
  --dark:#1C1410;--ink:#3D2C20;--muted:rgba(61,44,32,.5);
  --fd:'Playfair Display',Georgia,serif;
  --fn:'Nunito',system-ui,sans-serif;
}
html{scroll-behavior:smooth;}
body{font-family:var(--fn);background:var(--cream);color:var(--ink);overflow-x:hidden;}
a{text-decoration:none;color:inherit;}
img{max-width:100%;display:block;}
button{font-family:var(--fn);cursor:pointer;}

/* ── KEYFRAMES ── */
@keyframes wiggle{0%,100%{transform:rotate(-2deg);}50%{transform:rotate(2deg);}}
@keyframes float{0%,100%{transform:translateY(0);}50%{transform:translateY(-10px);}}
@keyframes pulse{0%,100%{transform:scale(1);}50%{transform:scale(1.08);}}
@keyframes spin-slow{from{transform:rotate(0deg);}to{transform:rotate(360deg);}}
@keyframes flicker{0%,100%{transform:scaleX(1) scaleY(1) rotate(-1deg);}40%{transform:scaleX(.86) scaleY(1.08) rotate(1.5deg);}70%{transform:scaleX(1.06) scaleY(.95) rotate(-.5deg);}}
@keyframes twinkle{0%{opacity:.2;transform:scale(.7);}100%{opacity:1;transform:scale(1);}}
@keyframes bounce-in{0%{transform:translateY(20px);opacity:0;}60%{transform:translateY(-6px);}100%{transform:translateY(0);opacity:1;}}
@keyframes shimmer{0%,100%{background-position:0% 50%;}50%{background-position:100% 50%;}}
@keyframes petal-fall{0%{transform:translateY(-20px) rotate(0deg);opacity:0;}20%{opacity:1;}100%{transform:translateY(260px) rotate(360deg);opacity:0;}}
@keyframes scroll{0%{transform:translateX(0);}100%{transform:translateX(-50%);}}
@keyframes shoot{0%{top:20%;left:-5%;opacity:1;transform:rotate(-15deg);}100%{top:60%;left:110%;opacity:0;transform:rotate(-15deg);}}

/* ── ANNOUNCEMENT BAR ── */
.announcement-bar{background:var(--dark);color:var(--cream);padding:9px 0;overflow:hidden;white-space:nowrap;}
.ann-inner{display:inline-flex;gap:24px;padding:0 24px;font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;animation:scroll 20s linear infinite;}
.ann-sep{color:var(--candy);opacity:.8;}

/* ── HEADER ── */
.site-header{position:sticky;top:0;z-index:200;background:white;border-bottom:2px solid var(--candy-pale);}
.header-inner{display:flex;justify-content:space-between;align-items:center;padding:13px 44px;max-width:1440px;margin:0 auto;}
.nav-brand{display:flex;align-items:center;gap:12px;}
.nav-icon{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,#F0DCDF,#E8B840);border:2px solid var(--candy);display:flex;align-items:center;justify-content:center;animation:float 3s ease-in-out infinite;font-size:22px;flex-shrink:0;}
.nav-logo-img{width:48px;height:48px;border-radius:50%;object-fit:cover;border:2px solid var(--candy);}
.nav-text{display:flex;flex-direction:column;line-height:1.1;}
.nav-name{font-family:var(--fd);font-size:20px;font-weight:700;color:var(--dark);}
.nav-sub{font-size:9px;font-weight:800;letter-spacing:.18em;text-transform:uppercase;color:var(--candy);}
.nav-pills{display:flex;gap:6px;list-style:none;}
.nav-pills li a{display:inline-block;padding:7px 14px;border-radius:20px;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;transition:all .2s;}
.np1{background:var(--candy-pale);color:var(--candy-dark);}  .np1:hover{background:var(--candy);color:white;}
.np2{background:var(--lav-pale);color:var(--lav-dark);}      .np2:hover{background:var(--lav);color:white;}
.np3{background:var(--mint-pale);color:var(--mint-dark);}    .np3:hover{background:var(--mint);color:white;}
.np4{background:var(--sky-pale);color:var(--sky-dark);}      .np4:hover{background:var(--sky);color:white;}
.nav-right{display:flex;align-items:center;gap:14px;}
.nav-search-link{font-size:12px;color:var(--ink);opacity:.5;font-weight:600;}
.nav-cart{background:linear-gradient(135deg,var(--candy),var(--peach));color:white;border:none;padding:10px 20px;border-radius:24px;font-family:var(--fn);font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;transition:transform .15s;}
.nav-cart:hover{transform:scale(1.05);}
.nav-ham{display:none;flex-direction:column;gap:5px;background:none;border:none;padding:4px;cursor:pointer;}
.nav-ham span{display:block;width:22px;height:2px;background:var(--ink);border-radius:2px;}
.mobile-nav{display:none;background:white;padding:18px 44px;border-top:1px solid var(--candy-pale);}
.mobile-nav ul{list-style:none;}
.mobile-nav ul li a{display:block;padding:11px 0;font-size:14px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--ink);border-bottom:1px solid var(--candy-pale);}
.mobile-nav.open{display:block;}

/* ── BUTTONS ── */
.btn-pop{display:inline-flex;align-items:center;gap:8px;padding:14px 28px;border-radius:32px;border:none;cursor:pointer;font-family:var(--fn);font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;transition:transform .15s;}
.btn-pop:hover{transform:translateY(-3px) scale(1.03);}
.btn-primary{background:linear-gradient(135deg,var(--candy),var(--peach));color:white;box-shadow:0 6px 20px rgba(160,70,78,.4);}
.btn-secondary{background:white;color:var(--lav-dark);border:2px solid var(--lav);}

/* ── HERO ── */
.hero{display:grid;grid-template-columns:1fr 1fr;min-height:90vh;overflow:hidden;}
.hero-left{background:linear-gradient(160deg,#FFF0F8 0%,#FFFBF0 60%,#F0FFF8 100%);display:flex;flex-direction:column;justify-content:center;padding:72px 56px;position:relative;overflow:hidden;}
.blob{position:absolute;border-radius:50%;pointer-events:none;}
.b1{width:200px;height:200px;background:rgba(160,70,78,.08);top:-40px;right:-40px;animation:pulse 4s ease-in-out infinite;}
.b2{width:140px;height:140px;background:rgba(128,112,133,.08);bottom:40px;left:-30px;animation:pulse 5s ease-in-out infinite 1s;}
.b3{width:80px;height:80px;background:rgba(107,142,114,.1);top:55%;left:10%;animation:float 6s ease-in-out infinite 2s;}
.hero-pill{display:inline-flex;align-items:center;gap:8px;background:white;border:2px solid var(--candy);border-radius:24px;padding:7px 18px;margin-bottom:24px;font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--candy-dark);width:fit-content;animation:bounce-in .6s ease both;box-shadow:0 4px 16px rgba(160,70,78,.25);}
.pill-star{font-size:12px;animation:spin-slow 4s linear infinite;display:inline-block;}
.hero-title{font-family:var(--fd);font-size:60px;font-weight:700;line-height:1.04;color:var(--dark);margin-bottom:6px;animation:bounce-in .7s ease .1s both;}
.hero-title .em{font-style:italic;color:var(--candy);}
.hero-tagline{font-family:var(--fd);font-style:italic;font-size:15px;color:var(--candy);margin-bottom:20px;animation:bounce-in .7s ease .15s both;}
.hero-body{font-size:14px;font-weight:600;line-height:1.85;color:var(--muted);max-width:370px;margin-bottom:40px;animation:bounce-in .7s ease .2s both;}
.hero-btns{display:flex;gap:12px;flex-wrap:wrap;animation:bounce-in .7s ease .25s both;}
.hero-chips{display:flex;gap:10px;margin-top:28px;flex-wrap:wrap;animation:bounce-in .7s ease .35s both;}
.chip{background:white;border-radius:16px;padding:8px 16px;display:flex;align-items:center;gap:6px;border:2px solid;font-size:12px;font-weight:700;box-shadow:0 3px 10px rgba(0,0,0,.06);}
.chip-dot{width:8px;height:8px;border-radius:50%;}
.chip-a{border-color:var(--candy);color:var(--candy-dark);}  .chip-a .chip-dot{background:var(--candy);}
.chip-b{border-color:var(--mint);color:var(--mint-dark);}    .chip-b .chip-dot{background:var(--mint);}
.chip-c{border-color:var(--lav);color:var(--lav-dark);}      .chip-c .chip-dot{background:var(--lav);}

/* hero right scene */
.hero-right{position:relative;overflow:hidden;background:linear-gradient(160deg,#0E0810 0%,#1A0A18 40%,#0A1018 100%);}
.scene-stars{position:absolute;inset:0;}
.ss{position:absolute;border-radius:50%;animation:twinkle 2.5s ease-in-out infinite alternate;}
.candle-stage{position:absolute;bottom:0;left:50%;transform:translateX(-50%);display:flex;align-items:flex-end;gap:18px;}
.c-wrap{display:flex;flex-direction:column;align-items:center;}
.flame-group{display:flex;flex-direction:column;align-items:center;margin-bottom:2px;}
.flame{border-radius:50% 50% 30% 30%;animation:flicker 2.2s ease-in-out infinite alternate;transform-origin:bottom center;}
.wick{width:2px;height:7px;background:#4A2810;}
.wick-tall{height:10px;}
/* pillar */
.pillar-fl{width:16px;height:26px;background:linear-gradient(to bottom,#FFF4A0,#FFCC20,#E07010);box-shadow:0 0 24px 10px rgba(255,180,20,.5);}
.pillar-body{width:50px;height:200px;background:linear-gradient(160deg,#F0E8D8,#D8CCB0,#BFAF90);border-radius:5px 5px 3px 3px;position:relative;}
.pillar-body::after{content:'';position:absolute;top:8px;left:8px;width:7px;height:130px;border-radius:4px;background:rgba(255,255,255,.18);}
/* jar shared */
.jar-body{position:relative;border-radius:10px 10px 16px 16px;}
.jar-shine{position:absolute;top:8px;left:8px;width:7px;border-radius:4px;background:rgba(255,255,255,.2);}
.jar-lid{border-radius:0 0 10px 10px;margin-top:-1px;}
/* pink */
.j-pink-fl{width:13px;height:20px;background:linear-gradient(to bottom,#FFD0F0,#FF50A0,#CC1050);box-shadow:0 0 18px 8px rgba(255,80,160,.5);animation-delay:.4s;}
.j-pink-jar{width:80px;height:96px;background:linear-gradient(160deg,#D06080,#A03858,#7A2040);}
.j-pink-jar .jar-shine{height:58px;}
.j-pink-lid{width:88px;height:14px;background:#501028;}
/* amber */
.j-amber-fl{width:13px;height:19px;background:linear-gradient(to bottom,#FFEE80,#FFAA20,#E06010);box-shadow:0 0 16px 7px rgba(255,150,20,.5);animation-delay:.9s;}
.j-amber-jar{width:74px;height:84px;background:linear-gradient(160deg,#C08040,#906030,#684818);}
.j-amber-jar .jar-shine{height:52px;}
.j-amber-lid{width:82px;height:13px;background:#402810;}
/* lavender */
.j-lav-fl{width:11px;height:17px;background:linear-gradient(to bottom,#E8D8FF,#A060E0,#6020B0);box-shadow:0 0 14px 6px rgba(150,80,220,.5);animation-delay:1.5s;animation-duration:2.7s;}
.j-lav-jar{width:68px;height:78px;background:linear-gradient(160deg,#8060B0,#604888,#3C2860);}
.j-lav-jar .jar-shine{height:48px;}
.j-lav-lid{width:76px;height:12px;background:#281848;}
/* teal */
.j-teal-fl{width:10px;height:15px;background:linear-gradient(to bottom,#A0FFE8,#20D0A0,#009060);box-shadow:0 0 12px 5px rgba(32,200,160,.45);animation-delay:.2s;animation-duration:1.8s;}
.j-teal-jar{width:60px;height:68px;background:linear-gradient(160deg,#3A9080,#286858,#184038);}
.j-teal-jar .jar-shine{height:42px;}
.j-teal-lid{width:68px;height:11px;background:#102820;}
/* scene extras */
.scene-badges{position:absolute;top:24px;right:24px;display:flex;flex-direction:column;gap:8px;align-items:flex-end;}
.scene-badge{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.15);border-radius:20px;padding:5px 12px;font-family:var(--fn);font-size:9px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;animation:float 4s ease-in-out infinite;}
.sb-lunar{color:#FFCC80;animation-delay:0s;}
.sb-romance{color:#F0A0C0;animation-delay:.8s;}
.sb-astro{color:#A0C8F0;animation-delay:1.6s;}
.petal{position:absolute;animation:petal-fall linear infinite;}
.scene-glow{position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:360px;height:100px;border-radius:50% 50% 0 0;background:radial-gradient(ellipse at 50% 100%,rgba(255,180,50,.18),transparent 70%);}
.scene-floor{position:absolute;bottom:0;left:0;right:0;height:4px;background:linear-gradient(90deg,transparent,rgba(255,220,80,.15),transparent);}
.scene-quote{position:absolute;bottom:28px;right:28px;font-family:var(--fd);font-style:italic;font-size:13px;color:rgba(255,240,220,.4);text-align:right;line-height:1.6;}

/* ── MARQUEE ── */
.marquee{background:linear-gradient(90deg,var(--candy),var(--peach),var(--butter),var(--mint),var(--sky),var(--lav),var(--candy));background-size:400% 400%;animation:shimmer 6s ease infinite;padding:13px 0;overflow:hidden;white-space:nowrap;}
.marquee-inner{display:inline-block;animation:scroll 18s linear infinite;}
.marquee-inner span{font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;padding:0 20px;color:white;text-shadow:0 1px 4px rgba(0,0,0,.15);}
.marquee-inner .sep{font-size:10px;padding:0;}

/* ── SECTION SHARED ── */
.sec-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:44px;}
.sec-title{font-family:var(--fd);font-size:38px;font-weight:700;color:var(--dark);}
.sec-link{display:inline-flex;align-items:center;gap:6px;background:var(--candy-pale);color:var(--candy-dark);border:none;border-radius:20px;padding:8px 18px;font-family:var(--fn);font-size:11px;font-weight:800;text-decoration:none;letter-spacing:.06em;text-transform:uppercase;transition:all .2s;}
.sec-link:hover{background:var(--candy);color:white;transform:translateX(2px);}

/* ── COLLECTIONS GRID ── */
.coll-sec{padding:72px 44px;background:var(--cream);}
.coll-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;}
.cc{border-radius:28px;overflow:hidden;cursor:pointer;display:block;transition:transform .3s;position:relative;}
.cc:hover{transform:translateY(-8px);}
.cc:hover .cc-hover-label{opacity:1;transform:translateY(0);}
.art{height:230px;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;}
.art-lunar{background:radial-gradient(ellipse at 30% 40%,#3D1010,#1A0808 60%,#0A0404);}
.art-romance{background:radial-gradient(ellipse at 60% 40%,#1A0820,#0E0814 60%,#060408);}
.art-astro{background:radial-gradient(ellipse at 50% 30%,#141828,#080C18 70%,#040810);}
/* moon */
.moon-big{width:90px;height:90px;border-radius:50%;background:radial-gradient(circle at 38% 36%,#FFFDE0,#F8E060 45%,#DDA020);box-shadow:0 0 32px rgba(240,195,50,.45);position:relative;animation:float 5s ease-in-out infinite;}
.moon-big::after{content:'';position:absolute;top:12px;right:16px;width:22px;height:22px;border-radius:50%;background:rgba(200,130,10,.3);}
.moon-ring{position:absolute;border-radius:50%;border:1px solid rgba(240,200,80,.2);}
.mr1{width:120px;height:120px;top:50%;left:50%;transform:translate(-50%,-50%);}
.mr2{width:152px;height:152px;top:50%;left:50%;transform:translate(-50%,-50%);}
.lantern-group{position:absolute;top:12px;width:100%;display:flex;justify-content:space-around;padding:0 16px;}
.cl-wrap{display:flex;flex-direction:column;align-items:center;animation:float 4s ease-in-out infinite;}
.cl-wrap:nth-child(2){animation-delay:.7s;}
.cl-wrap:nth-child(3){animation-delay:1.4s;}
.cl-b{border-radius:50% 50% 40% 40%;}
.cl-red{width:15px;height:22px;background:#DD4010;box-shadow:0 0 12px rgba(221,64,16,.8);}
.cl-amber{width:12px;height:17px;background:#DD8010;box-shadow:0 0 10px rgba(221,128,16,.7);}
.cl-crimson{width:10px;height:13px;background:#CC3808;box-shadow:0 0 8px rgba(204,56,8,.7);}
.cl-line{width:1px;height:14px;background:rgba(255,200,100,.4);}
.cl-glow{width:20px;height:5px;border-radius:50%;background:rgba(220,60,10,.25);}
.petals-row{position:absolute;bottom:16px;left:50%;transform:translateX(-50%);display:flex;gap:2px;}
.cp{width:11px;height:14px;border-radius:50%;transform-origin:bottom center;opacity:.85;}
.cp1{background:#FFB0C8;transform:rotate(-40deg);}
.cp2{background:#FFA0BB;transform:rotate(-20deg);}
.cp3{background:#FF90B0;}
.cp4{background:#FFA0BB;transform:rotate(20deg);}
.cp5{background:#FFB0C8;transform:rotate(40deg);}
.cp-center{width:7px;height:7px;border-radius:50%;background:#FFCC60;position:absolute;bottom:9px;left:50%;transform:translateX(-50%);}
/* romance */
.r-petals{position:absolute;inset:0;}
.rp{position:absolute;border-radius:60% 0 60% 0;opacity:.5;}
.rp1{width:13px;height:17px;background:#8B1828;top:28px;left:22px;transform:rotate(-30deg);}
.rp2{width:9px;height:12px;background:#6B1020;top:48px;left:16px;transform:rotate(-60deg);}
.rp3{width:11px;height:15px;background:#7B1525;top:34px;right:24px;transform:rotate(25deg);}
.rp4{width:15px;height:19px;background:#AA2035;bottom:40px;left:28px;transform:rotate(-20deg);}
.rp5{width:10px;height:14px;background:#8B1828;bottom:52px;right:30px;transform:rotate(15deg);}
.rp6{width:12px;height:16px;background:#6A1020;bottom:70px;left:40px;transform:rotate(-45deg);}
.thorn-row{position:absolute;bottom:0;left:0;right:0;height:40px;overflow:hidden;}
.thorn{position:absolute;bottom:0;width:2px;background:rgba(80,40,20,.3);}
.thorn::before{content:'';position:absolute;top:0;left:-4px;width:8px;height:8px;border-radius:50% 0 50% 0;background:rgba(80,40,20,.3);transform:rotate(-45deg);}
.cute-candle{display:flex;flex-direction:column;align-items:center;z-index:2;position:relative;}
.cfl{border-radius:50% 50% 35% 35%;animation:flicker 2.4s ease-in-out infinite alternate;}
.cfl-romance{width:14px;height:22px;background:linear-gradient(to bottom,#FFD0F0,#FF50A0,#CC1050);box-shadow:0 0 18px 8px rgba(255,80,160,.5);animation-delay:.4s;}
.cwk{width:2px;height:8px;background:#2A1010;}
.cjar{border-radius:8px 8px 14px 14px;position:relative;}
.cjar-romance{width:58px;height:100px;background:linear-gradient(160deg,#3A1838,#241028,#180818);}
.cjar-shine{position:absolute;top:8px;left:8px;width:5px;height:62px;border-radius:3px;background:rgba(255,255,255,.07);}
.clid{border-radius:0 0 10px 10px;margin-top:-1px;}
.clid-romance{width:66px;height:12px;background:#0E0616;}
.cglow{position:absolute;border-radius:50%;}
.cglow-romance{bottom:16px;left:50%;transform:translateX(-50%);width:100px;height:40px;background:radial-gradient(ellipse,rgba(200,50,120,.35),transparent 70%);}
/* astrology */
.star-canvas{position:absolute;inset:0;}
.ast{position:absolute;border-radius:50%;background:#C8D4FF;animation:twinkle 2.5s ease-in-out infinite alternate;}
.zodiac-dial{width:128px;height:128px;border-radius:50%;border:1.5px solid rgba(160,200,220,.25);position:relative;display:flex;align-items:center;justify-content:center;animation:spin-slow 30s linear infinite;}
.zd-inner{width:90px;height:90px;border-radius:50%;border:1px solid rgba(160,200,220,.15);position:absolute;}
.zd-center{width:36px;height:36px;border-radius:50%;background:rgba(100,160,200,.1);border:1px solid rgba(140,190,220,.4);display:flex;align-items:center;justify-content:center;font-size:16px;color:rgba(180,220,240,.75);font-family:var(--fd);animation:spin-slow 30s linear reverse infinite;}
.zd-tick{position:absolute;width:1px;height:10px;background:rgba(140,190,220,.35);transform-origin:bottom center;bottom:50%;left:calc(50% - .5px);}
.astro-glyphs{position:absolute;pointer-events:none;}
.ag{position:absolute;font-family:var(--fd);font-size:10px;color:rgba(160,210,230,.5);}
.ag1{top:10px;left:14px;} .ag2{top:10px;right:16px;} .ag3{bottom:12px;left:10px;} .ag4{bottom:12px;right:12px;}
.shooting-star{position:absolute;width:40px;height:1px;background:linear-gradient(90deg,rgba(200,220,255,.8),transparent);border-radius:1px;animation:shoot 4s linear infinite;}
/* card info */
.cc-info{padding:22px 24px;}
.ci-lunar{background:#0C0506;} .ci-romance{background:#070410;} .ci-astro{background:#05060E;}
.cc-eyebrow{font-size:9px;font-weight:800;letter-spacing:.2em;text-transform:uppercase;display:block;margin-bottom:6px;}
.ey-lunar{color:#F59E0B;} .ey-romance{color:var(--lav);} .ey-astro{color:#5A7894;}
.cc-name{font-family:var(--fd);font-size:21px;font-weight:700;margin-bottom:6px;}
.cn-lunar{color:#FFF0C8;} .cn-romance{color:#F0E0FF;} .cn-astro{color:#D0E8FF;}
.cc-desc{font-size:12px;font-weight:600;line-height:1.65;margin-bottom:14px;}
.cd-lunar{color:rgba(255,240,200,.4);} .cd-romance{color:rgba(240,224,255,.35);} .cd-astro{color:rgba(208,232,255,.35);}
.cc-foot{display:flex;justify-content:space-between;align-items:center;}
.cc-count{font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;}
.cnt-lunar{color:rgba(255,240,200,.2);} .cnt-romance{color:rgba(240,224,255,.18);} .cnt-astro{color:rgba(208,232,255,.18);}
.cc-btn{font-size:10px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;padding:6px 14px;border-radius:14px;transition:all .2s;display:inline-block;}
.cbtn-lunar{background:rgba(245,158,11,.15);color:#F59E0B;}  .cc-lunar:hover .cbtn-lunar{background:#F59E0B;color:#1C1410;}
.cbtn-romance{background:rgba(128,112,133,.15);color:var(--lav);} .cc-romance:hover .cbtn-romance{background:var(--lav);color:white;}
.cbtn-astro{background:rgba(90,120,148,.15);color:#5A7894;} .cc-astro:hover .cbtn-astro{background:#5A7894;color:#1C1410;}
.cc-hover-label{position:absolute;bottom:0;left:0;right:0;padding:16px 20px;background:rgba(0,0,0,.6);opacity:0;transform:translateY(8px);transition:all .3s;font-family:var(--fn);font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:white;text-align:center;}

/* ── PRODUCTS ── */
.prod-sec{padding:72px 44px;background:var(--parch);}
.prod-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;}
.prod-card{background:white;border-radius:24px;overflow:hidden;border:2px solid transparent;transition:all .25s;cursor:pointer;}
.prod-card:hover{transform:translateY(-6px);border-color:var(--candy);}
.prod-art{height:185px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;text-decoration:none;}
.pa-a{background:radial-gradient(ellipse at 50% 30%,#2A0808,#0E0404);}
.pa-b{background:radial-gradient(ellipse at 50% 30%,#160820,#06040E);}
.pa-c{background:radial-gradient(ellipse at 50% 30%,#060C20,#020408);}
.prod-img-real{width:100%;height:100%;object-fit:cover;}
.mini-can{display:flex;flex-direction:column;align-items:center;z-index:2;position:relative;}
.mfl{border-radius:50% 50% 35% 35%;animation:flicker 2s ease-in-out infinite alternate;transform-origin:bottom center;}
.mfl-red{width:10px;height:16px;background:linear-gradient(to bottom,#FFE080,#FF9020,#CC4010);box-shadow:0 0 14px 6px rgba(255,130,20,.5);}
.mfl-pink{width:10px;height:16px;background:linear-gradient(to bottom,#FFD0F8,#FF60B0,#CC1060);box-shadow:0 0 14px 6px rgba(220,60,150,.5);animation-delay:.5s;}
.mfl-blue{width:10px;height:16px;background:linear-gradient(to bottom,#C0E0FF,#6090E0,#2040C0);box-shadow:0 0 14px 6px rgba(80,120,220,.5);animation-delay:1s;}
.mwk{width:2px;height:6px;background:#2A1808;}
.mjb{border-radius:6px 6px 10px 10px;position:relative;}
.mjb-shine{position:absolute;top:6px;left:6px;width:5px;height:38px;border-radius:3px;background:rgba(255,255,255,.08);}
.mld{border-radius:0 0 8px 8px;margin-top:-1px;}
.mjb-a{width:48px;height:60px;background:linear-gradient(160deg,#B84030,#803020);}
.mld-a{width:54px;height:10px;background:#502010;}
.mjb-b{width:48px;height:60px;background:linear-gradient(160deg,#4A1840,#2A0C28);}
.mld-b{width:54px;height:10px;background:#1A0618;}
.mjb-c{width:48px;height:60px;background:linear-gradient(160deg,#1A3060,#0C1840);}
.mld-c{width:54px;height:10px;background:#080E28;}
.mini-spark{position:absolute;width:3px;height:3px;border-radius:50%;animation:twinkle 1.8s ease-in-out infinite alternate;}
.prod-info{padding:15px 17px;}
.prod-tag{font-size:9px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;display:block;margin-bottom:4px;}
.pt-a{color:var(--candy);} .pt-b{color:var(--lav);} .pt-c{color:var(--sky);}
.prod-name{font-family:var(--fd);font-size:15px;font-weight:700;color:var(--dark);margin-bottom:3px;line-height:1.2;}
.prod-notes{font-size:11px;font-weight:600;color:var(--muted);margin-bottom:11px;}
.prod-foot{display:flex;justify-content:space-between;align-items:center;}
.prod-price{font-size:15px;font-weight:800;color:var(--dark);}
.prod-add{width:30px;height:30px;border-radius:50%;border:2px solid;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:400;transition:all .2s;background:white;}
.pa-btn-a{border-color:var(--candy);color:var(--candy);}  .pa-btn-a:hover{background:var(--candy);color:white;transform:rotate(90deg);}
.pa-btn-b{border-color:var(--lav);color:var(--lav);}      .pa-btn-b:hover{background:var(--lav);color:white;transform:rotate(90deg);}
.pa-btn-c{border-color:var(--sky);color:var(--sky);}      .pa-btn-c:hover{background:var(--sky);color:white;transform:rotate(90deg);}
.no-products{color:var(--muted);font-size:14px;padding:40px 0;grid-column:1/-1;}

/* ── STORY ── */
.story-sec{display:grid;grid-template-columns:1fr 1fr;overflow:hidden;}
.story-left{background:linear-gradient(135deg,#F0DCDF,#FFF0E8,#FFF8E0);padding:80px 56px;position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:center;}
.story-circle{position:absolute;width:320px;height:320px;border-radius:50%;background:rgba(160,70,78,.07);border:2px dashed rgba(160,70,78,.2);bottom:-80px;right:-80px;animation:spin-slow 20s linear infinite;}
.story-circle-2{position:absolute;width:180px;height:180px;border-radius:50%;background:rgba(128,112,133,.06);border:2px dashed rgba(128,112,133,.2);top:-40px;left:-40px;animation:spin-slow 15s linear reverse infinite;}
.story-label{font-size:10px;font-weight:800;letter-spacing:.2em;text-transform:uppercase;color:var(--candy);margin-bottom:18px;display:flex;align-items:center;gap:10px;}
.story-label::before{content:'';display:block;width:24px;height:2px;border-radius:2px;background:var(--candy);}
.story-h2{font-family:var(--fd);font-size:40px;font-weight:700;color:var(--dark);line-height:1.12;margin-bottom:18px;}
.story-h2 em{font-style:italic;color:var(--candy);}
.story-body{font-size:14px;font-weight:600;line-height:1.85;color:var(--muted);max-width:380px;margin-bottom:28px;}
.story-logo-blob{width:72px;height:72px;border-radius:50%;background:linear-gradient(135deg,var(--candy),var(--peach));display:flex;align-items:center;justify-content:center;font-family:var(--fd);font-size:24px;font-style:italic;color:white;font-weight:700;box-shadow:0 6px 20px rgba(160,70,78,.35);animation:float 4s ease-in-out infinite;}
.story-logo-img{width:72px;height:72px;border-radius:50%;object-fit:cover;border:3px solid var(--candy);}
.story-right{background:linear-gradient(135deg,#DCE8DC,#DCE2EC,#E2DCE6);padding:80px 56px;display:flex;flex-direction:column;justify-content:center;}
.stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;}
.stat-card{background:white;border-radius:20px;padding:22px 18px;border:2px solid;transition:transform .2s;}
.stat-card:hover{transform:translateY(-3px);}
.sc-a{border-color:var(--candy-pale);} .sc-b{border-color:var(--mint-pale);}
.sc-c{border-color:var(--sky-pale);}   .sc-d{border-color:var(--lav-pale);}
.stat-n{font-family:var(--fd);font-size:42px;font-weight:700;line-height:1;display:block;margin-bottom:4px;}
.sc-a .stat-n{color:var(--candy);} .sc-b .stat-n{color:var(--mint);}
.sc-c .stat-n{color:var(--sky);}   .sc-d .stat-n{color:var(--lav);}
.stat-l{font-size:10px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);}

/* ── SUBSCRIPTION ── */
.sub-sec{background:#0E0A14;padding:96px 44px;text-align:center;position:relative;overflow:hidden;}
.sub-sec::before{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:500px;height:500px;border-radius:50%;background:radial-gradient(circle,rgba(128,112,133,.06),transparent 70%);}
.conf{position:absolute;animation:float linear infinite;}
.sub-eyebrow{font-size:10px;font-weight:800;letter-spacing:.2em;text-transform:uppercase;color:var(--butter);display:block;margin-bottom:18px;position:relative;z-index:1;}
.sub-title{font-family:var(--fd);font-size:50px;font-weight:700;color:white;line-height:1.1;margin-bottom:16px;position:relative;z-index:1;}
.sub-title em{font-style:italic;color:var(--butter);}
.sub-body{font-size:14px;font-weight:600;line-height:1.85;color:rgba(255,255,255,.45);max-width:440px;margin:0 auto 48px;position:relative;z-index:1;}
.sub-plans{display:flex;gap:16px;justify-content:center;margin-bottom:44px;position:relative;z-index:1;flex-wrap:wrap;}
.sub-plan{background:rgba(255,255,255,.05);border:2px solid rgba(255,255,255,.08);border-radius:24px;padding:28px 22px;text-align:left;min-width:185px;transition:all .3s;}
.sub-plan:hover{border-color:rgba(232,184,64,.4);transform:translateY(-5px);}
.sub-plan.feat{border-color:rgba(232,184,64,.3);background:rgba(232,184,64,.05);}
.sub-badge{font-size:9px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;background:var(--butter);color:#1C1410;padding:4px 12px;border-radius:12px;display:inline-block;margin-bottom:14px;}
.sub-pname{font-family:var(--fd);font-size:19px;color:white;font-weight:700;margin-bottom:5px;}
.sub-price{font-size:30px;font-weight:400;color:white;font-family:var(--fd);}
.sub-price sup{font-size:15px;color:var(--butter);vertical-align:top;margin-top:5px;}
.sub-price span{font-size:12px;color:rgba(255,255,255,.3);}
.sub-pdesc{font-size:11px;font-weight:600;color:rgba(255,255,255,.3);margin-top:6px;line-height:1.55;}
.btn-sub{display:inline-flex;align-items:center;gap:8px;background:linear-gradient(135deg,var(--candy),var(--peach));color:white;border:none;padding:16px 44px;border-radius:32px;font-family:var(--fn);font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;position:relative;z-index:1;transition:transform .15s;box-shadow:0 6px 24px rgba(160,70,78,.4);text-decoration:none;}
.btn-sub:hover{transform:translateY(-2px) scale(1.04);}

/* ── TESTIMONIALS ── */
.test-sec{padding:72px 44px;background:linear-gradient(160deg,var(--lav-pale),var(--candy-pale),var(--butter-pale));}
.test-head{text-align:center;margin-bottom:48px;}
.test-eyebrow{font-size:10px;font-weight:800;letter-spacing:.18em;text-transform:uppercase;color:var(--lav);display:block;margin-bottom:12px;}
.test-title{font-family:var(--fd);font-size:36px;font-weight:700;color:var(--dark);}
.test-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;}
.test-card{background:white;border-radius:22px;padding:26px;border:2px solid transparent;transition:transform .2s,border-color .2s;}
.test-card:hover{transform:translateY(-4px);}
.tc-a:hover{border-color:var(--candy);} .tc-b:hover{border-color:var(--mint);} .tc-c:hover{border-color:var(--lav);}
.stars{font-size:14px;letter-spacing:2px;margin-bottom:12px;}
.tc-a .stars{color:var(--candy);} .tc-b .stars{color:var(--mint);} .tc-c .stars{color:var(--lav);}
.test-q{font-family:var(--fd);font-size:15px;font-style:italic;line-height:1.7;color:var(--dark);margin-bottom:18px;}
.test-auth{display:flex;align-items:center;gap:10px;}
.av{width:38px;height:38px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:800;color:white;flex-shrink:0;}
.av-a{background:linear-gradient(135deg,var(--candy),var(--peach));}
.av-b{background:linear-gradient(135deg,var(--mint),var(--sky));}
.av-c{background:linear-gradient(135deg,var(--lav),var(--candy));}
.auth-n{font-size:13px;font-weight:700;color:var(--dark);}
.auth-l{font-size:11px;font-weight:600;color:var(--muted);}

/* ── FOOTER ── */
.footer{background:#0C0A10;color:white;padding:56px 44px 28px;}
.footer-top{display:grid;grid-template-columns:2fr 1fr 1fr 1.4fr;gap:40px;margin-bottom:40px;}
.ft-brand{}
.ft-blob{width:54px;height:54px;border-radius:50%;background:linear-gradient(135deg,var(--candy),var(--peach));display:flex;align-items:center;justify-content:center;margin-bottom:12px;font-family:var(--fd);font-size:20px;font-style:italic;color:white;font-weight:700;animation:float 4s ease-in-out infinite;}
.ft-logo-img{width:54px;height:54px;border-radius:50%;object-fit:cover;margin-bottom:12px;border:2px solid var(--candy);}
.ft-name{font-family:var(--fd);font-size:21px;color:white;margin-bottom:4px;font-weight:700;}
.ft-tag{font-size:9px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--candy);margin-bottom:10px;display:block;}
.ft-desc{font-size:12px;font-weight:600;color:rgba(255,255,255,.3);line-height:1.75;max-width:200px;}
.fc h4{font-size:10px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:var(--butter);margin-bottom:14px;}
.fc ul{list-style:none;display:flex;flex-direction:column;gap:8px;}
.fc ul li a{font-size:12px;font-weight:600;color:rgba(255,255,255,.4);transition:color .2s;}
.fc ul li a:hover{color:var(--candy);}
.fc-join p{font-size:12px;font-weight:600;color:rgba(255,255,255,.35);margin-bottom:12px;line-height:1.6;}
.join-row{display:flex;gap:8px;}
.join-row input{flex:1;background:rgba(255,255,255,.06);border:1.5px solid rgba(255,255,255,.1);border-radius:20px;padding:10px 14px;color:white;font-size:12px;font-family:var(--fn);outline:none;}
.join-row input::placeholder{color:rgba(255,255,255,.2);}
.join-row button{background:linear-gradient(135deg,var(--candy),var(--peach));color:white;border:none;border-radius:20px;padding:10px 15px;font-size:10px;font-weight:800;font-family:var(--fn);letter-spacing:.06em;text-transform:uppercase;cursor:pointer;white-space:nowrap;}
.footer-bot{border-top:1px solid rgba(255,255,255,.06);padding-top:20px;display:flex;justify-content:space-between;align-items:center;}
.footer-bot p{font-size:11px;font-weight:600;color:rgba(255,255,255,.2);}
.ft-love{font-style:italic;}
.ft-love span{color:var(--candy);}

/* ── PRODUCT PAGE ── */
.product-page{padding:60px 44px;}
.product-page-inner{display:grid;grid-template-columns:1fr 1fr;gap:60px;max-width:1200px;margin:0 auto;}
.product-main-img img{width:100%;border-radius:20px;aspect-ratio:1/1;object-fit:cover;}
.product-no-img{width:100%;aspect-ratio:1/1;background:linear-gradient(160deg,#1A0808,#3D1515);border-radius:20px;display:flex;align-items:center;justify-content:center;font-size:60px;}
.pni-inner{opacity:.3;}
.product-thumbs{display:flex;gap:10px;flex-wrap:wrap;margin-top:12px;}
.product-thumb{width:80px;height:80px;object-fit:cover;border-radius:12px;cursor:pointer;border:2px solid transparent;transition:border-color .2s;}
.product-thumb:hover{border-color:var(--candy);}
.product-breadcrumb{font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--candy);display:block;margin-bottom:16px;}
.product-title{font-family:var(--fd);font-size:40px;font-weight:700;color:var(--dark);margin-bottom:16px;line-height:1.15;}
.product-price-block{display:flex;align-items:baseline;gap:12px;margin-bottom:20px;}
.main-price{font-size:28px;font-weight:800;color:var(--dark);}
.compare-price{font-size:18px;color:var(--muted);text-decoration:line-through;}
.scent-pills{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:20px;}
.scent-pill{background:var(--candy-pale);color:var(--candy-dark);border-radius:16px;padding:5px 14px;font-size:11px;font-weight:700;}
.product-description{font-size:14px;line-height:1.85;color:var(--muted);margin-bottom:28px;}
.variant-label{font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--ink);display:block;margin-bottom:10px;}
.variant-select{width:100%;padding:12px 16px;border:2px solid var(--candy-pale);border-radius:12px;font-family:var(--fn);font-size:14px;color:var(--ink);background:white;margin-bottom:20px;}
.product-actions{display:flex;gap:12px;}
.btn-atc{background:linear-gradient(135deg,var(--candy),var(--peach));color:white;border:none;padding:15px 32px;border-radius:32px;font-family:var(--fn);font-size:12px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;cursor:pointer;transition:transform .15s;box-shadow:0 4px 16px rgba(160,70,78,.3);}
.btn-atc:hover{transform:translateY(-2px);}
.btn-atc:disabled{background:rgba(58,44,32,.15);box-shadow:none;cursor:not-allowed;}

/* ── COLLECTION PAGE ── */
.collection-page{padding:60px 44px;}
.collection-header{text-align:center;margin-bottom:52px;}
.collection-title{font-family:var(--fd);font-size:52px;font-weight:700;color:var(--dark);margin-bottom:16px;}
.collection-desc{font-size:15px;color:var(--muted);line-height:1.8;max-width:560px;margin:0 auto;}
.collection-page .prod-grid{grid-template-columns:repeat(3,1fr);}

/* ── CART PAGE ── */
.cart-page{padding:60px 44px;max-width:900px;margin:0 auto;}
.cart-title{font-family:var(--fd);font-size:44px;font-weight:700;color:var(--dark);margin-bottom:40px;}
.cart-items{display:flex;flex-direction:column;gap:20px;margin-bottom:40px;}
.cart-item{display:flex;align-items:center;gap:20px;padding:20px 0;border-bottom:2px solid var(--candy-pale);}
.cart-item-img{width:90px;height:90px;object-fit:cover;border-radius:14px;}
.cart-item-info{flex:1;}
.cart-item-name{font-family:var(--fd);font-size:18px;font-weight:700;color:var(--dark);}
.cart-item-variant{font-size:12px;color:var(--muted);margin-top:4px;font-weight:600;}
.cart-item-price{font-size:15px;font-weight:800;color:var(--dark);margin-top:8px;}
.qty-input{width:60px;padding:8px;border:2px solid var(--candy-pale);border-radius:10px;text-align:center;font-family:var(--fn);font-size:14px;font-weight:700;}
.cart-item-remove{font-size:11px;font-weight:700;text-transform:uppercase;color:var(--muted);transition:color .2s;}
.cart-item-remove:hover{color:var(--candy);}
.cart-footer{display:flex;flex-direction:column;align-items:flex-end;gap:16px;}
.cart-total{display:flex;justify-content:space-between;width:100%;font-size:18px;font-weight:800;color:var(--dark);padding:16px 0;border-top:2px solid var(--candy-pale);}
.btn-update{background:none;color:var(--ink);border:2px solid var(--candy-pale);padding:12px 28px;border-radius:28px;font-family:var(--fn);font-size:11px;font-weight:800;text-transform:uppercase;cursor:pointer;}
.cart-empty{text-align:center;padding:80px 0;}
.cart-empty p{font-size:16px;color:var(--muted);margin-bottom:28px;font-weight:600;}

/* ── PAGE CONTENT ── */
.page-content{padding:80px 44px;max-width:800px;margin:0 auto;}
.page-title{font-family:var(--fd);font-size:48px;font-weight:700;color:var(--dark);margin-bottom:32px;}
.page-body{font-size:15px;line-height:1.9;color:var(--muted);font-weight:600;}
.page-body h2{font-family:var(--fd);font-size:30px;font-weight:700;margin:36px 0 16px;color:var(--dark);}
.page-body p{margin-bottom:18px;}

/* ── RESPONSIVE ── */
@media(max-width:1024px){
  .header-inner{padding:13px 24px;}
  .nav-pills{display:none;}
  .nav-ham{display:flex;}
  .hero{grid-template-columns:1fr;min-height:auto;}
  .hero-left{padding:60px 32px;min-height:70vh;}
  .hero-right{height:400px;}
  .hero-title{font-size:44px;}
  .coll-grid,.prod-grid,.test-grid{grid-template-columns:1fr;}
  .story-sec,.brand-story{grid-template-columns:1fr;}
  .story-left,.story-right{padding:60px 32px;}
  .footer-top{grid-template-columns:1fr 1fr;}
  .coll-sec,.prod-sec,.test-sec,.sub-sec,.collection-page,.product-page,.cart-page{padding-left:24px;padding-right:24px;}
  .product-page-inner{grid-template-columns:1fr;}
  .collection-page .prod-grid{grid-template-columns:repeat(2,1fr);}
}
@media(max-width:600px){
  .hero-title{font-size:34px;}
  .sub-title{font-size:36px;}
  .story-h2{font-size:30px;}
  .footer-top{grid-template-columns:1fr;}
  .sub-plans{flex-direction:column;align-items:center;}
  .hero-right{display:none;}
  .hero-mobile-candle{display:flex;}
  .prod-grid{grid-template-columns:1fr;}
  .collection-page .prod-grid{grid-template-columns:1fr;}
}

/* ── MOBILE HERO CANDLE ── */
/* Hidden on desktop, shown on mobile */
.hero-mobile-candle{
  display:none;
  flex-direction:column;
  align-items:center;
  position:absolute;
  top:24px;
  right:24px;
  z-index:10;
}
.hmc-glow{
  width:60px;height:60px;border-radius:50%;
  background:radial-gradient(circle,rgba(255,160,100,.35),rgba(160,70,78,.2),transparent 70%);
  position:absolute;top:-10px;left:50%;transform:translateX(-50%);
  animation:pulse 2.5s ease-in-out infinite;
}
.hmc-flame-wrap{display:flex;flex-direction:column;align-items:center;margin-bottom:2px;position:relative;z-index:2;}
.hmc-flame{
  width:14px;height:22px;
  border-radius:50% 50% 30% 30%;
  background:linear-gradient(to bottom,#FFF4A0,#FF9A20,#FF4A00);
  box-shadow:0 0 18px 8px rgba(255,140,30,.5),0 0 36px 16px rgba(255,100,20,.2);
  animation:flicker 2s ease-in-out infinite alternate;
  transform-origin:bottom center;
}
.hmc-wick{width:2px;height:8px;background:#4A2810;border-radius:1px;}
.hmc-jar{
  width:64px;height:80px;
  background:linear-gradient(160deg,#FFE0F4,#F0B0D8,#D070B0);
  border-radius:10px 10px 16px 16px;
  position:relative;
  box-shadow:0 8px 24px rgba(220,80,160,.3),inset 0 1px 0 rgba(255,255,255,.3);
}
.hmc-shine{
  position:absolute;top:8px;left:8px;
  width:7px;height:48px;border-radius:4px;
  background:rgba(255,255,255,.25);
}
.hmc-label{
  position:absolute;bottom:12px;left:0;right:0;
  display:flex;flex-direction:column;align-items:center;gap:1px;
}
.hmc-label-brand{
  font-family:var(--fd);font-style:italic;
  font-size:9px;font-weight:700;
  color:rgba(255,255,255,.9);letter-spacing:.08em;
}
.hmc-label-name{
  font-size:7px;font-weight:800;letter-spacing:.12em;
  text-transform:uppercase;color:rgba(255,255,255,.6);
}
.hmc-lid{
  width:72px;height:11px;
  background:#A03878;
  border-radius:0 0 8px 8px;
  margin-top:-1px;
  box-shadow:0 4px 10px rgba(160,56,120,.3);
}
.hmc-shadow{
  width:50px;height:8px;margin-top:4px;
  background:radial-gradient(ellipse,rgba(200,80,160,.25),transparent 70%);
  border-radius:50%;
}
/* Make hero-left position:relative so the absolute candle works */
.hero-left{position:relative;}

/* ── PRODUCT IMAGE CARDS ── */
.prod-grid-3 { grid-template-columns: repeat(3, 1fr); }

.prod-card-img .prod-art-img {
  display: block;
  height: 280px;
  overflow: hidden;
  border-radius: 22px 22px 0 0;
  position: relative;
  text-decoration: none;
}
.prod-photo {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.5s ease;
  display: block;
}
.prod-card-img:hover .prod-photo { transform: scale(1.05); }

.prod-img-overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(28,20,16,0.7) 0%, transparent 50%);
  display: flex;
  align-items: flex-end;
  padding: 20px;
  opacity: 0;
  transition: opacity 0.3s;
}
.prod-card-img:hover .prod-img-overlay { opacity: 1; }
.prod-overlay-label {
  font-family: var(--fn);
  font-size: 12px;
  font-weight: 800;
  letter-spacing: .1em;
  text-transform: uppercase;
  color: white;
}

/* ── COMING SOON CARDS ── */
.prod-art-soon {
  height: 280px;
  border-radius: 22px 22px 0 0;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  overflow: hidden;
}
.coming-soon-content {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  text-align: center;
  position: relative;
  z-index: 2;
}
.cs-icon {
  font-size: 36px;
  animation: float 3s ease-in-out infinite;
  display: block;
}
.cs-title {
  font-family: var(--fd);
  font-size: 20px;
  font-weight: 700;
  font-style: italic;
  color: rgba(255,255,255,0.9);
  line-height: 1.2;
  max-width: 160px;
}
.cs-sub {
  font-family: var(--fn);
  font-size: 10px;
  font-weight: 800;
  letter-spacing: .2em;
  text-transform: uppercase;
  color: rgba(255,255,255,0.5);
  margin-top: 2px;
}
.cs-dots {
  display: flex;
  gap: 6px;
  margin-top: 4px;
}
.cs-dots span {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: rgba(255,255,255,0.3);
  animation: pulse 1.5s ease-in-out infinite alternate;
}
.cs-dots span:nth-child(2) { animation-delay: .3s; }
.cs-dots span:nth-child(3) { animation-delay: .6s; }

@media(max-width:1024px) {
  .prod-grid-3 { grid-template-columns: 1fr; }
  .prod-card-img .prod-art-img,
  .prod-art-soon { height: 240px; }
}

/* ================================================================
   COLLECTION & PRODUCT PAGE STYLES
   ================================================================ */

/* ── SHARED ANIMATIONS ── */
@keyframes pdLanternSwing{0%,100%{transform:rotate(-5deg);}50%{transform:rotate(5deg);}}
@keyframes romanceSway{0%,100%{transform:rotate(-3deg);}50%{transform:rotate(3deg);}}
@keyframes astroFloat{0%,100%{transform:translateY(0);}50%{transform:translateY(-10px);}}
@keyframes lunarPetalFall{0%{transform:translateY(-30px) rotate(0deg);opacity:0;}15%{opacity:.8;}100%{transform:translateY(100vh) rotate(540deg);opacity:0;}}
@keyframes lunarLanternSwing{0%,100%{transform:rotate(-6deg);}50%{transform:rotate(6deg);}}
@keyframes sbpFloat{0%,100%{transform:translateY(0);}50%{transform:translateY(-9px);}}
@keyframes sbpPulse{0%,100%{transform:scale(1);}50%{transform:scale(1.08);}}
@keyframes sbpSpin{from{transform:rotate(0deg);}to{transform:rotate(360deg);}}
@keyframes sbpShimmer{0%,100%{background-position:0% 50%;}50%{background-position:100% 50%;}}
@keyframes sbpScroll{0%{transform:translateX(0);}100%{transform:translateX(-50%);}}
@keyframes sbpFadeUp{0%{opacity:0;transform:translateY(22px);}100%{opacity:1;transform:translateY(0);}}
@keyframes sbpTwinkle{0%{opacity:.2;transform:scale(.7);}100%{opacity:1;transform:scale(1);}}
@keyframes sbpFlicker{0%,100%{transform:scaleX(1) scaleY(1) rotate(-1deg);}40%{transform:scaleX(.87) scaleY(1.07) rotate(1.5deg);}70%{transform:scaleX(1.05) scaleY(.96) rotate(-.5deg);}}
@keyframes romanceFloat{0%,100%{transform:translateY(0);}50%{transform:translateY(-8px);}}
@keyframes romancePetalDrift{0%{transform:translateY(-40px) rotate(0deg);opacity:0;}10%{opacity:.7;}100%{transform:translateY(110vh) rotate(720deg);opacity:0;}}
@keyframes astroOrbitSlow{from{transform:rotate(0deg);}to{transform:rotate(360deg);}}
@keyframes astroOrbitRev{from{transform:rotate(0deg);}to{transform:rotate(-360deg);}}
@keyframes astroShoot{0%{left:-5%;opacity:1;width:3px;}100%{left:110%;opacity:0;width:120px;}}
@keyframes astroPulse{0%,100%{opacity:.3;}50%{opacity:.7;}}

/* ================================================================
   SHOP BY PRODUCT PAGE
   ================================================================ */
.sbp-page{font-family:var(--fn,Nunito,sans-serif);}
.sbp-hero{display:grid;grid-template-columns:1fr 1fr;min-height:88vh;overflow:hidden;}
.sbp-hero-left{background:linear-gradient(160deg,#FFF0F8 0%,#FFFBF0 60%,#F0FFF8 100%);display:flex;flex-direction:column;justify-content:center;padding:72px 56px;position:relative;overflow:hidden;}
.sbp-blob{position:absolute;border-radius:50%;pointer-events:none;}
.sbp-b1{width:220px;height:220px;background:rgba(160,70,78,.07);top:-50px;right:-50px;animation:sbpPulse 5s ease-in-out infinite;}
.sbp-b2{width:150px;height:150px;background:rgba(128,112,133,.07);bottom:50px;left:-30px;animation:sbpPulse 6s ease-in-out infinite 1.5s;}
.sbp-b3{width:90px;height:90px;background:rgba(107,142,114,.09);top:45%;left:8%;animation:sbpFloat 7s ease-in-out infinite 2s;}
.sbp-pill{display:inline-flex;align-items:center;gap:8px;background:white;border:2px solid #A0464E;border-radius:24px;padding:6px 16px;margin-bottom:22px;font-size:10px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:#6B1F26;width:fit-content;box-shadow:0 4px 14px rgba(160,70,78,.2);animation:sbpFadeUp .6s ease both;}
.sbp-star{animation:sbpSpin 5s linear infinite;display:inline-block;}
.sbp-title{font-family:var(--fd,'Playfair Display',serif);font-size:60px;font-weight:700;line-height:1.03;color:#1C1410;margin-bottom:8px;animation:sbpFadeUp .65s ease .08s both;}
.sbp-ital{font-style:italic;color:#A0464E;}
.sbp-subtitle{font-family:var(--fd,'Playfair Display',serif);font-style:italic;font-size:18px;color:#C8952A;margin-bottom:18px;animation:sbpFadeUp .65s ease .14s both;}
.sbp-body{font-size:14px;font-weight:600;line-height:1.85;color:rgba(61,44,32,.5);max-width:370px;margin-bottom:36px;animation:sbpFadeUp .65s ease .2s both;}
.sbp-btns{display:flex;gap:12px;flex-wrap:wrap;animation:sbpFadeUp .65s ease .26s both;}
.sbp-btn-primary{display:inline-flex;align-items:center;gap:8px;padding:14px 30px;border-radius:32px;background:linear-gradient(135deg,#A0464E,#C8952A);color:white;border:none;font-family:var(--fn,Nunito,sans-serif);font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;transition:transform .15s;text-decoration:none;box-shadow:0 6px 18px rgba(160,70,78,.38);}
.sbp-btn-primary:hover{transform:translateY(-3px) scale(1.03);}
.sbp-btn-ghost{display:inline-flex;align-items:center;gap:8px;padding:13px 28px;border-radius:32px;background:white;color:#1C1410;border:2px solid rgba(61,44,32,.15);font-family:var(--fn,Nunito,sans-serif);font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;transition:all .2s;text-decoration:none;}
.sbp-btn-ghost:hover{border-color:#A0464E;color:#6B1F26;}
.sbp-chips{display:flex;gap:8px;margin-top:24px;flex-wrap:wrap;animation:sbpFadeUp .65s ease .34s both;}
.sbp-chip{background:white;border:2px solid;border-radius:16px;padding:7px 14px;display:flex;align-items:center;gap:6px;font-size:11px;font-weight:700;box-shadow:0 2px 8px rgba(0,0,0,.05);}
.sbp-chip-dot{width:7px;height:7px;border-radius:50%;}
.sbp-chip-a{border-color:#A0464E;color:#6B1F26;} .sbp-chip-a .sbp-chip-dot{background:#A0464E;}
.sbp-chip-b{border-color:#807085;color:#3F2D52;} .sbp-chip-b .sbp-chip-dot{background:#807085;}
.sbp-chip-c{border-color:#6B8E72;color:#2A4A36;} .sbp-chip-c .sbp-chip-dot{background:#6B8E72;}
.sbp-chip-d{border-color:#C8952A;color:#9A3412;} .sbp-chip-d .sbp-chip-dot{background:#C8952A;}
.sbp-hero-right{position:relative;overflow:hidden;background:linear-gradient(160deg,#0E0810,#1C0A18,#0A1018);display:flex;align-items:center;justify-content:center;}
.sbp-hs-glow{position:absolute;width:400px;height:400px;border-radius:50%;background:radial-gradient(circle,rgba(160,70,78,.12),rgba(200,149,42,.06) 40%,transparent 70%);animation:sbpPulse 5s ease-in-out infinite;}
.sbp-stars{position:absolute;inset:0;}
.sbp-scene-products{position:relative;z-index:2;display:grid;grid-template-columns:1fr 1fr;gap:14px;padding:48px;width:100%;}
.sbp-scene-prod{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12);border-radius:20px;padding:22px 18px;display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center;cursor:pointer;transition:all .3s;text-decoration:none;animation:sbpFloat 4s ease-in-out infinite;}
.sbp-scene-prod:nth-child(2){animation-delay:.6s;}.sbp-scene-prod:nth-child(3){animation-delay:1.2s;}.sbp-scene-prod:nth-child(4){animation-delay:1.8s;}
.sbp-scene-prod:hover{background:rgba(255,255,255,.14);border-color:rgba(160,70,78,.5);transform:translateY(-6px)!important;}
.sbp-sp-icon{width:54px;height:54px;border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:26px;}
.sbp-sp-name{font-family:var(--fd,'Playfair Display',serif);font-size:16px;font-weight:700;font-style:italic;color:white;}
.sbp-sp-count{font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:rgba(255,255,255,.38);}
.sbp-sp-arr{font-size:11px;color:rgba(255,255,255,.28);}
.sbp-scene-prod:hover .sbp-sp-arr{color:#A0464E;}
.sbp-scene-label{position:absolute;bottom:28px;left:50%;transform:translateX(-50%);font-family:var(--fd,'Playfair Display',serif);font-style:italic;font-size:13px;color:rgba(255,240,220,.38);white-space:nowrap;}
.sbp-candle-group{position:absolute;bottom:0;left:50%;transform:translateX(-50%);display:flex;align-items:flex-end;gap:22px;z-index:2;}
.sbp-cndl-wrap{display:flex;flex-direction:column;align-items:center;}
.sbp-flame{border-radius:50% 50% 35% 35%;animation:sbpFlicker 2.2s ease-in-out infinite alternate;transform-origin:bottom center;}
.sbp-wick{width:2px;height:8px;background:#3A1808;}
.sbp-diff-illus{display:flex;flex-direction:column;align-items:center;gap:8px;position:relative;z-index:2;}
.sbp-diff-mist{display:flex;gap:10px;margin-bottom:2px;}
.sbp-products{padding:80px 48px;background:#FFFBF5;}
.sbp-section-head{text-align:center;margin-bottom:56px;}
.sbp-eyebrow{font-size:10px;font-weight:800;letter-spacing:.2em;text-transform:uppercase;color:#A0464E;display:block;margin-bottom:14px;}
.sbp-sec-title{font-family:var(--fd,'Playfair Display',serif);font-size:44px;font-weight:700;color:#1C1410;margin-bottom:12px;}
.sbp-sec-title em{font-style:italic;color:#A0464E;}
.sbp-sec-sub{font-size:14px;font-weight:600;color:rgba(61,44,32,.5);}
.sbp-ptg-2{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:24px;}
.sbp-ptg-3{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;}
.sbp-pt-card{border-radius:28px;overflow:hidden;cursor:pointer;text-decoration:none;display:block;position:relative;transition:transform .35s;}
.sbp-pt-card:hover{transform:translateY(-8px);}
.sbp-pt-card:hover .sbp-pt-overlay{opacity:1;}
.sbp-pt-card:hover .sbp-pt-cta{transform:translateY(0);opacity:1;}
.sbp-pt-art{width:100%;overflow:hidden;position:relative;display:flex;align-items:center;justify-content:center;}
.sbp-pt-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(28,20,16,.78),rgba(28,20,16,.08) 60%,transparent 100%);opacity:.65;transition:opacity .35s;}
.sbp-pt-content{position:absolute;bottom:0;left:0;right:0;padding:28px 32px;}
.sbp-pt-tag{display:inline-flex;align-items:center;gap:6px;background:rgba(255,255,255,.15);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.2);border-radius:14px;padding:4px 12px;margin-bottom:10px;font-size:9px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:white;}
.sbp-pt-title{font-family:var(--fd,'Playfair Display',serif);font-size:32px;font-weight:700;color:white;line-height:1.1;margin-bottom:6px;}
.sbp-pt-desc{font-size:13px;font-weight:600;color:rgba(255,255,255,.68);margin-bottom:14px;line-height:1.5;}
.sbp-pt-cta{display:inline-flex;align-items:center;gap:8px;background:white;color:#1C1410;padding:10px 20px;border-radius:20px;font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;transform:translateY(6px);opacity:0;transition:all .3s;}
.sbp-coming-soon{display:flex;flex-direction:column;align-items:center;gap:12px;position:relative;z-index:2;text-align:center;}
.sbp-cs-ring{width:80px;height:80px;border-radius:50%;border:2px dashed;display:flex;align-items:center;justify-content:center;font-size:32px;animation:sbpSpin 14s linear infinite;}
.sbp-cs-label{font-family:var(--fd,'Playfair Display',serif);font-size:20px;font-style:italic;font-weight:700;color:white;max-width:170px;line-height:1.25;}
.sbp-cs-badge{background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.18);border-radius:14px;padding:5px 14px;font-size:9px;font-weight:800;letter-spacing:.18em;text-transform:uppercase;color:rgba(255,255,255,.55);}
.sbp-cs-dots{display:flex;gap:6px;margin-top:4px;}
.sbp-cs-dots span{width:6px;height:6px;border-radius:50%;background:rgba(255,255,255,.22);animation:sbpPulse 1.6s ease-in-out infinite alternate;}
.sbp-cs-dots span:nth-child(2){animation-delay:.3s;}.sbp-cs-dots span:nth-child(3){animation-delay:.6s;}
.sbp-add-card{border-radius:28px;border:3px dashed rgba(160,70,78,.22);display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#F0DCDF,#FAF3D8);cursor:pointer;transition:all .3s;min-height:380px;}
.sbp-add-card:hover{border-color:#A0464E;transform:translateY(-8px);}
.sbp-add-inner{text-align:center;padding:40px;}
.sbp-add-plus{width:64px;height:64px;border-radius:50%;background:white;border:2px dashed #A0464E;display:flex;align-items:center;justify-content:center;margin:0 auto 16px;font-size:28px;font-weight:300;color:#A0464E;}
.sbp-add-title{font-family:var(--fd,'Playfair Display',serif);font-size:22px;font-weight:700;color:#1C1410;margin-bottom:8px;font-style:italic;}
.sbp-add-desc{font-size:12px;font-weight:700;color:rgba(61,44,32,.5);max-width:180px;margin:0 auto;line-height:1.65;}
.sbp-coll-strip{padding:0 48px 80px;}
.sbp-coll-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;}
.sbp-coll-title{font-family:var(--fd,'Playfair Display',serif);font-size:36px;font-weight:700;color:#1C1410;}
.sbp-coll-title em{font-style:italic;color:#3F2D52;}
.sbp-coll-see-all{display:inline-flex;align-items:center;gap:6px;background:#E2DCE6;color:#3F2D52;border-radius:20px;padding:8px 18px;font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;transition:all .2s;text-decoration:none;}
.sbp-coll-see-all:hover{background:#807085;color:white;}
.sbp-coll-row{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;}
.sbp-coll-pill{display:flex;align-items:center;gap:14px;padding:18px 22px;border-radius:22px;border:2px solid;cursor:pointer;text-decoration:none;transition:all .25s;background:white;}
.sbp-coll-pill:hover{transform:translateY(-4px);}
.sbp-cp-lunar{border-color:rgba(200,149,42,.22);} .sbp-cp-lunar:hover{border-color:#C8952A;background:#F4E8D0;}
.sbp-cp-romance{border-color:rgba(128,112,133,.22);} .sbp-cp-romance:hover{border-color:#807085;background:#E2DCE6;}
.sbp-cp-astro{border-color:rgba(90,120,148,.22);} .sbp-cp-astro:hover{border-color:#5A7894;background:#DCE2EC;}
.sbp-cp-icon{width:48px;height:48px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:22px;flex-shrink:0;background:rgba(160,70,78,.1);}
.sbp-cp-info{flex:1;}
.sbp-cp-name{font-family:var(--fd,'Playfair Display',serif);font-size:16px;font-weight:700;color:#1C1410;margin-bottom:2px;}
.sbp-cp-desc{font-size:11px;font-weight:600;color:rgba(61,44,32,.5);}
.sbp-cp-arr{font-size:18px;color:rgba(61,44,32,.18);transition:all .2s;}
.sbp-coll-pill:hover .sbp-cp-arr{color:#A0464E;transform:translateX(3px);}
.sbp-story-banner{margin:0 48px 80px;border-radius:32px;overflow:hidden;display:grid;grid-template-columns:1fr 1fr;}
.sbp-sb-left{background:#1C1410;padding:72px 60px;display:flex;flex-direction:column;justify-content:center;position:relative;overflow:hidden;}
.sbp-sb-left::before{content:'';position:absolute;bottom:-60px;right:-60px;width:260px;height:260px;border-radius:50%;background:rgba(160,70,78,.07);}
.sbp-sb-eyebrow{font-size:10px;font-weight:800;letter-spacing:.2em;text-transform:uppercase;color:#A0464E;display:flex;align-items:center;gap:10px;margin-bottom:18px;}
.sbp-sb-eyebrow::before{content:'';display:block;width:24px;height:2px;border-radius:2px;background:#A0464E;}
.sbp-sb-title{font-family:var(--fd,'Playfair Display',serif);font-size:40px;font-weight:700;color:white;line-height:1.1;margin-bottom:16px;}
.sbp-sb-title em{font-style:italic;color:#E8B840;}
.sbp-sb-body{font-size:14px;font-weight:600;line-height:1.85;color:rgba(255,255,255,.45);max-width:360px;margin-bottom:32px;}
.sbp-sb-right{background:linear-gradient(135deg,#F0DCDF,#FAF3D8,#DCE8DC);padding:72px 60px;display:flex;flex-direction:column;justify-content:center;position:relative;overflow:hidden;}
.sbp-sb-right::before{content:'';position:absolute;top:-40px;left:-40px;width:200px;height:200px;border-radius:50%;border:2px dashed rgba(160,70,78,.2);animation:sbpSpin 20s linear infinite;}
.sbp-stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;}
.sbp-stat-card{background:white;border-radius:18px;padding:20px 16px;border:2px solid;transition:transform .2s;}
.sbp-stat-card:hover{transform:translateY(-3px);}
.sbp-sc-a{border-color:#F0DCDF;} .sbp-sc-b{border-color:#DCE8DC;} .sbp-sc-c{border-color:#DCE2EC;} .sbp-sc-d{border-color:#E2DCE6;}
.sbp-stat-n{font-family:var(--fd,'Playfair Display',serif);font-size:40px;font-weight:700;display:block;line-height:1;margin-bottom:4px;}
.sbp-sc-a .sbp-stat-n{color:#A0464E;} .sbp-sc-b .sbp-stat-n{color:#6B8E72;} .sbp-sc-c .sbp-stat-n{color:#5A7894;} .sbp-sc-d .sbp-stat-n{color:#807085;}
.sbp-stat-l{font-size:10px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:rgba(61,44,32,.5);}

/* ================================================================
   LUNAR COLLECTION PAGE
   ================================================================ */
.lunar-hero{min-height:88vh;background:linear-gradient(160deg,#1A0806,#2E1008,#1A0A04);position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;}
.lunar-sky{position:absolute;top:0;left:0;right:0;height:60%;background:radial-gradient(ellipse at 50% 0%,rgba(200,56,26,.25),transparent 70%);}
.lunar-ground{position:absolute;bottom:0;left:0;right:0;height:40%;background:linear-gradient(to top,rgba(212,168,75,.12),transparent);}
.lunar-moon{position:absolute;top:12%;left:50%;transform:translateX(-50%);width:180px;height:180px;border-radius:50%;background:radial-gradient(circle at 38% 36%,#FFFDE8,#F8E880 35%,#E8C840 65%,#C8A020);box-shadow:0 0 60px 20px rgba(240,220,80,.35),0 0 120px 50px rgba(240,220,80,.15);animation:sbpPulse 6s ease-in-out infinite;}
.lunar-mr{position:absolute;border-radius:50%;border:1px solid rgba(240,220,80,.12);top:50%;left:50%;transform:translate(-50%,-50%);}
.mr1{width:240px;height:240px;} .mr2{width:300px;height:300px;} .mr3{width:360px;height:360px;}
.lunar-lantern{position:absolute;display:flex;flex-direction:column;align-items:center;transform-origin:top center;animation:lunarLanternSwing 4s ease-in-out infinite;}
.lunar-petal{position:absolute;width:10px;height:13px;background:rgba(255,180,200,.6);border-radius:50% 0 50% 0;top:-20px;animation:lunarPetalFall linear infinite;}
.lunar-hero-content{position:relative;z-index:10;text-align:center;padding:80px 40px;max-width:700px;}
.lunar-zh{font-size:48px;font-weight:300;color:rgba(240,204,112,.6);letter-spacing:.2em;margin-bottom:16px;display:block;}
.lunar-title{font-family:var(--fd,'Playfair Display',serif);font-size:72px;font-weight:700;line-height:1.02;color:#F0CC70;margin-bottom:8px;text-shadow:0 0 40px rgba(212,168,75,.4);}
.lunar-title em{font-style:italic;color:white;}
.lunar-sub{font-family:var(--fd,'Playfair Display',serif);font-style:italic;font-size:20px;color:rgba(240,204,112,.7);margin-bottom:20px;}
.lunar-desc{font-size:15px;font-weight:600;line-height:1.85;color:rgba(240,204,112,.5);max-width:500px;margin:0 auto 36px;}
.lunar-btns{display:flex;gap:14px;justify-content:center;}
.lunar-btn-gold{background:linear-gradient(135deg,#D4A84B,#F0CC70);color:#1A0E06;border:none;padding:15px 36px;border-radius:32px;font-size:12px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;cursor:pointer;transition:transform .15s;box-shadow:0 6px 20px rgba(212,168,75,.45);text-decoration:none;display:inline-block;}
.lunar-btn-gold:hover{transform:translateY(-3px) scale(1.03);}
.lunar-strip{background:#FDF6E3;border-top:3px solid #D4A84B;border-bottom:3px solid #D4A84B;padding:36px 48px;display:flex;align-items:center;justify-content:center;gap:40px;flex-wrap:wrap;}
.lunar-strip-item{display:flex;align-items:center;gap:12px;font-family:var(--fn,Nunito,sans-serif);}
.lunar-strip-item strong{display:block;font-size:13px;font-weight:800;color:#1A0E06;}
.lunar-strip-item span{font-size:11px;color:rgba(44,26,10,.5);font-weight:600;}
.lunar-strip-icon{width:40px;height:40px;border-radius:50%;background:#D4A84B;display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0;}
.lunar-strip-div{width:1px;height:36px;background:rgba(212,168,75,.3);}
.lunar-products{padding:80px 48px;background:#FFF8E7;}
.lunar-ps-header{text-align:center;margin-bottom:48px;}
.lunar-ps-eyebrow{font-size:10px;font-weight:800;letter-spacing:.2em;text-transform:uppercase;color:#C8381A;display:block;margin-bottom:12px;}
.lunar-ps-title{font-family:var(--fd,'Playfair Display',serif);font-size:42px;font-weight:700;color:#1A0E06;margin-bottom:8px;}
.lunar-ps-title em{font-style:italic;color:#D4A84B;}
.lunar-prod-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;}
.lunar-prod-card{background:white;border-radius:24px;overflow:hidden;border:2px solid rgba(212,168,75,.12);transition:all .3s;cursor:pointer;text-decoration:none;display:block;}
.lunar-prod-card:hover{transform:translateY(-8px);border-color:#D4A84B;box-shadow:0 20px 60px rgba(212,168,75,.18);}
.lunar-prod-card:hover .lunar-prod-overlay{opacity:1;}
.lunar-prod-card:hover .lunar-prod-shop-btn{transform:translateY(0);opacity:1;}
.lunar-prod-img{height:280px;overflow:hidden;position:relative;background:linear-gradient(160deg,#2A1A08,#4A2E10);}
.lunar-prod-img img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease;display:block;}
.lunar-prod-placeholder{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;font-size:52px;}
.lunar-zh-char{font-size:28px;color:rgba(212,168,75,.7);}
.lunar-prod-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(26,14,6,.7),transparent 50%);opacity:0;transition:opacity .3s;}
.lunar-prod-shop-btn{position:absolute;bottom:20px;left:50%;transform:translate(-50%,8px);background:#D4A84B;color:#1A0E06;padding:10px 24px;border-radius:20px;font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;opacity:0;transition:all .3s;white-space:nowrap;}
.lunar-prod-info{padding:20px 22px;}
.lunar-prod-el{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border-radius:14px;background:#FDF0EB;color:#C8381A;font-size:9px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;margin-bottom:10px;border:1px solid rgba(200,56,26,.15);}
.lunar-prod-name{font-family:var(--fd,'Playfair Display',serif);font-size:20px;font-weight:700;color:#1A0E06;margin-bottom:4px;line-height:1.2;}
.lunar-prod-scent{font-size:12px;font-weight:600;color:rgba(44,26,10,.5);margin-bottom:14px;}
.lunar-prod-foot{display:flex;justify-content:space-between;align-items:center;}
.lunar-prod-price{font-size:18px;font-weight:800;color:#1A0E06;}
.lunar-prod-add{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,#D4A84B,#F0CC70);border:none;color:#1A0E06;font-size:20px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;}
.lunar-prod-add:hover{transform:rotate(90deg) scale(1.1);}
.lunar-no-products{color:rgba(44,26,10,.5);font-size:14px;padding:40px;grid-column:1/-1;text-align:center;}
.lunar-story{display:grid;grid-template-columns:1fr 1fr;background:linear-gradient(160deg,#1A0806,#2E1008);overflow:hidden;}
.lunar-story-left{padding:80px 60px;display:flex;flex-direction:column;justify-content:center;}
.lunar-story-zh-big{font-size:80px;font-weight:300;color:rgba(212,168,75,.1);line-height:1;margin-bottom:-20px;display:block;}
.lunar-story-eyebrow{font-size:10px;font-weight:800;letter-spacing:.2em;text-transform:uppercase;color:#D4A84B;display:flex;align-items:center;gap:10px;margin-bottom:18px;}
.lunar-story-eyebrow::before{content:'';display:block;width:24px;height:2px;background:#D4A84B;}
.lunar-story-title{font-family:var(--fd,'Playfair Display',serif);font-size:40px;font-weight:700;color:white;line-height:1.1;margin-bottom:18px;}
.lunar-story-title em{font-style:italic;color:#F0CC70;}
.lunar-story-body{font-size:14px;font-weight:600;line-height:1.9;color:rgba(255,255,255,.48);margin-bottom:32px;max-width:380px;}
.lunar-story-right{padding:80px 60px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;}
.lunar-elements-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;position:relative;z-index:2;}
.lunar-el-card{background:rgba(255,255,255,.05);border:1px solid rgba(212,168,75,.2);border-radius:20px;padding:22px 16px;text-align:center;transition:all .3s;display:flex;flex-direction:column;align-items:center;gap:6px;}
.lunar-el-card:hover{background:rgba(212,168,75,.08);border-color:#D4A84B;transform:translateY(-4px);}
.lunar-el-zh{font-size:22px;color:#F0CC70;}
.lunar-el-name{font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:rgba(240,204,112,.6);}
.lunar-el-center{background:rgba(212,168,75,.08);border-color:#D4A84B;}

/* ================================================================
   ROMANCE COLLECTION PAGE
   ================================================================ */
.romance-page{background:#0A0610;color:rgba(200,168,216,1);}
.romance-hero{min-height:92vh;background:radial-gradient(ellipse at 30% 50%,#1A0820,#0E0618 40%,#060410);position:relative;overflow:hidden;}
.romance-atmos-1{position:absolute;inset:0;background:radial-gradient(ellipse at 70% 30%,rgba(107,31,58,.15),transparent 60%);}
.romance-atmos-2{position:absolute;inset:0;background:radial-gradient(ellipse at 20% 80%,rgba(196,72,90,.08),transparent 50%);}
.romance-thorn-top{position:absolute;top:0;left:0;right:0;height:6px;background:repeating-linear-gradient(90deg,transparent,transparent 18px,rgba(58,40,24,.6) 18px,rgba(58,40,24,.6) 20px);}
.romance-thorn-bot{position:absolute;bottom:0;left:0;right:0;height:6px;background:repeating-linear-gradient(90deg,transparent,transparent 18px,rgba(58,40,24,.6) 18px,rgba(58,40,24,.6) 20px);}
.romance-petal{position:absolute;width:12px;height:15px;background:rgba(180,50,70,.5);border-radius:60% 0 60% 0;top:-20px;animation:romancePetalDrift linear infinite;}
.romance-hero-inner{display:grid;grid-template-columns:1fr 1fr;width:100%;min-height:92vh;position:relative;z-index:5;}
.romance-hero-left{padding:80px 64px;display:flex;flex-direction:column;justify-content:center;}
.romance-eyebrow{font-size:13px;font-weight:300;font-style:italic;letter-spacing:.18em;color:rgba(196,72,90,.8);margin-bottom:16px;display:block;}
.romance-title{font-family:var(--fd,'Cormorant Garamond',serif);font-size:78px;font-weight:300;line-height:1.0;color:rgba(200,168,216,1);margin-bottom:12px;letter-spacing:.02em;}
.romance-title em{font-style:italic;color:#E0687A;}
.romance-title strong{font-weight:600;}
.romance-sub{font-family:var(--fd,'Cormorant Garamond',serif);font-style:italic;font-size:18px;color:rgba(200,168,216,.6);margin-bottom:22px;}
.romance-desc{font-size:14px;font-weight:600;line-height:1.9;color:rgba(200,168,216,.45);max-width:360px;margin-bottom:40px;}
.romance-btns{display:flex;gap:14px;flex-wrap:wrap;}
.romance-btn-rose{background:linear-gradient(135deg,#C4485A,#9A3058);color:white;border:none;padding:15px 36px;border-radius:32px;font-size:12px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;cursor:pointer;transition:transform .15s;text-decoration:none;display:inline-block;box-shadow:0 6px 20px rgba(196,72,90,.4);}
.romance-btn-rose:hover{transform:translateY(-3px) scale(1.03);}
.romance-hero-right{display:flex;align-items:center;justify-content:center;position:relative;}
.romance-candle-scene{display:flex;flex-direction:column;align-items:center;position:relative;z-index:2;}
.romance-flame{width:18px;height:28px;border-radius:50% 50% 35% 35%;background:linear-gradient(to bottom,#FFE0F0,#FF60A0,#C01860);box-shadow:0 0 28px 12px rgba(220,60,120,.5);animation:sbpFlicker 2.3s ease-in-out infinite alternate;transform-origin:bottom center;margin-bottom:3px;}
.romance-wick{width:2px;height:10px;background:#1A0808;}
.romance-jar{width:80px;height:130px;border-radius:10px 10px 16px 16px;background:linear-gradient(160deg,#2A1030,#1A0820,#100618);position:relative;border:1px solid rgba(196,72,90,.2);}
.romance-jar-label{position:absolute;bottom:16px;left:50%;transform:translateX(-50%);font-style:italic;font-size:12px;color:rgba(200,168,216,.6);white-space:nowrap;letter-spacing:.04em;}
.romance-lid{width:90px;height:14px;border-radius:0 0 12px 12px;background:#0E0416;margin-top:-1px;}
.romance-glow{position:absolute;bottom:-20px;left:50%;transform:translateX(-50%);width:160px;height:60px;border-radius:50%;background:radial-gradient(ellipse,rgba(196,72,90,.25),transparent 70%);}
.romance-strip{background:rgba(107,31,58,.15);border-top:1px solid rgba(196,72,90,.2);border-bottom:1px solid rgba(196,72,90,.2);padding:36px 48px;display:flex;align-items:center;justify-content:center;gap:40px;flex-wrap:wrap;}
.romance-strip-item{display:flex;align-items:center;gap:12px;}
.romance-strip-item strong{display:block;font-size:13px;font-weight:800;color:rgba(200,168,216,1);}
.romance-strip-item span{font-size:11px;color:rgba(200,168,216,.45);font-weight:600;}
.romance-strip-icon{width:40px;height:40px;border-radius:50%;background:rgba(196,72,90,.15);border:1px solid rgba(196,72,90,.3);display:flex;align-items:center;justify-content:center;font-size:18px;}
.romance-strip-div{width:1px;height:36px;background:rgba(196,72,90,.2);}
.romance-products{padding:80px 48px;background:#130A1C;}
.romance-ps-header{text-align:center;margin-bottom:48px;}
.romance-ps-eyebrow{font-size:10px;font-weight:800;letter-spacing:.2em;text-transform:uppercase;color:#C4485A;display:block;margin-bottom:12px;}
.romance-ps-title{font-family:var(--fd,'Cormorant Garamond',serif);font-size:48px;font-weight:300;color:rgba(200,168,216,1);margin-bottom:10px;letter-spacing:.02em;}
.romance-ps-title em{font-style:italic;color:#E0687A;}
.romance-ps-sub{font-size:14px;font-weight:600;color:rgba(200,168,216,.45);}
.romance-prod-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;}
.romance-prod-card{background:rgba(255,255,255,.03);border-radius:24px;overflow:hidden;border:1px solid rgba(196,72,90,.12);transition:all .3s;cursor:pointer;text-decoration:none;display:block;}
.romance-prod-card:hover{transform:translateY(-8px);border-color:rgba(196,72,90,.5);box-shadow:0 20px 60px rgba(107,31,58,.4);}
.romance-prod-card:hover .romance-prod-overlay{opacity:1;}
.romance-prod-card:hover .romance-prod-shop{transform:translateY(0);opacity:1;}
.romance-prod-img{height:280px;overflow:hidden;position:relative;background:linear-gradient(160deg,#0A0610,#180A20);}
.romance-prod-img img{width:100%;height:100%;object-fit:cover;transition:transform .5s;}
.romance-prod-placeholder{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;}
.romance-prod-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(10,6,16,.85),transparent 55%);opacity:.5;transition:opacity .3s;}
.romance-prod-shop{position:absolute;bottom:20px;left:50%;transform:translate(-50%,8px);background:#C4485A;color:white;padding:10px 24px;border-radius:20px;font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;opacity:0;transition:all .3s;white-space:nowrap;}
.romance-prod-info{padding:20px 22px;}
.romance-prod-tag{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border-radius:14px;background:rgba(107,31,58,.3);color:rgba(200,168,216,.8);font-size:9px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;margin-bottom:10px;border:1px solid rgba(196,72,90,.2);}
.romance-prod-name{font-family:var(--fd,'Cormorant Garamond',serif);font-size:21px;font-weight:400;color:rgba(200,168,216,1);margin-bottom:4px;line-height:1.2;letter-spacing:.02em;}
.romance-prod-scent{font-size:12px;font-weight:600;color:rgba(200,168,216,.42);margin-bottom:14px;}
.romance-prod-foot{display:flex;justify-content:space-between;align-items:center;}
.romance-prod-price{font-size:18px;font-weight:800;color:rgba(200,168,216,1);}
.romance-prod-add{width:36px;height:36px;border-radius:50%;background:rgba(196,72,90,.2);border:1px solid rgba(196,72,90,.4);color:#E0687A;font-size:20px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;}
.romance-prod-add:hover{background:#C4485A;color:white;transform:rotate(90deg);}
.romance-coming-card{opacity:.7;}
.romance-coming-img{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;}
.romance-coming-img p{font-style:italic;font-size:13px;color:rgba(200,168,216,.4);}
.romance-notify{text-align:center;margin-top:60px;padding:48px;background:rgba(107,31,58,.1);border-radius:28px;border:1px solid rgba(196,72,90,.2);}
.romance-notify-title{font-family:var(--fd,'Cormorant Garamond',serif);font-size:32px;font-weight:300;color:rgba(200,168,216,1);margin-bottom:10px;letter-spacing:.02em;}
.romance-notify-body{font-size:14px;font-weight:600;color:rgba(200,168,216,.45);margin-bottom:28px;max-width:400px;margin-left:auto;margin-right:auto;line-height:1.7;}
.romance-notify-row{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;}
.romance-notify-row input{flex:1;max-width:300px;background:rgba(255,255,255,.05);border:1px solid rgba(196,72,90,.3);border-radius:24px;padding:13px 20px;color:rgba(200,168,216,1);font-size:13px;font-family:var(--fn,Nunito,sans-serif);outline:none;}
.romance-story{padding:100px 48px;background:linear-gradient(160deg,#0A0610,#1A0E28);display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center;}
.romance-story-eyebrow{font-size:10px;font-weight:800;letter-spacing:.2em;text-transform:uppercase;color:#C4485A;display:flex;align-items:center;gap:10px;margin-bottom:18px;}
.romance-story-eyebrow::before{content:'';display:block;width:24px;height:1px;background:#C4485A;}
.romance-story-title{font-family:var(--fd,'Cormorant Garamond',serif);font-size:46px;font-weight:300;color:rgba(200,168,216,1);line-height:1.08;margin-bottom:18px;letter-spacing:.02em;}
.romance-story-title em{font-style:italic;color:#E0687A;}
.romance-quote{font-family:var(--fd,'Cormorant Garamond',serif);font-style:italic;font-size:22px;color:rgba(200,168,216,.6);border-left:2px solid rgba(196,72,90,.4);padding-left:24px;margin-bottom:28px;line-height:1.6;}
.romance-story-body{font-size:15px;font-weight:600;line-height:1.9;color:rgba(200,168,216,.42);margin-bottom:32px;}
.romance-moods{display:flex;flex-wrap:wrap;gap:10px;}
.romance-mood{padding:7px 16px;border-radius:20px;background:rgba(107,31,58,.2);border:1px solid rgba(196,72,90,.2);font-size:12px;font-weight:700;color:rgba(200,168,216,.7);letter-spacing:.06em;}
.romance-story-right{display:flex;flex-direction:column;align-items:center;gap:20px;text-align:center;}
.romance-story-quote{font-family:var(--fd,'Cormorant Garamond',serif);font-style:italic;font-size:18px;color:rgba(200,168,216,.5);max-width:280px;line-height:1.65;}

/* ================================================================
   ASTROLOGY COLLECTION PAGE
   ================================================================ */
.astro-page{background:#060C1E;color:rgba(200,216,255,1);}
.astro-hero{min-height:95vh;position:relative;overflow:hidden;background:radial-gradient(ellipse at 50% 30%,#0C1430,#080E22 40%,#04080E);display:flex;align-items:center;justify-content:center;}
.astro-nebula-1{position:absolute;width:500px;height:300px;background:radial-gradient(ellipse,rgba(123,94,168,.08),transparent 70%);top:10%;left:5%;animation:astroPulse 8s ease-in-out infinite;border-radius:50%;}
.astro-nebula-2{position:absolute;width:400px;height:400px;background:radial-gradient(ellipse,rgba(58,128,128,.06),transparent 70%);bottom:20%;right:10%;animation:astroPulse 10s ease-in-out infinite 2s;border-radius:50%;}
.astro-nebula-3{position:absolute;width:300px;height:200px;background:radial-gradient(ellipse,rgba(200,168,74,.05),transparent 70%);top:50%;left:40%;animation:astroPulse 7s ease-in-out infinite 4s;border-radius:50%;}
.astro-star-field{position:absolute;inset:0;}
.astro-shoot-1{position:absolute;height:1px;background:linear-gradient(90deg,rgba(200,216,255,.8),transparent);border-radius:1px;top:15%;left:-5%;width:3px;animation:astroShoot 6s linear infinite;}
.astro-shoot-2{position:absolute;height:1px;background:linear-gradient(90deg,rgba(200,216,255,.8),transparent);border-radius:1px;top:40%;left:-5%;width:3px;animation:astroShoot 8s linear infinite 3s;}
.astro-zodiac-wheel{position:absolute;right:8%;top:50%;transform:translateY(-50%);width:380px;height:380px;}
.azw-outer{position:absolute;inset:0;border-radius:50%;border:1px solid rgba(200,168,74,.15);animation:astroOrbitSlow 60s linear infinite;}
.azw-mid{position:absolute;inset:30px;border-radius:50%;border:1px solid rgba(123,94,168,.15);animation:astroOrbitRev 45s linear infinite;}
.azw-inner{position:absolute;inset:65px;border-radius:50%;border:1px solid rgba(58,128,128,.12);animation:astroOrbitSlow 30s linear infinite;}
.azw-center{position:absolute;inset:120px;border-radius:50%;background:radial-gradient(circle,rgba(123,94,168,.15),transparent);border:1px solid rgba(200,168,74,.25);display:flex;align-items:center;justify-content:center;font-size:36px;color:rgba(200,168,74,.8);animation:astroFloat 5s ease-in-out infinite;}
.azw-sign{position:absolute;font-size:13px;color:rgba(200,216,255,.5);}
.astro-hero-content{position:relative;z-index:10;max-width:600px;padding:80px;}
.astro-eyebrow{font-size:11px;font-weight:400;letter-spacing:.3em;color:rgba(200,168,74,.7);margin-bottom:20px;display:block;text-transform:uppercase;}
.astro-title{font-family:'Cinzel',Georgia,serif;font-size:68px;font-weight:600;line-height:1.0;color:rgba(232,240,255,1);margin-bottom:10px;letter-spacing:.04em;}
.astro-title em{font-style:italic;font-family:var(--fd,'Playfair Display',serif);color:#E0C070;font-weight:400;}
.astro-sub{font-family:var(--fd,'Playfair Display',serif);font-style:italic;font-size:20px;color:rgba(200,168,74,.65);margin-bottom:22px;}
.astro-desc{font-size:14px;font-weight:600;line-height:1.9;color:rgba(200,216,255,.42);max-width:420px;margin-bottom:40px;}
.astro-btns{display:flex;gap:14px;flex-wrap:wrap;margin-bottom:24px;}
.astro-btn-cosmic{background:linear-gradient(135deg,#7B5EA8,#3A8080);color:white;border:none;padding:15px 36px;border-radius:32px;font-size:12px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;cursor:pointer;transition:transform .15s;text-decoration:none;display:inline-block;box-shadow:0 6px 24px rgba(123,94,168,.45);}
.astro-btn-cosmic:hover{transform:translateY(-3px) scale(1.03);}
.astro-zchips{display:flex;gap:8px;flex-wrap:wrap;}
.astro-zchip{padding:6px 14px;border-radius:18px;background:rgba(123,94,168,.12);border:1px solid rgba(123,94,168,.25);font-size:11px;font-weight:700;color:rgba(200,216,255,.65);cursor:pointer;transition:all .2s;}
.astro-zchip:hover{background:rgba(123,94,168,.25);color:rgba(232,240,255,1);}
.astro-strip{background:rgba(20,30,60,.5);border-top:1px solid rgba(200,168,74,.15);border-bottom:1px solid rgba(200,168,74,.15);padding:36px 48px;display:flex;align-items:center;justify-content:center;gap:40px;flex-wrap:wrap;}
.astro-strip-item{display:flex;align-items:center;gap:12px;}
.astro-strip-item strong{display:block;font-size:13px;font-weight:800;color:rgba(200,216,255,1);}
.astro-strip-item span{font-size:11px;color:rgba(200,216,255,.42);font-weight:600;}
.astro-strip-icon{width:40px;height:40px;border-radius:50%;background:rgba(123,94,168,.15);border:1px solid rgba(123,94,168,.3);display:flex;align-items:center;justify-content:center;font-size:18px;}
.astro-strip-div{width:1px;height:36px;background:rgba(200,168,74,.15);}
.astro-products{padding:80px 48px;background:#0C1430;}
.astro-ps-header{text-align:center;margin-bottom:52px;}
.astro-ps-eyebrow{font-size:10px;font-weight:800;letter-spacing:.2em;text-transform:uppercase;color:#C8A84A;display:block;margin-bottom:12px;}
.astro-ps-title{font-family:'Cinzel',Georgia,serif;font-size:38px;font-weight:600;color:rgba(232,240,255,1);margin-bottom:10px;letter-spacing:.06em;}
.astro-ps-title em{font-style:italic;font-family:var(--fd,'Playfair Display',serif);color:#E0C070;font-weight:400;}
.astro-signs-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;}
.astro-sign-card{background:rgba(255,255,255,.03);border:1px solid rgba(200,168,74,.1);border-radius:22px;overflow:hidden;cursor:pointer;text-decoration:none;display:block;transition:all .3s;}
.astro-sign-card:hover{transform:translateY(-6px);border-color:rgba(200,168,74,.4);box-shadow:0 16px 48px rgba(123,94,168,.3);}
.astro-sign-card:hover .astro-sign-overlay{opacity:1;}
.astro-sign-card:hover .astro-sign-shop{transform:translateY(0);opacity:1;}
.astro-sign-art{height:200px;overflow:hidden;position:relative;background:#060C1E;display:flex;align-items:center;justify-content:center;}
.astro-sign-art img{width:100%;height:100%;object-fit:cover;}
.astro-sign-placeholder{display:flex;flex-direction:column;align-items:center;gap:6px;}
.astro-sign-symbol{font-size:44px;display:block;}
.astro-sign-glyph-name{font-family:'Cinzel',Georgia,serif;font-size:13px;color:rgba(200,168,74,.55);letter-spacing:.1em;}
.astro-cs-badge{position:absolute;top:12px;left:12px;background:rgba(123,94,168,.3);border:1px solid rgba(123,94,168,.5);border-radius:12px;padding:3px 10px;font-size:9px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:#A080D0;}
.astro-sign-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(6,12,30,.85),transparent 55%);opacity:.45;transition:opacity .3s;}
.astro-sign-shop{position:absolute;bottom:16px;left:50%;transform:translate(-50%,6px);background:#C8A84A;color:#060C1E;padding:8px 20px;border-radius:16px;font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;opacity:0;transition:all .3s;white-space:nowrap;}
.astro-sign-info{padding:14px 16px;}
.astro-sign-name{font-family:'Cinzel',Georgia,serif;font-size:13px;font-weight:600;color:rgba(232,240,255,1);margin-bottom:3px;letter-spacing:.08em;}
.astro-sign-dates{font-size:10px;font-weight:700;color:rgba(200,216,255,.42);margin-bottom:7px;letter-spacing:.04em;}
.astro-sign-scent{font-size:11px;font-weight:600;color:rgba(200,216,255,.4);margin-bottom:10px;}
.astro-sign-foot{display:flex;justify-content:space-between;align-items:center;}
.astro-sign-price{font-size:15px;font-weight:800;color:rgba(200,216,255,1);}
.astro-sign-add{width:28px;height:28px;border-radius:50%;background:rgba(123,94,168,.2);border:1px solid rgba(123,94,168,.4);color:#A080D0;font-size:14px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;}
.astro-sign-add:hover{background:#7B5EA8;color:white;transform:rotate(90deg);}
.astro-notify{text-align:center;margin-top:64px;padding:52px;background:rgba(123,94,168,.08);border-radius:28px;border:1px solid rgba(123,94,168,.2);}
.astro-notify-title{font-family:'Cinzel',Georgia,serif;font-size:30px;font-weight:600;color:rgba(232,240,255,1);margin-bottom:10px;letter-spacing:.04em;}
.astro-notify-body{font-size:14px;font-weight:600;color:rgba(200,216,255,.42);margin-bottom:28px;max-width:420px;margin-left:auto;margin-right:auto;line-height:1.7;}
.astro-notify-row{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;}
.astro-notify-row input{flex:1;max-width:300px;background:rgba(255,255,255,.04);border:1px solid rgba(123,94,168,.35);border-radius:24px;padding:13px 20px;color:rgba(200,216,255,1);font-size:13px;font-family:var(--fn,Nunito,sans-serif);outline:none;}

/* ================================================================
   PRODUCT DETAIL PAGES (all collections)
   ================================================================ */
.pd-page{font-family:var(--fn,Nunito,sans-serif);}
/* Shared product detail styles */
.pd-breadcrumb{padding:16px 48px;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;display:flex;align-items:center;gap:8px;}
.pd-breadcrumb a{opacity:.5;transition:opacity .2s;text-decoration:none;color:inherit;}
.pd-breadcrumb a:hover{opacity:1;}
.pd-breadcrumb span{opacity:.3;}
.pd-main{display:grid;grid-template-columns:1fr 1fr;gap:72px;padding:40px 48px 80px;align-items:start;max-width:1400px;margin:0 auto;}
.pd-gallery{display:flex;flex-direction:column;gap:16px;position:sticky;top:100px;}
.pd-main-img-wrap{border-radius:24px;overflow:hidden;aspect-ratio:1/1;position:relative;}
.pd-main-img-wrap img{width:100%;height:100%;object-fit:cover;display:block;}
.pd-img-placeholder{width:100%;height:100%;aspect-ratio:1/1;border-radius:24px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:12px;}
.pd-placeholder-icon{font-size:64px;opacity:.3;}
.pd-thumbs{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;}
.pd-thumb{aspect-ratio:1/1;border-radius:14px;overflow:hidden;cursor:pointer;border:2px solid transparent;transition:border-color .2s;object-fit:cover;}
.pd-thumb:hover{border-color:currentColor;}
.pd-info{padding-top:8px;}
.pd-badge-row{display:flex;gap:10px;flex-wrap:wrap;padding:0 48px 16px;}
.pd-coll-badge{display:inline-flex;align-items:center;gap:6px;padding:5px 14px;border-radius:18px;font-size:10px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;}
.pd-badge-lunar{background:#FDF0EB;color:#C8381A;border:1px solid rgba(200,56,26,.2);}
.pd-badge-romance{background:rgba(107,31,58,.2);color:rgba(200,168,216,.9);border:1px solid rgba(196,72,90,.3);}
.pd-badge-astro{background:rgba(123,94,168,.15);color:#A080D0;border:1px solid rgba(123,94,168,.35);}
.pd-cs-badge-tag{display:inline-flex;padding:5px 14px;border-radius:18px;font-size:10px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;background:rgba(123,94,168,.15);color:#A080D0;border:1px solid rgba(123,94,168,.3);}
.pd-product-title{font-family:var(--fd,'Playfair Display',serif);padding:0 48px 24px;}
.pd-price-block{display:flex;align-items:baseline;gap:14px;margin-bottom:24px;}
.pd-price-main{font-size:32px;font-weight:800;}
.pd-compare-price{font-size:18px;text-decoration:line-through;opacity:.4;}
.pd-section-label{font-size:10px;font-weight:800;letter-spacing:.18em;text-transform:uppercase;opacity:.5;margin-bottom:12px;display:flex;align-items:center;gap:8px;}
.pd-section-label::after{content:'';flex:1;height:1px;background:currentColor;opacity:.15;}
.pd-scent-section{margin-bottom:24px;}
.pd-scent-notes{display:flex;gap:8px;flex-wrap:wrap;}
.pd-scent-note{border-radius:16px;padding:7px 16px;font-size:12px;font-weight:700;}
.pd-details{margin-bottom:24px;}
.pd-detail-row{display:flex;gap:12px;padding:10px 0;border-bottom:1px solid rgba(128,128,128,.1);font-size:13px;}
.pd-dl{font-weight:800;width:100px;flex-shrink:0;text-transform:uppercase;font-size:11px;letter-spacing:.06em;opacity:.5;}
.pd-dv{font-weight:600;}
.pd-variants{margin-bottom:20px;}
.pd-variant-select{width:100%;padding:12px 16px;border-radius:12px;font-family:var(--fn,Nunito,sans-serif);font-size:14px;font-weight:700;margin-bottom:4px;outline:none;}
.pd-atc-row{display:flex;gap:12px;margin-bottom:24px;}
.pd-atc-btn{flex:1;padding:15px 32px;border-radius:32px;border:none;font-family:var(--fn,Nunito,sans-serif);font-size:13px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;transition:transform .15s;}
.pd-atc-btn:hover{transform:translateY(-2px);}
.pd-atc-btn:disabled{opacity:.35;cursor:not-allowed;transform:none;}
.pd-trust{display:flex;gap:16px;flex-wrap:wrap;margin-bottom:24px;font-size:12px;font-weight:700;}
.pd-trust-item{display:flex;align-items:center;gap:6px;opacity:.55;}
.pd-desc{font-size:14px;line-height:1.85;opacity:.65;}
.pd-related{padding:80px 48px;margin-top:40px;}
.pd-related-title{font-family:var(--fd,'Playfair Display',serif);font-size:32px;font-weight:700;margin-bottom:32px;}
.pd-related-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;}
.pd-rel-card{border-radius:18px;overflow:hidden;transition:transform .25s;cursor:pointer;text-decoration:none;display:block;border:2px solid transparent;}
.pd-rel-card:hover{transform:translateY(-4px);}
.pd-rel-img-wrap{height:160px;overflow:hidden;position:relative;}
.pd-rel-img-wrap img{width:100%;height:100%;object-fit:cover;transition:transform .4s;}
.pd-rel-card:hover .pd-rel-img-wrap img{transform:scale(1.06);}
.pd-rel-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:32px;opacity:.3;}
.pd-rel-info{padding:12px 14px;}
.pd-rel-name{font-family:var(--fd,'Playfair Display',serif);font-size:15px;font-weight:700;margin-bottom:6px;line-height:1.2;}
.pd-rel-price{font-size:14px;font-weight:800;}

/* Lunar product-specific */
.pd-lunar{background:#FDFAF2;color:#2C1A0A;}
.pd-lunar-banner{background:linear-gradient(90deg,#1A0806,#2A1008,#1A0806);padding:22px 48px;display:flex;align-items:center;justify-content:space-between;border-bottom:2px solid #D4A84B;}
.pd-lunar-lantern{font-size:26px;animation:pdLanternSwing 4s ease-in-out infinite;}
.pd-lunar-banner-title{font-family:var(--fd,'Playfair Display',serif);font-size:16px;color:#F0CC70;font-weight:400;letter-spacing:.06em;}
.pd-lunar-banner-sub{font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:rgba(240,204,112,.5);margin-top:3px;}
.pd-lunar-zh{font-size:26px;color:rgba(212,168,75,.2);letter-spacing:.2em;}
.pd-lunar-title{font-size:52px;font-weight:700;color:#1A0E06;}
.pd-lunar .pd-price-main{color:#1A0E06;}
.pd-lunar .pd-section-label{color:#2C1A0A;}
.pd-lunar .pd-scent-note{background:#FDF6E3;border:1px solid rgba(212,168,75,.25);color:#2C1A0A;}
.pd-lunar .pd-detail-row{border-bottom-color:rgba(44,26,10,.07);}
.pd-lunar .pd-variant-select{border:2px solid rgba(212,168,75,.2);}
.pd-lunar .pd-atc-btn{background:linear-gradient(135deg,#D4A84B,#F0CC70);color:#1A0E06;box-shadow:0 6px 20px rgba(212,168,75,.4);}
.pd-lunar .pd-trust-item{color:#2C1A0A;}
.pd-lunar .pd-related{background:#FFF8E7;}
.pd-lunar .pd-rel-card{border-color:rgba(212,168,75,.12);background:white;}
.pd-lunar .pd-rel-card:hover{border-color:#D4A84B;}
.pd-lunar .pd-related-title em{font-style:italic;color:#D4A84B;}
.pd-lunar .pd-rel-name,.pd-lunar .pd-rel-price{color:#1A0E06;}
.pd-lunar .pd-breadcrumb{color:#2C1A0A;}
.pd-lunar .pd-main-img-wrap{background:linear-gradient(160deg,#2A1A08,#4A2E10);}

/* Romance product-specific */
.pd-romance{background:#0A0610;color:rgba(200,168,216,1);}
.pd-romance-banner{background:rgba(10,6,16,.9);padding:22px 48px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(196,72,90,.2);}
.pd-romance-banner-icon{font-size:26px;animation:romanceSway 4s ease-in-out infinite;}
.pd-romance-banner-title{font-family:var(--fd,'Cormorant Garamond',serif);font-size:18px;color:rgba(200,168,216,1);font-weight:400;letter-spacing:.04em;}
.pd-romance-banner-sub{font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:rgba(196,72,90,.55);margin-top:3px;}
.pd-romance-banner-quote{font-style:italic;font-size:13px;color:rgba(200,168,216,.35);}
.pd-romance-title{font-family:var(--fd,'Cormorant Garamond',serif);font-size:52px;font-weight:300;color:rgba(200,168,216,1);letter-spacing:.02em;}
.pd-romance .pd-price-main{color:rgba(200,168,216,1);}
.pd-romance .pd-section-label{color:rgba(200,168,216,1);}
.pd-romance .pd-scent-note{background:rgba(107,31,58,.25);border:1px solid rgba(196,72,90,.2);color:rgba(200,168,216,.9);}
.pd-romance .pd-detail-row{border-bottom-color:rgba(196,72,90,.1);}
.pd-romance .pd-variant-select{border:1px solid rgba(196,72,90,.25);background:rgba(255,255,255,.04);color:rgba(200,168,216,1);}
.pd-romance .pd-atc-btn{background:linear-gradient(135deg,#C4485A,#9A3058);color:white;box-shadow:0 6px 20px rgba(196,72,90,.4);}
.pd-romance .pd-trust-item{color:rgba(200,168,216,.6);}
.pd-romance .pd-related{background:#130A1C;}
.pd-romance .pd-rel-card{border-color:rgba(196,72,90,.12);background:rgba(255,255,255,.03);}
.pd-romance .pd-rel-card:hover{border-color:rgba(196,72,90,.5);}
.pd-romance .pd-related-title{color:rgba(200,168,216,1);}
.pd-romance .pd-rel-name,.pd-romance .pd-rel-price{color:rgba(200,168,216,1);}
.pd-romance .pd-rel-placeholder{background:linear-gradient(160deg,#0A0610,#180A20);}
.pd-romance .pd-main-img-wrap{background:linear-gradient(160deg,#0A0610,#180A20);}
.pd-romance .pd-breadcrumb{color:rgba(200,168,216,.6);}

/* Astrology product-specific */
.pd-astro{background:#060C1E;color:rgba(200,216,255,1);}
.pd-astro-banner{background:rgba(6,12,30,.95);padding:22px 48px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(200,168,74,.2);position:relative;overflow:hidden;}
.pd-astro-stars-bg{position:absolute;inset:0;}
.pd-astro-banner-icon{font-size:26px;animation:astroFloat 4s ease-in-out infinite;}
.pd-astro-banner-title{font-family:'Cinzel',Georgia,serif;font-size:16px;color:#E0C070;font-weight:400;letter-spacing:.1em;}
.pd-astro-banner-sub{font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:rgba(200,168,74,.5);margin-top:3px;}
.pd-astro-glyph{font-size:24px;color:rgba(200,168,74,.3);}
.pd-astro-title{font-family:'Cinzel',Georgia,serif;font-size:44px;font-weight:600;color:rgba(232,240,255,1);letter-spacing:.06em;}
.pd-astro .pd-price-main{color:rgba(200,216,255,1);}
.pd-astro .pd-section-label{color:rgba(200,216,255,1);}
.pd-astro .pd-scent-note{background:rgba(123,94,168,.15);border:1px solid rgba(123,94,168,.25);color:rgba(200,216,255,.9);}
.pd-astro .pd-detail-row{border-bottom-color:rgba(200,168,74,.08);}
.pd-astro .pd-variant-select{border:1px solid rgba(123,94,168,.3);background:rgba(255,255,255,.04);color:rgba(200,216,255,1);}
.pd-astro .pd-atc-btn{background:linear-gradient(135deg,#7B5EA8,#3A8080);color:white;box-shadow:0 6px 24px rgba(123,94,168,.45);}
.pd-astro .pd-trust-item{color:rgba(200,216,255,.5);}
.pd-astro .pd-related{background:#0C1430;}
.pd-astro .pd-rel-card{border-color:rgba(200,168,74,.1);background:rgba(255,255,255,.03);}
.pd-astro .pd-rel-card:hover{border-color:rgba(200,168,74,.4);}
.pd-astro .pd-related-title{color:rgba(232,240,255,1);}
.pd-astro .pd-rel-name,.pd-astro .pd-rel-price{color:rgba(200,216,255,1);}
.pd-astro .pd-rel-placeholder{background:linear-gradient(160deg,#060C1E,#0C1430);}
.pd-astro .pd-main-img-wrap{background:linear-gradient(160deg,#060C1E,#0C1430);}
.pd-astro .pd-breadcrumb{color:rgba(200,216,255,.5);}

/* ── RESPONSIVE FOR NEW PAGES ── */
@media(max-width:1024px){
  .sbp-hero,.romance-hero-inner{grid-template-columns:1fr;}
  .sbp-hero-right,.romance-hero-right{display:none;}
  .sbp-ptg-2,.sbp-ptg-3,.sbp-coll-row,.sbp-story-banner{grid-template-columns:1fr;}
  .sbp-story-banner{margin:0 24px 60px;}
  .sbp-products,.sbp-coll-strip{padding-left:24px;padding-right:24px;}
  .lunar-prod-grid,.romance-prod-grid{grid-template-columns:1fr 1fr;}
  .astro-signs-grid{grid-template-columns:repeat(2,1fr);}
  .astro-hero{padding:40px 24px;}
  .astro-zodiac-wheel{display:none;}
  .pd-main{grid-template-columns:1fr;gap:40px;padding:40px 24px 60px;}
  .pd-gallery{position:static;}
  .pd-related-grid{grid-template-columns:repeat(2,1fr);}
  .pd-breadcrumb,.pd-badge-row,.pd-product-title{padding-left:24px;padding-right:24px;}
  .pd-related{padding-left:24px;padding-right:24px;}
  .lunar-story,.romance-story{grid-template-columns:1fr;padding:60px 24px;}
}
@media(max-width:600px){
  .lunar-prod-grid,.romance-prod-grid,.astro-signs-grid,.pd-related-grid{grid-template-columns:1fr;}
  .sbp-title,.astro-title{font-size:44px;}
  .lunar-title,.romance-title{font-size:52px;}
  .pd-astro-title,.pd-lunar-title,.pd-romance-title{font-size:36px;}
}

/* ================================================================
   A YEAR RENEWED — ELEMENT PRODUCT PAGES
   Each element (earth / metal / water / wood / fire) gets its own
   full color theme. All share the same layout via .el-pd-* classes.
   ================================================================ */

/* ── SHARED LAYOUT ── */
.el-pd-page { font-family: var(--fn, 'Nunito', sans-serif); }

/* Banner top bar */
.el-pd-banner {
  display: flex; align-items: center; justify-content: space-between;
  padding: 20px 48px;
  border-bottom: 1px solid rgba(255,255,255,.08);
}
.el-pd-back {
  font-size: 11px; font-weight: 800; letter-spacing: .1em;
  text-transform: uppercase; opacity: .5; transition: opacity .2s;
  display: inline-flex; align-items: center; gap: 6px; text-decoration: none;
}
.el-pd-back:hover { opacity: 1; }
.el-pd-banner-title {
  font-family: var(--fd, 'Playfair Display', serif);
  font-size: 18px; font-weight: 700; letter-spacing: .04em;
}
.el-pd-banner-sub {
  font-size: 10px; font-weight: 700; letter-spacing: .12em;
  text-transform: uppercase; margin-top: 3px; opacity: .5;
}
.el-pd-banner-zh { font-size: 28px; letter-spacing: .2em; opacity: .2; font-weight: 300; }
.el-pd-banner-icon { font-size: 32px; animation: float 4s ease-in-out infinite; }

/* Badges row */
.el-pd-badges {
  display: flex; gap: 10px; flex-wrap: wrap;
  padding: 16px 48px;
}
.el-pd-badge {
  display: inline-flex; align-items: center; gap: 6px;
  padding: 5px 14px; border-radius: 20px;
  font-size: 10px; font-weight: 800; letter-spacing: .12em; text-transform: uppercase;
  border: 1px solid rgba(255,255,255,.1);
}

/* Main 2-column layout */
.el-pd-main {
  display: grid; grid-template-columns: 1fr 1fr;
  gap: 64px; padding: 48px 48px 80px;
  max-width: 1400px; margin: 0 auto;
  align-items: start;
}

/* Gallery */
.el-pd-gallery { display: flex; flex-direction: column; gap: 14px; position: sticky; top: 88px; }
.el-pd-main-img {
  border-radius: 24px; overflow: hidden;
  aspect-ratio: 1/1; position: relative;
}
.el-pd-main-img img { width: 100%; height: 100%; object-fit: cover; display: block; }
.el-pd-placeholder {
  width: 100%; height: 100%;
  display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 10px;
}
.el-pd-ph-symbol { font-size: 80px; }
.el-pd-ph-zh { font-size: 48px; opacity: .5; }
.el-pd-thumbs { display: grid; grid-template-columns: repeat(4, 1fr); gap: 10px; }
.el-pd-thumb {
  aspect-ratio: 1/1; border-radius: 14px; object-fit: cover;
  cursor: pointer; border: 2px solid transparent; transition: border-color .2s;
}
/* Image element badge */
.el-pd-img-el-badge {
  position: absolute; bottom: 18px; right: 18px;
  display: flex; align-items: center; gap: 8px;
  padding: 8px 14px; border-radius: 20px;
  background: rgba(0,0,0,.45); backdrop-filter: blur(8px);
  border: 1px solid rgba(255,255,255,.12);
}
.el-pd-ieb-icon { font-size: 20px; }
.el-pd-ieb-zh { display: block; font-size: 18px; line-height: 1; }
.el-pd-ieb-label { display: block; font-size: 9px; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; opacity: .6; }

/* Info panel */
.el-pd-info { display: flex; flex-direction: column; gap: 0; padding-top: 8px; }

/* Element meaning card */
.el-pd-meaning {
  display: flex; align-items: center; gap: 14px;
  padding: 16px 18px; border-radius: 16px; margin-bottom: 24px;
  border: 1px solid rgba(255,255,255,.1);
}
.el-pd-meaning-icon { font-size: 32px; flex-shrink: 0; animation: float 5s ease-in-out infinite; }
.el-pd-meaning-name { font-size: 13px; font-weight: 800; letter-spacing: .06em; margin-bottom: 3px; }
.el-pd-meaning-trait { font-size: 12px; font-weight: 600; opacity: .55; }

.el-pd-title {
  font-family: var(--fd, 'Playfair Display', serif);
  font-size: 48px; font-weight: 700; line-height: 1.06; margin-bottom: 6px;
}
.el-pd-subtitle { font-size: 13px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; opacity: .5; margin-bottom: 22px; }

/* Price */
.el-pd-price-block { display: flex; align-items: baseline; gap: 12px; margin-bottom: 24px; }
.el-pd-price { font-size: 34px; font-weight: 800; }
.el-pd-compare { font-size: 20px; opacity: .35; text-decoration: line-through; }

/* Sections */
.el-pd-section { margin-bottom: 22px; }
.el-pd-section-label {
  font-size: 10px; font-weight: 800; letter-spacing: .18em; text-transform: uppercase;
  opacity: .45; margin-bottom: 10px;
  display: flex; align-items: center; gap: 8px;
}
.el-pd-section-label::after { content: ''; flex: 1; height: 1px; background: currentColor; opacity: .15; }
.el-pd-scent-notes { display: flex; gap: 8px; flex-wrap: wrap; }
.el-pd-scent-note { border-radius: 16px; padding: 7px 16px; font-size: 12px; font-weight: 700; border: 1px solid; }
.el-pd-detail-row { display: flex; gap: 12px; padding: 10px 0; border-bottom: 1px solid rgba(255,255,255,.06); font-size: 13px; }
.el-pd-dl { font-weight: 800; width: 90px; flex-shrink: 0; text-transform: uppercase; font-size: 10px; letter-spacing: .06em; opacity: .45; }
.el-pd-dv { font-weight: 600; opacity: .75; }

/* Variant pills */
.el-pd-variant-pills { display: flex; gap: 8px; flex-wrap: wrap; margin-bottom: 4px; }
.el-pd-vpill {
  padding: 9px 18px; border-radius: 20px; border: 2px solid rgba(255,255,255,.15);
  background: transparent; font-size: 12px; font-weight: 700; cursor: pointer; transition: all .2s;
  opacity: .6;
}
.el-pd-vpill:hover { opacity: 1; }
.el-pd-vpill.active { opacity: 1; }

/* ATC row */
.el-pd-atc-row { display: flex; gap: 12px; margin-bottom: 20px; margin-top: 20px; }
.el-pd-qty {
  display: flex; align-items: center; gap: 0;
  border: 2px solid rgba(255,255,255,.15); border-radius: 28px; overflow: hidden;
}
.el-pd-qty-btn {
  width: 42px; height: 48px; background: transparent; border: none;
  font-size: 20px; font-weight: 300; cursor: pointer; color: inherit;
  transition: background .15s;
}
.el-pd-qty-btn:hover { background: rgba(255,255,255,.08); }
.el-pd-qty-num { width: 44px; text-align: center; font-size: 16px; font-weight: 800; }
.el-pd-atc-btn {
  flex: 1; border: none; border-radius: 28px; padding: 14px 28px;
  font-family: var(--fn, 'Nunito', sans-serif); font-size: 13px; font-weight: 800;
  letter-spacing: .08em; text-transform: uppercase; cursor: pointer; transition: transform .15s;
}
.el-pd-atc-btn:hover { transform: translateY(-2px); }
.el-pd-atc-btn:disabled { opacity: .35; cursor: not-allowed; transform: none; }

/* Trust row */
.el-pd-trust { display: flex; gap: 14px; flex-wrap: wrap; margin-bottom: 22px; font-size: 12px; font-weight: 700; opacity: .45; }

/* Accordions */
.el-pd-accordion { border-radius: 14px; overflow: hidden; margin-bottom: 8px; border: 1px solid rgba(255,255,255,.1); }
.el-pd-acc-header {
  display: flex; justify-content: space-between; align-items: center;
  padding: 15px 18px; cursor: pointer; font-size: 13px; font-weight: 800;
  background: rgba(255,255,255,.04); transition: background .2s;
}
.el-pd-acc-header:hover { background: rgba(255,255,255,.08); }
.el-pd-acc-arr { font-size: 11px; transition: transform .3s; opacity: .5; }
.el-pd-acc-body {
  padding: 16px 18px; font-size: 13px; font-weight: 600; line-height: 1.8;
  border-top: 1px solid rgba(255,255,255,.06); opacity: .7;
}

/* Related products */
.el-pd-related { padding: 64px 48px; }
.el-pd-related-header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 28px; }
.el-pd-related-title { font-family: var(--fd, 'Playfair Display', serif); font-size: 32px; font-weight: 700; }
.el-pd-related-title em { font-style: italic; }
.el-pd-related-link {
  font-size: 11px; font-weight: 800; letter-spacing: .1em; text-transform: uppercase;
  padding: 8px 18px; border-radius: 20px; border: 1px solid rgba(255,255,255,.15);
  text-decoration: none; transition: all .2s;
}
.el-pd-related-link:hover { background: rgba(255,255,255,.08); }
.el-pd-related-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; }
.el-pd-rel-card { border-radius: 18px; overflow: hidden; text-decoration: none; display: block; border: 1px solid rgba(255,255,255,.08); transition: all .25s; }
.el-pd-rel-card:hover { transform: translateY(-5px); border-color: rgba(255,255,255,.25); }
.el-pd-rel-img { height: 160px; overflow: hidden; position: relative; }
.el-pd-rel-img img { width: 100%; height: 100%; object-fit: cover; transition: transform .4s; }
.el-pd-rel-card:hover .el-pd-rel-img img { transform: scale(1.06); }
.el-pd-rel-placeholder { width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; font-size: 36px; }
.el-pd-rel-overlay { position: absolute; inset: 0; background: linear-gradient(to top, rgba(0,0,0,.5), transparent 55%); }
.el-pd-rel-info { padding: 12px 14px; }
.el-pd-rel-el { font-size: 9px; font-weight: 800; letter-spacing: .14em; text-transform: uppercase; display: block; margin-bottom: 3px; opacity: .55; }
.el-pd-rel-name { font-family: var(--fd, 'Playfair Display', serif); font-size: 15px; font-weight: 700; margin-bottom: 5px; line-height: 1.2; }
.el-pd-rel-price { font-size: 14px; font-weight: 800; }

/* ================================================================
   EARTH ELEMENT — Warm amber, brown, terracotta
   ================================================================ */
.el-pd-earth {
  background: linear-gradient(180deg, #1C0E06 0%, #2A1A0A 100%);
  color: #F5E8D0;
}
.el-pd-earth .el-pd-banner { background: linear-gradient(90deg, #1C0E06, #2E1808, #1C0E06); border-color: rgba(200,149,42,.25); }
.el-pd-earth .el-pd-back { color: #E8B840; }
.el-pd-earth .el-pd-banner-title { color: #E8B840; }
.el-pd-earth .el-pd-banner-zh { color: rgba(200,149,42,.3); }
.el-pd-earth .el-pd-badge-coll { background: rgba(200,56,26,.15); color: rgba(240,140,80,.9); border-color: rgba(200,56,26,.25); }
.el-pd-earth .el-pd-badge-el  { background: rgba(140,90,20,.2);  color: rgba(220,170,80,.9);  border-color: rgba(140,90,20,.3); }
.el-pd-earth .el-pd-badge-zh  { background: rgba(200,149,42,.12); color: rgba(232,184,64,.9);  border-color: rgba(200,149,42,.25); }
.el-pd-earth .el-pd-main-img  { background: linear-gradient(160deg, #2A1A08, #4A2E10); }
.el-pd-earth .el-pd-placeholder { background: linear-gradient(160deg, #2A1A08, #4A2E10); }
.el-pd-earth .el-pd-ieb-zh,
.el-pd-earth .el-pd-ieb-label  { color: #E8B840; }
.el-pd-earth .el-pd-meaning    { background: rgba(200,149,42,.08); border-color: rgba(200,149,42,.2); }
.el-pd-earth .el-pd-meaning-name { color: #E8B840; }
.el-pd-earth .el-pd-title      { color: #F5E8D0; }
.el-pd-earth .el-pd-price      { color: #E8B840; }
.el-pd-earth .el-pd-scent-note { background: rgba(200,149,42,.12); border-color: rgba(200,149,42,.25); color: #E8C870; }
.el-pd-earth .el-pd-vpill.active { border-color: #C8952A; background: rgba(200,149,42,.15); color: #E8B840; }
.el-pd-earth .el-pd-thumb:hover, .el-pd-earth .el-pd-thumb.active { border-color: #C8952A; }
.el-pd-earth .el-pd-atc-btn    { background: linear-gradient(135deg,#C8952A,#E8B840); color: #1A0C06; box-shadow: 0 6px 20px rgba(200,149,42,.4); }
.el-pd-earth .el-pd-related    { background: rgba(200,149,42,.04); }
.el-pd-earth .el-pd-related-title { color: #F5E8D0; }
.el-pd-earth .el-pd-related-title em { color: #C8952A; }
.el-pd-earth .el-pd-rel-card   { background: rgba(255,255,255,.03); }
.el-pd-earth .el-pd-rel-name,
.el-pd-earth .el-pd-rel-price  { color: #F5E8D0; }
.el-pd-earth .el-pd-rel-el     { color: rgba(200,149,42,.7); }
.el-pd-earth .el-pd-rel-placeholder { background: linear-gradient(160deg,#2A1A08,#4A2E10); }

/* ================================================================
   METAL ELEMENT — Silver, slate, cool grey-blue
   ================================================================ */
.el-pd-metal {
  background: linear-gradient(180deg, #10111E 0%, #1A1B2E 100%);
  color: #E0E4F4;
}
.el-pd-metal .el-pd-banner { background: linear-gradient(90deg,#10111E,#1A1B30,#10111E); border-color: rgba(160,165,200,.2); }
.el-pd-metal .el-pd-back { color: #B0B8D8; }
.el-pd-metal .el-pd-banner-title { color: #C8CCE8; }
.el-pd-metal .el-pd-banner-zh { color: rgba(180,185,220,.25); }
.el-pd-metal .el-pd-badge-coll { background: rgba(200,56,26,.12); color: rgba(220,130,90,.9); border-color: rgba(200,56,26,.2); }
.el-pd-metal .el-pd-badge-el  { background: rgba(140,145,190,.15); color: rgba(200,205,240,.9); border-color: rgba(140,145,190,.25); }
.el-pd-metal .el-pd-badge-zh  { background: rgba(180,185,220,.1); color: rgba(200,205,240,.9); border-color: rgba(180,185,220,.2); }
.el-pd-metal .el-pd-main-img  { background: linear-gradient(160deg,#1A1A28,#2E2E40); }
.el-pd-metal .el-pd-placeholder { background: linear-gradient(160deg,#1A1A28,#2E2E40); }
.el-pd-metal .el-pd-ieb-zh,
.el-pd-metal .el-pd-ieb-label  { color: #B0B8D8; }
.el-pd-metal .el-pd-meaning    { background: rgba(160,165,200,.08); border-color: rgba(160,165,200,.2); }
.el-pd-metal .el-pd-meaning-name { color: #C8CCE8; }
.el-pd-metal .el-pd-title      { color: #E0E4F4; }
.el-pd-metal .el-pd-price      { color: #C8CCE8; }
.el-pd-metal .el-pd-scent-note { background: rgba(160,165,200,.1); border-color: rgba(160,165,200,.2); color: #C8CCE8; }
.el-pd-metal .el-pd-vpill.active { border-color: #9098C8; background: rgba(140,148,200,.15); color: #C8CCE8; }
.el-pd-metal .el-pd-thumb:hover { border-color: #9098C8; }
.el-pd-metal .el-pd-atc-btn    { background: linear-gradient(135deg,#606898,#8090B8); color: white; box-shadow: 0 6px 20px rgba(100,110,180,.35); }
.el-pd-metal .el-pd-related    { background: rgba(160,165,200,.04); }
.el-pd-metal .el-pd-related-title { color: #E0E4F4; }
.el-pd-metal .el-pd-related-title em { color: #9098C8; }
.el-pd-metal .el-pd-rel-card   { background: rgba(255,255,255,.03); }
.el-pd-metal .el-pd-rel-name,
.el-pd-metal .el-pd-rel-price  { color: #E0E4F4; }
.el-pd-metal .el-pd-rel-el     { color: rgba(160,165,200,.65); }
.el-pd-metal .el-pd-rel-placeholder { background: linear-gradient(160deg,#1A1A28,#2E2E40); }

/* ================================================================
   WATER ELEMENT — Deep ocean blue, teal, seafoam
   ================================================================ */
.el-pd-water {
  background: linear-gradient(180deg, #060E1C 0%, #0C1828 100%);
  color: #C8E0F4;
}
.el-pd-water .el-pd-banner { background: linear-gradient(90deg,#060E1C,#0C1830,#060E1C); border-color: rgba(40,120,180,.25); }
.el-pd-water .el-pd-back { color: #70B8E0; }
.el-pd-water .el-pd-banner-title { color: #80C4E8; }
.el-pd-water .el-pd-banner-zh { color: rgba(80,160,220,.25); }
.el-pd-water .el-pd-badge-coll { background: rgba(200,56,26,.12); color: rgba(220,130,90,.9); border-color: rgba(200,56,26,.2); }
.el-pd-water .el-pd-badge-el  { background: rgba(30,100,160,.2);  color: rgba(100,180,240,.9); border-color: rgba(30,100,160,.3); }
.el-pd-water .el-pd-badge-zh  { background: rgba(40,120,180,.12); color: rgba(120,190,240,.9); border-color: rgba(40,120,180,.25); }
.el-pd-water .el-pd-main-img  { background: linear-gradient(160deg,#081828,#102C40); }
.el-pd-water .el-pd-placeholder { background: linear-gradient(160deg,#081828,#102C40); }
.el-pd-water .el-pd-ieb-zh,
.el-pd-water .el-pd-ieb-label  { color: #70B8E0; }
.el-pd-water .el-pd-meaning    { background: rgba(30,100,160,.1); border-color: rgba(40,120,180,.2); }
.el-pd-water .el-pd-meaning-name { color: #80C4E8; }
.el-pd-water .el-pd-title      { color: #C8E0F4; }
.el-pd-water .el-pd-price      { color: #80C4E8; }
.el-pd-water .el-pd-scent-note { background: rgba(30,100,160,.12); border-color: rgba(40,120,180,.25); color: #90CCF0; }
.el-pd-water .el-pd-vpill.active { border-color: #3878A8; background: rgba(30,100,160,.2); color: #80C4E8; }
.el-pd-water .el-pd-thumb:hover { border-color: #3878A8; }
.el-pd-water .el-pd-atc-btn    { background: linear-gradient(135deg,#185888,#2878B0); color: white; box-shadow: 0 6px 20px rgba(30,100,180,.4); }
.el-pd-water .el-pd-related    { background: rgba(30,100,160,.04); }
.el-pd-water .el-pd-related-title { color: #C8E0F4; }
.el-pd-water .el-pd-related-title em { color: #3878A8; }
.el-pd-water .el-pd-rel-card   { background: rgba(255,255,255,.03); }
.el-pd-water .el-pd-rel-name,
.el-pd-water .el-pd-rel-price  { color: #C8E0F4; }
.el-pd-water .el-pd-rel-el     { color: rgba(80,160,220,.65); }
.el-pd-water .el-pd-rel-placeholder { background: linear-gradient(160deg,#081828,#102C40); }

/* ================================================================
   WOOD ELEMENT — Forest green, sage, bamboo
   ================================================================ */
.el-pd-wood {
  background: linear-gradient(180deg, #071008 0%, #0E1C10 100%);
  color: #C8E0C4;
}
.el-pd-wood .el-pd-banner { background: linear-gradient(90deg,#071008,#0E1C10,#071008); border-color: rgba(50,130,60,.25); }
.el-pd-wood .el-pd-back { color: #70B870; }
.el-pd-wood .el-pd-banner-title { color: #80C480; }
.el-pd-wood .el-pd-banner-zh { color: rgba(60,140,70,.25); }
.el-pd-wood .el-pd-badge-coll { background: rgba(200,56,26,.12); color: rgba(220,130,90,.9); border-color: rgba(200,56,26,.2); }
.el-pd-wood .el-pd-badge-el  { background: rgba(40,120,50,.2);  color: rgba(100,200,110,.9); border-color: rgba(40,120,50,.3); }
.el-pd-wood .el-pd-badge-zh  { background: rgba(50,130,60,.12); color: rgba(120,210,130,.9); border-color: rgba(50,130,60,.25); }
.el-pd-wood .el-pd-main-img  { background: linear-gradient(160deg,#0A1A08,#142C10); }
.el-pd-wood .el-pd-placeholder { background: linear-gradient(160deg,#0A1A08,#142C10); }
.el-pd-wood .el-pd-ieb-zh,
.el-pd-wood .el-pd-ieb-label  { color: #70B870; }
.el-pd-wood .el-pd-meaning    { background: rgba(40,120,50,.1); border-color: rgba(50,130,60,.2); }
.el-pd-wood .el-pd-meaning-name { color: #80C480; }
.el-pd-wood .el-pd-title      { color: #C8E0C4; }
.el-pd-wood .el-pd-price      { color: #80C480; }
.el-pd-wood .el-pd-scent-note { background: rgba(40,120,50,.12); border-color: rgba(50,130,60,.25); color: #90D090; }
.el-pd-wood .el-pd-vpill.active { border-color: #3A8840; background: rgba(40,120,50,.2); color: #80C480; }
.el-pd-wood .el-pd-thumb:hover { border-color: #3A8840; }
.el-pd-wood .el-pd-atc-btn    { background: linear-gradient(135deg,#1E6828,#2E9840); color: white; box-shadow: 0 6px 20px rgba(40,140,60,.4); }
.el-pd-wood .el-pd-related    { background: rgba(40,120,50,.04); }
.el-pd-wood .el-pd-related-title { color: #C8E0C4; }
.el-pd-wood .el-pd-related-title em { color: #3A8840; }
.el-pd-wood .el-pd-rel-card   { background: rgba(255,255,255,.03); }
.el-pd-wood .el-pd-rel-name,
.el-pd-wood .el-pd-rel-price  { color: #C8E0C4; }
.el-pd-wood .el-pd-rel-el     { color: rgba(80,180,90,.65); }
.el-pd-wood .el-pd-rel-placeholder { background: linear-gradient(160deg,#0A1A08,#142C10); }

/* ================================================================
   FIRE ELEMENT — Deep crimson, ember orange, ash
   ================================================================ */
.el-pd-fire {
  background: linear-gradient(180deg, #120404 0%, #1E0808 100%);
  color: #F0D0C0;
}
.el-pd-fire .el-pd-banner { background: linear-gradient(90deg,#120404,#200808,#120404); border-color: rgba(180,40,20,.3); }
.el-pd-fire .el-pd-back { color: #E07050; }
.el-pd-fire .el-pd-banner-title { color: #E88060; }
.el-pd-fire .el-pd-banner-zh { color: rgba(180,40,20,.25); }
.el-pd-fire .el-pd-badge-coll { background: rgba(200,56,26,.2);  color: rgba(240,140,90,.9);  border-color: rgba(200,56,26,.35); }
.el-pd-fire .el-pd-badge-el  { background: rgba(180,40,20,.15); color: rgba(240,120,80,.9);  border-color: rgba(180,40,20,.3); }
.el-pd-fire .el-pd-badge-zh  { background: rgba(200,80,30,.1);  color: rgba(240,140,90,.9);  border-color: rgba(200,80,30,.25); }
.el-pd-fire .el-pd-main-img  { background: linear-gradient(160deg,#1A0808,#300C0C); }
.el-pd-fire .el-pd-placeholder { background: linear-gradient(160deg,#1A0808,#300C0C); }
.el-pd-fire .el-pd-ieb-zh,
.el-pd-fire .el-pd-ieb-label  { color: #E07050; }
.el-pd-fire .el-pd-meaning    { background: rgba(180,40,20,.1); border-color: rgba(180,40,20,.25); }
.el-pd-fire .el-pd-meaning-name { color: #E88060; }
.el-pd-fire .el-pd-title      { color: #F0D0C0; }
.el-pd-fire .el-pd-price      { color: #E88060; }
.el-pd-fire .el-pd-scent-note { background: rgba(180,40,20,.12); border-color: rgba(200,60,30,.25); color: #F0A080; }
.el-pd-fire .el-pd-vpill.active { border-color: #B83010; background: rgba(180,40,20,.2); color: #E88060; }
.el-pd-fire .el-pd-thumb:hover { border-color: #B83010; }
.el-pd-fire .el-pd-atc-btn    { background: linear-gradient(135deg,#A02010,#D03020); color: white; box-shadow: 0 6px 20px rgba(180,40,20,.5); }
.el-pd-fire .el-pd-related    { background: rgba(180,40,20,.04); }
.el-pd-fire .el-pd-related-title { color: #F0D0C0; }
.el-pd-fire .el-pd-related-title em { color: #B83010; }
.el-pd-fire .el-pd-rel-card   { background: rgba(255,255,255,.03); }
.el-pd-fire .el-pd-rel-name,
.el-pd-fire .el-pd-rel-price  { color: #F0D0C0; }
.el-pd-fire .el-pd-rel-el     { color: rgba(200,80,50,.65); }
.el-pd-fire .el-pd-rel-placeholder { background: linear-gradient(160deg,#1A0808,#300C0C); }

/* ── RESPONSIVE for element product pages ── */
@media(max-width: 1024px) {
  .el-pd-main { grid-template-columns: 1fr; gap: 40px; padding: 40px 24px 60px; }
  .el-pd-gallery { position: static; }
  .el-pd-related-grid { grid-template-columns: repeat(2,1fr); }
  .el-pd-related, .el-pd-badges { padding-left: 24px; padding-right: 24px; }
  .el-pd-banner { padding: 18px 24px; }
}
@media(max-width: 600px) {
  .el-pd-title { font-size: 36px; }
  .el-pd-related-grid { grid-template-columns: 1fr; }
  .el-pd-related-header { flex-direction: column; align-items: flex-start; gap: 12px; }
}



/* ================================================================
   OHANALE — A YEAR RENEWED · ALL ELEMENT PRODUCT PAGES
   Earth · Metal · Water · Wood · Fire + Collection Page
   ================================================================ */

@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+SC:wght@300;400&family=Playfair+Display:ital,wght@0,400;0,700;1,400;1,700&family=Nunito:wght@400;600;700;800&display=swap');

/* ── SHARED ANIMATIONS ── */
@keyframes el-float   { 0%,100%{transform:translateY(0);}      50%{transform:translateY(-10px);} }
@keyframes el-floatR  { 0%,100%{transform:translateY(0) rotate(0deg);} 50%{transform:translateY(-8px) rotate(4deg);} }
@keyframes el-pulse   { 0%,100%{transform:scale(1);}           50%{transform:scale(1.06);} }
@keyframes el-fadeUp  { 0%{opacity:0;transform:translateY(24px);} 100%{opacity:1;transform:translateY(0);} }
@keyframes el-shimmer { 0%,100%{opacity:.4;}                   50%{opacity:1;} }
@keyframes el-swing   { 0%,100%{transform:rotate(-7deg);}      50%{transform:rotate(7deg);} }
@keyframes el-spin    { from{transform:rotate(0deg);}          to{transform:rotate(360deg);} }
@keyframes el-spinR   { from{transform:rotate(0deg);}          to{transform:rotate(-360deg);} }
@keyframes el-petal   { 0%{transform:translateY(-40px) rotate(0deg);opacity:0;} 10%{opacity:.85;} 90%{opacity:.4;} 100%{transform:translateY(110vh) rotate(600deg) translateX(50px);opacity:0;} }
@keyframes el-ripple  { 0%{transform:scale(.8);opacity:.8;}    100%{transform:scale(2.4);opacity:0;} }
@keyframes el-wave    { 0%,100%{transform:translateX(0);}      50%{transform:translateX(-8px);} }

/* ================================================================
   ELEMENT COLOR VARIABLES
   ================================================================ */
.ayr-product-earth {
  --el-accent:#C8952A; --el-accent-l:#E8B840; --el-accent-p:rgba(200,149,42,.15); --el-accent-pp:rgba(200,149,42,.08);
  --el-text:#F5E8D0; --el-text-m:rgba(245,232,208,.55); --el-bg:#120C04; --el-bg-art:linear-gradient(160deg,#2A1A08,#4A2E10);
  --el-banner:linear-gradient(90deg,#1C0E06,#2E1808,#1C0E06); --el-border:rgba(200,149,42,.28);
  --el-meaning-bg:rgba(200,149,42,.08); --el-pill-bg:rgba(200,149,42,.12); --el-pill-border:rgba(200,149,42,.25); --el-pill-color:#E8C870;
  --el-atc:linear-gradient(135deg,#C8952A,#E8B840); --el-atc-color:#1A0C06; --el-atc-shadow:rgba(200,149,42,.4);
  --el-hero:radial-gradient(ellipse at 50% 30%,#2A1A08,#1A0E06 50%,#0E0804);
  background:var(--el-bg); color:var(--el-text); font-family:'Nunito',sans-serif;
}
.ayr-product-metal {
  --el-accent:#9098C8; --el-accent-l:#B0B8E0; --el-accent-p:rgba(140,148,200,.15); --el-accent-pp:rgba(140,148,200,.08);
  --el-text:#E0E4F8; --el-text-m:rgba(224,228,248,.55); --el-bg:#0E0E1C; --el-bg-art:linear-gradient(160deg,#1A1A30,#2E2E48);
  --el-banner:linear-gradient(90deg,#0E0E1C,#1A1A2E,#0E0E1C); --el-border:rgba(140,148,200,.25);
  --el-meaning-bg:rgba(140,148,200,.07); --el-pill-bg:rgba(140,148,200,.1); --el-pill-border:rgba(140,148,200,.22); --el-pill-color:#C0C8E8;
  --el-atc:linear-gradient(135deg,#606898,#8090C0); --el-atc-color:#E8ECFF; --el-atc-shadow:rgba(100,110,180,.35);
  --el-hero:radial-gradient(ellipse at 50% 30%,#20203A,#141420 50%,#0A0A14);
  background:var(--el-bg); color:var(--el-text); font-family:'Nunito',sans-serif;
}
.ayr-product-water {
  --el-accent:#3878A8; --el-accent-l:#60A8D8; --el-accent-p:rgba(56,120,168,.15); --el-accent-pp:rgba(56,120,168,.08);
  --el-text:#C0DCF4; --el-text-m:rgba(192,220,244,.55); --el-bg:#060E18; --el-bg-art:linear-gradient(160deg,#081828,#102C44);
  --el-banner:linear-gradient(90deg,#060E18,#0C1828,#060E18); --el-border:rgba(56,120,168,.28);
  --el-meaning-bg:rgba(40,100,160,.10); --el-pill-bg:rgba(40,100,160,.12); --el-pill-border:rgba(56,120,168,.25); --el-pill-color:#80C4E8;
  --el-atc:linear-gradient(135deg,#185888,#2878B8); --el-atc-color:white; --el-atc-shadow:rgba(30,100,180,.4);
  --el-hero:radial-gradient(ellipse at 50% 35%,#0C1E30,#081420 50%,#040A10);
  background:var(--el-bg); color:var(--el-text); font-family:'Nunito',sans-serif;
}
.ayr-product-wood {
  --el-accent:#2E7830; --el-accent-l:#50A852; --el-accent-p:rgba(46,120,48,.15); --el-accent-pp:rgba(46,120,48,.08);
  --el-text:#C0E0BC; --el-text-m:rgba(192,224,188,.55); --el-bg:#061008; --el-bg-art:linear-gradient(160deg,#0A1A08,#142C10);
  --el-banner:linear-gradient(90deg,#061008,#0E1C0C,#061008); --el-border:rgba(46,120,48,.28);
  --el-meaning-bg:rgba(40,120,44,.09); --el-pill-bg:rgba(40,120,44,.12); --el-pill-border:rgba(50,130,52,.25); --el-pill-color:#70C870;
  --el-atc:linear-gradient(135deg,#1E6820,#2E9832); --el-atc-color:white; --el-atc-shadow:rgba(40,140,44,.4);
  --el-hero:radial-gradient(ellipse at 50% 30%,#0E200C,#081408 50%,#040A04);
  background:var(--el-bg); color:var(--el-text); font-family:'Nunito',sans-serif;
}
.ayr-product-fire {
  --el-accent:#B83010; --el-accent-l:#E05030; --el-accent-p:rgba(184,48,16,.15); --el-accent-pp:rgba(184,48,16,.08);
  --el-text:#F0D0C0; --el-text-m:rgba(240,208,192,.55); --el-bg:#100404; --el-bg-art:linear-gradient(160deg,#200808,#380C0C);
  --el-banner:linear-gradient(90deg,#100404,#200808,#100404); --el-border:rgba(184,48,16,.30);
  --el-meaning-bg:rgba(180,40,16,.10); --el-pill-bg:rgba(180,40,16,.12); --el-pill-border:rgba(200,60,20,.25); --el-pill-color:#F09070;
  --el-atc:linear-gradient(135deg,#A02010,#D03020); --el-atc-color:white; --el-atc-shadow:rgba(180,40,20,.50);
  --el-hero:radial-gradient(ellipse at 50% 30%,#280808,#180404 50%,#0C0202);
  background:var(--el-bg); color:var(--el-text); font-family:'Nunito',sans-serif;
}

/* ================================================================
   SHARED ELEMENT PRODUCT LAYOUT
   (applies to all 5: .ayr-product-earth/metal/water/wood/fire)
   ================================================================ */
.ayr-product-earth *,.ayr-product-metal *,.ayr-product-water *,.ayr-product-wood *,.ayr-product-fire *{box-sizing:border-box;}
.ayr-product-earth a,.ayr-product-metal a,.ayr-product-water a,.ayr-product-wood a,.ayr-product-fire a{text-decoration:none;color:inherit;}

/* NAV */
.ayr-product-earth .el-nav,.ayr-product-metal .el-nav,.ayr-product-water .el-nav,.ayr-product-wood .el-nav,.ayr-product-fire .el-nav{
  display:flex;justify-content:space-between;align-items:center;padding:14px 48px;
  background:var(--el-banner);border-bottom:2px solid var(--el-border);position:sticky;top:0;z-index:200;
}
.el-nav-brand{display:flex;align-items:center;gap:12px;}
.el-nav-orb{width:44px;height:44px;border-radius:50%;background:radial-gradient(circle at 38% 36%,var(--el-accent-l),var(--el-accent) 55%);border:2px solid var(--el-accent);display:flex;align-items:center;justify-content:center;font-size:20px;animation:el-float 3.5s ease-in-out infinite;box-shadow:0 0 18px var(--el-accent-p);}
.el-nav-wordmark{font-family:'Playfair Display',serif;font-size:20px;font-weight:700;color:var(--el-accent-l);}
.el-nav-tagline{font-size:9px;font-weight:800;letter-spacing:.18em;text-transform:uppercase;color:var(--el-accent);opacity:.7;}
.el-nav-links{display:flex;gap:6px;list-style:none;}
.el-nav-links li a{display:inline-block;padding:7px 14px;border-radius:18px;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--el-text);opacity:.5;transition:all .2s;}
.el-nav-links li a:hover,.el-nav-links li a.active{background:var(--el-accent-p);color:var(--el-accent-l);opacity:1;}
.el-nav-cart{background:var(--el-atc);color:var(--el-atc-color);border:none;padding:10px 20px;border-radius:24px;font-family:'Nunito',sans-serif;font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;transition:transform .15s;}
.el-nav-cart:hover{transform:scale(1.05);}

/* BANNER BAR */
.el-banner-bar{display:flex;align-items:center;justify-content:space-between;padding:20px 48px;background:var(--el-banner);border-bottom:1px solid var(--el-border);position:relative;}
.el-banner-bar::after{content:'';position:absolute;bottom:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--el-accent),var(--el-accent-l),var(--el-accent),transparent);animation:el-shimmer 3s ease-in-out infinite;}
.el-back{font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--el-accent-l);opacity:.65;transition:opacity .2s;display:inline-flex;align-items:center;gap:6px;}
.el-back:hover{opacity:1;}
.el-banner-title{font-family:'Playfair Display',serif;font-size:18px;font-weight:700;color:var(--el-accent-l);}
.el-banner-sub{font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--el-accent);opacity:.55;margin-top:3px;}
.el-banner-zh{font-size:28px;color:var(--el-accent);opacity:.18;font-weight:300;letter-spacing:.2em;font-family:'Noto Serif SC',serif;}
.el-banner-icon{font-size:32px;animation:el-float 4s ease-in-out infinite;}

/* BADGES */
.el-badges{display:flex;gap:10px;flex-wrap:wrap;padding:16px 48px;background:var(--el-bg);}
.el-badge{display:inline-flex;align-items:center;gap:6px;padding:5px 14px;border-radius:20px;font-size:10px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;border:1px solid var(--el-border);background:var(--el-accent-p);color:var(--el-accent-l);}

/* HERO */
.el-hero{min-height:82vh;background:var(--el-hero);position:relative;overflow:hidden;display:grid;grid-template-columns:1fr 1fr;}
.el-hero-left{display:flex;flex-direction:column;justify-content:center;padding:80px 64px;position:relative;z-index:5;}
.el-hero-right{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:16px;position:relative;z-index:5;}
/* Water specific wave effect */
.ayr-product-water .el-hero::after{content:'';position:absolute;bottom:50px;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(80,160,220,.3),transparent);animation:el-shimmer 3s ease-in-out infinite;}
/* Fire glow */
.ayr-product-fire .el-hero::before{content:'';position:absolute;bottom:0;left:0;right:0;height:50%;background:radial-gradient(ellipse at 50% 100%,rgba(200,80,20,.18),transparent 70%);pointer-events:none;}
/* Metal grid */
.ayr-product-metal .el-hero-right{background:repeating-linear-gradient(0deg,transparent,transparent 60px,rgba(140,148,200,.04) 60px,rgba(140,148,200,.04) 61px),repeating-linear-gradient(90deg,transparent,transparent 60px,rgba(140,148,200,.04) 60px,rgba(140,148,200,.04) 61px);}
/* Earth ground glow */
.ayr-product-earth .el-hero::before{content:'';position:absolute;bottom:0;left:0;right:0;height:40%;background:linear-gradient(to top,rgba(200,149,42,.14),transparent);pointer-events:none;}
/* Wood roots */
.ayr-product-wood .el-hero::before{content:'';position:absolute;bottom:0;left:0;right:0;height:35%;background:linear-gradient(to top,rgba(30,100,30,.2),transparent);pointer-events:none;}
/* Water bottom */
.ayr-product-water .el-hero::before{content:'';position:absolute;bottom:0;left:0;right:0;height:45%;background:radial-gradient(ellipse at 50% 100%,rgba(30,90,160,.2),transparent 70%);pointer-events:none;}

.el-h-back{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--el-accent-l);opacity:.6;transition:opacity .2s;margin-bottom:22px;}
.el-h-back:hover{opacity:1;}
.el-h-eyebrow{font-size:11px;font-weight:800;letter-spacing:.2em;text-transform:uppercase;color:var(--el-accent);margin-bottom:18px;display:flex;align-items:center;gap:10px;animation:el-fadeUp .6s ease both;}
.el-h-eyebrow::before{content:'';display:block;width:28px;height:2px;border-radius:2px;background:var(--el-accent);}
.el-h-title{font-family:'Playfair Display',serif;font-size:66px;font-weight:700;line-height:1.05;color:var(--el-text);margin-bottom:8px;animation:el-fadeUp .65s ease .08s both;text-shadow:0 0 40px var(--el-accent-p);}
.el-h-title em{font-style:italic;color:var(--el-accent-l);}
.el-h-zh{font-family:'Noto Serif SC',serif;font-size:64px;font-weight:300;color:var(--el-accent);opacity:.28;margin-bottom:14px;letter-spacing:.2em;animation:el-fadeUp .65s ease .14s both;}
.el-h-trait{font-family:'Playfair Display',serif;font-style:italic;font-size:18px;color:var(--el-accent-l);opacity:.7;margin-bottom:20px;animation:el-fadeUp .65s ease .18s both;}
.el-h-desc{font-size:14px;font-weight:600;line-height:1.85;color:var(--el-text-m);max-width:400px;margin-bottom:40px;animation:el-fadeUp .65s ease .24s both;}
.el-h-btns{display:flex;gap:12px;flex-wrap:wrap;animation:el-fadeUp .65s ease .3s both;}
.el-h-chips{display:flex;gap:8px;margin-top:22px;flex-wrap:wrap;animation:el-fadeUp .65s ease .36s both;}
.el-h-chip{background:var(--el-accent-pp);border:1px solid var(--el-border);border-radius:16px;padding:6px 14px;font-size:11px;font-weight:700;color:var(--el-accent-l);}
.el-hero-icon{font-size:120px;animation:el-float 5s ease-in-out infinite;filter:drop-shadow(0 0 32px var(--el-accent-p));}
.el-hero-zh{font-family:'Noto Serif SC',serif;font-size:72px;font-weight:300;color:var(--el-accent);opacity:.35;letter-spacing:.2em;}
.el-hero-trait{font-family:'Playfair Display',serif;font-style:italic;font-size:15px;color:var(--el-accent-l);opacity:.45;text-align:center;}

/* Water ripple decorations */
.el-ripple{position:absolute;border-radius:50%;background:rgba(80,160,220,.12);animation:el-ripple ease-out infinite;}

/* Buttons */
.el-btn-primary{display:inline-flex;align-items:center;gap:8px;background:var(--el-atc);color:var(--el-atc-color);border:none;padding:15px 36px;border-radius:32px;font-family:'Nunito',sans-serif;font-size:12px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;cursor:pointer;transition:transform .15s;box-shadow:0 6px 20px var(--el-atc-shadow);text-decoration:none;}
.el-btn-primary:hover{transform:translateY(-3px) scale(1.03);}
.el-btn-ghost{display:inline-flex;align-items:center;gap:8px;background:transparent;color:var(--el-accent-l);border:1.5px solid var(--el-border);padding:14px 32px;border-radius:32px;font-family:'Nunito',sans-serif;font-size:12px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;cursor:pointer;transition:all .2s;text-decoration:none;}
.el-btn-ghost:hover{background:var(--el-accent-p);}

/* INFO STRIP */
.el-info-strip{background:var(--el-accent-pp);border-top:2px solid var(--el-border);border-bottom:2px solid var(--el-border);padding:28px 48px;display:flex;align-items:center;justify-content:center;gap:40px;flex-wrap:wrap;}
.el-is-item{display:flex;align-items:center;gap:12px;}
.el-is-icon{width:40px;height:40px;border-radius:50%;background:var(--el-atc);display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0;}
.el-is-text strong{display:block;font-size:13px;font-weight:800;color:var(--el-text);margin-bottom:2px;}
.el-is-text span{font-size:11px;color:var(--el-text-m);font-weight:600;}
.el-is-div{width:1px;height:36px;background:var(--el-border);flex-shrink:0;}

/* PRODUCT MAIN */
.el-pd-main{display:grid;grid-template-columns:1fr 1fr;gap:64px;padding:56px 52px 80px;max-width:1400px;margin:0 auto;align-items:start;}
.el-gallery{position:sticky;top:88px;display:flex;flex-direction:column;gap:14px;}
.el-main-img{border-radius:28px;overflow:hidden;aspect-ratio:1/1;position:relative;background:var(--el-bg-art);}
.el-main-img img{width:100%;height:100%;object-fit:cover;display:block;}
.el-ph{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:40px;}
.el-ph-sym{font-size:80px;}
.el-ph-zh{font-size:48px;color:var(--el-accent);opacity:.38;font-family:'Noto Serif SC',serif;}
.el-ph-name{font-family:'Playfair Display',serif;font-style:italic;font-size:16px;color:var(--el-accent-l);opacity:.45;margin-top:8px;}
.el-img-badge{position:absolute;bottom:18px;right:18px;display:flex;align-items:center;gap:8px;padding:8px 14px;border-radius:20px;background:rgba(0,0,0,.5);backdrop-filter:blur(8px);border:1px solid var(--el-border);}
.el-img-badge-sym{font-size:20px;}
.el-img-badge-zh{font-size:18px;color:var(--el-accent-l);display:block;line-height:1;font-family:'Noto Serif SC',serif;}
.el-img-badge-lbl{font-size:9px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--el-accent);display:block;}
.el-thumbs{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;}
.el-thumb{aspect-ratio:1;border-radius:14px;cursor:pointer;border:2px solid transparent;transition:border-color .2s;background:var(--el-bg-art);display:flex;align-items:center;justify-content:center;font-size:20px;opacity:.5;}
.el-thumb:hover,.el-thumb.active{border-color:var(--el-accent);opacity:1;}

/* INFO PANEL */
.el-info{padding-top:8px;}
.el-meaning{display:flex;align-items:center;gap:14px;padding:16px 18px;border-radius:18px;margin-bottom:22px;background:var(--el-meaning-bg);border:1px solid var(--el-border);}
.el-meaning-icon{font-size:30px;flex-shrink:0;animation:el-float 5s ease-in-out infinite;}
.el-meaning-name{font-size:13px;font-weight:800;letter-spacing:.06em;color:var(--el-accent-l);margin-bottom:3px;}
.el-meaning-trait{font-size:12px;font-weight:600;color:var(--el-text-m);}
.el-title{font-family:'Playfair Display',serif;font-size:50px;font-weight:700;line-height:1.06;color:var(--el-text);margin-bottom:6px;}
.el-sub{font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--el-accent);opacity:.6;margin-bottom:22px;}
.el-price-row{display:flex;align-items:baseline;gap:12px;margin-bottom:24px;}
.el-price{font-size:36px;font-weight:800;color:var(--el-accent-l);}
.el-compare{font-size:20px;color:var(--el-text-m);text-decoration:line-through;}
.el-sec{margin-bottom:22px;}
.el-sec-lbl{font-size:10px;font-weight:800;letter-spacing:.18em;text-transform:uppercase;color:var(--el-text);opacity:.4;margin-bottom:10px;display:flex;align-items:center;gap:8px;}
.el-sec-lbl::after{content:'';flex:1;height:1px;background:currentColor;opacity:.15;}
.el-scent-pills{display:flex;gap:8px;flex-wrap:wrap;}
.el-scent-pill{border-radius:16px;padding:7px 16px;font-size:12px;font-weight:700;background:var(--el-pill-bg);border:1px solid var(--el-pill-border);color:var(--el-pill-color);}
.el-detail{display:flex;gap:12px;padding:10px 0;border-bottom:1px solid rgba(255,255,255,.06);font-size:13px;}
.el-dl{font-weight:800;width:90px;flex-shrink:0;font-size:10px;letter-spacing:.06em;text-transform:uppercase;color:var(--el-text);opacity:.38;}
.el-dv{font-weight:600;color:var(--el-text);opacity:.72;}
.el-vpills{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px;}
.el-vpill{padding:9px 18px;border-radius:20px;border:2px solid rgba(255,255,255,.12);background:transparent;font-size:12px;font-weight:700;cursor:pointer;transition:all .2s;color:var(--el-text);opacity:.5;}
.el-vpill:hover,.el-vpill.active{opacity:1;border-color:var(--el-accent);background:var(--el-accent-p);color:var(--el-accent-l);}
.el-atc-row{display:flex;gap:12px;margin:20px 0;}
.el-qty{display:flex;align-items:center;border:2px solid rgba(255,255,255,.14);border-radius:28px;overflow:hidden;}
.el-qbtn{width:42px;height:48px;background:transparent;border:none;font-size:22px;cursor:pointer;color:var(--el-text);transition:background .15s;}
.el-qbtn:hover{background:rgba(255,255,255,.07);}
.el-qnum{width:44px;text-align:center;font-size:16px;font-weight:800;color:var(--el-text);}
.el-atc-btn{flex:1;background:var(--el-atc);color:var(--el-atc-color);border:none;border-radius:28px;padding:14px 28px;font-family:'Nunito',sans-serif;font-size:13px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;transition:transform .15s;box-shadow:0 6px 20px var(--el-atc-shadow);}
.el-atc-btn:hover{transform:translateY(-2px);}
.el-atc-btn:disabled{opacity:.35;cursor:not-allowed;transform:none;}
.el-trust{display:flex;gap:14px;flex-wrap:wrap;font-size:12px;font-weight:700;color:var(--el-text);opacity:.38;margin-bottom:20px;}
.el-acc{border-radius:14px;overflow:hidden;margin-bottom:8px;border:1px solid rgba(255,255,255,.08);}
.el-acc-hdr{display:flex;justify-content:space-between;align-items:center;padding:14px 18px;cursor:pointer;font-size:13px;font-weight:800;color:var(--el-text);background:rgba(255,255,255,.03);transition:background .2s;}
.el-acc-hdr:hover{background:rgba(255,255,255,.07);}
.el-acc-arr{font-size:11px;transition:transform .3s;color:var(--el-accent-l);opacity:.6;}
.el-acc-body{padding:16px 18px;font-size:13px;font-weight:600;line-height:1.8;color:var(--el-text);opacity:.6;border-top:1px solid rgba(255,255,255,.06);display:none;}
.el-acc-body.open{display:block;}

/* RELATED */
.el-related{padding:60px 52px;background:var(--el-accent-pp);}
.el-rel-hdr{display:flex;justify-content:space-between;align-items:center;margin-bottom:26px;}
.el-rel-title{font-family:'Playfair Display',serif;font-size:30px;font-weight:700;color:var(--el-text);}
.el-rel-title em{font-style:italic;color:var(--el-accent);}
.el-rel-link{font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--el-text);padding:8px 18px;border-radius:20px;border:1px solid var(--el-border);transition:all .2s;text-decoration:none;}
.el-rel-link:hover{background:var(--el-accent-p);}
.el-rel-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;}
.el-rel-card{border-radius:18px;overflow:hidden;border:1px solid rgba(255,255,255,.07);transition:all .28s;display:block;text-decoration:none;background:rgba(255,255,255,.03);}
.el-rel-card:hover{transform:translateY(-5px);border-color:rgba(255,255,255,.2);}
.el-rel-img{height:150px;display:flex;align-items:center;justify-content:center;font-size:40px;position:relative;opacity:.7;}
.el-rel-card:hover .el-rel-img{opacity:1;}
.el-rel-img img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0;}
.el-rel-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.6),transparent 55%);}
.el-rel-info{padding:12px 14px;}
.el-rel-el{font-size:9px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--el-accent);display:block;margin-bottom:3px;opacity:.65;}
.el-rel-name{font-family:'Playfair Display',serif;font-size:14px;font-weight:700;color:var(--el-text);margin-bottom:4px;line-height:1.25;}
.el-rel-price{font-size:13px;font-weight:800;color:var(--el-accent-l);}

/* FOOTER */
.el-footer{padding:52px 48px 28px;background:rgba(0,0,0,.35);border-top:1px solid var(--el-border);}
.el-ft-top{display:grid;grid-template-columns:2fr 1fr 1fr;gap:44px;margin-bottom:36px;}
.el-ft-orb{width:52px;height:52px;border-radius:50%;background:radial-gradient(circle at 38% 36%,var(--el-accent-l),var(--el-accent) 55%);display:flex;align-items:center;justify-content:center;margin-bottom:12px;font-family:'Playfair Display',serif;font-size:20px;font-weight:700;animation:el-float 4s ease-in-out infinite;box-shadow:0 0 16px var(--el-accent-p);}
.el-ft-name{font-family:'Playfair Display',serif;font-size:20px;color:var(--el-accent-l);margin-bottom:4px;font-weight:700;}
.el-ft-tag{font-size:9px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--el-accent);opacity:.6;display:block;margin-bottom:10px;}
.el-ft-desc{font-size:12px;font-weight:600;color:var(--el-text-m);line-height:1.75;max-width:210px;opacity:.6;}
.el-fc h4{font-size:10px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:var(--el-accent);margin-bottom:14px;}
.el-fc ul{list-style:none;display:flex;flex-direction:column;gap:8px;}
.el-fc ul li a{font-size:12px;font-weight:600;color:var(--el-text-m);transition:color .2s;opacity:.65;text-decoration:none;}
.el-fc ul li a:hover{color:var(--el-accent-l);opacity:1;}
.el-ft-bot{border-top:1px solid rgba(255,255,255,.07);padding-top:20px;display:flex;justify-content:space-between;}
.el-ft-bot p{font-size:11px;font-weight:600;color:var(--el-text-m);opacity:.38;}
.el-ft-love{font-style:italic;}
.el-ft-love span{color:var(--el-accent-l);}

/* ── RESPONSIVE ── */
@media(max-width:1024px){
  .ayr-product-earth .el-nav,.ayr-product-metal .el-nav,.ayr-product-water .el-nav,.ayr-product-wood .el-nav,.ayr-product-fire .el-nav{padding-left:24px;padding-right:24px;}
  .el-hero{grid-template-columns:1fr;}
  .el-hero-right{display:none;}
  .el-pd-main{grid-template-columns:1fr;gap:36px;padding:36px 24px 60px;}
  .el-gallery{position:static;}
  .el-rel-grid{grid-template-columns:repeat(2,1fr);}
  .el-related{padding:48px 24px;}
  .el-banner-bar,.el-badges,.el-info-strip{padding-left:24px;padding-right:24px;}
  .el-ft-top{grid-template-columns:1fr;}
  .el-footer{padding:48px 24px 28px;}
  .el-hero-left{padding:60px 32px;}
}
@media(max-width:600px){
  .el-h-title{font-size:44px;}
  .el-title{font-size:36px;}
  .el-rel-grid{grid-template-columns:1fr;}
  .el-h-btns{flex-direction:column;}
}


/* ============================================================
   v2.1 — EDITORIAL HEADER + MARQUEE (cream + gold)
   Overrides above to match A Year Renewed / homepage editorial look.
   ============================================================ */

/* Announcement bar — refined dark/gold */
.announcement-bar{background:#0E0804;color:#E8B840;padding:9px 0;border-bottom:1px solid rgba(200,149,42,.25);}
.ann-inner{font-family:var(--fn);font-size:10px;font-weight:800;letter-spacing:.18em;text-transform:uppercase;color:rgba(232,184,64,.92);}
.ann-sep{color:#C8952A;opacity:.7;}

/* Header — cream + dark + gold */
.site-header{
  background:#FBF3E0;
  border-bottom:1px solid rgba(26,12,6,.12);
  box-shadow:0 1px 0 rgba(200,149,42,.18);
}
.header-inner{max-width:1400px;margin:0 auto;padding:14px 32px;display:flex;align-items:center;justify-content:space-between;gap:24px;}
.nav-icon{
  background:linear-gradient(135deg,#FBF3E0,#E8B840);
  border:1.5px solid #C8952A;
  color:#1A0C06;
  animation:none;
}
.nav-logo-img{
  border:1.5px solid rgba(200,149,42,.55);
  box-shadow:0 2px 8px rgba(26,12,6,.08);
}
.nav-name{
  font-family:var(--fd);
  font-size:22px;
  font-weight:700;
  color:#1A0C06;
  letter-spacing:-.005em;
}
.nav-sub{
  font-family:var(--fn);
  font-size:9px;
  font-weight:800;
  letter-spacing:.28em;
  text-transform:uppercase;
  color:#B83010;
  opacity:.85;
}

/* Nav links — refined editorial pills (uniform cream/gold, no rainbow) */
.nav-pills{display:flex;gap:4px;list-style:none;align-items:center;}
.nav-pills li a,
.nav-pills li a.np,
.nav-pills li a.np1,
.nav-pills li a.np2,
.nav-pills li a.np3,
.nav-pills li a.np4,
.nav-pills li a.np5,
.nav-pills li a.np6{
  background:transparent !important;
  color:#1A0C06 !important;
  font-family:var(--fn);
  font-size:10px;
  font-weight:800;
  letter-spacing:.18em;
  text-transform:uppercase;
  padding:10px 16px;
  border-radius:0;
  border-bottom:1px solid transparent;
  transition:color .2s, border-color .2s;
}
.nav-pills li a:hover{
  color:#C8952A !important;
  border-bottom-color:#C8952A !important;
  background:transparent !important;
}

/* Search + cart — editorial styling */
.nav-search-link{
  font-family:var(--fd);
  font-style:italic;
  font-size:14px;
  color:#1A0C06;
  opacity:.7;
  border-bottom:1px solid transparent;
  padding-bottom:2px;
  transition:all .2s;
}
.nav-search-link:hover{opacity:1;border-bottom-color:#C8952A;color:#C8952A;}

.nav-cart{
  background:#1A0C06;
  color:#FBF3E0;
  border:1px solid #1A0C06;
  border-radius:0;
  padding:11px 22px;
  font-family:var(--fn);
  font-size:10px;
  font-weight:800;
  letter-spacing:.22em;
  text-transform:uppercase;
  transition:all .25s;
}
.nav-cart:hover{
  background:#C8952A;
  border-color:#C8952A;
  color:#1A0C06;
  transform:none;
}

.nav-ham span{background:#1A0C06;}

.mobile-nav{background:#FBF3E0;border-top:1px solid rgba(200,149,42,.25);}
.mobile-nav a{color:#1A0C06;}
.mobile-nav a:hover{color:#C8952A;}

/* Marquee — black/gold editorial replaces rainbow */
.marquee{
  background:#0E0804;
  background-size:auto;
  animation:none;
  padding:14px 0;
  border-top:1px solid rgba(200,149,42,.25);
  border-bottom:1px solid rgba(200,149,42,.25);
  overflow:hidden;
  white-space:nowrap;
}
.marquee-inner span{
  font-family:var(--fd);
  font-style:italic;
  font-size:14px;
  font-weight:400;
  letter-spacing:.06em;
  text-transform:none;
  color:#E8B840;
  text-shadow:none;
  padding:0 20px;
}
.marquee-inner .sep{
  color:#C8952A;
  font-style:normal;
  opacity:.7;
}

@media(max-width:780px){
  .header-inner{padding:12px 18px;gap:14px;}
  .nav-pills{display:none;}
  .nav-name{font-size:18px;}
}