* {
	margin: 0;
	padding: 0;
	list-style: none;
	text-decoration: none;
	outline: 0;
	-webkit-appearance: none;
	border-radius: 0;
	line-height: 0;
	font-weight: normal;
	border: 0;
	background: none;
	box-sizing: border-box;
}

input::-webkit-contacts-auto-fill-button,
input::-webkit-credentials-auto-fill-button,
input::-webkit-caps-lock-indicator,
input::-webkit-strong-password-auto-fill-button {
	visibility: hidden;
	display: none !important;
	pointer-events: none;
	position: absolute;
	right: 0;
}

body {
	display: flex;
	flex-direction: column;
	min-height: 100vh;
}

img, picture {
	-webkit-user-drag: none;
	user-drag: none;
	-webkit-touch-callout: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

@font-face {
    font-family: "Wix Madefor Text";
    src: url("../fonts/WixMadeforText-Regular.woff2") format("woff2"), url("../fonts/WixMadeforText-Regular.woff") format("woff");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Wix Madefor Text";
    src: url("../fonts/WixMadeforText-SemiBold.woff2") format("woff2"), url("../fonts/WixMadeforText-SemiBold.woff") format("woff");
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@property --category-fade {
	syntax: "<length>";
	inherits: false;
	initial-value: 0px;
}

body, input, textarea, button {
	font-family: "Wix Madefor Text", sans-serif;
	color: #1B1B1B;
}

body::-webkit-scrollbar, .adaptive-menu__content::-webkit-scrollbar {
	width: 6px;
	background-color: #A0A0A0;
}
  
body::-webkit-scrollbar-thumb, .adaptive-menu__content::-webkit-scrollbar-thumb {
	background-color: #906EEF;
}

.header-top__content ul li a span, .header-top__content ul li a svg path, .header-bottom__left a, .header-bottom__right ul li a span, .header-bottom__right ul li a svg path, .header-bottom__right--desktop li a span, .header-bottom__right--desktop li a svg path, .header-bottom__search--button svg path, .header-bottom__search--input, .header-hamburger, .header-hamburger span, .adaptive-menu ul li a span, .section-breadcrumbs ul li a, .section-products__category--name, .products-form__text, .products-form__search--submit svg path, .products-form__row--content a span, .section-filter__show, .catalogue-item__add, .catalogue-item__add svg path, .catalogue-item__image img, .catalogue-item__name, .catalogue-pages ul li a, .catalogue-pages__more, .faq-content__item--link svg, .faq-content__item--name, .bottom-contacts__item--icon, .bottom-contacts__item--text, .footer-content__logo a, .footer-content__menu ul li a, .footer-content__search ul li a, .footer-bottom a, .swiper-buttons a svg path, .swiper-buttons a, .product-gallery__thumb, .section-products__options--select li a, .section-products__price--minus svg, .section-products__price--plus svg path, .section-products__price--buy, .section-products__options--address input, .order-content input {
    transition: color 0.3s ease, background-color 0.3s ease, fill 0.3s ease, border-color 0.3s ease, opacity 0.3s ease;
}

.container {
	max-width: 1440px;
	margin: 0 auto;
	padding: 0 16px;
	position: relative;
	width: 100%;
}

:root {
	--header-height: 88px;
	--header-height-base: 137px;
}

.header-no-transition, .header-no-transition * {
	transition: none !important;
}

header {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 10;
	width: 100%;
	transition: box-shadow 0.3s ease, background-color 0.3s ease;
	backdrop-filter: blur(8px);
	-webkit-backdrop-filter: blur(8px);
	background-color: rgba(255, 255, 255, .8);
}

.header-top {
	border-bottom: 1px solid #E3E3E3;
	padding: 12px 0;
	max-height: 49px;
	overflow: hidden;
	transition: max-height 0.3s ease, padding 0.3s ease, opacity 0.3s ease, border-color 0.3s ease;
}

.header-top__content {
	display: flex;
	gap: 16px;
	justify-content: space-between;
	align-items: center;
}

.header-top__content ul {
	display: flex;
	gap: 24px;
	align-items: center;
}

.header-top__content ul li a {
	display: flex;
	align-items: center;
	gap: 4px;
	font-weight: 600;
}

.header-top__content ul li a span {
	color: #797979;
	font-size: 14px;
	line-height: 21px;
}

.header-top__content ul li a.header-top__content--active span, .header-top__content ul li a:hover span {
	color: #906EEF;
}

.header-top__content ul li a svg {
	width: 24px;
	height: auto;
}

.header-top__content ul li a.header-top__content--active svg path, .header-top__content ul li a:hover svg path {
	fill: #906EEF;
}

.header-bottom {
	padding: 12px 0;
	transition: padding 0.3s ease;
}

.header-bottom__content {
	display: flex;
	gap: 16px;
	justify-content: space-between;
	align-items: center;
}

.header-bottom__left a img {
	height: 64px;
	width: auto;
	transition: height 0.3s ease, opacity 0.3s ease;
}

.header-bottom__left a:hover {
	opacity: .7;
}

.header-bottom__right {
	display: flex;
	gap: 32px;
	align-items: center;
}

.header-bottom__right ul, .header-bottom__right--desktop {
	display: flex;
	align-items: center;
	gap: 4px 24px;
	flex-wrap: wrap;
}

.header-bottom__right--desktop {
	flex: 1;
	justify-content: center;
}

.header-bottom__right ul li a, .header-bottom__right--desktop li a {
	display: flex;
	align-items: center;
	gap: 4px;
}

.header-bottom__right ul li a span, .header-bottom__right--desktop li a span {
	color: #1B1B1B;
	font-size: 16px;
	line-height: 25px;
	font-weight: 600;
}

.header-bottom__right ul li a.header-bottom__content--active span, .header-bottom__right ul li a:hover span, .header-bottom__right--desktop li a.header-bottom__content--active span, .header-bottom__right--desktop li a:hover span {
	color: #906EEF;
}

.header-bottom__content ul li a svg {
	width: 24px;
	height: auto;
}

.header-bottom__content ul li a.header-bottom__content--active svg path, .header-bottom__content ul li a:hover svg path, .header-bottom__right ul li a.header-bottom__link--active svg path {
	fill: #906EEF;
}

.header-bottom__dropdown {
	position: relative;
}

.header-bottom__dropdown--menu {
	position: absolute;
	top: calc(100% + 8px);
	left: 50%;
	transform: translate(-50%, -4px);
	z-index: 5;
	display: flex;
	flex-direction: column;
	gap: 4px;
	padding: 8px;
	min-width: 200px;
	background-color: #fff;
	border: 1px solid #E3E3E3;
	border-radius: 8px;
	box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08);
	opacity: 0;
	visibility: hidden;
	transition: opacity 0.3s ease, transform 0.3s ease, visibility 0s linear 0.3s;
}

.header-bottom__dropdown--menu li a {
	display: block;
	padding: 8px 12px;
	border-radius: 6px;
	transition: background-color 0.3s ease;
}

.header-bottom__dropdown--menu li a:hover {
	background-color: #F3F3F3;
}

.header-bottom__dropdown:hover .header-bottom__dropdown--menu {
	opacity: 1;
	visibility: visible;
	transform: translate(-50%, 0);
	transition: opacity 0.3s ease, transform 0.3s ease;
}

.header-bottom__search {
	position: relative;
}

.header-bottom__search--input {
	border-radius: 8px;
	background-color: #F3F3F3;
	font-size: 16px;
	line-height: 40px;
	height: 40px;
	padding: 0 48px 0 12px;
	width: 256px;
}

.header-bottom__search--button {
	position: absolute;
	right: 12px;
	top: 8px;
	cursor: pointer;
}

.header-bottom__search--button svg {
	width: 24px;
	height: auto;
}

.header-bottom__search--button:disabled {
	cursor: default;
	opacity: .4;
}

.header-bottom__search--button:hover:not(:disabled) svg path {
	fill: #906EEF;
}

::placeholder {
	color: #A0A0A0;
}

.header-bottom__search--input:focus {
	background-color: #EFEBFF;
}

.header-active .header-top {
	max-height: 0;
	padding-top: 0;
	padding-bottom: 0;
	opacity: 0;
	border-bottom-color: transparent;
}

.header-active .header-bottom {
	padding: 8px 0;
}

.header-active .header-bottom__left a img {
	height: 56px;
}

.header-bottom__right ul li a span.header-bottom__number,
.header-bottom__right ul li a span.header-bottom__profile-number {
	font-size: 12px;
	line-height: 19px;
	background-color: #906EEF;
	color: #fff;
	width: 24px;
	height: 24px;
	border-radius: 100px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-weight: 600;
}

.header-bottom__logo--adaptive {
	display: none;
}

.header-hamburger__content {
	display: none;
}

.header-hamburger {
	width: 24px;
	height: 16px;
	cursor: pointer;
	position: relative;
	margin-left: 16px;
	margin-top: -2px;
	-webkit-tap-highlight-color: transparent;
	touch-action: manipulation;
}

.header-hamburger:hover {
	opacity: .9;
}

.header-hamburger span {
	display: block;
	position: absolute;
	height: 2px;
	width: 100%;
	background: #1B1B1B;
}

.header-hamburger span:nth-child(1) {
	top: 0px;
}

.header-hamburger span:nth-child(2) {
	top: 8px;
}

.header-hamburger span:nth-child(3) {
	top: 16px;
}

.header-hamburger.open span:nth-child(1) {
	top: 7px;
	width: 24px;
	transform: rotate(-45deg);
}

.header-hamburger.open span:nth-child(2) {
	top: 7px;
	width: 24px;
	transform: rotate(45deg);
}

.header-hamburger.open span:nth-child(3) {
	display: none;
}

.adaptive-menu {
	display: none;
	position: fixed;
	top: var(--header-height);
	left: 0;
	width: 100%;
	height: calc(100vh - var(--header-height));
	height: calc(100dvh - var(--header-height));
	z-index: 9;
	backdrop-filter: blur(8px);
	-webkit-backdrop-filter: blur(8px);
	background-color: rgba(255, 255, 255, .8);
}

.adaptive-menu__content {
	padding: 16px;
	padding-bottom: calc(16px + env(safe-area-inset-bottom, 0px));
	height: 100%;
	overflow-y: auto;
	-webkit-overflow-scrolling: touch;
	overscroll-behavior: contain;
	display: flex;
	flex-direction: column;
	gap: 32px;
}

.adaptive-menu__content > * {
	flex: 0 0 auto;
}

body.menu-open {
	position: fixed;
	left: 0;
	width: 100%;
	overflow: hidden;
}

main {
	margin-top: var(--header-height-base);
	padding-top: 24px;
	flex: 1 0 auto;
}

.adaptive-menu .header-bottom__search--input {
	width: 100%;
}

.adaptive-menu ul {
	display: flex;
	flex-direction: column;
	gap: 12px;
}

.adaptive-menu ul li a {
	display: flex;
	align-items: center;
	gap: 4px;
}

.adaptive-menu ul li a span {
	font-size: 16px;
	line-height: 25px;
	color: #797979;
}

.adaptive-menu ul.adaptive-menu__accent li a span {
	color: #1B1B1B;
}

.adaptive-menu ul li a.adaptive-menu__content--active span, .adaptive-menu ul li a:hover span {
	color: #906EEF;
}

.adaptive-menu ul li a svg {
	width: 24px;
	height: auto;
}

.adaptive-menu ul li a.adaptive-menu__content--active svg path, .adaptive-menu ul li a:hover svg path {
	fill: #906EEF;
}

.section-banner .section-banner__content {
	background-color: #D8F0EA;
	border-radius: 24px;
	padding: 48px;
	min-height: 192px;
	display: flex;
	justify-content: center;
	background-size: 640px;
	background-repeat: no-repeat;
	background-position: right;
	flex-direction: column;
	gap: 16px;
}

.section-banner.section-banner--extended .section-banner__content {
	background-color: #EFEBFF;
	padding: 64px 48px;
	border-radius: 48px;
}

.section-banner .section-banner__content p {
	max-width: 480px;
}

.section-alt__title {
	font-size: 32px;
	line-height: 40px;
	font-weight: 600;
}

.section-banner__subtitle {
	font-size: 18px;
	line-height: 27px;
}

.section-banner__subtitle b {
	font-weight: 600;
}

.section-banner {
	padding-bottom: 32px;
}

.section-banner__cta {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	height: 48px;
	padding: 0 24px;
	background-color: #906EEF;
	color: #fff;
	font-size: 16px;
	border-radius: 100px;
	width: fit-content;
	margin-top: 8px;
	transition: background-color 0.3s ease;
}

.section-banner__cta:hover {
	background-color: #7A59D5;
}

.page-content__wrapper {
	display: flex;
	gap: 16px;
	align-items: center;
	justify-content: space-between;
}

.page-content {
	position: relative;
	width: 70%;
	max-width: 1024px;
}

.page-content__wrapper img {
	width: 30%;
	min-width: 256px;
	height: auto;
}

.contacts-page {
	display: grid;
	grid-template-columns: 1fr 1.4fr;
	gap: 48px;
	align-items: start;
}

.contacts-page__rows {
	display: flex;
	flex-direction: column;
	gap: 16px;
	margin-top: 32px;
}

.contacts-page__row {
	display: flex;
	align-items: center;
	gap: 12px;
}

.contacts-page__row a,
.contacts-page__row p {
	font-size: 18px;
	line-height: 27px;
	color: #1B1B1B;
}

.contacts-page__row a {
	transition: color 0.3s ease;
}

.contacts-page__row a:hover {
	color: #906EEF;
}

.contacts-page__social p {
	font-size: 16px;
	line-height: 25px;
}

.contacts-page__icon {
	width: 40px;
	height: 40px;
	border-radius: 100px;
	border: 1px solid #E3E3E3;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
}

.contacts-page__social {
	margin-top: 32px;
}

.contacts-page__social p {
	font-size: 16px;
	color: #797979;
	margin-bottom: 12px;
}

.contacts-page__social ul {
	display: flex;
	gap: 12px;
}

.contacts-page__social ul li a {
	width: 40px;
	height: 40px;
	border-radius: 100px;
	border: 1px solid #E3E3E3;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: border-color 0.3s ease;
}

.contacts-page__social ul li a:hover {
	border-color: #906EEF;
}

.contacts-page__social ul li a svg {
	width: 24px;
	height: 24px;
}

.contacts-page__social ul li a svg path {
	transition: fill 0.3s ease;
}

.contacts-page__social ul li a:hover svg path {
	fill: #906EEF;
}

.contacts-page__map, .page-map {
	background-color: #F5F5F5;
	border-radius: 24px;
	min-height: 480px;
	width: 100%;
	overflow: hidden;
}

[class*=ymaps-2][class*=-ground-pane] {
  filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale");
  -webkit-filter: grayscale(100%);
}

@media screen and (max-width: 768px) {
	.contacts-page {
		grid-template-columns: 1fr;
	}
	.contacts-page__map, .page-map {
		min-height: 320px;
	}
}

.page-content__text {
	display: flex;
	flex-direction: column;
	gap: 16px;
}

.page-content__text h2 {
	font-size: 32px;
	line-height: 40px;
	font-weight: 600;
	margin-top: 24px;
}

.page-content__text h3 {
	font-size: 24px;
	line-height: 32px;
	font-weight: 600;
	margin-top: 12px;
}

.page-content__text p {
	font-size: 16px;
	line-height: 25px;
	color: #1B1B1B;
}

.page-content__text ul,
.page-content__text ol {
	display: flex;
	flex-direction: column;
	gap: 8px;
	padding-left: 20px;
}

.page-content__text ul li {
	list-style: disc;
}

.page-content__text ol li {
	list-style: decimal;
}

.page-content__text ul li::marker, .page-content__text ol li::marker {
	color: #797979;
}

.page-content__text li {
	font-size: 16px;
	line-height: 25px;
	padding-left: 4px;
}

.page-content__text a {
	color: #906EEF;
	border-bottom: 1px solid rgba(144, 110, 239, .5);
    transition: color 0.3s ease, border-color 0.3s ease;
}

.page-content__text a:hover {
	color: #7A59D5;
	border-color: transparent;
}

.page-content__text strong,
.page-content__text b {
	font-weight: 600;
}

.section-breadcrumbs {
	padding-bottom: 48px;
}

.section-breadcrumbs ul {
	display: flex;
	gap: 8px;
}

.section-breadcrumbs ul li a, .section-breadcrumbs ul li p {
	font-size: 16px;
	line-height: 25px;
}

.section-breadcrumbs ul li a {
	color: #1B1B1B;
}

.section-breadcrumbs ul li a:hover {
	color: #906EEF;
}

.section-breadcrumbs ul li p {
	color: #797979;
}

.section-breadcrumbs ul li:nth-child(2n) p {
	color: #CBCBCB;
}

.section-bottom {
	padding-bottom: 96px;
}

.section-top {
	padding-top: 24px;
}

.section-header {
	display: flex;
	align-items: center;
	gap: 16px;
	margin-bottom: 32px;
	justify-content: space-between;
}

.section-header__title {
	font-size: 40px;
	line-height: 48px;
	font-weight: 600;
}

.section-products__category {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 16px;
	margin-bottom: 32px;
}

.section-products__category--scroll {
	grid-template-columns: none;
	grid-auto-flow: column;
	grid-auto-columns: calc((100% - 48px) / 4);
	overflow-x: auto;
	overscroll-behavior-x: contain;
	scroll-snap-type: x proximity;
	scrollbar-width: none;
	-ms-overflow-style: none;
	-webkit-overflow-scrolling: touch;
	cursor: grab;
	transition: --category-fade 0.3s ease;
}

.section-products__category--scroll::-webkit-scrollbar {
	display: none;
}

.section-products__category--scroll > a {
	scroll-snap-align: start;
}

.section-products__category--scroll.is-overflow {
	--category-fade: 96px;
	-webkit-mask-image: linear-gradient(to right, #1B1B1B calc(100% - var(--category-fade)), transparent 100%);
	mask-image: linear-gradient(to right, #1B1B1B calc(100% - var(--category-fade)), transparent 100%);
}

.section-products__category--scroll.is-overflow.is-end {
	--category-fade: 0px;
}

.section-products__category--scroll.is-dragging {
	cursor: grabbing;
	scroll-snap-type: none;
	user-select: none;
}

.section-products__category a {
	background-color: #F3F3F3;
	display: flex;
	align-items: center;
	gap: 16px;
	padding: 8px 12px;
	border-radius: 16px;
	transition: background-color 0.3s ease;
	border: 1px solid transparent;
}

.section-products__category a.section-products__category--lilac {
	background-color: #EFEBFF;
}

.section-products__category a.section-products__category--mint {
	background-color: #DBF3E6;
}

.section-products__category a.section-products__category--blue {
	background-color: #D7ECF1;
}

.section-products__category a.section-products__category--pink {
	background-color: #F6DCF7;
}

.section-products__category a.section-products__category--peach {
	background-color: #FBE3C7;
}

.section-products__category a.section-products__category--active {
	filter: brightness(1.1);
}

.section-products__category a.section-products__category--lilac .section-products__category--image {
	border-color: #EFEBFF;
}

.section-products__category a.section-products__category--mint .section-products__category--image {
	border-color: #DBF3E6;
}

.section-products__category a.section-products__category--blue .section-products__category--image {
	border-color: #D7ECF1;
}

.section-products__category a.section-products__category--pink .section-products__category--image {
	border-color: #F6DCF7;
}

.section-products__category a.section-products__category--peach .section-products__category--image {
	border-color: #FBE3C7;
}

.section-products__category a.section-products__category--active .section-products__category--image {
	border-color: #906EEF;
}

.section-products__category a.section-products__category--active .section-products__category--name {
	color: #906EEF;
}

.products-form__hidden {
	display: none;
}

.section-products__items--error {
	font-size: 16px;
	line-height: 25px;
	font-weight: 600;
	color: #E74D69;
	text-align: center;
}

.preloader {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 20;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: rgba(255, 255, 255, .8);
	opacity: 0;
	visibility: hidden;
	transition: opacity 0.3s ease, visibility 0s linear 0.3s;
}

.preloader.is-active {
	opacity: 1;
	visibility: visible;
	transition: opacity 0.3s ease, visibility 0s linear 0s;
}

.preloader svg {
	width: 96px;
	height: auto;
}

.section-products__category--image {
	width: 64px;
	height: 64px;
	position: relative;
	border-radius: 100px;
	border: 2px solid #ACA1DF;
	overflow: hidden;
	flex-shrink: 0;
	transition: border-color 0.3s ease;
	-webkit-mask-image: -webkit-radial-gradient(white, black);
}

.section-products__category--image img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	min-width: 100%;
	min-height: 100%;
	object-position: center;
	object-fit: cover;
	-webkit-user-drag: none;
	user-select: none;
    transition: transform 0.3s ease;
}

.section-products__category--name {
	font-size: 16px;
	line-height: 25px;
	color: #1B1B1B;
	font-weight: 600;
}

.section-products__category a:hover .section-products__category--image img {
	transform: scale(1.1);
}

.section-products__category a:hover .section-products__category--name {
	color: #906EEF;
}

.section-products__content {
	display: grid;
	grid-template-columns: 1fr 4fr;
	gap: 48px;
}

.section-filter__show {
	display: none;
	justify-content: space-between;
	align-items: center;
	gap: 16px;
	cursor: pointer;
	width: 100%;
}

.section-filter__show svg {
	flex-shrink: 0;
	transition: transform 0.3s ease;
}

.section-filter__show svg path {
	transition: fill 0.3s ease;
}

.section-filter__show:hover span {
	color: #906EEF;
}

.section-filter__show:hover svg path {
	fill: #906EEF;
}

.products-form__row--content {
	display: flex;
	flex-direction: column;
}

.products-form__row--title {
	display: flex;
	justify-content: space-between;
	gap: 16px;
	align-items: center;
}

.products-form__row--title span {
	font-size: 16px;
	line-height: 25px;
	font-weight: 600;
}

a.products-form__row--title {
	cursor: pointer;
}

.products-form__row--title svg {
	flex-shrink: 0;
	transition: transform 0.3s ease;
}

.products-form__row--title svg path {
	transition: fill 0.3s ease;
}

.products-form__row--content a:hover svg path {
	fill: #906EEF;
}

.products-form__inside {
	margin-top: 8px;
}

.products-form__row:has(a.products-form__row--title svg) .products-form__inside {
	display: grid;
	grid-template-rows: 1fr;
	overflow: hidden;
	opacity: 1;
	visibility: visible;
	transition: grid-template-rows 0.3s ease, opacity 0.3s ease, margin-top 0.3s ease, visibility 0s linear 0s;
}

.products-form__row:has(a.products-form__row--title svg) .products-form__inside > * {
	min-height: 0;
}

.products-form__row--active:has(a.products-form__row--title svg) .products-form__inside {
	grid-template-rows: 1fr;
	opacity: 1;
	visibility: visible;
	margin-top: 8px;
}

.products-form__row--hidden:has(a.products-form__row--title svg) .products-form__inside {
	grid-template-rows: 0fr;
	opacity: 0;
	visibility: hidden;
	margin-top: 0;
	transition: grid-template-rows 0.3s ease, opacity 0.3s ease, margin-top 0.3s ease, visibility 0s linear 0.3s;
}

.products-form__row--hidden:not(:has(a.products-form__row--title svg)) .products-form__inside {
	display: none;
}

.products-form__row--hidden .products-form__row--title svg {
	transform: rotate(180deg);
}

.products-form__text {
	border: 1px solid #CBCBCB;
	border-radius: 8px;
	height: 40px;
	line-height: 40px;
	padding: 0 12px;
	width: 100%;
	font-size: 16px;
}

.products-form__text:focus {
	border-color: #906EEF;
}

.products-form__search {
	position: relative;
}

.products-form__search--submit {
	width: 24px;
	height: 24px;
	position: absolute;
	top: 8px;
	right: 12px;
	cursor: pointer;
}

.products-form__search--submit:hover svg path {
	fill: #906EEF;
}

.products-form {
	display: flex;
	gap: 16px;
	flex-direction: column;
}

.products-form__price {
	display: flex;
	flex-direction: column;
	gap: 16px;
}

.products-form__price--cols {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 16px;
}

.products-form__price--col {
	position: relative;
}

.products-form__price--col p {
	font-size: 16px;
	line-height: 25px;
	color: #797979;
	position: absolute;
	top: 8px;
	right: 12px;
}

.products-form__search--input {
	padding-right: 48px;
}

.products-form__price--from, .products-form__price--to {
	padding-right: 32px;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;
}

input[type=number] {
	-moz-appearance: textfield;
}

.products-form__range {
	position: relative;
	height: 20px;
	touch-action: none;
}

.products-form__range--track {
	position: absolute;
	top: 50%;
	left: 0;
	right: 0;
	height: 2px;
	margin-top: -1px;
	border-radius: 2px;
	background-color: #CBCBCB;
}

.products-form__range--fill {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	border-radius: 2px;
	background-color: #1B1B1B;
}

.products-form__range--input {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 20px;
	margin: 0;
	padding: 0;
	background: none;
	pointer-events: none;
	-webkit-appearance: none;
	appearance: none;
}

.products-form__range--from {
	z-index: 3;
}

.products-form__range--to {
	z-index: 4;
}

.products-form__range--input::-webkit-slider-thumb {
	-webkit-appearance: none;
	appearance: none;
	box-sizing: border-box;
	width: 16px;
	height: 16px;
	border-radius: 100px;
	background-color: #fff;
	border: 2px solid #1B1B1B;
	cursor: grab;
	pointer-events: auto;
	transition: border-color 0.3s ease, background-color 0.3s ease;
}

.products-form__range--input::-moz-range-thumb {
	box-sizing: border-box;
	width: 16px;
	height: 16px;
	border-radius: 100px;
	background-color: #fff;
	border: 1px solid #1B1B1B;
	cursor: grab;
	pointer-events: auto;
	transition: border-color 0.3s ease, background-color 0.3s ease;
}

.products-form__range--input::-moz-range-track {
	background: none;
	border: 0;
	height: 20px;
}

.products-form__range--input:hover::-webkit-slider-thumb, .products-form__range--input:focus-visible::-webkit-slider-thumb {
	border-color: #906EEF;
}

.products-form__range--input:hover::-moz-range-thumb, .products-form__range--input:focus-visible::-moz-range-thumb {
	border-color: #906EEF;
}

.products-form__range--input:active::-webkit-slider-thumb {
	cursor: grabbing;
	border-color: #906EEF;
}

.products-form__range--input:active::-moz-range-thumb {
	cursor: grabbing;
	border-color: #906EEF;
}

.products-form__options--wrapper {
	display: flex;
	flex-direction: column;
	gap: 8px;
}

.products-form__options--scroll {
	max-height: 124px;
	overflow-y: auto;
	overscroll-behavior: contain;
	padding-right: 8px;
}

.products-form__options--scroll::-webkit-scrollbar {
	width: 6px;
	background-color: #A0A0A0;
}

.products-form__options--scroll::-webkit-scrollbar-thumb {
	background-color: #906EEF;
}

.products-form__options--item {
	display: flex;
	gap: 8px;
	align-items: center;
	cursor: pointer;
	transition: opacity 0.3s ease;
	-webkit-tap-highlight-color: transparent;
}

.products-form__options--item:hover {
	opacity: .8;
}

.products-form__options--item input {
	position: relative;
	width: 20px;
	height: 20px;
	flex-shrink: 0;
	border-radius: 6px;
	border: 1px solid #CBCBCB;
	background-color: #fff;
	cursor: pointer;
	-webkit-appearance: none;
	appearance: none;
	transition: background-color 0.3s ease, border-color 0.3s ease;
}

.products-form__options--item input::after {
	content: "";
	position: absolute;
	inset: 0;
	background-color: #fff;
	-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E");
	mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E");
	-webkit-mask-size: 12px 12px;
	mask-size: 12px 12px;
	-webkit-mask-position: center;
	mask-position: center;
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	opacity: 0;
	transform: scale(.6);
	transition: opacity 0.3s ease, transform 0.3s ease;
}

.products-form__options--item input:checked {
	background-color: #906EEF;
	border-color: #906EEF;
}

.products-form__options--item input:checked::after {
	opacity: 1;
	transform: scale(1);
}

.products-form__options--item label {
	font-size: 16px;
	line-height: 25px;
	cursor: pointer;
}

.products-form__colors--wrapper {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}

.products-form__colors--item {
	position: relative;
	width: 20px;
	height: 20px;
}

.products-form__colors--item input {
	position: absolute;
	inset: 0;
	margin: 0;
	opacity: 0;
	cursor: pointer;
}

.products-form__colors--item label {
	display: block;
	width: 100%;
	height: 100%;
	border-radius: 100px;
	border: 2px solid #E3E3E3;
	cursor: pointer;
	transition: opacity 0.3s ease;
}

.products-form__colors--item:hover label {
	opacity: .7;
}

.products-form__colors--item input:checked + label {
	border-color: #906EEF;
}

.products-form__row--content a span {
	color: #1B1B1B;
}

.products-form__row--content a:hover span {
	color: #906EEF;
}

.products-form__row--title.products-form__reset {
	justify-content: center;
}

.products-form__row--title.products-form__reset span {
	color: #797979;
	font-weight: 400;
}

.section-filter__show {
	height: 40px;
	align-items: center;
	gap: 16px;
	border-radius: 100px;
	background-color: #EFEBFF;
	padding: 0 12px;
	justify-content: space-between;
}

.section-filter__show:hover {
	opacity: .8;
}

.section-filter__show span {
	font-size: 14px;
	font-weight: 600;
	line-height: 40px;
	color: #906EEF;
}

.section-filter__show {
	display: none;
}

.section-products__category a.section-products__category--active {
	border: 1px solid rgba(144, 110, 239, .25);
}

.catalogue-items {
	display: grid;
	gap: 24px;
	grid-template-columns: 1fr 1fr 1fr 1fr;
}

.catalogue-item__image {
	aspect-ratio: 1/1;
	position: relative;
	border-radius: 24px;
	overflow: hidden;
	margin-bottom: 12px;
	display: block;
	-webkit-mask-image: -webkit-radial-gradient(white, black);
}

.catalogue-item__image--active {
	z-index: 1;
	position: absolute;
	width: 100%;
	height: 100%;
	background-color: rgba(144, 110, 239, .5);
	opacity: 0;
	visibility: hidden;
	transition: opacity 0.3s ease, visibility 0.3s ease;
}

.catalogue-item__image--added {
	padding: 16px;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	gap: 12px;
	height: 100%;
}

.catalogue-item__image--added p {
	font-size: 16px;
	line-height: 25px;
	font-weight: 600;
	color: #fff;
}

.catalogue-item__image img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	min-width: 100%;
	min-height: 100%;
	object-position: center;
	object-fit: cover;
    transition: transform 0.3s ease;
}

.catalogue-item__name {
	font-size: 16px;
	line-height: 25px;
	color: #1B1B1B;
}

.catalogue-item__price {
	display: flex;
	align-items: center;
	gap: 0px 8px;
	flex-wrap: wrap;
}

.catalogue-item__price--usual {
	font-size: 18px;
	line-height: 27px;
	color: #1B1B1B;
	font-weight: 600;
}

.catalogue-item__price--accent {
	font-size: 18px;
	line-height: 27px;
	color: #906EEF;
	font-weight: 600;
}

.catalogue-item__price--discount {
	font-size: 16px;
	line-height: 25px;
	color: #A0A0A0;
	text-decoration-line: line-through;
	text-decoration-color: rgba(160, 160, 160, .5);
}

.catalogue-item__add {
	display: block;
	width: 32px;
	height: 32px;
	border: 1px solid #CBCBCB;
	border-radius: 100px;
	display: flex;
	align-items: center;
	justify-content: center;
	min-width: 32px;
	min-height: 32px;
}

.catalogue-item__add svg {
	width: 24px;
	height: auto;
}

.catalogue-item__data {
	display: flex;
	justify-content: space-between;
	gap: 16px;
}

.catalogue-item__add--active, .catalogue-item__add:hover {
	background-color: #EFEBFF;
}

.catalogue-item__add--active svg path, .catalogue-item__add:hover svg path {
	fill: #906EEF;
}

.catalogue-item__image:hover img {
	transform: scale(1.03);
}

.catalogue-item__name:hover {
	color: #906EEF;
}

.catalogue-item__image--selected.catalogue-item__image:hover img {
	transform: none;
}

.catalogue-item__image--selected .catalogue-item__image--active {
	opacity: 1;
	visibility: visible;
}

.catalogue-item__tags {
	position: absolute;
	top: 12px;
	left: 12px;
	z-index: 2;
	display: flex;
	gap: 6px;
}

.catalogue-item__tags p {
	font-size: 12px;
	line-height: 24px;
	height: 24px;
	padding: 0 8px;
	background-color: #906EEF;
	color: #fff;
	font-weight: 600;
	border-radius: 100px;
}

.catalogue-amount-sort {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	margin-bottom: 16px;
}

.catalogue-amount__value {
	font-size: 16px;
	line-height: 25px;
}


.catalogue-sort__value {
	flex-shrink: 0;
}

.form-select {
	position: relative;
	width: 240px;
	max-width: 100%;
}

.form-select__trigger {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 8px;
	width: 100%;
	height: 40px;
	padding: 0 12px;
	border: 1px solid #E3E3E3;
	border-radius: 8px;
	background-color: #fff;
	font-family: inherit;
	font-size: 16px;
	line-height: 40px;
	color: #1B1B1B;
	text-align: left;
	cursor: pointer;
	transition: border-color 0.3s ease;
}

.form-select__trigger:hover, .form-select--open .form-select__trigger {
	border-color: #906EEF;
}

.form-select__label {
	white-space: nowrap;
	text-overflow: ellipsis;
}

.form-select__arrow {
	flex-shrink: 0;
	transform: rotate(180deg);
	transition: transform 0.3s ease;
}

.form-select--open .form-select__arrow {
	transform: rotate(0deg);
}

.form-select__arrow path {
	transition: fill 0.3s ease;
}

.form-select__trigger:hover .form-select__arrow path, .form-select--open .form-select__arrow path {
	fill: #906EEF;
}

.form-select__dropdown {
	position: absolute;
	top: calc(100% + 4px);
	left: 0;
	right: 0;
	z-index: 5;
	padding: 4px;
	background-color: #fff;
	border: 1px solid #E3E3E3;
	border-radius: 8px;
	opacity: 0;
	visibility: hidden;
	transform: translateY(-4px);
	transition: opacity 0.3s ease, transform 0.3s ease, visibility 0s linear 0.3s;
	max-height: 240px;
	overflow-y: auto;
}

.form-select__dropdown::-webkit-scrollbar {
	width: 6px;
	background-color: #A0A0A0;
}

.form-select__dropdown::-webkit-scrollbar-thumb {
	background-color: #906EEF;
}

.form-select--open .form-select__dropdown {
	opacity: 1;
	visibility: visible;
	transform: translateY(0);
	transition: opacity 0.3s ease, transform 0.3s ease;
}

.form-select__option {
	padding: 8px 12px;
	border-radius: 6px;
	font-size: 16px;
	line-height: 20px;
	color: #1B1B1B;
	cursor: pointer;
	transition: background-color 0.3s ease, color 0.3s ease;
}

.form-select__option:hover {
	background-color: rgba(144, 110, 239, .08);
}

.form-select__option--active {
	color: #906EEF;
}

.form-select__divider {
	height: 1px;
	background-color: #E3E3E3;
	margin: 4px 8px;
}

.catalogue-pages {
	padding-top: 32px;
}

.catalogue-pages ul {
	display: flex;
	gap: 8px;
	align-items: center;
	justify-content: center;
}

.catalogue-pages ul li a {
	width: 32px;
	height: 32px;
	display: block;
	border-radius: 100px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.catalogue-pages ul li a.products-filter__pages--active, .catalogue-pages ul li a:hover {
	background-color: #EFEBFF;
}

.catalogue-pages ul li a span {
	font-size: 16px;
	line-height: 25px;
	color: #1B1B1B;
}

.catalogue-pages ul li a svg {
	width: 15px;
	height: auto;
}

.products-filter__pages--next svg {
	transform: rotate(90deg);
}

.products-filter__pages--prev svg {
	transform: rotate(-90deg);
}

.catalogue-item {
	animation: catalogue-item-in 0.3s ease;
}

.catalogue-pages__more {
	display: flex;
	align-items: center;
	justify-content: center;
	width: fit-content;
	height: 40px;
	margin: 0 auto 24px;
	padding: 0 24px;
	border-radius: 100px;
	border: 1px solid #E3E3E3;
}

.catalogue-pages__more:hover {
	background-color: #F3F3F3;
	border-color: transparent;
}

.catalogue-pages__more span {
	font-size: 16px;
	line-height: 40px;
	color: #797979;
}

.products-form__submit {
	display: none;
}

.section-products__filter {
	transition: margin-bottom 0.3s ease;
}

.section-products__filter--open {
	margin-bottom: 24px;
}

.section-gray .section-content {
	background-color: #F3F3F3;
	padding: 48px;
	border-radius: 48px;
}

.faq-content {
	display: flex;
	flex-direction: column;
}

.faq-content__item {
	padding-bottom: 24px;
	border-bottom: 1px solid #E3E3E3;
}

.faq-content__item--wrapper {
	display: flex;
	flex-direction: column;
}

.faq-content__item+.faq-content__item {
	padding-top: 24px;
}

.faq-content__item--link {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
}

.faq-content__item--name {
	font-size: 18px;
	line-height: 27px;
	color: #1B1B1B;
}

.faq-content__item--arrow {
	height: 32px;
	width: 48px;
	display: flex;
	align-items: center;
	justify-content: center;
	border: 1px solid #CBCBCB;
	border-radius: 100px;
	min-width: 48px;
}

.faq-content__item--link svg {
	width: 15px;
	height: auto;
	transform: rotate(180deg);
	transition: transform 0.3s ease;
}

.faq-content__item--text {
	max-width: 1024px;
	display: grid;
	grid-template-rows: 0fr;
	transition: grid-template-rows 0.3s ease;
}

.faq-content__item--text > * {
	min-height: 0;
	overflow: hidden;
}

.faq-content__item--active .faq-content__item--text {
	grid-template-rows: 1fr;
}

.faq-content__item--active .faq-content__item--link svg {
	transform: rotate(0);
}

.section-profile__orders--collapse {
	display: grid;
	grid-template-rows: 0fr;
	transition: grid-template-rows 0.3s ease;
}

.section-profile__orders--collapse > * {
	min-height: 0;
	overflow: hidden;
}

.section-profile__orders--collapse .section-profile__orders--items > * {
	min-height: 0;
}

.section-profile__orders--item--active .section-profile__orders--collapse {
	grid-template-rows: 1fr;
}

.section-profile__orders--toggle {
	width: 32px;
	height: 32px;
	border-radius: 100px;
	border: 1px solid #E3E3E3;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	flex-shrink: 0;
	transition: background-color 0.3s ease;
	margin-left: 8px;
}

.section-profile__orders--toggle:hover {
	background-color: #F5F5F5;
}

.section-profile__orders--toggle svg {
	transition: transform 0.3s ease;
}

.section-profile__orders--item--active .section-profile__orders--toggle svg {
	transform: rotate(180deg);
}

.faq-content__item--text p {
	font-size: 16px;
	line-height: 25px;
	padding-top: 0;
	transition: padding-top 0.3s ease;
}

.faq-content__item--active .faq-content__item--text p {
	padding-top: 12px;
}

.faq-content__item--link:hover .faq-content__item--name {
	color: #906EEF;
}

.faq-content__item:last-child {
	border-bottom: none;
	padding-bottom: 0;
}

.section-gray--alt .section-content {
	background-color: #EFEBFF;
}

.bottom-contacts {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 16px 24px;
}

.bottom-contacts__item {
	display: flex;
	align-items: center;
	gap: 16px;
}

.bottom-contacts__item--icon {
	width: 48px;
	height: 48px;
	border: 1px solid #ACA1DF;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 100px;
}

.bottom-contacts__item--icon svg {
	width: 32px;
	height: auto;
}

.bottom-contacts__item--icon svg path {
	fill: #906EEF;
}

.bottom-contacts__item--text {
	font-size: 18px;
	line-height: 27px;
	color: #1B1B1B;
}

.bottom-contacts__item:hover .bottom-contacts__item--icon {
	border-color: #906EEF;
}

.bottom-contacts__item:hover .bottom-contacts__item--text {
	color: #906EEF;
}

footer {
	padding: 48px 0;
	background-color: #1B1B1B;
	flex-shrink: 0;
}

.footer-content {
	display: grid;
	grid-template-columns: 2fr 2fr 3fr;
	gap: 32px;
}

.footer-content__menu {
	display: flex;
	gap: 96px;
	margin-top: 24px;
}

.footer-content__search {
	display: flex;
	flex-direction: column;
	gap: 24px;
	align-items: flex-end;
	margin-top: 24px;
}

.footer-content__search ul {
	display: flex;
	align-items: center;
	gap: 12px;
}

.footer-content__logo a img {
	height: 80px;
	width: auto;
}

.footer-content__logo a:hover {
	opacity: .8;
}

.footer-content__menu ul {
	display: flex;
	gap: 12px;
	flex-direction: column;
}

.footer-content__menu ul li a {
	font-size: 16px;
	line-height: 25px;
	color: #fff;
}

.footer-content__menu ul li a.footer-content__menu--active, .footer-content__menu ul li a:hover {
	color: #906EEF;
}

.footer-content__search .header-bottom__search--input {
	background-color: transparent;
	border: 1px solid #656565;
	width: 480px;
	color: #fff;
}

.footer-content__search .header-bottom__search--input:focus {
	border-color: #906EEF;
}

.footer-content__search .header-bottom__search--button svg path {
	fill: #fff;
}

.footer-content__search .header-bottom__search--button:hover svg path {
	fill: #906EEF;
}

.footer-content__search ul li a {
	width: 40px;
	height: 40px;
	display: block;
	background-color: #656565;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 100px;
}

.footer-content__search ul li a svg {
	width: 24px;
	height: auto;
}

.footer-content__search ul li a svg path {
	fill: #fff;
}

.footer-content__search ul li a:hover {
	background-color: #906EEF;
}

.footer-bottom {
	margin-top: 48px;
	padding-top: 32px;
	border-top: 1px solid #404040;
	display: flex;
	justify-content: space-between;
	gap: 16px;
}

.footer-bottom ul {
	display: flex;
	gap: 12px 24px;
	flex-wrap: wrap;
}

.footer-bottom ul li a {
	font-size: 14px;
	line-height: 21px;
	color: #797979;
}

.footer-bottom p {
	font-size: 14px;
	line-height: 21px;
	color: #797979;
	min-width: fit-content;
}

.footer-bottom p a {
	color: #A0A0A0;
}

.footer-bottom a:hover {
	color: #fff;
}

.swiper-buttons {
	display: flex;
	align-items: center;
	gap: 12px;
}

.swiper-buttons a {
	background-color: #F3F3F3;
	height: 40px;
	display: flex;
	align-items: center;
	justify-content: center;
	width: fit-content;
	padding: 0 20px;
	border-radius: 100px;
}

.swiper-buttons a svg {
	width: 14px;
	height: auto;
}

.swiper-buttons a:hover {
	background-color: #E3E3E3;
}

.swiper-buttons a:hover svg path {
	fill: #1B1B1B;
}

.swiper-buttons__prev svg {
	transform: rotate(-90deg);
}

.swiper-buttons__next svg {
	transform: rotate(90deg);
}

.section-product__slider {
	position: relative;
	min-width: calc(50% - 48px);
	height: 100%;
}

.section-product__info {
	min-width: calc(50% - 48px);
}

.product-gallery__preloader {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 2;
	display: flex;
	align-items: center;
	justify-content: center;
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
	transition: opacity 0.2s ease, visibility 0s linear 0.2s;
}

.product-gallery__preloader.is-active {
	opacity: 1;
	visibility: visible;
	transition: opacity 0.2s ease, visibility 0s linear 0s;
}

.product-gallery__preloader span {
	width: 40px;
	height: 40px;
	border-radius: 50%;
	border: 3px solid rgba(144, 110, 239, 0.25);
	border-top-color: #906EEF;
	animation: product-gallery-spin 0.8s linear infinite;
}

@keyframes product-gallery-spin {
	to {
		transform: rotate(360deg);
	}
}

.section-product {
	display: flex;
	gap: 96px;
}

.catalogue-slider {
	overflow: hidden;
}

.catalogue-slider .swiper-slide {
	height: auto;
}

.catalogue-slider__pagination {
	position: static;
	display: none;
	justify-content: center;
	gap: 8px;
	margin-top: 24px;
}

.catalogue-slider__pagination .swiper-pagination-bullet,
.product-gallery__pagination .swiper-pagination-bullet {
	width: 6px;
	height: 6px;
	margin: 0;
	background: #A0A0A0;
	opacity: 1;
}

.catalogue-slider__pagination .swiper-pagination-bullet-active,
.product-gallery__pagination .swiper-pagination-bullet-active {
	background: #906EEF;
}

.swiper-buttons a.swiper-button-disabled {
	opacity: .4;
	pointer-events: none;
}

.product-gallery {
	display: flex;
	flex-direction: column;
	gap: 12px;
	height: 100%;
	min-width: 0;
}

.product-gallery__main {
	position: relative;
	width: 100%;
	min-width: 0;
	aspect-ratio: 1/1;
	border-radius: 24px;
	overflow: hidden;
	transition: opacity 0.3s ease;
	-webkit-mask-image: -webkit-radial-gradient(white, black);
}

.product-gallery__main .swiper-wrapper {
	height: 100%;
}

.product-gallery__image {
	width: 100%;
	height: 100%;
	cursor: zoom-in;
}

.product-gallery__pagination {
	position: static;
	display: none;
	justify-content: center;
	gap: 8px;
}

.product-gallery__image img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
    transition: transform 0.3s ease;
}

.product-gallery__image:hover img {
	transform: scale(1.03);
}

.product-gallery__tags {
	z-index: 2;
}

.product-gallery__buttons {
	position: static;
}

.product-gallery__prev,
.product-gallery__next {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	z-index: 2;
}

.product-gallery__prev {
	left: 12px;
}

.product-gallery__next {
	right: 12px;
}

.product-gallery__thumbs {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
}

.product-gallery__thumb {
	width: 80px;
	aspect-ratio: 1/1;
	position: relative;
	border-radius: 12px;
	overflow: hidden;
	border: 2px solid transparent;
	cursor: pointer;
}

.product-gallery__thumb img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}

