/* GALAXIS Marken Grid 18 V1
   Ziel: 18 Marken auf Desktop sauber als 3 Reihen à 6 Marken.
   Nur Startseite/Design. Keine Shop-Logik.
*/

@media (min-width: 992px) {
  .galx-home--v6 .galx-brands--compact {
    display: grid !important;
    grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
    gap: 10px 12px !important;
    align-items: stretch !important;
  }

  .galx-home--v6 .galx-brands--compact .galx-brand {
    width: 100% !important;
    min-width: 0 !important;
    min-height: 42px !important;
    padding: 8px 12px !important;
    font-size: 14px !important;
  }

  .galx-home--v6 .galx-brands--compact .galx-brand span {
    min-width: 0 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  .galx-home--v6 .galx-brands--compact .galx-brand em {
    flex: 0 0 auto !important;
    width: 22px !important;
    height: 22px !important;
    font-size: 12px !important;
  }
}

@media (min-width: 1280px) {
  .galx-home--v6 .galx-brands--compact {
    gap: 11px 14px !important;
  }

  .galx-home--v6 .galx-brands--compact .galx-brand {
    min-height: 44px !important;
    font-size: 14.5px !important;
  }
}

/* Tablet: 3 Spalten */
@media (min-width: 576px) and (max-width: 991.98px) {
  .galx-home--v6 .galx-brands--compact {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 9px !important;
  }

  .galx-home--v6 .galx-brands--compact .galx-brand {
    width: 100% !important;
    min-width: 0 !important;
  }
}

/* Mobil: 2 Spalten */
@media (max-width: 575.98px) {
  .galx-home--v6 .galx-brands--compact {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 8px !important;
  }

  .galx-home--v6 .galx-brands--compact .galx-brand {
    width: 100% !important;
    min-width: 0 !important;
    min-height: 40px !important;
    padding: 8px 10px !important;
  }
}