/* Klickhome PDP: priorisierte Wawi-Kurzbeschreibung direkt vor der Kaufzone.
   Textquelle bleibt cKurzBeschreibung; diese Datei veraendert nur Darstellung. */
body #product-offer .kh-pdp-reasons {
  height: auto !important;
  min-height: 0 !important;
  margin: 12px 0 14px !important;
  padding: 0 !important;
}

body #product-offer .kh-pdp-reasons__title {
  margin: 0 0 8px !important;
  color: var(--color-text) !important;
  font-family: var(--font-display) !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  line-height: 1.25 !important;
}

body #product-offer .kh-pdp-reasons__items,
body #product-offer .kh-pdp-reasons__items > ul {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 7px !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

/* Wawi liefert je nach Artikel mehrere <p> oder eine gemeinsame <ul>.
   Die <ul> ist ein Rastertraeger und muss die gesamte aeussere Breite belegen. */
body #product-offer .kh-pdp-reasons__items > ul {
  grid-column: 1 / -1 !important;
  width: 100% !important;
}

body #product-offer .kh-pdp-reasons__items:has(> p:nth-child(5)),
body #product-offer .kh-pdp-reasons__items > ul:has(> li:nth-child(5)) {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}

body #product-offer .kh-pdp-reasons__items > p,
body #product-offer .kh-pdp-reasons__items > ul > li {
  display: flex !important;
  align-items: flex-start !important;
  gap: 8px !important;
  min-width: 0 !important;
  min-height: 52px !important;
  margin: 0 !important;
  padding: 9px 10px !important;
  border: 1px solid var(--color-line) !important;
  border-radius: 10px !important;
  background: var(--color-surface) !important;
  color: var(--color-text-muted) !important;
  font-family: var(--font-body) !important;
  font-size: 11.5px !important;
  line-height: 1.35 !important;
  list-style: none !important;
}

body #product-offer .kh-pdp-reasons__items > p:first-child,
body #product-offer .kh-pdp-reasons__items > li:first-child,
body #product-offer .kh-pdp-reasons__items > ul > :first-child {
  grid-column: 1 / -1 !important;
  align-items: center !important;
  min-height: 66px !important;
  padding: 11px 13px !important;
  border-color: var(--brand-tint-strong) !important;
  border-radius: 12px !important;
  background: var(--brand-tint-soft) !important;
  box-shadow: 0 2px 10px rgba(var(--brand-primary-rgb), .08) !important;
  font-size: 13px !important;
}

body #product-offer .kh-pdp-reason__icon {
  display: grid !important;
  flex: 0 0 29px !important;
  width: 29px !important;
  height: 29px !important;
  place-items: center !important;
  border-radius: 50% !important;
  background: var(--brand-tint-soft) !important;
  color: var(--brand-primary) !important;
}

body #product-offer .kh-pdp-reason--primary .kh-pdp-reason__icon {
  flex-basis: 36px !important;
  width: 36px !important;
  height: 36px !important;
  background: var(--brand-primary) !important;
  color: var(--brand-on-primary) !important;
}

body #product-offer .kh-pdp-reason__icon svg {
  width: 16px !important;
  height: 16px !important;
}

body #product-offer .kh-pdp-reason--primary .kh-pdp-reason__icon svg {
  width: 18px !important;
  height: 18px !important;
}

body #product-offer .kh-pdp-reason__copy {
  display: block !important;
  min-width: 0 !important;
}

body #product-offer .kh-pdp-reason__eyebrow {
  display: block !important;
  margin: 0 0 2px !important;
  color: var(--brand-primary) !important;
  font-size: 10px !important;
  font-weight: 800 !important;
  line-height: 1.2 !important;
  letter-spacing: .07em !important;
  text-transform: uppercase !important;
}

body #product-offer .kh-pdp-reasons strong {
  color: var(--color-text) !important;
  font-weight: 800 !important;
}

@media (max-width: 767.98px) {
  body #product-offer .kh-pdp-reasons {
    order: 6 !important;
    margin: 10px 0 13px !important;
  }

  body #product-offer .dh-pdp-buybox__offer {
    order: 7 !important;
  }

  body #product-offer .kh-pdp-reasons__items,
  body #product-offer .kh-pdp-reasons__items > ul,
  body #product-offer .kh-pdp-reasons__items:has(> p:nth-child(5)),
  body #product-offer .kh-pdp-reasons__items > ul:has(> li:nth-child(5)) {
    grid-template-columns: 1fr !important;
    gap: 6px !important;
  }

  body #product-offer .kh-pdp-reasons__items > p,
  body #product-offer .kh-pdp-reasons__items > ul > li {
    min-height: 0 !important;
    padding: 8px 10px !important;
    font-size: 12.5px !important;
  }

  body #product-offer .kh-pdp-reasons__items > p:first-child,
  body #product-offer .kh-pdp-reasons__items > li:first-child,
  body #product-offer .kh-pdp-reasons__items > ul > :first-child {
    min-height: 62px !important;
    padding: 10px 12px !important;
  }
}