.product__further-info, .product__description {
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.5;
}
.section-main-product {
	z-index: 2
}
.product__container {
	background-color: #F9FAE0;
	max-width: 100%;
	padding: calc(4rem + var(--header-height, 71px)) 0 calc(var(--wave-height) * .5)
}
@media (min-width: 64em) {
	.product__container {
		padding: calc(var(--header-height, 71px) + 6rem) 0 calc(var(--wave-height) * .5)
	}
}
.product__container wave-animation {
	overflow: visible;
	position: absolute;
	bottom: 0;
	z-index: 1;
	width: 100%
}
.product__container wave-animation use {
	animation-delay: -11s
}
.product__marquee {
	transition: all .3s ease-in-out;
	transition-property: opacity;
	align-items: center;
	color: #573F1C;
	display: flex;
	font-size: clamp(9.6rem, 23.8497652582vw + .6563380282rem, 35rem);
	font-family: 'Nunito', sans-serif;
	font-weight: 900;
	left: 0;
	letter-spacing: .068em;
	pointer-events: none;
	position: absolute;
	right: 0;
	text-transform: uppercase;
	top: clamp(30rem, -1.8779342723vw + 30.7042253521rem, 28rem);
	line-height: 1;
	max-width: 100vw;
	overflow: hidden
}
@media (min-width: 90em) {
	.product__marquee {
		top: 30rem
	}
}

