Container queries: карточка услуги по ширине блока

@container и cqi вместо только media.

Обёртка `container-type: inline-size` и `@container (min-width: 280px)` переключает карточку из колонки в строку — компонент живёт в сайдбаре и в сетке каталога одинаково.

Именованные контейнеры (`container-name`) помогают при вложенности.

CSS container queries — MDN — Руководство.
Container queries — web.dev — Паттерны (актуальная поддержка в браузерах).

Производительность

Не ставьте `container-type` на каждый div — только на корень переиспользуемого компонента.