.transparent.homeheader {
    --main: rgba(255, 255, 255, 1);
    --transparent: rgba(255, 255, 255,0); 
    --dxp-g-root: var(--transparent);
    --com-c-layout-header-overlay-color: rgba(0,0,0,0);
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1;
    transition: background-color 500ms linear;
}

.transparent.homeheader::after {
    content: '';
    display: block;
    position: fixed;
    width: 100%;
    height: 300px;
    background: linear-gradient(180deg, var(--main), var(--transparent));
    top: 0;
}
.header-content {
    transition: background-color 500ms linear;
}

.scrolled.transparent.homeheader {
    --dxp-g-root: var(--main);
}

.transparent .dropdown-ctn.slds-dropdown {
    --dxp-g-root: var(--main);
}


.transparent .exp-mega-menu__nav-content-container {
    
    --dxp-c-mega-menu-dropdown-overlay: var(--transparent);
}

.transparent nav>ul.slds-grid {
    background-color: unset;
}

.transparent commerce_cart-mini-cart-panel {
    --dxp-g-root: var(--main);
}

.transparent .exp-mobile-mega-menu__menu-content {
    --dxp-g-root: var(--main);
}

@media (max-width: 767px) {
    .header-search-drawer {
        --dxp-g-root: var(--main);
    }
  /* … */
}