/* Studio Beige Boutique v2 (Sep 23 2026). Loaded only when sb_v2_on(). Tokens come from shop.css (--sbx-*). */

.sb-v2 .sb-shop{padding-top:clamp(1.4rem,3.5vw,3rem)}
.sbv2-eyebrow{display:block;font-family:var(--sbx-sans);font-size:.68rem;letter-spacing:.28em;text-transform:uppercase;color:var(--sbx-mocha);margin:0 0 .7rem}
.sbv2-sec-head{display:flex;align-items:flex-end;justify-content:space-between;gap:1.5rem;margin:0 0 1.8rem}
.sbv2-sec-head.sbv2-center{justify-content:center;text-align:center}
.sbv2-sec-title{font-family:var(--sbx-serif)!important;font-weight:400!important;font-size:clamp(2rem,3.6vw,3rem)!important;line-height:1.05;color:var(--sbx-ink)!important;margin:0!important;letter-spacing:.3px}
.sbv2-link{font-family:var(--sbx-sans);font-size:.72rem;letter-spacing:.18em;text-transform:uppercase;color:var(--sbx-brown);text-decoration:none;border-bottom:1px solid var(--sbx-gold);padding-bottom:.2rem;white-space:nowrap}
.sbv2-link:hover{color:var(--sbx-mocha)}

/* buttons */
.sbv2-btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 1.7rem;font-family:var(--sbx-sans);font-size:.72rem;letter-spacing:.22em;text-transform:uppercase;text-decoration:none;border-radius:2px;transition:background .25s,color .25s,border-color .25s}
.sbv2-btn-solid{background:var(--sbx-ink);color:var(--sbx-soft)}
.sbv2-btn-solid:hover{background:var(--sbx-mocha);color:var(--sbx-soft)}
.sbv2-btn-line{border:1px solid var(--sbx-brown);color:var(--sbx-ink)}
.sbv2-btn-line:hover{background:var(--sbx-ink);border-color:var(--sbx-ink);color:var(--sbx-soft)}
.sbv2-btn:focus-visible,.sbv2-arrow:focus-visible,.sbv2-house:focus-visible,.sbv2-rail:focus-visible{outline:2px solid var(--sbx-mocha);outline-offset:3px}

/* 1. hero */
.sbv2-hero{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(2rem,5vw,5rem);align-items:center;margin:0 0 clamp(2rem,4vw,3rem)}
.sbv2-hero-title{font-family:var(--sbx-serif)!important;font-weight:400!important;font-size:clamp(2.7rem,5.4vw,4.9rem)!important;line-height:1.02!important;color:var(--sbx-ink)!important;margin:0 0 1.3rem!important;letter-spacing:.2px}
.sbv2-hero-title em{font-style:italic;color:var(--sbx-mocha)}
.sbv2-hero-sub{font-family:var(--sbx-sans);font-size:1.05rem;line-height:1.75;color:var(--sbx-brown);max-width:40ch;margin:0 0 2rem}
.sbv2-hero-ctas{display:flex;flex-wrap:wrap;gap:.8rem}
.sbv2-hero-media{position:relative;padding:0 0 12% 0}
.sbv2-hero-main{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:2px}
.sbv2-hero-inset{position:absolute;left:-7%;bottom:0;width:31%;aspect-ratio:3/4;object-fit:cover;border:8px solid var(--sbx-ivory);border-radius:2px;box-shadow:0 30px 60px -35px rgba(44,36,32,.55)}

/* trust strip */
.sbv2-trust{list-style:none;margin:0 0 clamp(2.4rem,5vw,3.6rem);padding:1.1rem 0;display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;border-top:1px solid var(--sbx-warm);border-bottom:1px solid var(--sbx-warm)}
.sbv2-trust li{display:flex;align-items:center;justify-content:center;gap:.6rem;font-family:var(--sbx-sans);font-size:.8rem;letter-spacing:.03em;color:var(--sbx-brown);text-align:left}
.sbv2-trust svg{color:var(--sbx-mocha);flex:none}

/* category pills sit under the trust strip on the landing */
.sb-v2-landing .sb-cat-pills{margin-bottom:clamp(2.6rem,5vw,4rem)}

