/* Top Produkte im Shop (Vorlage node/17) – Kacheln = normale Produkt-
   Teaser (Styles in produkt.css), hier nur Raster und Größe für 4 Spalten. */
.dpt { padding: 40px 0 10px; }
.dpt__head {
  font-family: 'Anton', sans-serif;
  color: #416681;
  font-size: 30px;
  margin: 0 0 26px;
}
.dpt__grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 22px;
  align-items: stretch;
}
/* Bild etwas kleiner als auf den Kategorieseiten (4 statt 2 Spalten). */
.dpt .produkt-teaser__card > .produkt-teaser__bild { height: 170px; }
.dpt .produkt-teaser__bild img { max-height: 170px; }
.dpt .produkt-teaser > .produkt-teaser__card { padding: 14px 12px 18px; border-width: 2px; }
.dpt .produkt-teaser__title { font-size: 18px; }
.dpt .produkt-teaser__rating { font-size: 16px; }

@media (max-width: 900px) { .dpt__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); row-gap: 30px; } }
@media (max-width: 520px) { .dpt__grid { grid-template-columns: 1fr; } }