Обёртка container-type: inline-size и @container (min-width: 280px) переключает карточку из колонки в строку — компонент живёт в сайдбаре и в сетке каталога одинаково.
Именованные контейнеры (container-name) помогают при вложенности.
- [CSS container queries — MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_containment/Container_queries) — Руководство.
- [Container queries — web.dev](https://web.dev/articles/cq-polyfill) — Паттерны (актуальная поддержка в браузерах).
---
## Производительность
Не ставьте container-type на каждый div — только на корень переиспользуемого компонента.