/**

 * Checkout-flow pages only: content offset below fixed liquid nav.

 * Nav shell (388×78 mobile, icons, categories) lives in navigator.css + mobile-global.css.

 */

@media (max-width: 768px) {

    body.checkout-page,

    body.kashier-pay-page,

    body.payment-success-page {

        padding-top: max(158px, calc(env(safe-area-inset-top, 0px) + 138px));

    }



    /* /checkout/pay — even icon rhythm inside the 388px bar */

    body.kashier-pay-page .liquid-nav .nav-icons {

        gap: 6px;

        justify-content: flex-start;

    }



    body.kashier-pay-page .liquid-nav .nav-brand {

        margin-inline-start: auto;

    }



    body.kashier-pay-page .liquid-nav .main-mobile-categories-trigger,

    body.kashier-pay-page .liquid-nav #langToggle,

    body.kashier-pay-page .liquid-nav .icon-btn,

    body.kashier-pay-page .liquid-nav #cartIconBtn {

        flex: 0 0 42px;

        min-width: 42px;

        width: 42px;

        min-height: 42px;

        height: 42px;

    }

}