/* V11: logo spins around its own center. No orbit. */
.audio-card .audio-thumb img.audio-hd-logo {
  left:50% !important; top:50% !important;
  transform:translate(-50%,-50%) rotate(0deg) !important;
  transform-origin:center center !important;
  rotate:none !important;
  animation:none !important;
  transition:none !important;
}
@keyframes hdSpinCenteredV11 {
  from { transform:translate(-50%,-50%) rotate(0deg); }
  to   { transform:translate(-50%,-50%) rotate(360deg); }
}
@media (hover:hover) and (prefers-reduced-motion:no-preference) {
  .audio-card .audio-thumb:hover img.audio-hd-logo,
  .audio-card .audio-thumb:focus-visible img.audio-hd-logo {
    animation:hdSpinCenteredV11 2.4s linear infinite !important;
  }
}
/* Only narrow phones: keep title and subtitle at symmetric margins. */
@media (max-width:600px) {
  .audio-card .audio-thumb::before {
    top:12% !important; bottom:auto !important;
    left:3% !important; right:3% !important;
    width:94% !important;
    font-size:clamp(6.2px, 1.85vw, 9px) !important;
    letter-spacing:0 !important;
    line-height:1.12 !important;
    white-space:nowrap !important;
    text-align:center !important;
    z-index:4 !important;
  }
  .audio-card .audio-thumb::after {
    top:auto !important; bottom:12% !important;
    text-align:center !important;
  }
  .audio-card .audio-thumb img.audio-hd-logo {
    width:min(30%,48px) !important;
    max-height:43% !important;
    object-fit:contain !important;
  }
}