.recipe-detail {
	display: grid;
	grid-template-columns: 1fr;
	gap: var(--wp--preset--spacing--24);
	align-items: start;
}

.recipe-detail__media {
	position: static;
	width: 100%;
}

.recipe-detail__image {
	display: block;
	width: 100%;
	aspect-ratio: 5 / 8;
	height: auto;
	object-fit: cover;
	border-radius: var(--wp--custom--border-radius--24);
}

.recipe-detail__video {
	display: block;
	width: 100%;
	aspect-ratio: 5 / 8;
	object-fit: cover;
	border-radius: var(--wp--custom--border-radius--24);
	background: var(--wp--preset--color--black);
}

.recipe-detail__video-wrap {
	position: relative;
	width: 100%;
	aspect-ratio: 5 / 8;
	border-radius: var(--wp--custom--border-radius--24);
	overflow: hidden;
	background: var(--wp--preset--color--black);
}

.recipe-detail__video--youtube {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	border: 0;
}

.recipe-detail__content {
	display: flex;
	flex-direction: column;
	gap: var(--wp--preset--spacing--24);
}

.recipe-detail__header {
	display: flex;
	flex-direction: column;
	gap: var(--wp--preset--spacing--16);
	padding-block-start: var(--wp--preset--spacing--16);
}

.recipe-detail__title {
	font-size: var(--wp--preset--font-size--32);
	font-weight: 600;
	line-height: var(--wp--custom--line-height--13);
	letter-spacing: -0.64px;
	color: var(--wp--preset--color--black);
	margin: 0;
}

.recipe-meta__category {
	display: flex;
	gap: var(--wp--preset--spacing--8);
	font-size: var(--wp--preset--font-size--14);
	font-weight: 500;
	color: var(--wp--preset--color--black);
}

