/* EROS69 – Desktop-Menue: Unterkategorien senkrecht als Karte direkt unter dem Menuepunkt (statt breiter Flaeche) */
.s-nav .s-nav-it { position: relative; }
.s-nav .s-mega { left: 0; right: auto; top: 100%; width: max-content; min-width: 250px; padding-top: 8px; background: transparent !important; border: 0 !important; box-shadow: none !important; z-index: 60; }
.s-nav .s-mega::before { content: ''; position: absolute; left: 0; right: 0; top: 0; height: 10px; }   /* Bruecke gegen Zuklappen */
.s-nav .s-mega-in { max-width: 320px; margin: 0; padding: 8px; background: #fff; border: 1px solid #ECE6E3; border-radius: 14px; box-shadow: 0 16px 40px rgba(20, 17, 18, .14); max-height: min(70vh, 560px); overflow-y: auto; }
.s-nav .s-mega-all { display: block; margin: 0 0 4px; padding: 9px 12px 11px; border-bottom: 1px solid #F0EAE7; font-size: 12px; letter-spacing: .06em; }
.s-nav .s-mega ul { columns: auto; column-count: 1; column-gap: 0; }
.s-nav .s-mega li a { display: block; padding: 9px 12px; border-radius: 8px; font-size: 14px; font-weight: 500; color: #141112; white-space: nowrap; transition: background .15s, color .15s; }
.s-nav .s-mega li a:hover, .s-nav .s-mega li a:focus-visible { background: #F5F3F1; color: var(--s-red, #C2185B); transform: none; }
/* Menuepunkte am rechten Rand: Karte nach links oeffnen, damit nichts abgeschnitten wird */
.s-nav .s-nav-it.s-rechts > .s-mega { left: auto; right: 0; }