/** Shopify CDN: Minification failed

Line 109:0 Unexpected "{"
Line 109:1 Expected identifier but found "%"
Line 110:18 Unexpected "-->"
Line 111:1 Expected identifier but found "%"
Line 112:26 Unexpected "-->"
Line 113:1 Expected identifier but found "%"

**/
/* MOBILE MENU: force submenu items into a vertical list */
@media (max-width: 990px) {
  /* Kill columns + grid on menu dropdown lists */
  .menu-drawer ul,
  .menu-drawer__submenu,
  .drawer ul,
  .drawer__content ul,
  .dropdown-menu,
  .submenu,
  nav ul {
    column-count: 1 !important;
    columns: 1 !important;
    grid-template-columns: 1fr !important;
    display: block !important;
  }

  /* Make each item full width */
  .menu-drawer li,
  .menu-drawer__submenu li,
  .drawer li,
  nav ul li {
    width: 100% !important;
    display: block !important;
  }

  /* Better tap targets */
  .menu-drawer a,
  .drawer a,
  nav ul li a {
    display: block !important;
    width: 100% !important;
    padding: 12px 0 !important;
    white-space: normal !important;
  }

}

/* SYMMETRY: force mega-menu / dropdown link lists to a single vertical column on mobile */
@media (max-width: 990px) {

  /* Common Symmetry dropdown / mega-menu list wrappers */
  .mega-menu,
  .mega-menu__content,
  .mega-menu__links,
  .mega-menu__list,
  .navigation__submenu,
  .navigation__submenu ul,
  .site-nav__dropdown,
  .site-nav__dropdown ul,
  .header__submenu,
  .header__submenu ul {
    column-count: 1 !important;
    columns: 1 !important;
    grid-template-columns: 1fr !important;
  }

  /* This is the bit that stops the “grouped blocks” layout */
  .mega-menu__links,
  .mega-menu__list,
  .navigation__submenu ul,
  .site-nav__dropdown ul,
  .header__submenu ul {
    display: flex !important;
    flex-direction: column !important;
    gap: 0 !important;
  }

  .mega-menu__links > *,
  .mega-menu__list > li,
  .navigation__submenu ul > li,
  .site-nav__dropdown ul > li,
  .header__submenu ul > li {
    width: 100% !important;
    display: block !important;
  }
}

/* Force Halo/Symmetry mobile menu "grid-menu" to stack as a single column */
@media (max-width: 990px) {
  .halo-sidebar-wrapper .menu-lv__grid.grid-menu {
    display: flex !important;
    flex-direction: column !important;
    grid-template-columns: 1fr !important;
    column-count: 1 !important;
  }

  .halo-sidebar-wrapper .menu-lv__grid.grid-menu > li {
    width: 100% !important;
    display: block !important;
  }

  .halo-sidebar-wrapper .menu-lv__grid.grid-menu > li a {
    display: block !important;
    width: 100% !important;
  }
}


{% if customer %}
  <!-- show price -->
{% else %}
  <!-- show login message -->
{% endif %}