:root{
  --bg:#2B1F19;--paper:#33261F;--card:#3C2E26;--ink:#F2E7D9;--muted:#BBA796;--line:#4C3B31;--taupe:#4A382D;--btn:#F2E7D9;--btnText:#2B1F19;--overlay:rgba(0,0,0,.6);
  --serif:"Cormorant Garamond","Times New Roman",Georgia,serif;
  --sans:"Jost","Helvetica Neue",Arial,sans-serif;
  box-sizing:border-box;
  padding-top:env(safe-area-inset-top,0px);
  padding-bottom:env(safe-area-inset-bottom,0px);
}


html{scroll-padding-top:calc(env(safe-area-inset-top,0px) + 70px)}
*,*::before,*::after{box-sizing:inherit}
body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--sans);font-weight:300;font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased}
img{max-width:100%;display:block}
button{font:inherit;color:inherit;background:none;border:0;cursor:pointer;padding:0}
a{color:inherit;text-decoration:none}
:focus-visible{outline:1px solid currentColor;outline-offset:3px}
.wrap{max-width:1280px;margin:0 auto;padding:0 22px}
.small{font-size:11px;letter-spacing:.24em;text-transform:uppercase}
h1,h2,h3{font-family:var(--serif);font-weight:500;margin:0;line-height:1.1}
h2{font-size:clamp(30px,5vw,46px);letter-spacing:.04em;text-transform:uppercase}
.lead{font-family:var(--serif);font-size:clamp(19px,2.4vw,24px);line-height:1.4}
@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}

header.top{position:sticky;top:0;z-index:40;background:var(--paper);border-bottom:1px solid var(--line);padding-top:env(safe-area-inset-top,0px)}
.bar{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;height:62px;max-width:1280px;margin:0 auto;padding:0 22px}
.logo{font-family:var(--serif);font-size:28px;letter-spacing:.3em;padding-left:.3em;font-weight:500}
.icons{display:flex;justify-content:flex-end;gap:18px;align-items:center}
.ico{width:22px;height:22px;stroke:currentColor;fill:none;stroke-width:1.2}
.navlinks{display:none;gap:26px}
.navlinks a{font-size:11px;letter-spacing:.2em;text-transform:uppercase;padding:6px 0;border-bottom:1px solid transparent}
.navlinks a.on{border-color:currentColor}
@media(min-width:960px){.navlinks{display:flex}.burger{display:none}}
.search{display:none;padding:0 22px 14px;max-width:1280px;margin:0 auto}
.search.on{display:block}
.search input{width:100%;border:0;border-bottom:1px solid var(--ink);background:none;color:inherit;font:inherit;font-size:16px;padding:8px 0}
.search input:focus{outline:none}

