.product-family-color-selector .color-selector-label{margin-bottom:12px;font-size:14px;font-weight:600;color:#333;text-transform:uppercase;letter-spacing:.5px}.product-family-color-selector .color-selector-options{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:10px}.product-family-color-selector .color-option{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:14px 10px;background:#fff;border:2px solid #e0e0e0;border-radius:8px;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);position:relative;min-height:75px;box-shadow:0 1px 2px rgba(0,0,0,.04);outline:none;user-select:none}.product-family-color-selector .color-option:focus{border-color:#666;box-shadow:0 0 0 3px rgba(51,51,51,.08)}.product-family-color-selector .color-option:hover{border-color:#333;box-shadow:0 3px 10px rgba(0,0,0,.12);transform:translateY(-2px)}.product-family-color-selector .color-option.active{border-color:#333;background:#333;color:#fff;font-weight:600;box-shadow:0 3px 12px rgba(0,0,0,.2)}.product-family-color-selector .color-option.active:hover{transform:translateY(-1px)}.product-family-color-selector .color-swatch{display:inline-block;width:36px;height:36px;border-radius:50%;border:3px solid #fff;box-shadow:0 0 0 1px #ddd,0 2px 6px rgba(0,0,0,.12);transition:all .25s ease}.product-family-color-selector .color-option:hover .color-swatch{transform:scale(1.08);box-shadow:0 0 0 2px #333,0 3px 10px rgba(0,0,0,.2)}.product-family-color-selector .color-option.active .color-swatch{box-shadow:0 0 0 3px #fff,0 0 0 4px #333}.product-family-color-selector .color-name{font-size:13px;font-weight:500;text-align:center;line-height:1.3}.product-family-color-selector .current-indicator{position:absolute;top:6px;right:6px;width:20px;height:20px;background:#fff;color:#333;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:12px;box-shadow:0 2px 4px rgba(0,0,0,.15)}.product-family-color-selector .color-option:not(:has(.color-swatch)){padding:16px 12px}.product-family-color-selector .color-option:not(:has(.color-swatch)) .color-name{font-size:14px;font-weight:600}@media (max-width:768px){.product-family-color-selector .color-selector-options{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:8px}.product-family-color-selector .color-option{padding:12px 8px;min-height:68px}.product-family-color-selector .color-swatch{width:32px;height:32px}.product-family-color-selector .color-name{font-size:12px}.product-family-color-selector .current-indicator{width:18px;height:18px;font-size:11px;top:5px;right:5px}}@media (max-width:480px){.product-family-color-selector .color-selector-options{grid-template-columns:repeat(auto-fill,minmax(85px,1fr));gap:8px}.product-family-color-selector .color-option{padding:10px 6px;min-height:65px}}