/** Shopify CDN: Minification failed

Line 1649:0 Unexpected "}"

**/
/* Custom Navigation and Cart Button Styles - Matching Screenshot Design */

/* CRITICAL: Make header absolute so content starts at the very top of the page */
#header-group {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  width: 100% !important;
  z-index: 1000 !important;
  background: transparent !important;
  pointer-events: none !important;
}

#header-group > * {
  pointer-events: auto !important;
}

/* Ensure all header components have transparent background */
header-component,
.header,
.header__row,
.header__row--top,
.header__row--bottom,
.header-filters,
.facets-form-component,
.facets__form-wrapper,
.facets__form,
.facets__filters-wrapper,
.shopify-section-group-header-group,
.shopify-section-group-header-group > div {
  background: transparent !important;
  background-color: transparent !important;
  border: none !important;
  box-shadow: none !important;
}

/* Ensure the main content starts at the top and isn't pushed down */
#MainContent,
.content-for-layout,
#shopify-section-main-collection,
.shopify-section {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

/* Specific fix for themes that might be using the calculated header height */
:root {
  --header-height: 0px !important;
  --header-group-height: 0px !important;
  --sticky-header-offset: 0px !important;
}

/* Hide cart button when cart is empty */
.header-actions__action.cart-empty,
.header-actions__action:has(.header-actions__cart-icon:not(.header-actions__cart-icon--has-cart)),
.header-actions__action:has(cart-icon:not(.header-actions__cart-icon--has-cart)) {
  display: none !important;
}

/* Layout: Logo on top, menu below it in left column */
.header .header__column--left,
header-component .header__column--left {
  flex-direction: column !important;
  align-items: flex-start !important;
}

/* Desktop: Ensure logo is above menu, no gap between logo and menu */
@media screen and (min-width: 750px) {
  /* Hide mobile menu drawer and icon on desktop */
  .header .header__drawer,
  .header .header__drawer--mobile,
  .header .header__icon--menu,
  .header .header__icon.header__icon--menu,
  header-component .header__drawer,
  header-component .header__drawer--mobile,
  header-component .header__icon--menu,
  header-component .header__icon.header__icon--menu,
  .header #Details-menu-drawer-container,
  header-component #Details-menu-drawer-container {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    width: 0 !important;
    height: 0 !important;
    overflow: hidden !important;
    position: absolute !important;
    left: -9999px !important;
  }
  
  /* CRITICAL: Force left column to be flex column on desktop - OVERRIDE BASE THEME */
  .header .header__column--left,
  header-component .header__column--left,
  .header__row--top .header__column--left,
  header-component .header__row--top .header__column--left,
  .header .header__columns .header__column--left,
  header-component .header__columns .header__column--left,
  .header__row--top .header__columns .header__column--left,
  header-component .header__row--top .header__columns .header__column--left {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    justify-content: flex-start !important;
    gap: 0 !important;
    width: auto !important; /* Changed from 100% to auto to prevent pushing right column */
    min-width: 0 !important;
    max-width: none !important;
    flex: 1 1 auto !important; /* Take remaining width */
    /* Override base theme align-items: center */
    align-items: flex-start !important;
  }
  
  /* Make header columns container full width */
  .header .header__columns,
  header-component .header__columns,
  .header__row--top .header__columns,
  header-component .header__row--top .header__columns {
    width: 100% !important;
    max-width: 100% !important;
  }
  
  /* Ensure logo appears first (above menu) - MAXIMUM SPECIFICITY */
  .header .header__column--left .header-logo,
  header-component .header__column--left .header-logo,
  .header__row--top .header__column--left .header-logo,
  header-component .header__row--top .header__column--left .header-logo,
  .header .header__columns .header__column--left .header-logo,
  header-component .header__columns .header__column--left .header-logo,
  .header__row--top .header__columns .header__column--left .header-logo,
  header-component .header__row--top .header__columns .header__column--left .header-logo {
    order: 1 !important;
    width: auto !important;
    margin-bottom: 0 !important;
    margin-top: 0 !important;
    padding-bottom: 0 !important;
    align-self: flex-start !important;
    flex-shrink: 0 !important;
  }
  
  /* Hide nav links on collection page to make room for filters */
  .template-collection .header__column--left header-menu,
  .template-collection header-component .header__column--left header-menu {
    display: none !important;
  }

  /* Ensure menu appears second (below logo) - MAXIMUM SPECIFICITY - FULL WIDTH */
  .header .header__column--left header-menu,
  header-component .header__column--left header-menu,
  .header__row--top .header__column--left header-menu,
  header-component .header__row--top .header__column--left header-menu,
  .header .header__columns .header__column--left header-menu,
  header-component .header__columns .header__column--left header-menu,
  .header__row--top .header__columns .header__column--left header-menu,
  header-component .header__row--top .header__columns .header__column--left header-menu {
    order: 2 !important;
    width: 100% !important; /* Full width container on desktop */
    min-width: 100% !important;
    max-width: 100% !important;
    margin-top: 25px !important; 
    margin-left: 20px !important; /* Moved over 20px */
    margin-bottom: 0 !important;
    padding-top: 0 !important;
    align-self: flex-start !important;
    flex-shrink: 0 !important;
  }

  .header .header-menu__inner,
  header-component .header-menu__inner {
    margin-bottom: 0 !important;
  }
  
  /* Left align the menu links with 10px spacing - MAXIMUM SPECIFICITY */
  .header .header__column--left header-menu,
  header-component .header__column--left header-menu {
    align-items: flex-start !important;
    justify-content: flex-start !important;
  }
  
  .header .header__column--left header-menu .menu-list,
  header-component .header__column--left header-menu .menu-list,
  .header .header__column--left header-menu .menu-list__list,
  header-component .header__column--left header-menu .menu-list__list,
  .header .header__column--left header-menu .overflow-menu,
  header-component .header__column--left header-menu .overflow-menu,
  .header .header__column--left header-menu .overflow-menu::part(list),
  header-component .header__column--left header-menu .overflow-menu::part(list) {
    display: flex !important;
    flex-direction: row !important;
    justify-content: flex-start !important;
    align-items: flex-start !important;
    align-content: flex-start !important;
    gap: 10px !important;
    width: auto !important;
    min-width: 400px !important; /* Enough for 3 buttons (125*3 + 10*2 = 395) */
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
    flex-wrap: nowrap !important; /* CRITICAL: Prevent wrapping - force 3 across */
  }

  /* Force menu list items to be auto-width and side-by-side */
  .header .header__column--left header-menu .menu-list__list-item,
  header-component .header__column--left header-menu .menu-list__list-item,
  .header .menu-list__list-item,
  header-component .menu-list__list-item {
    width: 125px !important;
    min-width: 125px !important;
    max-width: 125px !important;
    height: 35px !important; /* Fixed height */
    flex: 0 0 125px !important;
    display: inline-flex !important; 
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important; /* Allow submenu to show */
    position: relative !important;
    white-space: nowrap !important;
  }

  /* Hide submenus completely by default on desktop */
  .header .menu-list__submenu,
  header-component .menu-list__submenu {
    display: none !important;
    position: absolute !important;
    top: 100% !important;
    left: 0 !important;
    z-index: 100 !important;
  }

  /* Show submenus on click (aria-expanded) */
  .header .menu-list__list-item[aria-expanded='true'] > .menu-list__submenu,
  header-component .menu-list__list-item[aria-expanded='true'] > .menu-list__submenu,
  .header .menu-list__list-item.never-focus > .menu-list__submenu,
  header-component .menu-list__list-item.never-focus > .menu-list__submenu {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
  }
  
  /* Ensure menu list items are left-aligned - spacing controlled by gap property */
  .header .header__column--left header-menu .menu-list__list-item,
  header-component .header__column--left header-menu .menu-list__list-item {
    margin-left: 0 !important;
    margin-right: 0 !important;
    align-self: flex-start !important;
  }
  
  /* Right align login and cart buttons */
  .header .header__column--right,
  header-component .header__column--right,
  .header__row--top .header__column--right,
  header-component .header__row--top .header__column--right {
    justify-content: flex-end !important;
    align-items: center !important;
  }
  
  /* Ensure any other elements in left column appear after menu */
  .header .header__column--left > *:not(.header-logo):not(header-menu),
  header-component .header__column--left > *:not(.header-logo):not(header-menu) {
    order: 3 !important;
  }
  
  /* Override any grid layout that might interfere */
  .header .header__columns:has(.header__column--left),
  header-component .header__columns:has(.header__column--left) {
    align-items: flex-start !important;
  }
}

/* Mobile: keep gap for spacing */
@media screen and (max-width: 749px) {
  .header .header__column--left,
  header-component .header__column--left {
    gap: 12px !important;
  }
}

/* Logo styling - top-left on desktop, full width on mobile */
.header .header-logo,
header-component .header-logo {
  font-size: 2rem !important;
  font-weight: bold !important;
  color: #FF6B35 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.05em !important;
  margin: 0 !important;
  padding: 0 !important;
  justify-content: flex-start !important;
  align-items: flex-start !important;
}

/* Desktop: logo at top-left, no padding/margin */
@media screen and (min-width: 750px) {
  .header .header-logo,
  header-component .header-logo {
    margin: 0 !important;
    padding: 0 !important;
    margin-inline: 0 !important;
    width: auto !important;
  }
  
  .header .header__column--left,
  header-component .header__column--left {
    padding: 0 !important;
    margin: 0 !important;
    align-items: flex-start !important;
  }
  
  .header .header__row,
  header-component .header__row {
    padding: 0 !important;
  }
  
  .header .header__columns,
  header-component .header__columns {
    padding: 0 !important;
  }

}

