/*
 * WEBEGE GLOBAL CART V2.57
 *
 * Single source used outside /shop as a compatibility
 * layer over legacy cart styles from base.css.
 *
 * Extracted from the currently working shop cart.
 */

/* WEBEGE GLOBAL CART V2.57 START */

/* WEBEGE DESKTOP CART DRAWER V2.45 START */


/* ==========================================================
   DESKTOP CART

   <=700px НЕ ТРОГАЕМ.
   Существующая мобильная корзина остаётся как есть.
   ========================================================== */

@media (min-width: 701px) {

    /* ------------------------------------------------------
       FULL-SCREEN MODAL LAYER
       ------------------------------------------------------ */

    #cart-modal.cart-modal:not(.hidden) {
        position:
            fixed !important;

        inset:
            0 !important;

        width:
            100% !important;

        height:
            100dvh !important;

        max-width:
            none !important;

        max-height:
            none !important;

        margin:
            0 !important;

        padding:
            0 !important;

        border:
            0 !important;

        border-radius:
            0 !important;

        background:
            transparent !important;

        z-index:
            10050 !important;

        overflow:
            hidden !important;
    }


    /* ------------------------------------------------------
       BACKDROP

       Без backdrop-filter:
       он лишний раз нагружает paint/compositing.
       ------------------------------------------------------ */

    #cart-modal
    .cart-modal-backdrop {
        position:
            absolute !important;

        inset:
            0 !important;

        width:
            100% !important;

        height:
            100% !important;

        margin:
            0 !important;

        background:
            rgba(14, 20, 17, .30) !important;

        opacity:
            1 !important;

        cursor:
            pointer;

        animation:
            webegeDesktopCartBackdropV245
            .20s
            ease-out
            both;
    }


    /* ------------------------------------------------------
       RIGHT DRAWER
       ------------------------------------------------------ */

    #cart-modal
    .cart-modal-card {
        position:
            absolute !important;

        top:
            0 !important;

        right:
            0 !important;

        bottom:
            0 !important;

        left:
            auto !important;


        /*
         * 440px хорошо подходит под длинные
         * названия курсов WEBEGE.
         */

        width:
            min(
                440px,
                calc(100vw - 32px)
            ) !important;

        height:
            100dvh !important;

        min-height:
            100dvh !important;

        max-width:
            440px !important;

        max-height:
            none !important;


        margin:
            0 !important;

        padding:
            28px 28px 26px !important;


        border:
            0 !important;

        border-left:
            1px solid
            rgba(18, 48, 31, .07)
            !important;

        border-radius:
            24px 0 0 24px !important;


        background:
            #ffffff !important;


        box-shadow:
            -18px 0 48px
            rgba(18, 35, 26, .12)
            !important;


        transform:
            none !important;

        translate:
            none !important;


        /*
         * Если товаров несколько —
         * корзина нормально скроллится внутри,
         * страница позади остаётся на месте.
         */

        overflow-x:
            hidden !important;

        overflow-y:
            auto !important;

        overscroll-behavior:
            contain;


        animation:
            webegeDesktopCartDrawerV245
            .28s
            cubic-bezier(
                .22,
                .78,
                .25,
                1
            )
            both !important;


        -webkit-overflow-scrolling:
            touch;


        scrollbar-width:
            thin;
    }


    /* ------------------------------------------------------
       CLOSE BUTTON
       ------------------------------------------------------ */

    #cart-modal
    .cart-modal-close {
        position:
            absolute !important;

        top:
            20px !important;

        right:
            20px !important;

        width:
            38px !important;

        height:
            38px !important;

        min-width:
            38px !important;

        min-height:
            38px !important;

        display:
            inline-flex !important;

        align-items:
            center !important;

        justify-content:
            center !important;

        margin:
            0 !important;

        padding:
            0 !important;


        border:
            1px solid
            #e9eeeb !important;

        border-radius:
            12px !important;


        background:
            #ffffff !important;

        color:
            #172019 !important;


        font-size:
            27px !important;

        font-weight:
            400 !important;

        line-height:
            1 !important;


        cursor:
            pointer !important;

        z-index:
            5 !important;


        transition:
            background-color .15s ease,
            border-color .15s ease,
            transform .15s ease !important;
    }


    #cart-modal
    .cart-modal-close:hover {
        background:
            #f4f8f5 !important;

        border-color:
            #dce7df !important;

        transform:
            scale(1.03) !important;
    }


    #cart-modal
    .cart-modal-close:active {
        transform:
            scale(.97) !important;
    }


    /* ------------------------------------------------------
       HEADER / KICKER

       Даем место кнопке × и чуть больше воздуха.
       ------------------------------------------------------ */

    #cart-modal
    .cart-modal-card
    > .section-kicker:first-of-type {
        display:
            block !important;

        margin:
            2px 52px 22px 0 !important;

        color:
            #111814 !important;

        font-size:
            22px !important;

        line-height:
            1.15 !important;

        font-weight:
            850 !important;

        letter-spacing:
            -.025em !important;

        text-transform:
            none !important;
    }


    /* ------------------------------------------------------
       BUTTONS

       Сохраняем нынешнюю логику,
       только визуально адаптируем под drawer.
       ------------------------------------------------------ */

    #cart-modal
    .cart-modal-card button,
    #cart-modal
    .cart-modal-card a {
        -webkit-tap-highlight-color:
            transparent;
    }


    /*
     * Не даём огромным элементам вылезать
     * за ширину drawer.
     */

    #cart-modal
    .cart-modal-card * {
        max-width:
            100%;
    }


    /* ------------------------------------------------------
       AUTH-FIRST VERSION

       У гостевой корзины используется тот же DOM,
       поэтому drawer применится автоматически.
       ------------------------------------------------------ */

    #cart-modal.cart-auth-first-modal
    .cart-modal-card {
        width:
            min(
                440px,
                calc(100vw - 32px)
            ) !important;

        max-width:
            440px !important;

        height:
            100dvh !important;

        max-height:
            none !important;
    }


    /* ------------------------------------------------------
       TABLET / SMALL DESKTOP
       ------------------------------------------------------ */

    @media (max-width: 900px) {

        #cart-modal
        .cart-modal-card,

        #cart-modal.cart-auth-first-modal
        .cart-modal-card {
            width:
                min(
                    420px,
                    calc(100vw - 24px)
                ) !important;

            padding:
                26px 24px 24px !important;

            border-radius:
                20px 0 0 20px !important;
        }

    }


    /* ------------------------------------------------------
       ANIMATION
       ------------------------------------------------------ */

    @keyframes webegeDesktopCartDrawerV245 {

        from {
            opacity:
                .92;

            transform:
                translate3d(
                    34px,
                    0,
                    0
                );
        }

        to {
            opacity:
                1;

            transform:
                translate3d(
                    0,
                    0,
                    0
                );
        }

    }


    @keyframes webegeDesktopCartBackdropV245 {

        from {
            opacity:
                0;
        }

        to {
            opacity:
                1;
        }

    }

}


/* ----------------------------------------------------------
   REDUCED MOTION
   ---------------------------------------------------------- */

@media
(prefers-reduced-motion: reduce)
and
(min-width: 701px) {

    #cart-modal
    .cart-modal-card,

    #cart-modal
    .cart-modal-backdrop {
        animation:
            none !important;
    }

}


/* WEBEGE DESKTOP CART DRAWER V2.45 END */

/* WEBEGE DESKTOP CART REDESIGN V2.46 START */

