/** Shopify CDN: Minification failed

Line 857:0 Unexpected "<"

**/
/* ========================= TNW — PDP Premium (Mobile-first) ========================= */ /* CTA principal (Add to bag) — estilo pill premium */ .product-form__submit, button[name="add"], .tnw-stickybar__cta { width: 100% !important; min-height: 54px; border-radius: 999px !important; border: 1px solid rgba(255,255,255,.18) !important; background: rgba(22,22,22,.55) !important; backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); color: #fff !important; text-transform: uppercase; letter-spacing: .22em; font-weight: 700; } /* Hover/press (mobile) */ .product-form__submit:active, button[name="add"]:active, .tnw-stickybar__cta:active{ transform: translateY(1px); } /* FIT / CUSTOMER CARE — remove o "branco" e deixa igual ao resto */ .tnw-helpers .tnw-btn, .tnw-btn { display: inline-flex; align-items: center; justify-content: center; width: 100%; min-height: 52px; border-radius: 999px; border: 1px solid rgba(255,255,255,.14); background: rgba(18,18,18,.45); color: rgba(255,255,255,.92); text-transform: uppercase; letter-spacing: .18em; font-weight: 650; text-decoration: none !important; } /* Remove underline estranho do CUSTOMER CARE (link) */ .tnw-helpers a, .tnw-helpers a:visited{ text-decoration: none !important; } /* Espaçamento mais “luxury” */ .product__info-container > *{ margin-top: 14px !important; } /* Botões de tamanho — ligeiramente mais premium */ variant-radios input[type="radio"] + label, variant-selects select { border-radius: 999px !important; border-color: rgba(255,255,255,.18) !important; } /* Price: mais “quiet luxury” */ .price__regular .price-item, .price .price-item{ font-weight: 500 !important; letter-spacing: .04em; opacity: .95; } .tnw-main-buy .tnw-helpers{ margin-top:16px; } .tnw-main-buy button { min-height: 56px; letter-spacing: .22em; }



/* =========================================================
   TRUSTNBDYWEAR® — PDP ONLY (Scoped)
   File: assets/tnw-pdp.css
   Goal: premium + street, zero bleed para outras páginas
   ========================================================= */

.template-product{
  --tnw-bg:#090909;
  --tnw-fg:#ffffff;
  --tnw-muted:rgba(255,255,255,.72);
  --tnw-line:rgba(255,255,255,.12);

  --tnw-pill-bg: rgba(18,18,18,.45);
  --tnw-pill-bg-cta: rgba(22,22,22,.55);
  --tnw-pill-border: rgba(255,255,255,.14);
  --tnw-pill-border-cta: rgba(255,255,255,.18);

  --tnw-radius: 999px;
  --tnw-shadow: 0 10px 30px rgba(0,0,0,.35);
}

/* fundo do PDP */
.template-product .main-content,
.template-product main{
  background: var(--tnw-bg);
}

/* ---------- FIX: “gap” no topo do bloco info ---------- */
/* em vez de dar margin-top a TODOS os filhos (incluindo o primeiro),
   aplicamos apenas aos seguintes */
.template-product .product__info-container > * + *{
  margin-top: 14px !important;
}

/* ---------- Preço: quiet luxury ---------- */
.template-product .price__regular .price-item,
.template-product .price .price-item{
  font-weight: 500 !important;
  letter-spacing: .04em;
  opacity: .95;
}

/* ---------- STOCKLINE (teu snippet) ---------- */
.template-product #tnw-stockline{
  display:flex;
  align-items:center;
  gap:10px;
  color: rgba(255,255,255,.82);
  letter-spacing:.14em;
  text-transform:uppercase;
  font-size:12px;
}
.template-product #tnw-stockline .dot{
  width:8px;height:8px;border-radius:50%;
  background:#21ff6a;
  box-shadow:0 0 0 3px rgba(33,255,106,.14),0 0 14px rgba(33,255,106,.32);
}

/* ---------- CTA principal (Add to Bag / button add) ---------- */
.template-product .product-form__submit,
.template-product button[name="add"],
.template-product .tnw-stickybar__cta{
  width: 100% !important;
  min-height: 54px;
  border-radius: var(--tnw-radius) !important;
  border: 1px solid var(--tnw-pill-border-cta) !important;

  /* ligeiro gradiente + glass */
  background:
    linear-gradient(180deg, rgba(255,255,255,.08), rgba(255,255,255,0)) ,
    var(--tnw-pill-bg-cta) !important;

  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);

  color: #fff !important;
  text-transform: uppercase;
  letter-spacing: .22em;
  font-weight: 700;
  box-shadow: var(--tnw-shadow);
}

