/* AJAX Loading State */
.CartContainer {
    position: relative;
    transition: opacity 0.3s ease;
}

.CartContainer.is-loading {
    opacity: 0.5;
    pointer-events: none;
}

.CartContainer.is-loading::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 30px;
    height: 30px;
    margin-top: -15px;
    margin-left: -15px;
    border: 3px solid rgba(0,0,0,0.1);
    border-top-color: #000;
    border-radius: 50%;
    animation: cart-spinner 0.6s linear infinite;
}

@keyframes cart-spinner {
    to { transform: rotate(360deg); }
}