@media (min-width: 701px) {


    /* ======================================================
       DRAWER STRUCTURE
       ====================================================== */

    #cart-modal
    .cart-modal-card {

        display:
            flex !important;

        flex-direction:
            column !important;

        padding:
            28px 28px 24px !important;

        background:
            #ffffff !important;

        overflow:
            hidden !important;

    }


    /* ======================================================
       TITLE
       ====================================================== */

    #cart-modal
    .cart-modal-card
    > .section-kicker:first-of-type {

        display:
            block !important;

        align-self:
            flex-start !important;

        width:
            auto !important;

        min-width:
            0 !important;

        min-height:
            0 !important;

        height:
            auto !important;

        margin:
            2px 56px 25px 0 !important;

        padding:
            0 !important;

        border:
            0 !important;

        border-radius:
            0 !important;

        background:
            transparent !important;

        box-shadow:
            none !important;

        color:
            #111814 !important;

        font-size:
            26px !important;

        line-height:
            1.08 !important;

        font-weight:
            900 !important;

        letter-spacing:
            -.035em !important;

        text-transform:
            none !important;

    }


    /*
     * "Ваши курсы" здесь дублирует смысл корзины
     * и только съедает вертикальное пространство.
     */

    #cart-modal
    .cart-modal-card
    > h2 {

        display:
            none !important;

    }


    /* ======================================================
       CLOSE
       ====================================================== */

    #cart-modal
    .cart-modal-close {

        top:
            21px !important;

        right:
            21px !important;

        width:
            38px !important;

        height:
            38px !important;

        border:
            1px solid
            #e7ece9 !important;

        border-radius:
            12px !important;

        background:
            #f8faf9 !important;

        box-shadow:
            none !important;

        color:
            #172019 !important;

        font-size:
            25px !important;

    }


    #cart-modal
    .cart-modal-close:hover {

        background:
            #eef5f0 !important;

        border-color:
            #d9e5dc !important;

    }


    /* ======================================================
       BALANCE
       ====================================================== */

    #cart-modal
    .cart-balance-display {

        flex:
            0 0 auto !important;

        display:
            flex !important;

        align-items:
            center !important;

        justify-content:
            space-between !important;

        gap:
            14px !important;

        min-height:
            50px !important;

        margin:
            0 0 18px !important;

        padding:
            0 15px !important;

        border:
            1px solid
            #e5eee8 !important;

        border-radius:
            15px !important;

        background:
            #f7faf8 !important;

        box-shadow:
            none !important;

    }


    #cart-modal
    .cart-balance-display span {

        color:
            #778079 !important;

        font-size:
            13px !important;

        line-height:
            1 !important;

        font-weight:
            700 !important;

    }


    #cart-modal
    .cart-balance-display strong {

        overflow:
            hidden !important;

        color:
            #182019 !important;

        font-size:
            16px !important;

        line-height:
            1 !important;

        font-weight:
            850 !important;

        letter-spacing:
            -.02em !important;

        white-space:
            nowrap !important;

        text-overflow:
            ellipsis !important;

    }


    /* ======================================================
       ITEMS AREA

       Только список товаров прокручивается.
       Checkout остаётся внизу drawer.
       ====================================================== */

    #cart-modal
    .cart-items {

        flex:
            1 1 auto !important;

        min-height:
            0 !important;

        display:
            flex !important;

        flex-direction:
            column !important;

        gap:
            10px !important;

        margin:
            0 !important;

        padding:
            0 3px 18px 0 !important;

        overflow-x:
            hidden !important;

        overflow-y:
            auto !important;

        overscroll-behavior:
            contain;

        scrollbar-width:
            thin;

    }


    #cart-modal
    .cart-item {

        flex:
            0 0 auto !important;

        display:
            grid !important;

        grid-template-columns:
            minmax(0, 1fr)
            auto !important;

        align-items:
            start !important;

        gap:
            18px !important;

        width:
            100% !important;

        margin:
            0 !important;

        padding:
            16px 16px !important;

        border:
            1px solid
            #e9eeeb !important;

        border-radius:
            16px !important;

        background:
            #fbfcfb !important;

        box-shadow:
            none !important;

    }


    #cart-modal
    .cart-item > div:first-child {

        min-width:
            0 !important;

    }


    #cart-modal
    .cart-item h3 {

        margin:
            0 0 6px !important;

        color:
            #151b17 !important;

        font-size:
            15px !important;

        line-height:
            1.25 !important;

        font-weight:
            850 !important;

        letter-spacing:
            -.018em !important;

    }


    #cart-modal
    .cart-item p {

        margin:
            0 !important;

        color:
            #7b827d !important;

        font-size:
            13px !important;

        line-height:
            1.45 !important;

        font-weight:
            600 !important;

    }


    /* ======================================================
       ITEM PRICE / REMOVE
       ====================================================== */

    #cart-modal
    .cart-item-side {

        display:
            flex !important;

        flex-direction:
            column !important;

        align-items:
            flex-end !important;

        justify-content:
            flex-start !important;

        gap:
            9px !important;

        width:
            auto !important;

        min-width:
            max-content !important;

    }


    #cart-modal
    .cart-item-side strong {

        color:
            #121814 !important;

        font-size:
            15.5px !important;

        line-height:
            1.2 !important;

        font-weight:
            900 !important;

        letter-spacing:
            -.02em !important;

        white-space:
            nowrap !important;

    }


    #cart-modal
    .cart-item-side button {

        width:
            auto !important;

        min-width:
            0 !important;

        height:
            auto !important;

        margin:
            0 !important;

        padding:
            0 !important;

        border:
            0 !important;

        border-radius:
            0 !important;

        background:
            transparent !important;

        box-shadow:
            none !important;

        color:
            #969d98 !important;

        font-size:
            12px !important;

        line-height:
            1.2 !important;

        font-weight:
            650 !important;

        cursor:
            pointer !important;

        transition:
            color .15s ease !important;

    }


    #cart-modal
    .cart-item-side button:hover {

        color:
            #d94747 !important;

        transform:
            none !important;

    }


    /* ======================================================
       TOTAL

       Это уже начало checkout-зоны.
       ====================================================== */

    #cart-modal
    .cart-total {

        flex:
            0 0 auto !important;

        display:
            grid !important;

        grid-template-columns:
            minmax(0, 1fr)
            auto !important;

        align-items:
            center !important;

        column-gap:
            16px !important;

        row-gap:
            12px !important;

        width:
            100% !important;

        margin:
            0 !important;

        padding:
            21px 0 0 !important;

        border:
            0 !important;

        border-top:
            1px solid
            #e8edea !important;

        border-radius:
            0 !important;

        background:
            transparent !important;

        box-shadow:
            none !important;

    }


    #cart-modal
    .cart-total span {

        color:
            #313934 !important;

        font-size:
            15px !important;

        line-height:
            1.2 !important;

        font-weight:
            800 !important;

    }


    #cart-modal
    .cart-total strong {

        color:
            #111714 !important;

        font-size:
            25px !important;

        line-height:
            1 !important;

        font-weight:
            900 !important;

        letter-spacing:
            -.035em !important;

        white-space:
            nowrap !important;

    }


    /*
     * Небольшой conversion reassurance.
     * Отдельную огромную карточку для него не делаем.
     */

    #cart-modal
    .cart-total::after {

        content:
            "✓ Доступ сразу после оплаты";

        grid-column:
            1 / -1;

        display:
            block !important;

        color:
            #2e7b4a !important;

        font-size:
            12.5px !important;

        line-height:
            1.3 !important;

        font-weight:
            700 !important;

        letter-spacing:
            -.005em !important;

    }


    /* ======================================================
       CHECKOUT BUTTON
       ====================================================== */

    #cart-modal
    .cart-checkout-btn {

        flex:
            0 0 auto !important;

        width:
            100% !important;

        min-height:
            56px !important;

        margin:
            16px 0 0 !important;

        padding:
            0 20px !important;

        border:
            0 !important;

        border-radius:
            16px !important;

        background:
            #18cf59 !important;

        color:
            #ffffff !important;

        font-size:
            16px !important;

        line-height:
            1 !important;

        font-weight:
            850 !important;

        letter-spacing:
            -.015em !important;

        box-shadow:
            0 12px 28px
            rgba(24, 207, 89, .20)
            !important;

        cursor:
            pointer !important;

        transition:
            background-color .16s ease,
            transform .16s ease,
            box-shadow .16s ease
            !important;

    }


    #cart-modal
    .cart-checkout-btn:hover {

        background:
            #14bd50 !important;

        transform:
            translateY(-1px) !important;

        box-shadow:
            0 15px 32px
            rgba(24, 207, 89, .25)
            !important;

    }


    #cart-modal
    .cart-checkout-btn:active {

        transform:
            translateY(0)
            scale(.995) !important;

    }


    /* ======================================================
       BALANCE TOP-UP STATE
       ====================================================== */

    #cart-modal
    .cart-inline-topup {

        flex:
            0 0 auto !important;

        margin:
            14px 0 0 !important;

        padding:
            16px !important;

        border:
            1px solid
            #e2ebe5 !important;

        border-radius:
            16px !important;

        background:
            #f7faf8 !important;

        box-shadow:
            none !important;

    }


    #cart-modal
    .cart-inline-topup::before,
    #cart-modal
    .cart-inline-topup::after {

        display:
            none !important;

    }


    #cart-modal
    .cart-inline-topup-head {

        display:
            flex !important;

        align-items:
            center !important;

        justify-content:
            space-between !important;

        gap:
            12px !important;

        margin:
            0 0 7px !important;

    }


    #cart-modal
    .cart-inline-topup-head span {

        font-size:
            13px !important;

        font-weight:
            750 !important;

    }


    #cart-modal
    .cart-inline-topup-head strong {

        font-size:
            18px !important;

        font-weight:
            900 !important;

    }


    #cart-modal
    .cart-inline-topup > p {

        margin:
            0 0 13px !important;

        color:
            #737c76 !important;

        font-size:
            12.5px !important;

        line-height:
            1.45 !important;

    }


    #cart-modal
    .cart-inline-topup-form {

        display:
            flex !important;

        flex-direction:
            column !important;

        align-items:
            stretch !important;

        gap:
            10px !important;

    }


    #cart-modal
    .cart-inline-topup-form label {

        width:
            100% !important;

    }


    #cart-modal
    .cart-inline-topup-form input {

        width:
            100% !important;

        min-height:
            46px !important;

        border-radius:
            13px !important;

    }


    #cart-modal
    .cart-inline-topup-form
    > button[type="submit"] {

        width:
            100% !important;

        min-height:
            48px !important;

        border-radius:
            13px !important;

    }


    /* ======================================================
       GUEST CHECKOUT

       Используется тот же drawer.
       ====================================================== */

    #cart-modal.cart-auth-first-modal
    .cart-auth-required-box {

        flex:
            0 0 auto !important;

        margin:
            15px 0 0 !important;

    }


    #cart-modal.cart-auth-first-modal
    .cart-auth-required-card {

        margin:
            0 !important;

        padding:
            16px !important;

        border:
            1px solid
            #e5ece8 !important;

        border-radius:
            16px !important;

        background:
            #f8faf9 !important;

        box-shadow:
            none !important;

    }


    #cart-modal.cart-auth-first-modal
    .cart-auth-required-card h3 {

        margin:
            0 0 5px !important;

        color:
            #151c18 !important;

        font-size:
            15px !important;

        line-height:
            1.25 !important;

        font-weight:
            850 !important;

    }


    #cart-modal.cart-auth-first-modal
    .cart-auth-required-card > p {

        margin:
            0 0 13px !important;

        color:
            #747c77 !important;

        font-size:
            12.5px !important;

        line-height:
            1.45 !important;

    }


    #cart-modal.cart-auth-first-modal
    .guest-checkout-form {

        display:
            flex !important;

        flex-direction:
            column !important;

        gap:
            10px !important;

    }


    #cart-modal.cart-auth-first-modal
    .guest-checkout-email {

        width:
            100% !important;

        min-height:
            48px !important;

        padding:
            0 14px !important;

        border:
            1px solid
            #dfe7e2 !important;

        border-radius:
            13px !important;

        background:
            #fff !important;

        font-size:
            14px !important;

        outline:
            none !important;

    }


    #cart-modal.cart-auth-first-modal
    .guest-checkout-email:focus {

        border-color:
            #1bcf56 !important;

        box-shadow:
            0 0 0 4px
            rgba(27, 207, 86, .10)
            !important;

    }


    #cart-modal.cart-auth-first-modal
    .guest-checkout-submit {

        width:
            100% !important;

        min-height:
            52px !important;

        border:
            0 !important;

        border-radius:
            14px !important;

        background:
            #18cf59 !important;

        color:
            #fff !important;

        font-size:
            15px !important;

        font-weight:
            850 !important;

        box-shadow:
            0 10px 24px
            rgba(24, 207, 89, .18)
            !important;

    }


    /* ======================================================
       EMPTY CART
       ====================================================== */

    #cart-modal
    .cart-empty {

        flex:
            1 1 auto !important;

        display:
            flex !important;

        flex-direction:
            column !important;

        align-items:
            center !important;

        justify-content:
            center !important;

        text-align:
            center !important;

        margin:
            0 !important;

        padding:
            40px 18px !important;

        border:
            0 !important;

        background:
            transparent !important;

        box-shadow:
            none !important;

    }


    #cart-modal
    .cart-empty h3 {

        margin:
            0 0 8px !important;

        font-size:
            20px !important;

        font-weight:
            900 !important;

    }


    #cart-modal
    .cart-empty p {

        max-width:
            280px !important;

        margin:
            0 0 20px !important;

        color:
            #7a827d !important;

        font-size:
            13px !important;

        line-height:
            1.5 !important;

    }


    #cart-modal
    .cart-empty-shop-btn {

        min-height:
            48px !important;

        padding:
            0 22px !important;

        border-radius:
            14px !important;

        background:
            #18cf59 !important;

        color:
            #fff !important;

        font-size:
            14px !important;

        font-weight:
            800 !important;

        text-decoration:
            none !important;

    }


    /* ======================================================
       CLOSE ANIMATION
       ====================================================== */

    #cart-modal.is-closing
    .cart-modal-card {

        animation:
            webegeDesktopCartOutV246
            .20s
            ease-in
            both !important;

    }


    #cart-modal.is-closing
    .cart-modal-backdrop {

        animation:
            webegeDesktopCartBackdropOutV246
            .20s
            ease-in
            both !important;

    }


    @keyframes webegeDesktopCartOutV246 {

        from {
            opacity:
                1;

            transform:
                translate3d(0, 0, 0);
        }

        to {
            opacity:
                .96;

            transform:
                translate3d(
                    30px,
                    0,
                    0
                );
        }

    }


    @keyframes webegeDesktopCartBackdropOutV246 {

        from {
            opacity:
                1;
        }

        to {
            opacity:
                0;
        }

    }

}


