.section-header {
      
        --header-transparent-background-color: transparent;
  }
  .header {
    padding: 5px 3rem 5px 3rem;
    --nav-font-size-first-level : 1.6rem;
    --nav-font-size-second-level : 1.4rem;
  }
  body:has(.advanced-main-product-section) .header {
    --page-width: 128rem;
  }
  @media all and (min-width: 1280) {
    .header {
       min-width: 128rem;
    }
  }
  .section-header:has(sticky-header) {
    position: sticky; /* This is for fixing a Safari z-index issue. PR #2147 */
    margin-bottom: 0px;
  }

  @media screen and (min-width: 750px) {
    .section-header {
      margin-bottom: 0px;
      
        --header-transparent-background-color: transparent;
    }
  }

  @media screen and (min-width: 990px) {
    .header {
      --nav-font-size-first-level : 1.6rem;
      --nav-font-size-second-level : 1.8rem;
    }
  }
  @media screen and (min-width: 750px) {
    .header {
      padding-top: 8px;
      padding-bottom: 8px;
    }
  }
  @media screen and (min-width: 1510px) {
    .header {
      padding-top: min(4.3vmin, 25.84px);
      padding-bottom: min(3.8vmin, 23.36px);
    }
  }
  @media screen and (min-width: 1918px) {
    .header {
      padding-top: min(3.6vmin, 23.36px);
      padding-bottom: min(3.8vmin, 25.84px);
    }
  }