html.mtt-popup-open,
body.mtt-popup-open {
	overflow: hidden;
}

.mtt-popup[hidden],
.mtt-popup.is-hidden {
	display: none !important;
}

.mtt-popup {
	--mtt-popup-animation-duration: 260ms;
	--mtt-popup-animation-easing: cubic-bezier(0.16, 1, 0.3, 1);

	position: fixed;
	inset: 0;
	z-index: 999999;
	display: grid;
	place-items: center;
	padding: 24px;
}

.mtt-popup__overlay {
	position: absolute;
	inset: 0;
	background: rgba(31, 20, 14, 0.56);
	backdrop-filter: blur(3px);
}

.mtt-popup.is-closing {
	pointer-events: none;
}

.mtt-popup.is-opening .mtt-popup__overlay {
	animation: mtt-popup-overlay-in var(--mtt-popup-animation-duration) ease-out both;
}

.mtt-popup.is-closing .mtt-popup__overlay {
	animation: mtt-popup-overlay-out 180ms ease-in both;
}

.mtt-popup__dialog {
	position: relative;
	z-index: 1;
	display: flex;
	flex-direction: column;
	width: min(760px, calc(100dvw - 48px));
	max-width: calc(100dvw - 48px);
	max-height: calc(100dvh - 48px);
	overflow: hidden;
	border: 0;
	border-radius: 0;
	background: transparent;
	color: var(--wp--preset--color--clay-roof, #792614);
	box-shadow: 0 18px 48px rgba(20, 14, 11, 0.16);
	box-sizing: border-box;
}

.mtt-popup__dialog:focus {
	outline: none;
}

.mtt-popup__dialog:focus-visible {
	outline: 2px solid currentcolor;
	outline-offset: 4px;
}

.mtt-popup.is-opening .mtt-popup__dialog {
	animation: mtt-popup-dialog-in var(--mtt-popup-animation-duration) var(--mtt-popup-animation-easing) both;
}

.mtt-popup.is-closing .mtt-popup__dialog {
	animation: mtt-popup-dialog-out 180ms ease-in both;
}

.mtt-popup__close {
	position: absolute;
	top: 24px;
	right: 24px;
	z-index: 3;
	display: block;
	width: 40px;
	height: 35px;
	padding: 0;
	border: 0;
	background: transparent;
	color: var(--mtt-popup-close-color, currentcolor);
	cursor: pointer;
	font-size: 0;
	line-height: 1;
}

.mtt-popup__close::before {
	content: "";
	position: absolute;
	inset: 0;
	background: currentcolor;
	mask: url(../images/close-x.svg) center / contain no-repeat;
	-webkit-mask: url(../images/close-x.svg) center / contain no-repeat;
}

.mtt-popup__close span[aria-hidden="true"] {
	display: none;
}

.mtt-popup__close:hover {
	opacity: 0.78;
}

.mtt-popup__close:focus-visible {
	outline: 2px solid currentcolor;
	outline-offset: 4px;
}

.mtt-popup__content {
	flex: 1 1 auto;
	width: 100%;
	min-height: 0;
	height: 100%;
	overflow: auto;
}

.mtt-popup__screen-reader-text {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border: 0;
}

.mtt-popup .wp-block {
	max-width: 100%;
}

.mtt-popup .alignwide,
.mtt-popup .alignfull {
	width: 100%;
	max-width: 100%;
	margin-right: 0;
	margin-left: 0;
}

@keyframes mtt-popup-overlay-in {

	from {
		opacity: 0;
	}

	to {
		opacity: 1;
	}
}

@keyframes mtt-popup-overlay-out {

	from {
		opacity: 1;
	}

	to {
		opacity: 0;
	}
}

@keyframes mtt-popup-dialog-in {

	from {
		opacity: 0;
		transform: translateY(18px) scale(0.98);
	}

	to {
		opacity: 1;
		transform: translateY(0) scale(1);
	}
}

@keyframes mtt-popup-dialog-out {

	from {
		opacity: 1;
		transform: translateY(0) scale(1);
	}

	to {
		opacity: 0;
		transform: translateY(10px) scale(0.985);
	}
}

@media (prefers-reduced-motion: reduce) {

	.mtt-popup.is-opening .mtt-popup__overlay,
	.mtt-popup.is-closing .mtt-popup__overlay,
	.mtt-popup.is-opening .mtt-popup__dialog,
	.mtt-popup.is-closing .mtt-popup__dialog {
		animation: none;
	}
}

.mtt-popup__content > .mtt-popup-pattern {
	width: 100%;
	min-height: 160px;
	margin: 0;
	box-sizing: border-box;
}

.mtt-popup__content > .mtt-popup-pattern.wp-block-group {
	padding: clamp(24px, 6vw, 48px);
}

.editor-styles-wrapper .mtt-popup-pattern {
	position: relative;
}

.editor-styles-wrapper .mtt-popup-pattern::after {
	content: "";
	position: absolute;
	top: 24px;
	right: 24px;
	z-index: 20;
	display: block;
	width: 40px;
	height: 35px;
	background: var(--mtt-popup-editor-close-color, currentcolor);
	mask: url(../images/close-x.svg) center / contain no-repeat;
	-webkit-mask: url(../images/close-x.svg) center / contain no-repeat;
	pointer-events: none;
}

.mtt-popup[data-mtt-trigger="newsletter"] .mtt-popup__dialog {
	width: min(800px, calc(100dvw - 48px));
	max-height: min(500px, calc(100dvh - 48px));
	color: var(--wp--preset--color--clay-roof, #792614);
	box-shadow: none;
}

.mtt-popup[data-mtt-trigger="newsletter"] .mtt-popup__content {
	overflow: auto;
}

.mtt-popup[data-mtt-trigger="newsletter"] .mtt-popup__close {
	top: 25px;
	right: 25px;
	width: 40px;
	height: 35px;
}

.mtt-popup-newsletter {
	--mtt-newsletter-clay: var(--wp--preset--color--clay-roof, #792614);
	--mtt-newsletter-salt: var(--wp--preset--color--salt-air, #9dbadb);
	--mtt-newsletter-sun: var(--wp--preset--color--sun-bleached, #ffe9bd);
	--mtt-newsletter-orange: var(--wp--preset--color--bitter-orange, #dd6413);
	--mtt-newsletter-deep: var(--wp--preset--color--deep-tide, #063564);
	--mtt-newsletter-field-frame: url(../images/search-input-frame.svg);
	--mtt-newsletter-arrow-cream: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='35' height='12' viewBox='0 0 35 12' fill='none'%3E%3Cpath d='M28.6778 0.5H26.771L27.0645 4.16411L23.1528 0.621648H21.1038L22.7074 4.9479H7.88133C7.56629 4.43575 7.3484 3.96823 7.23398 3.55374L0 1.5852C0.609146 3.43209 1.45373 5.07043 2.20525 5.53326L3.46903 6.14164L3.44861 6.5L3.44541 7.0086L2.158 7.4953C1.42169 7.75009 0.609146 9.56791 0 11.4148L7.23398 9.44626C7.34838 9.03156 7.56628 8.56419 7.88132 8.0521H22.5652L21.0039 12.3784H23.1386L27.5356 7.63867L26.7379 12.5H28.6755L35 6.41338L28.6778 0.5Z' fill='%23FFE9BD'/%3E%3C/svg%3E");
	--mtt-newsletter-arrow-deep: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='35' height='12' viewBox='0 0 35 12' fill='none'%3E%3Cpath d='M28.6778 0.5H26.771L27.0645 4.16411L23.1528 0.621648H21.1038L22.7074 4.9479H7.88133C7.56629 4.43575 7.3484 3.96823 7.23398 3.55374L0 1.5852C0.609146 3.43209 1.45373 5.07043 2.20525 5.53326L3.46903 6.14164L3.44861 6.5L3.44541 7.0086L2.158 7.4953C1.42169 7.75009 0.609146 9.56791 0 11.4148L7.23398 9.44626C7.34838 9.03156 7.56628 8.56419 7.88132 8.0521H22.5652L21.0039 12.3784H23.1386L27.5356 7.63867L26.7379 12.5H28.6755L35 6.41338L28.6778 0.5Z' fill='%23063564'/%3E%3C/svg%3E");

	position: relative;
	width: 800px;
	max-width: 100%;
	min-height: 500px;
	overflow: hidden;
	background: var(--mtt-newsletter-salt);
	color: var(--mtt-newsletter-clay);
	box-sizing: border-box;
}

.mtt-popup-newsletter__body {
	position: relative;
	z-index: 1;
	display: flex;
	flex-direction: column;
	align-items: center;
	width: 100%;
	max-width: 715px !important;
	margin: 0 auto;
	gap: 25px;
	text-align: center;
}

.mtt-popup-newsletter__headline {
	display: flex;
	flex-direction: column;
	align-items: center;
	width: 100%;
	gap: 10px;
	margin: 0;
}

.mtt-popup-newsletter__title,
.mtt-popup-newsletter__subtitle,
.mtt-popup-newsletter__copy,
.mtt-popup-newsletter__offer,
.mtt-popup-newsletter__form {
	margin: 0;
	color: var(--mtt-newsletter-clay) !important;
}

.mtt-popup-newsletter__title {
	width: 100%;
	font-family: var(--wp--preset--font-family--tay-kari, "Tay Kari", serif);
	font-size: 82px;
	font-weight: 400;
	line-height: 0.83;
	letter-spacing: 0;
	text-transform: uppercase;
}

.mtt-popup-newsletter__subtitle {
	width: 100%;
	font-family: var(--wp--preset--font-family--hina-mincho, "Hina Mincho", serif);
	font-size: 42px;
	font-weight: 400;
	line-height: 1;
	letter-spacing: 0;
}

.mtt-popup-newsletter__copy {
	width: 470px;
	max-width: 100%;
	font-family: var(--wp--preset--font-family--inter, "Inter", sans-serif);
	font-size: 17px;
	font-weight: 400;
	line-height: 1.5;
	letter-spacing: 0;
}

.mtt-popup-newsletter__offer {
	width: 100%;
	font-family: var(--wp--preset--font-family--inter, "Inter", sans-serif);
	font-size: 14px;
	font-weight: 800;
	line-height: 1;
	letter-spacing: 2.8px;
	text-transform: uppercase;
}

.mtt-popup-newsletter__decor {
	position: absolute;
	z-index: 0;
	margin: 0;
	pointer-events: none;
}

.mtt-popup-newsletter__decor img {
	display: block;
	width: 100%;
	height: 100%;
	max-width: none;
}

.mtt-popup-newsletter__decor--tomato {
	top: 200px;
	left: 22px;
	width: 100px;
	height: 87px;
}

.mtt-popup-newsletter__decor--grandma {
	top: 193px;
	right: 21px;
	width: 136px;
	height: 167px;
	overflow: hidden;
}

.mtt-popup-newsletter__decor--grandma img {
	position: absolute;
	top: -30px;
	left: -13px;
	width: 163px;
	height: 230px;
	object-fit: cover;
}

.mtt-popup-newsletter__form {
	width: 100%;
}

.mtt-popup-newsletter__form .gform_wrapper,
.mtt-popup-newsletter__form .gform_body,
.mtt-popup-newsletter__form form {
	margin: 0;
}

.mtt-popup-newsletter__form .gform_wrapper.gravity-theme .gform_required_legend,
.mtt-popup-newsletter__form .gform_wrapper.gravity-theme .gfield_label,
.mtt-popup-newsletter__form .gform_wrapper.gravity-theme .gfield_label_before_complex,
.mtt-popup-newsletter__form .gform_wrapper.gravity-theme .field_sublabel_hidden_label .gform-field-label--type-sub,
.mtt-popup-newsletter__form .gform_wrapper.gravity-theme .hidden_sub_label,
.mtt-popup-newsletter__form .gform_wrapper.gravity-theme .screen-reader-text {
	position: absolute !important;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border: 0;
}

.mtt-popup-newsletter__form .gform_fields {
	display: grid !important;
	grid-template-columns: repeat(12, minmax(0, 1fr)) !important;
	grid-column-gap: 15px !important;
	grid-row-gap: 0 !important;
	align-items: center;
}

.mtt-popup-newsletter__form .gfield--type-name,
.mtt-popup-newsletter__form .gfield--type-email {
	grid-column: span 6 !important;
}

.mtt-popup-newsletter__form .gfield--type-email.gfield--width-three-quarter {
	grid-column: span 9 !important;
}

.mtt-popup-newsletter__form .gfield--type-submit {
	display: flex;
	align-items: center;
	justify-content: center;
	grid-column: span 3 !important;
}

.mtt-popup-newsletter__form .gfield,
.mtt-popup-newsletter__form fieldset {
	min-inline-size: 0;
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
}

.mtt-popup-newsletter__form .ginput_complex,
.mtt-popup-newsletter__form .gform-grid-row,
.mtt-popup-newsletter__form .gform-grid-col,
.mtt-popup-newsletter__form .ginput_container {
	float: none !important;
	display: block;
	width: 100% !important;
	max-width: none !important;
	inline-size: 100% !important;
	margin: 0 !important;
}

.mtt-popup-newsletter__form .ginput_complex .gform-grid-col,
.mtt-popup-newsletter__form .ginput_container_text,
.mtt-popup-newsletter__form .ginput_container_email,
.mtt-popup-newsletter__form .ginput_container_phone,
.mtt-popup-newsletter__form .ginput_container_website,
.mtt-popup-newsletter__form .ginput_container_number,
.mtt-popup-newsletter__form .ginput_container_password {
	position: relative;
	min-height: 62px;
	color: var(--mtt-newsletter-clay);
	transition: color 0.2s ease;
}

.mtt-popup-newsletter__form .ginput_complex .gform-grid-col:hover,
.mtt-popup-newsletter__form .ginput_complex .gform-grid-col:focus-within,
.mtt-popup-newsletter__form .ginput_container_text:hover,
.mtt-popup-newsletter__form .ginput_container_text:focus-within,
.mtt-popup-newsletter__form .ginput_container_email:hover,
.mtt-popup-newsletter__form .ginput_container_email:focus-within,
.mtt-popup-newsletter__form .ginput_container_phone:hover,
.mtt-popup-newsletter__form .ginput_container_phone:focus-within,
.mtt-popup-newsletter__form .ginput_container_website:hover,
.mtt-popup-newsletter__form .ginput_container_website:focus-within,
.mtt-popup-newsletter__form .ginput_container_number:hover,
.mtt-popup-newsletter__form .ginput_container_number:focus-within,
.mtt-popup-newsletter__form .ginput_container_password:hover,
.mtt-popup-newsletter__form .ginput_container_password:focus-within {
	color: var(--mtt-newsletter-orange);
}

.mtt-popup-newsletter__form .ginput_complex .gform-grid-col::before,
.mtt-popup-newsletter__form .ginput_container_text::before,
.mtt-popup-newsletter__form .ginput_container_email::before,
.mtt-popup-newsletter__form .ginput_container_phone::before,
.mtt-popup-newsletter__form .ginput_container_website::before,
.mtt-popup-newsletter__form .ginput_container_number::before,
.mtt-popup-newsletter__form .ginput_container_password::before {
	content: "";
	position: absolute;
	inset: 0;
	z-index: 0;
	background: currentcolor;
	mask: var(--mtt-newsletter-field-frame) center / 100% 100% no-repeat;
	-webkit-mask: var(--mtt-newsletter-field-frame) center / 100% 100% no-repeat;
	pointer-events: none;
}

.mtt-popup-newsletter__form input[type="text"],
.mtt-popup-newsletter__form input[type="email"],
.mtt-popup-newsletter__form input[type="search"],
.mtt-popup-newsletter__form input[type="tel"],
.mtt-popup-newsletter__form input[type="url"],
.mtt-popup-newsletter__form input[type="number"],
.mtt-popup-newsletter__form input[type="password"] {
	position: relative;
	z-index: 1;
	width: 100% !important;
	height: 62px !important;
	min-height: 62px !important;
	padding: 0 34px !important;
	border: 0 !important;
	background: transparent !important;
	box-shadow: none !important;
	color: var(--mtt-newsletter-clay) !important;
	caret-color: var(--mtt-newsletter-clay);
	font-family: var(--wp--preset--font-family--inter, "Inter", sans-serif) !important;
	font-size: 11px !important;
	font-weight: 800 !important;
	letter-spacing: 2.2px !important;
	line-height: 1 !important;
	text-transform: uppercase;
}

.mtt-popup-newsletter__form input::placeholder {
	color: var(--mtt-newsletter-clay) !important;
	opacity: 1;
	text-transform: uppercase;
}

.mtt-popup-newsletter__form input:focus,
.mtt-popup-newsletter__form input:focus-visible {
	outline: none !important;
	box-shadow: none !important;
}

.mtt-popup-newsletter__form .gform_footer {
	display: flex !important;
	justify-content: center;
	width: 100%;
	margin: 26px 0 0 !important;
	padding: 0 !important;
}

.mtt-popup-newsletter__form .gform_button.button,
.mtt-popup-newsletter__form .gform-button.button,
.mtt-popup-newsletter__form .gform_footer input[type="submit"],
.mtt-popup-newsletter__form .gfield--type-submit input[type="submit"],
.mtt-popup-newsletter__form .gfield--type-submit button[type="submit"] {
	appearance: none;
	min-width: 202px;
	min-height: 33px;
	padding: 8px 62px 8px 15px !important;
	border: 2px solid var(--mtt-newsletter-sun) !important;
	border-radius: 15px !important;
	background-color: var(--mtt-newsletter-clay) !important;
	background-image: var(--mtt-newsletter-arrow-cream) !important;
	background-position: calc(100% - 15px) center !important;
	background-repeat: no-repeat !important;
	background-size: 35px 12px !important;
	color: var(--mtt-newsletter-sun) !important;
	cursor: pointer;
	font-family: var(--wp--preset--font-family--inter, "Inter", sans-serif) !important;
	font-size: 11px !important;
	font-weight: 800 !important;
	letter-spacing: 2.2px !important;
	line-height: 1 !important;
	text-align: left;
	text-transform: uppercase;
	transition: background-color 0.25s ease, border-color 0.25s ease, color 0.25s ease;
}

.mtt-popup-newsletter__form .gfield--type-submit input[type="submit"],
.mtt-popup-newsletter__form .gfield--type-submit button[type="submit"] {
	width: 100% !important;
	min-width: 0;
	max-width: 202px;
}

.mtt-popup-newsletter__form .gform_button.button:hover,
.mtt-popup-newsletter__form .gform_button.button:focus,
.mtt-popup-newsletter__form .gform_button.button:focus-visible,
.mtt-popup-newsletter__form .gform-button.button:hover,
.mtt-popup-newsletter__form .gform-button.button:focus,
.mtt-popup-newsletter__form .gform-button.button:focus-visible,
.mtt-popup-newsletter__form .gform_footer input[type="submit"]:hover,
.mtt-popup-newsletter__form .gform_footer input[type="submit"]:focus,
.mtt-popup-newsletter__form .gform_footer input[type="submit"]:focus-visible,
.mtt-popup-newsletter__form .gfield--type-submit input[type="submit"]:hover,
.mtt-popup-newsletter__form .gfield--type-submit input[type="submit"]:focus,
.mtt-popup-newsletter__form .gfield--type-submit input[type="submit"]:focus-visible,
.mtt-popup-newsletter__form .gfield--type-submit button[type="submit"]:hover,
.mtt-popup-newsletter__form .gfield--type-submit button[type="submit"]:focus,
.mtt-popup-newsletter__form .gfield--type-submit button[type="submit"]:focus-visible {
	border-color: var(--mtt-newsletter-orange) !important;
	background-color: var(--mtt-newsletter-orange) !important;
	background-image: var(--mtt-newsletter-arrow-deep) !important;
	color: var(--mtt-newsletter-deep) !important;
	outline: none !important;
	box-shadow: none !important;
}

@media (max-width: 782px) {

	.mtt-popup {
		padding: 12px;
	}

	.mtt-popup__dialog {
		width: min(390px, calc(100dvw - 24px));
		max-width: calc(100dvw - 24px);
		max-height: calc(100dvh - 24px);
	}

	.mtt-popup__close {
		top: 16px;
		right: 16px;
		width: 34px;
		height: 30px;
	}

	.mtt-popup[data-mtt-trigger="newsletter"] {
		padding-inline: 0;
		justify-items: center;
	}

	.mtt-popup[data-mtt-trigger="newsletter"] .mtt-popup__dialog {
		width: min(390px, 100dvw);
		max-width: 100dvw;
		max-height: min(577px, 100dvh);
	}

	.mtt-popup[data-mtt-trigger="newsletter"] .mtt-popup__close {
		top: 15px;
		right: 15px;
	}

	.mtt-popup-newsletter {
		width: min(390px, 100dvw);
		max-width: 100dvw;
		min-height: 577px;
		padding: 45px 14px 35px !important;
	}

	.mtt-popup-newsletter__body {
		width: min(361px, calc(100dvw - 28px));
		max-width: 100% !important;
		gap: 20px;
	}

	.mtt-popup-newsletter__headline {
		width: 250px;
		max-width: 100%;
		gap: 8px;
	}

	.mtt-popup-newsletter__title {
		font-size: 52px;
		line-height: 1;
	}

	.mtt-popup-newsletter__subtitle {
		font-size: 30px;
		letter-spacing: 0;
	}

	.mtt-popup-newsletter__copy {
		width: 100%;
		font-size: 16px;
		letter-spacing: 0;
	}

	.mtt-popup-newsletter__offer {
		font-size: 12.5px;
		letter-spacing: 2.5px;
	}

	.mtt-popup-newsletter__decor--tomato {
		top: 23px;
		left: 17px;
		width: 79px;
		height: 69px;
	}

	.mtt-popup-newsletter__decor--grandma {
		top: 71px;
		right: -2px;
		width: 99px;
		height: 122px;
	}

	.mtt-popup-newsletter__decor--grandma img {
		top: -22px;
		left: -9px;
		width: 119px;
		height: 168px;
	}

	.mtt-popup-newsletter__form .gform_fields {
		grid-template-columns: repeat(12, minmax(0, 1fr)) !important;
		grid-column-gap: 0 !important;
		grid-row-gap: 10px !important;
	}

	.mtt-popup-newsletter__form .gfield--type-name,
	.mtt-popup-newsletter__form .gfield--type-email,
	.mtt-popup-newsletter__form .gfield--type-submit {
		grid-column: span 12 !important;
	}

	.mtt-popup-newsletter__form .gform_footer {
		margin-top: 12px !important;
	}

	.mtt-popup-newsletter__form .gform_button.button,
	.mtt-popup-newsletter__form .gform-button.button,
	.mtt-popup-newsletter__form .gform_footer input[type="submit"],
	.mtt-popup-newsletter__form .gfield--type-submit input[type="submit"],
	.mtt-popup-newsletter__form .gfield--type-submit button[type="submit"] {
		min-height: 42px;
	}
}