@media (max-width: 1100px) {
    .site-nav {
        gap: 14px;
    }

    .site-nav a {
        font-size: 13px;
    }

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

@media (max-width: 900px) {
    .two-col,
    .two-grid,
    .three-grid,
    .four-grid,
    .six-grid,
    .product-image-grid,
    .footer-grid,
    .gallery-strip,
    .feature-list {
        grid-template-columns: 1fr;
    }

    .hero-slider {
        min-height: 680px;
        height: 90vh;
    }

    .slide-content {
        max-width: 100%;
        padding-top: 60px;
    }

    .slide-content h1 {
        font-size: clamp(2.2rem, 8vw, 3.8rem);
    }

    .mobile-toggle {
        display: inline-block;
    }

    .site-nav {
        position: absolute;
        top: 96px;
        left: 0;
        right: 0;
        background: #091427;
        border-bottom: 1px solid rgba(255,255,255,0.08);
        display: none;
        flex-direction: column;
        align-items: flex-start;
        padding: 20px;
    }

    .site-nav.show {
        display: flex;
    }

    .admin-topbar {
        align-items: flex-start;
        flex-direction: column;
    }

    .brand-logo {
        height: 62px;
    }
}

@media (max-width: 640px) {
    .container {
        width: min(100% - 24px, 1200px);
    }

    .section {
        padding: 70px 0;
    }

    .page-hero.small-hero {
        padding: 95px 0 35px;
    }

    .slide-content p {
        font-size: 1rem;
    }

    .product-image-card img,
    .gallery-strip img {
        height: 220px;
    }

    .cta-box {
        padding: 30px 20px;
    }

    .brand-logo {
        height: 56px;
    }

    .nav-wrap {
        min-height: 82px;
    }

    .site-nav {
        top: 82px;
    }
}