.product-gallery__thumb--active {
	border-color: #906EEF;
}

.swiper-buttons.product-gallery__buttons a {
	background-color: #fff;
}

.swiper-buttons.product-gallery__buttons a svg path {
	fill: #1B1B1B;
}

.swiper-buttons.product-gallery__buttons a:hover {
	opacity: .7;
}

.product-gallery__pagination, .catalogue-slider__pagination {
	gap: 0;
}

.product-gallery__thumb:hover {
	opacity: .8;
}

.section-product__info--article {
	font-size: 14px;
	line-height: 21px;
	color: #A0A0A0;
	margin-bottom: 8px;
}

.section-products__options {
	display: flex;
	flex-direction: column;
	gap: 24px;
	margin-top: 24px;
}

.section-products__options--name {
	font-size: 16px;
	line-height: 25px;
	font-weight: 600;
	margin-bottom: 8px;
}

.section-products__options--select {
	display: flex;
	gap: 8px;
	flex-wrap: wrap;
}

.section-products__options--select li a {
	display: block;
	height: 32px;
	line-height: 30px;
	padding: 0 12px;
	font-size: 16px;
	color: #1B1B1B;
	border-radius: 100px;
	border: 1px solid #E3E3E3;
}

.section-products__options--select li a:hover, .section-products__options--select li a.section-products__options--active  {
	background-color: #EFEBFF;
	border-color: #ACA1DF;
}

