*{margin:0;padding:0;box-sizing:border-box}
:root{--ink:#1b1b1b;--bg:#faf8f4;--soft:#f0eae1;--ac:#a9814e;--acd:#8a6a3c}
body{font-family:'Inter',-apple-system,sans-serif;color:var(--ink);background:var(--bg);line-height:1.6}
a{color:inherit;text-decoration:none}img{display:block;max-width:100%}
.wrap{max-width:1200px;margin:0 auto;padding:0 22px}
h1,h2,h3,.brand{font-family:'Cormorant Garamond',Georgia,serif;font-weight:700}
.btn{display:inline-block;background:var(--ink);color:#fff;padding:13px 26px;border-radius:2px;font-weight:600;font-size:.9rem;letter-spacing:.03em;cursor:pointer;border:0;transition:.2s}
.btn:hover{background:var(--ac)}.btn.ac{background:var(--ac)}.btn.ac:hover{background:var(--acd)}
header{position:sticky;top:0;z-index:60;background:color-mix(in srgb,var(--bg) 92%,transparent);backdrop-filter:blur(8px);border-bottom:1px solid var(--soft)}
.nav{display:flex;align-items:center;justify-content:space-between;height:74px}
.brand{font-size:1.5rem;letter-spacing:.02em}
.nav .links{display:flex;gap:28px;font-size:.92rem}.nav .links a:hover{color:var(--ac)}
.cart-btn{position:relative;background:none;border:0;font-size:1.4rem;cursor:pointer;color:var(--ink)}
.cart-count{position:absolute;top:-6px;right:-9px;background:var(--ac);color:#fff;font-size:.68rem;min-width:18px;height:18px;border-radius:50%;display:none;align-items:center;justify-content:center;font-family:Inter}
.hero{position:relative;min-height:520px;display:flex;align-items:center;color:#fff;overflow:hidden}
.hero .bg{position:absolute;inset:0;background-size:cover;background-position:center}
.hero .bg::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.55),rgba(0,0,0,.15))}
.hero .wrap{position:relative;z-index:2}
.hero h1{font-size:clamp(2.4rem,5vw,4rem);max-width:640px;margin-bottom:16px;color:#fff}
.hero p{max-width:480px;font-size:1.15rem;opacity:.95;margin-bottom:26px}/* hero split desktop */@media(min-width:821px){.hero{min-height:620px;background:#faf7f2}.hero .wrap{width:100%;padding-right:40%;box-sizing:border-box}.hero .bg{left:60%;background-position:center top!important}.hero .bg::after{background:linear-gradient(90deg,#faf7f2,rgba(250,247,242,.45) 20%,rgba(250,247,242,0) 50%)}.hero h1{color:#231f1b}.hero p{color:#5c554d;opacity:1}}
.cats{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;padding:34px 0}
.cats span{border:1px solid var(--soft);padding:8px 22px;border-radius:30px;font-size:.85rem;font-weight:500;background:#fff;cursor:pointer;transition:.15s}.cats span.active{background:var(--ac);color:#fff;border-color:var(--ac)}
section{padding:40px 0 80px}
.sec-h{text-align:center;margin-bottom:38px}.sec-h h2{font-size:clamp(1.8rem,3.5vw,2.5rem)}.sec-h p{color:#8a8178;margin-top:6px}
.grid{display:grid;gap:26px;grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}
.pcard{background:#fff;border-radius:4px;overflow:hidden;transition:.25s;border:1px solid transparent}
.pcard:hover{box-shadow:0 18px 40px -22px rgba(0,0,0,.35)}
.pcard .im{aspect-ratio:1;background-size:cover;background-position:center;display:block}
.pcard .b{padding:16px}.pcard .nm{font-weight:600;font-size:1.02rem;margin-bottom:2px}
.pcard .pr{color:var(--ac);font-weight:700;font-size:1.05rem;margin-bottom:12px}.pcard button{width:100%}
.pdp{display:grid;grid-template-columns:1fr 1fr;gap:50px;padding:50px 0}
.pdp .ph{aspect-ratio:1;background-size:cover;background-position:center;border-radius:4px}
.pdp h1{font-size:clamp(2rem,4vw,2.8rem);margin-bottom:8px}.pdp .price{font-size:1.6rem;color:var(--ac);font-weight:700;margin:10px 0 20px}
.pdp .desc{color:#6b6259;margin-bottom:26px}.back{color:#8a8178;font-size:.9rem;display:inline-block;margin-top:20px}
.ov{position:fixed;inset:0;background:rgba(0,0,0,.4);opacity:0;pointer-events:none;transition:.3s;z-index:80}.ov.on{opacity:1;pointer-events:auto}
.drawer{position:fixed;top:0;right:-430px;width:400px;max-width:90vw;height:100%;background:#fff;z-index:90;transition:.35s;display:flex;flex-direction:column;box-shadow:-10px 0 40px -20px rgba(0,0,0,.4)}.drawer.open{right:0}
.dh{display:flex;justify-content:space-between;align-items:center;padding:22px;border-bottom:1px solid var(--soft)}.dh h3{font-size:1.3rem}.dh button{background:none;border:0;font-size:1.5rem;cursor:pointer}
#citems{flex:1;overflow:auto;padding:12px 22px}
.citem{display:flex;gap:14px;padding:14px 0;border-bottom:1px solid var(--soft)}.citem img{width:66px;height:66px;object-fit:cover;border-radius:3px}
.ci-b{flex:1}.ci-b b{display:block;font-size:.95rem}.ci-b span{color:var(--ac);font-weight:600;font-size:.9rem}
.qty{display:flex;align-items:center;gap:10px;margin-top:6px}.qty button{width:26px;height:26px;border:1px solid var(--soft);background:#fff;border-radius:3px;cursor:pointer;font-size:1rem}
.empty{color:#8a8178;text-align:center;padding:40px 0}
.df{padding:22px;border-top:1px solid var(--soft)}.df .tot{display:flex;justify-content:space-between;font-weight:700;font-size:1.15rem;margin-bottom:16px}#cocheck{width:100%;display:none}
.legal{max-width:760px;padding:44px 0 60px}.legal h1{font-size:2rem;margin-bottom:22px}.legal h2{font-size:1.12rem;margin:26px 0 8px;color:var(--ink)}.legal p{color:#5c554d;line-height:1.7;margin-bottom:10px}.legal a{color:var(--ac)}footer{background:var(--ink);color:#cfcac3;padding:50px 0 26px;margin-top:20px}
footer .fg{display:flex;justify-content:space-between;flex-wrap:wrap;gap:24px;margin-bottom:26px}footer .brand{color:#fff;font-size:1.3rem}.socs{display:flex;gap:10px;margin-top:14px}.soc{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;background:rgba(255,255,255,.12);color:#fff;transition:.15s}.soc:hover{background:var(--ac);color:#fff}.legal .socs{margin-top:8px}.legal .soc{background:var(--ink);color:#fff}.legal .soc:hover{background:var(--ac)}
.fbot{border-top:1px solid rgba(255,255,255,.12);padding-top:18px;font-size:.82rem;color:#9a938a;text-align:center}
@media(max-width:820px){.pdp{grid-template-columns:1fr}.nav .links{display:none}}