/* Promo Banners — frontend styles */

/* ---------- Floating skyscraper (desktop only) ---------- */

.pb-floating-wrap {
	pointer-events: none;
}

.pb-floating {
	position: fixed;
	top: 120px;
	width: 200px;
	max-height: calc(100vh - 160px);
	overflow-y: auto;
	z-index: 90;
	pointer-events: auto;
	transition: opacity .25s ease;
}

.pb-floating-left  { left: 12px; }
.pb-floating-right { right: 12px; }

.pb-floating > .pb-banner {
	margin: 0 !important;
}

/* Hide on tablet/mobile — там нема мiсця, не псуємо верстку */
@media (max-width: 1280px) {
	.pb-floating-wrap { display: none !important; }
}

/* На дуже широких екранах (>1600px) — присунути до контенту, не до краю */
@media (min-width: 1600px) {
	.pb-floating-left  { left: calc((100vw - 1500px) / 2 - 220px); }
	.pb-floating-right { right: calc((100vw - 1500px) / 2 - 220px); }
}

/* Banner внутрiшнiй CSS — нiчого не override, бо розмiтка з custom HTML */
.pb-banner {
	max-width: 100%;
}

/* Print — не друкуємо рекламу */
@media print {
	.pb-banner, .pb-floating-wrap { display: none !important; }
}