/* ── minprice-v1: строка прайса ─────────────────────────────────────────────
   Все размеры сняты из фреймов `MinPriceBlockD` (1030×199) и `MinPriceBlockM`
   (300×148) в выгрузке .fig, а не с картинки: DevTmp/tools/figread.py.

   Блок — это заголовок секции, лид и карточка со строкой прайса. Заголовок и
   лид необязательны: в макете десктопный фрейм идёт с ними, мобильный — без,
   и это два случая употребления одного блока, а не рассинхрон брейкпоинтов.

   Desktop (координаты от верха фрейма 1030×199):
     Заголовок   35px Bold,  y 0,   ширина 1030, lh 37
     Лид         16px Regular, y 47, ширина 884,  lh 22
     Карточка    884×83 на y 116, белая, радиус 20, рамка 1px #E5E9F0
                 и тень 0 10px 35px rgba(152,152,152,.1) — без них карточка
                 не видна: фон страницы в макете тоже белый
     Название    18px Bold, на (35, 28) внутри карточки, ширина фрейма 578
     Плашка цены 151×53 на (713, 15) — 15px сверху и снизу, 20px справа
     Иконка      25×25, цена 20px Bold белым

   Mobile (фрейм 300×148, координаты от верха карточки):
     Название    16px Bold, (20, 20), ширина 252, lh 20 — две строки
     Плашка цены 151×53 на (20, 75): под названием, зазор 15
     Вертикаль   20 + 40 + 15 + 53 + 20 = 148

   Высота строки — в пикселях. Figma округляет её до целого, и на «ровной
   половине» округляет ВВЕРХ: 18 × 1.25 = 22.5 → 23 (обычный round() дал бы 22).
   20 × 1.26 = 25.2 → 25. Подробности — docs/old_docs/tasks/2026-08-20-figma-fig-format.md
   ─────────────────────────────────────────────────────────────────────────── */

/* Карточке ширина НЕ задаётся: её определяет колонка, в которую врезку
   вставили. В макете это 884 на странице статьи (там справа оглавление:
   1200 − 296 − 20) и 1200 в продающем шаблоне — то есть не свойство блока, а
   свойство места. Раньше здесь стоял потолок 884 и атрибут width="wide",
   которым его снимали вручную; и потолок, и атрибут убраны 2026-08-24.

   Текстовые фреймы заголовка (1030) и лида (1078) в обоих макетах одинаковы,
   поэтому остаются числами: в узкой колонке их и так обрежет она сама.
   Название внутри карточки — 578 в обоих фреймах. */
.minprice-v1 {
    --minprice-name: 578px;
    --minprice-head: 1030px;
    --minprice-lead: 1078px;

    margin: 20px 0;
}

/* ── Заголовок секции и лид (оба необязательны) ── */

/* Врезка живёт внутри .articles-typical__content: там `h2 { font-size: 28px;
   line-height: 1.5; padding: 10px 0 }` и `p { line-height: 1.5; padding: 10px 0 }`
   со специфичностью (0,1,1) — выше одиночного класса. Без пары `.minprice-v1
   .minprice-v1__…` заголовок становился 28px вместо 35, а лид получал высоту
   строки 24 вместо 22. Отступы статьи заданы через padding, поэтому гасятся
   явно. */
.minprice-v1 .minprice-v1__heading {
    max-width: var(--minprice-head);   /* текстовый фрейм макета */
    padding: 0;
    margin: 0 0 10px;
    font-family: "LorenzoSans", Arial, sans-serif;
    font-weight: 700;
    font-size: 35px;
    line-height: 37px;   /* 35 × 1.07 = 37.45 → 37 */
    letter-spacing: -0.015em;
    color: var(--text-main-color);
}

/* Отступ до карточки — 25px, он же остаётся, когда лида нет и заголовок стоит
   над карточкой один: своей величины для этого случая в макете нет. */
.minprice-v1 .minprice-v1__lead {
    max-width: var(--minprice-lead);
    padding: 0;
    margin: 0 0 25px;
    font-family: "LorenzoSans", Arial, sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;   /* 16 × 1.35 = 21.6 → 22 */
    letter-spacing: -0.005em;
    color: rgba(28, 28, 28, 0.85);
}

