:root {
    --mobile-shell-radius: 18px;
    --mobile-shell-shadow: 0 14px 40px rgba(19, 56, 99, .12);
}

.mobile-global-search-trigger,
.mobile-search-modal,
.mobile-search-backdrop {
    display: none;
}

@media (max-width: 900px) {
    html,
    body {
        max-width: 100%;
        overflow-x: hidden;
    }

    body.mobile-search-open,
    body.mobile-nav-open {
        overflow: hidden;
    }

    .site-header {
        min-height: 72px;
    }

    .site-header > .container,
    .site-header .header-inner,
    .site-header .container {
        position: relative;
        min-height: 72px;
        padding-inline: 14px;
    }

    .site-header .brand,
    .site-header .brand-wordmark {
        position: absolute;
        inset-inline-end: 14px;
        top: 50%;
        transform: translateY(-50%);
        z-index: 5;
        margin: 0;
    }

    .site-header .brand img,
    .site-header .brand-wordmark img {
        width: 150px;
        max-width: 42vw;
        height: auto;
    }

    [data-menu-toggle],
    .menu-toggle,
    .mobile-menu-toggle {
        position: absolute !important;
        inset-inline-start: 14px !important;
        top: 50% !important;
        transform: translateY(-50%) !important;
        width: 44px !important;
        height: 44px !important;
        z-index: 12 !important;
        border-radius: 13px !important;
        background: #fff !important;
        border: 1px solid #dce7f5 !important;
        box-shadow: 0 5px 16px rgba(20, 58, 100, .08) !important;
    }

    .mobile-global-search-trigger {
        display: inline-flex;
        position: absolute;
        inset-inline-start: 66px;
        top: 50%;
        transform: translateY(-50%);
        align-items: center;
        justify-content: center;
        width: 44px;
        height: 44px;
        z-index: 12;
        border: 1px solid #dce7f5;
        border-radius: 13px;
        color: #0b5bb7;
        background: #fff;
        box-shadow: 0 5px 16px rgba(20, 58, 100, .08);
        cursor: pointer;
    }

    .header-actions {
        display: none !important;
    }

    .site-nav {
        display: flex !important;
        position: fixed !important;
        inset-block: 0 !important;
        inset-inline-start: 0 !important;
        width: min(86vw, 360px) !important;
        height: 100dvh !important;
        padding: 88px 18px 24px !important;
        flex-direction: column !important;
        align-items: stretch !important;
        gap: 7px !important;
        overflow-y: auto !important;
        background: #fff !important;
        box-shadow: 14px 0 42px rgba(6, 35, 70, .18) !important;
        transform: translateX(-104%) !important;
        transition: transform .28s ease !important;
        z-index: 1002 !important;
        visibility: visible !important;
    }

    body.mobile-nav-open .site-nav {
        transform: translateX(0) !important;
    }

    .site-nav > a,
    .site-nav .mobile-nav-actions > a {
        display: flex !important;
        min-height: 48px !important;
        align-items: center !important;
        padding: 0 15px !important;
        border: 1px solid transparent !important;
        border-radius: 13px !important;
        color: #173c68 !important;
        background: #f7faff !important;
        font-weight: 700 !important;
    }

    .site-nav > a.active,
    .site-nav > a[aria-current="page"] {
        color: #075cbd !important;
        border-color: #bed8f7 !important;
        background: #eef6ff !important;
    }

    .site-nav .mobile-nav-actions {
        display: grid !important;
        gap: 8px !important;
        margin-top: 12px !important;
    }

    .menu-backdrop {
        position: fixed !important;
        inset: 0 !important;
        z-index: 1001 !important;
        background: rgba(4, 22, 44, .45) !important;
        backdrop-filter: blur(2px);
    }

    body.mobile-nav-open .menu-backdrop {
        display: block !important;
    }

    .mobile-search-backdrop {
        position: fixed;
        inset: 0;
        z-index: 1090;
        background: rgba(4, 22, 44, .55);
        backdrop-filter: blur(4px);
    }

    .mobile-search-modal {
        position: fixed;
        inset-inline: 12px;
        top: 74px;
        bottom: 14px;
        z-index: 1100;
        padding: 18px;
        overflow: hidden;
        border: 1px solid #d6e4f4;
        border-radius: 22px;
        background: #fff;
        box-shadow: 0 24px 70px rgba(4, 27, 56, .28);
    }

    body.mobile-search-open .mobile-search-backdrop,
    body.mobile-search-open .mobile-search-modal {
        display: block;
    }

    .mobile-search-head {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 12px;
        margin-bottom: 14px;
    }

    .mobile-search-head h2 {
        margin: 0;
        font-size: 19px;
        color: #143b68;
    }

    .mobile-search-close {
        width: 40px;
        height: 40px;
        border: 0;
        border-radius: 12px;
        background: #edf4fc;
        color: #123d6c;
        font-size: 22px;
        cursor: pointer;
    }

    .mobile-search-controls {
        display: grid;
        gap: 10px;
    }

    .mobile-search-controls input,
    .mobile-search-controls select {
        width: 100%;
        min-height: 48px;
        padding: 0 14px;
        border: 1px solid #cddced;
        border-radius: 13px;
        background: #fff;
        color: #163b66;
        font: inherit;
    }

    .mobile-search-results {
        height: calc(100% - 150px);
        margin-top: 14px;
        overflow-y: auto;
        overscroll-behavior: contain;
    }

    .mobile-search-status {
        padding: 18px 6px;
        text-align: center;
        color: #6c7f94;
    }

    .mobile-search-group {
        margin-bottom: 20px;
    }

    .mobile-search-group h3 {
        margin: 0 0 9px;
        color: #17477d;
        font-size: 15px;
    }

    .mobile-search-item {
        display: grid;
        grid-template-columns: 52px 1fr auto;
        align-items: center;
        gap: 11px;
        padding: 10px;
        margin-bottom: 8px;
        border: 1px solid #e0e9f3;
        border-radius: 15px;
        color: inherit;
        background: #fbfdff;
        text-decoration: none;
    }

    .mobile-search-item img,
    .mobile-search-placeholder {
        width: 52px;
        height: 52px;
        border-radius: 13px;
        object-fit: cover;
        background: #edf5ff;
    }

    .mobile-search-placeholder {
        display: grid;
        place-items: center;
        color: #2d72c5;
        font-weight: 900;
    }

    .mobile-search-item strong,
    .mobile-search-item small {
        display: block;
    }

    .mobile-search-item strong {
        margin-bottom: 4px;
        color: #173d6a;
    }

    .mobile-search-item small {
        color: #6f8093;
    }

    .mobile-search-item > span:last-child {
        color: #1970ce;
        font-size: 20px;
    }

    .doctor-tabs,
    .profile-tabs,
    .doctor-profile-tabs,
    [role="tablist"] {
        display: flex !important;
        position: sticky !important;
        top: 72px !important;
        z-index: 30 !important;
        gap: 0 !important;
        width: 100% !important;
        overflow-x: auto !important;
        overscroll-behavior-inline: contain;
        scroll-snap-type: x proximity;
        white-space: nowrap;
        background: #fff !important;
        border-block: 1px solid #e1e9f2 !important;
        scrollbar-width: none;
    }

    .doctor-tabs::-webkit-scrollbar,
    .profile-tabs::-webkit-scrollbar,
    .doctor-profile-tabs::-webkit-scrollbar,
    [role="tablist"]::-webkit-scrollbar {
        display: none;
    }

    .doctor-tabs > *,
    .profile-tabs > *,
    .doctor-profile-tabs > *,
    [role="tablist"] > * {
        flex: 0 0 auto !important;
        min-width: 118px !important;
        scroll-snap-align: start;
    }

    .doctor-profile-card,
    .doctor-hero-card,
    .doctor-summary-card,
    .doctor-card,
    .center-card {
        border-radius: var(--mobile-shell-radius) !important;
        box-shadow: 0 8px 25px rgba(21, 58, 96, .08) !important;
    }

    .doctor-profile-card,
    .doctor-hero-card,
    .doctor-summary-card {
        padding: 20px 16px !important;
    }

    .doctor-card,
    .center-card {
        padding: 16px !important;
    }

    .doctor-card img,
    .doctor-avatar img {
        width: 96px !important;
        height: 96px !important;
        object-fit: cover !important;
    }

    .center-card .center-image,
    .center-card figure,
    .center-card .card-media {
        min-height: 145px !important;
        max-height: 185px !important;
    }

    .center-card .center-image img,
    .center-card figure img,
    .center-card .card-media img {
        width: 100% !important;
        height: 100% !important;
        object-fit: cover !important;
    }

    .doctor-card .button,
    .center-card .button {
        min-height: 46px !important;
        border-radius: 12px !important;
    }

    .review-card,
    .doctor-review,
    .public-review-card {
        padding: 16px !important;
        border-radius: 17px !important;
    }

    input[type="range"] {
        width: 100% !important;
        accent-color: #1675d1;
    }

    form input,
    form select,
    form textarea {
        max-width: 100%;
    }

    .site-footer {
        padding-top: 20px !important;
    }

    .site-footer .footer-top-cta {
        display: none !important;
    }

    .site-footer .footer-grid {
        display: block !important;
        padding-block: 4px 18px !important;
    }

    .site-footer .footer-about {
        padding-bottom: 12px !important;
    }

    .site-footer .brand-footer {
        display: none !important;
    }

    .site-footer .footer-about p {
        margin: 0 !important;
        font-size: 13px !important;
        line-height: 1.9 !important;
    }

    .site-footer .footer-grid > section:not(.footer-about) {
        border-top: 1px solid #e4ebf3;
        padding: 0 !important;
    }

    .site-footer .footer-grid > section:not(.footer-about) h2 {
        position: relative;
        margin: 0 !important;
        padding: 14px 0 !important;
        font-size: 15px !important;
        cursor: pointer;
    }

    .site-footer .footer-grid > section:not(.footer-about) h2::after {
        content: "+";
        position: absolute;
        inset-inline-end: 2px;
        color: #0b65c5;
        font-size: 20px;
    }

    .site-footer .footer-grid > section.footer-section-open h2::after {
        content: "−";
    }

    .site-footer .footer-grid > section:not(.footer-about) > :not(h2) {
        display: none !important;
    }

    .site-footer .footer-grid > section.footer-section-open > :not(h2) {
        display: block !important;
        margin-bottom: 10px !important;
    }

    .site-footer .footer-bottom {
        padding-block: 13px !important;
        font-size: 11px !important;
    }

    .site-footer .footer-developer {
        margin-top: 6px !important;
    }

    .container {
        max-width: 100%;
    }

    .section {
        padding-block: 26px !important;
    }

    .section-heading {
        gap: 10px !important;
    }

    .section-heading h2 {
        font-size: clamp(23px, 7vw, 31px) !important;
        line-height: 1.35 !important;
    }
}