/* ==========================================================
   MOBILE <=700px:
   НИ ОДНОГО правила V2.46 здесь нет.
   ========================================================== */


/* WEBEGE DESKTOP CART REDESIGN V2.46 END */

/* WEBEGE DESKTOP CART FINAL V2.47 START */


/*
 * Счётчик добавлен в DOM для обеих корзин,
 * но пока показываем его ТОЛЬКО на desktop.
 */

#cart-modal
.cart-items-count {
    display:
        none !important;
}


@media (min-width: 701px) {


    /* ======================================================
       HEADER
       ====================================================== */

    #cart-modal
    .cart-modal-card
    > .section-kicker:first-of-type {

        margin:
            1px 56px 3px 0 !important;

    }


    #cart-modal
    .cart-items-count {

        display:
            block !important;

        flex:
            0 0 auto !important;

        margin:
            0 56px 23px 0 !important;

        color:
            #8b938e !important;

        font-size:
            12.5px !important;

        line-height:
            1.25 !important;

        font-weight:
            650 !important;

        letter-spacing:
            -.005em !important;

    }


    /* ======================================================
       REMOVE "ДОСТУП СРАЗУ ПОСЛЕ ОПЛАТЫ"
       ====================================================== */

    #cart-modal
    .cart-total::after {

        content:
            none !important;

        display:
            none !important;

    }


    /* ======================================================
       TOTAL
       ====================================================== */

    #cart-modal
    .cart-total {

        row-gap:
            0 !important;

        padding-top:
            20px !important;

    }


    /* ======================================================
       NORMAL CHECKOUT BUTTON
       ====================================================== */

    #cart-modal
    .cart-checkout-btn {

        margin-top:
            18px !important;

        min-height:
            56px !important;

        border-radius:
            15px !important;

        font-size:
            16px !important;

        font-weight:
            850 !important;

    }


    /* ======================================================
       TOP-UP REDESIGN
       ====================================================== */

    #cart-modal
    .cart-inline-topup {

        flex:
            0 0 auto !important;

        width:
            100% !important;

        height:
            auto !important;

        min-height:
            0 !important;

        max-height:
            none !important;

        margin:
            17px 0 0 !important;

        padding:
            17px !important;

        display:
            block !important;

        border:
            1px solid
            #dfeae3 !important;

        border-radius:
            17px !important;

        background:
            linear-gradient(
                180deg,
                #f8fbf9 0%,
                #f4faf6 100%
            ) !important;

        box-shadow:
            none !important;

        overflow:
            visible !important;

    }


    /*
     * Убираем любые старые flex/min-height стили,
     * из-за которых блок занимал почти весь drawer.
     */

    #cart-modal
    .cart-inline-topup > * {

        flex:
            none !important;

    }


    /* ---------------- HEAD ---------------- */

    #cart-modal
    .cart-inline-topup-head {

        display:
            flex !important;

        align-items:
            baseline !important;

        justify-content:
            space-between !important;

        gap:
            16px !important;

        width:
            100% !important;

        margin:
            0 0 7px !important;

        padding:
            0 !important;

    }


    #cart-modal
    .cart-inline-topup-head span {

        color:
            #182019 !important;

        font-size:
            18px !important;

        line-height:
            1.15 !important;

        font-weight:
            900 !important;

        letter-spacing:
            -.025em !important;

    }


    #cart-modal
    .cart-inline-topup-head strong {

        color:
            #16ad4d !important;

        font-size:
            17px !important;

        line-height:
            1 !important;

        font-weight:
            900 !important;

        letter-spacing:
            -.02em !important;

        white-space:
            nowrap !important;

    }


    /* ---------------- DESCRIPTION ---------------- */

    #cart-modal
    .cart-inline-topup > p {

        max-width:
            330px !important;

        margin:
            0 0 15px !important;

        padding:
            0 !important;

        color:
            #818985 !important;

        font-size:
            12.5px !important;

        line-height:
            1.45 !important;

        font-weight:
            550 !important;

    }


    /* ---------------- FORM ---------------- */

    #cart-modal
    .cart-inline-topup-form {

        display:
            grid !important;

        grid-template-columns:
            1fr !important;

        gap:
            11px !important;

        width:
            100% !important;

        height:
            auto !important;

        min-height:
            0 !important;

        margin:
            0 !important;

        padding:
            0 !important;

    }


    #cart-modal
    .cart-inline-topup-form label {

        display:
            block !important;

        width:
            100% !important;

        height:
            auto !important;

        margin:
            0 !important;

        padding:
            0 !important;

    }


    #cart-modal
    .cart-inline-topup-form
    label > span {

        display:
            block !important;

        margin:
            0 0 7px !important;

        color:
            #202722 !important;

        font-size:
            13px !important;

        line-height:
            1.2 !important;

        font-weight:
            800 !important;

    }


    #cart-modal
    .cart-inline-topup-form input {

        display:
            block !important;

        width:
            100% !important;

        height:
            46px !important;

        min-height:
            46px !important;

        max-height:
            46px !important;

        margin:
            0 !important;

        padding:
            0 14px !important;

        border:
            1px solid
            #dfe6e1 !important;

        border-radius:
            13px !important;

        background:
            #ffffff !important;

        box-shadow:
            none !important;

        color:
            #172019 !important;

        font-size:
            15px !important;

        line-height:
            46px !important;

        font-weight:
            750 !important;

        outline:
            none !important;

        appearance:
            textfield;

    }


    #cart-modal
    .cart-inline-topup-form input:focus {

        border-color:
            #21c95a !important;

        box-shadow:
            0 0 0 4px
            rgba(33, 201, 90, .10)
            !important;

    }


    #cart-modal
    .cart-inline-topup-form
    input::-webkit-outer-spin-button,

    #cart-modal
    .cart-inline-topup-form
    input::-webkit-inner-spin-button {

        margin:
            0;

        -webkit-appearance:
            none;

    }


    /* ---------------- TOP-UP CTA ---------------- */

    #cart-modal
    .cart-inline-topup-form
    > button[type="submit"] {

        position:
            relative !important;

        display:
            flex !important;

        align-items:
            center !important;

        justify-content:
            center !important;

        gap:
            10px !important;

        width:
            100% !important;

        height:
            52px !important;

        min-height:
            52px !important;

        max-height:
            52px !important;

        margin:
            1px 0 0 !important;

        padding:
            0 50px 0 18px !important;

        border:
            0 !important;

        border-radius:
            14px !important;

        background:
            #18cf59 !important;

        box-shadow:
            0 10px 25px
            rgba(24, 207, 89, .18)
            !important;

        color:
            #ffffff !important;

        font-size:
            15px !important;

        line-height:
            1 !important;

        font-weight:
            850 !important;

        letter-spacing:
            -.01em !important;

        cursor:
            pointer !important;

    }


    /*
     * Логотип СБП.
     * Не меняем HTML/submit handler.
     */

    #cart-modal
    .cart-inline-topup-form
    > button[type="submit"]::after {

        content:
            "" !important;

        position:
            absolute !important;

        top:
            50% !important;

        right:
            17px !important;

        width:
            28px !important;

        height:
            28px !important;

        transform:
            translateY(-50%) !important;

        background-image:
            url("/static/assets/SBP.svg") !important;

        background-repeat:
            no-repeat !important;

        background-position:
            center !important;

        background-size:
            contain !important;

        pointer-events:
            none !important;

    }


    #cart-modal
    .cart-inline-topup-form
    > button[type="submit"]:hover {

        background:
            #14bd50 !important;

        transform:
            translateY(-1px) !important;

    }


    #cart-modal
    .cart-inline-topup-form
    > button[type="submit"]:active {

        transform:
            none !important;

    }


    /*
     * Если submit handler временно блокирует кнопку,
     * оставляем нормальный вид, но без hover.
     */

    #cart-modal
    .cart-inline-topup-form
    > button[type="submit"]:disabled {

        cursor:
            default !important;

        opacity:
            .72 !important;

        transform:
            none !important;

    }


    /* ======================================================
       RESULT AFTER TOP-UP REQUEST
       ====================================================== */

    #cart-modal
    .cart-inline-topup-result {

        margin:
            11px 0 0 !important;

        padding:
            11px 12px !important;

        border-radius:
            11px !important;

        background:
            #edf8f1 !important;

        color:
            #31764a !important;

        font-size:
            12.5px !important;

        line-height:
            1.4 !important;

    }


    #cart-modal
    .cart-inline-topup-result p {

        margin:
            0 !important;

    }


    /* ======================================================
       LARGE DESKTOP WIDTH
       ====================================================== */

    @media (min-width: 1200px) {

        #cart-modal
        .cart-modal-card,

        #cart-modal.cart-auth-first-modal
        .cart-modal-card {

            width:
                460px !important;

            max-width:
                460px !important;

        }

    }

}


