.colorway-selector{margin:20px 0 0;border:0;border-top:1px solid var(--line);padding:17px 0 0;min-width:0}
.colorway-selector legend{float:left;width:100%;padding:0;font-size:11px;line-height:1.7;color:var(--muted)}
.colorway-selector legend span{margin-left:12px;color:var(--ink);font-weight:500}
.colorway-swatches{clear:both;display:flex;align-items:center;gap:10px;padding-top:12px}
.colorway-button{display:grid;place-items:center;width:42px;height:42px;flex-shrink:0;padding:5px;background:transparent;border:1px solid transparent;border-radius:50%;cursor:pointer;transition:border-color .22s,transform .22s var(--ease-soft)}
.colorway-chip{display:block;width:100%;height:100%;border-radius:50%;background:linear-gradient(135deg,var(--fabric) 0 70%,var(--print) 70% 100%);box-shadow:inset 0 0 0 1px #00000018}
.colorway-chip[data-colorway-swatch="black-white"]{--fabric:#171717;--print:#f4f3ef}
.colorway-chip[data-colorway-swatch="dark-grey-black"]{--fabric:#444648;--print:#111111}
.colorway-chip[data-colorway-swatch="dark-brown-cream"]{--fabric:#3f2b21;--print:#eee0c3}
.colorway-chip[data-colorway-swatch="white-red"]{--fabric:#f4f3ef;--print:#c62c35}
.colorway-chip[data-colorway-swatch="pink-white"]{--fabric:#d59aaa;--print:#f4f3ef}
.colorway-chip[data-colorway-swatch="navy-white"]{--fabric:#172538;--print:#f4f3ef}
.colorway-chip[data-colorway-swatch="light-grey-white"]{--fabric:#c9cbd0;--print:#f4f3ef}
.colorway-button[aria-pressed=true]{border-color:var(--ink)}.colorway-button:hover{transform:translateY(-2px);border-color:#aaa9a4}.colorway-button:focus-visible{outline:2px solid var(--ink);outline-offset:3px}
.colorway-button.colorway-pending{border:1px dashed #b9b9b4;color:var(--muted);cursor:default;font:inherit;font-size:9px;letter-spacing:.5px}
.colorway-button.colorway-pending:hover{transform:none;border-color:#b9b9b4}
.colorway-note{margin:12px 0 0;font-size:10px;line-height:1.7;color:var(--muted)}
@media(prefers-reduced-motion:reduce){.colorway-button{transition:none}.colorway-button:hover{transform:none}}