@media (max-width: 1500px) {
    .clinic-header-link {
        min-width: 190px;
        height: 50px;
        padding: 0 18px;
        font-size: 1rem;
    }

}

@media (max-width: 1200px) {
    .clinic-header-bar {
        grid-template-columns: 1fr;
        gap: 12px;
        padding: 10px 14px;
        width: 100%;
    }

    .clinic-header-nav {
        justify-content: center;
        flex-wrap: wrap;
    }

    .clinic-header-nav--left,
    .clinic-header-nav--right {
        justify-content: center;
        padding-right: 0;
        padding-left: 0;
    }

    .clinic-brand-block {
        order: -1;
    }

    .clinic-services-section {
        width: 100%;
    }

    .clinic-service-card {
        width: min(100%, 620px);
    }

    .clinic-specialists-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .clinic-about-section {
        width: 100%;
    }

    .clinic-contacts-section {
        width: 100%;
    }
}

@media (max-width: 768px) {
    .clinic-main-section {
        padding-top: 10px;
    }

    .clinic-header-bar {
        border-radius: 26px;
    }

    .clinic-header-link {
        min-width: 152px;
        height: 46px;
        padding: 0 14px;
        font-size: 0.92rem;
    }

    .clinic-brand-logo {
        height: 82px;
        transform: scale(1.28);
    }

    .clinic-page-content {
        padding-top: 0;
    }

    .clinic-service-card {
        width: 100%;
        padding: 10px 10px;
        border-radius: 20px;
    }

    .clinic-service-heading {
        min-width: 150px;
        font-size: 1rem;
        padding: 7px 12px;
    }

    .clinic-service-item {
        max-width: 100%;
        font-size: 0.94rem;
        padding: 7px 10px;
    }

    .clinic-specialists-section {
        width: 100%;
    }

    .clinic-specialists-grid {
        grid-template-columns: 1fr;
    }

    .specialist-card {
        padding: 10px 10px 12px;
        border-radius: 20px;
    }

    .clinic-about-card {
        padding: 16px 12px;
        border-radius: 20px;
    }

    .clinic-about-text {
        font-size: 1rem;
        line-height: 1.6;
    }

    .clinic-about-card--gallery {
        padding: 12px 10px 10px;
    }

    .clinic-about-carousel {
        grid-template-columns: 44px minmax(0, 1fr) 44px;
        gap: 8px;
    }

    .clinic-about-carousel-arrow {
        width: 44px;
        height: 44px;
        font-size: 1.65rem;
    }

    .clinic-about-carousel-main {
        aspect-ratio: 4 / 3;
        border-radius: 16px;
    }

    .clinic-about-gallery-hint {
        font-size: 0.8rem;
    }

    .clinic-about-documents-card {
        width: 100%;
        max-width: 100%;
    }

    .clinic-about-documents-toggle {
        width: min(100%, 340px);
        min-height: 46px;
        padding: 0 10px;
        font-size: 0.98rem;
        letter-spacing: 0.02em;
    }

    .clinic-about-documents-toggle--license {
        width: min(100%, 340px);
        white-space: nowrap;
    }

    .clinic-about-documents-content.is-open {
        max-height: 300px;
    }

    .clinic-about-documents-content.clinic-price-content.is-open {
        max-height: none;
        overflow: visible;
    }

    .clinic-about-documents-link,
    .clinic-about-documents-link:visited {
        width: 100%;
        min-height: 44px;
        font-size: 0.94rem;
        padding: 8px 12px;
    }

    .clinic-price-category-toggle {
        min-height: 46px;
        padding: 9px 42px 9px 12px;
        font-size: 1rem;
    }

    .clinic-price-subcategory-toggle {
        padding: 8px 40px 8px 11px;
        font-size: 0.92rem;
    }

    .clinic-price-category-content.is-open {
        padding: 7px;
    }

    .clinic-price-row {
        grid-template-columns: 1fr;
        gap: 5px;
        padding: 9px 4px;
    }

    .clinic-price-name {
        font-size: 0.9rem;
    }

    .clinic-price-amount {
        font-size: 0.94rem;
    }

    .clinic-about-lightbox {
        padding: 12px;
    }

    .clinic-about-lightbox-frame {
        width: 98vw;
        max-height: 88vh;
        grid-template-columns: 48px minmax(0, 1fr) 48px;
        gap: 8px;
    }

    .clinic-about-lightbox-image {
        max-width: 100%;
        max-height: 86vh;
        border-radius: 14px;
    }

    .clinic-about-lightbox-arrow {
        width: 50px;
        height: 50px;
        font-size: 1.8rem;
    }

    .clinic-contacts-card {
        padding: 14px 12px;
        border-radius: 20px;
    }

    .clinic-contacts-row {
        grid-template-columns: 1fr;
        gap: 2px;
    }

    .clinic-contacts-label,
    .clinic-contacts-value,
    .clinic-contacts-org,
    .clinic-contacts-legal-line,
    .clinic-contacts-license {
        font-size: 0.94rem;
    }

    .clinic-contacts-map-buttons {
        justify-content: center;
        gap: 10px;
    }

    .clinic-contacts-map-guard {
        font-size: 0.9rem;
        font-weight: 800;
        padding: 10px;
    }

    .clinic-contacts-map-button {
        min-height: 42px;
        padding: 7px 12px;
        font-size: 0.86rem;
        white-space: normal;
    }

}