/* WEBEGE DESKTOP CART FINAL V2.47 END */

/* WEBEGE DESKTOP CART TOPUP V2.48 START */

@media (min-width: 701px) {


    /*
     * Нижний result/status полностью убираем
     * из desktop UX.
     *
     * DOM можно пока оставить ради совместимости.
     */

    #cart-modal
    .cart-inline-topup-result {

        display:
            none !important;

    }


    /*
     * V2.47 ставил СБП через absolute ::after
     * у правой границы.
     *
     * Выключаем его.
     */

    #cart-modal
    .cart-inline-topup-form
    > button[type="submit"]::after {

        content:
            none !important;

        display:
            none !important;

    }


    /*
     * Теперь SBP является обычным flex-item
     * непосредственно ПЕРЕД текстом кнопки.
     */

    #cart-modal
    .cart-inline-topup-form
    > button[type="submit"]::before {

        content:
            "" !important;

        display:
            block !important;

        flex:
            0 0 25px !important;

        width:
            25px !important;

        height:
            25px !important;

        margin:
            0 !important;

        padding:
            0 !important;

        background-image:
            url("/static/assets/SBP.svg") !important;

        background-repeat:
            no-repeat !important;

        background-position:
            center !important;

        background-size:
            contain !important;

        pointer-events:
            none !important;

    }


    #cart-modal
    .cart-inline-topup-form
    > button[type="submit"] {

        display:
            inline-flex !important;

        align-items:
            center !important;

        justify-content:
            center !important;

        gap:
            9px !important;


        /*
         * Больше не резервируем 50px справа
         * под absolute-логотип.
         */

        padding:
            0 18px !important;

    }


    /*
     * Во время создания opacity не делаем
     * слишком низким — CTA должна оставаться
     * читаемой.
     */

    #cart-modal
    .cart-inline-topup-form
    > button[type="submit"]:disabled {

        opacity:
            .82 !important;

        cursor:
            wait !important;

        transform:
            none !important;

    }

}

/* WEBEGE DESKTOP CART TOPUP V2.48 END */

/* WEBEGE CART BALANCE V2.49 START */

@media (min-width: 701px) {

    /*
     * Balance = informational status,
     * not another product card.
     */

    #cart-modal
    .cart-balance-display {

        position:
            relative !important;

        min-height:
            52px !important;

        margin:
            0 0 18px !important;

        padding:
            0 16px 0 19px !important;

        border:
            1px solid
            #d5eddd !important;

        border-radius:
            14px !important;

        background:
            #f3fbf6 !important;

        box-shadow:
            none !important;

        overflow:
            hidden !important;
    }


    /*
     * Небольшой зелёный accent,
     * чтобы визуально отделить balance от courses.
     */

    #cart-modal
    .cart-balance-display::before {

        content:
            "" !important;

        position:
            absolute !important;

        top:
            11px !important;

        bottom:
            11px !important;

        left:
            0 !important;

        width:
            3px !important;

        border-radius:
            0 4px 4px 0 !important;

        background:
            #20c85a !important;
    }


    #cart-modal
    .cart-balance-display span {

        color:
            #61736a !important;

        font-size:
            12.5px !important;

        line-height:
            1.2 !important;

        font-weight:
            750 !important;

        letter-spacing:
            -.005em !important;
    }


    #cart-modal
    .cart-balance-display strong {

        color:
            #147a3b !important;

        font-size:
            16px !important;

        line-height:
            1 !important;

        font-weight:
            900 !important;

        letter-spacing:
            -.025em !important;
    }

}

/* WEBEGE CART BALANCE V2.49 END */

/* WEBEGE DESKTOP CART CONVERSION V2.50B START */

@media (min-width: 701px) {


    /* ======================================================
       BACKDROP

       Контекст магазина остаётся видимым.
       Blur не нужен.
       ====================================================== */

    #cart-modal
    .cart-modal-backdrop {

        background:
            rgba(13, 20, 16, .27) !important;

        -webkit-backdrop-filter:
            none !important;

        backdrop-filter:
            none !important;

    }


    /* ======================================================
       FLOW ORDER

       1. Курсы
       2. Итого
       3. Баланс
       4. Сколько пополнить
       5. CTA
       ====================================================== */

    #cart-modal:not(.cart-auth-first-modal)
    .cart-modal-card
    > .section-kicker {

        order:
            0 !important;

    }


    #cart-modal:not(.cart-auth-first-modal)
    .cart-items-count {

        order:
            1 !important;

    }


    #cart-modal:not(.cart-auth-first-modal)
    .cart-items {

        order:
            2 !important;

        flex:
            1 1 auto !important;

        min-height:
            0 !important;

        margin:
            0 !important;

        padding:
            0 3px 19px 0 !important;

    }


    #cart-modal:not(.cart-auth-first-modal)
    .cart-total {

        order:
            3 !important;

    }


    #cart-modal:not(.cart-auth-first-modal)
    .cart-balance-display {

        order:
            4 !important;

    }


    #cart-modal:not(.cart-auth-first-modal)
    .cart-inline-topup {

        order:
            5 !important;

    }


    #cart-modal:not(.cart-auth-first-modal)
    .cart-checkout-btn {

        order:
            6 !important;

    }


    /* ======================================================
       COURSE CARD
       ====================================================== */

    #cart-modal
    .cart-item {

        display:
            grid !important;

        grid-template-columns:
            58px
            minmax(0, 1fr)
            auto !important;

        align-items:
            center !important;

        column-gap:
            13px !important;

        row-gap:
            0 !important;

        min-height:
            82px !important;

        padding:
            11px 13px !important;

        border:
            1px solid
            #e5ebe7 !important;

        border-radius:
            16px !important;

        background:
            #ffffff !important;

        box-shadow:
            none !important;

    }


    /* ======================================================
       COURSE IMAGE
       ====================================================== */

    #cart-modal
    .cart-item-thumb {

        display:
            flex !important;

        align-items:
            center !important;

        justify-content:
            center !important;

        width:
            58px !important;

        height:
            58px !important;

        min-width:
            58px !important;

        min-height:
            58px !important;

        overflow:
            hidden !important;

        border:
            1px solid
            rgba(19, 50, 32, .07)
            !important;

        border-radius:
            12px !important;

        background:
            #f3f8f5 !important;

    }


    #cart-modal
    .cart-item-thumb img {

        display:
            block !important;

        width:
            100% !important;

        height:
            100% !important;

        object-fit:
            cover !important;

        object-position:
            center !important;

    }


    #cart-modal
    .cart-item-thumb.is-fallback {

        background:
            linear-gradient(
                145deg,
                #eefaf2,
                #ddf5e5
            ) !important;

    }


    #cart-modal
    .cart-item-thumb-letter {

        color:
            #17964a !important;

        font-size:
            21px !important;

        line-height:
            1 !important;

        font-weight:
            900 !important;

        letter-spacing:
            -.04em !important;

    }


    /* ======================================================
       COURSE TEXT
       ====================================================== */

    #cart-modal
    .cart-item-main {

        min-width:
            0 !important;

    }


    #cart-modal
    .cart-item-main h3 {

        margin:
            0 0 5px !important;

        color:
            #151d18 !important;

        font-size:
            14.5px !important;

        line-height:
            1.26 !important;

        font-weight:
            850 !important;

        letter-spacing:
            -.018em !important;

    }


    #cart-modal
    .cart-item-main p {

        margin:
            0 !important;

        color:
            #858e88 !important;

        font-size:
            12.2px !important;

        line-height:
            1.4 !important;

        font-weight:
            650 !important;

    }


    #cart-modal
    .cart-item-side {

        align-self:
            center !important;

        gap:
            8px !important;

    }


    #cart-modal
    .cart-item-side strong {

        color:
            #161d18 !important;

        font-size:
            15px !important;

        font-weight:
            900 !important;

    }


    /* ======================================================
       TOTAL
       ====================================================== */

    #cart-modal:not(.cart-auth-first-modal)
    .cart-total {

        flex:
            0 0 auto !important;

        margin:
            0 !important;

        padding:
            18px 0 4px !important;

        border:
            0 !important;

        border-top:
            1px solid
            #e3e9e5 !important;

        border-radius:
            0 !important;

        background:
            transparent !important;

        box-shadow:
            none !important;

    }


    #cart-modal:not(.cart-auth-first-modal)
    .cart-total span {

        color:
            #263029 !important;

        font-size:
            15px !important;

        font-weight:
            850 !important;

    }


    #cart-modal:not(.cart-auth-first-modal)
    .cart-total strong {

        color:
            #101713 !important;

        font-size:
            25px !important;

        font-weight:
            950 !important;

        letter-spacing:
            -.04em !important;

    }


    /* ======================================================
       BALANCE

       Больше НЕ карточка.
       Просто часть расчёта.
       ====================================================== */

    #cart-modal:not(.cart-auth-first-modal)
    .cart-balance-display {

        position:
            static !important;

        flex:
            0 0 auto !important;

        display:
            flex !important;

        align-items:
            center !important;

        justify-content:
            space-between !important;

        width:
            100% !important;

        min-height:
            0 !important;

        margin:
            0 !important;

        padding:
            10px 0 5px !important;

        border:
            0 !important;

        border-radius:
            0 !important;

        background:
            transparent !important;

        box-shadow:
            none !important;

        overflow:
            visible !important;

    }


    #cart-modal:not(.cart-auth-first-modal)
    .cart-balance-display::before {

        content:
            none !important;

        display:
            none !important;

    }


    #cart-modal:not(.cart-auth-first-modal)
    .cart-balance-display span {

        color:
            #606a64 !important;

        font-size:
            13.5px !important;

        line-height:
            1.2 !important;

        font-weight:
            700 !important;

    }


    #cart-modal:not(.cart-auth-first-modal)
    .cart-balance-display strong {

        color:
            #178943 !important;

        font-size:
            16px !important;

        line-height:
            1 !important;

        font-weight:
            900 !important;

        letter-spacing:
            -.02em !important;

    }


    /* ======================================================
       TOP-UP — без card-inside-card
       ====================================================== */

    #cart-modal:not(.cart-auth-first-modal)
    .cart-inline-topup {

        flex:
            0 0 auto !important;

        width:
            100% !important;

        height:
            auto !important;

        min-height:
            0 !important;

        margin:
            14px 0 0 !important;

        padding:
            0 !important;

        border:
            0 !important;

        border-radius:
            0 !important;

        background:
            transparent !important;

        box-shadow:
            none !important;

        overflow:
            visible !important;

    }


    /*
     * К пополнению
     */

    #cart-modal:not(.cart-auth-first-modal)
    .cart-inline-topup-head {

        display:
            flex !important;

        align-items:
            center !important;

        justify-content:
            space-between !important;

        width:
            100% !important;

        min-height:
            50px !important;

        margin:
            0 0 12px !important;

        padding:
            0 14px !important;

        border:
            1px solid
            #cfe8d7 !important;

        border-radius:
            12px !important;

        background:
            #f0faf3 !important;

    }


    #cart-modal:not(.cart-auth-first-modal)
    .cart-inline-topup-head span {

        font-size:
            0 !important;

    }


    #cart-modal:not(.cart-auth-first-modal)
    .cart-inline-topup-head span::after {

        content:
            "К пополнению";

        color:
            #263029 !important;

        font-size:
            14px !important;

        line-height:
            1 !important;

        font-weight:
            850 !important;

        letter-spacing:
            -.01em !important;

    }


    #cart-modal:not(.cart-auth-first-modal)
    .cart-inline-topup-head strong {

        color:
            #16ac4d !important;

        font-size:
            18px !important;

        line-height:
            1 !important;

        font-weight:
            950 !important;

        letter-spacing:
            -.025em !important;

    }


    #cart-modal:not(.cart-auth-first-modal)
    .cart-inline-topup > p {

        max-width:
            355px !important;

        margin:
            0 0 14px !important;

        color:
            #7e8781 !important;

        font-size:
            12.5px !important;

        line-height:
            1.45 !important;

        font-weight:
            600 !important;

    }


    /* ======================================================
       HIDE EDITABLE AMOUNT ON DESKTOP

       Input остаётся в DOM.
       V2.48 продолжает читать его значение.
       ====================================================== */

    #cart-modal:not(.cart-auth-first-modal)
    .cart-inline-topup-form label {

        display:
            none !important;

    }


    #cart-modal:not(.cart-auth-first-modal)
    .cart-inline-topup-form {

        display:
            block !important;

        width:
            100% !important;

        height:
            auto !important;

        min-height:
            0 !important;

        margin:
            0 !important;

        padding:
            0 !important;

    }


    /* ======================================================
       SBP CTA
       ====================================================== */

    #cart-modal:not(.cart-auth-first-modal)
    .cart-inline-topup-form
    > button[type="submit"] {

        display:
            inline-flex !important;

        align-items:
            center !important;

        justify-content:
            center !important;

        gap:
            9px !important;

        width:
            100% !important;

        height:
            54px !important;

        min-height:
            54px !important;

        max-height:
            54px !important;

        margin:
            0 !important;

        padding:
            0 18px !important;

        border:
            0 !important;

        border-radius:
            14px !important;

        background:
            #18cf59 !important;

        color:
            #ffffff !important;

        font-size:
            15.5px !important;

        line-height:
            1 !important;

        font-weight:
            900 !important;

        letter-spacing:
            -.015em !important;

        box-shadow:
            0 11px 27px
            rgba(24, 207, 89, .20)
            !important;

    }


    /*
     * Result V2.48 технически остаётся.
     * В desktop интерфейсе его не показываем.
     */

    #cart-modal:not(.cart-auth-first-modal)
    .cart-inline-topup-result {

        display:
            none !important;

    }


    /*
     * Quiet trust signal.
     */

    #cart-modal:not(.cart-auth-first-modal)
    .cart-inline-topup::after {

        content:
            "🔒 Безопасная оплата через СБП" !important;

        display:
            block !important;

        margin:
            10px 0 0 !important;

        color:
            #929a95 !important;

        font-size:
            11.5px !important;

        line-height:
            1.3 !important;

        font-weight:
            650 !important;

        text-align:
            center !important;

    }


    /* ======================================================
       ENOUGH BALANCE
       ====================================================== */

    #cart-modal:not(.cart-auth-first-modal)
    .cart-checkout-btn {

        margin-top:
            16px !important;

    }


    /* ======================================================
       SHORT DESKTOP
       ====================================================== */

    @media (max-height: 760px) {

        #cart-modal
        .cart-item {

            min-height:
                72px !important;

            grid-template-columns:
                50px
                minmax(0, 1fr)
                auto !important;

        }


        #cart-modal
        .cart-item-thumb {

            width:
                50px !important;

            height:
                50px !important;

            min-width:
                50px !important;

            min-height:
                50px !important;

        }

    }

}


