@media (max-width: 1060px) {
    .nav-toggle { display: block; }
    .main-nav { position: absolute; top: 100%; left: 0; right: 0; z-index: -1; flex-direction: column; align-items: stretch; gap: 4px; padding: 14px 20px 22px; background: #fff; box-shadow: 0 20px 30px -20px rgba(11, 59, 60, .3); transform: translateY(-140%); transition: transform .45s cubic-bezier(.16, 1, .3, 1); }
    .mk-nav-open .main-nav { transform: none; }
    .main-nav > a:not(.btn) { padding: 13px 16px; font-size: 1.05rem; }
    .nav-cta { margin: 8px 0 0; }
    .hero-grid, .tech, .patients-grid, .contact-grid { grid-template-columns: 1fr; }
    .hero-visual { min-height: 440px; max-width: 520px; width: 100%; margin-inline: auto; }
    .srv-grid, .reviews { grid-template-columns: 1fr 1fr; }
    .team { grid-template-columns: 1fr; }
    .footer-grid { grid-template-columns: 1fr 1fr; }
}

@media (max-width: 680px) {
    .topbar-addr { display: none; }
    .topbar-inner { justify-content: space-between; font-size: .82rem; }
    .header-inner { height: 70px; }
    .brand-text small { display: none; }
    .hero-visual { min-height: 400px; }
    .booking { width: 92%; }
    .srv-grid, .reviews, .tech-grid, .steps, .row, .footer-grid { grid-template-columns: 1fr; }
    .srv-row { grid-template-columns: 1fr; gap: 16px; }
    .srv-price { text-align: left; }
    .member { grid-template-columns: 1fr; }
    .member-ph { aspect-ratio: 16 / 10; }
    .badges { gap: 22px; }
}