
/* V337 - Product listing responsive column count
   Mobile: 2 cards/row (even)
   Tablet: 3 cards/row
   Desktop: 5 cards/row (odd)
   Scope only public product listing/category pages. */

@media (min-width:1101px){
  body:not(.admin-layout) .product-list-page .product-grid.v137-product-grid,
  body:not(.admin-layout) .product-list-page .product-grid.v136-product-grid,
  body:not(.admin-layout) .product-list-page .product-grid.v135-product-grid,
  body:not(.admin-layout) .product-list-page .v117-product-grid{
    grid-template-columns:repeat(5,minmax(0,1fr))!important;
    gap:12px!important;
  }

  body:not(.admin-layout) .product-list-page .v117-product-card{
    min-width:0!important;
    width:100%!important;
  }

  body:not(.admin-layout) .product-list-page .v117-product-media{
    height:auto!important;
    aspect-ratio:1/1!important;
  }
}

@media (min-width:761px) and (max-width:1100px){
  body:not(.admin-layout) .product-list-page .product-grid.v137-product-grid,
  body:not(.admin-layout) .product-list-page .product-grid.v136-product-grid,
  body:not(.admin-layout) .product-list-page .product-grid.v135-product-grid,
  body:not(.admin-layout) .product-list-page .v117-product-grid{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:12px!important;
  }
}

@media (max-width:760px){
  body:not(.admin-layout) .product-list-page .product-grid.v137-product-grid,
  body:not(.admin-layout) .product-list-page .product-grid.v136-product-grid,
  body:not(.admin-layout) .product-list-page .product-grid.v135-product-grid,
  body:not(.admin-layout) .product-list-page .v117-product-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:8px!important;
  }

  body:not(.admin-layout) .product-list-page .v117-product-card{
    min-width:0!important;
    width:100%!important;
  }

  body:not(.admin-layout) .product-list-page .v117-product-media{
    height:auto!important;
    aspect-ratio:1/1!important;
  }

  body:not(.admin-layout) .product-list-page .v117-product-body{
    padding-left:9px!important;
    padding-right:9px!important;
  }
}

@media (max-width:390px){
  body:not(.admin-layout) .product-list-page .product-grid.v137-product-grid,
  body:not(.admin-layout) .product-list-page .product-grid.v136-product-grid,
  body:not(.admin-layout) .product-list-page .product-grid.v135-product-grid,
  body:not(.admin-layout) .product-list-page .v117-product-grid{
    gap:7px!important;
  }
}
