/* v327 — Hero audio panel: desktop opens sideways so it never falls below the hero. */
@media (min-width:1200px){
  #hero #heroAvTools.hero-av-tools{
    overflow:visible !important;
  }
  #hero #heroAvTools .hero-av-audio-panel{
    position:absolute !important;
    top:28px !important;
    left:422px !important;
    right:auto !important;
    bottom:auto !important;
    width:320px !important;
    max-width:320px !important;
    margin:0 !important;
    padding:14px !important;
    z-index:40 !important;
    border-radius:12px !important;
    background:rgba(17,15,13,.92) !important;
    box-shadow:0 18px 45px rgba(0,0,0,.28) !important;
    -webkit-backdrop-filter:blur(12px) !important;
    backdrop-filter:blur(12px) !important;
  }
  #hero #heroAvTools .hero-av-audio-head{
    margin-bottom:10px !important;
  }
  #hero #heroAvTools .hero-av-speed{
    gap:5px !important;
  }
  #hero #heroAvTools .hero-av-speed button{
    min-width:40px !important;
    min-height:30px !important;
    padding:4px 8px !important;
  }
}

/* Laptop/tablet/mobile: keep panel in normal flow, never outside hero or over the next section. */
@media (max-width:1199.98px){
  #hero #heroAvTools .hero-av-audio-panel{
    position:static !important;
    inset:auto !important;
    width:100% !important;
    max-width:none !important;
    margin:8px 0 0 !important;
    transform:none !important;
    box-sizing:border-box !important;
  }
}