.minprice-v1 .minprice-v1__heading:last-child,
.minprice-v1 .minprice-v1__lead:last-child {
    margin-bottom: 0;
}

.minprice-v1 .minprice-v1__heading + .minprice-v1__card {
    margin-top: 25px;
}

/* ── Карточка ── */

.minprice-v1 .minprice-v1__card {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    min-height: 83px;
    box-sizing: border-box;
    /* Рамка в макете INSIDE: 884×83 её включают, поэтому отступы на 1px
       меньше «фигмовских» — иначе блок вырастает до 85px.
       Справа отступ 20, а не 15: плашка стоит на x=713 при ширине 151, то
       есть её правый край 864 при карточке 884. Сверху и снизу действительно
       15 (131 − 116 и 199 − 184). Асимметрия в макете настоящая — раньше
       здесь стояло 15 по всем трём сторонам, потому что правый край не
       сверяли: он виден только вычитанием, а не в столбце координат. */
    padding: 14px 19px 14px 34px;
    background: var(--color-white);
    border: 1px solid #E5E9F0;   /* не var(--color-border): та серая, #CCC */
    border-radius: 20px;
    /* Та же тень, что у карточек infocard-v1 — в макете она общая для них */
    box-shadow: 0 10px 35px rgba(152, 152, 152, 0.1);
}

/* Прозрачность 0.85 задана в макете на заливке текста, а не на слое — так же,
   как в rightnow-v1. Сплошной --text-main-color здесь на полтона темнее. */
.minprice-v1 .minprice-v1__title {
    font-family: "LorenzoSans", Arial, sans-serif;
    font-weight: 700;
    font-size: 18px;
    line-height: 23px;
    letter-spacing: -0.005em;
    color: rgba(28, 28, 28, 0.85);
    max-width: var(--minprice-name);   /* текстовый фрейм макета — задаёт перенос */
}

/* Плашка: 151×53 при иконке 25 и тексте 96 — то есть 10px по бокам,
   10px между иконкой и ценой. */
.minprice-v1 .minprice-v1__price {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    gap: 10px;
    min-height: 53px;
    box-sizing: border-box;
    padding: 0 10px;
    border-radius: 15px;
    background: linear-gradient(121.49deg, var(--color-sage) 0%, #8DA175 100%);
}

.minprice-v1 .minprice-v1__icon {
    flex: 0 0 25px;
    width: 25px;
    height: 25px;
    display: block;
}

.minprice-v1 .minprice-v1__price-text {
    font-family: "LorenzoSans", Arial, sans-serif;
    font-weight: 700;
    font-size: 20px;
    line-height: 25px;
    letter-spacing: -0.005em;
    color: var(--color-white);
    white-space: nowrap;
}

/* ══ Mobile (фрейм MinPriceBlockM 300×148) ═══════════════════════════════════
   Цена уходит под название. Плашка цены НЕ переопределяется: в макете она те
   же 151×53, и складывается она из содержимого — иконка 25 + зазор 10 +
   текст 96 + по 10 с боков. Задать её в vw значило бы сжимать коробку под
   текстом, который остаётся 20px.
   ─────────────────────────────────────────────────────────────────────────── */

@media (max-width: 768px) {
    .minprice-v1 .minprice-v1__heading {
        max-width: none;
        font-size: 22px;
        line-height: 25px;   /* 22 × 1.15 = 25.3 → 25, как в leoinfo-v1 */
    }

    .minprice-v1 .minprice-v1__lead {
        max-width: none;
        margin-bottom: 5vw;
        font-size: 14px;
        line-height: 19px;
    }

    .minprice-v1 .minprice-v1__heading + .minprice-v1__card {
        margin-top: 5vw;
    }

    .minprice-v1 .minprice-v1__card {
        flex-direction: column;
        align-items: flex-start;
        gap: 3.75vw;         /* 15 */
        min-height: 0;
        padding: 4.75vw;     /* 20 − 1 на рамку, как на десктопе */
        border-radius: 5vw;  /* 20 */
    }

    .minprice-v1 .minprice-v1__title {
        font-size: 16px;
        line-height: 20px;   /* 16 × 1.25 = 20 */
        max-width: 63vw;     /* 252 — ширина текстового фрейма в макете */
    }
}