.spn{--ink:#111111;--text:#3A3F45;--muted:#5E656B;--line:#E3E6E4;--field:#D6DBD8;--bg:#EEEEEE;--card:#FFFFFF;--mint:#78E6D0;--mint-soft:#E6F8F2;--mint-ink:#0B6B5A;--warn:#FFF4E0;--warn-ink:#9A5B00;--head:"Trade Gothic Shirtplus","Helvetica Neue",Arial,sans-serif;color:var(--ink);font-size:16px;line-height:1.5;padding-bottom:48px}.spn *{box-sizing:border-box}.spn button{font:inherit;color:inherit;cursor:pointer}.spn-wrap{max-width:1440px;margin:0 auto;padding:0 32px}.spn-crumb{display:flex;gap:8px;flex-wrap:wrap;padding:20px 0 16px;font-size:14px;color:var(--muted)}.spn-crumb a{color:var(--muted);text-decoration:none}.spn-crumb a:hover{color:var(--ink);text-decoration:underline}.spn-crumb [aria-current]{color:var(--ink);font-weight:600}.spn-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:40px;align-items:start}.spn-left{display:flex;flex-direction:column;gap:20px;position:sticky;top:110px}.spn-right{display:flex;flex-direction:column;gap:16px}.spn-stage{position:relative;aspect-ratio:1/1;border-radius:24px;background:#e4e7e5;overflow:hidden;display:flex;align-items:center;justify-content:center}.spn-stage img{width:100%;height:100%;object-fit:contain;transition:opacity .2s ease}.spn-stage img.is-loading{opacity:.35}.spn-stage__chips{position:absolute;top:18px;left:18px;z-index:2;display:flex;gap:8px}.spn-chip{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:999px;background:#fff;font-size:14px;font-weight:600;box-shadow:0 2px 10px #0000000f}.spn-chip__dot{width:12px;height:12px;border-radius:50%;background:#ccc;box-shadow:inset 0 0 0 1px #0000002e}.spn-thumbs{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:10px}.spn-thumb{aspect-ratio:1/1;border:1px solid var(--line);border-radius:14px;background:#fff;padding:0;overflow:hidden}.spn-thumb img{width:100%;height:100%;object-fit:cover;display:block}.spn-thumb[aria-current=true]{border:2px solid var(--ink)}.spn-card{background:var(--card);border-radius:24px;padding:24px}.spn-h1{margin:0;font-family:var(--head);font-weight:700;font-size:clamp(34px,3.6vw,52px);line-height:1;text-transform:uppercase;letter-spacing:.01em}.spn-h2{margin:0;font-family:var(--head);font-weight:700;font-size:24px;text-transform:uppercase;letter-spacing:.02em}.spn-eyebrow{margin:0;font-size:13px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--mint-ink)}.spn-muted{margin:0;font-size:14px;color:var(--muted)}.spn-head{display:flex;flex-direction:column;gap:8px;padding:4px 4px 8px}.spn-spec{margin:0;font-size:15px;color:var(--text)}.spn-price{display:flex;align-items:baseline;gap:10px;margin-top:8px}.spn-price__big{font-size:42px;font-weight:700;letter-spacing:-.01em;font-variant-numeric:tabular-nums;line-height:1.1}.spn-price__per{font-size:15px;color:var(--text)}.spn-process{display:flex;flex-direction:column;gap:20px}.spn-process__head{display:flex;justify-content:space-between;align-items:baseline;gap:12px;flex-wrap:wrap}.spn-process__steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.spn-process__steps li{display:flex;flex-direction:column;gap:8px}.spn-process__steps strong{font-size:16px}.spn-process__steps span:last-child{font-size:14px;line-height:1.45;color:var(--text)}.spn-step{display:flex;flex-direction:column;gap:16px}.spn-step__head{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.spn-step__title{margin:0;font-size:20px;font-weight:700}.spn-step__meta{margin-left:auto;font-size:14px;color:var(--muted)}.spn-num{flex:none;width:32px;height:32px;border-radius:50%;background:var(--ink);color:#fff;display:inline-flex;align-items:center;justify-content:center;font-weight:700;font-size:15px}.spn-num--mint{width:40px;height:40px;border-radius:12px;background:var(--mint-soft);color:var(--mint-ink)}.spn-step.is-done .spn-step__head .spn-num{background:var(--mint);color:var(--ink)}.spn-swatches{display:grid;grid-template-columns:repeat(auto-fill,minmax(38px,1fr));gap:10px}.spn-sw{position:relative;width:38px;height:38px;border-radius:50%;border:0;padding:0;background:var(--sw,#fff);box-shadow:inset 0 0 0 1px #0000002e;overflow:hidden;transition:transform .12s ease}.spn-sw img{width:100%;height:100%;object-fit:cover;transform:scale(1.9)}.spn-sw:hover{transform:scale(1.08)}.spn-sw:focus-visible{outline:3px solid var(--mint-ink);outline-offset:3px}.spn-sw[aria-pressed=true]{box-shadow:0 0 0 2px #fff,0 0 0 4px var(--mint)}.spn-sw.is-active{box-shadow:0 0 0 2px #fff,0 0 0 4px var(--ink)}.spn-sizehead,.spn-row__cells{display:grid;grid-template-columns:repeat(var(--cols,9),minmax(0,1fr));gap:6px}.spn-sizehead{padding:0 15px}.spn-sizehead span{text-align:center;font-size:12px;font-weight:700;letter-spacing:.06em;color:var(--muted)}.spn-rows{display:flex;flex-direction:column;gap:10px}.spn-row{border:1px solid var(--line);border-radius:16px;padding:14px;display:flex;flex-direction:column;gap:12px;background:#fff}.spn-row.is-active{background:#fafcfb;border-color:#cfd6d2}.spn-row__head{display:flex;align-items:center;gap:10px}.spn-row__dot{width:20px;height:20px;border-radius:50%;box-shadow:inset 0 0 0 1px #0003;background-size:cover;background-position:center}.spn-row__name{border:0;background:transparent;padding:0;font-weight:700;font-size:16px;text-align:left}.spn-row__sum{margin-left:auto;font-size:14px;color:var(--text);font-variant-numeric:tabular-nums}.spn-row__x{width:36px;height:36px;border:0;border-radius:10px;background:transparent;display:inline-flex;align-items:center;justify-content:center;color:var(--muted)}.spn-row__x:hover{background:#f1f3f2;color:var(--ink)}.spn-qty{width:100%;height:44px;border:1px solid var(--field);border-radius:10px;text-align:center;font-size:16px;font-weight:600;background:#fff;color:var(--ink);font-variant-numeric:tabular-nums;padding:0;-moz-appearance:textfield}.spn-qty::placeholder{color:#b2b8b4;font-weight:500}.spn-qty:focus{outline:none;border-color:var(--mint-ink);box-shadow:0 0 0 3px #0b6b5a26}.spn-qty:disabled{background:#f4f5f4;border-style:dashed;color:#b2b8b4;cursor:not-allowed}.spn-empty{padding:18px;border:1px dashed #C7CEC9;border-radius:16px;text-align:center;font-size:15px;color:var(--text)}.spn-note{display:flex;align-items:center;gap:10px;padding:12px 14px;border-radius:12px;font-size:14px;background:var(--warn);color:#111}.spn-note.is-ok{background:var(--mint-soft)}.spn-note:empty{display:none}.spn-btn-ghost{margin-left:auto;height:38px;padding:0 12px;border:1px solid var(--field);border-radius:10px;background:#fff;font-size:14px;font-weight:600}.spn-btn-ghost:hover{background:#f1f3f2}.spn-fin{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.spn-opt{text-align:left;padding:16px;border-radius:16px;border:1px solid var(--field);background:#fff;display:flex;flex-direction:column;gap:6px}.spn-opt--sm{padding:14px 16px}.spn-opt:hover{border-color:#9aa3a0}.spn-opt[aria-pressed=true]{border:2px solid var(--ink);background:#f6fbf9;padding:15px}.spn-opt--sm[aria-pressed=true]{padding:13px 15px}.spn-opt__row{display:flex;justify-content:space-between;gap:8px;width:100%}.spn-opt__txt{font-size:14px;line-height:1.4;color:var(--text)}.spn-opt__sum{font-size:13px;font-weight:600;color:var(--mint-ink)}.spn-badge{margin-left:4px;padding:2px 8px;border-radius:999px;background:var(--ink);color:#fff;font-size:11px;letter-spacing:.08em;text-transform:uppercase;vertical-align:2px}.spn-posbox{display:flex;align-items:center;gap:20px}.spn-posbox__pick{display:flex;flex-direction:column;gap:8px;flex:1}.spn-tee{width:96px;height:106px;flex:none}.spn-pills{display:flex;flex-wrap:wrap;gap:8px}.spn-pill{height:40px;padding:0 14px;border-radius:999px;border:1px solid var(--field);background:#fff;font-size:14px;font-weight:600}.spn-pill small{font-weight:500;color:var(--muted);margin-left:4px}.spn-pill[aria-pressed=true]{background:var(--ink);border-color:var(--ink);color:#fff}.spn-pill[aria-pressed=true] small{color:#c8cfcb}.spn-pill:disabled{opacity:.4;cursor:not-allowed}.spn-label{font-size:14px;font-weight:600}.spn-field{display:grid;grid-template-columns:auto 140px 1fr;align-items:center;gap:8px 14px}.spn-input{display:flex;align-items:center;height:44px;border:1px solid var(--field);border-radius:10px;padding:0 12px;background:#fff}.spn-input input{border:0;outline:none;width:100%;font-size:16px;font-weight:600;background:transparent;padding:0}.spn-input span{font-size:14px;color:var(--muted)}.spn-hint{font-size:13px;color:var(--muted)}.spn-drop{display:flex;align-items:center;gap:16px;padding:20px;border:2px dashed #9FD9C6;border-radius:16px;background:#f4fbf8;cursor:pointer}.spn-drop.is-drag{background:var(--mint-soft);border-color:var(--mint-ink)}.spn-drop.has-file{border-style:solid;border-color:var(--mint-ink)}.spn-drop__ic{width:48px;height:48px;border-radius:14px;background:var(--mint-soft);color:var(--mint-ink);display:flex;align-items:center;justify-content:center;flex:none}.spn-drop__ic svg{width:22px;height:22px}.spn-drop__txt{display:flex;flex-direction:column;gap:2px;font-size:13px;color:var(--muted)}.spn-drop__txt strong{font-size:15px;color:var(--ink)}.spn-later{margin:0;padding:16px;border-radius:16px;background:#f4fbf8;font-size:14px;line-height:1.5}.spn-sum{background:var(--ink);color:#fff;border-radius:24px;padding:28px;display:flex;flex-direction:column;gap:18px}.spn-sum__head{display:flex;justify-content:space-between;align-items:baseline;gap:12px}.spn-sum__title{margin:0;font-family:var(--head);font-weight:700;font-size:26px;text-transform:uppercase;letter-spacing:.02em}.spn-sum__meta{font-size:15px;color:#b8bfbc;font-variant-numeric:tabular-nums}.spn-mint{color:var(--mint)}.spn-prog{display:flex;flex-direction:column;gap:8px}.spn-prog__top{display:flex;justify-content:space-between;gap:12px;font-size:15px;font-weight:600}.spn-prog__bar{height:10px;border-radius:999px;background:#2b2f33;overflow:hidden}.spn-prog__bar span{display:block;height:100%;width:0;border-radius:999px;background:var(--mint);transition:width .3s ease}.spn-prog__sub{font-size:13px;color:#b8bfbc}.spn-tiers{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.spn-tier{padding:10px 6px;border-radius:12px;border:1px solid #2B2F33;text-align:center;display:flex;flex-direction:column;gap:2px}.spn-tier b{font-size:18px}.spn-tier span{font-size:12px;color:#b8bfbc}.spn-tier.is-on{border-color:var(--mint);background:#78e6d01f}.spn-tier.is-on b{color:var(--mint)}.spn-lines{margin:0;border-top:1px solid #2B2F33;padding-top:14px;display:flex;flex-direction:column;gap:8px;font-size:15px;font-variant-numeric:tabular-nums}.spn-lines div{display:flex;justify-content:space-between;gap:12px;color:#d6dcd9}.spn-lines dt,.spn-lines dd{margin:0}.spn-lines .spn-mint{color:var(--mint)}.spn-lines__total{margin-top:4px;align-items:baseline;color:#fff!important}.spn-lines__total dt{font-weight:600}.spn-lines__total dd{font-size:30px;font-weight:700}.spn-cta{height:58px;border:0;border-radius:14px;background:var(--mint);color:#0a1f1a;font-family:var(--head);font-weight:700;font-size:20px;letter-spacing:.06em;text-transform:uppercase;transition:background .15s ease,opacity .15s ease}.spn-cta:hover{background:#9cf0de}.spn-cta[aria-disabled=true]{opacity:.55}.spn-cta.is-loading{opacity:.7;pointer-events:none}.spn-sum__msg{margin:0;font-size:14px;color:var(--mint)}.spn-sum__msg:empty{display:none}.spn-sum__msg a{color:#fff;text-decoration:underline}.spn-sum__msg.is-error{color:#ffb4a8}.spn-checks{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px 18px;font-size:13px;color:#d6dcd9}.spn-checks li{display:flex;align-items:center;gap:6px}.spn-checks li:before{content:"";width:12px;height:7px;border-left:2.5px solid var(--mint);border-bottom:2.5px solid var(--mint);transform:rotate(-45deg) translateY(-2px)}.spn-sum__fine{margin:0;font-size:12px;color:#8f9894}.spn-mbar{display:none}@media(max-width:1100px){.spn-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:28px}.spn-process__steps{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:849px){.spn-wrap{padding:0 16px}.spn-grid{grid-template-columns:1fr;gap:16px}.spn-left{position:static}.spn-left .spn-process,.spn-left .sp-mat{order:5}.spn-thumbs{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:64px;overflow-x:auto;scrollbar-width:none}.spn-card{padding:18px;border-radius:20px}.spn-sizehead{display:none}.spn-row__cells{grid-template-columns:repeat(5,minmax(0,1fr))}.spn-qty{height:48px;padding-top:12px}.spn-cell{position:relative}.spn-cell:before{content:attr(data-size);position:absolute;top:4px;left:0;right:0;text-align:center;font-size:10px;font-weight:700;letter-spacing:.06em;color:var(--muted);pointer-events:none}.spn-fin,.spn-field{grid-template-columns:1fr}.spn-posbox .spn-tee{width:72px;height:80px}.spn-step__meta{margin-left:0;width:100%}.spn{padding-bottom:120px}.spn-mbar{display:flex;flex-direction:column;gap:10px;position:fixed;left:0;right:0;bottom:0;z-index:50;background:var(--ink);color:#fff;padding:10px 16px calc(14px + env(safe-area-inset-bottom));box-shadow:0 -8px 24px #0000002e}.spn-mbar__bar{height:6px;border-radius:999px;background:#2b2f33;overflow:hidden}.spn-mbar__bar span{display:block;height:100%;width:0;background:var(--mint);border-radius:999px;transition:width .3s ease}.spn-mbar__row{display:flex;align-items:center;gap:12px}.spn-mbar__txt{display:flex;flex-direction:column;font-variant-numeric:tabular-nums}.spn-mbar__txt strong{font-size:19px}.spn-mbar__txt small{font-size:12px;color:#b8bfbc}.spn-cta--sm{margin-left:auto;height:48px;padding:0 16px;font-size:16px}}@media(prefers-reduced-motion:reduce){.spn *{transition:none!important}}
/*# sourceMappingURL=/cdn/shop/t/139/assets/sp-pdp-neu.css.map */