/* =========================================================
   Kategoriální bannery (dklab) – ČERPADLA, TOPIDLA, …
   Zaoblení dáváme přímo na <picture>/<img> (spolehlivé i když
   je <a> inline) + jemný hover zoom. Mřížku necháváme být.
   ========================================================= */

/* obal obrázku – ořez + zaoblení (clipuje i zoom) */
html body .dklabBanplusBox picture {
  display: block !important;
  border-radius: 12px !important;
  overflow: hidden !important;
}

/* samotný obrázek – zaoblení (fallback) + plynulý zoom */
html body .dklabBanplusBox img {
  display: block !important;
  width: 100% !important;
  height: auto !important;
  border-radius: 12px !important;
  transition: transform .4s ease !important;
}

/* zoom při najetí myší */
html body .dklabBanplusBox:hover img {
  transform: scale(1.06) !important;
}

/* 5 sloupců, malá mezera, obrázky VYPLNÍ celou buňku (jen desktop) */
@media (min-width: 992px) {
  html body #dklabBanplusUvod {
    display: grid !important;
    grid-template-columns: repeat(5, 1fr) !important;
    gap: 10px !important;
    justify-items: stretch !important;
  }
  html body #dklabBanplusUvod .dklabBanplusBox {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    flex: none !important;
  }
  html body #dklabBanplusUvod .dklabBanplusBox picture,
  html body #dklabBanplusUvod .dklabBanplusBox img {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    display: block !important;
  }
}