/* Responsive styling for Saiyaara Collections */

@media (max-width: 1024px) {
    .product-grid {
        grid-template-columns: repeat(3, 1fr);
    }

    .footer-grid {
        grid-template-columns: 1fr 1fr;
    }

    .hero-content h1 {
        font-size: 60px;
    }
}

@media (max-width: 768px) {
    .nav-links {
        position: fixed;
        top: 0;
        left: -100%;
        width: 80%;
        height: 100vh;
        background: var(--white);
        flex-direction: column;
        justify-content: center;
        align-items: center;
        box-shadow: 20px 0 50px rgba(0, 0, 0, 0.1);
        transition: 0.5s ease;
        z-index: 1001;
    }

    .nav-links.active {
        left: 0;
    }

    .mobile-menu-btn {
        display: block !important;
        position: relative;
        z-index: 1002;
    }

    .mega-menu {
        position: static;
        width: 100%;
        box-shadow: none;
        opacity: 1;
        visibility: visible;
        display: none;
        flex-direction: column;
        gap: 20px;
        padding: 0;
        transform: none;
    }

    .has-dropdown:hover .mega-menu {
        display: flex;
    }

    .nav-icons {
        gap: 15px;
    }

    .product-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .footer-grid {
        grid-template-columns: 1fr;
        gap: 40px;
    }

    .hero {
        height: 70vh;
    }

    .hero-content h1 {
        font-size: 40px;
    }

    .section-title h2 {
        font-size: 32px;
    }
}

@media (max-width: 480px) {
    .product-grid {
        grid-template-columns: 1fr;
    }

    .hero-content h1 {
        font-size: 32px;
    }

    .btn {
        padding: 12px 25px;
        font-size: 11px;
    }
}