.selection {
	background-color: var(--color-dark);
}
.container {
}
.selection__head {
	color: var(--color-white);
	display: grid;
	grid-template-columns: 1fr 416px;
	gap: 32px;
	align-items: end;
	margin-bottom: 34px;
	.description {
		margin-bottom: 30px;
	}
}
.selection__titles {
}
.title-label {
}
.title-label--accent {
}
.title {
}
.text {
}
.selection__body {
}
.selection__blocks {
	display: flex;
	flex-direction: column;
	gap: 16px;
}
.selection-block {
	color: var(--color-white);
	padding: 32px;
	background-color: rgba(255, 255, 255, 0.05);
}
.selection-block__title {
	text-align: center;
	margin-bottom: 32px;
	font-weight: 700;
	font-size: 24px;
	text-transform: uppercase;
}
.selection-swiper {
}
.swiper {
}
.swiper-wrapper {
}
.swiper-slide {
}
.selection-card {
	aspect-ratio: 1;
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	padding: 24px;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
}
.selection-card__text {
}
.selection-block__text {
	margin-top: 32px;
	text-align: center;
}
.pricing {
	.head {
		gap: 32px;
	}
	.bottom {
		display: flex;
		flex-direction: column;
		gap: 12px;
	}
}
.container {
}

.title-md {
}
.text {
}
.pricing__body {
}
.pricing__blocks {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 32px 48px;
}
.pricing-block {
	display: flex;
	flex-direction: column;
	gap: 24px;
}
.pricing-block__title {
	font-weight: 700;
	font-size: 24px;
	line-height: 140%;
	text-transform: uppercase;
}
.pricing-block__list {
	li {
		padding: 8px;
		display: flex;
		align-items: center;
		gap: 10px;
		line-height: 140%;
		&:nth-child(odd) {
			background-color: #e9e5e9;
		}
		span {
			display: inline-flex;
			justify-content: center;
			align-items: center;
			padding: 8px 12px;
			margin-left: auto;
			width: 70px;
			height: 41px;
			font-weight: 700;
			color: var(--color-white);
			background: var(--color-accent-dark);
		}
	}
}
.pricing__bottom {
}

.serving {
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	.title {
	}
	.sescription {
		margin-top: auto;
	}
}
.explore {
	background-color: var(--color-white-bg);
}
.container {
}
.serving__inner {
	display: grid;
	grid-template-columns: 1fr 484px;
	gap: 64px;
}
.serving__content {
	color: var(--color-white);
	display: flex;
	flex-direction: column;
}
.title-label {
}
.title-label--accent {
}
.title {
}
.description {
}
.serving__form {
	display: flex;
	flex-direction: column;
	gap: 8px;
	margin-top: 32px;
	.button {
		width: fit-content;
	}
	.field {
		textarea,
		input {
			border-color: var(--color-white);
			background-color: rgba(255, 255, 255, 0.1);
		}
	}
}
.field {
}
.button {
}

@media (max-width: 1199.98px) {
	.selection__head {
		grid-template-columns: repeat(2, 1fr);
	}
	.selection-block {
		padding: 24px;
	}
	.serving__inner {
		grid-template-columns: repeat(2, 1fr);
	}
}
@media (max-width: 767.98px) {
	.selection__head {
		margin-bottom: 40px;
		grid-template-columns: auto;
		text-align: center;
		.description {
			margin-bottom: 0;
		}
	}
	.selection-block {
		margin-inline: -16px;
		padding: 16px;
	}
	.selection-swiper {
		overflow: visible !important;
		.swiper-slide {
			width: 258px;
		}
	}
	.selection-block__title {
		font-size: 18px;
	}
	.selection-card {
		padding: 20px;
	}
	.pricing__blocks {
		grid-template-columns: auto;
	}
	.pricing-block__title {
		font-size: 20px;
	}
	.pricing-block {
		gap: 16px;
	}
	.pricing-block__list {
		& li {
			span {
				height: 38px;
				padding: 4px;
			}
		}
	}
	.serving__inner {
		grid-template-columns: auto;
		text-align: center;
	}
	.serving__form {
		margin-top: 0;
	}
}