@media (max-width: 390px) {
    .site-header .brand img,
    .site-header .brand-wordmark img {
        width: 132px;
    }

    .mobile-global-search-trigger {
        inset-inline-start: 62px;
        width: 40px;
        height: 40px;
    }

    [data-menu-toggle],
    .menu-toggle,
    .mobile-menu-toggle {
        width: 40px !important;
        height: 40px !important;
    }
}

/* DRHEART_MOBILE_UX_1_6_7_START */

@media (max-width: 900px) {
    /*
     * منوی موبایل:
     * پس‌زمینه فقط کمی تیره می‌شود و دیگر Blur ندارد.
     */
    .menu-backdrop,
    [data-menu-backdrop] {
        background: rgba(7, 25, 48, .38) !important;
        backdrop-filter: none !important;
        -webkit-backdrop-filter: none !important;
        filter: none !important;
    }

    body.mobile-nav-open main,
    body.mobile-nav-open .site-header,
    body.mobile-nav-open .site-footer {
        filter: none !important;
    }

    .site-nav {
        background: #ffffff !important;
        backdrop-filter: none !important;
        -webkit-backdrop-filter: none !important;
    }

    /*
     * مزیت‌های زیر فرم جستجوی صفحه اصلی
     */
    .hero-trust-list.hero-trust-strip {
        display: grid !important;
        grid-auto-flow: column !important;
        grid-auto-columns: 82% !important;
        grid-template-columns: none !important;
        gap: 11px !important;

        margin-top: 16px !important;
        padding: 4px 1px 12px !important;

        overflow-x: auto !important;
        overflow-y: hidden !important;

        scroll-snap-type: x mandatory;
        scroll-padding-inline: 4px;
        overscroll-behavior-inline: contain;

        background: transparent !important;
        border: 0 !important;
        scrollbar-width: none;
    }

    .hero-trust-list.hero-trust-strip::-webkit-scrollbar {
        display: none;
    }

    .hero-trust-list.hero-trust-strip > span {
        display: grid !important;
        grid-template-columns: 46px 1fr !important;
        align-items: center !important;
        gap: 12px !important;

        min-height: 76px !important;
        padding: 13px 14px !important;

        color: #17436f !important;
        background:
            linear-gradient(
                145deg,
                #ffffff 0%,
                #f3f8ff 100%
            ) !important;

        border: 1px solid #d6e6f8 !important;
        border-radius: 17px !important;
        box-shadow:
            0 10px 25px rgba(31, 83, 139, .10) !important;

        font-size: 13px !important;
        font-weight: 750 !important;
        line-height: 1.8 !important;

        scroll-snap-align: start;
    }

    .hero-trust-list.hero-trust-strip > span svg {
        width: 46px !important;
        height: 46px !important;
        padding: 11px !important;

        color: #0868ca !important;
        background:
            linear-gradient(
                145deg,
                #e9f4ff,
                #d9ebff
            ) !important;

        border-radius: 14px !important;
    }

    /*
     * اسلایدر پزشکان و مراکز صفحه اصلی
     */
    .mobile-card-carousel {
        display: grid !important;
        grid-auto-flow: column !important;
        grid-auto-columns: 86% !important;
        grid-template-columns: none !important;

        gap: 14px !important;
        width: 100% !important;
        max-width: 100% !important;

        padding: 5px 2px 14px !important;
        margin-inline: 0 !important;

        overflow-x: auto !important;
        overflow-y: visible !important;

        scroll-snap-type: x mandatory;
        scroll-padding-inline: 2px;
        overscroll-behavior-inline: contain;

        scrollbar-width: none;
        -webkit-overflow-scrolling: touch;
    }

    .mobile-card-carousel::-webkit-scrollbar {
        display: none;
    }

    .mobile-card-carousel > .doctor-card,
    .mobile-card-carousel > .center-card {
        width: 100% !important;
        min-width: 0 !important;
        height: auto !important;
        margin: 0 !important;

        scroll-snap-align: start;
        scroll-snap-stop: always;

        border: 1px solid #dce7f4 !important;
        border-radius: 20px !important;
        box-shadow:
            0 13px 30px rgba(24, 65, 110, .10) !important;
    }

    .mobile-card-carousel > .doctor-card {
        padding: 20px 16px !important;
    }

    .mobile-card-carousel > .center-card {
        overflow: hidden !important;
    }

    .mobile-carousel-dots {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 7px;

        min-height: 22px;
        margin-top: 3px;
        margin-bottom: 2px;
    }

    .mobile-carousel-dot {
        width: 7px;
        height: 7px;
        padding: 0;

        border: 0;
        border-radius: 50%;

        background: #bfd0e3;
        transition:
            width .22s ease,
            border-radius .22s ease,
            background-color .22s ease;

        cursor: pointer;
    }

    .mobile-carousel-dot.is-active {
        width: 23px;
        border-radius: 999px;
        background: #0868ca;
    }

    /*
     * فاصله بهتر تیتر سکشن از اسلایدر
     */
    .home-doctors .section-heading,
    .home-centers .section-heading {
        margin-bottom: 12px !important;
    }
}

