@charset "UTF-8";
/*
* В разделе Abstract есть файл со всеми переменными, примесями и подобными компонентами.
*/

@font-face {
	font-family: 'Matias';
	src: url('/css/../fonts/subset-Matias.eot');
	src: url('/css/../fonts/subset-Matias.eot?#iefix') format('embedded-opentype'), url('/css/../fonts/subset-Matias.woff2') format('woff2'), url('/css/../fonts/subset-Matias.woff') format('woff'), url('/css/../fonts/subset-Matias.ttf') format('truetype'), url('/css/../fonts/subset-Matias.svg#Matias') format('svg');
	font-weight: 300;
	font-style: normal;
}


@import url("https://fonts.googleapis.com/css?family=Roboto:300,400,900");

:root {
	--ff-primary: "Inter", sans-serif;
	--ff-body: var(--ff-primary);
	--ff-heading: var(--ff-primary);
	--true-black: #000000;
	--true-white: #ffffff;
	--clr-accent-1: hsl(81, 50%, 35%);
	--clr-accent-2: hsl(70, 45%, 89%);
	--clr-accent-3: hsl(278, 19%, 60%);
	--clr-accent-4: hsl(285, 29%, 95%);
	--clr-neutral-1: hsl(0, 0%, 96%);
	--clr-neutral-2: hsl(0, 0%, 92%);
	--clr-neutral-3: hsl(0, 0%, 88%);
	--clr-neutral-4: hsl(0, 0%, 85%);
	--clr-neutral-5: hsl(0, 0%, 75%);
	--clr-neutral-6: hsl(0, 0%, 60%);
	--clr-neutral-7: hsl(0, 0%, 51%);
	--clr-neutral-8: hsl(0, 0%, 32%);
	--clr-brown-1: hsl(41, 49%, 44%);
	--clr-brown-2: hsl(40, 46%, 48%);
	--clr-brown-3: hsl(40, 52%, 62%);
	--clr-brown-4: hsl(40, 53%, 68%);
	--clr-brown-5: hsl(40, 100%, 76%);
	--clr-brown-6: hsl(36, 96%, 90%);
	--clr-brown-7: hsl(36, 53%, 82%);
	--clr-brown-8: hsl(27, 15%, 52%);
	--clr-orange: hsl(36, 100%, 53%);
	--clr-red-1: hsl(0, 71%, 45%);
	--clr-red-2: hsl(0, 100%, 56%);
	--clr-red-3: hsl(0, 78%, 95%);
	--clr-gray-1: hsl(16, 11%, 27%);
	--clr-gray-2: hsl(285, 56%, 90%);
	--clr-gray-3: hsl(285, 43%, 95%);
	--clr-gray-4: hsl(70, 45%, 89%);
	--fs-150: 0.6875rem;
	--fs-200: 0.75rem;
	--fs-250: 0.8125rem;
	--fs-300: 0.875rem;
	--fs-350: 0.9375rem;
	--fs-400: 1rem;
	--fs-450: 1.0625rem;
	--fs-500: 1.125rem;
	--fs-550: 1.1875rem;
	--fs-600: 1.25rem;
	--fs-650: 1.5rem;
	--fs-700: 1.75rem;
	--fs-750: 2.25rem;
	--fs-primary-heading-1: var(--fs-650);
	--fs-primary-heading-2: var(--fs-700);
}

.breadcrumb__ul {
	list-style: none;
	padding-left: 0;
	margin: 0;
}

/*
* Раздел Vendors предназначен для фреймворков.
*/
.pgs {
	position: fixed;
	top: 0;
	left: -300px;
	z-index: 1000;
	display: block;
	width: 277px;
	height: 100%;
	background-color: #252527;
	box-shadow: 0 0 27px rgba(0, 0, 0, 0.27);
	-webkit-transition: left 300ms ease;
	transition: left 300ms ease;
	overflow: hidden;
}

.pgs.pgs-active-panel,
.pgs-nav.pgs-active-panel,
.pgs-footer.pgs-active-panel {
	left: 0;
	-webkit-transition: left 300ms ease;
	transition: left 300ms ease;
}

.pgs-btn {
	width: 51px;
	height: 46px;
	background-color: #2e2e30;
	position: fixed;
	bottom: 0;
	left: 0;
	z-index: 1001;
	padding: 14px 18px;
	cursor: pointer;
}

.pgs-btn span {
	height: 4px;
	width: 14px;
	border-radius: 2px;
	background-color: #3d3d3d;
	display: block;
	margin: 4px 0 4px 0;
}

.pgs-btn span:first-child {
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	-webkit-transition: all 120ms ease;
	transition: all 120ms ease;
}

.pgs-btn span:last-child {
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	-webkit-transition: all 120ms ease;
	transition: all 120ms ease;
}

.pgs-btn.pgs-btn-active span:first-child {
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	-webkit-transition: all 120ms ease;
	transition: all 120ms ease;
}

.pgs-btn.pgs-btn-active span:last-child {
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	-webkit-transition: all 120ms ease;
	transition: all 120ms ease;
}

.pgs-project-name {
	width: 277px;
	height: 46px;
	display: block;
	background-color: #39393d;
	padding-left: 79px;
	padding-right: 23px;
	text-align: right;
}

.pgs-project-name span {
	font-size: 14px;
	line-height: 46px;
	color: #8e8e8e;
}

.pgs-project-logo {
	width: 277px;
	height: 154px;
	position: relative;
	display: block;
	background-color: #2f2f33;
	padding: 15px 56px;
}

.pgs-project-logo #pgs-logo {
	max-width: 170px;
	height: auto;
	display: block;
	margin: auto;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
}

.pgs-project-logo .pgs-project-version-site {
	font-size: 10px;
	font-weight: 300;
	color: #fff;
	padding: 4px;
	background-color: #5b8b15;
	border-radius: 2px;
	position: absolute;
	top: 15px;
	left: 13px;
}

.pgs-nav {
	border-top: 1px solid #37373c;
	width: 277px;
	display: block;
	position: fixed;
	top: 200px;
	bottom: 248px;
	left: -300px;
	background-color: #252527;
	overflow-y: scroll;
	overflow-x: hidden;
	-webkit-transition: left 300ms ease;
	transition: left 300ms ease;
}

.pgs-nav ul {
	margin: 0;
	padding: 22px 27px;
	overflow-y: auto;
	overflow-x: visible;
	list-style: none;
}

.pgs-nav ul li {
	height: 39px;
	border-bottom: 1px solid #323236;
}

.pgs-nav ul li a {
	background-color: transparent;
	font-size: 14px;
	color: #8e8e8e;
	line-height: 39px;
	-webkit-transition: all 140ms ease;
	transition: all 140ms ease;
	text-decoration: none;
	display: block;
	padding: 0 10px;
}

.pgs-nav ul li a:hover {
	color: #fff;
	background-color: #323236;
	-webkit-transition: all 140ms ease;
	transition: all 140ms ease;
}

.pgs-footer {
	width: 277px;
	height: 248px;
	display: block;
	background-color: #2b2b2e;
	padding: 30px 50px;
	position: fixed;
	left: -300px;
	bottom: 0;
	box-shadow: 0px -60px 50px -20px rgba(43, 43, 46, 0.7);
	-webkit-transition: left 300ms ease;
	transition: left 300ms ease;
}

.pgs-footer #tech {
	display: block;
	margin: 0 auto;
	width: 179px;
	height: 52px;
}

.pgs-footer #pgs-logo-group {
	margin: 34px auto 19px;
	display: block;
	width: 113px;
	height: 43px;
}

.pgs-footer #pgs-phone {
	font-size: 18px;
	line-height: 36px;
	color: #8e8e8e;
	font-weight: 900;
	display: block;
	text-align: center;
	cursor: default;
	text-decoration: none;
}

.pgs-footer #pgs-phone:hover {
	text-decoration: none;
}

.pgs-footer #pgs-domen {
	font-size: 14px;
	line-height: 16px;
	color: #8e8e8e;
	display: block;
	text-align: center;
	text-decoration: none;
	font-weight: 300;
}

@media (max-width: 640px) {
	.head__back {
		display: none !important;
	}
}

@media (min-width: 640px) {
	.head__back {
		left: 23px;
		right: unset !important;
	}
}

.bx-breadcrumb .bx-breadcrumb-item span {

	margin-bottom: 10px;


	margin-right: 10px;
	margin-left: 10px;
	margin-top: 2px;
	Color: #604e42;
}

.article,
.e404 {

	padding: 15px;
}

.e404__title {
	font-family: 'Matias', sans-serif;

	padding-top: 10px;
	color: #604e42;
	margin: 0;
	padding: 0;
	font-size: 38px;
	text-transform: uppercase;
	font-weight: normal;
}

.e404__text .link {
	font-family: 'Matias', sans-serif;

	padding: 10px;
	color: var(--clr-accent-1);
	font-size: 24px;
	text-transform: uppercase;
	font-weight: normal;
}


.article h2,
.article__title,
.product-tabs h2,
.section-header h2 {
	font-family: 'Matias', sans-serif;
	padding-top: 10px;
	color: #604e42;
	/* margin: 0; */
	padding-top: 20px;
	padding-bottom: 15px;
	font-size: 31px;
	text-transform: uppercase;
	font-weight: normal;
	text-align: center;
}



.e404__text {
	padding-top: 25px;
	padding-bottom: 25px;
}

@media (max-width: 768px) {

	.pgs-project-name,
	.pgs-project-logo,
	.pgs-footer {
		display: none;
	}

	.pgs-nav {
		top: 0;
		bottom: 0;
		left: -300px;
	}

	.pgs-nav ul {
		margin-top: 40px;
	}
}

.swiper-pagination-bullet {
	--swiper-pagination-bullet-width: 6.5px;
	--swiper-pagination-bullet-height: 6.5px;
	--swiper-pagination-bullet-inactive-color: var(--clr-neutral-4);
	--swiper-pagination-bullet-inactive-opacity: 1;
	--swiper-pagination-bullet-horizontal-gap: 3px;
}

.swiper-pagination-bullet-active {
	--swiper-pagination-color: var(--true-black);
}

/*
* Раздел Core содержит такие файлы, как типографика, сбросы и шаблонный код, используемые на всем веб-сайте.
*/
html {
	box-sizing: border-box;
	-ms-overflow-style: scrollbar;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
	min-height: 100%;
}

@media screen and (prefers-reduced-motion: reduce) {
	html {
		scroll-behavior: auto;
	}
}

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

img {
	max-width: 100%;
	height: auto;
	vertical-align: middle;
}

body {
	min-width: 320px;
	min-height: 100%;
	font-family: var(--ff-body);
	font-size: 100%;
	font-weight: 400;
	color: var(--true-black);
	margin: 0;
	padding: 0;
}

input,
textarea {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

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

button {
	touch-action: manipulation;
}

.icon {
	display: inline-block;
	width: 1em;
	height: 1em;
	fill: currentColor;
}

.container {
	margin: 0 auto;
	max-width: 100%;
	padding-left: 10px;
	padding-right: 10px;
}

.row {
	display: flex;
	flex-wrap: wrap;
	margin-left: -10px;
	margin-right: -10px;
}

.row>* {
	margin-right: 10px;
	margin-left: 10px;
}

picture {
	display: contents;
}

main {
	overflow: hidden;
}

@font-face {
	font-family: Inter;
	font-display: swap;
	src: url("../fonts/Inter-ExtraBold.woff2") format("woff2"), url("../fonts/Inter-ExtraBold.woff") format("woff");
	font-weight: 800;
	font-style: normal;
}

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

@font-face {
	font-family: Inter;
	font-display: swap;
	src: url("../fonts/Inter-Medium.woff2") format("woff2"), url("../fonts/Inter-Medium.woff") format("woff");
	font-weight: 500;
	font-style: normal;
}

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

@font-face {
	font-family: Inter;
	font-display: swap;
	src: url("../fonts/Inter-Bold.woff2") format("woff2"), url("../fonts/Inter-Bold.woff") format("woff");
	font-weight: 700;
	font-style: normal;
}

a {
	color: var(--true-black);
	transition: color 0.25s ease;
}

p {
	font-size: var(--fs-400);
	font-weight: 400;
	line-height: 1.33;
	margin-top: 1em;
}

p:first-child {
	margin-top: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-weight: 600;
	line-height: 1;
}

h2 {
	font-size: var(--fs-primary-heading-2);
}

.svg-arrow-dims {
	width: 1em;
	height: 1em;
}

.svg-bonus-dims {
	width: 0.875em;
	height: 0.875em;
}

.svg-cart-dims {
	width: 1.125em;
	height: 1.125em;
}

.svg-close-dims {
	width: 0.625em;
	height: 0.625em;
}

.svg-copy-dims {
	width: 1.3125em;
	height: 1.3125em;
}

.svg-filter-dims {
	width: 1.325em;
	height: 1.25em;
}

.svg-in-wishlist-dims {
	width: 1.33em;
	height: 1.2em;
}

.svg-locker-dims {
	width: 1.1875em;
	height: 1.25em;
}

.svg-mail-dims {
	width: 1.1875em;
	height: 1.025em;
}

.svg-minus-dims {
	width: 0.8125em;
	height: 0.8125em;
}

.svg-msg-dims {
	width: 0.9875em;
	height: 1.125em;
}

.svg-plus-dims {
	width: 0.8125em;
	height: 0.8125em;
}

.svg-reload-dims {
	width: 1.25em;
	height: 1.25em;
}

.svg-remove-cart-dims {
	width: 1.375em;
	height: 1.25em;
}

.svg-shevron-dims {
	width: 0.4625em;
	height: 0.75em;
}

.svg-sorting-dims {
	width: 1.9375em;
	height: 1.125em;
}

.svg-star-dims {
	width: 1.1875em;
	height: 1.125em;
}

.svg-stone-dims {
	width: 0.875em;
	height: 0.875em;
}

.svg-userpic-dims {
	width: 1.125em;
	height: 1.125em;
}

/*
* Раздел Components содержит стили для всех компонентов, которые должны быть созданы для одного веб-сайта,
* включая кнопки, карусели, вкладки, модальные окна и тому подобное.
*/
.button {
	display: inline-block;
	font-size: var(--fs-350);
	font-weight: 500;
	border-radius: 6px;
	text-align: center;
	cursor: pointer;
}

.button--default {
	color: var(--clr-accent-3);
	background-color: var(--clr-accent-4);
	padding: 12px 20px;
}

.button--accent {
	color: var(--true-white);
	background-color: var(--clr-accent-1);
	padding: 12px 20px;
}

.button--secondary {
	color: var(--clr-accent-3);
	background-color: var(--true-white);
	padding: 12px 20px;
}

.button--w-100 {
	width: 100%;
}

.button--sm {
	padding: 9px 12px;
}

.button--icon {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	column-gap: 8px;
	padding-inline: 12px;
}

.button--icon-left span {
	margin-right: auto;
}

.button--icon-left .button__icon {
	margin-right: auto;
}

.button--icon-right span {
	margin-left: auto;
}

.button--icon-right .button__icon {
	margin-left: auto;
}

.button--mt {
	margin-top: 12px;
}

.footer-menu__link {
	display: block;
	color: var(--true-black);
	font-size: var(--fs-350);
	font-weight: 400;
	line-height: 1;
	border-bottom: 1px solid var(--clr-neutral-2);
	padding-block: 0.9em;
}

.footer-menu__link:first-child {
	border-top: 1px solid var(--clr-neutral-2);
}

.social {
	display: flex;
	flex-wrap: wrap;
	column-gap: 25px;
	row-gap: 12px;
	justify-content: center;
}

.social__link {
	display: flex;
	column-gap: 10px;
}

.social__link-icon {
	width: 32px;
	height: 32px;
}

.social__link-text {
	font-size: var(--fs-250);
	font-weight: 400;
	line-height: 1.4;
	text-transform: uppercase;
}

.subscription__title {
	font-size: var(--fs-400);
	font-weight: 500;
	line-height: 1.25;
}

.subscription__form {
	margin-top: 6px;
}

.subscription__input-container {
	display: flex;
	gap: 6px;
}

@media (max-width: 40ch) {
	.subscription__input-container {
		flex-direction: column;
	}
}

.subscription__input {
	flex-grow: 1;
	border: 1px solid var(--clr-neutral-4);
	border-radius: 6px;
	height: 2.5em;
	padding-inline: 12px;
	font-size: var(--fs-400);
	font-weight: 400;
	line-height: 1;
	color: var(--true-black);
	width: 100%;
}

.subscription__input::placeholder {
	color: var(--clr-neutral-6);
}

.subscription__submit {
	flex-shrink: 0;
	height: 2.67em;
	padding: 12px 18px;
}

.payment-system {
	display: flex;
	column-gap: 15px;
	justify-content: center;
	align-items: center;
}

.payment-system__icon {
	flex-shrink: 0;
}

.tags {
	display: flex;
	flex-wrap: wrap;
	gap: 4px;
	margin-top: 40px;
}

.tag {
	font-size: var(--fs-350);
	font-weight: 400;
	line-height: 1;
	padding: 0.45em 0.72em;
	border-radius: 99px;
	display: flex;
	align-items: center;
	column-gap: 4px;
	white-space: nowrap;
}

.tag--default {
	border: 1px solid #edd8f4;
	background: #f3edf5;
	color: var(--clr-accent-3);
}

.tag--product-info {
	border: 1px solid var(--clr-brown-7);
	background: var(--clr-brown-6);
	color: var(--clr-brown-8);
}

.section {
	margin-block: 40px;
}

.section-body {
	margin-top: 20px;
}

.section__title {
	text-align: center;
}

.section__subtitle {
	font-size: var(--fs-400);
	font-weight: 400;
	line-height: 1.25;
	color: var(--clr-neutral-7);
	text-align: center;
	margin-top: 0.5em;
}

.section__title--align-left {
	text-align: left;
}

.posts-slider {
	margin-inline: -10px;
	padding-inline: 10px;
}

@media (min-width: 1440px) {
	.posts-slider .swiper-slide {
		width: auto;
	}
}

.posts-slider-item__image {
	width: 100%;
	height: 120px;
	object-fit: cover;
	object-position: center;
	border-radius: 12px;
}

.posts-slider-item__date {
	display: block;
	font-size: var(--fs-300);
	font-weight: 400;
	line-height: 1;
	margin-top: 0.71em;
	color: var(--clr-neutral-7);
}

.posts-slider-item__title {
	display: block;
	font-size: var(--fs-450);
	font-weight: 500;
	line-height: 1;
	color: var(--clr-accent-1);
	margin-top: 0.3em;
}

.reviews-slider {
	margin-inline: -10px;
	padding-inline: 10px;
	padding-bottom: 25px;
}

.reviews-slider .swiper-wrapper {
	padding-block: 10px;
}

.reviews-slider .swiper-slide-active {
	z-index: 1;
}

.reviews-slider .swiper-pagination {
	--swiper-pagination-bottom: 0px;
}

.reviews-slider-item {
	border-radius: 9px;
	text-align: center;
	padding: 30px 14px 16px;
	box-shadow: 0px 2px 9px 0px rgba(0, 0, 0, 0.15);
	background: var(--true-white);
}

.reviews-slider-item__rate {
	margin-bottom: 13px;
}

.reviews-slider-item__title {
	font-size: var(--fs-600);
	font-weight: 600;
	line-height: 1;
}

.reviews-slider-item__subtitle {
	font-size: var(--fs-450);
	font-weight: 400;
	line-height: 1.2;
	color: var(--clr-neutral-7);
	text-transform: uppercase;
	margin-top: 0.3em;
}

.reviews-slider-item__text {
	font-size: var(--fs-450);
	font-weight: 400;
	line-height: 1.2;
	margin-top: 1.38em;
}

.reviews-slider-item__button {
	margin-top: 20px;
}

.reviews-slider-item__secret-name {
	font-size: var(--fs-400);
	font-weight: 400;
	line-height: 1.33;
	color: var(--clr-neutral-7);
	text-transform: uppercase;
	margin-top: 1.54em;
}

.categories-tabs {
	margin-top: 10px;
}

.tabs-nav {
	display: flex;
	overflow-x: auto;
	margin-inline: -10px;
	padding-inline: 10px;
}

.tabs-nav__label {
	flex-basis: 100%;
	flex-grow: 1;
	font-size: var(--fs-550);
	font-weight: 600;
	line-height: 1;
	color: var(--clr-neutral-6);
	padding: 0.44em;
	white-space: nowrap;
	border-bottom: 1px solid var(--clr-neutral-4);
	text-align: center;
	cursor: pointer;
}

.tabs-nav__label.is-active {
	color: var(--clr-accent-1);
	border-color: var(--clr-accent-1);
}

.tabs-content {
	padding-top: 10px;
}

.tabs-content__item {
	display: none;
}

.tabs-content__item.is-active {
	display: block;
}

.product-tabs {
	margin-top: 20px;
}

.product-tabs .tabs-nav__label {
	font-size: var(--fs-450);
	padding-inline: 0.8em;
}

.product-tabs .tabs-content {
	padding-top: 24px;
}

.categories {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(max(50% - 4px, 13ch), 1fr));
	column-gap: 5px;
	row-gap: 4px;
}

