
/* LumiLino v101 – klare Liednavigation, kuratierte Empfehlungen, keine Trackinglogik. */
.catalog-tabs{
  display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin:24px auto 4px;
}
.catalog-tabs a{
  display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:9px 16px;
  border:1px solid rgba(8,132,139,.22);border-radius:999px;background:#fff;color:#106c71;
  font-weight:850;text-decoration:none;box-shadow:0 7px 18px rgba(17,102,106,.06);
}
.catalog-tabs a:hover,.catalog-tabs a:focus-visible{background:#eaf9f7;border-color:#55c7c2;outline:none;}
.catalog-feature-section{padding:42px 0 14px;}
.catalog-feature-section + .catalog-feature-section{padding-top:30px;}
.catalog-feature-head{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:18px;}
.catalog-feature-head h2{margin:.1em 0 0;}
.catalog-feature-head p{max-width:620px;margin:0;color:var(--muted);}
.catalog-feature-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;}
.catalog-feature-grid.is-new{grid-template-columns:repeat(2,minmax(0,1fr));}
.catalog-feature-card{overflow:hidden;border:1px solid rgba(13,112,117,.14);border-radius:22px;background:#fff;box-shadow:0 12px 34px rgba(12,80,84,.08);}
.catalog-feature-media{position:relative;display:block;aspect-ratio:16/9;overflow:hidden;background:#dff7f4;}
.catalog-feature-media img{width:100%;height:100%;object-fit:cover;transition:transform .28s ease;}
.catalog-feature-media::after{content:"";position:absolute;inset:38% 0 0;background:linear-gradient(180deg,transparent,rgba(4,45,49,.86));opacity:0;transition:opacity .2s ease;}
.catalog-feature-teaser{position:absolute;left:16px;right:16px;bottom:14px;z-index:2;color:#fff;font-weight:800;line-height:1.32;opacity:0;transform:translateY(7px);transition:.2s ease;}
.catalog-feature-media:hover img,.catalog-feature-media:focus-visible img{transform:scale(1.025);}
.catalog-feature-media:hover::after,.catalog-feature-media:focus-visible::after,.catalog-feature-media:hover .catalog-feature-teaser,.catalog-feature-media:focus-visible .catalog-feature-teaser{opacity:1;}
.catalog-feature-media:hover .catalog-feature-teaser,.catalog-feature-media:focus-visible .catalog-feature-teaser{transform:none;}
.catalog-feature-copy{padding:15px 16px 17px;}
.catalog-feature-copy small{display:block;margin-bottom:5px;color:#168c90;font-weight:900;text-transform:uppercase;letter-spacing:.04em;font-size:.72rem;}
.catalog-feature-copy h3{margin:0 0 11px;font-size:1.08rem;line-height:1.18;}
.catalog-feature-actions{display:flex;flex-wrap:wrap;gap:8px;}
.catalog-feature-actions a{font-weight:850;text-decoration:none;}
.catalog-feature-actions .watch{color:#b52125;}
.catalog-feature-actions .more{color:#0b7b80;}
.song-related>strong{display:block;margin-bottom:9px;font-size:1.04rem;color:#174f54;}
.song-related a{display:inline-flex;margin:4px 7px 4px 0;padding:7px 10px;border-radius:999px;background:#eef9f7;text-decoration:none;font-weight:750;}
.song-related a:hover,.song-related a:focus-visible{background:#d9f4f0;outline:none;}
.home-popular-head .section-head>p{display:none;}
@media(max-width:900px){.catalog-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media(max-width:620px){
  .catalog-feature-grid,.catalog-feature-grid.is-new{grid-template-columns:1fr;}
  .catalog-feature-head{display:block;}
  .catalog-feature-head p{margin-top:7px;}
  .catalog-feature-media::after{opacity:1;inset:52% 0 0;}
  .catalog-feature-teaser{opacity:1;transform:none;font-size:.88rem;}
  .catalog-tabs{justify-content:flex-start;overflow-x:auto;flex-wrap:nowrap;padding-bottom:4px;scrollbar-width:none;}
  .catalog-tabs::-webkit-scrollbar{display:none;}
  .catalog-tabs a{white-space:nowrap;}
}
