/* Zentrale Schriftgröße für normalen Fließtext (Desktop und Mobilgeräte).
   Für spätere Änderungen nur --font-size-body anpassen. */
:root {
  color-scheme: dark;
  --bg: #101115;
  --panel: #1d1f26;
  --text: #f2f2f5;
  --muted: #999da8;
  --accent: #e0a16c;
  --content: 1100px;
  --font-size-body: 16px;
  --line-height-body: 1.62;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(ellipse at 50% -10%,#25232b 0%,var(--bg) 50%);color:var(--text);font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:var(--font-size-body);padding-bottom:190px}.page{width:min(var(--content),calc(100% - 48px));margin:auto}.hero{padding:58px 0 50px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #33343c}.eyebrow{letter-spacing:.28em;color:var(--accent);font-size:11px;font-weight:700;margin:0 0 18px}.hero h1{font-size:clamp(38px,6vw,78px);line-height:.95;letter-spacing:-.055em;margin:0;font-weight:850}.hero h1 span{color:var(--accent)}.tagline{color:var(--muted);font-size:14px;margin:18px 0 0}.hero-mark{width:135px;height:135px;border:2px solid #a66c48;border-radius:50%;display:grid;place-items:center;font-size:35px;font-weight:900;letter-spacing:-.07em;color:#c38d67;transform:rotate(-15deg);position:relative}.hero-mark span{position:absolute;font-size:11px;bottom:22px;right:36px}.collection{padding:35px 0 40px}.section-head{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:22px}.section-head h2{font-size:21px;letter-spacing:.08em;margin:0}.section-head>span{font-size:12px;color:var(--muted)}.set-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:28px 19px}.set-card{border:0;background:transparent;text-align:left;padding:0;color:inherit;cursor:pointer;min-width:0;font:inherit}.cover-wrap{position:relative;display:block;aspect-ratio:1;border-radius:7px;overflow:hidden;background:linear-gradient(140deg,#40394b,#282d39);box-shadow:0 10px 20px #0003}.cover-wrap img{width:100%;height:100%;object-fit:cover;display:block}.no-cover{height:100%;display:grid;place-items:center;font-size:60px;color:#a4a0b3}.cover-play{position:absolute;right:12px;bottom:12px;width:43px;height:43px;border-radius:50%;background:var(--accent);color:#19191d;display:grid;place-items:center;font-size:16px;opacity:0;transform:translateY(8px);transition:.18s}.set-card:hover .cover-play,.set-card:focus-visible .cover-play,.set-card.active .cover-play{opacity:1;transform:none}.set-card.active .cover-wrap{outline:2px solid var(--accent);outline-offset:3px}.set-title{display:block;font-size:13px;font-weight:700;line-height:1.35;margin-top:12px;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.set-sub{display:block;font-size:12px;color:var(--muted);margin-top:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.section-rule{border-top:1px solid #36363d}.footer{color:#6d707b;font-size:10px;letter-spacing:.2em;text-align:center;padding:30px 0 45px}.player-shell{position:fixed;bottom:0;left:0;right:0;background:linear-gradient(0deg,#101115 90%,#10111500);padding:12px 20px 15px;z-index:20}.player{width:min(var(--content),100%);margin:auto;background:#202229;border:1px solid #3b3b43;border-radius:13px;padding:14px 20px 8px;box-shadow:0 5px 45px #000b}.player-main{display:grid;grid-template-columns:minmax(0,1fr) 170px minmax(0,1fr);align-items:center;gap:12px}.now-playing{display:flex;align-items:center;gap:12px;min-width:0}.mini-cover{width:45px;height:45px;flex:none;border-radius:4px;background:#44404d;display:grid;place-items:center;color:#ddd;overflow:hidden}.mini-cover img{width:100%;height:100%;object-fit:cover}.now-text{min-width:0}.now-text strong,.now-text span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.now-text strong{font-size:12px}.now-text span{font-size:11px;color:var(--muted);margin-top:4px}.transport{display:flex;justify-content:center;align-items:center;gap:18px}.transport button,.player-actions button,.player-bottom button{border:0;background:none;color:#c6c7cc;cursor:pointer;font-size:17px}.transport .play-btn{background:#f5f4f4;color:#1b1b1d;width:39px;height:39px;border-radius:50%;font-size:17px}.player-actions{display:flex;justify-content:flex-end;align-items:center;gap:18px}.volume{display:flex;align-items:center;gap:8px;color:#c7c7cd;font-size:12px}.volume input{width:75px;accent-color:var(--accent)}.download{color:#e6e6e9;text-decoration:none;font-size:26px;line-height:1}.download.disabled{opacity:.35;pointer-events:none}.wave-row{display:grid;grid-template-columns:42px minmax(0,1fr) 42px;align-items:center;gap:10px;margin-top:11px}.wave-row>span{font-size:10px;color:#aeb0ba;font-variant-numeric:tabular-nums}.wave-row>span:last-child{text-align:right}.wave-container{position:relative;height:36px;cursor:pointer;outline-offset:3px}.wave-container canvas{display:block;width:100%;height:100%}.wave-cursor{position:absolute;left:0;top:0;bottom:0;width:1px;background:#f2f2f4;pointer-events:none}.player-bottom{display:flex;justify-content:space-between;align-items:center;margin-top:3px}.player-bottom span{font-size:10px;color:#8d909b}.player-bottom button{font-size:11px}.player-bottom button:disabled{opacity:.35;cursor:default}.tracklist{max-height:180px;overflow:auto;border-top:1px solid #3b3b43;margin-top:8px;padding:9px 0}.tracklist p{font-size:12px;color:#aab0ba}.tracklist button{display:flex;width:100%;justify-content:space-between;gap:12px;background:none;border:0;color:#ddd;padding:7px 4px;text-align:left;cursor:pointer}.tracklist button:hover{background:#32343d}@media(max-width:900px){.set-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.hero-mark{width:100px;height:100px;font-size:27px}}@media(max-width:650px){body{padding-bottom:175px}.page{width:calc(100% - 28px)}.hero{padding:34px 0}.hero-mark{display:none}.set-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 13px}.section-head h2{font-size:18px}.player-shell{padding:7px}.player{padding:10px 10px 6px}.player-main{grid-template-columns:minmax(0,1fr) auto;gap:8px}.transport{gap:10px}.player-actions{grid-column:1/-1;justify-content:flex-end;display:none}.now-text strong{font-size:11px}.wave-row{margin-top:7px;gap:5px}.wave-container{height:30px}.hero h1{font-size:42px}}@media(min-width:651px) and (max-width:760px){.set-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}

/* Kompakte Waveform und deutlicher Pause-Status auf aktiven Covers */
.set-card.active .cover-play{font-weight:800}

/* V6: vollständiger Titel oberhalb der Bedienelemente */
.player-main{grid-template-columns:minmax(0,1fr) 170px minmax(0,1fr);row-gap:10px}
.now-playing{grid-column:1/-1;grid-row:1;align-items:flex-start}
.now-text{flex:1;min-width:0;padding-top:2px}
.now-text strong{white-space:normal;overflow:visible;text-overflow:clip;overflow-wrap:anywhere;line-height:1.4;font-size:14px}
.now-text span{white-space:normal;overflow:visible;text-overflow:clip;line-height:1.4}
.transport{grid-column:2;grid-row:2}
.player-actions{grid-column:3;grid-row:2}
@media(max-width:650px){
  body{padding-bottom:220px}
  .player-main{grid-template-columns:minmax(0,1fr) auto;row-gap:10px}
  .now-playing{grid-column:1/-1;grid-row:1}
  .now-text strong{font-size:12px}
  .transport{grid-column:1/-1;grid-row:2}
  .player-actions{display:none}
}

/* V7 – eigenständige Play/Pause- und Download-Aktionen auf dem Cover */
.set-card{display:block;cursor:default}
.cover-wrap{isolation:isolate}
.cover-play-trigger,.cover-download{position:absolute;bottom:12px;width:48px;height:48px;border:0;border-radius:50%;background:var(--accent);color:#19191d;display:flex;align-items:center;justify-content:center;cursor:pointer;text-decoration:none;z-index:2;opacity:0;transform:translateY(8px);transition:opacity .18s,transform .18s,background .18s;box-shadow:0 3px 14px #0007}
.cover-play-trigger{right:70px;padding:0}
.cover-download{right:12px}
.cover-play-trigger .cover-play{position:static;display:flex;align-items:center;justify-content:center;opacity:1;transform:none;transition:none;width:auto;height:auto;border-radius:0;background:transparent;box-shadow:none;font-size:24px;font-weight:800;line-height:1}
.cover-download svg{width:27px;height:27px}
.set-card:hover .cover-play-trigger,.set-card:hover .cover-download,.set-card:focus-within .cover-play-trigger,.set-card:focus-within .cover-download,.set-card.active .cover-play-trigger,.set-card.active .cover-download{opacity:1;transform:none}
.cover-play-trigger:hover,.cover-download:hover{background:#f2b989}
.cover-play-trigger:focus-visible,.cover-download:focus-visible,.set-info-trigger:focus-visible{outline:2px solid #fff;outline-offset:3px}
.set-info-trigger{display:block;width:100%;border:0;padding:0;margin:0;text-align:left;color:inherit;background:transparent;font:inherit;cursor:pointer}
@media(hover:none),(pointer:coarse){.cover-play-trigger,.cover-download{opacity:1;transform:none}}
@media(max-width:650px){.cover-play-trigger,.cover-download{width:44px;height:44px;bottom:9px}.cover-play-trigger{right:62px}.cover-download{right:9px}.cover-play-trigger .cover-play{font-size:24px}}

/* V11: Rubriken-Navigation; der Player bleibt unabhängig vom Tab aktiv. */
.collection-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:26px}
.collection-tab{font:inherit;color:var(--text);background:#202229;border:1px solid #3b3b43;border-bottom:3px solid transparent;border-radius:9px;padding:14px 10px 12px;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:5px;transition:background .15s,border-color .15s}
.collection-tab strong{font-size:14px;letter-spacing:.06em}
.collection-tab span{font-size:12px;color:var(--muted)}
.collection-tab:hover{background:#2d2d34}
.collection-tab.is-selected{border-bottom-color:var(--accent);background:#332d2c}
.collection-tab.is-selected strong{color:var(--accent)}
.collection-tab:focus-visible{outline:2px solid #fff;outline-offset:3px}
.collection[hidden]{display:none!important}
.set-info-trigger .set-title,.set-card .set-title{display:block;-webkit-line-clamp:unset;-webkit-box-orient:initial;overflow:visible;text-overflow:clip;white-space:normal;overflow-wrap:anywhere}
@media(max-width:650px){.collection-tabs{gap:6px;margin-top:17px}.collection-tab{padding:12px 4px 10px}.collection-tab strong{font-size:11px}.collection-tab span{font-size:10px}}

/* V12: Rubriken als große Karten zwischen Header und Inhalts-Trennlinie */
.hero{border-bottom:0;padding-bottom:34px}
.collection-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:0;padding:0 0 27px;border-bottom:1px solid #33343c}
.collection-tabs .collection-tab{appearance:none;-webkit-appearance:none;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;width:100%;min-width:0;min-height:92px;margin:0;padding:18px 12px 15px;background:#202229;border:1px solid #292c34;border-bottom:5px solid #393b44;border-radius:11px;color:#f2f2f5;text-align:center;cursor:pointer;font-family:inherit;line-height:1.25;box-shadow:none}
.collection-tabs .collection-tab strong{font-size:clamp(13px,1.7vw,18px);font-weight:650;letter-spacing:.02em;white-space:normal}
.collection-tabs .collection-tab span{font-size:13px;font-weight:400;color:#b1b1bb}
.collection-tabs .collection-tab:hover{background:#2b2d35}
.collection-tabs .collection-tab.is-selected{background:#342f2e;border-color:#443832;border-bottom-color:#e0a16c}
.collection-tabs .collection-tab.is-selected strong{color:#e0a16c}
.collection-tabs .collection-tab:focus-visible{outline:2px solid #f2f2f5;outline-offset:3px}
.collection[hidden]{display:none!important}
@media(max-width:650px){.hero{padding-bottom:24px}.collection-tabs{gap:7px;padding-bottom:20px}.collection-tabs .collection-tab{min-height:75px;padding:12px 5px 10px;gap:6px;border-bottom-width:4px}.collection-tabs .collection-tab strong{font-size:11px}.collection-tabs .collection-tab span{font-size:10px}}

/* V13: Scrollleistenplatz bei allen Rubriken konstant halten. */
html { scrollbar-gutter: stable; }

/* V14: Vier gleich breite Rubriken; mobil zwei Spalten. */
.collection-tabs{grid-template-columns:repeat(4,minmax(0,1fr))}
@media(max-width:650px){.collection-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* V15: Zweite Marke im Header, bewusst kleiner und in kuehlem Blau. */
.hotmix-brand{margin:15px 0 0;color:#73b9e8;font-size:clamp(17px,2.5vw,28px);font-weight:800;letter-spacing:.045em;line-height:1.15}
.hotmix-brand span{color:#a5d7f5;font-weight:650;letter-spacing:.015em}
.hotmix-brand+.tagline{margin-top:13px}
@media(max-width:650px){.hotmix-brand{margin-top:12px;font-size:19px}.hotmix-brand+.tagline{margin-top:10px}}

/* V16: Tanzsymbol statt HMF-Monogramm im Header */
.hero-dance {
  display: block;
  width: clamp(100px, 12vw, 160px);
  height: auto;
  max-height: 180px;
  object-fit: contain;
  flex: 0 0 auto;
  align-self: flex-start;
}
@media (max-width: 600px) {
  .hero-dance { width: clamp(70px, 18vw, 105px); }
}

/* V17: Tanzlogo im Desktop-Header optisch tiefer positionieren. */
@media (min-width: 601px) { .hero-dance { transform: translateY(48px); } }
@media (max-width: 600px) { .hero-dance { transform: translateY(16px); } }

/* V18: Compact player – transport | waveform | volume in one row */
body{padding-bottom:155px}
.player-shell{padding-top:8px;padding-bottom:9px}
.player{position:relative;padding:10px 17px 6px}
.player-main{display:contents}
.player{display:grid;grid-template-columns:116px minmax(0,1fr) 145px;column-gap:14px;row-gap:6px;align-items:center}
.now-playing{grid-column:1/3;grid-row:1;min-height:38px;padding-right:20px}
.mini-cover{width:37px;height:37px}
.transport{grid-column:1;grid-row:2;gap:13px;justify-content:flex-start}
.transport .play-btn{width:38px;height:38px}
.wave-row{grid-column:2;grid-row:2;margin-top:0;min-width:0;gap:7px;grid-template-columns:35px minmax(0,1fr) 45px}
.wave-container{height:32px}
.player-actions{grid-column:3;grid-row:2;display:flex;justify-content:flex-end;padding-right:0}
.volume input{width:70px}
.download{position:absolute;right:17px;top:14px}
.player-bottom{grid-column:1/-1;grid-row:3;margin-top:0}
.tracklist{grid-column:1/-1}
@media(max-width:650px){
 body{padding-bottom:195px}
 .player{grid-template-columns:85px minmax(0,1fr);column-gap:8px;padding:9px 10px 5px}
 .now-playing{grid-column:1/-1;grid-row:1;padding-right:28px}
 .transport{grid-column:1;grid-row:2;gap:6px}
 .transport button{font-size:13px}
 .transport .play-btn{width:32px;height:32px;font-size:14px}
 .wave-row{grid-column:2;grid-row:2;grid-template-columns:28px minmax(0,1fr) 34px;gap:4px}
 .wave-row>span{font-size:9px}
 .wave-container{height:28px}
 .player-actions{grid-column:1/-1;grid-row:3;justify-content:flex-end;display:flex}
 .volume input{width:82px}
 .download{top:12px;right:11px}
 .player-bottom{grid-row:4}
}

/* V19: Mehr Luft zwischen Cover/Titel und Wellenform. */
@media (min-width:651px){.player{row-gap:16px}}
@media (max-width:650px){.player{row-gap:11px}}

/* V20: Six navigation buttons, planned destinations are visible but inactive. */
.collection-tabs{grid-template-columns:repeat(7,minmax(0,1fr));gap:10px}
.collection-tabs .collection-tab{padding-left:5px;padding-right:5px}
.collection-tabs .collection-tab strong{font-size:clamp(11px,1.15vw,15px)}
.collection-tabs .collection-tab--planned:disabled{opacity:.72;cursor:default}
.collection-tabs .collection-tab--planned:disabled:hover{background:#202229}
@media(max-width:900px){.collection-tabs{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:650px){.collection-tabs{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.collection-tabs .collection-tab strong{font-size:11px}}


/* V21: Playlist archive */
.playlist-collection{padding-top:32px}
.playlist-page-head{align-items:flex-end}
.playlist-page-head>div{min-width:0}
.playlist-page-head h2{margin-bottom:5px}
.playlist-page-head p{margin:0;color:var(--muted);font-size:var(--font-size-body);line-height:1.45}
.playlist-switch{display:flex;gap:10px;margin:5px 0 24px}
.playlist-switch-btn{appearance:none;border:1px solid #393b44;border-radius:9px;background:#202229;color:var(--text);font:inherit;font-size:13px;font-weight:750;letter-spacing:.035em;padding:10px 15px;cursor:pointer;display:flex;align-items:baseline;gap:8px;transition:background .15s,border-color .15s,transform .15s}
.playlist-switch-btn span{font-size:10px;font-weight:500;color:var(--muted);letter-spacing:0}
.playlist-switch-btn:hover{background:#292b33}
.playlist-switch-btn:focus-visible{outline:2px solid #fff;outline-offset:3px}
.playlist-switch-btn--hmf.is-selected{background:#342f2e;border-color:#6c4b36;color:var(--accent)}
.playlist-switch-btn--hmf.is-selected span{color:#d5b18f}
.playlist-switch-btn--hotmix.is-selected{background:#21313d;border-color:#355b73;color:#73b9e8}
.playlist-switch-btn--hotmix.is-selected span{color:#a5d7f5}
.playlist-pane[hidden]{display:none!important}
.playlist-archive-meta{display:flex;justify-content:space-between;align-items:baseline;gap:16px;padding:0 2px 11px;border-bottom:1px solid #30313a;margin-bottom:11px}
.playlist-archive-meta strong{font-size:13px;letter-spacing:.09em;color:var(--accent)}
.playlist-archive-meta span{font-size:11px;color:var(--muted)}
.playlist-archive-meta--hotmix strong{color:#73b9e8}
.playlist-date{border:1px solid #31333c;background:#17191f;border-radius:12px;margin:0 0 10px;overflow:hidden}
.playlist-date>summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:14px;padding:14px 17px;background:#202229;user-select:none}
.playlist-date>summary::-webkit-details-marker{display:none}
.playlist-date>summary::after{content:"＋";color:#9fa2ad;font-size:18px;line-height:1;margin-left:6px}
.playlist-date[open]>summary::after{content:"−"}
.playlist-date[open]>summary{border-bottom:1px solid #343640}
.playlist-date-main{font-size:15px;font-weight:750;color:#f3f3f5;font-variant-numeric:tabular-nums}
.playlist-date-meta{font-size:11px;color:var(--muted);margin-left:auto}
.playlist-date-body{padding:16px}
.playlist-part+.playlist-part{margin-top:24px;padding-top:20px;border-top:1px solid #30323a}
.playlist-part-head{display:flex;align-items:baseline;justify-content:space-between;gap:15px;margin:0 2px 10px}
.playlist-part-head h3{font-size:14px;line-height:1.35;margin:0;color:#f0f0f2}
.playlist-part-head span{font-size:10px;color:var(--muted);white-space:nowrap}
.playlist-description{font-size:var(--font-size-body);color:var(--muted);margin:0 2px 10px}
.playlist-table-wrap{overflow-x:auto;border:1px solid #353740;border-radius:10px;background:#1b1d23}
.playlist-table{width:100%;border-collapse:separate;border-spacing:0;font-size:12px;line-height:1.35;min-width:670px}
.playlist-table th,.playlist-table td{padding:9px 10px;text-align:left;vertical-align:top;border-right:1px solid #30323a;border-bottom:1px solid #30323a}
.playlist-table th:last-child,.playlist-table td:last-child{border-right:0}
.playlist-table tbody tr:last-child td{border-bottom:0}
.playlist-table th{font-size:10px;text-transform:uppercase;letter-spacing:.075em;color:#b8bbc5;background:#25272f;font-weight:750;position:sticky;top:0}
.playlist-table tbody tr:nth-child(even) td{background:#1e2027}
.playlist-table tbody tr:hover td{background:#292b33}
.playlist-table .pl-no{width:60px;color:#979aa5;font-variant-numeric:tabular-nums;white-space:nowrap}
.playlist-table .pl-title{font-weight:650;color:#f1f1f3}
.playlist-table .pl-links{width:128px;white-space:nowrap}
.playlist-link-row{display:flex;gap:5px;flex-wrap:wrap}
.playlist-link{display:inline-flex;align-items:center;border-radius:5px;padding:3px 6px;text-decoration:none;font-size:9px;font-weight:750;letter-spacing:.02em}
.playlist-link--discogs{color:#e8e8e8;background:#333}
.playlist-link--discogs:hover{background:#4a4a4a}
.playlist-link--youtube{color:#fff;background:#9e2323}
.playlist-link--youtube:hover{background:#bd2929}
.playlist-unavailable{margin:0;padding:12px 13px;background:#202229;border-radius:8px;color:#a9acb5;font-size:var(--font-size-body)}
.playlist-error{padding:16px 18px;border:1px solid #644b3e;border-radius:10px;background:#2a2220;color:#e9c3a3;font-size:var(--font-size-body)}
.playlist-error code{color:#fff}
@media(max-width:650px){
  .playlist-page-head{align-items:flex-start;gap:7px}
  .playlist-page-head>span{font-size:10px}
  .playlist-switch{margin-top:1px;margin-bottom:18px}
  .playlist-switch-btn{font-size:11px;padding:9px 10px;gap:5px}
  .playlist-switch-btn span{font-size:9px}
  .playlist-date>summary{padding:12px 12px}
  .playlist-date-main{font-size:13px}
  .playlist-date-meta{font-size:9px}
  .playlist-date-body{padding:11px}
  .playlist-table{font-size:11px}
  .playlist-table th,.playlist-table td{padding:8px}
}


/* V22: Playlists permanently expanded with colored day headers */
.playlist-date{
  margin:0 0 24px;
  border:1px solid #343640;
  border-radius:12px;
  overflow:hidden;
  background:#17191f;
}
.playlist-date-head{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:16px;
  padding:14px 17px;
  border-bottom:1px solid rgba(255,255,255,.10);
}
.playlist-date--hmf .playlist-date-head{
  background:#e0a16c;
  color:#17181c;
}
.playlist-date--hotmix .playlist-date-head{
  background:#73b9e8;
  color:#11161b;
}
.playlist-date-main{
  font-size:15px;
  font-weight:850;
  color:inherit;
  font-variant-numeric:tabular-nums;
}
.playlist-date-meta{
  font-size:11px;
  font-weight:650;
  color:inherit;
  opacity:.78;
  margin-left:auto;
}
.playlist-date-body{
  padding:16px;
}
.playlist-date--hmf + .playlist-date--hmf,
.playlist-date--hotmix + .playlist-date--hotmix{
  margin-top:8px;
}

/* Neutralize the old collapsible summary rules from V21 */
.playlist-date>summary{display:none!important}

@media(max-width:650px){
  .playlist-date{margin-bottom:18px}
  .playlist-date-head{padding:12px 12px}
  .playlist-date-main{font-size:13px}
  .playlist-date-meta{font-size:9px}
  .playlist-date-body{padding:11px}
}


/* V23: Playlist page without player; links inline in title; fixed table columns */
body.playlist-mode{
  padding-bottom:0;
}
body.playlist-mode .player-shell{
  display:none!important;
}

/* All playlist tables use the same five columns and widths. */
.playlist-table{
  width:100%;
  table-layout:fixed;
  min-width:780px;
}
.playlist-table col.col-no{width:6%}
.playlist-table col.col-artist{width:24%}
.playlist-table col.col-title{width:32%}
.playlist-table col.col-label{width:18%}
.playlist-table col.col-mix{width:20%}
.playlist-table th,
.playlist-table td{
  overflow-wrap:anywhere;
}
.playlist-table .pl-title{
  font-weight:650;
  color:#f1f1f3;
}
.pl-title-text{
  display:inline;
}
.playlist-inline-links{
  display:inline-flex;
  align-items:center;
  flex-wrap:wrap;
  gap:5px;
  margin-left:8px;
  vertical-align:middle;
}
.playlist-inline-link{
  display:inline-flex;
  align-items:center;
  gap:4px;
  border-radius:5px;
  padding:2px 5px 2px 4px;
  text-decoration:none;
  font-size:9px;
  font-weight:750;
  line-height:1.2;
  white-space:nowrap;
}
.playlist-inline-icon{
  width:13px;
  height:13px;
  border-radius:50%;
  display:inline-grid;
  place-items:center;
  font-size:8px;
  font-weight:850;
  line-height:1;
}
.playlist-inline-link--discogs{
  color:#e8e8e8;
  background:#303238;
}
.playlist-inline-link--discogs .playlist-inline-icon{
  background:#d8d8d8;
  color:#202126;
}
.playlist-inline-link--discogs:hover{
  background:#45474f;
}
.playlist-inline-link--youtube{
  color:#fff;
  background:#742626;
}
.playlist-inline-link--youtube .playlist-inline-icon{
  background:#d23b3b;
  color:#fff;
  font-size:7px;
}
.playlist-inline-link--youtube:hover{
  background:#943030;
}


/* Gemeinsame Top 10 mit Gleichständen: links und rechts je sieben Einträge. */
.playlist-top-tracks{margin:0 0 28px;padding-bottom:30px;border-bottom:1px solid #36363d}
.playlist-top-tracks h3{margin:0 0 14px;font-size:18px;letter-spacing:.06em}
.playlist-top-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.playlist-top-grid .playlist-table-wrap{min-width:0}
.playlist-table.playlist-top-table{min-width:0}
.playlist-top-table col.playlist-top-rank-col{width:64px}
.playlist-top-table thead th:first-child{white-space:nowrap;overflow-wrap:normal}
.playlist-top-table td{vertical-align:middle}
.playlist-top-table .playlist-top-rank{color:var(--accent);font-weight:750;font-variant-numeric:tabular-nums}
.playlist-top-artist{display:block;margin-top:4px;color:var(--muted);font-size:inherit;font-weight:400}
@media(max-width:700px){
  .playlist-top-grid{grid-template-columns:1fr;gap:14px}
}

/* Old dedicated links-column styling is no longer used. */
.playlist-table .pl-links,
.playlist-link-row,
.playlist-link{
  display:none;
}

@media(max-width:650px){
  .playlist-table{min-width:720px}
}

/* V25: THE STORY – country cards for DJs and Live Acts. */
body.story-mode{
  padding-bottom:0;
}
body.story-mode .player-shell{
  display:none!important;
}
.story-collection{
  padding-top:32px;
}
.story-page-head{
  align-items:flex-end;
  padding-bottom:20px;
  margin-bottom:28px;
  border-bottom:1px solid #30313a;
}
.story-page-head>div{
  min-width:0;
  max-width:760px;
}
.story-page-head h2{
  margin-bottom:7px;
}
.story-page-head p{
  margin:0;
  color:var(--muted);
  font-size:var(--font-size-body);
  line-height:1.55;
}
.story-lineup-intro{
  margin:0 0 24px;
  padding:0 0 18px;
  border-bottom:1px solid #262832;
}
.story-lineup-intro h3{
  margin:0 0 6px;
  font-size:22px;
  letter-spacing:.03em;
}
.story-lineup-intro p{
  margin:0;
  color:var(--muted);
  font-size:var(--font-size-body);
  line-height:1.55;
}
.story-block + .story-block{
  margin-top:42px;
}
.story-subhead{
  display:flex;
  justify-content:space-between;
  align-items:flex-end;
  gap:18px;
  margin-bottom:15px;
}
.story-subhead h3{
  margin:3px 0 0;
  font-size:18px;
  letter-spacing:.035em;
}
.story-subhead>span{
  color:var(--muted);
  font-size:11px;
  white-space:nowrap;
}
.story-kicker{
  display:block;
  color:var(--accent);
  font-size:9px;
  font-weight:800;
  letter-spacing:.18em;
}
.story-country-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:14px;
}
.story-country-card{
  min-width:0;
  border:1px solid #333640;
  border-radius:12px;
  overflow:hidden;
  background:#17191f;
}
.story-country-card--large{
  grid-column:span 2;
}
.story-country-card header{
  display:flex;
  justify-content:space-between;
  align-items:baseline;
  gap:12px;
  padding:12px 15px;
  background:#25272f;
  border-bottom:1px solid #343640;
}
.story-country-card h4{
  margin:0;
  color:var(--accent);
  font-size:13px;
  font-weight:800;
  letter-spacing:.075em;
  text-transform:uppercase;
}
.story-country-card header span{
  color:var(--muted);
  font-size:10px;
  white-space:nowrap;
}
.story-name-list{
  display:grid;
  gap:0;
  padding:6px 15px 9px;
}
.story-name-list--columns{
  grid-template-columns:repeat(2,minmax(0,1fr));
  column-gap:24px;
}
.story-name-list>span{
  min-width:0;
  padding:7px 0;
  border-bottom:1px solid #292b33;
  color:#eeeef1;
  font-size:12px;
  line-height:1.35;
  overflow-wrap:anywhere;
}
.story-name-link{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  width:100%;
  color:inherit;
  text-decoration:none;
  transition:color .16s ease;
}
.story-name-link:hover,
.story-name-link:focus-visible{
  color:var(--accent);
}
.story-name-link:focus-visible{
  outline:1px solid var(--accent);
  outline-offset:4px;
  border-radius:2px;
}
.story-external-icon{
  flex:0 0 auto;
  color:#767985;
  font-size:12px;
  font-weight:700;
  line-height:1;
  transition:color .16s ease,transform .16s ease;
}
.story-name-link:hover .story-external-icon,
.story-name-link:focus-visible .story-external-icon{
  color:var(--accent);
  transform:translate(1px,-1px);
}
.story-name-list>span:last-child{
  border-bottom:0;
}
.story-name-list--columns>span:nth-last-child(-n+2){
  border-bottom:0;
}
.story-block--live{
  padding-top:2px;
}
.story-live-card{
  width:100%;
}
.story-live-list{
  grid-template-columns:repeat(3,minmax(0,1fr));
  column-gap:24px;
}
.story-live-list>span:nth-last-child(-n+3){
  border-bottom:0;
}
@media(max-width:900px){
  .story-country-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .story-country-card--large{grid-column:span 2}
  .story-live-list{grid-template-columns:repeat(2,minmax(0,1fr))}
  .story-live-list>span:nth-last-child(-n+3){border-bottom:1px solid #292b33}
  .story-live-list>span:nth-last-child(-n+2){border-bottom:0}
}
@media(max-width:650px){
  .story-page-head{align-items:flex-start;gap:7px;margin-bottom:24px;padding-bottom:17px}
  .story-lineup-intro{margin-bottom:20px;padding-bottom:15px}
  .story-lineup-intro h3{font-size:18px}
  
  .story-page-head>span{font-size:10px}
  .story-country-grid{grid-template-columns:1fr;gap:11px}
  .story-country-card--large{grid-column:auto}
  .story-name-list--columns,.story-live-list{grid-template-columns:1fr}
  .story-name-list--columns>span:nth-last-child(-n+2),
  .story-live-list>span:nth-last-child(-n+2),
  .story-live-list>span:nth-last-child(-n+3){border-bottom:1px solid #292b33}
  .story-name-list--columns>span:last-child,
  .story-live-list>span:last-child{border-bottom:0}
  .story-subhead{align-items:flex-start;gap:8px}
  .story-subhead h3{font-size:16px}
  .story-subhead>span{font-size:9px}
  .story-block + .story-block{margin-top:34px}
}

/* V28: Language switch only for THE STORY. */
.story-page-head--language{
  align-items:flex-start;
}
.story-page-head--language .story-copy{
  width:100%;
  max-width:none;
}
.story-title-row{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  margin-bottom:7px;
}
.story-title-row h2{margin:0}
.story-language-switch{
  display:flex;
  align-items:center;
  gap:6px;
  flex:0 0 auto;
}
.story-language-btn{
  appearance:none;
  -webkit-appearance:none;
  border:1px solid #393b44;
  border-radius:7px;
  background:#202229;
  color:#b8bbc5;
  min-width:58px;
  height:34px;
  padding:0 10px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:6px;
  font:inherit;
  font-size:11px;
  font-weight:750;
  letter-spacing:.04em;
  cursor:pointer;
  transition:background .15s,border-color .15s,color .15s;
}
.story-language-btn:hover{background:#292b33;color:#f2f2f5}
.story-language-btn.is-selected{background:#342f2e;border-color:#6c4b36;color:var(--accent)}
.story-language-btn:focus-visible{outline:2px solid #fff;outline-offset:2px}
.story-language-flag{font-size:17px;line-height:1;letter-spacing:0}
.story-language-content[hidden]{display:none!important}
.story-language-content{
  max-width:920px;
  line-height:var(--line-height-body);
}
.story-language-content p{
  margin:0 0 1.35em;
  line-height:var(--line-height-body);
}
.story-language-content p:last-child{margin-bottom:0}
@media(max-width:650px){
  .story-title-row{align-items:flex-start;gap:12px}
  .story-language-switch{gap:4px}
  .story-language-btn{min-width:50px;height:31px;padding:0 7px;font-size:10px}
  .story-language-flag{font-size:15px}
}


/* Beim Scrollen bleibt die Navigation sichtbar; aufwärts kommt der Kopf zurück. */
html.has-scroll-header{scroll-padding-top:var(--site-header-offset,12px)}
.has-scroll-header .site-header{
  position:sticky;
  top:0;
  z-index:15;
  isolation:isolate;
  transition:top .32s ease;
}
.has-scroll-header .site-header.is-collapsed{
  top:calc(-1 * var(--site-hero-height,0px));
}
.has-scroll-header .site-header::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  background:var(--bg);
  opacity:0;
  transition:opacity .2s ease;
  pointer-events:none;
}
.has-scroll-header .site-header.is-scrolled::before{opacity:1}
@media(prefers-reduced-motion:reduce){
  .has-scroll-header .site-header,
  .has-scroll-header .site-header::before{transition:none}
}

/* Top-Button für The Story und Playlists. */
.back-to-top{
  position:fixed;
  left:var(--back-to-top-left,0px);
  right:auto;
  bottom:calc(24px + env(safe-area-inset-bottom,0px));
  z-index:25;
  display:grid;
  place-items:center;
  width:38px;
  height:38px;
  padding:0;
  border:0;
  border-radius:50%;
  background:#fff;
  color:#000;
  box-shadow:0 4px 18px #0006;
  cursor:pointer;
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transform:translateY(8px);
  transition:opacity .2s ease,transform .2s ease,background .15s ease,visibility 0s linear .2s;
}
.back-to-top[hidden]{display:none}
html:not([data-device="stationary"]) .back-to-top{display:none}
.back-to-top.is-visible{
  opacity:1;
  visibility:visible;
  pointer-events:auto;
  transform:none;
  transition-delay:0s;
}
.back-to-top.is-visible:hover{background:#e9e9ec;transform:translateY(-2px)}
.back-to-top:focus-visible{outline:2px solid #fff;outline-offset:4px}
.back-to-top svg{display:block;width:20px;height:20px;pointer-events:none}
@media(max-width:650px){
  .back-to-top{bottom:calc(16px + env(safe-area-inset-bottom,0px))}
}
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .back-to-top{transition:none;transform:none}
  .back-to-top.is-visible:hover{transform:none}
}

/* Compact central audio controls, sticky with the existing header. */
.eq-strip{position:relative;border-top:1px solid #303139;background:#101115;padding:8px 0 10px;color:#f2f2f5}
.eq-strip[hidden]{display:none!important}
.eq-card{display:inline-flex;flex-direction:column;gap:6px;max-width:100%;padding:12px 14px 10px;background:#202229;border:1px solid #292c34;border-bottom:5px solid #393b44;border-radius:11px;box-shadow:none}
.eq-bar{display:flex;align-items:center;gap:12px;flex-wrap:nowrap;width:100%}
.eq-title{display:flex;align-items:center;gap:8px;flex:none;font-size:13px;white-space:nowrap;margin-right:2px}
.eq-title-symbol{color:#b8bdc7;font-size:19px;line-height:1;transform:rotate(90deg)}
.eq-band{display:flex;align-items:center;gap:7px;min-width:0;flex:1}
.eq-band label{font-size:12px;white-space:nowrap}
.eq-band input{flex:1;min-width:42px;width:100%;margin:0;accent-color:#b8bdc7;cursor:pointer;touch-action:pan-y}
.eq-band output{font-size:11px;flex:none;width:38px;text-align:right;color:#c2c6ce;font-variant-numeric:tabular-nums}
.eq-volume{padding-left:12px;border-left:1px solid #484a50;flex:1.15}
.eq-volume input{accent-color:#74ad91}
.eq-volume output{color:#74ad91;width:35px}
.eq-reset{border:1px solid #4e5157;border-radius:6px;background:#282b30;color:#eee;white-space:nowrap;padding:6px 9px;cursor:pointer;font-size:11px}
.eq-reset:hover{background:#35383e}
.eq-info:empty{display:none}.eq-info{font-size:11px;color:#d6aa9f}
.eq-band input:focus-visible,.eq-reset:focus-visible{outline:2px solid #b8bdc7;outline-offset:3px}
.eq-volume input:focus-visible{outline:2px solid #74ad91;outline-offset:3px}
@media(max-width:1000px){.eq-card{display:flex;width:min(100%,940px)}.eq-bar{flex-wrap:wrap;gap:9px 15px}.eq-title{width:100%}.eq-band{flex:1 1 calc(33.333% - 20px)}.eq-volume{flex:1 1 185px}.eq-reset{order:5}}
@media(max-width:650px){.eq-strip{padding:7px 0 9px}.eq-card{display:flex;width:100%;padding:10px 11px 9px;border-bottom-width:4px}.eq-bar{gap:8px 12px}.eq-title{font-size:12px}.eq-band{flex:1 1 calc(50% - 12px)}.eq-band label{font-size:11px}.eq-band output{font-size:10px;width:32px}.eq-volume{border-left:0;padding-left:0}.eq-reset{padding:6px 8px}}

/* Fixed audio dock: separate from navigation and only shown after first playback. */
.eq-strip{--eq-tone-accent:#74ad91;--eq-volume-accent:#74ad91;position:fixed;z-index:1500;left:0;right:0;bottom:0;transform:none;width:auto;padding:30px 14px calc(16px + env(safe-area-inset-bottom));background:linear-gradient(to top,rgba(9,10,15,.99) 0%,rgba(11,13,18,.98) 48%,rgba(12,14,19,.93) 72%,rgba(12,14,19,.74) 88%,rgba(12,14,19,0) 100%);border:0;display:flex;justify-content:center;filter:drop-shadow(0 5px 15px #0009)}
.eq-strip.theme-gold{--eq-volume-accent:#e0a16c}
.eq-strip.theme-blue{--eq-volume-accent:#73b9e8}
.eq-strip.theme-green{--eq-volume-accent:#74ad91}
.eq-dock-panels{display:flex;align-items:stretch;gap:8px;width:min(1060px,100%);max-width:100%}
.eq-card{display:block;max-width:none;padding:12px 12px;background:#24262d;border:1px solid #424650;border-bottom:4px solid #41454f;border-radius:12px}
.eq-tone-card{flex:1 1 auto;padding-right:12px}
.eq-volume-card{flex:0 0 228px;padding-right:12px}
.eq-bar{gap:10px}
.eq-volume-bar{height:100%}
.eq-band{gap:6px}
.eq-band label{font-size:12px;white-space:nowrap}
.eq-band output{width:34px}
.eq-band input{appearance:none;-webkit-appearance:none;flex:1;min-width:42px;width:100%;height:18px;margin:0;background:transparent;cursor:pointer;touch-action:pan-y}
.eq-band input::-webkit-slider-runnable-track{height:4px;border-radius:999px;background:linear-gradient(to right,var(--accent) 0%,var(--accent) var(--pct,50%),#d7d9df var(--pct,50%),#d7d9df 100%)}
.eq-band input::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;background:var(--thumb-fill,#ffffff);border:2px solid #ffffff;margin-top:-6px;box-shadow:none}
.eq-band input::-moz-range-track{height:4px;border-radius:999px;background:#d7d9df}
.eq-band input::-moz-range-progress{height:4px;border-radius:999px;background:var(--accent)}
.eq-band input::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:var(--thumb-fill,#ffffff);border:2px solid #ffffff;box-shadow:none}
.eq-band input:focus-visible{outline:none}
.eq-band.eq-tone input{--accent:#cfd3db;--thumb-fill:var(--eq-tone-accent)}
.eq-band.eq-tone input::-webkit-slider-runnable-track{background:#d7d9df}
.eq-band.eq-tone input::-moz-range-track{background:#d7d9df}
.eq-band.eq-tone input::-moz-range-progress{background:#d7d9df}
.eq-volume-card .eq-volume{border-left:0;padding-left:0;flex:1 1 auto}
.eq-volume-card .eq-volume input{--accent:var(--eq-volume-accent);--thumb-fill:var(--eq-volume-accent)}
.eq-volume-card .eq-volume output{display:none}
.eq-title-icon{display:flex;align-items:center;justify-content:center;flex:none;width:22px;height:22px;color:#cfd3db;line-height:1}
.eq-title-icon svg{display:block}
.eq-mobile-toggle{display:none}
.eq-reset{min-width:28px;width:28px;height:28px;padding:0;font-size:14px;line-height:1;display:inline-flex;align-items:center;justify-content:center;color:#b8bdc7;border-color:#4d515a;background:#292c33}
.eq-reset:hover{background:#31353d;color:#edf0f4}
.eq-reset span{display:block;transform:translateY(-.5px)}
body.eq-dock-visible{padding-bottom:128px}
@media(max-width:1000px){.eq-dock-panels{width:min(1060px,100%);gap:8px}.eq-tone-card{flex:1 1 100%}.eq-volume-card{flex:0 0 206px}.eq-bar{flex-wrap:wrap}.eq-band{flex:1 1 136px}.eq-volume{flex:1 1 150px}.eq-reset{order:0}}
@media(max-width:650px){
 .eq-strip{padding:22px 9px calc(14px + env(safe-area-inset-bottom))}
 .eq-dock-panels{width:100%;flex-direction:column;gap:8px}
 .eq-card{width:100%;padding:10px 11px;border-bottom-width:3px}
 .eq-tone-card{padding-right:11px}
 .eq-volume-card{padding-right:11px}
 .eq-bar{flex-wrap:wrap;gap:6px 8px}
 .eq-mobile-toggle{display:block;order:1;border:1px solid #4a4d57;border-radius:6px;background:#30333b;color:#eee;font:inherit;font-size:11px;padding:5px 8px}
 .eq-volume-card{order:1}
 .eq-tone-card{order:2;display:none}
 .eq-strip.eq-expanded .eq-tone-card{display:block}
 .eq-tone{display:flex}
 .eq-band.eq-tone{flex:1 1 calc(50% - 12px)}
 .eq-title-icon{margin-right:auto}
 .eq-reset{order:5}
 body.eq-dock-visible{padding-bottom:150px}
 body.eq-dock-visible.eq-dock-expanded{padding-bottom:255px}
}

/* dB readouts track the thumbs instead of appearing between adjacent controls. */
.eq-tone-card .eq-band.eq-tone{padding-top:16px}
.eq-tone-card .eq-slider-wrap{position:relative;display:block;flex:1 1 auto;min-width:42px;height:18px}
.eq-tone-card .eq-slider-wrap input{display:block;width:100%;height:18px}
.eq-tone-card .eq-slider-wrap output{position:absolute;top:-18px;transform:translateX(-50%);width:max-content;min-width:0;white-space:nowrap;font-size:10px;line-height:14px;color:#d0d3d9;pointer-events:none;text-align:center}
@media(max-width:650px){.eq-tone-card .eq-band.eq-tone{padding-top:18px}}

/* Dock alignment: larger speaker at slider level and a moving volume percentage. */
.eq-tone-card .eq-title-icon{width:26px;height:26px;align-self:center;transform:translateY(8px)}
.eq-tone-card .eq-title-icon svg{width:23px;height:23px}
.eq-volume-card .eq-band.eq-volume{padding-top:16px}
.eq-volume-card .eq-slider-wrap{position:relative;display:block;flex:1 1 auto;min-width:42px;height:18px}
.eq-volume-card .eq-slider-wrap input{display:block;width:100%;height:18px}
.eq-volume-card .eq-slider-wrap output{display:block;position:absolute;top:-18px;transform:translateX(-50%);width:max-content;min-width:0;white-space:nowrap;font-size:10px;line-height:14px;color:var(--eq-volume-accent);pointer-events:none;text-align:center}
@media(max-width:650px){
 .eq-tone-card .eq-title-icon{transform:translateY(8px)}
 .eq-volume-card .eq-band.eq-volume{padding-top:18px}
}

/* Own Sets: dedicated sage green identity matching the volume control. */
.collection-tabs #tab-own.is-selected{background:#25332d;border-color:#354a3f;border-bottom:6px solid #8dd5a8}
.collection-tabs #tab-own.is-selected strong{color:#74ad91}
#panel-own #own-title{color:#f2f2f5}

/* Back-to-top belongs to the page, always above the floating audio dock. */
/* Position the shortcut just OUTSIDE the content edge, with a 16px gap. */
.back-to-top{left:auto;right:max(12px,calc((100vw - var(--content))/2 - 54px));bottom:var(--top-button-bottom,24px);z-index:1605}
html:not([data-device="stationary"]) .back-to-top{display:grid}
@media(max-width:650px){.back-to-top{right:14px;bottom:var(--top-button-bottom,20px)}}


/* On touch/mobile layouts the equalizer and volume dock are not shown. */
@media (max-width:650px){
  #eqStrip{display:none!important}
  body.eq-dock-visible,body.eq-dock-visible.eq-dock-expanded{padding-bottom:0}
}
html[data-device="mobile"] #eqStrip{display:none!important}
html[data-device="mobile"] body.eq-dock-visible,
html[data-device="mobile"] body.eq-dock-visible.eq-dock-expanded{padding-bottom:0}


/* Smartphone-Navigation: alle Rubriken sichtbar, auch beim Scrollen. */
@media(max-width:650px){
  .site-header .collection-tabs{
    display:grid;grid-template-columns:repeat(2,minmax(0,1fr));
    gap:7px;margin:0;padding:12px 0 16px;
    border-bottom:1px solid #33343c;
  }
  .site-header .collection-tabs .collection-tab{
    min-height:43px;height:43px;gap:0;padding:6px 4px 5px;
    border-radius:9px;border-bottom-width:3px;
  }
  .site-header .collection-tabs .collection-tab strong{
    font-size:11px;line-height:1.1;white-space:normal;
  }
  .site-header .collection-tabs .collection-tab span{display:none!important}
  /* Beim Scrollen: drei kompakte Reihen statt horizontaler Wischleiste. */
  .has-scroll-header .site-header.is-collapsed .collection-tabs{
    display:grid;grid-template-columns:repeat(3,minmax(0,1fr));
    gap:5px;overflow:visible;
    padding:7px 0 9px;
    border-bottom:1px solid #33343c;
  }
  .has-scroll-header .site-header.is-collapsed .collection-tab{
    width:100%;min-width:0;min-height:33px;height:33px;
    padding:5px 3px 4px;border-radius:7px;border-bottom-width:3px;
  }
  .has-scroll-header .site-header.is-collapsed .collection-tab strong{
    font-size:10px;line-height:1.1;white-space:normal;overflow-wrap:normal;
  }
}