/* Radio Zemra player: dark card, accent matches the site red. Width is synced to the Facebook box by the script below. */
.rz-radio{margin:28px 0;max-width:100%;min-width:0}
.rz-player{width:100%;min-width:0;padding:clamp(18px,3vw,26px);background:#171220;color:#f7f1f2;border:1px solid rgba(255,255,255,.1);border-radius:18px;box-shadow:0 12px 35px rgba(0,0,0,.18);font-family:inherit;box-sizing:border-box}
.rz-player *{box-sizing:border-box}
.rz-top{display:flex;align-items:center;gap:15px;min-width:0}
.rz-cover{width:88px;height:88px;flex:0 0 88px;object-fit:cover;border-radius:13px;background:#2a2230}
.rz-info{flex:1;min-width:0}
.rz-station{font-size:.72rem;font-weight:800;letter-spacing:.1em;color:#ff8d9d}
.rz-song{font-size:1.05rem;line-height:1.3;font-weight:800;margin-top:7px;overflow-wrap:anywhere}
.rz-artist{font-size:.86rem;margin-top:5px;color:#b9aeb6}
.rz-live{display:flex;align-items:center;gap:6px;font-size:.68rem;font-weight:800;letter-spacing:.08em;margin-top:9px}
.rz-live span{width:7px;height:7px;border-radius:50%;background:#ff4d5e;box-shadow:0 0 0 4px rgba(255,77,94,.2)}
.rz-controls{display:flex;align-items:center;gap:13px;margin-top:20px}
.rz-play{display:grid;place-items:center;width:48px;height:48px;flex:0 0 48px;border:0;border-radius:50%;background:#e94057;color:#fff;font-size:1rem;cursor:pointer;transition:transform .2s,background .2s}
.rz-play:hover{background:#c72e46;transform:scale(1.05)}
.rz-volume-label{color:#b9aeb6;font-size:.9rem}
.rz-controls input{flex:1;min-width:0;accent-color:#e94057;cursor:pointer}
.rz-next{border-top:1px solid rgba(255,255,255,.12);margin-top:19px;padding-top:15px}
.rz-next-label{font-size:.68rem;font-weight:800;letter-spacing:.1em;color:#ff8d9d}
.rz-next-song{font-size:.9rem;font-weight:700;margin-top:7px;overflow-wrap:anywhere}
.rz-next-artist{font-size:.8rem;margin-top:4px;color:#b9aeb6}
.rz-bottom{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-top:13px}
.rz-status{font-size:.74rem;color:#b9aeb6}
.rz-bottom a{font-size:.78rem;font-weight:700;color:#ff8d9d;text-decoration:none}
.rz-bottom a:hover{text-decoration:underline}
@media(max-width:480px){.rz-cover{width:72px;height:72px;flex-basis:72px}.rz-song{font-size:.96rem}.rz-bottom{align-items:flex-start;flex-direction:column}}

/* Top 3 most downloaded: shiny gold, silver and bronze badges with highlighted rows */
.zr-rank.zr-medal{position:relative;display:inline-grid;place-items:center;width:44px;height:44px;flex:0 0 auto;border-radius:50%;font-size:19px;line-height:1;transform:rotate(-6deg)}
.zr-medal .zr-shine{position:absolute;inset:0;border-radius:50%;overflow:hidden;pointer-events:none}
.zr-medal .zr-shine::after{content:"";position:absolute;top:-20%;bottom:-20%;left:-60%;width:40%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.8),transparent);transform:skewX(-20deg);animation:zrShine 3.2s ease-in-out infinite}
.zr-m-silver .zr-shine::after{animation-delay:1s}
.zr-m-bronze .zr-shine::after{animation-delay:2s}
.zr-medal i{position:relative;color:#fff;filter:drop-shadow(0 1px 1.5px rgba(0,0,0,.45))}
.zr-rank.zr-m-gold{background:linear-gradient(145deg,#fff1a8,#ffc83d 40%,#e08a00 75%,#b86500);box-shadow:0 0 0 3px rgba(255,215,94,.4),0 0 20px rgba(255,190,40,.7),inset 0 2px 3px rgba(255,255,255,.65),inset 0 -3px 4px rgba(150,80,0,.35);animation:zrGlow 2.4s ease-in-out infinite}
.zr-rank.zr-m-silver{background:linear-gradient(145deg,#fff,#cfd6e0 40%,#8d98a8 80%,#6c7787);box-shadow:0 0 0 3px rgba(190,200,215,.4),0 0 14px rgba(170,180,200,.55),inset 0 2px 3px rgba(255,255,255,.7),inset 0 -3px 4px rgba(60,70,90,.3)}
.zr-rank.zr-m-bronze{background:linear-gradient(145deg,#ffd9b3,#e69a52 40%,#b8651f 80%,#8a4310);box-shadow:0 0 0 3px rgba(230,154,82,.4),0 0 14px rgba(214,128,60,.55),inset 0 2px 3px rgba(255,235,210,.6),inset 0 -3px 4px rgba(90,40,5,.35)}
.zr-m-gold::after{content:"\2726";position:absolute;top:-9px;right:-7px;font-size:15px;color:#ffe27a;text-shadow:0 0 8px #ffb400;animation:zrTwinkle 1.8s ease-in-out infinite}
.zr-r1,.zr-r2,.zr-r3{border-radius:12px}
.zr-r1{background:linear-gradient(90deg,rgba(255,190,40,.22),rgba(255,190,40,0) 78%);box-shadow:inset 4px 0 0 #ffc83d}
.zr-r2{background:linear-gradient(90deg,rgba(185,195,210,.24),rgba(185,195,210,0) 78%);box-shadow:inset 4px 0 0 #c3cbd7}
.zr-r3{background:linear-gradient(90deg,rgba(214,128,60,.22),rgba(214,128,60,0) 78%);box-shadow:inset 4px 0 0 #d9843f}
.zr-r1 .zr-name a,.zr-r2 .zr-name a,.zr-r3 .zr-name a{font-weight:800}
@keyframes zrShine{0%{left:-60%}55%,100%{left:130%}}
@keyframes zrGlow{50%{box-shadow:0 0 0 4px rgba(255,215,94,.55),0 0 30px rgba(255,190,40,.95),inset 0 2px 3px rgba(255,255,255,.65),inset 0 -3px 4px rgba(150,80,0,.35)}}
@keyframes zrTwinkle{0%,100%{opacity:.25;transform:scale(.6) rotate(0)}50%{opacity:1;transform:scale(1.15) rotate(25deg)}}
@media (prefers-reduced-motion:reduce){.zr-medal,.zr-medal::after,.zr-medal .zr-shine::after{animation:none!important}}

/* Mini player (appears while a song plays) */
.zr-mini{position:fixed;left:50%;transform:translateX(-50%);bottom:max(12px,env(safe-area-inset-bottom));width:min(760px,calc(100% - 20px));z-index:60;display:flex;align-items:center;gap:8px;padding:10px 12px;background:#171220;color:#f7f1f2;border:1px solid rgba(255,255,255,.12);border-radius:16px;box-shadow:0 14px 40px rgba(0,0,0,.4)}
.zr-mini[hidden]{display:none}
.zr-mini button{border:0;background:transparent;color:#f7f1f2;width:36px;height:36px;flex:0 0 36px;border-radius:50%;cursor:pointer;font-size:15px}
.zr-mini button:hover{background:rgba(255,255,255,.1)}
.zr-mini .zr-mini-play{background:#e94057;width:42px;height:42px;flex-basis:42px}
.zr-mini .zr-mini-play:hover{background:#c72e46}
.zr-mini-body{flex:1;min-width:0}
.zr-mini-title{font-weight:700;font-size:.9rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.zr-mini-seek{display:flex;align-items:center;gap:8px;margin-top:2px;font-size:.72rem;color:#b9aeb6}
.zr-mini-seek input{flex:1;min-width:0;accent-color:#e94057}
body.zr-has-mini{padding-bottom:92px}
@media(max-width:480px){.zr-mini .zr-mini-prev{display:none}}