/* ==========================================================
   MOBILE
   Миниатюры скрываем, текущий mobile layout сохраняем.
   ========================================================== */

@media (max-width: 700px) {

    #cart-modal
    .cart-item-thumb {

        display:
            none !important;

    }


    #cart-modal
    .cart-item-main {

        min-width:
            0 !important;

    }

}


/* WEBEGE DESKTOP CART CONVERSION V2.50B END */

/* WEBEGE EMPTY CART FIX V2.51 START */

@media (min-width: 701px) {

    /*
     * Пустая корзина должна идти ПОСЛЕ:
     *
     * Корзина
     * 0 курсов
     *
     * В V2.50B .cart-empty оставался order:0,
     * поэтому занимал место раньше счётчика.
     */

    #cart-modal:not(.cart-auth-first-modal)
    .cart-empty {

        order:
            2 !important;

        flex:
            1 1 auto !important;

        min-height:
            0 !important;

    }


    /*
     * При пустой корзине баланс пользователю
     * сейчас вообще не нужен.
     *
     * Убираем только визуально.
     * Данные/JS не меняются.
     */

    #cart-modal:not(.cart-auth-first-modal)
    .cart-modal-card:has(.cart-empty)
    .cart-balance-display {

        display:
            none !important;

    }


    /*
     * Счётчик остаётся сразу под заголовком
     * независимо от наличия товаров.
     */

    #cart-modal:not(.cart-auth-first-modal)
    .cart-modal-card:has(.cart-empty)
    .cart-items-count {

        order:
            1 !important;

        display:
            block !important;

        margin:
            0 56px 0 0 !important;

    }


    /*
     * Центрируем empty-state в оставшейся
     * полезной высоте drawer.
     */

    #cart-modal:not(.cart-auth-first-modal)
    .cart-modal-card:has(.cart-empty)
    .cart-empty {

        display:
            flex !important;

        flex-direction:
            column !important;

        align-items:
            center !important;

        justify-content:
            center !important;

        margin:
            0 !important;

        padding:
            40px 22px 90px !important;

    }

}

/* WEBEGE EMPTY CART FIX V2.51 END */

/* WEBEGE CART HEADER FIX V2.54 START */

@media (min-width: 701px) {

    /*
     * При большой корзине flex-контейнер не должен
     * ужимать заголовок и счётчик товаров.
     *
     * Скроллится только .cart-items.
     */

    #cart-modal
    .cart-modal-card
    > .section-kicker:first-of-type {

        flex:
            0 0 auto !important;

        flex-shrink:
            0 !important;

        min-height:
            29px !important;

        margin:
            1px 56px 5px 0 !important;

        overflow:
            visible !important;

        line-height:
            1.08 !important;

    }


    #cart-modal
    .cart-items-count {

        flex:
            0 0 auto !important;

        flex-shrink:
            0 !important;

        position:
            static !important;

        display:
            block !important;

        width:
            auto !important;

        min-height:
            16px !important;

        margin:
            0 56px 20px 0 !important;

        padding:
            0 !important;

        line-height:
            16px !important;

        overflow:
            visible !important;

    }


    /*
     * Именно список курсов забирает оставшееся
     * пространство и получает внутренний scroll.
     */

    #cart-modal
    .cart-items {

        flex:
            1 1 0 !important;

        min-height:
            0 !important;

        overflow-y:
            auto !important;

    }

}

/* WEBEGE CART HEADER FIX V2.54 END */

/* WEBEGE CART FINAL POLISH V2.55 START */

@media (min-width: 701px) {


    /* ======================================================
       COURSE LIST SCROLLBAR

       Scrollbar — технический элемент.
       Не должен конкурировать с основной зелёной CTA.
       ====================================================== */

    #cart-modal
    .cart-items {

        scrollbar-width:
            thin !important;

        scrollbar-color:
            #bdd3c4
            transparent !important;

    }


    #cart-modal
    .cart-items::-webkit-scrollbar {

        width:
            6px !important;

    }


    #cart-modal
    .cart-items::-webkit-scrollbar-track {

        background:
            transparent !important;

    }


    #cart-modal
    .cart-items::-webkit-scrollbar-thumb {

        min-height:
            36px !important;

        border:
            0 !important;

        border-radius:
            999px !important;

        background:
            #bdd3c4 !important;

    }


    #cart-modal
    .cart-items::-webkit-scrollbar-thumb:hover {

        background:
            #a8c3af !important;

    }


    /* ======================================================
       TRUST LINE

       Читается уверенно, но всё ещё остаётся
       второстепенной относительно CTA.
       ====================================================== */

    #cart-modal:not(.cart-auth-first-modal)
    .cart-inline-topup::after {

        color:
            #727d76 !important;

        font-size:
            11.5px !important;

        line-height:
            1.35 !important;

        font-weight:
            650 !important;

        opacity:
            1 !important;

    }

}


/* WEBEGE CART FINAL POLISH V2.55 END */


/* WEBEGE CART CTA WEIGHT V2.56 START */

@media (min-width: 701px) {

    #cart-modal:not(.cart-auth-first-modal)
    .cart-inline-topup-form
    > button[type="submit"] {

        font-weight:
            800 !important;

    }

}

/* WEBEGE CART CTA WEIGHT V2.56 END */

/* WEBEGE GLOBAL CART V2.57 END */

/* WEBEGE GUEST CART V2.58 START */


/* ==========================================================
   DESKTOP GUEST CHECKOUT
   ========================================================== */

