/* ============================================================
   Коммерческие лендинги «Найти арендатора» (/commercial-lease.php)
   и «Продать» (/commercial-sale.php) — общий страничный скин поверх
   design_2026 (main.css + landing.css). Только то, чего нет в
   дизайн-системе: секции-обёртки, список в карточке преимущества,
   карточки кейсов.
   ============================================================ */

/* Секции-обёртки (паддинги как у штатных секций landing.css) */
.clease-how,
.clease-cases{padding:var(--section-pad-y) var(--pad-x)}
.clease-cases{background:var(--white-soft)}

/* Список внутри карточки «Инженерная подготовка» */
.banner-card .text ul{list-style:disc;margin:10px 0 0;padding-left:18px;display:grid;gap:6px}

/* ----- Кейсы ----- */
.cases-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:clamp(20px,2.5vw,32px);max-width:var(--max-content);margin:0 auto}
.case-card{display:flex;flex-direction:column;gap:14px;padding:clamp(26px,3vw,38px);background:#fff;border:1px solid var(--line);border-radius:4px;position:relative;overflow:hidden;transition:.4s}
.case-card::before{content:'';position:absolute;top:0;left:0;width:0;height:2px;background:var(--accent);transition:.5s}
.case-card:hover::before{width:100%}
.case-card:hover{box-shadow:0 30px 60px -20px rgba(8,24,50,.2)}
.case-card__badge{align-self:flex-start;font-size:11px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--accent);background:var(--accent-tint);border-radius:2px;padding:6px 12px}
.case-card__title{font-family:var(--head-font);font-weight:400;font-size:clamp(19px,1.9vw,24px);line-height:1.25;color:var(--text)}
.case-card__row{font-size:14px;line-height:1.6;color:var(--text-dim)}
.case-card__row b{color:var(--text);font-weight:600}
.case-card__row--result{margin-top:auto;padding-top:14px;border-top:1px solid var(--line)}