/* hero */
.hero{position:relative;min-height:calc(100svh - 63px);overflow:hidden;background:var(--taupe);color:#fff;display:flex;align-items:flex-end}
.hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:62% 18%}
.hero::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(60,48,40,.72) 0%,rgba(60,48,40,.15) 50%,rgba(60,48,40,0) 70%)}
.hero-copy{position:relative;z-index:2;width:100%;max-width:1280px;margin:0 auto;padding:40px 26px calc(40px + env(safe-area-inset-bottom,0px));text-align:center;animation:rise 1.1s ease both}
@keyframes rise{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}
.hero h1{font-size:clamp(60px,14vw,120px);letter-spacing:.14em;padding-left:.14em;font-weight:500}
.hero .club{font-family:var(--serif);font-size:clamp(16px,2.6vw,24px);letter-spacing:.38em;text-transform:uppercase;margin-top:4px}
.hero .mark{margin:20px auto 16px;width:44px;opacity:.95}
.hero .lead{margin:0 0 24px}
.btns{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}
.b-solid,.b-ghost{display:inline-block;padding:14px 30px;font-size:11px;letter-spacing:.22em;text-transform:uppercase;min-width:150px;text-align:center;transition:background .25s,color .25s}
.b-solid{background:#fff;color:#2A2421}
.b-ghost{border:1px solid #fff}
.b-ghost:hover{background:#fff;color:#2A2421}
.b-dark{display:inline-block;background:var(--btn);color:var(--btnText);padding:15px 30px;font-size:11px;letter-spacing:.22em;text-transform:uppercase}
.link{font-size:11px;letter-spacing:.22em;text-transform:uppercase;display:inline-flex;gap:10px;align-items:center;border-bottom:1px solid currentColor;padding-bottom:3px}
@media(min-width:960px){
  .hero{display:grid;grid-template-columns:42% 58%;align-items:stretch}
  .hero::after{display:none}
  .hero>img{position:relative;grid-column:2;grid-row:1;height:calc(100svh - 63px);min-height:560px;object-position:center 12%}
  .hero-copy{grid-column:1;grid-row:1;display:flex;align-items:center;justify-content:center;padding:40px}
  .hero-copy .inner{width:100%;max-width:440px}
}

section{padding:76px 0}
.way{display:grid;gap:30px}
@media(min-width:960px){.way{grid-template-columns:1fr 2.6fr;align-items:end}}
.way p{color:var(--muted);max-width:40ch}
.tiles{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
@media(min-width:760px){.tiles{grid-template-columns:repeat(4,1fr)}}
.tile{display:block;background:var(--card);text-align:center}
.tile .ph{aspect-ratio:4/5;overflow:hidden}
.tile img{width:100%;height:100%;object-fit:cover;object-position:center 15%;transition:transform .9s ease}
.tile:hover img{transform:scale(1.04)}
.tile h3{font-size:22px;letter-spacing:.12em;text-transform:uppercase;padding:14px 8px 2px}
.tile span{display:block;font-size:12px;color:var(--muted);padding:0 8px 14px}

.mix{display:grid;background:var(--paper)}
@media(min-width:900px){.mix{grid-template-columns:1fr 1fr}}
.mix .pic{min-height:440px;position:relative}
.mix .pic img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 30%}
.mix .txt{padding:54px 30px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:16px}
.looks{display:grid;grid-template-columns:1fr 1fr;gap:14px;width:100%;max-width:460px;margin:8px 0 6px}
.looks figure{margin:0;text-align:center;font-size:12px;color:var(--muted)}
.looks img{aspect-ratio:1;object-fit:cover;width:100%;background:var(--card)}
.looks b{display:block;font-weight:500;letter-spacing:.2em;font-size:10px;color:var(--ink);margin:8px 0 2px}

.colors{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.colors a{position:relative;display:block;aspect-ratio:3/5;overflow:hidden}
.colors img{width:100%;height:100%;object-fit:cover}
.colors span{position:absolute;left:0;right:0;bottom:0;padding:40px 10px 16px;text-align:center;color:#fff;font-family:var(--serif);font-size:clamp(18px,2.6vw,26px);letter-spacing:.24em;text-transform:uppercase;background:linear-gradient(0deg,rgba(40,32,28,.55),transparent)}

.details{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(170px,1fr);gap:12px;overflow-x:auto;padding-bottom:10px;scroll-snap-type:x mandatory}
.details figure{margin:0;scroll-snap-align:start}
.details img{aspect-ratio:5/4;object-fit:cover;width:100%}
.details figcaption{font-size:13px;color:var(--muted);margin-top:10px;line-height:1.45}
.details b{display:block;font-weight:500;color:var(--ink);font-size:11px;letter-spacing:.2em;text-transform:uppercase;margin-bottom:3px}

.banners{display:grid;gap:12px}
@media(min-width:900px){.banners{grid-template-columns:1fr 1fr}}
.banner{position:relative;min-height:520px;overflow:hidden;color:#fff;display:flex;flex-direction:column;justify-content:flex-end;padding:34px}
.banner img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 20%}
.banner::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(55,44,36,.7),rgba(55,44,36,0) 55%)}
.banner>*:not(img){position:relative;z-index:2}
.banner h2{font-size:clamp(28px,4vw,40px);margin-bottom:8px}
.banner p{font-family:var(--serif);font-size:20px;margin:0 0 18px;line-height:1.35}
.banner .b-solid{align-self:flex-start}

.perks{display:grid;gap:20px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:28px 0;font-size:14px}
@media(min-width:760px){.perks{grid-template-columns:repeat(3,1fr)}}
.perks div{display:flex;gap:12px;align-items:center}

/* category page */
.cat-head{display:grid;background:var(--paper)}
@media(min-width:860px){.cat-head{grid-template-columns:1.1fr 1fr}}
.cat-head .pic{min-height:300px;position:relative}
@media(min-width:860px){.cat-head .pic{min-height:460px}}
.cat-head .pic img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 22%}
.cat-head .txt{padding:40px 28px;display:flex;flex-direction:column;justify-content:center;gap:12px}
.crumbs{font-size:12px;color:var(--muted)}
.crumbs a{text-decoration:underline}
.chips{display:flex;gap:8px;flex-wrap:wrap;margin:34px 0 26px}
.chips a{display:flex;align-items:center;gap:8px;font-size:11px;letter-spacing:.18em;text-transform:uppercase;padding:9px 15px;border:1px solid var(--line);color:var(--muted)}
.chips a.on{border-color:var(--ink);color:var(--ink)}
.chips i{width:11px;height:11px;border-radius:50%;border:1px solid var(--line)}
.grid{display:grid;grid-template-columns:repeat(2,1fr);gap:30px 12px}
@media(min-width:760px){.grid{grid-template-columns:repeat(3,1fr);gap:44px 20px}}
@media(min-width:1150px){.grid{grid-template-columns:repeat(4,1fr)}}
.card{text-align:center;display:block;width:100%}
.card .ph{aspect-ratio:4/5;overflow:hidden;background:var(--card);position:relative}
.card .ph img{width:100%;height:100%;object-fit:cover;object-position:center 15%;transition:transform .8s ease}
.card:hover .ph img{transform:scale(1.04)}
.tag{position:absolute;left:10px;top:10px;background:var(--paper);color:var(--ink);font-size:10px;letter-spacing:.16em;text-transform:uppercase;padding:4px 8px}
.card h3{font-family:var(--sans);font-weight:400;font-size:12px;letter-spacing:.16em;text-transform:uppercase;margin:14px 0 4px;line-height:1.4}
.card .pr{font-size:14px}
.sw{display:flex;gap:6px;justify-content:center;margin-top:10px}
.sw i{width:12px;height:12px;border-radius:50%;border:1px solid var(--line);display:block}
.empty{grid-column:1/-1;padding:40px 0;color:var(--muted);text-align:center}
.more{margin-top:80px}
.more .tiles{grid-template-columns:repeat(3,1fr)}

footer.site{padding:60px 0 120px;font-size:13px;border-top:1px solid var(--line)}
footer.site .cols{display:grid;gap:30px}
@media(min-width:760px){footer.site .cols{grid-template-columns:2fr 1fr 1fr}}
footer.site h4{font-weight:400;font-size:11px;letter-spacing:.22em;text-transform:uppercase;margin:0 0 12px}
footer.site ul{list-style:none;margin:0;padding:0;color:var(--muted);line-height:2.1}
.news{display:flex;border-bottom:1px solid var(--ink);max-width:380px;margin-top:14px}
.news input{flex:1;border:0;background:none;font:inherit;color:var(--ink);padding:10px 0}
.news input:focus{outline:none}

.tabbar{position:fixed;left:0;right:0;bottom:0;z-index:35;background:var(--paper);border-top:1px solid var(--line);display:grid;grid-template-columns:repeat(5,1fr);padding:8px 0 calc(8px + env(safe-area-inset-bottom,0px))}
.tabbar a{display:flex;flex-direction:column;align-items:center;gap:3px;font-size:9px;letter-spacing:.14em;text-transform:uppercase;position:relative}
.tabbar a.on{font-weight:500}
.tabbar .cnt{position:absolute;top:-4px;left:calc(50% + 6px);background:var(--ink);color:var(--bg);font-size:9px;border-radius:9px;min-width:16px;height:16px;line-height:16px;letter-spacing:0;text-align:center}
@media(max-width:959px){.hero-copy{padding-bottom:calc(96px + env(safe-area-inset-bottom,0px))}}
@media(min-width:960px){.tabbar{display:none}footer.site{padding-bottom:60px}}

.scrim{position:fixed;inset:0;background:var(--overlay);z-index:60;opacity:0;pointer-events:none;transition:opacity .35s}
.scrim.on{opacity:1;pointer-events:auto}
.drawer{position:fixed;top:0;bottom:0;z-index:70;width:min(420px,100%);background:var(--bg);display:flex;flex-direction:column;transition:transform .4s cubic-bezier(.2,.7,.2,1);padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}
.drawer.left{left:0;transform:translateX(-100%)}
.drawer.right{right:0;transform:translateX(100%)}
.drawer.on{transform:none}
.dhead{display:flex;justify-content:space-between;align-items:center;padding:18px 24px;border-bottom:1px solid var(--line)}
.dbody{flex:1;overflow-y:auto;padding:22px 24px}
.menu-list{list-style:none;padding:0;margin:0}
.menu-list a{display:block;font-family:var(--serif);font-size:26px;letter-spacing:.06em;text-transform:uppercase;padding:9px 0}
.menu-list .s a{font-family:var(--sans);font-size:12px;letter-spacing:.22em;padding:10px 0}
.line-item{display:grid;grid-template-columns:76px 1fr auto;gap:14px;padding:16px 0;border-bottom:1px solid var(--line)}
.line-item img{width:76px;height:95px;object-fit:cover;object-position:center 15%}
.line-item h5{margin:0;font-weight:400;font-size:12px;letter-spacing:.14em;text-transform:uppercase}
.line-item .meta{font-size:12px;color:var(--muted);line-height:1.6}
.qty{display:inline-flex;border:1px solid var(--line);margin-top:8px}
.qty button{width:30px;height:28px}
.qty span{min-width:24px;text-align:center;line-height:28px;font-size:13px}
.rm{font-size:11px;color:var(--muted);text-decoration:underline;align-self:start}
.ship{font-size:12px;color:var(--muted);margin-bottom:6px}
.prog{height:2px;background:var(--line);margin-bottom:12px}.prog i{display:block;height:100%;background:var(--ink);transition:width .4s}
.dfoot{padding:20px 24px;border-top:1px solid var(--line)}
.tot{display:flex;justify-content:space-between;font-size:14px;letter-spacing:.12em;text-transform:uppercase;margin-bottom:14px}
.btn-full{display:block;width:100%;background:var(--btn);color:var(--btnText);padding:17px;font-size:12px;letter-spacing:.26em;text-transform:uppercase;text-align:center}
.field{display:block;margin-bottom:14px;font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}
.field input{display:block;width:100%;margin-top:6px;border:0;border-bottom:1px solid var(--line);background:none;font:inherit;font-size:15px;letter-spacing:0;text-transform:none;color:var(--ink);padding:8px 0}
.field input:focus{outline:none;border-color:var(--ink)}

.modal{position:fixed;inset:0;z-index:80;display:flex;align-items:flex-end;justify-content:center;pointer-events:none}
.modal .box{background:var(--bg);width:100%;max-width:1060px;max-height:calc(100% - env(safe-area-inset-top,0px) - 16px);overflow-y:auto;transform:translateY(100%);transition:transform .45s cubic-bezier(.2,.7,.2,1);pointer-events:auto;padding-bottom:env(safe-area-inset-bottom,0px)}
.modal.on .box{transform:none}
@media(min-width:860px){.modal{align-items:center}.modal .box{transform:translateY(30px);opacity:0;transition:transform .4s,opacity .4s}.modal.on .box{transform:none;opacity:1}}
.pd{display:grid}
@media(min-width:860px){.pd{grid-template-columns:1.05fr 1fr}}
.pd .main{aspect-ratio:4/5;background:var(--card);overflow:hidden}
.pd .main img{width:100%;height:100%;object-fit:cover;object-position:center 15%}
.thumbs{display:flex;gap:6px;padding:6px;overflow-x:auto}
.thumbs button{flex:0 0 62px;aspect-ratio:4/5;overflow:hidden;opacity:.55;border:1px solid transparent}
.thumbs button.on{opacity:1;border-color:var(--ink)}
.thumbs img{width:100%;height:100%;object-fit:cover}
.pd .info{padding:26px 26px 30px}
.pd h3{font-size:32px;letter-spacing:.04em;text-transform:uppercase}
.pd .p{font-size:20px;margin:10px 0 14px}
.pd .d{color:var(--muted);font-size:14px;max-width:46ch}
.lbl{font-size:11px;letter-spacing:.2em;text-transform:uppercase;margin:22px 0 10px}
.sizes{display:flex;flex-wrap:wrap;gap:8px}
.sizes button{min-width:52px;height:44px;padding:0 10px;border:1px solid var(--line);font-size:12px}
.sizes button.on{border-color:var(--ink);background:var(--ink);color:var(--bg)}
.swatches{display:flex;gap:12px}
.swatches button{width:32px;height:32px;border-radius:50%;border:1px solid var(--line);outline-offset:3px}
.swatches button.on{outline:1px solid var(--ink)}
.err{color:#A3322A;font-size:12px;min-height:18px;margin:12px 0 4px}
.closeX{position:sticky;top:0;margin:0 0 -46px auto;z-index:3;width:46px;height:46px;background:var(--bg);display:grid;place-items:center}
.toast{position:fixed;left:50%;bottom:calc(90px + env(safe-area-inset-bottom,0px));transform:translate(-50%,20px);background:var(--ink);color:var(--bg);padding:12px 22px;font-size:12px;letter-spacing:.16em;text-transform:uppercase;opacity:0;transition:.35s;z-index:90;pointer-events:none;white-space:nowrap}
.toast.on{opacity:1;transform:translate(-50%,0)}
[hidden]{display:none!important}
.tile .cta{display:inline-block;font-size:10px;letter-spacing:.22em;text-transform:uppercase;border-bottom:1px solid currentColor;padding-bottom:2px;margin:0 0 16px}
.tile span{padding-bottom:8px}
.feature{display:grid;background:var(--paper)}
@media(min-width:900px){.feature{grid-template-columns:1.15fr 1fr}.feature.rev .pic{order:2}}
.feature .pic{min-height:460px;position:relative}
@media(min-width:900px){.feature .pic{min-height:600px}}
.feature .pic img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 15%}
.feature .txt{padding:50px 30px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:14px;max-width:560px}
.feature .txt p{color:var(--muted);margin:0;max-width:40ch}
.eyebrow{font-size:11px;letter-spacing:.26em;text-transform:uppercase;color:var(--muted)}
.lookrow{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;width:100%}
.lookrow a{text-align:left}
.lookrow img{aspect-ratio:3/4;object-fit:cover;object-position:center 15%;width:100%}
.lookrow b{display:block;font-weight:400;font-size:10px;letter-spacing:.2em;margin-top:8px}
.newsletter{text-align:center;padding:70px 22px;background:var(--paper)}
.newsletter p{color:var(--muted);max-width:44ch;margin:12px auto 22px}
.newsletter .news{margin:0 auto}
footer.site .cols{grid-template-columns:1fr 1fr}
@media(min-width:760px){footer.site .cols{grid-template-columns:repeat(4,1fr)}}
.ways{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin:40px 0 10px}
@media(min-width:900px){.ways{grid-template-columns:repeat(4,1fr)}}
.ways a{text-align:left;background:var(--paper)}
.ways img{aspect-ratio:4/5;object-fit:cover;object-position:center 15%;width:100%}
.ways .w{padding:14px}
.ways h3{font-size:19px;letter-spacing:.08em;text-transform:uppercase}
.ways p{font-size:13px;color:var(--muted);margin:6px 0 0;line-height:1.5}
.secthead{display:flex;justify-content:space-between;align-items:flex-end;gap:12px;flex-wrap:wrap;margin:60px 0 6px}
/* mix page */
.looks2{display:grid;gap:40px}
.look{display:grid;gap:0;background:var(--paper)}
@media(min-width:860px){.look{grid-template-columns:1fr 1fr}.look:nth-child(even) .pic{order:2}}
.look .pic{position:relative;min-height:480px}
.look .pic img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 15%}
.look .txt{padding:40px 30px;display:flex;flex-direction:column;justify-content:center;gap:12px}
.look ul{list-style:none;padding:0;margin:6px 0 12px}
.look li{border-bottom:1px solid var(--line)}
.look li a{width:100%;display:flex;justify-content:space-between;padding:11px 0;font-size:14px;text-align:left}
.look .note{font-size:13px;color:var(--muted)}
.styler{background:var(--paper);padding:34px 26px;margin-top:20px}
.step{margin-bottom:18px}
.opts{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}
.opts button{display:flex;align-items:center;gap:8px;padding:10px 16px;border:1px solid var(--line);font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--muted)}
.opts button.on{border-color:var(--ink);color:var(--ink)}
.opts i{width:11px;height:11px;border-radius:50%;border:1px solid var(--line)}
.combos{display:grid;gap:14px;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));margin-top:22px}
.combo{background:var(--bg);padding:10px}
.combo .imgs{display:grid;grid-template-columns:1fr 1fr;gap:4px}
.combo .imgs img{aspect-ratio:3/4;object-fit:cover;object-position:center 15%;width:100%}
.combo h4{font-weight:400;font-size:11px;letter-spacing:.16em;text-transform:uppercase;margin:12px 0 4px;line-height:1.5}
.combo .k{font-size:12px;color:var(--muted);margin-bottom:10px}
.chk{display:flex;gap:10px;align-items:center;font-size:13px;color:var(--muted);margin-top:6px}
.b-line{display:inline-block;border:1px solid var(--ink);padding:11px 20px;font-size:10px;letter-spacing:.22em;text-transform:uppercase}
/* product extras */
.extra{padding:6px 26px 30px;clear:both}
.extra h4{font-weight:400;font-size:11px;letter-spacing:.22em;text-transform:uppercase;margin:28px 0 12px;display:flex;justify-content:space-between;align-items:center}
.mini-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:10px}
.mini-grid button{text-align:left;font-size:11px;letter-spacing:.1em;text-transform:uppercase;line-height:1.4}
.mini-grid img{aspect-ratio:4/5;object-fit:cover;object-position:center 15%;width:100%;margin-bottom:6px;background:var(--card)}
.mini-grid span{display:block;color:var(--muted);text-transform:none;letter-spacing:0;font-size:12px}
.lookline{display:grid;grid-template-columns:64px 1fr;gap:14px;padding:14px 0;border-bottom:1px solid var(--line)}
.lookline img{width:64px;height:80px;object-fit:cover;object-position:center 15%}
.lookline h5{margin:0;font-weight:400;font-size:12px;letter-spacing:.14em;text-transform:uppercase}
.lookline .sizes button{min-width:40px;height:34px;font-size:11px}
.about{max-width:760px;margin:0 auto;padding:20px 22px 40px}
.about p{color:var(--muted);font-size:17px}

