/* Expert4House — e4happ 0.56.0: griglia prodotti 5/4/3/2 su Offerte, Nuovi prodotti, Più venduti e pagine dei brand
   (stessa regola delle sottocategorie e della pagina «La mia casa»). Caricato solo su quelle pagine (E4happListing).
   Solo vista «Griglia» del tema (#products.grid); «Griglia-2», «Elenco» e «Catalogo» restano del tema.
   Tema Electron: card = article.tv-grid-list-wrapper-info-box (col-xl-3 col-lg-4 col-md-6 col-sm-6 col-xs-12),
   padding 7,5 px, righe flex con altezze uguali. Il tema fa: 1 per riga sotto i 576 px, 2 fino a 991, 3 fino a 1400,
   4 fino a 1679, 5 da 1680. Qui:
     da 1400 px                         5 per riga
     1200–1399 con la colonna filtri    4 (a 5 le schede scenderebbero a 175 px con i nomi tagliati)
     992–1199                           4 (la colonna filtri va sopra: lista a tutta larghezza)
     768–991                            3
     sotto 768                          2 (1 sotto i 336 px, come nelle categorie)
   Selettori con gli id delle pagine: più forti delle regole del tema (#products.grid .tvall-product-wrapper-info-box). */
body#prices-drop #products.grid .products > .tv-grid-list-wrapper-info-box,
body#new-products #products.grid .products > .tv-grid-list-wrapper-info-box,
body#best-sales #products.grid .products > .tv-grid-list-wrapper-info-box,
body#manufacturer #products.grid .products > .tv-grid-list-wrapper-info-box{flex:0 0 20%;max-width:20%;width:20%}

@media (min-width:1200px) and (max-width:1399px){
  body.layout-left-column#prices-drop #products.grid .products > .tv-grid-list-wrapper-info-box,
  body.layout-left-column#new-products #products.grid .products > .tv-grid-list-wrapper-info-box,
  body.layout-left-column#best-sales #products.grid .products > .tv-grid-list-wrapper-info-box,
  body.layout-left-column#manufacturer #products.grid .products > .tv-grid-list-wrapper-info-box,
  body.layout-right-column#prices-drop #products.grid .products > .tv-grid-list-wrapper-info-box,
  body.layout-right-column#new-products #products.grid .products > .tv-grid-list-wrapper-info-box,
  body.layout-right-column#best-sales #products.grid .products > .tv-grid-list-wrapper-info-box,
  body.layout-right-column#manufacturer #products.grid .products > .tv-grid-list-wrapper-info-box{flex-basis:25%;max-width:25%;width:25%}
}
@media (max-width:1199px){
  body#prices-drop #products.grid .products > .tv-grid-list-wrapper-info-box,
  body#new-products #products.grid .products > .tv-grid-list-wrapper-info-box,
  body#best-sales #products.grid .products > .tv-grid-list-wrapper-info-box,
  body#manufacturer #products.grid .products > .tv-grid-list-wrapper-info-box{flex-basis:25%;max-width:25%;width:25%}
}
@media (max-width:991px){
  body#prices-drop #products.grid .products > .tv-grid-list-wrapper-info-box,
  body#new-products #products.grid .products > .tv-grid-list-wrapper-info-box,
  body#best-sales #products.grid .products > .tv-grid-list-wrapper-info-box,
  body#manufacturer #products.grid .products > .tv-grid-list-wrapper-info-box{flex-basis:33.333%;max-width:33.333%;width:33.333%}
}
@media (max-width:767px){
  body#prices-drop #products.grid .products > .tv-grid-list-wrapper-info-box,
  body#new-products #products.grid .products > .tv-grid-list-wrapper-info-box,
  body#best-sales #products.grid .products > .tv-grid-list-wrapper-info-box,
  body#manufacturer #products.grid .products > .tv-grid-list-wrapper-info-box{flex-basis:50%;max-width:50%;width:50%}
}
@media (max-width:335px){
  body#prices-drop #products.grid .products > .tv-grid-list-wrapper-info-box,
  body#new-products #products.grid .products > .tv-grid-list-wrapper-info-box,
  body#best-sales #products.grid .products > .tv-grid-list-wrapper-info-box,
  body#manufacturer #products.grid .products > .tv-grid-list-wrapper-info-box{flex-basis:100%;max-width:100%;width:100%}
}