:root{--kz-accent:#7683eb;--kz-accent2:#9d68f5;--kz-card:#26313d;--kz-card2:#1c2530;--kz-line:rgba(255,255,255,.09);--kz-text:#f5f7fb;--kz-muted:#9da9b7}
.kz-section{margin:0 0 28px}.kz-section__head{display:flex;align-items:end;justify-content:space-between;gap:16px;margin:0 0 16px}.kz-section__head h2,.kz-section__head h3{font-size:22px;line-height:1.2;font-weight:800;color:var(--kz-text)}.kz-section__head p{margin-top:5px;font-size:13px;color:var(--kz-muted)}.kz-section__all{flex:0 0 auto;padding:9px 14px;border:1px solid var(--kz-line);border-radius:12px;background:rgba(255,255,255,.035);font-size:12px;font-weight:700}.kz-section__all:hover{transform:translateY(-1px);border-color:rgba(118,131,235,.65);background:rgba(118,131,235,.12)}
.kz-collection-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}.kz-collection-card{position:relative;display:block;overflow:hidden;border-radius:18px;background:var(--kz-card);border:1px solid var(--kz-line);box-shadow:0 9px 28px rgba(0,0,0,.14);isolation:isolate}.kz-collection-card__image{display:block;width:100%;aspect-ratio:1/1;object-fit:cover;transition:transform .35s ease}.kz-collection-card:after{content:"";position:absolute;inset:42% 0 0;background:linear-gradient(180deg,transparent,rgba(7,11,16,.94));z-index:1}.kz-collection-card__body{position:absolute;z-index:2;left:0;right:0;bottom:0;padding:15px}.kz-collection-card__name{display:block;font-size:14px;font-weight:800;line-height:1.3;color:#fff}.kz-collection-card__meta{display:block;margin-top:5px;font-size:11px;color:rgba(255,255,255,.72)}.kz-collection-card:hover{border-color:rgba(118,131,235,.6);transform:translateY(-2px)}.kz-collection-card:hover .kz-collection-card__image{transform:scale(1.04)}
.kz-artist-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:16px}.kz-artist-card{display:flex;min-width:0;flex-direction:column;align-items:center;text-align:center;padding:14px 9px;border-radius:18px;border:1px solid transparent}.kz-artist-card:hover{background:rgba(255,255,255,.04);border-color:var(--kz-line)}.kz-artist-card__image{width:100%;max-width:132px;aspect-ratio:1/1;object-fit:cover;border-radius:50%;box-shadow:0 9px 28px rgba(0,0,0,.23);border:3px solid rgba(255,255,255,.08)}.kz-artist-card__name{margin-top:10px;width:100%;font-size:13px;line-height:1.25;font-weight:750;color:var(--kz-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.kz-artist-card__meta{margin-top:4px;font-size:11px;color:var(--kz-muted)}
.kz-genre-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.kz-genre-card{position:relative;min-height:92px;display:flex;flex-direction:column;justify-content:flex-end;padding:16px;border-radius:17px;overflow:hidden;border:1px solid var(--kz-line);background:linear-gradient(135deg,rgba(118,131,235,.22),rgba(157,104,245,.10) 55%,rgba(255,255,255,.03));box-shadow:0 8px 24px rgba(0,0,0,.10)}.kz-genre-card:before{content:"♫";position:absolute;right:12px;top:8px;font-size:45px;font-weight:900;color:rgba(255,255,255,.055);transform:rotate(8deg)}.kz-genre-card__name{position:relative;font-size:15px;font-weight:800;color:var(--kz-text)}.kz-genre-card__meta{position:relative;margin-top:6px;font-size:11px;color:var(--kz-muted)}.kz-genre-card:hover{transform:translateY(-2px);border-color:rgba(118,131,235,.6);background:linear-gradient(135deg,rgba(118,131,235,.32),rgba(157,104,245,.16) 55%,rgba(255,255,255,.04))}
.kz-catalog-hero{padding:22px;margin:0 0 18px;border-radius:20px;border:1px solid var(--kz-line);background:radial-gradient(circle at 100% 0,rgba(118,131,235,.25),transparent 36%),linear-gradient(135deg,#263442,#1c2530);box-shadow:0 12px 34px rgba(0,0,0,.16)}.kz-catalog-hero h1{font-size:27px;font-weight:850;line-height:1.15}.kz-catalog-hero p{max-width:720px;margin-top:9px;color:var(--kz-muted);font-size:14px;line-height:1.55}.kz-catalog-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin-bottom:25px}.kz-catalog-grid--artists{grid-template-columns:repeat(5,minmax(0,1fr))}
.aside__recently-inner[data-listen-now-block]{display:grid;gap:8px}.kz-listen-card{display:grid!important;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:10px;padding:8px!important;border-radius:13px!important;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.055)}.kz-listen-card:hover{background:rgba(118,131,235,.11);border-color:rgba(118,131,235,.26)}.kz-listen-card__cover{position:relative;width:44px;height:44px;overflow:hidden;border-radius:11px;background:#161e27}.kz-listen-card__cover img{width:44px!important;height:44px!important;object-fit:cover!important;margin:0!important}.kz-listen-card__play{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:rgba(8,12,18,.34);font-size:12px;color:#fff;opacity:0;transition:.18s}.kz-listen-card:hover .kz-listen-card__play{opacity:1}.kz-listen-card__text{display:flex!important;min-width:0;flex-direction:column;gap:3px}.kz-listen-card__text strong,.kz-listen-card__text span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.kz-listen-card__text strong{font-size:12px;color:#f1f4f8}.kz-listen-card__text span{font-size:11px;color:#9facba}.kz-listen-card__count{padding:5px 7px;border-radius:999px;background:rgba(118,131,235,.13);font-size:10px;font-weight:800;color:#bfc6ff;white-space:nowrap}.listen-now-skeleton{display:grid;gap:8px}.listen-now-skeleton span{display:block;height:60px;border-radius:13px;background:linear-gradient(90deg,rgba(255,255,255,.035),rgba(255,255,255,.08),rgba(255,255,255,.035));background-size:220% 100%;animation:kz-shimmer 1.25s linear infinite}@keyframes kz-shimmer{to{background-position:-220% 0}}
body.theme-light{--kz-card:#fff;--kz-card2:#f6f8fb;--kz-line:rgba(31,43,58,.10);--kz-text:#182331;--kz-muted:#697789}.theme-light .kz-catalog-hero{background:radial-gradient(circle at 100% 0,rgba(118,131,235,.18),transparent 38%),#fff}.theme-light .kz-listen-card{background:#fff;border-color:rgba(31,43,58,.08)}.theme-light .kz-listen-card__text strong{color:#1c2632}.theme-light .kz-listen-card__text span{color:#718092}
@media(max-width:1050px){.kz-collection-grid{grid-template-columns:repeat(4,1fr)}.kz-artist-grid{grid-template-columns:repeat(5,1fr)}.kz-catalog-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:760px){.kz-section{margin-bottom:22px}.kz-section__head{align-items:center}.kz-section__head h2,.kz-section__head h3{font-size:18px}.kz-section__head p{display:none}.kz-collection-grid,.kz-artist-grid,.kz-genre-grid{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;padding:1px 1px 10px;scrollbar-width:none}.kz-collection-grid::-webkit-scrollbar,.kz-artist-grid::-webkit-scrollbar,.kz-genre-grid::-webkit-scrollbar{display:none}.kz-collection-card{min-width:160px;scroll-snap-align:start}.kz-artist-card{min-width:132px;scroll-snap-align:start}.kz-genre-card{min-width:180px;scroll-snap-align:start}.kz-catalog-hero{padding:18px}.kz-catalog-hero h1{font-size:22px}.kz-catalog-grid,.kz-catalog-grid--artists{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}}@media(max-width:410px){.kz-catalog-grid,.kz-catalog-grid--artists{grid-template-columns:1fr 1fr}.kz-collection-card__body{padding:12px}.kz-collection-card__name{font-size:13px}}

/* Detail pages */
.c-artist-header{border:1px solid var(--kz-line)!important;border-radius:20px!important;background:radial-gradient(circle at 100% 0,rgba(118,131,235,.19),transparent 35%),linear-gradient(135deg,#263442,#1c2530)!important;box-shadow:0 12px 34px rgba(0,0,0,.16)!important;padding:20px!important}.c-artist-header__img{border-radius:16px!important;border:1px solid rgba(255,255,255,.12)!important;box-shadow:0 10px 30px rgba(0,0,0,.25)}.c_artist-header__artist-name,.c-artist-header__artist-name{font-weight:850!important;letter-spacing:-.02em}.collection-meta{display:flex;align-items:center;gap:7px;flex-wrap:wrap;color:var(--kz-muted);font-size:12px}.theme-light .c-artist-header{background:radial-gradient(circle at 100% 0,rgba(118,131,235,.15),transparent 35%),#fff!important}@media(max-width:600px){.c-artist-header{padding:16px!important}.c-artist-header__img{width:150px!important;height:150px!important}.c-artist-header__content{padding:6px 0 0!important}}


/* ===== KZMP3 horizontal catalog sliders ===== */
.kz-section{margin:0 0 28px}
.kz-section__head{display:flex;align-items:end;justify-content:space-between;gap:16px;margin:0 0 16px}
.kz-section__head h2,.kz-section__head h3{font-size:22px;line-height:1.2;font-weight:800;color:var(--kz-text)}
.kz-section__head p{margin-top:5px;font-size:13px;color:var(--kz-muted)}
.kz-section__all{flex:0 0 auto;padding:9px 14px;border:1px solid var(--kz-line);border-radius:12px;background:rgba(255,255,255,.035);font-size:12px;font-weight:700}
.kz-section__all:hover{transform:translateY(-1px);border-color:rgba(118,131,235,.65);background:rgba(118,131,235,.12)}
.kz-slider{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px}
.kz-slider__viewport{position:relative;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;-ms-overflow-style:none;scroll-behavior:smooth;overscroll-behavior-x:contain;padding:2px 0 10px;cursor:grab}
.kz-slider__viewport::-webkit-scrollbar{display:none}
.kz-slider__viewport.is-dragging{cursor:grabbing;scroll-behavior:auto;user-select:none}
.kz-slider__viewport::before,.kz-slider__viewport::after{content:"";position:absolute;top:0;bottom:10px;width:28px;pointer-events:none;z-index:2;opacity:0;transition:opacity .18s ease}
.kz-slider__viewport::before{left:0;background:linear-gradient(90deg,rgba(18,27,39,.96),rgba(18,27,39,0))}
.kz-slider__viewport::after{right:0;background:linear-gradient(270deg,rgba(18,27,39,.96),rgba(18,27,39,0))}
.kz-slider__viewport.has-left-shadow::before{opacity:1}
.kz-slider__viewport.has-right-shadow::after{opacity:1}
.kz-slider__nav{width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--kz-line);border-radius:999px;background:rgba(255,255,255,.055);box-shadow:0 8px 20px rgba(0,0,0,.16);font-size:24px;font-weight:800;line-height:1;color:var(--kz-text);transition:transform .16s ease,background .16s ease,border-color .16s ease,opacity .16s ease}
.kz-slider__nav:hover{transform:translateY(-1px);background:rgba(118,131,235,.16);border-color:rgba(118,131,235,.5)}
.kz-slider__nav[disabled]{opacity:.32;pointer-events:none}
.kz-hscroll{display:flex!important;flex-wrap:nowrap!important;align-items:stretch;gap:14px;width:max-content;min-width:100%}
.kz-slider .kz-collection-grid,.kz-slider .kz-catalog-grid{display:flex!important;flex-wrap:nowrap!important;gap:14px;align-items:stretch;width:max-content;min-width:100%}
.kz-slider .kz-artist-grid,.kz-slider .kz-catalog-grid--artists{display:flex!important;flex-wrap:nowrap!important;gap:16px;align-items:stretch;width:max-content;min-width:100%}
.kz-slider .kz-genre-grid{display:flex!important;flex-wrap:nowrap!important;gap:12px;align-items:stretch;width:max-content;min-width:100%}
.kz-slider .kz-collection-card{position:relative;display:block;flex:0 0 210px;overflow:hidden;border-radius:18px;background:var(--kz-card);border:1px solid var(--kz-line);box-shadow:0 9px 28px rgba(0,0,0,.14);isolation:isolate}
.kz-slider .kz-catalog-grid .kz-collection-card{flex-basis:260px}
.kz-collection-card__image{display:block;width:100%;aspect-ratio:1/1;object-fit:cover;transition:transform .35s ease}
.kz-collection-card:after{content:"";position:absolute;inset:42% 0 0;background:linear-gradient(180deg,transparent,rgba(7,11,16,.94));z-index:1}
.kz-collection-card__body{position:absolute;z-index:2;left:0;right:0;bottom:0;padding:15px}.kz-collection-card__name{display:block;font-size:14px;font-weight:800;line-height:1.3;color:#fff}.kz-collection-card__meta{display:block;margin-top:5px;font-size:11px;color:rgba(255,255,255,.72)}.kz-collection-card:hover{border-color:rgba(118,131,235,.6);transform:translateY(-2px)}.kz-collection-card:hover .kz-collection-card__image{transform:scale(1.04)}
.kz-slider .kz-artist-card{display:flex;min-width:0;flex:0 0 170px;flex-direction:column;align-items:center;text-align:center;padding:14px 9px;border-radius:18px;border:1px solid transparent}.kz-artist-card:hover{background:rgba(255,255,255,.04);border-color:var(--kz-line)}.kz-artist-card__image{width:100%;max-width:132px;aspect-ratio:1/1;object-fit:cover;border-radius:50%;box-shadow:0 9px 28px rgba(0,0,0,.23);border:3px solid rgba(255,255,255,.08)}.kz-artist-card__name{margin-top:10px;width:100%;font-size:13px;line-height:1.25;font-weight:750;color:var(--kz-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.kz-artist-card__meta{margin-top:4px;font-size:11px;color:var(--kz-muted)}
.kz-slider .kz-genre-card{position:relative;flex:0 0 220px;min-height:92px;display:flex;flex-direction:column;justify-content:flex-end;padding:16px;border-radius:17px;overflow:hidden;border:1px solid var(--kz-line);background:linear-gradient(135deg,rgba(118,131,235,.22),rgba(157,104,245,.10) 55%,rgba(255,255,255,.03));box-shadow:0 8px 24px rgba(0,0,0,.10)}.kz-genre-card:before{content:"♫";position:absolute;right:12px;top:8px;font-size:45px;font-weight:900;color:rgba(255,255,255,.055);transform:rotate(8deg)}.kz-genre-card__name{position:relative;font-size:15px;font-weight:800;color:var(--kz-text)}.kz-genre-card__meta{position:relative;margin-top:6px;font-size:11px;color:var(--kz-muted)}.kz-genre-card:hover{transform:translateY(-2px);border-color:rgba(118,131,235,.6);background:linear-gradient(135deg,rgba(118,131,235,.32),rgba(157,104,245,.16) 55%,rgba(255,255,255,.04))}
.kz-catalog-hero{padding:20px 22px;border:1px solid var(--kz-line);border-radius:20px;background:linear-gradient(135deg,rgba(118,131,235,.09),rgba(255,255,255,.02));margin-bottom:18px}.kz-catalog-hero h1{margin:0 0 8px;font-size:28px;line-height:1.15;color:var(--kz-text)}.kz-catalog-hero p{margin:0;color:var(--kz-muted);font-size:14px;line-height:1.6}
.aside__recently-inner[data-listen-now-block]{display:grid;gap:8px}.kz-listen-card{display:grid!important;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:10px;padding:8px!important;border-radius:13px!important;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.055)}.kz-listen-card:hover{background:rgba(118,131,235,.11);border-color:rgba(118,131,235,.26)}.kz-listen-card__cover{position:relative;width:44px;height:44px;overflow:hidden;border-radius:11px;background:#161e27}.kz-listen-card__cover img{width:44px!important;height:44px!important;object-fit:cover!important;margin:0!important}.kz-listen-card__play{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:rgba(8,12,18,.34);font-size:12px;color:#fff;opacity:0;transition:.18s}.kz-listen-card:hover .kz-listen-card__play{opacity:1}.kz-listen-card__text{display:flex!important;min-width:0;flex-direction:column;gap:3px}.kz-listen-card__text strong,.kz-listen-card__text span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.kz-listen-card__text strong{font-size:12px;color:#f1f4f8}.kz-listen-card__text span{font-size:11px;color:#9facba}.kz-listen-card__count{padding:5px 7px;border-radius:999px;background:rgba(118,131,235,.13);font-size:10px;font-weight:800;color:#bfc6ff;white-space:nowrap}.listen-now-skeleton{display:grid;gap:8px}.listen-now-skeleton span{display:block;height:60px;border-radius:13px;background:linear-gradient(90deg,rgba(255,255,255,.035),rgba(255,255,255,.08),rgba(255,255,255,.035));background-size:220% 100%;animation:kz-shimmer 1.25s linear infinite}@keyframes kz-shimmer{to{background-position:-220% 0}}
@media(max-width:1050px){.kz-slider .kz-collection-card{flex-basis:190px}.kz-slider__nav{width:40px;height:40px}}
@media(max-width:760px){.kz-section{margin-bottom:22px}.kz-section__head{align-items:center}.kz-section__head h2,.kz-section__head h3{font-size:18px}.kz-section__head p{display:none}.kz-slider{gap:8px;grid-template-columns:36px minmax(0,1fr) 36px}.kz-slider__nav{width:36px;height:36px;font-size:20px}.kz-slider .kz-collection-card{flex-basis:170px}.kz-slider .kz-catalog-grid .kz-collection-card{flex-basis:170px}.kz-slider .kz-artist-card{flex-basis:138px}.kz-slider .kz-genre-card{flex-basis:180px}.kz-catalog-hero{padding:18px}.kz-catalog-hero h1{font-size:22px}}
@media(max-width:410px){.kz-section__all{padding:8px 12px}.kz-collection-card__body{padding:12px}.kz-collection-card__name{font-size:13px}}

/* FIX: edge fade must not live inside the scrolling element.
   It used to scroll together with cards and appeared as a dark stripe in the middle. */
.kz-slider__viewport::before,.kz-slider__viewport::after{content:none!important;display:none!important;background:none!important;opacity:0!important}


/* ===== Genre artwork covers ===== */
.kz-genre-card{position:relative;isolation:isolate;min-height:132px;padding:16px;justify-content:flex-end;background:#182331!important;border-color:rgba(255,255,255,.11);box-shadow:0 10px 26px rgba(0,0,0,.16)}
.kz-genre-card::before{content:none!important;display:none!important}
.kz-genre-card::after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(180deg,rgba(5,9,14,.03) 10%,rgba(5,9,14,.18) 48%,rgba(5,9,14,.88) 100%)}
.kz-genre-card__image{position:absolute;inset:0;z-index:0;width:100%;height:100%;object-fit:cover;object-position:center;transition:transform .32s ease,filter .32s ease}
.kz-genre-card__name,.kz-genre-card__meta{position:relative;z-index:2;text-shadow:0 2px 9px rgba(0,0,0,.62)}
.kz-genre-card__name{color:#fff!important;font-size:16px;font-weight:850;line-height:1.2}
.kz-genre-card__meta{color:rgba(255,255,255,.78)!important;font-size:11px;margin-top:5px}
.kz-genre-card:hover{transform:translateY(-2px);border-color:rgba(118,131,235,.65);background:#182331!important}
.kz-genre-card:hover .kz-genre-card__image{transform:scale(1.045);filter:saturate(1.08) brightness(1.03)}
.kz-slider .kz-genre-card{flex-basis:230px;min-height:132px}
.kz-catalog-grid .kz-genre-card{min-height:150px}
.theme-light .kz-genre-card{border-color:rgba(22,34,49,.12);box-shadow:0 8px 24px rgba(31,43,58,.12)}
.kz-catalog-hero--genre{position:relative;isolation:isolate;overflow:hidden;min-height:210px;display:flex;align-items:flex-end;padding:24px!important;background:#182331!important;border-color:rgba(255,255,255,.10)!important}
.kz-catalog-hero--genre::after{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgba(8,13,20,.91) 0%,rgba(8,13,20,.72) 48%,rgba(8,13,20,.24) 100%),linear-gradient(0deg,rgba(8,13,20,.78),transparent 70%);pointer-events:none}
.kz-catalog-hero__genre-image{position:absolute;inset:0;z-index:0;width:100%;height:100%;object-fit:cover;object-position:center}
.kz-catalog-hero__genre-content{position:relative;z-index:2;max-width:760px}
.kz-catalog-hero--genre h1{color:#fff!important;text-shadow:0 3px 16px rgba(0,0,0,.55)}
.kz-catalog-hero--genre p{color:rgba(255,255,255,.80)!important;text-shadow:0 2px 10px rgba(0,0,0,.45)}
.theme-light .kz-catalog-hero--genre{background:#182331!important}
@media(max-width:760px){.kz-slider .kz-genre-card{flex-basis:190px;min-height:118px}.kz-catalog-grid .kz-genre-card{min-height:125px}.kz-genre-card{padding:14px}.kz-genre-card__name{font-size:15px}.kz-catalog-hero--genre{min-height:180px;padding:18px!important}.kz-catalog-hero--genre::after{background:linear-gradient(0deg,rgba(8,13,20,.90),rgba(8,13,20,.28))}}

/* KZMP3 homepage: compact collection and genre carousels on phones.
   Scoped to .page-main to avoid changing /compilations/ and /genres/ grids.
   2026-10-19 */
@media screen and (max-width: 760px) {
  .page-main .kz-section {
    margin-bottom: 17px;
  }
  .page-main .kz-section__head {
    margin-bottom: 10px;
    gap: 8px;
  }
  .page-main .kz-section__head h2,
  .page-main .kz-section__head h3 {
    font-size: 16px;
    line-height: 1.2;
  }
  .page-main .kz-section__all {
    padding: 6px 9px;
    font-size: 10px;
    line-height: 1.25;
    white-space: nowrap;
    border-radius: 9px;
  }
  .page-main .kz-slider {
    grid-template-columns: 29px minmax(0, 1fr) 29px;
    gap: 6px;
  }
  .page-main .kz-slider__nav {
    width: 29px;
    height: 29px;
    padding: 0;
    border-radius: 50%;
    font-size: 18px;
    line-height: 1;
    box-shadow: 0 3px 8px rgba(0, 0, 0, .10);
  }
  .page-main .kz-slider__viewport {
    min-width: 0;
    padding: 2px 1px 5px;
    touch-action: pan-x pan-y;
  }
  .page-main .kz-slider .kz-collection-grid,
  .page-main .kz-slider .kz-genre-grid {
    gap: 8px;
  }
  .page-main .kz-slider .kz-collection-card {
    flex: 0 0 clamp(108px, 30vw, 126px);
    min-width: 0;
    border-radius: 12px;
    box-shadow: 0 3px 9px rgba(0, 0, 0, .11);
  }
  .page-main .kz-collection-card__body {
    padding: 8px;
  }
  .page-main .kz-collection-card__name {
    font-size: 11px;
    line-height: 1.18;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
  }
  .page-main .kz-collection-card__meta {
    margin-top: 3px;
    font-size: 9px;
    line-height: 1.15;
  }
  .page-main .kz-slider .kz-genre-card {
    flex: 0 0 clamp(118px, 34vw, 142px);
    min-width: 0;
    min-height: 86px;
    padding: 9px;
    border-radius: 12px;
    box-shadow: 0 3px 9px rgba(0, 0, 0, .10);
  }
  .page-main .kz-genre-card__name {
    font-size: 12px;
    line-height: 1.16;
  }
  .page-main .kz-genre-card__meta {
    margin-top: 3px;
    font-size: 9px;
    line-height: 1.15;
  }
}

@media screen and (max-width: 360px) {
  .page-main .kz-section__head h2,
  .page-main .kz-section__head h3 { font-size: 15px; }
  .page-main .kz-slider {
    grid-template-columns: 26px minmax(0, 1fr) 26px;
    gap: 5px;
  }
  .page-main .kz-slider__nav {
    width: 26px;
    height: 26px;
  }
  .page-main .kz-slider .kz-collection-card { flex-basis: 103px; }
  .page-main .kz-slider .kz-genre-card {
    flex-basis: 116px;
    min-height: 80px;
  }
}

@media screen and (max-width: 760px) and (hover: none) {
  .page-main .kz-slider .kz-collection-card:hover,
  .page-main .kz-slider .kz-genre-card:hover { transform: none; }
}

/* KZMP3 2026-10-19 — mobile homepage collections: correct excessive HEIGHT.
   Append AFTER the previous mobile compact rules in kzmp3-modern-catalog.css.
   Only homepage collections; no effect on genre cards or inner catalog pages. */
@media screen and (max-width: 760px) {
  .page-main .kz-slider .kz-collection-grid .kz-collection-card {
    height: clamp(110px, 31.5vw, 136px) !important;
    min-height: 0 !important;
    max-height: 136px !important;
    align-self: flex-start;
    flex-grow: 0;
    flex-shrink: 0;
    position: relative;
    overflow: hidden;
  }

  /* Explicit image dimensions prevent portrait posters or generic img rules
     from stretching the carousel row vertically. */
  .page-main .kz-slider .kz-collection-card__image {
    position: absolute;
    inset: 0;
    display: block;
    width: 100% !important;
    height: 100% !important;
    min-height: 0 !important;
    max-height: 100% !important;
    aspect-ratio: auto !important;
    object-fit: cover !important;
    object-position: center 48%;
  }

  .page-main .kz-slider .kz-collection-card__body {
    padding: 6px 7px;
  }
  .page-main .kz-slider .kz-collection-card__name {
    font-size: 10px;
    line-height: 1.13;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
  }
  .page-main .kz-slider .kz-collection-card__meta {
    margin-top: 2px;
    font-size: 8px;
    line-height: 1.12;
  }
}

@media screen and (max-width: 360px) {
  .page-main .kz-slider .kz-collection-grid .kz-collection-card {
    height: 110px !important;
  }
}