/* GALAXIS-TV V18 Design-Feinschliff
   Nur Optik: Finder, Markenzeile, Produktkarten, Schnellstart, Footer.
   Keine Warenkorb-/Checkout-/Suchlogik.
*/

/* Wird per JS nur auf der Ersatz-Fernbedienungs-/Startseiten-Ansicht gesetzt */
body.galx-v18-design,
body.galx-v18-design .galx-home--v6 {
  background: #f7f8fb !important;
}

body.galx-v18-design .galx-home--v6 .galx-container {
  max-width: 1320px !important;
}

/* ------------------------------
   Finder oben: etwas klarer, aber nicht wieder groß
-------------------------------- */
body.galx-v18-design .galx-market-home--slim {
  padding: 10px 0 8px !important;
  background: #f7f8fb !important;
}

body.galx-v18-design .galx-slim-finder {
  padding: 12px 14px !important;
  gap: 11px !important;
  border-radius: 16px !important;
  border: 1px solid rgba(8,35,63,.11) !important;
  background: #fff !important;
  box-shadow: 0 8px 24px rgba(8,35,63,.055) !important;
}

body.galx-v18-design .galx-slim-finder__title strong {
  font-size: 17px !important;
  line-height: 1.12 !important;
  letter-spacing: -0.01em !important;
}

body.galx-v18-design .galx-slim-finder__title span {
  margin-top: 3px !important;
  font-size: 11.5px !important;
  color: #64748b !important;
}

body.galx-v18-design .galx-home--v6 .galx-slim-finder .galx-search-tabs button {
  min-height: 31px !important;
  padding: 7px 11px !important;
  font-size: 11.5px !important;
  border-color: rgba(8,35,63,.14) !important;
  box-shadow: none !important;
}

body.galx-v18-design .galx-home--v6 .galx-finder--slim .galx-input {
  height: 40px !important;
  min-height: 40px !important;
  font-size: 13.5px !important;
  border-color: rgba(8,35,63,.18) !important;
  box-shadow: inset 0 1px 0 rgba(8,35,63,.025) !important;
}

body.galx-v18-design .galx-home--v6 .galx-finder--slim .galx-btn {
  height: 40px !important;
  min-height: 40px !important;
  font-size: 13.5px !important;
  font-weight: 900 !important;
  background: #ff6241 !important;
}

body.galx-v18-design .galx-home--v6 .galx-finder--slim .galx-btn:hover,
body.galx-v18-design .galx-home--v6 .galx-finder--slim .galx-btn:focus {
  background: #f05235 !important;
}

body.galx-v18-design .galx-home--v6 .galx-code--slim summary {
  font-size: 11.5px !important;
  color: #214a7a !important;
}

/* ------------------------------
   Bestseller-Bereich: ruhiger und besser lesbar
-------------------------------- */
body.galx-v18-design .galx-home--v6 #galx-popular-brands {
  margin-top: 2px !important;
  margin-bottom: 10px !important;
}

body.galx-v18-design .galx-home--v6 #galx-popular-brands .galx-section-head {
  margin: 0 0 7px !important;
  align-items: center !important;
}

body.galx-v18-design .galx-home--v6 #galx-popular-brands .galx-h2 {
  font-size: 24px !important;
  line-height: 1.1 !important;
  letter-spacing: -0.018em !important;
}

body.galx-v18-design .galx-home--v6 #galx-popular-brands .galx-section-head p {
  font-size: 11.5px !important;
  color: #66758b !important;
}

/* Marken-Chips sauberer, weniger unruhig */
body.galx-v18-design .galx-home--v6 #galx-popular-brands .galx-brands.galx-brands--compact {
  gap: 6px !important;
  margin-bottom: 9px !important;
}

body.galx-v18-design .galx-home--v6 #galx-popular-brands .galx-brands.galx-brands--compact > .galx-brand {
  min-height: 32px !important;
  padding: 7px 10px !important;
  border-radius: 999px !important;
  background: #fff !important;
  border: 1px solid rgba(8,35,63,.13) !important;
  box-shadow: 0 2px 7px rgba(8,35,63,.03) !important;
  font-size: 11.5px !important;
  font-weight: 850 !important;
}

body.galx-v18-design .galx-home--v6 #galx-popular-brands .galx-brands.galx-brands--compact > .galx-brand.is-active {
  background: #032449 !important;
  border-color: #032449 !important;
  color: #fff !important;
  box-shadow: 0 5px 14px rgba(3,36,73,.14) !important;
}

body.galx-v18-design .galx-home--v6 #galx-popular-brands .galx-brands.galx-brands--compact > .galx-brand em {
  width: 15px !important;
  height: 15px !important;
  background: #fff0eb !important;
  color: #ff6241 !important;
  font-size: 10px !important;
}

body.galx-v18-design .galx-home--v6 #galx-popular-brands .galx-brands.galx-brands--compact > .galx-brand.is-active em {
  background: rgba(255,255,255,.18) !important;
  color: #fff !important;
}

/* ------------------------------
   Produktkarten: gleichmäßiger, verkaufsstärker
-------------------------------- */
body.galx-v18-design .galx-brand-products {
  margin-top: 9px !important;
}

body.galx-v18-design .galx-brand-products__head {
  margin: 0 0 9px !important;
  padding: 0 !important;
}

body.galx-v18-design .galx-brand-products__head strong {
  font-size: 17px !important;
  letter-spacing: -0.01em !important;
}

body.galx-v18-design .galx-brand-products__head span {
  font-size: 11.5px !important;
  color: #66758b !important;
}

body.galx-v18-design .galx-brand-products__grid {
  grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  gap: 12px !important;
}