/* Stack nav links vertically on mobile and keep cart top-right */
@media screen and (max-width: 749px) {
  /* Ensure header has relative positioning for absolute children */
  .header .header__row,
  header-component .header__row {
    position: relative !important;
  }

  .header .header__columns,
  header-component .header__columns {
    display: grid !important;
    grid-template-areas: 
      "logo logo"
      "left right" !important;
    grid-template-columns: 1fr auto !important;
    grid-template-rows: auto auto !important;
    align-items: start !important;
    row-gap: 0 !important;
  }

  .header .header__column--right,
  header-component .header__column--right {
    order: 2 !important;
    grid-area: right !important;
    width: auto !important;
    display: flex !important;
    justify-content: flex-end !important;
    align-items: center !important;
    margin: 0 !important;
    padding: 0 !important;
    position: relative !important;
    top: auto !important;
    right: auto !important;
    z-index: auto !important;
  }
  
  /* Mobile: header-actions in normal flow, same position as desktop */
  .header header-actions,
  header-component header-actions,
  .header .header__column--right header-actions,
  header-component .header__column--right header-actions {
    position: fixed !important;
    top: 58px !important;
    right: 20px !important;
    left: auto !important;
    bottom: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    display: flex !important;
    justify-content: flex-end !important;
    align-items: center !important;
    z-index: 10001 !important;
    transform: none !important;
    width: auto !important;
    height: auto !important;
  }
  
  /* Override header-actions.liquid stylesheet block margins */
  header-actions {
    position: fixed !important;
    top: 60px !important;
    right: 20px !important;
    margin: 0 !important;
    gap: 10px !important;
    z-index: 9999 !important;
  }

  .header .header__column--left,
  header-component .header__column--left {
    order: 1 !important;
    grid-area: left !important;
    width: 100% !important;
  }

  /* Force overflow-list to show all items on mobile */
  .header overflow-list,
  header-component overflow-list,
  .header overflow-list[disabled],
  header-component overflow-list[disabled] {
    display: block !important;
    visibility: visible !important;
    width: 100% !important;
    height: auto !important;
    overflow: visible !important;
  }
  
  .header overflow-list::part(list),
  header-component overflow-list::part(list) {
    display: flex !important;
    flex-direction: column !important;
    flex-wrap: nowrap !important;
    overflow: visible !important;
    width: 100% !important;
    height: auto !important;
  }
  
  .header overflow-list slot:not([name]),
  header-component overflow-list slot:not([name]) {
    display: contents !important;
  }
  
  .header overflow-list::part(overflow),
  header-component overflow-list::part(overflow),
  .header overflow-list slot[name="overflow"],
  header-component overflow-list slot[name="overflow"],
  .header overflow-list slot[name="more"],
  header-component overflow-list slot[name="more"] {
    display: none !important;
  }

  .header .menu-list,
  .header .menu-list__list,
  header-component .menu-list,
  header-component .menu-list__list {
    flex-direction: column !important;
    align-items: flex-start !important;
    width: 100% !important;
    gap: 8px !important;
    display: flex !important;
  }

  .header .menu-list__list-item,
  header-component .menu-list__list-item,
  .header overflow-list li,
  header-component overflow-list li,
  .header overflow-list slot:not([name]) li,
  header-component overflow-list slot:not([name]) li {
    width: 100% !important;
    display: list-item !important;
    visibility: visible !important;
    opacity: 1 !important;
  }

  /* Mobile links same size as desktop - exact same width/height as desktop */
  .header .menu-list__link,
  .header .menu-list__list-item .menu-list__link,
  .header .menu-list__list-item > .menu-list__link,
  .header .menu-list__list-item a.menu-list__link,
  header-component .menu-list__link,
  header-component .menu-list__list-item .menu-list__link,
  header-component .menu-list__list-item > .menu-list__link,
  header-component .menu-list__list-item a.menu-list__link {
    width: 125px !important;
    height: 35px !important;
    min-width: 125px !important;
    max-width: 125px !important;
    min-height: 35px !important;
    max-height: 35px !important;
    margin: 0 0 8px 0 !important;
    padding: 0 !important;
    justify-content: center !important;
    display: inline-flex !important;
    align-items: center !important;
    white-space: nowrap !important;
    flex-shrink: 0 !important;
    background: #FCC8FF !important;
    background-color: #FCC8FF !important;
    border: 1px solid #000DFF !important;
    border-radius: 0 !important;
    color: #000DFF !important;
  }

  /* Submenu accordion - pushes parent links down, shows children in between - MOBILE ONLY */
  @media screen and (max-width: 749px) {
    .header .menu-list__list-item > .menu-list__submenu,
    header-component .menu-list__list-item > .menu-list__submenu {
      position: static !important;
      width: 100% !important;
      max-width: 100% !important;
      padding: 0 !important;
      margin: 0 !important;
      margin-top: 0 !important;
      margin-bottom: 8px !important;
      display: none !important;
      visibility: hidden !important;
      opacity: 0 !important;
      height: 0 !important;
      max-height: 0 !important;
      overflow: hidden !important;
      clip-path: none !important;
      transform: none !important;
      top: auto !important;
      left: auto !important;
      right: auto !important;
      bottom: auto !important;
    }
  }

  /* Show submenu on click/tap only (aria-expanded) - NO HOVER on mobile */
  @media screen and (max-width: 749px) {
    /* Only show on click/tap, not hover */
    .header .menu-list__list-item:has(.menu-list__link[aria-expanded='true']) > .menu-list__submenu,
    .header .menu-list__list-item:has([aria-expanded='true']) > .menu-list__submenu,
    .header .menu-list__list-item.never-focus > .menu-list__submenu,
    header-component .menu-list__list-item:has(.menu-list__link[aria-expanded='true']) > .menu-list__submenu,
    header-component .menu-list__list-item:has([aria-expanded='true']) > .menu-list__submenu,
    header-component .menu-list__list-item.never-focus > .menu-list__submenu {
      display: block !important;
      visibility: visible !important;
      opacity: 1 !important;
      height: auto !important;
      max-height: none !important;
      overflow: visible !important;
      transform: none !important;
      position: static !important;
      margin-top: 0 !important;
      margin-bottom: 8px !important;
      padding-top: 0 !important;
      padding-bottom: 0 !important;
      width: 100% !important;
    }
    
    /* Explicitly disable hover on mobile */
    .header .menu-list__list-item.never-hover > .menu-list__submenu,
    .header .menu-list__list-item:has(.menu-list__link.never-hover) > .menu-list__submenu,
    header-component .menu-list__list-item.never-hover > .menu-list__submenu,
    header-component .menu-list__list-item:has(.menu-list__link.never-hover) > .menu-list__submenu {
      display: none !important;
      visibility: hidden !important;
      opacity: 0 !important;
      height: 0 !important;
      max-height: 0 !important;
    }
  }
  
  /* Ensure child links in submenu are visible and properly styled on mobile - click/tap only */
  @media screen and (max-width: 749px) {
    .header .menu-list__list-item:has(.menu-list__link[aria-expanded='true']) .mega-menu__link,
    .header .menu-list__list-item:has([aria-expanded='true']) .mega-menu__link,
    header-component .menu-list__list-item:has(.menu-list__link[aria-expanded='true']) .mega-menu__link,
    header-component .menu-list__list-item:has([aria-expanded='true']) .mega-menu__link {
      display: inline-flex !important;
      visibility: visible !important;
      opacity: 1 !important;
      width: 125px !important;
      height: 35px !important;
      min-width: 125px !important;
      max-width: 125px !important;
      min-height: 35px !important;
      max-height: 35px !important;
      margin: 0 0 8px 0 !important;
      padding: 0 !important;
    }

    .header .menu-list__list-item:has(.menu-list__link[aria-expanded='true']) .mega-menu__link[aria-current="page"],
    .header .menu-list__list-item:has([aria-expanded='true']) .mega-menu__link[aria-current="page"] {
      background-color: #D6FAFF !important;
    }
  }
}

/* DESKTOP: Ensure child links are ALWAYS visible when submenu is shown */
@media screen and (min-width: 750px) {
  /* CRITICAL: Make submenu container visible on hover */
  .header .menu-list__list-item.never-hover > .menu-list__submenu,
  .header .menu-list__list-item.never-focus > .menu-list__submenu,
  .header .menu-list__list-item:where(:not([slot='overflow'])).never-hover > .menu-list__submenu,
  .header .menu-list__list-item:where(:not([slot='overflow'])).never-focus > .menu-list__submenu,
  header-component .menu-list__list-item.never-hover > .menu-list__submenu,
  header-component .menu-list__list-item.never-focus > .menu-list__submenu,
  header-component .menu-list__list-item:where(:not([slot='overflow'])).never-hover > .menu-list__submenu,
  header-component .menu-list__list-item:where(:not([slot='overflow'])).never-focus > .menu-list__submenu {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    pointer-events: auto !important;
    --submenu-content-opacity: 1 !important;
  }

  /* CRITICAL: Make submenu inner content visible - this uses --submenu-content-opacity */
  .header .menu-list__list-item.never-hover .menu-list__submenu-inner,
  .header .menu-list__list-item.never-focus .menu-list__submenu-inner,
  .header .menu-list__submenu.never-hover .menu-list__submenu-inner,
  header-component .menu-list__list-item.never-hover .menu-list__submenu-inner,
  header-component .menu-list__list-item.never-focus .menu-list__submenu-inner,
  header-component .menu-list__submenu.never-hover .menu-list__submenu-inner {
    visibility: visible !important;
    opacity: 1 !important;
    --submenu-content-opacity: 1 !important;
    display: flex !important;
  }

/* CRITICAL: Make ALL submenu content visible */
  .header .menu-list__list-item.never-hover .menu-list__submenu *:not(style):not(script),
  .header .menu-list__list-item.never-focus .menu-list__submenu *:not(style):not(script),
  .header .menu-list__submenu.never-hover *:not(style):not(script),
  header-component .menu-list__list-item.never-hover .menu-list__submenu *:not(style):not(script),
  header-component .menu-list__list-item.never-focus .menu-list__submenu *:not(style):not(script),
  header-component .menu-list__submenu.never-hover *:not(style):not(script) {
    visibility: visible !important;
    opacity: 1 !important;
    --submenu-content-opacity: 1 !important;
  }

  /* Ensure child links are visible and styled */
  .header .menu-list__list-item.never-hover .mega-menu__link,
  .header .menu-list__list-item.never-focus .mega-menu__link,
  .header .menu-list__list-item.never-hover .menu-list__submenu .mega-menu__link,
  .header .menu-list__list-item.never-focus .menu-list__submenu .mega-menu__link,
  .header .menu-list__submenu.never-hover .mega-menu__link,
  .header .menu-list__submenu .mega-menu__link,
  header-component .menu-list__list-item.never-hover .mega-menu__link,
  header-component .menu-list__list-item.never-focus .mega-menu__link,
  header-component .menu-list__list-item.never-hover .menu-list__submenu .mega-menu__link,
  header-component .menu-list__list-item.never-focus .menu-list__submenu .mega-menu__link,
  header-component .menu-list__submenu.never-hover .mega-menu__link,
  header-component .menu-list__submenu .mega-menu__link {
    display: inline-flex !important;
    visibility: visible !important;
    opacity: 1 !important;
    width: 125px !important;
    height: 35px !important;
    min-width: 125px !important;
    max-width: 125px !important;
    min-height: 35px !important;
    max-height: 35px !important;
    margin: 0 0 4px 0 !important;
    padding: 0 !important;
    border: 1px solid #000DFF !important;
  }

  .header .mega-menu__link[aria-current="page"],
  .header .menu-list__submenu .mega-menu__link[aria-current="page"],
  header-component .mega-menu__link[aria-current="page"],
  header-component .menu-list__submenu .mega-menu__link[aria-current="page"] {
    background-color: #D6FAFF !important;
  }

  /* Desktop: header-actions in normal flow */
  .header header-actions,
  header-component header-actions {
    position: relative !important;
    display: flex !important;
  }

  .header .header__column--right header-actions,
  header-component .header__column--right header-actions {
    position: relative !important;
  }
}

