.ivs-swatches{display:flex;flex-wrap:wrap;gap:8px;margin:8px 0 14px;align-items:flex-start}.ivs-mode-image .ivs-swatch{position:relative;display:flex;flex-direction:column;align-items:center;gap:5px;padding:3px;border:2px solid #e0e0e0;border-radius:8px;background:#fff;cursor:pointer;transition:border-color .18s,transform .15s,box-shadow .18s;outline:none;min-width:70px}.ivs-mode-image .ivs-swatch:hover{border-color:#999;transform:translateY(-2px);box-shadow:0 4px 12px rgb(0 0 0 / .10)}.ivs-mode-image .ivs-swatch.ivs-active{border-color:#111;box-shadow:0 0 0 3px rgb(0 0 0 / .08),0 4px 14px rgb(0 0 0 / .12)}.ivs-mode-image .ivs-swatch img{width:64px;height:64px;object-fit:cover;border-radius:5px;display:block;pointer-events:none}.ivs-mode-image .ivs-text-fallback{width:64px;height:64px;display:flex;align-items:center;justify-content:center;background:#f0f0f0;border-radius:5px;font-size:13px;font-weight:700;color:#444;text-transform:uppercase}.ivs-swatch-label{font-size:11px;line-height:1.2;color:#555;max-width:68px;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ivs-mode-image .ivs-swatch.ivs-active .ivs-swatch-label{color:#111;font-weight:600}.ivs-mode-text .ivs-swatch{position:relative;display:inline-flex;align-items:center;justify-content:center;padding:8px 18px;border:1.5px solid #d0d0d0;border-radius:6px;background:#fff;cursor:pointer;transition:border-color .15s,background .15s,box-shadow .15s;outline:none;min-width:80px}.ivs-mode-text .ivs-swatch:hover{border-color:#888;background:#f8f8f8}.ivs-mode-text .ivs-swatch.ivs-active{border-color:#111;background:#111;box-shadow:0 2px 8px rgb(0 0 0 / .15)}.ivs-text-label{font-size:13px;font-weight:500;color:#333;white-space:nowrap;pointer-events:none}.ivs-mode-text .ivs-swatch.ivs-active .ivs-text-label{color:#fff;font-weight:600}.ivs-swatch.ivs-out-of-stock{opacity:.45;cursor:not-allowed}.ivs-swatch.ivs-out-of-stock::after{content:'';position:absolute;inset:0;border-radius:6px;background:repeating-linear-gradient(-45deg,transparent,transparent 4px,rgb(0 0 0 / .18) 4px,rgb(0 0 0 / .18) 5px);pointer-events:none}@media (max-width:480px){.ivs-mode-image .ivs-swatch img,.ivs-mode-image .ivs-text-fallback{width:54px;height:54px}.ivs-mode-image .ivs-swatch{min-width:60px}.ivs-swatch-label{max-width:56px}.ivs-mode-text .ivs-swatch{padding:7px 14px;min-width:70px}.ivs-text-label{font-size:12px}}