.categories-item {
	display: flex;
	align-items: center;
	justify-content: space-between;
	column-gap: 6px;
	border-radius: 6px;
	background-color: var(--clr-neutral-1);
	padding: 10px;
}

.categories-item span {
	font-size: var(--fs-300);
	font-weight: 400;
	line-height: 1;
	color: var(--true-black);
}

.categories-item__icon {
	color: var(--clr-neutral-4);
	flex-shrink: 0;
}

.product-item {
	display: flex;
	flex-direction: column;
}

.product-item a {
	display: block;
	height: inherit;
}

.product-item-top {
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	flex-direction: column;
	    height: 80%;
}

.product-item-body {
	padding-inline: 10px;
	padding-block: 10px;
	display: flex;
	flex-direction: column;
	flex-grow: 1;
	
}
.item.product-item.product-item--super-sale .product-item-body {

	margin-top: -30px;
}

.product-item__control {
	display: flex;
	flex-direction: column;
	gap: 4px;
	position: absolute;
	top: 10px;
	right: 10px;
	z-index: 2;
}

.product-item__control-button.is-active .product-item__control-button-icon {
	stroke: var(--clr-red-1);
	fill: var(--clr-red-1);
}

.product-item__control-button-icon {
	stroke: var(--clr-neutral-7);
	fill: transparent;
}

.product-item__labels {
	align-items: flex-start;
	flex-direction: column;
	position: absolute;
	left: 10px;
	bottom: 10px;
	z-index: 2;
}

.product-item__image {
	position: relative;
	width: 100%;
	height: 100%;
	object-fit: contain;
	object-position: center;
}

.product-item-body__container {
	display: grid;
	grid-template-columns: 1fr auto;
}

.product-item__title {
	grid-area: 1/1/2/2;
	font-size: var(--fs-450);
	font-weight: 500;
	line-height: 1.2;
	color: var(--true-black);
}

.product-item__brand {
	grid-area: 2/1/3/2;
	font-size: var(--fs-250);
	font-weight: 400;
	line-height: 1.2;
	color: var(--clr-neutral-8);
	text-transform: uppercase;
}

.product-item__rating {
	grid-area: 1/2/3/3;
	align-self: end;
}

.product-item__price-wrap {
	display: flex;
	align-items: center;
	column-gap: 4px;
	margin-top: 12px;
}

.product-item__price {
	white-space: nowrap;
	font-size: var(--fs-550);
	font-weight: 500;
	line-height: 1.2;
	color: var(--true-black);
}

.product-item__price-per-unit {
	font-size: var(--fs-200);
	font-weight: 400;
	line-height: 1.25;
	color: var(--clr-gray-1);
	text-transform: uppercase;
}

.product-item__price-per-unit span {
	white-space: nowrap;
}

.product-item__bonus {
	margin-top: 4px;
	margin-bottom: 10px;
}

.product-item__button {
	margin-top: auto;
	height: 2.4em;
}

.product-item__button .button__icon {
	width: 1.125em;
	height: 1.125em;
}

.product-item__slider {
	max-width: 100%;
}

.product-item__slider .swiper-pagination {
	--swiper-pagination-bottom: 8px;
}

.product-item__slider .swiper-pagination-bullet {
	--swiper-pagination-bullet-horizontal-gap: 1.5px;
	--swiper-pagination-bullet-width: 4px;
	--swiper-pagination-bullet-height: 4px;
	transform: translateY(0);
	transition: transform 0.2s;
}

.product-item__slider .swiper-pagination-bullet-active {
	--swiper-pagination-color: hsla(40, 53%, 69%, 1);
	transform: translateY(-2px);
	
}

.product-item--super-sale {
	background: hsl(210.83deg 75.55% 94.2%);
	border-radius: 9px;
}

.product-item--super-sale .product-item__button {
	background: var(--true-white);
}

.product-item--super-sale .product-item__image,
.product-item--super-sale .product-item__slider {
	height: 82%;
    border-radius: 9px;
    box-shadow: 0px 0px 12px rgb(255 255 255 / 50%);
}

.product-item--super-sale .swiper-pagination {
	--swiper-pagination-bottom: 0px;
}

.product-item__super-sale {
	text-align: center;
	padding-block: 10px;
}

.product-item__super-sale-title {
	font-size: var(--fs-500);
	font-weight: 700;
	line-height: 1.2;
	color: #4CAF50;
    text-transform: uppercase;
}

.product-item__super-sale-subtitle {
	font-size: var(--fs-300);
	font-weight: 400;
	line-height: 1.2;
	color: var(--clr-neutral-7);
}

.labels {
	display: flex;
	gap: 4px;
	flex-wrap: wrap;
	justify-content: flex-start;
}

.labels-item {
	padding: 3px 4px;
	background-color: var(--labels-item-background, var(--true-black));
	transform: skewX(-18deg);
	border-radius: 3px;
}

.labels-item span {
	display: block;
	font-size: var(--fs-400);
	font-weight: 500;
	line-height: 1;
	color: var(--labels-item-color, var(--true-white));
	transform: skewX(18deg);
	white-space: nowrap;
}

.labels-item--discount {
	--labels-item-background: var(--clr-red-2);
	padding-left: 1.25em;
	position: relative;
}

.labels-item--discount:before {
	content: "";
	background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOC4wMDAwMDAiIGhlaWdodD0iMTAuMDAwMDAwIiB2aWV3Qm94PSIwIDAgOCAxMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+Cgk8ZGVzYz4KCQkJQ3JlYXRlZCB3aXRoIFBpeHNvLgoJPC9kZXNjPgoJPGRlZnMvPgoJPHBhdGggaWQ9IlZlY3RvciAzIiBkPSJNNC41MTM2NyA5LjU1MzFDMy42MDk4NiA5Ljk2ODUxIDEuNTY5ODIgMTAuNDY2OSAwLjY0MDEzNyA5LjEzNzgyQy0wLjI4OTU1MSA3LjgwODU5IC0wLjAwNTM3MTA5IDYuMzY4NzcgMC4yNTI0NDEgNS44MTQ5NEwxLjgwMjI1IDIuMDc2NzhMMi41IDQuNUw1LjY3NTc4IDBMNS4yODg1NyAzLjczODE2TDggMi40OTIwN0M3Ljc0MTcgNC4yOTE5OSA3LjIyNTEgNy44OTE3MiA0LjUxMzY3IDkuNTUzMVoiIGZpbGw9IiNGRkZGRkYiIGZpbGwtb3BhY2l0eT0iMS4wMDAwMDAiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPgoJPHBhdGggaWQ9IlZlY3RvciA0IiBkPSJNMi4xMDI1NCA5LjVDMi4xMDI1NCA5LjUgMS41MDA0OSA5LjUgMS4wMDA0OSA4LjVDMC41MDA0ODggNy41IDEuNSA1LjUgMS41IDUuNUMxLjUgNS41IDIuMDAxOTUgNi43NjE3MiAyLjUwMDQ5IDdDMy42ODIxMyA3LjU2NTE5IDYuMTAyNTQgNSA2LjEwMjU0IDVDNS45MzU1NSA2LjUgNC45MDIzNCA5LjUgMi4xMDI1NCA5LjVaIiBmaWxsPSIjRkY5RjBFIiBmaWxsLW9wYWNpdHk9IjEuMDAwMDAwIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiLz4KPC9zdmc+Cg==");
	background-size: 0.667em 0.833em;
	background-repeat: no-repeat;
	background-position: center;
	display: block;
	width: 0.667em;
	height: 0.833em;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0.25em;
	margin: auto;
	transform: skewX(18deg);
}

.rating {
	display: flex;
	align-items: center;
	column-gap: 2px;
	font-size: var(--fs-400);
	font-weight: 400;
	line-height: 1.25;
	color: var(--true-black);
}

.rating__icon {
	color: var(--clr-neutral-4);
}

.rating__icon--on {
	color: var(--clr-orange);
}

.quantity {
	display: flex;
}

.quantity__button {
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 6px;
	padding: 0.719em;
	flex-shrink: 0;
	background-color: var(--clr-accent-4);
}

.quantity__button-icon {
	color: var(--clr-accent-3);
}

.quantity-amount {
	flex-grow: 1;
	min-width: 0;
	width: 100%;
	text-align: center;
	font-size: var(--fs-400);
	font-weight: 400;
	color: var(--clr-accent-3);
}

.button-banner {
	background: var(--clr-accent-2);
	border-radius: 9px;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 20px;
	padding: 14px;
	margin-top: 12px;
}

.button-banner__content {
	display: flex;
	flex-direction: column;
	text-align: center;
}

.button-banner__text {
	font-size: var(--fs-550);
	font-weight: 400;
	line-height: 1;
	color: var(--true-black);
}

.button-banner__title {
	font-size: var(--fs-600);
	font-weight: 800;
	line-height: 1;
	color: var(--true-black);
}

.button-banner__subtitle {
	font-size: var(--fs-300);
	font-weight: 400;
	line-height: 1;
	margin-top: 0.6em;
}

.breadcrumb {
	padding-block: 14px 7px;
}

.breadcrumb span {
	font-size: var(--fs-300);
	line-height: 1;
	color: var(--clr-neutral-6);
	transition: color 0.2s;
}

.breadcrumb__li {
	outline: none;
	display: inline-block;
	word-break: break-word;
}

.breadcrumb__li:not(:last-child) {
	margin-right: 0.125em;
}

.breadcrumb__li:last-child span {
	color: var(--true-black);
}

.breadcrumb__link:is(:hover, :focus) span {
	color: var(--true-black);
}

.faq-item {
	--_padding-y: 0.75em;
	--_gap: 2rem;
	overflow: hidden;
	border-top: 1px solid var(--clr-neutral-4);
}

.faq-item:last-child {
	border-bottom: 1px solid var(--clr-neutral-4);
}

.faq-item__top {
	padding-right: 1.5em;
	position: relative;
	transition: background-color 0.2s;
	cursor: pointer;
}

:is(.faq-item.is-active) .faq-item__icon:after {
	display: none;
}

.faq-item__bottom {
	max-height: 0;
	overflow: hidden;
	transition: max-height 0.25s ease;
}

.faq-item__bottom p {
	padding-bottom: var(--_padding-y);
	font-size: var(--fs-350);
	color: var(--true-black);
	margin: 0;
}

.faq-item__title {
	font-size: var(--fs-600);
	color: var(--true-black);
	margin: 0;
	padding-block: var(--_padding-y);
}

.faq-item__icon {
	width: var(--fs-600);
	height: var(--fs-600);
	position: absolute;
	top: 0.938em;
	right: 0;
}

.faq-item__icon:before,
.faq-item__icon:after {
	content: "";
	width: var(--fs-600);
	height: 1px;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	background-color: var(--clr-accent-1);
}

.faq-item__icon:after {
	transform: rotate(90deg);
}

.product-slider {
	max-height: 300px;
	margin-top: 5px;
	padding-bottom: 15px;
}

.product-slider .swiper-wrapper {
	max-height: 285px;
}

.product-slider .swiper-pagination {
	bottom: -3px;
}

.product-slider .swiper-pagination-bullet {
	--swiper-pagination-bullet-width: 7px;
	--swiper-pagination-bullet-height: 7px;
	transform: translateY(0);
	transition: transform 0.2s;
}

.product-slider .swiper-pagination-bullet-active {
	--swiper-pagination-color: var(--clr-accent-1);
	transform: translateY(-2px);
}

.product-slider-item {
	display: flex;
	align-items: center;
	justify-content: center;
	max-height: 285px;
	height: auto;
}

.product-slider-item img {
	width: 100%;
	height: 100%;
	object-fit: contain;
	object-position: center;
}

.prices-block {
	display: flex;
	flex-direction: row-reverse;
	align-items: baseline;
	justify-content: flex-end;
	flex-wrap: wrap;
	column-gap: 8px;
}

.prices-block__price {
	font-size: var(--fs-650);
	font-weight: 500;
	line-height: 1;
	color: var(--true-black);
	white-space: nowrap;
}

.prices-block__prev-price {
	font-size: var(--fs-500);
	white-space: nowrap;
	text-decoration: line-through;
	color: var(--clr-neutral-6);
}

.prices-block__prev-price+.prices-block__price {
	color: var(--clr-red-1);
}

/**
** Form
*/
/*
 * Variables
 */
.uk-input,
.uk-select,
.uk-textarea,
.uk-radio,
.uk-checkbox {
	box-sizing: border-box;
	margin: 0;
	border-radius: 0;
	font: inherit;
}

.uk-input {
	overflow: visible;
}

.uk-select {
	text-transform: none;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.uk-select optgroup {
	font: inherit;
	font-weight: bold;
}

.uk-textarea {
	overflow: auto;
}

.uk-input[type=search]::-webkit-search-cancel-button,
.uk-input[type=search]::-webkit-search-decoration {
	-webkit-appearance: none;
}

.uk-input[type=number]::-webkit-inner-spin-button,
.uk-input[type=number]::-webkit-outer-spin-button {
	height: auto;
}

/* Chrome, Safari, Edge, Opera */
.uk-input[type=number]::-webkit-outer-spin-button,
.uk-input[type=number]::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;
}

/* Firefox */
.uk-input[type=number] {
	-moz-appearance: textfield;
}

.uk-input::-moz-placeholder,
.uk-textarea::-moz-placeholder {
	opacity: 1;
}

.uk-input::placeholder,
.uk-textarea::placeholder {
	font-size: var(--fs-300);
	color: var(--true-black);
}

.uk-fieldset {
	border: none;
	margin: 24px 0 30px 0;
	padding: 0;
}