/* Desktop: nav horizontal, no overflow "more" button */
@media screen and (min-width: 750px) {
  /* Hide mobile menu drawer completely on desktop */
  .header .header__drawer,
  .header .header__drawer--mobile,
  .header .header__icon--menu,
  .header .header__icon.header__icon--menu,
  header-component .header__drawer,
  header-component .header__drawer--mobile,
  header-component .header__icon--menu,
  header-component .header__icon.header__icon--menu,
  .header #Details-menu-drawer-container,
  header-component #Details-menu-drawer-container,
  .header [id*="menu-drawer"],
  header-component [id*="menu-drawer"] {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    width: 0 !important;
    height: 0 !important;
    overflow: hidden !important;
    position: absolute !important;
    left: -9999px !important;
  }
  
  /* Ensure desktop header menu always stays visible */
  .header header-menu,
  header-component header-menu,
  .header header-menu.mobile\:hidden,
  header-component header-menu.mobile\:hidden {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    width: 100% !important;
  }
  
  .header .header__column--left,
  header-component .header__column--left {
    width: auto !important;
    min-width: 450px !important; /* Ensure enough width for 3 buttons (125px each) + 2 gaps (10px each) */
    max-width: none !important;
    flex: 0 0 auto !important;
  }

  .header .menu-list,
  .header .menu-list__list,
  header-component .menu-list,
  header-component .menu-list__list {
    flex-direction: row !important;
    align-items: flex-start !important;
    gap: 10px !important;
    width: auto !important; /* Changed from 100% to auto */
    min-width: 400px !important;
    max-width: none !important;
    display: flex !important;
    visibility: visible !important;
    opacity: 1 !important;
    justify-content: flex-start !important;
    align-content: flex-start !important;
    flex-wrap: nowrap !important;
    margin: 0 !important;
    padding: 0 !important;
  }
  
  /* Force menu-list container to never hide */
  .header .menu-list,
  header-component .menu-list {
    display: flex !important;
    visibility: visible !important;
    opacity: 1 !important;
  }

  /* Ensure overflow-list container is wide enough for all links - 3 buttons = 450px minimum */
  .header overflow-list,
  header-component overflow-list {
    min-width: 450px !important; /* Increased to ensure all buttons fit */
    max-width: none !important;
    width: auto !important;
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    grid-template-columns: auto !important;
  }
  
  /* Force overflow-list to show all items on desktop - disable overflow behavior */
  .header overflow-list,
  header-component overflow-list {
    --overflow-disabled: true !important;
  }

  .header overflow-list::part(list),
  header-component overflow-list::part(list) {
    width: auto !important;
    min-width: 400px !important;
    max-width: none !important;
    display: flex !important;
    flex-direction: row !important;
    justify-content: flex-start !important;
    align-items: flex-start !important;
    align-content: flex-start !important;
    gap: 10px !important;
    flex-wrap: nowrap !important; /* CRITICAL: Prevent wrapping */
    column-gap: 10px !important;
    overflow-x: visible !important;
    overflow-y: visible !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  .header .menu-list__list-item,
  header-component .menu-list__list-item {
    width: auto !important;
    min-width: 125px !important;
    max-width: 125px !important;
    flex-shrink: 0 !important;
    flex-grow: 0 !important;
    display: list-item !important;
    visibility: visible !important;
    opacity: 1 !important;
    position: relative !important;
    margin: 0 !important;
  }
  
  /* Desktop hover styles are handled in the separate media query below */

  /* Override header.liquid styles that set fixed width and margin - must be very specific */
  /* NOTE: Button styles (125x35px, pink bg, blue border) are defined at line 1560 - don't override dimensions here */
  .header .menu-list__link,
  .header .menu-list__list-item .menu-list__link,
  .header .menu-list__list-item > .menu-list__link,
  .header .menu-list__list-item a.menu-list__link,
  header-component .menu-list__link,
  header-component .menu-list__list-item .menu-list__link,
  header-component .menu-list__list-item > .menu-list__link,
  .header overflow-list .menu-list__link,
  header-component overflow-list .menu-list__link,
  .header overflow-list slot:not([name]) .menu-list__link,
  header-component overflow-list slot:not([name]) .menu-list__link {
    /* Don't override button dimensions - let button styles section handle it */
    flex-shrink: 0 !important;
    white-space: nowrap !important;
    display: inline-flex !important;
    visibility: visible !important;
    opacity: 1 !important;
  }
  
  /* Prevent links from expanding on desktop */
  .header .menu-list__list-item,
  header-component .menu-list__list-item {
    flex: 0 0 auto !important;
  }
  
  /* Force all menu items to stay visible in default slot */
  .header overflow-list[disabled] slot:not([name]) li,
  header-component overflow-list[disabled] slot:not([name]) li,
  .header overflow-list[disabled] .menu-list__list-item,
  header-component overflow-list[disabled] .menu-list__list-item {
    display: list-item !important;
    visibility: visible !important;
    opacity: 1 !important;
    position: relative !important;
  }

  /* Ensure overflow-list shows all items on desktop and never hides */
  .header overflow-list,
  header-component overflow-list {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
  }
  
  .header overflow-list[disabled],
  header-component overflow-list[disabled] {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
  }

  .header overflow-list::part(list),
  header-component overflow-list::part(list) {
    display: flex !important;
    flex-direction: row !important; /* Explicitly horizontal */
    visibility: visible !important;
    opacity: 1 !important;
    flex-wrap: nowrap !important; /* Force single line */
    height: auto !important;
    gap: 10px !important;
    column-gap: 10px !important;
    width: auto !important;
    min-width: 450px !important;
  }

  .header overflow-list slot:not([name]),
  header-component overflow-list slot:not([name]) {
    display: contents !important;
  }
  
  /* Hide overflow slot on desktop - show all items in default slot */
  .header overflow-list slot[name="overflow"],
  header-component overflow-list slot[name="overflow"],
  .header overflow-list slot[name="more"],
  header-component overflow-list slot[name="more"] {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
  }
  
  /* Force all items in default slot to be visible */
  .header overflow-list slot:not([name])::slotted(*),
  header-component overflow-list slot:not([name])::slotted(*) {
    display: list-item !important;
    visibility: visible !important;
    opacity: 1 !important;
  }
  
  /* Ensure all 3 menu items are visible - override overflow behavior */
  .header overflow-list slot:not([name]) li,
  header-component overflow-list slot:not([name]) li,
  .header overflow-list slot:not([name]) .menu-list__list-item,
  header-component overflow-list slot:not([name]) .menu-list__list-item {
    display: list-item !important;
    visibility: visible !important;
    opacity: 1 !important;
    position: relative !important;
  }

  /* Force all menu list items to be visible on desktop */
  .header .menu-list__list-item,
  header-component .menu-list__list-item,
  .header overflow-list li,
  header-component overflow-list li,
  .header overflow-list::part(list) li,
  header-component overflow-list::part(list) li,
  .header overflow-list slot:not([name]) li,
  header-component overflow-list slot:not([name]) li {
    display: list-item !important;
    visibility: visible !important;
    opacity: 1 !important;
    width: auto !important;
    position: relative !important;
  }

  /* Ensure menu links are visible */
  .header .menu-list__link,
  .header .menu-list__list-item .menu-list__link,
  header-component .menu-list__link,
  header-component .menu-list__list-item .menu-list__link {
    display: inline-flex !important;
    visibility: visible !important;
    opacity: 1 !important;
  }
}

/* Always keep header menu visible */
header header-menu,
header-component header-menu {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
}

/* Keep overflow container visible so navigation renders */
.header .overflow-menu,
header-component .overflow-menu {
  display: flex !important;
  visibility: visible !important;
  opacity: 1 !important;
  width: auto !important;
  height: auto !important;
  overflow: visible !important;
}

/* Mobile: logo full width, touching top/left/right edges */
@media screen and (max-width: 749px) {
  /* Force everything to zero to ensure edge-to-edge logo */
  /* Logo should be first, full width at top - touching all edges */
  .header .header-logo,
  header-component .header-logo {
    grid-area: logo !important;
    width: 100vw !important;
    min-width: 100vw !important;
    max-width: 100vw !important;
    margin: 0 !important;
    padding: 0 !important;
    display: block !important;
    position: relative !important;
    left: 0 !important;
    top: 0 !important;
    order: -1 !important;
  }

  /* Reset header row and columns to not be forced 100vw if not needed, 
     but ensure they don't have side margins that would prevent edge-to-edge logo */
  .header__row,
  .header__columns {
    margin: 0 !important;
    padding: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
  }

  /* Left column for nav buttons - add back padding here */
  .header .header__column--left,
  header-component .header__column--left {
    grid-area: left !important;
    width: auto !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 10px !important;
    padding: 0 0 16px 0 !important;
    margin-left: 20px !important;
  }

  /* Right column for Cart button - add back padding here */
  .header .header__column--right,
  header-component .header__column--right {
    grid-area: right !important;
    width: auto !important;
    display: flex !important;
    justify-content: flex-end !important;
    align-items: flex-start !important;
    padding: 0 16px 16px 0 !important; /* Design has right padding */
    margin: 0 !important;
  }

  /* Ensure nav links on mobile match image styling */
  .header .menu-list__list-item,
  header-component .menu-list__list-item {
    display: block !important;
    margin-bottom: 10px !important;
  }

  .header .menu-list__link,
  .header .menu-list__list-item .menu-list__link,
  header-component .menu-list__link,
  header-component .menu-list__list-item .menu-list__link {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 0 10px 0 !important;
    justify-content: flex-start !important;
  }

  /* Chevron icon styling */
  .header .menu-list__link[aria-haspopup="true"]::after,
  header-component .menu-list__link[aria-haspopup="true"]::after {
    content: '∨' !important;
    font-size: 14px !important;
    margin-left: 8px !important;
    color: #000DFF !important;
    background: none !important;
    border: none !important;
    width: auto !important;
    height: auto !important;
  }

  /* Logo containers - ensure only one is visible on mobile */
  .header .header-logo__image-container--original,
  header-component .header-logo__image-container--original {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    width: 100vw !important;
    max-width: 100vw !important;
  }

  .header .header-logo__image-container--inverse,
  header-component .header-logo__image-container--inverse,
  .header-logo__image-container--inverse {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    height: 0 !important;
    width: 0 !important;
    overflow: hidden !important;
    pointer-events: none !important;
  }

  /* Logo image - 100% width on mobile, touching top and sides */
  .header .header-logo__image-container--original img,
  header-component .header-logo__image-container--original img {
    width: 100vw !important;
    min-width: 100vw !important;
    max-width: 100vw !important;
    height: auto !important;
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
    object-fit: contain !important; 
    object-position: top center !important;
    position: relative !important;
    left: 0 !important;
    top: 0 !important;
    min-height: 44px !important;
    transform: none !important;
    transform-origin: top center !important;
  }

  /* Keep overflow container visible on mobile as well */
  .header .overflow-menu,
  header-component .overflow-menu {
    display: flex !important;
    visibility: visible !important;
    opacity: 1 !important;
    width: 100% !important;
    height: auto !important;
    overflow: visible !important;
  }

  /* Ensure nav links on mobile match desktop styling exactly - square buttons */
  /* Target mobile menu list specifically */
  .header .menu-list--mobile .menu-list__link,
  .header .menu-list--mobile .menu-list__list-item .menu-list__link,
  .header .menu-list--mobile .menu-list__list-item > .menu-list__link,
  .header .menu-list--mobile .menu-list__list-item a.menu-list__link,
  .header .menu-list--mobile a.menu-list__link,
  .header .menu-list--mobile a,
  header-component .menu-list--mobile .menu-list__link,
  header-component .menu-list--mobile .menu-list__list-item .menu-list__link,
  header-component .menu-list--mobile .menu-list__list-item > .menu-list__link,
  header-component .menu-list--mobile .menu-list__list-item a.menu-list__link,
  header-component .menu-list--mobile a.menu-list__link,
  header-component .menu-list--mobile a,
  .header .menu-list__link,
  .header .menu-list__list-item .menu-list__link,
  .header .menu-list__list-item > .menu-list__link,
  .header .menu-list__list-item a.menu-list__link,
  .header a.menu-list__link,
  header-component .menu-list__link,
  header-component .menu-list__list-item .menu-list__link,
  header-component .menu-list__list-item > .menu-list__link,
  header-component .menu-list__list-item a.menu-list__link {
    background-color: #FCC8FF !important;
    border: 1px solid #B794E6 !important;
    border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
    color: #000DFF !important;
    padding: 8px 16px !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    text-decoration: none !important;
    text-decoration-line: none !important;
    transition: all 0.2s ease !important;
    font-family: 'Chivo', sans-serif !important;
    font-weight: 100 !important;
    font-size: 14px !important;
    line-height: 34px !important;
    min-height: auto !important;
    margin: 0px 0px 10px 0px !important;
    --style-border-radius-buttons-primary: 0 !important;
    --style-border-radius-buttons-secondary: 0 !important;
    --menu-top-level-font-color: #000DFF !important;
    --color-foreground: #000DFF !important;
    appearance: none !important;
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
  }

  /* Ensure link title text also has correct styling */
  .header .menu-list__link-title,
  header-component .menu-list__link-title {
    color: #000DFF !important;
    background: none !important;
    border: none !important;
    padding: 0 !important;
    text-decoration: none !important;
    font-family: 'Chivo', sans-serif !important;
    font-weight: 100 !important;
    font-size: 14px !important;
    line-height: 34px !important;
  }

  .header .menu-list__link.never-hover,
  .header .menu-list__link:focus,
  .header .menu-list__link:visited,
  .header .menu-list__link:active,
  header-component .menu-list__link.never-hover,
  header-component .menu-list__link:focus,
  header-component .menu-list__link:visited,
  header-component .menu-list__link:active {
    background: transparent !important;
    background-color: transparent !important;
    border-color: #9B7ED6 !important;
    color: #000DFF !important;
    text-decoration: none !important;
    text-decoration-line: none !important;
  }

  /* Override any default link styles that might make them look like links */
  .header .menu-list__link:link,
  header-component .menu-list__link:link {
    background-color: #D9D9D9 !important;
    border: 1px solid #B794E6 !important;
    color: #000DFF !important;
    text-decoration: none !important;
  }

  /* Specifically target mobile menu list links - override default link styling */
  .header .menu-list--mobile a,
  .header .menu-list--mobile .menu-list__list-item a,
  .header .menu-list--mobile li a,
  header-component .menu-list--mobile a,
  header-component .menu-list--mobile .menu-list__list-item a,
  header-component .menu-list--mobile li a {
    background: transparent !important;
    background-color: transparent !important;
    border: 1px solid #000DFF !important;
    border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    color: #000DFF !important;
    padding: 0 !important;
    width: 125px !important;
    height: 35px !important;
    min-width: 125px !important;
    max-width: 125px !important;
    min-height: 35px !important;
    max-height: 35px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 6px !important;
    text-decoration: none !important;
    text-decoration-line: none !important;
    transition: all 0.2s ease !important;
    font-family: 'Chivo', sans-serif !important;
    font-weight: 100 !important;
    font-size: 14px !important;
    line-height: 35px !important;
    margin: 0 !important;
    --style-border-radius-buttons-primary: 0 !important;
    --style-border-radius-buttons-secondary: 0 !important;
    --menu-top-level-font-color: #000DFF !important;
    --color-foreground: #000DFF !important;
    appearance: none !important;
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
  }

  .header .menu-list--mobile a:link,
  header-component .menu-list--mobile a:link {
    background: #D9D9D9 !important;
    background-color: #D9D9D9 !important;
    border-color: #000DFF !important;
    color: #000DFF !important;
    text-decoration: none !important;
  }

  .header .menu-list--mobile a.never-hover,
  .header .menu-list--mobile a:focus,
  header-component .menu-list--mobile a.never-hover,
  header-component .menu-list--mobile a:focus {
    background: transparent !important;
    background-color: transparent !important;
    border-color: #000DFF !important;
    color: #000DFF !important;
    text-decoration: none !important;
  }

  .header .menu-list--mobile a:visited,
  .header .menu-list--mobile a:active,
  header-component .menu-list--mobile a:visited,
  header-component .menu-list--mobile a:active {
    background: transparent !important;
    background-color: transparent !important;
    border-color: #000DFF !important;
    color: #000DFF !important;
    text-decoration: none !important;
  }
}

/* Cart and Login buttons - same styles for desktop and mobile, 68x34, centered text */
.header .header-actions__action.action__cart,
.header .header-actions__action.action__cart a,
.header button[data-testid="cart-drawer-trigger"],
.header button[data-testid="cart-drawer-trigger"].header-actions__action,
.header .account-button.header-actions__action,
header-component .header-actions__action.action__cart,
header-component .header-actions__action.action__cart a,
header-component button[data-testid="cart-drawer-trigger"],
header-component button[data-testid="cart-drawer-trigger"].header-actions__action,
header-component .account-button.header-actions__action {
  background: #FCC8FF !important;
  background-color: #FCC8FF !important;
  border: 1px solid #000DFF !important;
  border-radius: 0 !important;
  -webkit-border-radius: 0 !important;
  -moz-border-radius: 0 !important;
  color: #000DFF !important;
  padding: 0 !important;
  width: 68px !important;
  height: 34px !important;
  min-width: 68px !important;
  max-width: 68px !important;
  min-height: 34px !important;
  max-height: 34px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
  gap: 6px !important;
  text-decoration: none !important;
  text-decoration-line: none !important;
  transition: all 0.2s ease !important;
  font-family: 'Chivo', sans-serif !important;
  font-weight: 100 !important;
  font-size: 14px !important;
  line-height: 34px !important;
  margin: 0 !important;
  --style-border-radius-buttons-primary: 0 !important;
  --style-border-radius-buttons-secondary: 0 !important;
  --menu-top-level-font-color: #000DFF !important;
  --color-foreground: #000DFF !important;
  appearance: none !important;
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
}

.header button[data-testid="cart-drawer-trigger"][aria-current="page"],
.header .account-button.header-actions__action[aria-current="page"] {
  background-color: #D6FAFF !important;
}

/* Desktop: Login first (left), Cart second (right) */
@media screen and (min-width: 750px) {
  /* Ensure header-actions is flex */
  header-actions {
    display: flex !important;
    flex-direction: row !important;
    gap: 10px !important;
    margin-top: 60px !important;
    margin-right: 40px !important;
    margin-left: 0 !important;
  }

  /* Login button comes first (left) */
  .header .account-popover,
  .header anchored-popover-component.account-popover,
  header-component .account-popover,
  header-component anchored-popover-component.account-popover {
    order: 1 !important;
  }

  /* Cart button comes second (right) - Target cart-drawer-component */
  .header cart-drawer-component,
  .header .cart-drawer,
  .header .header-actions__action.action__cart,
  .header .header-actions__action.action__cart a,
  .header button[data-testid="cart-drawer-trigger"],
  .header button[data-testid="cart-drawer-trigger"].header-actions__action,
  header-component cart-drawer-component,
  header-component .cart-drawer,
  header-component .header-actions__action.action__cart,
  header-component .header-actions__action.action__cart a,
  header-component button[data-testid="cart-drawer-trigger"],
  header-component button[data-testid="cart-drawer-trigger"].header-actions__action {
    order: 2 !important;
    margin-right: 0 !important;
  }
}

/* Mobile: Keep Cart first, Login second (but login hidden) */
@media screen and (max-width: 749px) {
  .header .header-actions__action.action__cart,
  .header .header-actions__action.action__cart a,
  .header button[data-testid="cart-drawer-trigger"],
  .header button[data-testid="cart-drawer-trigger"].header-actions__action,
  header-component .header-actions__action.action__cart,
  header-component .header-actions__action.action__cart a,
  header-component button[data-testid="cart-drawer-trigger"],
  header-component button[data-testid="cart-drawer-trigger"].header-actions__action {
    order: 1 !important;
    margin-right: 0 !important;
  }

  .header .account-button.header-actions__action,
  header-component .account-button.header-actions__action {
    order: 2 !important;
  }

  /* Stack nav links vertically on mobile and expand submenus vertically */
  .header .menu-list,
  .header .menu-list__list,
  header-component .menu-list,
  header-component .menu-list__list {
    flex-direction: column !important;
    align-items: flex-start !important;
    width: 100% !important;
    gap: 10px !important;
  }

  .header .menu-list__list-item,
  header-component .menu-list__list-item {
    width: 100% !important;
  }

  .header .menu-list__link,
  .header .menu-list__list-item .menu-list__link,
  header-component .menu-list__link,
  header-component .menu-list__list-item .menu-list__link {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 0 10px 0 !important;
    justify-content: flex-start !important;
  }

  .header .menu-list__list-item > .menu-list__submenu,
  header-component .menu-list__list-item > .menu-list__submenu {
    position: static !important;
    width: 100% !important;
    max-width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
    margin-bottom: 10px !important;
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    height: 0 !important;
    max-height: 0 !important;
    overflow: hidden !important;
  }

  .header .menu-list__list-item.never-hover > .menu-list__submenu,
  .header .menu-list__list-item:has(.menu-list__link[aria-expanded='true']) > .menu-list__submenu,
  .header .menu-list__list-item:has([aria-expanded='true']) > .menu-list__submenu,
  header-component .menu-list__list-item.never-hover > .menu-list__submenu,
  header-component .menu-list__list-item:has(.menu-list__link[aria-expanded='true']) > .menu-list__submenu,
  header-component .menu-list__list-item:has([aria-expanded='true']) > .menu-list__submenu {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    height: auto !important;
    max-height: none !important;
    overflow: visible !important;
  }
}

/* Hide cart icon completely */
.header .header-actions__action.action__cart > cart-icon,
.header .header-actions__action.action__cart cart-icon,
.header .header-actions__action.action__cart .header-actions__cart-icon,
.header .header-actions__action.action__cart cart-icon *,
.header .header-actions__action.action__cart .svg-wrapper,
.header .header-actions__action.action__cart svg,
  .header .header-actions__action.action__cart .cart-bubble,
  .header .header-actions__action.action__cart span,
  .header button[data-testid="cart-drawer-trigger"] > cart-icon,
.header button[data-testid="cart-drawer-trigger"] cart-icon,
.header button[data-testid="cart-drawer-trigger"] .header-actions__cart-icon,
.header button[data-testid="cart-drawer-trigger"] cart-icon *,
.header button[data-testid="cart-drawer-trigger"] .svg-wrapper,
.header button[data-testid="cart-drawer-trigger"] svg,
.header button[data-testid="cart-drawer-trigger"] .cart-bubble,
header-component .header-actions__action.action__cart > cart-icon,
header-component .header-actions__action.action__cart cart-icon,
header-component .header-actions__action.action__cart .header-actions__cart-icon,
header-component .header-actions__action.action__cart cart-icon *,
header-component .header-actions__action.action__cart .svg-wrapper,
header-component .header-actions__action.action__cart svg,
  header-component .header-actions__action.action__cart .cart-bubble,
  header-component .header-actions__action.action__cart span,
  header-component button[data-testid="cart-drawer-trigger"] > cart-icon,
  header-component button[data-testid="cart-drawer-trigger"] cart-icon,
  header-component button[data-testid="cart-drawer-trigger"] .header-actions__cart-icon,
  header-component button[data-testid="cart-drawer-trigger"] cart-icon *,
  header-component button[data-testid="cart-drawer-trigger"] .svg-wrapper,
  header-component button[data-testid="cart-drawer-trigger"] svg,
  header-component button[data-testid="cart-drawer-trigger"] .cart-bubble,
  header-component button[data-testid="cart-drawer-trigger"] span {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  width: 0 !important;
  height: 0 !important;
  overflow: hidden !important;
}

/* Ensure no double Cart text */
.header button[data-testid="cart-drawer-trigger"]::after,
header-component button[data-testid="cart-drawer-trigger"]::after {
  display: none !important;
}

/* Show "Cart" text only - add it as the content */
.header .header-actions__action.action__cart::before,
.header button[data-testid="cart-drawer-trigger"]::before,
header-component .header-actions__action.action__cart::before,
header-component button[data-testid="cart-drawer-trigger"]::before {
  content: 'Cart' !important;
  display: inline-block !important;
  visibility: visible !important;
  opacity: 1 !important;
  position: relative !important;
  width: auto !important;
  height: auto !important;
  color: #000DFF !important;
}

/* Ensure no double Cart text */
.header button[data-testid="cart-drawer-trigger"]::after,
header-component button[data-testid="cart-drawer-trigger"]::after {
  display: none !important;
}

/* Add "Login" text to account button when not logged in */
.header .account-button.header-actions__action:not(:has(.account-button__avatar))::after,
header-component .account-button.header-actions__action:not(:has(.account-button__avatar))::after {
  content: 'Login' !important;
  display: inline-block !important;
  visibility: visible !important;
  opacity: 1 !important;
  position: relative !important;
  color: #000DFF !important;
}

/* Hide login button icon */
.header .account-button.header-actions__action .account-button__icon,
.header .account-button.header-actions__action svg,
.header .account-button.header-actions__action .account-button__icon *,
header-component .account-button.header-actions__action .account-button__icon,
header-component .account-button.header-actions__action svg,
header-component .account-button.header-actions__action .account-button__icon * {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  width: 0 !important;
  height: 0 !important;
  overflow: hidden !important;
}

/* Hide account/login button completely */
.header .account-button.header-actions__action,
header-component .account-button.header-actions__action,
.header .account-popover,
header-component .account-popover,
.header .account-drawer,
header-component .account-drawer {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  width: 0 !important;
  height: 0 !important;
  overflow: hidden !important;
  pointer-events: none !important;
  position: absolute !important;
}

/* Footer text sizing */
footer,
.footer,
footer *,
.footer * {
  font-size: 13px !important;
}

  /* Child links in dropdown on mobile - same as desktop */
  .header .mega-menu__list ul .mega-menu__link,
  .header .mega-menu__list li .mega-menu__link,
  .header .menu-list__submenu ul .mega-menu__link,
  .header .menu-list__submenu li .mega-menu__link,
  header-component .mega-menu__list ul .mega-menu__link,
  header-component .mega-menu__list li .mega-menu__link,
  header-component .menu-list__submenu ul .mega-menu__link,
  header-component .menu-list__submenu li .mega-menu__link {
    background-color: #D9D9D9 !important;
    border: 1px solid #D1D5DB !important;
    border-radius: 0px !important;
    -webkit-border-radius: 0px !important;
    -moz-border-radius: 0px !important;
    color: #000DFF !important;
    padding: 0 !important;
    width: 125px !important;
    height: 35px !important;
    min-width: 125px !important;
    max-width: 125px !important;
    min-height: 35px !important;
    max-height: 35px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    text-decoration: none !important;
    transition: all 0.2s ease !important;
    margin-bottom: 4px !important;
    font-family: 'Chivo', sans-serif !important;
    font-weight: 100 !important;
    font-size: 14px !important;
    line-height: 1 !important;
  }

  .header .mega-menu__link.never-hover:not(.mega-menu__link--parent),
  header-component .mega-menu__link.never-hover:not(.mega-menu__link--parent) {
    background: transparent !important;
    background-color: transparent !important;
    border-color: #D1D5DB !important;
    color: #000DFF !important;
  }
  
  /* Hide mobile hamburger menu drawer and icon */
  .header .header__drawer,
  .header .header__drawer--mobile,
  .header .header__icon--menu,
  .header .header__icon.header__icon--menu,
  header-component .header__drawer,
  header-component .header__drawer--mobile,
  header-component .header__icon--menu,
  header-component .header__icon.header__icon--menu {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    width: 0 !important;
    height: 0 !important;
    overflow: hidden !important;
  }
  
  /* Show desktop menu on mobile - override mobile:hidden class */
  .header header-menu,
  header-component header-menu,
  .header .header-menu,
  header-component .header-menu,
  .header header-menu.mobile\:hidden,
  header-component header-menu.mobile\:hidden,
  .header .header-menu.mobile\:hidden,
  header-component .header-menu.mobile\:hidden {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    width: 100% !important;
    height: auto !important;
  }
  
  /* Ensure menu list is visible on mobile */
  .header .menu-list,
  .header .menu-list__list,
  header-component .menu-list,
  header-component .menu-list__list {
    display: flex !important;
    visibility: visible !important;
    opacity: 1 !important;
  }
  
  .header .header__column--left,
  header-component .header__column--left {
    width: 100% !important;
    max-width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
  }
  
  .header .header__row,
  .header .header__row.section,
  .header .header__row.section--full-width-margin,
  header-component .header__row,
  header-component .header__row.section,
  header-component .header__row.section--full-width-margin {
    padding: 0 !important;
    margin: 0 !important;
    --padding-inline: 0 !important;
    --padding-inline-start: 0 !important;
    --padding-inline-end: 0 !important;
    --page-margin: 0 !important;
  }
  
  .header .header__columns,
  .header .header__columns.spacing-style,
  header-component .header__columns,
  header-component .header__columns.spacing-style {
    padding: 0 !important;
    margin: 0 !important;
    width: 100% !important;
    --padding-inline: 0 !important;
    --padding-inline-start: 0 !important;
    --padding-inline-end: 0 !important;
  }
}

