/* Wrapper: dimenzije iz inline style (px), CLS, bez scrollbar-a */
.sbr-rotator-wrapper {
	display: block;
	line-height: 0;
	overflow: hidden;
	contain: layout style;
	box-sizing: border-box;
}
.sbr-rotator-wrapper .sbr-rotator-iframe {
	display: block;
	border: 0;
	vertical-align: top;
	/* width/height iz HTML atributa i inline style (px) */
}
/* Inline baner (nakon fetch): popunjava ceo slot – iste dimenzije kao rotator */
.sbr-rotator-wrapper > .sbr-banner {
	width: 100% !important;
	height: 100% !important;
	max-width: 100%;
	max-height: 100%;
	margin: 0;
}

/* Debug panel (prikazuje se kada je u URL ?sbr_debug=1) */
.sbr-debug-box {
	font-size: 11px;
	font-family: monospace;
	background: #1e1e1e;
	color: #d4d4d4;
	padding: 8px 10px;
	margin-top: 4px;
	border-radius: 4px;
	line-height: 1.5;
	text-align: left;
	word-break: break-all;
}
.sbr-debug-box br { display: block; content: ''; margin-top: 2px; }
.sbr-banner {
	margin: 0;
	padding: 0;
	overflow: hidden;
	position: relative;
	display: block;
	box-sizing: border-box;
}
.sbr-banner-link {
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	text-decoration: none;
	color: inherit;
}
.sbr-banner-media-wrap {
	display: block;
	width: 100%;
	height: 100%;
	position: relative;
	overflow: hidden;
	background: #f0f0f0;
}
/* Image/video fills banner: cover, overflow hidden */
.sbr-banner-media-wrap .sbr-media {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: var(--sbr-pos-x, center) var(--sbr-pos-y, center);
	transform: scale(calc(var(--sbr-zoom, 100) / 100));
	transform-origin: center center;
}