.home .hero {
	position: relative;
	min-height: 90vh;
	display: flex;
	align-items: flex-end;
}
.hero-bg {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.hero-overlay {
	position: absolute;
	inset: 0;
	background: linear-gradient(
		to top,
		rgba(16, 18, 20, 0.85),
		rgba(16, 18, 20, 0.3)
	);
}
.hero-inner {
	position: relative;
	display: grid;
	grid-template-columns: 1fr 320px;
	gap: var(--space-5);
	align-items: end;
}
.hero-text {
	max-width: 480px;
}
.booking-panel {
	background: var(--color-surface-secondary);
	padding: var(--space-4);
	border-radius: var(--radius-lg);
	box-shadow: var(--shadow-soft);
	display: flex;
	flex-direction: column;
	gap: var(--space-3);
}

@media (max-width: 1100px) {
	.hero-inner {
		grid-template-columns: 1fr;
	}
	.booking-panel {
		max-width: 400px;
	}
}

.concept-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: var(--space-4);
}
@media (max-width: 900px) {
	.concept-grid {
		grid-template-columns: 1fr 1fr;
	}
}
@media (max-width: 600px) {
	.concept-grid {
		grid-template-columns: 1fr;
	}
}

.gourmet-grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: var(--space-5);
	align-items: center;
}
.gourmet-image img {
	border-radius: var(--radius-md);
}
@media (max-width: 900px) {
	.gourmet-grid {
		grid-template-columns: 1fr;
	}
}

.seasonal-row {
	display: flex;
	gap: var(--space-4);
	overflow-x: auto;
	padding-bottom: var(--space-3);
}
.seasonal-card {
	min-width: 300px;
}

.casino-text {
	max-width: 640px;
	margin-inline: auto;
	text-align: center;
}

.games-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: var(--space-4);
}
@media (max-width: 900px) {
	.games-grid {
		grid-template-columns: 1fr;
	}
}

.cocktail-grid {
	display: grid;
	grid-template-columns: 60% 40%;
	gap: var(--space-5);
	align-items: center;
}
@media (max-width: 900px) {
	.cocktail-grid {
		grid-template-columns: 1fr;
	}
}

.live {
	background: var(--color-surface-secondary);
	position: relative;
}
.live-overlay {
	max-width: 400px;
}

.events-grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: var(--space-4);
}
@media (max-width: 700px) {
	.events-grid {
		grid-template-columns: 1fr;
	}
}

.reviews-inner {
	text-align: center;
	max-width: 600px;
	margin-inline: auto;
}
.review-carousel p {
	margin-bottom: var(--space-3);
}

.gallery-grid {
	columns: 3;
	gap: var(--space-3);
}
.gallery-grid img {
	margin-bottom: var(--space-3);
	border-radius: var(--radius-md);
}
@media (max-width: 700px) {
	.gallery-grid {
		columns: 2;
	}
}

.faq-grid {
	display: grid;
	grid-template-columns: 60% 40%;
	gap: var(--space-5);
	align-items: start;
}
.faq-item {
	margin-bottom: var(--space-3);
}
.faq-q {
	width: 100%;
	text-align: left;
    color: #fff;
	padding: var(--space-3);
	background: var(--color-surface-secondary);
	border-radius: var(--radius-sm);
}
.faq-items h2 {
    color: #000;
}
.faq-a {
	display: none;
	padding: var(--space-3);
}
.faq-a p {
    color: #000;
}
.faq-cta {
	display: flex;
	flex-direction: column;
	gap: var(--space-3);
	align-items: flex-start;
}
.faq-cta p {
    color: #000;
}
@media (max-width: 900px) {
	.faq-grid {
		grid-template-columns: 1fr;
	}
}