/* ===== WordPress / WooCommerce additions ===== */
h1.h2{font-size:clamp(30px,5vw,46px);letter-spacing:.04em;text-transform:uppercase}
.bagbtn{display:flex;gap:4px;align-items:center;font-size:12px}
.search input[type=search]{width:100%;border:0;border-bottom:1px solid var(--ink);background:none;color:inherit;font:inherit;font-size:16px;padding:8px 0}
.search input:focus{outline:none}
.tile .cta{font-style:normal}
.lookrow a{display:block}
.ways a{display:block;color:inherit}
.look li a{display:flex;justify-content:space-between;width:100%;padding:11px 0;font-size:14px}
.look li a .amount{color:var(--muted)}
.legal{margin-top:40px;color:var(--muted);font-size:12px;line-height:1.8}
.page-wrap{padding-top:50px;padding-bottom:30px;min-height:50vh}
.page-title{font-size:clamp(30px,5vw,44px);letter-spacing:.04em;text-transform:uppercase;margin-bottom:28px}
.entry-content{color:var(--ink);max-width:860px}
.entry-content a{text-decoration:underline}
.entry-content p{color:var(--muted)}
.about p{color:var(--muted)}
.chips a{display:flex;align-items:center;gap:8px}
.news-sc input{background:none;border:0;border-bottom:1px solid var(--ink);color:var(--ink);padding:10px 0}
body.admin-bar header.top{top:32px}
@media (max-width:782px){body.admin-bar header.top{top:46px}}
@media(max-width:959px){body{padding-bottom:70px}}

