/* Mobile-First Responsive Design - Prime Packaging */

/* Large Desktop */
@media (max-width: 1200px) {
    .products-gallery,
    .products-gallery-extended {
        grid-template-columns: repeat(3, 1fr);
    }
}

/* Tablet */
@media (max-width: 900px) {
    :root { --section-py: 4.5rem; }

    .nav-menu {
        position: fixed;
        top: var(--nav-h);
        left: 0;
        right: 0;
        background: rgba(255,255,255,0.98);
        backdrop-filter: blur(20px);
        -webkit-backdrop-filter: blur(20px);
        border-bottom: 1px solid var(--border);
        flex-direction: column;
        align-items: stretch;
        padding: 1rem;
        gap: 0.25rem;
        transform: translateY(-120%);
        opacity: 0;
        transition: transform 0.3s ease, opacity 0.3s ease;
        pointer-events: none;
        z-index: 999;
    }

    .nav-menu.active {
        transform: translateY(0);
        opacity: 1;
        pointer-events: all;
    }

    .nav-link { padding: 0.75rem 1rem; font-size: 0.875rem; border-radius: 0.5rem; }
    .nav-cta { margin-left: 0; text-align: center; }
    .nav-toggle { display: flex; }

    .hero-content h1 { font-size: 3rem; }

    .stats-grid { grid-template-columns: repeat(2, 1fr); }
    .stat-item:nth-child(2) { border-right: none; }
    .stat-item:nth-child(3) { border-top: 1px solid var(--border); }
    .stat-item:nth-child(4) { border-top: 1px solid var(--border); border-right: none; }

    .leadership-item,
    .leadership-item.reverse {
        grid-template-columns: 1fr;
        gap: 2rem;
        direction: ltr;
    }

    .about-grid { grid-template-columns: 1fr; gap: 3rem; }
    .contact-grid { grid-template-columns: 1fr; gap: 3rem; }

    .footer-grid { grid-template-columns: 1fr 1fr; gap: 2.5rem; }
    .footer-about { grid-column: 1 / -1; }

    .modal-body { grid-template-columns: 1fr; }
    .modal-body img { min-height: 220px; max-height: 280px; }

    .products-gallery,
    .products-gallery-extended {
        grid-template-columns: repeat(2, 1fr);
        gap: 1rem;
    }
}

/* Mobile */
@media (max-width: 600px) {
    :root { --section-py: 3.5rem; }

    .hero-content { padding: 4rem 1.25rem 5rem; }
    .hero-content h1 { font-size: 2.3rem; letter-spacing: -0.04em; }
    .hero-content p  { font-size: 1rem; }
    .hero-buttons { flex-direction: column; align-items: flex-start; }
    .hero-scroll { display: none; }

    .section-title { font-size: 1.9rem; }

    .products-gallery,
    .products-gallery-extended {
        grid-template-columns: repeat(2, 1fr);
        gap: 0.875rem;
    }

    .form-row { grid-template-columns: 1fr; }
    .footer-grid { grid-template-columns: 1fr; gap: 2rem; }
    .footer-about { grid-column: auto; }

    .footer-bottom { flex-direction: column; text-align: center; gap: 1.25rem; }
    .footer-copyright { flex-direction: column; gap: 0.75rem; }
    .contact-form { padding: 1.5rem; }
    .modal-content { border-radius: 0.75rem; }
    .scroll-top { bottom: 1.5rem; right: 1.5rem; }
}

/* Very small */
@media (max-width: 400px) {
    .hero-content h1 { font-size: 1.9rem; }
    .products-gallery,
    .products-gallery-extended { grid-template-columns: 1fr; }
}

/* Hamburger animation */
.nav-toggle.open .bar:nth-child(1) { transform: translateY(7px) rotate(45deg); }
.nav-toggle.open .bar:nth-child(2) { opacity: 0; }
.nav-toggle.open .bar:nth-child(3) { transform: translateY(-7px) rotate(-45deg); }