.home * {
	padding: 0;
	margin: 0;
	border: 0;
	border: none;
}

*,
*:before,
*:after {
	box-sizing: border-box;
}

:focus,
:active {
	outline: none;
}

a:focus,
a:active {
	outline: none;
}

nav,
footer,
header,
aside {
	display: block;
}

html,
body {
	height: 100%;
	width: 100%;
	font-size: 100%;
	line-height: 1;
	font-size: 14px;
	-ms-text-size-adjust: 100%;
	-moz-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
}

input,
button,
textarea {
	font-family: inherit;
}

input::-ms-clear {
	display: none;
}

button {
	cursor: pointer;
}

button::-moz-focus-inner {
	padding: 0;
	border: 0;
}

a {
	display: inline-flex;
}

a,
a:visited {
	text-decoration: none;
}

a:hover {
	text-decoration: none;
}

ul li {
	list-style: none;
}

img {
	max-width: 100%;
	vertical-align: top;
}

/* h1, h2, h3, h4, h5, h6 {
	font-size: inherit;
	font-weight: 400;
} */

.home h1 {
	font-size: 20px;
	line-height: 1.2;
	text-align: center;
	color: #FFFFFF;
}

.home h2 {
	font-weight: 400;
	font-size: 32px;
	line-height: 1;
	color: #3D362C;
}

.home h3 {
	font-size: 20px;
	line-height: 1.2;
	color: #595853;
}

.home h4 {
	font-family: "Public Sans", sans-serif;
	font-weight: 500;
	font-size: 15px;
	line-height: 20px;
	color: #28251B;
}

.title_h3 {
	font-size: 20px;
	line-height: 1.2;
	color: #595853;
}

.btn-red {
	font-weight: 500;
	font-size: 12px;
	line-height: 14px;
	text-transform: uppercase;
	color: #FFFFFF;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	padding: 8px 16px;
	background: #B92424;
	border-radius: 8px;
}

body {
	font-family: "Rubik", sans-serif;
	font-optical-sizing: auto;
	font-weight: 400;
	font-size: 16px;
	font-style: normal;
	color: #3D362C;
	overflow-x: hidden;
	margin: 0;
}

.lock body {
	overflow: hidden;
	touch-action: none;
	overscroll-behavior: none;
}

[class*=__container] {
	max-width: 1200px;
	margin: 0 auto;
	padding-inline: 15px;
	overflow-x: hidden;
}

@media (max-width: 600px) {
	[class*=__container] {
		padding-inline: 32px;
	}
}

.header {
	position: fixed;
	z-index: 10;
	top: 0;
	left: 0;
	width: 100%;
	background: rgba(129, 137, 122, 0.35);
	-webkit-backdrop-filter: blur(7.45px);
	backdrop-filter: blur(7.45px);
	border-radius: 0px;
	transition: top 0.3s ease-in;
}

.header.hidden {
	top: -120px;
}

@media (max-width: 375px) {
	.header__container {
		padding-inline: 10px;
	}
}

.header__wrapper {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	padding-block: 16px;
}

.header__logo {
	height: 86px;
}

.header__logo img {
	max-width: 79px;
	filter: invert(100%);
}

.header__navigation {
	display: flex;
	align-items: center;
	-moz-column-gap: 24px;
	column-gap: 24px;
}

@media (max-width: 1024.5px) {
	.header__navigation {
		flex-direction: row-reverse;
	}
}

@media (max-width: 425px) {
	.header__navigation {
		-moz-column-gap: 16px;
		column-gap: 16px;
	}
}

.header__menu {
	display: flex;
	align-items: center;
}

.header__buttons {
	display: flex;
	align-items: center;
	-moz-column-gap: 24px;
	column-gap: 24px;
}

@media (max-width: 1024.5px) {
	.header__buttons {
		flex-direction: row-reverse;
	}
}

@media (max-width: 425px) {
	.header__buttons {
		-moz-column-gap: 16px;
		column-gap: 16px;
	}
}

.header__socials {
	display: flex;
	align-items: center;
	-moz-column-gap: 12px;
	column-gap: 12px;
}

@media (max-width: 1024.5px) {
	.menu__body {
		position: absolute;
		top: 100%;
		right: -100%;
		transition: right 0.5s ease;
		background: rgba(0, 0, 0, 0.7);
		width: 100%;
		height: 100vh;
		display: flex;
		justify-content: flex-end;
	}

	.menu-open .menu__body {
		z-index: 1;
		right: 0;
	}
}

.menu__list {
	display: flex;
	align-items: center;
	-moz-column-gap: 8px;
	column-gap: 8px;
}

@media (max-width: 1024.5px) {
	.menu__list {
		width: 300px;
		flex-direction: column;
		align-items: start;
		row-gap: 12px;
		background: rgba(129, 137, 122, 0.35);
		-webkit-backdrop-filter: blur(7.45px);
		backdrop-filter: blur(7.45px);
		padding: 30px;
		border: none;
	}

	.menu__list li:last-child {
		margin-top: 24px;
	}
}

.menu__item {
	box-sizing: border-box;
	position: relative;
	display: inline-block;
}

.menu__item::after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 50%;
	width: 0;
	height: 1px;
	background-color: #fff;
	transition: width 0.3s ease-in, left 0.3s ease-in;
}