.section-products__delivery {
	font-size: 16px;
	line-height: 25px;
	display: none;
}

.section-products__delivery.is-visible {
	display: block;
}

.section-products__delivery b {
	font-weight: 600;
}

.section-products__pickup {
	font-size: 16px;
	line-height: 25px;
	display: none;
}

.section-products__pickup.is-visible {
	display: block;
}

.section-products__options--address.is-hidden {
	display: none;
}

.order-content__column-4.is-hidden {
	display: none;
}

.section-products__price {
	display: flex;
	align-items: center;
	gap: 24px;
	width: 100%;
	margin-top: 32px;
	flex-wrap: wrap;
	justify-content: space-between;
}

.section-products__price--flush {
	margin-top: 0;
}

.section-products__price--input {
	display: flex;
	align-items: center;
	gap: 8px;
	padding: 0 16px;
	height: 48px;
	border-radius: 100px;
	background-color: #fff;
	border: 1px solid #E3E3E3;
}

.section-products__price--plus, .section-products__price--minus {
	width: 20px;
	height: 20px;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
}

.section-products__price--plus svg, .section-products__price--minus svg {
	width: 20px;
	height: auto;
}

.section-products__price--minus:hover svg path, .section-products__price--plus:hover svg path {
	fill: #906EEF;
}

