/* ============================================================
   uslugiinfo v1 — Услуги клиники
   ============================================================ */

/* На архиве услуг секция идёт сразу после breadcrumbs */
body.page-archive-services .uslugiinfo-v1 { --section-pt: var(--gap-bcr-to-section); }

.uslugiinfo-v1 { padding: var(--section-pt, 0px) 0 var(--section-pb, 60px); }

.uslugiinfo-v1__wrap {
    max-width: 1200px;
    margin: 0 auto;
}

/* Заголовок: 40px/107%/-0.02em, gap до карточек 25px */
/* 25px = 9916(cards top) − 9848(heading top) − 43(heading height) */
.uslugiinfo-v1__heading {
    font-weight: 700;
    font-size: 40px;
    line-height: 107%;
    letter-spacing: -0.02em;
    color: var(--text-main-color);
    margin: 0 0 25px;
}

/* Сетка: 2 колонки 590px + gap 20px (970−360−590=20px) = 1200px */
/* Строка 3: широкая карточка span 2 (grid-column: 1 / -1) */
.uslugiinfo-v1__grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
}

/* Карточка: 289px, фото на весь фон, flex-column, space-between */
/* padding: 27px top (9943−9916=27), 30px left/bottom (390−360=30, 289−259=30) */
.uslugiinfo-v1__card {
    position: relative;
    height: 289px;
    border-radius: 20px;
    overflow: hidden;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 27px 30px 30px;
}

/* Широкая карточка: span 2 колонки, чуть выше (290px) */
.uslugiinfo-v1__card--wide {
    grid-column: 1 / -1;
    height: 290px;
}

/* Фоновое фото: object-fit cover, за контентом */
/* picture — обёртка без размеров, растягиваем её тоже */
.uslugiinfo-v1__card picture {
    position: absolute;
    inset: 0;
    z-index: 0;
}

.uslugiinfo-v1__card-bg {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

/* Заголовок карточки: 700/25px/115%/-0.01em, белый */
/* max-width 288px = ширина текстового блока в 590px карточке (390−360−30+288≈288) */
.uslugiinfo-v1__card-title {
    font-weight: 700;
    font-size: 25px;
    line-height: 115%;
    letter-spacing: -0.01em;
    color: #FFFFFF;
    max-width: 288px;
    margin: 0;
    position: relative;
    z-index: 1;
}

/* Карточка 1 — 2 строки → 126% */
.uslugiinfo-v1__card:nth-child(1) .uslugiinfo-v1__card-title { line-height: 126%; }

/* Карточка 4 — max-width 265px (Figma) */
.uslugiinfo-v1__card:nth-child(4) .uslugiinfo-v1__card-title { max-width: 265px; }

/* Широкая карточка — 2 строки → 126%, max-width 250px (Figma) */
.uslugiinfo-v1__card--wide .uslugiinfo-v1__card-title {
    line-height: 126%;
    max-width: 250px;
}

/* Кнопка: 176×54px, var(--color-golden), border-radius 100px */
.uslugiinfo-v1__card-btn {
    width: 176px;
    height: 54px;
    background: var(--color-golden);
    border: none;
    border-radius: 100px;
    font-family: 'LorenzoSans', Arial, sans-serif;
    font-weight: 700;
    font-size: 17px;
    line-height: 135%;
    letter-spacing: -0.005em;
    color: #FFFFFF;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    flex-shrink: 0;
    position: relative;
    z-index: 1;
    transition: opacity var(--transition-speed);
}

.uslugiinfo-v1__card-btn:hover { opacity: 0.9; }

@media (max-width: 768px) {
    .uslugiinfo-v1__wrap {
        max-width: none;
        width: 75vw;
        margin: 0 auto;
        padding: 0;
    }

    /* Heading: 25px/107%/-0.01em */
    .uslugiinfo-v1__heading {
        font-size: 25px;
        line-height: 107%;
        letter-spacing: -0.01em;
        margin: 0 0 5vw;
    }

    /* Сетка: 1 колонка */
    .uslugiinfo-v1__grid {
        grid-template-columns: 1fr;
        gap: 5vw;
    }

    /* Карточки: aspect-ratio 300/267 */
    .uslugiinfo-v1__card {
        height: auto;
        aspect-ratio: 300/267;
        padding: 5vw 6.25vw 6.25vw;
    }

    /* Широкая карточка */
    .uslugiinfo-v1__card--wide {
        grid-column: auto;
        height: auto;
        aspect-ratio: 300/267;
    }

    /* Заголовок карточки */
    .uslugiinfo-v1__card-title {
        font-size: 20px;
        line-height: 115%;
    }

    /* Per-card max-width */
    .uslugiinfo-v1__card:nth-child(1) .uslugiinfo-v1__card-title { max-width: 53.25vw; line-height: 115%; }
    .uslugiinfo-v1__card:nth-child(2) .uslugiinfo-v1__card-title { max-width: 57.75vw; }
    .uslugiinfo-v1__card:nth-child(3) .uslugiinfo-v1__card-title { max-width: 59.75vw; }
    .uslugiinfo-v1__card:nth-child(4) .uslugiinfo-v1__card-title { max-width: 51.75vw; }
    .uslugiinfo-v1__card--wide      .uslugiinfo-v1__card-title { max-width: 62.5vw; line-height: 115%; }

    /* Кнопка */
    .uslugiinfo-v1__card-btn {
        width: 41.25vw;
        height: 12.5vw;
        font-size: 14px;
    }

    body.page-archive-services .uslugiinfo-v1 {
        padding-bottom: 15vw;
    }
}

/* Страница /services/ — SEO-текст под сеткой */
.page-archive-services .simple-text {
    padding-top: 40px;
}

@media (max-width: 768px) {
    .page-archive-services .simple-text {
        padding-top: 10vw;
    }
}

.page-archive-services .simple-text__content {
    width: 100%;
    font-size: 15px;
    line-height: 1.6;
}

.page-archive-services .simple-text__btn {
    font-size: 12px;
    color: var(--color-golden);
}

.page-archive-services .simple-text__btn.md-line-dotted::after {
    border-color: var(--color-golden);
}

.page-archive-services .simple-text__btn span {
    color: var(--color-golden);
}