/* Home — popular tracks by genre */
.mzk-ptl-section { margin-top: 40px; }
.mzk-ptl__title { margin: 0; color: var(--color-text-primary); font-size: 20px; font-weight: 800; line-height: 1.25; }
.mzk-ptl-section .mzk-genres-popular__controls { display:flex; align-items:center; justify-content:space-between; gap:16px; margin-bottom:18px; }
.mzk-ptl-section .mzk-genres-filter { display:flex; min-width:0; gap:8px; overflow-x:auto; scrollbar-width:none; }
.mzk-ptl-section .mzk-genres-filter::-webkit-scrollbar { display:none; }
.mzk-ptl-section .mzk-genres-filter button,
.mzk-ptl-section .mzk-genres-sort select { height:44px; border:none; border-bottom:2px solid transparent; border-radius:0; background:transparent; color:var(--color-text-secondary); font:inherit; font-size:14px; font-weight:700; }
.mzk-ptl-section .mzk-genres-filter button { display:inline-flex; flex:0 0 auto; align-items:center; gap:8px; padding:0 12px; cursor:pointer; white-space:nowrap; }
.mzk-ptl-section .mzk-genres-filter button svg { width:17px; height:17px; fill:none; stroke:currentColor; stroke-width:2; }
.mzk-ptl-section .mzk-genres-filter button.is-active { border-bottom-color:#ffa200; color:var(--color-text-primary); }
.mzk-ptl-section .mzk-genres-sort { position:relative; flex:0 0 auto; }
.mzk-ptl-section .mzk-genres-sort select { min-width:154px; padding:0 42px 0 17px; appearance:none; cursor:pointer; }
.mzk-ptl-section .mzk-genres-sort svg { position:absolute; top:50%; right:16px; width:16px; height:16px; transform:translateY(-50%); fill:none; stroke:currentColor; pointer-events:none; }
.mzk-ptl-tracks { margin:0; }
.mzk-ptl-panel:not([hidden]) { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
.mzk-ptl-panel[hidden] { display:none!important; }
.mzk-pop-track { display:grid; min-width:0; min-height:86px; grid-template-columns:64px minmax(0,1fr) auto auto; align-items:center; gap:14px; padding:10px 14px 10px 10px; border:1px solid var(--color-border); border-radius:16px; background:var(--color-surface); transition:border-color .16s ease,background-color .16s ease,transform .16s ease; }
.mzk-pop-track:hover,.mzk-pop-track:focus-within { border-color:rgba(255,162,0,.38); background:var(--color-surface-hover, #12202e); }
.mzk-pop-track__media { position:relative; width:64px; height:64px; overflow:hidden; border-radius:12px; background:var(--color-surface-strong, #132231); }
.mzk-pop-track__media img,.mzk-pop-track__placeholder { display:block; width:100%; height:100%; object-fit:cover; }
.mzk-pop-track__placeholder { display:grid; place-items:center; color:var(--color-text-tertiary); }
.mzk-pop-track__placeholder svg { width:26px; height:26px; fill:none; stroke:currentColor; stroke-width:1.8; }
.mzk-pop-track__play { position:absolute; inset:0; display:grid; width:42px; height:42px; margin:auto; place-items:center; border:0; border-radius:50%; background:#ffa200; color:#07111c; cursor:pointer; box-shadow:0 6px 18px rgba(0,0,0,.32); transition:transform .16s ease,background-color .16s ease; }
.mzk-pop-track__play:hover { background:#ffb01f; transform:scale(1.06); }
.mzk-pop-track__play svg { width:19px; height:19px; fill:currentColor; }
.mzk-pop-track__play .icon-pause { display:none; }
.mzk-pop-track.is-playing .mzk-pop-track__play .icon-play { display:none; }
.mzk-pop-track.is-playing .mzk-pop-track__play .icon-pause { display:block; }
.mzk-pop-track__info { min-width:0; }
.mzk-pop-track__heading { min-width:0; margin:0; font:inherit; }
.mzk-pop-track__title,.mzk-pop-track__artist { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.mzk-pop-track__title { color:var(--color-text-primary); font-size:15px; font-weight:750; line-height:1.35; text-decoration:none; }
.mzk-pop-track__title:hover,.mzk-pop-track.is-playing .mzk-pop-track__title { color:#ffa200; }
.mzk-pop-track__artist { margin-top:4px; color:var(--color-text-secondary); font-size:13px; line-height:1.3; }
.mzk-pop-track__duration { color:var(--color-text-secondary); font-size:13px; font-weight:700; font-variant-numeric:tabular-nums; }
.mzk-pop-track__fav-btn { display:grid; width:40px; height:40px; place-items:center; padding:0; border:0; border-radius:50%; background:var(--color-surface-strong, #132231); color:var(--color-text-secondary); cursor:pointer; }
.mzk-pop-track__fav-btn svg { width:20px; height:20px; fill:none; stroke:currentColor; stroke-width:2; }
.mzk-pop-track__fav-btn:hover,.mzk-pop-track__fav-btn.is-active { color:#ff477e; }
.mzk-pop-track__fav-btn.is-active svg { fill:currentColor; }
.mzk-ptl-empty { grid-column:1/-1; margin:0; padding:28px; color:var(--color-text-secondary); text-align:center; }
.mzk-ptl-more { display:flex; width:max-content; height:44px; align-items:center; gap:8px; margin:20px auto 0; padding:0 22px; border:1px solid var(--color-border); border-radius:999px; color:var(--color-text-primary); font-size:14px; font-weight:700; text-decoration:none; }
.mzk-ptl-more:hover { border-color:#ffa200; color:#ffa200; }
.mzk-ptl-more svg { width:16px; height:16px; fill:none; stroke:currentColor; stroke-width:2; }
@media(max-width:760px){
 .mzk-ptl-section .mzk-genres-popular__controls{align-items:stretch;flex-direction:column}
 .mzk-ptl-section .mzk-genres-sort,.mzk-ptl-section .mzk-genres-sort select{width:100%}
 .mzk-ptl-section .mzk-genres-filter{display:flex!important;overflow-x:auto;-webkit-overflow-scrolling:touch}
 .mzk-ptl-section .mzk-genres-filter button{display:inline-flex!important;flex:0 0 auto!important;width:auto!important;min-height:0!important;justify-content:flex-start!important;border-radius:0!important;padding:0 14px!important;background:transparent!important;border:none!important;border-bottom:2px solid transparent!important}
 .mzk-ptl-section .mzk-genres-filter button.is-active{border-bottom-color:#ffa200!important;background:transparent!important}
 .mzk-ptl-panel:not([hidden]){grid-template-columns:minmax(0,1fr)}
 .mzk-pop-track{min-height:78px;grid-template-columns:56px minmax(0,1fr) auto;gap:11px;padding:10px 12px 10px 10px}
 .mzk-pop-track__media{width:56px;height:56px}
 .mzk-pop-track__play{width:38px;height:38px}
 .mzk-pop-track__fav-btn{display:none}
}
@media(prefers-reduced-motion:reduce){.mzk-pop-track,.mzk-pop-track__play{transition:none}}

/* Flat rows — line separators, no blocks */
.mzk-ptl-panel:not([hidden]){gap:0}
.mzk-pop-track{min-height:0;padding:12px 0;border:0;border-bottom:1px solid rgba(255,255,255,.08);border-radius:0;background:transparent;transition:none}
.mzk-pop-track:last-child{border-bottom:0}
.mzk-pop-track:hover,.mzk-pop-track:focus-within{background:rgba(255,255,255,.04);border-color:rgba(255,255,255,.08)}
.mzk-pop-track__media{border-radius:8px}
.mzk-pop-track__fav-btn{display:none}