.section-products__price--bottom {
	display: flex;
	gap: 12px;
}

.section-products__price--input input {
	font-size: 16px;
	line-height: 25px;
	width: 24px;
	text-align: center;
}

.section-products__price--info p {
	font-size: 24px;
	line-height: 32px;
	font-variant-numeric: tabular-nums;
	white-space: nowrap;
}

.section-products__price--buy {
	height: 48px;
	line-height: 48px;
	font-size: 16px;
	background-color: #906EEF;
	border-radius: 100px;
	padding: 0 48px;
	color: #fff;
	cursor: pointer;
	transition: background-color 0.3s ease;
	white-space: nowrap;
}

.section-products__price--buy:hover {
	background-color: #7A59D5;
}

.section-products__text {
	font-size: 16px;
	line-height: 25px;
	color: #797979;
	padding-top: 32px;
}

.section-products__price--info {
	display: flex;
	gap: 12px;
}

.catalogue-item__price--delivery {
	font-size: 16px;
	line-height: 25px;
	margin-top: 4px;
}

.catalogue-item__price--delivery-value {
	font-weight: 600;
}

.section-products__price--states {
	position: relative;
}

.section-products__price--state {
	display: none;
	gap: 12px;
}

.section-products__price--state.is-active {
	display: flex;
	flex-direction: column;
}

.section-products__item--flex {
	display: flex;
	align-items: center;
	gap: 8px;
	padding: 0 16px;
	border: 1px solid #ACA1DF;
	border-radius: 100px;
	color: #1B1B1B;
	transition: background-color 0.3s ease;
	height: 48px;
}

.section-products__price--state-added:hover .section-products__item--flex {
	background-color: #EFEBFF;
}

.section-products__item--flex svg {
	width: 16px;
	height: auto;
	flex-shrink: 0;
}

.section-products__item--flex svg path {
	fill: #906EEF;
}

.section-products__item--flex p {
	font-size: 16px;
	line-height: 25px;
	white-space: nowrap;
}

.section-products__options--delivery {
	display: flex;
	flex-direction: column;
	gap: 12px;
	border-top: 1px solid #E3E3E3;
	padding-top: 16px;
	margin-top: 8px;
	max-height: 1000px;
	opacity: 1;
	overflow: hidden;
	transition: max-height 0.3s ease, opacity 0.3s ease, margin-top 0.3s ease, padding-top 0.3s ease, border-color 0.3s ease;
}

.section-products__options--delivery.section-products__options--overflow-visible {
	overflow: visible;
}

.section-products__options--delivery.is-hidden {
	max-height: 0;
	opacity: 0;
	margin-top: -24px;
	padding-top: 0;
	border-top-color: transparent;
}

.section-products__options--package {
	max-height: 1000px;
	opacity: 1;
	overflow: hidden;
	transition: max-height 0.3s ease, opacity 0.3s ease, margin-top 0.3s ease;
}

.section-products__options--package.is-hidden {
	max-height: 0;
	opacity: 0;
	margin-top: -24px;
}

.section-products__options--delivery .section-products__options--name {
	margin-bottom: 0;
}

.section-products__options--address {
	display: flex;
	flex-direction: column;
	gap: 4px;
	position: relative;
}

.section-products__address--dropdown {
	max-height: 240px;
	overflow-y: auto;
}

.section-products__options--address.is-open .section-products__address--dropdown {
	opacity: 1;
	visibility: visible;
	transform: translateY(0);
	transition: opacity 0.3s ease, transform 0.3s ease;
}

.section-products__schedule {
	display: none;
	flex-direction: column;
	gap: 8px;
}

.section-products__schedule.is-visible {
	display: flex;
	margin-top: 8px;
}

.section-products__schedule--days {
	display: flex;
	align-items: center;
	gap: 8px;
}

.section-products__schedule--prev, .section-products__schedule--next {
	flex-shrink: 0;
	width: 32px;
	height: 32px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 100px;
	background-color: #F3F3F3;
	cursor: pointer;
	transition: background-color 0.3s ease;
}

.section-products__schedule--prev svg {
	transform: rotate(-90deg);
}

.section-products__schedule--next svg {
	transform: rotate(90deg);
}

.section-products__schedule--prev:hover, .section-products__schedule--next:hover {
	background-color: #EFEBFF;
}

.section-products__schedule--prev:disabled, .section-products__schedule--next:disabled {
	opacity: .4;
	cursor: default;
	pointer-events: none;
}

.section-products__schedule--list {
	flex: 1 1 auto;
	display: flex;
	align-items: center;
	gap: 8px;
	overflow-x: auto;
	overflow-y: hidden;
	min-width: 0;
	scroll-behavior: smooth;
	scrollbar-width: none;
	-ms-overflow-style: none;
}

