/* Additional Custom Styles */

/* Ensure FontAwesome icons have width/height when not loaded yet to prevent layout shift */
.fas, .far, .fab {
    display: inline-block;
}

/* Modal Animations */
@keyframes scaleIn {
    from { transform: scale(0.9); opacity: 0; }
    to { transform: scale(1); opacity: 1; }
}

.animate-scale-in {
    animation: scaleIn 0.3s ease-out forwards;
}

/* Animation classes utility */
.is-visible {
    opacity: 1 !important;
    transform: translateY(0) !important;
}

.animate-on-scroll {
    opacity: 0;
    transform: translateY(30px);
    transition: opacity 0.6s ease-out, transform 0.6s ease-out;
}

/* Hide scrollbar for clean look in some elements */
.no-scrollbar::-webkit-scrollbar {
    display: none;
}
.no-scrollbar {
    -ms-overflow-style: none;
    scrollbar-width: none;
}

/* Mobile Menu Transition */
#mobile-menu {
    transition: all 0.3s ease-in-out;
}

/* Product Card Hover */
.product-card-hover:hover .product-img {
    transform: scale(1.1);
}
.product-img {
    transition: transform 0.5s ease;
}