/*
	Spinner overlay should cover the full viewport on all devices.
	Overrides existing .view-change-loader rules that set top offsets / partial widths.
*/

/*
	Header offset is controlled by JS via:
	document.documentElement.style.setProperty('--spinner-top-offset', '<px>')
*/

.view-change-loader{
	position: fixed !important;
	top: var(--spinner-top-offset, 0px) !important;
	right: 0 !important;
	bottom: 0 !important;
	left: 0 !important;
	width: 100vw !important;
	height: auto !important;
	min-height: 0 !important;
	margin: 0 !important;
}

.rowDomLoader3 .view-change-loader,
.rowDomLoader4 .view-change-loader,
.changeLoaderRegular .rowDomLoader3 .view-change-loader,
.changeLoaderRegular .rowDomLoader4 .view-change-loader,
.favoritesTableLoader .view-change-loader{
	top: var(--spinner-top-offset, 0px) !important;
	right: 0 !important;
	bottom: 0 !important;
	left: 0 !important;
	width: 100vw !important;
	height: auto !important;
}

/*
	Tablet-as-mobile fix:
	In UI_TABLET_MODE=tablet_as_mobile, tablets render the mobile layout.
	The mobile CSS closes the catalog sidenav using a fixed pixel offset (right:-355px),
	which can cause the panel to “peek” on wide viewports.
	This override ensures the CLOSED state is 100% off-screen (and has no shadow).
*/
html[data-tablet-overridden="1"][data-tablet-mode="tablet_as_mobile"] #mySidenav:not(.sidenav-open),
html[data-tablet-overridden="1"][data-tablet-mode="tablet_as_mobile"] #sideCategoryKot:not(.sidenav-open){
	right: -110% !important;
	box-shadow: none !important;
	pointer-events: none !important;
}

html[data-tablet-overridden="1"][data-tablet-mode="tablet_as_mobile"] #mySidenav.sidenav-open,
html[data-tablet-overridden="1"][data-tablet-mode="tablet_as_mobile"] #sideCategoryKot.sidenav-open{
	pointer-events: auto !important;
}