/* The variant picker and product photo frame of the shop's warehouse items. */
.variant-picker{display:grid;gap:16px;margin:4px 0 0;min-width:0;color:inherit}
.variant-picker .variant-group{border:0;margin:0;padding:0;min-width:0}
.variant-picker .variant-group legend{display:flex;align-items:baseline;gap:8px;padding:0;margin:0 0 10px;font:inherit;font-size:14px;font-weight:700;line-height:1.3}
.variant-chips{display:flex;flex-wrap:wrap;gap:8px}
.variant-picker input[type=radio]{position:absolute;opacity:0;width:1px;height:1px;margin:0;min-height:0;pointer-events:none}
.variant-dot{display:block;flex:none;width:18px;height:18px;border-radius:50%;box-shadow:inset 0 0 0 1px rgba(0,0,0,.3)}
/* Dot colours sampled from the real product photos by the designer (b2c-shop/design, 1 Nov 2026). */
.variant-dot-black{background:#29282a}.variant-dot-white{background:#f4f2ee}.variant-dot-red{background:#a92821}
.variant-dot-dark-turquoise{background:#18636c}.variant-dot-turquoise{background:#529ab1}.variant-dot-blue{background:#20348c}
.variant-dot-green{background:#777e4f}.variant-dot-brown{background:#8e6649}.variant-dot-yellow{background:#ebd71c}
.variant-picker .variant-chip{position:relative;display:block;margin:0;cursor:pointer;font-size:14px;font-weight:400}
.variant-chip-face{display:flex;align-items:center;justify-content:center;gap:8px;min-width:48px;min-height:44px;padding:6px 12px;border:1px solid currentColor;border-color:color-mix(in srgb,currentColor 45%,transparent);border-radius:3px;line-height:1.2;text-align:center;transition:border-color .16s ease,box-shadow .16s ease}
.variant-chip-text{display:flex;flex-direction:column;align-items:center}
.variant-chip-colour .variant-chip-text{align-items:flex-start;text-align:left}
.variant-chip-face small{display:block;font-size:11px;font-weight:400;opacity:.78;margin-top:2px}
.variant-chip:hover .variant-chip-face{border-color:currentColor}
.variant-chip input:checked+.variant-chip-face{border-color:currentColor;box-shadow:inset 0 0 0 1px currentColor;font-weight:700}
.variant-chip input:focus-visible+.variant-chip-face{outline:3px solid #2879c8;outline-offset:3px}
.variant-chip.is-sold-out{cursor:not-allowed}
.variant-chip.is-sold-out .variant-chip-face{border-style:dashed;opacity:.62}
.variant-chip.is-sold-out .variant-dot{opacity:.7}
.variant-single{display:flex;align-items:baseline;gap:8px;margin:0;font-size:14px}
.variant-single span{font-weight:700}.variant-single strong{font-weight:400}
.variant-picker .visually-hidden,.variant-photo .visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.variant-photo-placeholder{box-sizing:border-box;width:100%;height:100%;min-height:100%;aspect-ratio:1;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:6px;padding:24px;background:#ece7de;color:#514b42;text-align:center}
.variant-photo-placeholder span{font-size:18px;font-weight:700;line-height:1.2}
.variant-photo-placeholder small{font-size:13px}
@media (prefers-reduced-motion:reduce){.variant-chip-face{transition:none}}