/* Blok „Wideo” */

.rb-video { padding-block: clamp(2.5rem, 5vw, 4.5rem); }
.rb-video--white { background: var(--rb-color-bg); }
.rb-video--light { background: var(--rb-color-bg-alt); }

.rb-video__inner { max-width: 60rem; text-align: center; }
.rb-video__heading { font-size: clamp(1.5rem, 1rem + 1.8vw, 2.25rem); line-height: 1.3; margin-bottom: var(--rb-space-4); }
.rb-video__lead { font-size: 1.0625rem; line-height: 1.6; color: var(--rb-gray-600); max-width: 42rem; margin: 0 auto var(--rb-space-8); }
.rb-video__lead p:last-child { margin-bottom: 0; }

.rb-video__frame {
	position: relative;
	aspect-ratio: 16 / 9;
	border-radius: var(--rb-radius-xl);
	overflow: hidden;
	background: var(--rb-navy-950);
	box-shadow: var(--rb-shadow-lg);
}
.rb-video__play {
	position: absolute; inset: 0;
	display: block; width: 100%; height: 100%;
	padding: 0; border: 0; background: none; cursor: pointer;
}
.rb-video__poster { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform 0.4s ease; }
.rb-video__play:hover .rb-video__poster { transform: scale(1.02); }
.rb-video__icon {
	position: absolute; top: 50%; left: 50%;
	display: grid; place-items: center;
	width: clamp(64px, 9vw, 88px); aspect-ratio: 1;
	border-radius: var(--rb-radius-full);
	background: var(--rb-color-accent); color: #fff;
	box-shadow: 0 8px 28px rgb(0 0 0 / 0.3);
	transform: translate(-50%, -50%);
	transition: transform var(--rb-transition-fast), background var(--rb-transition-fast);
}
.rb-video__icon svg { margin-left: 4px; }
.rb-video__play:hover .rb-video__icon { transform: translate(-50%, -50%) scale(1.08); background: var(--rb-color-accent-hover); }
.rb-video__play:focus-visible { outline: 4px solid var(--rb-orange-300); outline-offset: -4px; }
.rb-video__iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; }
.rb-video__missing { padding: var(--rb-space-4); border: 1px dashed var(--rb-gray-400); color: var(--rb-gray-500); }