:root{
  --no-js-nav-column-width:18.75rem;
  --no-js-nav-column-gap:var(--sp2);
}

@media (max-width: 63.125rem){
    html:not(.js) .primary-nav__menu--level-1{
      -moz-column-width:18.75rem;
      column-width:18.75rem;
      -moz-column-gap:var(--no-js-nav-column-gap);
      column-gap:var(--no-js-nav-column-gap);
    }

    html:not(.js) .primary-nav__menu-item{
      page-break-inside:avoid;
      -moz-column-break-inside:avoid;
      break-inside:avoid;
    }

    html:not(.js) .site-header__inner__container{
      flex-wrap:wrap;
    }

    html:not(.js) .mobile-buttons{
      display:none;
    }

    html:not(.js) .header-nav{
      position:static;
      visibility:visible;
      flex-basis:100%;
      width:100%;
      max-width:none;
      margin-top:var(--sp2);
      margin-bottom:0;
      margin-left:var(--sp2);
      margin-right:var(--sp2);
      padding-top:var(--sp2);
      padding-bottom:0;
      padding-left:var(--sp2);
      padding-right:var(--sp2);
      transform:none;
      border:solid 1px var(--color--gray-95) !important;
      box-shadow:0 0 36px var(--color--gray-90);
    }

    html:not(.js) .primary-nav__menu--level-2{
      border-left:0;
    }

    html:not(.js) .primary-nav__button-toggle{
      display:none;
    }
      html:not(.js) .primary-nav__menu-link--button.primary-nav__menu-link--has-children:before{
        content:none;
      }
      html:not(.js) .primary-nav__menu-link--button.primary-nav__menu-link--has-children:after{
        content:none;
      }
  }

@media (min-width: 63.125rem){
      html:not(.js) body.is-always-mobile-nav .primary-nav__menu--level-1{
        -moz-column-width:18.75rem;
        column-width:18.75rem;
        -moz-column-gap:var(--no-js-nav-column-gap);
        column-gap:var(--no-js-nav-column-gap);
      }

      html:not(.js) body.is-always-mobile-nav .primary-nav__menu-item{
        page-break-inside:avoid;
        -moz-column-break-inside:avoid;
        break-inside:avoid;
      }

      html:not(.js) body.is-always-mobile-nav .site-header__inner__container{
        flex-wrap:wrap;
      }

      html:not(.js) body.is-always-mobile-nav .mobile-buttons{
        display:none;
      }

      html:not(.js) body.is-always-mobile-nav .header-nav{
        position:static;
        visibility:visible;
        flex-basis:100%;
        width:100%;
        max-width:none;
        margin-top:var(--sp2);
        margin-bottom:0;
        margin-left:var(--sp2);
        margin-right:var(--sp2);
        padding-top:var(--sp2);
        padding-bottom:0;
        padding-left:var(--sp2);
        padding-right:var(--sp2);
        transform:none;
        border:solid 1px var(--color--gray-95) !important;
        box-shadow:0 0 36px var(--color--gray-90);
      }

      html:not(.js) body.is-always-mobile-nav .primary-nav__menu--level-2{
        border-left:0;
      }

      html:not(.js) body.is-always-mobile-nav .primary-nav__button-toggle{
        display:none;
      }
        html:not(.js) body.is-always-mobile-nav .primary-nav__menu-link--button.primary-nav__menu-link--has-children:before{
          content:none;
        }
        html:not(.js) body.is-always-mobile-nav .primary-nav__menu-link--button.primary-nav__menu-link--has-children:after{
          content:none;
        }
        html:not(.js) body:not(.is-always-mobile-nav) .primary-nav__menu-item--level-1:hover .primary-nav__menu--level-2,html:not(.js) body:not(.is-always-mobile-nav) .primary-nav__menu-item--level-1:hover .primary-nav__menu-🥕{
          visibility:visible;
          transform:translate(-50%, 0);
          opacity:1;
        }
        html:not(.js) body:not(.is-always-mobile-nav) .primary-nav__menu-item--level-1:focus-within .primary-nav__menu--level-2{
          visibility:visible;
          transform:translate(-50%, 0);
          opacity:1;
        }
        html:not(.js) body:not(.is-always-mobile-nav) .primary-nav__menu-item--level-1:focus-within .primary-nav__menu-🥕{
          visibility:visible;
          transform:translate(-50%, 0);
          opacity:1;
        }
  }