.template-product .product-form__submit:active,
.template-product button[name="add"]:active,
.template-product .tnw-stickybar__cta:active{
  transform: translateY(1px);
}

/* ---------- FIT / CUSTOMER CARE (helpers) ---------- */
.template-product .tnw-helpers .tnw-btn,
.template-product .tnw-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;

  width:100%;
  min-height:52px;
  border-radius: var(--tnw-radius);
  border:1px solid var(--tnw-pill-border);

  background:
    linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,0)),
    var(--tnw-pill-bg);

  color: rgba(255,255,255,.92);
  text-transform:uppercase;
  letter-spacing:.18em;
  font-weight:650;
  text-decoration:none !important;
  box-shadow: 0 8px 22px rgba(0,0,0,.22);
}

/* remove underline/link defaults */
.template-product .tnw-helpers a,
.template-product .tnw-helpers a:visited{
  text-decoration:none !important;
}

/* spacing helpers */
.template-product .tnw-main-buy .tnw-helpers{ margin-top:16px; }

/* ---------- Variant selector (tamanhos) ---------- */
.template-product variant-radios input[type="radio"] + label{
  border-radius: var(--tnw-radius) !important;
  border: 1px solid rgba(255,255,255,.18) !important;
  background: rgba(0,0,0,.10);
  color: rgba(255,255,255,.90);
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.04);
}
.template-product variant-radios input[type="radio"]:checked + label{
  background:
    linear-gradient(180deg, rgba(255,255,255,.10), rgba(255,255,255,0)),
    rgba(255,255,255,.08) !important;
  border-color: rgba(255,255,255,.28) !important;
  color:#fff;
}

/* selects (se existirem noutros produtos) */
.template-product variant-selects select{
  border-radius: var(--tnw-radius) !important;
  border-color: rgba(255,255,255,.18) !important;
  background: rgba(18,18,18,.35);
  color:#fff;
}

/* ---------- Quantity stepper ---------- */
.template-product .quantity{
  border-radius: 14px;
  border: 1px solid rgba(255,255,255,.14);
  background: rgba(18,18,18,.35);
  overflow:hidden;
}
.template-product .quantity__button{
  color: rgba(255,255,255,.85);
  transition: transform .12s ease, opacity .12s ease;
}
.template-product .quantity__button:active{ transform: translateY(1px); }
.template-product .quantity__input{
  color:#fff;
  background: transparent;
}

/* ---------- Microcopy inline (ponto entre frases) ---------- */
.template-product .tnw-buy-micro,
.template-product .tnw-stickybar__micro{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:0;
}
.template-product .tnw-dot{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  opacity:.35;
  margin: 0 8px;
  transform: translateY(-.5px);
}
@media (max-width: 749px){
  .template-product .tnw-dot{ margin: 0 6px; }
}

/* ---------- STICKYBAR (fixo e escondido por default) ---------- */
.template-product .tnw-stickybar{
  position:fixed;
  left:0; right:0; bottom:0;
  z-index:9999;

  padding:12px 16px calc(12px + env(safe-area-inset-bottom));
  background: rgba(9,9,9,.92);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border-top:1px solid rgba(255,255,255,.10);

  transform: translateY(110%);
  opacity:0;
  pointer-events:none;
  transition: transform .22s ease, opacity .22s ease;
}
.template-product .tnw-stickybar.is-visible{
  transform: translateY(0);
  opacity:1;
  pointer-events:auto;
}
.template-product .tnw-stickybar__inner{
  max-width:980px;
  margin:0 auto;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
}
.template-product .tnw-stickybar__meta{
  display:flex;
  flex-direction:column;
  gap:4px;
}
.template-product .tnw-stickybar__price{
  font:700 14px/1.1 Helvetica,Arial;
  color:#fff;
}
.template-product .tnw-stickybar__micro{
  font:400 12px/1.2 Helvetica,Arial;
  color: rgba(255,255,255,.60);
}

