/* Checkout layout overrides (from templatecheckout.blade.php inline <style>).
   Load AFTER storefront-theme.css + storefront-custom.css. Only linked on checkout. */

html { overflow-x: hidden !important; }
body.layout-checkout { overflow: auto !important; }

/* Yellow checkout header — must not leak into other layouts */
body.layout-checkout .header,
body.layout-checkout .headerbot {
  background: #ffe07d;
}

/* Checkout has no fixed header bar — cancel storefront-custom page-head offset */
body.layout-checkout .page-head_agile_info_w3l {
  margin-top: 0;
}

/* Small phones only: light breathing room, not the 4.8–5em storefront offset */
@media (max-width: 767.98px) {
  body.layout-checkout .page-head_agile_info_w3l {
    margin-top: 0.75em;
  }
}

body.layout-checkout .nav li.menu__item + li.menu__item:before {
  content: " | ";
  color: black;
  position: absolute;
  margin-top: 8%;
  font-family: 'Open Sans', sans-serif;
  font-weight: 300;
}

@media (max-width: 991px) {
  body.layout-checkout .w3layouts_mail_grid_left2 p {
    letter-spacing: normal;
  }
}
@media (max-width: 767.98px) {
  body.layout-checkout .nav li.menu__item + li.menu__item:before {
    content: "";
  }
}