.header .header-logo img,
header-component .header-logo img {
  max-height: 50px !important;
  width: auto !important;
}

/* If logo is text (fallback), style it */
.header .header-logo:not(:has(img)),
header-component .header-logo:not(:has(img)) {
  font-size: 2rem !important;
  font-weight: bold !important;
  color: #FF6B35 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.05em !important;
}

/* Top-level navigation menu items (Blankets, Pillows, Tabletop) - Style like buttons */
@media screen and (min-width: 750px) {
  .header .menu-list__link,
  .header .menu-list__list-item > .menu-list__link,
  .header .menu-list__list-item .menu-list__link,
  .header .menu-list__list-item a.menu-list__link,
  .header .overflow-menu .menu-list__link,
  header-component .menu-list__link,
  header-component .menu-list__list-item > .menu-list__link,
  header-component .menu-list__list-item .menu-list__link,
  header-component .menu-list__list-item a.menu-list__link,
  header-component .overflow-menu .menu-list__link {
    background: #FCC8FF !important;
    background-color: #FCC8FF !important;
    border: 1px solid #000DFF !important;
    border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
    color: #000DFF !important;
    padding: 0 !important;
    width: 125px !important;
    height: 35px !important;
    min-width: 125px !important;
    max-width: 125px !important;
    min-height: 35px !important;
    max-height: 35px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    gap: 6px !important;
    text-decoration: none !important;
    text-decoration-line: none !important;
    transition: all 0.2s ease !important;
    font-family: 'Chivo', sans-serif !important;
    font-weight: 100 !important;
    font-size: 14px !important;
    line-height: 35px !important;
    margin: 0 !important;
    white-space: nowrap !important;
    flex-shrink: 0 !important;
    --style-border-radius-buttons-primary: 0 !important;
    --style-border-radius-buttons-secondary: 0 !important;
    --style-border-radius-inputs: 0 !important;
    --menu-top-level-font-color: #000DFF !important;
    --color-foreground: #000DFF !important;
    appearance: none !important;
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
  }
  
  /* Hover state for nav links - keep visible, just change background */
  .header .menu-list__link.never-hover,
  .header .menu-list__link:focus,
  header-component .menu-list__link.never-hover,
  header-component .menu-list__link:focus {
    background: transparent !important;
    background-color: transparent !important;
    border-color: #9B7ED6 !important;
    color: #000DFF !important;
    /* CRITICAL: Keep link visible on hover */
    display: inline-flex !important;
    visibility: visible !important;
    opacity: 1 !important;
  }
  
  /* CRITICAL: Ensure links stay visible when NOT hovered (normal state) */
  .header .menu-list__link,
  .header .menu-list__link:not(.never-hover):not(:focus),
  header-component .menu-list__link,
  header-component .menu-list__link:not(.never-hover):not(:focus) {
    display: inline-flex !important;
    visibility: visible !important;
    opacity: 1 !important;
  }
}