/* garante que o conteúdo não fica tapado pela sticky */
@media (max-width: 749px){
  .template-product .product__info-wrapper{
    padding-bottom: 120px !important;
  }
}








/* =========================
   TNW — STICKYBAR (PDP only)
   ========================= */

.template-product .tnw-stickybar{
  position: fixed !important;
  left: 0; right: 0; bottom: 0;
  z-index: 9999;

  padding: 12px 16px calc(12px + env(safe-area-inset-bottom));
  background: rgba(9,9,9,.92);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border-top: 1px solid rgba(255,255,255,.10);

  transform: translateY(110%);
  opacity: 0;
  pointer-events: none;
  transition: transform .22s ease, opacity .22s ease;
}

.template-product .tnw-stickybar.is-visible{
  transform: translateY(0);
  opacity: 1;
  pointer-events: auto;
}

.template-product .tnw-stickybar__inner{
  max-width: 980px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
}

.template-product .tnw-stickybar__meta{
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.template-product .tnw-stickybar__price{
  font: 700 14px/1.1 Helvetica,Arial;
  color: #fff;
}

.template-product .tnw-stickybar__micro{
  font: 400 12px/1.2 Helvetica,Arial;
  color: rgba(255,255,255,.60);
}

/* garante que o conteúdo não fica tapado pela sticky */
@media (max-width: 749px){
  .template-product .product__info-wrapper{
    padding-bottom: 120px !important;
  }
}





/* Hide labels "Tamanho" and "Quantity" */
.product-form__input .form__label,
.product-form__input legend.form__label,
.product-form__quantity .form__label,
.quantity__label,
label[for^="Quantity-"]{
  display:none !important;
}
/* TNW STICKYBAR — fica fixa e escondida por default */
.tnw-stickybar{
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 9999;

  padding: 12px 16px calc(12px + env(safe-area-inset-bottom));
  background: rgba(9,9,9,.92);
  backdrop-filter: blur(10px);
  border-top: 1px solid rgba(255,255,255,.10);

  transform: translateY(110%);
  opacity: 0;
  pointer-events: none;
  transition: transform .22s ease, opacity .22s ease;
}

/* quando ativa */
.tnw-stickybar.is-visible{
  transform: translateY(0);
  opacity: 1;
  pointer-events: auto;
}

/* layout interno */
.tnw-stickybar__inner{
  max-width: 980px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
}

.tnw-stickybar__meta{
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.tnw-stickybar__price{
  font: 700 14px/1.1 Helvetica,Arial;
  color: #fff;
}

.tnw-stickybar__micro{
  font: 400 12px/1.2 Helvetica,Arial;
  color: rgba(255,255,255,.60);
}






/* =========================
   TNW — Kill the square frame around the CTA (PDP only)
   ========================= */

.template-product .product-form,
.template-product .product-form__buttons,
.template-product .product-form__buttons > div,
.template-product .product-form__buttons .product-form__submit,
.template-product .product-form__buttons .button{
  box-shadow: none !important;
  outline: none !important;
}

/* o “retângulo branco” costuma ser border do wrapper */
.template-product .product-form__buttons,
.template-product .product-form__buttons > div{
  border: 0 !important;
  background: transparent !important;
  padding: 0 !important;
  border-radius: 0 !important; /* garante que não cria frame */
}

/* às vezes vem de pseudo-elementos do tema */
.template-product .product-form__buttons::before,
.template-product .product-form__buttons::after,
.template-product .product-form__buttons > div::before,
.template-product .product-form__buttons > div::after{
  content: none !important;
  display: none !important;
}

/* mantém o teu look premium no botão (pill) */
.template-product .product-form__submit{
  border-radius: 999px !important;
  border: 1px solid rgba(255,255,255,.18) !important;
  background: rgba(22,22,22,.55) !important;
}













/* ================================
   TRUSTNBDY — Premium Buttons System (PDP + Klaviyo)
   ================================ */

/* 1) Tokens */
:root{
  --tnw-btn-h: 56px;
  --tnw-btn-r: 14px;
  --tnw-btn-b: 0;
  --tnw-btn-bg: linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.02));
  --tnw-btn-shadow: 0 1px 0 rgba(255,255,255,.08) inset, 0 8px 24px rgba(0,0,0,.35);
  --tnw-btn-font: 800 16px/1 Helvetica, Arial, system-ui;
  --tnw-btn-ls: .03em;
}

