@import url("https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,500;0,600;1,400&family=Outfit:wght@300;400;500;600&display=swap");
:root{--ink:#161412;--gold:#b8956a;--paper:#f4efe8;--paper-2:#ebe4d8;--line:#e4ddd2;--muted:#6d675f;--white:#fffcf8}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--white);color:var(--ink);font-family:"Outfit",system-ui,sans-serif;font-weight:300;line-height:1.6}
h1,h2,h3,.logo,.section-title,.eyebrow{font-family:"Cormorant Garamond",Georgia,serif}
a{color:var(--ink);text-decoration:none}
a:hover{color:var(--gold)}
.announce{background:var(--ink);color:#fff;text-align:center;font-size:.72rem;letter-spacing:.18em;text-transform:uppercase;padding:.55rem 1rem}
.site-header{border-bottom:1px solid var(--line);background:rgba(255,252,248,.92);backdrop-filter:blur(12px);position:sticky;top:0;z-index:30}
.logo{letter-spacing:.34em;font-size:1.35rem;text-transform:uppercase;font-weight:500}
.site-header nav a{font-size:.78rem;letter-spacing:.14em;text-transform:uppercase}
.search-in{border:0;border-bottom:1px solid var(--line);background:transparent;padding:.2rem .4rem;width:170px;font-size:.85rem}
.bag-count{display:inline-flex;align-items:center;justify-content:center;min-width:1.15rem;height:1.15rem;border-radius:99px;background:var(--ink);color:#fff;font-size:.65rem;margin-left:.25rem}
.hero{background:linear-gradient(120deg,rgba(244,239,232,.94),rgba(255,252,248,.6)),radial-gradient(circle at 80% 20%,#e8d7bf 0,transparent 42%);padding:6.5rem 0 6rem}
.hero h1{font-weight:500;font-size:clamp(2.4rem,7vw,5.2rem);letter-spacing:-.02em;line-height:1.05;max-width:14ch}
.eyebrow{letter-spacing:.28em;text-transform:uppercase;font-size:.72rem;color:var(--gold);margin-bottom:.75rem}
.section-title{font-weight:500;letter-spacing:.12em;text-transform:uppercase;font-size:1.15rem}
.cat-tile{display:flex;align-items:flex-end;min-height:170px;background:linear-gradient(180deg,var(--paper),var(--paper-2));padding:1.1rem;border:1px solid var(--line);transition:transform .25s ease}
.cat-tile:hover{transform:translateY(-3px)}
.cat-tile span{letter-spacing:.12em;text-transform:uppercase;font-size:.8rem}
.product-card{display:block}
.product-card .thumb{aspect-ratio:3/4;background:var(--paper);overflow:hidden}
.product-card img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}
.product-card:hover img{transform:scale(1.04)}
.price{color:var(--muted)}
.promo-band{background:var(--paper)}
.site-footer{border-top:1px solid var(--line);margin-top:4rem;background:#faf7f2}
.btn,.btn-dark,.btn-outline-dark{border-radius:0!important;letter-spacing:.12em;text-transform:uppercase;font-size:.75rem}
.btn-dark{background:var(--ink);border-color:var(--ink);padding:.75rem 1.25rem}
.form-control,.form-select{border-radius:0!important;border-color:var(--line)}
.gallery-main{background:var(--paper);aspect-ratio:4/5;display:flex;align-items:center;justify-content:center}
.gallery-main img{max-width:100%;max-height:100%;object-fit:contain}
.thumb-btn{width:68px;height:84px;padding:0;border:1px solid var(--line);background:#fff}
.thumb-btn img{width:100%;height:100%;object-fit:cover}
.swatch{border:1px solid var(--line);background:#fff;min-width:42px;height:38px}
.swatch.color{width:28px;height:28px;min-width:28px;border-radius:50%;padding:0}
.swatch.active{outline:1px solid var(--ink);outline-offset:3px}
.track-steps{display:flex;gap:.4rem;flex-wrap:wrap;margin:1.2rem 0}
.track-step{flex:1;min-width:110px;padding:.7rem .6rem;border:1px solid var(--line);text-align:center;font-size:.72rem;letter-spacing:.08em;text-transform:uppercase}
.track-step.done{background:var(--ink);color:#fff;border-color:var(--ink)}
.track-step.current{background:var(--gold);color:#fff;border-color:var(--gold)}
.mini-trust{display:flex;gap:1.5rem;flex-wrap:wrap;font-size:.8rem;color:var(--muted);margin-top:1.5rem}
@media(max-width:767px){.hero{padding:3.5rem 0 3rem}.logo{font-size:1.1rem}}