@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&display=swap');:root{--bg:#f0efe9;--ink:#141414;--muted:#797970;--line:#d4d2c9;--accent:#c6ff4b}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:Manrope,Arial,sans-serif}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button{cursor:pointer}.announcement{background:var(--accent);text-align:center;padding:10px 16px;font:500 10px 'DM Mono',monospace;letter-spacing:.15em}.site-header{height:82px;padding:0 5.5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:20px}.wordmark{font-size:26px;font-weight:800;letter-spacing:-.09em}.wordmark span{font:10px 'DM Mono',monospace;vertical-align:top;margin-left:4px;letter-spacing:0}.site-header nav,.header-actions{display:flex;align-items:center;gap:25px}.site-header nav a,.cart-toggle,.account-link{font:10px 'DM Mono',monospace;letter-spacing:.1em}.cart-toggle{border:0;background:none;padding:10px}.cart-toggle span{display:inline-grid;place-items:center;background:#151515;color:#fff;border-radius:50%;width:22px;height:22px;margin-left:6px}.hero{min-height:var(--hero-min-height,650px);background:#161715;color:#f5f3eb;position:relative;display:flex;align-items:center;padding:8% 9%;overflow:hidden;background-image:radial-gradient(ellipse at 72% 45%,rgba(195,255,75,.12),transparent 36%),linear-gradient(125deg,#191a17,#0d0e0d 72%)}.hero:after{content:"MONO / 001";position:absolute;right:-25px;top:48%;font:800 clamp(70px,14vw,210px) Manrope,sans-serif;letter-spacing:-.1em;color:#ffffff09;transform:rotate(-90deg);white-space:nowrap}.hero-grain{position:absolute;inset:0;opacity:.1;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.32'/%3E%3C/svg%3E")}.hero-copy{max-width:730px;position:relative;z-index:1}.eyebrow{font:11px 'DM Mono',monospace;letter-spacing:.17em;text-transform:uppercase}.hero .eyebrow{color:var(--accent)}h1{font-size:clamp(58px,10vw,140px);line-height:.83;letter-spacing:-.095em;margin:35px 0 28px;font-weight:800}.hero h1 span{color:var(--accent)}.hero-copy>p:not(.eyebrow){max-width:430px;color:#c3c3bb;line-height:1.8;font-size:14px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:25px;padding:16px 20px;border:1px solid transparent;font:500 11px 'DM Mono',monospace;letter-spacing:.1em;transition:.2s}.button-light{background:#f3f1e9;color:#151515}.button-light:hover{background:var(--accent)}.hero .button{margin-top:22px;min-width:200px}.hero-index{position:absolute;left:9%;right:9%;bottom:27px;display:flex;justify-content:space-between;color:#777970;font:10px 'DM Mono',monospace;letter-spacing:.1em}.ticker{background:var(--accent);overflow:hidden;padding:15px 0;white-space:nowrap}.ticker div{font:500 12px 'DM Mono',monospace;letter-spacing:.15em;animation:slide 22s linear infinite!important;will-change:transform}@keyframes slide{to{transform:translateX(-30%)}}.section-wrap{padding:100px 7%}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:38px}.section-heading h2,.newsletter h2{font-size:clamp(35px,5vw,65px);letter-spacing:-.07em;margin:12px 0 0}.section-heading h2 i,.manifesto h2 i,.policy-page h1 i,.confirmation h1 i{font-family:Georgia,serif;font-weight:400}.muted{color:var(--muted);font-size:13px;line-height:1.7}.filters{display:flex;gap:8px}.filters input,.filters select{padding:12px;border:1px solid var(--line);background:transparent;max-width:200px;font-size:11px}.product-grid{display:grid;grid-template-columns:repeat(var(--product-columns,3),minmax(0,1fr));gap:20px}.product-image{aspect-ratio:var(--product-image-ratio,4 / 5);background:#d9d8d0;position:relative;overflow:hidden;display:grid;place-items:center}.product-image img{width:100%;height:100%;object-fit:cover;transition:transform .5s}.product-card:hover .product-image img{transform:scale(1.035)}.image-placeholder{font-size:clamp(22px,3vw,45px);font-weight:800;letter-spacing:-.09em;text-align:center;padding:20px;color:#8a8a80}.product-badge,.sold-badge{position:absolute;top:14px;left:14px;background:var(--accent);padding:7px 9px;font:10px 'DM Mono',monospace}.sold-badge{left:auto;right:14px;background:#111;color:white}.product-meta{display:flex;justify-content:space-between;gap:10px;padding:15px 0 8px}.product-meta h3{font-size:14px;margin:0;font-weight:700}.price{font-size:12px;white-space:nowrap}.product-category{font:10px 'DM Mono',monospace;color:var(--muted);letter-spacing:.08em;text-transform:uppercase}.product-description{font-size:12px;line-height:1.6;color:#696960;margin:10px 0 12px}.product-actions{display:flex;gap:8px}.size-select{min-width:0;flex:1;background:transparent;border:1px solid var(--line);padding:12px;font-size:11px}.add-button{background:#171815;color:#fff;border:1px solid #171815;padding:12px 14px;font:10px 'DM Mono',monospace;letter-spacing:.06em}.add-button:hover{background:var(--accent);color:#111}.add-button:disabled{opacity:.4;cursor:not-allowed}.manifesto{padding:110px 8%;background:#d9d8cf;text-align:center}.manifesto .eyebrow{color:#5c5c54}.manifesto h2{font-size:clamp(44px,7vw,92px);line-height:.98;letter-spacing:-.08em;margin:26px 0}.manifesto>p:not(.eyebrow){max-width:570px;margin:0 auto;color:#5c5c54;font-size:14px;line-height:1.9}.manifesto-signature{display:block;margin-top:35px;font:11px 'DM Mono',monospace;letter-spacing:.13em}.newsletter{padding:70px 7%;display:flex;align-items:center;justify-content:space-between;gap:25px;border-bottom:1px solid var(--line)}.newsletter h2{font-size:clamp(28px,4vw,48px)}.button-outline{border-color:#161616;background:transparent}.button-outline:hover{background:#171815;color:white}footer{padding:48px 7% 28px;display:grid;grid-template-columns:1fr 1fr;gap:16px}footer .wordmark{align-self:start}footer>p{font:10px 'DM Mono',monospace;letter-spacing:.1em;text-align:right;color:var(--muted)}.footer-links{grid-column:1/-1;display:flex;gap:25px;padding:24px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);font:10px 'DM Mono',monospace;letter-spacing:.08em}.footer-links a:hover{text-decoration:underline}footer small{grid-column:1/-1;color:var(--muted);font:9px 'DM Mono',monospace;letter-spacing:.1em}.cart-overlay{position:fixed;inset:0;background:#0008;z-index:10;opacity:0;visibility:hidden;transition:.25s}.cart-overlay.open{opacity:1;visibility:visible}.cart-drawer{position:fixed;z-index:11;right:0;top:0;height:100dvh;width:min(440px,100%);background:var(--bg);padding:25px;transform:translateX(100%);transition:transform .25s;display:flex;flex-direction:column}.cart-drawer.open{transform:translateX(0)}.drawer-head{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:18px}.drawer-head h2{margin:0;font-size:23px;letter-spacing:-.06em}.icon-button{border:0;background:none;font-size:20px;padding:8px}.cart-items{overflow:auto;flex:1;padding:15px 0}.cart-line{padding:14px 0;border-bottom:1px solid var(--line)}.cart-line h3{font-size:13px;margin:0 0 5px}.cart-line p{font-size:11px;color:var(--muted);margin:5px 0}.qty-actions{display:flex;gap:8px;margin-top:8px}.qty-actions button{border:1px solid var(--line);background:transparent;padding:5px 9px;font-size:10px}.cart-bottom{padding-top:18px;border-top:1px solid var(--line)}.cart-total{display:flex;justify-content:space-between;margin-bottom:18px;font-size:13px}.full{width:100%}.tiny{font-size:10px;line-height:1.7}.checkout-dialog{border:0;background:var(--bg);color:var(--ink);padding:25px;width:min(470px,calc(100% - 28px));max-height:90vh}.checkout-dialog::backdrop{background:#0009}.checkout-dialog label,.account-panel label{display:block;font:11px 'DM Mono',monospace;margin:18px 0}.checkout-dialog input,.checkout-dialog textarea,.account-panel input{display:block;width:100%;margin-top:8px;padding:12px;border:1px solid var(--line);background:transparent;outline:none;font:13px Manrope}.checkout-dialog input:focus,.checkout-dialog textarea:focus{border-color:#111}.form-message{font-size:12px;line-height:1.5}.empty-state{padding:30px 0;color:var(--muted)}.account-main{padding:70px 6%;min-height:65vh}.account-columns{max-width:900px;margin:auto;display:grid;grid-template-columns:1fr 1fr;gap:20px}.account-panel h2{font-size:30px;letter-spacing:-.07em}.account-top{display:flex;justify-content:space-between;align-items:center}.account-order{border-top:1px solid var(--line);padding:15px 0}.account-order h4{margin:0}.account-order p,.account-order small{font-size:12px;color:var(--muted)}.policy-page{max-width:800px;margin:auto;padding:90px 6%;min-height:70vh}.policy-page h1,.confirmation h1{font-size:clamp(45px,8vw,90px);letter-spacing:-.08em}.policy-page section{padding:22px 0;border-top:1px solid var(--line)}.policy-page section p,.confirmation>p{font-size:14px;line-height:1.9;color:#65655c}.confirmation{min-height:65vh;padding:100px 8%;max-width:900px;margin:auto}.confirmation .button{margin:18px 8px 0 0}
@media(max-width:700px){.site-header{height:68px;padding:0 4%;}.wordmark{font-size:22px}.site-header nav{gap:12px}.site-header nav a{font-size:9px}.header-actions{gap:8px}.account-link{font-size:9px}.hero{min-height:590px;padding:15% 7%}.hero-index{left:7%;right:7%;font-size:8px}.section-wrap{padding:70px 5%}.section-heading{align-items:flex-start;gap:15px;flex-direction:column}.filters{width:100%}.filters input,.filters select{max-width:none;width:50%}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 12px}.product-meta{flex-direction:column;gap:6px}.product-meta h3{font-size:12px}.product-description{font-size:11px}.product-actions{flex-direction:column}.add-button,.size-select{width:100%}.manifesto{padding:80px 7%}.newsletter{padding:50px 5%;align-items:flex-start;flex-direction:column}.newsletter .button{width:100%}footer{padding:38px 5%}.footer-links{gap:16px;flex-wrap:wrap}.footer-links a{font-size:9px}.account-columns{grid-template-columns:1fr}.account-main{padding:35px 5%}}
/* ========================================
   MONOWEAR — CINEMATIC WAITLIST
======================================== */

