/**
 * Auto OnPageLoad Popup: layout type skins (fullscreen, slide-in, bar, sidebar)
 * Version: 12.4.0
 */

/* Fullscreen must pin to the viewport, not content height. */
.aolp-layout-fullscreen.aolp-wrap {
	top: 0 !important;
	left: 0 !important;
	right: 0 !important;
	bottom: 0 !important;
	width: 100vw !important;
	height: 100vh !important;
	max-width: 100vw !important;
	max-height: 100vh !important;
	margin: 0 !important;
	transform: none !important;
	border-radius: 0 !important;
}

.aolp-layout-fullscreen .aolp-skin,
.aolp-layout-fullscreen .aolp-outer,
.aolp-layout-fullscreen .aolp-inner,
.aolp-layout-fullscreen #aolp-gallery-box,
.aolp-layout-fullscreen #aolp-gallery-box-inner,
.aolp-layout-fullscreen #aolp-gallery-box-inner > div,
.aolp-layout-fullscreen .aolp-demo-cover--full {
	width: 100% !important;
	height: 100% !important;
	max-width: none !important;
	max-height: none !important;
	min-height: 100% !important;
	border-radius: 0 !important;
}

.aolp-layout-fullscreen .aolp-inner {
	overflow: hidden !important;
}

.aolp-layout-fullscreen #aolp-gallery-box {
	display: block !important;
}

/* Slide-in: compact corner card */
.aolp-layout-slide-in.aolp-wrap {
	max-width: min(420px, 96vw);
}

.aolp-layout-slide-in .aolp-skin {
	box-shadow: 0 12px 40px rgba(0, 0, 0, 0.22);
}

/* Floating bar: edge-to-edge strip */
.aolp-layout-floating-bar.aolp-wrap {
	width: 100% !important;
	max-width: 100% !important;
	height: auto !important;
	left: 0 !important;
	right: 0 !important;
	margin: 0 !important;
}

.aolp-layout-floating-bar .aolp-skin,
.aolp-layout-floating-bar .aolp-outer,
.aolp-layout-floating-bar .aolp-inner {
	width: 100% !important;
	height: auto !important;
	max-height: none !important;
}

.aolp-layout-floating-bar .aolp-skin {
	border-radius: 0 !important;
	box-shadow: 0 2px 16px rgba(0, 0, 0, 0.18);
	overflow: visible;
}

.aolp-layout-floating-bar.aolp-pos-top-center {
	top: 0 !important;
	bottom: auto !important;
	transform: none !important;
}

.aolp-layout-floating-bar.aolp-pos-bottom-center {
	bottom: 0 !important;
	top: auto !important;
	transform: none !important;
}

/* Sidebar: full-height panel */
.aolp-layout-sidebar.aolp-wrap {
	height: 100% !important;
	max-height: 100% !important;
	top: 0 !important;
	bottom: 0 !important;
	margin: 0 !important;
	transform: none !important;
}

.aolp-layout-sidebar .aolp-skin,
.aolp-layout-sidebar .aolp-outer,
.aolp-layout-sidebar .aolp-inner {
	height: 100% !important;
	max-height: 100% !important;
	border-radius: 0 !important;
}

.aolp-layout-sidebar.aolp-pos-top-left,
.aolp-layout-sidebar.aolp-edge-left {
	left: 0 !important;
	right: auto !important;
}

.aolp-layout-sidebar.aolp-pos-top-right,
.aolp-layout-sidebar.aolp-edge-right {
	right: 0 !important;
	left: auto !important;
}