.grid.grid--per-view{--grid-desktop-horizontal-spacing: 1.2rem;--grid-mobile-horizontal-spacing: 1.2rem;display:grid;grid-template-columns:repeat(var(--cards-per-view),minmax(0,1fr));gap:var(--grid-mobile-horizontal-spacing);margin-block:0}.grid--per-view .grid__item{width:auto;min-width:0;max-width:none;padding-block:0}.product-grid.grid--per-view .quantity--card .quantity__input{min-width:0}@media screen and (max-width:420px){.grid--per-view{--cards-per-view: var(--cards-small)}}@media screen and (min-width:421px)and (max-width:640px){.grid--per-view{--cards-per-view: var(--cards-mobile)}}@media screen and (min-width:641px){.grid--per-view{--cards-per-view: var(--cards-tablet-mobile);gap:var(--grid-desktop-horizontal-spacing)}}@media screen and (min-width:1024px){.grid--per-view{--cards-per-view: var(--cards-tablet)}}@media screen and (min-width:1280px){.grid--per-view{--cards-per-view: var(--cards-desktop-tablet)}}@media screen and (min-width:1440px){.grid--per-view{--cards-per-view: var(--cards-desktop)}}@media screen and (min-width:1920px){.grid--per-view{--cards-per-view: var(--cards-large)}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/component-grid-per-view.css.map */