grid-column: span 2 — промо-баннер на всю ширину сетки
span, line names и адаптив на одну колонку.
`grid-column: 1 / -1` или `span 2` растягивает элемент на все колонки витрины — баннер между рядами товаров.
В `@media` переводите в `grid-column: auto` на одноколоночном мобильном.
- grid-column — MDN — span и line.
- Grid layout — web.dev — Размещение элементов.
Порядок
Для DOM-порядка vs визуального используйте `order` осторожно — влияет на tab и screen readers.