.site-music {
  position: fixed;
  z-index: 86;
  inset-inline-start: clamp(14px, 2vw, 24px);
  bottom: max(var(--music-lift, 0px), 16px, env(safe-area-inset-bottom));
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-height: 44px;
  padding: 8px 14px;
  border: 1px solid #4a112251;
  border-radius: 99px;
  background: #f7f3ed;
  color: #4a1122;
  box-shadow: 0 5px 24px #4a112215;
  font: 650 11px/1 Manrope, sans-serif;
  cursor: pointer;
}
.site-music svg { width: 17px; height: 17px; }
.site-music[data-playing="true"] { background: #4a1122; color: #f7f3ed; }
.site-music[data-playing="true"] svg { color: #ff8d91; }
.site-music:focus-visible { outline: 2px solid #a1264c; outline-offset: 3px; }
body:has(dialog[open]) .site-music { visibility: hidden; }
@media (max-width: 680px) {
  .site-music {
    inset-inline-start: auto;
    inset-inline-end: 14px;
    bottom: max(var(--music-lift, 0px), calc(72px + env(safe-area-inset-bottom)));
  }
}
.site-music-frame {
  position: fixed;
  inset: 0;
  width: 100%;
  height: 100%;
  border: 0;
  background: #f7f3ed;
}
.site-music-frame[hidden] { display: none; }
body.site-music-shell { overflow: hidden; }
body.site-music-shell > :not(.site-music, .site-music-frame) { display: none !important; }
.site-music[data-covered] { visibility: hidden; }

/* Leave room for the WordPress privacy control on larger screens. */
@media (min-width: 681px) {
  body:has(.sillage-cookie-floating) .site-music { inset-inline-start: 198px; }
}

body.home:has(.sillage-cookie-floating) .hero-bottom { bottom: max(76px, calc(60px + env(safe-area-inset-bottom))); }