.header .menu-list__link-title,
header-component .menu-list__link-title {
  color: inherit !important;
  background: none !important;
  border: none !important;
  padding: 0 !important;
}

.header .menu-list__link.never-hover,
.header .menu-list__link:focus,
header-component .menu-list__link.never-hover,
header-component .menu-list__link:focus {
  background: transparent !important;
  background-color: transparent !important;
  border-color: #000DFF !important;
  color: #000DFF !important;
  text-decoration: none !important;
  /* CRITICAL: Keep link visible on hover */
  display: inline-flex !important;
  visibility: visible !important;
  opacity: 1 !important;
}

/* CRITICAL: Ensure links stay visible when NOT hovered (normal state) - override any global rules */
.header .menu-list__link,
.header .menu-list__link:not(.never-hover):not(:focus):not(:active),
header-component .menu-list__link,
header-component .menu-list__link:not(.never-hover):not(:focus):not(:active) {
  display: inline-flex !important;
  visibility: visible !important;
  opacity: 1 !important;
}

/* Global rule: All hover states should have transparent backgrounds */
/* EXCEPT menu links - they should stay visible */
.header *.never-hover:not(.menu-list__link):not(.menu-list__link *),
header-component *.never-hover:not(.menu-list__link):not(.menu-list__link *) {
  background: transparent !important;
  background-color: transparent !important;
}

/* Ensure menu links stay visible on hover - override global rule */
.header .menu-list__link.never-hover,
.header .menu-list__link.never-hover *,
header-component .menu-list__link.never-hover,
header-component .menu-list__link.never-hover * {
  display: inline-flex !important;
  visibility: visible !important;
  opacity: 1 !important;
}

/* Hide AI collection overlay instructions block */
[class^="ai-collection-overlay-"],
[class*=" ai-collection-overlay-"] {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
}

/* Global button hover backgrounds transparent across site */
button.never-hover,
.button.never-hover,
.btn.never-hover,
a.button.never-hover,
a.btn.never-hover,
.shopify-payment-button__button.never-hover,
.shopify-payment-button__more-options.never-hover,
.shopify-payment-button__button--branded.never-hover,
.shopify-payment-button__button--unbranded.never-hover,
.shopify-challenge__button.never-hover,
[role="button"].never-hover {
  background: transparent !important;
  background-color: transparent !important;
}

/* Dropdown indicator for menu items with submenus - override any other styles */
.header .menu-list__link[aria-haspopup="true"]::after,
header-component .menu-list__link[aria-haspopup="true"]::after {
  content: '' !important;
  display: inline-block !important;
  width: 20px !important;
  height: 20px !important;
  margin-left: 6px !important;
  vertical-align: middle !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23000DFF'%3E%3Cpath fill-rule='evenodd' d='M12.53 16.28a.75.75 0 0 1-1.06 0l-7.5-7.5a.75.75 0 0 1 1.06-1.06L12 14.69l6.97-6.97a.75.75 0 1 1 1.06 1.06l-7.5 7.5Z' clip-rule='evenodd'%3E%3C/path%3E%3C/svg%3E") !important;
  background-size: contain !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  font-size: 0 !important;
  color: transparent !important;
}

.header .menu-list__link[aria-expanded="true"]::after,
header-component .menu-list__link[aria-expanded="true"]::after {
  content: '' !important;
  display: inline-block !important;
  width: 20px !important;
  height: 20px !important;
  margin-left: 6px !important;
  vertical-align: middle !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23000DFF'%3E%3Cpath fill-rule='evenodd' d='M11.47 7.72a.75.75 0 0 1 1.06 0l7.5 7.5a.75.75 0 1 1-1.06 1.06L12 9.31l-6.97 6.97a.75.75 0 0 1-1.06-1.06l7.5-7.5Z' clip-rule='evenodd'%3E%3C/path%3E%3C/svg%3E") !important;
  background-size: contain !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  font-size: 0 !important;
  color: transparent !important;
}

/* Hide cart icon completely - target the cart-icon custom element and all its children */
/* Target both direct cart link and cart drawer trigger */
.header .header-actions__action.action__cart > cart-icon,
.header .header-actions__action.action__cart cart-icon,
.header .header-actions__action.action__cart .header-actions__cart-icon,
.header .header-actions__action.action__cart cart-icon *,
.header .header-actions__action.action__cart .svg-wrapper,
.header .header-actions__action.action__cart svg,
.header .header-actions__action.action__cart .cart-bubble,
.header .header-actions__action.action__cart span,
.header button[data-testid="cart-drawer-trigger"] > cart-icon,
.header button[data-testid="cart-drawer-trigger"] cart-icon,
.header button[data-testid="cart-drawer-trigger"] .header-actions__cart-icon,
.header button[data-testid="cart-drawer-trigger"] cart-icon *,
.header button[data-testid="cart-drawer-trigger"] .svg-wrapper,
.header button[data-testid="cart-drawer-trigger"] svg,
.header button[data-testid="cart-drawer-trigger"] .cart-bubble,
.header button[data-testid="cart-drawer-trigger"] span,
header-component .header-actions__action.action__cart > cart-icon,
header-component .header-actions__action.action__cart cart-icon,
header-component .header-actions__action.action__cart .header-actions__cart-icon,
header-component .header-actions__action.action__cart cart-icon *,
header-component .header-actions__action.action__cart .svg-wrapper,
header-component .header-actions__action.action__cart svg,
header-component .header-actions__action.action__cart .cart-bubble,
header-component .header-actions__action.action__cart span,
header-component button[data-testid="cart-drawer-trigger"] > cart-icon,
header-component button[data-testid="cart-drawer-trigger"] cart-icon,
header-component button[data-testid="cart-drawer-trigger"] .header-actions__cart-icon,
header-component button[data-testid="cart-drawer-trigger"] cart-icon *,
header-component button[data-testid="cart-drawer-trigger"] .svg-wrapper,
header-component button[data-testid="cart-drawer-trigger"] svg,
header-component button[data-testid="cart-drawer-trigger"] .cart-bubble,
header-component button[data-testid="cart-drawer-trigger"] span {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  width: 0 !important;
  height: 0 !important;
  overflow: hidden !important;
  position: absolute !important;
  clip: rect(0, 0, 0, 0) !important;
}

/* Old cart hover styles removed - using unified styles above */