.menu__item:hover::after {
	width: 100%;
	left: 0;
}

.menu__item:last-child::after {
	content: "";
	background-color: transparent;
	border-bottom: none;
}

.menu__link {
	color: #fff;
	text-transform: uppercase;
	padding: 8px;
}

@media (min-width: 1024.5px) and (max-width: 1065px) {
	.menu__link {
		font-size: 14px;
	}
}

.language-switcher {
	display: inline-flex;
	align-items: center;
	gap: 12px;
	margin-left: 16px;
}

.language-switcher input[type=radio] {
	display: none;
}

.language-switcher label {
	color: #fff;
	opacity: 0.7;
	cursor: pointer;
}

.language-switcher label:hover,
/* .language-switcher input[type=radio]:checked+label { */
.language-switcher label.active {
	opacity: 1;
}

.icon-menu {
	display: none;
}

@media (max-width: 1024.5px) {
	.icon-menu {
		display: block;
		position: relative;
		background-color: inherit;
		width: 24px;
		height: 18px;
		z-index: 5;
	}
}

@media (max-width: 1024.5px) and (any-hover: none) {
	.icon-menu {
		cursor: default;
	}
}

@media (max-width: 1024.5px) {

	.icon-menu span,
	.icon-menu::before,
	.icon-menu::after {
		content: "";
		transition: all 0.3s ease 0s;
		right: 0;
		position: absolute;
		width: 100%;
		height: 2px;
		background-color: #fff;
	}

	.icon-menu::before {
		top: 0;
	}

	.icon-menu::after {
		bottom: 0;
	}

	.icon-menu span {
		top: calc(50% - 1px);
	}

	.menu-open .icon-menu span {
		width: 0;
	}

	.menu-open .icon-menu::before {
		top: calc(50% - 1px);
		transform: rotate(-45deg);
	}

	.menu-open .icon-menu::after {
		bottom: calc(50% - 1px);
		transform: rotate(45deg);
	}
}

.to-cart {
	position: relative;
}

.to-cart span {
	position: absolute;
	right: -3px;
	bottom: -3px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 14px;
	height: 14px;
	background-color: #B92424;
	border-radius: 50%;
	font-family: "Montserrat";
	font-style: normal;
	font-weight: 500;
	font-size: 8px;
	line-height: 10px;
	text-align: center;
	text-transform: uppercase;
	color: #FFFFFF;
	padding-top: 2px;
	padding-left: 1px;
}

.telegram:hover svg,
.facebook:hover svg,
.instagram:hover svg {
	fill: rgb(255, 255, 255);
}

.fullscreen__title {
	position: relative;
}

.fullscreen__title video {
	position: absolute;
	z-index: -1;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
}

.fullscreen__title::after {
	content: "";
	position: absolute;
	z-index: -1;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: linear-gradient(180deg, rgba(61, 54, 44, 0) 82.19%, rgba(33, 28, 21, 0.2) 100%), rgba(43, 33, 17, 0.31);
}

.fullscreen__container {
	display: flex;
	flex-direction: column;
	align-items: center;
}

.fullscreen__title-image {
	margin-top: 163px;
	margin-bottom: 32px;
}

@media (max-width: 600px) {
	.fullscreen__title-image {
		max-width: 135px;
		margin-top: 154px;
	}
}

.fullscreen__title-text {
	display: flex;
	flex-direction: column;
	align-items: center;
	margin-bottom: 108px;
}

.fullscreen__title-text p {
	font-size: 40px;
	line-height: 1.2;
	text-align: center;
	text-transform: uppercase;
	color: #FFFFFF;
	margin-bottom: 12px;
}

.fullscreen__title-text h1 {
	font-weight: 400;
	max-width: 375px;
	margin-bottom: 24px;
}

@media (max-width: 600px) {
	.fullscreen__title-text {
		margin-bottom: 50px;
	}
}

.fullscreen__marquee {
	min-width: 100%;
	overflow: hidden;
	white-space: nowrap;
	background: rgba(126, 106, 37, 0.09);
	position: relative;
	padding-block: 24px;
}

.fullscreen__marquee_inner {
	width: -moz-max-content;
	width: max-content;
	display: inline-flex;
	align-items: center;
	-moz-column-gap: 24px;
	column-gap: 24px;
	white-space: nowrap;
	will-change: transform;
	animation: scroll var(--marquee-duration) linear infinite;
}

.fullscreen__marquee_item {
	width: 355px;
	display: flex;
	align-items: center;
	-moz-column-gap: 12px;
	column-gap: 12px;
}

.fullscreen__marquee_item span {
	white-space: normal;
	max-width: 160px;
}

@media (max-width: 600px) {
	.fullscreen__marquee_item {
		width: 325px;
	}
}

@keyframes scroll {
	0% {
		transform: translateX(0);
	}

	100% {
		transform: translateX(-100.18%);
	}
}

.products__container {
	padding-block: 96px;
}

@media (max-width: 425px) {
	.products__container {
		padding-top: 48px;
	}
}

.products__container h2 {
	padding-block: 24px;
	border-bottom: 1px solid rgba(110, 102, 73, 0.2);
}

