/* Страница застройщика /zastrojshchik/<slug>/ — только раскладка (СЗ1, 24.10.2026). Компоненты (лист, крошки, организация,
   кнопки, плашка цифр, текст, карточка ЖК) — static/css/components.css.
   Телефон — колонка (утверждён 24.10); планшет — кнопки в ряд, ЖК по два; десктоп — название слева и кнопки справа одной
   строкой, цифры в ряд, ЖК по три, как в каталоге. */

.developer { --step-card: 40px; }
.developer__org { margin-top: var(--space-4); }
.developer__actions, .developer__stats { margin-top: var(--step); }
.developer__sec { margin-top: var(--step-section); scroll-margin-top: calc(var(--header-h) + var(--space-4)); }
.developer__sec > h2 + * { margin-top: var(--step-head); }
.developer__grid { display: grid; gap: var(--step-card); margin-top: var(--step); }

/* планшет: кнопки в ряд по ширине текста, ЖК по два (subgrid — фото соседей на одной линии, как в каталоге) */
@media (min-width: 768px) {
  .developer__actions { grid-auto-flow: column; justify-content: start; }
  .developer__actions .btn { min-width: 260px; white-space: nowrap; }
  .developer__sec .prose { max-width: 680px; }
  .developer__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: var(--space-6); }
  .developer__grid > .zhk-card { display: grid; grid-row: span 4; grid-template-rows: subgrid; row-gap: 0; align-content: start; }
  .developer__grid .zhk-card__media { align-self: start; }
  .developer__grid .zhk-card__status:empty, .developer__grid .zhk-card__facts:empty { display: block; }
}

/* десктоп: лист 1232; название слева, кнопки справа на линии низа плитки; ЖК по три */
@media (min-width: 1024px) {
  .developer { --step: 32px; --step-card: 48px; }
  .developer__top { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: end; column-gap: var(--space-8); }
  .developer__top .developer__actions { margin-top: 0; }
  .developer__grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}