.section-products__schedule--list::-webkit-scrollbar {
	display: none;
}

.section-products__schedule--day {
	flex-shrink: 0;
	width: 76px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 48px;
    padding: 0 16px;
    border-radius: 12px;
    background-color: #EFEBFF;
    font-size: 16px;
    line-height: 20px;
    color: #1B1B1B;
    white-space: nowrap;
    cursor: pointer;
    transition: background-color 0.3s ease, color 0.3s ease;
}

.section-products__schedule--day span {
	font-size: 13px;
	line-height: 18px;
	color: #A0A0A0;
	transition: color 0.3s ease;
}

.section-products__schedule--day:hover {
	background-color: #906EEF;
	color: #fff;
}

.section-products__schedule--day:hover span {
	color: rgba(255, 255, 255, .8);
}

.section-products__schedule--day.is-active {
	background-color: #906EEF;
	color: #fff;
}

.section-products__schedule--day.is-active span {
	color: rgba(255, 255, 255, .8);
}

.section-products__schedule--time {
	width: 100%;
}

.section-products__schedule--time .form-select__trigger {
	height: 40px;
	line-height: 40px;
	border-radius: 12px;
}

.section-products__options--address input {
	height: 40px;
	line-height: 40px;
	font-size: 16px;
	border-radius: 8px;
    padding: 0 12px;
	border: 1px solid #E3E3E3;
}

.section-products__options--address input:focus {
	border-color: #ACA1DF;
}

.section-products__options--address label {
	font-size: 16px;
	line-height: 25px;
}

.section-products__options--error {
	font-size: 14px;
	line-height: 21px;
	color: #E74D69;
	display: none;
}

.section-products__options--error.is-visible {
	display: block;
}

.order-content {
	display: grid;
	gap: 96px;
	grid-template-columns: 2.5fr 1fr;
}

.order-content__left {
	display: flex;
	gap: 16px;
	flex-direction: column;
	min-width: 0;
}

.order-content__wrapper {
	display: flex;
	gap: 12px;
	flex-direction: column;
	margin-top: 0;
	max-height: 0;
	overflow: hidden;
	opacity: 0;
	transition: max-height 0.3s ease, opacity 0.3s ease, margin-top 0.3s ease;
}

.order-content__wrapper--overflow-visible {
	overflow: visible;
}

.order-content__item--active .order-content__wrapper {
	margin-top: 12px;
	max-height: 2000px;
	opacity: 1;
}

.order-content__item {
	padding: 24px;
	border-radius: 20px;
	border: 1px solid #E3E3E3;
	display: flex;
	flex-direction: column;
}

.order-content__right {
	padding: 24px;
	border-radius: 20px;
	background-color: #F3F3F3;
	align-self: start;
	position: sticky;
	top: calc(var(--header-height, 0px) + 24px);
}

.order-content__price--items {
	display: flex;
	align-items: baseline;
	gap: 8px;
	flex-wrap: wrap;
}

.order-content__price--discount {
	font-size: 16px;
	line-height: 22px;
	color: #A0A0A0;
	text-decoration-line: line-through;
	text-decoration-color: rgba(160, 160, 160, .5);
}

.order-content__submit {
	width: 100%;
	height: 48px;
	line-height: 48px;
	font-size: 16px;
	background-color: #906EEF;
	border-radius: 100px;
	color: #fff;
	cursor: pointer;
	transition: background-color 0.3s ease, opacity 0.3s ease;
	margin-top: 16px;
}

.order-content__submit:hover {
	background-color: #7A59D5;
}

.order-content__button {
	display: flex;
	gap: 16px;
	align-items: center;
	justify-content: space-between;
}

.order-content__button--left {
	display: flex;
	gap: 8px;
	align-items: center;
}

.order-content__button--name {
	font-size: 18px;
	line-height: 27px;
	font-weight: 600;
	color: #1B1B1B;
	transition: color 0.3s ease;
}

.order-content__button--completed {
	position: relative;
	border-radius: 100px;
	background-color: #EFEBFF;
	width: 24px;
	height: 24px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.order-content__button--completed svg {
	position: absolute;
}

.order-content__button--completed svg:nth-child(1) {
	width: 14px;
	height: 11px;
}

.order-content__button--completed svg:nth-child(2) {
	width: 10px;
	height: 10px;
	display: none;
}

.order-content__button--completed.order-content__button--error {
	background-color: rgba(231, 77, 105, .1);
}

.order-content__button--completed.order-content__button--error svg:nth-child(2) {
	display: block;
}

.order-content__button--completed.order-content__button--error svg:nth-child(1) {
	display: none;
}

.order-content__button--right {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 32px;
	height: 32px;
	background-color: #F3F3F3;
	border-radius: 100px;
	transition: background-color 0.3s ease;
}

.order-content__button--right svg {
	transform: rotate(180deg);
	width: 15px;
	height: 8px;
	transition: transform 0.3s ease;
}

.order-content__item--active .order-content__button--right svg {
	transform: rotate(0);
}

.order-content__products {
	display: flex;
	flex-direction: column;
	gap: 16px;
}

.order-content__product {
	display: flex;
	gap: 16px;
	padding-bottom: 16px;
	border-bottom: 1px solid #E3E3E3;
}

.order-content__product:last-child {
	border-bottom: none;
	padding-bottom: 0;
}

.order-content__product--top {
	display: flex;
	justify-content: space-between;
	gap: 16px;
}

.order-content__product--image {
	width: 128px;
	height: 128px;
	flex-shrink: 0;
	border-radius: 16px;
	overflow: hidden;
	-webkit-mask-image: -webkit-radial-gradient(white, black);
}

.order-content__product--image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 0.3s ease;
}

.order-content__product--bottom {
	display: flex;
	justify-content: flex-end;
}

.order-content__product--info {
	flex: 1 1 auto;
	min-width: 0;
	display: flex;
	flex-direction: column;
	height: 100%;
	justify-content: space-between;
	gap: 16px;
}

.order-content__product--image:hover img {
	transform: scale(1.03);
}

.order-content__product--name {
	font-size: 18px;
	line-height: 27px;
	color: #1B1B1B;
	transition: color 0.3s ease;
}

.order-content__product--name:hover {
	color: #906EEF;
}

.order-content__product--options {
	margin-top: 4px;
	font-size: 14px;
	line-height: 21px;
	color: #A0A0A0;
}

.order-content__product--price {
	display: flex;
	align-items: baseline;
	gap: 8px;
}

.order-content__product--price .catalogue-item__price--discount {
	font-size: 18px;
	line-height: 27px;
	color: #A0A0A0;
	text-decoration-line: line-through;
	text-decoration-color: rgba(160, 160, 160, .5);
}

.order-content__product--remove {
	flex-shrink: 0;
	width: 32px;
	height: 32px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 100px;
	background-color: #F3F3F3;
	cursor: pointer;
	transition: background-color 0.3s ease;
}

.order-content__product--remove:hover {
	background-color: #E3E3E3;
}

.order-content__input label {
	font-size: 16px;
	line-height: 25px;
}

.order-content__input {
	display: flex;
	flex-direction: column;
	gap: 4px;
}

.order-content__input input {
	font-size: 16px;
	line-height: 40px;
	padding: 0 12px;
	border-radius: 8px;
	border: 1px solid #E3E3E3;
	color: #1B1B1B;
	height: 40px;
}

.section-products__options--delivery--empty {
	border: none;
	margin: 0;
	padding: 0;
}

.order-content .section-products__options--delivery input {
	border: 1px solid #E3E3E3;
	background-color: transparent;
}

.order-content input.order-content__input--error,
.order-content .section-products__options--delivery input.order-content__input--error,
.section-profile__data input.order-content__input--error,
.section-profile__address input.order-content__input--error {
	border-color: #E74D69;
}

.order-content input:focus,
.section-profile__data input:focus,
.section-profile__address input:focus {
	border-color: #ACA1DF;
}

.section-profile__data {
	max-width: 528px;
}

.section-profile__address--list {
	display: flex;
	flex-direction: column;
	gap: 16px;
	margin-bottom: 16px;
}

.section-profile__address--item {
	border: 1px solid #E3E3E3;
	border-radius: 20px;
	padding: 16px;
}

.section-profile__address--item-top {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	cursor: pointer;
}

.section-profile__address--item-title {
	font-size: 16px;
	font-weight: 600;
}

.section-profile__address--collapse {
	display: grid;
	grid-template-rows: 0fr;
	transition: grid-template-rows 0.3s ease;
}

.section-profile__address--collapse > * {
	min-height: 0;
	overflow: hidden;
}

.section-profile__address--collapse * {
	min-height: 0;
}

.section-profile__address--item--active .section-profile__address--collapse {
	grid-template-rows: 1fr;
}

.section-profile__address--item--active .section-profile__orders--toggle svg {
	transform: rotate(180deg);
}

.section-profile__address--collapse-inner {
	display: flex;
	flex-direction: column;
	gap: 16px;
	padding-top: 16px;
}

.section-profile__address--fields {
	display: flex;
	gap: 12px;
	flex-direction: column;
	margin-top: 16px;
}

.order-content__input--suggest {
	position: relative;
}

.order-content__input--suggest.is-open .order-content__recipient--dropdown {
	opacity: 1;
	visibility: visible;
	transform: translateY(0);
	transition: opacity 0.3s ease, transform 0.3s ease;
}

.section-profile__address--field-address {
	position: relative;
}

.section-profile__address--field-address.is-open .section-profile__address--dropdown {
	opacity: 1;
	visibility: visible;
	transform: translateY(0);
	transition: opacity 0.3s ease, transform 0.3s ease;
}

.section-profile__address--dropdown {
	max-width: none;
}

.section-profile__address--buttons {
	display: flex;
	gap: 12px;
	flex-wrap: wrap;
}

.section-profile__address--buttons button {
	margin: 0;
}

.section-profile__address--buttons .order-content__submit {
	width: auto;
	padding: 0 24px;
}

.section-profile__address--remove,
.section-profile__address--add {
	width: auto;
	height: 48px;
	padding: 0 24px;
	border-radius: 100px;
	border: 1px solid #E3E3E3;
	color: #1B1B1B;
	cursor: pointer;
	transition: background-color 0.3s ease;
	font-size: 16px;
	color: #1B1B1B;
}

.section-profile__address--remove {
	margin-top: 16px;
}

.section-profile__address--remove:hover,
.section-profile__address--add:hover {
	background-color: #F3F3F3;
}

.order-content__input--message {
	color: #E74D69;
	font-size: 13px;
	margin-top: 4px;
	display: none;
}

.order-content__input--message.is-visible {
	display: block;
}

.order-content__postcard {
	width: 100%;
	background-color: #EFEBFF;
	padding: 24px;
	border-radius: 16px;
}

.order-content__postcard--name {
	font-size: 16px;
	line-height: 25px;
	font-weight: 600;
	margin-bottom: 12px;
}

.order-content__postcard--text {
	border-radius: 8px;
	background-color: #fff;
	padding: 8px 12px;
	font-size: 16px;
	line-height: 25px;
	width: 100%;
	display: block;
	resize: none;
	border: 1px solid transparent;
	transition: border 0.3s ease;
	height: 128px;
}

.order-content__postcard--text:focus {
	border-color: #ACA1DF;
}

.order-content__right--item {
	display: flex;
	gap: 16px;
	justify-content: space-between;
	align-items: center;
}

.order-content__right--name {
	font-size: 16px;
	line-height: 25px;
	color: #A0A0A0;
}

.order-content__right--price {
	color: #1B1B1B;
}

.order-content__right--price, .order-content__right--price p {
	font-size: 18px;
	line-height: 27px;
}

.order-content__right--wrapper {
	display: flex;
	flex-direction: column;
	gap: 12px;
}

.order-content__right--item--total .order-content__right--name {
	font-size: 20px;
	line-height: 29px;
	font-weight: 600;
	color: #1B1B1B;
}

.order-content__right--item--total .order-content__right--price {
	font-size: 20px;
	line-height: 29px;
	font-weight: 600;
	color: #906EEF;
}

.data-popup {
	display: block;
	position: fixed;
	width: 100%;
	height: 100%;
	z-index: 10;
	top: 0;
	background-color: rgba(0, 0, 0, .75);
	opacity: 0;
	visibility: hidden;
	transition: opacity 0.3s ease, visibility 0s linear 0.3s;
}

.data-popup.is-active {
	opacity: 1;
	visibility: visible;
	transition: opacity 0.3s ease, visibility 0s linear 0s;
}

.data-popup__content {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 100%;
	padding: 16px;
}

.data-popup__wrapper {
	width: 100%;
	max-width: 528px;
	background-color: #fff;
	border-radius: 20px;
	padding: 16px;
	display: flex;
	flex-direction: column;
	gap: 16px;
}

.data-popup__data {
	display: flex;
	flex-direction: column;
	gap: 16px;
	padding: 0 24px 24px 24px;
}

.data-popup__text {
	text-align: center;
	font-size: 16px;
	line-height: 25px;
}

.data-popup__buttons {
	display: flex;
	align-items: center;
	gap: 8px;
	justify-content: center;
}

.data-popup__preloader {
	display: none;
	align-items: center;
	justify-content: center;
	padding: 8px 0;
}

.data-popup.is-busy .data-popup__buttons {
	display: none;
}

.data-popup.is-busy .data-popup__preloader {
	display: flex;
}

.data-popup__preloader span {
	width: 32px;
	height: 32px;
	border-radius: 50%;
	border: 3px solid rgba(144, 110, 239, 0.25);
	border-top-color: #906EEF;
	animation: product-gallery-spin 0.8s linear infinite;
}

