/* quick_order_mobile_clean.css */
/* Отвечает только за mobile <= 900px */

@media (max-width: 900px) {
    body.quick-order-page {
        padding-bottom: 96px !important;
        background: #f4f6f8 !important;
    }

    .quick-order-page .bb-qo-actions-clean {
        margin: 14px auto 14px !important;
        padding: 0 14px !important;
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 10px !important;
        position: relative !important;
        z-index: 40 !important;
    }

    .quick-order-page .bb-qo-actions-clean__btn {
        width: 100% !important;
        min-height: 48px !important;
        border-radius: 16px !important;
        border: 1px solid #dbe3ef !important;
        background: #ffffff !important;
        color: #111827 !important;
        font-size: 15px !important;
        font-weight: 900 !important;
        box-shadow: 0 8px 18px rgba(15, 23, 42, .06) !important;
    }

    .quick-order-page .bb-qo-actions-clean__btn--primary {
        border-color: #dc2626 !important;
        background: linear-gradient(180deg, #ef4444 0%, #dc2626 100%) !important;
        color: #ffffff !important;
        box-shadow: 0 14px 28px rgba(220, 38, 38, .22) !important;
    }

    .quick-order-page .bb-live-form.js-live-filter {
        position: relative !important;
        top: auto !important;
        z-index: 20 !important;
        margin: 0 14px 16px !important;
        padding: 16px !important;
        border-radius: 24px !important;
        background: #ffffff !important;
        border: 1px solid #e2e8f0 !important;
        box-shadow: 0 14px 32px rgba(15, 23, 42, .08) !important;
    }

    .quick-order-page .bb-checkout-bottom {
        display: none !important;
    }

    .quick-order-page .bb-mobile-checkout-bar,
    .quick-order-page #bb-mobile-checkout-bar {
        position: fixed !important;
        left: 10px !important;
        right: 10px !important;
        bottom: 10px !important;
        z-index: 120 !important;
        min-height: 74px !important;
        padding: 12px 12px !important;
        border-radius: 22px !important;
        background: linear-gradient(180deg, #101827 0%, #071225 100%) !important;
        border: 1px solid rgba(255,255,255,.10) !important;
        box-shadow: 0 18px 42px rgba(2, 8, 23, .30) !important;
    }

    .quick-order-page .bb-mobile-back-top {
        display: none;
        position: fixed;
        right: 14px;
        bottom: 98px;
        z-index: 130;
        width: 50px;
        height: 50px;
        border: 0;
        border-radius: 999px;
        background: #ffffff;
        color: #111827;
        font-size: 24px;
        font-weight: 900;
        box-shadow: 0 16px 34px rgba(15, 23, 42, .18);
        cursor: pointer;
    }

    .quick-order-page .bb-mobile-back-top.is-visible {
        display: inline-flex;
        align-items: center;
        justify-content: center;
    }

    .quick-order-page .bb-legal-consents {
        margin-top: 16px !important;
        padding: 16px 14px !important;
        border-radius: 22px !important;
        background: #ffffff !important;
        border: 1px solid #e2e8f0 !important;
        box-shadow: 0 12px 28px rgba(15, 23, 42, .08) !important;
    }

    .quick-order-page .bb-legal-consents label,
    .quick-order-page .bb-legal-consents .bb-legal-consent,
    .quick-order-page .bb-legal-consents .consent-row {
        display: grid !important;
        grid-template-columns: 26px minmax(0, 1fr) !important;
        gap: 10px !important;
        align-items: start !important;
        margin: 0 !important;
        padding: 9px 0 !important;
        color: #475569 !important;
        font-size: 14px !important;
        line-height: 1.45 !important;
    }

    .quick-order-page .bb-legal-consents input[type="checkbox"] {
        width: 24px !important;
        height: 24px !important;
        margin: 1px 0 0 !important;
        accent-color: #dc2626 !important;
    }

    .quick-order-page .bb-legal-consents a {
        color: #dc2626 !important;
        font-weight: 900 !important;
        text-decoration: none !important;
    }
}