@media (max-width: 768px) {
    body.gc-mobile-doctor-toolbars.gc-mobile-doctor-toolbars-active {
        padding-top: calc(var(--gc-doctor-body-top, 0px) + var(--gc-doctor-header-height, 68px));
        padding-bottom: calc(var(--gc-doctor-body-bottom, 0px) + var(--gc-doctor-dock-height, 0px) + var(--gc-doctor-floating-height, 0px) + 16px);
    }

    body.gc-mobile-doctor-toolbars.gc-mobile-doctor-toolbars-active .header {
        position: relative;
        top: auto !important;
        height: 0;
        margin: 0;
        padding: 0;
    }

    body.gc-mobile-doctor-toolbars.gc-mobile-doctor-toolbars-active #header-search,
    body.gc-mobile-doctor-toolbars.gc-mobile-doctor-toolbars-active main > .breadcrumb {
        display: none;
    }

    body.gc-mobile-doctor-toolbars.gc-mobile-doctor-toolbars-active #header-menu {
        position: fixed;
        top: 0;
        right: 0;
        left: 0;
        width: 100%;
        padding-top: env(safe-area-inset-top, 0px);
        background: #fff;
        box-shadow: 0 3px 12px rgba(73, 68, 98, .06);
        transform: translateY(0);
        transition: transform .24s ease;
    }

    body.gc-mobile-doctor-toolbars-active.gc-mobile-doctor-header-hidden #header-menu {
        transform: translateY(-100%);
    }

    body.gc-mobile-doctor-toolbars.gc-mobile-doctor-toolbars-active #header-menu .header__row {
        gap: 16px;
        min-height: 64px;
        padding-top: 8px;
        padding-bottom: 8px;
    }

    body.gc-mobile-doctor-toolbars.gc-mobile-doctor-toolbars-active #header-menu .header__logo {
        width: 240px;
        max-width: calc(100% - 60px);
        flex: 0 1 240px;
    }

    body.gc-mobile-doctor-toolbars.gc-mobile-doctor-toolbars-active #header-menu .header__buttons_mobile {
        display: flex;
        flex: 0 0 44px;
        justify-content: flex-end;
        align-items: center;
    }

    body.gc-mobile-doctor-toolbars.gc-mobile-doctor-toolbars-active #header-menu .header__buttons_mobile .empty {
        display: none;
    }

    body.gc-mobile-doctor-toolbars.gc-mobile-doctor-toolbars-active #header-menu .js-open-menu {
        width: 44px;
        min-height: 44px;
        display: flex;
        align-items: center;
        justify-content: flex-end;
    }

    body.gc-mobile-doctor-toolbars.gc-mobile-doctor-toolbars-active .expert-detail .expert__timetable_wrapper {
        scroll-margin-top: calc(var(--gc-doctor-header-height, 68px) + 16px);
        scroll-margin-bottom: calc(var(--gc-doctor-dock-height, 0px) + var(--gc-doctor-floating-height, 0px) + 16px);
    }

    body.gc-mobile-doctor-toolbars.gc-mobile-doctor-dock-visible .footer__btns {
        bottom: calc(var(--gc-doctor-dock-height, 0px) + 10px);
    }

    body.gc-mobile-doctor-toolbars.gc-mobile-doctor-has-dock .footer__btns > .fixed-call-button {
        visibility: hidden;
    }

    body.gc-mobile-doctor-toolbars.gc-mobile-doctor-toolbars-active .mobile-contact-block {
        display: block;
    }

    body.gc-mobile-doctor-toolbars .gc-doctor-booking-bar {
        position: fixed;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 4;
        display: grid;
        grid-template-columns: 140px minmax(0, 1fr);
        align-items: center;
        min-height: 96px;
        gap: 12px;
        padding: 12px max(16px, env(safe-area-inset-right, 0px)) calc(12px + env(safe-area-inset-bottom, 0px)) max(16px, env(safe-area-inset-left, 0px));
        border-top: 1px solid #d6e5f2;
        background: #fff;
        box-shadow: 0 -4px 18px rgba(73, 68, 98, .08);
        color: #494462;
        font-family: 'Manrope', sans-serif;
        line-height: 1.35;
        transform: translateY(calc(100% + 16px));
        opacity: 0;
        visibility: hidden;
        pointer-events: none;
        transition: transform .24s ease, opacity .2s ease, visibility 0s linear .24s;
    }

    body.gc-mobile-doctor-toolbars.gc-mobile-doctor-dock-visible .gc-doctor-booking-bar {
        transform: translateY(0);
        opacity: 1;
        visibility: visible;
        pointer-events: auto;
        transition-delay: 0s;
    }

    body.gc-mobile-doctor-toolbars .gc-doctor-booking-bar[hidden] {
        display: none;
    }

    body.gc-mobile-doctor-toolbars .gc-doctor-booking-bar__summary {
        min-width: 0;
    }

    body.gc-mobile-doctor-toolbars .gc-doctor-booking-bar__actions {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        min-width: 0;
        align-items: center;
        gap: 8px;
    }

    body.gc-mobile-doctor-toolbars .gc-doctor-booking-bar__label {
        margin-bottom: 4px;
        font-size: 11px;
        line-height: 1.35;
        white-space: nowrap;
    }

    body.gc-mobile-doctor-toolbars .gc-doctor-booking-bar__discount {
        color: #365c2b;
        font-weight: 700;
    }

    body.gc-mobile-doctor-toolbars .gc-doctor-booking-bar__price {
        display: flex;
        align-items: baseline;
        flex-wrap: nowrap;
        gap: 4px;
    }

    body.gc-mobile-doctor-toolbars.gc-mobile-doctor-toolbars-active .gc-doctor-booking-bar__summary > .gc-doctor-countdown {
        flex-wrap: nowrap;
        gap: 3px;
        margin-top: 3px;
        font-size: 11px;
        white-space: nowrap;
    }

    body.gc-mobile-doctor-toolbars.gc-mobile-doctor-toolbars-active .gc-doctor-booking-bar__summary .gc-doctor-countdown__value {
        letter-spacing: 0;
    }

    body.gc-mobile-doctor-toolbars .gc-doctor-booking-bar__current {
        font-size: 22px;
        line-height: 1.2;
        font-weight: 700;
        white-space: nowrap;
    }

    body.gc-mobile-doctor-toolbars .gc-doctor-booking-bar__old {
        color: #83818d;
        font-size: 11px;
        text-decoration: line-through;
        white-space: nowrap;
    }

    body.gc-mobile-doctor-toolbars .gc-doctor-booking-bar__button,
    body.gc-mobile-doctor-toolbars .gc-doctor-booking-bar__call {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;
        min-width: 0;
        min-height: 54px;
        max-width: none;
        gap: 6px;
        padding: 8px;
        border: 0;
        border-radius: 13px;
        background: #73b3ff;
        color: #243f60;
        font-size: 12px;
        line-height: 1.3;
        font-weight: 700;
        text-align: center;
        text-decoration: none;
        white-space: nowrap;
        cursor: pointer;
    }

    body.gc-mobile-doctor-toolbars .gc-doctor-booking-bar__button {
        grid-column: 2;
    }

    body.gc-mobile-doctor-toolbars .gc-doctor-booking-bar__call {
        grid-column: 1;
        background: #77c75b;
        color: #fff;
        text-transform: none;
        font-size: 0;
        gap: 0;
    }

    body.gc-mobile-doctor-toolbars .gc-doctor-booking-bar__call::before {
        flex: 0 0 22px;
        width: 22px;
        height: 22px;
        background-size: contain;
        margin-right: 6px;
    }

    body.gc-mobile-doctor-toolbars .gc-doctor-booking-bar__call::after {
        content: 'Звонок';
        font-size: 12px;
        line-height: 1.3;
    }

    body.gc-mobile-doctor-toolbars .gc-doctor-booking-bar__call > .btn__blick,
    body.gc-mobile-doctor-toolbars .gc-doctor-booking-bar__call.fixed-call-button-hide {
        display: none;
    }

    body.gc-mobile-doctor-toolbars .gc-doctor-booking-bar__calendar {
        display: block;
        position: relative;
        flex: 0 0 22px;
        width: 22px;
        height: 22px;
        border: 2px solid currentColor;
        border-radius: 4px;
        box-sizing: border-box;
    }

    body.gc-mobile-doctor-toolbars .gc-doctor-booking-bar__calendar::before {
        content: '';
        position: absolute;
        top: 4px;
        left: 0;
        right: 0;
        height: 2px;
        background: currentColor;
    }

    body.gc-mobile-doctor-toolbars .gc-doctor-booking-bar__calendar::after {
        content: '•••';
        position: absolute;
        left: 2px;
        bottom: 0;
        font-size: 10px;
        line-height: 11px;
        letter-spacing: 1px;
    }

    body.gc-mobile-doctor-toolbars .gc-doctor-booking-bar__button:hover {
        background: #64a8f7;
    }

    body.gc-mobile-doctor-toolbars .gc-doctor-booking-bar__button:focus-visible,
    body.gc-mobile-doctor-toolbars .gc-doctor-booking-bar__call:focus-visible {
        outline: 2px solid #2c639d;
        outline-offset: 3px;
    }

    html.no-scroll body.gc-mobile-doctor-toolbars .gc-doctor-booking-bar {
        visibility: hidden;
        pointer-events: none;
    }
}

