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

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

/* ----- Партнёр + проекты ----- */
.partner{max-width:var(--max-content);margin:0 auto}
.partner + .partner{margin-top:clamp(40px,5vw,64px)}
.partner-head{margin-bottom:clamp(22px,3vw,32px)}
.partner-name{font-family:var(--head-font);font-size:clamp(20px,2.2vw,28px);color:var(--text);margin-bottom:10px}
.partner-about{font-size:14px;line-height:1.6;color:var(--text-dim)}

.proj-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:clamp(20px,2.5vw,32px)}
.proj-card{display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:4px;overflow:hidden;transition:box-shadow .4s,transform .4s}
.proj-card:hover{transform:translateY(-4px);box-shadow:0 30px 60px -28px rgba(8,24,50,.28)}
.proj-card__img{aspect-ratio:16/10;overflow:hidden;background:#000}
.proj-card__img img{width:100%;height:100%;object-fit:cover;transition:transform 1s ease}
.proj-card:hover .proj-card__img img{transform:scale(1.06)}
.proj-card__body{padding:clamp(20px,2vw,26px);display:flex;flex-direction:column;flex:1}
.proj-card__title{font-family:var(--head-font);font-size:clamp(18px,1.8vw,22px);color:var(--text);margin-bottom:16px}
.proj-card__specs{list-style:none;padding:0;margin:0 0 20px}
.proj-card__specs li{display:flex;justify-content:space-between;gap:12px;font-size:13px;line-height:1.5;padding:8px 0;border-bottom:1px solid var(--line)}
.proj-card__specs li span{color:var(--text-dim)}
.proj-card__specs li b{color:var(--text);font-weight:600;text-align:right}
.proj-card__body .btn-lead{margin-top:auto;align-self:flex-start}

/* ----- Подбор участка ----- */
.land-cta{max-width:var(--max-content);margin:0 auto clamp(28px,4vw,44px);display:flex;flex-wrap:wrap;align-items:center;gap:clamp(14px,2vw,24px)}
.land-cta__count{font-size:14px;color:var(--text-dim)}
.land-cta__count b{color:var(--accent);font-weight:600}

/* ----- Витрина участков из базы ----- */
/* карточки — общие объектовые (.objcard из landing.css), сетка фиксированная:
   8 участков ровно в два ряда по 4 на средних/больших экранах (по ревью) */
.land-cards{max-width:var(--max-content);margin-left:auto;margin-right:auto;grid-template-columns:repeat(4,minmax(0,1fr))}
.area-all{max-width:var(--max-content);margin:clamp(24px,3vw,36px) auto 0;text-align:center}

/* Отступ между текстом SEO-блока и кнопкой «Рассчитать стоимость дома» */
.glblock-cta{margin-top:clamp(24px,3vw,36px)}

@media(max-width:1200px){
    /* ниже ноутбучной ширины 4 карточки в ряд становятся уже 290px — уходим в 2 */
    .land-cards{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:560px){
    .proj-grid,.land-cards{grid-template-columns:1fr}
    .proj-card:hover{transform:none;box-shadow:none}
}