@media (max-width: 390px) {
    .mobile-card-carousel {
        grid-auto-columns: 90% !important;
    }

    .hero-trust-list.hero-trust-strip {
        grid-auto-columns: 88% !important;
    }
}

/* DRHEART_MOBILE_UX_1_6_7_END */

/* DRHEART_MOBILE_UX_1_6_8_START */

@media (max-width: 900px) {
    /*
     * حذف کامل هاله و تاری منوی موبایل
     */
    body.mobile-nav-open {
        background: #fff !important;
    }

    body.mobile-nav-open .menu-backdrop,
    body.mobile-nav-open [data-menu-backdrop] {
        display: block !important;
        background: transparent !important;
        opacity: 0 !important;
        filter: none !important;
        backdrop-filter: none !important;
        -webkit-backdrop-filter: none !important;
    }

    body.mobile-nav-open::before,
    body.mobile-nav-open::after,
    body.mobile-nav-open main::before,
    body.mobile-nav-open main::after,
    body.mobile-nav-open .site-header::before,
    body.mobile-nav-open .site-header::after {
        display: none !important;
        content: none !important;
        opacity: 0 !important;
        filter: none !important;
        backdrop-filter: none !important;
    }

    body.mobile-nav-open main,
    body.mobile-nav-open .site-header,
    body.mobile-nav-open .site-footer {
        opacity: 1 !important;
        filter: none !important;
        backdrop-filter: none !important;
        -webkit-backdrop-filter: none !important;
    }

    /*
     * منوی واقعی کشویی از لبه چپ
     */
    .site-nav {
        top: 0 !important;
        bottom: 0 !important;
        left: 0 !important;
        right: auto !important;
        inset-inline-start: auto !important;
        inset-inline-end: auto !important;

        width: min(84vw, 350px) !important;
        height: 100dvh !important;

        margin: 0 !important;
        padding: 88px 18px 24px !important;

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

        background: #fff !important;
        box-shadow: 14px 0 38px rgba(13, 43, 78, .18) !important;

        opacity: 1 !important;
        filter: none !important;
        backdrop-filter: none !important;
        -webkit-backdrop-filter: none !important;

        transform: translateX(-105%) !important;
        z-index: 1200 !important;
    }

    body.mobile-nav-open .site-nav {
        transform: translateX(0) !important;
    }

    /*
     * لینک‌های منو مرتب‌تر و کم‌حجم‌تر
     */
    .site-nav > a,
    .site-nav .mobile-nav-actions > a {
        min-height: 46px !important;
        padding-inline: 14px !important;
        margin: 0 !important;

        border-radius: 12px !important;
        background: transparent !important;
        border: 1px solid transparent !important;

        font-size: 14px !important;
    }

    .site-nav > a:hover,
    .site-nav > a.active,
    .site-nav > a[aria-current="page"] {
        color: #0864c4 !important;
        background: #eef6ff !important;
        border-color: #d3e5f8 !important;
    }

    /*
     * مزیت‌های زیر جستجو:
     * سه کارت عمودی، بدون بریدگی و اسکرول افقی
     */
    .hero-trust-list.hero-trust-strip {
        display: grid !important;
        grid-template-columns: 1fr !important;
        grid-auto-flow: row !important;
        grid-auto-columns: auto !important;

        gap: 10px !important;
        width: 100% !important;

        margin: 15px 0 0 !important;
        padding: 0 !important;

        overflow: visible !important;
        scroll-snap-type: none !important;
    }

    .hero-trust-list.hero-trust-strip > span {
        display: grid !important;
        grid-template-columns: 46px minmax(0, 1fr) !important;
        align-items: center !important;
        gap: 12px !important;

        width: 100% !important;
        min-height: 66px !important;
        padding: 10px 12px !important;

        border: 1px solid #d8e6f5 !important;
        border-radius: 15px !important;

        color: #173f6c !important;
        background:
            linear-gradient(
                135deg,
                #ffffff 0%,
                #f5f9ff 100%
            ) !important;

        box-shadow:
            0 7px 18px rgba(20, 65, 112, .07) !important;

        font-size: 13px !important;
        font-weight: 750 !important;
        line-height: 1.7 !important;
    }

    .hero-trust-list.hero-trust-strip > span svg {
        width: 44px !important;
        height: 44px !important;
        padding: 10px !important;

        color: #0870d4 !important;
        background: #e8f3ff !important;
        border-radius: 13px !important;
    }
}

