.section--product {
	transition: opacity ease 0.5s;
}
.section--product.section--leaving {
	opacity: 0;
}
.section--product.section--enter-state {
	/* No additional styles */
}

.row--product {
	padding-bottom: 11.25rem;
	position: relative;
}

.row--product h1,
.row--product h2,
.row--product h3{
	font-weight: normal !important;
}

.column--product-box {
	padding-top: 7.25rem;
	width: 40%;
	max-width: 40%;
}

.column--product-summary {
	width: 60%;
	max-width: 60%;
	padding: 8rem 18.5rem 0 0;
}

.row--product-title-description-delimiter {
	width: 2.125rem;
	height: 1px;
	background-color: #a47969;
	margin: 2rem 0;
}

.row--product-accordion-sticker {
	padding-bottom: 1rem;
}

.heading--product-brand-title {
	font-family: Karla, sans-serif;
	font-size: 0.95rem;
	letter-spacing: 0.07rem;
	margin-bottom: 0.5rem;
	color: #b98058;
}

.heading--product-title {
	width: 100%;
	font-family: Anton, sans-serif;
	font-size: 2rem;
	color: #535353;
	letter-spacing: 0.1375rem;
}

.text--product-description {
	font-family: Karla, sans-serif;
	color: black;
	font-size: 1.25rem;
	letter-spacing: 0.1rem;
	margin-bottom: 3rem;
}

.column--product-food-service-facts {
	margin-bottom: 2.5rem;
}

.text--product-item-code,
.text--product-weight,
.text--product-units {
	font-size: 1.15rem;
	letter-spacing: 0.05rem;
	margin-bottom: 0.5rem;
}
.text--product-item-code > span,
.text--product-weight > span,
.text--product-units > span {
	font-weight: bold;
}

.product-box-image-container {
	height: 29rem;
	width: 100%;
	display: flex;
	justify-content: center;
	margin-bottom: 3.5rem;
}

.product-box-image {
	height: 100%;
	max-width: 70%;
	object-fit: contain;
	display: none;
}
.product-box-image--active {
	display: block;
}

.product-box-image--nutrition-fact {
	display: none;
	width: 100%;
	flex-direction: column;
	justify-content: center;
}
.product-box-image--nutrition-fact > div {
	width: 100%;
}
.product-box-image--nutrition-fact.product-box-image--active {
	display: flex;
}

.text--product-delimiter {
	border-bottom: 1px solid black;
	padding-bottom: 1rem;
	padding-left: 1rem;
	width: 100%;
	margin-bottom: 1rem;
}

.text--product-text {
	padding-left: 1rem;
	margin-bottom: 1rem;
}

.product-recipe-preview-texts {
	padding: 1.5rem 1rem;
	background-color: white;
}

.list--product-box-toggles {
	width: 16rem;
}

.row--toggle-nutrition-fact {
	margin-top: 0.8rem;
}

.button--product-box-toggle {
	transition: background-color ease 0.15s;
	width: 100%;
	text-transform: uppercase;
}

.row--products-preview {
	background-color: #f7f7f7;
	padding: 10.5rem 13.5rem 9rem 14.5rem;
}

.row--products-preview h1,
.row--products-preview h2,
.row--products-preview h3 {
	font-weight: normal !important;
}

.heading--product-preview {
	font-family: Anton, sans-serif;
	font-size: 3.125rem;
	letter-spacing: 0.22rem;
	color: #535353;
	margin-bottom: 3.75rem;
	text-transform: uppercase;
}

.text--product-preview {
	font-family: Karla, sans-serif;
	font-size: 1.5rem;
	letter-spacing: 0.1rem;
	color: #171512;
	line-height: 2.5rem;
}

.row--product-preview-box-image-container {
	height: 17.75rem;
	padding-bottom: 2.75rem;
}

.column--product-preview {
	width: 27%;
}

.column--product-preview-cell {
	padding-left: 6.25rem;
	max-width: 24%;
}

.cell--product-preview {
	padding: 0;
	width: 16rem;
	margin: 0;
}

.product-preview-box-image {
	height: 100%;
	width: 100%;
	object-fit: contain;
}

.heading--product-preview-brand-name {
	font-family: Karla, sans-serif;
	font-size: 0.95rem;
	letter-spacing: 0.06875rem;
	color: #b98058;
	text-transform: uppercase;
	width: 100%;
}