@media (max-width: 768px) and (prefers-reduced-motion: reduce) {
    body.gc-mobile-doctor-toolbars.gc-mobile-doctor-toolbars-active #header-menu,
    body.gc-mobile-doctor-toolbars .gc-doctor-booking-bar {
        transition: none;
    }
}

@media (max-width: 359px) {
    body.gc-mobile-doctor-toolbars .gc-doctor-booking-bar {
        grid-template-columns: 124px minmax(0, 1fr);
        min-height: 104px;
        gap: 8px;
        padding-right: max(12px, env(safe-area-inset-right, 0px));
        padding-left: max(12px, env(safe-area-inset-left, 0px));
    }

    body.gc-mobile-doctor-toolbars .gc-doctor-booking-bar__actions {
        gap: 6px;
    }

    body.gc-mobile-doctor-toolbars .gc-doctor-booking-bar__button,
    body.gc-mobile-doctor-toolbars .gc-doctor-booking-bar__call {
        flex-direction: column;
        min-height: 64px;
        gap: 4px;
        padding-right: 8px;
        padding-left: 8px;
    }

    body.gc-mobile-doctor-toolbars .gc-doctor-booking-bar__label,
    body.gc-mobile-doctor-toolbars .gc-doctor-booking-bar__old {
        font-size: 10px;
    }

    body.gc-mobile-doctor-toolbars .gc-doctor-booking-bar__current {
        font-size: 20px;
    }

    body.gc-mobile-doctor-toolbars .gc-doctor-booking-bar__call::before {
        margin-right: 0;
    }

    body.gc-mobile-doctor-toolbars.gc-mobile-doctor-toolbars-active .gc-doctor-booking-bar__summary > .gc-doctor-countdown {
        font-size: 10.5px;
    }
}

@media (min-width: 360px) and (max-width: 389px) {
    body.gc-mobile-doctor-toolbars .gc-doctor-booking-bar__button,
    body.gc-mobile-doctor-toolbars .gc-doctor-booking-bar__call {
        flex-direction: column;
        min-height: 64px;
        gap: 4px;
    }

    body.gc-mobile-doctor-toolbars .gc-doctor-booking-bar__call::before {
        margin-right: 0;
    }
}

@media (max-width: 768px) and (max-height: 480px) {
    body.gc-mobile-doctor-toolbars .gc-doctor-booking-bar {
        padding-top: 8px;
        padding-bottom: calc(8px + env(safe-area-inset-bottom, 0px));
    }

    body.gc-mobile-doctor-toolbars .gc-doctor-booking-bar__label {
        display: none;
    }

    body.gc-mobile-doctor-toolbars .gc-doctor-booking-bar__current {
        font-size: 20px;
    }
}