.products__wrapper {
	display: flex;
	flex-direction: column;
	row-gap: 96px;
	margin-top: 48px;
}

.products__item {
	display: flex;
	align-items: flex-start;
	-moz-column-gap: 24px;
	column-gap: 24px;
}

@media (max-width: 600px) {
	.products__item {
		flex-direction: column;
	}
}

.product__descriptions {
	font-size: 16px;
	line-height: 24px;
	color: #3D362C;
}

.product__descriptions h3 {
	margin-bottom: 24px;
}

.product__descriptions p {
	margin-bottom: 12px;
}

.add-to-cart-button p {
    margin-bottom: 0px;
}
.add-to-cart-button .text_In_cart {
    display: none;
}
.add-to-cart-button.in_cart .text_In_cart {
    display: block;
}
.add-to-cart-button.in_cart .text_cart_button {
    display: none;
}
.product__descriptions span {
	display: inline-block;
}

.product__purchase {
	display: flex;
	align-items: center;
	gap: 24px;
	margin-top: 24px;
}

@media (max-width: 375px) {
	.product__purchase {
		justify-content: space-between;
		align-items: start;
	}
}

.product__weight {
	font-size: 24px;
	line-height: 1.6;
	color: #3D362C;
}

.product__quantity-form {
	display: flex;
	align-items: center;
	gap: 16px;
}

@media (max-width: 375px) {
	.product__quantity-form {
		flex-direction: column;
		align-items: flex-end;
	}
}

.product__accordeon {
	margin-top: 24px;
}

.quantity-controls {
	display: flex;
	flex-direction: row;
	align-items: center;
	gap: 12px;
	background: #F3F1EB;
	border-radius: 6px;
	padding: 6px;
}

.quantity-controls input {
	font-weight: 500;
	font-size: 16px;
	line-height: 19px;
	display: flex;
	align-items: center;
	text-align: center;
	text-transform: uppercase;
	color: #3D362C;
	background: #F3F1EB;
}

