/* Modul «Neuste Produkte» mit Titelblättern quer (3.1.29): eine Reihe, gleich breite Spalten, Abstand 40 px.
   Überschreibt die Regeln für .neupmarg/.neuep in der user.css des Templates nur bei .neupmarg--quer. */
.prod .neupmarg.neupmarg--quer, .neupmarg.neupmarg--quer { display: grid !important; grid-template-columns: repeat(var(--n, 5), minmax(0, 1fr)); grid-auto-flow: row; gap: 40px; justify-content: stretch; }
.neupmarg--quer .neuep { width: auto !important; margin: 0 !important; float: none !important; padding: 0 !important; text-align: center; }
.neupmarg--quer .pmshop-cover--landscape { width: 100% !important; }
/* Titel und Stil gleich gross wie beim Hochformat (3.1.30): Hochformat-Grundschrift 10 px (106 px / 10.6) × 1.15 bzw. .9 (user.css) */
.prod .neupmarg--quer .neuep .pmshop-cover--landscape .pmshop-cover-title { font-size: 11.5px; }
.prod .neupmarg--quer .neuep .pmshop-cover--landscape .pmshop-cover-style { font-size: 9px; }
/* Tablet und Handy: eine Reihe zum seitlichen Wischen */
@media (max-width: 980px) {
  .prod .neupmarg.neupmarg--quer, .neupmarg.neupmarg--quer { grid-template-columns: none; grid-auto-flow: column; grid-auto-columns: 170px; gap: 16px;
    overflow-x: auto; scroll-snap-type: x mandatory; -webkit-overflow-scrolling: touch; padding-bottom: 8px !important; }
  .neupmarg--quer .neuep { scroll-snap-align: start; }
}