@media screen and (min-width: 768px) {
  body:has(main#MainContent > .shopify-section:first-child [data-hero-overlap="true"]) {

    .header-section {
      --header-bg: transparent;
      --header-fg: #fff;
      background-color: var(--header-bg);
      transition: background-color var(--animation-default);
    }

    .header-section :is(.menu__item,
      .menu__item a,
      .menu__item-text,
      .header__buttons,
      .header__buttons a,
      .icon,
      svg):not(.hightlight-link--text_color):not(.hightlight-link--star_twinkle):not(.hightlight-link--wave_underline):not(:has(.hightlight-link--text_color)):not(:has(.hightlight-link--star_twinkle)):not(:has(.hightlight-link--wave_underline)) {
      color: var(--header-fg);
      transition: color var(--animation-default);
    }

    /* Ensure highlight links maintain their colors in transparent header */
    .header-section .hightlight-link--text_color,
    .header-section .hightlight-link--star_twinkle,
    .header-section .hightlight-link--wave_underline,
    .header-section .hightlight-link--text_color .menu__item-text,
    .header-section .hightlight-link--star_twinkle .menu__item-text,
    .header-section .hightlight-link--wave_underline .menu__item-text {
      color: var(--hl-link-color, rgb(var(--color-primary))) !important;
    }

    .header-section .icon.icon-search {
      color: #324649 !important;
    }

    .header-section.header--transparent:not(.header-scrolled) {
      --header-bg: transparent;
      --header-fg: #fff;
    }

    .header-section.header-sticky.header-scrolled, 
    .header-section.header--sticky.header-scrolled,
    .header-section.dropdown-open {
      --header-bg: #fff;
      --header-fg: rgb(var(--color-foreground));
    }
    .header-section.header-sticky.header-scrolled .account-button svg,
    .header-section.header-sticky.header-scrolled .cart-icon svg {
      color: #324649 !important;
    }

    .header__top {
      background-color: transparent;
    }

    main.header-sticky__always {
      margin-top: calc(0px - (var(--header-height) + var(--topbar-height, 0px)));
    }
  }
}
.search__field .form-control {
  font-size: 1.4rem;
}