.data-popup__buttons button {
	min-width: 96px;
	height: 48px;
	padding: 0 24px;
	background-color: #A0A0A0;
	color: #fff;
	font-size: 16px;
	line-height: 48px;
	border-radius: 100px;
	cursor: pointer;
	transition: background-color 0.3s ease;
	flex: 1;
	max-width: 160px;
	min-width: fit-content;
}

.data-popup__buttons button.data-popup__buttons--yes {
	background-color: #906EEF;
}

.data-popup__buttons button:hover {
	background-color: #8a8a8a;
}

.data-popup__buttons button.data-popup__buttons--yes:hover {
	background-color: #7A59D5;
}

.data-popup__buttons.data-popup__buttons--again button {
	background-color: #906EEF;
}

.data-popup__buttons.data-popup__buttons--again button:hover {
	background-color: #7A59D5;
}

.data-popup__close {
	width: 32px;
	height: 32px;
	background-color: #E3E3E3;
	border-radius: 100px;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	transition: opacity 0.3s ease;
}

.data-popup__close svg {
	width: 24px;
	height: 24px;
}

.data-popup__top {
	display: flex;
	justify-content: flex-end;
}

.data-popup__close:hover {
	opacity: .7;
}

.order-content__product--top--right {
	display: flex;
	justify-content: space-between;
	gap: 16px;
}

.order-content__product--top--right .order-content__product--remove {
	display: none;
}

.order-content__column-2 {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 16px;
}

.order-content__column-4 {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr;
	gap: 16px;
}

.order-content__button:hover .order-content__button--name {
	color: #906EEF;
}

.order-content__button:hover .order-content__button--right {
	background-color: #E3E3E3;
}

.order-content__right--item--problem {
	max-height: 0;
	opacity: 0;
	overflow: hidden;
	margin-top: -12px;
	transition: max-height 0.3s ease, opacity 0.3s ease, margin-top 0.3s ease;
}

.order-content__right--item--problem.is-visible {
	max-height: 100px;
	opacity: 1;
	margin-top: 0;
}

.order-content__right--item--problem .order-content__right--name {
	color: #E74D69;
}

.section-product__info--mobile {
	display: none;
}

.footer-copyright {
	display: flex;
	flex-direction: column;
	gap: 4px;
	margin-top: 24px;
}

.footer-copyright p {
	font-size: 12px;
	line-height: 19px;
	color: #797979;
	max-width: 1024px;
}

.submit-checkbox {
	display: flex;
	gap: 8px;
}

.submit-checkbox__label {
	font-size: 14px;
	line-height: 21px;
}

.submit-checkbox__label a {
	color: #797979;
	transition: color 0.3s ease;
}

.submit-checkbox__label a:hover {
	color: #906EEF;
}

.submit-checkbox__input {
	position: relative;
	width: 20px;
	height: 20px;
	flex-shrink: 0;
	border-radius: 6px;
	border: 1px solid #CBCBCB;
	cursor: pointer;
	-webkit-appearance: none;
	appearance: none;
	transition: border-color 0.3s ease;
}

.submit-checkbox__input::after {
	content: "";
	position: absolute;
	inset: 0;
	background-color: #fff;
	-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E");
	mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E");
	-webkit-mask-size: 12px 12px;
	mask-size: 12px 12px;
	-webkit-mask-position: center;
	mask-position: center;
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	opacity: 0;
	transform: scale(.6);
	transition: opacity 0.3s ease, transform 0.3s ease;
}

.submit-checkbox__input:checked {
	background-color: #906EEF;
	border-color: #906EEF;
}

.submit-checkbox__input:checked::after {
	opacity: 1;
	transform: scale(1);
}

.submit-checkbox__input--error {
	border-color: #E74D69;
}

.data-popup__text span {
	font-weight: 600;
}

.data-popup__heading {
	text-align: center;
	font-size: 24px;
	line-height: 32px;
	font-weight: 600;
}

.data-popup__text--small {
	font-size: 14px;
	line-height: 21px;
	color: #797979;
}

.data-popup__code--items {
	display: flex;
	gap: 8px;
	align-items: center;
	justify-content: center;
}

.data-popup__code--items input {
	box-sizing: border-box;
	text-align: center;
	font-size: 20px;
	letter-spacing: 4px;
	line-height: 40px;
	width: 128px;
	max-width: 100%;
	height: 48px;
	padding: 0 4px;
	border-radius: 8px;
	border: 1px solid #CBCBCB;
	transition: border 0.3s ease;
}

.data-popup__code--items input.data-popup__code--items--error {
	border-color: #E74D69;
}

.data-popup__code--items input:disabled {
	background-color: #F5F5F5;
	color: #A0A0A0;
	cursor: not-allowed;
}

.data-popup__data--fade {
	transition: opacity 0.3s ease, visibility 0.3s ease, max-height 0.3s ease, margin-top 0.3s ease;
	overflow: hidden;
	max-height: 200px;
}

.data-popup__data--fade.is-hidden {
	opacity: 0;
	visibility: hidden;
	max-height: 0;
	margin-top: -16px;
}

.success-info {
	display: flex;
	flex-direction: column;
	gap: 16px;
	max-width: 1024px;
}

.success-info__text {
	font-size: 18px;
	line-height: 27px;
}

.success-info__links {
	display: flex;
	gap: 12px;
	flex-wrap: wrap;
}

.success-info__links a {
	min-width: 96px;
	height: 48px;
	padding: 0 24px;
	background-color: #906EEF;
	color: #fff;
	font-size: 16px;
	line-height: 48px;
	border-radius: 100px;
	cursor: pointer;
	transition: background-color 0.3s ease, color 0.3s ease;
	flex: 1;
	text-align: center;
	max-width: 256px;
	min-width: fit-content;
}

.success-info__links a.success-info__links--gray {
	background-color: transparent;
	border: 1px solid #E3E3E3;
	color: #797979;
}

.success-info__links a:hover {
	background-color: #7A59D5;
}

.success-info__links a.success-info__links--gray:hover {
	background-color: #797979;
	color: #fff;
}

.submit-checkbox label {
	cursor: pointer;
	transition: opacity 0.3s ease;
}

.submit-checkbox--box label {
	font-weight: 600;
}

.submit-checkbox--box:hover label {
	opacity: .7;
}

.data-popup__buttons--column {
	flex-direction: column;
	gap: 8px;
}

.data-popup__buttons--column p {
	font-size: 14px;
	line-height: 21px;
}

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

.data-popup__phone input {
	font-size: 16px;
	line-height: 40px;
	padding: 0 12px;
	border-radius: 8px;
	border: 1px solid #CBCBCB;
	color: #1B1B1B;
	height: 40px;
	transition: border 0.3s ease;
	width: 100%;
}

.data-popup__phone input.data-popup__phone--error {
	border-color: #E74D69;
}

.data-popup__phone input:focus {
	border-color: #906EEF;
}

.data-popup__buttons--register button {
	width: 100%;
	max-width: 256px;
}

.data-popup__buttons--register {
	display: flex;
	flex-direction: column;
	gap: 8px;
}

.data-popup__buttons button.data-popup__buttons--register--alt {
	background-color: transparent;
	border: 1px solid #E3E3E3;
	color: #797979;
	transition: color 0.3s ease, background-color 0.3s ease;
}

.data-popup__buttons button.data-popup__buttons--register--alt:hover {
	background-color: #797979;
	color: #fff;
}

.order-content__right--item--info .order-content__right--name {
	font-size: 14px;
	line-height: 21px;
	color: #1B1B1B;
}

.order-content__right--item--info .order-content__right--name b {
	font-weight: 600;
}

.data-popup__message--error {
	text-align: center;
	color: #E74D69;
	font-size: 14px;
	line-height: 21px;
}

.data-popup__message--error:empty {
	display: none;
}

.order-content__static-text {
	font-size: 16px;
	line-height: 25px;
	font-weight: 600;
}

.section-profile {
	display: grid;
	grid-template-columns: 1fr 2fr;
	gap: 96px;
}

.section-profile__nav {
	border-radius: 20px;
	border: 1px solid #E3E3E3;
	padding: 24px;
}

.section-profile__top {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	border-bottom: 1px solid #E3E3E3;
	padding-bottom: 16px;
	margin-bottom: 16px;
}

.section-profile__top--phone {
	font-size: 16px;
	line-height: 25px;
	font-weight: 600;
}

.section-profile__top--exit {
	display: flex;
	align-items: center;
	gap: 4px;
}

.section-profile__top--exit span {
	font-size: 16px;
	line-height: 25px;
	color: #656565;
	transition: color 0.3s ease;
}

.section-profile__top--exit svg {
	width: 24px;
	height: auto;
}

.section-profile__top--exit svg path {
	transition: stroke 0.3s ease;	
}

.section-profile__top--exit:hover span {
	color: #906EEF;
}

.section-profile__top--exit:hover svg path {
	stroke: #906EEF;
}

.section-profile__links {
	display: flex;
	flex-direction: column;
	gap: 4px;
}

.section-profile__links a {
	display: flex;
	align-items: center;
	font-size: 16px;
	line-height: 25px;
	color: #1B1B1B;
	height: 48px;
	border-radius: 8px;
	padding: 0 16px;
	transition: background-color 0.3s ease, color 0.3s ease;	
}

.section-profile__links a.section-profile__links--active, .section-profile__links a:hover {
	background-color: #EFEBFF;
	color: #906EEF;
}

.section-profile__right--title {
	font-size: 24px;
	line-height: 32px;
	font-weight: 600;
	margin-bottom: 16px;
}

.section-profile__orders {
	display: flex;
	flex-direction: column;
	gap: 24px;
}

.section-profile__orders--item {
	border-radius: 20px;
	border: 1px solid #E3E3E3;
	overflow: hidden;
}

.section-profile__orders--top {
	display: flex;
	align-items: center;
	gap: 8px 16px;
	justify-content: space-between;
	flex-wrap: wrap;
	padding: 16px;
	border-bottom: 1px solid transparent;
	transition: border-color 0.3s ease;
	cursor: pointer;
}

.section-profile__orders--item--active .section-profile__orders--top {
	border-bottom-color: #E3E3E3;
}

.section-profile__orders--top--left {
	display: flex;
	align-items: center;
	gap: 8px 16px;
	flex-wrap: wrap;
}

.section-profile__orders--status {
	height: 32px;
	display: flex;
	align-items: center;
	padding: 0 12px;
	border-radius: 100px;
	background-color: #EFEBFF;
	color: #906EEF;
	font-size: 14px;
	font-weight: 600;
	width: fit-content;
}

.section-profile__orders--status--awaiting_payment {
	background-color: #FDF1E0;
	color: #B8752B;
}

.section-profile__orders--status--processing {
	background-color: #EFEBFF;
	color: #906EEF;
}

.section-profile__orders--status--delivering {
	background-color: #E8F1FF;
	color: #3E7BC4;
}

.section-profile__orders--status--completed {
	background-color: #E7F7EE;
	color: #2F9E5C;
}

.section-profile__orders--status--cancelled {
	background-color: #FCEAEC;
	color: #C94F5F;
}

.section-profile__orders--number {
	font-size: 16px;
	line-height: 25px;
}

.section-profile__orders--date {
	font-size: 16px;
	line-height: 25px;
	font-weight: 600;
}

.section-profile__orders--top--right {
	display: flex;
	gap: 8px;
	align-items: center;
}

.section-profile__orders--top--right .order-content__price--accent {
	font-size: 18px;
	line-height: 27px;
	font-weight: 600;
	color: #906EEF;
}

.section-profile__orders--top--right .order-content__price--discount {
	font-size: 18px;
	line-height: 27px;
}

.section-profile__orders--items-inner {
	display: flex;
	flex-direction: column;
	gap: 16px;
	padding: 16px;
}

.section-profile__orders--items .catalogue-item__price--usual, .section-profile__orders--items .catalogue-item__price--discount, .section-profile__orders--items .order-content__product--name {
	font-size: 16px;
	line-height: 25px;
}

.section-profile__orders--items .order-content__product--image {
	width: 80px;
	height: 80px;
}

.order-content__product--name b {
	font-weight: 600;
}

.success-info__links.success-info__links--reduced {
	justify-content: flex-end;
}

.success-info__links.success-info__links--reduced a.success-info__links--gray,
.success-info__links.success-info__links--reduced a.success-info__links--lilac {
	height: 40px;
	font-size: 14px;
	line-height: 38px;
	max-width: fit-content;
}

.order-content__product--delivery {
	border: none;
	padding-bottom: 0;
}

.order-content__input--message {
	font-size: 14px;
	line-height: 21px;
}

.js-profile-save {
	width: fit-content;
	padding: 0 32px;
}

.section-profile__orders--top, .section-profile__address--item-top {
	transition: opacity 0.3s ease;
}

.section-profile__orders--top:hover, .section-profile__address--item-top:hover {
	opacity: .7;
}

.section-profile__orders--top:hover .section-profile__orders--toggle, .section-profile__address--item-top:hover .section-profile__orders--toggle {
	background-color: #F5F5F5;
}

.section-profile__address--collapse-inner {
	padding: 0;
}

.section-profile__address--item-title {
	font-size: 16px;
	line-height: 25px;
}

.section-profile__address--item.section-profile__address--item--active+.section-profile__address--add.js-address-add {
	margin-top: 16px;
}

.main-title {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip-path: inset(50%);
	white-space: nowrap;
	border: 0;
}

.main-subcategories {
	margin-bottom: 24px;
}

.main-hero {
	position: relative;
	margin-bottom: 32px;
}

