/* Custom CSS theme */
@charset "UTF-8";
/* =========================
   KATEGORIEN GRID: 2 mobil / 4 tablet+desktop
   + Breiten-Reset gegen "Buchstaben umbrechen"
   ========================= */
/* Parent: wirklich Grid + Spalten dürfen breit werden */
.ec-size .ec-store div.grid__categories--advanced {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 28px !important;
  justify-items: stretch !important;
  align-items: start !important;
}

/* Mobile */
@media (max-width: 768px) {
  .ec-size .ec-store div.grid__categories--advanced {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 18px !important;
  }
}

/* Kinder: ALLE festen Breiten/Max-Breiten killen */
.ec-size .ec-store div.grid__categories--advanced > * {
  width: auto !important;
  max-width: none !important;
  min-width: 0 !important;
}

/* Link/Wrapper oft der Übeltäter */
.ec-size .ec-store .grid-category,
.ec-size .ec-store .grid-category__wrap,
.ec-size .ec-store .grid-category__link {
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;
}

/* Text: kein break-all, sauberes Wrapping */
.ec-size .ec-store .grid-category__title,
.ec-size .ec-store .grid-category__name,
.ec-size .ec-store .grid-category__link {
  word-break: normal !important;
  overflow-wrap: break-word !important;
  white-space: normal !important;
  hyphens: auto !important;
  text-align: center !important;
}