/** Shopify CDN: Minification failed

Line 18:2 Unexpected "{"
Line 18:3 Expected identifier but found "%"
Line 22:2 Unexpected "{"
Line 22:3 Expected identifier but found "%"
Line 24:2 Unexpected "{"
Line 24:3 Expected identifier but found "%"
Line 30:2 Unexpected "{"
Line 30:3 Expected identifier but found "%"

**/
  header-drawer {
    justify-self: start;
    margin-left: -1.2rem;
  }

  {%- if section.settings.sticky_header_type == 'reduce-logo-size' -%}
    .scrolled-past-header .header__heading-logo-wrapper {
      width: 75%;
    }
  {%- endif -%}

  {%- if section.settings.menu_type_desktop != "drawer" -%}
    @media screen and (min-width: 990px) {
      header-drawer {
        display: none;
      }
    }
  {%- endif -%}

  .menu-drawer-container {
    display: flex;
  }

  .list-menu {
    list-style: none;
    padding: 0;
    margin: 0;
  }

  .list-menu--inline {
    display: inline-flex;
    flex-wrap: wrap;
  }

  summary.list-menu__item {
    padding-right: 2.7rem;
  }

  .list-menu__item {
    display: flex;
    align-items: center;
    line-height: calc(1 + 0.3 / var(--font-body-scale));
  }

  .list-menu__item--link {
    text-decoration: none;
    padding-bottom: 1rem;
    padding-top: 1rem;
    line-height: calc(1 + 0.8 / var(--font-body-scale));
  }

  @media screen and (min-width: 750px) {
    .list-menu__item--link {
      padding-bottom: 0.5rem;
      padding-top: 0.5rem;
    }
  }

  @media screen and (max-width: 749px) {
    .header__icon .svg-wrapper {
      width: 28px;
      height: 28px;
    }
  }

  /* ── iOS-style notification badge on the bell ──
     Hidden by default. The inline script below adds .is-unread before first
     paint, so a previously-dismissed badge never flashes on screen. */
  .header__icon--notification {
    position: relative;
    overflow: visible !important;
  }

  .header__icon--notification .svg-wrapper {
    position: relative !important;
    overflow: visible !important;
    display: block !important;
  }

  .header__icon--notification .svg-wrapper .notification-badge {
    display: none !important;
    position: absolute !important;
    top: -3px !important;
    right: -5px !important;
    bottom: auto !important;
    left: auto !important;
    width: 18px !important;
    height: 18px !important;
    min-width: 18px !important;
    max-width: 18px !important;
    min-height: 18px !important;
    max-height: 18px !important;
    aspect-ratio: 1 / 1 !important;
    padding: 0 !important;
    margin: 0 !important;
    box-sizing: border-box !important;
    flex: 0 0 auto !important;
    align-items: center !important;
    justify-content: center !important;
    background: #ff3b30 !important;
    color: #ffffff !important;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    line-height: 1 !important;
    letter-spacing: 0 !important;
    text-align: center !important;
    border-radius: 50% !important;
    border: 2px solid var(--color-background, #fff) !important;
    pointer-events: none !important;
    z-index: 5 !important;
  }

  /* Only shown once JS confirms this notification is unread */
  .header__icon--notification .svg-wrapper .notification-badge.is-unread {
    display: flex !important;
    animation: notif-pop 0.4s cubic-bezier(0.18, 0.89, 0.32, 1.28) both;
  }

  /* 10 or more — grow sideways into a rounded pill, same height */
  .header__icon--notification .svg-wrapper .notification-badge--wide.is-unread {
    width: auto !important;
    max-width: none !important;
    min-width: 18px !important;
    padding: 0 5px !important;
    aspect-ratio: auto !important;
    border-radius: 999px !important;
  }

  @keyframes notif-pop {
    0%   { transform: scale(0);    opacity: 0; }
    60%  { transform: scale(1.18); opacity: 1; }
    100% { transform: scale(1);    opacity: 1; }
  }

  @media (prefers-reduced-motion: reduce) {
    .header__icon--notification .svg-wrapper .notification-badge.is-unread {
      animation: none;
    }
  }

  /* Centered flex layout — overrides Dawn grid */
  .header {
    display: flex !important;
    align-items: center;
  }

  .header__centered-left {
    flex: 1;
    display: flex;
    align-items: center;
    gap: 0.4rem;
  }

  .header__centered-logo {
    flex: 0 0 auto;
  }

  .header__centered-right {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 0.8rem;
  }

  /* ── Desktop horizontal nav bar ── */
  .header__desktop-nav {
    display: none;
  }

  @media screen and (min-width: 990px) {
    .header__desktop-nav {
      display: flex;
      justify-content: center;
      padding-bottom: 12px;
    }

    .header__desktop-nav ul {
      gap: 2.8rem;
    }

    .header__desktop-nav .list-menu__item--link {
      font-size: 1.4rem;
      letter-spacing: 0.04em;
      padding-top: 0;
      padding-bottom: 0.3rem;
      position: relative;
      opacity: 0.75;
      transition: opacity 0.2s ease;
    }

    .header__desktop-nav .list-menu__item--link:hover,
    .header__desktop-nav .list-menu__item--link.menu-item--active {
      opacity: 1;
    }

    .header__desktop-nav .list-menu__item--link::after {
      content: '';
      position: absolute;
      bottom: 0;
      left: 0;
      width: 0;
      height: 1px;
      background: currentColor;
      transition: width 0.25s ease;
    }

    .header__desktop-nav .list-menu__item--link:hover::after,
    .header__desktop-nav .list-menu__item--link.menu-item--active::after {
      width: 100%;
    }
  }