:root{--ehero-swatch-size:32px;--ehero-swatch-border:2px solid #e5e7eb;--ehero-swatch-radius:4px;--ehero-swatch-gap:8px;--ehero-swatch-selected-border:2px solid #111;--ehero-swatch-disabled-opacity:0.4;--ehero-swatch-hover-scale:1.1;--ehero-swatch-transition:all 0.2s ease}.ehero-swatches-wrapper{display:flex;flex-wrap:wrap;gap:var(--ehero-swatch-gap);align-items:center;margin:8px 0 12px}.ehero-swatch{display:inline-flex;align-items:center;justify-content:center;width:var(--ehero-swatch-size);height:var(--ehero-swatch-size);border:var(--ehero-swatch-border);border-radius:var(--ehero-swatch-radius);cursor:pointer;position:relative;overflow:hidden;transition:var(--ehero-swatch-transition);box-sizing:border-box}.ehero-swatch:hover{transform:scale(var(--ehero-swatch-hover-scale));z-index:2}.ehero-swatch--selected{border:var(--ehero-swatch-selected-border);box-shadow:0 0 0 2px rgb(0 0 0 / .08)}.ehero-swatch--selected.ehero-swatch--check::after{content:"";position:absolute;inset:0;background:rgb(0 0 0 / .15);display:flex;align-items:center;justify-content:center}.ehero-swatch--selected.ehero-swatch--check::before{content:"\2713";position:absolute;color:#fff;font-size:14px;font-weight:700;z-index:2;text-shadow:0 1px 2px rgb(0 0 0 / .4)}.ehero-swatch--selected.ehero-swatch--scale{transform:scale(1.2);border:var(--ehero-swatch-selected-border)}.ehero-swatch--disabled{opacity:var(--ehero-swatch-disabled-opacity);cursor:not-allowed;pointer-events:none}.ehero-swatch--disabled.ehero-swatch--cross::after{content:"";position:absolute;width:100%;height:2px;background:#dc2626;transform:rotate(-45deg);top:50%;left:0}.ehero-swatch__color,.ehero-swatch__bicolor{display:block;width:100%;height:100%;border-radius:inherit}.ehero-swatch__image{width:100%;height:100%;object-fit:cover;border-radius:inherit}.ehero-swatch--label{width:auto;min-width:var(--ehero-swatch-size);padding:4px 10px;height:auto}.ehero-swatch--label:has(.ehero-swatch__label--has-bg){padding:0;border-color:#fff0;background:#fff0;overflow:visible}.ehero-swatch--label.ehero-swatch--selected:has(.ehero-swatch__label--has-bg){border-color:#fff0;box-shadow:0 0 0 2px rgb(0 0 0 / .2)}.ehero-swatch__label{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:500;line-height:1.2;white-space:nowrap;color:#374151;border-radius:inherit;transition:inherit}.ehero-swatch__label--has-bg{padding:6px 12px;border-radius:var(--ehero-swatch-radius,6px);color:#fff}.ehero-swatch__icon{width:18px;height:18px;object-fit:contain;border-radius:3px;flex-shrink:0}.ehero-swatch--selected .ehero-swatch__label{font-weight:600}.ehero-swatch--selected .ehero-swatch__label:not(.ehero-swatch__label--has-bg){color:#111}.ehero-swatch[data-tooltip]::after{content:attr(data-tooltip);position:absolute;bottom:calc(100% + 6px);left:50%;transform:translateX(-50%);background:#1f2937;color:#fff;font-size:11px;padding:4px 8px;border-radius:4px;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity 0.2s;z-index:10}.ehero-swatch:hover[data-tooltip]::after{opacity:1}.ehero-swatches-stock{font-size:12px;color:#d97706;font-weight:500;margin-top:4px;display:flex;align-items:center;gap:4px}.ehero-swatches-stock::before{content:"\26A0";font-size:13px}.ehero-swatch__price-delta{position:absolute;top:-6px;right:-6px;background:#059669;color:#fff;font-size:9px;font-weight:600;padding:1px 4px;border-radius:8px;line-height:1.3;z-index:3}.ehero-swatches-archive{display:flex;flex-wrap:wrap;gap:4px;align-items:center;margin:6px 0}.ehero-swatch--archive{width:22px;height:22px}.ehero-swatch--archive.ehero-swatch--label{padding:2px 6px;min-width:auto}.ehero-swatch--archive .ehero-swatch__label{font-size:11px}.ehero-swatches-more{font-size:11px;color:#6b7280;padding:2px 6px;background:#f3f4f6;border-radius:4px}.ehero-gallery-swap{transition:opacity 0.3s ease}.ehero-gallery-swap--fading{opacity:.5}