@media (min-width: 701px) {


    /* ------------------------------------------------------
       GUEST PAYMENT AREA
       ------------------------------------------------------ */

    #cart-modal.cart-auth-first-modal
    .cart-auth-required-box {

        flex:
            0 0 auto !important;

        width:
            100% !important;

        margin:
            14px 0 0 !important;

        padding:
            0 !important;

    }


    #cart-modal.cart-auth-first-modal
    .cart-auth-required-card {

        width:
            100% !important;

        margin:
            0 !important;

        padding:
            17px !important;

        border:
            1px solid
            #dfe8e2 !important;

        border-radius:
            16px !important;

        background:
            #f7faf8 !important;

        box-shadow:
            none !important;

    }


    /* ------------------------------------------------------
       TITLE
       ------------------------------------------------------ */

    #cart-modal.cart-auth-first-modal
    .cart-auth-required-card h3 {

        margin:
            0 0 6px !important;

        color:
            #19211c !important;

        font-size:
            15px !important;

        line-height:
            1.25 !important;

        font-weight:
            850 !important;

        letter-spacing:
            -.015em !important;

        text-align:
            center !important;

    }


    #cart-modal.cart-auth-first-modal
    .cart-auth-required-card > p {

        max-width:
            330px !important;

        margin:
            0 auto 14px !important;

        color:
            #7b847e !important;

        font-size:
            12.5px !important;

        line-height:
            1.45 !important;

        font-weight:
            550 !important;

        text-align:
            center !important;

    }


    /* ------------------------------------------------------
       EMAIL
       ------------------------------------------------------ */

    #cart-modal.cart-auth-first-modal
    .guest-checkout-form {

        display:
            flex !important;

        flex-direction:
            column !important;

        align-items:
            stretch !important;

        gap:
            10px !important;

        width:
            100% !important;

        margin:
            0 !important;

        padding:
            0 !important;

    }


    #cart-modal.cart-auth-first-modal
    .guest-checkout-email {

        width:
            100% !important;

        height:
            48px !important;

        min-height:
            48px !important;

        margin:
            0 !important;

        padding:
            0 14px !important;

        border:
            1px solid
            #dce4df !important;

        border-radius:
            13px !important;

        background:
            #ffffff !important;

        box-shadow:
            none !important;

        color:
            #172019 !important;

        font-size:
            14px !important;

        line-height:
            1 !important;

        font-weight:
            650 !important;

        outline:
            none !important;

        transition:
            border-color .15s ease,
            box-shadow .15s ease
            !important;

    }


    #cart-modal.cart-auth-first-modal
    .guest-checkout-email::placeholder {

        color:
            #969e99 !important;

        opacity:
            1 !important;

    }


    #cart-modal.cart-auth-first-modal
    .guest-checkout-email:focus {

        border-color:
            #1bcf56 !important;

        box-shadow:
            0 0 0 4px
            rgba(27, 207, 86, .10)
            !important;

    }


    /* ------------------------------------------------------
       CTA + SBP
       ------------------------------------------------------ */

    #cart-modal.cart-auth-first-modal
    .guest-checkout-submit {

        position:
            relative !important;

        display:
            inline-flex !important;

        align-items:
            center !important;

        justify-content:
            center !important;

        gap:
            9px !important;

        width:
            100% !important;

        height:
            54px !important;

        min-height:
            54px !important;

        margin:
            0 !important;

        padding:
            0 18px !important;

        border:
            0 !important;

        border-radius:
            14px !important;

        background:
            #18cf59 !important;

        color:
            #ffffff !important;

        font-size:
            15.5px !important;

        line-height:
            1 !important;


        /*
         * Было 850.
         * По запросу -100.
         */

        font-weight:
            750 !important;


        letter-spacing:
            -.012em !important;

        box-shadow:
            0 11px 27px
            rgba(24, 207, 89, .20)
            !important;

        cursor:
            pointer !important;

        transition:
            background-color .15s ease,
            transform .15s ease,
            box-shadow .15s ease
            !important;

    }


    #cart-modal.cart-auth-first-modal
    .guest-checkout-submit::before {

        content:
            "" !important;

        display:
            block !important;

        flex:
            0 0 25px !important;

        width:
            25px !important;

        height:
            25px !important;

        margin:
            0 !important;

        background-image:
            url("/static/assets/SBP.svg")
            !important;

        background-repeat:
            no-repeat !important;

        background-position:
            center !important;

        background-size:
            contain !important;

        pointer-events:
            none !important;

    }


    #cart-modal.cart-auth-first-modal
    .guest-checkout-submit:hover {

        background:
            #14bd50 !important;

        transform:
            translateY(-1px) !important;

        box-shadow:
            0 14px 30px
            rgba(24, 207, 89, .23)
            !important;

    }


    #cart-modal.cart-auth-first-modal
    .guest-checkout-submit:active {

        transform:
            none !important;

    }


    #cart-modal.cart-auth-first-modal
    .guest-checkout-submit:disabled {

        opacity:
            .80 !important;

        cursor:
            wait !important;

        transform:
            none !important;

    }


    /* ------------------------------------------------------
       QUIET TRUST LINE
       ------------------------------------------------------ */

    #cart-modal.cart-auth-first-modal
    .cart-auth-required-card::after {

        content:
            "🔒 Безопасная оплата через СБП";

        display:
            block !important;

        margin:
            10px 0 0 !important;

        color:
            #727d76 !important;

        font-size:
            11.5px !important;

        line-height:
            1.35 !important;

        font-weight:
            650 !important;

        text-align:
            center !important;

    }

}


/*
 * Мобильный guest checkout специально пока
 * не редизайним этим патчем.
 */

@media (max-width: 700px) {

    #cart-modal.cart-auth-first-modal
    .guest-checkout-submit::before {

        content:
            none !important;

        display:
            none !important;

    }

}


/* WEBEGE GUEST CART V2.58 END */

/* WEBEGE UNIFIED CART CHECKOUT V2.60 START */


/*
 * Один #cart-modal.
 *
 * Desktop имеет два состояния:
 *
 * .cart-authenticated-modal
 *     -> баланс / top-up / authenticated checkout
 *
 * .cart-auth-first-modal
 *     -> guest email checkout
 *
 * Общая оболочка, список товаров, total,
 * thumbnails, drawer и scrollbar — одни и те же.
 */


/* ==========================================================
   DESKTOP
   ========================================================== */

@media (min-width: 701px) {


    /* ------------------------------------------------------
       GUEST STATUS = ERROR ONLY

       Pending и success теперь отображаются только CTA.
       Поэтому если этот блок видим — это реальная ошибка.
       ------------------------------------------------------ */

    #cart-modal.cart-auth-first-modal
    .guest-checkout-status.hidden {

        display:
            none !important;

    }


    #cart-modal.cart-auth-first-modal
    .guest-checkout-status:not(.hidden) {

        display:
            block !important;

        margin:
            10px 0 0 !important;

        padding:
            11px 13px !important;

        border:
            1px solid
            rgba(190, 48, 48, .18)
            !important;

        border-radius:
            12px !important;

        background:
            #fff7f7 !important;

        box-shadow:
            none !important;

        text-align:
            left !important;

    }


    #cart-modal.cart-auth-first-modal
    .guest-checkout-status:not(.hidden)
    p {

        margin:
            0 !important;

        color:
            #a53a3a !important;

        font-size:
            12.5px !important;

        line-height:
            1.45 !important;

        font-weight:
            650 !important;

    }


    /* ------------------------------------------------------
       FREE GUEST ORDER

       СБП здесь вообще не относится к действию.
       ------------------------------------------------------ */

    #cart-modal.cart-auth-first-modal
    .guest-checkout-submit.is-free::before {

        content:
            none !important;

        display:
            none !important;

    }


    #cart-modal.cart-auth-first-modal
    .cart-auth-required-card.is-free::after {

        content:
            none !important;

        display:
            none !important;

    }


    /* ------------------------------------------------------
       Explicit mode sanity
       ------------------------------------------------------ */

    #cart-modal.cart-authenticated-modal
    .guest-checkout-form,

    #cart-modal.cart-authenticated-modal
    .cart-auth-required-box {

        display:
            none !important;

    }

}


/* WEBEGE UNIFIED CART CHECKOUT V2.60 END */

/* WEBEGE MOBILE CART BOTTOM SHEET V2.62B START */