.recipe-meta {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.recipe-meta__time {
	display: flex;
	align-items: center;
	gap: var(--wp--preset--spacing--8);
	font-size: var(--wp--preset--font-size--18);
	font-weight: 500;
	color: var(--wp--preset--color--black);
}

.recipe-meta__time svg {
	flex-shrink: 0;
}

.recipe-meta__difficulty {
	display: flex;
	align-items: center;
	gap: var(--wp--preset--spacing--8);
	font-size: var(--wp--preset--font-size--18);
	font-weight: 500;
	color: var(--wp--preset--color--black);
}

.recipe-difficulty__dots {
	display: flex;
	align-items: center;
	gap: var(--wp--preset--spacing--8);
	height: 1em;
}

.recipe-difficulty__dot {
	width: 8px;
	height: 100%;
	border-radius: var(--wp--custom--border-radius--full);
}

.recipe-difficulty__dot--active {
	background: var(--wp--preset--color--primary-500);
}

.recipe-difficulty__dot--inactive {
	background: var(--wp--preset--color--border);
}

.recipe-nutrition__heading {
	font-size: var(--wp--preset--font-size--24);
	font-weight: 600;
	line-height: var(--wp--custom--line-height--13);
	color: var(--wp--preset--color--black);
	margin: 0;
}

.recipe-nutrition__item {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: var(--wp--preset--spacing--8);
}

.recipe-nutrition__label {
	font-size: var(--wp--preset--font-size--18);
	font-weight: 500;
	color: var(--wp--preset--color--black);
	white-space: nowrap;
}

.recipe-nutrition__value {
	font-size: var(--wp--preset--font-size--16);
	font-weight: 500;
	color: var(--wp--preset--color--gray-700);
	text-align: right;
}

.recipe-sauce-card__weight {
	color: var(--wp--preset--color--gray-700);
}

.recipe-ingredients__heading {
	font-size: var(--wp--preset--font-size--24);
	font-weight: 600;
	line-height: var(--wp--custom--line-height--13);
	color: var(--wp--preset--color--black);
	
}

.recipe-ingredients__grid,
.recipe-nutrition__grid {
	display: grid;
	grid-template-columns: 1fr;
	gap: var(--wp--preset--spacing--16);
	margin-block-start: var(--wp--preset--spacing--16);
}

.ingredient-card {
	display: grid;
	grid-template-columns: 80px 1fr;
	align-items: start;
	gap: var(--wp--preset--spacing--24);
}

.ingredient-card__image-wrap {
	aspect-ratio: 1 / 1;
	border-radius: var(--wp--custom--border-radius--16);
	overflow: hidden;
	box-shadow: 0 4px 6px rgba(0, 0, 0, .1), 0 2px 4px rgba(0, 0, 0, .1);
}

.ingredient-card__image {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.ingredient-card__body {
	display: flex;
	flex-direction: column;
	gap: var(--wp--preset--spacing--8);
	padding-block-start: var(--wp--preset--spacing--4);
}

.ingredient-card__name,
.ingredient-card__amount {
	margin: 0;
	font-size: var(--wp--preset--font-size--18);
	line-height: var(--wp--custom--line-height--13);
	color: var(--wp--preset--color--black);
}

.ingredient-card__name {
	font-weight: 600;
}

.ingredient-card__amount {
	font-weight: 400;
}

.recipe-sauce-card {
	display: grid;
	grid-template-columns: 114px 1fr;
	align-items: center;
	gap: var(--wp--preset--spacing--24);
	padding: var(--wp--preset--spacing--24);
	background: var(--wp--preset--color--white);
	border: 1px solid var(--wp--preset--color--border);
	border-radius: var(--wp--custom--border-radius--24);
	box-shadow: 0 1px 2px rgba(0, 0, 0, .05);
}

.recipe-sauce-card__image {
	width: 100%;
	height: 100%;
	object-fit: contain;
	display: block;
}

.recipe-sauce-card__name {
	font-size: var(--wp--preset--font-size--18);
	font-weight: 600;
	color: var(--wp--preset--color--black);
	margin: 0;
}

.recipe-sauce-card__meta {
	font-size: var(--wp--preset--font-size--14);
	color: var(--wp--preset--color--gray-700);
	line-height: var(--wp--custom--line-height--15);
	margin: 0;
}

.recipe-sauce-card__btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: var(--wp--preset--spacing--4);
	padding: var(--wp--preset--spacing--8) var(--wp--preset--spacing--16);
	background: var(--wp--preset--color--primary-500);
	color: var(--wp--preset--color--white);
	font-size: var(--wp--preset--font-size--18);
	font-weight: 600;
	line-height: var(--wp--custom--line-height--15);
	border-radius: var(--wp--custom--border-radius--full);
	text-decoration: none;
	transition: opacity .2s;
}

.recipe-sauce-card__btn:hover,
.recipe-sauce-card__btn:focus-visible {
	opacity: .85;
	color: var(--wp--preset--color--white);
}

.recipe-steps {
	padding-block: var(--wp--preset--spacing--80) 0;
	overflow: hidden;
}

.recipe-steps:first-child {
	padding-block: var(--wp--preset--spacing--80);
}

.recipe-steps:last-child {
	padding-block: var(--wp--preset--spacing--80);
}

.recipe-steps__heading {
	position: relative;
	z-index: 1;
	font-size: var(--wp--preset--font-size--32);
	font-weight: 600;
	line-height: var(--wp--custom--line-height--13);
	color: var(--wp--preset--color--black);
	margin: 0 0 var(--wp--preset--spacing--24);
}

.recipe-steps__list {
	position: relative;
	z-index: 1;
	display: flex;
	flex-direction: column;
	gap: var(--wp--preset--spacing--24);
}

.recipe-step {
	display: grid;
	grid-template-columns: 1fr;
	align-items: center;
	gap: var(--wp--preset--spacing--16);
}

.recipe-step__image-wrap {
	flex-shrink: 0;
	width: 100%;
	aspect-ratio: 600 / 330;
	border-radius: var(--wp--custom--border-radius--20);
	overflow: hidden;
	box-shadow: var(--shadow-card);
}

.recipe-step__image {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}

.recipe-step__body {
	display: flex;
	flex-direction: column;
	gap: var(--wp--preset--spacing--16);
}

.recipe-step__number {
	font-size: var(--wp--preset--font-size--24);
	font-weight: 600;
	line-height: var(--wp--custom--line-height--13);
	color: var(--wp--preset--color--black);
	margin: 0;
}

.recipe-step__description {
	font-size: var(--wp--preset--font-size--14);
	line-height: var(--wp--custom--line-height--15);
	letter-spacing: 0;
	color: var(--wp--preset--color--gray-700);
	margin: 0;
}

@media screen and (min-width: 768px) {
	.recipe-step {
		grid-template-columns: 1fr 1fr;
		gap: var(--wp--preset--spacing--40);
	}

	.recipe-ingredients__grid,
	.recipe-nutrition__grid {
		grid-template-columns: 1fr 1fr;
		gap: var(--wp--preset--spacing--24);
	}
}

@media screen and (min-width: 992px) {
	.recipe-detail {
		grid-template-columns: 1fr 1fr;
		gap: var(--wp--preset--spacing--40);
		align-items: start;
	}

	.recipe-detail__media {
		position: sticky;
		top: var(--wp--preset--spacing--24);
	}

	.recipe-detail__video,
	.recipe-detail__video-wrap {
		aspect-ratio: 3 / 4;
	}

	.recipe-detail__content {
		gap: var(--wp--preset--spacing--40);
	}

	.recipe-detail__header {
		gap: var(--wp--preset--spacing--24);
	}

	.recipe-detail__title {
		font-size: var(--wp--preset--font-size--48);
		line-height: var(--wp--custom--line-height--12);
	}

	.recipe-meta__category {
		font-size: var(--wp--preset--font-size--18);
		gap: var(--wp--preset--spacing--16);
	}

	.recipe-steps {
		position: static;
		overflow: visible;
	}

	.recipe-steps__heading {
		position: static;
		z-index: auto;
		font-size: var(--wp--preset--font-size--32);
	}

	.recipe-steps__list {
		position: static;
		z-index: auto;
		gap: var(--wp--preset--spacing--40);
	}

	.recipe-step__number {
		font-size: var(--wp--preset--font-size--32);
	}

	.recipe-step__description {
		font-size: var(--wp--preset--font-size--18);
	}
}

.recipe-detail-wrap {
}