/* 2) Base style */
#MainContent .tnw-btn,
#MainContent .product-form__submit,
#MainContent .shopify-payment-button__button,
#MainContent .klaviyo-bis-trigger{
  appearance:none !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;

  width:100% !important;
  min-height: var(--tnw-btn-h) !important;
  padding: 0 22px !important;

  border: var(--tnw-btn-b) !important;
  border-radius: var(--tnw-btn-r) !important;
  background: var(--tnw-btn-bg) !important;

  color:#fff !important;
  font: var(--tnw-btn-font) !important;
  text-transform:uppercase !important;
  letter-spacing: var(--tnw-btn-ls) !important;
  text-decoration:none !important;

  box-shadow: var(--tnw-btn-shadow) !important;
  transition: transform .15s ease, border-color .15s ease, background .15s ease, box-shadow .15s ease !important;
  -webkit-font-smoothing: antialiased !important;
}

/* 3) Hover / Focus */
#MainContent .tnw-btn:hover,
#MainContent .product-form__submit:hover,
#MainContent .shopify-payment-button__button:hover,
#MainContent .klaviyo-bis-trigger:hover,
#MainContent .tnw-btn:focus-visible,
#MainContent .product-form__submit:focus-visible,
#MainContent .shopify-payment-button__button:focus-visible,
#MainContent .klaviyo-bis-trigger:focus-visible{
  outline: 2px dashed #fff !important;
  outline-offset: 3px !important;
  background: linear-gradient(180deg, #fff, #d7d7d7) !important;
  color:#000 !important;
  border-color:#fff !important;
  transform: translateY(-1px) !important;
  box-shadow: 0 1px 0 rgba(255,255,255,.12) inset, 0 8px 24px rgba(0,0,0,.35) !important;
}

/* 4) Optional: secondary / ghost (para botões secundários no PDP) */
#MainContent .tnw-btn--ghost{
  background: transparent !important;
  border: 1px solid rgba(255,255,255,.18) !important;
  box-shadow: 0 1px 0 rgba(255,255,255,.04) inset !important;
  opacity: .95;
}
#MainContent .tnw-btn--ghost:hover,
#MainContent .tnw-btn--ghost:focus-visible{
  background: rgba(255,255,255,.08) !important;
  color:#fff !important;
  border-color: rgba(255,255,255,.36) !important;
}

/* 5) Mobile sizing */
@media (max-width: 480px){
  #MainContent .product-form__submit,
  #MainContent .shopify-payment-button__button,
  #MainContent .klaviyo-bis-trigger,
  #MainContent .tnw-btn{
    min-height: 52px !important;
    padding: 0 16px !important;
    font-size: 15px !important;
  }
}

/* 6) Shopify “dynamic checkout” wrapper fixes (evita cantos quadrados) */
#MainContent .shopify-payment-button__button{
  border-radius: var(--tnw-btn-r) !important;
}

/* ================================
   Mantém o que já tinhas (sticky + cards)
   ================================ */
.tnw-sticky{
  position: fixed; left: 0; right: 0; bottom: 0; z-index: 50;
  transform: translateY(100%); opacity:.01; pointer-events: none;
  transition: transform .25s ease, opacity .25s ease;
}
.tnw-sticky.is-visible{
  transform: translateY(0); opacity:1; pointer-events: auto;
}
.tnw-card-status { display:flex; gap:10px; align-items:center; }
.card__information .price.price--sold-out { display: none; }
.tnw-card__footer { margin-top: 10px; }
.tnw-card-notify { width: 100%; }
/* REMOVE BORDA SÓ dos botões secundários (mantém ADD TO BAG intacto) */
#MainContent .klaviyo-bis-trigger,
#MainContent .shopify-payment-button__button,
#MainContent .tnw-btn--ghost{
  border: 0 !important;
}

/* E no hover/focus desses secundários, impede voltar a borda branca */
#MainContent .klaviyo-bis-trigger:hover,
#MainContent .klaviyo-bis-trigger:focus-visible,
#MainContent .shopify-payment-button__button:hover,
#MainContent .shopify-payment-button__button:focus-visible,
#MainContent .tnw-btn--ghost:hover,
#MainContent .tnw-btn--ghost:focus-visible{
  border-color: transparent !important;
}







