/** Shopify CDN: Minification failed

Line 471:23 Unexpected "{"
Line 471:33 Expected ":"
Line 476:23 Unexpected "{"
Line 476:33 Expected ":"
Line 480:23 Unexpected "{"
Line 480:33 Expected ":"
Line 484:23 Unexpected "{"
Line 484:33 Expected ":"
Line 490:23 Unexpected "{"
Line 490:33 Expected ":"
... and 1 more hidden warnings

**/
@media screen and (min-width: 990px) {

  /* Hide desktop menu items */
  .main-menu,
  .main-nav,
  .main-nav > li,
  .main-nav__item,
  .main-nav__item--primary,
  .main-nav__item-content {
    display: none !important;
  }

}

/* Remove the "All" dropdown button */
.custom-select__btn,
#product_types-button {
  display: none !important;
}
/* Remove dead space left by hidden dropdown */
.custom-select.relative.w-full.no-js-hidden {
  display: none !important;
}

.header__search,
.predictive-search,
.search {
  gap: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
}
/* Remove ENTIRE product type wrapper */
#product_types,
.search__product-types,
custom-select#product_types {
  display: none !important;
  width: 0 !important;
  min-width: 0 !important;
  max-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
}

/* Remove left spacing added for it */
.search__input,
#header-search {
  padding-left: 14px !important;
}

/* More compact search bar + shift slightly down */
.header__search {
  margin-top: 10px !important;
}

#header-search {
  height: 40px !important;
  min-height: 40px !important;

  padding: 0 14px !important;

  font-size: 13px !important;

  border-radius: 10px !important;
}

/* ONLY force the header background black */
store-header.header,
.header,
.header__grid {
  background: #000000 !important;
}

@media screen and (min-width: 990px) {

  /* Swap logo + burger positions */
  .header__grid {
    display: flex !important;
    align-items: center !important;
  }

  .header__logo {
    order: 2 !important;
    margin-left: 18px !important;
  }

  .header__search {
    order: 1 !important;
    margin-right: 18px !important;
  }

  /* Smaller desktop logo */
  .header__logo img,
  .header__logo .logo__link img {
    width: 190px !important;
    max-width: 190px !important;
    height: auto !important;
  }

  /* Keep burger aligned nicely */
  #desktop-popup-menu-sections--27243452924185__header {
    margin-right: 10px !important;
  }

}

@media screen and (min-width: 990px) {

  /* Less wide search bar */
  .header__search {
    max-width: 520px !important;
    width: 100% !important;

    margin-left: auto !important;
    margin-right: auto !important;
  }

  /* Center header layout */
  .header__grid {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 28px !important;
  }

  /* Center logo */
  .header__logo {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;

    margin: 0 auto !important;
  }

  /* Smaller centered logo */
  .header__logo img,
  .header__logo .logo__link img {
    width: 190px !important;
    max-width: 190px !important;
    height: auto !important;

    display: block !important;
    margin: 0 auto !important;
  }

}

/* Remove "Expert help" CTA completely */
.secondary-nav__cta{
  display: none !important;
}

/* Stack mobile contact items with spacing */
.mobile-contact{
  display:flex !important;
  flex-direction:column !important;
  gap:10px !important;
  margin-top:20px;
  color:#eda303;
}

/* Fallback */
.mobile-contact__item{
  display:flex !important;
  align-items:center !important;
  gap:8px !important; /* space between icon and text */
  margin-bottom:10px !important;
  color:#eda303;
}

/* FIX SEARCH DROPDOWN WIDTH / BROKEN LAYOUT */
.header__search,
.predictive-search,
.search {
  position: relative !important;
  overflow: visible !important;
}

.predictive-search,
.predictive-search__results,
.predictive-search-results,
.search__results {
  width: 100% !important;
  max-width: 520px !important;
  min-width: 520px !important;
  left: 0 !important;
  right: auto !important;
  box-sizing: border-box !important;
}

/* Make the dropdown content use full width */
.predictive-search * {
  box-sizing: border-box !important;
}

/* Stop product results from being squeezed */
.predictive-search__item,
.predictive-search-results__item,
.search-result,
.search-results__item {
  width: 100% !important;
  max-width: 100% !important;
}

/* Fix product title column being too narrow */
.predictive-search__item-content,
.predictive-search-results__item-content,
.search-result__content {
  width: auto !important;
  max-width: none !important;
  min-width: 0 !important;
  white-space: normal !important;
}

