.player-volume { display: flex; align-items: center; gap: 7px; }
.player-volume span { font-size: 7px; font-weight: 850; letter-spacing: .1em; color: var(--muted-2); }
.player-volume input { width: 100%; accent-color: var(--orange); }
.player-request { border: 1px solid rgba(245,123,0,.24); background: rgba(245,123,0,.08); color: #f6c08c; border-radius: 8px; padding: 8px 11px; font-weight: 800; font-size: 10px; text-align: center; }
.player-request:hover { background: rgba(245,123,0,.14); }

.toast { position: fixed; right: 20px; bottom: 102px; z-index: 120; max-width: 350px; background: #171a20; border: 1px solid var(--line); border-left: 3px solid var(--orange); box-shadow: 0 18px 50px rgba(0,0,0,.35); border-radius: 9px; padding: 11px 13px; font-size: 11px; opacity: 0; transform: translateY(8px); pointer-events:none; transition:.2s ease; }
.toast.show { opacity: 1; transform: translateY(0); }

@media (max-width: 1100px) {
  .site-header { grid-template-columns: auto 1fr auto auto; }
  .nav-toggle { display: block; justify-self: end; }
  .main-nav { position: fixed; top: 76px; left: 0; right: 0; display: none; flex-direction: column; align-items: stretch; gap: 0; padding: 10px 22px 20px; background: rgba(8,9,11,.985); border-bottom:1px solid var(--line); box-shadow: 0 20px 50px rgba(0,0,0,.3); }
  .main-nav.open { display: flex; }
  .main-nav a { padding: 11px 0; }
  .main-nav a.active::after { display:none; }
  .hero-grid { grid-template-columns: 1fr minmax(330px,.68fr); gap: 34px; }
  .global-player { grid-template-columns: 50px 42px minmax(0,1fr) auto; }
  .player-art { width:50px;height:50px}
  .player-dj,.player-listeners,.player-volume{display:none}
  .player-request{display:block}
}

@media (max-width: 800px) {
  body { padding-bottom: 78px; }
  .site-header { height: 66px; padding: 0 15px; gap: 9px; }
  .main-nav { top: 66px; }
  .brand-emblem { width: 34px; height: 34px; border-radius: 8px; }
  .brand-copy strong{font-size:18px}.brand-copy small{display:none}
  .header-live { padding: 8px 10px; }
  .header-live span:last-child{display:none}
  .shell { width: min(100% - 28px, var(--max)); }

  .hero { min-height: auto; }
  .hero::before { width:620px;right:-390px;top:-120px; }
  .hero::after { background: linear-gradient(180deg, rgba(8,9,11,.55), var(--ink) 72%); }
  .hero-grid { grid-template-columns: 1fr; gap: 30px; padding: 58px 0 64px; }
  .hero h1 { font-size: clamp(66px, 23vw, 102px); }
  .hero-copy { font-size: 14px; }
  .onair-card { max-width: 480px; width: 100%; }

  .section { padding: 58px 0; }
  .section-tight { padding: 44px 0 58px; }
  .section-head { align-items:start; flex-direction:column; gap: 12px; }
  .section-head h2 { font-size: 38px; }
  .grid-3,.grid-4,.content-grid { grid-template-columns: 1fr; }
  .feature-card { min-height: 170px; }
  .schedule-row { grid-template-columns: 96px 1fr; }
  .schedule-day{display:none}

  .page-hero { padding:56px 0 38px}
  .page-hero::after { right:-130px; }
  .page-hero h1{font-size:50px}
  .page-hero p { font-size: 13px; }
  .big-player { grid-template-columns: 1fr; gap:26px}
  .big-player-art{max-width:460px}
  .big-player h2 { font-size: 48px; }
  .request-search { grid-template-columns: 1fr; }

  .admin-shell { grid-template-columns: 1fr; width:min(100% - 26px, 100%); margin-top: 20px; }
  .admin-side{position:static;display:flex;overflow:auto;gap:4px; padding: 8px;}
  .admin-side strong{display:none}
  .admin-side a{white-space:nowrap; flex: 0 0 auto;}
  .admin-side a:last-child { margin-top:0; border-top:0; padding-top:9px; }
  .admin-table { display:block; overflow-x:auto; white-space:nowrap; }
  .admin-form .row { grid-template-columns:1fr; }

  .site-footer { grid-template-columns: 1fr; width:min(100% - 28px,var(--max)); padding: 42px 0; }
  .footer-links{justify-content:flex-start}

  .global-player { min-height:70px;grid-template-columns:46px 40px minmax(0,1fr);gap:8px;padding:8px 10px; }
  .player-art{width:46px;height:46px}
  .player-play{width:38px;height:38px}
  .player-request{display:none}
  .toast { left: 12px; right: 12px; bottom: 84px; max-width: none; }
}

@media (max-width: 480px) {
  .brand-copy strong { font-size: 17px; }
  .hero h1 { font-size: 69px; }
  .hero-tagline { font-size: 16px; }
  .button-row .btn { flex: 1 1 auto; }
  .track { grid-template-columns: 46px 1fr; }
  .track time { display: none; }
  .schedule-row { grid-template-columns: 82px 1fr; gap: 10px; }
  .page-hero h1 { font-size: 44px; }
  .global-player { grid-template-columns: 42px 38px minmax(0,1fr); }
  .player-art { width:42px;height:42px }
  .player-play { width:36px;height:36px }
  .player-track strong { font-size: 12px; }
}