@media screen and (min-width: 750px) {
    
        .product-grid--template--19767863246901__main:is(.product-grid--grid) {
          --product-grid-columns-desktop: repeat(auto-fill, minmax(250px, 1fr));
        }


      

    /* This logic helps prevent displaying one column for an large or extra-large product card size on a small screen. We want it to display at least two columns. */
    

    /* When zoomed out, fit as many 100px-wide columns as possible */
    .product-grid--template--19767863246901__main[product-grid-view='zoom-out'] {
      --product-grid-columns-desktop: repeat(auto-fill, minmax(6.25rem, 1fr));
    }

    .product-grid--template--19767863246901__main[product-grid-view='zoom-out'] .product-grid-view-zoom-out--details {
      display: block;
    }

    .product-grid--template--19767863246901__main[product-grid-view='zoom-out'] .product-grid__card {
      padding-inline-start: var(--zoom-out-padding-inline-start, 0);
      padding-inline-end: var(--zoom-out-padding-inline-end, 0);
      padding-block-start: var(--zoom-out-padding-block-start, 0);
      padding-block-end: var(--zoom-out-padding-block-end, 0);
    }
  }