/* Freigegebene Desktop-Gestaltung auf Mobil übertragen, ohne andere Logos zu ändern. */
@media (max-width: 840px) {
  .hero-panel--homegames {
    grid-template-columns: minmax(0,1fr) 96px;
    grid-template-rows: auto 44px auto;
    gap: 0;
  }
  .hero-panel--homegames .hero-panel-top {
    grid-column: 1 / -1; grid-row: 1;
    flex-direction: row; align-items: center; justify-content: space-between; gap: 12px;
  }
  .hero-panel--homegames .sport-mark {
    position: relative; z-index: 3; grid-column: 2; grid-row: 2;
    align-self: start; justify-self: end;
    width: 80px; height: 80px; margin: 8px 16px 0 0; padding: 8px;
    border-radius: 50%; background: #fff; box-shadow: 0 0 0 1px var(--line);
  }
  .hero-panel--homegames .sport-mark img {
    width: 64px; height: 64px; object-fit: contain; image-rendering: auto;
    filter: brightness(0) saturate(100%) invert(63.7%) sepia(99.5%) saturate(3900%) hue-rotate(192deg) brightness(22.5%) contrast(101.5%);
  }
  .hero-panel--homegames .featured-match { z-index: 2; grid-row: 3; padding-top: 24px; }
  .hero-panel--homegames .fixture-section--upcoming > .fixture-eyebrow,
  .hero-panel--homegames .featured-match > small { padding-right: 92px; }
}