.mega-card-cat { display: block !important; }
.mega-card-cat::before { display: none !important; content: none !important; }

/* ── Nav: fixed, höher positioniert, scroll-reveal ── */
.hdr-topbar {
  position: fixed !important;
  top: 0 !important;
  left: 0;
  right: 0;
  z-index: 52;
  transition: transform 0.38s cubic-bezier(0.4, 0, 0.2, 1);
  will-change: transform;
}
.hdr-topbar.nav-hidden {
  transform: translateY(-200%);
}
.hdr {
  position: fixed !important;
  top: 38px !important;
  left: 0;
  right: 0;
  margin-top: 0 !important;
  z-index: 50;
  transition: transform 0.38s cubic-bezier(0.4, 0, 0.2, 1), top 0.38s cubic-bezier(0.4, 0, 0.2, 1);
  will-change: transform;
}
.hdr.topbar-gone {
  top: 4px !important;
}
.hdr.nav-hidden {
  transform: translateY(-250%);
}
body {
  padding-top: 130px;
}
@media (max-width: 920px) {
  body { padding-top: 102px; }
}
.tcard { min-height: clamp(396px, 39.6vw, 540px); }

/* Fix: Hero-Bild wurde bei geringerer Viewport-Höhe unten abgeschnitten,
   weil .hero overflow:hidden zusammen mit min-height:65vh den Clip-Rand
   nach oben zog. Vertikal nicht mehr clippen, horizontal (Bleed) weiterhin. */
.hero { overflow-x: clip; overflow-y: visible; }