CSS Subgrid: выравнивание карточек в сетке каталога

grid-template-columns: subgrid позволяет вложенной карточке участвовать в колонках родительского grid — цены и CTA выравниваются по одной базовой линии.

Альтернатива — flex + min-height на блоках, но subgrid чище для витрин с переменной длиной заголовка.

- [subgrid — MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_grid_layout/Subgrid) — Синтаксис и примеры.

- [CSS Subgrid — web.dev](https://web.dev/articles/css-subgrid) — Паттерны карточек.

---

## Fallback

При отсутствии subgrid используйте @supports (grid-template-columns: subgrid) и запасной flex-layout.

Не вкладывайте subgrid глубже двух уровней — отладка в DevTools усложняется.