.mobile-menu-heading{display:none}
@media(max-width:1199.98px){
    .clinic-navbar .navbar-toggler{border:0;background:transparent;border-radius:0;box-shadow:none;padding:8px}
    .clinic-navbar .navbar-toggler:focus{box-shadow:none}
    .clinic-navbar .navbar-toggler:focus-visible{outline:2px solid var(--clinic-primary);outline-offset:3px}
    body.clinic-menu-open{overflow:hidden}
    .main-header:has(#clinicNavbar.show){transform:none;visibility:visible}
    .clinic-navbar #clinicNavbar{display:block!important;position:fixed;top:0;bottom:0;right:0;width:min(360px,88vw);height:100dvh;max-height:100dvh;padding:22px;background:linear-gradient(150deg,#fff,#fcf6fe);overflow-y:auto;overscroll-behavior:contain;border-left:1px solid #ead8ed;box-shadow:-12px 0 45px rgba(52,19,63,.16);z-index:1050;transform-origin:right center;transform:perspective(1100px) translateX(105%) rotateY(-65deg);visibility:hidden;pointer-events:none;transition:transform .42s cubic-bezier(.22,.7,.2,1),visibility .42s}
    .clinic-navbar #clinicNavbar.show{transform:perspective(1100px) translateX(0) rotateY(0);visibility:visible;pointer-events:auto}
    .mobile-menu-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px;padding-bottom:18px;border-bottom:1px solid #ead8ed;font-size:19px;font-weight:700;color:var(--clinic-primary)}
    .mobile-menu-close{display:grid;place-items:center;width:36px;height:36px;border:1px solid #ead8ed;border-radius:10px;background:#fff;color:var(--clinic-primary);font-size:18px}
    .clinic-navbar #clinicNavbar .nav-link{padding:13px 10px!important;font-size:13px;border-radius:8px}
    .clinic-navbar #clinicNavbar .nav-link.active{background:#f6e9f8}
    .clinic-navbar #clinicNavbar .navbar-actions{display:flex;margin-top:24px}.clinic-navbar #clinicNavbar .btn-book-appointment{width:100%;justify-content:center}
    .mobile-nav-overlay{display:block;position:fixed;inset:0;background:rgba(34,12,43,.38);backdrop-filter:blur(3px);z-index:1029;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .35s,visibility .35s}
    .mobile-nav-overlay.active{opacity:1;visibility:visible;pointer-events:auto}
}
@media(prefers-reduced-motion:reduce){.clinic-navbar #clinicNavbar,.mobile-nav-overlay{transition:none}}