/* Inputs */
input[type=text],input[type=email],input[type=tel],input[type=number],input[type=password],input[type=search],textarea,select{background:var(--paper);color:var(--ink);border:1px solid var(--line);border-radius:0;padding:12px;font:inherit;font-size:15px}
::placeholder{color:var(--muted);opacity:1}

/* Product grid */
.woocommerce ul.products,.woocommerce-page ul.products{display:grid;grid-template-columns:repeat(2,1fr);gap:30px 12px;margin:0;padding:0}
@media(min-width:760px){.woocommerce ul.products,.woocommerce-page ul.products{grid-template-columns:repeat(3,1fr);gap:44px 20px}}
@media(min-width:1150px){.woocommerce ul.products,.woocommerce-page ul.products{grid-template-columns:repeat(4,1fr)}}
.woocommerce ul.products::before,.woocommerce ul.products::after{display:none!important}
.woocommerce ul.products li.product,.woocommerce-page ul.products li.product{width:auto!important;margin:0!important;float:none!important;text-align:center;position:relative;padding:0}
.woocommerce ul.products li.product a img{aspect-ratio:4/5;object-fit:cover;object-position:center 15%;margin:0 0 14px!important;background:var(--card);transition:transform .8s ease}
.woocommerce ul.products li.product a{display:block;overflow:hidden}
.woocommerce ul.products li.product .woocommerce-loop-product__title{font-family:var(--sans);font-weight:400;font-size:12px!important;letter-spacing:.16em;text-transform:uppercase;padding:0!important;margin:0 0 4px;color:var(--ink);line-height:1.4}
.woocommerce ul.products li.product .price{color:var(--ink)!important;font-size:14px!important;margin:0;display:block}
.woocommerce ul.products li.product .tag{position:absolute;left:10px;top:10px;z-index:2}
.woocommerce span.onsale{background:var(--paper);color:var(--ink);border-radius:0;min-height:0;min-width:0;line-height:1;padding:6px 8px;font-size:10px;letter-spacing:.16em;text-transform:uppercase;font-weight:400;top:10px;right:10px;left:auto}
.woocommerce-info,.woocommerce-message,.woocommerce-error,.woocommerce-noreviews,p.no-comments{background:var(--paper)!important;color:var(--ink)!important;border-top-color:var(--ink)!important}
.woocommerce-info::before,.woocommerce-message::before{color:var(--ink)!important}
.woocommerce nav.woocommerce-pagination ul,.woocommerce nav.woocommerce-pagination ul li{border-color:var(--line)}
.woocommerce nav.woocommerce-pagination ul li a,.woocommerce nav.woocommerce-pagination ul li span{color:var(--ink);padding:10px 14px}
.woocommerce nav.woocommerce-pagination ul li span.current{background:var(--ink);color:var(--bg)}
.shop-loop{min-height:200px}