.main-hero__slider {
	overflow: hidden;
	border-radius: 48px;
}

.main-hero__slider.swiper-fade .swiper-slide {
	height: auto;
}

.main-hero__item {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(0, 644px);
	gap: 16px;
	padding: 16px;
	min-height: 520px;
	background: linear-gradient(90deg, #F4F0FF 0%, #F2F0F5 100%);
	height: 100%;
}

.main-hero__content {
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	padding: 40px 48px;
}

.main-hero__title {
	font-size: 48px;
	line-height: 56px;
	font-weight: 600;
	color: #1B1B1B;
	margin-bottom: 12px;
}

.main-hero__subtitle {
	font-size: 18px;
	line-height: 28px;
	color: #1B1B1B;
	margin-bottom: 32px;
}

.main-hero__button {
	display: flex;
	align-items: center;
	justify-content: center;
	width: fit-content;
	height: 48px;
	padding: 0 40px;
	border-radius: 100px;
	background-color: #906EEF;
	color: #fff;
	font-size: 16px;
	line-height: 25px;
	font-weight: 600;
	transition: background-color 0.3s ease;
}

.main-hero__button:hover {
	background-color: #7A59D5;
}

.main-hero__image {
	position: relative;
	border-radius: 32px;
	overflow: hidden;
	-webkit-mask-image: -webkit-radial-gradient(white, black);
}

.main-hero__image img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	min-width: 100%;
	min-height: 100%;
	object-position: center;
	object-fit: cover;
}

.main-hero__buttons {
	position: absolute;
	top: 56px;
	left: 64px;
	z-index: 2;
}

.main-hero__buttons a {
	background-color: transparent;
	border: 1px solid #906EEF;
	height: 32px;
	padding: 0 16px;
}

.main-hero__buttons a:hover {
	background-color: #EFEBFF;
}

.main-hero__buttons a:hover svg path {
	fill: #906EEF;
}

.main-hero__pagination {
	position: static;
	display: none;
	justify-content: center;
	gap: 0;
	margin-top: 16px;
}

.main-hero__pagination .swiper-pagination-bullet {
	width: 6px;
	height: 6px;
	margin: 0;
	background: #A0A0A0;
	opacity: 1;
}

.main-hero__pagination .swiper-pagination-bullet-active {
	background: #906EEF;
}

.main-tags {
	display: flex;
	justify-content: center;
	gap: 64px;
	margin-bottom: 48px;
	overflow-x: auto;
	overscroll-behavior-x: contain;
	scrollbar-width: none;
	-ms-overflow-style: none;
	-webkit-overflow-scrolling: touch;
}

.main-tags::-webkit-scrollbar {
	display: none;
}

.main-tags__item {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 8px;
	flex-shrink: 0;
}

.main-tags__image {
	width: 84px;
	height: 84px;
	padding: 4px;
	border: 2px solid #906EEF;
	border-radius: 100px;
	flex-shrink: 0;
	transition: border-color 0.3s ease;
}

.main-tags__image picture {
	display: block;
	width: 72px;
	height: 72px;
	position: relative;
	border-radius: 100px;
	overflow: hidden;
	-webkit-mask-image: -webkit-radial-gradient(white, black);
}

.main-tags__image img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	min-width: 100%;
	min-height: 100%;
	object-position: center;
	object-fit: cover;
	-webkit-user-drag: none;
	user-select: none;
	transition: transform 0.3s ease;
}

.main-tags__name {
	font-size: 16px;
	line-height: 25px;
	color: #1B1B1B;
	text-align: center;
	transition: color 0.3s ease;
}

.main-tags__item:hover .main-tags__image {
	border-color: #7A59D5;
}

.main-tags__item:hover .main-tags__image img {
	transform: scale(1.1);
}

.main-tags__item:hover .main-tags__name {
	color: #906EEF;
}

.main-categories {
	display: grid;
	grid-template-columns: repeat(5, 1fr);
	gap: 24px;
}

.main-categories__item {
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	gap: 16px;
	min-height: 138px;
	padding: 20px;
	border-radius: 24px;
	overflow: hidden;
	-webkit-mask-image: -webkit-radial-gradient(white, black);
}

.main-categories__item--lilac {
	background-color: #EFEBFF;
}

.main-categories__item--mint {
	background-color: #DBF3E6;
}

.main-categories__item--blue {
	background-color: #D7ECF1;
}

.main-categories__item--pink {
	background-color: #F6DCF7;
}

.main-categories__item--peach {
	background-color: #FBE3C7;
}

.main-categories__name {
	position: relative;
	z-index: 1;
	font-size: 18px;
	line-height: 27px;
	font-weight: 600;
	color: #1B1B1B;
}

.main-categories__arrow {
	position: relative;
	z-index: 1;
	width: 40px;
	height: 40px;
	min-width: 40px;
	min-height: 40px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 100px;
	background-color: #fff;
	transition: transform 0.3s ease;
}

.main-categories__icon {
	position: absolute;
	right: 0;
	bottom: 0;
	z-index: 0;
	height: 90px;
	width: auto;
	pointer-events: none;
	user-select: none;
	-webkit-user-drag: none;
}

.main-categories__item:hover .main-categories__arrow {
	transform: translateX(4px);
}

.section-banner__content--page {
	background-position: right bottom !important;
}

.footer-bottom+iframe {
	margin-top: 16px;
}

.header-bottom__dropdown--menu li a span {
	font-weight: 400;
}

@media screen and (max-width: 1280px) {
	.contacts-page__rows, .contacts-page__social {
		margin-top: 24px;
	}
	.contacts-page {
		gap: 32px;
	}
	.contacts-page__row a,
	.contacts-page__row p {
		font-size: 16px;
		line-height: 25px;
	}
	.page-content__text h2 {
		font-size: 20px;
		line-height: 32px;
	}
	.page-content__text h3 {
		font-size: 18px;
		line-height: 27px;
	}
	.page-content__text p, .page-content__text ul li, .page-content__text ol li {
		font-size: 14px;
		line-height: 21px;
	}
	.main-hero__item {
		grid-template-columns: minmax(0, 1fr) minmax(0, 48%);
		min-height: 460px;
	}
	.main-hero__content {
		padding: 32px;
	}
	.main-hero__title {
		font-size: 40px;
		line-height: 48px;
	}
	.main-hero__buttons {
		top: 48px;
		left: 48px;
	}
	.main-categories {
		gap: 16px;
	}
	.section-profile__address--item-title {
		font-size: 14px;
		line-height: 21px;
	}
	.section-profile__address--remove, .section-profile__address--add {
		height: 40px;
		font-size: 14px;
	}
	.section-profile__orders--top--right .order-content__price--accent, .section-profile__orders--top--right .order-content__price--discount {
		font-size: 16px;
		line-height: 25px;
	}
	.section-profile {
		gap: 24px;
	}
	.section-profile__links a {
		height: 40px;
	}
	.section-profile__nav {
		padding: 16px;
	}
	.data-popup__code--items input {
		font-size: 18px;
	}
	.data-popup__heading {
		font-size: 20px;
		line-height: 29px;
	}
	.order-content__product--price .catalogue-item__price--discount {
		font-size: 16px;
		line-height: 25px;
	}
	.order-content__column-4 {
		grid-template-columns: 1fr 1fr;
	}
	.order-content__submit, .success-info__links a {
		height: 40px;
		line-height: 40px;
		font-size: 14px;
	}
	.data-popup__data {
		padding: 0 16px 16px 16px;
	}
	.data-popup__buttons button {
		height: 40px;
		line-height: 40px;
		font-size: 14px;
	}
	.section-top {
		padding-top: 16px;
	}
	.section-products__schedule--day {
		font-size: 14px;
		line-height: 16px;
	}
	.section-products__price--info p {
		font-size: 20px;
		line-height: 29px;
	}
	.section-products__text {
		padding-top: 24px;
	}
	.section-product__slider {
		min-width: calc(50% - 32px);
	}
	.section-product__info {
		min-width: calc(50% - 32px);
	}
	.section-product {
		gap: 64px;
	}
	.swiper-buttons a {
		height: 32px;
		padding: 0 16px;
	}
	.footer-content__menu, .footer-content__search {
		margin-top: 16px;
	}
	.footer-content__search .header-bottom__search--input {
		width: 320px;
	}
	.footer-content__logo a img {
		height: 64px;
	}
	.bottom-contacts__item--icon svg {
		width: 24px;
		height: auto;
	}
	.bottom-contacts__item {
		gap: 12px;
	}
	.bottom-contacts__item--icon {
		width: 40px;
		height: 40px;
	}
	.section-gray .section-content {
		padding: 32px;
	}
	.faq-content__item--name, .bottom-contacts__item--text, .order-content__product--name, .order-content__button--name, .order-content__right--item--total .order-content__right--price, .order-content__right--item--total .order-content__right--name, .success-info__text {
		font-size: 16px;
		line-height: 25px;
	}
	.catalogue-pages {
		padding-top: 24px;
	}
	.form-select__trigger, .order-content__postcard--text, .order-content__input input, .section-products__options--address input, .form-select__option, .header-bottom__search--input, .section-products__options--select li a, .order-content__input input, .data-popup__phone input {
		font-size: 14px;
	}
	.catalogue-item__image--added {
		gap: 8px;
	}
	.order-content__postcard--name {
		margin-bottom: 8px;
	}
	.catalogue-item__name, .catalogue-item__price--discount, .catalogue-item__image--added p, .catalogue-amount__value, .catalogue-pages ul li a span, .catalogue-pages__more span, .faq-content__item--text p, .footer-content__menu ul li a, .section-products__options--name, .section-products__delivery, .section-products__text, .section-products__item--flex p, .section-products__options--address label, .data-popup__text, .order-content__right--price, .order-content__right--price p, .order-content__right--name, .order-content__input label, .order-content__postcard--name, .order-content__static-text, .section-profile__top--phone, .section-profile__top--exit span, .section-profile__links a, .section-profile__orders--number, .section-profile__orders--date, .section-profile__orders--items .catalogue-item__price--usual, .section-profile__orders--items .catalogue-item__price--discount, .section-profile__orders--items .order-content__product--name {
		font-size: 14px;
		line-height: 21px;
	}
	.catalogue-item__price--usual, .catalogue-item__price--accent {
		font-size: 16px;
		line-height: 25px;
	}
	.section-products__content {
		gap: 24px;
	}
	.header-top__content ul {
		gap: 16px;
	}
	.header-bottom__right {
		gap: 24px;
	}
	.header-bottom__right ul, .header-bottom__right--desktop {
		gap: 16px;
	}
	.header-bottom__right ul li a span, .header-bottom__right--desktop li a span {
		font-size: 14px;
		line-height: 21px;
	}
	.header-bottom__logo--adaptive {
		display: inline-block;
	}
	.header-bottom__logo--desktop {
		display: none;
	}
	.section-banner .section-banner__content {
		padding: 32px;
		min-height: 160px;
		background-size: 480px;
	}
	.section-banner.section-banner--extended .section-banner__content {
		padding: 48px 32px;
		background-size: 640px;
		min-height: 320px;
	}
	.section-alt__title {
		font-size: 24px;
		line-height: 32px;
	}
	.section-breadcrumbs ul li a, .section-breadcrumbs ul li p {
		font-size: 14px;
		line-height: 21px;
	}
	.section-bottom {
		padding-bottom: 80px;
	}
	.section-header__title {
		font-size: 32px;
		line-height: 40px;
	}
	.section-products__category--name {
		font-size: 14px;
		line-height: 21px;
	}
	.products-form__row--title span {
		font-size: 14px;
		line-height: 21px;
	}
	.products-form__text {
		font-size: 14px;
	}
	.products-form__options--item label {
		font-size: 14px;
		line-height: 21px;
	}
	.products-form__price--col p {
		font-size: 14px;
		line-height: 21px;
		top: 10px;
	}
	.section-products__items--error {
		font-size: 14px;
		line-height: 21px;
	}
	.section-banner__subtitle {
		font-size: 16px;
		line-height: 25px;
	}
	.section-banner .section-banner__content {
		gap: 12px;
	}
	.faq-content__item--active .faq-content__item--text p {
		padding-top: 8px;
	}
	.faq-content__item {
		padding-bottom: 16px;
	}
	.faq-content__item+.faq-content__item {
		padding-top: 16px;
	}
	.order-content__product--image {
		width: 96px;
		height: 96px;
	}
	.order-content {
		gap: 24px;
	}
	.order-content__postcard {
		padding: 20px;
	}
	.order-content__item {
		padding: 16px;
	}
}