/* Make menu list items position relative for dropdown positioning */
.header .menu-list__list-item,
header-component .menu-list__list-item {
  position: relative !important;
}

/* SIMPLE DROPDOWN - Desktop only - clean CSS hover, no clip-path complexity */
@media screen and (min-width: 750px) {
  /* Hide submenu by default - BUT use display:block so it can be measured */
  /* IMPORTANT: Only apply to desktop, not mobile */
  .header .menu-list__list-item > .menu-list__submenu,
  header-component .menu-list__list-item > .menu-list__submenu {
    position: absolute !important;
    top: calc(100% + 4px) !important;
    left: 0 !important;
    width: auto !important;
    min-width: 100% !important;
    max-width: 300px !important;
    z-index: 1000 !important;
    display: block !important;
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
    clip-path: none !important;
    transition: none !important;
  }
  
  /* Ensure mobile rules don't get overridden by desktop */
  @media screen and (max-width: 749px) {
    .header .menu-list__list-item > .menu-list__submenu,
    header-component .menu-list__list-item > .menu-list__submenu {
      position: static !important;
    }
  }
  
  /* CRITICAL: Show submenu on hover - MAXIMUM SPECIFICITY */
  .header .menu-list__list-item.never-hover > .menu-list__submenu,
  .header .menu-list__list-item.never-focus > .menu-list__submenu,
  .header .menu-list__list-item:where(:not([slot='overflow'])).never-hover > .menu-list__submenu,
  .header .menu-list__list-item:where(:not([slot='overflow'])).never-focus > .menu-list__submenu,
  .header .menu-list__list-item:has(.menu-list__link.never-hover) > .menu-list__submenu,
  .header .menu-list__link.never-hover ~ .menu-list__submenu,
  header-component .menu-list__list-item.never-hover > .menu-list__submenu,
  header-component .menu-list__list-item.never-focus > .menu-list__submenu,
  header-component .menu-list__list-item:where(:not([slot='overflow'])).never-hover > .menu-list__submenu,
  header-component .menu-list__list-item:where(:not([slot='overflow'])).never-focus > .menu-list__submenu,
  header-component .menu-list__list-item:has(.menu-list__link.never-hover) > .menu-list__submenu,
  header-component .menu-list__link.never-hover ~ .menu-list__submenu {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    pointer-events: auto !important;
    clip-path: none !important;
    height: auto !important;
    max-height: none !important;
    overflow: visible !important;
    --submenu-content-opacity: 1 !important;
  }
  
  /* Keep submenu visible when hovering over it */
  .header .menu-list__submenu.never-hover,
  .header .menu-list__submenu:is(.never-hover),
  header-component .menu-list__submenu.never-hover,
  header-component .menu-list__submenu:is(.never-hover) {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    pointer-events: auto !important;
    --submenu-content-opacity: 1 !important;
  }
}

/* REMOVED ALL COMPLEX OVERRIDES - Using simple approach above */
/* OLD CODE REMOVED */
@media screen and (min-width: 750px) {
  /* CRITICAL: Match exact selector from _header-menu.liquid line 283 and override everything */
  /* The selector is: .menu-list__list-item:has([aria-expanded='true']) > .menu-list__submenu */
  /* We need to override the clip-path from line 278 which uses var(--submenu-height) */
  .header .menu-list__list-item:has([aria-expanded='true']) > .menu-list__submenu,
  .header .menu-list__list-item.never-hover > .menu-list__submenu,
  .header .menu-list__list-item.never-focus > .menu-list__submenu,
  .header .menu-list__list-item.never-hover:where(:not([slot='overflow'])) > .menu-list__submenu,
  .header .menu-list__list-item:has(.menu-list__link.never-hover) > .menu-list__submenu,
  .header .menu-list__link.never-hover ~ .menu-list__submenu,
  .header .menu-list__list-item:has(.menu-list__link[aria-expanded='true']) > .menu-list__submenu,
  .header .menu-list__list-item:has([aria-expanded='true']):where(:not([slot='overflow'])) > .menu-list__submenu,
  .header .menu-list__submenu:is(.never-hover),
  .header .menu-list__submenu.never-hover,
  header-component .menu-list__list-item:has([aria-expanded='true']) > .menu-list__submenu,
  header-component .menu-list__list-item.never-hover > .menu-list__submenu,
  header-component .menu-list__list-item.never-focus > .menu-list__submenu,
  header-component .menu-list__list-item.never-hover:where(:not([slot='overflow'])) > .menu-list__submenu,
  header-component .menu-list__list-item:has(.menu-list__link.never-hover) > .menu-list__submenu,
  header-component .menu-list__link.never-hover ~ .menu-list__submenu,
  header-component .menu-list__list-item:has(.menu-list__link[aria-expanded='true']) > .menu-list__submenu,
  header-component .menu-list__list-item:has([aria-expanded='true']):where(:not([slot='overflow'])) > .menu-list__submenu,
  header-component .menu-list__submenu:is(.never-hover),
  header-component .menu-list__submenu.never-hover {
    /* CRITICAL: Override visibility from _header-menu.liquid line 270 (hidden) and line 291 (visible) */
    visibility: visible !important;
    /* CRITICAL: Override clip-path from _header-menu.liquid line 278 - it uses var(--submenu-height) */
    /* When --submenu-height is 0, clip-path clips everything. Remove it completely. */
    clip-path: none !important;
    /* Override opacity variables from _header-menu.liquid line 267 (0) and line 289 (1) */
    --submenu-content-opacity: 1 !important;
    /* Ensure display is block (not none) */
    display: block !important;
    opacity: 1 !important;
    width: auto !important;
    height: auto !important;
    max-height: none !important;
    overflow: visible !important;
    position: absolute !important;
    --submenu-opacity: 1 !important;
    /* Override any transform or other hiding properties */
    transform: none !important;
    /* Disable transition that might interfere */
    transition: none !important;
    /* Enable pointer events */
    pointer-events: auto !important;
  }
  
  /* Override the wrapper div that uses var(--submenu-height) for height */
  .header .menu-list__list-item.never-hover .menu-list__submenu,
  .header .menu-list__list-item:has([aria-expanded='true']) .menu-list__submenu,
  header-component .menu-list__list-item.never-hover .menu-list__submenu,
  header-component .menu-list__list-item:has([aria-expanded='true']) .menu-list__submenu,
  .header .menu-list__list-item.never-hover .menu-list__submenu-wrapper,
  .header .menu-list__list-item:has([aria-expanded='true']) .menu-list__submenu-wrapper,
  header-component .menu-list__list-item.never-hover .menu-list__submenu-wrapper,
  header-component .menu-list__list-item:has([aria-expanded='true']) .menu-list__submenu-wrapper {
    height: auto !important;
    max-height: none !important;
  }
  
  /* CRITICAL: Match exact selector from _header-menu.liquid line 283 and override clip-path */
  /* The clip-path uses var(--submenu-height) which may be 0, so we override it completely */
  .header .menu-list__list-item:has([aria-expanded='true']) > .menu-list__submenu,
  .header .menu-list__list-item.never-hover > .menu-list__submenu,
  header-component .menu-list__list-item:has([aria-expanded='true']) > .menu-list__submenu,
  header-component .menu-list__list-item.never-hover > .menu-list__submenu {
    /* Override clip-path from _header-menu.liquid line 278 */
    clip-path: none !important;
    /* Ensure visibility is visible (from _header-menu.liquid line 291) */
    visibility: visible !important;
    /* Override --submenu-content-opacity (from _header-menu.liquid line 289) */
    --submenu-content-opacity: 1 !important;
  }
  
  /* CRITICAL: Set --submenu-height on header-menu element when hovering - JavaScript sets this but may be 0 */
  /* This ensures the clip-path doesn't clip content even if JavaScript hasn't measured yet */
  .header header-menu:has(.menu-list__list-item.never-hover),
  .header header-menu:has(.menu-list__list-item[aria-expanded='true']),
  header-component header-menu:has(.menu-list__list-item.never-hover),
  header-component header-menu:has(.menu-list__list-item[aria-expanded='true']) {
    --submenu-height: 1000px !important;
  }
  
  /* Also override the ::after pseudo-element on overflow-menu that uses var(--submenu-height) */
  .header header-menu:has(.menu-list__list-item.never-hover) .overflow-menu::after,
  .header header-menu:has(.menu-list__list-item[aria-expanded='true']) .overflow-menu::after,
  header-component header-menu:has(.menu-list__list-item.never-hover) .overflow-menu::after,
  header-component header-menu:has(.menu-list__list-item[aria-expanded='true']) .overflow-menu::after {
    height: auto !important;
    max-height: none !important;
    clip-path: none !important;
  }
  
  /* Override the ::after pseudo-element on overflow-menu that uses var(--submenu-height) */
  .header .menu-list__list-item.never-hover ~ .overflow-menu::after,
  .header .menu-list__list-item:has([aria-expanded='true']) ~ .overflow-menu::after,
  .header header-menu:has(.menu-list__list-item.never-hover) .overflow-menu::after,
  .header header-menu:has(.menu-list__list-item[aria-expanded='true']) .overflow-menu::after,
  header-component .menu-list__list-item.never-hover ~ .overflow-menu::after,
  header-component .menu-list__list-item:has([aria-expanded='true']) ~ .overflow-menu::after,
  header-component header-menu:has(.menu-list__list-item.never-hover) .overflow-menu::after,
  header-component header-menu:has(.menu-list__list-item[aria-expanded='true']) .overflow-menu::after {
    height: auto !important;
    max-height: none !important;
    clip-path: none !important;
  }
}

