:root{--cream:#faf7f2;--pink:#f7f1e4;--rose:#b89033;--rose2:#caa445;--gold:#b89033;--gold-light:#f7f1e4;--ink:#1a1617;--muted:#7d7065;--grey:#f4eee3;--card:#ffffff;--line:#e8dcc8;box-sizing:border-box;padding-top:env(safe-area-inset-top,0px)}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){--cream:#faf7f2}}
:root[data-theme="dark"]{--cream:#faf7f2}
*{box-sizing:border-box}html{scroll-padding-top:env(safe-area-inset-top,0px)}
body{margin:0;background:var(--cream);color:var(--ink);font:300 14px/1.55 Montserrat,system-ui,sans-serif;padding-bottom:70px}
a{color:inherit;text-decoration:none}svg{width:20px;height:20px;stroke:currentColor;fill:none;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.cap{font-family:'Josefin Sans',sans-serif;letter-spacing:.2em;text-transform:uppercase}
.wrap{max-width:560px;margin:0 auto;background:var(--cream)}
.top{background:linear-gradient(90deg,#f7f1e4,#ede2cb,#f7f1e4);display:flex;align-items:center;justify-content:space-between;padding:10px 16px;font-size:11px;color:#4a3b22}
header{padding:12px 16px 14px;display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center}
.logo{display:flex;flex-direction:column;align-items:center;width:max-content;line-height:1.1}.logo img{display:block;height:auto;max-height:74px;max-width:250px;object-fit:contain;transition:opacity .2s}.logo:hover img{opacity:.92}footer .logo.lg img{max-height:86px;max-width:270px;margin-bottom:12px;filter:drop-shadow(0 2px 10px rgba(0,0,0,0.45))}
.logo svg{width:46px;height:38px;stroke-width:1.1}.logo b{font:400 13px 'Playfair Display',serif;letter-spacing:.3em;margin-top:3px}.logo small{font:400 6px 'Playfair Display',serif;letter-spacing:.35em;color:#9a8a6a}
.ib{display:flex;gap:6px}.ib a{position:relative;width:38px;height:38px;border:1px solid var(--line);border-radius:10px;display:grid;place-items:center;background:#fff8}
.ib i{position:absolute;top:-6px;right:-5px;background:var(--rose2);color:#fff;font:500 10px/16px Montserrat;width:16px;height:16px;border-radius:50%;text-align:center;font-style:normal}
.search{grid-column:1/-1;display:flex;align-items:center;gap:10px;border:1.5px solid var(--line);border-radius:12px;padding:9px 12px;background:#fff}
.search input{border:0;outline:0;flex:1;font:300 13px Montserrat;background:transparent;color:var(--ink);min-width:0}.search svg{stroke:var(--rose);width:18px;height:18px}



.mq{background:linear-gradient(90deg,#f7f1e4,#ede3ce);border-top:1px solid var(--line);border-bottom:1px solid var(--line);overflow:hidden;white-space:nowrap;padding:12px 0}
.mq div{display:inline-block;animation:mq 24s linear infinite}.mq span{margin:0 18px;font-size:11px;color:#4a3b22}.mq svg{vertical-align:middle;margin-right:10px;stroke:#caa445;width:18px;height:18px}.mq em{color:var(--rose);font-style:normal;margin-left:10px}
@keyframes mq{to{transform:translateX(-50%)}}@media(prefers-reduced-motion:reduce){.mq div{animation:none}}
.sticky{position:sticky;top:env(safe-area-inset-top,0px);z-index:6;background:#fff;padding:8px 10px 6px}
.pills{display:flex;gap:10px;margin-bottom:8px}.pills a{padding:8px 22px;border-radius:8px;background:var(--grey);border:1px solid var(--line);color:#544122;font:500 12px 'Josefin Sans';letter-spacing:.16em}.pills a.on{background:var(--rose);color:#fff;box-shadow:0 2px 0 #8f6a1a}
.cats{display:flex;gap:14px;overflow-x:auto;scrollbar-width:none}.cats a{flex:0 0 auto;width:56px;text-align:center;font:400 9.500px/1.2 'Josefin Sans';text-transform:uppercase;color:#4a3b22}
.cats .t{width:56px;height:56px;border-radius:8px;margin-bottom:4px;background:linear-gradient(135deg,#e2c9a8,#a98a62)}.cats .t.all{background:linear-gradient(#faf7f2,#f7f1e4);display:grid;place-items:center;color:var(--rose)}.cats .t.all svg{width:24px;height:24px}
.cats .on{color:var(--ink)}.cats .on:after{content:"";display:block;width:16px;height:2px;background:var(--rose);margin:3px auto 0}
.best{background:var(--grey);padding:22px 8px 30px}
.ey{color:var(--rose);font-size:11px;margin:0 0 2px 4px}
h2.h{font:500 22px/1.25 'Josefin Sans';letter-spacing:.06em;margin:0 4px 16px}.rs{color:var(--rose2)}
.grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.p{background:var(--card);border-radius:0 0 18px 18px;overflow:hidden}
.p .im{aspect-ratio:1;background:radial-gradient(circle,#d9b66a 0 8%,transparent 9%),linear-gradient(135deg,#d9c4b0,#a8917a)}
.p .im.b{background:radial-gradient(circle,transparent 0 17%,#d9b66a 18% 21%,transparent 22%),linear-gradient(135deg,#e9dcc9,#c8b49b)}
.p .row{display:flex;justify-content:space-between;align-items:flex-start;padding:10px 10px 12px;gap:6px}
.p .p-bag{flex:0 0 auto;width:32px;height:32px;border-radius:8px;border:1.5px solid var(--line);background:var(--pink);color:#544122;font-size:18px;font-weight:300;line-height:1}
.btn-w{text-align:center}.btn{display:inline-flex;gap:10px;align-items:center;background:#1a1617;color:#fff;padding:14px 30px;margin-top:22px;font:500 13px 'Josefin Sans';letter-spacing:.14em;text-transform:uppercase;border-radius:4px}.btn svg{width:16px;height:16px}
.ban{display:block;margin:0;background:transparent;text-decoration:none;overflow:hidden;border-radius:0;line-height:0}
.ban-img{display:block;width:100%;height:auto;aspect-ratio:1024/419;object-fit:cover;transition:opacity .3s ease}
.ban:hover .ban-img{opacity:.97}
.ban-overlay{display:none}
.ban h3,.ban-sub,.ban-badge{display:none}
.ban .bar{display:flex;align-items:center;padding:14px 0;color:#fff;font:500 11px/1.2 'Josefin Sans',sans-serif;letter-spacing:.14em;text-transform:uppercase;background:#141213;border-top:1px solid rgba(202,164,69,0.3);overflow:hidden;white-space:nowrap;width:100%;line-height:normal}
.ban .bar>div{display:inline-flex;align-items:center;animation:mq 28s linear infinite;will-change:transform}
.ban .bar span{display:inline-flex;align-items:center;margin:0 22px;flex-shrink:0}
.ban .bar svg{width:13px;height:13px;stroke:#caa445;fill:#caa445;margin-right:8px;vertical-align:middle;flex-shrink:0}
.ban .bar i{color:#caa445;font-style:normal;margin-left:14px;font-size:7px;vertical-align:middle}
.stories{padding:32px 0 28px;background:linear-gradient(#fcf8f2,var(--cream));text-align:center}.stories h2.h{text-align:center;margin-bottom:20px}.stories .ey{margin:0}
.sl{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;padding:0 14px;scrollbar-width:none}
.rev{flex:0 0 82%;scroll-snap-align:start;background:linear-gradient(135deg,#fff,#fbf6eb);border-radius:0 28px 0 0;padding:20px 18px;text-align:left;border:1px solid var(--line)}
.stars{color:#c59b27;letter-spacing:4px;text-align:right;font-size:14px;margin-bottom:12px}
.rev p{font:400 15px/1.6 'Playfair Display',serif;margin:0 0 14px}.who{display:flex;gap:10px;align-items:center}.av{width:34px;height:34px;border-radius:50%;background:var(--pink);color:var(--rose);display:grid;place-items:center;font:500 12px 'Josefin Sans'}
.who b{display:block;font:500 13px Montserrat}.who small{color:var(--muted);font-size:11px}
.house{background:#181412;color:#fff;padding:18px 12px 24px}
.hc{border:1px solid #382e22;background:radial-gradient(circle at 30% 0,#30261a,#14110e 70%);padding:18px 16px}
.tag{display:inline-flex;gap:8px;align-items:center;border:1px solid #5a4828;background:#2a2014;padding:8px 12px;color:#ece3d2;font-size:10px;margin-bottom:12px}.tag svg{stroke:var(--rose2);width:16px;height:16px}
.house h2.h{font-size:21px;margin:0 0 12px}.hc>p{font-size:13px;color:#b3a89e;line-height:1.65;margin:0 0 16px}
.chips{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:20px}.chips span{border:1px solid #4a3c2c;padding:9px 14px;font:400 10px Montserrat;letter-spacing:.08em;text-transform:uppercase;color:#ede4d3}
.f{display:flex;gap:14px;border:1px solid #2e241b;padding:16px;margin-bottom:12px;background:#15110e}.f .ic{flex:0 0 auto;width:50px;height:50px;border:1px solid #3d3224;display:grid;place-items:center;background:#221b14;color:var(--rose2)}
.f h3{font:400 16px Montserrat;margin:0 0 4px}.f p{margin:0;color:#b3a89e;font-size:13px;line-height:1.55}
footer{background:#181412;color:#d8cec5;padding:22px 16px 16px}
footer .lg{color:#fff;margin-bottom:12px}footer .lg svg{stroke:#fff;width:40px;height:32px}footer .lg b{font-size:9px}
footer p.d{font-size:13px;line-height:1.65;color:#aba198;margin:0 0 16px}
.ft{display:flex;align-items:center;gap:8px;color:var(--rose2);font:500 15px 'Josefin Sans';letter-spacing:.3em;text-transform:uppercase;margin:22px 0 12px}.ft:before{content:"◆";font-size:10px}.ft:after{content:"";flex:1;height:1px;background:linear-gradient(90deg,#5a4628,transparent)}
.ft.s{font-size:10px;letter-spacing:.2em;margin:0 0 10px}.ft.s:after{display:none}
footer .ln a{display:block;font-size:14px;padding:7px 4px;color:#ded3ca}
.soc{display:flex;gap:12px}.soc a{width:40px;height:40px;border:1px solid #382d22;border-radius:50%;display:grid;place-items:center;color:#ede4d3}
.ct{display:flex;gap:14px;align-items:center;font-size:14px;color:#ede4d3;margin-bottom:10px}.ct .ic{flex:0 0 auto;width:36px;height:36px;border:1px solid #382d22;display:grid;place-items:center;border-radius:4px}
.cp{border-top:1px solid #332a20;margin:22px -16px 0;padding:20px 16px 0;text-align:center;font-size:13px;color:#a89d93}.cp .cap{font-size:10px;margin-top:12px;color:#918579}
.nav{position:fixed;left:12px;right:12px;bottom:calc(8px + env(safe-area-inset-bottom,0px));background:#fff;border:1.5px solid var(--line);border-radius:16px;display:flex;padding:6px;z-index:9;box-shadow:0 3px 14px #0002;max-width:536px;margin:0 auto}
.nav a{flex:1;text-align:center;padding:7px 2px 5px;border-radius:10px;font:500 11px 'Josefin Sans';color:#8a7a6b;letter-spacing:.04em}.nav svg{display:block;margin:0 auto 2px;width:22px;height:22px}.nav a.on{background:var(--pink);color:var(--rose)}
.up{position:fixed;right:max(14px,calc(50% - 266px));bottom:calc(84px + env(safe-area-inset-bottom,0px));width:42px;height:42px;background:#fff;border:1.5px solid var(--rose);border-radius:10px;display:grid;place-items:center;z-index:8;box-shadow:0 3px 10px #0002}.up svg{stroke:#1a1617}



.alt{background:#f5eedf}.sub{font-size:12px;color:var(--muted);margin:-6px 4px 16px}.vf{margin-left:auto;font:500 8px 'Josefin Sans';letter-spacing:.14em;text-transform:uppercase;background:var(--pink);color:var(--rose);padding:4px 8px;border-radius:4px;font-style:normal}
.p .im{aspect-ratio:4/5}.top .dk{display:none}.arr{display:none}
.ban .bar{padding:14px 0}
.rev .who{border-top:1px solid #eee4ce;margin:0 -18px -20px;padding:12px 18px}
.cats a{white-space:normal}
@media(min-width:900px){
body{font-size:14px;padding-bottom:0 !important}.wrap{max-width:1440px;min-height:100vh;display:flex;flex-direction:column}
#home,#app{flex:1 0 auto}
footer{margin-top:auto;padding-bottom:0 !important}
.top{padding:7px 24px;font-size:9.5px}.top .m{display:none}.top .dk{display:inline}
header{grid-template-columns:auto 1fr auto;gap:0 40px;padding:10px 24px}.search{grid-column:auto;max-width:640px;width:100%;padding:8px 14px}.search input{font-size:12px}
.logo svg{width:40px;height:32px}.logo b{font-size:10px}.logo small{font-size:5px}.ib a{width:34px;height:34px;border-radius:8px}.ib a svg{width:16px;height:16px}

.mq{padding:10px 0}.mq span{font-size:10px}
.sticky{padding:8px 18px 6px}.pills a{padding:6px 18px;font-size:10px}.cats{gap:12px}.cats a{width:70px;font-size:10px}.cats .t{width:70px;height:70px;border-radius:6px}.cats .t.all svg{width:22px;height:22px}
.best{padding:30px 4px 44px}.ey{text-align:center;font-size:10px;margin:0}.best h2.h{text-align:center;font-size:30px;margin:2px 0 14px}.sub{text-align:center;font-size:14px;margin:0 0 28px}
.grid{grid-template-columns:repeat(3,1fr);gap:4px}.p b{font-size:14px}.p span{font-size:13px}.p .row{padding:10px 14px 12px}.p .p-bag{width:34px;height:34px}.p{border-radius:0 0 14px 14px}
.btn{padding:14px 40px;font-size:11px;margin-top:30px}
.ban{margin:0}.ban-img{width:100%;height:auto;min-height:auto}.ban .bar{font-size:11px}
.stories{padding:44px 0 50px;text-align:left}.sh{display:flex;justify-content:space-between;align-items:flex-start;padding:0 18px;margin-bottom:26px}.stories .ey{text-align:left}.stories h2.h{text-align:left;font-size:30px;margin:2px 0 10px}.stories .sub{text-align:left;margin:0;max-width:540px}
.arr{display:flex;gap:6px}.arr a{width:40px;height:40px;background:#fff;border:1px solid var(--line);display:grid;place-items:center;font-size:20px}
.sl{padding:0}.rev{flex:0 0 34%;scroll-snap-align:start}.rev p{font-size:16px}.rev .who{padding:14px 20px;margin:0 -18px -20px}.av{border-radius:6px;width:40px;height:40px}.who b{font-size:15px}
.house{padding:36px 18px}.hc{padding:14px}.house h2.h{font-size:26px}.hc>p{font-size:14px;max-width:560px}.chips span{padding:7px 14px;font-size:9px}.f{padding:12px 16px;gap:16px;margin-bottom:10px}.f .ic{width:44px;height:44px}.f h3{font-size:14px;margin-bottom:2px}.f p{font-size:11px}
footer{padding:36px 18px 16px}.fg{display:grid;grid-template-columns:1fr 1fr;gap:20px 70px}.fb{grid-row:span 2}.fg>div:nth-child(2){order:2}.fg>div:nth-child(3){order:3}.fg>div:nth-child(4){order:4}
footer p.d{font-size:14px;max-width:340px}.ft{font-size:12px;margin-top:0}.ft.s{margin-top:8px}footer .ln a{font-size:13px}.ct{font-size:13px}.cp{font-size:11px;margin:30px -18px 0}
.nav{left:50%;right:auto;transform:translateX(-50%);width:490px;padding:3px;border-radius:10px;bottom:calc(8px + env(safe-area-inset-bottom,0px))}.nav a{padding:6px 2px 4px;font-size:8px;border-radius:6px}.nav svg{width:15px;height:15px;margin-bottom:1px}
.up{right:24px;bottom:84px;width:38px;height:38px}
}

.pg{padding:20px 14px 40px;min-height:60vh}.pg h1{font:500 24px 'Josefin Sans';letter-spacing:.06em;margin:0 0 6px}.crumb{font-size:11px;color:var(--muted);margin-bottom:14px}
.bar2{display:flex;gap:10px;align-items:center;justify-content:space-between;flex-wrap:wrap;margin:10px 0 14px}.bar2 input{flex:1;min-width:150px}
.pg select,.fld input,.fld textarea,.fld select,.bar2 input{font:300 14px Montserrat;border:1.5px solid var(--line);border-radius:10px;padding:10px 12px;background:#fff;width:100%;color:var(--ink)}.bar2 select{width:auto}
.pdp{display:grid;gap:18px}.pdp .big{aspect-ratio:1;border-radius:14px}.price{font:500 24px Montserrat;margin:6px 0}.pdp h1{font:400 24px 'Playfair Display',serif;letter-spacing:0}
.qty{display:inline-flex;border:1.5px solid var(--line);border-radius:10px;overflow:hidden;background:#fff}.qty button{width:34px;height:34px;border:0;background:#fff;font-size:18px;cursor:pointer}.qty span,.qty input{width:36px;height:34px;display:grid;place-items:center;font:500 13px Montserrat;border:0;background:#fff;text-align:center;padding:0;color:var(--ink);-moz-appearance:textfield}.qty input::-webkit-outer-spin-button,.qty input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.qty input:focus{outline:none;background:var(--pink)}
.btn2{background:#2a1519;color:#fff;border:1.5px solid #2a1519;padding:13px 22px;border-radius:6px;font:500 12px 'Josefin Sans';letter-spacing:.14em;text-transform:uppercase;cursor:pointer;display:inline-block;text-align:center}.btn2.o{background:#fff;color:#2a1519}.btn2.w{background:#25d366;border-color:#25d366}.btn2[disabled]{opacity:.4;cursor:not-allowed}.row2{display:flex;gap:10px;flex-wrap:wrap;margin:14px 0}
.crow{display:flex;gap:12px;background:var(--card);border-radius:12px;padding:10px;margin-bottom:10px;align-items:center}.crow .th{width:64px;height:64px;border-radius:8px;flex:0 0 auto}.crow .in{flex:1;min-width:0}.crow .in a{font:400 14px 'Playfair Display',serif;display:block}.crow .rm{background:none;border:0;color:var(--rose);cursor:pointer;font-size:11px;padding:4px 0}
.sumbox{background:var(--card);border-radius:12px;padding:16px;align-self:start}.sumbox .l{display:flex;justify-content:space-between;margin:6px 0}.sumbox .t{font-weight:500;font-size:16px;border-top:1px solid var(--line);padding-top:10px;margin-top:10px}
.prog{height:6px;background:var(--pink);border-radius:6px;overflow:hidden;margin:8px 0}.prog i{display:block;height:100%;background:var(--rose)}.note{font-size:12px;color:#9a3e4c;background:var(--pink);padding:10px 12px;border-radius:8px;margin:10px 0}
.tabs{display:flex;gap:8px;margin-bottom:14px}.tabs button{flex:1;padding:10px;border:1.5px solid var(--line);background:#fff;border-radius:8px;font:500 12px 'Josefin Sans';letter-spacing:.14em;cursor:pointer}.tabs button.on{background:var(--rose);color:#fff;border-color:var(--rose)}
.fld{margin-bottom:10px}.fld label{display:block;font-size:11px;color:var(--muted);margin-bottom:4px}.faq details{background:var(--card);border-radius:10px;padding:12px 14px;margin-bottom:8px}.faq summary{cursor:pointer;font-weight:500}
.prose{max-width:860px;margin:0 auto;padding-inline:20px!important}
.narrow{max-width:480px;margin:0 auto;padding-inline:16px!important}.empty{text-align:center;padding:40px 10px;color:var(--muted)}.err{color:#b04a52;font-size:12px;margin:6px 0}
.toast{position:fixed;left:50%;transform:translateX(-50%);bottom:90px;background:#2a1519;color:#fff;padding:10px 18px;border-radius:999px;font-size:12px;z-index:30;opacity:0;pointer-events:none;transition:opacity .2s}.toast.on{opacity:1}
.dr{position:fixed;inset:0;background:#0006;z-index:40;display:none}.dr.on{display:block}.dr nav{position:absolute;left:0;top:0;bottom:0;width:min(300px,85%);background:var(--cream);padding:20px;overflow:auto}.dr nav a{display:block;padding:12px 4px;border-bottom:1px solid var(--line);font:500 13px 'Josefin Sans';letter-spacing:.14em;text-transform:uppercase}
.p .im{display:block}.p .row span{display:block}
@media(min-width:900px){.pg{padding:30px 24px 60px}.pg h1{font-size:28px}.pdp{grid-template-columns:1fr 1fr;gap:40px;max-width:1000px;margin:0 auto}.two{display:grid;grid-template-columns:1.6fr 1fr;gap:28px}.ck{display:grid;grid-template-columns:1.3fr 1fr;gap:28px}.pg .grid{gap:10px}}

/* hero slider */
.hero{position:relative;overflow:hidden;width:100%;aspect-ratio:1958/803;height:auto;background:#faf7f2}
.hs{position:absolute;inset:0;opacity:0;transition:opacity .8s;background-size:cover;background-repeat:no-repeat;background-position:center}.hs.on{opacity:1}
.hs .art{position:absolute;left:50%;top:14px;transform:translateX(-50%);width:150px;height:auto}
.ht{position:absolute;left:0;right:0;bottom:14px;text-align:center;padding:0 16px}.ht h1{font:400 21px 'Playfair Display',serif;margin:0;letter-spacing:.03em}.ht p{margin:3px 0 0;font-size:11px}
.hd{position:absolute;bottom:8px;left:0;right:0;display:flex;justify-content:center;gap:6px;z-index:10}.hd i{width:8px;height:8px;border-radius:50%;background:rgba(255,255,255,0.7);box-shadow:0 1px 4px rgba(0,0,0,0.3);transition:all .3s}.hd i.on{background:#c59b27;width:24px;border-radius:4px;box-shadow:0 2px 6px rgba(197,155,39,0.5)}
.hero:before{content:"";position:absolute;inset:0;pointer-events:none}
.wrap{max-width:none}
@media(min-width:900px){
:root{--g:max(24px,calc((100vw - 1400px)/2))}
.top{padding-inline:var(--g)}
header{padding-inline:var(--g);grid-template-columns:auto 1fr auto;gap:0 24px}.logo{order:1}.search{order:2;max-width:680px;width:100%;justify-self:start}.ib{order:3}
.sticky{padding-inline:var(--g)}
.hero{height:auto}.hs .art{width:400px;left:30%;top:50%;transform:translate(-50%,-50%)}
.ht{left:50%;right:var(--g);top:50%;bottom:auto;transform:translateY(-50%);padding:0}.ht h1{font-size:60px;line-height:1.05;margin-bottom:12px}.ht p{font-size:17px}
.hs.img .ht{left:var(--g);right:50%;text-align:left}
.hd{bottom:14px}.hd i{width:8px;height:8px}.hd i.on{width:26px}
.best,.stories,.house{padding-inline:var(--g)}footer{padding-inline:var(--g)}.pg{padding-inline:var(--g)}
.sh{padding:0}.ban{margin:0}
.grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}
.fg{grid-template-columns:1fr 1fr;gap:24px 80px}.fb{grid-row:auto}.fg>div:nth-child(n){order:0}.cp{margin:30px calc(-1*var(--g)) 0}
.house .hc{padding:24px 28px}
}
@media(min-width:1600px){.ban-img{height:auto;min-height:auto}}

/* top strip */
.top{display:grid;grid-template-columns:auto 1fr;align-items:center;padding:10px 16px;font-size:11px;color:#4a3b22;gap:12px}
.tsoc{display:flex !important;align-items:center;gap:12px;order:0;justify-self:start}
.tsoc a{display:inline-flex;align-items:center;justify-content:center;color:#4a3b22;opacity:.88;transition:all .2s ease}
.tsoc a:hover{color:var(--rose);opacity:1;transform:scale(1.1)}
.tsoc svg{width:16px;height:16px}
.top .cap{text-align:center;justify-self:center;margin:0 auto}
.dsk-t{display:none}
.dn,.dl{display:none}
.rev .vf{flex:0 0 auto}
@media(min-width:900px){
.top{grid-template-columns:1fr auto 1fr;font-size:11.5px;padding-block:9px;padding-inline:var(--g);gap:20px}
.top .tsoc{justify-self:start}
.top .cap{justify-self:center;text-align:center;margin:0 auto;font-size:11.5px}
.dsk-t{display:inline-block;justify-self:end;text-align:right;margin-left:auto;font-family:Montserrat,sans-serif;font-size:11.5px;letter-spacing:0}
.top a svg{width:14px;height:14px}
}
@media(min-width:1200px){

header{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;grid-template-areas:"logo search dl ib" "logo nav nav nav";gap:6px 22px;align-items:center;padding-block:12px 6px;background:linear-gradient(90deg,var(--cream),#fbf6ec)}
.logo{grid-area:logo;order:0;margin-right:24px}.logo img{max-height:80px;max-width:270px}.logo svg{width:58px;height:46px}.logo b{font-size:12px}
.search{grid-area:search;order:0;max-width:none;width:100%;justify-self:stretch;padding:10px 16px;border-radius:8px}.search svg{stroke:#8a7a6b}.search input{font-size:13.5px}
.dl{grid-area:dl;display:flex;align-items:center;gap:10px;padding:0 6px;color:var(--ink)}.dl svg{width:18px;height:18px;stroke:var(--rose)}.dl small{display:block;font-size:11px;color:var(--muted);line-height:1.1}.dl b{font:400 15px/1.3 Montserrat;display:block}.dl .chv{width:12px;height:12px;stroke:#8a7a6b}
.ib{grid-area:ib;order:0}.ib a:first-child{display:none}.ib a{width:36px;height:36px;background:#fff}
.dn{grid-area:nav;display:flex;gap:28px;align-items:center;padding:0 2px 4px}
.dn > a,.dn > .dd > a{font:500 12px/1 'Josefin Sans',sans-serif;letter-spacing:.08em;text-transform:uppercase;color:#382d25;padding:6px 0;border-bottom:2px solid transparent;transition:all .2s ease}
.dn > a.on,.dn > .dd > a.on{color:var(--rose);border-bottom-color:var(--rose);font-weight:600}
.dn > a:hover,.dn > .dd > a:hover{color:var(--rose)}
.dd{position:relative}
.ddm{display:none;position:absolute;top:100%;left:-12px;min-width:210px;background:#fff;border:1px solid var(--line);border-radius:10px;padding:8px;box-shadow:0 8px 24px rgba(0,0,0,0.1);z-index:30}
.dd:hover .ddm,.dd.open .ddm{display:block}
.ddm a{display:block;padding:9px 12px;border:0;border-radius:6px;letter-spacing:.06em;font-size:12px}.ddm a:hover{background:var(--pink);color:var(--rose)}
.nav{display:none}.up{bottom:24px;width:42px;height:42px}
/* banner bar: static on desktop */
.ban .bar{padding:14px 0}.ban .bar>div{display:flex;justify-content:space-evenly;align-items:center;width:100%;animation:none;padding:0 14px;box-sizing:border-box}.ban .bar span{margin:0;font-size:10.5px;letter-spacing:.13em;flex-shrink:0}.ban .bar span.dup{display:none}
@media(min-width:1380px){.ban .bar span{font-size:11px;letter-spacing:.15em}}
/* client stories: heading padded, cards bleed full width */
.stories{padding:54px 0 56px}.sh{padding-inline:var(--g)}.stories h2.h{position:relative;display:block;padding-bottom:12px}.stories h2.h:after{content:"";position:absolute;left:0;bottom:0;width:380px;max-width:60%;height:3px;background:linear-gradient(90deg,var(--rose2),transparent)}
.sl{display:flex;gap:20px;overflow-x:auto;padding:0 12px;scroll-snap-type:x mandatory}.rev{flex:0 0 clamp(300px,20.6vw,390px)}
.arr a{border-radius:4px}
/* house: two columns */
.hc{display:grid;grid-template-columns:1fr 1fr;column-gap:70px;align-items:start;padding:30px 36px}.hc>*{grid-column:1}.hc>.fs{grid-column:2;grid-row:1/span 5;display:block}.fs .f{margin-bottom:10px}
.house .hc>p{max-width:none}
/* footer */
.cp{display:flex;justify-content:space-between;align-items:center;text-align:left;padding:22px var(--g);margin:30px calc(-1*var(--g)) 0}.cp .cap{margin:0;font-size:10.5px}
footer{padding-bottom:0}.footer .lg svg{width:60px;height:48px}
}
@media(min-width:1200px){.fg{grid-template-columns:1.3fr 1fr 1fr 1.2fr;gap:0 48px}footer .lg svg{width:64px;height:52px}}

/* Collection Rail & Thumbnails */
.cats{display:flex;gap:16px;overflow-x:auto;scrollbar-width:none;padding:6px 2px 10px}
.cats a{flex:0 0 auto;width:68px;text-align:center;font:500 10px/1.2 'Josefin Sans';text-transform:uppercase;color:#5a3a40;text-decoration:none;display:flex;flex-direction:column;align-items:center}
.cats a span{display:block;margin-top:4px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;max-height:24px}
.cats .t{width:64px;height:64px;border-radius:10px;background-size:cover;background-position:center;background-repeat:no-repeat;border:1px solid rgba(0,0,0,0.08);box-shadow:0 2px 8px rgba(0,0,0,0.05);transition:transform .2s ease,box-shadow .2s ease}
.cats a:hover .t{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,0.1)}
.cats a.on{color:var(--ink);font-weight:600}
.cats a.on:after{content:"";display:block;width:24px;height:2px;background:var(--rose);margin:4px auto 0;border-radius:2px}

/* Product Card Images */
.p .im{aspect-ratio:1;background-size:cover;background-position:center;background-repeat:no-repeat;display:block;background-color:#faf7f5;transition:transform .3s ease}
.p:hover .im{transform:scale(1.02)}

/* PDP Layout */
.pdp-wrap{display:grid;gap:20px;margin-top:14px}
@media(min-width:850px){.pdp-wrap{grid-template-columns:1.05fr 1fr;gap:40px;max-width:1050px;margin:20px auto 0}}
.pdp-gallery{display:flex;flex-direction:column-reverse;gap:12px}
@media(min-width:640px){.pdp-gallery{flex-direction:row;gap:14px}}
.pdp-thumbs{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none}
@media(min-width:640px){.pdp-thumbs{flex-direction:column;width:72px;flex-shrink:0}}
.pdp-thumb{width:64px;height:64px;border-radius:8px;background-size:cover;background-position:center;border:2px solid transparent;cursor:pointer;flex-shrink:0;transition:border-color .2s}
.pdp-thumb.on,.pdp-thumb:hover{border-color:var(--rose)}
.pdp-main{flex:1;aspect-ratio:1;border-radius:14px;background-size:cover;background-position:center;background-color:#faf7f5;border:1px solid var(--line);box-shadow:0 4px 20px rgba(0,0,0,0.04)}
.pdp-info{padding:4px 0}
.pdp-tag{display:inline-block;font:600 10.5px Montserrat;letter-spacing:.12em;text-transform:uppercase;color:var(--rose);margin-bottom:8px}
.pdp-title{font:400 24px/1.3 'Playfair Display',serif;margin:0 0 10px;color:#2a1519}
@media(min-width:768px){.pdp-title{font-size:28px}}
.pdp-price{font:500 26px Montserrat;color:#2a1519;margin-bottom:12px}
.pdp-badge{display:inline-flex;align-items:center;gap:6px;font:500 11px Montserrat;color:#2e7d32;background:#e8f5e9;padding:4px 10px;border-radius:999px;margin-bottom:14px}
.pdp-badge:before{content:"●";font-size:10px}
.pdp-feats{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:20px 0}
.pdp-feat{display:flex;align-items:center;gap:8px;padding:10px 12px;border:1px solid var(--line);border-radius:8px;background:#faf7f5;font:400 11px Montserrat;color:#5a3a40}
.pdp-desc{margin:24px 0;line-height:1.75;color:#4a3237;font-size:13.5px}
.pdp-desc h3{font:500 14px 'Josefin Sans';letter-spacing:.1em;text-transform:uppercase;margin:0 0 8px;color:#2a1519}
.pdp-desc ul{padding-left:18px;margin:8px 0}
.pdp-desc li{margin-bottom:4px}

/* Product Card Redesign & Quick View Button */
.p{position:relative;background:var(--card);border-radius:10px;overflow:hidden;border:1px solid rgba(0,0,0,0.05);box-shadow:none;transition:box-shadow .25s ease;display:flex;flex-direction:column}
.p:hover{box-shadow:0 4px 16px rgba(0,0,0,0.06)}
.p-top{position:relative;width:100%;aspect-ratio:1;overflow:hidden;background:#faf7f5}
.p-top .im{width:100%;height:100%;aspect-ratio:1;background-size:cover;background-position:center;display:block;transition:transform .5s ease}
.p:hover .p-top .im{transform:scale(1.03)}
/* Light gradient overlay on hover */
.p-top::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 50%,rgba(255,248,240,0.55) 100%);opacity:0;transition:opacity .3s ease;z-index:1;pointer-events:none}
.p:hover .p-top::after{opacity:1}
.p-badge-sold{position:absolute;top:10px;left:10px;background:#181818;color:#fff;font:600 9.5px 'Josefin Sans';letter-spacing:.12em;padding:4px 8px;border-radius:3px;z-index:3}
/* Shop Now overlay text (appears on hover like Celestia) */
.p-shop-now{position:absolute;bottom:0;left:0;right:0;background:rgba(26,22,23,0.72);color:#fff;font:600 11px 'Josefin Sans',sans-serif;letter-spacing:.16em;text-transform:uppercase;text-align:center;padding:10px 0;opacity:0;transform:translateY(100%);transition:all .3s ease;z-index:4;cursor:pointer;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px)}
.p:hover .p-shop-now{opacity:1;transform:translateY(0)}
.p-shop-now:hover{background:rgba(26,22,23,0.88)}
/* Quick View button - smaller, top-right icon only */
.qv-btn{position:absolute;top:10px;right:10px;background:#ffffff;color:#2a1519;border:1px solid rgba(0,0,0,0.06);border-radius:50%;width:32px;height:32px;padding:0;font-size:0;display:grid;place-items:center;box-shadow:0 2px 8px rgba(0,0,0,0.1);opacity:0;pointer-events:none;transition:all .2s ease;z-index:5;cursor:pointer}
.qv-btn svg{width:15px;height:15px;stroke:#2a1519;stroke-width:1.8;flex-shrink:0}
.qv-btn span{display:none}
.p:hover .qv-btn{opacity:1;pointer-events:auto}
.qv-btn:hover{background:var(--rose);border-color:var(--rose)}
.qv-btn:hover svg{stroke:#fff}
.p-dots{position:absolute;bottom:8px;left:0;right:0;display:flex;justify-content:center;gap:4px;z-index:2;pointer-events:none}
.p-dots span{width:5px;height:5px;border-radius:50%;background:rgba(255,255,255,0.6);box-shadow:0 1px 2px rgba(0,0,0,0.3)}
.p-dots span.on{background:#fff;width:14px;border-radius:3px}
.p-info{padding:10px 12px 14px;flex:1;display:flex;flex-direction:column}
.p-meta{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}
.p-price{font:600 16px Montserrat;color:#2a1519}
.p-bag{width:30px;height:30px;border-radius:8px;background:var(--pink);border:1px solid var(--line);color:#5a3a40;display:grid;place-items:center;cursor:pointer;transition:all .2s ease}
.p-bag:hover{background:var(--rose);color:#fff;border-color:var(--rose)}
.p-bag svg{width:15px;height:15px}
.p-name{display:block;font:400 12.5px/1.35 'Playfair Display',serif;color:#3d2b2f;text-decoration:none;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:34px}
.p-name:hover{color:var(--rose)}

/* Quick View Modal */
.qv-modal{position:fixed;inset:0;z-index:250;display:flex;align-items:center;justify-content:center;padding:16px}
.qv-modal[hidden]{display:none}
.qv-backdrop{position:fixed;inset:0;background:rgba(20,16,14,0.68);backdrop-filter:blur(5px);animation:qvFadeIn .25s ease}
.qv-dialog{position:relative;background:#ffffff;width:100%;max-width:890px;max-height:92vh;border-radius:16px;box-shadow:0 24px 60px rgba(0,0,0,0.28);z-index:251;padding:24px 28px;overflow-y:auto;scrollbar-width:thin;animation:qvSlideUp .3s ease}
@keyframes qvFadeIn{from{opacity:0}to{opacity:1}}
@keyframes qvSlideUp{from{opacity:0;transform:scale(0.96) translateY(12px)}to{opacity:1;transform:scale(1) translateY(0)}}
.qv-close{position:absolute;top:16px;right:18px;background:#f5eee6;border:0;width:32px;height:32px;border-radius:50%;cursor:pointer;font-size:14px;color:#4a3b22;display:grid;place-items:center;transition:all .2s ease;z-index:10}
.qv-close:hover{background:var(--pink);color:var(--rose);transform:rotate(90deg)}
.qv-body{display:grid;gap:28px}
@media(min-width:768px){.qv-body{grid-template-columns:1fr 1.08fr;align-items:start}}
.qv-media{display:flex;gap:12px}
.qv-thumbs{display:flex;flex-direction:column;gap:8px;width:58px;flex-shrink:0}
.qv-thumb{width:54px;height:54px;border-radius:8px;background-size:cover;background-position:center;border:1.5px solid transparent;cursor:pointer;background-color:#fbf7f2;transition:all .2s}
.qv-thumb.on,.qv-thumb:hover{border-color:var(--rose);box-shadow:0 2px 8px rgba(184,144,51,0.25)}
.qv-main-wrap{position:relative;flex:1;aspect-ratio:1;border-radius:14px;overflow:hidden;background:#fbf7f2;border:1px solid var(--line);display:flex;align-items:center;justify-content:center}
.qv-main{width:100%;height:100%;background-size:contain;background-repeat:no-repeat;background-position:center;background-color:#fbf7f2;transition:transform .3s ease}
.qv-zoom-ic{position:absolute;bottom:12px;right:12px;background:#ffffff;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;border:1px solid var(--line);box-shadow:0 3px 10px rgba(0,0,0,0.12);cursor:pointer;transition:all .2s ease;color:#332922}
.qv-zoom-ic:hover{background:var(--pink);color:var(--rose);transform:scale(1.08)}
.qv-zoom-ic svg{width:16px;height:16px;stroke:currentColor}
.qv-details{display:flex;flex-direction:column}
.qv-head-row{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:6px}
.qv-cat{font:600 11px 'Josefin Sans',sans-serif;letter-spacing:.16em;color:var(--rose);text-transform:uppercase}
.qv-price{font:600 24px Montserrat,sans-serif;color:#1a1617;line-height:1}
.qv-title{font:400 23px/1.3 'Playfair Display',serif;margin:0 0 10px;color:#1a1617}
.qv-rating{display:flex;align-items:center;gap:6px;font-size:12px;color:#7d7065;margin-bottom:12px}
.qv-rating .stars{color:#c59b27;letter-spacing:2px}
.qv-rating .rate-val{font-weight:600;color:#1a1617}
.qv-rating .rate-count{color:#7d7065}
.qv-stock-pill{display:inline-flex;align-items:center;gap:6px;background:#e8f7ee;color:#15803d;padding:4px 12px;border-radius:999px;font:500 11.5px Montserrat,sans-serif;margin-bottom:16px;width:fit-content}
.qv-stock-pill.out{background:#fee2e2;color:#b91c1c}
.qv-stock-dot{font-size:9px;color:#16a34a}
.qv-stock-pill.out .qv-stock-dot{color:#dc2626}
.qv-action-row{display:flex;gap:12px;align-items:center;margin-bottom:8px}
.qv-qty-box{display:inline-flex;align-items:center;border:1.5px solid var(--line);border-radius:8px;background:#fff;height:44px;overflow:hidden}
.qv-qty-box button{width:38px;height:100%;background:none;border:0;font-size:18px;cursor:pointer;color:#1a1617;transition:background .2s}
.qv-qty-box button:hover{background:var(--pink)}
.qv-qty-box span{width:38px;text-align:center;font:600 14px Montserrat,sans-serif;color:#1a1617}
.btn-qv-cart{flex:1;height:44px;background:#181818;color:#fff;border:0;border-radius:8px;font:600 12px 'Josefin Sans',sans-serif;letter-spacing:.14em;text-transform:uppercase;cursor:pointer;transition:all .2s ease}
.btn-qv-cart:hover{background:#2e241c}
.btn-qv-cart[disabled]{opacity:.5;cursor:not-allowed}
.qv-pack-formula{font-size:12px;color:var(--muted);margin-bottom:16px}
.qv-pack-formula span{color:var(--rose);font-weight:600}
.qv-accordions{border-top:1px solid var(--line);margin-bottom:16px}
.qv-acc{border-bottom:1px solid var(--line);padding:11px 0}
.qv-acc summary{cursor:pointer;font:600 11.5px 'Josefin Sans',sans-serif;letter-spacing:.12em;display:flex;align-items:center;justify-content:space-between;color:#1a1617;list-style:none}
.qv-acc summary::-webkit-details-marker{display:none}
.qv-acc .acc-head{display:flex;align-items:center;gap:8px}
.qv-acc .acc-chv{font-size:11px;color:var(--muted);transition:transform .2s ease}
.qv-acc[open] .acc-chv{transform:rotate(180deg)}
.qv-acc .acc-content{padding:10px 0 4px;font:300 12.5px/1.65 Montserrat,sans-serif;color:#5a4522}
.qv-acc .acc-content p{margin:0 0 6px}
.qv-full-link{font:600 11.5px 'Josefin Sans',sans-serif;letter-spacing:.12em;color:var(--rose);text-decoration:none;margin-top:4px;display:inline-flex;align-items:center;gap:4px;transition:color .2s}
.qv-full-link:hover{color:var(--rose2);text-decoration:underline}

/* Fullscreen Zoom Lightbox */
.zoom-modal{position:fixed;inset:0;background:#ffffff;z-index:400;display:flex;flex-direction:column;animation:qvFadeIn .2s ease}
.zoom-modal[hidden]{display:none}
.zoom-top-bar{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;border-bottom:1px solid var(--line);background:#fff;z-index:10}
.zoom-close-btn{background:none;border:0;cursor:pointer;font-size:20px;color:#1a1617;width:36px;height:36px;display:grid;place-items:center;border-radius:50%;transition:background .2s}
.zoom-close-btn:hover{background:var(--pink);color:var(--rose)}
.zoom-title{font:500 14px 'Josefin Sans',sans-serif;letter-spacing:.1em;color:#1a1617;text-transform:uppercase}
.zoom-counter{font:500 12px Montserrat,sans-serif;color:var(--muted)}
.zoom-viewport{position:relative;flex:1;overflow:hidden;display:flex;align-items:center;justify-content:center;background:#faf8f5;cursor:grab;touch-action:none}
.zoom-viewport.grabbing{cursor:grabbing}
.zoom-img{max-width:85%;max-height:85%;object-fit:contain;transition:transform .2s ease-out;user-select:none;-webkit-user-drag:none}
.zoom-controls{position:absolute;bottom:24px;left:50%;transform:translateX(-50%);display:inline-flex;align-items:center;background:#ffffff;border:1px solid var(--line);border-radius:999px;padding:4px 8px;box-shadow:0 6px 20px rgba(0,0,0,0.12);z-index:10;gap:4px}
.zoom-btn{background:none;border:0;width:32px;height:32px;border-radius:50%;display:grid;place-items:center;font-size:18px;cursor:pointer;color:#1a1617;transition:background .2s}
.zoom-btn:hover{background:var(--pink);color:var(--rose)}
.zoom-level{background:none;border:0;display:inline-flex;align-items:center;gap:6px;padding:0 8px;font:600 11px Montserrat,sans-serif;color:#1a1617;cursor:pointer}
.zoom-level svg{width:14px;height:14px;stroke:#8a7a6b}
.zoom-bottom-bar{display:flex;flex-direction:column;align-items:center;gap:10px;padding:12px 20px 18px;border-top:1px solid var(--line);background:#fff}
.zoom-dots{display:flex;gap:6px}
.zoom-dots span{width:6px;height:6px;border-radius:50%;background:#dcd3c7;transition:all .2s}
.zoom-dots span.on{background:var(--rose);width:16px;border-radius:3px}
.zoom-thumbs{display:flex;gap:10px;overflow-x:auto;max-width:100%;scrollbar-width:none}
.zoom-thumb{width:46px;height:46px;border-radius:8px;background-size:cover;background-position:center;border:2px solid transparent;cursor:pointer;transition:border-color .2s;background-color:#faf7f5}
.zoom-thumb.on{border-color:var(--rose)}

/* Women Mega Menu */
header{position:relative}
.dd{position:static}
.mega-menu{display:none;position:absolute;top:100%;left:50%;transform:translateX(-50%);width:min(1080px,94vw);background:#ffffff;border:1px solid var(--line);border-radius:12px;box-shadow:0 12px 36px rgba(0,0,0,0.08);z-index:100;padding:16px 20px;margin-top:0}
.mega-menu:before{content:"";position:absolute;top:-14px;left:0;right:0;height:14px}
.dd:hover .mega-menu,.dd.open .mega-menu,.mega-menu:hover{display:block}
.mega-menu a{text-decoration:none}
.mm-top{display:flex;justify-content:space-between;align-items:center;padding-bottom:10px;border-bottom:1px solid var(--line);margin-bottom:12px}
.mm-all-btn{display:inline-flex;align-items:center;gap:6px;padding:5px 14px;border-radius:999px;background:var(--pink);color:var(--rose);font:600 10.5px/1 'Josefin Sans',sans-serif !important;letter-spacing:.12em !important;text-transform:uppercase !important;text-decoration:none;border:1px solid var(--line);transition:all .2s ease}
.mm-all-btn:hover{background:var(--rose);color:#fff}
.mm-trail{font-size:10.5px;color:var(--muted);font-family:Montserrat,sans-serif}
.mm-body{display:grid;grid-template-columns:220px 1fr;gap:16px;min-height:300px}
.mm-left{border-right:1px solid var(--line);padding-right:10px;max-height:360px;overflow-y:auto;scrollbar-width:thin}
.mm-col-title{font:600 10px 'Josefin Sans',sans-serif;letter-spacing:.14em;color:var(--muted);margin-bottom:8px;text-transform:uppercase}
.mm-col-item{display:flex;align-items:center;gap:9px;padding:6px 8px;border-radius:6px;text-decoration:none;color:#332922;font:500 11.5px Montserrat,sans-serif !important;letter-spacing:normal !important;text-transform:none !important;transition:all .15s ease;margin-bottom:2px;cursor:pointer}
.mm-col-item .mm-thumb{width:30px;height:30px;border-radius:5px;background-size:cover;background-position:center;flex-shrink:0;border:1px solid rgba(0,0,0,0.05)}
.mm-col-item .mm-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mm-col-item .mm-arr{font-size:10px;color:#baa998;margin-left:auto}
.mm-col-item:hover,.mm-col-item.on{background:var(--pink);color:var(--rose)}
.mm-col-item.on .mm-arr{color:var(--rose)}
.mm-right{display:flex;flex-direction:column}
.mm-right-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}
.mm-right-title{font:600 11px 'Josefin Sans',sans-serif;letter-spacing:.14em;color:var(--rose);text-transform:uppercase}
.mm-view-all{font:600 10px 'Josefin Sans',sans-serif;letter-spacing:.12em;color:var(--muted);text-decoration:none;text-transform:uppercase}
.mm-view-all:hover{color:var(--rose)}
.mm-cats-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:8px;max-height:320px;overflow-y:auto;padding:2px 2px 8px;scrollbar-width:thin}
.mm-cat-card{display:flex;align-items:center;gap:9px;padding:7px 9px;background:#faf7f2;border:1px solid var(--line) !important;border-radius:7px;text-decoration:none;color:#2b221b !important;font:400 11px/1.35 Montserrat,system-ui,sans-serif !important;letter-spacing:normal !important;text-transform:none !important;transition:all .2s ease;box-sizing:border-box}
.mm-cat-card:hover{background:#fff;border-color:var(--rose) !important;color:var(--rose) !important}
.mm-cat-card .mm-cat-img{width:34px;height:34px;border-radius:5px;background-size:cover;background-position:center;flex-shrink:0;border:1px solid rgba(0,0,0,0.05);background-color:#fff}
.mm-cat-card span{flex:1;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.25;text-transform:none !important;font-weight:500}
.mm-cat-card.is-cs{opacity:.82;background:#fbf8f5}
.mm-cat-card.is-cs:hover{opacity:1;border-color:#d4bda8 !important}
.mm-cat-info{display:flex;flex-direction:column;flex:1;min-width:0;overflow:hidden}
.mm-cat-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:500;font-size:11px;color:#2b221b;line-height:1.25}
.mm-cs-badge{display:inline-block;margin-top:2px;font:600 8.5px/1.2 Montserrat,sans-serif;text-transform:uppercase;letter-spacing:.05em;color:#b07d48;background:#fcf1e5;border:1px solid #ebd3be;padding:1px 5px;border-radius:3px;width:max-content}
.mm-col-cs{display:inline-block;margin-left:5px;font:600 8px/1 Montserrat,sans-serif;text-transform:uppercase;letter-spacing:.04em;color:#b07d48;background:#fcf1e5;border:1px solid #ebd3be;padding:2px 4px;border-radius:3px;vertical-align:middle}

/* About Page Styling */
.ab-hero-wrap{position:relative;width:100%;margin-bottom:30px}
.ab-inner{max-width:1100px;margin:0 auto;padding:0 20px 60px}
.ab-story{text-align:center;margin:30px 0 40px}
.ab-eyebrow{font:600 11px 'Josefin Sans';letter-spacing:.2em;text-transform:uppercase;color:var(--rose);margin-bottom:8px}
.ab-title{font:400 36px 'Playfair Display',serif;margin:0 0 16px;color:#2a1519}
.ab-lead{max-width:680px;margin:0 auto 24px;font:300 15px/1.7 Montserrat;color:#5a4247}
.ab-quote-box{background:#fff;border:1px solid var(--line);border-radius:14px;padding:26px 32px;box-shadow:0 6px 20px rgba(0,0,0,0.03);max-width:880px;margin:0 auto;font:300 14.5px/1.8 Montserrat;color:#3d2b2f}
.ab-mv-grid{display:grid;grid-template-columns:1fr;gap:20px;margin:40px 0}
@media(min-width:768px){.ab-mv-grid{grid-template-columns:1fr 1fr;gap:28px}}
.ab-mv-card{position:relative;border-radius:16px;padding:32px 28px;overflow:hidden}
.ab-mv-card.dark{background:#1c1014;color:#f6e9ea;border:1px solid #3d2328}
.ab-mv-card.light{background:#fff;color:#2a1519;border:1px solid var(--line);box-shadow:0 6px 20px rgba(0,0,0,0.04)}
.ab-mv-watermark{position:absolute;right:20px;bottom:10px;font:700 90px 'Playfair Display',serif;line-height:1;pointer-events:none;opacity:0.07}
.ab-mv-icon{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;margin-bottom:18px;font-size:20px}
.ab-mv-card.dark .ab-mv-icon{background:#2a1519;color:var(--rose2);border:1px solid #4a2a30}
.ab-mv-card.light .ab-mv-icon{background:var(--pink);color:var(--rose);border:1px solid var(--line)}
.ab-mv-tag{font:600 10.5px 'Josefin Sans';letter-spacing:.18em;text-transform:uppercase;margin-bottom:6px}
.ab-mv-card.dark .ab-mv-tag{color:var(--rose2)}
.ab-mv-card.light .ab-mv-tag{color:var(--rose)}
.ab-mv-card h3{font:400 22px 'Playfair Display',serif;margin:0 0 12px}
.ab-mv-card p{font:300 13.5px/1.7 Montserrat;margin:0}
.ab-mv-card.dark p{color:#c5b0b5}
.ab-mv-card.light p{color:#6b5258}
.ab-values{margin:50px 0}
.ab-v-grid{display:grid;grid-template-columns:1fr;gap:18px;margin-top:24px}
@media(min-width:640px){.ab-v-grid{grid-template-columns:repeat(2,1fr)}}
@media(min-width:1000px){.ab-v-grid{grid-template-columns:repeat(4,1fr)}}
.ab-v-card{background:#fff;border:1px solid var(--line);border-radius:12px;padding:24px 20px;box-shadow:0 4px 14px rgba(0,0,0,0.03)}
.ab-v-num{font:600 11px 'Josefin Sans';letter-spacing:.12em;color:#b09095;margin-bottom:12px}
.ab-v-ic{width:36px;height:36px;border-radius:50%;background:var(--pink);color:var(--rose);display:grid;place-items:center;margin-bottom:14px;font-size:15px}
.ab-v-card h4{font:500 16px 'Playfair Display',serif;margin:0 0 8px;color:#2a1519}
.ab-v-card p{font:300 12.5px/1.6 Montserrat;color:#6b5258;margin:0}
.ab-promise{background:#fff;border:1px solid var(--line);border-radius:16px;padding:32px 28px;margin:50px 0;display:grid;gap:32px}
@media(min-width:850px){.ab-promise{grid-template-columns:1.2fr 1fr;gap:44px;align-items:center}}
.ab-feats{display:grid;gap:14px;margin-top:20px}
.ab-feat-row{display:flex;gap:14px;align-items:flex-start}
.ab-feat-ic{width:38px;height:38px;border-radius:50%;background:var(--pink);color:var(--rose);display:grid;place-items:center;flex-shrink:0;font-size:16px}
.ab-feat-row b{display:block;font:500 14px 'Josefin Sans';letter-spacing:.04em;color:#2a1519;margin-bottom:2px}
.ab-feat-row p{font:300 12.5px/1.55 Montserrat;color:#6b5258;margin:0}
.ab-stats{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.ab-stat-card{background:#faf7f5;border:1px solid var(--line);border-radius:12px;padding:20px;text-align:center}
.ab-stat-num{font:600 28px Montserrat;color:var(--rose);margin-bottom:4px}
.ab-stat-lbl{font:600 10px 'Josefin Sans';letter-spacing:.14em;color:#6b5258;text-transform:uppercase}
.ab-cta-banner{background:#1c1014;border:1px solid #3d2328;border-radius:16px;padding:40px 24px;text-align:center;color:#fff;margin:40px 0}
.ab-cta-banner h2{font:400 30px 'Playfair Display',serif;margin:8px 0 12px}
.ab-cta-banner p{font:300 14px/1.7 Montserrat;color:#c5b0b5;max-width:580px;margin:0 auto 24px}
.ab-cta-btns{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}
.ab-btn-rose{background:var(--rose);color:#fff;border:0;border-radius:999px;padding:12px 28px;font:600 12px 'Josefin Sans';letter-spacing:.14em;text-transform:uppercase;text-decoration:none;display:inline-flex;align-items:center;gap:6px}
.ab-btn-dark{background:transparent;color:#f6e9ea;border:1px solid #5a353c;border-radius:999px;padding:12px 28px;font:600 12px 'Josefin Sans';letter-spacing:.14em;text-transform:uppercase;text-decoration:none}
.ab-btn-dark:hover{border-color:var(--rose2);color:var(--rose2)}

/* Cart Page Redesign */
.cart-wrap{display:grid;gap:24px;margin-top:16px}
@media(min-width:900px){.cart-wrap{grid-template-columns:1.5fr 1fr;gap:36px}}
.cart-head{display:flex;justify-content:space-between;align-items:center;background:#fff;border:1px solid var(--line);border-radius:12px;padding:14px 18px;margin-bottom:14px}
.bag-count{font:600 15px 'Playfair Display',serif;color:#2a1519}
.bag-sub{font-size:11px;color:#8a6f74;margin-left:8px}
.btn-clear-cart{background:var(--pink);color:var(--rose);border:1px solid var(--line);border-radius:6px;font:600 11px 'Josefin Sans';letter-spacing:.14em;padding:6px 14px;cursor:pointer}
.btn-clear-cart:hover{background:var(--rose);color:#fff}
.cart-item{display:flex;gap:14px;background:#fff;border:1px solid var(--line);border-radius:12px;padding:14px;margin-bottom:10px;align-items:center}
.cart-item-img{width:80px;height:80px;border-radius:8px;background-size:cover;background-position:center;flex-shrink:0;border:1px solid rgba(0,0,0,0.06)}
.cart-item-info{flex:1;min-width:0}
.cart-item-title{font:400 14px 'Playfair Display',serif;color:#2a1519;text-decoration:none;display:block;margin-bottom:2px}
.cart-item-sub{font-size:11px;color:#8a6f74;margin-bottom:8px;text-transform:uppercase}
.cart-item-ctrls{display:flex;align-items:center;gap:10px}
.cart-item-trash{background:none;border:0;cursor:pointer;color:#b04a52;padding:4px;display:grid;place-items:center}
.cart-item-trash svg{width:16px;height:16px}
.cart-item-price-col{text-align:right}
.cart-item-price{font:600 17px Montserrat;color:#2a1519}
.cart-item-pack{font-size:10.5px;color:#8a6f74;margin-top:2px}
.cart-summary-card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:20px;box-shadow:0 6px 20px rgba(0,0,0,0.03)}
.cart-summary-title{font:600 17px 'Playfair Display',serif;color:#2a1519;margin:0 0 16px}
.coupon-box{display:flex;justify-content:space-between;align-items:center;background:#faf7f5;border:1px dashed var(--rose2);border-radius:8px;padding:10px 14px;font:500 11.5px Montserrat;color:#5a3a40;margin-bottom:16px;cursor:pointer}
.coupon-box .c-link{color:var(--rose);font-weight:600}
.sum-row{display:flex;justify-content:space-between;font-size:13.5px;color:#5a4247;margin-bottom:10px}
.sum-row.total{border-top:1px solid var(--line);padding-top:12px;margin-top:12px;font:600 17px Montserrat;color:#2a1519}
.tier-progress-box{background:#faf7f5;border:1px solid var(--line);border-radius:10px;padding:14px;margin:16px 0}
.tier-p-title{font:600 11.5px 'Josefin Sans';letter-spacing:.12em;text-transform:uppercase;color:var(--rose);margin-bottom:10px}
.tier-milestones{display:flex;justify-content:space-between;gap:4px;margin-bottom:10px;font-size:9.5px;color:#8a6f74}
.tier-badge{background:#fff;border:1px solid var(--line);padding:3px 6px;border-radius:4px;text-align:center}
.tier-alert{background:#faf4e6;border:1px solid #e0c890;color:#7e5e1a;border-radius:6px;padding:8px 10px;font-size:11px;line-height:1.45;margin-top:10px}
.btn-checkout-big{width:100%;background:#181818;color:#fff;border:0;padding:14px;border-radius:8px;font:600 12px 'Josefin Sans';letter-spacing:.14em;text-transform:uppercase;cursor:pointer;margin-top:14px;text-align:center;display:block;text-decoration:none}
.btn-checkout-big:hover{background:#2e241c}
.btn-checkout-big[disabled],.btn-checkout-big.disabled{opacity:.45;cursor:not-allowed;pointer-events:none}
.continue-shop-link{display:block;text-align:center;font:600 11px 'Josefin Sans';letter-spacing:.14em;text-transform:uppercase;color:#8a6f74;margin-top:14px;text-decoration:none}
.continue-shop-link:hover{color:var(--rose)}

/* Exact Celestia PDP Page */
.pdp-page{max-width:1280px;margin:0 auto;padding:16px 20px 60px}
.pdp-top-bar{display:flex;align-items:center;gap:14px;margin-bottom:22px;font-size:12px;color:#8a6f74}
.pdp-back-btn{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;border:1px solid var(--line);background:#fff;color:#2a1519;text-decoration:none;transition:all .2s;flex-shrink:0}
.pdp-back-btn:hover{background:var(--pink);color:var(--rose);border-color:var(--rose)}
.pdp-back-btn svg{width:16px;height:16px;stroke:#2a1519}
.pdp-crumbs{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:12px}
.pdp-crumbs a{color:#6b5258;text-decoration:none;transition:color .2s}
.pdp-crumbs a:hover{color:var(--rose)}
.pdp-crumbs span{color:#c5a8ad;font-size:11px}
.pdp-cur-crumb{color:#2a1519;font-weight:500}

.pdp-hero{display:grid;gap:32px;margin-bottom:60px}
@media(min-width:900px){.pdp-hero{grid-template-columns:1.05fr 1fr;gap:48px;align-items:start}}

.pdp-gallery-wrap{display:flex;gap:14px}
.pdp-thumbs{display:flex;flex-direction:column;gap:10px;width:68px;flex-shrink:0}
.pdp-thumb{width:64px;height:64px;border-radius:10px;background-size:cover;background-position:center;border:2px solid transparent;cursor:pointer;transition:border-color .2s;background-color:#fff}
.pdp-thumb.on,.pdp-thumb:hover{border-color:var(--rose)}

.pdp-main-box{position:relative;flex:1;aspect-ratio:1;max-height:560px;background:#ffffff;border:1px solid var(--line);border-radius:16px;overflow:hidden;display:grid;place-items:center;box-shadow:0 4px 20px rgba(0,0,0,0.03)}
.pdp-main-img{width:100%;height:100%;background-size:contain;background-repeat:no-repeat;background-position:center;background-color:#ffffff;transition:transform .3s ease}
.pdp-zoom-btn{position:absolute;bottom:16px;right:16px;width:38px;height:38px;border-radius:50%;background:#ffffff;border:1px solid var(--line);box-shadow:0 3px 12px rgba(0,0,0,0.12);display:grid;place-items:center;cursor:pointer;transition:transform .2s}
.pdp-zoom-btn:hover{transform:scale(1.08);color:var(--rose)}
.pdp-zoom-btn svg{width:18px;height:18px;stroke:#2a1519}

.pdp-info-panel{display:flex;flex-direction:column}
.pdp-eyebrow{font:600 11px 'Josefin Sans';letter-spacing:.16em;color:var(--rose);margin-bottom:8px;text-transform:uppercase}
.pdp-title{font:400 32px/1.25 'Playfair Display',serif;color:#2a1519;margin:0 0 14px}
.pdp-price{font:600 28px Montserrat;color:#2a1519;margin-bottom:16px}
.pdp-stock-pill{display:inline-flex;align-items:center;gap:8px;background:#dcfce7;color:#15803d;padding:6px 16px;border-radius:999px;font:500 12px Montserrat;margin-bottom:22px;width:fit-content}
.pdp-stock-pill.out{background:#fee2e2;color:#b91c1c}
.pdp-stock-dot{font-size:10px;color:#16a34a}
.pdp-stock-dot.out{color:#dc2626}

.pdp-action-row{display:flex;gap:14px;align-items:center;margin-bottom:8px}
.pdp-qty-counter{display:inline-flex;align-items:center;border:1.5px solid var(--line);border-radius:8px;background:#fff;height:46px;overflow:hidden}
.pdp-qty-counter button{width:42px;height:100%;background:none;border:0;font-size:18px;cursor:pointer;color:#2a1519}
.pdp-qty-counter button:hover{background:var(--pink)}
.pdp-qty-counter span,.pdp-qty-counter input{width:44px;height:100%;border:0;background:none;text-align:center;font:600 15px Montserrat;color:#2a1519;padding:0;-moz-appearance:textfield}
.pdp-qty-counter input::-webkit-outer-spin-button,.pdp-qty-counter input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.pdp-qty-counter input:focus{outline:none;background:var(--pink)}

.pdp-add-cart-btn{flex:1;height:46px;background:#181818;color:#ffffff;border:0;border-radius:8px;font:600 12px 'Josefin Sans';letter-spacing:.14em;text-transform:uppercase;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:10px;transition:background .2s}
.pdp-add-cart-btn:hover{background:#3a2025}
.pdp-add-cart-btn svg{width:18px;height:18px;stroke:#fff}

.pdp-pack-formula{font-size:12px;color:#8a6f74;margin-bottom:18px}

.pdp-trust-cards{display:grid;grid-template-columns:1fr;gap:10px;margin-bottom:20px}
@media(min-width:600px){.pdp-trust-cards{grid-template-columns:1fr 1fr}}
.pdp-trust-card{display:flex;align-items:center;gap:10px;background:#faf7f5;border:1px solid var(--line);border-radius:10px;padding:12px 14px;font:400 11.5px Montserrat;color:#5a3a40}
.pdp-trust-card svg{width:18px;height:18px;stroke:var(--rose);flex-shrink:0}

.pdp-secondary-links{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:24px}
.pdp-btn-sec{flex:1;min-width:180px;padding:11px 18px;border-radius:8px;border:1px solid var(--line);background:#fff;color:#2a1519;font:600 11px 'Josefin Sans';letter-spacing:.12em;text-transform:uppercase;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:all .2s}
.pdp-btn-sec:hover{border-color:var(--rose);color:var(--rose)}
.pdp-btn-sec.wa{background:#25d366;border-color:#25d366;color:#fff}
.pdp-btn-sec.wa:hover{background:#1ebe57}
.pdp-btn-sec.wa svg{width:16px;height:16px;fill:#fff;stroke:none}

.pdp-accordions{border-top:1px solid var(--line);margin-top:8px}
.pdp-acc{border-bottom:1px solid var(--line);padding:14px 0}
.pdp-acc summary{cursor:pointer;font:600 12px 'Josefin Sans';letter-spacing:.12em;display:flex;align-items:center;justify-content:space-between;color:#2a1519;list-style:none}
.pdp-acc summary::-webkit-details-marker{display:none}
.pdp-acc .acc-left{display:flex;align-items:center;gap:8px}
.pdp-acc .acc-arr{font-size:11px;color:#8a6f74;transition:transform .2s}
.pdp-acc[open] .acc-arr{transform:rotate(180deg)}
.pdp-acc .acc-drawer{padding:12px 0 4px;font:300 13.5px/1.7 Montserrat;color:#5a4247}
.pdp-acc .acc-drawer p{margin:0 0 8px}

/* PDP Recommendations Rails */
.pdp-rec-section{margin-top:60px;padding-top:20px}
.pdp-rec-head{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:20px}
.pdp-rec-eyebrow{font:600 10.5px 'Josefin Sans';letter-spacing:.2em;text-transform:uppercase;color:var(--rose);margin:0 0 4px}
.pdp-rec-title{font:400 28px 'Playfair Display',serif;color:#2a1519;margin:0}
.pdp-col-title{position:relative;display:inline-block}
.pdp-col-decor-line{width:120px;height:2px;background:linear-gradient(90deg,var(--rose),transparent);margin-top:6px;border-radius:2px}
.pdp-rec-arrows{display:flex;gap:8px}
.rec-arr{width:36px;height:36px;border-radius:50%;border:1px solid var(--line);background:#fff;display:grid;place-items:center;cursor:pointer;font-size:18px;color:#2a1519;transition:all .2s}
.rec-arr:hover{background:var(--pink);color:var(--rose);border-color:var(--rose)}

.pdp-rail{display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding-bottom:10px}
.pdp-rail::-webkit-scrollbar{display:none}
.pdp-rail .p{flex:0 0 280px;scroll-snap-align:start}
@media(max-width:640px){.pdp-rail .p{flex:0 0 220px}}

/* Quick View Modal (Screenshot 2 Match) */
.qv-modal{position:fixed;inset:0;z-index:9998;display:grid;place-items:center;padding:16px}
.qv-modal[hidden]{display:none !important}
.qv-backdrop{position:fixed;inset:0;background:rgba(20,12,14,0.6);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px)}
.qv-dialog{position:relative;z-index:2;width:100%;max-width:890px;max-height:92vh;background:#ffffff;border-radius:18px;box-shadow:0 24px 64px rgba(0,0,0,0.22);overflow-y:auto;overflow-x:hidden;padding:26px 28px;animation:qvPop .22s cubic-bezier(0.16,1,0.3,1);scrollbar-width:thin;scrollbar-color:#e8deda transparent}
.qv-dialog::-webkit-scrollbar{width:6px}
.qv-dialog::-webkit-scrollbar-thumb{background:#e8deda;border-radius:4px}
@keyframes qvPop{from{opacity:0;transform:scale(.96) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}
.qv-close{position:absolute;top:16px;right:18px;width:30px;height:30px;background:none;border:0;color:#222;font-size:20px;display:grid;place-items:center;cursor:pointer;transition:transform .18s ease;z-index:10;line-height:1}
.qv-close:hover{transform:scale(1.18);color:#000}
.qv-body{display:grid;grid-template-columns:1fr;gap:22px}
@media(min-width:768px){.qv-body{grid-template-columns:1.05fr 1fr;gap:32px;align-items:start}}
.qv-media{display:flex;gap:12px;align-items:flex-start}
.qv-thumbs{display:flex;flex-direction:column;gap:10px;width:56px;flex-shrink:0}
.qv-thumb{width:54px;height:54px;border-radius:8px;background-size:cover;background-position:center;border:2px solid transparent;cursor:pointer;transition:all .2s ease;background-color:#fbf8f6}
.qv-thumb.on,.qv-thumb:hover{border-color:var(--rose)}
.qv-main-wrap{position:relative;flex:1;min-width:0;aspect-ratio:1;max-height:420px;background:#fbf8f6;border-radius:14px;overflow:hidden;display:flex;align-items:center;justify-content:center}
.qv-main{width:100%;height:100%;background-size:contain;background-repeat:no-repeat;background-position:center}
.qv-zoom-ic{position:absolute;bottom:12px;right:12px;width:36px;height:36px;border-radius:50%;background:#ffffff;border:1px solid rgba(0,0,0,0.06);box-shadow:0 3px 10px rgba(0,0,0,0.12);display:grid;place-items:center;cursor:pointer;color:#3a2a2e;transition:all .2s ease;z-index:5}
.qv-zoom-ic:hover{transform:scale(1.1);color:var(--rose)}
.qv-zoom-ic svg{width:17px;height:17px}
.qv-details{display:flex;flex-direction:column}
.qv-head-row{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:2px;padding-right:28px}
.qv-cat{font:600 11px 'Josefin Sans',sans-serif;letter-spacing:.14em;text-transform:uppercase;color:var(--rose)}
.qv-price{font:600 24px Montserrat,sans-serif;color:#181818}
.qv-title{font:400 24px/1.25 'Playfair Display',serif;color:#181818;margin:2px 0 8px;word-break:break-word}
.qv-rating{display:flex;align-items:center;gap:6px;font-size:12px;color:#7a6d68;margin-bottom:12px}
.qv-rating .stars{color:#f59e0b;letter-spacing:1px;font-size:13px}
.qv-rating .rate-val{font-weight:600;color:#181818}
.qv-rating .rate-count{color:#9a8d88}
.qv-stock-pill{display:inline-flex;align-items:center;gap:7px;background:#eafaf1;color:#15803d;padding:4px 12px;border-radius:999px;font:500 11.5px Montserrat,sans-serif;margin-bottom:16px;width:fit-content}
.qv-stock-pill.out{background:#fee2e2;color:#b91c1c}
.qv-stock-dot{font-size:9px;color:#16a34a}
.qv-action-row{display:flex;gap:12px;align-items:center;margin-bottom:6px}
.qv-qty-box{display:inline-flex;align-items:center;border:1.5px solid #ebdcd5;border-radius:8px;background:#fff;height:42px;overflow:hidden}
.qv-qty-box button{width:38px;height:100%;border:0;background:none;font-size:18px;cursor:pointer;color:#222;transition:background .15s}
.qv-qty-box span,.qv-qty-box input{width:38px;height:100%;border:0;background:none;text-align:center;font:600 14px Montserrat,sans-serif;color:#222;padding:0;-moz-appearance:textfield}
.qv-qty-box input::-webkit-outer-spin-button,.qv-qty-box input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.qv-qty-box input:focus{outline:none;background:#fbf8f6}
.btn-qv-cart{flex:1;height:42px;background:#141414;color:#ffffff;border:0;border-radius:8px;font:600 12px 'Josefin Sans',sans-serif;letter-spacing:.14em;text-transform:uppercase;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;justify-content:center}
.btn-qv-cart:hover{background:#2e1a20}
.btn-qv-cart[disabled]{opacity:.4;cursor:not-allowed}
.qv-pack-formula{font-size:11.5px;color:#8e7a75;margin-bottom:14px}
.qv-pack-formula span{color:var(--rose);font-weight:600}
.qv-accordions{border-top:1px solid #eee5e1;margin-bottom:12px}
.qv-acc{border-bottom:1px solid #eee5e1}
.qv-acc summary{display:flex;justify-content:space-between;align-items:center;padding:11px 0;cursor:pointer;list-style:none;font:500 11px 'Josefin Sans',sans-serif;letter-spacing:.12em;text-transform:uppercase;color:#302125;transition:color .15s}
.qv-acc summary:hover{color:var(--rose)}
.qv-acc summary::-webkit-details-marker{display:none}
.qv-acc .acc-head{display:flex;align-items:center;gap:6px}
.qv-acc .acc-chv{font-size:10px;color:#8e7a75;transition:transform .2s ease}
.qv-acc[open] .acc-chv{transform:rotate(180deg)}
.qv-acc .acc-content{padding:2px 0 12px;font:300 12.5px/1.65 Montserrat,sans-serif;color:#5a444a;max-height:160px;overflow-y:auto}
.qv-acc .acc-content p{margin:0 0 6px}
.qv-full-link{display:inline-flex;align-items:center;gap:4px;font:500 12px Montserrat,sans-serif;color:#2a1519;text-decoration:none;padding-top:10px;transition:color .2s;border-top:1px solid #eee5e1;margin-top:2px}
.qv-full-link:hover{color:var(--rose)}

/* Fullscreen Zoom Lightbox (Screenshot 3 Match) */
.zoom-modal{position:fixed;inset:0;z-index:10000;background:#ffffff;display:flex;flex-direction:column;overflow:hidden}
.zoom-modal[hidden]{display:none !important}
.zoom-top-bar{display:flex;align-items:center;justify-content:space-between;padding:14px 24px;border-bottom:1px solid #f0eae6;flex-shrink:0}
.zoom-close-btn{background:none;border:0;font-size:22px;color:#2a1519;cursor:pointer;padding:4px 8px;line-height:1;transition:transform .15s ease}
.zoom-close-btn:hover{transform:scale(1.15)}
.zoom-title{font:500 11.5px 'Josefin Sans',sans-serif;letter-spacing:.14em;text-transform:uppercase;color:#76635a;text-align:center;max-width:60%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.zoom-counter{font:500 12px Montserrat,sans-serif;color:#8e7a75;min-width:32px;text-align:right}
.zoom-viewport{position:relative;flex:1;display:flex;align-items:center;justify-content:center;overflow:hidden;user-select:none;cursor:zoom-in;background:#ffffff}
.zoom-viewport.grabbing{cursor:grabbing !important}
.zoom-img{max-width:88%;max-height:75vh;object-fit:contain;transition:transform .15s ease-out;pointer-events:none}
.zoom-controls{position:absolute;bottom:20px;left:50%;transform:translateX(-50%);display:flex;align-items:center;background:#ffffff;border:1px solid #e5ded9;border-radius:999px;box-shadow:0 4px 20px rgba(0,0,0,0.1);padding:4px 8px;gap:4px;z-index:10}
.zoom-btn{width:28px;height:28px;border-radius:50%;border:0;background:none;font-size:16px;font-weight:600;color:#2a1519;cursor:pointer;display:grid;place-items:center;transition:background .15s}
.zoom-btn:hover{background:#f7f3ef}
.zoom-level{background:none;border:0;display:inline-flex;align-items:center;gap:6px;font:500 12px Montserrat,sans-serif;color:#443236;cursor:pointer;padding:4px 8px;border-radius:999px;transition:background .15s}
.zoom-level:hover{background:#f7f3ef}
.zoom-bottom-bar{display:flex;flex-direction:column;align-items:center;gap:12px;padding:12px 20px 18px;flex-shrink:0;background:#ffffff}
.zoom-dots{display:flex;align-items:center;gap:6px}
.zoom-dots span{width:6px;height:6px;border-radius:50%;background:#dcd3cd;transition:all .2s}
.zoom-dots span.on{background:#2a1519;width:7px;height:7px}
.zoom-thumbs{display:flex;align-items:center;gap:8px;overflow-x:auto;max-width:100%;padding:2px}
.zoom-thumb{width:46px;height:46px;border-radius:8px;background-size:cover;background-position:center;border:2px solid transparent;cursor:pointer;transition:all .2s ease;background-color:#f7f3ef;flex-shrink:0}
.zoom-thumb.on,.zoom-thumb:hover{border-color:var(--rose);box-shadow:0 2px 8px rgba(184,144,51,0.25)}

/* Order Confirmation, Visual Tracking Stepper & UPI Payment Card */
.order-header-card{display:flex;align-items:center;gap:18px;background:#ffffff;border:1px solid var(--line);border-radius:14px;padding:22px 26px;margin-bottom:20px;box-shadow:0 4px 18px rgba(0,0,0,0.04)}
.order-success-check{width:50px;height:50px;border-radius:50%;background:#eafaf1;color:#16a34a;display:grid;place-items:center;font-size:24px;font-weight:700;flex-shrink:0}
.order-success-text h1{margin:0 0 4px;font:500 24px 'Josefin Sans',sans-serif;color:#1a1617}
.order-subtitle{margin:0;font:300 13.5px Montserrat,sans-serif;color:#6b5258}
.order-subtitle b{color:#1a1617}

/* Visual Tracking Stepper */
.track-stepper-wrap{background:#ffffff;border:1px solid var(--line);border-radius:14px;padding:22px 24px;margin-bottom:20px;box-shadow:0 4px 18px rgba(0,0,0,0.04)}
.track-stepper-head{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px;margin-bottom:20px;padding-bottom:14px;border-bottom:1px solid #f2ece7}
.track-stepper-title{font:500 13px 'Josefin Sans',sans-serif;letter-spacing:.08em;text-transform:uppercase;color:#5a3f45}
.courier-badge{font:500 12px Montserrat,sans-serif;background:#faf5f3;border:1px solid var(--line);padding:5px 12px;border-radius:999px;color:#2a1519;display:inline-flex;align-items:center;gap:8px}

.stepper-bar{display:grid;grid-template-columns:repeat(5,1fr);position:relative;gap:6px}
.stepper-bar::before{content:"";position:absolute;top:18px;left:10%;right:10%;height:3px;background:#ede4dc;z-index:1}
.step-item{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;text-align:center}
.step-dot{width:36px;height:36px;border-radius:50%;background:#ffffff;border:2.5px solid #dcd1c7;display:grid;place-items:center;font:600 13px Montserrat,sans-serif;color:#8a767b;margin-bottom:8px;transition:all .25s ease}
.step-label{font:600 11px 'Josefin Sans',sans-serif;letter-spacing:.08em;text-transform:uppercase;color:#7a6267;margin-bottom:2px}
.step-desc{font:300 10.5px Montserrat,sans-serif;color:#9a858a;max-width:110px;line-height:1.25}

.step-item.done .step-dot{background:#16a34a;border-color:#16a34a;color:#ffffff}
.step-item.done .step-label{color:#16a34a;font-weight:700}
.step-item.cur .step-dot{background:var(--rose);border-color:var(--rose);color:#ffffff;box-shadow:0 0 0 4px rgba(184,144,51,0.22);animation:pulseDot 2s infinite}
.step-item.cur .step-label{color:var(--rose);font-weight:700}
@keyframes pulseDot{0%,100%{box-shadow:0 0 0 4px rgba(184,144,51,0.22)}50%{box-shadow:0 0 0 8px rgba(184,144,51,0.1)}}

@media(max-width:600px){
  .stepper-bar{display:flex;flex-direction:column;gap:16px;align-items:flex-start;padding-left:14px}
  .stepper-bar::before{left:31px;top:14px;bottom:14px;width:3px;height:auto}
  .step-item{flex-direction:row;gap:14px;text-align:left}
  .step-desc{max-width:none}
}

/* Status Pills */
.status-pill{display:inline-block;padding:3px 10px;border-radius:999px;font:600 10.5px 'Josefin Sans',sans-serif;letter-spacing:.08em;text-transform:uppercase;margin-left:6px}
.status-pending{background:#fef3c7;color:#b45309}
.status-confirmed{background:#e0f2fe;color:#0369a1}
.status-packed{background:#ede9fe;color:#6d28d9}
.status-shipped{background:#fae8ff;color:#a21caf}
.status-delivered{background:#dcfce7;color:#15803d}
.status-cancelled{background:#fee2e2;color:#b91c1c}

.pay-status-pill{display:inline-block;padding:2px 8px;border-radius:999px;font:600 10px 'Josefin Sans',sans-serif;letter-spacing:.06em;text-transform:uppercase}
.pay-status-pill.pay-paid{background:#dcfce7;color:#15803d}
.pay-status-pill.pay-pending{background:#fef3c7;color:#b45309}
.pay-status-pill.pay-utr_submitted{background:#fef3c7;color:#b45309}
.pay-status-pill.pay-cod{background:#f3e8ff;color:#7e22ce}
.pay-status-pill.pay-unpaid{background:#fee2e2;color:#b91c1c}

/* Payment Cards */
.pay-card{background:#ffffff;border-radius:14px;padding:24px 26px;margin-bottom:20px;box-shadow:0 4px 18px rgba(0,0,0,0.04)}
.pay-success{border:1.5px solid #86efac;background:linear-gradient(135deg,#f0fdf4,#ffffff);display:flex;align-items:center;gap:18px}
.pay-success .pay-card-icon{width:46px;height:46px;border-radius:50%;background:#22c55e;color:#fff;display:grid;place-items:center;font-size:22px;font-weight:700;flex-shrink:0}
.pay-success h3{margin:0 0 4px;font:600 18px 'Josefin Sans',sans-serif;color:#15803d}
.pay-success p{margin:0;font:300 13px/1.6 Montserrat,sans-serif;color:#374151}

.pay-cod{border:1.5px solid #c7d2fe;background:linear-gradient(135deg,#eef2ff,#ffffff);display:flex;align-items:center;gap:18px}
.pay-cod .pay-card-icon{width:46px;height:46px;border-radius:50%;background:#4f46e5;color:#fff;display:grid;place-items:center;font-size:20px;flex-shrink:0}
.pay-cod h3{margin:0 0 4px;font:600 18px 'Josefin Sans',sans-serif;color:#3730a3}
.pay-cod p{margin:0;font:300 13px/1.6 Montserrat,sans-serif;color:#374151}

.pay-upi{border:2px solid #caa445;background:linear-gradient(180deg,#fcfaf5 0%,#ffffff 100%)}
.pay-card-head{margin-bottom:20px;padding-bottom:14px;border-bottom:1px solid #f0e6da}
.pay-badge-upi{display:inline-block;background:#caa445;color:#ffffff;font:700 10px 'Josefin Sans',sans-serif;letter-spacing:.14em;padding:4px 10px;border-radius:4px;margin-bottom:8px}
.pay-title-group h3{margin:0 0 4px;font:600 22px 'Josefin Sans',sans-serif;color:#1a1617}
.pay-title-group p{margin:0;font:300 13.5px Montserrat,sans-serif;color:#6b5258}

.upi-body-grid{display:grid;grid-template-columns:1fr;gap:24px}
@media(min-width:680px){.upi-body-grid{grid-template-columns:220px 1fr;align-items:start}}

.upi-qr-box{background:#ffffff;border:1.5px solid #eedecb;border-radius:12px;padding:16px;text-align:center;box-shadow:0 3px 12px rgba(0,0,0,0.05);display:flex;flex-direction:column;align-items:center}
.upi-qr-img{width:188px;height:188px;object-fit:contain;border-radius:8px;display:block}
.upi-qr-hint{display:block;margin-top:10px;font:500 11px Montserrat,sans-serif;color:#6b5258}

.upi-actions-box{display:flex;flex-direction:column;gap:12px}
.btn-upi-pay-now{display:inline-flex;align-items:center;justify-content:center;background:#181818;color:#ffffff;padding:13px 20px;border-radius:8px;font:600 13px 'Josefin Sans',sans-serif;letter-spacing:.12em;text-transform:uppercase;text-decoration:none;transition:all .2s ease;box-shadow:0 3px 10px rgba(0,0,0,0.12)}
.btn-upi-pay-now:hover{background:#3a2025;transform:translateY(-1px)}

.upi-id-row{display:flex;align-items:center;gap:10px;background:#fbf8f5;border:1px solid #eedecb;border-radius:8px;padding:10px 14px;flex-wrap:wrap}
.upi-id-row span{font:500 12px Montserrat,sans-serif;color:#7a656a}
.upi-id-row b{font:600 14px Montserrat,sans-serif;color:#1a1617;letter-spacing:.02em}
.btn-copy-sm{margin-left:auto;background:#ffffff;border:1px solid #d8c3ad;color:#5a4146;font:600 10.5px 'Josefin Sans',sans-serif;letter-spacing:.1em;text-transform:uppercase;padding:5px 12px;border-radius:6px;cursor:pointer;transition:all .2s ease}
.btn-copy-sm:hover{background:var(--rose);border-color:var(--rose);color:#ffffff}

.upi-steps-box{background:#fbf8f5;border-radius:8px;padding:12px 16px;font:300 12.5px/1.6 Montserrat,sans-serif;color:#4a3237}
.upi-steps-box b{display:block;margin-bottom:4px;color:#1a1617;font-weight:600}
.upi-steps-box ol{margin:0;padding-left:18px}
.upi-steps-box li{margin-bottom:3px}

.utr-status-box{background:#fefce8;border:1.5px solid #fef08a;border-radius:8px;padding:12px 14px;font:300 13px Montserrat,sans-serif;color:#854d0e}
.utr-status-box b{display:block;margin-bottom:3px;color:#713f12}
.utr-status-box code{background:#fef9c3;padding:2px 6px;border-radius:4px;font-family:monospace;font-size:13px}
.utr-status-box p{margin:0;font-size:12px;color:#a16207}

.utr-input-row{display:flex;gap:10px;margin-top:4px}
.utr-input{flex:1;height:42px;border:1.5px solid #d8c3ad;border-radius:8px;padding:0 14px;font:500 13.5px Montserrat,sans-serif;color:#1a1617;outline:none}
.utr-input:focus{border-color:var(--rose);background:#fff}

.bank-details-card{background:#fbf8f5;border:1px solid #eedecb;border-radius:8px;padding:14px 16px;margin-bottom:14px}
.bank-details-card pre{margin:0 0 10px;font:500 13px/1.6 Montserrat,sans-serif;color:#2a1519;white-space:pre-wrap}

/* Order Summary Grid */
.order-summary-grid{display:grid;grid-template-columns:1fr;gap:20px}
@media(min-width:768px){.order-summary-grid{grid-template-columns:1.2fr 1fr}}

.order-summary-box{background:#ffffff;border:1px solid var(--line);border-radius:14px;padding:22px;box-shadow:0 4px 18px rgba(0,0,0,0.04)}
.order-summary-box h3{margin:0 0 14px;font:600 15px 'Josefin Sans',sans-serif;letter-spacing:.08em;text-transform:uppercase;color:#2a1519;padding-bottom:8px;border-bottom:1px solid #f2ece7}

.order-items-list{display:flex;flex-direction:column;gap:10px;margin-bottom:16px}
.order-item-row{display:flex;align-items:center;gap:12px;padding:8px 0;border-bottom:1px solid #f6f0eb}
.order-item-thumb{width:46px;height:46px;border-radius:8px;background-size:cover;background-position:center;background-color:#faf7f5;flex-shrink:0;border:1px solid rgba(0,0,0,0.06)}
.order-item-info{flex:1;min-width:0}
.order-item-name{font:400 13px 'Playfair Display',serif;color:#1a1617;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.order-item-meta{font:300 11.5px Montserrat,sans-serif;color:#7a6369;margin-top:2px}
.order-item-total{font:600 13.5px Montserrat,sans-serif;color:#1a1617;text-align:right}

.order-cost-breakdown{background:#fbf8f5;border-radius:8px;padding:12px 14px}
.order-cost-breakdown .l{display:flex;justify-content:space-between;font:300 12.5px Montserrat,sans-serif;color:#5a4247;margin-bottom:6px}
.order-cost-breakdown .l.t{font-weight:600;font-size:14px;color:#1a1617;border-top:1px solid #eedecb;padding-top:8px;margin-top:6px}

.order-address-box{font:300 13px/1.65 Montserrat,sans-serif;color:#4a3237}
.order-address-box b{color:#1a1617;font-weight:600}

/* Order & Track Pages - Spacious Luxury Layout without inline squeeze */
.pg.pg-order, .pg.pg-track {
  max-width: 960px !important;
  margin: 0 auto !important;
  padding-inline: 20px !important;
  padding-block: 28px 60px !important;
  width: 100% !important;
  box-sizing: border-box !important;
}
@media(min-width: 768px) {
  .pg.pg-order, .pg.pg-track {
    padding-inline: 32px !important;
    padding-block: 36px 70px !important;
  }
}

#app > .pg {
  width: 100%;
  box-sizing: border-box;
}

.order-view-card {
  width: 100%;
  min-width: 0;
  box-sizing: border-box;
}

.upi-body-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 24px;
  align-items: start;
}
@media(min-width: 680px) {
  .upi-body-grid {
    grid-template-columns: 220px minmax(0, 1fr);
  }
}

.upi-actions-box, .upi-qr-box, .order-summary-box, .pay-card, .track-stepper-wrap, .stepper-bar {
  min-width: 0;
  box-sizing: border-box;
}

.upi-qr-box {
  width: 100%;
  max-width: 220px;
}
.upi-qr-img {
  width: 100%;
  max-width: 188px;
  height: auto;
  aspect-ratio: 1/1;
}

.btn-upi-pay-now {
  width: 100%;
  box-sizing: border-box;
  text-align: center;
}

.upi-id-row {
  width: 100%;
  box-sizing: border-box;
}

.utr-input-row {
  display: flex;
  gap: 10px;
  align-items: stretch;
  width: 100%;
  box-sizing: border-box;
}

.utr-input {
  min-width: 0;
  flex: 1;
  height: 44px;
  box-sizing: border-box;
}

.utr-input-row .btn2 {
  flex-shrink: 0;
  height: 44px;
  padding: 0 20px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  white-space: nowrap;
  box-sizing: border-box;
}

.step-label {
  font-size: 10px;
  letter-spacing: .04em;
}

/* Celestia Matching 4-Column Collection Grid on PDP */
.pdp-col-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 14px;
}
@media(min-width: 680px) {
  .pdp-col-grid {
    grid-template-columns: repeat(3, 1fr);
    gap: 16px;
  }
}
@media(min-width: 1024px) {
  .pdp-col-grid {
    grid-template-columns: repeat(4, 1fr);
    gap: 20px 16px;
  }
}
.pdp-col-grid .p {
  width: 100%;
}

/* ==========================================================
   COMING SOON STATE (Task 4)
   ========================================================== */
.coming-soon-card {
  background: linear-gradient(135deg, #fffdfa 0%, #faf3eb 100%);
  border: 1px solid #ebd8c3;
  border-radius: 16px;
  padding: 48px 24px;
  text-align: center;
  max-width: 680px;
  margin: 32px auto 60px;
  box-shadow: 0 10px 30px rgba(184, 144, 51, 0.08);
}
.coming-soon-card .cs-badge {
  display: inline-block;
  background: #fdf2f8;
  color: #be185d;
  border: 1px solid #fbcfe8;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .08em;
  padding: 5px 14px;
  border-radius: 20px;
  margin-bottom: 16px;
}
.coming-soon-card h2 {
  font-family: 'Playfair Display', serif;
  font-size: 26px;
  color: #2b1f1d;
  margin-bottom: 12px;
}
.coming-soon-card p {
  color: #6d5d52;
  font-size: 14px;
  line-height: 1.6;
  max-width: 500px;
  margin: 0 auto 24px;
}
.coming-soon-card .cs-actions {
  display: flex;
  gap: 12px;
  justify-content: center;
  flex-wrap: wrap;
}
.btn-sec-outline {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 10px 22px;
  border: 1px solid #c9a96e;
  border-radius: 30px;
  color: #8c6d37;
  font-size: 13px;
  font-weight: 600;
  background: transparent;
  transition: all .2s;
}
.btn-sec-outline:hover {
  background: #faf2e6;
  color: #634b22;
}
.cat-cs-pill {
  display: inline-block;
  font-size: 9px;
  font-weight: 700;
  color: #948072;
  background: #f1eae2;
  padding: 1px 5px;
  border-radius: 4px;
  margin-left: 4px;
  text-transform: uppercase;
}

/* ==========================================================
   PAGINATION (Task 3 & 5)
   ========================================================== */
.pagination {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 6px;
  margin: 40px auto 20px;
  flex-wrap: wrap;
}
.page-link {
  min-width: 38px;
  height: 38px;
  padding: 0 12px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #e5d8cb;
  border-radius: 8px;
  background: #fff;
  color: #4a3b32;
  font-size: 13px;
  font-weight: 600;
  transition: all .2s;
  text-decoration: none;
}
.page-link:hover {
  border-color: #b89033;
  color: #b89033;
  background: #faf5ee;
}
.page-link.on {
  background: #b89033;
  color: #fff;
  border-color: #b89033;
}
.page-link.prev, .page-link.next {
  padding: 0 16px;
}

/* ==========================================================
   AUTOMATIC SURPRISE GIFT OFFERS (Task 6)
   ========================================================== */
.gift-offer-box {
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 14px 16px;
  border-radius: 12px;
  margin-bottom: 16px;
  transition: all .3s ease;
}
.gift-offer-box.locked {
  background: linear-gradient(135deg, #fffbeb 0%, #fef3c7 100%);
  border: 1px dashed #f59e0b;
}
.gift-offer-box.unlocked-1 {
  background: linear-gradient(135deg, #fdf2f8 0%, #fce7f3 100%);
  border: 1px solid #f472b6;
  box-shadow: 0 4px 12px rgba(244, 114, 182, 0.15);
}
.gift-offer-box.unlocked-2 {
  background: linear-gradient(135deg, #ecfdf5 0%, #d1fae5 100%);
  border: 1px solid #10b981;
  box-shadow: 0 4px 12px rgba(16, 185, 129, 0.18);
}
.gift-offer-box .gift-icon {
  font-size: 26px;
  line-height: 1;
  filter: drop-shadow(0 2px 4px rgba(0,0,0,0.1));
}
.gift-offer-box .gift-info {
  display: flex;
  flex-direction: column;
  gap: 3px;
}
.gift-offer-box .gift-info b {
  font-size: 13.5px;
  color: #1f2937;
}
.gift-offer-box .gift-info span {
  font-size: 11.5px;
  color: #4b5563;
}
.ck-gift-badge {
  background: #fdf2f8;
  border: 1px solid #fbcfe8;
  border-radius: 8px;
  padding: 10px 12px;
  font-size: 12.5px;
  color: #9d174d;
  margin: 12px 0;
  display: flex;
  align-items: center;
  gap: 8px;
}

/* ==========================================================
   PDP FAQ ACCORDIONS (Task 7)
   ========================================================== */
.pdp-faq-section {
  margin-top: 48px;
  padding: 32px 24px;
  background: #fcf9f5;
  border: 1px solid #eee2d5;
  border-radius: 18px;
}
.pdp-faq-head {
  text-align: center;
  margin-bottom: 24px;
}
.pdp-faq-head .pdp-rec-eyebrow {
  display: block;
  font-size: 10.5px;
  font-weight: 700;
  letter-spacing: .12em;
  color: #9c783e;
  text-transform: uppercase;
  margin-bottom: 4px;
}
.pdp-faq-title {
  font-family: 'Playfair Display', serif;
  font-size: 22px;
  color: #2b1f1d;
  margin: 0 0 6px;
}
.pdp-faq-sub {
  font-size: 12.5px;
  color: #7d6e64;
  margin: 0;
}
.pdp-faq-accordions {
  display: flex;
  flex-direction: column;
  gap: 10px;
  max-width: 860px;
  margin: 0 auto;
}
.pdp-faq-item {
  background: #ffffff;
  border: 1px solid #eadfcb;
  border-radius: 10px;
  overflow: hidden;
  transition: all .2s ease;
}
.pdp-faq-item[open] {
  border-color: #c9a96e;
  box-shadow: 0 4px 14px rgba(184, 144, 51, 0.08);
}
.pdp-faq-item summary {
  padding: 14px 18px;
  font-size: 13.5px;
  font-weight: 600;
  color: #382c26;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: space-between;
  user-select: none;
}
.pdp-faq-item summary::-webkit-details-marker {
  display: none;
}
.pdp-faq-item summary .faq-q {
  display: flex;
  align-items: center;
  gap: 10px;
}
.pdp-faq-item summary .faq-q::before {
  content: 'Q.';
  font-family: 'Playfair Display', serif;
  font-weight: 700;
  font-size: 14px;
  color: #b89033;
}
.pdp-faq-item summary .faq-arr {
  color: #9c783e;
  transition: transform .2s ease;
  font-size: 12px;
}
.pdp-faq-item[open] summary .faq-arr {
  transform: rotate(180deg);
}
.pdp-faq-item .faq-ans {
  padding: 0 18px 16px 36px;
  font-size: 13px;
  color: #5c4e45;
  line-height: 1.6;
  border-top: 1px solid #f6efe6;
  margin-top: 2px;
  padding-top: 12px;
}
.pdp-faq-item .faq-ans p {
  margin: 0;
}