.option-selector{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:20px}.option-selector input[type=radio]+label{display:inline-block;padding:10px 16px;font-size:1rem;border:1px solid #dcdcdc;border-radius:6px;background-color:#fff;cursor:pointer;min-width:48px;min-height:42px;text-align:center;line-height:1.2;transition:all .2s ease-in-out}.option-selector input[type=radio]:checked+label{border-color:#000;background-color:#f2f2f2;font-weight:600}.option-selector input[type=radio]:hover+label{border-color:#999;background-color:#fafafa}.option-selector .swatch{width:48px;height:48px;border-radius:50%;border:1px solid #ccc;cursor:pointer;position:relative;overflow:hidden}.option-selector input[type=radio]:checked+.swatch{outline:2px solid #000;outline-offset:2px}.option-selector .swatch:after{content:attr(data-tooltip);position:absolute;bottom:-28px;left:50%;transform:translate(-50%);background:#000;color:#fff;font-size:10px;padding:3px 6px;border-radius:3px;opacity:0;pointer-events:none;transition:opacity .3s;white-space:nowrap}.option-selector label{display:flex;align-items:center;justify-content:center}@media (max-width: 768px){.option-selector input[type=radio]+label{padding:8px 12px;font-size:.95rem;min-width:44px;min-height:40px}.option-selector{gap:8px;margin-bottom:16px}.option-selector .swatch{width:40px;height:40px}}.option-selector{margin-bottom:1rem}.option-selector__btns{display:flex;flex-wrap:wrap;gap:8px}.option-selector input[type=radio]{display:none}.option-selector .swatch{width:36px;height:36px;border-radius:50%;border:1px solid #ddd;display:inline-block;cursor:pointer;position:relative}.option-selector input[type=radio]:checked+.swatch{outline:2px solid black;outline-offset:2px}.option-selector .opt-label{padding:8px 14px;border:1px solid #ddd;border-radius:5px;cursor:pointer;font-size:.9rem;text-align:center;background:#fff;transition:all .2s ease-in-out}.option-selector input[type=radio]:checked+.opt-label{border-color:#000;background-color:#f9f9f9;font-weight:600}.option-selector .swatch:after{content:attr(data-tooltip);position:absolute;bottom:-22px;left:50%;transform:translate(-50%);background:#000;color:#fff;font-size:10px;padding:2px 6px;border-radius:3px;opacity:0;transition:opacity .2s;white-space:nowrap}.option-selector .swatch:hover:after{opacity:1}
/*# sourceMappingURL=/cdn/shop/t/50/assets/custom.css.map */