.uk-input,
.uk-textarea {
	-webkit-appearance: none;
}

.uk-select {
	font-size: var(--fs-300);
	max-width: 100%;
	width: 100%;
	border: 0 none;
	padding: 0 0.875em;
	background: var(--true-white);
	color: #000;
	border: 1px solid var(--clr-neutral-4);
	border-radius: 0.375em;
	transition: 0.2s ease-in-out;
	transition-property: color, background-color, border;
}

@media (max-width: 768px) {
	.uk-select {
		padding: 0 0.875em;
	}
}

.uk-input,
.uk-textarea {
	max-width: 100%;
	width: 100%;
	border: 0 none;
	padding-inline: 0.875em;
	background: var(--true-white);
	font-size: var(--fs-300);
	color: #000;
	border: 1px solid var(--clr-neutral-4);
	border-radius: 0.375em;
	box-shadow: 0 0 0 1px rgba(0, 0, 0, 0);
	transition: 0.2s ease-in-out;
	transition-property: color, background-color, border, box-shadow;
}

.uk-textarea {
	padding-block: 0.875em;
}

.uk-input {
	height: 2.86em;
	line-height: 2.86em;
	vertical-align: middle;
	display: inline-block;
}

@media (max-width: 768px) {
	.uk-input {
		height: 2.86em;
	}
}

.uk-select:not([multiple]):not([size]) {
	height: 2.86em;
	line-height: 2.86em;
	vertical-align: middle;
	display: inline-block;
}

@media (max-width: 768px) {
	.uk-select:not([multiple]):not([size]) {
		height: 2.86em;
		line-height: 2.86em;
	}
}

.uk-input:not(input),
.uk-select:not(select) {
	line-height: 2.86em;
}

.uk-select[multiple],
.uk-select[size] {
	padding-top: 0.109375em;
	padding-bottom: 0.109375em;
	vertical-align: top;
}

.uk-select[multiple],
.uk-select[size] {
	resize: vertical;
}

/* Focus */
.uk-select:focus {
	color: #000;
}

.uk-input:focus,
.uk-textarea:focus {
	background-color: var(--true-white);
	color: #000;
	border-color: var(--true-black);
}