/* DRHEART_MOBILE_UX_1_6_8_END */

/* DRHEART_MOBILE_UX_1_6_9_START */

@media (max-width: 900px) {
    /*
     * حذف قطعی لایه خاکستری منوی موبایل.
     * این لایه دیگر نه دیده می‌شود و نه کلیک‌ها را می‌گیرد.
     */
    .menu-backdrop,
    [data-menu-backdrop],
    body.mobile-nav-open .menu-backdrop,
    body.mobile-nav-open [data-menu-backdrop] {
        display: none !important;
        visibility: hidden !important;
        opacity: 0 !important;
        pointer-events: none !important;
        background: transparent !important;
        filter: none !important;
        backdrop-filter: none !important;
        -webkit-backdrop-filter: none !important;
    }

    body.mobile-nav-open,
    body.mobile-nav-open main,
    body.mobile-nav-open .site-header,
    body.mobile-nav-open .site-footer {
        opacity: 1 !important;
        filter: none !important;
        backdrop-filter: none !important;
        -webkit-backdrop-filter: none !important;
    }

    /*
     * منو همیشه بالاتر از تمام اجزای صفحه و قابل کلیک باشد.
     */
    .site-header {
        z-index: 1400 !important;
    }

    .site-nav {
        z-index: 1500 !important;
        pointer-events: auto !important;
        opacity: 1 !important;
        filter: none !important;
        backdrop-filter: none !important;
        -webkit-backdrop-filter: none !important;
    }

    .site-nav,
    .site-nav * {
        pointer-events: auto !important;
    }

    /*
     * چیدمان صحیح سربرگ:
     * لوگو سمت راست، همبرگر سمت چپ و جستجو با فاصله مناسب.
     */
    .site-header .brand,
    .site-header .brand-wordmark {
        right: 14px !important;
        left: auto !important;
        inset-inline: auto !important;
        transform: translateY(-50%) !important;
    }

    [data-menu-toggle],
    .menu-toggle,
    .mobile-menu-toggle {
        left: 14px !important;
        right: auto !important;
        inset-inline: auto !important;
    }

    .mobile-global-search-trigger {
        left: 76px !important;
        right: auto !important;
        inset-inline: auto !important;
    }
}