/* Buttons */
.woocommerce a.button,.woocommerce button.button,.woocommerce input.button,.woocommerce #respond input#submit,.woocommerce button.button.alt,.woocommerce a.button.alt,.woocommerce .single_add_to_cart_button{background:var(--btn)!important;color:var(--btnText)!important;border-radius:0!important;font-family:var(--sans);font-weight:400!important;font-size:12px!important;letter-spacing:.22em;text-transform:uppercase;padding:16px 28px!important;border:0}
.woocommerce a.button:hover,.woocommerce button.button:hover{opacity:.9}
.woocommerce button.button:disabled,.woocommerce button.button.disabled{opacity:.4!important}

/* Single product */
.shop-single{padding-top:30px;padding-bottom:40px}
.woocommerce div.product .product_title{font-family:var(--serif);font-weight:500;font-size:clamp(28px,4vw,38px);letter-spacing:.04em;text-transform:uppercase;line-height:1.1}
.woocommerce div.product p.price,.woocommerce div.product span.price{color:var(--ink)!important;font-size:20px!important;margin:10px 0 16px}
.woocommerce div.product .woocommerce-product-details__short-description{color:var(--muted);font-size:15px}
.woocommerce div.product form.cart{margin-top:22px}
.woocommerce div.product form.cart .variations{margin-bottom:10px;border:0}
.woocommerce div.product form.cart .variations th,.woocommerce div.product form.cart .variations td{display:block;padding:0;text-align:left;border:0;background:none}
.woocommerce div.product form.cart .variations th label{font-size:11px;letter-spacing:.2em;text-transform:uppercase;font-weight:400;color:var(--ink);margin:16px 0 8px;display:block}
.woocommerce div.product form.cart .variations select{width:100%;max-width:340px;margin:0;appearance:auto}
.woocommerce div.product form.cart .reset_variations{color:var(--muted);font-size:12px;display:inline-block;margin-top:8px}
.woocommerce div.product .woocommerce-variation-price .price{font-size:18px!important}
.woocommerce .quantity .qty{width:70px;padding:12px 6px;text-align:center}
.woocommerce div.product form.cart div.quantity{margin-right:10px}
.woocommerce div.product .product_meta{font-size:12px;color:var(--muted);margin-top:20px}
.woocommerce div.product .product_meta a{text-decoration:underline}
.woocommerce div.product div.images .woocommerce-product-gallery__image img{object-fit:cover}
.woocommerce div.product div.images .flex-control-thumbs{margin-top:6px!important}
.woocommerce div.product div.images .flex-control-thumbs li{width:20%!important;padding:3px}
.woocommerce div.product div.images .flex-control-thumbs li img{opacity:.55;aspect-ratio:4/5;object-fit:cover}
.woocommerce div.product div.images .flex-control-thumbs li img.flex-active{opacity:1}
.woocommerce-product-gallery__trigger{background:var(--paper)!important}
.woocommerce div.product .woocommerce-tabs{margin-top:50px;clear:both}
.woocommerce div.product .woocommerce-tabs ul.tabs{padding:0!important;margin:0 0 24px!important;border-bottom:1px solid var(--line);overflow-x:auto;white-space:nowrap}
.woocommerce div.product .woocommerce-tabs ul.tabs::before{display:none}
.woocommerce div.product .woocommerce-tabs ul.tabs li{background:none!important;border:0!important;border-radius:0!important;margin:0 22px 0 0!important;padding:0!important}
.woocommerce div.product .woocommerce-tabs ul.tabs li::before,.woocommerce div.product .woocommerce-tabs ul.tabs li::after{display:none!important}
.woocommerce div.product .woocommerce-tabs ul.tabs li a{color:var(--muted)!important;font-weight:400!important;font-size:11px;letter-spacing:.2em;text-transform:uppercase;padding:12px 0!important}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active a{color:var(--ink)!important;border-bottom:1px solid var(--ink)}
.woocommerce div.product .woocommerce-tabs .panel{color:var(--muted)}
.woocommerce div.product .woocommerce-tabs .panel h2{display:none}
.woocommerce table.shop_attributes,.woocommerce table.shop_attributes th,.woocommerce table.shop_attributes td{border-color:var(--line)!important;background:none!important;color:var(--ink)}
.woocommerce table.shop_attributes th{font-weight:400;font-size:12px;letter-spacing:.14em;text-transform:uppercase}
.related.products>h2,.upsells.products>h2,.match-with>h2{font-family:var(--serif);font-weight:500;font-size:clamp(24px,3.4vw,32px);text-transform:uppercase;letter-spacing:.04em;margin:50px 0 22px}
.woocommerce #reviews #comments ol.commentlist li .comment-text{border-color:var(--line)}
.woocommerce .star-rating,.woocommerce p.stars a{color:var(--ink)}