.quantity-controls button {
	width: 18px;
	height: 18px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.add-to-cart-button {
	display: inline-flex;
	align-items: center;
	gap: 8px;
}

.accordeon-header {
	position: relative;
	width: 100%;
	font-size: 20px;
	line-height: 1.2;
	color: #595853;
	text-align: left;
	background-color: transparent;
	padding-block: 6px;
	border-bottom: 1px solid rgba(110, 102, 73, 0.2);
	margin-bottom: 24px;
}

.accordeon-header:last-child {
	margin-bottom: 0;
}

.accordeon-header::after {
	content: "";
	position: absolute;
	transform: translate(-30%, -70%) rotate(135deg);
	top: 50%;
	right: 0;
	width: 10px;
	height: 10px;
	border-top: 2px solid #625C49;
	border-right: 2px solid #625C49;
}

.accordeon-header[aria-expanded=true]::after {
	transform: translate(-30%, -30%) rotate(-45deg);
}

.accordeon-content {
	margin-bottom: 24px;
}

.accordeon-content p {
	margin-bottom: 0;
}

.ul-marker {
	padding-left: 24px;
}

.ul-marker li {
	list-style-type: disc;
}

.ul-nomarker li {
	margin-bottom: 24px;
}

.ul-nomarker li:last-child {
	margin-bottom: 0;
}

// .what {
// 	background: url("./../img/png/what-bg.png") 50% 50%/cover no-repeat;
// }

// @media (max-width: 600px) {
// 	.what {
// 		background: url("./../img/png/what-mobile-bg.png") 50% 50%/cover no-repeat;
// 	}
// }

.what__container {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-block: 114px;
    padding-top: 40px;
}

.what__logo {
	margin-bottom: -30px;
}

@media (max-width: 600px) {
	.what__logo {
		margin-bottom: -16px;
	}
}

.blocks-container {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 400px;
	/* Висота контейнера */
	position: relative;
}

.block {
	width: 300px;
	height: 300px;
	position: absolute;
	transition: transform 0.8s ease-out;
	/* Плавна анімація */
	opacity: 0;
	/* Спочатку всі блоки, крім центрального, приховані */
}

.center-block {
	opacity: 1;
	/* Центральний блок видимий одразу */
	transform: translateX(0);
	/* Центральний блок на місці */
}

/* Стили для активного стану (після скролу) */
.blocks-container.active .block:nth-child(1) {
	transform: translate(-432px, -31%);
	/* Далеко вліво */
	opacity: 1;
}

.blocks-container.active .block:nth-child(2) {
	transform: translate(-201px, -16%);
	/* Ближче вліво */
	opacity: 1;
}

.blocks-container.active .center-block {
	transform: translateX(-15px);
	/* Центральний залишається */
	opacity: 1;
	z-index: 2;
}

.blocks-container.active .block:nth-child(4) {
	transform: translate(205px, -16%);
	/* Ближче вправо */
	opacity: 1;
	z-index: 1;
}

.blocks-container.active .block:nth-child(5) {
	transform: translate(433px, -33%);
	/* Далеко вправо */
	opacity: 1;
}

@media (max-width: 1166px) {
	.blocks-container {
		transform: scale(.9);
	}
}
@media (max-width: 1024.5px) {
	.blocks-container {
		transform: scale(.65);
	}
}
@media (max-width: 767.5px) {
	.blocks-container {
		transform: scale(.5);
		height: 254px;
	}
}
@media (max-width: 600px) {
	.blocks-container {
		transform: scale(.35);
		height: 176px;
	}
}
@media (max-width: 375px) {
	.blocks-container {
		transform: scale(.3);
	}
}

.what__text {
	max-width: 790px;
	text-align: center;
}

.what__text h2 {
	margin-bottom: 24px;
}

.what__text p {
	font-weight: 400;
	font-size: 16px;
	line-height: 24px;
	color: #3D362C;
}

.how__container {
    padding-block: 89px;
    padding-top: 0;
}

@media (max-width: 600px) {
	.how__container {
		padding-top: 39px;
		padding-bottom: 0;
	}
}

.how__wrapper {
	display: flex;
	align-items: center;
	gap: 47px;
	padding-block: 96px;
}

@media (max-width: 767.5px) {
	.how__wrapper {
		flex-direction: column;
	}
}

.how__video {
	max-width: 43%;
	width: 100%;
	height: 0;
	padding-bottom: 33%;
	position: relative;
	border-radius: 6px;
	overflow: hidden;
	cursor: pointer;
}

.how__video iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

@media (max-width: 767.5px) {
	.how__video {
		max-width: 100%;
		padding-bottom: 76%;
	}
}

.how__text {
	max-width: 630px;
}

.how__title {
	position: relative;
	margin-bottom: 48px;
}

.how__title span {
	position: absolute;
	top: -10px;
	left: 0;
	width: 100%;
	display: inline-flex;
	font-family: "Rubik Dirt";
	font-style: normal;
	font-weight: 400;
	font-size: 64px;
	line-height: 24px;
	text-align: center;
	color: rgba(0, 10, 15, 0.1);
	filter: blur(4.25px);
}

@media (max-width: 1166px) {
	.how__title span {
		font-size: 52px;
	}
}

@media (max-width: 1024.5px) {
	.how__title span {
		font-size: 44px;
		top: -16px;
	}
}

@media (max-width: 767.5px) {
	.how__title {
		text-align: center;
	}

	.how__title span {
		justify-content: center;
	}
}

@media (max-width: 600px) {
	.how__title span {
		font-size: 38px;
	}
}

.how__text1 {
	padding: 48px 32px;
	background: linear-gradient(90deg, #FFFFFF 0%, #FBFFF8 100%);
	box-shadow: 0px 99px 39px rgba(172, 153, 83, 0.01), 0px 56px 33px rgba(172, 153, 83, 0.05), 0px 25px 25px rgba(172, 153, 83, 0.09), 0px 6px 14px rgba(172, 153, 83, 0.1);
	border-radius: 20px;
	margin-bottom: 26px;
	font-size: 16px;
	line-height: 24px;
	color: #3D362C;
}

@media (max-width: 600px) {
	.how__text1 {
		padding: 14px 32px;
	}
}

.how__text2 {
	padding: 26px 32px;
	border: 1px solid #C7D0B2;
	border-radius: 20px;
	font-size: 16px;
	line-height: 24px;
	color: #5F6849;
}

.advise {
	background: url("./../img/png/advise-bg.png") 50% 50%/cover no-repeat;
}

@media (max-width: 600px) {
	.advise {
		background: url("./../img/png/what-mobile-bg.png") 50% 50%/cover no-repeat;
	}
}

.advise__container {
    padding-block: 89px;
    padding-top: 0;
}

@media (max-width: 767.5px) {
	.advise__container {
		padding-block: 0;
	}
}

.advise__wrapper {
    display: flex;
    align-items: center;
    gap: 47px;
    padding-block: 96px;
    padding-top: 0;
}

@media (max-width: 767.5px) {
	.advise__wrapper {
		flex-direction: column;
	}
}

.advise__text h2 {
	max-width: 505px;
	margin-bottom: 48px;
}

.advise__text p {
	max-width: 620px;
	line-height: 24px;
	color: #3D362C;
}

.advise__video {
	max-width: 43%;
	width: 100%;
	height: 0;
	padding-bottom: 33%;
	position: relative;
	border-radius: 6px;
	overflow: hidden;
	cursor: pointer;
}

.advise__video iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

@media (max-width: 767.5px) {
	.advise__video {
		max-width: 100%;
		padding-bottom: 76%;
	}
}

.quality {
	position: relative;
	overflow: hidden;
	background: url("./../img/png/quality-bg.png") 50% 50%/cover no-repeat;
}

@media (max-width: 600px) {
	.quality {
		background: url("./../img/png/what-mobile-bg.png") 50% 50%/cover no-repeat;
	}
}

.quality__container::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    min-height: 100%;
    width: 7%;
    background: linear-gradient(270deg, #FFFFFF 59.56%, rgba(254, 253, 251, 0) 100%);
    transform: rotate(-180deg);
}

.quality__container::after {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	z-index: 1;
	min-height: 100%;
	width: 7%;
	background: linear-gradient(270deg, #FFFFFF 59.56%, rgba(254, 253, 251, 0) 100%);
}

@media (min-width: 1440px) {
	.quality__container::before, .quality__container::after {
		width: 8%;
	}
}

.quality__container {
    position: relative;
    padding-top: 50px;
    padding-bottom: 96px;
}
.quality__title {
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 12px;
	margin-bottom: 48px;
}

.quality__title span {
	position: absolute;
	bottom: calc(100% + 10px);
	left: 50%;
	transform: translateX(-50%);
	font-family: "Rubik Dirt";
	font-size: 64px;
	line-height: 24px;
	text-align: center;
	white-space: nowrap;
	color: rgba(0, 10, 15, 0.1);
	filter: blur(4.25px);
}

.quality__title h2 {
	text-align: center;
}

.quality__title p {
	font-size: 20px;
	line-height: 24px;
	text-align: center;
	color: #595853;
}

.quality__slide-image {
    margin-bottom: 24px;
    text-align: center;
}


.quality__slide-image img{
	max-width: 80%;
}


.quality__slide-text {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 12px;
	padding: 26px 32px;
	background: rgba(255, 254, 250, 0.2);
	border: 1px solid #C7D0B2;
	border-radius: 20px;
}

.quality__slide-text h3 {
	text-align: center;
}

.quality__slide-text p {
	line-height: 24px;
	text-align: center;
	color: #3D362C;
}

.quality-button-prev,
.quality-button-next {
	position: absolute;
	top: 46%;
	z-index: 5;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 36px;
	height: 36px;
	background: #FEFDFB;
	box-shadow: 0px 1.5px 4px rgba(0, 0, 0, 0.16);
	border-radius: 28px;
	z-index: 2;
}

.quality-button-prev {
	left: 15px;
}

.quality-button-next {
	right: 15px;
}

@media (max-width: 1024px) {
	.quality::before {
		left: -40px;
	}

	.quality::after {
		right: -40px;
	}

	.quality__title span {
		font-size: 56px;
	}
}

@media (max-width: 767.5px) {
	.quality__title {
		padding-inline: 32px;
	}

	.quality__container {
		padding-inline: 0;
	}

	.quality__title span {
		font-size: 52px;
	}
}

@media (max-width: 425px) {
	.quality__title {
		padding-inline: 32px;
	}

	.quality__title p {
		max-width: 320px;
	}

	.quality__container {
		padding-inline: 0;
	}
}

@media (max-width: 375px) {
	.quality__title span {
		font-size: 40px;
	}
}

.certificates__container {
	padding-block: 182px;
}

@media (max-width: 767.5px) {
	.certificates__container {
		padding-inline: 0;
	}
}

.certificates__container {
	padding-block: 40px;
}

@media (max-width: 767.5px) {
	.certificates__container {
		padding-inline: 0;
	}
}

.certificates__title {
	margin-bottom: 96px;
}

.certificates__title h2 {
	margin-bottom: 12px;
}

.certificates__title p {
	font-size: 20px;
	line-height: 1.2;
	color: #595853;
}

@media (min-width: 600px) and (max-width: 767.5px) {
	.certificates__title {
		padding-left: 15px;
	}
}

@media (max-width: 600px) {
	.certificates__title h2 {
		text-align: center;
		line-height: 24px;
	}

	.certificates__title p {
		text-align: center;
		padding-inline: 32px;
	}
}

.certificates__slide {
	display: flex;
	align-items: center;
	justify-content: center;
}

@media (max-width: 767.5px) {
	.certificates__slide.swiper-slide {
		transform: scale(0.9);
	}

	.certificates__slide.swiper-slide-active {
		transform: scale(1);
	}
}

.swiper {
	position: relative;
}

.fancybox {
	position: relative;
}

.fancybox::before,
.fancybox::after {
	content: "";
	position: absolute;
	opacity: 0;
	transition: opacity 0.3s ease-in;
}

.fancybox:hover::before {
	z-index: 1;
	top: 50%;
	left: 50%;
	width: 79px;
	height: 79px;
	opacity: 1;
	background-image: url('data:image/svg+xml,<svg fill="none" xmlns="http://www.w3.org/2000/svg"><g opacity="0.8"><path d="M46.9063 34.5623C46.9063 35.2171 46.6462 35.845 46.1832 36.308C45.7202 36.771 45.0923 37.0311 44.4375 37.0311H37.0313V44.4374C37.0313 45.0921 36.7712 45.72 36.3082 46.183C35.8452 46.646 35.2173 46.9061 34.5625 46.9061C33.9077 46.9061 33.2798 46.646 32.8168 46.183C32.3539 45.72 32.0938 45.0921 32.0938 44.4374V37.0311H24.6875C24.0327 37.0311 23.4048 36.771 22.9418 36.308C22.4789 35.845 22.2188 35.2171 22.2188 34.5623C22.2188 33.9076 22.4789 33.2797 22.9418 32.8167C23.4048 32.3537 24.0327 32.0936 24.6875 32.0936H32.0938V24.6873C32.0938 24.0326 32.3539 23.4047 32.8168 22.9417C33.2798 22.4787 33.9077 22.2186 34.5625 22.2186C35.2173 22.2186 35.8452 22.4787 36.3082 22.9417C36.7712 23.4047 37.0313 24.0326 37.0313 24.6873V32.0936H44.4375C45.0923 32.0936 45.7202 32.3537 46.1832 32.8167C46.6462 33.2797 46.9063 33.9076 46.9063 34.5623ZM70.8716 70.8715C70.6424 71.101 70.3701 71.2831 70.0704 71.4074C69.7707 71.5316 69.4494 71.5955 69.125 71.5955C68.8006 71.5955 68.4793 71.5316 68.1796 71.4074C67.8799 71.2831 67.6076 71.101 67.3784 70.8715L51.9302 55.4202C46.5535 59.8986 39.6574 62.1318 32.6762 61.6551C25.695 61.1785 19.1663 58.0288 14.4483 52.8612C9.73023 47.6936 7.18608 40.9059 7.34507 33.9103C7.50406 26.9147 10.3539 20.2497 15.3019 15.3017C20.2498 10.3538 26.9148 7.5039 33.9105 7.34492C40.9061 7.18593 47.6937 9.73008 52.8613 14.4481C58.0289 19.1662 61.1787 25.6948 61.6553 32.676C62.1319 39.6572 59.8988 46.5534 55.4204 51.93L70.8716 67.3782C71.1012 67.6075 71.2833 67.8798 71.4075 68.1795C71.5318 68.4792 71.5957 68.8004 71.5957 69.1249C71.5957 69.4493 71.5318 69.7705 71.4075 70.0702C71.2833 70.3699 71.1012 70.6422 70.8716 70.8715ZM34.5625 56.7811C38.957 56.7811 43.2527 55.478 46.9066 53.0366C50.5604 50.5951 53.4083 47.125 55.09 43.0651C56.7716 39.0052 57.2116 34.5377 56.3543 30.2277C55.497 25.9177 53.3809 21.9587 50.2735 18.8513C47.1662 15.744 43.2072 13.6278 38.8972 12.7705C34.5871 11.9132 30.1197 12.3532 26.0598 14.0349C21.9998 15.7166 18.5297 18.5644 16.0883 22.2183C13.6469 25.8721 12.3438 30.1679 12.3438 34.5623C12.3503 40.4531 14.6933 46.1008 18.8587 50.2662C23.0241 54.4316 28.6717 56.7746 34.5625 56.7811Z" fill="white"/></g></svg>');
	transform: translate(-50%, -50%);
}

.fancybox:hover::after {
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: 1;
	background: linear-gradient(0deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2));
	border-radius: 6px;
	overflow: hidden;
}

.certificates-button-next,
.certificates-button-prev {
	position: absolute;
	z-index: 1;
	top: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 44px;
	height: 44px;
	background-color: #fff;
	border-radius: 50%;
	overflow: hidden;
	transform: translateY(-50%);
	transition: all 0.3s ease-in;
}

.certificates-button-next {
	right: 24px;
}

.certificates-button-prev {
	left: 24px;
}

@media (min-width: 1024.5px) {

	.certificates-button-next,
	.certificates-button-prev {
		opacity: 0;
		width: 0;
		height: 0;
	}

	.swiper:hover .certificates-button-next,
	.swiper:hover .certificates-button-prev {
		opacity: 1;
		width: 44px;
		height: 44px;
	}
}

.reviews {
    padding-top: 40px;
    padding-bottom: 132px;
}

.reviews h2 {
	text-align: center;
	margin-bottom: 96px;
}

.reviews__slider {
	padding-inline: 15px;
}

.reviews__wrapper {
	padding-bottom: 50px;
}

.reviews__slide {
	display: flex;
	gap: 12px;
	box-sizing: border-box;
	background: #F3F1EB;
	box-shadow: 0px 80px 32px rgba(134, 130, 86, 0.01), 0px 45px 27px rgba(134, 130, 86, 0.05), 0px 20px 20px rgba(134, 130, 86, 0.09), 0px 5px 11px rgba(134, 130, 86, 0.1);
	border-radius: 20px;
	padding: 24px;
}

@media (max-width: 767.5px) {
	.reviews__slide {
		padding: 24px 32px;
	}
}

@media (max-width: 1166px) {
	.reviews__slide {
		flex-direction: column;
	}
}

.reviews__slide.swiper-slide {
	/* transform: scale(0.9); */
}

@media (max-width: 600px) {
	.reviews__slide.swiper-slide {
		/* transform: scale(1); */
	}
}

.reviews__slide.swiper-slide-active {
	/* transform: scale(1); */
}

.reviews__slide-image {
	flex: calc(50% - 12px);
	border-radius: 6px;
	overflow: hidden;
}

.reviews__slide-image img {
	-o-object-fit: cover;
	object-fit: cover;
	-o-object-position: center;
	object-position: center;
}

@media (max-width: 1166px) {
	.reviews__slide-image {
		width: 40%;
	}
}

@media (max-width: 767.5px) {
	.reviews__slide-image {
		width: 100%;
		max-height: 275px;
	}
}

@media (max-width: 425px) {
	.reviews__slide-image {
		width: 100%;
		max-height: 275px;
	}
}

.reviews__slide-info {
	flex: calc(50% - 12px);
}

.reviews__slide-title {
	display: flex;
	flex-direction: column;
	margin-bottom: 12px;
}

.reviews__slide-name {
	font-weight: 700;
	font-size: 15px;
	line-height: 20px;
	letter-spacing: -0.005em;
	color: #625C49;
}

.reviews__slide-status {
	font-weight: 400;
	font-size: 16px;
	line-height: 24px;
	color: #5F6849;
}

.reviews__slide-text p {
	font-weight: 400;
	font-size: 14px;
	line-height: 120%;
	color: #000A0F;
}

.button__container {
	position: absolute;
	z-index: 1;
	width: 100%;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -100%);
	display: flex;
	align-items: center;
	justify-content: space-between;
}

@media (max-width: 767.5px) {
	.button__container {
		padding-inline: 26px;
	}
}

@media (max-width: 425px) {
	.button__container {
		transform: translate(-50%, -180%);
	}
}

.reviews-button-next,
.reviews-button-prev {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 44px;
	height: 44px;
	background-color: #fff;
	border-radius: 50%;
	overflow: hidden;
}

.footer {
	background: #FFFEFA;
}

.footer__container {
	display: flex;
	padding-top: 88px;
	padding-bottom: 56px;
}

.footer__column {
	flex: 22.22%;
	display: flex;
	flex-direction: column;
}

.footer__logo {
	width: 79px;
	margin-bottom: 16px;
}

.footer__column-social {
	display: flex;
	gap: 16px;
	align-items: center;
}

.footer__column-links {
	display: flex;
	flex-direction: column;
	gap: 12px;
}

.footer__column-links a {
	font-family: "Public Sans", sans-serif;
	font-weight: 500;
	font-size: 15px;
	line-height: 20px;
	color: rgba(46, 40, 20, 0.62);
}

.footer__column-title {
	margin-bottom: 12px;
}

.footer__subscription p {
	font-family: "Public Sans", sans-serif;
	font-weight: 700;
	font-size: 15px;
	line-height: 20px;
	letter-spacing: -0.005em;
	color: #28251B;
	margin-bottom: 6px;
}

.footer__subscription h4 {
	margin-bottom: 24px;
}

.footer__subscription form {
	display: flex;
	align-items: center;
	gap: 16px;
}

.footer__subscription form input {
	padding: 12px 16px;
	background: rgba(126, 106, 37, 0.09);
	border: 1.5px solid rgba(126, 106, 37, 0.01);
	border-radius: 16px;
}

.footer__subscription form input::-moz-placeholder {
	font-family: "Public Sans", sans-serif;
	font-size: 15px;
	line-height: 20px;
	letter-spacing: -0.005em;
	color: rgba(46, 40, 20, 0.4);
}

.footer__subscription form input,
.footer__subscription form input::placeholder {
	font-family: "Public Sans", sans-serif;
	font-size: 15px;
	line-height: 20px;
	letter-spacing: -0.005em;
	color: rgba(46, 40, 20, 0.4);
}

.footer__subscription form button {
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	padding: 12px 24px;
	border: 1.5px solid rgba(110, 102, 73, 0.2);
	border-radius: 16px;
	font-family: "Public Sans", sans-serif;
	font-weight: 500;
	font-size: 15px;
	line-height: 20px;
	color: #28251B;
}

@media (max-width: 375px) {
	.footer__subscription form {
		flex-direction: column;
	}

	.footer__subscription form input,
	.footer__subscription form button {
		width: 100%;
	}
}

@media (max-width: 767.5px) {
	.footer__container {
		flex-wrap: wrap;
		justify-content: center;
		row-gap: 32px;
	}

	.footer__column {
		flex: 33.33%;
	}

	.footer__subscription {
		text-align: center;
	}
}

@media (max-width: 425px) {
	.footer__container {
		gap: 56px;
	}

	.footer__column {
		align-items: center;
		flex: 100%;
	}

	.footer__column:first-child {
		flex: 100%;
	}

	.footer__column-links {
		align-items: center;
		text-align: center;
	}
}

.modal {
	display: none;
	position: fixed;
	z-index: 10;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: linear-gradient(0deg, rgba(0, 0, 0, 0.37), rgba(0, 0, 0, 0.37));
	justify-content: center;
	align-items: start;
	padding-top: 120px;
}

@media (max-width: 425px) {
	.modal {
		padding-top: 78px;
	}
}

.modal.open {
	display: flex;
}

.modal-wrapper {
	max-width: 792px;
	width: 100%;
	background-color: #FFFDF9;
	border-radius: 20px;
	overflow: hidden;
	max-height: 100%;
	display: flex;
	flex-direction: column;
}

.modal-content {
	max-width: 792px;
	width: 100%;
	box-shadow: 0px 99px 39px rgba(172, 153, 83, 0.01), 0px 56px 33px rgba(172, 153, 83, 0.05), 0px 25px 25px rgba(172, 153, 83, 0.09), 0px 6px 14px rgba(172, 153, 83, 0.1);
	overflow-y: auto;
	overflow-x: hidden;
	scrollbar-width: none;
	background-color: #FFFDF9;
	flex-grow: 1;
}

.modal-content::-webkit-scrollbar {
	display: none;
}

.expanded-options {
	padding-top: 24px;
	margin-top: -24px;
	background-color: #FFFDF9;
}

.modal-top {
	display: flex;
	flex-direction: column;
	align-items: center;
	padding: 32px;
	padding-top: 0;
	background: #FFFDF9;
}

.modal-header {
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding-inline: 32px;
	padding-top: 24px;
	padding-bottom: 12px;
	border-bottom: #F3F1EB 1px solid;
	margin-bottom: 12px;
}

.close-button {
	width: 24px;
	height: 24px;
	cursor: pointer;
}

.cart-items {
	width: 100%;
	display: flex;
	flex-direction: column;
	gap: 24px;
	border-bottom: #F3F1EB 1px solid;
	padding-bottom: 24px;
	margin-bottom: 24px;
}

.cart-item {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
}

.cart-item_product {
	display: flex;
	gap: 24px;
}

.cart-item_image {
	max-width: 66px;
}

.cart-item_description {
	display: flex;
	flex-direction: column;
	gap: 12px;
}

.cart-item_description p {
	line-height: 24px;
	color: #3D362C;
}

.cart-item_price {
	display: flex;
	align-items: center;
	gap: 24px;
}

.item-price {
	font-weight: 400;
	font-size: 24px;
	line-height: 160%;
	color: #3D362C;
}

.remove-item-button {
	background-color: transparent;
}

.cart-summary {
	width: 100%;
	display: flex;
	flex-direction: column;
	gap: 12px;
	margin-bottom: 24px;
}

.summary-row {
	display: flex;
	align-items: center;
	justify-content: space-between;
	line-height: 24px;
	color: #3D362C;
}

#totalAmount {
	font-weight: 400;
	font-size: 24px;
	line-height: 160%;
	color: #3D362C;
}

