.casino-hero {
	position: relative;
	overflow: hidden;
	padding-top: var(--space-12);
	padding-bottom: var(--space-12);
	background-color: var(--color-bg);
}
.casino-hero-media {
	position: absolute;
	inset: 0;
	z-index: -2;
	overflow: hidden;
}
.casino-hero-media img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	filter: brightness(0.55);
}
.casino-hero .hero-overlay {
	z-index: -1;
}
.casino-hero-content {
	max-width: 720px;
	margin: 0 auto;
	padding: var(--space-8) var(--space-6);
	background: radial-gradient(
		circle at top,
		rgba(243, 244, 246, 0.96),
		rgba(230, 234, 240, 0.96)
	);
	backdrop-filter: blur(16px);
}
.casino-hero-lead {
	font-size: var(--text-lg);
	color: var(--gray-700);
	margin-bottom: var(--space-4);
}
.casino-hero-actions {
	display: flex;
	flex-wrap: wrap;
	gap: var(--space-3);
	margin-top: var(--space-4);
	margin-bottom: var(--space-4);
}
.casino-hero-stats {
	display: flex;
	flex-wrap: wrap;
	gap: var(--space-6);
	margin-top: var(--space-4);
}
.casino-hero-stat-item {
	min-width: 180px;
}
.casino-oprawa-grid {
	display: grid;
	grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr);
	gap: var(--space-6);
	align-items: stretch;
}
.casino-oprawa-image img {
	border-radius: var(--radius-xl);
	box-shadow: var(--shadow-deep);
}
.casino-oprawa-cta {
	margin-top: var(--space-4);
}
.casino-symboliczne-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: var(--space-6);
}
.casino-list {
	margin-top: var(--space-3);
	display: flex;
	flex-direction: column;
	gap: 8px;
	padding-left: 0;
}
.casino-list li {
	position: relative;
	padding-left: 20px;
	font-size: var(--text-sm);
	color: var(--gray-700);
}
.casino-list li::before {
	content: "";
	position: absolute;
	left: 6px;
	top: 0.9em;
	width: 7px;
	height: 7px;
	border-radius: 999px;
	background: radial-gradient(
		circle,
		var(--color-accent) 0,
		rgba(216, 180, 90, 0.15) 70%
	);
	transform: translateY(-50%);
}
.casino-symboliczne-links {
	display: flex;
	flex-wrap: wrap;
	gap: var(--space-4);
	margin-top: var(--space-4);
}
.casino-kompleksowa-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: var(--space-6);
}
.casino-kompleksowa-cta {
	margin-top: var(--space-4);
}
.casino-mobile-grid {
	display: grid;
	grid-template-columns: minmax(0, 1.2fr) minmax(0, 1.4fr);
	gap: var(--space-8);
	align-items: center;
}
.casino-mobile-image img {
	border-radius: var(--radius-xl);
	box-shadow: var(--shadow-soft-glass);
}
.casino-mobile-links {
	display: flex;
	flex-wrap: wrap;
	gap: var(--space-4);
	margin-top: var(--space-4);
}
.casino-premium-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: var(--space-6);
}
.casino-luxury-grid {
	display: grid;
	grid-template-columns: minmax(0, 1.4fr) minmax(0, 1.2fr);
	gap: var(--space-8);
	align-items: center;
}
.casino-luxury-image img {
	border-radius: var(--radius-xl);
	box-shadow: var(--shadow-deep);
}
.casino-luxury-links {
	display: flex;
	flex-wrap: wrap;
	gap: var(--space-4);
	margin-top: var(--space-4);
}
.casino-elegancja-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: var(--space-6);
}
.casino-elegancja-cta {
	display: flex;
	flex-wrap: wrap;
	gap: var(--space-4);
	margin-top: var(--space-4);
}
.casino-cta-final {
	padding-top: var(--space-10);
	padding-bottom: var(--space-12);
}
.casino-cta-card {
	padding: var(--space-8) var(--space-6);
	text-align: center;
}
.casino-cta-buttons {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: var(--space-4);
	margin-top: var(--space-4);
}
@media (max-width: 1024px) {
	.casino-oprawa-grid {
		grid-template-columns: 1fr;
	}
	.casino-symboliczne-grid {
		grid-template-columns: 1fr;
	}
	.casino-kompleksowa-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
	.casino-mobile-grid {
		grid-template-columns: 1fr;
		gap: var(--space-6);
	}
	.casino-premium-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
	.casino-luxury-grid {
		grid-template-columns: 1fr;
	}
	.casino-elegancja-grid {
		grid-template-columns: 1fr;
	}
}
@media (max-width: 768px) {
	.casino-hero {
		padding-top: var(--space-10);
		padding-bottom: var(--space-10);
	}
	.casino-hero-content {
		padding: var(--space-6) var(--space-5);
	}
	.casino-hero-actions {
		flex-direction: column;
		align-items: stretch;
	}
	.casino-hero-stats {
		flex-direction: column;
		gap: var(--space-4);
	}
	.casino-kompleksowa-grid {
		grid-template-columns: 1fr;
	}
	.casino-premium-grid {
		grid-template-columns: 1fr;
	}
	.casino-cta-card {
		padding: var(--space-6) var(--space-4);
	}
	.casino-mobile-links,
	.casino-luxury-links,
	.casino-elegancja-cta,
	.casino-cta-buttons {
		flex-direction: column;
		align-items: stretch;
	}
}