.product__marquee-text {
	transition: all .3s ease-in-out;
	transition-property: opacity;
	width: fit-content;
	display: flex;
	position: relative;
	transform: translate3d(calc(-25% + 20vw), 0, 0);
	animation: marquee 52s linear infinite
}
.product__pagination {
	height: 2rem;
	position: relative;
	z-index: 2;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%
}
.product__pagination .swiper-pagination-bullet {
	height: 1.4rem;
	width: 1.4rem;
	background-color: #fff;
	transition: all .3s ease-in-out;
	transition-property: background-color
}
.product__pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
	background-color: #573F1C
}
.product__layout {
	display: grid;
	padding-left: 1rem;
	padding-right: 1rem;
	padding-bottom: 8rem;
	row-gap: 4rem
}
@media (min-width: 32.5em) {
	.product__layout {
		padding-left: 1.5rem;
		padding-right: 1.5rem
	}
}
@media (min-width: 48em) {
	.product__layout {
		padding-left: 5rem;
		padding-right: 5rem;
		row-gap: 5rem
	}
}
@media (min-width: 64em) {
	.product__layout {
		row-gap: 0;
		padding-bottom: 6rem;
		grid-template-columns: 2fr 3fr;
		padding-left: 9rem;
		padding-right: 9rem;
		column-gap: 2rem
	}
}
@media (min-width: 90em) {
	.product__layout {
		grid-template-columns: repeat(2, 50%);
		column-gap: 0
	}
}
.product__media-wrapper {
	padding-left: 0;
	position: relative;
	z-index: 1;
	align-self: start
}
@media (min-width: 48em) {
	.product__media-wrapper {
		width: 100%;
		position: relative
	}
	.product__media-wrapper:before {
		content: "";
		display: block;
		padding-top: 100%
	}
	.product__media-wrapper>img {
		bottom: 0;
		height: 100%;
		left: 0;
		object-fit: contain;
		object-position: center;
		position: absolute;
		right: 0;
		top: 0;
		width: 100%
	}
}
@media (min-width: 48em) {
	.product__media {
		position: absolute;
		top: 0;
		left: 0;
		bottom: 0;
		right: 0
	}
}
.product__media .swiper {
	height: 100%
}
product-image-carousel.swiper[active] {
	overflow: visible
}
product-image-carousel.swiper[active] .swiper-slide:not(.swiper-slide-active) {
	opacity: 0
}
product-image-carousel.swiper[active] .swiper-slide:not(.swiper-slide-active) .product__image img {
	filter: none
}
.product__image {
	height: 100%
}
.product__image.wide img, .product__image.tall img {
	border-radius: 2rem
}
.product__image.wide {
	width: 100%
}
.product__image img {
	transition: all .1s ease-out;
	transition-property: filter;
	display: block;
	filter: drop-shadow(0 0 2.5rem rgba(0, 0, 0, .16));
	height: 100%;
	margin: 0 auto;
	max-width: 100%;
	object-fit: contain;
	width: auto;
	border-radius: 1.5rem
}
.product__info-container {
	padding-left: 0;
	padding-bottom: 0;
	box-shadow: 0 0 5rem #00000029;
	border-radius: 2rem;
	position: relative;
	z-index: 1
}
@media (min-width: 48em) {
	.product__info-container {
		box-shadow: 0 0 5rem #0000004a
	}
}
@media (min-width: 64em) {
	.product__info-container.product__info-container--sticky {
		position: sticky;
		top: 6rem;
		z-index: 2
	}
}
@media (min-width: 90em) {
	.product__info-container {
		max-width: 60rem;
		margin: 0 auto
	}
}
.product__info-header {
	background-color: #FFF2E7;
	border-radius: 2rem 2rem 0 0;
	display: flex;
	align-items: center;
	padding: 2rem;
	justify-content: space-between
}
@media (min-width: 32.5em) {
	.product__info-header {
		padding: 3rem 4rem
	}
}
.product__title {
	font-size: 1.8rem;
	font-weight: 900;
	line-height: 1.22;
	letter-spacing: .9px;
	text-align: left;
	color: #573F1C;
	word-break: break-word;
	text-transform: uppercase
}
@media (min-width: 32.5em) {
	.product__title {
		font-size: 2rem;
		letter-spacing: 1.5px;
		line-height: 1
	}
}
.product__variant-number {
	color: #000;
	display: flex;
	flex-direction: column;
	font-weight: 900;
	letter-spacing: 1.5px;
	line-height: 1;
	min-width: 4rem;
	text-align: center
}
@media (min-width: 32.5em) {
	.product__variant-number {
		min-width: 8rem
	}
}
.product__variant-number small {
	font-size: 1rem;
	text-transform: uppercase;
	letter-spacing: .5px;
	line-height: 1.7
}
@media (min-width: 32.5em) {
	.product__variant-number small {
		line-height: 2
	}
}
.product__variant-number span {
	font-size: 1.5rem
}
@media (min-width: 32.5em) {
	.product__variant-number span {
		font-size: 3rem;
		margin-bottom: .5rem
	}
}
.product__info-body {
	background-color: #fff;
	border-radius: 0 0 2rem 2rem;
	padding: 3rem 0 4rem
}
.product__info-body>*:not(subscription-widget) {
	padding-left: 2rem;
	padding-right: 2rem
}
@media (min-width: 32.5em) {
	.product__info-body>*:not(subscription-widget) {
		padding-left: 3.25rem;
		padding-right: 3.25rem
	}
}
.product__origin {
	text-transform: uppercase;
	font-size: 1.5rem;
	line-height: 1.47;
	margin-bottom: 1rem;
	font-weight: 600
}
.product__flavour-notes {
	color: #000;
	font-family: futura-pt-bold, sans-serif;
	font-size: 1.5rem;
	line-height: 1.5;
	margin-bottom: 1rem;
	text-transform: uppercase
}
@media (min-width: 32.5em) {
	.product__flavour-notes {
		font-size: 2rem;
		letter-spacing: 1px;
		margin-bottom: 1.7rem
	}
}
.product__further-info, .product__description {
	font-family: 'Zen Maru Gothic', sans-serif;
	color: #573F1C;
	text-align: left;
	margin-bottom: 2rem
}
.product__further-info p+accordion-block, .product__description p+accordion-block {
	margin-top: 2rem
}
.product__options {
	padding: 1rem 3rem 3rem 2rem;
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	column-gap: 2rem;
	border-top: solid 1px #dbdbdb;
	border-bottom: solid 1px #dbdbdb
}
@media (min-width: 32.5em) and (max-width: 47.99em) {
	.product__options {
		padding-left: 4rem;
		padding-right: 4rem
	}
}
@media (min-width: 48em) {
	.product__options {
		grid-template-columns: 7fr 3fr;
		padding-bottom: 0;
		padding-top: 0;
		column-gap: 0
	}
	.template-product-pods .product__options {
		grid-template-columns: 5fr 3fr
	}
}
.product__options variant-selects {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-template-rows: repeat(2, auto);
	column-gap: 2rem
}
@media (min-width: 48em) {
	.product__options variant-selects {
		grid-template-rows: 1fr;
		grid-row: 1;
		grid-column: 1;
		grid-template-columns: 4fr 3fr;
		column-gap: 0
	}
}
.product__fieldset[data-field=Size] {
	grid-column: 1/span 2
}
.product__fieldset[data-field="Type of grind"] {
	grid-row: 1;
	grid-column: 1/span 2;
	width: 100%;
	justify-self: start
}
@media (min-width: 48em) {
	.product__fieldset[data-field="Type of grind"] {
		grid-column: 1
	}
}
.product__fieldset[data-field=Weight] {
	grid-row: 2;
	grid-column: 1
}
@media (min-width: 48em) {
	.product__fieldset[data-field=Weight] {
		grid-row: 1;
		grid-column: 2
	}
}
.product__label {
	font-family: futura-pt-bold, sans-serif;
	color: #000;
	letter-spacing: .05em;
	text-transform: uppercase;
	margin-bottom: 2rem;
	font-size: 1.5rem;
	line-height: 1
}
.product__fieldset {
	display: block;
	padding-top: 2rem
}
@media (min-width: 32.5em) {
	.product__fieldset {
		padding-top: 3rem
	}
}
@media (min-width: 48em) {
	.product__fieldset {
		padding-top: 3.5rem;
		padding-bottom: 2rem
	}
}
variant-selects {
	display: grid;
	grid-template-columns: 1fr;
	grid-row: 1/span 2;
	grid-column: 1/span 2
}
@media (min-width: 48em) {
	variant-selects .product__fieldset {
		padding-right: 2rem;
		border-right: solid 1px #dbdbdb
	}
	variant-selects .product__fieldset:not(:first-of-type) {
		padding-left: 2rem
	}
}
@media (max-width: 47.99em) {
	.product__fieldset[data-field=quantity] {
		grid-row: 2;
		grid-column: 2
	}
}
@media (min-width: 48em) {
	.product__fieldset[data-field=quantity] {
		padding-left: 2rem
	}
}
.product__fieldset .quantity {
	width: 100%;
	height: 5.7rem
}
.product__fieldset .quantity .quantity__input {
	font-size: 1.3rem;
	font-weight: 900;
	color: #027223;
	line-height: 1.54;
	letter-spacing: .65px
}
.product__fieldset .quantity .icon {
	color: #707070
}
.product__key-info {
	color: #707070;
	font-size: 1.5rem;
	line-height: 1.47;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: normal;
	margin-bottom: 1rem
}
.product__key-info div {
	display: inline-block
}
.product__info-footer {
	padding-top: 3rem;
	display: grid;
	grid-template-areas: "shipping" "price" "button";
	row-gap: 2rem
}
@media (min-width: 48em) {
	.product__info-footer {
		align-items: center;
		grid-template-columns: max-content auto minmax(min-content, 33%);
		column-gap: 2rem;
		row-gap: 0;
		grid-template-areas: "price shipping button"
	}
}
@media (min-width: 90em) {
	.product__info-footer {
		column-gap: 3rem
	}
}
.product__price {
	display: flex;
	flex-wrap: wrap;
	font-weight: 500;
	font-size: 2rem;
	color: #573F1C;
	letter-spacing: normal;
	grid-area: price
}
.product__price span{
	font-size: 1rem
}
.product__price strong {
	color: #573F1C;
	font-family: 'Quicksand', sans-serif
}
.product__badges {
	flex: 1 0 100%;
	display: flex;
	align-items: center;
	justify-content: flex-start
}
.product__badges .badge {
	text-transform: uppercase;
	font-size: 1.3rem;
	font-weight: 900;
	letter-spacing: .65px;
	border: solid 1px;
	line-height: 1
}
.product__badges .price__badge-sold-out {
	border-color: #000;
	color: #000;
	background: none
}
.product__badges .price__badge-sale {
	background-color: #000;
	color: #fff
}
.product__badges .price__badge-sale+.price__badge-sold-out {
	margin-left: .5rem
}
.product__shipping-info {
	font-size: 1.5rem;
	font-family: futura-pt-bold, sans-serif;
	text-transform: uppercase;
	color: #28572a;
	line-height: 1.06;
	letter-spacing: -.15px;
	grid-area: shipping
}
@media (min-width: 48em) {
	.product__shipping-info {
		max-width: 16rem;
		justify-self: end
	}
}
.product__shipping-info strong {
	color: #027223
}
@media screen and (max-width: 749px) {
	.product-section {
		margin-top: 0
	}
}
@media screen and (min-width: 750px) {
	.product__media-container .slider-buttons {
		display: none
	}
}
.shopify-payment-button__button {
	border-radius: 0;
	font-family: inherit;
	min-height: 4.6rem
}
.shopify-payment-button__button [role=button].focused, .no-js .shopify-payment-button__button [role=button]:focus {
	outline: .2rem solid rgba(var(--color-foreground), .5)!important;
	outline-offset: .3rem;
	box-shadow: 0 0 0 .1rem rgba(var(--color-button), var(--alpha-button-border)), 0 0 0 .3rem rgb(var(--color-background)), 0 0 .5rem .4rem rgba(var(--color-foreground), .3)!important
}
.shopify-payment-button__button [role=button]:focus:not(:focus-visible) {
	outline: 0;
	box-shadow: none!important
}
.shopify-payment-button__button [role=button]:focus-visible {
	outline: .2rem solid rgba(var(--color-foreground), .5)!important;
	box-shadow: 0 0 0 .1rem rgba(var(--color-button), var(--alpha-button-border)), 0 0 0 .3rem rgb(var(--color-background)), 0 0 .5rem .4rem rgba(var(--color-foreground), .3)!important
}
.shopify-payment-button__button--unbranded {
	background-color: rgba(var(--color-button), var(--alpha-button-background));
	box-shadow: 0 0 0 .1rem rgba(var(--color-button), var(--alpha-button-border));
	color: rgb(var(--color-button-text));
	font-size: 1.4rem;
	line-height: calc(1 + .2 / var(--font-body-scale));
	letter-spacing: .07rem
}
.shopify-payment-button__button--unbranded::selection {
	background-color: rgba(var(--color-button-text), .3)
}
.shopify-payment-button__button--unbranded:hover, .shopify-payment-button__button--unbranded:hover:not([disabled]) {
	background-color: rgba(var(--color-button), var(--alpha-button-background));
	box-shadow: 0 0 0 .2rem rgba(var(--color-button), var(--alpha-button-border))
}
.shopify-payment-button__more-options {
	margin: 1.6rem 0 1rem;
	font-size: 1.2rem;
	line-height: calc(1 + .5 / var(--font-body-scale));
	letter-spacing: .05rem;
	text-decoration: underline;
	text-underline-offset: .3rem
}
.shopify-payment-button__button--hidden {
	display: none
}
.product-form {
	display: block;
	grid-area: button
}
@media (min-width: 48em) {
	.product-form {
		justify-self: center
	}
}
.product-form__error-message-wrapper:not([hidden]) {
	align-items: flex-start;
	color: red;
	display: flex;
	font-size: 1.5rem;
	margin-bottom: 1.5rem
}
.product-form__error-message-wrapper:not([hidden]) .icon-error {
	fill: red;
	flex-shrink: 0;
	height: 1.5rem;
	margin-right: .7rem;
	margin-top: .15rem;
	width: 1.5rem
}
.product-form__input {
	flex: 0 0 100%;
	padding: 0;
	margin: 0 0 1.2rem;
	max-width: 37rem;
	min-width: fit-content;
	border: none
}
variant-radios {
	display: block
}
.product-form__input--dropdown {
	margin-bottom: 1.6rem
}
.product-form__input .form__label {
	padding-left: 0
}
fieldset.product-form__input .form__label {
	margin-bottom: .2rem
}
.product-form__input input[type=radio] {
	clip: rect(0, 0, 0, 0);
	overflow: hidden;
	position: absolute;
	height: 1px;
	width: 1px
}
.product-form__input input[type=radio]+label {
	border: .1rem solid rgba(var(--color-foreground), .55);
	border-radius: 4rem;
	color: rgb(var(--color-foreground));
	display: inline-block;
	margin: .7rem .5rem .2rem 0;
	padding: 1rem 2rem;
	font-size: 1.4rem;
	letter-spacing: .1rem;
	line-height: 1;
	text-align: center;
	transition: border var(--duration-short) ease;
	cursor: pointer
}
.product-form__input input[type=radio]+label:hover {
	border: .1rem solid rgb(var(--color-foreground))
}
.product-form__input input[type=radio]:checked+label {
	background-color: rgb(var(--color-foreground));
	color: rgb(var(--color-background))
}
@media screen and (forced-colors: active) {
	.product-form__input input[type=radio]:checked+label {
		text-decoration: underline
	}
}
.product-form__input input[type=radio]:checked+label::selection {
	background-color: rgba(var(--color-background), .3)
}
.product-form__input input[type=radio]:disabled+label {
	border-color: rgba(var(--color-foreground), .1);
	color: rgba(var(--color-foreground), .4);
	text-decoration: line-through
}
.product-form__input input[type=radio]:focus-visible+label {
	box-shadow: 0 0 0 .3rem rgb(var(--color-background)), 0 0 0 .5rem rgba(var(--color-foreground), .55)
}
.product-form__input input[type=radio].focused+label {
	box-shadow: 0 0 0 .3rem rgb(var(--color-background)), 0 0 0 .5rem rgba(var(--color-foreground), .55)
}
.product-form__input .select {
	max-width: 25rem
}
.product-form__submit[aria-disabled=true]+.shopify-payment-button, .product-form__submit[disabled]+.shopify-payment-button {
	display: none
}
@media screen and (forced-colors: active) {
	.product-form__submit[aria-disabled=true] {
		color: Window
	}
}
.shopify-payment-button__more-options {
	color: rgb(var(--color-foreground))
}
.shopify-payment-button__button {
	font-size: 1.5rem;
	letter-spacing: .1rem
}
.product__text {
	margin-bottom: 0
}
a.product__text {
	display: block;
	text-decoration: none;
	color: rgba(var(--color-foreground), .75)
}
.product__text.caption-with-letter-spacing {
	text-transform: uppercase
}
.product .price {
	align-items: flex-start
}
.product .price .badge, .product .price dl {
	margin-top: .5rem;
	margin-bottom: .5rem
}
.product .price--sold-out .price__badge-sold-out {
	background: transparent;
	color: rgb(var(--color-background));
	border: none
}
.product .price--sold-out .price__badge-sale {
	display: none
}
@media screen and (min-width: 750px) {
	.product__info-container .price--on-sale .price-item--regular {
		font-size: 1.6rem
	}
	.product__info-container>*:first-child {
		margin-top: 0
	}
}
.product__description-title {
	font-weight: 600
}
.product__tax {
	margin-top: -1.4rem
}
@media screen and (max-width: 749px) {
	.product__media-list {
		margin-left: -2.5rem;
		padding-bottom: 2rem;
		margin-bottom: 3rem;
		width: calc(100% + 4rem)
	}
	.product__media-wrapper slider-component {
		margin-left: -1.5rem;
		margin-right: -1.5rem
	}
	.slider.slider--mobile.product__media-list {
		padding-bottom: 0;
		margin-bottom: .5rem
	}
	.slider.product__media-list::-webkit-scrollbar {
		height: .2rem;
		width: .2rem
	}
	.product__media-list::-webkit-scrollbar-thumb {
		background-color: rgb(var(--color-foreground))
	}
	.product__media-list::-webkit-scrollbar-track {
		background-color: rgba(var(--color-foreground), .2)
	}
	.product__media-list .product__media-item {
		width: calc(100% - 3rem)
	}
	.slider.product__media-list .product__media-item:first-of-type {
		padding-left: 1.5rem
	}
}
@media screen and (min-width: 750px) {
	.product__media-item:first-child {
		width: 100%
	}
	.product-media-modal__content>.product__media-item--variant.product__media-item--variant {
		display: none
	}
	.product-media-modal__content>.product__media-item--variant:first-child {
		display: block
	}
}
.product__media-item--variant {
	display: none
}
.product__media-item--variant:first-child {
	display: block
}
@media screen and (max-width: 749px) {
	.product__media-item--variant:first-child {
		padding-right: 1.5rem
	}
}
@media screen and (min-width: 750px) and (max-width: 989px) {
	.product__media-list .product__media-item:first-child {
		padding-left: 0
	}
	.product__media-list .product__media-item {
		padding: 0 0 .5rem;
		width: 100%
	}
}
.product__media-icon .icon {
	width: 1.2rem;
	height: 1.4rem
}
.product__media-icon {
	background-color: rgb(var(--color-background));
	border-radius: 50%;
	border: .1rem solid rgba(var(--color-foreground), .1);
	color: rgb(var(--color-foreground));
	display: flex;
	align-items: center;
	justify-content: center;
	height: 3rem;
	width: 3rem;
	position: absolute;
	left: 1.5rem;
	top: 1.5rem;
	z-index: 1;
	transition: color var(--duration-short) ease, opacity var(--duration-short) ease
}
.product__media-video .product__media-icon {
	opacity: 1
}
.product__modal-opener--image .product__media-toggle:hover {
	cursor: zoom-in
}
.product__modal-opener:hover .product__media-icon {
	border: .1rem solid rgba(var(--color-foreground), .1)
}
@media screen and (min-width: 750px) {
	.grid__item.product__media-item--full {
		width: 100%
	}
}
@media screen and (min-width: 990px) {
	.product__modal-opener .product__media-icon {
		opacity: 0
	}
	.product__modal-opener:hover .product__media-icon, .product__modal-opener:focus .product__media-icon {
		opacity: 1
	}
}
.product__media-item>* {
	display: block;
	position: relative
}
.product__media-toggle {
	background-color: transparent;
	border: none;
	cursor: pointer;
	display: block;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
	height: 100%;
	width: 100%
}
.product-media-modal {
	background-color: rgb(var(--color-background));
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	visibility: hidden;
	opacity: 0;
	z-index: -1
}
.product-media-modal[open] {
	visibility: visible;
	opacity: 1;
	z-index: 101
}
.product-media-modal__dialog {
	display: flex;
	align-items: center;
	height: 100vh
}
.product-media-modal__content {
	max-height: 100vh;
	width: 100%;
	overflow: auto;
	-webkit-overflow-scrolling: touch
}
.product-media-modal__content>*:not(.active), .product__media-list .deferred-media {
	display: none
}
@media screen and (min-width: 750px) {
	.product-media-modal__content {
		padding-bottom: 2rem
	}
	.product-media-modal__content>*:not(.active) {
		display: block
	}
	.product__modal-opener:not(.product__modal-opener--image) {
		display: none
	}
	.product__media-list .deferred-media {
		display: block
	}
}
.product__media-list .deferred-media, .product__media-list .product__modal-opener {
	border: .1rem solid rgba(var(--color-foreground), .04)
}
.product-media-modal__content>* {
	display: block;
	height: auto;
	margin: auto;
	border: .1rem solid rgba(var(--color-foreground), .04)
}
.product-media-modal__content .media {
	background: none
}
.product-media-modal__model {
	width: 100%
}
.product-media-modal__toggle {
	background-color: rgb(var(--color-background));
	border: .1rem solid rgba(var(--color-foreground), .1);
	border-radius: 50%;
	color: rgba(var(--color-foreground), .55);
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	right: 2rem;
	padding: 1.2rem;
	position: fixed;
	z-index: 2;
	top: 2rem;
	width: 4rem
}
.product-media-modal__content .deferred-media {
	width: 100%
}
@media screen and (min-width: 750px) {
	.product-media-modal__content {
		padding: 2rem 11rem
	}
	.product-media-modal__content>* {
		width: 100%
	}
	.product-media-modal__content>*+* {
		margin-top: 2rem
	}
	.product-media-modal__toggle {
		right: 5rem;
		top: 2.2rem
	}
}
@media screen and (min-width: 990px) {
	.product-media-modal__content {
		padding: 2rem 11rem
	}
	.product-media-modal__content>*+* {
		margin-top: 1.5rem
	}
	.product-media-modal__content {
		padding-bottom: 1.5rem
	}
	.product-media-modal__toggle {
		right: 5rem
	}
}
.product-media-modal__toggle:hover {
	color: rgba(var(--color-foreground), .75)
}
.product-media-modal__toggle .icon {
	height: auto;
	margin: 0;
	width: 2.2rem
}
.product-popup-modal {
	box-sizing: border-box;
	opacity: 0;
	position: fixed;
	visibility: hidden;
	z-index: -1;
	margin: 0 auto;
	top: 0;
	left: 0;
	overflow: auto;
	-webkit-overflow-scrolling: touch;
	width: 100%;
	background: rgba(var(--color-foreground), .2);
	height: 100%
}
.product-popup-modal[open] {
	opacity: 1;
	visibility: visible;
	z-index: 101
}
.product-popup-modal__content {
	background-color: rgb(var(--color-background));
	overflow: auto;
	-webkit-overflow-scrolling: touch;
	height: 80%;
	margin: 0 auto;
	left: 50%;
	transform: translate(-50%);
	margin-top: 5rem;
	width: 92%;
	position: absolute;
	top: 0;
	padding: 0 1.5rem 0 3rem
}
@media screen and (min-width: 750px) {
	.product-popup-modal__content {
		padding-right: 1.5rem;
		margin-top: 10rem;
		width: 70%;
		padding: 0 3rem
	}
}
.product-popup-modal__content img {
	max-width: 100%
}
@media screen and (max-width: 749px) {
	.product-popup-modal__content table {
		display: block;
		max-width: fit-content;
		overflow-x: auto;
		white-space: nowrap;
		margin: 0
	}
}
.product-popup-modal__opener {
	display: inline-block
}
.product-popup-modal__button {
	font-size: 1.6rem;
	padding-right: 1.3rem;
	padding-left: 0;
	height: 4.4rem;
	text-underline-offset: .3rem;
	text-decoration-thickness: .1rem;
	transition: text-decoration-thickness var(--duration-short) ease
}
.product-popup-modal__button:hover {
	text-decoration-thickness: .2rem
}
.product-popup-modal__content-info {
	padding-right: 4.4rem
}
.product-popup-modal__content-info>* {
	height: auto;
	margin: 0 auto;
	max-width: 100%;
	width: 100%
}
@media screen and (max-width: 749px) {
	.product-popup-modal__content-info>* {
		max-height: 100%
	}
}
.product-popup-modal__toggle {
	background-color: rgb(var(--color-background));
	border: .1rem solid rgba(var(--color-foreground), .1);
	border-radius: 50%;
	color: rgba(var(--color-foreground), .55);
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	position: sticky;
	padding: 1.2rem;
	z-index: 2;
	top: 1.5rem;
	width: 4rem;
	margin: 0 0 0 auto
}
.product-popup-modal__toggle:hover {
	color: rgba(var(--color-foreground), .75)
}
.product-popup-modal__toggle .icon {
	height: auto;
	margin: 0;
	width: 2.2rem
}
.product__stamp {
	bottom: calc(var(--wave-height) * .4);
	height: 10rem;
	left: 50%;
	position: absolute;
	transform: translate(-50%, 50%);
	width: 10rem;
	z-index: 1
}
.product__stamp svg {
	pointer-events: none
}
.oyatsushindan-buttons{
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    justify-content: space-around
}