@media (max-width: 390px) {
    .mobile-global-search-trigger {
        left: 70px !important;
    }
}

/* DRHEART_MOBILE_UX_1_6_9_END */

/* DRHEART_HEADER_1_7_0_START */

.mobile-header-controls {
    display: none;
}

@media (max-width: 900px) {
    .site-header {
        position: sticky !important;
        top: 0 !important;
        z-index: 1400 !important;
        min-height: 76px !important;
        background: #fff !important;
    }

    .site-header > .container,
    .site-header .header-inner,
    .site-header .container {
        display: flex !important;
        position: relative !important;
        min-height: 76px !important;
        align-items: center !important;
        justify-content: space-between !important;
        gap: 12px !important;
        padding: 0 14px !important;
    }

    .site-header .brand,
    .site-header .brand-wordmark {
        display: flex !important;
        position: static !important;
        flex: 0 1 auto !important;
        align-items: center !important;
        width: auto !important;
        max-width: calc(100% - 116px) !important;
        margin: 0 !important;
        inset: auto !important;
        transform: none !important;
    }

    .site-header .brand img,
    .site-header .brand-wordmark img {
        display: block !important;
        width: 148px !important;
        max-width: 100% !important;
        height: auto !important;
    }

    .mobile-header-controls {
        display: flex !important;
        position: static !important;
        flex: 0 0 auto !important;
        align-items: center !important;
        justify-content: flex-start !important;
        gap: 12px !important;
        margin: 0 !important;
        z-index: 1510 !important;
    }

    .mobile-header-controls [data-menu-toggle],
    .mobile-header-controls .menu-toggle,
    .mobile-header-controls .mobile-menu-toggle,
    .mobile-header-controls .mobile-global-search-trigger {
        display: inline-flex !important;
        position: static !important;
        width: 44px !important;
        height: 44px !important;
        min-width: 44px !important;
        align-items: center !important;
        justify-content: center !important;
        margin: 0 !important;
        inset: auto !important;
        transform: none !important;
        border: 1px solid #d8e4f2 !important;
        border-radius: 13px !important;
        color: #075cac !important;
        background: #fff !important;
        box-shadow: 0 5px 15px rgba(20, 58, 100, .07) !important;
    }

    .mobile-header-controls .mobile-global-search-trigger {
        order: 1;
    }

    .mobile-header-controls [data-menu-toggle],
    .mobile-header-controls .menu-toggle,
    .mobile-header-controls .mobile-menu-toggle {
        order: 2;
    }

    .site-nav {
        top: 0 !important;
        left: 0 !important;
        right: auto !important;
        width: min(84vw, 350px) !important;
        height: 100dvh !important;
        padding: 88px 18px 24px !important;
        border-radius: 0 22px 22px 0 !important;
        z-index: 1500 !important;
    }

    .menu-backdrop,
    [data-menu-backdrop] {
        display: none !important;
        pointer-events: none !important;
    }
}

