.music-middle {
  position: absolute;
  z-index: 12;
  left: 3.1%;
  top: 52.65%;
  width: 93.8%;
  height: 21.45%;
  padding: 1.35% 1.8%;
  overflow: auto;
  border: 1px solid #efcbb0;
  border-radius: 13px;
  background: #fff9f0;
  color: #241a15;
  box-shadow: 0 3px 12px #6d3d161a;
}
.music-middle h2 { margin: 0; font-size: clamp(16px, 1.45vw, 24px); }
.music-middle p { margin: .7% 0 1%; color: #765947; font-size: clamp(10px, .95vw, 15px); }
.music-middle button {
  min-height: 38px;
  padding: 0 17px;
  border: 0;
  border-radius: 19px;
  background: #f65a12;
  color: #fff;
  font: 700 clamp(11px, .95vw, 15px) Arial, sans-serif;
  cursor: pointer;
}
.mobile-programs, .recent-live, .request, .history { display: none !important; }

@media (max-width: 680px) {
  .music-middle {
    position: relative;
    order: 3;
    left: auto;
    top: auto;
    width: 100%;
    height: auto;
    min-height: 140px;
    padding: 18px;
    border-radius: 16px;
  }
  .music-middle h2 { font-size: 20px; }
  .music-middle p { font-size: 14px; line-height: 1.45; }
  .music-middle button { width: 100%; min-height: 44px; font-size: 16px; }
  .mobile-categories { order: 4 !important; }
}