/* V54: zwei direkte Shopping-Einstiege statt einer langen gemeinsamen Strecke. */
.sidebar nav a[data-shopping-category]{justify-content:flex-start;gap:9px;line-height:1.45;min-width:0;white-space:normal}
.sidebar nav a[data-shopping-category]::before{content:"";width:5px;height:5px;flex-shrink:0;border-radius:50%;background:#80dfd1}
.sidebar nav a[data-shopping-category="lifestyle"]::before{background:#e6c787}
.sidebar nav a[data-shopping-current],.mobile-header nav a[data-shopping-current]{background:#20333e;color:#fff;border:1px solid #42616d;border-radius:10px}
html.mr-shopping-direct-navigation{scroll-behavior:auto!important}
.visual-shopping #vital-gesund,.visual-shopping #lifestyle-shopping{scroll-margin-top:28px}
@media(max-width:760px){
 .mobile-header nav a[data-shopping-category]{display:block;padding:11px 10px;line-height:1.45}
 .visual-shopping #vital-gesund,.visual-shopping #lifestyle-shopping{scroll-margin-top:8px}
}

/* V55: kompakte Menüs, alle neun Ziele auf üblichen Laptop-Höhen sichtbar. */
@media(min-width:761px){
 .sidebar{padding:18px 14px 14px;gap:12px}
 .sidebar>nav{gap:2px}
 .sidebar>nav a{min-height:34px;padding:6px 10px;line-height:1.3}
 .sidebar nav a[data-shopping-category]{line-height:1.3;gap:8px}
 .sidebar-bottom{gap:7px;padding-top:10px}
 html body .sidebar-audio button{min-height:40px!important;padding:7px 10px!important}
}
@media(min-width:761px) and (max-height:700px){
 .sidebar{padding:14px 12px 10px;gap:10px}
 .sidebar>nav{gap:1px}
 .sidebar>nav a{min-height:32px;padding:4px 9px;font-size:13px;line-height:1.3}
 .sidebar-bottom{gap:6px;padding-top:8px}
 .sidebar-bottom>a{padding:1px 0;line-height:1.3}
 .sidebar-bottom>span{font-size:10px;line-height:1.3}
 html body .sidebar-audio button{min-height:38px!important;padding:6px 9px!important;font-size:12px!important}
}
@media(min-width:761px) and (max-height:550px){
 .sidebar{padding:10px 12px;gap:8px}
 .sidebar>.brand{min-height:34px;font-size:18px}
 .sidebar>.brand img{width:34px;height:34px}
 .sidebar>nav a{min-height:30px;font-size:12.5px}
}
@media(max-width:760px){
 .mobile-header details nav{padding:10px;gap:1px;max-height:calc(100svh - 88px)}
 .mobile-header nav a,.mobile-header nav a[data-shopping-category]{min-height:34px;padding:6px 10px;font-size:14px;line-height:1.3}
 .mobile-header nav .music-button{margin-top:4px;min-height:38px!important;padding:7px 10px!important}
}

/* V56: Mode als eigene Kategorie; BestSecret ist der erste Anbieter. */
.sidebar nav a[data-shopping-category="mode"]::before{background:#e6a9c3}
.visual-shopping #mode{scroll-margin-top:28px}
.shopping-mode-heading{margin-bottom:18px}
.shopping-mode-heading h2{margin:8px 0 0}
@media(max-width:760px){.visual-shopping #mode{scroll-margin-top:8px}}
/* Zehn Menüpunkte bleiben auch auf niedrigen Laptop-Bildschirmen kompakt. */
@media(min-width:761px) and (max-height:550px){
 .sidebar>nav{gap:0}
 .sidebar>nav a{min-height:28px;padding:3px 9px}
}

/* V57: einheitliche linke Textkante und eindeutiger aktiver Zustand. */
html body .sidebar>nav a[data-shopping-category]{justify-content:space-between;gap:8px;white-space:nowrap}
html body .sidebar>nav a[data-shopping-category]::before{content:none;display:none}
html body .sidebar>nav a{border-radius:8px}
html body .sidebar>nav a[aria-current="page"],
html body .sidebar>nav a[data-shopping-current]{border-color:#47797a;background:linear-gradient(105deg,#1d4548,#20333e);color:#fff;box-shadow:inset 2px 0 #77e0d3;font-weight:750}
html body .sidebar>nav a:hover:not([aria-current="page"]):not([data-shopping-current]){background:transparent;border-color:#36515a;color:#80dfd1;box-shadow:none}