/* Plain CSS, loaded early and excluded from NitroPack. Not part of the Tailwind build. */

/* Reserves the scrollbar's space up front, so centered content doesn't move when
   the document grows tall enough to show it. */
html {
  scrollbar-gutter: stable;
}

/* Hidden until scripts.js gives the bar an inline style, then jQuery controls it. */
.mobile_legal:not([style]) {
  display: none;
}

/* Copies of rules in styles.css that NitroPack's critical CSS leaves out. Without
   both, slider tracks widen the mobile layout viewport and fixed elements shift:
   .c_scroll clips the track, .grid-cols-1 stops its wrapper growing to fit it. */
.c_scroll:not(.custom-scroll-init) {
  overflow: hidden;
  min-width: 0;
  max-width: 100%;
}
.grid-cols-1 {
  grid-template-columns: repeat(1, minmax(0, 1fr));
}

/* Also copies from styles.css, for the desktop layout. This file loads after
   NitroPack's critical CSS and before styles.css, so these rules override the
   mobile-first ones there (.flex, .flex-col, .hidden) and styles.css still has
   the final say. */
@media (min-width: 992px) {
  /* Header swap: .mobile_header off, .desktop_header on. */
  .lg\:hidden {
    display: none;
  }
  .lg\:inline-block {
    display: inline-block;
  }

  /* hero-text-offer-banner: row layout, column widths and bottom spacing. */
  .lg\:flex-row {
    flex-direction: row;
  }
  .lg\:w-2\/3 {
    width: 66.666667%;
  }
  .lg\:w-1\/3 {
    width: 33.333333%;
  }
  .lg\:pb-14 {
    padding-bottom: 3.5rem;
  }
}