.checkout-button {
	margin-bottom: 24px;
}

.order-options {
	display: none;
	width: 100%;
	flex-direction: column;
	align-items: center;
	height: 0;
}

.order-options.expanded-options {
	display: flex;
	height: auto;
}

#order_form {
	display: flex;
	flex-direction: column;
	align-items: center;
}

.form-group {
	width: 100%;
	background: #F3F1EB;
	padding: 24px;
	margin-bottom: 3px;
}

.form-group .title_h3 {
	display: inline-flex;
	margin-bottom: 24px;
}

.form-group-inputs {
	display: flex;
	gap: 24px;
	flex-wrap: wrap;
	margin-bottom: 24px;
}

.form-group-inputs input {
	flex: calc(50% - 24px);
	padding: 16px 25px;
	font-size: 14px;
	line-height: 22px;
	color: #3D362C;
}

.form-group-inputs input::-moz-placeholder {
	opacity: 0.4;
}

.form-group-inputs input::placeholder {
	opacity: 0.4;
}

.form-group-inputs textarea {
	flex: 100%;
	padding: 16px 25px;
	font-size: 14px;
	line-height: 22px;
	color: #3D362C;
	resize: none;
}

.form-group-inputs textarea::-moz-placeholder {
	opacity: 0.4;
}

