/* Početna stranica: tri slajda bez vidljive navigacije. */
.sb-home-hero {
	background: var(--navy);
	color: #fff;
	overflow: hidden;
}
.sb-home-hero__carousel {
	position: relative;
	overflow: hidden;
}
.sb-home-hero__carousel:focus-visible {
	outline: 3px solid var(--aqua);
	outline-offset: -3px;
}
.sb-home-hero__panels {
	position: relative;
}
/* Bez JS-a sve tri cjeline ostaju dostupne jedna ispod druge. */
.sb-home-hero__carousel[data-home-enhanced] .sb-home-hero__panels {
	display: flex;
	width: 100%;
	transform: translate3d(var(--home-offset, 0%), 0, 0);
	transition: transform .58s cubic-bezier(.22, .61, .36, 1);
	will-change: transform;
	touch-action: pan-y;
}
.sb-home-hero__carousel[data-home-motion="none"] .sb-home-hero__panels {
	transition: none;
}
.sb-home-hero__panel {
	position: relative;
	display: flex;
	isolation: isolate;
	min-height: clamp(31rem, 72vh, 43rem);
	height: clamp(31rem, 72vh, 43rem);
	overflow: hidden;
}
.sb-home-hero__carousel[data-home-enhanced] .sb-home-hero__panel {
	flex: 0 0 100%;
	width: 100%;
	min-width: 100%;
}
.sb-home-hero__panel::before {
	position: absolute;
	z-index: -1;
	inset: 0;
	background: linear-gradient(90deg, rgba(6, 28, 56, .97) 0%, rgba(6, 28, 56, .82) 46%, rgba(6, 28, 56, .24) 100%);
	content: "";
}
.sb-home-hero__image {
	position: absolute;
	z-index: -2;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: 70% center;
}
.sb-home-hero__image--swimming {
	object-position: 68% 35%;
}
.sb-home-hero__image--pool {
	object-position: center;
}
.sb-home-hero__inner {
	display: flex;
	align-items: center;
	min-width: 0;
	padding-block: 5rem;
}
.sb-home-hero__copy {
	max-width: 43rem;
}
.sb-home-hero__copy .lead {
	color: #e0f3f4;
}
.sb-home-hero__actions {
	display: flex;
	flex-wrap: wrap;
	gap: .75rem;
	margin-top: 1.75rem;
}
@media (max-width: 620px) {
	.sb-home-hero__panel {
		min-height: clamp(27rem, 72vh, 32rem);
		height: clamp(27rem, 72vh, 32rem);
		height: clamp(27rem, 72svh, 32rem);
	}
	.sb-home-hero__panel::before {
		background: linear-gradient(90deg, rgba(6, 28, 56, .98) 0%, rgba(6, 28, 56, .82) 58%, rgba(6, 28, 56, .42) 100%);
	}
	.sb-home-hero__inner {
		align-items: flex-end;
		padding-block: 2.75rem;
	}
	.sb-home-hero__copy {
		max-width: 30rem;
	}
	.sb-home-hero__copy h1,
	.sb-home-hero__copy h2 {
		font-size: clamp(2.15rem, 9vw, 3.15rem);
		line-height: .98;
		overflow-wrap: anywhere;
	}
	.sb-home-hero__copy .lead {
		font-size: .96rem;
		line-height: 1.45;
	}
	.sb-home-hero__actions {
		margin-top: 1.25rem;
	}
	.sb-home-hero__actions .button {
		min-height: 2.75rem;
	}
}
@media (prefers-reduced-motion: reduce) {
	.sb-home-hero,
	.sb-home-hero * {
		scroll-behavior: auto;
	}
}