@media (max-width: 390px) {
    .site-header .brand img,
    .site-header .brand-wordmark img {
        width: 132px !important;
    }

    .mobile-header-controls {
        gap: 9px !important;
    }

    .mobile-header-controls [data-menu-toggle],
    .mobile-header-controls .menu-toggle,
    .mobile-header-controls .mobile-menu-toggle,
    .mobile-header-controls .mobile-global-search-trigger {
        width: 41px !important;
        height: 41px !important;
        min-width: 41px !important;
    }
}

/* DRHEART_HEADER_1_7_0_END */

/* DRHEART_DOCTOR_CARD_1_7_5_START */

@media (min-width: 901px) {
    .drh-home-doctor-grid {
        display: grid !important;
        grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
        gap: 18px !important;
        align-items: stretch !important;
    }
}

.drh-home-doctor-card {
    direction: rtl !important;
    position: relative !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: space-between !important;
    min-height: 270px !important;
    padding: 18px !important;
    border: 1px solid #d7e3ef !important;
    border-radius: 22px !important;
    background: #fff !important;
    box-shadow: 0 6px 22px rgba(17, 55, 99, .05) !important;
    overflow: hidden !important;
}

.drh-home-doctor-card__location {
    position: absolute !important;
    top: 16px !important;
    left: 18px !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    color: #8797ad !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    line-height: 1.4 !important;
}

