/* hero-slider & carousel-visual moved inline to components */
[data-customer-header]{z-index:1100}
[data-customer-header].at-top .navbar{background:transparent !important;border-bottom:0 !important;transition:background .25s ease}
[data-customer-header].scrolled .navbar{background:var(--color-background) !important;border-bottom:1px solid rgba(0,0,0,0.06);transition:background .25s ease}
/* Ensure nav links are visible over hero when header is at top */
[data-customer-header].at-top .nav-link, [data-customer-header].at-top .navbar-brand img { color: #fff !important; }

/* Make logo and toggler visible on dark hero: invert logo and toggler icon when at-top */
/* keep original logo/toggler colors - no filter applied */

/* Additional landing-specific header refinements */
.header-landing { z-index: 1200; }
.header-landing .navbar { background: transparent !important; border-bottom: 0 !important; }
.header-landing .nav-link, .header-landing .navbar-brand img { color: #fff !important; }

/* When landing header becomes scrolled, use a dark background to avoid white gap */
/* Keep landing header transparent even when scrolled */
[data-customer-header].scrolled.header-landing .navbar { background: transparent !important; border-bottom: 0 !important; }
[data-customer-header].scrolled.header-landing .nav-link { color: #fff !important; }

/* responsive carousel visual rules moved inline to _carousel_visual.html */

/* how-it-works styles moved inline to component */