/* Desktop only: keep dropdown under search bar */
@media screen and (min-width: 990px) {
  .header__search {
    width: 520px !important;
    max-width: 520px !important;
    flex: 0 0 520px !important;
  }

  .predictive-search,
  .predictive-search__results,
  .predictive-search-results,
  .search__results {
    width: 520px !important;
    max-width: 520px !important;
    min-width: 520px !important;
  }
}
/* SEARCH FIX - dropdown appears without breaking header */
@media screen and (min-width: 990px) {
  .header__search {
    position: relative !important;
    width: 520px !important;
    max-width: 520px !important;
    flex: 0 0 520px !important;
    overflow: visible !important;
    z-index: 9999 !important;
  }

  .header__search predictive-search,
  .header__search .predictive-search,
  .header__search .search {
    position: relative !important;
    overflow: visible !important;
    width: 100% !important;
  }

  .header__search .predictive-search__results,
  .header__search .predictive-search-results,
  .header__search .search__results,
  .header__search [id*="predictive-search-results"] {
    position: absolute !important;
    top: calc(100% + 6px) !important;
    left: 0 !important;
    right: auto !important;
    display: block !important;

    width: 520px !important;
    min-width: 520px !important;
    max-width: 520px !important;

    max-height: 460px !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;

    z-index: 999999 !important;
  }

  .header,
  .header__grid {
    overflow: visible !important;
  }
}
/* Make predictive search dropdown background fully black */
.predictive-search__results,
.predictive-search-results,
.search__results,
[id*="predictive-search-results"]{
  background:#000000 !important;
  background-color:#000000 !important;
}

/* Make inner areas black too */
.predictive-search,
.predictive-search *{
  background-color:#000000 !important;
}
/* Make search result prices white */
.predictive-search .price,
.predictive-search .money,
.predictive-search__item-price,
.predictive-search-results .price,
.predictive-search-results .money,
.search__results .price,
.search__results .money{
  color:#ffffff !important;
  opacity:1 !important;
}

/* MOBILE SEARCH FIX */
@media screen and (max-width: 989px){

  .header__search{
    overflow:visible !important;
  }

  .predictive-search,
  .search{
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    overflow:visible !important;
  }

  .predictive-search__results,
  .predictive-search-results,
  .search__results,
  [id*="predictive-search-results"]{
    left:0 !important;
    right:0 !important;
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;

    overflow-x:hidden !important;
    box-sizing:border-box !important;
  }

}
/* Force search prices white */
.predictive-search .price_default,
.predictive-search .price,
.predictive-search .money,
.predictive-search [class*="price"]{
  color:#ffffff !important;
}


/* FORCE ENTIRE DESKTOP HEADER CONTENT CENTERED */
@media (min-width: 990px){

  .header,
  .header__grid{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:40px !important;
  }

  .header__logo,
  .header__heading,
  .header__heading-link{
    position:absolute !important;
    left:50% !important;
    transform:translateX(-50%) !important;
    margin:0 !important;
  }

  .header__icons{
    margin-left:auto !important;
  }

}

/* Bigger desktop logo */
@media (min-width: 990px){

  .header__logo .logo__link span{
    max-width: 240px !important;
  }

  .header__logo img{
    width: 240px !important;
    max-width: 240px !important;
    height: auto !important;
  }

}

/* Desktop header layout */
@media (min-width: 990px){

  /* PERFECTLY CENTER LOGO */
  .header__logo{
    position:absolute !important;
    left:50% !important;
    transform:translateX(-50%) !important;
    margin:0 !important;
    z-index:5 !important;
  }

  /* SHIFT BURGER + SEARCH MORE LEFT */
  .header__grid > *:first-child{
    transform:translateX(-70px) !important;
  }

}


@media (min-width: 990px) {
  .header__search {
    max-width: 380px;
    flex-shrink: 1;
    flex-grow: 0;
  }

  .header__search predictive-search,
  .header__search .predictive-search,
  .header__search > *:last-child {
    min-width: 0;
    width: 100%;
  }
}
@media (min-width: 990px) {

  .header__search input,
  .header__search input[type="search"],
  .header__search #header-search {
    padding-right: 14px !important;
  }

  .header__search speech-search-button,
  .header__search .search__speech {
    right: 120px !important;
    left: auto !important;
    transform: none !important;
    margin: 0 !important;
  }


  @media (min-width: 990px) {
  .header__search predictive-search,
  .header__search .predictive-search,
  .header__search form,
  .header__search .search {
    max-width: 360px !important;
  }

  .header__search speech-search-button,
  .header__search .search__speech {
    right: 8px !important;
  }

  .header__search input,
  .header__search input[type="search"],
  .header__search #header-search {
    padding-right: 34px !important;
  }
}

@media screen and (min-width: 990px) {

  #desktop-popup-menu-{{ popup_id }} .desktop-popup-body {
    scrollbar-width: thin;
    scrollbar-color: #000 #fff;
  }

  #desktop-popup-menu-{{ popup_id }} .desktop-popup-body::-webkit-scrollbar {
    width: 10px !important;
  }

  #desktop-popup-menu-{{ popup_id }} .desktop-popup-body::-webkit-scrollbar-track {
    background: #fff !important;
  }

  #desktop-popup-menu-{{ popup_id }} .desktop-popup-body::-webkit-scrollbar-thumb {
    background: #000 !important;
    border-radius: 999px !important;
    border: 0 !important;
  }

  #desktop-popup-menu-{{ popup_id }} .desktop-popup-body::-webkit-scrollbar-thumb:hover {
    background: #000 !important;
  }

