/* Styles are intentionally scoped: does not adjust Elementor containers or the 1100px width fix. */
body.single-product .mpd-ap-player {
  --mpd-ap-text: #f3f7ff;
  --mpd-ap-muted: #c3cfe3;
  --mpd-ap-accent: #48c5ff;
  position: relative;
  display: block;
  box-sizing: border-box;
  width: 100%;
  max-width: 100%;
  min-width: 0;
  padding: 17px 19px;
  margin: 14px 0 23px;
  border: 1px solid rgba(115, 155, 235, 0.34);
  border-radius: 15px;
  background: linear-gradient(140deg, #101a30 0%, #151a43 60%, #1a2446 100%);
  box-shadow: 0 11px 27px rgba(13, 20, 38, 0.14);
  color: var(--mpd-ap-text);
  font-family: inherit;
  overflow: hidden;
}
body.single-product .mpd-ap-player *, body.single-product .mpd-ap-player *::before, body.single-product .mpd-ap-player *::after { box-sizing: border-box; }
body.single-product .mpd-ap-heading { display: flex; justify-content: space-between; gap: 10px; align-items: center; flex-wrap: wrap; }
body.single-product .mpd-ap-eyebrow { display: inline-flex; align-items: center; gap: 8px; color: #9bd4fa; font-size: 11px; line-height: 1.35; letter-spacing: 0.085em; font-weight: 800; }
body.single-product .mpd-ap-dot { width: 7px; height: 7px; border-radius: 50%; background: #27d6a1; box-shadow: 0 0 8px rgba(39,214,161,.6); }
body.single-product .mpd-ap-format { font-size: 10px; color: #c6d8fc; font-weight: 700; letter-spacing: .05em; border: 1px solid rgba(139, 181, 251,.35); border-radius: 14px; padding: 3px 9px; white-space: nowrap; }
body.single-product .mpd-ap-title { color: white; font-size: clamp(15px, 1.4vw, 18px); line-height: 1.4; font-weight: 750; margin: 8px 0 13px; }
body.single-product .mpd-ap-audio { display: block; width: 100%; max-width: 100%; height: 52px; }
body.single-product .mpd-ap-player.mpd-ap-enhanced .mpd-ap-audio { display: none; }
body.single-product .mpd-ap-player.mpd-ap-enhanced .mpd-ap-controls { display: flex; }
body.single-product .mpd-ap-controls { align-items: center; gap: 12px; min-width: 0; width: 100%; }
body.single-product .mpd-ap-toggle {
  display: inline-flex; align-items: center; justify-content: center; flex: 0 0 46px;
  width: 46px; height: 46px; padding: 0; margin: 0;
  border: 1px solid rgba(255,255,255,.25); border-radius: 50%;
  background: linear-gradient(140deg, #00b8f1, #2972dc);
  color: #fff; box-shadow: 0 3px 14px rgba(0,148,224,.28); cursor: pointer;
}
body.single-product .mpd-ap-toggle:hover { background: linear-gradient(140deg, #25cfff, #3787fa); }
body.single-product .mpd-ap-toggle:focus-visible, body.single-product .mpd-ap-player input:focus-visible { outline: 2px solid #a0e7ff; outline-offset: 3px; }
body.single-product .mpd-ap-icon { font-size: 19px; transform: translateX(1px); line-height: 1; }
body.single-product .mpd-ap-player.mpd-ap-playing .mpd-ap-icon { transform: none; font-size: 20px; }
body.single-product .mpd-ap-track { flex: 1 1 auto; min-width: 0; position: relative; }
body.single-product .mpd-ap-bars { display: flex; align-items: center; width: 100%; height: 30px; gap: 2px; overflow: hidden; pointer-events: none; }
body.single-product .mpd-ap-bars > span { flex: 1 1 0; min-width: 1px; height: var(--mpd-ap-bar-height, 45%); border-radius: 3px; background: linear-gradient(to top, #3476de, #46d4fb); opacity: .75; transition: opacity .18s ease; }
body.single-product .mpd-ap-player.mpd-ap-playing .mpd-ap-bars > span { opacity: 1; }
body.single-product .mpd-ap-seek { display: block; width: 100%; height: 16px; margin: 0; padding: 0; accent-color: #47c7ff; cursor: pointer; background: transparent; }
body.single-product .mpd-ap-time { display: flex; justify-content: space-between; align-items: center; gap: 12px; color: var(--mpd-ap-muted); font-size: 11px; line-height: 1.1; font-variant-numeric: tabular-nums; }
body.single-product .mpd-ap-volume { display: flex; flex: 0 0 94px; justify-content: flex-end; align-items: center; gap: 7px; font-size: 18px; color: var(--mpd-ap-muted); }
body.single-product .mpd-ap-volume-input { display: block; margin: 0; width: 65px; min-width: 0; height: 22px; padding: 0; accent-color: #47c7ff; cursor: pointer; }
body.single-product .mpd-ap-status { font-size: 12px; line-height: 1.4; color: var(--mpd-ap-muted); margin: 10px 0 0; padding: 0; }
body.single-product .mpd-ap-footer-fallback { width: min(100% - 32px, 1100px); margin-inline: auto; }
body.single-product .mpd-ap-footer-fallback:empty { display: none; }
@media (max-width: 600px) {
 body.single-product .mpd-ap-player { padding: 14px 12px; border-radius: 12px; }
 body.single-product .mpd-ap-controls { gap: 9px; }
 body.single-product .mpd-ap-toggle { width: 42px; height: 42px; flex-basis: 42px; }
 body.single-product .mpd-ap-volume { flex-basis: 66px; gap: 3px; }
 body.single-product .mpd-ap-volume-input { width: 40px; }
 body.single-product .mpd-ap-title { font-size: 15px; }
 body.single-product .mpd-ap-bars { gap: 1px; }
}
@media (prefers-reduced-motion: reduce) { body.single-product .mpd-ap-player * { transition: none !important; } }