.sock-design-picker{margin:0 0 24px;padding-bottom:24px;border-bottom:1px solid var(--line)}
.sock-design-picker h3{font-size:18px;margin:0 0 6px}.sock-design-picker p{margin:0 0 14px}
.sock-design-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.sock-design-card{position:relative;min-width:0;padding:5px 5px 9px;text-align:left;background:#102330;border:1px solid #426172}
.sock-design-card img{display:block;width:100%;aspect-ratio:1;object-fit:contain;background:#edf0f2;border-radius:3px}
.sock-design-card strong{display:block;font-size:13px;line-height:1.4;margin:7px 2px 0;overflow-wrap:anywhere}
.sock-design-card[aria-pressed=true]{border-color:var(--accent);outline:2px solid var(--accent);background:#1b3b50}
.sock-design-card[aria-pressed=true]::after{content:'✓';position:absolute;right:8px;top:8px;background:#102632;color:white;border-radius:50%;width:23px;height:23px;text-align:center;line-height:23px}
body[data-product=socks] #product-fields:empty{display:none}
body[data-product=socks] .sock-colours{display:grid;grid-template-columns:1fr 1fr;gap:12px 18px}
body[data-product=socks] .sock-colours .colour-row{margin:8px 0}
@media(max-width:1100px) and (min-width:761px){.sock-design-grid{grid-template-columns:repeat(2,minmax(0,1fr))}body[data-product=socks] .sock-colours{grid-template-columns:1fr}}
@media(max-width:440px){.sock-design-grid{grid-template-columns:repeat(2,minmax(0,1fr))}body[data-product=socks] .sock-colours{grid-template-columns:1fr}}