/* Basic layout */
body {
	background-color: #fff;
}

.hero-img-wrapper {
	width: 100%;
	border-radius: 8px;
	overflow: hidden;
}

.hero-img {
	width: 100%;
	height: 340px;
	background-image: url('../../assets/img/dine/dine.png'); /* Replace with actual dining photo */
	background-size: cover;
	background-position: center;
}

.gradient-box {
	background: linear-gradient(180deg, #f5fff6 0%, #eaf7ee 60%, #e3f5ea 100%);
	border: 1px solid rgba(0,0,0,0.08);
	border-radius: 12px;
	height: 200px;
}

.option-icon {
	font-size: 48px;
	color: #1b8f4b;
}