/* zcv-sr-style.css — Screenshot-match pass 2 (design-only) */
/* Scope everything to the drawer to avoid bleed */
.zcv-sr2-drawer{ color:#111; background:#fff; font-variant-ligatures: none; }
.zcv-sr2-drawer *{ box-sizing:border-box; }

/* ---------- Top header + notice line ---------- */
.zcv-sr2-drawer .zcv-head{ border-bottom:1px solid #eee !important; }
.zcv-sr2-drawer .zcv-head .zcv-title{ 
  font-weight:400 !important; letter-spacing:.22em !important; text-transform:uppercase !important;
  margin:0 !important; padding:18px 0 !important; font-size:18px !important; line-height:1.6 !important; text-align:center !important;
}
.zcv-sr2-drawer .zcv-note{ 
  text-align:center !important; margin:26px 0 8px !important; letter-spacing:.14em !important; opacity:.8 !important; font-size:12px !important;
}

/* ---------- Step container paddings ---------- */
.zcv-sr2-drawer .zcv-body{ padding:0 !important; }
.zcv-sr2-drawer .zcv-step{ padding: 0 24px !important; }
@media (min-width: 768px){
  .zcv-sr2-drawer .zcv-step{ padding: 0 48px !important; }
}

/* ---------- Titles & labels ---------- */
.zcv-sr2-drawer .zcv-title{ 
  font-weight:400 !important; letter-spacing:.30em !important; text-transform:uppercase !important;
  font-size:42px !important; line-height:1.25 !important; margin:20px 0 28px !important;
}
@media (max-width: 767px){
  .zcv-sr2-drawer .zcv-title{ font-size:36px !important; }
}
.zcv-sr2-drawer .zcv-label{ margin: 22px 0 0 !important; }
.zcv-sr2-drawer .zcv-label-head{ display:flex; justify-content:space-between; align-items:center; margin:0 0 8px !important; }
.zcv-sr2-drawer .zcv-label-head > span:first-child{ letter-spacing:.16em !important; }
.zcv-sr2-drawer .zcv-optional{ opacity:.45 !important; letter-spacing:.12em !important; margin-left:8px !important; }

/* ---------- Inputs as boxes (no underlines) ---------- */
.zcv-sr2-drawer .zcv-field{ margin: 8px 0 18px !important; }
.zcv-sr2-drawer .zcv-field input[type="text"],
.zcv-sr2-drawer .zcv-field input[type="number"],
.zcv-sr2-drawer .zcv-field select{
  width:100% !important; height:56px !important; padding:14px 16px !important;
  border:1px solid #111 !important; border-radius:0 !important; background:#fff !important;
  outline:none !important; box-shadow:none !important;
}
.zcv-sr2-drawer .zcv-field input::placeholder{ color:#9aa; opacity:1; letter-spacing:.12em; }
.zcv-sr2-drawer .zcv-field input:focus{ border-color:#111 !important; }
.zcv-sr2-drawer .zcv-field .zcv-under{ display:none !important; } /* kill underline rules from base */

/* ---------- Units row ---------- */
.zcv-sr2-drawer .zcv-meas-two{ display:grid !important; grid-template-columns:1fr 1fr; gap:28px !important; }
.zcv-sr2-drawer .zcv-meas-unit-row{ display:flex !important; align-items:center !important; justify-content:flex-end !important; gap:18px !important; margin: 2px 0 8px !important; }
.zcv-sr2-drawer .zcv-units{ display:flex; gap:16px !important; }
.zcv-sr2-drawer .zcv-unit{
  appearance:none !important; background:none !important; border:0 !important; padding:0 !important;
  font-weight:700 !important; letter-spacing:.16em !important; opacity:.45 !important; cursor:pointer !important;
}
.zcv-sr2-drawer .zcv-unit[aria-pressed="true"]{ opacity:1 !important; }
.zcv-sr2-drawer .zcv-unit:focus{ outline:none !important; }

/* Helper line/link */
.zcv-sr2-drawer .zcv-linkline{ margin: 0 0 18px !important; letter-spacing:.12em !important; }
.zcv-sr2-drawer .zcv-open-guide{ text-decoration:none !important; border-bottom:1px solid #111 !important; padding-bottom:2px !important; }

/* ---------- NeoSlider (Figure Paths) ---------- */
.zcv-sr2-drawer .zcv-slider.zcv-slider-neo{
  --zcv-track:#111; --zcv-tick:#111; --zcv-bubble-bg:#fff; --zcv-bubble-text:#111;
  position:relative !important; height:40px !important; margin:10px 0 6px !important;
}
/* hairline track */
.zcv-sr2-drawer .zcv-slider-neo::before{
  content:""; position:absolute; left:0; right:0; top:50%; height:1px; background:var(--zcv-track); transform:translateY(-50%);
}
/* current tick */
.zcv-sr2-drawer .zcv-slider-neo::after{
  content:""; position:absolute; left:calc(var(--pos,50%) - 1px); top:50%; width:2px; height:20px; background:var(--zcv-tick); transform:translateY(-50%);
}
/* interactive input (hide default thumb visuals) */
.zcv-sr2-drawer .zcv-slider-neo .zcv-range{ -webkit-appearance:none !important; appearance:none !important; position:absolute; inset:0; background:transparent; border:0; outline:none; cursor:ew-resize; }
.zcv-sr2-drawer .zcv-slider-neo .zcv-range::-webkit-slider-thumb{ -webkit-appearance:none; width:28px; height:28px; background:transparent; border:0; border-radius:50%; }
.zcv-sr2-drawer .zcv-slider-neo .zcv-range::-webkit-slider-runnable-track{ height:100%; background:transparent; }
.zcv-sr2-drawer .zcv-slider-neo .zcv-range::-moz-range-thumb{ width:28px; height:28px; background:transparent; border:0; border-radius:50%; }
.zcv-sr2-drawer .zcv-slider-neo .zcv-range::-moz-range-track{ height:100%; background:transparent; }
/* bubble above tick */
.zcv-sr2-drawer .zcv-bubble{ position:absolute; top:-24px; left:var(--pos,50%); transform:translateX(-50%); font-weight:700; letter-spacing:.12em; background:var(--zcv-bubble-bg); color:var(--zcv-bubble-text); padding:0 !important; border-radius:0 !important; box-shadow:none !important; }
/* scale labels row */
.zcv-sr2-drawer .zcv-scale-labels{ display:flex; justify-content:space-between; align-items:center; margin:8px 0 28px !important; letter-spacing:.12em; }
.zcv-sr2-drawer .zcv-scale-labels .zcv-center{ opacity:.75; }

/* Style Flow slider with internal labels under line */
.zcv-sr2-drawer .zcv-slider-neo .zcv-slider-labels{ position:absolute; left:0; right:0; top:calc(50% + 22px); display:flex; justify-content:space-between; letter-spacing:.12em; }
@media (min-width: 768px){
  .zcv-sr2-drawer .zcv-slider-neo .zcv-slider-labels{ top:calc(50% + 20px); }
}

/* ---------- Step 3 (Bra size) ---------- */
.zcv-sr2-drawer .zcv-bra .zcv-title{ margin-top: 8px !important; margin-bottom:18px !important; }
.zcv-sr2-drawer .zcv-bra .zcv-field,
.zcv-sr2-drawer .zcv-bra .zcv-label{ margin-top: 16px !important; }
.zcv-sr2-drawer .zcv-bra .zcv-label + .zcv-field{ margin-top: 10px !important; }

/* ---------- Step 4 (Result) ---------- */
.zcv-sr2-drawer .zcv-conf .zcv-product-img{ max-width:520px !important; width:100% !important; margin: 0 auto 18px !important; display:block !important; }
.zcv-sr2-drawer .zcv-conf .zcv-summary{ text-align:center !important; letter-spacing:.12em !important; }
.zcv-sr2-drawer .zcv-conf .zcv-actions{ display:flex !important; justify-content:center !important; gap:18px !important; margin-top:8px !important; }
.zcv-sr2-drawer .zcv-conf .zcv-btn,
.zcv-sr2-drawer .zcv-btn-ghost{ height:54px !important; padding:0 24px !important; border:1px solid #111 !important; border-radius:0 !important; letter-spacing:.14em !important; background:#fff !important; }

/* ---------- Footer CTA ---------- */
.zcv-sr2-drawer .zcv-foot{ border-top:1px solid #eee !important; }
.zcv-sr2-drawer .zcv-foot .zcv-btn{ height:56px !important; border:1px solid #111 !important; border-radius:0 !important; background:#fff !important; letter-spacing:.14em !important; }

/* ---------- Small utilities ---------- */
/* remove any lingering underline-only input styles from base */
.zcv-sr2-drawer input, .zcv-sr2-drawer select{ background:#fff !important; }
.zcv-sr2-drawer hr{ display:none !important; }