.product-variants{border-block:1px solid #e5e7eb;gap:22px;min-width:0;margin:24px 0;padding:22px 0;display:grid}.product-variants-group{min-width:0}.product-variants-label{color:#171a21;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:4px 16px;margin:0 0 12px;font-size:14px;font-weight:600;line-height:1.5;display:flex}.product-variants-label strong{color:#687080;font-size:13px;font-weight:400}.product-variants-options{flex-wrap:wrap;align-items:stretch;gap:8px;display:flex}.product-variants-group--flavour>.product-variants-options{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.product-variant-chip,.product-variants-more{color:#343943;min-width:0;max-width:100%;min-height:48px;font-family:var(--font-body,sans-serif);text-align:left;background:#f5f6f8;border:0;border-radius:8px;justify-content:flex-start;align-items:center;gap:10px;padding:10px 14px;font-size:14px;font-weight:500;line-height:1.35;text-decoration:none;transition:background .15s,color .15s,box-shadow .15s;display:inline-flex;position:relative}.product-variants-group--flavour .product-variant-chip{min-height:56px;padding-right:32px}.product-variant-emoji{letter-spacing:-2px;flex:none;max-width:78px;font-family:Apple Color Emoji,Segoe UI Emoji,Noto Color Emoji,sans-serif;font-size:28px;font-weight:400;line-height:1.15}.product-variant-name{overflow-wrap:anywhere;min-width:0}.product-variant-check{color:#fff;background:#2943ee;border-radius:50%;flex:none;justify-content:center;align-items:center;width:16px;height:16px;display:flex}.product-variants-group--flavour .product-variant-check{position:absolute;top:50%;right:9px;transform:translateY(-50%)}.product-variants-group--size .product-variant-chip{font-variant-numeric:tabular-nums;justify-content:center;min-width:88px}.product-variant-chip:hover{color:#171a21;background:#eceef4;box-shadow:inset 0 0 0 1px #dce0eb}.product-variant-chip.is-selected{color:#fff;box-shadow:none;background:#171a21}.product-variant-chip.is-unavailable{color:#767c87;background:#fafafa;box-shadow:inset 0 0 0 1px #eee}.product-variant-chip.is-unavailable:hover{color:#434955;background:#eceef1}.product-variant-chip.is-unavailable.is-selected{color:#343943;background:#e7e9ed}.product-variants-more{color:#2943ee;cursor:pointer;background:0 0;justify-content:center}.product-variants-more:hover{background:#f2f4ff}.product-variants-unavailable{margin-top:6px}.product-variants-unavailable summary{color:#687080;cursor:pointer;align-items:center;gap:7px;width:fit-content;max-width:100%;min-height:44px;font-size:12px;line-height:1.4;list-style:none;display:flex}.product-variants-unavailable summary::-webkit-details-marker{display:none}.product-variants-unavailable summary>span{font-variant-numeric:tabular-nums}.product-variants-unavailable[open] summary svg{transform:rotate(180deg)}.product-variants-unavailable .product-variants-options{scrollbar-width:thin;max-height:190px;padding:3px;overflow-y:auto}.product-variant-chip:focus-visible,.product-variants-more:focus-visible,.product-variants-unavailable summary:focus-visible{outline-offset:3px;outline:2px solid #2943ee}.product-variant-chip[hidden]{display:none}@media (max-width:600px){.product-variants{gap:20px;margin:20px 0;padding:20px 0}.product-variant-chip,.product-variants-more{gap:8px;padding:10px;font-size:13px}.product-variants-group--flavour .product-variant-chip{min-height:64px;padding-right:24px}.product-variant-emoji{max-width:54px;font-size:26px}.product-variants-group--flavour .product-variant-check{width:14px;height:14px;right:6px}}@media (prefers-reduced-motion:reduce){.product-variant-chip,.product-variants-more{transition:none}}
