.mainHeader{position:fixed;top:0;width:100%;z-index:20000;border-bottom:2px solid transparent;transition:background-color .3s ease,border-color .3s ease}.mainHeader.scrollActive{background-color:var(--colour-white);border-color:var(--colour-beigeBorder)}.mainHeader.anchorNavigationActive{position:absolute}.mainHeader:has(+main>.background-beige:nth-child(2)) .mobileNavigationTop .mobileNavigationButtons .mobileMenuButton,.mainHeader:has(+.mainContentAndFooterWrapper>main>.accountSectionPage) .mobileNavigationTop .mobileNavigationButtons .mobileMenuButton,.mainHeader:has(+.mainContentAndFooterWrapper>main>.checkoutPage) .mobileNavigationTop .mobileNavigationButtons .mobileMenuButton,.mainHeader:has(+.mainContentAndFooterWrapper>main>.basketPage) .mobileNavigationTop .mobileNavigationButtons .mobileMenuButton{background-color:var(--colour-white)}