/* Modal Animation */
.modal-enter {
    opacity: 0;
    transform: scale(0.95);
}

.modal-enter-active {
    opacity: 1;
    transform: scale(1);
    transition: opacity 0.3s ease-out, transform 0.3s ease-out;
}

/* Dark Mode Product Pack Styles */
.dark .product-pack-container {
    background-color: rgba(21, 34, 56, 0.3) !important;
}

.dark .product-pack-container:hover {
    background-color: rgba(30, 58, 95, 0.4) !important;
}

/* Dark Mode Button Styles */
.dark .product-pack-btn {
    background-color: #152238 !important;
    color: #e8f4f8 !important;
    border-color: #1e3a5f !important;
}

.dark .product-pack-btn:hover {
    background-color: #1e3a5f !important;
    color: #ffffff !important;
    border-color: #f85654 !important;
}