/* ------------------------------
   PICKUP / DELIVERY PAGE
------------------------------ */

.order_choice {
	min-height: 100vh;

	display: grid;
	grid-template-columns: 1fr 1fr;

	background-color: #FFF8F2;
}

.order_half {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;

	min-height: 100vh;

	text-decoration: none;

	position: relative;
}

.pickup_half {
	background-color: #FFF8F2;
	color: #1A1A1A;

	cursor: pointer;

	transition:
		background-color 180ms ease,
		color 180ms ease;
}

.pickup_half:hover {
	background-color: #E6392F;
	color: #FFF8F2;
}

.delivery_half {
	background-color: #D8D3CD;
	color: #8A8580;

	cursor: not-allowed;
}

.order_label {
	font-size: clamp(32px, 6vw, 82px);
	font-weight: 800;
	letter-spacing: 0.08em;
}

.coming_soon {
	margin-top: 14px;

	font-size: 12px;
	font-weight: 700;
	letter-spacing: 0.18em;

	opacity: 0.7;
}


/* ------------------------------
   MOBILE
------------------------------ */

@media (max-width: 700px) {

	.order_choice {
		grid-template-columns: 1fr;
		grid-template-rows: 1fr 1fr;
	}

	.order_half {
		min-height: 50vh;
	}

}