/* müzik, arşiv, yönetim */
/* ---------- müzik ---------- */
.mzh .wrap{align-items:center}
.mzh .cta{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}
.yak{min-width:min(100%,340px);display:flex;flex-direction:column;gap:10px;align-items:flex-start;position:relative;z-index:1}
.yak h2{margin:0;font:800 26px/1.1 'Unbounded',sans-serif;letter-spacing:-.02em}
.nyb{display:grid;grid-template-columns:minmax(0,420px) minmax(0,1fr);gap:clamp(20px,4vw,48px);padding:clamp(16px,2.4vw,28px);align-items:center}
.nyk{width:100%;aspect-ratio:1;object-fit:cover;border-radius:20px;box-shadow:0 30px 60px -30px rgba(0,0,0,.9);background:#111}
.nyi{display:flex;flex-direction:column;gap:12px;align-items:flex-start;min-width:0}
.nyi h2{margin:0;font-size:clamp(34px,5vw,64px);overflow-wrap:anywhere}
.nyi .meta{margin:0;font-size:13px}
.nyi .cta{display:flex;gap:10px;flex-wrap:wrap}
#mOnB,.dkp{width:100%}
.trk{margin:4px 0;padding:0;list-style:none;counter-reset:t;width:100%;max-width:420px}
.trk li{counter-increment:t;display:flex;justify-content:space-between;gap:12px;padding:9px 0;border-bottom:1px solid #1C1C1C;font-weight:600}
.trk li::before{content:counter(t);font:700 12px 'JetBrains Mono',monospace;color:var(--mu2);width:22px}
.trk li span{flex:1}
.trk li em{font:600 12px 'JetBrains Mono',monospace;font-style:normal;color:var(--mu2)}
.spe{margin-top:6px;width:100%}
.spe iframe{width:100%;border:0;border-radius:14px;display:block}
.dg{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:18px}
.dg.sm{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}
.dk{display:flex;flex-direction:column;overflow:hidden;text-decoration:none;color:var(--tx)}
.dkk{display:block;aspect-ratio:1;background:#0B0B0B;overflow:hidden}
.dkk img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s var(--ease)}
.dk:hover .dkk img{transform:scale(1.04)}
.dki{display:flex;flex-direction:column;gap:6px;padding:14px 16px 16px}
.dki b{font:700 17px/1.25 'Inter Tight',sans-serif}
.dks{font-size:13px;color:var(--tx2);line-height:1.4}
.dkb{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}
@media (max-width:760px){.nyb{grid-template-columns:1fr}.nyk{max-width:360px}}
/* ---------- video ızgarası ---------- */
.vg{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}
.vc{display:flex;flex-direction:column;gap:8px;padding:0 0 16px;overflow:hidden;cursor:pointer;text-align:left;font:inherit;color:var(--tx)}
.vc>b,.vc>.meta{padding:0 16px}
.vc>b{font-size:15px;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.vth{position:relative;aspect-ratio:16/9;background:#0B0B0B;overflow:hidden;display:block}
.vth img{width:100%;height:100%;object-fit:cover;display:block}
.vth i{position:absolute;left:50%;top:50%;width:58px;height:58px;margin:-29px 0 0 -29px;border-radius:50%;background:rgba(10,10,10,.65);border:2px solid rgba(255,255,255,.7);transition:background .2s}
.vth i::after{content:'';position:absolute;left:22px;top:17px;border-left:17px solid #fff;border-top:11px solid transparent;border-bottom:11px solid transparent}
.vc:hover .vth i{background:var(--y);border-color:var(--y)}
.vc:hover .vth i::after{border-left-color:#0A0A0A}
.vth .kon{position:absolute;left:10px;top:10px}
/* ---------- yönetim ---------- */
.ynt .ph{padding-bottom:24px}
.ynt .ph h1{font-size:clamp(40px,6vw,72px)}
.ys{display:flex;flex-direction:column;gap:18px}
.yt{width:100%;border-collapse:collapse;font-size:14px}
.yt th,.yt td{text-align:left;padding:10px 8px;border-bottom:1px solid #1C1C1C;vertical-align:top}
.yt th{font:700 11px 'JetBrains Mono',monospace;letter-spacing:1px;text-transform:uppercase;color:var(--mu2)}
.yt td .mini{margin:2px 4px 2px 0}
.ytw{overflow-x:auto}
.ykart{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:10px}
.ykart .k{padding:14px 16px;border-radius:16px;display:flex;flex-direction:column;gap:4px}
.ykart .k b{font:800 24px 'Unbounded',sans-serif}
.ykart .k span{font:600 12px 'JetBrains Mono',monospace;color:var(--mu2)}
.ybar{display:flex;align-items:flex-end;gap:4px;height:90px}
.ybar i{flex:1;background:var(--y);border-radius:4px 4px 0 0;min-height:2px;position:relative}
.ybar i:hover::after{content:attr(data-t);position:absolute;bottom:100%;left:50%;transform:translateX(-50%);white-space:nowrap;background:#F5F5F5;color:#0A0A0A;font:600 11px 'JetBrains Mono',monospace;padding:3px 6px;border-radius:6px;margin-bottom:4px}