.form-group-inputs textarea::placeholder {
	opacity: 0.4;
}

.recipient {
	font-size: 20px;
	line-height: 24px;
	color: #595853;
	display: flex;
	align-items: center;
	gap: 12px;
}

.recipient label {
	display: flex;
	align-items: baseline;
	gap: 8px;
}

.radio-label {
	display: flex;
	align-items: center;
	gap: 12px;
	margin-bottom: 24px;
}

.icon-nova-poshta {
	margin-left: 2px;
}

.delivery-fields {
	display: flex;
	gap: 24px;
	flex-wrap: wrap;
	margin-bottom: 24px;
}

.delivery-fields textarea {
	flex: 100%;
	padding: 16px 25px;
	font-size: 14px;
	line-height: 22px;
	color: #3D362C;
	resize: none;
}

.delivery-fields textarea::-moz-placeholder {
	opacity: 0.4;
}

.delivery-fields textarea::placeholder {
	opacity: 0.4;
}

.delivery-fields.hidden {
	display: none;
}

.delivery-input {
    flex: calc(50% - 24px);
    padding: 16px 25px;
    font-size: 14px;
    line-height: 22px;
    color: #3D362C;
    background: #fff;
}

.delivery-input::-moz-placeholder {
	opacity: 0.4;
}

.delivery-input::placeholder {
	opacity: 0.4;
}

.confirm-order-button {
	margin-block: 24px;
}

.modal-bottom {
	display: flex;
	flex-direction: column;
	align-items: center;
}

.modal-bottom-images {
	display: flex;
	align-items: center;
	gap: 8px;
	margin-bottom: 4px;
}

.modal-bottom-text {
	max-width: 336px;
	font-size: 14px;
	line-height: 22px;
	text-align: center;
	color: #3D362C;
	opacity: 0.4;
	margin-bottom: 32px;
}

.fixed .header__wrapper {
    filter: invert(100%);
  
}

.modal.empty {
	display: none;
} 

@media (max-width: 600px) {
.ui-menu {
    max-width: 270px;
}
.what__container {
    padding-block: 40px;
}
.how__wrapper {
    padding-block: 46px;
}
.advise__wrapper {
    padding-block: 40px;
}
.certificates__container {
    padding-block: 40px;
}
.reviews {
    padding-top: 40px;
    padding-bottom: 40px;
}
}