/* Reserve .shell__right final width so the empty (pre-AJAX) cart widget
   cannot collapse the column and cause the work area to snap on load. */
@media (min-width: 1200px) {
  .shell__right {
    flex: 0 0 var(--right-width);
    min-width: var(--right-width);
  }
}

/* Pre-Swiper state of the filter pills row: without this, pills are
   flex-shrunk (squeezed) on first paint and only get their natural width
   after initSwipeContainers() converts the row — visible squeeze->normal
   flash in Safari. flex-shrink:0 + hidden overflow makes the pre-init
   geometry identical to the Swiper slide geometry, and the JS overflow
   measure (sum of item rects) is state-independent, so this cannot
   re-create the old create/destroy loop. */
.filters__row.__swipe:not(.swiper) {
    flex-wrap: nowrap;
    overflow: hidden;
}
.filters__row.__swipe:not(.swiper) > * {
    flex-shrink: 0;
}