/**
 * Страница-заглушка /catalog (режим скрытого каталога).
 * Раскладка строчная (ТЗ заглушки §3). Цвета только токенами --mm-*.
 */

.mm-cathid { padding: 48px 0 72px; }
.mm-cathid section { margin-top: 64px; }
.mm-cathid section:first-child { margin-top: 0; }

/* Первый экран */
.mm-cathid-hero { max-width: 760px; }
.mm-cathid-h1 { font-size: 44px; font-weight: 800; letter-spacing: -0.03em; line-height: 1.06; margin: 8px 0 16px; color: var(--mm-graphite); }
.mm-cathid-sub { font-size: 18px; line-height: 1.5; color: var(--mm-text-strong-body); margin: 0 0 24px; max-width: 580px; }
.mm-cathid-cta { display: flex; gap: 14px; flex-wrap: wrap; }
.mm-cathid-fine { font-size: 14px; color: var(--mm-text-muted); margin: 16px 0 0; max-width: 560px; line-height: 1.5; }
.mm-cathid-fine--center { text-align: center; max-width: none; }

/* Что внутри */
.mm-cathid-note { font-size: 15px; color: var(--mm-text-muted); margin: -14px 0 28px; }
.mm-cathid-rows { display: flex; flex-direction: column; }
.mm-cathid-row { display: grid; grid-template-columns: 260px 1fr; gap: 28px; align-items: center; padding: 24px 0; border-top: 1px solid var(--mm-border); }
.mm-cathid-row:first-child { border-top: 0; }
.mm-cathid-ill { background: var(--mm-surface-sunk); border: 1px solid var(--mm-border); border-radius: 12px; padding: 14px; }
.mm-cathid-ill svg { display: block; width: 100%; height: auto; }
.mm-cathid-rowtext h3 { font-size: 21px; font-weight: 700; letter-spacing: -0.01em; margin: 0 0 8px; color: var(--mm-graphite); }
.mm-cathid-rowtext p { font-size: 16px; line-height: 1.55; color: var(--mm-text-strong-body); margin: 0; max-width: 56ch; }

/* Полоса «Рабочие чертежи» — отдельным фоном, под строками состава */
.mm-cathid-draw { display: grid; grid-template-columns: 150px 1fr; gap: 24px; align-items: center; margin-top: 28px; padding: 18px 22px; background: var(--mm-linen-100); border-radius: 12px; }
.mm-cathid-draw-ill svg { display: block; width: 100%; height: auto; }
.mm-cathid-draw-text p { font-size: 15px; line-height: 1.5; color: var(--mm-text-strong-body); margin: 6px 0 0; max-width: 60ch; }

/* Серии — строки во всю ширину */
.mm-cathid-serieslist { display: flex; flex-direction: column; }
.mm-cathid-serie { position: relative; display: grid; grid-template-columns: 220px 1fr; gap: 28px; align-items: center; padding: 22px 0; border-top: 1px solid var(--mm-border); }
.mm-cathid-serie:first-child { border-top: 0; }
.mm-cathid-serie-ill { display: flex; align-items: flex-end; }
.mm-cathid-serie-ill img, .mm-cathid-serie-ill svg { display: block; height: 130px; width: auto; max-width: 100%; }
.mm-cathid-serie-label { font-size: 20px; font-weight: 700; letter-spacing: -0.01em; color: var(--mm-graphite); }
.mm-cathid-serie-link { display: inline-block; margin-top: 6px; font-size: 15px; font-weight: 600; color: var(--mm-terracotta); }
.mm-cathid-serie-link:hover { filter: brightness(0.92); }
/* Растянутая ссылка: вся строка кликабельна без вложенных ссылок */
.mm-stretch::after { content: ''; position: absolute; inset: 0; }

/* Развилка */
.mm-cathid-fork { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; margin-top: 40px; }
.mm-cathid-fork-col { display: flex; flex-direction: column; align-items: flex-start; gap: 12px; padding: 24px; background: var(--mm-surface-sunk); border-radius: 12px; }
.mm-cathid-fork-q { font-size: 17px; font-weight: 600; margin: 0; color: var(--mm-graphite); }

@media (max-width: 767px) {
	.mm-cathid-h1 { font-size: 32px; }
	.mm-cathid-cta { flex-direction: column; }
	.mm-cathid-cta > a { width: 100%; }  /* растянуть кнопки на мобильном, не трогая сам компонент */
	.mm-cathid-row { grid-template-columns: 1fr; gap: 14px; }
	.mm-cathid-draw { grid-template-columns: 1fr; }
	.mm-cathid-serie { grid-template-columns: 1fr; gap: 12px; }
	.mm-cathid-serie-ill img, .mm-cathid-serie-ill svg { height: 120px; }
	.mm-cathid-fork { grid-template-columns: 1fr; }
	.mm-cathid-fork-col > a { width: 100%; }  /* растянуть кнопки на мобильном, не трогая сам компонент */
}