c2f-hoodie-picker{display:grid;gap:18px;margin:2px 0 6px}
.c2f c2f-hoodie-picker .c2f-hoodie-group{border:0;min-width:0;margin:0;padding:0}
.c2f c2f-hoodie-picker legend{font-family:var(--font-body-family),sans-serif;font-size:12px;font-weight:600;line-height:1.4;color:#59616b;margin-bottom:9px;letter-spacing:.02em}
.c2f-hoodie-options{display:flex;flex-wrap:wrap;gap:8px}
.c2f-hoodie-options label{position:relative;cursor:pointer}
.c2f-hoodie-options input{position:absolute;width:1px;height:1px;opacity:0;margin:0;clip-path:inset(50%)}
.c2f-hoodie-options span{display:flex;align-items:center;justify-content:center;gap:9px;min-width:44px;min-height:44px;padding:9px 12px;border:1px solid #d9dee3;border-radius:9px;background:#fff;color:#26313a;font-family:var(--font-body-family),sans-serif;font-size:13px;font-weight:500;line-height:1.4;letter-spacing:0;transition:border-color .15s,background .15s}
.c2f-hoodie-options--color span{padding-inline:14px}
.c2f-hoodie-options--color span:before{content:'';width:17px;height:17px;flex:none;border-radius:50%;border:1px solid #00000016}
.c2f-hoodie-grey:before{background:repeating-linear-gradient(32deg,#bbbdbf 0 1px,#cacbcd 1px 3px)}
.c2f-hoodie-black:before{background:#202123}
.c2f-hoodie-options input:checked+span{border-color:#1a2530;box-shadow:inset 0 0 0 1px #1a2530;background:#fffbed}
.c2f-hoodie-options input:focus-visible+span{outline:2px solid #b38b00;outline-offset:3px}
.c2f-hoodie-options label:hover span{border-color:#737c87}
@media(max-width:600px){.c2f-hoodie-options--size{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));max-width:340px;gap:7px}.c2f-hoodie-options--size span{min-width:0}.c2f-hoodie-options--color span{font-size:13px}c2f-hoodie-picker{gap:15px}}