/* ================================
   TNW — PDP Buttons Hierarchy (Dawn)
   Primary: Add to bag
   Ghost:  Buy it now / dynamic checkout
   ================================ */

/* 1) ADD TO BAG = PRIMARY (garante que fica “cheio”) */
#MainContent .product-form__submit,
#MainContent button[name="add"]{
  background: linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.02)) !important;
  border: 1px solid rgba(255,255,255,.28) !important;
  box-shadow: 0 1px 0 rgba(255,255,255,.08) inset, 0 8px 24px rgba(0,0,0,.35) !important;
}

/* 2) BUY IT NOW (Dynamic checkout) = GHOST */
#MainContent .shopify-payment-button__button{
  background: transparent !important;
  border: 1px solid rgba(255,255,255,.18) !important;
  box-shadow: 0 1px 0 rgba(255,255,255,.04) inset !important;
  color: #fff !important;
  opacity: .95 !important;
}

/* Hover/Focus do GHOST (não vira branco total para não competir com o primary) */
#MainContent .shopify-payment-button__button:hover,
#MainContent .shopify-payment-button__button:focus-visible{
  outline: 2px dashed #fff !important;
  outline-offset: 3px !important;
  background: rgba(255,255,255,.08) !important;
  border-color: rgba(255,255,255,.36) !important;
  color: #fff !important;
  transform: translateY(-1px) !important;
}

/* 3) Se o “Buy it now” vier com spans internos a forçar estilos */
#MainContent .shopify-payment-button__button *{
  color: inherit !important;
}

/* 4) Remove margens estranhas entre os 2 botões (fica tight e premium) */
#MainContent .shopify-payment-button{
  margin-top: 12px !important;
}













/* --- SIZE PILLS (S/M/L/XL/2XL) --- */

/* o input fica oculto e o label é o “pill” */
#MainContent variant-radios input[type="radio"]{
  position: absolute !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

/* pill base */
#MainContent variant-radios label{
  border: 1px solid rgba(255,255,255,.22) !important;
  border-radius: 999px !important;
  background: rgba(255,255,255,.03) !important;
  color: rgba(255,255,255,.88) !important;

  height: 44px !important;
  min-width: 52px !important;
  padding: 0 16px !important;

  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  font: 800 13px/1 Helvetica, Arial, system-ui !important;
  letter-spacing: .12em !important;
  text-transform: uppercase !important;

  box-shadow: 0 1px 0 rgba(255,255,255,.06) inset, 0 10px 22px rgba(0,0,0,.28) !important;
  transition: transform .12s ease, background .12s ease, border-color .12s ease, box-shadow .12s ease, color .12s ease !important;
}

/* hover = mais “alive” */
@media (hover:hover){
  #MainContent variant-radios label:hover{
    background: rgba(255,255,255,.08) !important;
    border-color: rgba(255,255,255,.36) !important;
    transform: translateY(-1px) !important;
    box-shadow: 0 1px 0 rgba(255,255,255,.10) inset, 0 14px 26px rgba(0,0,0,.34) !important;
  }
}

/* selected (checked) = branco sólido (premium + claro) */
#MainContent variant-radios input[type="radio"]:checked + label{
  background: #fff !important;
  color: #000 !important;
  border-color: #fff !important;
  box-shadow: 0 1px 0 rgba(0,0,0,.08) inset, 0 14px 30px rgba(0,0,0,.45) !important;
}

/* focus-visible para acessibilidade */
#MainContent variant-radios input[type="radio"]:focus-visible + label{
  outline: 2px dashed #fff !important;
  outline-offset: 3px !important;
}

/* disabled/sold out (quando existe) */
#MainContent variant-radios input[type="radio"][disabled] + label{
  opacity: .35 !important;
  cursor: not-allowed !important;
  text-decoration: line-through !important;
}


/* --- QUANTITY STEPPER (- 1 +) --- */
#MainContent quantity-input{
  border-radius: 14px !important;
  background: rgba(255,255,255,.03) !important;
  border: 1px solid rgba(255,255,255,.18) !important;
  box-shadow: 0 1px 0 rgba(255,255,255,.06) inset, 0 10px 22px rgba(0,0,0,.28) !important;
  overflow: hidden !important;
}

/* botão -/+ */
#MainContent quantity-input button{
  background: transparent !important;
  color: rgba(255,255,255,.9) !important;
  transition: background .12s ease, transform .12s ease, color .12s ease !important;
}

