.pdp-swatches{display:flex;flex-wrap:wrap;gap:8px}.pdp-swatch{position:relative;cursor:pointer}.pdp-swatch input{position:absolute;opacity:0;width:0;height:0}.pdp-swatch-circle{width:36px;height:36px;border-radius:50%;border:2px solid transparent;overflow:hidden;transition:all .2s ease;box-shadow:0 0 0 1px var(--soft, #e5e7eb)}.pdp-swatch-circle img{width:100%;height:100%;object-fit:cover}.pdp-swatch input:checked+.pdp-swatch-circle,.pdp-swatch.selected .pdp-swatch-circle{box-shadow:0 0 0 2px var(--gold, #C2A675)}.pdp-swatch:hover .pdp-swatch-circle{transform:scale(1.1)}.pdp-swatch input:focus+.pdp-swatch-circle{box-shadow:0 0 0 2px var(--gold, #C2A675),0 0 0 4px #c2a67533}.pdp-swatch--unavailable{opacity:.4;cursor:not-allowed}.pdp-swatch:before{content:attr(title);position:absolute;bottom:100%;left:50%;transform:translate(-50%);padding:4px 8px;background:var(--text-main, #1C1C1C);color:#fff;font-size:11px;white-space:nowrap;border-radius:4px;opacity:0;visibility:hidden;transition:all .2s ease;pointer-events:none;margin-bottom:6px}.pdp-swatch:hover:before{opacity:1;visibility:visible}.color-swatches{display:flex;flex-wrap:wrap;gap:8px}.color-swatch{position:relative;cursor:pointer}.color-swatch__input{position:absolute;opacity:0;width:0;height:0}.color-swatch__circle{width:36px;height:36px;border-radius:50%;border:2px solid transparent;overflow:hidden;transition:all .2s ease;box-shadow:0 0 0 1px var(--soft, #e5e7eb)}.color-swatch__circle img{width:100%;height:100%;object-fit:cover}.color-swatch__input:checked+.color-swatch__circle,.color-swatch.selected .color-swatch__circle{box-shadow:0 0 0 2px var(--gold, #C2A675)}.color-swatch:hover .color-swatch__circle{transform:scale(1.1)}.color-swatch__tooltip{position:absolute;bottom:100%;left:50%;transform:translate(-50%);padding:4px 8px;background:var(--text-main, #1C1C1C);color:#fff;font-size:11px;white-space:nowrap;border-radius:4px;opacity:0;visibility:hidden;transition:all .2s ease;pointer-events:none;margin-bottom:6px}.color-swatch:hover .color-swatch__tooltip{opacity:1;visibility:visible}
/*# sourceMappingURL=/cdn/shop/t/3/assets/color-swatches.css.map */