/* Shared round-two fixes for the fourteen product routes. */
body[data-product-page].fs-family .fs-footer :is(nav, .footer-top) svg {
  color: var(--fs-accent) !important;
  fill: none !important;
  stroke: currentColor !important;
}
body[data-product-page].fs-family .fs-footer .footer-linkedin svg:first-child {
  fill: currentColor !important;
  stroke: none !important;
}

/* Legacy promotional sections must not flash before the shared script runs. */
body[data-product-page] :is(#trailer, #media-kit, .film-wrap),
body[data-product-page] a:is([href*="trailer"], [href*="media-kit"], [href="#film"]),
body[data-product-page] .pf-menu-panel a:is([href="#trailer"], [href="#media-kit"], [href="#film"]) {
  display: none !important;
}

@media (max-width: 600px) {
  body[data-product-page].fs-family header[data-pf-header] .pf-menu-panel:not([hidden]) {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
  }
  body[data-product-page].fs-family header[data-pf-header] .pf-menu-panel > nav.fs-page-nav {
    display: flex !important;
    flex: 0 0 auto !important;
    flex-direction: column !important;
    flex-wrap: nowrap !important;
    align-items: stretch !important;
    width: 100% !important;
    order: 0 !important;
  }
  body[data-product-page].fs-family header[data-pf-header] .pf-menu-panel > nav.fs-page-nav > a[href="#contact"] {
    display: block !important;
    width: 100% !important;
    margin: 0 0 12px !important;
    border-bottom: 1px solid var(--fs-line) !important;
  }
  body[data-product-page].fs-family header[data-pf-header] .pf-menu-panel > .pf-menu-apps {
    display: grid !important;
    flex: 0 0 auto !important;
    width: 100% !important;
    order: 1 !important;
    margin: 0 !important;
  }
}