/* FINAL OVERRIDE - Must come after all other styles to override sections/header.liquid */
/* This ensures desktop hover works even if sections/header.liquid styles load after */
@media screen and (min-width: 750px) {
  /* Maximum specificity override for aria-expanded state */
  .header li.menu-list__list-item:has(.menu-list__link[aria-expanded='true']) > .menu-list__submenu,
  .header li.menu-list__list-item:has([aria-expanded='true']) > .menu-list__submenu,
  .header .menu-list__list-item:has(.menu-list__link[aria-expanded='true']) > .menu-list__submenu,
  .header .menu-list__list-item:has([aria-expanded='true']) > .menu-list__submenu,
  header-component li.menu-list__list-item:has(.menu-list__link[aria-expanded='true']) > .menu-list__submenu,
  header-component li.menu-list__list-item:has([aria-expanded='true']) > .menu-list__submenu,
  header-component .menu-list__list-item:has(.menu-list__link[aria-expanded='true']) > .menu-list__submenu,
  header-component .menu-list__list-item:has([aria-expanded='true']) > .menu-list__submenu {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    width: auto !important;
    height: auto !important;
    max-height: none !important;
    overflow: visible !important;
    position: absolute !important;
    --submenu-opacity: 1 !important;
    --submenu-content-opacity: 1 !important;
    --submenu-height: 1000px !important;
    clip-path: none !important;
    transform: none !important;
    transition: none !important;
  }
  
  /* Also ensure hover works */
  .header .menu-list__list-item.never-hover > .menu-list__submenu,
  .header li.menu-list__list-item.never-hover > .menu-list__submenu,
  header-component .menu-list__list-item.never-hover > .menu-list__submenu,
  header-component li.menu-list__list-item.never-hover > .menu-list__submenu {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    width: auto !important;
    height: auto !important;
    max-height: none !important;
    overflow: visible !important;
    position: absolute !important;
    --submenu-opacity: 1 !important;
    --submenu-content-opacity: 1 !important;
    --submenu-height: 1000px !important;
    clip-path: none !important;
    transform: none !important;
    transition: none !important;
  }

  /* Keep submenu visible when hovering over it - match _header-menu.liquid exact selector */
  .header .menu-list__submenu:is(.never-hover),
  .header .menu-list__list-item.never-hover .menu-list__submenu,
  .header .menu-list__list-item.never-hover:where(:not([slot='overflow'])) .menu-list__submenu.never-hover,
  .header .menu-list__list-item.never-hover .menu-list__submenu:is(.never-hover),
  .header .menu-list__list-item.never-focus .menu-list__submenu,
  header-component .menu-list__submenu:is(.never-hover),
  header-component .menu-list__list-item.never-hover .menu-list__submenu,
  header-component .menu-list__list-item.never-hover:where(:not([slot='overflow'])) .menu-list__submenu.never-hover,
  header-component .menu-list__list-item.never-hover .menu-list__submenu:is(.never-hover),
  header-component .menu-list__list-item.never-focus .menu-list__submenu {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    width: auto !important;
    height: auto !important;
    max-height: none !important;
    overflow: visible !important;
    position: absolute !important;
    --submenu-opacity: 1 !important;
    --submenu-content-opacity: 1 !important;
    --submenu-height: 1000px !important;
    /* Override clip-path from _header-menu.liquid to show all content */
    clip-path: inset(0.5px 0 -100px 0) !important;
  }
  
  /* Ensure all submenu children are visible - override CSS variables */
  .header .menu-list__list-item.never-hover .menu-list__submenu *:not(style):not(script),
  .header .menu-list__list-item.never-hover .menu-list__submenu-inner,
  .header .menu-list__list-item.never-hover .mega-menu,
  .header .menu-list__list-item.never-hover .mega-menu *:not(style):not(script),
  .header .menu-list__list-item.never-hover .mega-menu__list,
  .header .menu-list__list-item.never-hover .mega-menu__link,
  .header .menu-list__list-item:has([aria-expanded='true']) .menu-list__submenu *:not(style):not(script),
  .header .menu-list__list-item:has([aria-expanded='true']) .menu-list__submenu-inner,
  .header .menu-list__list-item:has([aria-expanded='true']) .mega-menu,
  .header .menu-list__list-item:has([aria-expanded='true']) .mega-menu *:not(style):not(script),
  header-component .menu-list__list-item.never-hover .menu-list__submenu *:not(style):not(script),
  header-component .menu-list__list-item.never-hover .menu-list__submenu-inner,
  header-component .menu-list__list-item.never-hover .mega-menu,
  header-component .menu-list__list-item.never-hover .mega-menu *:not(style):not(script),
  header-component .menu-list__list-item.never-hover .mega-menu__list,
  header-component .menu-list__list-item.never-hover .mega-menu__link,
  header-component .menu-list__list-item:has([aria-expanded='true']) .menu-list__submenu *:not(style):not(script),
  header-component .menu-list__list-item:has([aria-expanded='true']) .menu-list__submenu-inner,
  header-component .menu-list__list-item:has([aria-expanded='true']) .mega-menu,
  header-component .menu-list__list-item:has([aria-expanded='true']) .mega-menu *:not(style):not(script) {
    visibility: visible !important;
    opacity: 1 !important;
    display: block !important;
    --submenu-content-opacity: 1 !important;
  }
  
  /* Override submenu-inner opacity variable - must match _header-menu.liquid structure */
  .header .menu-list__list-item.never-hover .menu-list__submenu-inner,
  .header .menu-list__list-item:has([aria-expanded='true']) .menu-list__submenu-inner,
  .header .menu-list__submenu.never-hover .menu-list__submenu-inner,
  header-component .menu-list__list-item.never-hover .menu-list__submenu-inner,
  header-component .menu-list__list-item:has([aria-expanded='true']) .menu-list__submenu-inner,
  header-component .menu-list__submenu.never-hover .menu-list__submenu-inner {
    opacity: 1 !important;
    --submenu-content-opacity: 1 !important;
    visibility: visible !important;
  }
  
  /* Override mega-menu content opacity - must match _header-menu.liquid structure */
  .header .menu-list__list-item.never-hover .mega-menu,
  .header .menu-list__list-item:has([aria-expanded='true']) .mega-menu,
  .header .menu-list__submenu.never-hover .mega-menu,
  header-component .menu-list__list-item.never-hover .mega-menu,
  header-component .menu-list__list-item:has([aria-expanded='true']) .mega-menu,
  header-component .menu-list__submenu.never-hover .mega-menu {
    opacity: 1 !important;
    --submenu-content-opacity: 1 !important;
    visibility: visible !important;
  }
  
  /* Override mega-menu link opacity - must match _header-menu.liquid structure */
  .header .menu-list__list-item.never-hover .mega-menu__link,
  .header .menu-list__list-item:has([aria-expanded='true']) .mega-menu__link,
  .header .menu-list__submenu.never-hover .mega-menu__link,
  header-component .menu-list__list-item.never-hover .mega-menu__link,
  header-component .menu-list__list-item:has([aria-expanded='true']) .mega-menu__link,
  header-component .menu-list__submenu.never-hover .mega-menu__link {
    opacity: 1 !important;
    --submenu-content-opacity: 1 !important;
    visibility: visible !important;
  }
}

.header .menu-list__submenu-inner,
header-component .menu-list__submenu-inner {
  background-color: transparent !important;
  background: transparent !important;
  padding: 0 !important;
  width: auto !important;
}

/* Remove any white backgrounds from submenu containers */
.header .menu-list__submenu,
.header .menu-list__submenu *:not(style):not(script),
header-component .menu-list__submenu,
header-component .menu-list__submenu *:not(style):not(script) {
  background-color: transparent !important;
  background: transparent !important;
}

/* Ensure mega menu has no background */
.header .mega-menu,
.header .mega-menu *:not(style):not(script),
header-component .mega-menu,
header-component .mega-menu *:not(style):not(script) {
  background-color: transparent !important;
  background: transparent !important;
}

/* Mega menu container - make it compact and transparent */
.header .mega-menu,
header-component .mega-menu {
  width: auto !important;
  min-width: 100% !important;
  background-color: transparent !important;
}

.header .mega-menu__grid,
header-component .mega-menu__grid {
  width: auto !important;
  min-width: 100% !important;
  background-color: transparent !important;
  padding: 0 !important;
  margin: 0 !important;
}

.header .mega-menu__list,
header-component .mega-menu__list {
  width: auto !important;
  min-width: 100% !important;
  display: block !important;
  background-color: transparent !important;
  padding: 0 !important;
  margin: 0 !important;
}

/* Remove white background from overflow menu pseudo-element */
.header .overflow-menu::after,
header-component .overflow-menu::after {
  background-color: transparent !important;
  box-shadow: none !important;
}

/* Ensure all submenu elements are transparent */
.header .menu-list__list-item:where(:not([slot='overflow'])) > .menu-list__submenu,
header-component .menu-list__list-item:where(:not([slot='overflow'])) > .menu-list__submenu {
  background-color: transparent !important;
}

/* Overflow menu part - make transparent */
.header .overflow-menu::part(overflow),
header-component .overflow-menu::part(overflow) {
  background-color: transparent !important;
}

/* Child links in dropdown - gray buttons stacked vertically */
.header .mega-menu__list ul .mega-menu__link,
.header .mega-menu__list li .mega-menu__link,
.header .menu-list__submenu ul .mega-menu__link,
.header .menu-list__submenu li .mega-menu__link,
.header .mega-menu__list ul li a.mega-menu__link,
header-component .mega-menu__list ul .mega-menu__link,
header-component .mega-menu__list li .mega-menu__link,
header-component .menu-list__submenu ul .mega-menu__link,
header-component .menu-list__submenu li .mega-menu__link,
header-component .mega-menu__list ul li a.mega-menu__link {
  background-color: #D9D9D9 !important;
  border: 1px solid #000DFF !important;
  border-radius: 0px !important;
  -webkit-border-radius: 0px !important;
  -moz-border-radius: 0px !important;
  color: #000DFF !important;
  padding: 0 !important;
  width: 125px !important;
  height: 35px !important;
  min-width: 125px !important;
  max-width: 125px !important;
  min-height: 35px !important;
  max-height: 35px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
  text-decoration: none !important;
  transition: all 0.2s ease !important;
  margin-bottom: 4px !important;
  font-family: 'Chivo', sans-serif !important;
  font-weight: 100 !important;
  font-size: 14px !important;
  line-height: 1 !important;
}

/* Don't style parent links in mega menu as gray buttons */
.header .mega-menu__link--parent,
header-component .mega-menu__link--parent {
  background-color: transparent !important;
  border: none !important;
  color: inherit !important;
  padding: 0 !important;
  margin-bottom: 0 !important;
}

.header .mega-menu__link-title,
header-component .mega-menu__link-title {
  color: inherit !important;
  background: none !important;
  border: none !important;
  padding: 0 !important;
  display: block !important;
  width: 100% !important;
  text-align: center !important;
  line-height: 2.5 !important;
  margin: 0 !important;
}

.header .mega-menu__link.never-hover:not(.mega-menu__link--parent),
header-component .mega-menu__link.never-hover:not(.mega-menu__link--parent) {
  background: transparent !important;
  background-color: transparent !important;
  border-color: #D1D5DB !important;
  color: #000DFF !important;
}

/* Global rule: All hover states should have transparent backgrounds */
/* EXCEPT menu links - they should stay visible (duplicate rule - already fixed above) */
.header *.never-hover:not(.menu-list__link):not(.menu-list__link *),
header-component *.never-hover:not(.menu-list__link):not(.menu-list__link *) {
  background: transparent !important;
  background-color: transparent !important;
}

/* Active/selected child links - light blue background */
.header .mega-menu__link--active,
.header .mega-menu__link[aria-current="page"],
.header .menu-list__submenu .mega-menu__link--active,
.header .menu-list__submenu .mega-menu__link[aria-current="page"],
header-component .mega-menu__link--active,
header-component .mega-menu__link[aria-current="page"],
header-component .menu-list__submenu .mega-menu__link--active,
header-component .menu-list__submenu .mega-menu__link[aria-current="page"],
.header .menu-list__link--active,
.header .menu-list__link[aria-current="page"],
header-component .menu-list__link--active,
header-component .menu-list__link[aria-current="page"] {
  background-color: #D6FAFF !important;
  border: 1px solid #D1D5DB !important;
  color: #000DFF !important;
}

/* Ensure dropdowns show on hover - allow multiple to be open - DESKTOP ONLY */
/* REMOVED - Using simpler rule above */

/* Show submenu when hovering over the link itself - DESKTOP ONLY */
@media screen and (min-width: 750px) {
  .header .menu-list__link.never-hover ~ .menu-list__submenu,
  .header .menu-list__list-item:has(.menu-list__link.never-hover) > .menu-list__submenu,
  header-component .menu-list__link.never-hover ~ .menu-list__submenu,
  header-component .menu-list__list-item:has(.menu-list__link.never-hover) > .menu-list__submenu {
    visibility: visible !important;
    opacity: 1 !important;
    display: block !important;
    pointer-events: auto !important;
  }
}

/* Show submenu when link has aria-expanded='true' (clicked state) */
.header .menu-list__list-item:has(.menu-list__link[aria-expanded='true']) > .menu-list__submenu,
.header .menu-list__list-item:has([aria-expanded='true']) > .menu-list__submenu,
header-component .menu-list__list-item:has(.menu-list__link[aria-expanded='true']) > .menu-list__submenu,
header-component .menu-list__list-item:has([aria-expanded='true']) > .menu-list__submenu {
  visibility: visible !important;
  opacity: 1 !important;
  display: block !important;
}

/* Keep submenu visible when hovering over it */
.header .menu-list__submenu.never-hover,
.header .menu-list__list-item.never-hover .menu-list__submenu,
header-component .menu-list__submenu.never-hover,
header-component .menu-list__list-item.never-hover .menu-list__submenu {
  visibility: visible !important;
  opacity: 1 !important;
  display: block !important;
}

/* Remove column layout from mega menu for simple vertical dropdown */
.header .mega-menu__column,
header-component .mega-menu__column {
  width: 100% !important;
  display: block !important;
  padding: 0 !important;
  margin: 0 !important;
}

.header .mega-menu__list ul,
header-component .mega-menu__list ul {
  column-count: 1 !important;
  display: block !important;
  width: 100% !important;
  padding: 0 !important;
  margin: 0 !important;
  list-style: none !important;
}