/* hover nos botões */
@media (hover:hover){
  #MainContent quantity-input button:hover{
    background: rgba(255,255,255,.08) !important;
    transform: translateY(-1px) !important;
  }
}

/* clique (active) = “tap feedback” */
#MainContent quantity-input button:active{
  transform: translateY(0) scale(.98) !important;
  background: rgba(255,255,255,.10) !important;
}

/* input do número */
#MainContent quantity-input input{
  color: #fff !important;
  font: 800 14px/1 Helvetica, Arial, system-ui !important;
  letter-spacing: .06em !important;
}

/* focus ring no bloco todo quando estás a mexer */
#MainContent quantity-input:focus-within{
  border-color: rgba(255,255,255,.36) !important;
  box-shadow: 0 1px 0 rgba(255,255,255,.10) inset, 0 14px 30px rgba(0,0,0,.40) !important;
}








/* REMOVE “BORDA/CONTORNO” dos botões do PDP (Add to bag + accordions) */
#MainContent .product-form__submit,
#MainContent button[name="add"],
#MainContent .product-form__submit.button,
#MainContent .accordion summary,
#MainContent .product__accordion summary,
#MainContent .collapsible-content summary{
  border: 0 !important;                 /* border real */
  outline: 0 !important;               /* outline */
  box-shadow: none !important;         /* contorno via sombra */
}

/* No hover/focus: impede voltar a aparecer contorno branco (outline dashed) */
#MainContent .product-form__submit:hover,
#MainContent .product-form__submit:focus-visible,
#MainContent button[name="add"]:hover,
#MainContent button[name="add"]:focus-visible,
#MainContent .accordion summary:hover,
#MainContent .accordion summary:focus-visible,
#MainContent .product__accordion summary:hover,
#MainContent .product__accordion summary:focus-visible,
#MainContent .collapsible-content summary:hover,
#MainContent .collapsible-content summary:focus-visible{
  border-color: transparent !important;
  outline: 0 !important;
  box-shadow: none !important;
}
/* EXTRA: remove contorno desenhado por pseudo-elementos (Dawn) */
#MainContent .product-form__submit::before,
#MainContent .product-form__submit::after,
#MainContent button[name="add"]::before,
#MainContent button[name="add"]::after,
#MainContent .accordion summary::before,
#MainContent .accordion summary::after,
#MainContent .product__accordion summary::before,
#MainContent .product__accordion summary::after{
  border: 0 !important;
  box-shadow: none !important;
  outline: 0 !important;
}









/* ================================
   TNW — Sticky Mobile CTA (Conversion)
   ================================ */

@media (max-width: 768px){
  .tnw-sticky-cta{
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 40;

    padding: 14px 16px calc(env(safe-area-inset-bottom) + 14px);
    background: linear-gradient(
      180deg,
      rgba(9,9,9,0),
      rgba(9,9,9,.75) 35%,
      rgba(9,9,9,.95)
    );

    backdrop-filter: blur(6px);
  }

  .tnw-sticky-cta .product-form__submit{
    height: 56px !important;
    font-size: 16px !important;
  }
}
@media (max-width: 768px){
  /* Size selector */
  .product-form__input--pill{
    margin-bottom: 20px !important;
  }

  /* Quantity */
  quantity-input,
  .quantity{
    margin-bottom: 24px !important;
  }

  /* CTA principal */
  .product-form__submit{
    margin-bottom: 14px !important;
  }

  /* Accordions */
  .accordion,
  .product__accordion,
  .collapsible-content{
    margin-top: 14px !important;
  }
}
/* CTA principal mais forte */
#MainContent .product-form__submit{
  box-shadow: 0 16px 34px rgba(0,0,0,.45) !important;
}

/* Accordions mais leves */
#MainContent .accordion summary,
#MainContent .product__accordion summary,
#MainContent .collapsible-content summary{
  box-shadow: 0 8px 18px rgba(0,0,0,.28) !important;
  opacity: .92;
}
@media (max-width: 768px){
  variant-radios label{
    min-height: 48px !important;
    min-width: 56px !important;
  }

  quantity-input button{
    min-width: 44px !important;
  }
}
.tnw-size-help{
  font-size: 12px;
  opacity: .65;
  margin-top: 6px;
}
<p class="tnw-size-help">True to size · Relaxed fit</p>