/*
 * AirEvo PC shell alignment v6
 * Keep every homepage content shell on the same responsive frame as
 * .container-fluid.navbar-expand-lg: fluid width, 1920px cap, 50px gutters.
 */

@media (min-width: 992px) {
  /* Only the page wrapper becomes fluid; the navbar keeps its 1920px cap. */
  .container-fluid:has(> .av-home) {
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: none !important;
    padding-left: 50px !important;
    padding-right: 50px !important;
  }

  .av-home {
    --av-pc-shell-max: 1920px;
    --av-pc-shell-gutter: 50px;
    width: calc(100% + (var(--av-pc-shell-gutter) * 2)) !important;
    max-width: none !important;
    margin-left: calc(var(--av-pc-shell-gutter) * -1) !important;
  }

  .av-home .av-shell {
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: var(--av-pc-shell-max) !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: var(--av-pc-shell-gutter) !important;
    padding-right: var(--av-pc-shell-gutter) !important;
  }

  /* Full-bleed background bands: only their inner content uses the shell. */
  .av-home .av-hero,
  .av-home .av-process,
  .av-home .av-use,
  .av-home .av-final.av-shell {
    width: 100% !important;
    max-width: none !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  .av-home .av-final.av-shell {
    container-type: inline-size !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    border-radius: 0 !important;
  }
}

@media (min-width: 1001px) {
  .av-home .av-final__copy {
    box-sizing: border-box !important;
    width: min(620px, calc(48% - 50px)) !important;
    max-width: 620px !important;
    margin-left: max(50px, calc(50cqw - 910px)) !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
  }

  .av-home .av-final__media {
    left: 48% !important;
    right: max(50px, calc(50% - 910px)) !important;
    width: auto !important;
  }
}