/* /about/wards/: laptop 992–1439 (docs/LAPTOP_992_1439.md).
   Hero absolute-сцена — scale 1440; сетка карточек — fluid (ссылки).
   Absolute-раскладка хиро в about-wards.css с 992px; здесь — scale + fluid cards.
   Откат: _rollback/about-wards-laptop-2026/ */

@media (min-width: 992px) and (max-width: 1439px) {
    html:has(.about-wards-page) {
        overflow-x: clip;
    }

    body:has(.about-wards-page),
    .about-wards-page {
        overflow-x: clip;
    }

    /* ——— HERO: scale ——— */
    .about-wards-hero {
        height: auto;
        min-height: 0;
        max-height: none;
        margin-bottom: 0;
    }

    .about-wards-hero__inner {
        width: 1440px;
        max-width: none;
        height: 506px;
        min-height: 506px;
        margin-left: calc((100vw - 1440px) / 2);
        margin-right: 0;
        padding: 0;
        transform: scale(calc(100vw / 1440px));
        transform-origin: top center;
        margin-bottom: calc(506px * (100vw / 1440px - 1));
        container-type: normal;
    }

    .about-wards-hero__title {
        width: 1400px;
        max-width: none;
        --about-wards-title-font-size: 160px;
    }

    .about-wards-hero__subtitle {
        width: 690px;
        max-width: none;
        font-size: 20px;
    }

    .about-wards-hero__decor--house {
        left: 80px;
        width: 220px;
        right: auto;
    }

    .about-wards-hero__decor--train {
        right: 80px;
        width: 240px;
        left: auto;
    }

    /* ——— CARDS: fluid ——— */
    .about-wards-section {
        padding: calc(40px * 100vw / 1440px) 0 calc(120px * 100vw / 1440px) !important;
    }

    .about-wards-section__inner {
        width: calc(100% - (40px * 100vw / 1440px));
        max-width: calc(1400px * 100vw / 1440px);
    }

    .about-wards-cards__grid {
        grid-template-columns: repeat(4, minmax(0, 1fr));
        gap: calc(20px * 100vw / 1440px);
        max-width: calc(1400px * 100vw / 1440px);
        padding: calc(24px * 100vw / 1440px) 0;
    }

    .ward-card {
        border-radius: calc(14px * 100vw / 1440px);
    }

    .ward-card__info {
        left: calc(12px * 100vw / 1440px);
        right: calc(12px * 100vw / 1440px);
        bottom: calc(12px * 100vw / 1440px);
        padding: calc(16px * 100vw / 1440px) calc(16px * 100vw / 1440px) calc(12px * 100vw / 1440px);
        border-radius: calc(10px * 100vw / 1440px);
    }

    .ward-card:hover .ward-card__info,
    .ward-card:focus-visible .ward-card__info {
        left: calc(4px * 100vw / 1440px);
        right: calc(4px * 100vw / 1440px);
        bottom: calc(-8px * 100vw / 1440px);
    }

    .ward-card__badge {
        top: calc(-8px * 100vw / 1440px);
        right: calc(6px * 100vw / 1440px);
        height: calc(26px * 100vw / 1440px);
        min-height: calc(26px * 100vw / 1440px);
        padding: 0 calc(9px * 100vw / 1440px);
        font-size: calc(14px * 100vw / 1440px);
    }

    .ward-card__name {
        font-size: calc(20px * 100vw / 1440px);
    }

    .ward-card__text {
        font-size: calc(15px * 100vw / 1440px);
    }

    .ward-card__button {
        min-width: calc(100px * 100vw / 1440px);
        height: calc(26px * 100vw / 1440px);
        padding: 0 calc(14px * 100vw / 1440px);
        font-size: calc(14px * 100vw / 1440px);
    }

    .about-wards-more {
        margin-top: calc(36px * 100vw / 1440px);
        min-width: calc(190px * 100vw / 1440px);
        padding: calc(14px * 100vw / 1440px) calc(30px * 100vw / 1440px);
        font-size: calc(14px * 100vw / 1440px);
    }
}