/* Christmas Sale - Frontend Styles */

/* General */
.christmas-sale-discount-info {
    animation: slideIn 0.3s ease-in-out;
}

@keyframes slideIn {
    from {
        opacity: 0;
        transform: translateY(-10px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Mobile Responsive */
@media (max-width: 768px) {
    .christmas-sale-discount-info td {
        font-size: 12px !important;
    }
}