/* Header-only overrides are isolated from storefront/content styles. */

/* Keep the mobile drawer mounted off-canvas so opening it never has a
   display:none -> full white layer paint between the tap and its contents. */
@media (max-width:1199px) {
 body.chemicalguys-store .chemicalguys-header__navigation {
  display:block;
  opacity:0;
  pointer-events:none;
  transform:translate3d(-102%,0,0);
  contain:paint;
  will-change:transform,opacity;
  transition:transform 160ms cubic-bezier(.4,0,.2,1),opacity 120ms ease-out;
 }
 body.chemicalguys-store .chemicalguys-header.is-menu-open .chemicalguys-header__navigation {
  opacity:1;
  pointer-events:auto;
  transform:translate3d(0,0,0);
 }
 html.chemicalguys-menu-open,
 body.chemicalguys-store.chemicalguys-menu-open {overflow:hidden;overscroll-behavior:none}
}
@media (max-width:1199px) and (prefers-reduced-motion:reduce) {
 body.chemicalguys-store .chemicalguys-header__navigation {transition:none}
}