.waitlist-section {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  background-color: var(--panel, var(--bg, #111210));
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  color: var(--ink, #f4f2ea);
  padding: 62px 7%;
  min-height: 300px;
  display: grid;
  grid-template-columns: 1fr 1fr;
  align-items: center;
  gap: 48px;
  border-top: 1px solid var(--line, #34352f);
  border-bottom: 1px solid var(--line, #34352f);
}

.waitlist-section .eyebrow {
  color: var(--accent, #c6ff4b);
  letter-spacing: 0.18em;
  font-size: 11px;
}

.waitlist-section h2 {
  color: var(--ink, #f4f2ea);
  font-size: clamp(36px, 5vw, 64px);
  line-height: 0.98;
  letter-spacing: -0.045em;
  margin: 16px 0;
}

.waitlist-section p {
  color: var(--muted, #a6a69d);
  max-width: 440px;
  line-height: 1.7;
}

.waitlist-section form label {
  display: block;
  color: var(--ink, #f4f2ea);
  font-size: 10px;
  letter-spacing: 0.15em;
  margin-bottom: 12px;
}

.waitlist-section .newsletter-form-row {
  display: flex;
  gap: 10px;
}

.waitlist-section input {
  flex: 1;
  min-width: 0;
  min-height: 50px;
  padding: 14px;
  background: var(--surface-soft, #242520);
  border: 1px solid var(--line, #34352f);
  color: var(--ink, #f4f2ea);
}

.waitlist-section input::placeholder {
  color: var(--muted, #a6a69d);
}

.waitlist-section .button {
  min-height: 50px;
  white-space: nowrap;
}

.waitlist-section #waitlistMessage {
  margin-top: 12px;
  font-size: 13px;
}

@media (max-width: 700px) {
  .waitlist-section {
    grid-template-columns: 1fr;
    gap: 24px;
    padding: 42px 6%;
    min-height: 0;
  }

  .waitlist-section .newsletter-form-row {
    flex-direction: column;
  }

  .waitlist-section .button {
    width: 100%;
  }
}

/* Studio-controlled storefront control shape */
.button,.add-button,.size-select,.checkout-dialog input,.checkout-dialog textarea{border-radius:var(--control-radius,0px)}


/* Small-screen polish: keep the MONOWEAR header usable on narrow phones. */
@media(max-width:430px){
  .site-header{gap:8px;padding-inline:12px}
  .wordmark{font-size:19px;white-space:nowrap}
  .site-header nav{gap:9px}
  .site-header nav a{font-size:8px;letter-spacing:.04em}
  .header-actions{gap:2px}
  .account-link{display:inline-flex;font-size:8px;letter-spacing:0;white-space:nowrap}
  .cart-toggle{padding:8px 4px;font-size:9px}
  .section-heading{margin-bottom:26px}
  .product-grid{gap:20px 10px}
  .product-meta{overflow-wrap:anywhere}
  .checkout-dialog{padding:20px 16px}
  .checkout-dialog label{margin:14px 0}
}



/* MONOWEAR CHECKOUT — EDITORIAL, HIGH-CONTRAST FINISH */
.checkout-dialog{width:min(540px,calc(100% - 24px));max-width:540px;padding:0;border:1px solid #24251f;background:#f3f1e9;box-shadow:0 28px 100px #0005;overflow:hidden}
.checkout-dialog::backdrop{background:rgba(9,10,8,.78);backdrop-filter:blur(7px)}
.checkout-dialog form{padding:0 28px 26px}
.checkout-brand-panel{position:relative;overflow:hidden;margin:0 -28px 24px;padding:25px 28px 19px;background:#151613;color:#f4f2e9}
.checkout-brand-panel:after{content:"MW";position:absolute;right:-8px;bottom:-44px;font-size:clamp(100px,22vw,150px);line-height:1;font-weight:800;letter-spacing:-.13em;color:#ffffff08;pointer-events:none}
.checkout-brand-panel .eyebrow{color:#c6ff4b;font-size:9px;letter-spacing:.2em;margin:0 0 13px}
.checkout-brand-wordmark{position:relative;z-index:1;font-size:clamp(32px,7vw,46px);font-weight:800;letter-spacing:-.095em;line-height:1}
.checkout-brand-wordmark span{font:10px 'DM Mono',monospace;vertical-align:top;margin-left:4px;letter-spacing:0}
.checkout-brand-panel>p:not(.eyebrow){position:relative;z-index:1;font:9px 'DM Mono',monospace;letter-spacing:.16em;color:#c6c6bd;margin:12px 0 25px}
.checkout-brand-index{position:relative;z-index:1;display:flex;justify-content:space-between;gap:12px;border-top:1px solid #ffffff30;padding-top:12px;font:9px 'DM Mono',monospace;letter-spacing:.1em;color:#c6ff4b}
.checkout-dialog .drawer-head{align-items:center;margin-bottom:8px}
.checkout-dialog .drawer-head h2{font-size:27px;letter-spacing:-.065em;margin:0}
.checkout-dialog label{margin:16px 0;color:#5d5d54;font-size:10px;letter-spacing:.09em;text-transform:uppercase}
.checkout-dialog input,.checkout-dialog textarea{min-height:46px;border:1px solid #cfcdc3;background:#fffdf7;padding:13px;font-family:Manrope,Arial,sans-serif;font-size:13px;transition:border-color .2s,box-shadow .2s}
.checkout-dialog input:focus,.checkout-dialog textarea:focus{border-color:#171814;box-shadow:0 0 0 3px #c6ff4b55;outline:0}
.checkout-dialog .cart-total{padding-top:18px;border-top:1px solid #d4d2c9;margin:20px 0 12px}
.checkout-dialog .button-light{background:#c6ff4b;color:#141414;font-weight:800;min-height:52px;transition:transform .2s,background .2s}
.checkout-dialog .button-light:hover{background:#b5ef37;transform:translateY(-1px)}
.checkout-dialog .button-light:disabled{opacity:.65;cursor:wait;transform:none}
.checkout-dialog .form-message{min-height:16px;color:#9b2e23}
.payment-loading[hidden]{display:none!important}.payment-loading{position:fixed;z-index:99999;inset:0;display:grid;place-items:center;padding:20px;background:rgba(13,14,12,.96);color:#f5f3eb;backdrop-filter:blur(12px);animation:paymentFadeIn .22s ease-out}
.payment-loading-card{position:relative;width:min(440px,100%);padding:clamp(28px,7vw,54px);border:1px solid #ffffff28;background:radial-gradient(ellipse at 100% 0%,#c6ff4b19,transparent 45%),#171815;text-align:left;overflow:hidden}
.payment-loading-mark{font-size:clamp(34px,9vw,52px);font-weight:800;letter-spacing:-.095em;line-height:1}
.payment-loading-mark span{font:10px 'DM Mono',monospace;vertical-align:top;margin-left:4px;letter-spacing:0}
.payment-loading-rule{height:2px;background:#ffffff20;margin:28px 0 22px;overflow:hidden}.payment-loading-rule span{display:block;width:42%;height:100%;background:#c6ff4b;animation:paymentProgress 1.5s ease-in-out infinite alternate}
.payment-loading-kicker{font:9px 'DM Mono',monospace;letter-spacing:.18em;color:#c6ff4b;margin:0 0 15px}
.payment-loading-card h2{font-size:clamp(35px,8vw,49px);line-height:.96;letter-spacing:-.075em;margin:0 0 28px}.payment-loading-card h2 i{font-family:Georgia,serif;font-weight:400;color:#c6ff4b}
.payment-spinner{width:24px;height:24px;border:2px solid #ffffff30;border-top-color:#c6ff4b;border-radius:50%;animation:paymentSpin .75s linear infinite}
.payment-loading-message{font:11px 'DM Mono',monospace;letter-spacing:.07em;margin:17px 0 8px}.payment-loading-note{font-size:11px;line-height:1.7;color:#aaa99f;margin:0;max-width:290px}
body.payment-is-loading{overflow:hidden}
@keyframes paymentSpin{to{transform:rotate(360deg)}}@keyframes paymentProgress{to{transform:translateX(140%)}}@keyframes paymentFadeIn{from{opacity:0}to{opacity:1}}
@media(max-width:520px){.checkout-dialog form{padding:0 18px 20px}.checkout-brand-panel{margin:0 -18px 20px;padding:22px 18px 16px}.checkout-brand-index{font-size:8px}.checkout-dialog .drawer-head h2{font-size:24px}}


/* Product detail: focused single item with related MONOWEAR pieces below */
.product-detail-more {
  margin-top: 2rem;
  padding-top: 1.5rem;
  border-top: 1px solid rgba(20, 20, 20, .18);
}
.product-detail-more h3 {
  margin: .35rem 0 1rem;
  font-size: clamp(1.35rem, 3vw, 2rem);
}
.product-detail-more-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: .75rem;
}
.product-detail-more-card {
  display: flex;
  min-width: 0;
  flex-direction: column;
  gap: .35rem;
  padding: 0;
  border: 0;
  background: transparent;
  color: inherit;
  text-align: left;
  cursor: pointer;
}
.product-detail-more-image {
  display: block;
  width: 100%;
  aspect-ratio: 3 / 4;
  overflow: hidden;
  background: #e8e6df;
}
.product-detail-more-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.product-detail-more-name { font-weight: 700; font-size: .88rem; }
.product-detail-more-category { font-size: .72rem; opacity: .72; }
.product-detail-more-price { font-weight: 700; font-size: .82rem; }
.product-detail-more-card:focus-visible {
  outline: 2px solid currentColor;
  outline-offset: 3px;
}
@media (max-width: 600px) {
  .product-detail-more-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}


/* CHECKOUT SCROLL FIX: keep scrolling inside the checkout dialog, not the storefront */
.checkout-dialog {
  max-height: calc(100dvh - 24px);
  overflow-x: hidden;
  overflow-y: auto;
  overscroll-behavior: contain;
  -webkit-overflow-scrolling: touch;
  touch-action: pan-y;
}
.checkout-dialog form {
  min-height: 0;
}
body:has(#checkoutDialog[open]) {
  overflow: hidden;
}

/* MONOWEAR cart drawer refinement */
.cart-drawer{padding:0;background:var(--bg);color:var(--ink)}
.cart-drawer .drawer-head{background:var(--accent);color:#111;margin:0;padding:22px 25px;min-height:78px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #1112}
.cart-drawer .drawer-head h2{margin:0;font-size:20px;letter-spacing:-.04em}
.cart-drawer .drawer-head .icon-button{background:transparent;color:#111;border:1px solid #1114}
.cart-drawer .cart-items{padding:16px 25px;min-height:0}
.cart-item{display:grid;grid-template-columns:86px minmax(0,1fr) auto;align-items:center;gap:13px;padding:15px 0;border-bottom:1px solid var(--line)}
.cart-item-image{width:86px;aspect-ratio:4/5;background:#deddd5;overflow:hidden;display:grid;place-items:center;font:11px 'DM Mono',monospace;letter-spacing:.12em}
.cart-item-image img{width:100%;height:100%;object-fit:cover;display:block}
.cart-item-details{min-width:0}
.cart-item-details strong{display:block;font-size:13px;line-height:1.45}
.cart-item-details p{margin:5px 0 0;color:var(--muted);font-size:11px;line-height:1.4}
.cart-item button{border:0;background:transparent;color:var(--muted);font:10px 'DM Mono',monospace;text-decoration:underline;text-underline-offset:3px;padding:8px 0 8px 6px}
.cart-drawer .cart-bottom{padding:20px 25px max(22px,env(safe-area-inset-bottom));background:var(--bg);border-top:1px solid var(--line)}
.cart-drawer .cart-total{font-size:14px}
.cart-drawer .cart-total strong{font-size:16px}
.cart-drawer .full{width:100%}
.cart-drawer .tiny{font-size:10px;line-height:1.5}
.cart-drawer .empty-state{padding:30px 0;text-align:center;color:var(--muted);font-size:13px}
@media(max-width:480px){.cart-drawer .drawer-head{padding:20px 18px}.cart-drawer .cart-items{padding:12px 18px}.cart-drawer .cart-bottom{padding:18px 18px max(20px,env(safe-area-inset-bottom))}.cart-item{grid-template-columns:72px minmax(0,1fr) auto;gap:11px}.cart-item-image{width:72px}.cart-item-details strong{font-size:12px}}

/* MONOWEAR — STANDALONE PRODUCT PAGE, NOT A MODAL */
.standalone-product-page{background:#10110f;color:#f4f2ea;min-height:100vh}
.product-page-header{background:#10110f;color:#f4f2ea;border-bottom-color:#ffffff20}
.product-page-header nav a,.product-page-header .account-link{color:#d8d8cf}
.product-page-header .cart-toggle{color:#f4f2ea;display:inline-flex;align-items:center;gap:8px}
.product-page-header .cart-toggle span{background:#c6ff4b;color:#111}
.standalone-product-main{min-height:70vh;background:radial-gradient(ellipse at 80% 12%,rgba(198,255,75,.07),transparent 30%),#10110f;padding:0 0 80px}
.product-page-breadcrumb{display:flex;gap:12px;align-items:center;padding:26px clamp(20px,6vw,88px);font:9px 'DM Mono',monospace;letter-spacing:.13em;color:#96978d;border-bottom:1px solid #ffffff12}
.product-page-breadcrumb a:hover{color:#c6ff4b}
.product-page-status{padding:90px 7%;color:#c6ff4b;font:11px 'DM Mono',monospace;letter-spacing:.1em}
.product-page-status.is-error{color:#f4a49a}
.standalone-product-layout{max-width:1440px;margin:auto;padding:52px clamp(20px,6vw,88px) 72px;display:grid;grid-template-columns:minmax(0,1.08fr) minmax(320px,.92fr);gap:clamp(30px,6vw,90px);align-items:start}
.standalone-product-visual{position:relative;min-width:0;aspect-ratio:4/5;max-height:820px;overflow:hidden;display:grid;place-items:center;background:radial-gradient(ellipse at 50% 35%,#35372f,#20211e 48%,#171815);border:1px solid #ffffff12}
.standalone-product-visual>img{width:100%;height:100%;max-height:820px;object-fit:contain;display:block}
.standalone-product-visual .image-placeholder{width:100%;height:100%;display:grid;align-content:center;color:#c6ff4b;background:transparent;font-size:clamp(40px,6vw,82px)}
.standalone-product-visual .image-placeholder span{font:10px 'DM Mono',monospace;letter-spacing:.14em;color:#aaa99f;margin-top:12px}
.standalone-product-info{align-self:center;padding:25px 0;max-width:560px}
.standalone-product-info>.eyebrow{color:#c6ff4b;margin:0 0 34px}
.standalone-product-category{font:10px 'DM Mono',monospace;letter-spacing:.14em;text-transform:uppercase;color:#a5a69d;margin:0 0 14px}
.standalone-product-info h1{font-size:clamp(40px,5.5vw,78px);line-height:.93;letter-spacing:-.085em;margin:0;color:#f5f3eb;overflow-wrap:anywhere}
.standalone-product-price{font-size:clamp(21px,2vw,27px);font-weight:700;color:#c6ff4b;margin:25px 0}
.standalone-product-description{max-width:480px;padding:20px 0 22px;border-top:1px solid #ffffff28;border-bottom:1px solid #ffffff28;color:#d0d0c8;font-size:14px;line-height:1.95;white-space:pre-line}
.standalone-stock{margin:22px 0;color:#c6ff4b;font:10px 'DM Mono',monospace;letter-spacing:.12em}
.standalone-size-label{display:block;margin:24px 0 9px;color:#c5c5bb;font:10px 'DM Mono',monospace;letter-spacing:.13em}
.standalone-size-select{display:block;width:100%;min-height:50px;padding:14px;background:#191a17;color:#f4f2ea;border:1px solid #ffffff40;font-size:12px}
.standalone-size-select option{background:#fff;color:#111}
.standalone-add-button{width:100%;min-height:56px;margin-top:12px;background:#c6ff4b;color:#111;border-color:#c6ff4b;font-weight:700;letter-spacing:.12em}
.standalone-add-button:hover{background:#f4f2ea;border-color:#f4f2ea}
.standalone-add-button:disabled{background:#292a26;color:#888;border-color:#555}
.product-added-note{min-height:18px;color:#c6ff4b;font-size:12px}
.standalone-back-link{display:inline-block;margin-top:15px;font:10px 'DM Mono',monospace;letter-spacing:.1em;color:#b8b9af}
.standalone-back-link:hover{color:#c6ff4b}
.standalone-more-section{max-width:1440px;margin:auto;padding:54px clamp(20px,6vw,88px) 0;border-top:1px solid #ffffff20}
.standalone-more-heading{margin-bottom:28px}
.standalone-more-heading .eyebrow{color:#c6ff4b;margin:0 0 12px}
.standalone-more-heading h2{font-size:clamp(32px,4.5vw,54px);line-height:1;letter-spacing:-.07em;margin:0}
.standalone-more-heading h2 i{font-family:Georgia,serif;font-weight:400;color:#c6ff4b}
.standalone-related-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.standalone-related-card{display:block;min-width:0;background:#171815;border:1px solid #ffffff12;padding-bottom:14px;transition:transform .2s,border-color .2s}
.standalone-related-card:hover{transform:translateY(-4px);border-color:#c6ff4b80}
.standalone-related-image{aspect-ratio:4/5;overflow:hidden;background:#252621}
.standalone-related-image>img{display:block;width:100%;height:100%;object-fit:cover}
.standalone-related-image .image-placeholder{height:100%;display:grid;place-content:center;color:#b6b8ab;background:linear-gradient(145deg,#2c2e27,#171815);font-size:clamp(20px,2.5vw,34px)}
.standalone-related-image .image-placeholder span{font-size:8px;letter-spacing:.12em}
.standalone-related-meta{display:flex;flex-direction:column;gap:8px;padding:14px 12px 9px;font-size:12px;line-height:1.4}
.standalone-related-meta span{font-weight:700}
.standalone-related-meta strong{color:#c6ff4b;font-weight:600}
.standalone-related-card>small{display:block;padding:0 12px;color:#a7a89e;font:9px 'DM Mono',monospace;text-transform:uppercase}
.product-page-header .wordmark{color:#f4f2ea}
.standalone-product-page footer{background:#10110f;color:#f4f2ea}
.standalone-product-page footer>p,.standalone-product-page footer small{color:#96978d}
.standalone-product-page .footer-links{border-color:#ffffff20}
.product-page-link{display:grid}
.product-name-link{color:inherit;text-decoration:none}
.product-name-link:hover{color:#656b51}
@media(max-width:760px){
 .product-page-header{padding:0 4%;gap:8px}
 .product-page-header nav{gap:10px}
 .product-page-header nav a{font-size:8px}
 .product-page-header .account-link{display:inline-flex;align-items:center;font-size:8px;letter-spacing:0;white-space:nowrap;flex-shrink:0}
 .standalone-product-layout{grid-template-columns:1fr;gap:0;padding:0 0 45px}
 .standalone-product-visual{aspect-ratio:4/4.5;max-height:none;border-left:0;border-right:0;border-top:0}
 .standalone-product-visual>img{max-height:none}
 .standalone-product-info{padding:34px 22px 18px;max-width:none}
 .standalone-product-info>.eyebrow{margin-bottom:24px}
 .standalone-product-info h1{font-size:clamp(38px,11vw,60px)}
 .standalone-product-description{font-size:13px;line-height:1.85}
 .standalone-more-section{padding:36px 16px 0}
 .standalone-related-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
 .standalone-related-meta{padding:12px 9px 8px;font-size:11px}
 .standalone-related-card>small{padding:0 9px;font-size:8px}
}


/* MONOWEAR THEME PALETTES — controlled from the private Studio */
html[data-theme="dark"] body,
html[data-theme="emerald"] body,
html[data-theme="gold"] body, html[data-theme="blue-gold"] body { background:var(--bg); color:var(--ink); }
html[data-theme="dark"] .site-header,
html[data-theme="dark"] footer,
html[data-theme="dark"] .newsletter,
html[data-theme="emerald"] .site-header,
html[data-theme="emerald"] footer,
html[data-theme="emerald"] .newsletter,
html[data-theme="gold"] .site-header, html[data-theme="blue-gold"] .site-header,
html[data-theme="gold"] footer, html[data-theme="blue-gold"] footer,
html[data-theme="gold"] .newsletter, html[data-theme="blue-gold"] .newsletter { background:var(--bg); color:var(--ink); border-color:var(--line); }
html[data-theme="dark"] .manifesto,
html[data-theme="emerald"] .manifesto,
html[data-theme="gold"] .manifesto, html[data-theme="blue-gold"] .manifesto { background:var(--surface-soft); color:var(--ink); }
html[data-theme="dark"] .manifesto .eyebrow,
html[data-theme="dark"] .manifesto>p:not(.eyebrow),
html[data-theme="emerald"] .manifesto .eyebrow,
html[data-theme="emerald"] .manifesto>p:not(.eyebrow),
html[data-theme="gold"] .manifesto .eyebrow,
html[data-theme="gold"] .manifesto>p:not(.eyebrow), html[data-theme="blue-gold"] .manifesto>p:not(.eyebrow) { color:var(--muted); }
html[data-theme="dark"] .ticker,
html[data-theme="dark"] .announcement,
html[data-theme="emerald"] .ticker,
html[data-theme="emerald"] .announcement,
html[data-theme="gold"] .ticker,
html[data-theme="gold"] .announcement, html[data-theme="blue-gold"] .announcement { background:var(--accent); color:#111; }
html[data-theme="dark"] .product-image,
html[data-theme="emerald"] .product-image,
html[data-theme="gold"] .product-image, html[data-theme="blue-gold"] .product-image { background:var(--surface-soft); }
html[data-theme="dark"] .button-outline,
html[data-theme="emerald"] .button-outline,
html[data-theme="gold"] .button-outline, html[data-theme="blue-gold"] .button-outline { color:var(--ink); border-color:var(--line); }
html[data-theme="dark"] .add-button,
html[data-theme="emerald"] .add-button,
html[data-theme="gold"] .add-button, html[data-theme="blue-gold"] .add-button { background:var(--accent); border-color:var(--accent); color:#111; }
html[data-theme="dark"] .cart-toggle span,
html[data-theme="emerald"] .cart-toggle span,
html[data-theme="gold"] .cart-toggle span, html[data-theme="blue-gold"] .cart-toggle span { background:var(--accent); color:#111; }
html[data-theme="white"] body { background:#fff; color:#171815; }
html[data-theme="white"] .manifesto { background:#f0f0e9; color:#171815; }
html[data-theme="white"] .announcement,
html[data-theme="white"] .ticker { background:#171815; color:#fff; }

/* Keep products in a real wrapping grid at every screen size. */
#productGrid.product-grid { display:grid !important; grid-template-columns:repeat(var(--product-columns,3),minmax(0,1fr)) !important; align-items:start; width:100%; }
#productGrid > .product-card { min-width:0; width:100%; }
@media (max-width:700px) {
  #productGrid.product-grid { grid-template-columns:repeat(2,minmax(0,1fr)) !important; gap:22px 12px; }
}

 
/* FEATURED BADGE CONTRAST FIX */
.product-badge {
  color: #111 !important;
  background: var(--accent);
  font-weight: 700;
  letter-spacing: .09em;
  text-transform: uppercase;
  line-height: 1.2;
  box-shadow: 0 2px 10px #0001;
}
.sold-badge {
  color: #fff;
  background: #171815;
  font-weight: 700;
  letter-spacing: .09em;
  text-transform: uppercase;
  line-height: 1.2;
}
/* Keep the white theme bright while retaining a high-contrast accent. */
html[data-theme="white"] .announcement,
html[data-theme="white"] .ticker { background: var(--accent); color: #111; }
html[data-theme="white"] .product-badge { color: #111 !important; }


/* MONOWEAR product catalogue: featured first, then numbered category sections */
.product-section-block,
.product-category-section {
  margin-top: 42px;
}
.product-subheading {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 16px;
  margin: 0 0 20px;
  padding-bottom: 14px;
  border-bottom: 1px solid var(--line);
}
.product-subheading .eyebrow {
  margin: 0 0 8px;
}
.product-subheading h3 {
  margin: 0;
  font-size: clamp(23px, 3vw, 38px);
  line-height: 1.05;
  letter-spacing: -.055em;
  text-transform: uppercase;
}
.product-subheading h3 i {
  font-family: Georgia, serif;
  font-weight: 400;
  text-transform: lowercase;
}
.product-category-heading {
  margin-top: 52px;
}
.product-category-section:first-child .product-category-heading {
  margin-top: 0;
}
#featuredProductsSection[hidden] {
  display: none !important;
}
.product-sections:empty {
  display: none;
}
@media (max-width: 600px) {
  .product-section-block,
  .product-category-section {
    margin-top: 30px;
  }
  .product-subheading {
    align-items: flex-start;
    margin-bottom: 14px;
  }
  .product-category-heading {
    margin-top: 36px;
  }
}


/* MONOWEAR — CLEAN NUMBERED PRODUCT PAGINATION */
.product-pagination[hidden] { display:none !important; }
.product-pagination {
  display:flex;
  align-items:center;
  justify-content:center;
  gap:18px;
  margin:56px auto 18px;
  padding:0 12px;
}
.product-pagination button {
  appearance:none;
  border:0;
  cursor:pointer;
  display:grid;
  place-items:center;
  flex:0 0 auto;
  width:78px;
  height:78px;
  border-radius:22px;
  background:var(--surface-soft, #f7f7f7);
  color:var(--muted, #a3a3a3);
  font:700 28px/1 Manrope, Arial, sans-serif;
  transition:background .2s ease,color .2s ease,transform .2s ease,box-shadow .2s ease;
}
.product-pagination .pagination-numbers {
  display:flex;
  align-items:center;
  justify-content:center;
  gap:12px;
  flex-wrap:wrap;
}
.product-pagination .pagination-number {
  width:78px;
  height:78px;
  border-radius:22px;
  font-size:30px;
}
.product-pagination .pagination-number.is-active {
  background:#050505;
  color:#fff;
  box-shadow:0 10px 20px rgba(0,0,0,.12);
}
.product-pagination button:hover:not(:disabled) { transform:translateY(-2px); }
.product-pagination button:disabled { cursor:not-allowed; opacity:.45; }
.product-pagination button:focus-visible { outline:2px solid var(--accent); outline-offset:4px; }
html[data-theme="dark"] .product-pagination .pagination-arrow,
html[data-theme="dark"] .product-pagination .pagination-number:not(.is-active),
html[data-theme="emerald"] .product-pagination .pagination-arrow,
html[data-theme="emerald"] .product-pagination .pagination-number:not(.is-active),
html[data-theme="gold"] .product-pagination .pagination-arrow, html[data-theme="blue-gold"] .product-pagination .pagination-arrow,
html[data-theme="gold"] .product-pagination .pagination-number:not(.is-active), html[data-theme="blue-gold"] .product-pagination .pagination-number:not(.is-active) {
  background:var(--surface-soft);
  color:var(--muted);
}
@media(max-width:600px) {
  .product-pagination { gap:10px; margin-top:38px; }
  .product-pagination button { width:48px; height:52px; border-radius:15px; font-size:20px; }
  .product-pagination .pagination-numbers { gap:7px; }
  .product-pagination .pagination-number { width:48px; height:52px; font-size:20px; border-radius:15px; }
}


/* Checkout stability: keep the dialog fixed in the viewport and scroll its
   contents instead of moving the storefront behind it on mobile browsers. */
.checkout-dialog{
  position:fixed;
  inset:12px;
  margin:auto;
  width:min(520px,calc(100vw - 24px));
  max-width:520px;
  max-height:calc(100dvh - 24px);
  height:max-content;
  overflow-y:auto;
  overscroll-behavior:contain;
  -webkit-overflow-scrolling:touch;
  box-sizing:border-box;
  padding:clamp(16px,4vw,25px);
  scrollbar-gutter:stable;
}
.checkout-dialog[open]{display:block}
.checkout-dialog form{min-width:0}
.checkout-dialog select,
.checkout-dialog input,
.checkout-dialog textarea{box-sizing:border-box;max-width:100%;min-width:0}
.checkout-dialog .checkout-brand-panel{margin-bottom:18px}
.checkout-dialog .drawer-head{position:sticky;top:-1px;z-index:3;background:var(--bg);padding:8px 0}
body:has(.checkout-dialog[open]){overflow:hidden;overscroll-behavior:none}
@supports not (height:100dvh){
  .checkout-dialog{max-height:calc(100vh - 24px)}
}
@media(max-width:600px){
  .checkout-dialog{inset:8px;margin:auto;width:calc(100vw - 16px);max-height:calc(100dvh - 16px);padding:16px}
  .checkout-dialog .checkout-brand-panel{padding-bottom:10px}
  .checkout-dialog .checkout-brand-wordmark{font-size:clamp(26px,8vw,38px)}
  .checkout-dialog label{margin:12px 0}
  .checkout-dialog input,.checkout-dialog textarea,.checkout-dialog select{font-size:16px}
}


/* MONOWEAR product image gallery */
.product-image-thumbnails{
  display:flex;gap:10px;flex-wrap:wrap;margin-top:14px;
}
.product-image-thumbnail{
  width:68px;height:82px;padding:3px;border:1px solid var(--border-color,rgba(255,255,255,.2));
  background:transparent;cursor:pointer;opacity:.72;transition:opacity .2s,border-color .2s;
}
.product-image-thumbnail img{
  display:block;width:100%;height:100%;object-fit:cover;
}
.product-image-thumbnail:hover,.product-image-thumbnail.is-active{
  opacity:1;border-color:currentColor;
}
@media(max-width:600px){
  .product-image-thumbnail{width:58px;height:70px}
}


/* Admin Studio: assign a product image to each available colour */
.color-image-assignments {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
  gap: 14px;
  margin: 12px 0 20px;
}
.color-image-assignment {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 14px;
  border: 1px solid var(--border, rgba(255,255,255,.16));
  border-radius: 10px;
  min-width: 0;
}
.color-image-assignment input[type="file"] {
  width: 100%;
  max-width: 100%;
}
.color-image-assignment img {
  border-radius: 6px;
  background: rgba(128,128,128,.08);
}

/* Drop countdown and product discounts */
.drop-countdown{display:flex;flex-direction:column;gap:5px;padding:12px 14px;margin:12px 0;border:1px solid var(--line,rgba(255,255,255,.18));background:rgba(127,127,127,.08);letter-spacing:.08em;text-transform:uppercase;font-size:10px}
.drop-countdown strong{font-size:clamp(14px,2vw,18px);letter-spacing:.06em;font-variant-numeric:tabular-nums}
.drop-countdown small{font-size:10px;letter-spacing:.04em;text-transform:none;opacity:.75}
.discount-badge{display:inline-block;padding:5px 7px;margin:4px 4px 4px 0;background:#b42318;color:#fff;font-size:10px;font-weight:800;letter-spacing:.06em}
.original-price{opacity:.6;margin-right:6px;font-size:.85em}
.standalone-drop-countdown{margin:16px 0}


/* MONOWEAR WINE + GOTHIC THEME FINISH */
html[data-theme="wine"] .announcement, html[data-theme="wine"] .ticker { background:var(--accent)!important; color:#210710!important; }
html[data-theme="gothic"] .announcement, html[data-theme="gothic"] .ticker { background:var(--accent)!important; color:#0b0b0f!important; }
html[data-theme="wine"] .waitlist-section { border-color:rgba(216,121,148,.28); }
html[data-theme="gothic"] .waitlist-section { border-color:rgba(183,162,216,.24); }
html[data-theme="gothic"] .section-heading h2, html[data-theme="gothic"] .newsletter h2 { letter-spacing:-.055em; }


/* MONOWEAR — COMPACT EDITORIAL WAITLIST */
.waitlist-section{
  position:relative;
  isolation:isolate;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(280px,.9fr);
  align-items:center;
  gap:20px clamp(24px,5vw,72px);
  min-height:0!important;
  padding:clamp(28px,4.5vw,58px) clamp(22px,7vw,100px)!important;
  margin:0!important;
  overflow:hidden;
  color:#f5f1e6!important;
  background-color:#071426!important;
  background-image:linear-gradient(90deg,rgba(5,12,23,.91) 0%,rgba(5,12,23,.78) 48%,rgba(5,12,23,.62) 100%),url("https://images.unsplash.com/photo-1761167474127-1c6e596ecea6?auto=format&fit=crop&w=2200&q=85")!important;
  background-position:center,center 38%!important;
  background-size:cover!important;
  border-top:1px solid rgba(216,182,92,.35);
  border-bottom:1px solid rgba(216,182,92,.35);
}
.waitlist-section:before{
  content:"MONO / WAITLIST";
  position:absolute;
  z-index:-1;
  right:3%;
  bottom:-.22em;
  color:rgba(245,241,230,.07);
  font:800 clamp(48px,9vw,132px)/1 Manrope,Arial,sans-serif;
  letter-spacing:-.09em;
  white-space:nowrap;
  pointer-events:none;
}
.waitlist-section .newsletter-copy,
.waitlist-section form,
.waitlist-section #newsletterLink{position:relative;z-index:1;min-width:0}
.waitlist-section .newsletter-copy .eyebrow{color:#d8b65c;margin:0 0 12px;font-size:10px}
.waitlist-section h2{
  max-width:520px;
  margin:0!important;
  color:#f5f1e6!important;
  font-size:clamp(30px,4vw,52px)!important;
  line-height:.98;
  letter-spacing:-.065em;
}
.waitlist-section .newsletter-copy>p:not(.eyebrow){
  margin:13px 0 0;
  max-width:390px;
  color:rgba(245,241,230,.78)!important;
  font-size:12px;
  line-height:1.65;
}
.waitlist-section form{width:100%;max-width:540px;justify-self:end}
.waitlist-section form label{
  display:block;
  margin:0 0 9px;
  color:#d8b65c;
  font:10px 'DM Mono',monospace;
  letter-spacing:.13em;
}
.waitlist-section .newsletter-form-row{display:flex;gap:8px;align-items:stretch}
.waitlist-section .newsletter-form-row input{
  flex:1;min-width:0;width:100%;height:48px;
  padding:0 14px;
  color:#f5f1e6!important;
  background:rgba(7,20,38,.78)!important;
  border:1px solid rgba(245,241,230,.38)!important;
  border-radius:0;
  font-size:12px;
}
.waitlist-section .newsletter-form-row input::placeholder{color:rgba(245,241,230,.62)}
.waitlist-section .newsletter-form-row .button{
  min-height:48px;padding:0 15px;gap:12px;white-space:nowrap;
  background:#d8b65c!important;color:#071426!important;border-color:#d8b65c!important;
  font-size:9px;
}
.waitlist-section .newsletter-form-row .button:hover{background:#f5f1e6!important;border-color:#f5f1e6!important}
.waitlist-section #newsletterMessage{margin:8px 0 0;color:#f5f1e6;font-size:11px}
.waitlist-section #newsletterLink{
  grid-column:1;
  justify-self:start;
  margin-top:-8px;
  padding:11px 0!important;
  border:0!important;
  border-bottom:1px solid rgba(216,182,92,.75)!important;
  background:transparent!important;
  color:#f5f1e6!important;
  font-size:9px;
}
html[data-theme="blue-gold"] .waitlist-section,
html[data-theme="dark"] .waitlist-section,
html[data-theme="emerald"] .waitlist-section,
html[data-theme="gold"] .waitlist-section{
  background-color:#071426!important;
  color:#f5f1e6!important;
}
@media(max-width:700px){
  .waitlist-section{
    grid-template-columns:minmax(0,1fr);
    gap:18px;
    padding:28px 20px 30px!important;
    background-image:linear-gradient(90deg,rgba(5,12,23,.88),rgba(5,12,23,.72)),url("https://images.unsplash.com/photo-1761167474127-1c6e596ecea6?auto=format&fit=crop&w=1200&q=80")!important;
    background-position:center,58% center!important;
  }
  .waitlist-section h2{font-size:clamp(31px,9vw,43px)!important;max-width:360px}
  .waitlist-section .newsletter-copy>p:not(.eyebrow){font-size:12px;margin-top:10px}
  .waitlist-section form{max-width:none;justify-self:stretch}
  .waitlist-section .newsletter-form-row{gap:7px}
  .waitlist-section .newsletter-form-row input{height:46px;padding:0 11px;font-size:12px}
  .waitlist-section .newsletter-form-row .button{min-height:46px;padding:0 11px;font-size:8px;letter-spacing:.04em}
  .waitlist-section #newsletterLink{margin-top:-5px}
}
@media(max-width:380px){
  .waitlist-section .newsletter-form-row{flex-direction:column}
  .waitlist-section .newsletter-form-row .button{width:100%;justify-content:center}
}


/* WAITLIST FORM — ULTRA-COMPACT EMAIL BOX */
.waitlist-section form{
  max-width:390px!important;
  width:100%!important;
  justify-self:end;
}
.waitlist-section form label{
  margin-bottom:6px!important;
  font-size:9px!important;
}
.waitlist-section .newsletter-form-row{
  display:flex!important;
  align-items:stretch!important;
  gap:6px!important;
  max-width:390px!important;
}
.waitlist-section .newsletter-form-row input{
  flex:1 1 120px!important;
  width:100%!important;
  min-width:0!important;
  max-width:220px!important;
  height:36px!important;
  padding:0 10px!important;
  font-size:11px!important;
}
.waitlist-section .newsletter-form-row .button{
  flex:0 0 auto!important;
  min-height:36px!important;
  height:36px!important;
  padding:0 10px!important;
  font-size:8px!important;
  letter-spacing:.025em!important;
  gap:6px!important;
}
.waitlist-section #newsletterMessage{font-size:10px!important;margin-top:5px!important}
@media(max-width:700px){
  .waitlist-section form{max-width:330px!important;justify-self:start!important}
  .waitlist-section .newsletter-form-row{max-width:330px!important;gap:5px!important}
  .waitlist-section .newsletter-form-row input{
    max-width:170px!important;
    height:34px!important;
    flex-basis:100px!important;
    padding:0 8px!important;
    font-size:11px!important;
  }
  .waitlist-section .newsletter-form-row .button{
    height:34px!important;min-height:34px!important;padding:0 8px!important;font-size:7px!important;
  }
}
@media(max-width:380px){
  .waitlist-section .newsletter-form-row{flex-direction:row!important}
  .waitlist-section .newsletter-form-row .button{width:auto!important;justify-content:center!important}
}


/* WAITLIST DIMENSIONS — NARROWER WIDTH, TALLER INPUT */
.waitlist-section form{
  width:min(100%,285px)!important;
  max-width:285px!important;
  justify-self:end!important;
}
.waitlist-section .newsletter-form-row{
  width:100%!important;
  max-width:285px!important;
  gap:6px!important;
}
.waitlist-section .newsletter-form-row input{
  flex:0 1 145px!important;
  width:145px!important;
  max-width:145px!important;
  height:44px!important;
  min-height:44px!important;
}
.waitlist-section .newsletter-form-row .button{
  height:44px!important;
  min-height:44px!important;
}
@media(max-width:700px){
  .waitlist-section form{
    width:min(100%,285px)!important;
    max-width:285px!important;
    justify-self:start!important;
  }
  .waitlist-section .newsletter-form-row{
    width:100%!important;
    max-width:285px!important;
  }
  .waitlist-section .newsletter-form-row input{
    flex:0 1 145px!important;
    width:145px!important;
    max-width:145px!important;
    height:44px!important;
    min-height:44px!important;
  }
  .waitlist-section .newsletter-form-row .button{
    height:44px!important;
    min-height:44px!important;
    padding:0 8px!important;
    font-size:7px!important;
  }
}


/* WAITLIST INPUT — SLIM, HORIZONTAL, ROUNDED */
.waitlist-section form{
  width:min(100%,300px)!important;
  max-width:300px!important;
}
.waitlist-section .newsletter-form-row{
  width:100%!important;
  max-width:300px!important;
  display:flex!important;
  flex-direction:row!important;
  align-items:center!important;
  gap:6px!important;
}
.waitlist-section .newsletter-form-row input{
  box-sizing:border-box!important;
  flex:1 1 auto!important;
  width:auto!important;
  min-width:0!important;
  max-width:none!important;
  height:30px!important;
  min-height:30px!important;
  padding:0 11px!important;
  border-radius:7px!important;
  font-size:10px!important;
}
.waitlist-section .newsletter-form-row .button{
  box-sizing:border-box!important;
  flex:0 0 auto!important;
  height:30px!important;
  min-height:30px!important;
  padding:0 9px!important;
  border-radius:7px!important;
  font-size:7px!important;
}
@media(max-width:380px){
  .waitlist-section .newsletter-form-row{flex-direction:row!important}
  .waitlist-section .newsletter-form-row input{height:30px!important;min-height:30px!important}
  .waitlist-section .newsletter-form-row .button{width:auto!important;height:30px!important;min-height:30px!important}
}


/* WAITLIST — SLIM HORIZONTAL FIELD, MATCHED TO JOIN BUTTON */
.waitlist-section form{
  width:min(100%,300px)!important;
  max-width:300px!important;
  justify-self:end!important;
}
.waitlist-section .newsletter-form-row{
  display:flex!important;
  flex-direction:row!important;
  align-items:center!important;
  gap:6px!important;
  width:100%!important;
  max-width:300px!important;
}
.waitlist-section .newsletter-form-row input{
  box-sizing:border-box!important;
  flex:0 1 145px!important;
  width:145px!important;
  min-width:0!important;
  max-width:145px!important;
  height:30px!important;
  min-height:30px!important;
  padding:0 11px!important;
  border-radius:7px!important;
  font-size:10px!important;
  border:1px solid rgba(245,241,230,.55)!important;
  background:rgba(7,20,38,.82)!important;
}
.waitlist-section .newsletter-form-row .button{
  box-sizing:border-box!important;
  flex:0 0 auto!important;
  height:30px!important;
  min-height:30px!important;
  padding:0 9px!important;
  border-radius:7px!important;
  justify-content:center!important;
  font-size:7px!important;
  letter-spacing:.04em!important;
}
@media(max-width:700px){
  .waitlist-section form{
    width:min(100%,300px)!important;
    max-width:300px!important;
    justify-self:start!important;
  }
  .waitlist-section .newsletter-form-row{
    width:100%!important;
    max-width:300px!important;
    flex-direction:row!important;
  }
  .waitlist-section .newsletter-form-row input{
    flex:0 1 145px!important;
    width:145px!important;
    max-width:145px!important;
    height:30px!important;
    min-height:30px!important;
  }
  .waitlist-section .newsletter-form-row .button{
    width:auto!important;
    height:30px!important;
    min-height:30px!important;
  }
}
@media(max-width:380px){
  .waitlist-section .newsletter-form-row{flex-direction:row!important;gap:5px!important}
  .waitlist-section .newsletter-form-row input{flex-basis:125px!important;width:125px!important;max-width:125px!important}
  .waitlist-section .newsletter-form-row .button{padding:0 7px!important;font-size:6.5px!important}
}


/* Compact storefront story section: keep the manifesto subtle, not a full-page block. */
.manifesto{padding:34px 7% 30px!important}
.manifesto h2{font-size:clamp(25px,3.4vw,42px)!important;line-height:1.05!important;margin:10px 0!important}
.manifesto>p:not(.eyebrow){max-width:470px!important;font-size:12px!important;line-height:1.55!important}
.manifesto-signature{margin-top:16px!important;font-size:9px!important;letter-spacing:.1em!important}
.manifesto .eyebrow{font-size:9px!important;margin:0!important}
@media(max-width:700px){.manifesto{padding:27px 6% 24px!important}.manifesto h2{font-size:clamp(24px,6vw,32px)!important}.manifesto>p:not(.eyebrow){font-size:11px!important}.manifesto-signature{margin-top:12px!important}}


/* MONO FIT MATCHER — outfit pairings on product detail pages */
.fit-matcher{margin:48px 0 58px;padding:28px;background:var(--panel,#171815);color:var(--ink,#f3f1e9);border:1px solid var(--line,#35362f)}
.fit-matcher-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:22px}
.fit-matcher-heading .eyebrow{margin:0 0 9px;color:var(--accent,#c6ff4b)}
.fit-matcher-heading h2{font-size:clamp(26px,4vw,42px);letter-spacing:-.07em;margin:0 0 8px;line-height:1}
.fit-matcher-heading h2 i{font-family:Georgia,serif;font-weight:400}
.fit-matcher-heading p:not(.eyebrow){margin:0;color:var(--muted,#a8a89f);font-size:12px;line-height:1.6}
.fit-matcher-mark{font:9px 'DM Mono',monospace;letter-spacing:.12em;color:var(--accent,#c6ff4b);white-space:nowrap}
.fit-matcher-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}
.fit-matcher-card{display:block;min-width:0;border:1px solid var(--line,#35362f);background:var(--surface-soft,#20211c);transition:transform .2s,border-color .2s}
.fit-matcher-card:hover{transform:translateY(-3px);border-color:var(--accent,#c6ff4b)}
.fit-matcher-image{aspect-ratio:4/4.5;overflow:hidden;background:var(--surface-soft,#252621)}
.fit-matcher-image img{display:block;width:100%;height:100%;object-fit:cover}
.fit-matcher-copy{padding:12px;display:grid;gap:7px}
.fit-matcher-copy>span{font-size:12px;font-weight:700;line-height:1.4}
.fit-matcher-copy>strong{font-size:12px;color:var(--accent,#c6ff4b)}
.fit-matcher-copy>small{font-size:10px;line-height:1.5;color:var(--muted,#a8a89f)}
.fit-matcher-empty{font-size:12px;color:var(--muted,#a8a89f)}
@media(max-width:650px){.fit-matcher{padding:18px 12px;margin:30px 0}.fit-matcher-heading{align-items:flex-start}.fit-matcher-mark{display:none}.fit-matcher-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.fit-matcher-copy{padding:10px}.fit-matcher-copy>span{font-size:11px}.fit-matcher-copy>small{font-size:9px}}


/* MONO FIT MATCHER — storefront style-concierge chat */
.fit-matcher-host{position:relative;z-index:30}
.mono-fit-launcher{position:fixed;right:22px;bottom:22px;z-index:1000;display:flex;align-items:center;gap:12px;min-width:270px;max-width:calc(100vw - 28px);padding:13px 16px;background:#151613;color:#f4f2e9;border:1px solid #c6ff4b;box-shadow:0 12px 38px #0003;text-align:left;transition:transform .2s,box-shadow .2s}
.mono-fit-launcher:hover,.mono-fit-launcher.is-active{transform:translateY(-2px);box-shadow:0 16px 42px #0004}
.mono-fit-launcher-mark,.mono-fit-avatar{display:grid;place-items:center;flex:0 0 36px;width:36px;height:36px;background:#c6ff4b;color:#151613;font-size:17px;font-weight:900;letter-spacing:-.1em}
.mono-fit-launcher-copy{display:grid;gap:4px;min-width:0}
.mono-fit-launcher-copy strong{font:600 10px 'DM Mono',monospace;letter-spacing:.09em}
.mono-fit-launcher-copy small{font-size:11px;color:#c5c6bd}
.mono-fit-launcher-arrow{margin-left:auto;color:#c6ff4b;font-size:18px}
.mono-fit-panel{position:fixed;right:22px;bottom:92px;z-index:1001;width:min(390px,calc(100vw - 28px));height:min(620px,calc(100dvh - 125px));min-height:350px;display:flex;flex-direction:column;overflow:hidden;background:#f3f1e9;color:#171815;border:1px solid #d3d1c7;box-shadow:0 20px 70px #0004}
.mono-fit-panel[hidden]{display:none!important}
.mono-fit-panel-head{display:flex;align-items:center;gap:11px;padding:16px;background:#151613;color:#f3f1e9;border-bottom:3px solid #c6ff4b}
.mono-fit-panel-head>div:nth-child(2){display:grid;gap:5px;min-width:0}
.mono-fit-panel-head strong{font:600 10px 'DM Mono',monospace;letter-spacing:.1em}
.mono-fit-panel-head small{font:9px 'DM Mono',monospace;letter-spacing:.07em;color:#c6ff4b}
.mono-fit-close{margin-left:auto;border:0;background:transparent;color:#fff;font-size:25px;line-height:1;padding:4px 7px}
.mono-fit-context{display:grid;grid-template-columns:1fr auto;gap:5px 10px;padding:12px 16px;background:#e5e4dc;border-bottom:1px solid #d2d0c6}
.mono-fit-context>span{grid-column:1/-1;font:9px 'DM Mono',monospace;letter-spacing:.12em;color:#696b60}
.mono-fit-context>strong{font-size:12px;line-height:1.4}
.mono-fit-context>small{font-size:11px;font-weight:700;white-space:nowrap}
.mono-fit-messages{flex:1;overflow:auto;padding:15px;display:flex;flex-direction:column;gap:9px;overscroll-behavior:contain}
.mono-fit-message{max-width:90%;padding:10px 12px;font-size:12px;line-height:1.6;overflow-wrap:anywhere}
.mono-fit-message.is-assistant{align-self:flex-start;background:#e5e4dc;color:#171815;border:1px solid #d6d4ca}
.mono-fit-message.is-user{align-self:flex-end;background:#171815;color:#f5f3eb}
.mono-fit-options{display:flex;flex-wrap:wrap;gap:7px;padding:0 14px 12px}
.mono-fit-option{border:1px solid #aaa99f;background:transparent;color:#171815;padding:9px 11px;font-size:10px;line-height:1.3;transition:background .15s,border-color .15s}
.mono-fit-option:hover,.mono-fit-option:focus-visible{background:#c6ff4b;border-color:#171815}
.mono-fit-input-row{display:flex;gap:8px;padding:12px 14px;border-top:1px solid #d6d4ca;background:#fff}
.mono-fit-input-row input{flex:1;min-width:0;border:0;outline:0;background:transparent;color:#171815;font-size:12px}
.mono-fit-input-row button{width:35px;height:35px;flex:0 0 35px;border:0;background:#c6ff4b;color:#171815;font-size:19px}
.mono-fit-disclaimer{margin:0;padding:0 14px 12px;background:#fff;color:#77786f;font-size:9px;line-height:1.4}
.mono-fit-results{display:grid;gap:9px;margin:2px 0 4px;width:100%}
.mono-fit-product{display:grid;grid-template-columns:76px minmax(0,1fr);gap:10px;padding:8px;border:1px solid #d7d5cb;background:#fff;color:#171815;text-decoration:none;transition:border-color .15s}
.mono-fit-product:hover{border-color:#899a4e}
.mono-fit-product-image{aspect-ratio:4/5;overflow:hidden;background:#e5e4dc}
.mono-fit-product-image img{display:block;width:100%;height:100%;object-fit:cover}
.mono-fit-product-image .image-placeholder{height:100%;display:grid;place-content:center;font-size:15px}
.mono-fit-product-details{display:flex;flex-direction:column;align-items:flex-start;gap:5px;min-width:0}
.mono-fit-product-details strong{font-size:11px;line-height:1.4}
.mono-fit-product-details>span{font-size:11px;font-weight:800}
.mono-fit-product-details small{font-size:10px;line-height:1.45;color:#696b60}
@media(max-width:520px){.mono-fit-launcher{right:12px;bottom:12px;min-width:0;padding:10px 12px;gap:9px}.mono-fit-launcher-mark{width:32px;height:32px;flex-basis:32px}.mono-fit-launcher-copy strong{font-size:9px}.mono-fit-launcher-copy small{font-size:10px}.mono-fit-panel{right:8px;bottom:70px;width:calc(100vw - 16px);height:min(600px,calc(100dvh - 90px));min-height:320px}.mono-fit-panel-head{padding:13px}.mono-fit-messages{padding:12px}.mono-fit-product{grid-template-columns:68px minmax(0,1fr)}}
@media(prefers-reduced-motion:reduce){.mono-fit-launcher,.mono-fit-option,.mono-fit-product{transition:none}}


/* CHECKOUT ORDER SUMMARY — MORE COMFORTABLE MOBILE READABILITY */
.checkout-order-summary{padding:1.1rem!important;margin:1.1rem 0 1.2rem!important}
.checkout-summary-heading{margin-bottom:.9rem!important}
.checkout-summary-heading h3{font-size:1.08rem!important}
.checkout-summary-heading span{font-size:.86rem!important}
.checkout-order-items{gap:.85rem!important;max-height:300px!important}
.checkout-order-item{grid-template-columns:58px minmax(0,1fr) auto!important;gap:.85rem!important;padding-bottom:.85rem!important}
.checkout-order-image{width:58px!important;height:70px!important;font-size:.75rem!important}
.checkout-order-details{gap:.28rem!important}
.checkout-order-details strong{font-size:.94rem!important;line-height:1.35!important}
.checkout-order-details small{font-size:.81rem!important;line-height:1.45!important}
.checkout-order-line-total{font-size:.88rem!important;font-weight:700!important}
@media(max-width:520px){
 .checkout-order-summary{padding:.9rem!important}
 .checkout-order-item{grid-template-columns:50px minmax(0,1fr) auto!important;gap:.65rem!important}
 .checkout-order-image{width:50px!important;height:62px!important}
 .checkout-order-details strong{font-size:.88rem!important}
 .checkout-order-details small{font-size:.77rem!important}
 .checkout-order-line-total{font-size:.81rem!important}
}


/* MONOWEAR — rotating editorial product stage, based on the supplied reference video */
.product-showcase-carousel{
  --showcase-ink:#181916;
  display:flex!important;
  align-items:center;
  gap:clamp(12px,2.5vw,34px)!important;
  overflow-x:auto;
  overflow-y:hidden;
  scroll-snap-type:x mandatory;
  scroll-behavior:smooth;
  scrollbar-width:none;
  -ms-overflow-style:none;
  padding:28px max(5%,calc((100% - 1120px)/2)) 36px!important;
  margin:0 calc(-1 * clamp(20px,5.5vw,88px));
  background:#f7f7f4;
  color:var(--showcase-ink);
  min-height:clamp(360px,48vw,620px);
  overscroll-behavior-x:contain;
}
.product-showcase-carousel::-webkit-scrollbar{display:none}
.product-showcase-carousel>.product-card{
  flex:0 0 25%;
  min-width:0;
  width:auto;
  scroll-snap-align:center;
  opacity:.48;
  transform:scale(.82);
  transform-origin:center;
  transition:flex-basis .65s cubic-bezier(.2,.7,.2,1),opacity .55s ease,transform .65s cubic-bezier(.2,.7,.2,1);
  border:0!important;
  background:transparent!important;
  color:var(--showcase-ink)!important;
  box-shadow:none!important;
}
.product-showcase-carousel>.product-card.showcase-active{
  flex-basis:43%;
  opacity:1;
  transform:scale(1);
}
.product-showcase-carousel .product-image{
  position:relative;
  display:grid;
  place-items:center;
  aspect-ratio:1/1;
  height:auto;
  overflow:hidden;
  background:#f7f7f4!important;
  border:0!important;
}
.product-showcase-carousel .product-image img{
  width:100%;
  height:100%;
  object-fit:contain!important;
  mix-blend-mode:multiply;
  transition:transform .7s cubic-bezier(.2,.7,.2,1);
}
.product-showcase-carousel .showcase-active .product-image img{transform:scale(1.025)}
.product-showcase-carousel .product-badge,
.product-showcase-carousel .sold-badge{top:12px;left:12px;font-size:8px}
.product-showcase-carousel .product-meta{
  display:flex;
  align-items:baseline;
  justify-content:space-between;
  gap:12px;
  padding:12px 2px 0;
  color:#181916;
}
.product-showcase-carousel .product-meta h3{font-size:clamp(11px,1.2vw,16px);letter-spacing:-.025em}
.product-showcase-carousel .product-meta a{color:inherit}
.product-showcase-carousel .price{font-size:12px;color:#181916;white-space:nowrap}
.product-showcase-carousel .product-category{color:#66665e;font-size:10px;padding:8px 2px}
.product-showcase-carousel .drop-countdown{color:#181916;background:#ffffffb8;border-color:#deded8}
.product-showcase-carousel .drop-countdown small{color:#66665e}
.product-showcase-carousel .product-actions{
  display:none;
  padding:0 2px 8px;
}
.product-showcase-carousel .showcase-active .product-actions{display:flex;flex-wrap:wrap}
.product-showcase-carousel .showcase-active .product-actions>*{min-width:0;flex:1}
.product-showcase-carousel .add-button{background:#181916;color:#fff;border-color:#181916}
.product-showcase-carousel .add-button:disabled{opacity:.5}
.product-showcase-carousel:focus-visible{outline:2px solid var(--accent,#c6ff4b);outline-offset:4px}
@media(max-width:700px){
  .product-showcase-carousel{
    gap:8px!important;
    margin:0 -5.5%;
    padding:22px 4% 28px!important;
    min-height:0;
  }
  .product-showcase-carousel>.product-card{flex-basis:24%;transform:scale(.78)}
  .product-showcase-carousel>.product-card.showcase-active{flex-basis:68%;transform:scale(1)}
  .product-showcase-carousel .product-image{aspect-ratio:1/1}
  .product-showcase-carousel .product-meta{flex-direction:column;gap:4px;padding-top:8px}
  .product-showcase-carousel .product-meta h3{font-size:12px}
  .product-showcase-carousel .price{font-size:11px}
  .product-showcase-carousel .product-category{font-size:9px}
  .product-showcase-carousel .product-actions{gap:6px}
  .product-showcase-carousel .size-select,.product-showcase-carousel .add-button{font-size:9px;padding:9px 5px}
}
@media(prefers-reduced-motion:reduce){
  .product-showcase-carousel{scroll-behavior:auto}
  .product-showcase-carousel>.product-card,
  .product-showcase-carousel .product-image img{transition:none}
}

.product-showcase-carousel,.product-showcase-carousel .product-image{background:#e9e1d5!important}
.product-showcase-carousel{gap:clamp(8px,1.6vw,22px)!important;padding-top:20px!important;padding-bottom:24px!important}
.product-showcase-carousel>.product-card{flex-basis:24%;transform:scale(.86);opacity:.58}
.product-showcase-carousel>.product-card.showcase-active{flex-basis:45%;transform:scale(1);opacity:1}
.product-showcase-carousel .product-image img{mix-blend-mode:multiply;object-fit:contain!important}
.showcase-side-bag{position:fixed;z-index:40;right:16px;top:50%;transform:translateY(-50%);width:210px;max-height:72vh;display:flex;flex-direction:column;background:#f4eee5;color:#1b1b18;border:1px solid #cfc4b5;box-shadow:0 16px 48px #0002;padding:15px;overflow:hidden}
.showcase-side-bag-head,.showcase-side-bag-foot{display:flex;flex-direction:column;gap:7px;font:10px \'DM Mono\',monospace;letter-spacing:.1em}.showcase-side-bag-head{padding-bottom:12px;border-bottom:1px solid #d8cec0}.showcase-side-bag-items{overflow:auto;min-height:100px;flex:1;padding:8px 0}.showcase-bag-item{display:grid;grid-template-columns:48px minmax(0,1fr);gap:9px;padding:9px 0;border-bottom:1px solid #ded5c9}.showcase-bag-thumb{width:48px;height:58px;background:#e4dbcf;overflow:hidden}.showcase-bag-thumb img{width:100%;height:100%;object-fit:cover}.showcase-bag-item strong,.showcase-bag-item small{display:block;font-size:10px;line-height:1.5;overflow-wrap:anywhere}.showcase-side-bag-foot{padding-top:12px;border-top:1px solid #d8cec0}.showcase-side-bag-foot button{border:0;background:#171815;color:white;padding:12px 8px;cursor:pointer}
@media(max-width:900px){.showcase-side-bag{right:8px;top:auto;bottom:10px;transform:none;width:158px;max-height:38vh;padding:10px;background:#f4eee5f5}.showcase-bag-item{grid-template-columns:34px minmax(0,1fr);gap:6px}.showcase-bag-thumb{width:34px;height:42px}.product-showcase-carousel{margin-right:0!important;margin-left:0!important;padding-left:12px!important;padding-right:12px!important}.product-showcase-carousel>.product-card{flex-basis:38%}.product-showcase-carousel>.product-card.showcase-active{flex-basis:68%}}


/* Animated product picker: select and add any piece without leaving the showcase. */
.showcase-product-picker{width:clamp(250px,24vw,330px);max-height:78vh}
.showcase-product-picker .showcase-side-bag-head span{font-size:12px;font-weight:700;letter-spacing:.12em}
.showcase-product-picker .showcase-side-bag-head small{font:10px/1.5 'DM Mono',monospace;letter-spacing:.02em;color:#70685e}
.showcase-product-picker .showcase-side-bag-items{display:flex;flex-direction:column;gap:0}
.showcase-picker-item{display:grid;grid-template-columns:76px minmax(0,1fr);gap:10px;padding:10px 0;border-bottom:1px solid #ded5c9}
.showcase-picker-image{width:76px;height:94px;background:#e9e1d5;display:flex;align-items:center;justify-content:center;overflow:hidden}
.showcase-picker-image img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}
.showcase-picker-info{min-width:0;display:flex;flex-direction:column;align-items:stretch;gap:5px}
.showcase-picker-info>strong{font-size:11px;line-height:1.35;overflow-wrap:anywhere}
.showcase-picker-info>span{font:10px 'DM Mono',monospace}
.showcase-picker-options{display:flex;gap:4px;min-width:0}
.showcase-picker-options select{width:50%;min-width:0;max-width:100%;padding:5px 2px;border:1px solid #cfc4b5;background:#fffaf4;color:#1b1b18;font-size:10px}
.showcase-picker-info button{border:0;background:#171815;color:#fff;padding:8px 5px;font-size:9px;letter-spacing:.04em;cursor:pointer}
.showcase-picker-info button:disabled{opacity:.45;cursor:not-allowed}
.showcase-product-picker .showcase-side-bag-foot button{width:100%}
.product-showcase-carousel>.product-card{transition:flex-basis .22s ease,transform .22s ease,opacity .22s ease}
.product-showcase-carousel .product-image img{transition:opacity .12s ease}
@media(max-width:900px){
  .showcase-product-picker{right:8px;top:auto;bottom:10px;transform:none;width:min(76vw,330px);max-height:43vh;padding:10px;background:#f4eee5f5}
  .showcase-picker-item{grid-template-columns:56px minmax(0,1fr);gap:8px;padding:8px 0}
  .showcase-picker-image{width:56px;height:70px}
  .showcase-picker-info>strong{font-size:10px}
  .showcase-picker-info button{padding:7px 4px}
}

/* Storefront-wide readability pass: a small, consistent type-size increase. */
body{font-size:16px}
.site-header nav a,.cart-toggle,.account-link{font-size:11px}
.announcement{font-size:11px}
.hero-copy>p:not(.eyebrow){font-size:15px}
.eyebrow{font-size:12px}
.button{font-size:12px}


/* Mobile header: keep the storefront clean; reveal navigation on demand. */
.mobile-menu-toggle,.mobile-account-link{display:none}
@media(max-width:700px){
  .site-header{position:relative;z-index:50;display:flex;gap:10px;height:66px;padding:0 16px}
  .wordmark{font-size:23px;flex-shrink:0}
  .site-header nav{display:none;position:absolute;left:0;right:0;top:100%;padding:10px 18px 18px;background:var(--bg);border-bottom:1px solid var(--line);box-shadow:0 12px 18px rgba(0,0,0,.08);flex-direction:column;align-items:stretch;gap:0}
  .site-header nav.is-open{display:flex}
  .site-header nav a{font-size:11px;letter-spacing:.09em;padding:15px 2px;border-bottom:1px solid var(--line)}
  .site-header nav a:last-child{border-bottom:0}
  .header-actions{margin-left:auto;display:flex;align-items:center;gap:10px}
  .account-link{display:none}
  .mobile-account-link{display:block}
  .cart-toggle{font-size:10px;padding:7px 0}
  .cart-toggle span{width:20px;height:20px}
  .mobile-menu-toggle{width:34px;height:34px;border:1px solid var(--line);background:transparent;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;padding:0}
  .mobile-menu-toggle span{width:13px;height:1px;background:var(--ink);display:block;transition:transform .18s ease}
  .mobile-menu-toggle[aria-expanded="true"] span:first-child{transform:translateY(3px) rotate(45deg)}
  .mobile-menu-toggle[aria-expanded="true"] span:last-child{transform:translateY(-3px) rotate(-45deg)}
}
@media(max-width:360px){
  .site-header{padding-inline:11px}
  .wordmark{font-size:21px}
}


/* MOBILE COMFORT PASS — keep the storefront airy without oversized panels. */
@media(max-width:700px){
  .hero{min-height:clamp(390px,68svh,470px);padding:52px 6% 64px}
  .hero h1{font-size:clamp(46px,11vw,76px);margin:24px 0 20px}
  .hero-copy>p:not(.eyebrow){font-size:13px;line-height:1.65}
  .section-wrap{padding:48px 5%}
  .manifesto{padding:52px 6% 44px}
  .newsletter{padding:38px 5%}
  .product-showcase-carousel{min-height:0}
  .showcase-side-bag{max-height:30vh;padding:8px}
}
@media(max-width:430px){
  .hero{min-height:410px;padding-top:46px;padding-bottom:56px}
  .hero h1{font-size:clamp(43px,10.5vw,62px)}
  .hero-index{bottom:18px}
  .section-heading h2,.newsletter h2{font-size:clamp(28px,7vw,40px)}
}
/* The floating showcase picker should not obscure the storefront on small screens. */
@media(max-width:700px){
  .showcase-side-bag{width:min(290px,82vw);right:8px;bottom:8px;max-height:28svh}
}


/* CHECKOUT FIX: apply to the stylesheet actually loaded by public/index.html. */
.checkout-dialog{
  max-height:calc(100dvh - 24px);
  overflow-x:hidden;
  overflow-y:auto;
  overscroll-behavior:contain;
  scrollbar-gutter:stable;
}
.checkout-dialog form{min-width:0}
.checkout-dialog .drawer-head{position:sticky;top:0;z-index:5;background:#f3f1e9;padding:10px 0 14px}
.checkout-dialog label{display:block;min-width:0;margin:12px 0 16px;line-height:1.45}
.checkout-dialog input,.checkout-dialog textarea,.checkout-dialog select{
  display:block;width:100%;min-width:0;max-width:100%;margin-top:7px;
  border-radius:3px;line-height:1.4;
}
.checkout-dialog textarea{min-height:84px;resize:vertical}
.checkout-dialog .checkout-order-summary{margin:18px 0;padding:14px;min-width:0}
.checkout-order-items{min-width:0}
.checkout-order-item{grid-template-columns:58px minmax(0,1fr) auto;gap:10px}
.checkout-order-image{width:58px;height:68px;padding:4px;background:#e7e4da}
.checkout-order-image img{object-fit:contain;object-position:center;width:100%;height:100%}
.checkout-order-details,.checkout-order-line-total{min-width:0}
.checkout-dialog .cart-total{gap:12px;align-items:flex-start;margin:12px 0;padding-top:12px}
.checkout-dialog .cart-total span{min-width:0;line-height:1.5}
.checkout-dialog .cart-total strong{text-align:right;overflow-wrap:anywhere}
.checkout-dialog .button-light{white-space:normal;text-align:center;justify-content:center;line-height:1.45;padding:14px}
@media(max-width:520px){
  .checkout-dialog{width:calc(100% - 16px);max-height:calc(100dvh - 16px)}
  .checkout-dialog form{padding:0 16px 18px}
  .checkout-brand-panel{margin:0 -16px 14px;padding:19px 16px 15px}
  .checkout-brand-panel>p:not(.eyebrow){margin-bottom:18px;line-height:1.5}
  .checkout-dialog .drawer-head h2{font-size:22px}
  .checkout-dialog label{margin:10px 0 13px}
  .checkout-dialog input,.checkout-dialog textarea,.checkout-dialog select{padding:11px;font-size:16px}
  .checkout-order-item{grid-template-columns:48px minmax(0,1fr);gap:9px}
  .checkout-order-image{width:48px;height:58px}
  .checkout-order-line-total{grid-column:2;text-align:left}
  .checkout-dialog .cart-total{font-size:12px}
}
/* Keep garment images fully visible rather than cutting off the edges. */
.product-image{background:#e2e0d7}
.product-image img{object-fit:contain;object-position:center;padding:5%;mix-blend-mode:multiply}
.product-detail-image{background:#e2e0d7;display:grid;place-items:center}
.product-detail-image img{object-fit:contain;object-position:center;padding:5%;mix-blend-mode:multiply}
.more-product-image{background:#e2e0d7;display:grid;place-items:center}
.more-product-image img{object-fit:contain;object-position:center;padding:5%;mix-blend-mode:multiply}
@media(max-width:700px){.product-image img,.product-detail-image img,.more-product-image img{padding:4%}}


/* Restore original uploaded product-image colors: no artificial brightness, contrast, or saturation. */
.product-card .product-image img,
.product-detail-image img,
.more-product-image img,
.standalone-product-visual img,
.standalone-related-image img{
  mix-blend-mode:normal!important;
  opacity:1!important;
  filter:none!important;
}


/* CHECKOUT ORDER LIST — prevent product rows from collapsing/overlapping
   when the customer adds several different pieces. */
.checkout-dialog .checkout-order-summary{
  display:block;
  min-width:0;
  overflow:visible;
}
.checkout-dialog .checkout-order-items{
  display:flex;
  flex-direction:column;
  align-items:stretch;
  gap:0;
  width:100%;
  max-height:none !important;
  min-width:0;
  overflow:visible;
}
.checkout-dialog .checkout-order-item{
  display:grid;
  grid-template-columns:64px minmax(0,1fr);
  align-items:center;
  column-gap:12px;
  row-gap:5px;
  width:100%;
  min-width:0;
  padding:12px 0;
  border-bottom:1px solid #dedbd1;
}
.checkout-dialog .checkout-order-image{
  grid-column:1;
  grid-row:1 / span 2;
  display:grid;
  place-items:center;
  width:64px;
  height:76px;
  min-width:0;
  overflow:hidden;
}
.checkout-dialog .checkout-order-image img{
  display:block;
  width:100%;
  height:100%;
  object-fit:contain;
}
.checkout-dialog .checkout-order-details{
  grid-column:2;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:4px;
  min-width:0;
  overflow-wrap:anywhere;
}
.checkout-dialog .checkout-order-details strong{
  display:block;
  max-width:100%;
  font-size:13px;
  line-height:1.35;
  overflow-wrap:anywhere;
}
.checkout-dialog .checkout-order-details small{
  display:block;
  max-width:100%;
  font-size:11px;
  line-height:1.45;
  overflow-wrap:anywhere;
}
.checkout-dialog .checkout-order-line-total{
  grid-column:2;
  justify-self:start;
  min-width:0;
  font-size:12px;
  line-height:1.4;
  white-space:nowrap;
}
@media(max-width:520px){
  .checkout-dialog .checkout-order-item{
    grid-template-columns:54px minmax(0,1fr);
    column-gap:10px;
    padding:11px 0;
  }
  .checkout-dialog .checkout-order-image{
    width:54px;
    height:66px;
  }
  .checkout-dialog .checkout-order-details strong{font-size:12px}
  .checkout-dialog .checkout-order-details small{font-size:10px}
  .checkout-dialog .checkout-order-line-total{font-size:11px}
}





/* Bulk product background removal */
.bulk-background-panel { margin:22px 0; padding:20px; }
.bulk-background-actions { display:flex; flex-wrap:wrap; gap:10px; margin:14px 0; }
.bulk-background-preview { display:grid; grid-template-columns:repeat(auto-fill,minmax(240px,1fr)); gap:14px; margin-top:16px; }
.bulk-background-card { min-width:0; border:1px solid var(--border,#444); border-radius:12px; padding:12px; }
.bulk-background-images { display:grid; grid-template-columns:1fr 1fr; gap:8px; }
.bulk-background-images figure { margin:0; min-width:0; background:repeating-conic-gradient(#ddd 0% 25%,#fff 0% 50%) 50%/16px 16px; border-radius:8px; overflow:hidden; }
.bulk-background-images img { display:block; width:100%; height:170px; object-fit:contain; }
.bulk-background-images figcaption { padding:6px; text-align:center; font-size:10px; letter-spacing:1px; background:rgba(0,0,0,.72); color:#fff; }
.bulk-background-card > strong,.bulk-background-card > small { display:block; margin-top:8px; overflow-wrap:anywhere; }
@media(max-width:600px){.bulk-background-actions>button{width:100%;}.bulk-background-images img{height:130px;}}