/* 2. new arrivals rail */
.sbv2-new{margin:0 0 clamp(3.4rem,6vw,5rem)}
.sbv2-rail-ctrl{display:flex;align-items:center;gap:.6rem}
.sbv2-rail-ctrl .sbv2-link{margin-right:.8rem}
.sbv2-arrow{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;border:1px solid var(--sbx-warm);background:var(--sbx-soft);color:var(--sbx-ink);cursor:pointer;transition:background .2s,color .2s,opacity .2s}
.sbv2-arrow:hover:not(:disabled){background:var(--sbx-ink);color:var(--sbx-soft);border-color:var(--sbx-ink)}
.sbv2-arrow:disabled{opacity:.35;cursor:default}
.sbv2-rail{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 3 * 1.4rem) / 4);column-gap:1.4rem;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding:0 0 .4rem;overscroll-behavior-x:contain}
.sbv2-rail::-webkit-scrollbar{display:none}
.sbv2-card{scroll-snap-align:start;display:flex;flex-direction:column;min-width:0}
.sbv2-card-media{position:relative;display:block;aspect-ratio:1/1;background:var(--sbx-soft);border:1px solid rgba(84,70,58,.07);border-radius:2px;overflow:hidden;margin:0 0 1rem}
.sbv2-card-media img{width:100%!important;height:100%!important;object-fit:contain;padding:9%;box-sizing:border-box;mix-blend-mode:multiply;margin:0!important;transition:transform .6s cubic-bezier(.2,.7,.2,1)}
.sbv2-card:hover .sbv2-card-media img{transform:scale(1.04)}
.sbv2-card-body{display:flex;flex-direction:column;flex:1}
.sbv2-card-brand{display:block;font-family:var(--sbx-sans);font-size:.64rem;letter-spacing:.2em;text-transform:uppercase;color:var(--sbx-mocha);margin:0 0 .35rem}
.sbv2-card-name{font-family:var(--sbx-serif)!important;font-weight:500!important;font-size:1.3rem!important;line-height:1.18!important;margin:0 0 .35rem!important}
.sbv2-card-name a{color:var(--sbx-ink);text-decoration:none}
.sbv2-card-price{font-family:var(--sbx-sans);font-size:.86rem;color:var(--sbx-brown);letter-spacing:.03em;margin:0 0 .9rem}
.sbv2-card-atc{margin-top:auto!important;align-self:flex-start;min-height:44px;display:inline-flex!important;align-items:center}
.sbv2-card .added_to_cart{display:none}

/* New badge (rail + grid) */
.sbv2-badge{position:absolute;top:.7rem;left:.7rem;z-index:2;background:var(--sbx-ivory);color:var(--sbx-ink);font-family:var(--sbx-sans);font-size:.6rem;letter-spacing:.22em;text-transform:uppercase;padding:.38rem .6rem;border:1px solid var(--sbx-warm);border-radius:2px;pointer-events:none}

/* category tiles header rhythm */
.sb-v2-landing .sb-cat-index{margin-bottom:clamp(3.4rem,6vw,5rem)}
.sb-v2-landing .sb-cat-index-title{font-size:clamp(2rem,3.6vw,3rem);color:var(--sbx-ink)}

/* 3. the houses */
.sbv2-houses{margin:0 0 clamp(3.4rem,6vw,5rem)}
.sbv2-house-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid var(--sbx-warm);border-left:1px solid var(--sbx-warm)}
.sbv2-house{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.45rem;min-height:150px;padding:1.4rem 1rem;text-align:center;text-decoration:none;border-right:1px solid var(--sbx-warm);border-bottom:1px solid var(--sbx-warm);background:transparent;transition:background .3s}
.sbv2-house:hover{background:var(--sbx-cream)}
.sbv2-house-name{overflow-wrap:anywhere;font-family:var(--sbx-serif);font-size:clamp(1.35rem,2vw,1.75rem);color:var(--sbx-ink);letter-spacing:.06em;line-height:1.15}
.sbv2-house-count{font-family:var(--sbx-sans);font-size:.64rem;letter-spacing:.2em;text-transform:uppercase;color:var(--sbx-mocha)}