@media screen and (max-width: 1024px) {
	.contacts-page {
		grid-template-columns: 1fr;
	}
	.page-content {
		width: 100%;
	}
	.page-content__wrapper img {
		display: none;
	}
	.main-hero__item {
		min-height: 400px;
	}
	.main-hero__title {
		font-size: 32px;
		line-height: 40px;
	}
	.main-hero__subtitle {
		font-size: 16px;
		line-height: 25px;
		margin-bottom: 24px;
	}
	.main-tags {
		gap: 48px;
	}
	.main-categories__name {
		font-size: 16px;
		line-height: 25px;
	}
	.main-categories__icon {
		height: 72px;
	}
	.section-profile__links {
		flex-direction: row;
	}
	.section-profile {
		grid-template-columns: 1fr;
	}
	.section-profile__right--title {
		font-size: 20px;
		line-height: 29px;
	}
	.data-popup__data {
		gap: 12px;
	}
	.section-products__price--state-default {
		margin-top: -16px;
	}
	.header-bottom__right .header-bottom__search {
		display: none;
	}
	.section-products__price--input {
		height: 40px;
	}
	.section-products__price {
		gap: 16px;
	}
	.section-products__price--buy {
		height: 40px;
		line-height: 40px;
	}
	.section-products__options {
		gap: 16px;
		margin-top: 16px;
	}
	.catalogue-slider__buttons {
		display: none;
	}
	.catalogue-slider__pagination {
		display: flex;
	}
	.product-gallery__buttons {
		display: none;
	}
	.product-gallery__thumbs {
		display: none;
	}
	.product-gallery__pagination {
		display: flex;
	}
	.section-product__slider {
		min-width: calc(50% - 16px);
	}
	.section-product__info {
		min-width: calc(50% - 16px);
	}
	.section-product {
		gap: 16px;
	}
	.footer-content__search .header-bottom__search--input {
		width: 256px;
	}
	.footer-content__menu {
		gap: 48px;
	}
	.faq-content__item--arrow {
		width: 40px;
		min-width: 40px;
	}
	.section-banner.section-banner--extended .section-banner__content {
		background-size: 480px;
		background-position: right;
	}
	.products-form__submit.is-visible {
		display: flex;
		align-items: center;
		justify-content: center;
		height: 40px;
		border-radius: 100px;
		background-color: #906EEF;
		font-size: 14px;
		font-weight: 600;
		color: #fff;
		transition: opacity 0.3s ease;
	}
	.products-form__submit.is-visible:hover {
		opacity: .8;
	}
	.catalogue-items {
		grid-template-columns: 1fr 1fr 1fr 1fr;
		gap: 16px;
	}
	.section-filter__show {
		display: flex;
	}
	.products-form {
		padding: 16px;
		border: 1px solid #E3E3E3;
		border-radius: 12px;
	}
	.section-products__content {
		grid-template-columns: 1fr;
		gap: 0;
	}
	.section-products__filter--open {
		margin-bottom: 24px;
	}
	.section-filter__show {
		display: flex;
	}
	.section-products__filter--content {
		display: grid;
		grid-template-rows: 0fr;
		overflow: hidden;
		opacity: 0;
		visibility: hidden;
		margin-top: 0;
		transition: grid-template-rows 0.3s ease, opacity 0.3s ease, margin-top 0.3s ease, visibility 0s linear 0.3s;
	}
	.section-products__filter--content > * {
		min-height: 0;
	}
	.section-products__filter--open .section-products__filter--content {
		grid-template-rows: 1fr;
		opacity: 1;
		visibility: visible;
		margin-top: 16px;
		transition: grid-template-rows 0.3s ease, opacity 0.3s ease, margin-top 0.3s ease, visibility 0s linear 0s;
	}
	.section-products__filter--open .section-filter__show svg {
		transform: rotate(180deg);
	}
	main {
		padding-top: 16px;
	}
	.section-breadcrumbs {
		display: none;
	}
	.header-top {
		display: none;
	}
	.header-bottom__right--desktop {
		display: none;
	}
	.header-bottom__right .header-bottom__search--input {
		display: none;
	}
	.header-bottom__right .header-bottom__search--button {
		right: 0;
		top: 0;
		position: relative;
	}
	.header-bottom__right {
		gap: 16px;
	}
	.header-hamburger__content {
		display: block;
	}
	.section-banner .section-banner__content {
		padding: 24px;
		min-height: 224px;
		justify-content: flex-start;
		background-size: 320px;
		background-position: right 96px;
	}
	.section-banner.section-banner--extended .section-banner__content {
		padding: 32px 24px;
	}
	.section-bottom {
		padding-bottom: 64px;
	}
	.section-header__title {
		font-size: 24px;
		line-height: 32px;
	}
	.section-header {
		margin-bottom: 24px;
	}
	.section-products__category {
		grid-template-columns: repeat(3, 1fr);
	}
	.section-products__category--scroll {
		grid-template-columns: none;
		grid-auto-columns: calc((100% - 32px) / 3);
	}
	.section-products__category a {
		flex-direction: column;
		gap: 4px;
		padding: 8px;
		align-items: flex-start;
	}
	.section-products__category--image {
		width: 48px;
		height: 48px;
	}
	.section-products__category {
		margin-bottom: 24px;
	}
	footer {
		padding: 40px 0;
	}
	.section-products__item--flex {
		height: 40px;
	}
}

@media screen and (max-width: 960px) {
	.catalogue-items {
		grid-template-columns: 1fr 1fr 1fr;
	}
	.order-content {
		grid-template-columns: 1fr;
	}
}

@media screen and (max-width: 768px) {
	.bottom-contacts {
		grid-template-columns: 1fr;
	}
	.main-hero {
		margin-bottom: 24px;
	}
	.main-hero__slider {
		border-radius: 24px;
	}
	.main-hero__item {
		grid-template-columns: minmax(0, 1fr);
		min-height: 0;
		padding: 16px;
	}
	.main-hero__content {
		padding: 8px 0 0;
		justify-content: flex-start;
	}
	.main-hero__image {
		aspect-ratio: 1.38 / 1;
		border-radius: 16px;
	}
	.main-hero__buttons {
		display: none;
	}
	.main-hero__pagination {
		display: flex;
	}
	.main-tags {
		justify-content: flex-start;
		gap: 48px;
		margin-bottom: 32px;
	}
	.main-categories {
		display: flex;
		grid-template-columns: none;
		gap: 12px;
		overflow-x: auto;
		overscroll-behavior-x: contain;
		scrollbar-width: none;
		-ms-overflow-style: none;
		-webkit-overflow-scrolling: touch;
	}
	.main-categories::-webkit-scrollbar {
		display: none;
	}
	.main-categories__item {
		width: 216px;
		flex-shrink: 0;
		min-height: 120px;
		padding: 16px;
	}
	.main-categories__arrow {
		width: 36px;
		height: 36px;
		min-width: 36px;
		min-height: 36px;
	}
	.main-categories__icon {
		height: 64px;
	}
	.section-products__options {
		margin-top: 0;
	}
	.section-product__info--desktop {
		display: none;
	}
	.section-product__info--mobile {
		display: block;
	}
	.order-content__products {
		gap: 12px;
	}
	.order-content__product--top--right .order-content__product--remove {
		display: flex;
	}
	.order-content__product--top {
		gap: 8px;
	}
	.order-content__product--bottom {
		display: none;
	}
	.order-content__product--top {
		flex-direction: column;
	}
	.order-content__product--image, .section-profile__orders--items .order-content__product--image {
		width: 64px;
		height: 64px;
	}
	.section-product {
		flex-direction: column;
	}
	.footer-bottom {
		flex-direction: column;
	}
	.footer-content__menu, .footer-content__search {
		margin-top: 0;
	}
	.footer-content__search {
		align-items: flex-start;
	}
	footer .header-bottom__search, .footer-content__search .header-bottom__search--input {
		width: 100%;
	}
	.footer-bottom {
		margin-top: 32px;
	}
	.footer-content {
		grid-template-columns: 1fr;
	}
	.section-gray .section-content {
		padding: 32px 24px;
	}
	.section-banner.section-banner--extended .section-banner__content {
		background-size: 480px;
		min-height: 480px;
		background-position: 0 200px;
	}
	.section-bottom {
		padding-bottom: 48px;
	}
	.section-products__category {
		grid-template-columns: repeat(2, 1fr);
	}
	.section-products__category--scroll {
		grid-template-columns: none;
		grid-auto-columns: calc((100% - 16px) / 2);
	}
	.section-products__category--scroll.is-overflow {
		--category-fade: 64px;
	}
	.section-products__category--scroll.is-overflow.is-end {
		--category-fade: 0px;
	}
}

@media screen and (max-width: 640px) {
	.main-subcategories {
		margin-bottom: 16px;
	}
	.main-hero__title {
		font-size: 24px;
		line-height: 32px;
		margin-bottom: 8px;
	}
	.main-hero__subtitle {
		margin-bottom: 16px;
	}
	.main-hero__button {
		width: 100%;
		padding: 0 24px;
	}
	.catalogue-items {
		grid-template-columns: 1fr 1fr;
	}
}

@media screen and (max-width: 480px) {
	.main-tags {
		gap: 32px;
	}
	.form-select:not(.section-products__schedule--time) {
		width: 200px;
	}
	.order-content__column-2, .order-content__column-4 {
		grid-template-columns: 1fr;
	}
}

@keyframes catalogue-item-in {
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}

@media screen and (min-width: 641px) and (max-width: 1024px) {
	.section-banner .section-banner__content {
		background-size: 260px;
		background-position: right center;
		padding-right: 284px;
	}
}

@media screen and (min-width: 769px) and (max-width: 1280px) {
	.section-banner.section-banner--extended .section-banner__content {
		background-size: 300px;
		background-position: right center;
		padding-right: 320px;
	}
}
.order-content__submit--message {
	display: none;
	margin-top: 12px;
	font-size: 14px;
	line-height: 1.4;
	color: #d23b3b;
}

.order-content__submit--message.is-visible {
	display: block;
}

.order-confirm {
	text-align: left;
	margin: 16px 0 8px;
}

.order-confirm__line {
	display: flex;
	justify-content: space-between;
	gap: 16px;
	padding: 8px 0;
	font-size: 14px;
	line-height: 1.4;
	border-bottom: 1px solid rgba(27, 27, 27, 0.1);
}

.order-confirm__line--total {
	border-bottom: none;
	padding-top: 14px;
	font-size: 16px;
	font-weight: 600;
}

.order-confirm__name {
	flex: 1 1 auto;
}

.order-confirm__options {
	display: block;
	margin-top: 2px;
	font-size: 12px;
	opacity: 0.6;
}

.order-confirm__value {
	flex: 0 0 auto;
	white-space: nowrap;
}

.order-confirm__value s {
	display: block;
	font-size: 12px;
	opacity: 0.5;
}

.section-products__options--select a.section-products__options--unavailable {
	opacity: 0.4;
	text-decoration: line-through;
	cursor: not-allowed;
}

.section-products__options--message {
	display: none;
	margin-top: 8px;
	font-size: 13px;
	line-height: 1.4;
	color: #d23b3b;
}

.section-products__options--message.is-visible {
	display: block;
}

.logout-form {
	display: contents;
}

.logout-form button {
	appearance: none;
	background: none;
	border: none;
	padding: 0;
	margin: 0;
	font: inherit;
	color: inherit;
	cursor: pointer;
}

.success-order {
	max-width: 528px;
	text-align: left;
	padding: 24px;
	border-radius: 20px;
	background-color: #F3F3F3;
}

.success-order .order-content__right--name,
.success-order .order-content__right--price,
.success-order .order-content__right--price p,
.success-order .order-content__right--item--total .order-content__right--name,
.success-order .order-content__right--item--total .order-content__right--price {
	font-size: 16px;
	line-height: 24px;
}

.success-order__line {
	display: flex;
	justify-content: space-between;
	gap: 16px;
	padding: 10px 0;
	border-bottom: 1px solid rgba(27, 27, 27, 0.1);
	font-size: 14px;
	line-height: 1.4;
}

.success-order__line:last-child {
	border-bottom: none;
}

.success-order__label {
	opacity: 0.6;
}

.success-order__value {
	font-weight: 600;
	white-space: nowrap;
}

.order-content__input--notice {
	color: #7A7A7A;
	font-size: 13px;
	line-height: 1.4;
	margin-top: 4px;
}

.products-form__search--hint {
	display: none;
	margin-top: 6px;
	font-size: 13px;
	line-height: 1.4;
	color: #7A7A7A;
}

.products-form__search--hint.is-visible {
	display: block;
}

.data-popup__wrapper {
	max-height: calc(100dvh - 48px);
	overflow-y: auto;
	overscroll-behavior: contain;
}

.order-confirm__line--discount .order-confirm__value {
	color: #E74D69;
}

.form-select__message {
	padding: 10px 12px;
	font-size: 13px;
	line-height: 1.4;
	color: #7A7A7A;
}

.cookie-notice {
	position: fixed;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 20;
	padding: 16px;
	background-color: rgba(255, 255, 255, .96);
	backdrop-filter: blur(8px);
	-webkit-backdrop-filter: blur(8px);
	box-shadow: 0 -4px 24px rgba(27, 27, 27, .12);
}

.cookie-notice[hidden] {
	display: none;
}

.cookie-notice__content {
	max-width: 960px;
	margin: 0 auto;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 16px;
}

.cookie-notice__text {
	font-size: 14px;
	line-height: 1.5;
	margin: 0;
}

.cookie-notice__text a {
	color: #906EEF;
	border-bottom: 1px solid rgba(144, 110, 239, .5);
	transition: color 0.3s ease, border-color 0.3s ease;
}

.cookie-notice__text a:hover {
	color: #7A59D5;
	border-color: transparent;
}

.cookie-notice__accept {
	flex: 0 0 auto;
	appearance: none;
	border: none;
	cursor: pointer;
	padding: 0 24px;
	border-radius: 100px;
	height: 40px;
	background-color: #906EEF;
	color: #fff;
	font: inherit;
	font-size: 14px;
	transition: background-color 0.3s ease;
}

.cookie-notice__accept:hover {
	background-color: #7B57E8;
}

@media screen and (max-width: 768px) {

	.success-order .order-content__right--name,
	.success-order .order-content__right--price,
	.success-order .order-content__right--price p,
	.success-order .order-content__right--item--total .order-content__right--name,
	.success-order .order-content__right--item--total .order-content__right--price {
		font-size: 14px;
		line-height: 21px;
	}

	.cookie-notice__content {
		flex-direction: column;
		align-items: stretch;
		text-align: left;
	}

	.cookie-notice__accept {
		width: 100%;
	}

}