@media (max-width: 700px) {


    /* ======================================================
       MODAL -> BOTTOM SHEET
       ====================================================== */

    #cart-modal.cart-modal {

        display:
            flex !important;

        align-items:
            flex-end !important;

        justify-content:
            stretch !important;

        padding:
            0 !important;

        overflow:
            hidden !important;

    }


    #cart-modal.cart-modal.hidden {

        display:
            none !important;

    }


    #cart-modal
    .cart-modal-backdrop {

        background:
            rgba(5, 12, 8, .42) !important;

        backdrop-filter:
            none !important;

        -webkit-backdrop-filter:
            none !important;

    }


    #cart-modal
    .cart-modal-card {

        position:
            relative !important;

        display:
            flex !important;

        flex-direction:
            column !important;

        width:
            100% !important;

        max-width:
            none !important;

        max-height:
            92vh !important;

        max-height:
            92dvh !important;

        min-height:
            0 !important;

        margin:
            0 !important;

        padding:
            29px 14px
            calc(
                14px +
                env(safe-area-inset-bottom)
            )
            !important;

        overflow:
            hidden !important;

        border-radius:
            26px 26px 0 0 !important;

        background:
            #fff !important;

        box-shadow:
            0 -18px 55px
            rgba(5, 12, 8, .16)
            !important;

        animation:
            webegeCartSheetV262B
            .25s
            cubic-bezier(.2,.8,.2,1)
            both !important;

        box-sizing:
            border-box !important;

    }


    #cart-modal
    .cart-modal-card::before {

        content:
            "" !important;

        position:
            absolute !important;

        top:
            8px !important;

        left:
            50% !important;

        width:
            38px !important;

        height:
            4px !important;

        border-radius:
            999px !important;

        background:
            #d8deda !important;

        transform:
            translateX(-50%) !important;

        pointer-events:
            none !important;

    }


    @keyframes webegeCartSheetV262B {

        from {
            opacity: 0;
            transform: translateY(30px);
        }

        to {
            opacity: 1;
            transform: translateY(0);
        }

    }


    /* ======================================================
       HEADER
       ====================================================== */

    #cart-modal
    .cart-modal-card
    > .section-kicker {

        order:
            0 !important;

        flex:
            0 0 auto !important;

        margin:
            0 46px 0 1px !important;

        padding:
            0 !important;

        min-height:
            29px !important;

        border:
            0 !important;

        background:
            transparent !important;

        color:
            #121713 !important;

        font-size:
            25px !important;

        line-height:
            1.12 !important;

        font-weight:
            900 !important;

        letter-spacing:
            -.035em !important;

        text-transform:
            none !important;

    }


    #cart-modal
    .cart-items-count {

        order:
            1 !important;

        flex:
            0 0 auto !important;

        margin:
            1px 46px 10px 1px !important;

        color:
            #858e88 !important;

        font-size:
            12.5px !important;

        line-height:
            1.35 !important;

        font-weight:
            650 !important;

    }


    #cart-modal
    .cart-modal-card
    > h2 {

        display:
            none !important;

    }


    #cart-modal
    .cart-modal-close {

        position:
            absolute !important;

        top:
            20px !important;

        right:
            14px !important;

        width:
            36px !important;

        height:
            36px !important;

        border:
            0 !important;

        border-radius:
            50% !important;

        background:
            #f1f4f2 !important;

        color:
            #252d28 !important;

        font-size:
            23px !important;

        line-height:
            1 !important;

        box-shadow:
            none !important;

        z-index:
            10 !important;

    }


    /* ======================================================
       ITEMS — ONLY THIS AREA SCROLLS
       ====================================================== */

    #cart-modal
    .cart-items {

        order:
            2 !important;

        flex:
            1 1 auto !important;

        min-height:
            68px !important;

        margin:
            0 !important;

        padding:
            1px 1px 8px 0 !important;

        gap:
            8px !important;

        overflow-x:
            hidden !important;

        overflow-y:
            auto !important;

        overscroll-behavior:
            contain !important;

        -webkit-overflow-scrolling:
            touch !important;

        scrollbar-width:
            none !important;

    }


    #cart-modal
    .cart-items::-webkit-scrollbar {

        display:
            none !important;

    }


    #cart-modal
    .cart-item {

        display:
            grid !important;

        grid-template-columns:
            52px
            minmax(0, 1fr)
            auto !important;

        align-items:
            center !important;

        width:
            100% !important;

        min-width:
            0 !important;

        gap:
            10px !important;

        margin:
            0 !important;

        padding:
            10px !important;

        border:
            1px solid
            #e7ede9 !important;

        border-radius:
            15px !important;

        background:
            #fff !important;

        box-shadow:
            none !important;

        box-sizing:
            border-box !important;

    }


    #cart-modal
    .cart-item-thumb {

        display:
            flex !important;

        align-items:
            center !important;

        justify-content:
            center !important;

        width:
            52px !important;

        height:
            52px !important;

        min-width:
            52px !important;

        overflow:
            hidden !important;

        border-radius:
            11px !important;

        background:
            #f3f6f4 !important;

    }


    #cart-modal
    .cart-item-thumb img {

        display:
            block !important;

        width:
            100% !important;

        height:
            100% !important;

        object-fit:
            cover !important;

    }


    #cart-modal
    .cart-item-thumb svg {

        width:
            24px !important;

        height:
            24px !important;

    }


    #cart-modal
    .cart-item-main {

        min-width:
            0 !important;

    }


    #cart-modal
    .cart-item h3 {

        display:
            -webkit-box !important;

        margin:
            0 0 3px !important;

        overflow:
            hidden !important;

        color:
            #171d19 !important;

        font-size:
            14px !important;

        line-height:
            1.28 !important;

        font-weight:
            800 !important;

        letter-spacing:
            -.012em !important;

        white-space:
            normal !important;

        -webkit-line-clamp:
            2 !important;

        -webkit-box-orient:
            vertical !important;

    }


    #cart-modal
    .cart-item p {

        margin:
            0 !important;

        overflow:
            hidden !important;

        color:
            #858d88 !important;

        font-size:
            11.5px !important;

        line-height:
            1.35 !important;

        font-weight:
            550 !important;

        white-space:
            nowrap !important;

        text-overflow:
            ellipsis !important;

    }


    #cart-modal
    .cart-item-side {

        display:
            flex !important;

        flex-direction:
            column !important;

        align-items:
            flex-end !important;

        justify-content:
            center !important;

        width:
            auto !important;

        min-width:
            64px !important;

        gap:
            5px !important;

    }


    #cart-modal
    .cart-item-side strong {

        color:
            #182019 !important;

        font-size:
            13.5px !important;

        line-height:
            1.1 !important;

        font-weight:
            850 !important;

        white-space:
            nowrap !important;

    }


    #cart-modal
    .cart-item-side button {

        width:
            auto !important;

        padding:
            2px 0 !important;

        color:
            #939b96 !important;

        font-size:
            11px !important;

        font-weight:
            650 !important;

    }


    /* ======================================================
       TOTAL
       ====================================================== */

    #cart-modal
    .cart-total {

        order:
            3 !important;

        flex:
            0 0 auto !important;

        display:
            flex !important;

        align-items:
            center !important;

        justify-content:
            space-between !important;

        min-height:
            43px !important;

        margin:
            2px 0 0 !important;

        padding:
            10px 2px 7px !important;

        border-top:
            1px solid
            #edf1ee !important;

        border-radius:
            0 !important;

        background:
            transparent !important;

    }


    #cart-modal
    .cart-total span {

        color:
            #5f6862 !important;

        font-size:
            13.5px !important;

        font-weight:
            700 !important;

    }


    #cart-modal
    .cart-total strong {

        color:
            #151b17 !important;

        font-size:
            20px !important;

        line-height:
            1 !important;

        font-weight:
            900 !important;

        letter-spacing:
            -.025em !important;

    }


    /* ======================================================
       AUTH: BALANCE
       ====================================================== */

    #cart-modal.cart-authenticated-modal
    .cart-balance-display {

        order:
            4 !important;

        flex:
            0 0 auto !important;

        display:
            flex !important;

        align-items:
            center !important;

        justify-content:
            space-between !important;

        min-height:
            33px !important;

        margin:
            0 !important;

        padding:
            2px 2px 7px !important;

        border:
            0 !important;

        border-radius:
            0 !important;

        background:
            transparent !important;

        box-shadow:
            none !important;

    }


    #cart-modal.cart-authenticated-modal
    .cart-balance-display span {

        color:
            #7c857f !important;

        font-size:
            12.5px !important;

        font-weight:
            650 !important;

    }


    #cart-modal.cart-authenticated-modal
    .cart-balance-display strong {

        color:
            #39423d !important;

        font-size:
            14px !important;

        font-weight:
            800 !important;

    }


    /* ======================================================
       AUTH: TOPUP
       ====================================================== */

    #cart-modal.cart-authenticated-modal
    .cart-inline-topup {

        order:
            5 !important;

        flex:
            0 0 auto !important;

        position:
            relative !important;

        overflow:
            visible !important;

        margin:
            2px 0 0 !important;

        padding:
            12px !important;

        border:
            1px solid
            #d9ebdf !important;

        border-radius:
            15px !important;

        background:
            #f2faf4 !important;

        box-shadow:
            none !important;

    }


    #cart-modal.cart-authenticated-modal
    .cart-inline-topup::before {

        content:
            none !important;

        display:
            none !important;

    }


    #cart-modal.cart-authenticated-modal
    .cart-inline-topup-head {

        display:
            flex !important;

        align-items:
            center !important;

        justify-content:
            space-between !important;

        gap:
            12px !important;

        margin:
            0 0 5px !important;

    }


    #cart-modal.cart-authenticated-modal
    .cart-inline-topup-head span {

        font-size:
            0 !important;

    }


    #cart-modal.cart-authenticated-modal
    .cart-inline-topup-head span::after {

        content:
            "К пополнению";

        color:
            #344039 !important;

        font-size:
            13px !important;

        font-weight:
            750 !important;

    }


    #cart-modal.cart-authenticated-modal
    .cart-inline-topup-head strong {

        color:
            #169448 !important;

        font-size:
            18px !important;

        line-height:
            1 !important;

        font-weight:
            900 !important;

    }


    #cart-modal.cart-authenticated-modal
    .cart-inline-topup
    > p {

        margin:
            0 0 10px !important;

        color:
            #77817a !important;

        font-size:
            11.5px !important;

        line-height:
            1.4 !important;

        font-weight:
            550 !important;

    }


    #cart-modal.cart-authenticated-modal
    .cart-inline-topup-form
    label {

        position:
            absolute !important;

        width:
            1px !important;

        height:
            1px !important;

        margin:
            -1px !important;

        padding:
            0 !important;

        overflow:
            hidden !important;

        clip:
            rect(0 0 0 0) !important;

        white-space:
            nowrap !important;

        opacity:
            0 !important;

        pointer-events:
            none !important;

    }


    #cart-modal.cart-authenticated-modal
    .cart-inline-topup-form {

        display:
            block !important;

        width:
            100% !important;

        margin:
            0 !important;

    }


    #cart-modal.cart-authenticated-modal
    .cart-inline-topup-form
    > button[type="submit"] {

        display:
            inline-flex !important;

        align-items:
            center !important;

        justify-content:
            center !important;

        gap:
            8px !important;

        width:
            100% !important;

        height:
            52px !important;

        min-height:
            52px !important;

        margin:
            0 !important;

        padding:
            0 15px !important;

        border:
            0 !important;

        border-radius:
            13px !important;

        background:
            #18cf59 !important;

        color:
            #fff !important;

        font-size:
            15px !important;

        font-weight:
            800 !important;

        box-shadow:
            0 9px 22px
            rgba(24,207,89,.18)
            !important;

    }


    #cart-modal.cart-authenticated-modal
    .cart-inline-topup-form
    > button[type="submit"]::before {

        content:
            "" !important;

        display:
            block !important;

        flex:
            0 0 24px !important;

        width:
            24px !important;

        height:
            24px !important;

        background:
            url("/static/assets/SBP.svg")
            center /
            contain
            no-repeat !important;

    }


    /*
     * V2.48 handles normal loading/ready states
     * directly inside the main button.
     */

    #cart-modal.cart-authenticated-modal
    .cart-inline-topup-result {

        display:
            none !important;

    }


    #cart-modal.cart-authenticated-modal
    .cart-inline-topup::after {

        content:
            "🔒 Безопасная оплата через СБП";

        display:
            block !important;

        margin:
            8px 0 0 !important;

        color:
            #727d76 !important;

        font-size:
            10.5px !important;

        line-height:
            1.3 !important;

        font-weight:
            650 !important;

        text-align:
            center !important;

    }


    /* Enough balance */

    #cart-modal.cart-authenticated-modal
    .cart-checkout-btn {

        order:
            6 !important;

        flex:
            0 0 auto !important;

        width:
            100% !important;

        min-height:
            52px !important;

        margin:
            5px 0 0 !important;

        border:
            0 !important;

        border-radius:
            13px !important;

        background:
            #18cf59 !important;

        color:
            #fff !important;

        font-size:
            15px !important;

        font-weight:
            800 !important;

        box-shadow:
            0 9px 22px
            rgba(24,207,89,.18)
            !important;

    }


    /* ======================================================
       GUEST
       ====================================================== */

    #cart-modal.cart-auth-first-modal
    .cart-auth-required-box {

        order:
            4 !important;

        flex:
            0 0 auto !important;

        width:
            100% !important;

        margin:
            2px 0 0 !important;

        padding:
            0 !important;

    }


    #cart-modal.cart-auth-first-modal
    .cart-auth-required-card {

        width:
            100% !important;

        margin:
            0 !important;

        padding:
            13px !important;

        border:
            1px solid
            #e1e8e3 !important;

        border-radius:
            15px !important;

        background:
            #f7faf8 !important;

        box-shadow:
            none !important;

    }


    #cart-modal.cart-auth-first-modal
    .cart-auth-required-card h3 {

        margin:
            0 0 4px !important;

        color:
            #182019 !important;

        font-size:
            15px !important;

        line-height:
            1.25 !important;

        font-weight:
            850 !important;

        text-align:
            center !important;

    }


    #cart-modal.cart-auth-first-modal
    .cart-auth-required-card
    > p {

        max-width:
            330px !important;

        margin:
            0 auto 11px !important;

        color:
            #7b847e !important;

        font-size:
            11.5px !important;

        line-height:
            1.4 !important;

        font-weight:
            550 !important;

        text-align:
            center !important;

    }


    #cart-modal.cart-auth-first-modal
    .guest-checkout-form {

        display:
            flex !important;

        flex-direction:
            column !important;

        gap:
            8px !important;

        width:
            100% !important;

        margin:
            0 !important;

    }


    /*
     * 16px prevents Safari input autofocus zoom.
     */

    #cart-modal.cart-auth-first-modal
    .guest-checkout-email {

        width:
            100% !important;

        height:
            48px !important;

        min-height:
            48px !important;

        margin:
            0 !important;

        padding:
            0 13px !important;

        border:
            1px solid
            #dce4df !important;

        border-radius:
            12px !important;

        background:
            #fff !important;

        color:
            #172019 !important;

        font-size:
            16px !important;

        font-weight:
            600 !important;

        box-shadow:
            none !important;

        outline:
            none !important;

        box-sizing:
            border-box !important;

    }


    #cart-modal.cart-auth-first-modal
    .guest-checkout-email:focus {

        border-color:
            #1bcf56 !important;

        box-shadow:
            0 0 0 3px
            rgba(27,207,86,.10)
            !important;

    }


    #cart-modal.cart-auth-first-modal
    .guest-checkout-submit {

        display:
            inline-flex !important;

        align-items:
            center !important;

        justify-content:
            center !important;

        gap:
            8px !important;

        width:
            100% !important;

        height:
            52px !important;

        min-height:
            52px !important;

        margin:
            0 !important;

        padding:
            0 14px !important;

        border:
            0 !important;

        border-radius:
            13px !important;

        background:
            #18cf59 !important;

        color:
            #fff !important;

        font-size:
            14.5px !important;

        font-weight:
            750 !important;

        box-shadow:
            0 9px 22px
            rgba(24,207,89,.18)
            !important;

    }


    /*
     * Overrides old V2.58 mobile rule.
     */

    #cart-modal.cart-auth-first-modal
    .guest-checkout-submit:not(.is-free)::before {

        content:
            "" !important;

        display:
            block !important;

        flex:
            0 0 24px !important;

        width:
            24px !important;

        height:
            24px !important;

        background:
            url("/static/assets/SBP.svg")
            center /
            contain
            no-repeat !important;

    }


    #cart-modal.cart-auth-first-modal
    .guest-checkout-submit.is-free::before {

        content:
            none !important;

        display:
            none !important;

    }


    #cart-modal.cart-auth-first-modal
    .cart-auth-required-card:not(.is-free)::after {

        content:
            "🔒 Безопасная оплата через СБП";

        display:
            block !important;

        margin:
            8px 0 0 !important;

        color:
            #727d76 !important;

        font-size:
            10.5px !important;

        font-weight:
            650 !important;

        text-align:
            center !important;

    }


    #cart-modal.cart-auth-first-modal
    .cart-auth-required-card.is-free::after {

        content:
            none !important;

        display:
            none !important;

    }


    /* Only REAL errors are visible. */

    #cart-modal.cart-auth-first-modal
    .guest-checkout-status.hidden {

        display:
            none !important;

    }


    #cart-modal.cart-auth-first-modal
    .guest-checkout-status:not(.hidden) {

        display:
            block !important;

        margin:
            8px 0 0 !important;

        padding:
            9px 11px !important;

        border:
            1px solid
            rgba(190,48,48,.18)
            !important;

        border-radius:
            11px !important;

        background:
            #fff7f7 !important;

    }


    #cart-modal.cart-auth-first-modal
    .guest-checkout-status:not(.hidden)
    p {

        margin:
            0 !important;

        color:
            #a53a3a !important;

        font-size:
            11.5px !important;

        line-height:
            1.4 !important;

        font-weight:
            650 !important;

    }


    /* ======================================================
       EMPTY
       ====================================================== */

    #cart-modal
    .cart-empty {

        order:
            2 !important;

        flex:
            1 1 auto !important;

        display:
            flex !important;

        flex-direction:
            column !important;

        align-items:
            center !important;

        justify-content:
            center !important;

        min-height:
            230px !important;

        padding:
            24px 12px !important;

        text-align:
            center !important;

    }

}


