@media (
    max-width: 1100px
) {

    .order-layout {

        grid-template-columns:
            minmax(0, 1fr)
            320px;

        gap: 20px;

    }


    .order-section {

        padding: 22px;

    }


    .order-product-card,
    .order-placeholder-card {

        flex:
            0
            0
            250px;

        width: 250px;

        min-width: 250px;

    }


    .order-product-card img,
    .order-product-image-placeholder {

        height: 170px;

    }

}

@media (
    max-width: 900px
) {

    body {

        padding-bottom: 84px;

    }


    .order-header {

        position: sticky;

        top: 0;

    }


    .order-header-inner,
    .order-page {

        width:
            calc(
                100% - 24px
            );

    }


    .order-header-inner {

        min-height: 68px;

        gap: 10px;

    }


    .order-logo img {

        width: 48px;

        height: 48px;

    }


    .order-header-title span {

        font-size: 20px;

    }


    .order-header-title h1 {

    display: none;

}


    .order-back-link {

        font-size: 11px;

    }


    .order-page {

        margin:
            18px
            auto
            40px;

    }


    .order-layout {

        display: block;

    }


    .order-offer {

        gap: 16px;

    }


    .order-section {

        padding:
            18px
            14px
            16px;

        border-radius: 17px;

    }


    .order-section-heading {

        align-items: center;

        margin-bottom: 15px;

    }


    .order-section-heading h2 {

        font-size: 25px;

    }


    .order-eyebrow {

        font-size: 9px;

    }


    .order-view-all-button {

        font-size: 11px;

    }


    .order-product-carousel {

        gap: 12px;

        margin-right: -14px;

        padding-right: 14px;

    }


    .order-product-card,
    .order-placeholder-card {

        flex:
            0
            0
            78%;

        width: 78%;

        min-width: 78%;

        border-radius: 15px;

    }


    .order-product-card img,
    .order-product-image-placeholder {

        height: 175px;

    }


    .order-product-content {

        min-height: 165px;

        padding: 15px;

    }


    .order-product-content h3 {

        font-size: 20px;

    }


    .order-cart {
    display: flex;

    position: static;

    width: 100%;
    max-height: none;

    margin-top: 20px;
}


    /* =====================================
       MOBILE CART BAR
    ====================================== */

    .order-mobile-cart {

        position: fixed;

        left: 12px;

        right: 12px;

        bottom: 12px;

        z-index: 200;

        min-height: 60px;

        display: flex;

        align-items: center;

        justify-content: space-between;

        gap: 12px;

        padding:
            10px
            12px;

        box-sizing: border-box;

        background:
            rgba(
                255,
                255,
                255,
                0.97
            );

        border:
            1px solid
            #dfd3c4;

        border-radius: 16px;

        box-shadow:
            0
            12px
            35px
            rgba(
                50,
                42,
                32,
                0.18
            );

        backdrop-filter:
            blur(10px);

    }


    .order-mobile-cart > div {

        display: flex;

        flex-direction: column;

    }


    .order-mobile-cart span {

        color:
            #84796b;

        font-size: 10px;

    }


    .order-mobile-cart strong {

        color:
            #454b28;

        font-size: 18px;

    }


    .order-mobile-cart button {

        padding:
            10px
            16px;

        border: 0;

        border-radius: 10px;

        background:
            #596134;

        color: #ffffff;

        cursor: pointer;

        font-size: 11px;

        font-weight: 700;

    }


    

}

@media (
    max-width: 430px
) {

    .order-header-title {

        display: none;

    }


    .order-header-inner {

        justify-content:
            space-between;

    }


    .order-section-heading {

        gap: 10px;

    }


    .order-section-heading h2 {

        font-size: 23px;

    }


    .order-product-card,
    .order-placeholder-card {

        flex:
            0
            0
            84%;

        width: 84%;

        min-width: 84%;

    }


    .order-product-card img,
    .order-product-image-placeholder {

        height: 165px;

    }


    .order-mobile-cart {

        left: 8px;

        right: 8px;

        bottom: 8px;

    }

}

.weekly-menu-price-row {
    display: flex;
    align-items: center;
    justify-content: space-between;

    gap: 10px;
}

.weekly-menu-price-row .weekly-menu-price {
    margin: 0;
}

.weekly-menu-product-info {
    display: flex;
    align-items: center;

    gap: 8px;
}