.drh-home-doctor-card__top {
    display: flex !important;
    flex-direction: row !important;
    align-items: flex-start !important;
    justify-content: space-between !important;
    gap: 16px !important;
}

.drh-home-doctor-card__content {
    flex: 1 1 auto !important;
    min-width: 0 !important;
    padding-top: 12px !important;
}

.drh-home-doctor-card__avatar-wrap {
    flex: 0 0 108px !important;
    width: 108px !important;
    height: 108px !important;
    border-radius: 50% !important;
    border: 1px solid #dbe6f1 !important;
    background: #eff4f8 !important;
    overflow: hidden !important;
}

.drh-home-doctor-card__avatar {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    border-radius: 50% !important;
    display: block !important;
}

.drh-home-doctor-card__name {
    margin: 0 0 8px !important;
    color: #163a68 !important;
    font-size: 18px !important;
    font-weight: 850 !important;
    line-height: 1.7 !important;
}

.drh-home-doctor-card__specialty {
    margin: 0 0 14px !important;
    color: #7b8da7 !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    line-height: 1.7 !important;
}

.drh-home-doctor-card__rating {
    display: flex !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
    color: #7c8ea7 !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    line-height: 1.6 !important;
}

.drh-home-doctor-card__score {
    color: #173a68 !important;
    font-size: 17px !important;
    font-weight: 900 !important;
}

.drh-home-doctor-card__stars {
    color: #f5b400 !important;
    letter-spacing: 1px !important;
    font-size: 14px !important;
    line-height: 1 !important;
}

.drh-home-doctor-card__reviews {
    color: #8a99af !important;
    font-size: 12px !important;
    font-weight: 700 !important;
}

.drh-home-doctor-card__footer {
    margin-top: 18px !important;
}

.drh-home-doctor-card__button {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    min-height: 50px !important;
    padding: 0 14px !important;
    border-radius: 12px !important;
    border: 1px solid #0b63d8 !important;
    background: #0b63d8 !important;
    color: #fff !important;
    text-decoration: none !important;
    font-size: 15px !important;
    font-weight: 850 !important;
    line-height: 1.2 !important;
}

.drh-home-doctor-card__button:hover {
    background: #0958c0 !important;
    border-color: #0958c0 !important;
    color: #fff !important;
}