.heading--product-preview-product-name {
	font-family: Anton, sans-serif;
	font-size: 1.375rem;
	letter-spacing: 0.1rem;
	color: #4a4a4a;
	text-transform: uppercase;
	margin-bottom: 1.25rem;
	width: 100%;
}

.text--product-preview-link {
	font-family: Karla, sans-serif;
	font-size: 1.25rem;
	color: #4e2e27;
	line-height: 2.5rem;
	font-style: italic;
	text-shadow: none;
}
.text--product-preview-link .cell-right-arrow {
	width: 1.5rem;
	right: -2rem;
}

.product-preview-link-arrow {
	width: 1.625rem;
	height: 1rem;
	color: black;
	padding-left: 0.75rem;
}

.section--products-recipes .column--recipes-header {
	margin-bottom: 7.25rem;
}

.flavor-img {
	position: absolute;
	z-index: -2;
	top: 0;
	bottom: 0;
	margin: auto;
	right: 0;
	width: 100%;
	max-height: 61rem;
}

.section-product-background {
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: -1;
}
.section-product-background img {
	position: absolute;
	width: 100%;
	height: 100%;
	object-fit: contain;
}
.section-product-background > div {
	position: absolute;
}
.section-product-background > div:nth-child(1) {
	top: 20rem;
	right: 12.5rem;
	height: 6.5rem;
	width: 6%;
}
.section-product-background > div:nth-child(1) > img {
	transform: rotate(87deg);
}
.section-product-background > div:nth-child(2) {
	top: 37.25rem;
	right: 15.5rem;
	height: 5.5rem;
	width: 5%;
}
.section-product-background > div:nth-child(2) > img {
	transform: rotate(-65deg);
}
.section-product-background > div:nth-child(3) {
	bottom: 22rem;
	right: 6rem;
	height: 7.25rem;
	width: 6.5%;
}
.section-product-background > div:nth-child(3) > img {
	transform: rotate(-127deg);
}
.section-product-background > div:nth-child(4) {
	top: 39rem;
	left: 30rem;
	height: 5rem;
	width: 4.25%;
}
.section-product-background > div:nth-child(4) > img {
	transform: rotate(93deg);
}
.section-product-background > div:nth-child(5) {
	bottom: 12rem;
	left: 38rem;
	height: 6rem;
	width: 5%;
}
.section-product-background > div:nth-child(5) > img {
	transform: rotate(-14deg);
}
.section-product-background > div:nth-child(6) {
	bottom: 15rem;
	left: 34rem;
	height: 6rem;
	width: 5%;
}
.section-product-background > div:nth-child(6) > img {
	transform: rotate(-14deg);
}
.section-product-background > div:nth-child(7) {
	bottom: 15rem;
	right: 12rem;
	height: 6rem;
	width: 5%;
}
.section-product-background > div:nth-child(7) > img {
	transform: rotate(-14deg);
}

.section-container--products-recipes {
	position: relative;
}

.section-background-column--left-products-recipes > div,
.section-background-column--right-products-recipes > div {
	position: absolute;
}
.section-background-column--left-products-recipes img,
.section-background-column--right-products-recipes img {
	height: 100%;
	width: 100%;
	object-fit: contain;
}

.section-background-column--left-products-recipes > div:nth-child(1) {
	top: -8.5rem;
	left: 12.5rem;
	height: 9rem;
	width: 7.5%;
}
.section-background-column--left-products-recipes > div:nth-child(1) img {
	transform: rotate(272deg);
}
.section-background-column--left-products-recipes > div:nth-child(2) {
	top: 1rem;
	left: 1.5rem;
	height: 5.5rem;
	width: 4%;
}
.section-background-column--left-products-recipes > div:nth-child(2) img {
	transform: rotate(195deg);
}
.section-background-column--left-products-recipes > div:nth-child(3) {
	top: 2rem;
	left: 1rem;
	height: 9.5rem;
	width: 8%;
}
.section-background-column--left-products-recipes > div:nth-child(3) img {
	transform: rotate(-86deg);
}
.section-background-column--left-products-recipes > div:nth-child(4) {
	bottom: 24rem;
	left: 1rem;
	height: 7.25rem;
	width: 6.5%;
}
.section-background-column--left-products-recipes > div:nth-child(4) img {
	transform: rotate(-12deg);
}
.section-background-column--left-products-recipes > div:nth-child(5) {
	bottom: 18rem;
	left: 8rem;
	height: 5.75rem;
	width: 5%;
}
.section-background-column--left-products-recipes > div:nth-child(5) img {
	transform: rotate(36deg);
}
.section-background-column--left-products-recipes > div:nth-child(6) {
	bottom: 4rem;
	left: 16.5rem;
	height: 13.75rem;
	width: 11%;
}
.section-background-column--left-products-recipes > div:nth-child(6) img {
	transform: rotate(45deg);
}
.section-background-column--left-products-recipes > div:nth-child(7) {
	bottom: -5rem;
	left: 5rem;
	height: 10rem;
	width: 8%;
}
.section-background-column--left-products-recipes > div:nth-child(7) img {
	transform: rotate(120deg);
}

