/* ============================================================
   infocard-v1.css — сетка «шесть карточек о клинике»

   Секция template-parts/infocard-v1.php: иконка в скруглённом
   квадрате, заголовок, разделитель, текст. Десктоп — 3 × 2,
   мобильная — один столбец.

   Вынесена из homepage-v1.css 2026-08-27: блок нужен не только
   Главной и Консультации, но и посадочной «Семейный психолог»,
   где homepage-v1.css не подключается. Тот же приём, что с
   benefits-v1 и faq-accordion-v1 — компонент со своим файлом,
   подключается точечно там, где выведен.
   ============================================================ */

/* ── Section spacing config ──────────────────────────────────
   Живёт здесь, а не в homepage-v1.css, вместе с самой секцией:
   padding ниже читает эти переменные.
   ------------------------------------------------------------ */
.infocard-v1  { --section-pt:  20px; --section-pb: 20px; }

@media (max-width: 768px) {
    .infocard-v1  { --section-pt: 10vw; --section-pb: 10vw; }
}

.infocard-v1 {
    background: #fff;
    padding: var(--section-pt) 0 var(--section-pb);
}

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

.infocard-v1__grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 21px;
}

.infocard-v1__card {
    --card-mt: 0px;
    --card-mb: 0px;
    margin-top: var(--card-mt);
    margin-bottom: var(--card-mb);
    background: #fff;
    border: 1px solid #E5E9F0;
    box-shadow: 0px 10px 35px rgba(152, 152, 152, 0.1);
    border-radius: 20px;
    padding: 25px;
    box-sizing: border-box;
}

.infocard-v1__card-header {
    display: flex;
    align-items: center;
    gap: 15px;
    margin-bottom: 16px;
}

.infocard-v1__icon-bg {
    flex-shrink: 0;
    width: 61px;
    height: 61px;
    border-radius: 15px;
    background: var(--gradient-sage);
    display: flex;
    align-items: center;
    justify-content: center;
}

.infocard-v1__card-title {
    font-family: "LorenzoSans", Arial, sans-serif;
    font-weight: 700;
    font-size: 20px;
    line-height: 1.15;
    letter-spacing: -0.005em;
    color: var(--text-main-color);
    margin: 0;
}

.infocard-v1__divider {
    border: none;
    border-top: 1px solid var(--color-sage);
    margin: 0 0 12px;
}

.infocard-v1__card-text {
    font-family: "LorenzoSans", Arial, sans-serif;
    font-weight: 500;
    font-size: 16px;
    /* 22px, а не 1.35: 16 × 1.35 = 21.6, и дробь поднимается до высоты
       секции, после чего отступ от неё встаёт на пиксель мимо. */
    line-height: 22px;
    letter-spacing: -0.005em;
    color: var(--text-main-color-85);
    margin: 0;
}

/* ── Мобайл ── */

@media (max-width: 768px) {
    .infocard-v1__wrap {
        padding: 0 12.5vw;
    }

    .infocard-v1__grid {
        grid-template-columns: 1fr;
        gap: 2.5vw;
    }

    .infocard-v1__card {
        padding: 3.75vw;
    }

    .infocard-v1__card-header {
        gap: 2.5vw;
        margin-bottom: 2.5vw;
    }

    .infocard-v1__icon-bg {
        width: 10.5vw;
        height: 10.5vw;
        border-radius: 2.5vw;
    }

    .infocard-v1__card-title {
        font-size: 16px;
    }

    .infocard-v1__divider {
        margin: 0 0 2.5vw;
    }

    .infocard-v1__card-text {
        font-size: 14px;
        /* Свой межстрочный: кегль здесь другой, а десктопные 22px к нему
           не подходят — строки разъезжаются. 14 × 1.35 = 18.9 → 19. */
        line-height: 19px;
    }

    .infocard-v1__card:nth-child(2) .infocard-v1__card-text { max-width: 62.25vw; }
    .infocard-v1__card:nth-child(3) .infocard-v1__card-text { max-width: 64vw; }
    .infocard-v1__card:nth-child(4) .infocard-v1__card-text { max-width: 52vw; }
    .infocard-v1__card:nth-child(5) .infocard-v1__card-text { max-width: 64vw; }
    .infocard-v1__card:nth-child(6) .infocard-v1__card-text { max-width: 65vw; }
}