.uk-input:disabled,
.uk-select:disabled,
.uk-textarea:disabled {
	background-color: color-mis(in srgb, var(--true-white) 100%, #fff 80%);
	color: color-mix(in srgb, #000 100%, #fff 80%);
	border-color: color-mix(in srgb, var(--clr-neutral-4) 100%, #fff 80%);
}

.uk-input::-ms-input-placeholder {
	color: var(--true-black) !important;
}

.uk-input::placeholder {
	color: var(--true-black);
}

.uk-textarea::-ms-input-placeholder {
	color: var(--true-black) !important;
}

.uk-textarea::placeholder {
	color: var(--true-black);
}

.uk-form-danger,
.uk-form-danger:focus {
	color: red;
	border-color: red;
}

.uk-form-success,
.uk-form-success:focus {
	color: green;
	border-color: green;
}

.uk-form-warning,
.uk-form-warning:focus {
	color: orange;
	border-color: orange;
}

.uk-form-blank {
	background: none;
	border-color: transparent;
}

.uk-form-blank:focus {
	border-color: color-mix(in srgb, var(--clr-neutral-4) 100%, #fff 40%);
	border-style: dashed;
}

.uk-select:not([multiple]):not([size]) {
	-webkit-appearance: none;
	-moz-appearance: none;
	padding-right: 1.75em;
	background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAuNDMzNTk0IiBoZWlnaHQ9IjYuNzU2MzQ4IiB2aWV3Qm94PSIwIDAgMTAuNDMzNiA2Ljc1NjM1IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4KCTxkZXNjPgoJCQlDcmVhdGVkIHdpdGggUGl4c28uCgk8L2Rlc2M+Cgk8ZGVmcy8+Cgk8cGF0aCBpZD0iVmVjdG9yIDEiIGQ9Ik0wLjcxNjc5NyAwLjY5NzI2Nkw1LjIxNjggNS4zMjIyN0w5LjcxNjggMC42OTcyNjYiIHN0cm9rZT0iIzAwMDAwMCIgc3Ryb2tlLW9wYWNpdHk9IjEuMDAwMDAwIiBzdHJva2Utd2lkdGg9IjIuMDAwMDAwIi8+Cjwvc3ZnPgo=");
	background-repeat: no-repeat;
	background-position: calc(100% - 0.5833333333em) 50%;
}

.uk-select:not([multiple]):not([size])::-ms-expand {
	display: none;
}

.uk-select:not([multiple]):not([size]) option {
	color: #000;
}

.uk-select:not([multiple]):not([size]):disabled {
	background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAuNDMzNTk0IiBoZWlnaHQ9IjYuNzU2MzQ4IiB2aWV3Qm94PSIwIDAgMTAuNDMzNiA2Ljc1NjM1IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4KCTxkZXNjPgoJCQlDcmVhdGVkIHdpdGggUGl4c28uCgk8L2Rlc2M+Cgk8ZGVmcy8+Cgk8cGF0aCBpZD0iVmVjdG9yIDEiIGQ9Ik0wLjcxNjc5NyAwLjY5NzI2Nkw1LjIxNjggNS4zMjIyN0w5LjcxNjggMC42OTcyNjYiIHN0cm9rZT0iIzAwMDAwMCIgc3Ryb2tlLW9wYWNpdHk9IjEuMDAwMDAwIiBzdHJva2Utd2lkdGg9IjIuMDAwMDAwIi8+Cjwvc3ZnPgo=");
}

.uk-input[list] {
	padding-right: 0.875em;
	background-repeat: no-repeat;
	background-position: 100% 50%;
}

.uk-input[list]:hover,
.uk-input[list]:focus {
	background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2224%22%20height%3D%2216%22%20viewBox%3D%220%200%2024%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22%23666%22%20points%3D%2212%2012%208%206%2016%206%22%20%2F%3E%0A%3C%2Fsvg%3E%0A");
}

.uk-input[list]::-webkit-calendar-picker-indicator {
	display: none;
}

.uk-radio {
	display: inline-block;
	height: 1.125em;
	width: 1.125em;
	min-width: 1.125em;
	overflow: hidden;
	margin-top: 0;
	vertical-align: middle;
	-webkit-appearance: none;
	-moz-appearance: none;
	background-color: var(--true-white);
	background-repeat: no-repeat;
	background-position: 60% 50%;
	border: 1px solid var(--clr-neutral-4);
	border-radius: 50%;
	transition: 0.2s ease-in-out;
	transition-property: background-color, border;
	position: relative;
}

.uk-radio::before {
	content: "";
	width: 0.5625em;
	height: 0.5625em;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	border-radius: 50%;
	display: block;
	background-color: transparent;
}

.uk-checkbox {
	display: inline-block;
	height: 1.25em;
	width: 1.25em;
	min-width: 1.25em;
	overflow: hidden;
	margin-top: 0;
	vertical-align: middle;
	-webkit-appearance: none;
	-moz-appearance: none;
	background-color: var(--true-white);
	background-repeat: no-repeat;
	background-position: 50% 50%;
	border: 1px solid var(--clr-neutral-4);
	border-radius: 0.375em;
	transition: 0.2s ease-in-out;
	transition-property: background-color, border;
}

.uk-radio:focus {
	background-color: var(--true-white);
	border-color: color-mix(in srgb, var(--clr-neutral-4) 100%, #000 30%);
}

.uk-radio:focus::before {
	background-color: color-mix(in srgb, var(--true-white) 100%, #000 30%);
}

.uk-radio:focus,
.uk-checkbox:focus {
	outline: none;
	border-color: color-mix(in srgb, var(--clr-neutral-4) 100%, #000 30%);
}

.uk-radio:checked {
	background-color: var(--true-white);
	border-color: color-mix(in srgb, var(--clr-neutral-4) 100%, #000 30%);
}

.uk-radio:checked::before {
	background-color: var(--clr-accent-1);
}

.uk-checkbox:checked,
.uk-checkbox:indeterminate {
	background-color: var(--clr-accent-1);
	border-color: var(--clr-accent-1);
}

.uk-checkbox:checked {
	background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAuMDA3MzI0IiBoZWlnaHQ9IjkuNDg5OTkwIiB2aWV3Qm94PSIwIDAgMTAuMDA3MyA5LjQ4OTk5IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4KCTxkZXNjPgoJCQlDcmVhdGVkIHdpdGggUGl4c28uCgk8L2Rlc2M+Cgk8ZGVmcy8+Cgk8cGF0aCBpZD0iVmVjdG9yIDEwIiBkPSJNMS4wMDM5MSA1LjEyMTA5TDQuNTEyNyA4LjAwMzQyTDkuMDAzOTEgMS4wMDM0MiIgc3Ryb2tlPSIjRkZGRkZGIiBzdHJva2Utb3BhY2l0eT0iMS4wMDAwMDAiIHN0cm9rZS13aWR0aD0iMi4wMDAwMDAiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIvPgo8L3N2Zz4K");
	background-size: 0.5em 0.4375em;
}

.uk-checkbox:indeterminate {
	background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAuMDA3MzI0IiBoZWlnaHQ9IjkuNDg5OTkwIiB2aWV3Qm94PSIwIDAgMTAuMDA3MyA5LjQ4OTk5IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4KCTxkZXNjPgoJCQlDcmVhdGVkIHdpdGggUGl4c28uCgk8L2Rlc2M+Cgk8ZGVmcy8+Cgk8cGF0aCBpZD0iVmVjdG9yIDEwIiBkPSJNMS4wMDM5MSA1LjEyMTA5TDQuNTEyNyA4LjAwMzQyTDkuMDAzOTEgMS4wMDM0MiIgc3Ryb2tlPSIjRkZGRkZGIiBzdHJva2Utb3BhY2l0eT0iMS4wMDAwMDAiIHN0cm9rZS13aWR0aD0iMi4wMDAwMDAiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIvPgo8L3N2Zz4K");
	background-size: 0.5em 0.4375em;
}

.uk-radio:disabled,
.uk-checkbox:disabled {
	background-color: color-mix(in srgb, var(--true-white) 100%, #fff 10%);
	border-color: color-mix(in srgb, var(--clr-neutral-4) 100%, #fff 10%);
}

.uk-checkbox:disabled:checked {
	background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDI3LjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9ItCh0LvQvtC5XzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHdpZHRoPSIxMnB4IiBoZWlnaHQ9IjExcHgiIHZpZXdCb3g9IjAgMCAxMiAxMSIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMTIgMTE7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4KCS5zdDB7ZmlsbDpub25lO3N0cm9rZTojMDAwMDAwO3N0cm9rZS13aWR0aDoyO3N0cm9rZS1saW5lY2FwOnJvdW5kO30KPC9zdHlsZT4KPHBhdGggY2xhc3M9InN0MCIgZD0iTTEsNS41TDQuOSw5TDExLDEiLz4KPC9zdmc+Cg==");
	background-size: 0.625em 0.5625em;
}

.uk-checkbox:disabled:indeterminate {
	background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDI3LjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9ItCh0LvQvtC5XzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHdpZHRoPSIxMnB4IiBoZWlnaHQ9IjExcHgiIHZpZXdCb3g9IjAgMCAxMiAxMSIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMTIgMTE7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4KCS5zdDB7ZmlsbDpub25lO3N0cm9rZTojMDAwMDAwO3N0cm9rZS13aWR0aDoyO3N0cm9rZS1saW5lY2FwOnJvdW5kO30KPC9zdHlsZT4KPHBhdGggY2xhc3M9InN0MCIgZD0iTTEsNS41TDQuOSw5TDExLDEiLz4KPC9zdmc+Cg==");
	background-size: 0.625em 0.5625em;
}

.uk-legend {
	width: 100%;
	color: var(--true-white);
	background: var(--true-black);
	padding: 12px;
	font-size: var(--fs-550);
	line-height: 1;
	border-radius: 6px;
	margin-bottom: 18px;
	position: relative;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.uk-legend:after {
	content: "";
	display: block;
	position: absolute;
	bottom: -8px;
	left: 16px;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 9px 14px 0 0;
	border-color: #000000 transparent transparent transparent;
	transform: rotate(0deg);
}

.uk-legend span {
	font-size: var(--fs-300);
	font-weight: 500;
	line-height: 1;
	color: var(--clr-neutral-7);
}

.uk-form-custom select,
.uk-form-custom input[type=file] {
	position: absolute;
	top: 0;
	z-index: 1;
	width: 100%;
	height: 100%;
	left: 0;
	-webkit-appearance: none;
	opacity: 0;
}

.uk-form-custom input[type=file] {
	font-size: 500px;
	overflow: hidden;
}

/* Label
 ========================================================================== */
.uk-form-label {
	display: block;
	font-style: normal;
	font-weight: 400;
	font-size: var(--fs-300);
	line-height: 1;
	color: var(--true-black);
	margin-bottom: 0.5em;
}

/* Layout
 ========================================================================== */
.uk-form-stacked .uk-form-label {
	display: block;
}

/* Icons
 ========================================================================== */
.uk-form-icon {
	position: absolute;
	top: 14px;
	left: 0;
	width: 60px;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	color: #000;
}

.uk-form-icon:hover {
	color: #000;
}

.uk-form-icon:not(a):not(button):not(input) {
	pointer-events: none;
}

.uk-form-icon:not(.uk-form-icon-flip)~.uk-input {
	padding-left: 60px !important;
}

.uk-form-icon-flip {
	right: 0;
	left: auto;
}

.uk-form-icon-flip~.uk-input {
	padding-right: 60px !important;
}

[class*=uk-block] {
	display: block;
	position: relative;
	max-width: 100%;
}

[class*=uk-inline] {
	display: inline-block;
	position: relative;
	max-width: 100%;
	vertical-align: middle;
}

.uk-form-custom {
	position: relative;
	max-width: 100%;
	vertical-align: middle;
}

.uk-form-group {
	margin-bottom: 12px;
}

.uk-form-group:last-child {
	margin-bottom: 0;
}

.uk-form-group--mbx2 {
	margin-bottom: 24px;
}

.uk-form-group--mbx2:last-child {
	margin-bottom: 0;
}

.uk-form-flex {
	display: flex;
	align-items: center;
	gap: 0.875rem;
}

.checkbox-label,
.radio-label {
	font-family: var(--ff-secondary);
	font-style: normal;
	font-weight: 400;
	font-size: var(--fs-300);
	line-height: 1.4;
	display: inline-flex;
	align-items: flex-start;
	column-gap: 12px;
	margin-top: 14px;
	cursor: pointer;
	vertical-align: middle;
}

.checkbox-label:first-child,
.radio-label:first-child {
	margin-top: 0;
}

.checkbox-label {
	color: #000;
	line-height: 1.3;
}

.checkbox-label_darken {
	color: #000;
}

.radio-label {
	color: #000;
}

.radio-group,
.checkbox-group {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
}

.uk-input-group {
	display: flex;
	flex-direction: row-reverse;
	flex-grow: 1;
}

.uk-input-group .uk-input {
	border-radius: 0 0.375em 0.375em 0;
	border-left-width: 0;
	padding-left: 0;
}

.uk-input-group .uk-input:focus+.uk-input-group-text {
	border-color: var(--true-black);
}

.uk-input-group--reverse {
	flex-direction: row;
}

.uk-input-group--reverse .uk-input {
	border-radius: 0.375em 0 0 0.375em;
	border-right-width: 0;
	border-left-width: 1px;
	padding-left: 0.875em;
	padding-right: 0;
}

.uk-input-group--reverse .uk-input-group-text {
	border-right-width: 1px;
	border-left-width: 0;
	border-radius: 0 0.375em 0.375em 0;
}

.uk-input-group--reverse .uk-input-group__button {
	border-right-width: 1px;
	border-left-width: 0;
	border-radius: 0 0.375em 0.375em 0;
}

.uk-input-group-text {
	padding-inline: 0.875em;
	border-width: 1px;
	border-color: var(--clr-neutral-4);
	border-style: solid;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 0.375em 0 0 0.375em;
	border-right-width: 0;
	transition: border-color 0.2s ease-in-out;
}

.uk-input-group-text__icon {
	color: var(--clr-neutral-5);
}

.uk-input-group__button {
	padding-inline: 0.875em;
	border-width: 1px;
	border-color: var(--clr-neutral-4);
	border-style: solid;
	border-radius: 0.375em 0 0 0.375em;
	border-right-width: 0;
	transition: border-color 0.2s ease-in-out;
}

.uk-input-group__button span {
	font-size: var(--fs-350);
	font-weight: 400;
	color: var(--clr-accent-1);
	text-decoration: dotted underline;
}

.svg-locker-dims {
	fill-rule: evenodd;
}

.svg-mail-dims {
	fill-rule: evenodd;
}

.uk-form__link {
	font-size: var(--fs-400);
	color: var(--clr-accent-1);
}

.uk-form-row {
	display: flex;
	column-gap: 16px;
}

.uk-form-row--gap-0 {
	column-gap: 0;
}

.uk-form-row--gap-0 .uk-form-group:not(:last-child) .uk-input,
.uk-form-row--gap-0 .uk-form-group:not(:last-child) .uk-select {
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
}

.uk-form-row--gap-0 .uk-form-group:not(:first-child) .uk-input,
.uk-form-row--gap-0 .uk-form-group:not(:first-child) .uk-select {
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
	border-left-width: 0;
}

.uk-form-row .uk-form-group {
	flex-grow: 1;
	flex-basis: 100%;
}

.uk-form__text {
	font-size: var(--fs-300);
	font-weight: 400;
	line-height: 1.2;
	color: var(--clr-neutral-7);
	margin-top: 0.4em;
}

.change-password-form {
	margin-top: 40px;
}

/**
** End Form
*/
.bonus {
	display: flex;
	align-items: center;
	column-gap: 4px;
}

.bonus span {
	font-size: var(--fs-200);
	font-weight: 500;
	line-height: 1.1;
	color: var(--clr-brown-2);
}

.modal {
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 999;
	visibility: hidden;
	transition: visibility 0.5s;
}

.modal.is-open {
	visibility: visible;
}

.modal.is-open .modal-overlay {
	background-color: rgba(0, 0, 0, 0.55);
}

.modal.is-open .modal-content {
	transform: translateY(0);
	overflow: hidden;
}

.modal-overlay {
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0);
	transition: background-color 0.5s;
}

.modal-body {
	margin-top: 15px;
	overflow-y: auto;
	flex-grow: 1;
}

.modal-content {
	display: flex;
	flex-direction: column;
	background: var(--true-white);
	width: 100%;
	position: absolute;
	bottom: 0;
	left: 0;
	border-radius: 21px 21px 0 0;
	padding: 24px;
	max-height: calc(100% - 80px);
	transform: translateY(100%);
	transition: transform 0.35s;
}

.modal__title {
	font-size: var(--fs-700);
	font-weight: 600;
	line-height: 1;
	color: var(--true-black);
}

.modal__subtitle {
	font-size: var(--fs-400);
	font-weight: 400;
	line-height: 1.2;
	margin-top: 0.25em;
	color: var(--clr-neutral-8);
}

.modal__close-button {
	width: 25px;
	height: 25px;
	position: absolute;
	top: 10px;
	right: 10px;
	border-radius: 50%;
	background-color: var(--clr-neutral-5);
	display: flex;
	justify-content: center;
	align-items: center;
}

.modal__close-button-icon {
	color: var(--true-white);
	width: 11px;
	height: 11px;
}

#rangeSlider {
	padding-left: 9px;
	padding-right: 8px;
	cursor: pointer;
}

.range-slider-inputs .input-group-text {
	background-color: transparent;
	border: 0;
	color: var(--clr-neutral-1);
}

.range-slider-inputs .form-control {
	padding-left: 15px;
	padding-right: 15px;
}

.noUi-target {
	background: var(--clr-neutral-4) !important;
	border-radius: 2 !important;
	border: 0 !important;
	box-shadow: none !important;
}

.noUi-horizontal {
	height: 4px !important;
	margin-top: 20px;
}

.noUi-horizontal .noUi-handle {
	width: 17px !important;
	height: 17px !important;
	border: 4px solid var(--true-white) !important;
	background: var(--clr-accent-1) !important;
	border-radius: 50% !important;
	right: -8px !important;
	box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25) !important;
	cursor: pointer;
}

.noUi-horizontal .noUi-handle:before,
.noUi-horizontal .noUi-handle::after {
	content: none !important;
}

.noUi-connects {
	border-radius: 0 !important;
}

.noUi-connect {
	background: var(--clr-accent-1) !important;
}

.status {
	position: relative;
	padding-left: 0.71em;
	font-size: var(--fs-300);
	font-weight: 400;
	line-height: 1;
	color: var(--clr-neutral-6);
}

.status:before {
	content: "";
	width: 0.36em;
	height: 0.36em;
	display: block;
	border-radius: 50%;
	position: absolute;
	top: 0.3em;
	left: 0;
	background-color: var(--clr-neutral-4);
}

.status--step-1:before {
	background-color: #3556f8;
}

.status--step-2:before {
	background-color: #ffaf1a;
}

.status--step-3:before {
	background-color: #c42121;
}

.payment-order-form-radio {
	display: block;
	font-size: 0;
}

.payment-order-form-radio span {
	display: block;
	padding: 0.8125em 1em;
	background-color: var(--true-white);
	font-size: var(--fs-400);
	font-weight: 400;
	line-height: 1;
	color: var(--true-black);
	position: relative;
	padding-right: 1.875em;
	border-radius: 8px;
	border: 2px solid transparent;
}

.payment-order-form-radio span:after {
	background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQuMDExNzE5IiBoZWlnaHQ9IjEyLjA5ODE0NSIgdmlld0JveD0iMCAwIDE0LjAxMTcgMTIuMDk4MSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+Cgk8ZGVzYz4KCQkJQ3JlYXRlZCB3aXRoIFBpeHNvLgoJPC9kZXNjPgoJPGRlZnMvPgoJPHBhdGggaWQ9IlZlY3RvciAxMiIgZD0iTTEuNTA1ODYgNi41MDU3NEw2LjAwNTg2IDEwLjAwNTdMOC4wMDU4NiA3LjUwNTc0TDEyLjUwNTkgMS41MDU3NCIgc3Ryb2tlPSIjNjg4ODJEIiBzdHJva2Utb3BhY2l0eT0iMS4wMDAwMDAiIHN0cm9rZS13aWR0aD0iMy4wMDAwMDAiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIvPgo8L3N2Zz4K");
	background-size: 1em 0.75em;
	width: 1em;
	height: 0.75em;
	display: block;
	position: absolute;
	top: 0.9375em;
	right: 0.8125em;
}

.payment-order-form-radio input[type=radio]:checked+span {
	border-color: var(--clr-accent-1);
}

.payment-order-form-radio input[type=radio]:checked+span:after {
	content: "";
}

.copy-notify {
	position: fixed;
	bottom: 60px;
	left: 0;
	right: 0;
	margin: auto;
	background-color: var(--true-white);
	width: min-content;
	white-space: nowrap;
	z-index: 999;
	border-radius: 4px;
	padding: 6px 10px;
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
	appearance: none;
	opacity: 0;
	visibility: hidden;
	transform: translateY(20px);
	transition: transform 0.35s, opacity 0.35s, visibility 0.35s;
}

.copy-notify.show {
	opacity: 1;
	visibility: visible;
	transform: translateY(0px);
}

.copy-notify span {
	font-size: 13px;
}

.mobile-menu {
	position: absolute;
	top: 6.25em;
	left: 0;
	min-width: 320px;
	width: 100%;
	height: calc(100% - 6.25em);
	max-height: 0;
	background: var(--true-white);
	overflow: hidden;
	z-index: 998;
	transition: max-height 0.35s;
}

.mobile-menu.is-active {
	max-height: calc(100dvh - 6.25em);
}

.mobile-menu .mobile-menu-content {
	overflow-y: auto;
	max-height: 100%;
	padding: 10px;
}

.mobile-menu-tabs .categories {
	grid-template-columns: 1fr;
}

.mobile-extra-menu {
	margin-top: 30px;
	padding-block: 30px;
	border-top: 1px solid var(--clr-neutral-2);
	columns: 2;
	column-gap: 20px;
}

.mobile-extra-menu__link {
	font-size: var(--fs-300);
	font-weight: 600;
	line-height: 1;
	color: var(--clr-neutral-7);
	padding-block: 0.71em;
	display: block;
}

.filter-item:first-child .filter-item-top {
	border-top: 0;
}

.filter-item.is-active .filter-item-top:after {
	transform: rotate(90deg);
}

.filter-item-top {
	padding-block: 12px;
	border-top: 1px solid var(--clr-neutral-4);
	position: relative;
	cursor: pointer;
	overflow: hidden;
}

.filter-item-top:after {
	content: "";
	display: block;
	background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iNyIgdmlld0JveD0iMCAwIDEyIDciIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik02LjEwMzI3IDYuMDc1MzhMMTEuMzcwNiAxLjQ2OTI2QzExLjU0MzEgMS4zMTgzNSAxMS41NDI4IDEuMDc0MDEgMTEuMzY5NyAwLjkyMzM1NEMxMS4xOTY2IDAuNzcyODA5IDEwLjkxNjMgMC43NzMxOTggMTAuNzQzNyAwLjkyNDEzMkw1Ljc4OTg4IDUuMjU2MDhMMC44MzYwOTIgMC45MjM5NzZDMC42NjM0NTkgMC43NzMwNjIgMC4zODMzIDAuNzcyNjczIDAuMjEwMjIxIDAuOTIzMTk4QzAuMTIzNDU5IDAuOTk4NzIzIDAuMDgwMDc4MSAxLjA5NzY3IDAuMDgwMDc4MSAxLjE5NjYxQzAuMDgwMDc4MSAxLjI5NTMgMC4xMjMxNjkgMS4zOTM4NSAwLjIwOTMyOSAxLjQ2OTI0TDUuNDc2NTEgNi4wNzUzOEM1LjU1OTQ0IDYuMTQ4MDcgNS42NzIzIDYuMTg4ODYgNS43ODk4OCA2LjE4ODg2QzUuOTA3NDcgNi4xODg4NiA2LjAyMDE5IDYuMTQ3OTUgNi4xMDMyNyA2LjA3NTM4WiIgZmlsbD0id2hpdGUiLz4KPC9zdmc+Cg==");
	background-repeat: no-repeat;
	background-position: center;
	background-size: 12px 6px;
	width: 15px;
	height: 15px;
	position: absolute;
	top: 16px;
	right: 0;
	transform: rotate(0deg);
	transition: transform 0.2s;
}

.filter-item-bottom {
	overflow: hidden;
	max-height: 0;
	transition: max-height 0.2s;
}

.filter-item-content {
	margin-top: 4px;
	margin-bottom: 16px;
}

.filter-item-content .checkbox-label {
	width: 100%;
}

.filter-item-content .checkbox-label:first-child {
	margin-top: 0;
}

.filter-item__title {
	color: var(--true-black);
	font-size: var(--fs-450);
	font-weight: 500;
	line-height: 1.2;
}

.filter-item--range-slider .filter-item-content {
	height: auto;
	padding-bottom: 20px;
}

.filter-control {
	display: flex;
	gap: 10px;
	width: 100%;
	padding-top: 15px;
	background-color: var(--true-white);
}

.filter-control__button {
	padding: 12px;
}

.filter-control__button--apply {
	flex-grow: 1;
}

.range-slider-radio {
	display: flex;
	gap: 4px;
	margin-bottom: 25px;
}

.range-slider-radio__item span {
	font-size: var(--fs-350);
	font-weight: 500;
	line-height: 1;
	color: var(--true-black);
	padding: 4px 8px;
	background-color: var(--clr-neutral-1);
	border-radius: 4px;
	transition: color 0.2s, background-color 0.2s;
}

.range-slider-radio__item input[type=radio]:checked+span {
	color: var(--clr-accent-1);
	background-color: var(--clr-accent-2);
}

.filter-control__button--reset {
	background-color: var(--clr-neutral-1);
}

.filter-control__button--reset .button__icon {
	color: var(--clr-neutral-5);
}

/*
* Раздел Layout имеет все стили, необходимые для макета сайта, т. е. заголовок, нижний колонтитул.
*/
/*
* Чтобы каждый раздел можно было использовать повторно, а код sass был легко доступен, существует партиал Section/Blocks.
* Кроме того, важно иметь этот партиал, чтобы вам не нужно было искать, находится ли конкретный код в файлах home.sass или about.sass в партиале Pages.
*/
.page-header {
	margin-bottom: 30px;
}

.page-header h1 {
	font-size: var(--fs-primary-heading-2);
	margin-block: 0;
}

.page-header-brand {
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 8px;
	background-color: var(--clr-neutral-1);
	padding: 24px;
	margin-top: 14px;
	column-gap: 50px;
}

.page-header-brand__logo {
	display: flex;
	justify-content: center;
	align-items: center;
}

.page-header-brand__logo img {
	max-width: 72px;
	max-height: 72px;
	mix-blend-mode: darken;
}

.page-header-brand__name {
	font-size: var(--fs-600);
	font-weight: 500;
	line-height: 1.2;
	color: var(--clr-accent-1);
}

.page-header-brand__info {
	font-size: var(--fs-350);
	font-weight: 500;
	line-height: 1.2;
	color: var(--clr-neutral-7);
}

.page-header__hidden-box {
	max-height: 0;
	overflow: hidden;
	transition: max-height 0.35s;
}

.page-header__hidden-box p {
	margin-top: 0;
	padding-top: 1em;
}

.page-header__hidden-box-button {
	font-size: var(--fs-350);
	font-weight: 400;
	line-height: 1.2;
	color: var(--clr-accent-1);
	text-decoration-line: underline;
	text-decoration-style: dashed;
	margin-top: 15px;
	cursor: pointer;
}

.page-header--decore {
	position: relative;
}

.page-header--decore:after {
	content: "";
	display: block;
	background-image: url("../img/decore/decore-page-header.png");
	background-repeat: no-repeat;
	background-size: 56px 58px;
	background-position: center;
	width: 56px;
	height: 58px;
	position: absolute;
	bottom: 0;
	right: 0;
	transform: translateX(30px);
	z-index: -1;
}

.page-header--decore-top:after {
	bottom: unset;
	top: -29px;
}

.section-header--decore {
	position: relative;
}

.section-header--decore:before {
	content: "";
	display: block;
	background-image: url("../img/decore/decore-section-header-1.png");
	background-size: 56px 58px;
	width: 56px;
	height: 58px;
	position: absolute;
	left: 0;
	top: 0;
	transform: translateX(-35px);
	z-index: -1;
}

.section-header--decore:after {
	content: "";
	display: block;
	background-image: url("../img/decore/decore-section-header-2.png");
	background-size: 56px 58px;
	width: 56px;
	height: 58px;
	position: absolute;
	right: 0;
	bottom: 0;
	transform: translateX(35px);
	z-index: -1;
}

.header-top {
	height: 2.5em;
}

.header-top .container {
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	padding-block: 4px;
	border-bottom: 1px dashed var(--clr-neutral-4);
	height: inherit;
}

.header-top p {
	font-size: var(--fs-200);
	font-weight: 400;
	line-height: 1.25;
}

.header-middle {
	position: relative;
	height: 3.75rem;
}

.header-middle .container {
	display: flex;
	align-items: center;
	column-gap: 10px;
	padding-block: 8px;
	height: inherit;
}

.header-logo {
	display: block;
	margin-inline: auto;
	max-width: 46px;
}

.header-control {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 2.25em;
	height: 2.25em;
	border-radius: 50%;
	background-color: var(--clr-neutral-1);
	position: relative;
}

.header-control__label {
	position: absolute;
	top: 0;
	right: -0.5em;
	background: var(--clr-red-1);
	color: var(--true-white);
	padding: 0.25em 0.5em;
	border-radius: 99px;
	font-size: var(--fs-200);
	font-weight: 500;
	line-height: 1;
}

.header-control__icon {
	color: var(--clr-accent-1);
}

.filter-form {
	display: flex;
	column-gap: 5px;
}

.filter-form__input {
	flex-grow: 1;
	width: 100%;
	height: 2.667em;
	font-size: var(--fs-350);
	font-weight: 400;
	line-height: 2.667em;
	color: var(--true-black);
	padding-inline: 12px;
	border: 1px solid var(--clr-accent-1);
	border-radius: 6px;
}

.filter-form__input::placeholder {
	color: var(--clr-neutral-5);
}

.filter-form__button {
	flex-shrink: 0;
	background-color: var(--clr-accent-1);
	height: 2.5em;
	width: 2.5em;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 6px;
}

.filter-form__button-icon {
	color: var(--true-white);
}

.mobile-menu-button {
	display: flex;
	flex-direction: column;
	gap: 4px;
}

.mobile-menu-button.is-active .mobile-menu-button__el:nth-of-type(1):before {
	transform: rotate(45deg) translate(0.125em, 0.125em);
}

.mobile-menu-button.is-active .mobile-menu-button__el:nth-of-type(1):after {
	transform: rotate(-45deg) translate(-0.125em, 0.125em);
}

.mobile-menu-button.is-active .mobile-menu-button__el:nth-of-type(2):before {
	transform: rotate(-45deg) translate(0.125em, -0.125em);
}

.mobile-menu-button.is-active .mobile-menu-button__el:nth-of-type(2):after {
	transform: rotate(45deg) translate(-0.125em, -0.125em);
}

.mobile-menu-button__el {
	width: 1em;
	height: 0.125em;
	position: relative;
}

.mobile-menu-button__el:before,
.mobile-menu-button__el:after {
	content: "";
	display: block;
	width: 0.5em;
	height: 0.125em;
	background: var(--clr-accent-1);
	position: absolute;
	transform: rotate(0deg), translate(0, 0);
	transition: transform 0.2s;
}

.mobile-menu-button__el:before {
	left: 0;
	transform-origin: center right;
}

.mobile-menu-button__el:after {
	right: 0;
	transform-origin: center left;
}

.footer {
	margin-top: 20px;
}

.footer__social {
	margin-top: 30px;
	border-bottom: 1px solid var(--clr-neutral-2);
	padding-bottom: 12px;
}

.footer__payment {
	margin-top: 15px;
}

.footer__subscription {
	margin-top: 15px;
}

.footer__copyright {
	padding-block: 20px;
	font-size: var(--fs-200);
	font-weight: 400;
	line-height: 1.5;
	text-align: center;
	max-width: 40ch;
	margin-inline: auto;
}

.hero-cases {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(8ch, 1fr));
	gap: 5px;
	margin-top: 10px;
}

.hero-cases-item {
	border-radius: 6px;
	background-color: var(--clr-neutral-1);
	min-height: 3.875em;
	position: relative;
	padding: 7px 7px 1.875em;
}

.hero-cases-item__title {
	font-size: var(--fs-200);
	font-weight: 600;
	line-height: 1;
	color: var(--true-black);
	max-width: 7ch;
}

.hero-cases-item__image {
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	margin: auto;
	mix-blend-mode: darken;
}

.hero-cases-item__icon {
	position: absolute;
	bottom: 8px;
	left: 7px;
	color: var(--clr-neutral-4);
}

.hero-slider {
	margin-top: 8px;
	margin-inline: -10px;
	padding-inline: 10px;
}

.hero-slider-item {
	border-radius: 6px;
	height: 135px;
	text-align: center;
}

.hero-slider-item__image {
	width: auto;
	height: 100%;
	object-fit: cover;
	object-position: center;
}

.products {
	margin-inline: -10px;
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(9.875em, 1fr));
	gap: 4px;
	margin-top: 30px;
}

.section .products {
	margin-top: 0;
}

.photos {
	position: relative;
}

.photos__content {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	column-gap: 8px;
}

.photos__column {
	display: flex;
	flex-direction: column;
	row-gap: 6px;
}

.photos__control {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	padding-top: 80px;
	background: linear-gradient(0deg, white 45.385%, rgba(217, 217, 217, 0) 100%);
	z-index: 1;
}

.top-bar {
	margin-top: 30px;
}

.brands {
	display: grid;
	gap: 8px;
	grid-template-columns: repeat(auto-fill, minmax(139px, 1fr));
}

.brands-item {
	padding: 10px;
	background-color: var(--clr-neutral-1);
	border-radius: 8px;
	display: flex;
	flex-direction: column;
	min-height: 9em;
}

.brands-item__image {
	max-width: 4.5em;
	max-height: 4.5em;
	margin-inline: auto;
	margin-block: auto 0.625em;
	mix-blend-mode: darken;
}

.brands-item__title {
	font-size: var(--fs-250);
	font-weight: 500;
	line-height: 1.2;
	color: var(--clr-accent-1);
	text-transform: uppercase;
	margin-top: auto;
}

.brands-item__info {
	font-size: var(--fs-250);
	font-weight: 500;
	line-height: 1.2;
	color: var(--clr-neutral-7);
	margin-top: 0.25em;
}

.method-payment {
	display: grid;
	gap: 8px;
	grid-template-columns: repeat(auto-fill, minmax(8.6875em, 1fr));
}

.method-payment-item {
	min-height: 8.75em;
	padding: 1em;
	background-color: var(--clr-neutral-1);
	border-radius: 8px;
	display: flex;
	flex-direction: column;
	text-align: center;
}

.method-payment-item__icon {
	margin-inline: auto;
	margin-block: auto 0.625em;
}

.method-payment-item__title {
	font-size: var(--fs-400);
	font-weight: 400;
	line-height: 1.2;
	color: var(--true-black);
	margin-top: auto;
}

.summary-section {
	border-radius: 9px;
	padding: 12px;
	background-color: var(--clr-neutral-1);
	margin-top: 15px;
}

.summary-section__sum {
	font-size: var(--fs-600);
	font-weight: 600;
	line-height: 1.2;
	color: var(--true-black);
}

.summary-section__sum span {
	white-space: nowrap;
}

.summary-section__delivery {
	font-size: var(--fs-200);
	font-weight: 400;
	line-height: 1.2;
	color: var(--clr-neutral-8);
	margin-top: 0.25em;
}

.summary-section__bonus {
	margin-top: 12px;
}

.summary-section__button {
	margin-top: 15px;
}

.product-info {
	margin-top: 16px;
}

.product-info-header {
	display: grid;
	column-gap: 10px;
	grid-template-columns: 1fr 36px;
}

.product-info__title {
	grid-area: 1/1/2/2;
	font-size: var(--fs-700);
	font-weight: 600;
	line-height: 1;
	color: var(--true-black);
	margin-block: 0;
}

.product-info__brand {
	grid-area: 2/1/3/2;
	font-size: var(--fs-400);
	font-weight: 400;
	line-height: 1.2;
	color: var(--clr-neutral-6);
	margin-top: 0.4em;
}

.product-info__brand a {
	text-decoration-line: underline;
	color: var(--clr-neutral-6);
}

.product-info__in-wishlist {
	grid-area: 1/2/3/3;
	align-self: start;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 36px;
	height: 36px;
}

.product-info__in-wishlist.is-active .product-info__in-wishlist-icon {
	fill: var(--clr-red-1);
	stroke: var(--clr-red-1);
}

.product-info__in-wishlist-icon {
	fill: transparent;
	stroke: var(--clr-neutral-6);
}

.product-info__packaging {
	margin-top: 14px;
}

.product-info__control {
	display: flex;
	column-gap: 8px;
	margin-top: 20px;
}

.product-info__prices {
	margin-top: 20px;
}

.product-info__quantity {
	flex-basis: 150px;
	flex-shrink: 0;
}

.product-info__quantity .quantity-amount {
	width: 100%;
}

.product-info__in-cart-button {
	flex-basis: 240px;
}

.product-info__tags {
	margin-top: 20px;
}

.cart .button-banner {
	margin-top: 0;
}

.cart-item {
	display: grid;
	grid-template-columns: 112px 7.5em 1fr;
	grid-template-rows: repeat(5, min-content);
	column-gap: 12px;
	position: relative;
	padding-block: 15px;
	border-top: 1px solid #d9d9d9;
}

@media (max-width: 375px) {
	.cart-item {
		grid-template-rows: repeat(6, min-content);
	}
}

.button-banner+.cart-item {
	border-top: 0;
}

.cart-item__image {
	grid-area: 1/1/6/2;
	height: 6.25em;
	text-align: center;
}

.cart-item__image img {
	width: 100%;
	height: 100%;
	object-fit: contain;
	object-position: center;
}

.cart-item__title {
	grid-area: 1/2/2/4;
	font-size: var(--fs-450);
	font-weight: 500;
	line-height: 1;
	color: var(--true-black);
}

.cart-item__brand {
	grid-area: 2/2/3/4;
	font-size: var(--fs-150);
	font-weight: 400;
	line-height: 1;
	color: var(--clr-neutral-7);
	margin-top: 0.3em;
}

.cart-item__bonus {
	grid-area: 3/2/4/4;
	margin-top: 8px;
}

.cart-item__amount {
	grid-area: 4/2/5/4;
	font-size: var(--fs-300);
	font-weight: 400;
	line-height: 12px;
	color: var(--true-black);
	margin-top: 0.8em;
}

.cart-item__quantity {
	grid-area: 5/2/6/3;
	margin-top: 8px;
}

@media (max-width: 375px) {
	.cart-item__quantity {
		grid-area: 6/2/7/3;
	}
}

.cart-item__prices {
	grid-area: 5/3/6/4;
	align-self: center;
	margin-top: 8px;
}

@media (max-width: 375px) {
	.cart-item__prices {
		grid-area: 5/2/6/4;
		margin-top: 12px;
	}
}

.cart-item__prices .prices-block__price {
	font-size: var(--fs-550);
}

.cart-item__prices .prices-block__prev-price {
	font-size: var(--fs-400);
}

.cart-item__gift {
	grid-area: 5/2/6/4;
	font-size: var(--fs-550);
	font-weight: 500;
	line-height: 18px;
	color: var(--clr-accent-1);
	margin-top: auto;
}

.cart-item__close {
	width: 1.25em;
	height: 1.25em;
	display: block;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	position: absolute;
	top: 20px;
	left: 5px;
	background-color: var(--clr-red-1);
	cursor: pointer;
	z-index: 100;
}

.cart-item__close:before {
	content: '';
	position: absolute;
	top: -10px;
	left: -10px;
	bottom: -10px;
	right: -10px;
	z-index: -1;
}

.cart-item__close-icon {
	color: var(--true-white);
}

.thanks__content {
	min-height: 15em;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	text-align: center;
	border-radius: 9px;
	background-color: var(--clr-neutral-1);
	margin-top: 5px;
	position: relative;
}

.thanks__decore {
	position: absolute;
	left: 0;
	right: 0;
	top: 26px;
	appearance: none;
	margin: auto;
	width: 267px;
	height: 88px;
}

.thanks__title {
	font-size: var(--fs-650);
	font-weight: 500;
	line-height: 1;
	color: var(--true-black);
	margin-top: 1.2em;
}

.thanks__text {
	font-size: var(--fs-400);
	font-weight: 400;
	line-height: 1.2;
	color: var(--true-black);
	margin-top: 0.67em;
}

.thanks__social {
	padding-block: 12px 20px;
}

.filter.is-open .modal__close-button {
	opacity: 1;
	transition: opacity 0.2s 0.4s;
}

.filter .modal-content {
	padding: 15px;
	transform: translateY(150%);
	height: 100%;
}

.filter .modal__close-button {
	opacity: 0;
	left: 0;
	right: 0;
	top: -60px;
	margin: auto;
	width: 36px;
	height: 36px;
	background-color: var(--true-white);
	transition: opacity 0.2s;
}

.filter .modal__close-button-icon {
	color: var(--true-black);
}

.filter-wrap {
	position: relative;
}

.filter-item:first-child .filter-item-top {
	border-top: 0;
}

.filter-item.is-active .filter-item-top:after {
	transform: rotate(90deg);
}

.filter-item-top {
	padding-block: 12px;
	border-top: 1px solid var(--clr-neutral-4);
	position: relative;
	cursor: pointer;
	overflow: hidden;
}

.filter-item-top:after {
	content: "";
	display: block;
	background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNi43NTYzNDgiIGhlaWdodD0iMTAuNDMzNTk0IiB2aWV3Qm94PSIwIDAgNi43NTYzNSAxMC40MzM2IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4KCTxkZXNjPgoJCQlDcmVhdGVkIHdpdGggUGl4c28uCgk8L2Rlc2M+Cgk8ZGVmcy8+Cgk8cGF0aCBpZD0iVmVjdG9yIDIwIiBkPSJNMC42OTcyNjYgOS43MTY4TDUuMzIyMjcgNS4yMTY4TDAuNjk3MjY2IDAuNzE2Nzk3IiBzdHJva2U9IiMwMDAwMDAiIHN0cm9rZS1vcGFjaXR5PSIxLjAwMDAwMCIgc3Ryb2tlLXdpZHRoPSIyLjAwMDAwMCIvPgo8L3N2Zz4K");
	background-repeat: no-repeat;
	background-position: center;
	background-size: 7px 10px;
	width: 15px;
	height: 15px;
	position: absolute;
	top: 16px;
	right: 0;
	transform: rotate(0deg);
	transition: transform 0.2s;
}

.filter-item-bottom {
	overflow: hidden;
	max-height: 0;
	transition: max-height 0.2s;
}

.filter-item-content {
	margin-top: 4px;
	margin-bottom: 16px;
}

.filter-item-content .checkbox-label {
	width: 100%;
}

.filter-item-content .checkbox-label:first-child {
	margin-top: 0;
}

.filter-item__title {
	color: var(--true-black);
	font-size: var(--fs-450);
	font-weight: 500;
	line-height: 1.2;
}

.filter-item--range-slider .filter-item-content {
	height: auto;
	padding-bottom: 20px;
}

.filter-control {
	display: flex;
	gap: 10px;
	width: 100%;
	padding-top: 15px;
	background-color: var(--true-white);
}

.filter-control__button {
	padding: 12px;
}

.filter-control__button--apply {
	flex-grow: 1;
}

.range-slider-radio {
	display: flex;
	gap: 4px;
	margin-bottom: 25px;
}

.range-slider-radio__item span {
	font-size: var(--fs-350);
	font-weight: 500;
	line-height: 1;
	color: var(--true-black);
	padding: 4px 8px;
	background-color: var(--clr-neutral-1);
	border-radius: 4px;
	transition: color 0.2s, background-color 0.2s;
}

.range-slider-radio__item input[type=radio]:checked+span {
	color: var(--clr-accent-1);
	background-color: var(--clr-accent-2);
}

.filter-control__button--reset {
	background-color: var(--clr-neutral-1);
}

.filter-control__button--reset .button__icon {
	color: var(--clr-neutral-5);
}

.profile-menu {
	display: flex;
	overflow-x: auto;
	margin-inline: -10px;
	padding-inline: 10px;
}

.profile-menu__item {
	flex-grow: 1;
}

.profile-menu__link {
	display: block;
	text-align: center;
	white-space: nowrap;
	font-size: var(--fs-400);
	font-weight: 600;
	line-height: 1;
	padding: 0.3125em 0.667em;
	color: var(--clr-neutral-7);
	border-bottom: 1px solid var(--clr-neutral-3);
	transition: color 0.2s;
}

.profile-menu__link.is-active {
	border-color: var(--clr-accent-1);
	color: var(--clr-accent-1);
}

.profile-control {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	margin-top: 0.75em;
}

.profile-control-item {
	flex: 1 1 calc(50% - 5px);
	min-height: 10em;
	border-radius: 9px;
	background: var(--clr-neutral-1);
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	padding: 6px;
	text-align: center;
}

.profile-control-item__value {
	margin-top: auto;
	font-size: var(--fs-700);
	font-weight: 600;
	line-height: 1;
	color: var(--true-black);
}

.profile-control-item__title {
	font-size: var(--fs-300);
	font-weight: 400;
	line-height: 1.2;
	color: var(--true-black);
	margin-bottom: auto;
	margin-top: 0.4em;
}

.profile-control-item__desc {
	font-size: var(--fs-300);
	font-weight: 400;
	line-height: 1.2;
	color: var(--true-black);
	margin-top: 0.375em;
	margin-bottom: 0.625em;
}

.profile-control-item__title+.profile-control-item__button {
	margin-top: 0;
}

.profile-control-item__button {
	margin-top: auto;
	font-size: var(--fs-450);
	border-radius: 9px;
}

.profile-control-item--personal {
	background: var(--clr-accent-4);
}

.profile-control-item--whislist {
	background: var(--clr-accent-4);
}

.profile-control-item--partner {
	background: var(--clr-accent-2);
}

.exchange-calc {
	padding: 14px 8px 18px;
	background-color: var(--clr-neutral-1);
	border-radius: 9px;
}

.exchange-calc .uk-form-group {
	margin-bottom: 0;
}

.exchange-calc-form__image {
	display: block;
	margin-inline: auto;
	margin-block: 8px;
}

.exchange-calc-form__text {
	font-size: var(--fs-300);
	font-weight: 400;
	line-height: 1.2;
	color: var(--clr-neutral-6);
	display: block;
	text-align: center;
	margin-top: 0.85em;
}

.orders {
	margin-top: 12px;
}

.orders-item {
	display: grid;
	grid-template-columns: 1fr 1fr min-content;
	column-gap: 20px;
	padding-block: 10px;
	border-bottom: 1px solid var(--clr-neutral-2);
}

@media (max-width: 40ch) {
	.orders-item {
		grid-template-columns: 1fr min-content;
	}
}

.orders-item__title {
	grid-area: 1/1/2/2;
	font-size: var(--fs-600);
	font-weight: 600;
	line-height: 1;
	color: var(--true-black);
}

.orders-item__status {
	grid-area: 2/1/3/2;
}

.orders-item__prices {
	grid-area: 1/2/3/3;
	white-space: nowrap;
	align-self: center;
	text-align: right;
}

.orders-item__button {
	grid-area: 1/3/3/4;
	padding: 7px 8px;
	font-size: var(--fs-450);
	width: fit-content;
	align-self: center;
}

@media (max-width: 40ch) {
	.orders-item__button {
		grid-area: 3/1/4/3;
		width: 100%;
		margin-top: 10px;
	}
}

.order {
	margin-top: 12px;
}

.order-header {
	display: grid;
	column-gap: 10px;
	grid-template-columns: 30px 1fr;
}

.order-body {
	margin-top: 15px;
}

.order-footer {
	margin-top: 15px;
	padding: 12px;
	background: var(--clr-neutral-1);
	border-radius: 9px;
}

.order__button-return {
	grid-area: 1/1/3/2;
	padding: 6px;
	align-self: start;
}

.order__button-return .button__icon {
	transform: rotate(180deg);
}

.order__title {
	grid-area: 1/2/2/3;
	font-size: var(--fs-400);
	font-weight: 600;
	line-height: 1;
	color: var(--true-black);
}

.order__status {
	grid-area: 2/2/3/3;
}

.order-item {
	display: grid;
	grid-template-columns: 65px 1fr min-content;
	column-gap: 6px;
	row-gap: 2px;
	padding-block: 10px;
	border-bottom: 1px solid var(--clr-neutral-2);
}

@media (max-width: 40ch) {
	.order-item {
		grid-template-columns: 65px 1fr min-content;
	}
}

.order-item__image {
	grid-area: 1/1/5/2;
}

.order-item__title {
	grid-area: 1/2/2/3;
	font-size: var(--fs-450);
	font-weight: 500;
	line-height: 1.2;
	color: var(--true-black);
}

.order-item__brand {
	grid-area: 2/2/3/3;
	font-size: var(--fs-150);
	font-weight: 400;
	line-height: 1;
	color: var(--clr-neutral-8);
	text-transform: uppercase;
}

.order-item__tags {
	grid-area: 4/2/5/3;
	margin-top: 0;
}

@media (max-width: 40ch) {
	.order-item__tags {
		grid-area: 5/2/6/4;
		margin-top: 10px;
	}
}

.order-item__tags .tag {
	padding: 3px 6px;
}

.order-item__prices {
	grid-area: 1/3/3/4;
	align-self: end;
	font-size: var(--fs-550);
	font-weight: 500;
	line-height: 1;
	white-space: nowrap;
}

@media (max-width: 40ch) {
	.order-item__prices {
		grid-area: 3/2/4/3;
		margin-top: 12px;
	}
}

.order-item__unit {
	grid-area: 3/2/4/4;
	font-size: var(--fs-350);
	font-weight: 400;
	line-height: 1.2;
	color: var(--clr-neutral-7);
	text-align: right;
}

@media (max-width: 40ch) {
	.order-item__unit {
		grid-area: 4/2/5/3;
		text-align: left;
	}
}

.order-item__rating {
	grid-area: 4/3/5/4;
	align-items: end;
	justify-self: end;
}

@media (max-width: 40ch) {
	.order-item__rating {
		grid-area: 3/3/1/3;
	}
}

.partnership-block {
	border-radius: 9px;
	background-color: var(--clr-neutral-1);
	padding: 14px 16px;
	margin-top: 0.825em;
}

.partnership-block__title {
	font-size: var(--fs-600);
	font-weight: 600;
	line-height: 1.2;
	color: var(--true-black);
	margin-bottom: 0.7em;
}

.partnership-block__value-title {
	font-size: var(--fs-400);
	font-weight: 400;
	line-height: 1.2;
	color: var(--true-black);
}

.partnership-block__value {
	font-size: var(--fs-750);
	font-weight: 600;
	line-height: 1;
	color: var(--true-black);
	margin-top: 0.34375em;
	margin-bottom: 1.25em;
}

.partnership-block__button {
	margin-top: 1.25em;
}

.partnership-block__text {
	font-size: var(--fs-450);
	font-weight: 400;
	line-height: 1.2;
	color: var(--true-black);
}

.partnership-block__notice {
	font-size: var(--fs-350);
	font-weight: 400;
	line-height: 1.2;
	color: var(--clr-neutral-6);
	margin-top: 1.27em;
}

.partnership-block__notice a {
	color: inherit;
	text-decoration: underline;
}

.partnership-links {
	background-color: var(--clr-accent-4);
}

.partnership-balance {
	background-color: var(--clr-accent-2);
}

.postoffice-map {
	width: 100%;
	flex-grow: 1;
	position: relative;
}

#postofficeMap {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}

#ecom-widget {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}

.map-modal .modal-header {
	padding: 10px;
}

.map-modal .modal-content {
	height: 100%;
	padding: 10px;
}

.map-modal .modal-body {
	overflow: visible;
	display: flex;
	flex-direction: column;
	row-gap: 12px;
}

.add-to-cart:hover {
	background-color: hsl(70, 45%, 89%) !important;

}

.add-to-fav.active svg {
	transition: all 0.5s ease-in-out;
}

.add-to-fav.active svg {
	fill: red !important;
}




.popup {
	position: fixed;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	display: none;
	z-index: 1000;
}

.popup>.content {
	max-width: calc(100% - 40px);
	min-height: 200px;
	max-height: calc(100% - 40px);
	min-width: 300px;
	border-radius: 21px;
	background: white;
	padding: 20px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.popup:after {
	content: '';
	position: fixed;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background-color: black;
	opacity: .5;
	z-index: -1;
}

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


.modal.-with-loader .modal-content {
	min-height: 100px;
}

@keyframes rotate360 {
	from {
		transform: rotate(-360deg);
	}

	to {
		transform: rotate(360deg);
	}
}

.main-ui-loader-wrapper {
	display: flex;
	align-items: center;
	justify-content: center;
}

.main-ui-loader-svg {
	animation-name: rotate360;
	animation-duration: 5s;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
}

.main-ui-loader-svg-circle {
	stroke: var(--clr-accent-1);
	stroke-width: 3;
	stroke-dasharray: 182%;
	stroke-linecap: round;
}



.form-success,
.form-error {
	margin-top: 15px;
}



.articles .grid__pagination {
	margin-top: 50px;
}

.articles__item {
	padding: 23px 0 0;
	margin: 37px 0 0;
	background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAACCAYAAACOoybuAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAADZJREFUeNpiZACC2NhYDgZU8Gfx4sV//v//jyLIAlQoo6qqyoYs+P79+39A8WdA5i9kcYAAAwDWPBBtMQLoXgAAAABJRU5ErkJggg==') repeat-x 0 0;
	text-align: center;
}

.articles__item:first-child {
	margin: 0;
	background: none;
}

.articles__date {
	color: #b0b0b0;
	font-family: 'Matias', sans-serif;
	-webkit-font-smoothing: antialiased;
	font-size: 12px;
	text-transform: uppercase;
}

.articles__title {
	color: #81a639;
	font-family: 'Matias', sans-serif;
	-webkit-font-smoothing: antialiased;
	font-size: 30px;
	display: inline-block;
	margin: 13px 20px 0;
	text-decoration: none;
}

.articles__intro {
	padding: 13px 20px 0;
	color: #604e42;
	font-family: 'Matias', sans-serif;
	-webkit-font-smoothing: antialiased;
	font-size: 18px;
}

.articles__more {
	margin-top: 21px;
	width: 193px;
}

.news-page {
	text-align: center;
}

.news-page__date {
	text-transform: uppercase;
	color: #b0b0b0;
	font-family: 'Matias', sans-serif;
	-webkit-font-smoothing: antialiased;
	font-size: 12px;
	padding-top: 23px;
}

.news-page__title {
	color: #81a639;
	font-family: 'Matias', sans-serif;
	-webkit-font-smoothing: antialiased;
	font-size: 30px;
	display: inline-block;
	margin: 10px 0px 0;
	text-decoration: none;
	padding: 0;
	font-weight: normal;
}

.news-page__cover {
	padding: 22px 0 0;
}

.news-page__cover img {
	display: inline-block;
}

.news-page__text {
	padding: 13px 0px 0;
	color: #604e42;
	font-family: 'Matias', sans-serif;
	-webkit-font-smoothing: antialiased;
	font-size: 18px;
}

.news-page__text p {
	padding: 21px 0 0;
	margin: 0;
}

.news-page__text p:first-child {
	padding-top: 0;
}

.news-page__text a {
	text-decoration: none;
	color: #81a639;
}

.news-page__bottom {
	padding: 27px 0 0;
}

.news-page__bottom-back {
	height: 42px;
	line-height: 40px;
	padding: 0 18px;
	color: #81a639;
	font-family: 'Matias', sans-serif;
	-webkit-font-smoothing: antialiased;
	font-size: 24px;
}

.news-page .grid__pagination {
	margin-top: 50px;
}

.news-page__item {
	padding: 33px 0 0;
	margin: 33px 0 0;
	background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAACCAYAAACOoybuAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAADZJREFUeNpiZACC2NhYDgZU8Gfx4sV//v//jyLIAlQoo6qqyoYs+P79+39A8WdA5i9kcYAAAwDWPBBtMQLoXgAAAABJRU5ErkJggg==') repeat-x 0 0;
	text-align: center;
}

.news-page__item:first-child {
	margin: 0;
	background: none;
	padding-top: 23px;
}

.news-page__item-date {
	color: #b0b0b0;
	font-family: 'Matias', sans-serif;
	-webkit-font-smoothing: antialiased;
	font-size: 12px;
	text-transform: uppercase;
}

.news-page__item-title {
	color: #81a639;
	font-family: 'Matias', sans-serif;
	-webkit-font-smoothing: antialiased;
	font-size: 30px;
	display: inline-block;
	margin: 10px 0px 0;
	text-decoration: none;
}

.news-page__item-cover {
	padding: 22px 0 0;
}

.news-page__item-cover-link {
	display: inline-block;
	text-decoration: none;
}

.news-page__item-cover-link img {
	display: block;
}

.news-page__item-intro {
	padding: 13px 0px 0;
	color: #604e42;
	font-family: 'Matias', sans-serif;
	-webkit-font-smoothing: antialiased;
	font-size: 18px;
}

.news-page__item-intro p {
	padding: 21px 0 0;
	margin: 0;
}

.news-page__item-intro p:first-child {
	padding-top: 0;
}

.news-page__item-intro a {
	text-decoration: none;
	color: #81a639;
}

.content {
	font-family: 'Roboto', sans-serif;
	font-size: 15px;
	color: #534646;
	line-height: 150%;
}

.content a {
	color: #81a639;
}

.content a[href*='mailto'] {
	text-decoration: none;
}

.content strong {
	font-weight: 700;
	color: #502222;
	background: #fff2aa;
	display: inline-block;
	padding: 0 2px;
}

.content p {
	margin: 0;
	padding: 16px 0 0;
}

.content ol {
	margin: 0px 0 0 13px;
	padding: 0;
}

.content ul {
	margin: 10px 0 0 17px;
	padding: 0;
}

.content ul li {
	margin: 0;
	padding: 5px 0 0 0px;
}

.content h5 {
	text-align: center;
	color: #604e42;
	font-family: 'Matias', sans-serif;
	-webkit-font-smoothing: antialiased;
	font-weight: normal;
	font-size: 30px;
	text-transform: uppercase;
	margin: 31px 0 0;
	padding: 40px 0 0;
	background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAJYAAAAECAYAAABsr8aqAAAB1ElEQVRIS73V524cMRADYDpOcXp5/1dMr07Hh4iBvNCuzz+SAQ5nWFNIkaM7y5+4leROkrtJfiT5Nj7jePl1nuReEt/yvyb5eVQw8m+PHPnqjgIumGArJviOojzUmnF5Tb5jPP4n9+8n4Jq544zHKdzxp0nv9xRNcJd3iiZ6m3GoyVmSB0keTiIovBhivF6YBeFnSdR+GWQNUfMxyaeFkM7VzMCRIeirHYM9Htj0UyffhyhvFzPgej4tBhH0h0s+rNvA3RxnhOuy4LbHXb7lgKm49IHz/Q73F6O/fNFlebPDnR56wqXGPDx+JVGzNUu5611Nyh2mlSb6PZ2418ju4N0OLvmwF5e/i/OKJjWWxC3YGo5ZuimGIr0yEGBPxuuHiEsQCADAQNuNq+EKVD5MZuwZqJc+43Lxj8alb1+o2XCfJ+HvDyOtDNRL/zBwKCt33MzehsWR46zc8dZrZaB52Wr6cndPavYWgVlO1aTLZkZx4W7+y4Xu/m8RutDlrmZPE4ajwV/uiBxFXy/iCObrRuzV9fXquQtYbUzP9Xb5ZjXMOPqZlMv4DbiY5ujZNwO2hv6rV2zG5TL/JXez8Lgpd1xmXNdx70/9TbhvNaHh0U/xFU1+A7XvnhnITjDjAAAAAElFTkSuQmCC') repeat-x;
}

.content h5:first-child {
	margin-top: 20px;
}

.content h5+p {
	margin-top: 20px;
}

.content__payments {
	padding: 33px 0 0;
	text-align: justify;
	width: 100%;
	text-align: center;
}

.content__payment {
	display: inline-block;
	vertical-align: middle;
	margin: 0 10px;
}


.head__back {
	display: block;
	margin: 12px auto 8px;
}

.head__logo {
	text-align: center;
	padding: 19px 0 0;
	position: relative;
}

.head__logo img {
	display: inline-block;
}

.head h1,
.head__title-h {
	color: #604e42;
	margin: 0;
	padding: 0;
	font-size: 38px;
	text-transform: uppercase;
	font-weight: normal;
	font-family: 'Matias', sans-serif;
}

.head_border-bottom {
	position: relative;
	padding-bottom: 18px;
	margin-bottom: 2px;
}

.head_border-bottom:after {
	content: '';
	display: block;
	position: absolute;
	height: 4px;
	left: 0;
	right: 0;
	background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAJYAAAAECAYAAABsr8aqAAAB1ElEQVRIS73V524cMRADYDpOcXp5/1dMr07Hh4iBvNCuzz+SAQ5nWFNIkaM7y5+4leROkrtJfiT5Nj7jePl1nuReEt/yvyb5eVQw8m+PHPnqjgIumGArJviOojzUmnF5Tb5jPP4n9+8n4Jq544zHKdzxp0nv9xRNcJd3iiZ6m3GoyVmSB0keTiIovBhivF6YBeFnSdR+GWQNUfMxyaeFkM7VzMCRIeirHYM9Htj0UyffhyhvFzPgej4tBhH0h0s+rNvA3RxnhOuy4LbHXb7lgKm49IHz/Q73F6O/fNFlebPDnR56wqXGPDx+JVGzNUu5611Nyh2mlSb6PZ2418ju4N0OLvmwF5e/i/OKJjWWxC3YGo5ZuimGIr0yEGBPxuuHiEsQCADAQNuNq+EKVD5MZuwZqJc+43Lxj8alb1+o2XCfJ+HvDyOtDNRL/zBwKCt33MzehsWR46zc8dZrZaB52Wr6cndPavYWgVlO1aTLZkZx4W7+y4Xu/m8RutDlrmZPE4ajwV/uiBxFXy/iCObrRuzV9fXquQtYbUzP9Xb5ZjXMOPqZlMv4DbiY5ujZNwO2hv6rV2zG5TL/JXez8Lgpd1xmXNdx70/9TbhvNaHh0U/xFU1+A7XvnhnITjDjAAAAAElFTkSuQmCC') repeat-x;
	bottom: 0;
}

.head__se-back {
	margin: 14px auto 10px;
	width: 244px;
	display: block;
}

.head__title {
	text-align: center;
}

.head__title-h,
.head__title h1 {
	display: inline-block;
}

.head__title-h .i-popup,
.head__title h1 .i-popup {
	display: inline-block;
	text-decoration: none;
	color: #81a639;
	border-bottom: 3px dotted #81a639;
	line-height: 40px;
}

.head__title-h .i-popup:hover,
.head__title h1 .i-popup:hover {
	border-color: transparent;
}

.head__title_seeds h1,
.head__title_seeds .head__title-h {
	position: relative;
}

.head__title_seeds h1:before,
.head__title_seeds .head__title-h:before {
	position: absolute;
	content: '';
	display: block;
	left: -25px;
	right: auto;
	top: 14px;
	bottom: auto;
	background-image: url(/css/../images/sprite.png);
	background-position: -196px -580px;
	width: 19px;
	height: 18px;
	z-index: 1;
	background-size: auto;
}

.head__title_seeds h1:after,
.head__title_seeds .head__title-h:after {
	position: absolute;
	content: '';
	display: block;
	left: auto;
	right: -30px;
	top: 15px;
	bottom: auto;
	background-image: url(/css/../images/sprite.png);
	background-position: -658px -44px;
	width: 18px;
	height: 19px;
	z-index: 1;
	background-size: auto;
}

.head__title_seeds .head__title-h:after {
	top: 23px;
}

.head__title_seeds .head__title-h:before {
	top: 22px;
}

.head__title_cat h1,
.head__title_cat .head__title-h {
	font-size: 42px;
	padding-top: 8px;
}

.head__title_cart h1,
.head__title_cart .head__title-h {
	font-size: 46px;
	padding-top: 10px;
}

.head__title_sale h1 {
	position: relative;
	color: #d99e4b;
	background: #fff7eb;
	padding-left: 15px;
	padding-right: 15px;
	border-radius: 10px;
	padding-top: 1px;
	margin-top: 7px;
}

.head__title_winners h1 {
	position: relative;
}

.head__title_winners h1:before {
	position: absolute;
	content: '';
	display: block;
	left: -27px;
	right: auto;
	top: 10px;
	bottom: auto;
	background-image: url(/css/../images/sprite.png);
	background-position: -637px -310px;
	width: 18px;
	height: 43px;
	z-index: 1;
	background-size: auto;
}


.head__official {
	background-image: url(/css/../images/sprite.png);
	background-position: -161px 0px;
	width: 165px;
	height: 133px;
	background-size: auto;
	position: absolute;
	right: -3px;
	top: -20px;
	pointer-events: none;
}

.head__text {
	margin-top: 13px;
	color: #796f6f;
	font-family: 'Trebuchet MS', sans-serif;
	font-size: 13px;
	padding-left: 10px;
	padding-right: 10px;
	line-height: 16px;
}

.head__text_long .head__text-more {
	display: block;
}

.head__text_open .head__text-more {
	padding-top: 15px;
	height: 32px;
}

.head__text_open .head__text-more:after {
	opacity: 0;
}

.head__text_open .head__text-more-btn:before {
	-moz-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	transform: rotate(180deg);
}

.head__text_open .head__text-more-txt:before {
	content: attr(data-hide);
}

.head__text-wrap {
	max-height: 48px;
	overflow: hidden;
	-webkit-transition: all 0.4s ease-in-out 0s;
	-moz-transition: all 0.4s ease-in-out 0s;
	-o-transition: all 0.4s ease-in-out 0s;
	transition: all 0.4s ease-in-out 0s;
	-webkit-backface-visibility: hidden;
}

.head__text-more {
	height: 22px;
	position: relative;
	text-align: center;
	padding-top: 5px;
	box-sizing: border-box;
	font-family: 'Matias', sans-serif;
	-webkit-font-smoothing: antialiased;
	-webkit-transition: all 0.4s ease-in-out 0s;
	-moz-transition: all 0.4s ease-in-out 0s;
	-o-transition: all 0.4s ease-in-out 0s;
	transition: all 0.4s ease-in-out 0s;
	-webkit-backface-visibility: hidden;
	display: none;
}

.head__text-more:after {
	content: '';
	display: block;
	position: absolute;
	left: 0;
	right: 0;
	top: -43px;
	pointer-events: none;
	height: 46px;
	background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAuCAYAAADp73NqAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAEpJREFUeNqMzjsOwDAIA1CHKP2oTXP/k2YkcgYjti5PFhYCuLsZgCIqaeQkh9JF7kzMPjJIJ49SV7t5tRbEoZoxsV9DTn+ZS4ABAGK1BU6+6f95AAAAAElFTkSuQmCC') repeat-x;
	-webkit-transition: all 0.4s ease-in-out 0s;
	-moz-transition: all 0.4s ease-in-out 0s;
	-o-transition: all 0.4s ease-in-out 0s;
	transition: all 0.4s ease-in-out 0s;
	-webkit-backface-visibility: hidden;
}

.head__text-more-btn {
	padding-right: 16px;
	display: inline-block;
	cursor: pointer;
	font-size: 14px;
	color: #604e42;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	position: relative;
}

.head__text-more-btn:before {
	position: absolute;
	content: '';
	display: block;
	left: auto;
	right: 0;
	top: 6px;
	bottom: auto;
	background-image: url(/css/../images/sprite.png);
	background-position: -668px -502px;
	width: 8px;
	height: 5px;
	z-index: 1;
	background-size: auto;
}

.head__text-more-btn:before {
	-webkit-transition: all 0.4s ease-in-out 0s;
	-moz-transition: all 0.4s ease-in-out 0s;
	-o-transition: all 0.4s ease-in-out 0s;
	transition: all 0.4s ease-in-out 0s;
	-webkit-backface-visibility: hidden;
}

.head__text-more-txt {
	position: relative;
	z-index: 1;
}

.head__text-more-txt:before {
	content: attr(data-show);
}

.head__text p {
	margin: 0;
	padding: 13px 0 0;
}

.head__text p:first-child {
	padding-top: 0;
}

.head__back {
	right: 3px;
	top: 34px;
	background-color: #f8faed;
	border-radius: 0;
	border-top-right-radius: 6px;
	border-bottom-right-radius: 6px;
	height: 34px;
	line-height: 34px;
	color: #81a639;
	font-weight: 700;
	font-size: 13px;
	padding: 0 15px 0 6px;
	font-family: 'Trebuchet MS', sans-serif;
	-webkit-transition: all 0.1s ease-in-out 0s;
	-moz-transition: all 0.1s ease-in-out 0s;
	-o-transition: all 0.1s ease-in-out 0s;
	transition: all 0.1s ease-in-out 0s;
	-webkit-backface-visibility: hidden;
	position: absolute;
}

.head__back:before {
	position: absolute;
	content: '';
	display: block;
	left: -19px;
	right: auto;
	top: 0;
	bottom: auto;
	background-image: url(/css/../images/sprite.png);
	background-position: -443px -221px;
	width: 19px;
	height: 34px;
	z-index: 1;
	background-size: auto;
}

.head__back:after {
	position: absolute;
	content: '';
	display: block;
	left: -19px;
	right: auto;
	top: 0;
	bottom: auto;
	background-image: url(/css/../images/sprite.png);
	background-position: -494px -381px;
	width: 19px;
	height: 34px;
	z-index: 1;
	background-size: auto;
}

.head__back:after {
	opacity: 0;
	-webkit-transition: all 0.1s ease-in-out 0s;
	-moz-transition: all 0.1s ease-in-out 0s;
	-o-transition: all 0.1s ease-in-out 0s;
	transition: all 0.1s ease-in-out 0s;
	-webkit-backface-visibility: hidden;
}

.head__back:hover {
	background: #f2f6dd;
	color: #81a639;
}

.head__back:hover:after {
	opacity: 1;
}


.grid__pagination {
	text-align: center;
	width: 100%;
	display: block;
	font-size: 18px;
	padding: 29px 0 10px;
}

.grid__pagination-next {
	background-color: #f8faed;
	border-radius: 9px;
	height: 50px;
	line-height: 50px;
	color: #85a05b;
	font-family: 'Matias', sans-serif;
	-webkit-font-smoothing: antialiased;
	font-size: 20px;
	padding: 0 24px;
	margin: 0 12px;
	display: block;
	text-transform: uppercase;
	-webkit-transition: all 0.1s ease-in-out 0s;
	-moz-transition: all 0.1s ease-in-out 0s;
	-o-transition: all 0.1s ease-in-out 0s;
	transition: all 0.1s ease-in-out 0s;
	-webkit-backface-visibility: hidden;
	position: relative;
}

.grid__pagination-next:before {
	position: absolute;
	content: '';
	display: block;
	left: auto;
	right: 24px;
	top: 50%;
	bottom: auto;
	background-image: url(/css/../images/sprite.png);
	background-position: -272px -134px;
	width: 22px;
	height: 11px;
	z-index: 1;
	background-size: auto;
}

.grid__pagination-next:before {
	margin-top: -5.5px;
}

.grid__pagination-next:after {
	left: 0;
	right: 0;
	bottom: 0;
	top: 0;
	content: '';
	display: block;
	position: absolute;
	background: url('/css/../images/frames/pagination-next.png') repeat-x;
	border-radius: inherit;
	pointer-events: none;
	z-index: 1;
}

.grid__pagination-next:hover {
	background: #f3f7e1;
	color: #81a639;
}

.grid__pagination-pages {
	padding: 17px 0 0;
	text-align: center;
}

.grid__pagination-page,
.grid__pagination-delimeter {
	display: inline-block;
	vertical-align: top;
	margin: 0 15px;
	padding: 5px;
	font-size: 18px;
	line-height: 20px;
	min-width: 30px;
	text-align: center;
	height: 30px;
	border-radius: 15px;
	text-transform: uppercase;
	text-decoration: none;
	box-sizing: border-box;
	color: #85a05b;
}

.grid__pagination-delimeter {
	color: #bebebe;
	min-width: 0;
	margin: 0 1px;
}

.grid__pagination-page:hover {
	color: #bebebe;
}

.grid__pagination-page_current {
	color: #bebebe;
	background-color: #f9f9f9;
	pointer-events: none;
}




.btn_bk {
	background-color: #ebf0ce;
	border-radius: 9px;
	height: 54px;
	line-height: 52px;
	color: #81a639;
	font-family: 'Matias', sans-serif;
	-webkit-font-smoothing: antialiased;
	font-size: 30px;
	padding: 0 15px;
	-webkit-transition: all 0.1s ease-in-out 0s;
	-moz-transition: all 0.1s ease-in-out 0s;
	-o-transition: all 0.1s ease-in-out 0s;
	transition: all 0.1s ease-in-out 0s;
	-webkit-backface-visibility: hidden;
}

.btn_bk:hover {
	background: #e4eeab;
	color: #81a639;
}

.head__title_cart .head__title-h,
.product-tabs {
	font-family: 'Matias', sans-serif;
}

.product-tabs h2 {
	margin-bottom: 20px;
}

.page-header__hidden-box {
	max-height: 48px;
	overflow: hidden;
	-webkit-transition: all 0.4s ease-in-out 0s;
	-moz-transition: all 0.4s ease-in-out 0s;
	-o-transition: all 0.4s ease-in-out 0s;
	transition: all 0.4s ease-in-out 0s;
	-webkit-backface-visibility: hidden;
	position: relative;
}

.page-header__hidden-box:after {
	content: '';
	display: block;
	position: absolute;
	left: 0;
	right: 0;
	top: auto;
	bottom: -10px;
	pointer-events: none;
	height: 46px;
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAuCAYAAADp73NqAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAEpJREFUeNqMzjsOwDAIA1CHKP2oTXP/k2YkcgYjti5PFhYCuLsZgCIqaeQkh9JF7kzMPjJIJ49SV7t5tRbEoZoxsV9DTn+ZS4ABAGK1BU6+6f95AAAAAElFTkSuQmCC) repeat-x;
	-webkit-transition: all 0.4s ease-in-out 0s;
	-moz-transition: all 0.4s ease-in-out 0s;
	-o-transition: all 0.4s ease-in-out 0s;
	transition: all 0.4s ease-in-out 0s;
	-webkit-backface-visibility: hidden;
}

.page-header__hidden-box.is-active:after {
	display: none;
}

.offers__price_old {
	text-decoration: line-through;
	color: #9c948f;
	font-size: 24px;
	margin: 2px 0 0;
}

.purchases__item-price_old {
	text-decoration: line-through;
	text-align: right;
	color: #9c948f;
	font-family: 'Matias', sans-serif;
	-webkit-font-smoothing: antialiased;
	font-size: 18px;
	text-transform: uppercase;
	margin-top: 3px;
	font-size: 14px;
}



.product__features {
	position: relative;
	padding: 19px 0;
}

.product__features:after,
.product__features:before {
	content: '';
	display: block;
	position: absolute;
	height: 4px;
	left: 0;
	right: 0;
	background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAJYAAAAECAYAAABsr8aqAAAB1ElEQVRIS73V524cMRADYDpOcXp5/1dMr07Hh4iBvNCuzz+SAQ5nWFNIkaM7y5+4leROkrtJfiT5Nj7jePl1nuReEt/yvyb5eVQw8m+PHPnqjgIumGArJviOojzUmnF5Tb5jPP4n9+8n4Jq544zHKdzxp0nv9xRNcJd3iiZ6m3GoyVmSB0keTiIovBhivF6YBeFnSdR+GWQNUfMxyaeFkM7VzMCRIeirHYM9Htj0UyffhyhvFzPgej4tBhH0h0s+rNvA3RxnhOuy4LbHXb7lgKm49IHz/Q73F6O/fNFlebPDnR56wqXGPDx+JVGzNUu5611Nyh2mlSb6PZ2418ju4N0OLvmwF5e/i/OKJjWWxC3YGo5ZuimGIr0yEGBPxuuHiEsQCADAQNuNq+EKVD5MZuwZqJc+43Lxj8alb1+o2XCfJ+HvDyOtDNRL/zBwKCt33MzehsWR46zc8dZrZaB52Wr6cndPavYWgVlO1aTLZkZx4W7+y4Xu/m8RutDlrmZPE4ajwV/uiBxFXy/iCObrRuzV9fXquQtYbUzP9Xb5ZjXMOPqZlMv4DbiY5ujZNwO2hv6rV2zG5TL/JXez8Lgpd1xmXNdx70/9TbhvNaHh0U/xFU1+A7XvnhnITjDjAAAAAElFTkSuQmCC') repeat-x;
}

.product__features:before {
	top: 0;
}

.product__features:after {
	bottom: 0;
}

.product__features-wrap {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	border-collapse: collapse;
}

.product__features-col {
	display: table-cell;
	padding: 0 15px;
	position: relative;
}

.product__features-col:after {
	content: '';
	display: block;
	position: absolute;
	right: 15px;
	top: 0;
	bottom: 0;
	width: 35px;
	background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACMAAAABCAYAAABUvRdkAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAADdJREFUeNpi/P//PzMDAwMMswAxFxTzA7EEEIsBsSQQi0LZQkAsCMR8QMwDxJxQcUYGCgFAgAEAAOID/vkZHA0AAAAASUVORK5CYII=') repeat-y;
	pointer-events: none;
}


.product__features-col:last-child:after {
	right: 0;
}

.product__features-item {
	display: block;
	min-height: 24px;
	line-height: 24px;
	position: relative;
	padding-left: 32px;
	color: #867f7a;
	font-family: 'Matias', sans-serif;
	-webkit-font-smoothing: antialiased;
	font-size: 13px;
	text-transform: uppercase;
	padding-top: 6px;
	padding-bottom: 1px;
	cursor: default;
}

.product__features-item-icon {
	display: table-cell;
	width: 24px;
	text-align: center;
	height: inherit;
	position: absolute;
	left: 0;
	top: 6px;
}

.product__features-item-icon img {
	display: inline-block;
}


.rate {
  display: block;
  overflow: hidden;
  position: relative;
  height: 17px;
  text-indent: -9999px;
  width: 95px;
}
.rate:before,
.rate:after {
  height: 17px;
  content: '';
  display: block;
  position: absolute;
  top: 0;
}
.rate:before {
  left: 0;
  width: 95px;
  background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAARCAYAAAA/mJfHAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAApBJREFUeNp0lMtrk0EUxb98zatN25CneUiCVRQVq7jQdlVQQURQcCUK7tx02a1L/wJX4qK6cy1uxEXBXdWCVbEbQ82DVNRNRGObd/ydONOm0g6czM3MnXPPvXO/8TSbzUOO4/wENb/f79jRarUGc7lc9ufzef3JgMPgtXGZAx/AcfAe/HL5yYHfzj7D4/G8qFQqYcwr4A1og1PgK4hIBKjLV2QfQWcvomq1est13QuhUOgBf5cNURAcBBuGtAh6g8Ck6bVkw2kWi0U/qr6MjIxkfT5fh7SPpFIpEVwHSyBryD/bM+5+qlC0ALKBQMDpdrvefr9/n+Vj4Ic5c86o2ikJynYpKpVKJyA5Ax6xPg6J0+l0VLtuMBhc3NzcfJxMJiXi2xBZGhzwFAqFLI73RMAsklEgZY5Utdttp9frDQJam9SdRqPxDnsVv4eZTGYUslU3l8ttQKLIsziNytESGUUDIim0dSVtrZ/FLx+NRqssN8GWq82pqal5Np/qoIbX690+LGIuYFuRZu2xvhIOh2+T+lHTET13qH53wHMd1iETfUCs9GRbUuxPiLhKy+RN3Vr2Nv9VMJ3uMt3EqSwiDZFKhWBJsevY1yKRiM+0hi6iv4tMg1vKQ7RlVUmlUTLYl62yjY2NfTetsTbco8Nk+mRmiJ6UEqUkJSIWqWwN9vzgPOZbo2ynN/VBA30Fp+m5ZRyjSk83KSLsdc1SZRVjnzTNu7vRzazXoFmr1UK2VgR4hjk7OTm5AME0QRZVaKms1+t//v8EJUpkAaBbWSNiiv5a4sDFRCJxIxaLjet5gXA9Ho/fnZiYmIP0CarH93xhSO0y84p5SqZBDLwCUnkJvAQNoNubMbXasgRSZt++vwIMAG7kKNRzhrQ6AAAAAElFTkSuQmCC') repeat-x 0 0;
}
.rate:after {
  background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAARCAYAAAA/mJfHAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA39JREFUeNpclGtIk2EUx8/e3Zdz6rws19Zsptm8Fl2MrKwkgoou9CkI/FQfgj5E0JcMv1VQQX0oCoroAmIQUQZdPpSVlZWltrmpmy3Xq9Nt3jd3tf8jjyAe+O193jOe/3vOec55JNFolGB6sALIQQ3IAD3An0gkamUy2Susd7F38BPEQAFI5z4XsAj4UQMbMIA0oAEicE5PTdY8uX/nINalIMJF3GA7EHgAP0AV8zPHajAKpnlUkyAAjG6XY9/fP/1lXk/fEbx/Bm2gHHh5Nh9AFo9OYGJaYAVlIAymmNiof2jb2xdPKzfV7KSW5sdl0dlIPo+uiH+QPZ1gC/AwUYELKHl67H0QmDq/fakzF1jlI0MiRSJhw9XGc6wUm8EIKAHPQDH4CPJAH9us4jVj5u532mt/fP5wzNn9qyo7z0Bul50i4RnCQZz+2d6253tbK/uwCYSAlMPKMiNx2bsuOH931rHTgIDRkG+iYMBP6zfX0NuWp6TLzCK300Fbauto+N8g5eQtJ9H3N5qZpR8Y6O/9Un/qTNOqopLX2J8SVlisKZVas9zj6jESSUit0ZDZYkVEDlqWpqWBPhdZCosoPDNNUqmMYmgllVqt7HV0rzGaVqog1MqEWFoCemi2esfu64IguNgm0eelDH02dXd8w2Yp4X8yQdwv/kOUmTQWClIykYRf3nzy7PlL0JhlQgqFgiRo2otY2wP+4ZnWNy9vZOXk5r9/3UJp2nTy/fHQ2op1lEqlULM4KZUqSiaT1Gvvennx1oNGuULRtViMHQBziCh2Qd3+ww+GUA+am5tPS5+TS9m5BkrE4/OCcrmCRobF3oYrNxsgxBo7SouMiSVBBYinpeskv762CVpdBoVG/VRYUkrioJfGgqPzhZ8YH6OJUDCMQ0nxFplbKjbEZ9Lq6OxoR4Ryv+ijYlsFzSEahVJJAmqnTdfhMHrIvGp1AZ/bGC0xJraHpczSffWsOS5XYLMgJT3Sm5wYT6FdXBu31lLH108kgT8UGNGdOLpXslQoFovRwqCz8WgvXGOr9nk9VGQri6FF3lVuqD5w5W5TfUl51e3xYOB5vslMGDPiN8Z80RebDAzzWyI4Gwlri23ljw4dq+/MyNTb+aicMZotlyGqabp361qf4/dxdgkAx9LoWGtU81sjjz8r+dXykM9gFV+zEernrRBfiIylt2D/BRgAFZBhF1Za1tYAAAAASUVORK5CYII=') repeat-x;
  left: 0;
}
.rate_1:before {
  width: 76px;
  left: 19px;
}
.rate_1:after {
  width: 19px;
}
.rate_2:before {
  width: 57px;
  left: 38px;
}
.rate_2:after {
  width: 38px;
}
.rate_3:before {
  width: 38px;
  left: 57px;
}
.rate_3:after {
  width: 57px;
}
.rate_4:before {
  width: 19px;
  left: 76px;
}
.rate_4:after {
  width: 76px;
}
.rate_5:before {
  display: none;
}
.rate_5:after {
  width: 95px;
}
.rate_comment {
  height: 15px;
  width: 90px;
}
.rate_comment:after,
.rate_comment:before {
  height: 15px;
}
.rate_comment:before {
  width: 90px;
  background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAPCAYAAADphp8SAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAV9JREFUeNqUUj1LxEAQ3SSQH3CVcBISE0lIdceBoI3gT7ASDmyt7PUXHFwhdoI/IK1gI9hZWRqQmA/SWllZCQdJfHPsyhBziS48Zmd25u2bnRVN04g+JElyOJRD0EXPStPU0jTtEXZfDKxeIpAsABNYDhFpJKtr5Xk+AcELoOQf+75/929Fuq5fG4ZBVpAFlkVRmBsV4TEN3LoHzOBPUEiYEQGpYYpEXdeEV+xjhucwDL/WrWVZtgDJhbpdkch3Eqp9RrYG/CgIgvlPa3AuUXDDVRCUz+Nsf4/S019vhINzmIgraYPlPsGcQEDVObWyLE209oDEo643kq29AQeu635unJrneSuYdx7jF8n9R5ukc/y4zVJFbci49ad/hERHTkRNJ1a+jI3xn4xeInwDE8ljWRDBTm3bnsLuwr8FVthTztaQohEVVFW1gzV3HCemIGwJ/wzxbZxfgWjUJvoWYAB29xuM0tXeaAAAAABJRU5ErkJggg==');
}
.rate_comment:after {
  background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAPCAYAAADphp8SAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAOpJREFUeNpiTPBzYsADjIH4JhB/waVg/sa9YJqJAT+YA8RFDEQAfAZFAbEBEJcCsTS5BrEBcTuUzQPE1eQaBPKOHBI/DYi18BnEAlVgBvUGDPOjqWMG4qtA/AiILwDxWSh9CohfwAySAOKZUO8QAnJQ7AeNTVtkr+0D4ggg/stAPHgKxM5A/Bo9jNYDcQqRhoA0O0ANwxrYC4C4iYAhv4DYE4jvEIq1awQMYsOlhglLYBICisQYhK7oPhB/JMYyXC4CpZNQIFYCYnkgLkOKIaJcdAcaIyZAvAYqBnJRNxDLAHE6NMAxAECAAQBPTCksNvQaywAAAABJRU5ErkJggg==');
}
.rate_comment.rate_1:before {
  width: 72px;
  left: 18px;
}
.rate_comment.rate_1:after {
  width: 18px;
}
.rate_comment.rate_2:before {
  width: 54px;
  left: 36px;
}
.rate_comment.rate_2:after {
  width: 36px;
}
.rate_comment.rate_3:before {
  width: 36px;
  left: 54px;
}
.rate_comment.rate_3:after {
  width: 54px;
}
.rate_comment.rate_4:before {
  width: 18px;
  left: 72px;
}
.rate_comment.rate_4:after {
  width: 72px;
}
.rate_comment.rate_5:before {
  display: none;
}
.rate_comment.rate_5:after {
  width: 90px;
}


.subscription__message{
	margin-bottom: 10px;
}


.filters__wrap {
  position: relative;
  margin: 0 -6px;
  padding-bottom: 4px;
  max-height: 80px;
  overflow: hidden;
  -webkit-transition: max-height 0.4s ease-in-out 0s;
  -moz-transition: max-height 0.4s ease-in-out 0s;
  -o-transition: max-height 0.4s ease-in-out 0s;
  transition: max-height 0.4s ease-in-out 0s;
  -webkit-backface-visibility: hidden;
}
.filters__section {
  display: inline-block;
  vertical-align: top;
  margin: 10px 6px 0;
  background: #f8faed;
  border-radius: 9px;
  height: 32px;
  line-height: 30px;
  padding: 0 9px 0 14px;
  overflow: hidden;
  white-space: nowrap;
}
.filters__section_sale {
  background: #fff7eb;
}
.filters__section_sale .filters__item {
  color: #d99e4b;
}
.filters__section-title {
  display: inline-block;
  vertical-align: top;
  color: #604e42;
  font-size: 18px;
}
.filters__section-items {
  display: inline-block;
  vertical-align: top;
}
.filters__item {
  color: #81a639;
  font-size: 18px;
  text-decoration: none;
  padding-right: 18px;
  position: relative;
  display: inline-block;
  vertical-align: top;
  margin-left: 11px;
}
.filters__item:before {
  position: absolute;
  content: '';
  display: block;
  left: auto;
  right: 0;
  top: 11px;
  bottom: auto;
  background-image: url(/css/../images/sprite.png);
  background-position: -658px -490px;
  width: 11px;
  height: 11px;
  z-index: 1;
  background-size: auto;
}
.filters__item:first-child {
  margin-left: 3px;
}
.filters__item:hover {
  opacity: 0.8;
}


.head__title {
  text-align: center;
}
.head__title-h,
.head__title h1 {
  display: inline-block;
}
.head__title-h .i-popup,
.head__title h1 .i-popup {
  display: inline-block;
  text-decoration: none;
  color: #81a639;
  border-bottom: 3px dotted #81a639;
  line-height: 40px;
}
.head__title-h .i-popup:hover,
.head__title h1 .i-popup:hover {
  border-color: transparent;
}
.head__title_seeds h1,
.head__title_seeds .head__title-h {
  position: relative;
}
.head__title_seeds h1:before,
.head__title_seeds .head__title-h:before {
  position: absolute;
  content: '';
  display: block;
  left: -25px;
  right: auto;
  top: 14px;
  bottom: auto;
  background-image: url(/css/../images/sprite.png);
  background-position: -196px -580px;
  width: 19px;
  height: 18px;
  z-index: 1;
  background-size: auto;
}
.head__title_seeds h1:after,
.head__title_seeds .head__title-h:after {
  position: absolute;
  content: '';
  display: block;
  left: auto;
  right: -30px;
  top: 15px;
  bottom: auto;
  background-image: url(/css/../images/sprite.png);
  background-position: -658px -44px;
  width: 18px;
  height: 19px;
  z-index: 1;
  background-size: auto;
}
.head__title_seeds .head__title-h:after {
  top: 23px;
}
.head__title_seeds .head__title-h:before {
  top: 22px;
}
.head__title_cat h1,
.head__title_cat .head__title-h {
  font-size: 42px;
  padding-top: 8px;
}
.head__title_cart h1,
.head__title_cart .head__title-h {
  font-size: 46px;
  padding-top: 10px;
}
.head__title_sale h1 {
  position: relative;
  color: #d99e4b;
  background: #fff7eb;
  padding-left: 15px;
  padding-right: 15px;
  border-radius: 10px;
  padding-top: 1px;
  margin-top: 7px;
}
.head__title_winners h1 {
  position: relative;
}
.head__title_winners h1:before {
  position: absolute;
  content: '';
  display: block;
  left: -27px;
  right: auto;
  top: 10px;
  bottom: auto;
  background-image: url(/css/../images/sprite.png);
  background-position: -637px -310px;
  width: 18px;
  height: 43px;
  z-index: 1;
  background-size: auto;
}
.head__title_winners h1:after {
  position: absolute;
  content: '';
  display: block;
  left: auto;
  right: -27px;
  top: 10px;
  bottom: auto;
  background-image: url(/css/../images/sprite.png);
  background-position: -658px 0px;
  width: 18px;
  height: 43px;
  z-index: 1;
  background-size: auto;
}
.head__subtitle {
  text-align: center;
  color: #a7a2a2;
  font-size: 18px;
  padding: 4px 0 0;
}
.head__subtitle b {
  font-weight: normal;
  color: #604e42;
  position: relative;
  display: inline-block;
  background: #fff6c1;
  padding: 0px 3px 1px;
  border-radius: 5px;
}


.page-header--decore .head__title-h{
	font-family: 'Matias', sans-serif;
    margin: 20px 0 0;
}

.filters__sections{
	font-family: 'Matias', sans-serif;
}


.forms__input.forms__input_labeled
{
height: 49px;
    line-height: 1;
    padding: 2px 14px 0;
    color: #000;
    font-family: 'Matias', sans-serif;
    font-size: 24px;
    box-sizing: border-box;
    width: 100%;
    background-color: #f3f3f3;
    box-shadow: inset 0 2px 3px rgba(0, 0, 0, 0.05);
    border: 0;
    outline: none;
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    text-align: center;
    margin: 0;	
	
}
.btn.btn_sgn.forms__button
{margin-top: 22px;
    background-color: #ebf0ce;
    border-radius: 9px;
    height: 62px;
    line-height: 60px;
    color: #81a639;
    font-family: 'Matias', sans-serif;
    -webkit-font-smoothing: antialiased;
    font-size: 34px;
    padding: 0 26px 0 42px;
    -webkit-transition: all 0.1s ease-in-out 0s;
    -moz-transition: all 0.1s ease-in-out 0s;
    -o-transition: all 0.1s ease-in-out 0s;
    transition: all 0.1s ease-in-out 0s;
    -webkit-backface-visibility: hidden;
    position: relative;
	
}
.forms__note, .forms__label
{color: #aaaaaa;
    font-family: 'Trebuchet MS', sans-serif;
    text-align: center;
    padding: 9px 1px 8px;
    display: block;
    font-size: 12px;
    -webkit-font-smoothing: antialiased;}
	
	.forms.layout__pass
	{margin: 0 auto;
    display: grid;
    justify-content: center;}
	
/* ======================= */
.forms__step {
    padding-bottom: 43px;
    position: relative;
}

.head_border-bottom {
    position: relative;
    padding-bottom: 18px;
    margin-bottom: 2px;
}

.forms__step-head {
    padding-top: 21px;
    text-align: center;
}

.forms__step-head-wrap {
    display: inline-block;
    position: relative;
}
.forms__step_ok .forms__step-num {
    color: #9db668;
    border: 1px solid #c8d6aa;
    background-color: #f8faed;
}
.forms__step-num {
    display: block;
    vertical-align: top;
    box-sizing: border-box;
    width: 25px;
    height: 25px;
    text-align: center;
    line-height: 23px;
    border: 1px solid #d3d3d3;
    background-color: #fbfbfb;
    margin-right: 15px;
    color: #aeaeae;
    font-size: 16px;
    border-radius: 15px;
    font-family: 'Matias', sans-serif;
    -webkit-font-smoothing: antialiased;
    position: absolute;
    left: -35px;
    top: 5px;
}
.forms__step-title {
    display: block;
    color: #604e42;
    font-family: 'Matias', sans-serif;
    -webkit-font-smoothing: antialiased;
    font-size: 30px;
    text-transform: uppercase;
    vertical-align: top;
}
.cash-in__sum {
    top: 2px;
    text-align: center;
    width: 240px;
    margin: 0 auto;
    position: relative;
}
.forms__field {
    position: relative;
    margin-top: 22px;
}
.cash-in__sum .forms__input {
    height: 57px;
    background-color: #f8f8f8;
    font-size: 16px; 
    padding-top: 1px;
    color: #604e42;
}
.forms__error {
    color: #da8484;
    font-family: 'Trebuchet MS', sans-serif;
    text-align: center;
    padding: 9px 0 0;
    display: none;
    font-size: 12px;
    -webkit-font-smoothing: antialiased;
}
.cash-in__sum-rub {
    font-size: 36px;
    color: #604e42;
    position: absolute;
    right: -35px;
    top: 8px;
}
.cash-in__sum {
    top: 2px;
    text-align: center;
    width: 240px;
    margin: 0 auto;
    position: relative;
}
.forms__step:after {
    content: '';
    display: block;
    position: absolute;
    height: 4px;
    left: 0;
    right: 0;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAJYAAAAECAYAAABsr8aqAAAB1ElEQVRIS73V524cMRADYDpOcXp5/1dMr07Hh4iBvNCuzz+SAQ5nWFNIkaM7y5+4leROkrtJfiT5Nj7jePl1nuReEt/yvyb5eVQw8m+PHPnqjgIumGArJviOojzUmnF5Tb5jPP4n9+8n4Jq544zHKdzxp0nv9xRNcJd3iiZ6m3GoyVmSB0keTiIovBhivF6YBeFnSdR+GWQNUfMxyaeFkM7VzMCRIeirHYM9Htj0UyffhyhvFzPgej4tBhH0h0s+rNvA3RxnhOuy4LbHXb7lgKm49IHz/Q73F6O/fNFlebPDnR56wqXGPDx+JVGzNUu5611Nyh2mlSb6PZ2418ju4N0OLvmwF5e/i/OKJjWWxC3YGo5ZuimGIr0yEGBPxuuHiEsQCADAQNuNq+EKVD5MZuwZqJc+43Lxj8alb1+o2XCfJ+HvDyOtDNRL/zBwKCt33MzehsWR46zc8dZrZaB52Wr6cndPavYWgVlO1aTLZkZx4W7+y4Xu/m8RutDlrmZPE4ajwV/uiBxFXy/iCObrRuzV9fXquQtYbUzP9Xb5ZjXMOPqZlMv4DbiY5ujZNwO2hv6rV2zG5TL/JXez8Lgpd1xmXNdx70/9TbhvNaHh0U/xFU1+A7XvnhnITjDjAAAAAElFTkSuQmCC) repeat-x;
    bottom: -18px;
}
.forms__step_pm {
    padding-bottom: 16px;
}
.forms__field {
    position: relative;
    margin-top: 22px;
}
.payments {
    padding: 2px 0 0;
    position: relative;
    margin-left: -8px;
    margin-right: -8px;
    top: -28px;
}
.payments__item:not(#dino) input:checked + label .payments__item-name {
    color: #4c5c2b;
    background: #ebf6d4;
}
.payments__item-name {
    display: inline-block;
    position: relative;
    color: #604e42;
    font-size: 14px;
    font-family: 'Matias', sans-serif;
    -webkit-font-smoothing: antialiased;
    line-height: 16px;
    padding: 5px 14px 4px;
    border-radius: 8px;
}
.payments__item {
    display: inline-block;
    width: 161px;
    vertical-align: top;
    margin: 14px 4px 0;
}
.cash-in__bottom {
    padding-top: 11px;
    text-align: center;
}
.forms__button {
    position: relative;
}
.btn_rs {
    margin-top: 22px;
    background-color: #ebf0ce;
    border-radius: 9px;
    height: 62px;
    line-height: 60px;
    color: #81a639;
    font-family: 'Matias', sans-serif;
    -webkit-font-smoothing: antialiased;
    font-size: 34px;
    padding: 0 32px 0 57px;
    -webkit-transition: all 0.1s ease-in-out 0s;
    -moz-transition: all 0.1s ease-in-out 0s;
    -o-transition: all 0.1s ease-in-out 0s;
    transition: all 0.1s ease-in-out 0s;
    -webkit-backface-visibility: hidden;
    position: relative;
}
.btn { 
    display: inline-block;
    text-decoration: none;
    box-sizing: border-box;
    border: 0;
    cursor: pointer;
    border-radius: 5px;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    text-align: center;
}
.btn_rs:before {
    position: absolute;
    content: '';
    display: block;
    left: 22px;
    right: auto;
    top: 21px;
    bottom: auto;
    background-image: url(/css/../images/sprite.png);
    background-position: -607px -546px;
    width: 22px;
    height: 20px;
    z-index: 1;
    background-size: auto;
}

.cart-empty {
    text-align: center;
    position: relative; 
}

.cart-empty__title {
    color: #796f6f;
    font-family: 'Matias', sans-serif;
    -webkit-font-smoothing: antialiased;
    font-size: 54px;
    line-height: 56px;
    padding: 25px 0 244px;
}
.cart-empty__index { 
    height: 54px;
    line-height: 50px;
    font-size: 16px;
    width: 194px;
    padding: 0;
}
.cart-empty:after {
    content: '';
    display: block;
    width: 304px;
    height: 247px;
    background: url(/css/../images/elements/empty-cart.png) no-repeat 50%;
    position: absolute;
    top: 120px;
    left: 50%;
    margin-left: -152px;
    pointer-events: none;
}
.btn_grn {
    background-color: #ebf0ce;
    border-radius: 9px;
    height: 50px;
    line-height: 47px;
    color: #81a639;
    font-family: 'Matias', sans-serif;
    -webkit-font-smoothing: antialiased;
    font-size: 30px;
    padding: 0 24px;
    -webkit-transition: all 0.1s ease-in-out 0s;
    -moz-transition: all 0.1s ease-in-out 0s;
    -o-transition: all 0.1s ease-in-out 0s;
    transition: all 0.1s ease-in-out 0s;
    -webkit-backface-visibility: hidden;
}