.section-background-column--right-products-recipes > div:nth-child(1) {
	top: -10.5rem;
	right: -5rem;
	height: 10rem;
	width: 8.5%;
}
.section-background-column--right-products-recipes > div:nth-child(1) img {
	transform: rotate(160deg);
}
.section-background-column--right-products-recipes > div:nth-child(2) {
	top: -2rem;
	right: 2rem;
	height: 11rem;
	width: 9%;
}
.section-background-column--right-products-recipes > div:nth-child(2) img {
	transform: rotate(67deg);
}
.section-background-column--right-products-recipes > div:nth-child(3) {
	top: 6rem;
	right: 14rem;
	height: 12rem;
	width: 11%;
}
.section-background-column--right-products-recipes > div:nth-child(3) img {
	transform: rotate(44deg);
}
.section-background-column--right-products-recipes > div:nth-child(4) {
	bottom: 20rem;
	right: 6rem;
	height: 7rem;
	width: 5.5%;
}
.section-background-column--right-products-recipes > div:nth-child(4) img {
	transform: rotate(12deg);
}
.section-background-column--right-products-recipes > div:nth-child(5) {
	bottom: 5rem;
	right: 2rem;
	height: 5.75rem;
	width: 5%;
}
.section-background-column--right-products-recipes > div:nth-child(5) img {
	transform: rotate(36deg);
}
.section-background-column--right-products-recipes > div:nth-child(6) {
	bottom: -2rem;
	right: -3rem;
	height: 8rem;
	width: 7%;
}
.section-background-column--right-products-recipes > div:nth-child(6) img {
	transform: rotate(35deg);
}

.product-description-food-certification {
	width: 5.5rem;
	height: 5.5rem;
	object-fit: contain;
	margin-right: 0.5rem;
}

@media only screen and (max-width: 720px) {
	.row--product {
		display: block;
		padding-bottom: 0;
	}

	.column--product-box {
		padding-top: 3.25rem;
		width: 100%;
		max-width: 100%;
	}

	.column--product-summary {
		padding: 2rem 1rem;
		width: 100%;
		max-width: 100%;
	}

	.column--recipes-footer {
		margin-bottom: 2rem;
	}

	.product-box-image-container {
		height: 18rem;
		margin-bottom: 2rem;
	}

	.product-box-image {
		max-width: 90%;
	}

	.heading--product-brand-title {
		font-size: 0.8rem;
	}

	.heading--product-title {
		max-width: 90%;
		font-size: 1.15rem;
	}

	.text--product-description {
		font-size: 1rem;
	}

	.section--products-recipes .column--recipes-header {
		margin-bottom: 1.75rem;
	}

	.row--products-preview {
		display: block;
		padding: 2rem 1rem 1rem 1rem;
	}

	.column--product-preview {
		width: auto;
		padding-bottom: 1.5rem;
	}

	.heading--product-preview {
		font-size: 1.25rem;
		margin-bottom: 1.5rem;
	}

	.text--product-preview {
		font-size: 0.85rem;
		letter-spacing: 0.05rem;
		line-height: 1.5rem;
	}

	.column--product-preview-cell {
		padding-left: 1rem;
		max-width: 100%;
	}

	.column--product-preview-summary {
		flex-direction: row;
	}

	.row--product-preview-box-image-container {
		height: 10rem;
		padding-bottom: 0;
		padding-right: 1rem;
	}

	.heading--product-preview-brand-name {
		font-size: 0.75rem;
		margin-top: 1.5rem;
	}

	.heading--product-preview-product-name {
		font-size: 1rem;
		margin-bottom: 0;
	}

	.text--product-preview-link {
		font-size: 0.85rem;
		max-width: 2rem;
	}

	.product-description-food-certification {
		width: 4rem;
		height: 4rem;
	}

	.flavor-img {
		max-height: 12rem;
	}
}