/* Local preview: subtle active/hover rule flush with the bottom edge of the desktop header. */
@media (min-width: 781px) {
	.site-header .header-row { align-items: stretch; }
	.site-header .menu { align-self: stretch; align-items: stretch; margin-top: 0; margin-bottom: 0; }
	.site-header .menu > a { position: relative; display: flex; align-items: center; padding: 0 13px; }
	.site-header .menu > a::after {
		inset: auto 13px calc(50% - 17px);
		width: auto;
		height: 1px;
		transform-origin: center;
		box-shadow: none;
	}
	.site-header .menu > a.is-current::after,
	.site-header .menu > a[aria-current="page"]::after {
		background: #55b9ff;
		transform: scaleX(1) !important;
		opacity: 1;
	}
	.site-header .menu > .offer-menu { align-self: stretch; }
	.site-header .menu > .offer-menu > summary { position: relative; height: 100%; padding: 0 13px; border-bottom: 0; }
	.site-header .menu > .offer-menu > summary::after {
		position: absolute;
		inset: auto 13px calc(50% - 17px);
		width: auto;
		height: 1px;
		background: #55b9ff;
		content: '';
		transform: scaleX(0);
		transform-origin: center;
		transition: transform .24s ease;
	}
	.site-header .menu > .offer-menu:hover > summary::after,
	.site-header .menu > .offer-menu:focus-within > summary::after,
	.site-header .menu > .offer-menu.is-current > summary::after { transform: scaleX(1); }
	.site-header.is-scrolled .menu > a.is-current::after,
	.site-header.is-scrolled .menu > a[aria-current="page"]::after,
	.site-header.is-scrolled .menu > .offer-menu.is-current > summary::after { background: #55b9ff; }
	.site-header.is-scrolled .menu > a::after,
	.site-header.is-scrolled .menu > .offer-menu > summary::after { background: #55b9ff; }
}