/* atelier story */
.sbv2-story{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:clamp(2rem,6vw,6rem);align-items:center;margin:0 0 clamp(3.6rem,7vw,6rem);padding:clamp(2rem,4vw,3.5rem);background:var(--sbx-cream);border-radius:2px}
.sbv2-story-media img{display:block;width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:2px}
.sbv2-story-copy p{font-family:var(--sbx-sans);font-size:1rem;line-height:1.8;color:var(--sbx-brown);max-width:46ch;margin:1.1rem 0 0}
.sbv2-story-copy .sbv2-btn{margin-top:1.8rem}

/* 4. grid */
.sbv2-grid-head{border-bottom:1px solid var(--sbx-warm);padding-bottom:1.2rem}
.sb-v2 ul.products{grid-template-columns:repeat(4,1fr);gap:clamp(2rem,3.5vw,3rem) clamp(1rem,2vw,1.6rem)}
.sb-v2 ul.products li.product a.woocommerce-LoopProduct-link{position:relative}
.sb-v2 ul.products li.product .sbv2-card-brand{margin-top:.1rem}
.sb-v2 ul.products li.product .woocommerce-loop-product__title{font-size:1.25rem!important}

/* responsive */
@media (max-width:1200px){
  .sb-v2 ul.products{grid-template-columns:repeat(3,1fr)}
  .sbv2-rail{grid-auto-columns:calc((100% - 2 * 1.4rem) / 3)}
}
@media (max-width:1024px){
  .sb-v2 ul.products{grid-template-columns:repeat(2,1fr)}
  .sbv2-trust{grid-template-columns:repeat(2,1fr);row-gap:.9rem}
  .sbv2-trust li{justify-content:flex-start}
  .sbv2-house-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:820px){
  .sbv2-hero{grid-template-columns:1fr;gap:1.6rem}
  .sbv2-hero-media{order:-1;padding:0 0 0 18%}
  .sbv2-hero-inset{left:0;width:34%;bottom:-10%}
  .sbv2-hero-copy{padding-top:1.6rem}
  .sbv2-story{grid-template-columns:1fr;padding:1.2rem 1.2rem 2rem}
  .sbv2-story-media img{aspect-ratio:4/3}
  .sbv2-rail{grid-auto-columns:calc((100% - 1.4rem) / 2.3)}
}
@media (max-width:600px){
  .sbv2-sec-head{align-items:flex-end;margin-bottom:1.3rem}
  .sbv2-arrow{display:none}
  .sbv2-rail-ctrl .sbv2-link{margin:0}
  .sbv2-rail{grid-auto-columns:72%;column-gap:1rem}
  .sbv2-hero-sub{font-size:1rem}
  .sbv2-hero-ctas .sbv2-btn{flex:1 1 100%}
  .sbv2-trust{grid-template-columns:1fr 1fr;gap:.8rem .6rem;padding:1rem 0}
  .sbv2-trust li{font-size:.74rem;align-items:flex-start}
  .sbv2-house{min-height:112px;padding:1.2rem .7rem}
  .sbv2-house-name{font-size:1.12rem;letter-spacing:0}
  .sbv2-house-name.sbv2-house-long{font-size:.98rem;white-space:nowrap;overflow-wrap:normal}
  .sb-v2-landing .sb-cat-tiles{display:grid;grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:42%;gap:1rem;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;max-width:none;padding-bottom:.3rem}
  .sb-v2-landing .sb-cat-tiles::-webkit-scrollbar{display:none}
  .sb-v2-landing .sb-cat-tile{scroll-snap-align:start}
  .sb-v2-landing .sb-cat-index-title{text-align:left}
  .sb-v2 ul.products{gap:1.8rem .9rem}
  .sb-v2 ul.products li.product .woocommerce-loop-product__title{font-size:1.08rem!important}
}
@media (prefers-reduced-motion:reduce){
  .sbv2-rail{scroll-behavior:auto}
  .sbv2-card-media img,.sbv2-house,.sbv2-btn{transition:none}
}