/* Classic cart / checkout / account */
.woocommerce table.shop_table{border-color:var(--line);border-radius:0;color:var(--ink)}
.woocommerce table.shop_table th,.woocommerce table.shop_table td{border-color:var(--line)!important}
.woocommerce table.shop_table img{width:70px}
.woocommerce .cart-collaterals .cart_totals h2,.woocommerce-checkout h3{font-family:var(--serif);font-weight:500;text-transform:uppercase}
.woocommerce form .form-row label{font-size:12px;letter-spacing:.1em;color:var(--muted)}
.woocommerce form .form-row input.input-text,.woocommerce form .form-row textarea,.woocommerce form .form-row select{background:var(--paper);color:var(--ink);border:1px solid var(--line);border-radius:0;padding:12px}
.select2-container--default .select2-selection--single{background:var(--paper);border-color:var(--line);border-radius:0;height:46px}
.select2-container--default .select2-selection--single .select2-selection__rendered{color:var(--ink);line-height:46px}
.select2-dropdown{background:var(--paper);color:var(--ink);border-color:var(--line)}
#add_payment_method #payment,.woocommerce-cart #payment,.woocommerce-checkout #payment{background:var(--paper)!important;border-radius:0}
.woocommerce-checkout #payment div.payment_box{background:var(--card)!important;color:var(--ink)!important}
.woocommerce-checkout #payment div.payment_box::before{border-bottom-color:var(--card)!important}
.woocommerce-checkout #payment ul.payment_methods{border-color:var(--line)}