@media (max-width: 900px) {
    .drh-home-doctor-card {
        min-height: 250px !important;
        padding: 16px !important;
    }

    .drh-home-doctor-card__location {
        top: 14px !important;
        left: 16px !important;
    }

    .drh-home-doctor-card__avatar-wrap {
        width: 96px !important;
        height: 96px !important;
        flex-basis: 96px !important;
    }

    .drh-home-doctor-card__name {
        font-size: 17px !important;
    }

    .drh-home-doctor-card__specialty {
        font-size: 13px !important;
        margin-bottom: 12px !important;
    }
}

/* DRHEART_DOCTOR_CARD_1_7_5_END */

/* DRHEART_DOCTOR_CARD_1_7_7_START */

.drh-home-doctor-card__specialty {
    display: block !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    max-width: 100% !important;
}

.drh-home-doctor-card__location {
    gap: 7px !important;
    color: #7c8ea7 !important;
    font-weight: 800 !important;
}

.drh-home-doctor-card__location-icon {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 15px !important;
    height: 15px !important;
    color: #8ea0b8 !important;
    flex: 0 0 15px !important;
}

.drh-home-doctor-card__location-icon svg {
    display: block !important;
    width: 15px !important;
    height: 15px !important;
    stroke: currentColor !important;
}

.drh-home-doctor-card__button {
    min-height: 48px !important;
    border-radius: 10px !important;
    font-size: 14px !important;
    font-weight: 800 !important;
    letter-spacing: 0 !important;
    gap: 8px !important;
}

.drh-home-doctor-card__button-icon {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 16px !important;
    height: 16px !important;
    color: rgba(255,255,255,.92) !important;
    flex: 0 0 16px !important;
}

.drh-home-doctor-card__button-icon svg {
    display: block !important;
    width: 16px !important;
    height: 16px !important;
    stroke: currentColor !important;
}

/* DRHEART_DOCTOR_CARD_1_7_7_END */

/* DRHEART_CENTER_CARD_1_8_0_START */

@media (min-width: 901px) {
    .drh-center-grid-180 {
        display: grid !important;
        grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
        gap: 18px !important;
        align-items: stretch !important;
    }
}

.drh-center-card-180 {
    direction: rtl !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: space-between !important;
    min-height: 205px !important;
    padding: 20px 18px 16px !important;
    border: 1px solid #d8e3ef !important;
    border-radius: 20px !important;
    background: #fff !important;
    box-shadow: 0 6px 20px rgba(17, 55, 99, .05) !important;
    overflow: hidden !important;
}

.drh-center-card-180__name {
    margin: 0 0 7px !important;
    color: #163a68 !important;
    font-size: 18px !important;
    font-weight: 850 !important;
    line-height: 1.7 !important;
    text-align: right !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

.drh-center-card-180__subtitle {
    margin: 0 !important;
    color: #7b8da7 !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    line-height: 1.7 !important;
    text-align: right !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

.drh-center-card-180__rating {
    display: flex !important;
    direction: ltr !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 8px !important;
    margin-top: 14px !important;
    text-align: left !important;
}

.drh-center-card-180__stars {
    color: #f5b400 !important;
    font-size: 15px !important;
    letter-spacing: 1px !important;
    line-height: 1 !important;
}

.drh-center-card-180__score {
    color: #173a68 !important;
    font-size: 16px !important;
    font-weight: 900 !important;
    line-height: 1 !important;
}

.drh-center-card-180__footer {
    margin-top: 22px !important;
}

.drh-center-card-180__button {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    min-height: 48px !important;
    padding: 0 14px !important;
    border: 1px solid #0b63d8 !important;
    border-radius: 10px !important;
    color: #fff !important;
    background: #0b63d8 !important;
    text-decoration: none !important;
    font-size: 14px !important;
    font-weight: 800 !important;
}

.drh-center-card-180__button:hover {
    color: #fff !important;
    background: #0958c0 !important;
    border-color: #0958c0 !important;
}

@media (max-width: 900px) {
    .drh-center-card-180 {
        min-height: 195px !important;
        padding: 18px 16px 16px !important;
    }

    .drh-center-card-180__name {
        font-size: 17px !important;
    }
}

/* DRHEART_CENTER_CARD_1_8_0_END */