/* =============================================================================
   Floating Ads L&R — Frontend Styles
   ============================================================================= */

/* Base banner — position / dimensions are applied inline per-banner */
.falr-banner {
	display:    none;         /* hidden by default; shown by device class below */
	line-height: 0;           /* kills inline-block gap under <img> */
	pointer-events: auto;
}
.falr-banner__link {
	display: block;
	width:   100%;
	height:  100%;
}
.falr-banner__img {
	display:    block;
	width:      100%;
	height:     100%;
	object-fit: contain;
}

/* ── Desktop visibility ──────────────────────────────────────────────────── */
@media (min-width: 769px) {
	.falr-banner.falr-show-desktop {
		display: block;
	}
}

/* ── Mobile visibility ───────────────────────────────────────────────────── */
@media (max-width: 768px) {
	.falr-banner.falr-show-mobile {
		display: block;
	}
}