/* Block cart & checkout (WooCommerce default) */
.wp-block-woocommerce-cart,.wp-block-woocommerce-checkout{color:var(--ink)}
.wc-block-components-text-input input,.wc-block-components-text-input input[type],.wc-block-components-combobox .wc-block-components-combobox-control input,.wc-blocks-components-select .wc-blocks-components-select__select,.wc-block-components-textarea,.wc-block-components-form .wc-block-components-text-input input{background:var(--paper)!important;color:var(--ink)!important;border:1px solid var(--line)!important;border-radius:0!important}
.wc-block-components-text-input label,.wc-blocks-components-select .wc-blocks-components-select__label,.wc-block-components-combobox label{color:var(--muted)!important}
.wc-blocks-components-select .wc-blocks-components-select__container{background:var(--paper)!important;border-radius:0!important}
.wc-block-components-button:not(.is-link),.wc-block-cart__submit-button,.wc-block-components-checkout-place-order-button{background:var(--btn)!important;color:var(--btnText)!important;border-radius:0!important;text-transform:uppercase;letter-spacing:.2em;font-size:12px!important;font-weight:400!important;border:0!important}
.wc-block-components-button.is-link,.wc-block-components-totals-coupon-link,.wc-block-components-panel__button,.wc-block-components-totals-coupon__button{color:var(--ink)!important}
.wc-block-components-totals-coupon__form .wc-block-components-totals-coupon__button{background:var(--btn)!important;color:var(--btnText)!important;border-radius:0!important}
.wc-block-components-totals-wrapper,.wc-block-components-order-summary,.wc-block-cart-items,.wc-block-cart-items td,.wc-block-cart-items th,.wc-block-components-sidebar-layout .wc-block-components-main{border-color:var(--line)!important}
.wc-block-components-product-name{color:var(--ink)!important;text-transform:uppercase;letter-spacing:.12em;font-size:13px}
.wc-block-components-product-metadata,.wc-block-components-totals-item__description,.wc-block-cart-item__remove-link{color:var(--muted)!important}
.wc-block-components-quantity-selector{border-color:var(--line)!important}
.wc-block-components-quantity-selector input,.wc-block-components-quantity-selector button{color:var(--ink)!important;background:transparent!important}
.wc-block-components-radio-control__option,.wc-block-components-radio-control-accordion-option{color:var(--ink)}
.wc-block-components-radio-control__input,.wc-block-components-checkbox__input{background:var(--paper)!important;border-color:var(--muted)!important}
.wc-block-components-radio-control__input:checked::before{background:var(--ink)!important}
.wc-block-components-checkbox__mark{fill:var(--ink)!important}
.wc-block-components-notice-banner{background:var(--paper)!important;color:var(--ink)!important;border-color:var(--line)!important}
.wc-block-components-title,.wc-block-components-checkout-step__title,.wc-block-cart__totals-title{font-family:var(--serif)!important;text-transform:uppercase;letter-spacing:.06em;color:var(--ink)!important}
.wc-block-components-formatted-money-amount,.wc-block-components-totals-item__value{color:var(--ink)}
.wp-block-woocommerce-empty-cart-block h2{font-family:var(--serif)}

