.r24h3-hero{position:relative;border-radius:26px;overflow:hidden;background:#111;background-size:cover;background-position:center;margin:24px 0;color:#fff;min-height:320px}
.r24h3-overlay{position:absolute;inset:0;background:linear-gradient(90deg, rgba(0,0,0,.68), rgba(0,0,0,.18))}
.r24h3-inner{position:relative;z-index:2;display:flex;gap:22px;padding:28px;align-items:stretch}
.r24h3-left{flex:1;min-width:0}
.r24h3-right{width:240px;display:flex;align-items:center;justify-content:flex-end}
.r24h3-cover{width:220px;height:220px;object-fit:cover;border-radius:22px;box-shadow:0 12px 30px rgba(0,0,0,.35);background:#000}
.r24h3-badge{display:inline-flex;padding:8px 14px;border-radius:999px;border:1px solid rgba(255,255,255,.25);background:rgba(0,0,0,.18);font-weight:700;letter-spacing:.08em;font-size:12px;margin-bottom:12px}
.r24h3-title{margin:0;font-size:44px;line-height:1.1}
.r24h3-tagline{margin:10px 0 18px;opacity:.9;font-size:18px}
.r24h3-now{display:flex;gap:14px;align-items:center;padding:14px 16px;border-radius:18px;background:rgba(0,0,0,.35);border:1px solid rgba(255,255,255,.10);backdrop-filter: blur(10px);margin:16px 0 18px}
.r24h3-now-label{min-width:96px;opacity:.85;font-weight:700}
.r24h3-now-track{font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.r24h3-controls{display:flex;gap:14px;align-items:center;flex-wrap:wrap}
.r24h3-play{display:inline-flex;gap:12px;align-items:center;justify-content:center;padding:18px 26px;border-radius:999px;border:0;cursor:pointer;background:var(--r24h3-accent, #6a5acd);color:#fff;font-size:20px;font-weight:800;box-shadow:0 10px 24px rgba(0,0,0,.25)}
.r24h3-ic{font-size:34px !important;line-height:1}
.r24h3-vol{display:flex;align-items:center;gap:10px}
.r24h3-range{width:220px}
.r24h3-cta{display:inline-flex;align-items:center;justify-content:center;padding:14px 18px;border-radius:999px;border:1px solid rgba(255,255,255,.25);background:rgba(255,255,255,.10);color:#fff;text-decoration:none;font-weight:800}
.r24h3-link{color:#fff;text-decoration:none;opacity:.9;font-weight:700;border-bottom:2px dashed rgba(255,255,255,.35)}
.r24h3-status{margin-top:10px;opacity:.9}
@media (max-width: 860px){
  .r24h3-inner{flex-direction:column;padding:20px}
  .r24h3-right{width:auto;justify-content:flex-start}
  .r24h3-cover{width:140px;height:140px}
  .r24h3-title{font-size:32px}
  .r24h3-range{width:100%}
  .r24h3-play{width:100%}
  .r24h3-cta{width:100%}
  .r24h3-link{width:100%;text-align:center}
}