#variantPicker{--variant-selection-ink:#1759a8;--variant-selection-bg:#eef5ff;border:2px solid transparent;border-radius:14px;padding:14px;transition:border-color .2s ease,background-color .2s ease}
#variantPicker.variant-picker--needs-selection{border-color:var(--variant-selection-ink);background:var(--variant-selection-bg)}
#variantPicker .variant-selection-hint{display:flex;align-items:center;gap:10px;margin:0;padding:4px 0 8px;color:var(--variant-selection-ink);font-weight:700;line-height:1.45}
#variantPicker .variant-selection-hint svg{width:24px;height:24px;flex:0 0 24px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;animation:variant-selection-arrow 1.4s ease-in-out 3}
#variantPicker [hidden]{display:none!important}
#variantPicker .variant-choice input:focus-visible+span{outline:3px solid var(--variant-selection-ink);outline-offset:3px}
#productStockBanner.product-stock--choose{background:#eef5ff!important;color:#1759a8}
#productStockBanner.product-stock--choose .product-stock-text strong,#productStockBanner.product-stock--choose .product-stock-text>span{color:inherit}
#productStockBanner.product-stock--choose .product-stock-icon{display:none}
#productStockLine{font-weight:700}
#variantPicker .variant-options{display:grid;grid-template-columns:repeat(auto-fill,minmax(88px,1fr));gap:8px;min-width:0;max-width:640px}
#variantPicker .variant-choice{min-width:0;margin:0}
#variantPicker .variant-choice>.variant-tile{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:6px;height:100%;min-height:108px;padding:8px 6px;border:1px solid #d6dfe6;border-radius:10px;background:#fff;box-shadow:none;transform:none;box-sizing:border-box}
#variantPicker .variant-thumbnail{display:block;flex:0 0 56px;width:56px;height:56px;max-width:100%;object-fit:contain;border:0;border-radius:4px;margin:0;background:transparent}
#variantPicker .variant-thumbnail-placeholder{fill:none;stroke:#6b7785;stroke-width:1.5}
#variantPicker .variant-option-value{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;overflow-wrap:anywhere;text-align:center;line-height:1.25;font-size:.8rem;color:#243448}
#variantPicker .variant-choice:hover>.variant-tile,#variantPicker .variant-choice input:checked+.variant-tile{border-color:var(--variant-selection-ink)}
#variantPicker .variant-choice input:checked+.variant-tile{background:var(--variant-selection-bg);box-shadow:inset 0 0 0 1px var(--variant-selection-ink)}
#variantPicker .variant-choice.is-selected>.variant-tile::after{top:4px;right:4px;width:19px;height:19px;font-size:12px;background:var(--variant-selection-ink);box-shadow:none}
@keyframes variant-selection-arrow{0%,100%{transform:translateY(-3px)}50%{transform:translateY(3px)}}
@media(prefers-reduced-motion:reduce){#variantPicker .variant-selection-hint svg{animation:none}#variantPicker{transition:none}}
@media(max-width:600px){#variantPicker{padding:12px}.variant-selection-hint{font-size:.95rem}}