/* Variation buttons (v1.1) */
.woocommerce div.product form.cart .variations select.hippo-hidden{display:none!important}
.hippo-opts{display:flex;flex-wrap:wrap;gap:8px}
.hippo-opts button{min-width:52px;height:44px;padding:0 12px;border:1px solid var(--line);background:none;color:var(--ink);font:inherit;font-size:12px;letter-spacing:.08em;cursor:pointer;transition:border-color .2s,background .2s}
.hippo-opts button:hover{border-color:var(--muted)}
.hippo-opts button.on{background:var(--ink);color:var(--bg);border-color:var(--ink)}
.hippo-opts button.off{opacity:.3;text-decoration:line-through}
.hippo-opts.is-color button{display:flex;align-items:center;gap:9px;padding:0 16px 0 10px;text-transform:none}
.hippo-opts.is-color i{width:18px;height:18px;border-radius:50%;border:1px solid var(--line);display:block;flex:0 0 18px}
.hippo-opts.is-color button.on{background:none;color:var(--ink);border-color:var(--ink);box-shadow:inset 0 0 0 1px var(--ink)}
.woocommerce div.product form.cart .variations tr{display:block;margin-bottom:6px}
.woocommerce div.product form.cart .reset_variations{margin-top:12px}
select option{background:#33261F;color:#F2E7D9}