body.galx-v18-design .galx-brand-product-card {
  border-radius: 13px !important;
  border: 1px solid rgba(8,35,63,.115) !important;
  box-shadow: 0 5px 16px rgba(8,35,63,.055) !important;
  overflow: hidden !important;
  transition: transform .14s ease, box-shadow .14s ease, border-color .14s ease !important;
}

body.galx-v18-design .galx-brand-product-card:hover {
  transform: translateY(-2px) !important;
  border-color: rgba(255,98,65,.28) !important;
  box-shadow: 0 10px 24px rgba(8,35,63,.085) !important;
}

body.galx-v18-design .galx-brand-product-card__image {
  height: 164px !important;
  padding: 13px 12px 8px !important;
  background: linear-gradient(180deg,#f9fbfe 0%,#eef3f8 100%) !important;
}

body.galx-v18-design .galx-brand-product-card__image img {
  width: auto !important;
  max-width: 92% !important;
  max-height: 145px !important;
  object-fit: contain !important;
}

body.galx-v18-design .galx-brand-product-card__body {
  padding: 10px 10px 11px !important;
}

body.galx-v18-design .galx-brand-product-card__title {
  min-height: 43px !important;
  margin-bottom: 8px !important;
  text-align: left !important;
  font-size: 12.3px !important;
  line-height: 1.28 !important;
  font-weight: 850 !important;
  -webkit-line-clamp: 2 !important;
}

body.galx-v18-design .galx-brand-product-card__btn {
  min-height: 31px !important;
  margin-bottom: 8px !important;
  padding: 7px 10px !important;
  border-radius: 8px !important;
  font-size: 12px !important;
  box-shadow: none !important;
}

body.galx-v18-design .galx-brand-product-card__btn:hover,
body.galx-v18-design .galx-brand-product-card__btn:focus {
  background: #0b315f !important;
}

body.galx-v18-design .galx-brand-product-card__pricebox {
  padding: 8px 9px 7px !important;
  border-radius: 11px !important;
  text-align: left !important;
  background: #f7f9fc !important;
}

body.galx-v18-design .galx-brand-product-card__price {
  font-size: 17px !important;
  font-weight: 950 !important;
  color: #08233f !important;
  letter-spacing: -0.015em !important;
}

body.galx-v18-design .galx-brand-product-card__price-note {
  margin-top: 3px !important;
  font-size: 9.5px !important;
  color: #76859a !important;
  line-height: 1.25 !important;
}

/* ------------------------------
   Schnellstart: edel, aber flacher/dezenter
-------------------------------- */
body.galx-v18-design .galx-category-section--dynamic {
  margin-top: 12px !important;
  padding: 12px 14px !important;
  border-radius: 16px !important;
  border: 1px solid rgba(8,35,63,.08) !important;
  background: #fff !important;
  box-shadow: 0 5px 18px rgba(8,35,63,.045) !important;
}

body.galx-v18-design .galx-category-section--dynamic .galx-h2 {
  font-size: 18px !important;
  margin-bottom: 9px !important;
}

body.galx-v18-design .galx-categories {
  gap: 10px !important;
}

body.galx-v18-design .galx-category-card {
  min-height: 116px !important;
  border-radius: 14px !important;
  box-shadow: 0 5px 16px rgba(8,35,63,.055) !important;
}

body.galx-v18-design .galx-category-card__title,
body.galx-v18-design .galx-category-card h3,
body.galx-v18-design .galx-category-card strong {
  font-size: 16px !important;
}

body.galx-v18-design .galx-category-card p,
body.galx-v18-design .galx-category-card span {
  font-size: 11px !important;
}

/* unterer Tippstreifen kompakter */
body.galx-v18-design .galx-trust-strip,
body.galx-v18-design .galx-truststrip,
body.galx-v18-design .galx-home-trust-strip {
  margin-top: 10px !important;
  padding: 10px 14px !important;
  border-radius: 14px !important;
}

/* ------------------------------
   Footer etwas leichter
-------------------------------- */
body.galx-v18-design footer,
body.galx-v18-design .footer,
body.galx-v18-design #footer {
  margin-top: 24px !important;
}

body.galx-v18-design footer a,
body.galx-v18-design .footer a,
body.galx-v18-design #footer a {
  text-decoration: none !important;
}

/* ------------------------------
   Responsive
-------------------------------- */
@media (max-width: 1199.98px) {
  body.galx-v18-design .galx-brand-products__grid {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 991.98px) {
  body.galx-v18-design .galx-brand-products__grid {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }

  body.galx-v18-design .galx-home--v6 #galx-popular-brands .galx-section-head p {
    text-align: left !important;
    max-width: none !important;
  }
}

@media (max-width: 767.98px) {
  body.galx-v18-design .galx-slim-finder {
    padding: 10px !important;
  }

  body.galx-v18-design .galx-home--v6 #galx-popular-brands .galx-h2 {
    font-size: 21px !important;
  }

  body.galx-v18-design .galx-brand-products__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 9px !important;
  }

  body.galx-v18-design .galx-brand-product-card__image {
    height: 150px !important;
  }

  body.galx-v18-design .galx-brand-product-card__image img {
    max-height: 132px !important;
  }

  body.galx-v18-design .galx-brand-product-card__title {
    min-height: 42px !important;
    font-size: 12px !important;
  }

  body.galx-v18-design .galx-category-section--dynamic {
    padding: 11px !important;
  }
}

@media (max-width: 480px) {
  body.galx-v18-design .galx-brand-products__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  body.galx-v18-design .galx-brand-product-card__image {
    height: 138px !important;
  }

  body.galx-v18-design .galx-brand-product-card__image img {
    max-height: 122px !important;
  }

  body.galx-v18-design .galx-brand-product-card__body {
    padding: 9px !important;
  }

  body.galx-v18-design .galx-brand-product-card__price {
    font-size: 15.5px !important;
  }
}
