@media (max-width: 1100px) {

    .container {
        width: min(
            calc(100% - 50px),
            1100px
        );
    }

    .desktop-nav {
        gap: 18px;
    }

    .category-grid {
        grid-template-columns:
            repeat(4, 1fr);
    }

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

}


@media (max-width: 800px) {

    .container {
        width: calc(100% - 36px);
    }


    /* HEADER */

    .desktop-nav {
        display: none;
    }

    .mobile-menu-button {
        display: block;
    }

    .nav-order {
        display: none;
    }

    .mobile-menu {
        display: flex;

        flex-direction: column;

        gap: 0;

        background: #080808;

        border-top:
            1px solid rgba(255,255,255,.08);

        max-height: 0;

        overflow: hidden;

        transition: .3s;
    }

    .mobile-menu.open {
        max-height: 500px;
    }

    .mobile-menu a {
        color: white;

        padding: 17px 25px;

        border-bottom:
            1px solid rgba(255,255,255,.06);

        font-size: 13px;

        font-weight: 600;
    }

    .mobile-menu a:hover {
        color: var(--yellow);
    }

    .mobile-menu .mobile-order {
        background: var(--yellow);

        color: #000;

        text-align: center;

        font-weight: 900;
    }


    /* HERO */

    .hero {
        min-height: 780px;

        height: auto;

        background-position:
            65% center;
    }

    .hero h1 {
        font-size: 58px;

        letter-spacing: -3px;
    }

    .hero p {
        font-size: 15px;
    }

    .hero-info {
        flex-direction: column;

        gap: 10px;
    }

    .hero-scroll {
        display: none;
    }


    /* CATEGORIES */

    .categories-section,
    .promotions-section,
    .products-section,
    .about-section {
        padding: 75px 0;
    }

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


    /* PROMOTIONS */

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


    /* PRODUCTS */

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


    /* ABOUT */

    .about-grid {
        grid-template-columns:
            1fr;

        gap: 50px;
    }

    .about-visual {
        min-height: 360px;
    }

    .about-box strong {
        font-size: 38px;
    }


    /* DELIVERY */

    .delivery-container {
        padding-top: 70px;
        padding-bottom: 70px;

        flex-direction: column;

        align-items: flex-start;
    }

    .delivery-icon {
        display: none;
    }


    /* FOOTER */

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

        gap: 40px;
    }

}


@media (max-width: 480px) {

    .nav-container {
        height: 72px;
    }

    .hero {
        min-height: 700px;
    }

    .hero h1 {
        font-size: 49px;
    }

    .hero-buttons {
        flex-direction: column;

        align-items: stretch;
    }

    .btn {
        width: 100%;
    }

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

    .category-card {
        min-height: 145px;
    }

    .section-heading h2 {
        font-size: 35px;
    }

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

}