/* A quiet, accessible audio control belongs to the film, not the page navigation. */
html body .mgx-shop.mgx-home-brochure .mgx-film { position: relative; }
html body .mgx-shop.mgx-home-brochure .mgx-film .mgx-film__audio {
  position: absolute; right: clamp(24px, 3vw, 48px); bottom: 64px; z-index: 3;
  display: inline-flex; align-items: center; justify-content: center; gap: 10px;
  width: auto; min-width: 124px; min-height: 46px; height: auto;
  margin: 0; padding: 10px 16px; border: 1px solid rgba(255,249,249,.56);
  border-radius: 24px; background: rgba(13,42,61,.82); color: #FFF9F9;
  box-shadow: none; font-family: inherit; font-size: 13px; font-weight: 500;
  line-height: 1.3; letter-spacing: .01em; text-transform: none;
  text-decoration: none; cursor: pointer; -webkit-tap-highlight-color: transparent;
  transition: background-color .2s ease, border-color .2s ease, color .2s ease;
}
html body .mgx-shop.mgx-home-brochure .mgx-film .mgx-film__audio[hidden] { display: none !important; }
html body .mgx-shop .mgx-film__audio::before,
html body .mgx-shop .mgx-film__audio::after { content: none; }
html body .mgx-shop .mgx-film__audio svg { display: block; flex: 0 0 20px; width: 20px; height: 20px; }
html body .mgx-shop .mgx-film__audio .mgx-film__sound-on { display: none; }
html body .mgx-shop .mgx-film__audio[aria-pressed="true"] .mgx-film__sound-on { display: initial; }
html body .mgx-shop .mgx-film__audio[aria-pressed="true"] .mgx-film__sound-off { display: none; }
html body .mgx-shop.mgx-home-brochure .mgx-film .mgx-film__audio[aria-pressed="true"] { border-color: #D7644D; }
html body .mgx-shop .mgx-film__audio[aria-pressed="true"] svg { color: #D7644D; }
html body .mgx-shop.mgx-home-brochure .mgx-film .mgx-film__audio:focus-visible {
  outline: 2px solid #D7644D; outline-offset: 4px;
}
@media (hover: hover) {
  html body .mgx-shop.mgx-home-brochure .mgx-film .mgx-film__audio:hover {
    background: #0D2A3D; border-color: #D7644D;
  }
}
@media (max-width: 600px) {
  html body .mgx-shop.mgx-home-brochure .mgx-film .mgx-film__audio {
    right: 20px; bottom: calc(68px + env(safe-area-inset-bottom, 0px));
    min-height: 44px; padding: 10px 14px;
  }
}
@media (prefers-reduced-motion: reduce) {
  html body .mgx-shop.mgx-home-brochure .mgx-film .mgx-film__audio { transition: none; }
}