/* Desktop: Menu list horizontal layout - 3 across with 10px spacing */
@media screen and (min-width: 750px) {
  .header .menu-list,
  header-component .menu-list,
  .header .header__column--left .menu-list,
  header-component .header__column--left .menu-list,
  .header header-menu .menu-list,
  header-component header-menu .menu-list {
    display: flex !important;
    flex-direction: row !important;
    gap: 10px !important;
    align-items: flex-start !important;
    justify-content: flex-start !important;
    flex-wrap: nowrap !important;
    margin: 0 !important;
    padding: 0 !important;
  }
}

@media screen and (min-width: 750px) {
  .header .menu-list,
  header-component .menu-list {
    min-width: auto !important;
    max-width: none !important;
    width: auto !important;
  }

  /* Force overflow-list to show all items */
  .header overflow-list::part(list) li,
  header-component overflow-list::part(list) li {
    display: list-item !important;
    visibility: visible !important;
    opacity: 1 !important;
  }
}

/* Desktop: Ensure menu-list__list is horizontal with 10px spacing */
@media screen and (min-width: 750px) {
  .header .menu-list__list,
  header-component .menu-list__list,
  .header .header__column--left .menu-list__list,
  header-component .header__column--left .menu-list__list,
  .header header-menu .menu-list__list,
  header-component header-menu .menu-list__list {
    display: flex !important;
    flex-direction: row !important;
    gap: 10px !important;
    justify-content: flex-start !important;
    align-items: flex-start !important;
    flex-wrap: nowrap !important;
    margin: 0 !important;
    padding: 0 !important;
  }
}

/* Right column actions - horizontal layout */
.header .header__column--right,
header-component .header__column--right {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  gap: 10px !important;
}

.header__column--right header-actions {
  margin-inline-start: 0 !important;
}

/* Ensure dropdowns/submenus are visible and working */
.header .menu-list__submenu,
.header .overflow-menu::part(overflow),
header-component .menu-list__submenu,
header-component .overflow-menu::part(overflow) {
  border-radius: 0 !important;
}

.header .menu-list__submenu-inner,
.header .mega-menu,
header-component .menu-list__submenu-inner,
header-component .mega-menu {
  border-radius: 0 !important;
}

/* Ensure all buttons and menu-related elements have no border radius - override CSS variables */
.header .menu-list__link,
.header .header-actions__action,
.header .mega-menu__link,
.header .menu-list__submenu,
.header .overflow-menu,
header-component .menu-list__link,
header-component .header-actions__action,
header-component .mega-menu__link,
header-component .menu-list__submenu,
header-component .overflow-menu {
  border-radius: 0px !important;
  -webkit-border-radius: 0px !important;
  -moz-border-radius: 0px !important;
  --style-border-radius-buttons-primary: 0 !important;
  --style-border-radius-buttons-secondary: 0 !important;
  --style-border-radius-inputs: 0 !important;
}

/* Override any existing color schemes that might interfere */
.header .menu-list__link,
.header .header-actions__action,
header-component .menu-list__link,
header-component .header-actions__action {
  --menu-top-level-font-color: #000DFF !important;
  --color-foreground: #000DFF !important;
}

/* Center text within child dropdown links */
.header .mega-menu__link,
header-component .mega-menu__link {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
}

/* Ensure dropdowns show on hover/click - don't hide them */
.header .menu-list__list-item.never-hover .menu-list__submenu,
.header .menu-list__list-item[aria-expanded='true'] .menu-list__submenu,
.header .menu-list__submenu.never-hover,
header-component .menu-list__list-item.never-hover .menu-list__submenu,
header-component .menu-list__list-item[aria-expanded='true'] .menu-list__submenu,
header-component .menu-list__submenu.never-hover {
  visibility: visible !important;
  opacity: 1 !important;
  display: block !important;
}

/* Hide the "More" link completely */
.header .menu-list__list-item[slot="more"],
header-component .menu-list__list-item[slot="more"],
.header .menu-list__list-item[slot="more"] *,
header-component .menu-list__list-item[slot="more"] *,
.header overflow-list slot[name="more"],
header-component overflow-list slot[name="more"],
.header overflow-list::part(more),
header-component overflow-list::part(more) {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  width: 0 !important;
  height: 0 !important;
  overflow: hidden !important;
  pointer-events: none !important;
  position: absolute !important;
  clip: rect(0, 0, 0, 0) !important;
}

/* Disable any dim/fade on hover for header/menu/actions */
.header {
  --opacity-subdued-text: 1 !important;
}
.header__column header-menu,
.header__column .header-actions__action,
header-component .header__column header-menu,
header-component .header__column .header-actions__action {
  opacity: 1 !important;
  transition: none !important;
}



/* FINAL SIMPLE OVERRIDE - Must come at the very end to override everything */
/* Match exact selector from _header-menu.liquid line 265 to ensure we override it */
@media screen and (min-width: 750px) {
  /* Match exact selector from _header-menu.liquid: .menu-list__list-item:where(:not([slot='overflow'])) > .menu-list__submenu */
  .header .menu-list__list-item:where(:not([slot='overflow'])).never-hover > .menu-list__submenu,
  .header .menu-list__list-item:where(:not([slot='overflow'])).never-focus > .menu-list__submenu,
  header-component .menu-list__list-item:where(:not([slot='overflow'])).never-hover > .menu-list__submenu,
  header-component .menu-list__list-item:where(:not([slot='overflow'])).never-focus > .menu-list__submenu,
  /* Also match the aria-expanded selector from _header-menu.liquid line 283 */
  .header .menu-list__list-item:has([aria-expanded='true']):where(:not([slot='overflow'])) > .menu-list__submenu,
  header-component .menu-list__list-item:has([aria-expanded='true']):where(:not([slot='overflow'])) > .menu-list__submenu {
    /* Override visibility from _header-menu.liquid line 270 */
    visibility: visible !important;
    /* Override clip-path from _header-menu.liquid line 278 - it uses var(--submenu-height) */
    clip-path: none !important;
    /* Override --submenu-content-opacity from _header-menu.liquid line 267 */
    --submenu-content-opacity: 1 !important;
    /* Ensure display is block */
    display: block !important;
    opacity: 1 !important;
    pointer-events: auto !important;
  }
  
  /* Keep submenu visible when hovering over it - match _header-menu.liquid line 287 */
  .header .menu-list__submenu:is(.never-hover),
  header-component .menu-list__submenu:is(.never-hover) {
    visibility: visible !important;
    clip-path: none !important;
    --submenu-content-opacity: 1 !important;
    display: block !important;
    opacity: 1 !important;
  }
}

/* FINAL DESKTOP NAVIGATION OVERRIDE - FORCED 3 ACROSS */
@media screen and (min-width: 750px) {
  .header .header__column--left header-menu,
  header-component .header__column--left header-menu,
  .header header-menu,
  header-component header-menu {
    display: block !important;
    width: auto !important;
    min-width: 450px !important;
    max-width: none !important;
  }

  .header .menu-list,
  .header .menu-list__list,
  header-component .menu-list,
  header-component .menu-list__list,
  .header overflow-list,
  header-component overflow-list {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    justify-content: flex-start !important;
    align-items: flex-start !important;
    gap: 10px !important;
    width: auto !important;
    min-width: 450px !important;
    max-width: none !important;
  }

  /* Target the shadow DOM part directly with high specificity */
  .header overflow-list::part(list),
  header-component overflow-list::part(list) {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    gap: 10px !important;
    width: auto !important;
    min-width: 450px !important;
  }

  .header .menu-list__list-item,
  header-component .menu-list__list-item {
    display: inline-flex !important;
    flex-direction: row !important;
    flex: 0 0 125px !important;
    width: 125px !important;
    min-width: 125px !important;
    max-width: 125px !important;
    height: 35px !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  .header .menu-list__link,
  header-component .menu-list__link {
    width: 125px !important;
    height: 35px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
  }
  
  /* Hide submenus until hover */
  .header .menu-list__submenu,
  header-component .menu-list__submenu {
    display: none !important;
  }
  
  .header .menu-list__list-item.never-hover > .menu-list__submenu,
  header-component .menu-list__list-item.never-hover > .menu-list__submenu {
    display: block !important;
    position: absolute !important;
    top: 100% !important;
    left: 0 !important;
  }
}

/* RE-OVERRIDE FOR DESKTOP NAVIGATION - FORCE DISPLAY CONTENTS ON SLOTS */
@media screen and (min-width: 750px) {
  .header overflow-list slot:not([name]),
  header-component overflow-list slot:not([name]) {
    display: contents !important;
  }
  
  .header overflow-list,
  header-component overflow-list {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    width: auto !important;
    min-width: 450px !important;
  }
}

/* MOBILE NAVIGATION STACKING AND ACCORDION */
@media screen and (max-width: 749px) {
  /* Stack the main navigation row vertically */
  .header .header__columns,
  header-component .header__columns {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    width: 100% !important;
  }

  /* Ensure the left column (containing the menu) is full width */
  .header .header__column--left,
  header-component .header__column--left {
    width: 100% !important;
    order: 2 !important; /* Move below logo */
  }

  /* Stack the menu containers */
  .header .menu-list,
  .header .menu-list__list,
  header-component .menu-list,
  header-component .menu-list__list,
  .header overflow-list,
  header-component overflow-list {
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
    min-width: 0 !important;
    gap: 0 !important; /* No gap, use padding/margin on items */
    flex-wrap: nowrap !important;
  }

  /* Style each parent nav item */
  .header .menu-list__list-item,
  header-component .menu-list__list-item {
    width: 100% !important;
    max-width: none !important;
    flex: 0 0 auto !important;
    display: flex !important;
    flex-direction: column !important;
    margin: 0 !important;
  }

  /* Style the parent links to fill width and space content */
  .header .menu-list__link,
  header-component .menu-list__link {
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    justify-content: space-between !important;
    padding: 16px !important;
    height: auto !important;
    min-height: 56px !important;
    background: transparent !important;
    border: none !important;
    text-align: left !important;
  }

  /* Position the caret indicator at the far right */
  .header .menu-list__link[aria-haspopup="true"]::after,
  header-component .menu-list__link[aria-haspopup="true"]::after {
    margin-left: auto !important;
  }

  /* Reset submenus for accordion behavior */
  .header .menu-list__submenu,
  header-component .menu-list__submenu {
    position: static !important;
    display: none; /* Initially hidden, toggled by JS */
    width: 100% !important;
    max-width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
    visibility: visible !important;
    opacity: 1 !important;
    height: auto !important;
    overflow: hidden !important;
    background: transparent !important; /* Made transparent */
    box-shadow: none !important;
    border: none !important;
    clip-path: none !important;
    transform: none !important;
  }

  /* Style child links inside the accordion */
  .header .mega-menu__link,
  header-component .mega-menu__link,
  .header .menu-list__submenu a {
    width: 100% !important;
    margin: 0 !important;
    padding: 12px 16px 12px 32px !important; /* Indent child links */
    display: flex !important;
    background: transparent !important;
    border: none !important;
    border-bottom: 1px solid #000DFF !important;
    color: #000DFF !important;
    font-size: 14px !important;
    text-align: left !important;
  }

  /* Hide the "more" slot on mobile as we stack everything */
  .header overflow-list slot[name="more"],
  header-component overflow-list slot[name="more"] {
    display: none !important;
  }
}

/* ============================================
   Page Content Styles
   ============================================ */

/* Main page content - left align and max width */
.section-wrapper .rte,
.section-wrapper rte-formatter,
.section-content-wrapper .rte,
.section-content-wrapper rte-formatter {
  text-align: left !important;
  max-width: 800px !important;
}

/* Ensure all elements within page content are left aligned */
.section-wrapper .rte *,
.section-wrapper rte-formatter *,
.section-content-wrapper .rte *,
.section-content-wrapper rte-formatter * {
  text-align: left !important;
}

/* Keep images responsive but never larger than their actual size */
.section-wrapper .rte img,
.section-wrapper rte-formatter img,
.section-content-wrapper .rte img,
.section-content-wrapper rte-formatter img {
  max-width: min(100%, max-content) !important;
  width: auto !important;
  height: auto !important;
}