/* Handy-Startseite – Ergänzungen (eingebunden aus front/_home_mobile.php) */

/* Bundles: alle sichtbar als 2er-Raster statt Wisch-Leiste */
.mh-bgrid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
.mh-bgrid.one { grid-template-columns: minmax(0, 1fr); }
.mh-bgrid .mh-bund { padding: 12px; gap: 3px; min-width: 0; }
.mh-bgrid .mh-bimg { height: 76px; margin-bottom: 4px; }
.mh-bgrid .mh-bimg img { width: 68px; height: 68px; top: 2px; left: calc(var(--k) * 26%); border-radius: 12px; }
.mh-bgrid .mh-bund b { font-size: 15px; line-height: 1.25; }
.mh-bgrid .mh-bund small { font-size: 12px; line-height: 1.35; }
.mh-bsave { align-self: flex-start; margin-top: 4px; padding: 3px 8px; border-radius: 999px; background: #e6f4ea; color: #1f7a40; font-size: 11.5px; font-weight: 700; white-space: nowrap; }
@media (max-width: 340px) { .mh-bgrid { grid-template-columns: minmax(0, 1fr); } }

@media (max-width: 768px) {
  /* „Fachschaften vertrauen uns“: Laufband – Logos vollständig (nicht beschnitten), grau, in der Mitte farbig */
  #mobile-shop-widget .msw-unis { padding-bottom: 0; }
  #mobile-shop-widget .msw-unis__label { font-size: 12px; padding: 22px 16px 12px; text-align: center; }
  #mobile-shop-widget .msw-unis__viewport { overflow: hidden; -webkit-mask-image: linear-gradient(90deg, transparent, #000 12%, #000 88%, transparent); mask-image: linear-gradient(90deg, transparent, #000 12%, #000 88%, transparent); }
  #mobile-shop-widget .msw-unis__track { display: flex; gap: 14px; padding: 6px 0 4px; width: max-content; animation: none !important; will-change: transform; }
  #mobile-shop-widget .msw-unis__track > * { flex: none; width: 92px; display: flex; flex-direction: column; align-items: center; gap: 7px; text-align: center; text-decoration: none;
    color: var(--msw-navy, #1f3a5f); font-size: 11.5px; font-weight: 600; line-height: 1.2; transition: transform .5s ease; }
  #mobile-shop-widget .msw-unis__track > * > span { display: block; max-width: 100%; opacity: .55; transition: opacity .5s; }
  #mobile-shop-widget .msw-unis__track img { width: 80px; height: 80px; border-radius: 18px; object-fit: contain; padding: 8px; box-sizing: border-box; background: #fff;
    border: 1px solid var(--msw-line, #dbe4ee); box-shadow: 0 6px 16px -12px rgba(15, 40, 80, .5); filter: grayscale(1) contrast(.95); opacity: .62; transition: filter .6s ease, opacity .6s ease, box-shadow .6s ease; }
  #mobile-shop-widget .msw-unis__track > .lit { transform: translateY(-3px) scale(1.06); }
  #mobile-shop-widget .msw-unis__track > .lit img { filter: none; opacity: 1; box-shadow: 0 10px 22px -12px rgba(15, 40, 80, .6); }
  #mobile-shop-widget .msw-unis__track > .lit > span { opacity: 1; }
  @media (prefers-reduced-motion: reduce) { #mobile-shop-widget .msw-unis__viewport { overflow-x: auto; } #mobile-shop-widget .msw-unis__track img { filter: none; opacity: 1; } }
  #mobile-shop-widget .msw-unis__cta { margin: 16px 12px 0; padding: 11px 12px; font-size: 13px; }

  /* kein leerer Platz unter „Deine Fachschaft fehlt?“ (Platz für die alte, ausgeblendete Tab-Leiste) */
  #mobile-shop-widget { padding-bottom: 8px !important; }
  body.is-home #inhalt .legacy .hp-wrap > .hp-section:first-child { padding-top: 1.4rem; }
  body.is-home .legacy .cms-block-container:has(> .cms-block-container-row .hp-wrap) { padding-top: 0 !important; }

  /* „Für Studierende – Deine Fachschaft hat einen Shop?“ entfällt (geöffnete Fachschaftsshops stehen oben, Fachschaften direkt darüber) */
  body.is-home .legacy .fs-cards-row > .fs-card:not(.fs-card--dark) { display: none !important; }
  body.is-home .legacy .fs-cards-row { grid-template-columns: minmax(0, 1fr); }

  /* Kundenstimmen: weiches Einblenden der jeweils mittigen Karte */
  body.is-home .legacy .hp-testi-grid { scroll-behavior: smooth; }
}
@media (prefers-reduced-motion: reduce) { body.is-home .legacy .hp-testi-grid { scroll-behavior: auto; } }