/*
 * WillowPlant 17.10.2026 - wp-shop5.css: Fortsetzung von wp-shop4.css (eingebunden in templates/_partials/head.tpl
 * direkt danach). Kleine Datei, damit Ergaenzungen ohne Neuschreiben der grossen Dateien moeglich sind.
 */

/* v32 17.10.2026: Startseite mobil - Slider etwas niedriger (Bild 202 statt 232 px, leicht oben/unten beschnitten,
   Mitte bleibt sichtbar) und Unterkategorien etwas enger, damit alle Unterkategorien des gewaehlten Bereichs ohne
   Scrollen im ersten Bildschirm stehen. (Erst 190 px, auf Wunsch 12 px hoeher.) */
@media (max-width: 767px) {
  .page-home #carousel .carousel-inner,
  .page-home #carousel .carousel-item {
    height: auto !important;
    min-height: 0 !important;
  }
  .page-home #carousel .carousel-item figure,
  .page-home #carousel .carousel-item > a { display: block; margin: 0; }
  .page-home #carousel .carousel-item img {
    display: block;
    width: 100% !important;
    height: 202px !important;
    object-fit: cover;
    object-position: center 45%;
  }
  /* Bewaesserungs-Banner: Text steht links im Bild -> links ausrichten statt mittig (vorher "...sserung" abgeschnitten) */
  .page-home #carousel .carousel-item img[src*="Bewaesserungsset"] { object-position: left center; }
  .page-home .hc-layout .hc-tab-sub .hc-sub > li { margin-bottom: 5px !important; }
}