/* Homepage "Frisch erschienen" — Karussell: 4 sichtbare Karten, rotiert nach links.
   Wird erst aktiv, wenn das JS (lus-newcarousel-v1.js) den Track markiert hat
   (.lus-np-on am Wrapper) — ohne JS bleibt das bestehende Grid aus custom-theme-*.css. */

.lus-newproducts.lus-np-on .lus-np-viewport{
  width:100%;
  overflow:hidden;
}

.lus-newproducts.lus-np-on .featured-products .products.row.lus-np-track,
.lus-newproducts.lus-np-on .products.row.lus-np-track,
.lus-newproducts.lus-np-on .products.lus-np-track{
  display:flex !important;
  flex-wrap:nowrap !important;
  grid-template-columns:none !important;
  gap:28px !important;
  width:100% !important;
  margin:0 !important;
  padding:0 !important;
  will-change:transform;
}

.lus-newproducts.lus-np-on .products.lus-np-track > .js-product,
.lus-newproducts.lus-np-on .products.lus-np-track > .product,
.lus-newproducts.lus-np-on .products.lus-np-track > [class*="col-"]{
  flex:0 0 calc((100% - 3 * 28px) / 4) !important;
  max-width:calc((100% - 3 * 28px) / 4) !important;
  min-width:0 !important;
  width:auto !important;
  margin:0 !important;
  padding:0 !important;
  display:flex !important;
}

@media (max-width:900px){
  .lus-newproducts.lus-np-on .products.lus-np-track > .js-product,
  .lus-newproducts.lus-np-on .products.lus-np-track > .product,
  .lus-newproducts.lus-np-on .products.lus-np-track > [class*="col-"]{
    flex:0 0 calc((100% - 2 * 28px) / 3) !important;
    max-width:calc((100% - 2 * 28px) / 3) !important;
  }
}

@media (max-width:600px){
  .lus-newproducts.lus-np-on .featured-products .products.row.lus-np-track,
  .lus-newproducts.lus-np-on .products.row.lus-np-track,
  .lus-newproducts.lus-np-on .products.lus-np-track{gap:14px !important;}
  .lus-newproducts.lus-np-on .products.lus-np-track > .js-product,
  .lus-newproducts.lus-np-on .products.lus-np-track > .product,
  .lus-newproducts.lus-np-on .products.lus-np-track > [class*="col-"]{
    flex:0 0 calc((100% - 14px) / 2) !important;
    max-width:calc((100% - 14px) / 2) !important;
  }
}