/** Shopify CDN: Minification failed

Line 22:4 Unexpected "{"
Line 22:5 Expected identifier but found "%"
Line 22:82 Expected identifier but found "%"
Line 25:4 Unexpected "{"
Line 25:5 Expected identifier but found "%"
Line 25:69 Expected identifier but found "%"
Line 29:4 Unexpected "{"
Line 29:5 Expected identifier but found "%"
Line 29:64 Expected identifier but found "%"
Line 34:2 Unexpected "{"
... and 2 more hidden warnings

**/
/* START_SECTION:header (INDEX:33) */
shopify-account {
    font-size: inherit;
    --shopify-account-signed-in-avatar-size: 20px;
    --shopify-account-avatar-size: 20px;

    {% comment %} Used when user had a profile picture set in their Shop account {% endcomment %}
    --shop-brand-color: #000000;

    {% comment %} Used when logged in user has no img profile photo {% endcomment %}
    --shopify-account-signed-in-avatar-color-background: var(--text);
    --shopify-account-signed-in-avatar-color-text: var(--bg);

    {% comment %} Heading is just a bold instance of body font {% endcomment %}
    --shopify-account-font-heading: var(--FONT-STACK-HEADING);
    --shopify-account-font-body: var(--FONT-STACK-BODY);
  }

  {% comment %} Reset header account button styles {% endcomment %}
  shopify-account::part(signed-out-avatar) {
    min-width: auto;
    min-height: auto;
    font-size: inherit;
  }

  .toolbar__links--with-header-buttons {
    display: flex;
    align-items: center;
  }

  .toolbar__account-actions {
    display: flex;
    align-items: center;
    margin-left: 16px;
  }

  .toolbar__account-actions .toolbar__header-buttons {
    display: flex;
    align-items: center;
    gap: 12px;
  }

  .toolbar__account-actions .toolbar__header-button {
    display: flex;
    align-items: center;
    margin: 10px 7px;
  }

  .toolbar__account-actions .navlink {
    display: flex;
    align-items: center;
    padding: 0;
  }

  .toolbar__account-actions .header__cart__status {
    display: inline-flex;
    align-items: center;
  }

  /* Custom desktop menu layout: logo left, main menu centered, secondary menu right */
  .header__desktop--custom-menus {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
    align-items: center;
    width: 100%;
  }

  .header__custom-layout__logo {
    justify-self: start;
    min-width: 0;
  }

  .header__custom-layout__main {
    justify-self: center;
    min-width: 0;
  }

  .header__custom-layout__secondary {
    justify-self: end;
    min-width: 0;
  }

  /* Main menu is bold and 2px larger than the secondary menu */
  .header__main-menu .navlink,
  .header__main-menu a,
  .header__main-menu button {
    font-size: calc(1em + 2px);
    font-weight: 700;
  }

  .header__secondary-menu {
    display: flex;
    justify-content: flex-end;
  }

  .header__secondary-menu__list {
    display: flex !important;
    flex-flow: row nowrap !important;
    flex-direction: row !important;
    align-items: center;
    justify-content: flex-end;
    gap: 20px;
    margin: 0;
    padding: 0;
    list-style: none;
  }

  .header__secondary-menu__item {
    position: relative;
    display: block;
    flex: 0 0 auto;
    width: auto;
  }

  .header__secondary-menu__link {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    color: inherit;
    text-decoration: none;
    white-space: nowrap;
    font-size: 1em;
    font-weight: 400;
  }

  .header__secondary-menu__chevron {
    display: inline-flex;
    width: 10px;
    transition: transform 0.2s ease;
  }

  .header__secondary-menu__dropdown {
    position: absolute;
    top: 100%;
    right: 0;
    z-index: 30;
    min-width: 180px;
    margin: 0;
    padding: 10px 0;
    list-style: none;
    background: var(--bg);
    color: var(--text);
    border: 1px solid color-mix(in srgb, currentColor 15%, transparent);
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
    opacity: 0;
    visibility: hidden;
    transform: translateY(6px);
    pointer-events: none;
    transition: opacity 0.18s ease, transform 0.18s ease, visibility 0.18s ease;
  }

  .header__secondary-menu__dropdown-link {
    display: block;
    padding: 9px 16px;
    color: inherit;
    text-decoration: none;
    white-space: nowrap;
    font-size: 1em;
    font-weight: 400;
  }

  .header__secondary-menu__dropdown-link:hover,
  .header__secondary-menu__dropdown-link:focus-visible {
    text-decoration: underline;
  }

  .header__secondary-menu__item.has-dropdown:hover > .header__secondary-menu__dropdown,
  .header__secondary-menu__item.has-dropdown:focus-within > .header__secondary-menu__dropdown {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
    pointer-events: auto;
  }

  .header__secondary-menu__item.has-dropdown:hover .header__secondary-menu__chevron,
  .header__secondary-menu__item.has-dropdown:focus-within .header__secondary-menu__chevron {
    transform: rotate(180deg);
  }

  /* Mobile menu hierarchy
   * Do not wrap nav-item-mobile output in extra containers.
   * Pipeline's sliderule expects those items to remain direct children of .drawer__menu.
   */
  .drawer__menu-separator {
    display: block;
    width: calc(100% - 30px);
    height: 1px;
    margin: 10px 15px;
    padding: 0;
    border: 0;
    background: currentColor;
    opacity: 0.12;
    pointer-events: none;
  }

  @media screen and (max-width: 767px) {
    header.theme__header {
      background:#000000 !important;
    }
    
    .drawer__menu {
      display: block;
      width: 100%;
    }

    .drawer__menu-separator {
      clear: both;
    }
  }


  /* ==========================================================
     COMPACT DIRECTIONAL HEADER — SCROLLING UP
     ========================================================== */
  @media screen and (min-width: 768px) {
    /* Remove the entire tertiary / toolbar row in compact mode. */
    .custom-header.custom-header--compact .header__inner--bar {
      display: none !important;
    }

    /* Cap the complete visible header and its primary row at 250px. */
    .custom-header.custom-header--compact .theme__header {
      max-height: 250px !important;
      overflow: hidden;
    }

    .custom-header.custom-header--compact .theme__header > .header__inner:not(.header__inner--bar) {
      max-height: 250px !important;
    }

    /*
     * Reduce the logo while preserving the original editor-controlled
     * width when the header returns to full view.
     */
    .custom-header .header__logo__link {
      transition: transform 0.22s ease;
    }

    .custom-header.custom-header--compact .header__logo__link {
      transform: scale(0.65);
      transform-origin: left center;
    }

    /*
     * Prevent any mega-menu / dropdown panel from becoming visible while
     * the compact scroll-up header is active. These selectors intentionally
     * cover Pipeline's menu panels as well as common custom mega-menu markup.
     */
    .custom-header.custom-header--compact .header__main-menu .meganav,
    .custom-header.custom-header--compact .header__main-menu .mega-menu,
    .custom-header.custom-header--compact .header__main-menu .mega_menu,
    .custom-header.custom-header--compact .header__main-menu .header__dropdown,
    .custom-header.custom-header--compact .header__main-menu .navlink--toplevel + *,
    .custom-header.custom-header--compact .header__main-menu [data-meganav],
    .custom-header.custom-header--compact .header__main-menu [data-mega-menu],
    .custom-header.custom-header--compact .header__main-menu [data-dropdown],
    .custom-header.custom-header--compact .header__main-menu [role="menu"] {
      display: none !important;
      visibility: hidden !important;
      opacity: 0 !important;
      pointer-events: none !important;
    }
  }

/* ==========================================
   CUSTOM MEGA MENU - MIXED NAVIGATION
   ========================================== */

    @media screen and (min-width: 768px) {

      /* Keep existing Pipeline column layout */
      .header__dropdown__inner.custom-mega-menu {
        align-items: flex-start;
      }

      /* Each navigation group is its own column */
      .custom-mega-menu > .custom-mega-menu__group {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        align-self: flex-start;
        height: auto;
        min-height: 0;
      }

      /* Prevent links from stretching vertically */
      .custom-mega-menu__group > .navlink {
        flex: 0 0 auto;
        width: 100%;
        height: auto;
        min-height: 0;
      }

      /* Standalone links stack naturally */
      .custom-mega-menu__group--standalone {
        justify-content: flex-start;
      }

      /* Match normal parent link appearance */
      .custom-mega-menu__standalone-link {
        display: block;
      }

      /* Nested groups remain vertically aligned */
      .custom-mega-menu__group--nested {
        justify-content: flex-start;
      }

    }
/* END_SECTION:header */