/* Pearl Island — Island Food & Beach Bars (split section) */
.pi-widget .food {
	background: var(--hx-paper, #FAF9F5);
}

.pi-widget .food-grid {
	display: grid;
	grid-template-columns: .9fr 1.1fr;
	gap: 56px;
	align-items: center;
}

.pi-widget .food-body {
	background: #fff;
	border-radius: 24px;
	padding: clamp(28px, 4vw, 52px);
	box-shadow: 0 16px 44px rgba(6, 44, 47, .06);
}

.pi-widget .food-grid--flip .food-media {
	order: 2;
}

.pi-widget .food-media {
	position: relative;
	border-radius: 24px;
	height: 420px;
	box-shadow: 0 16px 44px rgba(6, 44, 47, .10);
	/* Sunset placeholder gradient until a photo is chosen */
	background: radial-gradient(100% 130% at 40% 20%, #FFF7B2, #F5A8A1 60%, #EE7266 140%);
}

.pi-widget .food-kicker {
	font-size: 2.2rem;
	display: block;
	margin-bottom: 4px;
}

.pi-widget .food h2 {
	font-size: clamp(2rem, 4vw, 2.8rem);
	margin-bottom: 18px;
}

.pi-widget .food p {
	color: var(--pi-text, var(--hx-body, #56606E));
	margin-bottom: 18px;
}

.pi-widget .food .bars {
	display: flex;
	gap: 12px;
	flex-wrap: wrap;
	margin: 22px 0 28px;
}

.pi-widget .food .bar {
	background: #fff;
	border: 1px solid var(--hx-sky, #D7EEF4);
	border-radius: 999px;
	padding: 9px 18px;
	font-weight: 800;
	font-size: .8rem;
	color: var(--pi-heading, var(--hx-teal-dark, #062C2F));
	box-shadow: 0 4px 14px rgba(6, 44, 47, .05);
}

@media (max-width: 900px) {
	.pi-widget .food-grid {
		grid-template-columns: 1fr;
		gap: 32px;
	}

	.pi-widget .food-grid--flip .food-media {
		order: 0;
	}

	.pi-widget .food-media {
		height: 320px;
	}
}

@media (max-width: 560px) {
	.pi-widget .food-media {
		height: 240px;
	}

	.pi-widget .food .btn {
		width: 100%;
	}
}