/* VZ sticky header. The announcement bar scrolls away; logo and menu stay. */
:root {
	--issa-sticky-offset: 23px;
	--issa-sticky-h: 127px;
}
@media (max-width: 1024px) {
	:root {
		--issa-sticky-offset: 52px;
		--issa-sticky-h: 60px;
	}
}
/* overflow:hidden on the wrapper would make the header stick to the wrapper instead of the window. */
body .rey-siteWrapper {
	overflow: clip;
}
/* z-index stays under the theme's overlay (1000) so side panels and popups still cover the header. */
body .rey-siteHeader {
	position: sticky;
	top: calc(var(--issa-sticky-offset) * -1);
	z-index: 900;
}
html {
	scroll-padding-top: calc(var(--issa-sticky-h) + 12px);
}
/* Shop filter column sticks just under the header instead of behind it. */
@media (min-width: 1025px) {
	body .rey-sidebarInner {
		top: calc(var(--issa-sticky-h) + 16px) !important;
		height: auto !important;
		min-height: 0 !important;
		max-height: calc(100vh - var(--issa-sticky-h) - 32px) !important;
		overflow-y: auto;
		scrollbar-width: none;
	}
}
/* Short screens, such as a phone on its side: the header would take too much of the window. */
@media (max-height: 500px) {
	body .rey-siteHeader {
		position: relative;
		top: auto;
	}
	html {
		scroll-padding-top: 0;
	}
}