.color-swatch:hover {
            border-color: #999 !important;
        }
        .color-swatch.active {
            border-color: #000 !important;
            box-shadow: 0 0 0 2px rgba(0,0,0,0.1);
        }
        .color-swatch.active span:last-child {
            display: block !important;
        }
        .size-btn.active {
            background-color: #000 !important;
            color: #fff !important;
        }
        .size-btn.active span {
            display: block !important;
        }
        .size-btn:not(.active):hover {
            background-color: #f8f9fa;
        }
        .size-btn.disabled {
            opacity: 0.5;
            pointer-events: none;
        }    
        .color-swatch.selected {
        border: 3px solid red !important;
        box-shadow: 0 0 5px rgba(255, 0, 0, 0.5);
    }
        .size-option.selected {
        background-color: red !important;
        color: white !important;
        border-color: red !important;
    }
        .cart-count {
    transition: all 0.3s ease;
}
        .cart-count.pulse {
    animation: pulse 0.5s;
}
@keyframes pulse {
    0% { transform: scale(1); }
    50% { transform: scale(1.3); }
    100% { transform: scale(1); }
}