/*
 * Eigene Anpassungen alphapetshop (wird nach app.css geladen und ueberschreibt es)
 * 2026-10-08: Produktraster mit festen Spalten wie ein Bootstrap-Grid
 *             statt "so viele wie hineinpassen" (LiteCart 2.7.1: auto-fill, minmax 175px)
 *   unter 576 px: 1 | ab 576 px: 2 | ab 768 px: 3 | ab 1200 px: 6 Produkte pro Reihe
 *   Passend dazu: Boxen 6 Produkte, Kategorieseiten 24 Produkte (teilbar durch 1, 2, 3, 6)
 */
.listing.products.columns {
  grid-template-columns: repeat(1, minmax(0, 1fr));
}
@media (min-width: 576px) {
  .listing.products.columns {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (min-width: 768px) {
  .listing.products.columns {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
@media (min-width: 1200px) {
  .listing.products.columns {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
}

/*
 * 2026-10-08: Farben wie im bisherigen Shop (LiteCart 2.5.4, dort direkt in variables.css geaendert)
 *   gruene Navigation mit weisser Schrift ("natuerlich"), runde Eingabefelder
 */
:root {
  --navigation-background-color: #0E6A37;
  --navigation-text-color: #fff;
  --input-border-radius: 1em;
}