/* Small phones */

@media (max-width: 380px) {

    #cart-modal
    .cart-modal-card {

        padding-left:
            11px !important;

        padding-right:
            11px !important;

    }


    #cart-modal
    .cart-item {

        grid-template-columns:
            46px
            minmax(0, 1fr)
            auto !important;

        gap:
            8px !important;

        padding:
            9px !important;

    }


    #cart-modal
    .cart-item-thumb {

        width:
            46px !important;

        height:
            46px !important;

        min-width:
            46px !important;

    }


    #cart-modal
    .cart-item h3 {

        font-size:
            13.5px !important;

    }

}


@media
(prefers-reduced-motion: reduce)
and
(max-width: 700px) {

    #cart-modal
    .cart-modal-card {

        animation:
            none !important;

    }

}


/* WEBEGE MOBILE CART BOTTOM SHEET V2.62B END */

/* WEBEGE MOBILE CART HEADER V2.63 START */

@media (max-width: 700px) {


    /*
     * Более компактная верхняя часть sheet.
     */

    #cart-modal
    .cart-modal-card {

        padding-top:
            27px !important;

    }


    /*
     * "Корзина" — слева, а не по центру.
     */

    #cart-modal
    .cart-modal-card
    > .section-kicker {

        display:
            block !important;

        width:
            auto !important;

        min-height:
            27px !important;

        margin:
            0 52px 0 2px !important;

        padding:
            0 !important;

        color:
            #151b17 !important;

        font-size:
            23px !important;

        line-height:
            1.15 !important;

        font-weight:
            850 !important;

        letter-spacing:
            -.025em !important;

        text-align:
            left !important;

        justify-content:
            flex-start !important;

        align-items:
            flex-start !important;

    }


    /*
     * Количество курсов прямо под заголовком.
     */

    #cart-modal
    .cart-items-count {

        display:
            block !important;

        width:
            auto !important;

        min-height:
            17px !important;

        margin:
            2px 52px 11px 2px !important;

        padding:
            0 !important;

        color:
            #8a928d !important;

        font-size:
            12px !important;

        line-height:
            1.3 !important;

        font-weight:
            650 !important;

        text-align:
            left !important;

    }


    /*
     * Крестик остаётся справа,
     * но чуть лучше совпадает с новым header.
     */

    #cart-modal
    .cart-modal-close {

        top:
            23px !important;

        right:
            14px !important;

        width:
            36px !important;

        height:
            36px !important;

    }

}


/* WEBEGE MOBILE CART HEADER V2.63 END */

/* WEBEGE MOBILE CART TITLE FIX V2.63.1 START */

@media (max-width: 700px) {

    /*
     * Полностью убираем старую section-kicker плашку.
     * На mobile это теперь обычный текстовый заголовок.
     */

    #cart-modal
    .cart-modal-card
    > .section-kicker {

        display:
            block !important;

        position:
            static !important;

        width:
            auto !important;

        max-width:
            none !important;

        min-width:
            0 !important;

        min-height:
            auto !important;

        height:
            auto !important;

        margin:
            0 52px 0 2px !important;

        padding:
            0 !important;

        background:
            transparent !important;

        background-image:
            none !important;

        border:
            0 !important;

        border-radius:
            0 !important;

        box-shadow:
            none !important;

        outline:
            0 !important;

        overflow:
            visible !important;

        color:
            #151b17 !important;

        font-size:
            23px !important;

        line-height:
            1.15 !important;

        font-weight:
            850 !important;

        letter-spacing:
            -.025em !important;

        text-align:
            left !important;

        text-transform:
            none !important;

        opacity:
            1 !important;

    }


    /*
     * На случай, если старая плашка рисовалась
     * псевдоэлементами.
     */

    #cart-modal
    .cart-modal-card
    > .section-kicker::before,

    #cart-modal
    .cart-modal-card
    > .section-kicker::after {

        content:
            none !important;

        display:
            none !important;

        background:
            none !important;

        box-shadow:
            none !important;

    }

}

/* WEBEGE MOBILE CART TITLE FIX V2.63.1 END */