/* t1459 — Kip voice 2026-11-13: Studio updates (decline-logo mark, off-ice left chest + back code controls,
   bottom-to-top kit entrance, Back to shop pill). Styling only; order data untouched. */

/* 1 · real ONE|11 mark inside "No, keep ONE|11" (follows the button text colour)
   t1479 (Kip voice 2026-11-13): the O in ONE must match the cap-height of "No, keep".
   one11.svg viewBox is 52.118×15.011; the O glyph is exactly 10.0 units tall
   (y 2.6524–12.6524). The vertical bar is taller, so the box is 15.011/10 of 1cap
   and the O itself lands at 1cap. Barlow Condensed Black Italic cap-height is 0.70em. */
.sfMark1459{display:inline-block;vertical-align:middle;height:calc(1cap * 15.011 / 10);width:calc(1cap * 52.118 / 10);margin:0 0 0 .28em;background:currentColor;
 -webkit-mask:url("one11.svg?v=t515") center/contain no-repeat;mask:url("one11.svg?v=t515") center/contain no-repeat;pointer-events:none}
@supports not (height:1cap){
 .sfMark1459{height:1.0508em;width:3.6483em} /* 0.70em × 15.011/10 and 52.118/10 */
}
#sf1424 .sfNo:has(.sfMark1459),#sfOffice .sfNo:has(.sfMark1459){white-space:nowrap;align-items:center}

/* 2 · off-ice left chest options + country code chips */
#sfOffice .sfOpts1459{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:2px 0 12px}
#sfOffice .sfOpt1459{all:unset;box-sizing:border-box;display:grid;gap:4px;align-content:start;min-height:64px;padding:12px 14px;border-radius:14px;border:1.5px solid rgba(11,11,14,.16);background:#fff;color:#0b0b0e!important;cursor:pointer;text-align:left}
#sfOffice .sfOpt1459 b{font:900 italic 16px/1.05 BarlowX,BarlowBI,sans-serif;text-transform:uppercase;letter-spacing:.02em;color:inherit!important}
#sfOffice .sfOpt1459 small{font:500 12px/1.3 Inter,sans-serif;color:#5a5d66!important}
#sfOffice .sfOpt1459:hover{border-color:#0b0b0e}
#sfOffice .sfOpt1459.on{background:#0b0b0e;border-color:#0b0b0e;color:#fff!important;box-shadow:0 0 0 2px #fff,0 0 0 4px #e8262d}
#sfOffice .sfOpt1459.on small{color:#c9cbd2!important}
#sfOffice .sfOpt1459:focus-visible,#sfOffice .sfCode1459:focus-visible{outline:2px solid #e8262d;outline-offset:2px}
#sfOffice .sfTxt1459{display:grid;gap:0;margin-top:2px}
#sfOffice .sfTxt1459 .sfNameIn span{color:#4f525a!important}
#sfOffice .sfCodes1459{display:grid;grid-template-columns:repeat(auto-fill,minmax(68px,1fr));gap:8px;margin:2px 0 12px}
#sfOffice .sfCode1459{all:unset;box-sizing:border-box;display:grid;place-items:center;align-content:center;gap:2px;min-height:46px;border-radius:12px;border:1.5px solid rgba(11,11,14,.18);background:#fff;color:#0b0b0e!important;cursor:pointer}
#sfOffice .sfCode1459 b{font:900 italic 19px/1 BarlowX,BarlowBI,sans-serif;letter-spacing:.04em;color:inherit!important}
#sfOffice .sfCode1459 small{font:700 9px/1 Inter,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:#e8262d!important}
#sfOffice .sfCode1459:hover{border-color:#0b0b0e}
#sfOffice .sfCode1459.on{background:#0b0b0e;border-color:#0b0b0e;color:#fff!important}
#sfOffice .sfCard .sfNameIn span{color:#4f525a!important}
#sfOffice .sfCard:has(.sfYN) .sfNameIn span{color:#c3c5cc!important}
#sfOffice .sfYes[disabled]{pointer-events:none}
@media(max-width:760px){#sfOffice .sfOpts1459{gap:6px}#sfOffice .sfOpt1459{min-height:58px;padding:10px 12px}#sfOffice .sfCodes1459{grid-template-columns:repeat(4,1fr)}}

/* 4 · off-ice kit enters bottom → top on every route (never sideways) */
#kitModal:not(.sl-open){transform:translateY(100%);box-shadow:0 -18px 50px rgba(0,0,0,.45)}
#kitModal.sl-open{transform:none}
@media(min-width:761px){
 body.sfOffice #sfOffice{animation:sfOffUp1459 .62s cubic-bezier(.22,.8,.24,1) both}
}
@keyframes sfOffUp1459{from{transform:translateY(100%)}to{transform:none}}
@media(prefers-reduced-motion:reduce){body.sfOffice #sfOffice{animation:none!important}}

/* 6 · "← Back to shop" pill — same pill, full-area click, no wrapping */
.shopBack{white-space:nowrap}
@media(max-width:760px){.shopBack{font-size:10.5px!important;padding:7px 10px!important;letter-spacing:.03em!important}}
#sfOffice .sfCard:not(:has(.sfYN)) .sfZone{color:#b3171e!important}

/* t1481 — Kip voice 2026-11-13: off-ice left preview stage is pure black so the
   black-background garment photography sits flush (no white card around it). */
body.sfOffice #kitModal,
body.sfOffice.v2-kit-flow #kitModal,
body.sfOffice.v2-kit-flow #kitModal.sl-open,
body.sfOffice.v2-kit-flow #kitModal.v2-kit-in,
body.sfOffice #kitFrame,
body.sfOffice #kitModal iframe{
  background:#000000!important;
}