@charset "UTF-8";
@font-face {
	font-family: "Roboto";
	src: url("../fonts/Roboto/Roboto Regular/Roboto Regular.eot");
	src:
		url("../fonts/Roboto/Roboto Regular/Roboto Regular.eot?#iefix") format("embedded-opentype"),
		url("../fonts/Roboto/Roboto Regular/Roboto Regular.woff") format("woff"),
		url("../fonts/Roboto/Roboto Regular/Roboto Regular.ttf") format("truetype");
	font-weight: 400;
	font-style: normal;
}
@font-face {
	font-family: "Roboto";
	src: url("../fonts/Roboto/Roboto Medium/Roboto Medium.eot");
	src:
		url("../fonts/Roboto/Roboto Medium/Roboto Medium.eot?#iefix") format("embedded-opentype"),
		url("../fonts/Roboto/Roboto Medium/Roboto Medium.woff") format("woff"),
		url("../fonts/Roboto/Roboto Medium/Roboto Medium.ttf") format("truetype");
	font-weight: 500;
	font-style: normal;
}
@font-face {
	font-family: "Roboto";
	src: url("../fonts/Roboto/Roboto Bold/Roboto Bold.eot");
	src:
		url("../fonts/Roboto/Roboto Bold/Roboto Bold.eot?#iefix") format("embedded-opentype"),
		url("../fonts/Roboto/Roboto Bold/Roboto Bold.woff") format("woff"),
		url("../fonts/Roboto/Roboto Bold/Roboto Bold.ttf") format("truetype");
	font-weight: 600;
	font-style: normal;
}
@font-face {
	font-family: "Roboto";
	src: url("../fonts/Roboto/Roboto Black/Roboto Black.eot");
	src:
		url("../fonts/Roboto/Roboto Black/Roboto Black.eot?#iefix") format("embedded-opentype"),
		url("../fonts/Roboto/Roboto Black/Roboto Black.woff") format("woff"),
		url("../fonts/Roboto/Roboto Black/Roboto Black.ttf") format("truetype");
	font-weight: 700;
	font-style: normal;
}
@font-face {
	font-family: "Open Sans";
	src: url("../fonts/Open Sans/Open Sans Regular/Open Sans Regular.eot");
	src:
		url("../fonts/Open Sans/Open Sans Regular/Open Sans Regular.eot?#iefix") format("embedded-opentype"),
		url("../fonts/Open Sans/Open Sans Regular/Open Sans Regular.woff") format("woff"),
		url("../fonts/Open Sans/Open Sans Regular/Open Sans Regular.ttf") format("truetype");
	font-weight: 400;
	font-style: normal;
}
@font-face {
	font-family: "Open Sans";
	src: url("../fonts/Open Sans/Open Sans SemiBold/Open Sans SemiBold.eot");
	src:
		url("../fonts/Open Sans/Open Sans SemiBold/Open Sans SemiBold.eot?#iefix") format("embedded-opentype"),
		url("../fonts/Open Sans/Open Sans SemiBold/Open Sans SemiBold.woff") format("woff"),
		url("../fonts/Open Sans/Open Sans SemiBold/Open Sans SemiBold.ttf") format("truetype");
	font-weight: 700;
	font-style: normal;
}
@font-face {
	font-family: "Montserrat Alternates";
	src: url("../fonts/Montserrat Alternates/Montserrat Alternates SemiBold.eot");
	src:
		url("../fonts/Montserrat Alternates/Montserrat Alternates SemiBold.eot?#iefix") format("embedded-opentype"),
		url("../fonts/Montserrat Alternates/Montserrat Alternates SemiBold.woff") format("woff"),
		url("../fonts/Montserrat Alternates/Montserrat Alternates SemiBold.ttf") format("truetype");
	font-weight: 600;
	font-style: normal;
}
:root {
	--font-family: "Roboto", sans-serif;
	--second-family: "Open Sans", sans-serif;
	--third-family: "Montserrat Alternates", sans-serif;
}
html {
	box-sizing: border-box;
	cursor: default;
	-webkit-text-size-adjust: 100%;
	-moz-text-size-adjust: 100%;
	text-size-adjust: 100%;
	-webkit-font-smoothing: antialiased;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
* {
	box-sizing: border-box;
	outline: none;
}
*,
::after,
::before {
	box-sizing: inherit;
}
::-moz-selection {
	color: #fff;
	background: #1b64fa;
}
::selection {
	color: #fff;
	background: #1b64fa;
}
html,
body {
	font-family: var(--font-family);
	font-size: 14px;
	line-height: 16px;
	color: #2a3342;
	margin: 0;
	padding: 0;
}
body {
	overflow-x: hidden;
}
body.lock {
	overflow: hidden;
	height: 100vh;
}
h1,
h2,
h3,
h4,
h5,
h6 {
	margin: 0;
	padding: 0;
}
ul,
ol {
	margin-top: 0;
	margin-bottom: 0;
	padding-left: 0;
	list-style-type: none;
}
p {
	margin-top: 0;
	margin-bottom: 0;
}
figure {
	margin: 0 auto;
}
blockquote {
	margin: 0;
}
sup,
sub {
	line-height: 1em;
	font-size: 0.75em;
}
a {
	transition-duration: 0.3s;
	transition-timing-function: ease-out;
	transition-property: background-size;
	text-decoration: none;
	cursor: pointer;
}
button,
[role="button"],
[type="button"],
[type="reset"],
[type="submit"] {
	font-family: var(--font-family);
	cursor: pointer;
	font-size: inherit;
	line-height: inherit;
	font-weight: inherit;
	text-transform: inherit;
	color: inherit;
	text-align: left;
	padding: 0;
	border: 0;
	background-color: transparent;
	margin: 0;
}
button[disabled],
[role="button"][disabled],
[type="button"][disabled],
[type="reset"][disabled],
[type="submit"][disabled] {
	cursor: initial;
}
/*input[type="text"],
input[type="email"],
input[type="password"],
input[type="tel"],
input[type="search"],*/
select,
textarea {
	display: block;
	font-family: inherit;
	font-size: inherit;
	line-height: inherit;
	color: inherit;
	padding: 0;
	border: 0;
	background-color: transparent;
	margin: 0;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}
select::-moz-placeholder,
textarea::-moz-placeholder {
	opacity: 1;
}
select::placeholder,
textarea::placeholder {
	opacity: 1;
}
input[type="text"]::-ms-clear,
input[type="text"]::-ms-reveal,
input[type="email"]::-ms-clear,
input[type="email"]::-ms-reveal,
input[type="password"]::-ms-clear,
input[type="password"]::-ms-reveal,
input[type="tel"]::-ms-clear,
input[type="tel"]::-ms-reveal,
input[type="search"]::-ms-clear,
input[type="search"]::-ms-reveal {
	display: none;
}
input[type="text"]::-webkit-search-decoration,
input[type="text"]::-webkit-search-cancel-button,
input[type="text"]::-webkit-search-results-button,
input[type="text"]::-webkit-search-results-decoration,
input[type="email"]::-webkit-search-decoration,
input[type="email"]::-webkit-search-cancel-button,
input[type="email"]::-webkit-search-results-button,
input[type="email"]::-webkit-search-results-decoration,
input[type="password"]::-webkit-search-decoration,
input[type="password"]::-webkit-search-cancel-button,
input[type="password"]::-webkit-search-results-button,
input[type="password"]::-webkit-search-results-decoration,
input[type="tel"]::-webkit-search-decoration,
input[type="tel"]::-webkit-search-cancel-button,
input[type="tel"]::-webkit-search-results-button,
input[type="tel"]::-webkit-search-results-decoration,
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration {
	display: none;
}
input[type="number"] {
	-webkit-appearance: textfield;
	-moz-appearance: textfield;
	appearance: textfield;
}
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
	-webkit-appearance: none;
	appearance: none;
}
select {
	cursor: pointer;
}
select:-moz-focusring {
	color: transparent;
	text-shadow: 0 0 0 #000;
}
select::-ms-expand {
	display: none;
}
textarea {
	resize: none;
}
img,
video {
	max-width: 100%;
	height: auto;
	display: block;
}
svg,
use {
	transform: translateZ(0);
	display: block;
}
svg {
	max-width: 100%;
}
hr {
	border: 0;
	height: 1px;
	margin: 0;
	width: 100px;
	background-color: fade(#000, 18%);
}
.page-top {
	padding-top: 36px;
	padding-bottom: 36px;
}
.main {
	overflow: hidden;
}
.wrapper {
	max-width: 1310px;
	margin: 0px auto;
	padding: 0px 15px;
}
.section {
	padding-top: 36px;
	padding-bottom: 36px;
}
.section .top {
	margin-bottom: 36px;
}
.flex {
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.flex-center {
	display: flex;
	align-items: center;
	justify-content: center;
}
.img-cover img,
.svg-cover svg {
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
}
.img-contain img,
.svg-contain svg {
	width: 100%;
	height: 100%;
	-o-object-fit: contain;
	object-fit: contain;
}
.logo {
	display: flex;
	align-items: center;
	gap: 10px;
}
.logo__icon {
	width: 38px;
	height: 24px;
}
.logo__caption {
	font-family: var(--third-family);
	font-weight: 600;
	font-size: 18px;
	color: #007cc1;
	margin-bottom: 1px;
}
.logo__desc {
	font-size: 7px;
	color: #7d7d7d;
	padding-left: 1px;
}
.btn {
	font-family: var(--font-family);
	display: inline-flex;
	align-items: center;
	justify-content: center;
	font-weight: 400;
	font-size: 14px;
	line-height: 171%;
	text-align: center;
	color: #fff;
	border-radius: 6px;
	padding: 9px 13px;
	background-color: #007cc1;
	cursor: pointer;
	position: relative;
	overflow: hidden;
	transition: background 0.3s ease-in-out;
}
@media (hover: hover) {
	.btn:hover {
		background-color: #0372b0;
		color: #fff;
	}
}
.btn_item {
	border: 1px solid #007cc1;
	color: #007cc1;
	background-color: transparent;
}
.btn_transparent {
	color: #007cc1;
	background-color: transparent;
	margin-left: 10px;
}
.field {
	font-family: var(--font-family);
	width: 100%;
	font-size: 14px;
	line-height: 1;
	color: #2a3342;
	border-radius: 0px;
	padding: 8px 0px;
	background-color: transparent;
	border: none;
	border-bottom: 1px solid #e8e8e8;
	position: relative;
	-moz-appearance: none;
	-webkit-appearance: none;
	transition: all 0.3s ease;
	resize: none;
}
.field::-webkit-input-placeholder {
	color: #2a3342;
}
.field::-moz-placeholder {
	color: #2a3342;
}
.field:-moz-placeholder {
	color: #2a3342;
}
.field:-ms-input-placeholder {
	color: #2a3342;
}
.field:focus {
	border-color: #007cc1;
	color: #2a3342;
}
.title {
	font-family: var(--font-family);
	font-weight: 500;
	font-size: 36px;
	line-height: 1;
	color: #2a3342;
}
.top {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
}
.top__box {
	display: flex;
	align-items: flex-end;
	gap: 12px;
}
.top__subtitle {
	color: #7d7d7d;
	padding-bottom: 2px;
}
.delete-all {
	display: inline-flex;
	align-items: center;
	gap: 6px;
}
.delete-all__icon {
	display: flex;
	align-items: center;
	justify-content: center;
	border: 0.5px solid #e8e8e8;
	border-radius: 6px;
	width: 22px;
	height: 22px;
	background-color: #f4f4f6;
}
.arrow {
	width: 32px;
	height: 32px;
	box-shadow: 0 0 20px 0 rgba(27, 27, 27, 0.05);
	background-color: #fff;
	border-radius: 50%;
	padding: 4px;
	cursor: pointer;
	transition: background 0.3s ease-in-out;
}
.arrow svg {
	width: 100%;
	height: 100%;
	display: block;
	-o-object-fit: contain;
	object-fit: contain;
}
.arrow svg * {
	transition: all 0.3s;
}
.arrow:hover {
	background-color: #007cc1;
}
.arrow:hover svg * {
	stroke: #fff;
	transition: all 0.3s;
}
.link {
	display: inline-flex;
	font-weight: 400;
	font-size: 14px;
	text-decoration: underline;
	color: #007cc1;
	transition: color 0.3s ease-in-out;
}
@media (hover: hover) {
	.link:hover {
		color: #0372b0;
	}
}
.tag {
	display: inline-flex;
	align-items: center;
	height: 18px;
	font-weight: 700;
	font-size: 10px;
	color: #fff;
	border-radius: 4px;
	padding: 5px;
	background-color: #10c44c;
	text-transform: uppercase;
}
.tag img {
	width: 42px;
	height: 16px;
	-o-object-fit: contain;
	object-fit: contain;
}
.tag_yellow {
	background-color: #ffbc0a;
}
.tag_blue-light {
	background-color: #3a99ff;
}
.tag_blue {
	align-items: center;
	gap: 8px;
	background-color: #0057a4;
	padding: 0px 5px 0px 5px;
}
.sale {
	display: inline-flex;
	font-weight: 600;
	font-size: 14px;
	line-height: 143%;
	color: #fff;
	background-color: #ff5345;
	border-radius: 4px;
	padding: 2px 9px;
}
.like {
	position: absolute;
	width: 24px;
	height: 24px;
	top: 2px;
	right: 2px;
	cursor: pointer;
}
.like svg * {
	transition: all 0.3s;
}
.like.active svg * {
	fill: #007cc1;
	stroke: #007cc1;
}
.add-to-wishlist.active svg * {
	fill: #007cc1;
	stroke: #007cc1;
}
.burger {
	display: none;
	align-items: center;
	justify-content: space-between;
	flex-direction: column;
	border-radius: 6px;
	padding: 12px 10px;
	width: 42px;
	height: 42px;
	background-color: #007cc1;
}
.burger span {
	display: block;
	width: 100%;
	height: 2px;
	background-color: #fff;
	border-radius: 20px;
	transition: all 0.3s ease-in-out;
}
.cards {
	display: flex;
	align-items: center;
	gap: 20px;
}
.social {
	display: flex;
	align-items: center;
	gap: 16px;
}
.social__link {
	display: block;
}
.one-click {
	display: inline-flex;
	align-items: center;
	gap: 3px;
	font-weight: 500;
	font-size: 14px;
	line-height: 171%;
	text-decoration: underline;
	-webkit-text-decoration-skip-ink: none;
	text-decoration-skip-ink: none;
	text-align: center;
	color: #007cc1;
}
.location {
	color: #7d7d7d;
	cursor: pointer;
	position: relative;
	z-index: 99;
}
.location__icon {
	width: 20px;
	height: 20px;
}
.location__arrow {
	transition: all 0.3s ease-in-out;
}
.location-top {
	gap: 6px;
}
.location-top__wrap {
	gap: 4px;
}
.location-hidden {
	min-width: 204px;
	position: absolute;
	top: calc(100% + 8px);
	left: 0;
	border-radius: 12px;
	background-color: #fff;
	box-shadow: 0 0 20px 0 rgba(27, 27, 27, 0.05);
	padding: 20px 15px;
	transform: translateY(-5px);
	opacity: 0;
	visibility: hidden;
	transition: all 0.3s ease-in-out;
}
.location-hidden.active {
	transform: translateY(0px);
	opacity: 1;
	visibility: visible;
}
.location-form__field {
	padding: 6px 10px;
}
.location-form__field::-webkit-input-placeholder {
	color: #c1c1c1;
}
.location-form__field::-moz-placeholder {
	color: #c1c1c1;
}
.location-form__field:-moz-placeholder {
	color: #c1c1c1;
}
.location-form__field:-ms-input-placeholder {
	color: #c1c1c1;
}
.location-form__field:focus {
	border-color: #2a3342;
	color: #2a3342;
}
.location-form__items {
	display: flex;
	flex-direction: column;
	gap: 10px;
	padding: 12px 10px 0px;
}
.location-form__item {
	display: block;
	font-weight: 400;
	font-size: 14px;
	color: #7d7d7d;
	transition: all 0.3s ease-in-out;
}
.location-form__item.active {
	font-weight: 500;
}
@media (hover: hover) {
	.location-form__item:hover {
		font-weight: 500;
	}
}
.location.active .location__arrow {
	transform: scaleY(-1);
}
.entrance {
	gap: 6px;
	color: #7d7d7d;
	transition: color 0.3s ease-in-out;
}
.entrance svg * {
	transition: all 0.3s ease-in-out;
}
@media (hover: hover) {
	.entrance:hover {
		color: #0372b0;
	}
	.entrance:hover svg * {
		fill: #0372b0;
		stroke: #0372b0;
	}
}
.catalog-btn {
	display: flex;
	align-items: center;
	gap: 9px;
	border-radius: 6px;
	padding: 10px 12px;
	background-color: #007cc1;
	font-weight: 500;
	color: #fff;
	transition: background 0.3s ease-in-out;
}
@media (hover: hover) {
	.catalog-btn:hover {
		background-color: #0372b0;
	}
}
.catalog-btn__icon {
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	justify-content: space-between;
	width: 22px;
	height: 22px;
	padding: 4px 2px;
}
.catalog-btn__icon span {
	display: block;
	width: 100%;
	height: 2px;
	background-color: #fff;
	border-radius: 20px;
}
.catalog-btn__icon span:first-child {
	width: 50%;
}
.catalog-btn__icon span:nth-child(2) {
	width: 75%;
}
.search__body {
	position: relative;
}
.search__wrapper {
	position: relative;
	display: block;
}
.search-btn {
	position: absolute;
	width: 22px;
	height: 22px;
	top: calc(50% - 11px);
	left: 12px;
	z-index: 8;
}
.search-field {
	height: 44px;
	border-radius: 6px;
	padding: 14px 16px 14px 44px;
	background-color: #f4f4f6;
	border: 1px solid #f4f4f6;
}
.search-field::-webkit-input-placeholder {
	color: #5f6266;
}
.search-field::-moz-placeholder {
	color: #5f6266;
}
.search-field:-moz-placeholder {
	color: #5f6266;
}
.search-field:-ms-input-placeholder {
	color: #5f6266;
}
.search .text-animation {
	padding: 14px 16px 14px 44px;
	position: absolute;
	top: -4px;
	left: 0;
	width: 100%;
	height: 100%;
	font-weight: 500;
	font-size: 14px;
	color: #2a3342;
	pointer-events: none;
	z-index: 1;
}
.cursor {
	display: inline-block;
	position: relative;
	left: 2px;
	top: 3px;
	width: 1.5px;
	height: 100%;
	background-color: black;
	animation: blink 1s step-end infinite;
}
@keyframes blink {
	0% {
		opacity: 1;
	}
	50% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}
.breadcrumbs ul {
	display: flex;
	overflow: auto;
	padding-bottom: 2px;
}
.breadcrumbs ul li {
	font-size: 14px;
	color: #2a3342;
	white-space: nowrap;
}
.breadcrumbs ul li::after {
	content: "/";
	font-size: 14px;
	color: #7d7d7d;
	margin: 0px 8px;
}
.breadcrumbs ul li:last-child::after {
	display: none;
}
.breadcrumbs ul li a {
	display: inline-flex;
	font-size: 14px;
	color: #7d7d7d;
	transition: color 0.3s ease-in-out;
}
@media (hover: hover) {
	.breadcrumbs ul li a:hover {
		color: #2a3342;
	}
}
.back {
	display: none;
	margin-left: -12px;
}
.back img {
	width: 32px;
	height: 32px;
	-o-object-fit: contain;
	object-fit: contain;
}
.checbox {
	display: flex;
	cursor: pointer;
}
.checbox + .checbox {
	margin-top: 12px;
}
.checbox input {
	display: none;
}
.checbox__icon {
	display: flex;
	align-items: center;
	justify-content: center;
	border: 1px solid #e8e8e8;
	border-radius: 6px;
	width: 22px;
	height: 22px;
	background-color: #f4f4f6;
	margin-right: 4px;
	position: relative;
	transition: all 0.4s;
}
.checbox__icon::before {
	content: "";
	position: absolute;
	z-index: 1;
	top: 50%;
	left: 50%;
	width: 30%;
	height: 50%;
	box-sizing: border-box;
	border-color: #fff;
	border-style: solid;
	border-width: 0 2px 2px 0;
	transform: rotate(45deg) translate(-100%, -25%) scale(1);
	opacity: 0;
	transition: all 0.4s;
}
.checbox__box {
	display: flex;
	align-items: center;
	gap: 6px;
	flex: 1;
}
.checbox__caption {
	display: flex;
	align-items: center;
	gap: 8px;
	font-size: 14px;
	color: #2a3342;
	transition: all 0.4s;
}
.checbox_item .checbox__icon {
	width: 22px;
	height: 22px;
	border-radius: 50%;
}
.checbox input[type="checkbox"]:checked + .checbox__icon,
.checbox input[type="radio"]:checked + .checbox__icon {
	background-color: #007cc1;
	border-color: #007cc1;
	transition: all 0.4s;
}
.checbox input[type="checkbox"]:checked + .checbox__icon::before,
.checbox input[type="radio"]:checked + .checbox__icon::before {
	opacity: 1;
	transition: all 0.4s;
}
.read-completely {
	display: flex;
	align-items: center;
	color: #7d7d7d;
}
.read-completely svg {
	transition: transform 0.3s ease-in-out;
}
.read-completely.active svg {
	transform: scaleY(-1);
}
.tab {
	display: inline-flex;
	font-weight: 500;
	font-size: 14px;
	line-height: 100%;
	color: #7d7d7d;
	border-radius: 6px;
	padding: 6px 12px;
	background-color: #f4f4f6;
}
.tab.active {
	color: #2a3342;
}

.tab-item {
	display: inline-flex;
	font-weight: 500;
	font-size: 16px;
	color: #7d7d7d;
	padding-bottom: 12px;
	position: relative;
	cursor: pointer;
	white-space: nowrap;
}
.tab-item::before {
	content: "";
	position: absolute;
	width: 100%;
	height: 1px;
	left: 0;
	bottom: 0;
	background-color: #007cc1;
	opacity: 0;
	transition: opacity 0.3s ease-in-out;
}
.tab-item.active {
	color: #2a3342;
}
.tab-item.active::before {
	opacity: 1;
}
@media (hover: hover) {
	.tab-item:hover {
		color: #2a3342;
	}
}
.navigation-links {
	display: flex;
	align-items: center;
}
.navigation-links a {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: auto;
	height: 32px;
	border-radius: 6px;
	background-color: transparent;
	font-weight: 500;
	font-size: 14px;
	line-height: 171%;
	text-align: center;
	color: #007cc1;
	margin: 0px 6px;
	transition: all 0.3s ease-in-out;
}
@media (hover: hover) {
	.navigation-links a:hover {
		opacity: 0.8;
	}
}
.navigation-links a.current {
	width: 32px;
	color: #fff;
	background-color: #007cc1;
}
@media (hover: hover) {
	.navigation-links a.current:hover {
		opacity: 1;
	}
}
.art {
	display: inline-flex;
	align-items: center;
	font-size: 12px;
	line-height: 167%;
	color: #7d7d7d;
	cursor: pointer;
}
.art__icon {
	width: 16px;
	height: 16px;
	margin-left: 2px;
}
.rating {
	display: flex;
	color: #2a3342;
}
.rating__value {
	position: relative;
	top: 2px;
}
.star {
	width: 80px;
	height: 16px;
	position: relative;
	background-image: url(../img/icons/star.svg);
	background-size: auto;
}
.star__active {
	width: 80px;
	height: 16px;
	position: absolute;
	background-image: url(../img/icons/star-active.svg);
	background-size: auto;
}
.aggrements {
	display: flex;
	flex-direction: column;
	gap: 6px;
	color: #c1c1c1;
}
.aggrements a {
	display: block;
	color: #c1c1c1;
	text-decoration: underline;
	-webkit-text-decoration-skip-ink: none;
	text-decoration-skip-ink: none;
	transition: color 0.3s ease-in-out;
}
@media (hover: hover) {
	.aggrements a:hover {
		color: #007cc1;
	}
}
@media (max-width: 1310px) {
	.wrapper {
		max-width: 1230px;
	}
}
@media (max-width: 1230px) {
	.page-top {
		padding-top: 32px;
		padding-bottom: 32px;
	}
	.section {
		padding-top: 30px;
		padding-bottom: 30px;
	}
	.section .top {
		margin-bottom: 24px;
	}
	.wrapper {
		max-width: 1010px;
	}
	.top__subtitle {
		padding-bottom: 4px;
	}
	.title {
		font-size: 30px;
	}
	.burger {
		display: flex;
	}
	.entrance {
		display: none;
		width: 32px;
		height: 32px;
	}
	.entrance svg {
		width: 100%;
		height: 100%;
		-o-object-fit: contain;
		object-fit: contain;
	}
	.entrance svg * {
		fill: #007cc1;
		stroke: #007cc1;
	}
	.entrance span {
		display: none;
	}
	.catalog-btn {
		display: none;
	}
}
@media (max-width: 1010px) {
	.page-top {
		padding-top: 24px;
		padding-bottom: 24px;
	}
	.wrapper {
		max-width: 750px;
	}
}
@media (max-width: 760px) {
	.section {
		padding-top: 20px;
		padding-bottom: 20px;
	}
	.section .top {
		margin-bottom: 16px;
	}
	.breadcrumbs {
		display: none;
	}
	.back {
		display: flex;
		align-items: center;
		color: #2a3342;
	}
	.search-field {
		height: 40px;
		padding: 12px 12px 12px 40px;
		font-size: 16px;
	}
	.burger {
		width: 40px;
		height: 40px;
	}
	.top {
		align-items: flex-end;
		gap: 10px;
		flex-wrap: wrap;
	}
	.title {
		font-size: 24px;
	}
	.art {
		display: none;
	}
	.phone-mask::-webkit-input-placeholder {
		color: transparent;
	}
	.phone-mask::-moz-placeholder {
		color: transparent;
	}
	.phone-mask:-moz-placeholder {
		color: transparent;
	}
	.phone-mask:-ms-input-placeholder {
		color: transparent;
	}
	.phone-mask:focus::-webkit-input-placeholder {
		color: #2a3342;
	}
	.phone-mask:focus::-moz-placeholder {
		color: #2a3342;
	}
	.phone-mask:focus:-moz-placeholder {
		color: #2a3342;
	}
	.phone-mask:focus:-ms-input-placeholder {
		color: #2a3342;
	}
}
.article__body {
	display: flex;
	justify-content: space-between;
	gap: 32px;
}
.article__aside {
	width: 268px;
}
.article__nav {
	display: flex;
	flex-direction: column;
	gap: 24px;
	width: 268px !important;
	padding-top: 24px;
	padding-right: 24px;
	padding-bottom: 24px;
	border-right: 1px solid #e8e8e8;
}
.article__link {
	display: block;
	font-weight: 400;
	font-size: 16px;
	color: #2a3342;
	transition: all 0.3s ease-in-out;
}
@media (hover: hover) {
	.article__link:hover {
		color: #007cc1;
	}
}
.article__link.active {
	font-weight: 600;
	color: #007cc1;
}
.article__container {
	width: calc(100% - 300px);
}
.article__container_full {
	width: 100%;
}
.article-text h1 {
	font-family: var(--second-family);
	font-weight: 600;
	font-size: 36px;
	line-height: 1;
	color: #2a3342;
	margin-bottom: 27px;
}
.article-text h2 {
	font-family: var(--second-family);
	font-weight: 600;
	font-size: 36px;
	line-height: 1;
	color: #2a3342;
	margin-bottom: 24px;
}
.article-text h2:not(:first-child) {
	margin-top: 32px;
}
.article-text h6 {
	font-family: var(--font-family);
	font-weight: 500;
	font-size: 14px;
	line-height: 1;
	color: #2a3342;
	margin-top: 24px;
	margin-bottom: 24px;
}
.article-text p {
	color: #7d7d7d;
	margin-bottom: 24px;
}
.article-text blockquote {
	display: flex;
	align-items: center;
	gap: 12px;
	border-radius: 12px;
	padding: 24px;
	background-color: #f4f4f6;
}
.article-text blockquote p {
	color: #2a3342;
	margin-bottom: 0;
}
.article-text ul {
	margin-bottom: 24px;
}
.article-text ul li {
	position: relative;
	padding-left: 22px;
	color: #7d7d7d;
}
.article-text ul li:not(:first-child) {
	margin-top: 12px;
}
.article-text ul li::before {
	content: "";
	position: absolute;
	width: 16px;
	height: 16px;
	top: 0;
	left: 0;
	background-image: url(../img/icons/info-success.svg);
	background-repeat: no-repeat;
	background-size: contain;
}
.article-text p + ul {
	margin-top: -12px;
}
@media (max-width: 1010px) {
	.article__body {
		gap: 24px;
		flex-direction: column;
	}
	.article__aside {
		width: 100%;
		border-bottom: 1px solid #e8e8e8;
	}
	.article__nav {
		display: flex;
		flex-direction: row;
		gap: 20px;
		width: auto !important;
		padding-top: 0;
		padding-right: 0;
		padding-bottom: 16px;
		border-right: none;
	}
	.article__link {
		white-space: nowrap;
	}
	.article__container {
		width: 100%;
	}
	.article-text h1 {
		font-size: 32px;
	}
	.article-text h2 {
		font-size: 32px;
	}
}
@media (max-width: 760px) {
	.article__body {
		gap: 20px;
	}
	.article__link {
		font-size: 14px;
	}
	.article-text h1 {
		font-size: 24px;
		margin-bottom: 16px;
	}
	.article-text h2 {
		font-size: 24px;
		margin-bottom: 16px;
	}
	.article-text h2:not(:first-child) {
		margin-top: 24px;
	}
	.article-text h6 {
		margin-top: 20px;
		margin-bottom: 16px;
	}
	.article-text blockquote {
		gap: 10px;
		border-radius: 10px;
		padding: 15px;
	}
	.article-text p {
		margin-bottom: 16px;
	}
	.article-text ul {
		margin-bottom: 16px;
	}
	.article-text p + ul {
		margin-top: 0px;
	}
}
.aside {
	width: 240px;
}
.aside__top {
	display: none;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 24px;
}
.aside-form {
	display: flex;
	flex-direction: column;
	gap: 24px;
}
.aside-form__caption {
	font-weight: 600;
	color: #2a3342;
}
.aside-form__prices {
	display: flex;
	gap: 12px;
	margin-top: 6px;
}
.aside-form__field {
	border: 1px solid #e8e8e8;
	border-radius: 6px;
	padding: 11px 12px;
	width: 105px;
	height: 38px;
}
.aside-form__items {
	max-height: 160px;
	overflow: hidden;
	margin-top: 12px;
	margin-bottom: 12px;
}
.aside-form__items.active {
	max-height: initial;
}
@media (max-width: 1010px) {
	.aside {
		position: fixed;
		top: 0px;
		right: 0;
		width: 100%;
		height: 100vh;
		z-index: 200;
		background-color: #fff;
		overflow-x: auto;
		opacity: 0;
		padding: 24px 15px;
		visibility: hidden;
		transition: all 0.3s;
	}
	.aside.active {
		opacity: 1;
		visibility: visible;
	}
	.aside__top {
		display: flex;
	}
}
.basket__body {
	display: flex;
	justify-content: space-between;
	gap: 100px;
}
.basket__wrap {
	flex: 1;
}
.basket__top {
	display: flex;
	align-items: center;
	gap: 24px;
	padding-bottom: 24px;
	border-bottom: 1px solid #e8e8e8;
}
.basket .top {
	margin-bottom: 24px;
}
.basket-card {
	display: flex;
	justify-content: space-between;
	gap: 40px;
	padding-top: 24px;
	padding-bottom: 24px;
	border-bottom: 1px solid #e8e8e8;
}
.basket-card__left {
	display: flex;
	gap: 32px;
	width: calc(100% - 186px);
	padding-left: 28px;
	position: relative;
}
.basket-card__info {
	width: 160px;
	height: 160px;
	position: relative;
}
.basket-card__icon {
	position: absolute;
	top: 0;
	left: 0;
	width: 22px;
	height: 22px;
	z-index: 8;
}
.basket-card__icon::before {
	content: "";
	position: absolute;
	z-index: 1;
	top: 0;
	left: 0;
	width: 200px;
	height: 160px;
	opacity: 0;
}
.basket-card__icon span {
	display: flex;
	align-items: center;
	justify-content: center;
	border: 1px solid #e8e8e8;
	border-radius: 6px;
	width: 100%;
	height: 100%;
	background-color: #f4f4f6;
	margin-right: 4px;
	position: relative;
	transition: all 0.4s;
}
.basket-card__icon span::before {
	content: "";
	position: absolute;
	z-index: 1;
	top: 50%;
	left: 50%;
	width: 30%;
	height: 50%;
	box-sizing: border-box;
	border-color: #fff;
	border-style: solid;
	border-width: 0 2px 2px 0;
	transform: rotate(45deg) translate(-100%, -25%) scale(1);
	opacity: 0;
	transition: all 0.4s;
}
.basket-card__icon.active span {
	background-color: #007cc1;
	border-color: #007cc1;
	transition: all 0.4s;
}
.basket-card__icon.active span::before {
	opacity: 1;
	transition: all 0.4s;
}
.basket-card__img {
	width: 100%;
	height: 100%;
}
.basket-card__img img {
	width: 100%;
	height: 100%;
	-o-object-fit: contain;
	object-fit: contain;
}
.basket-card__tags {
	position: absolute;
	left: 0;
	bottom: 0;
	display: flex;
	align-items: flex-start;
	flex-direction: column;
	gap: 6px;
}
.basket-card__box {
	width: calc(100% - 192px);
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	flex-direction: column;
	gap: 16px;
}
.basket-card__caption {
	display: block;
	font-weight: 600;
	font-size: 16px;
	color: #2a3342;
	transition: color 0.3s ease-in-out;
}
@media (hover: hover) {
	.basket-card__caption:hover {
		color: #007cc1;
	}
}
.basket-card__nav {
	display: flex;
	gap: 12px;
}
.basket-card-btn {
	display: flex;
	width: 24px;
	height: 24px;
	cursor: pointer;
}
.basket-card-btn.like {
	position: relative;
	top: 0px;
	right: 0px;
}
.basket-card-btn.basket-card--delete {
	transition: transform 0.3s ease-in-out;
}
@media (hover: hover) {
	.basket-card-btn.basket-card--delete:hover {
		transform: rotate(180deg);
	}
}
.basket-card__right {
	width: 146px;
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	flex-direction: column;
	gap: 16px;
}
.basket-card__prices-caption {
	font-weight: 400;
	font-size: 12px;
	color: #7d7d7d;
	margin-bottom: 2px;
}
.basket-card__price {
	font-weight: 500;
	font-size: 23px;
	color: #006933;
}
.basket-card__price-old {
	font-weight: 400;
	font-size: 12px;
	text-decoration: line-through;
	color: #c1c1c1;
	margin-top: 2px;
}
@media (max-width: 1230px) {
	.basket__body {
		gap: 32px;
	}
	.basket-card {
		gap: 24px;
	}
	.basket-card__left {
		gap: 20px;
		width: calc(100% - 172px);
	}
	.basket-card__info {
		width: 140px;
		height: 140px;
	}
	.basket-card__box {
		width: calc(100% - 160px);
	}
}
@media (max-width: 1010px) {
	.basket-card {
		gap: 20px;
		padding-top: 20px;
		padding-bottom: 20px;
		flex-direction: column;
	}
	.basket-card__left {
		gap: 16px;
		width: 100%;
		padding-left: 0;
	}
	.basket-card__box {
		align-items: flex-end;
	}
	.basket-card__right {
		width: 100%;
		display: flex;
		align-items: center;
		justify-content: space-between;
		flex-direction: row;
		gap: 16px;
	}
	.basket-card__price {
		font-size: 20px;
	}
}
@media (max-width: 760px) {
	.basket__body {
		gap: 20px;
		flex-direction: column;
	}
}
@media (max-width: 760px) {
	.brands-swiper {
		overflow: visible;
	}
	.brands .swiper-wrapper {
		transition-timing-function: linear !important;
	}
}
.card-sale {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	border: 1px solid #ebebeb;
	border-radius: 0 12px 12px 0;
	width: 100%;
	height: 100%;
	padding: 28px 24px;
	background: linear-gradient(290deg, rgba(255, 188, 10, 0.74) 0%, #f94435 83.48%);
	position: relative;
}
.card-sale_green {
	background: linear-gradient(290deg, rgba(255, 188, 10, 0.74) 0%, #46d23a 83.48%);
}
.card-sale_blue {
	background: linear-gradient(290deg, rgba(10, 226, 255, 0.74) 0%, #3a92d2 83.48%);
}
.card-sale__caption {
	font-weight: 700;
	font-size: 32px;
	line-height: 1;
	text-transform: uppercase;
	color: #fff;
	text-shadow: -2px 2px 4px rgba(0, 0, 0, 0.22);
}
.card-sale__icon {
	width: 150px;
	height: 150px;
	margin-top: 15px;
	margin-left: -14px;
}
.card-sale__icon img {
	width: 100%;
	height: 100%;
	-o-object-fit: contain;
	object-fit: contain;
}
.card-sale__arrow {
	position: absolute;
	display: flex;
	align-items: center;
	justify-content: center;
	bottom: 24px;
	right: 24px;
	width: 40px;
	height: 40px;
	border-radius: 12px;
	background-color: rgba(255, 255, 255, 0.16);
	border: 0.5px solid rgba(193, 193, 193, 0.12);
	box-shadow: 0 2px 4px 0 rgba(42, 51, 66, 0.07);
}
@media (max-width: 1310px) {
	.card-sale__caption {
		font-size: 28px;
	}
	.card-sale__icon {
		width: 130px;
		height: 130px;
	}
}
@media (max-width: 1010px) {
	.card-sale {
		padding: 20px 15px;
	}
	.card-sale__caption {
		font-size: 24px;
	}
	.card-sale__icon {
		width: 120px;
		height: 120px;
	}
	.card-sale__arrow {
		bottom: 15px;
		right: 15px;
	}
}
@media (max-width: 760px) {
	.card-sale__caption {
		font-size: 20px;
	}
	.card-sale__icon {
		width: 100px;
		height: 100px;
		margin-left: -8px;
	}
	.card-sale__arrow {
		bottom: 15px;
		right: 15px;
		width: 32px;
		height: 32px;
		border-radius: 6px;
	}
}
.card {
	padding: 15px 20px;
	border: 1px solid transparent;
	border-radius: 12px;
}
.card__top {
	width: 100%;
	height: 200px;
	position: relative;
	margin-bottom: 12px;
}
.card__tags {
	position: absolute;
	left: 0;
	bottom: 0;
	display: flex;
	align-items: flex-start;
	flex-direction: column;
	gap: 6px;
}
.card__img {
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}
.card__img img {
	max-width: 100%;
	max-height: 100%;
	-o-object-fit: contain;
	object-fit: contain;
}
.card__img img.img-static {
	transition: all 0.3s ease-in-out;
}
.card__img img.img-hover {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	opacity: 0;
	visibility: hidden;
	transition: all 0s ease-in-out;
}
.card__box {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	margin-bottom: 10px;
}
.card__prices {
	display: flex;
	align-items: flex-end;
	gap: 8px;
}
.card__price {
	font-weight: 800;
	font-size: 18px;
	color: #006933;
}
.card__price-old {
	font-size: 12px;
	text-decoration: line-through;
	color: #c1c1c1;
}
.card__caption {
	display: block;
	max-width: 150px;
	height: 30px;
	overflow: hidden;
	font-weight: 600;
	font-size: 14px;
	color: #2a3342;
	margin-bottom: 15px;
	transition: color 0.3s ease-in-out;
}
@media (hover: hover) {
	.card__caption:hover {
		color: #007cc1;
	}
}
.card__nav {
	display: flex;
	align-items: center;
	gap: 12px;
	transition: all 0.3s ease-in-out;
}
.card__basket {
	display: inline-flex;
	width: 24px;
	height: 24px;
}
.card__basket svg {
	width: 100%;
	height: 100%;
	-o-object-fit: contain;
	object-fit: contain;
}
.card__basket svg * {
	transition:
		fill 0.3s,
		stroke 0.3s;
}
@media (hover: hover) {
	.card__basket:hover svg path {
		fill: #007cc1;
	}
	.card__basket:hover svg path:last-child {
		stroke: #007cc1;
	}
}
.card .tag {
	font-weight: 600;
	font-size: 10px;
	padding: 5px;
	text-transform: uppercase;
}
.card .tag_blue {
	padding: 0px 0px 0px 5px;
}
.card .like {
	z-index: 8;
}
.card:hover {
	box-shadow: 0 4px 10px -2px rgba(27, 27, 27, 0.2);
}
.card:hover .card__img img.img-static {
	opacity: 0;
	visibility: hidden;
	transition: all 0s ease-in-out;
}
.card:hover .card__img img.img-hover {
	opacity: 1;
	visibility: visible;
	transition: all 0.3s ease-in-out;
}
@media (max-width: 1310px) {
	.card {
		padding: 10px 10px;
	}
}
@media (max-width: 1230px) {
	.card__nav {
		gap: 10px;
		transform: translateY(0px);
		opacity: 1;
		visibility: visible;
	}
}
@media (max-width: 1010px) {
	.card__top {
		height: 140px;
		margin-bottom: 10px;
	}
	.card__caption {
		margin-bottom: 10px;
	}
}
@media (max-width: 760px) {
	.card {
		padding: 8px;
		box-shadow: 0 4px 10px -2px rgba(27, 27, 27, 0.2);
	}
	.card__prices {
		display: flex;
		align-items: flex-start;
		gap: 4px;
		flex-direction: column;
	}
	.card__nav {
		justify-content: space-between;
	}
}
.catalog__body {
	display: flex;
	justify-content: space-between;
	gap: 75px;
}
.catalog__wrap {
	width: calc(100% - 315px);
}
.catalog__wrap.catalog__wrap_full {
	width: 100%;
}
.catalog__top {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	margin-bottom: 24px;
}
.catalog__top-result {
	color: #7d7d7d;
}
.catalog__top-box {
	display: flex;
	align-items: center;
	gap: 16px;
}
.catalog__tabs {
	display: flex;
	gap: 24px;
}
.catalog__container {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 24px;
}
.catalog__bottom {
	padding-top: 36px;
	padding-bottom: 36px;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.catalog__bottom-first {
	width: 135px;
}
.catalog__bottom-btn {
	padding: 8px 32px;
}
.catalog-filter-btn {
	display: none;
	padding: 8px 24px;
}
@media (max-width: 1310px) {
	.catalog__body {
		gap: 32px;
	}
	.catalog__wrap {
		width: calc(100% - 272px);
	}
}
@media (max-width: 1230px) {
	.catalog__container {
		grid-template-columns: repeat(3, 1fr);
	}
}
@media (max-width: 1010px) {
	.catalog__wrap {
		width: 100%;
	}
	.catalog__tabs {
		gap: 16px;
	}
	.catalog-filter-btn {
		display: inline-flex;
		background-color: #f4f4f6;
		border: 1px solid #f4f4f6;
		color: #2a3342;
	}
}
@media (max-width: 760px) {
	.catalog__container {
		grid-template-columns: repeat(2, 1fr);
		gap: 8px;
	}
	.catalog__top {
		align-items: flex-start;
		flex-direction: column;
	}
	.catalog__top-box {
		width: 100%;
		justify-content: space-between;
		gap: 8px;
	}
	.catalog-filter-btn {
		width: 50%;
	}
	.catalog__bottom {
		padding-top: 24px;
		padding-bottom: 24px;
		flex-direction: column;
		gap: 16px;
	}
	.catalog__bottom-first {
		width: 0px;
	}
	.catalog__bottom-btn {
		width: 100%;
	}
}
.dragscroll {
	overflow: auto;
}
.dragscroll::-webkit-scrollbar {
	width: 24px;
	height: 8px;
	background-color: rgba(48, 51, 60, 0.8);
	border-radius: 4px;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
	opacity: 0;
	display: none;
}
.dragscroll::-webkit-scrollbar-thumb {
	background-color: rgba(255, 255, 255, 0.2);
	border-radius: 4px;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
	display: none;
}
.dragscroll::-webkit-scrollbar-thumb:hover {
	background-color: rgba(255, 255, 255, 0.4);
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}
.dragscroll::-webkit-scrollbar-button:vertical:start:decrement {
	display: none;
}
.dragscroll::-webkit-scrollbar-button:vertical:end:increment {
	display: none;
}
.dragscroll::-webkit-scrollbar-button:horizontal:start:decrement {
	display: none;
}
.dragscroll::-webkit-scrollbar-button:horizontal:end:increment {
	display: none;
}
.free,
.horizontal {
	cursor: -o-grab;
	cursor: grab;
}
.free:active,
.horizontal:active {
	cursor: -o-grabbing;
	cursor: grabbing;
}
.favorits__body {
	display: grid;
	grid-template-columns: repeat(5, 1fr);
	gap: 28px;
}
.favorits .card {
	padding-left: 15px;
	padding-right: 15px;
}
@media (max-width: 1310px) {
	.favorits__body {
		gap: 28px 15px;
	}
}
@media (max-width: 1230px) {
	.favorits__body {
		grid-template-columns: repeat(4, 1fr);
		gap: 24px 15px;
	}
}
@media (max-width: 1010px) {
	.favorits__body {
		grid-template-columns: repeat(3, 1fr);
	}
}
@media (max-width: 760px) {
	.favorits__body {
		grid-template-columns: repeat(2, 1fr);
		gap: 16px 8px;
	}
	.favorits .card {
		padding-left: 8px;
		padding-right: 8px;
	}
}
.footer {
	margin-top: 36px;
	padding-top: 36px;
	padding-bottom: 36px;
	border-top: 1px solid #e8e8e8;
}
.footer__first {
	width: 360px;
	display: flex;
	flex-direction: column;
	gap: 24px;
}
.footer__copiright {
	max-width: 280px;
	font-weight: 400;
	font-size: 12px;
	line-height: 150%;
	color: #797979;
}
.footer__copiright a {
	color: #007cc1;
	transition: color 0.3s ease-in-out;
}
@media (hover: hover) {
	.footer__copiright a:hover {
		color: #797979;
	}
}
.footer__last {
	align-items: flex-start;
	gap: 136px;
}
.footer__last .footer__copiright {
	display: none;
}
.footer__caption {
	font-weight: 500;
	font-size: 16px;
	line-height: 125%;
	color: #232323;
	margin-bottom: 16px;
}
.footer__menu ul li {
	margin-bottom: 12px;
}
.footer__menu ul li a {
	font-size: 14px;
	color: #7d7d7d;
}
.footer__menu ul li.current-menu-item a {
	color: #007cc1;
}
.footer .logo {
	gap: 21px;
	margin-bottom: 32px;
}
.footer .logo__icon {
	width: 85px;
	height: 52px;
}
.footer .logo__caption {
	font-size: 39px;
	line-height: 1;
}
.footer .logo__desc {
	font-size: 15px;
	line-height: 1;
}
@media (max-width: 1230px) {
	.footer__first {
		width: 320px;
		gap: 16px;
	}
	.footer__last {
		gap: 80px;
	}
	.footer .logo {
		gap: 16px;
		margin-bottom: 16px;
	}
	.footer .logo__icon {
		width: 60px;
		height: auto;
	}
	.footer .logo__caption {
		font-size: 30px;
	}
	.footer .logo__desc {
		font-size: 14px;
	}
}
@media (max-width: 1010px) {
	.footer {
		margin-top: 24px;
		padding-top: 24px;
		padding-bottom: 24px;
	}
	.footer__wrap {
		align-items: flex-start;
	}
	.footer__first {
		width: 240px;
	}
	.footer__last {
		gap: 28px;
	}
	.footer__caption {
		font-size: 14px;
		margin-bottom: 10px;
	}
	.footer__menu ul li {
		margin-bottom: 8px;
	}
	.footer__menu ul li a {
		font-size: 13px;
	}
	.footer .logo {
		gap: 8px;
		margin-bottom: 8px;
	}
	.footer .logo__icon {
		width: 44px;
		height: auto;
	}
	.footer .logo__caption {
		font-size: 22px;
	}
	.footer .logo__desc {
		font-size: 11px;
	}
}
@media (max-width: 760px) {
	.footer__wrap {
		flex-direction: column;
		gap: 24px;
	}
	.footer__first {
		width: 100%;
	}
	.footer__first .footer__copiright_dev {
		display: none;
	}
	.footer__last {
		width: 100%;
		gap: 24px 0px;
		flex-wrap: wrap;
	}
	.footer__last .footer__copiright {
		display: block;
		margin-top: 12px;
	}
	.footer__box {
		width: 48%;
	}
	.footer__box:last-child {
		width: 100%;
	}
}
.form__body {
	display: flex;
	flex-direction: column;
	gap: 12px;
}
.form__label {
	display: block;
}
.form__caption {
	color: #7d7d7d;
}
.form__bottom {
	display: flex;
	flex-direction: column;
	gap: 12px;
}
.form__btn {
	padding: 8px 24px;
	width: 162px;
	height: 42px;
}
.header {
	box-shadow: 0 0 20px 0 rgba(27, 27, 27, 0.05);
	background-color: #fff;
	position: relative;
	z-index: 100;
}
.header-items {
	gap: 16px;
}
.header-top {
	padding-top: 18px;
	padding-bottom: 10px;
	border-bottom: 1px solid #e8e8e8;
}
.header-top__wrap {
	gap: 23px;
}
.header-top-menu ul {
	display: flex;
	align-items: center;
	gap: 23px;
}
.header-top-menu ul li a {
	color: #7d7d7d;
	transition: color 0.3s ease-in-out;
}
@media (hover: hover) {
	.header-top-menu ul li a:hover {
		color: #0372b0;
	}
}
.header-body {
	padding-top: 7px;
	padding-bottom: 15px;
	gap: 32px;
}
.header-body__content {
	gap: 20px;
	width: 55%;
	padding-left: 6px;
}
.header-body__last {
	gap: 32px;
}
.header-body .search {
	flex: 1;
}
.header-link {
	position: relative;
	display: flex;
	align-items: center;
	flex-direction: column;
	gap: 2px;
	color: #007cc1;
}
.header-link__value {
	position: absolute;
	border: 1px solid #fff;
	background-color: #007cc1;
	border-radius: 50%;
	top: -2px;
	right: -5px;
	color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 1px 4px;
	height: 16px;
	font-size: 10px;
	min-width: 16px;
}
.header-link__icon {
	position: relative;
	width: 32px;
	height: 32px;
}
.header-link__icon img {
	width: 100%;
	height: 100%;
	-o-object-fit: contain;
	object-fit: contain;
}
.header-link_mobile {
	display: none;
}
@media (max-width: 1230px) {
	.header-link_mobile {
		display: flex;
	}
}
.header-contacts {
	display: flex;
	flex-direction: column;
	gap: 3px;
	position: relative;
}
.header-contacts__tel {
	display: flex;
	align-items: center;
	gap: 4px;
	font-weight: 600;
	font-size: 16px;
	line-height: 137%;
	color: #007cc1;
	position: relative;
	transition: color 0.3s ease-in-out;
}
.header-contacts__tel svg {
	transition: all 0.3s ease-in-out;
}
@media (hover: hover) {
	.header-contacts__tel:hover {
		color: #0372b0;
	}
}
.header-contacts__work {
	color: #c1c1c1;
}
.header-contacts__top {
	margin-bottom: 20px;
}
.header-contacts__items {
	margin-top: 5px;
}
.header-contacts__item {
	display: flex;
	align-items: center;
	gap: 5px;
	font-weight: 500;
	font-size: 16px;
	line-height: 137%;
	color: #222;
	transition: color 0.3s ease-in-out;
}
@media (hover: hover) {
	.header-contacts__item:hover {
		color: #0372b0;
	}
}
.header-contacts__number {
	display: block;
	font-weight: 500;
	font-size: 16px;
	line-height: 137%;
	color: #16171a;
	transition: color 0.3s ease-in-out;
}
@media (hover: hover) {
	.header-contacts__number:hover {
		color: #0372b0;
	}
}
.header-contacts__caption {
	font-size: 14px;
	line-height: 100%;
	color: #7d7d7d;
}
.header-contacts__btn {
	font-size: 16px;
	width: 100%;
	gap: 6px;
	margin-top: 12px;
}
.header-contacts-hidden {
	min-width: 250px;
	position: absolute;
	top: calc(100% + 8px);
	right: 0;
	border-radius: 12px;
	background-color: #fff;
	box-shadow: 0 0 20px 0 rgba(27, 27, 27, 0.05);
	padding: 20px 15px;
	transform: translateY(-5px);
	opacity: 0;
	visibility: hidden;
	transition: all 0.3s ease-in-out;
}
.header-contacts-hidden.active {
	transform: translateY(0px);
	opacity: 1;
	visibility: visible;
}
.header-contacts.active .header-contacts__tel svg {
	transform: scaleY(-1);
}
.header-menu {
	margin-top: 24px;
}
.header-menu ul {
	display: flex;
	align-items: center;
	gap: 46px;
}
.header-menu ul li a {
	display: flex;
	align-items: center;
	gap: 6px;
	color: #2a3342;
	transition: color 0.3s ease-in-out;
}
@media (hover: hover) {
	.header-menu ul li a:hover {
		color: #0372b0;
	}
}
.header-menu ul li.current-menu-item a {
	color: #0372b0;
}
.header-fixed {
	display: none;
	justify-content: flex-end;
	position: fixed;
	top: 0px;
	right: 0;
	width: 100%;
	height: 100vh;
	text-align: left;
	z-index: 200;
	background-color: rgba(255, 255, 255, 0.4);
	-webkit-backdrop-filter: blur(5px);
	backdrop-filter: blur(5px);
	overflow-x: auto;
	opacity: 0;
	visibility: hidden;
	transition: all 0.3s;
}
.header-fixed.active {
	opacity: 1;
	visibility: visible;
}
.header-fixed.active .header-fixed__body {
	transform: translateX(0);
	opacity: 1;
	visibility: visible;
}
.header-fixed__body {
	display: block;
	width: 100%;
	padding: 20px 15px;
	height: -webkit-fit-content;
	height: -moz-fit-content;
	height: fit-content;
	min-height: 100%;
	max-width: 435px;
	background-color: #fff;
	overflow: hidden;
	transform: translateX(100%);
	opacity: 0;
	visibility: hidden;
	transition: all 0.3s;
}
.header-fixed__top {
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding-bottom: 24px;
	border-bottom: 1px solid #e9eaf2;
}
.header-fixed__bottom {
	margin-top: 24px;
	display: flex;
	align-items: center;
	gap: 16px;
}
.header-fixed__nav {
	display: none;
}
.header-fixed__closed {
	width: 32px;
	height: 32px;
	position: relative;
	z-index: 202;
}
.header-fixed__closed img {
	width: 100%;
	height: 100%;
	-o-object-fit: contain;
	object-fit: contain;
}
.header-fixed-btn {
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 100%;
	padding: 12px 0;
	background-color: transparent;
	border: none;
	outline: none;
	font-size: 16px;
	color: #2a3342;
	padding-right: 16px;
	border-bottom: 1px solid #e9eaf2;
}
.header-fixed-btn__arrow {
	transform: rotate(-90deg);
}
.header-fixed-catalog {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0px;
	right: 0;
	z-index: 201;
	background-color: rgb(255, 255, 255);
	transform: translateX(100%);
	opacity: 0;
	visibility: hidden;
	padding: 24px 15px;
	transition: all 0.3s;
}
.header-fixed-catalog.active {
	transform: translateX(0);
	opacity: 1;
	visibility: visible;
}
.header-fixed-catalog__back {
	display: flex;
	align-items: center;
	gap: 8px;
	font-size: 16px;
	line-height: 1;
	color: #232323;
	font-weight: 500;
	margin-bottom: 16px;
}
.header-fixed-catalog__back img {
	transform: rotate(180deg);
}
.header-fixed-catalog__coll {
	padding: 12px 0px;
	border-top: 1px solid #e9eaf2;
}
.header-fixed-catalog__coll:last-child {
	border-bottom: 1px solid #e9eaf2;
}
.header-fixed-catalog__coll.active .header-fixed-catalog__arrow {
	transform: scaleY(-1);
}
.header-fixed-catalog__arrow {
	transition: all 0.3s;
}
.header-fixed-catalog__box {
	display: flex;
	align-items: center;
	justify-content: space-between;
	font-size: 16px;
}
.header-fixed-catalog__hidden {
	margin-top: 8px;
	padding-left: 12px;
	display: none;
}
.header-fixed-catalog__hidden ul li a {
	display: block;
	width: 100%;
	padding: 8px 0px;
	background-color: transparent;
	border: none;
	outline: none;
	font-size: 16px;
	color: #2a3342;
}
@media (max-width: 1310px) {
	/*.header {
  	&-items {
  		gap: 10px;
  	}
  }
  .header-body {
  	&__content {
  		gap: 10px;
  		width: 45%;
  		padding-left: 0px;
  	}
  	&__last {
  		gap: 20px;
  	}
  }*/
}
@media (max-width: 1230px) {
	.header-top {
		padding-top: 10px;
	}
	.header-top-menu {
		width: 100%;
	}
	.header-top-menu ul {
		width: 100%;
		gap: 0px;
		flex-direction: column;
		align-items: flex-start;
	}
	.header-top-menu ul li {
		width: 100%;
		border-bottom: 1px solid #e9eaf2;
	}
	.header-top-menu ul li a {
		width: 100%;
		display: block;
		padding: 12px 0;
		background-color: transparent;
		border: none;
		outline: none;
		font-size: 16px;
		color: #2a3342;
	}
	.header-top__wrap {
		gap: 16px;
	}
	.header-body__content {
		flex-direction: row-reverse;
		gap: 8px;
		width: calc(100% - 185px);
	}
	.header-fixed {
		display: flex;
	}
	.header-menu {
		margin-top: 0;
		width: 100%;
	}
	.header-menu ul {
		width: 100%;
		gap: 0px;
		flex-direction: column;
		align-items: flex-start;
	}
	.header-menu ul li {
		width: 100%;
		border-bottom: 1px solid #e9eaf2;
	}
	.header-menu ul li a {
		width: 100%;
		padding: 12px 0;
		background-color: transparent;
		border: none;
		outline: none;
		font-size: 16px;
		color: #2a3342;
	}
	.header-link__caption {
		display: none;
	}
	.header-contacts-top {
		display: none;
	}
	.header-contacts__tel svg {
		display: none;
	}
	.header-contacts-hidden {
		min-width: 100%;
		position: relative;
		top: 0;
		border-radius: 0;
		box-shadow: none;
		padding: 0;
		transform: translateY(0px);
		opacity: 1;
		visibility: visible;
		margin-top: 0;
	}
}
@media (max-width: 760px) {
	.header .logo__box {
		display: none;
	}
	.header-body__content {
		width: calc(100% - 50px);
	}
}
.hits .main-swiper {
	padding: 5px 15px 10px;
	margin: -5px -15px -10px;
}
.hits .main-swiper * {
	box-sizing: border-box;
}
.hits .main-swiper .swiper-slide {
	height: auto;
}
.hits .card {
	height: 100%;
}
.hits .card__box {
	min-height: 24px;
}
@media (max-width: 1010px) {
	.hits .card__box {
		min-height: 36px;
	}
}
@media (max-width: 560px) {
	.hits .main-swiper {
		padding: 5px 15px 10px 5px;
	}
}
.main-catalog {
	padding-top: 36px;
	padding-bottom: 36px;
}
.main-catalog__scroll.dragscroll {
	overflow: visible;
}
.main-catalog__body {
	display: grid;
	grid-template-columns: repeat(6, 1fr);
	gap: 40px;
	margin-top: 48px;
}
.main-catalog__card {
	position: relative;
	border-radius: 6px;
	padding: 16px 23px;
	width: 100%;
	height: 180px;
	box-shadow: 0 0 20px 0 rgba(27, 27, 27, 0.05);
	background-color: #fff;
	transition: all 0.3s ease-in-out;
}
@media (hover: hover) {
	.main-catalog__card:hover {
		box-shadow: 0 4px 10px -2px rgba(27, 27, 27, 0.2);
	}
	.main-catalog__card:hover .main-catalog__caption {
		color: #007cc1;
	}
}
.main-catalog__img {
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	padding-bottom: 28px;
}
.main-catalog__img img {
	max-width: 100%;
	max-height: 100%;
	-o-object-position: center;
	object-position: center;
	-o-object-fit: contain;
	object-fit: contain;
}
.main-catalog__caption {
	position: absolute;
	width: 100%;
	text-align: center;
	left: 0;
	bottom: 0;
	padding-bottom: 16px;
	font-size: 16px;
	color: #7d7d7d;
	transition: color 0.3s ease-in-out;
}
.main-catalog_page {
	padding-top: 0;
}
.main-catalog_page .main-catalog__body {
	margin-top: 0px;
}
@media (max-width: 1230px) {
	.main-catalog {
		padding-top: 30px;
		padding-bottom: 30px;
	}
	.main-catalog__body {
		grid-template-columns: repeat(4, 1fr);
		gap: 20px;
		margin-top: 24px;
	}
	.main-catalog_page {
		padding-top: 0;
	}
	.main-catalog_page .main-catalog__body {
		margin-top: 0px;
	}
}
@media (max-width: 1010px) {
	.main-catalog__caption {
		padding-bottom: 12px;
		font-size: 14px;
	}
}
@media (max-width: 760px) {
	.main-catalog {
		padding-top: 20px;
		padding-bottom: 20px;
	}
	.main-catalog_page .main-catalog__body {
		flex-wrap: wrap;
	}
	.main-catalog_page .main-catalog__card {
		width: calc(50% - 8px);
		min-width: auto;
	}
	.main-catalog__scroll.dragscroll {
		overflow: auto;
		padding: 15px;
		margin: 5px -15px -15px;
	}
	.main-catalog__body {
		display: flex;
		gap: 16px;
		margin-top: 0px;
	}
	.main-catalog__card {
		width: 150px;
		min-width: 150px;
	}
	.main-catalog__last {
		height: 100%;
		padding: 1px;
	}
	.main-catalog_page {
		padding-top: 0;
	}
	.main-catalog_page .main-catalog__body {
		margin-top: 0px;
	}
}
.menu {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100vh;
	z-index: 888;
	background-color: rgba(255, 255, 255, 0.4);
	-webkit-backdrop-filter: blur(5px);
	backdrop-filter: blur(5px);
	opacity: 0;
	visibility: hidden;
	transition: all 0.3s;
}
.menu.active {
	opacity: 1;
	visibility: visible;
}
.menu.active .menu__body {
	transform: translateX(0px);
	opacity: 1;
	visibility: visible;
}
.menu__body {
	height: 100%;
	background-color: #fff;
	padding: 40px;
	width: -webkit-fit-content;
	width: -moz-fit-content;
	width: fit-content;
	display: flex;
	box-shadow: 0 0 20px 0 rgba(27, 27, 27, 0.05);
	transform: translateX(-40px);
	opacity: 0;
	visibility: hidden;
	transition: all 0.3s;
}
.menu__container {
	height: 100%;
	position: relative;
}
.menu__container.dragscroll::-webkit-scrollbar {
	width: 6px;
	height: auto;
	background-color: #f4f4f6;
	border-radius: 6px;
	opacity: 1;
	display: block;
}
.menu__container.dragscroll::-webkit-scrollbar-thumb {
	background-color: rgba(0, 124, 193, 0.3);
	border-radius: 6px;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
	display: block;
}
.menu__container.dragscroll::-webkit-scrollbar-thumb:hover {
	background-color: rgba(0, 124, 193, 0.6);
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}
.menu__block {
	min-width: 600px;
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
	visibility: hidden;
	transform: translateX(-15px);
	transition: all 0s;
}
.menu__block.active {
	position: relative;
	opacity: 1;
	visibility: visible;
	transform: translateX(0px);
	transition: all 0.3s ease-in-out;
}
.menu__wrap {
	display: flex;
	gap: 48px;
	padding: 8px 40px;
}
.menu__coll {
	display: flex;
	flex-direction: column;
	gap: 32px;
}
.menu__box {
	display: flex;
	flex-direction: column;
	gap: 12px;
}
.menu__caption {
	display: block;
	font-size: 14px;
	color: #2a3342;
	transition: color 0.3s ease-in-out;
}
@media (hover: hover) {
	.menu__caption:hover {
		color: #0372b0;
	}
}
.menu__list ul {
	display: flex;
	flex-direction: column;
	gap: 6px;
}
.menu__list ul li a {
	display: block;
	font-weight: 400;
	font-size: 12px;
	color: #7d7d7d;
	transition: color 0.3s ease-in-out;
}
@media (hover: hover) {
	.menu__list ul li a:hover {
		color: #0372b0;
	}
}
.menu-nav {
	height: 100%;
	width: 230px;
	padding-right: 15px;
}
.menu-nav.dragscroll::-webkit-scrollbar {
	width: 6px;
	height: auto;
	background-color: #f4f4f6;
	border-radius: 6px;
	opacity: 1;
	display: block;
}
.menu-nav.dragscroll::-webkit-scrollbar-thumb {
	background-color: rgba(0, 124, 193, 0.3);
	border-radius: 6px;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
	display: block;
}
.menu-nav.dragscroll::-webkit-scrollbar-thumb:hover {
	background-color: rgba(0, 124, 193, 0.6);
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}
.menu-nav__wrap,
.menu-nav__top,
.menu-nav__items {
	display: flex;
	flex-direction: column;
	gap: 8px;
}
.menu-nav__wrap {
	gap: 48px;
}
.menu-nav__item {
	display: flex;
	align-items: center;
	gap: 6px;
	border-radius: 6px;
	padding: 8px 12px;
	font-size: 14px;
	color: #2a3342;
	background-color: transparent;
	transition: all 0.3s ease-in-out;
}
.menu-nav__item.active {
	color: #fff;
	background-color: #007cc1;
}
@media (hover: hover) {
	.menu-nav__item:hover {
		color: #fff;
		background-color: #007cc1;
	}
}
.modal {
	border-radius: 12px;
	padding: 40px;
	position: relative;
	margin: 50px 15px;
}
.modal__top {
	display: flex;
	flex-direction: column;
	gap: 12px;
	margin-bottom: 32px;
}
.modal__subtitle {
	color: #7d7d7d;
}
.modal-closed {
	position: absolute;
	width: 24px;
	height: 24px;
	top: 24px;
	right: 24px;
	cursor: pointer;
	transition: all 0.3s ease-in-out;
}
@media (hover: hover) {
	.modal-closed:hover {
		transform: scale(1.1) rotate(180deg);
	}
}
.modal .form__body {
	gap: 24px;
}
.modal .form__bottom {
	gap: 32px;
}
.modal .form__bottom-box {
	display: flex;
	align-items: flex-start;
	flex-direction: column;
	gap: 12px;
}
.modal .form__bottom-desc {
	letter-spacing: -0.06em;
	color: #c1c1c1;
	font-weight: 500;
}
.modal .form__bottom-desc a {
	text-decoration: underline;
	-webkit-text-decoration-skip-ink: none;
	text-decoration-skip-ink: none;
	color: #007cc1;
}
.modal .form__btn {
	padding: 8px 32px;
	width: auto;
	margin-top: 32px;
}
.modal .checbox {
	align-items: center;
}
.modal .checbox__icon {
	margin-right: 6px;
}
.modal .checbox__box {
	gap: 0;
	flex: auto;
	width: calc(100% - 28px);
}
.modal .checbox__caption {
	display: block;
	max-width: 450px;
}
.modal .checbox__caption a {
	text-decoration: underline;
	-webkit-text-decoration-skip-ink: none;
	text-decoration-skip-ink: none;
	color: #007cc1;
}
.thanks-modal {
	min-width: 600px;
	text-align: center;
}
.thanks-modal .btn {
	padding: 8px 24px;
}
.fancybox-button {
	display: none;
}
.fancybox-slide--html {
	padding: 0;
}
.review-modal {
	min-width: 860px;
}
.review-modal__rating {
	margin-bottom: 32px;
}
.review-modal textarea {
	height: 34px;
}
.modal-card {
	display: flex;
	align-items: center;
	gap: 12px;
	margin-bottom: 12px;
}
.modal-card__img {
	width: 120px;
	height: 120px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.modal-card__img img {
	width: 100%;
	height: 100%;
	-o-object-fit: contain;
	object-fit: contain;
}
.modal-card__caption {
	font-weight: 600;
	font-size: 16px;
	color: #2a3342;
	max-width: calc(100% - 132px);
}
@media (max-width: 1010px) {
	.review-modal {
		min-width: 730px;
	}
}
@media (max-width: 760px) {
	.modal {
		border-radius: 8px;
		padding: 24px 15px;
	}
	.modal__top {
		gap: 8px;
		margin-bottom: 20px;
	}
	.modal-closed {
		top: 10px;
		right: 10px;
	}
	.modal .form__body,
	.modal .form__bottom {
		gap: 16px;
	}
	.modal .form__btn {
		width: 100%;
		margin-top: 20px;
	}
	.thanks-modal {
		min-width: calc(100% - 30px);
	}
	.review-modal {
		min-width: calc(100% - 30px);
	}
	.review-modal__rating {
		margin-bottom: 20px;
	}
	.modal-card {
		gap: 8px;
		margin-bottom: 8px;
	}
	.modal-card__img {
		width: 80px;
		height: 80px;
	}
	.modal-card__caption {
		font-size: 16px;
		max-width: calc(100% - 88px);
	}
}
.order__body {
	display: flex;
	justify-content: space-between;
}
.order__wrap {
	width: 610px;
	display: flex;
	flex-direction: column;
	gap: 32px;
}
.order__cards {
	display: flex;
	gap: 16px;
	flex-wrap: wrap;
}
.order__aggrements {
	margin-top: 32px;
}
.order .form__body {
	margin-bottom: 32px;
}
.order-item {
	display: flex;
	align-items: center;
	justify-content: space-between;
	color: #7d7d7d;
}
.order-item p {
	color: #2a3342;
}
.order-aside {
	width: 375px;
}
.order-aside__btn {
	width: 100%;
	height: 48px;
	margin-bottom: 20px;
}
.order-aside__top {
	padding-bottom: 6px;
	margin-bottom: 23px;
	border-bottom: 1px solid #e8e8e8;
}
.order-aside__top .order-item {
	font-weight: 500;
	color: #2a3342;
}
.order-aside__items {
	display: flex;
	flex-direction: column;
	gap: 6px;
}
.order-aside__bottom {
	margin-top: 6px;
}
.order-aside__bottom .order-item {
	align-items: flex-end;
	font-weight: 500;
	color: #2a3342;
}
.order-aside__bottom .order-item__caption {
	padding-bottom: 2px;
}
.order-aside__bottom .order-item__value {
	font-weight: 500;
	font-size: 20px;
	color: #006933;
}
.order-card {
	width: 160px;
	font-weight: 500;
	color: #2a3342;
	display: flex;
	flex-direction: column;
	gap: 6px;
}
.order-card__img {
	width: 160px;
	height: 160px;
}
.order-card__img img {
	width: 100%;
	height: 100%;
	-o-object-fit: contain;
	object-fit: contain;
}
@media (max-width: 1230px) {
	.order__wrap {
		width: 580px;
	}
	.order-aside {
		width: 320px;
	}
}
@media (max-width: 1010px) {
	.order__wrap {
		width: calc(100% - 280px);
		gap: 24px;
	}
	.order__aggrements {
		margin-top: 16px;
	}
	.order .form__body {
		margin-bottom: 20px;
	}
	.order-aside {
		width: 250px;
	}
}
@media (max-width: 760px) {
	.order__body {
		flex-direction: column-reverse;
		gap: 24px;
		padding-top: 12px;
	}
	.order__wrap {
		width: 100%;
		gap: 16px;
	}
	.order .form__btn {
		width: 100%;
	}
	.order-aside {
		width: 100%;
	}
	.order-aside__top {
		margin-bottom: 12px;
	}
}
.product-reviews {
	max-width: 680px;
}
.product-reviews__wrap {
	display: flex;
	flex-direction: column;
	gap: 12px;
}
.product-reviews__card {
	border-radius: 6px;
	padding: 24px;
	box-shadow: 0 0 20px 0 rgba(27, 27, 27, 0.05);
	background: #fff;
}
.product-reviews__top {
	display: flex;
	align-items: center;
	gap: 32px;
	margin-bottom: 12px;
}
.product-reviews__name {
	font-weight: 500;
	color: #2a3342;
}
.product-reviews__btn {
	padding: 8px 28px;
	margin-top: 24px;
}
@media (max-width: 760px) {
	.product-reviews__top {
		gap: 24px;
	}
	.product-reviews__btn {
		width: 100%;
	}
}
.product {
	padding-bottom: 36px;
}
.product__body {
	display: flex;
	justify-content: space-between;
	margin-bottom: 120px;
}
.product__left {
	width: 540px;
}
.product__left-bottom {
	position: relative;
	margin-top: 24px;
}
.product__left-bottom .arrow {
	position: absolute;
	top: calc(50% - 16px);
	z-index: 8;
}
.product__left-bottom .arrow_prev {
	left: -16px;
}
.product__left-bottom .arrow_next {
	right: -16px;
}
.product__left-bottom .arrow.swiper-button-disabled {
	opacity: 0;
	visibility: hidden;
}
.product__top {
	padding: 24px;
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
}
.product__tags {
	display: flex;
	align-items: flex-start;
	flex-direction: column;
	gap: 6px;
}
.product__tags .tag {
	height: 18px;
	padding-top: 0;
	padding-bottom: 0;
	align-items: center;
}
.product__right {
	width: 585px;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 24px;
}
.product__name {
	font-weight: 600;
	font-size: 20px;
	line-height: 1;
	color: #2a3342;
	margin-top: 2px;
	margin-bottom: 12px;
}
.product__prices {
	display: flex;
	align-items: flex-end;
	gap: 6px;
}
.product__price {
	font-weight: 500;
	font-size: 23px;
	color: #2a3342;
}
.product__price-old {
	text-decoration: line-through;
	color: #c1c1c1;
	margin-bottom: 3px;
}
.product__caption {
	font-weight: 500;
	color: #2a3342;
}
.product__row {
	display: flex;
	flex-direction: column;
	gap: 12px;
}
.product__coll {
	display: flex;
	flex-direction: column;
	gap: 6px;
}
.product__payment {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
}
.product__payment-icon {
	width: 35px;
	height: 24px;
}
.product__payment-icon img {
	width: 100%;
	height: 100%;
	-o-object-fit: contain;
	object-fit: contain;
}
.product-tabs {
	position: relative;
	margin-top: 12px;
}
.product-block {
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
	visibility: hidden;
	transform: translateY(-15px);
	transition: all 0s;
}
.product-block.active {
	position: relative;
	opacity: 1;
	visibility: visible;
	transform: translateY(0px);
}
.product-block .product-params {
	width: 100%;
	max-width: 460px;
}
.product-description {
	max-width: 680px;
}
.product .tabs {
	position: relative;
}
.product .tabs::before {
	content: "";
	position: absolute;
	width: 100%;
	height: 1px;
	left: 0;
	bottom: 0;
	background-color: #e8e8e8;
}
.product .tabs__list {
	display: flex;
	gap: 52px;
}
.product-swiper *,
.product-slick * {
	box-sizing: border-box;
}
.product-swiper__slide {
	opacity: 0 !important;
	visibility: hidden;
	transition: all 0.3s ease-in-out !important;
}
.product-swiper__slide.swiper-slide-active {
	opacity: 1 !important;
	visibility: visible;
}
.product-swiper__img {
	display: flex;
	align-content: center;
	justify-content: center;
	width: 100%;
	height: 345px;
}
.product-swiper__img img {
	max-width: 100%;
	max-height: 100%;
	-o-object-fit: contain;
	object-fit: contain;
}
.product-slick__slide {
	border-radius: 6px;
	width: 100%;
	height: 80px;
	padding: 0px 20px;
	border: 1px solid transparent;
	transition: all 0.3s ease-in-out !important;
}
.product-slick__slide:hover,
.product-slick__slide.swiper-slide-thumb-active {
	border-color: #c1c1c1;
}
.product-slick__img {
	display: flex;
	align-content: center;
	justify-content: center;
	width: 100%;
	height: 100%;
}
.product-slick__img img {
	max-width: 100%;
	max-height: 100%;
	-o-object-fit: contain;
	object-fit: contain;
}
.product-colors__box {
	position: relative;
	display: flex;
	align-items: center;
	margin-top: 12px;
}
.product-colors-swiper {
	width: 134px;
	height: 22px;
}
.product-colors-swiper__slide {
	width: 20px;
	height: 20px;
	border-radius: 50%;
	cursor: pointer;
	border: 1px solid transparent;
}
.product-colors-swiper__slide.swiper-slide-active {
	border-color: #007cc1;
}
.product-colors-swiper__dots {
	display: flex;
	width: 100%;
	height: 100%;
	border-radius: 50%;
}
.product-colors-swiper__dots_green {
	background-color: #006933;
}
.product-colors-swiper__dots_gray {
	background-color: #808080;
}
.product-colors-swiper__dots_yelow {
	background-color: #ecd4a7;
}
.product-colors-swiper__dots_orange {
	background-color: #a45923;
}
.product-colors-swiper__dots_blue {
	background-color: #002a69;
}
.product-colors .arrow {
	position: relative;
	z-index: 8;
	width: 22px;
	height: 22px;
	padding: 0px;
}
.product-colors .arrow_prev {
	left: -38px;
}
.product-colors .arrow_next {
	margin-left: 6px;
}
.product-colors .arrow.swiper-button-disabled {
	opacity: 0;
	visibility: hidden;
}
.product-nav {
	display: flex;
	align-items: center;
	gap: 12px;
	margin-bottom: 8px;
}
.product-nav__btn {
	width: 162px;
	height: 42px;
}
.product-nav-favorits {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	font-weight: 400;
	font-size: 14px;
	text-decoration: underline;
	color: #007cc1;
}
.product-nav-favorits svg * {
	transition: all 0.3s ease-in-out;
}
@media (hover: hover) {
	.product-nav-favorits:hover svg * {
		fill: #007cc1;
		stroke: #007cc1;
	}
}
.product-params {
	width: 372px;
	display: flex;
	flex-direction: column;
	gap: 6px;
}
.product-params__block,
.product-params__row {
	display: flex;
	flex-direction: column;
	gap: 6px;
}
.product-params__coll {
	display: flex;
	justify-content: space-between;
	position: relative;
	z-index: 10;
}
.product-params__coll::before {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	bottom: calc(100% - 12px);
	left: 0;
	border-bottom: 1px dashed #7d7d7d;
}
.product-params__coll-caption {
	position: relative;
	color: #7d7d7d;
}
.product-params__coll-caption span {
	background-color: #fff;
	padding-right: 8px;
}
.product-params__coll-value {
	position: relative;
	color: #2a3342;
	text-align: right;
}
.product-params__coll-value span {
	display: block;
	background-color: #fff;
	padding-left: 8px;
}
.product-params-info {
	display: flex;
	align-items: center;
	gap: 2px;
}
.product-params-info__box {
	position: relative;
	cursor: pointer;
}
.product-params-info__box:hover .product-params-info__hidden {
	transform: translateY(0px);
	opacity: 1;
	visibility: visible;
}
.product-params-info__icon {
	width: 16px;
	height: 16px;
}
.product-params-info__hidden {
	width: 202px;
	text-align: left;
	padding: 12px;
	position: absolute;
	bottom: 100%;
	left: 100%;
	border-radius: 6px;
	box-shadow: 0 0 20px 0 rgba(27, 27, 27, 0.05);
	background-color: #fff;
	color: #7d7d7d;
	transform: translateY(10px);
	opacity: 0;
	visibility: hidden;
	transition: all 0.3s ease-in-out;
}
.product-params .art {
	line-height: 1;
	font-weight: 400;
	font-size: 14px;
	color: #2a3342;
}
@media (max-width: 1310px) {
	.product__body {
		margin-bottom: 100px;
	}
	.product-params-info__hidden {
		left: auto;
		right: 0;
	}
}
@media (max-width: 1230px) {
	.product__body {
		margin-bottom: 80px;
	}
	.product__top {
		padding: 0 0 16px;
	}
	.product__left {
		width: 49%;
	}
	.product__right {
		width: 46%;
	}
	.product-nav__btn {
		width: 148px;
		height: 40px;
	}
}
@media (max-width: 1010px) {
	.product__right {
		gap: 20px;
	}
	.product__price {
		font-size: 20px;
	}
	.product__price-old {
		margin-bottom: 0px;
	}
	.product-nav {
		gap: 16px 12px;
		margin-bottom: 0;
		flex-wrap: wrap;
	}
	.product-colors__box {
		margin-top: 8px;
	}
	.product-params {
		width: 100%;
	}
}
@media (max-width: 760px) {
	.product__body {
		flex-direction: column;
		gap: 24px;
		margin-bottom: 40px;
	}
	.product__top {
		padding: 0 0 16px;
	}
	.product__left {
		width: 100%;
	}
	.product__left-bottom .arrow.swiper-button-disabled {
		opacity: 1;
		visibility: visible;
	}
	.product__right {
		width: 100%;
	}
	.product__right-top {
		display: flex;
		flex-direction: column-reverse;
		gap: 8px;
	}
	.product__name {
		margin-top: 0px;
		margin-bottom: 0px;
	}
	.product__row {
		gap: 20px;
	}
	.product-nav {
		width: 100%;
		justify-content: space-between;
	}
	.product-nav__btn:nth-child(1) {
		width: 60%;
		order: 2;
	}
	.product-nav__btn:nth-child(2) {
		width: 100%;
		order: 1;
	}
	.product-nav-favorits {
		order: 3;
	}
	.product-slick__slide {
		height: 64px;
		padding: 0px 12px;
	}
	.product-colors-swiper {
		width: 100%;
	}
}
.promo-benefits {
	margin-top: 54px;
	overflow: visible;
}
.promo-benefits.dragscroll {
	overflow: visible;
}
.promo-benefits__row {
	display: flex;
	gap: 29px;
}
.promo-benefits__coll {
	width: auto;
	flex-shrink: inherit;
	display: flex;
	align-items: center;
	gap: 12px;
	padding: 16px 32px;
	box-shadow: 0 0 20px 0 rgba(27, 27, 27, 0.05);
	background-color: #fff;
}
.promo-benefits__icon {
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	width: 48px;
	height: 48px;
	background-color: #f5f5f6;
}
.promo-benefits__caption {
	flex: 1;
	font-weight: 500;
	font-size: 16px;
	line-height: 137%;
	color: #2a3342;
}
@media (max-width: 1230px) {
	.promo-benefits {
		margin-top: 50px;
	}
	.promo-benefits__row {
		gap: 16px;
	}
	.promo-benefits__coll {
		gap: 12px;
		padding: 12px 16px;
	}
	.promo-benefits__icon {
		width: 42px;
		height: 42px;
		padding: 6px;
	}
	.promo-benefits__caption {
		font-size: 14px;
	}
}
@media (max-width: 1010px) {
	.promo-benefits {
		gap: 10px;
	}
	.promo-benefits__row {
		flex-wrap: wrap;
	}
	.promo-benefits__coll {
		width: calc(50% - 40px);
		flex-shrink: 0;
	}
}
@media (max-width: 760px) {
	.promo-benefits {
		overflow: hidden;
		padding: 15px;
		margin: 17px -15px -15px;
	}
	.promo-benefits__row {
		flex-wrap: nowrap;
		gap: 0;
	}
	.promo-benefits__coll {
		width: calc(50% - 8px);
		margin-right: 0px;
		gap: 8px;
		padding: 10px 10px;
		min-width: 184px;
	}
	.promo-benefits__coll:last-child {
		margin-right: 0px;
	}
	.promo-benefits__icon {
		width: 32px;
		height: 32px;
		padding: 5px;
	}
	.promo-benefits__last {
		height: 100%;
		padding: 1px;
	}
	.promo-benefits .swiper-wrapper {
		transition-timing-function: linear !important;
	}
}
.promo {
	padding-top: 36px;
	padding-bottom: 36px;
}
.promo__body {
	display: flex;
	justify-content: space-between;
	gap: 48px;
}
.promo__left {
	width: 668px;
	box-shadow: 0 0 20px 0 rgba(27, 27, 27, 0.05);
	position: relative;
}
.promo__right {
	border-radius: 6px;
	width: 564px;
	position: relative;
}
.promo .arrow {
	position: absolute;
	top: calc(50% - 16px);
	z-index: 1;
}
.promo .arrow_prev {
	left: -16px;
}
.promo .arrow_next {
	right: -16px;
}
.promo-swiper-pagination {
	position: absolute;
	bottom: -18px !important;
	justify-content: center;
	display: flex;
}
.promo-swiper-pagination .swiper-pagination-bullet {
	width: 8px;
	height: 8px;
	background: #d9d9d9;
	opacity: 1;
}
.promo-swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
	background: #7d7d7d;
}
.promo-slick {
	height: 100%;
	box-shadow: 0 0 20px 0 rgba(27, 27, 27, 0.05);
	background: #fff;
}
.promo-slick * {
	box-sizing: border-box;
}
.promo-slick__body {
	padding: 32px;
}
.promo-slick__top {
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
	gap: 16px;
	margin-bottom: 20px;
}
.promo-slick__title {
	display: flex;
	align-items: center;
	gap: 9px;
	font-weight: 500;
	font-size: 24px;
	line-height: 113%;
	color: #2a3342;
}
.promo-slick__wrap {
	display: flex;
	justify-content: space-between;
	gap: 46px;
}
.promo-slick__left {
	width: 200px;
	display: flex;
	align-items: flex-start;
	flex-direction: column;
	gap: 35px;
}
.promo-slick__img {
	width: 100%;
}
.promo-slick__right {
	flex: 1;
	display: flex;
	flex-direction: column;
	gap: 50px;
}
.promo-slick__art {
	font-weight: 600;
	font-size: 12px;
	line-height: 167%;
	color: #c1c1c1;
	margin-bottom: 7px;
}
.promo-slick__name {
	font-size: 16px;
	line-height: 1.2;
	color: #2a3342;
	margin-bottom: 17px;
}
.promo-slick__info {
	display: flex;
	align-items: flex-start;
	gap: 14px;
}
.promo-slick__price {
	font-weight: 700;
	font-size: 24px;
	color: #2a3342;
	margin-bottom: 6px;
}
.promo-slick__price-old {
	font-size: 14px;
	line-height: 143%;
	text-decoration: line-through;
	color: #c1c1c1;
	margin-left: 4px;
}
.promo-slick__sale {
	display: inline-flex;
	font-weight: 600;
	font-size: 14px;
	line-height: 143%;
	color: #fff;
	background-color: #ff5345;
	border-radius: 4px;
	padding: 2px 9px;
}
.promo-slick__nav {
	display: flex;
	align-items: center;
	gap: 16px;
}
.promo-slick__items {
	display: flex;
	align-items: center;
	gap: 12px;
}
.promo-slick__item svg * {
	transition: all 0.3s ease-in-out;
}
@media (hover: hover) {
	.promo-slick__item:hover {
		color: #0372b0;
	}
	.promo-slick__item:hover svg * {
		fill: #0372b0;
		stroke: #0372b0;
	}
}
.promo-slick__btn {
	min-width: 162px;
}
@media (max-width: 1310px) {
	.promo__left {
		width: 600px;
	}
	.promo__right {
		width: 550px;
	}
	.promo-slick__body {
		padding: 24px;
	}
	.promo-slick__right {
		gap: 32px;
	}
}
@media (max-width: 1230px) {
	.promo__body {
		gap: 32px;
	}
	.promo__left {
		width: calc(50% - 16px);
	}
	.promo__right {
		width: calc(50% - 16px);
	}
	.promo .arrow_prev {
		left: -6px;
	}
	.promo .arrow_next {
		right: -6px;
	}
	.promo-slick__body {
		padding: 16px;
	}
	.promo-slick__top {
		gap: 12px;
		margin-bottom: 12px;
	}
	.promo-slick__title {
		gap: 6px;
		font-size: 20px;
		line-height: 110%;
	}
	.promo-slick__wrap {
		gap: 16px;
	}
	.promo-slick__img img {
		max-height: 110px;
	}
	.promo-slick__name {
		font-size: 14px;
		margin-bottom: 10px;
	}
	.promo-slick__price {
		font-size: 20px;
		margin-bottom: 2px;
	}
	.promo-slick__right {
		gap: 12px;
	}
}
@media (max-width: 1010px) {
	.promo__body {
		flex-direction: column;
	}
	.promo__left,
	.promo__right {
		width: 100%;
	}
	.promo-slick__wrap {
		gap: 32px;
	}
	.promo-slick__img img {
		max-height: 180px;
	}
	.promo-slick__name {
		font-size: 16px;
	}
}
@media (max-width: 760px) {
	.promo__right {
		display: none;
	}
	.promo-slick__body {
		padding: 15px;
	}
	.promo-slick__title {
		gap: 4px;
		font-size: 16px;
	}
	.promo-slick__title img {
		width: 16px;
		height: 16px;
	}
	.promo-slick__wrap {
		gap: 16px;
		flex-direction: column;
	}
	.promo-slick__left {
		width: 100%;
		gap: 16px;
	}
}
.quantity {
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 6px 12px;
	background-color: #f4f4f6;
	gap: 8px;
}
.quantity-value input {
	font-family: var(--font-family);
	border-radius: 0px;
	width: 50px;
	height: 24px;
	text-align: center;
	font-weight: 600;
	font-size: 16px;
	color: #2a3342;
	background-color: transparent;
	border: none;
}
.quantity-btn {
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 0px;
	width: 24px;
	height: 24px;
	border: none;
	background-color: transparent;
	cursor: pointer;
	transition: all 0.3s;
}
.quantity-btn.disabled svg * {
	stroke: #c1c1c1;
	transition: all 0.3s ease-in-out;
}
@media (max-width: 1010px) {
	.quantity {
		width: 140px;
	}
}
.rating-item-contanier {
	flex-wrap: wrap;
	margin-bottom: 0px;
}
.rating-item-contanier .rating-item__stars {
	width: 260px;
	height: 52px;
}
.rating-item-contanier .rating-item__value {
	height: 52px;
}
.rating-item.error {
	color: #eb25c9;
	animation-name: field-error;
	animation-duration: 1s;
	animation-fill-mode: both;
}
.rating-item__title {
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 10px;
}
.rating-item__stars {
	width: 260px;
	height: 52px;
	margin: 0 auto;
}
.rating-item__stars input[type="radio"] {
	display: none;
}
.rating-item__stars input[type="radio"]:checked ~ .rating-item__value {
	background: url(../img/rating-item/star-active.svg) no-repeat center center;
	background-size: 100% 100%;
}
.rating-item__value {
	float: right;
	display: block;
	width: 20%;
	height: 52px;
	background: url(../img/rating-item/star-normal.svg) no-repeat center center;
	background-size: 100% 100%;
	cursor: pointer;
}
.rating-item__value:not(.rating-item__value_disabled):hover {
	background: url(../img/rating-item/star-active.svg) no-repeat center center;
	background-size: 100% 100%;
}
.rating-item__value:not(.rating-item__value_disabled):hover ~ .rating-item__value {
	background: url(../img/rating-item/star-active.svg) no-repeat center center;
	background-size: 100% 100%;
}
.rating-item__value_disabled {
	cursor: default;
}
.rating-item__desc {
	font-size: 14px;
	letter-spacing: -0.06em;
	color: #c1c1c1;
	margin-top: 12px;
	text-align: center;
}
@keyframes field-error {
	10%,
	90% {
		transform: translate3d(-1px, 0, 0);
	}
	20%,
	80% {
		transform: translate3d(2px, 0, 0);
	}
	30%,
	50%,
	70% {
		transform: translate3d(-4px, 0, 0);
	}
	40%,
	60% {
		transform: translate3d(4px, 0, 0);
	}
}
@media (max-width: 760px) {
	.rating-item__stars {
		width: 200px;
		height: 42px;
	}
	.rating-item__value {
		height: 42px;
	}
	.rating-item__desc {
		margin-top: 8px;
	}
}
.vendor {
	position: fixed;
	display: flex;
	align-items: center;
	gap: 16px;
	top: 20px;
	right: 15px;
	border-radius: 6px;
	padding: 16px 24px;
	box-shadow: 0 0 20px 0 rgba(27, 27, 27, 0.05);
	background-color: #fff;
	z-index: 160;
	transform: translateX(300px);
	opacity: 0;
	visibility: hidden;
	transition: all 0.3s ease-in-out;
}
.vendor.active {
	transform: translateX(0px);
	opacity: 1;
	visibility: visible;
}
.vendor__img {
	width: 100px;
	height: 100px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.vendor__img img {
	width: 100%;
	height: 100%;
	-o-object-fit: contain;
	object-fit: contain;
}
.vendor__box {
	width: calc(100% - 116px);
	max-width: 200px;
	display: flex;
	flex-direction: column;
	gap: 8px;
}
.vendor__сaption {
	font-weight: 500;
	font-size: 16px;
	line-height: 120%;
	color: #2a3342;
}
.vendor__name {
	font-weight: 500;
	font-size: 14px;
	line-height: 120%;
	color: #2a3342;
}
.vendor-closed {
	position: absolute;
	top: 8px;
	right: 8px;
	cursor: pointer;
	transition: all 0.3s ease-in-out;
}
@media (hover: hover) {
	.vendor-closed:hover {
		transform: scale(1.1) rotate(180deg);
	}
}
@media (max-width: 760px) {
	.vendor {
		gap: 10px;
		padding: 15px;
	}
}
.vendor-code {
	position: fixed;
	top: -100px;
	left: 50%;
	transform: translateX(-50%);
	background-color: rgba(0, 124, 193, 0.8);
	z-index: 999;
	padding: 12px;
	display: flex;
	align-items: center;
	gap: 8px;
	border-radius: 12px;
	overflow: hidden;
	font-weight: 500;
	color: #fff;
	-webkit-backdrop-filter: blur(3px);
	backdrop-filter: blur(3px);
	white-space: nowrap;
	transition: top 0.3s ease-in-out;
}
.vendor-code__icon {
	width: 24px;
	height: 24px;
	position: relative;
}
.vendor-code__icon::before {
	content: "";
	position: absolute;
	z-index: 1;
	top: 50%;
	left: 50%;
	width: 30%;
	height: 50%;
	box-sizing: border-box;
	border-color: #fff;
	border-style: solid;
	border-width: 0 2px 2px 0;
	transform: rotate(45deg) translate(-100%, -25%) scale(1);
}
.vendor-code.active {
	top: 100px;
}

.article .is-large.wc-block-cart .wc-block-cart__totals-title,
.article .wc-block-components-formatted-money-amount {
	font-family: var(--font-family);
	font-size: 14px;
	font-weight: 500;
	margin: 0;
	padding: 0px 0px 8px 0;
	text-transform: none;
}
.article .wc-block-components-totals-item__label {
	color: #7d7d7d;
}
.article .wc-block-components-totals-footer-item .wc-block-components-totals-item__label {
	font-weight: 500;
	color: #2a3342;
}
.article .is-large .wc-block-components-sidebar .wc-block-components-totals-item {
	padding: 0;
}
.article .wc-block-components-totals-item .wc-block-components-formatted-money-amount {
	padding: 0;
}

.article table.wc-block-cart-items .wc-block-cart-items__header th {
	font-weight: 500;
}
.article .wc-block-cart-items__header-image,
.article .wc-block-cart-items__header-total {
	padding: 8px 0px;
	white-space: nowrap;
	text-align: left;
	font-weight: 500;
	text-transform: none;
	font-size: 14px;
}
.article .wc-block-cart-items__header-total {
	text-align: right;
}

.article .wc-block-cart-items__row .wc-block-components-formatted-money-amount {
	font-size: 23px;
	color: #006933;
	padding: 0;
}

.article .wc-block-components-product-badge {
	font-size: 14px;
	font-weight: 500;
	padding: 8px 12px;
	text-transform: none;
	white-space: nowrap;
	display: inline-flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 8px;
	border-color: #7d7d7d;
}

.article .wc-block-components-product-metadata .wc-block-components-product-metadata__description > p {
	font-size: 16px;
	color: #007cc1;
}

.article .wc-block-components-product-name {
	display: block;
	font-weight: 600;
	font-size: 16px;
	color: #2a3342;
	transition: color 0.3s ease-in-out;
}

.article .wc-block-cart-item__image a {
	width: 160px;
	height: 160px;
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
}

.wc-block-components-button,
.form-row button {
	font-family: var(--font-family);
	display: inline-flex;
	align-items: center;
	justify-content: center;
	font-weight: 400;
	font-size: 14px;
	line-height: 171%;
	text-align: center;
	color: #fff;
	border-radius: 6px;
	padding: 9px 13px;
	background-color: #007cc1;
	cursor: pointer;
	position: relative;
	overflow: hidden;
	transition: background 0.3s ease-in-out;
}

.article .wc-block-components-sidebar-layout {
	justify-content: space-between;
}
.article .wc-block-components-sidebar {
	margin-top: 0px;
	padding-left: 0;
	width: 375px;
}

.article .wc-block-cart-item__wrap {
	position: relative;
}

.article .wc-block-cart-item__quantity {
	display: flex;
	flex-direction: row-reverse;
	justify-content: space-between;
	align-items: center;
	margin-right: -115px;
}

.article
	table.wc-block-cart-items
	.wc-block-cart-items__row
	.wc-block-cart-item__quantity
	.wc-block-cart-item__remove-link {
	white-space: nowrap;
	text-align: left;
	font-weight: 500;
	text-transform: none;
	font-size: 14px;
	color: #007cc1;
	text-decoration: none;
	transition: all 0.3s ease-in-out;
}

.article table.wc-block-cart-items .wc-block-cart-items__row .wc-block-components-quantity-selector {
	margin-bottom: 0px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 6px;
	background-color: #f4f4f6;
	gap: 0;
	border: none;
	outline: none;
	border-radius: 0;
}

.article .wc-block-components-quantity-selector input.wc-block-components-quantity-selector__input {
	font-family: var(--font-family);
	border-radius: 0px;
	width: 40px;
	height: 24px;
	text-align: center;
	font-weight: 600;
	font-size: 16px;
	color: #2a3342;
	background-color: transparent;
	border: none;
	padding: 0;
}
.article .wc-block-components-quantity-selector .wc-block-components-quantity-selector__button {
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 0px;
	width: 24px;
	height: 24px;
	border: none;
	background-color: transparent;
	cursor: pointer;
	font-size: 24px;
}
.article .wc-block-components-quantity-selector .wc-block-components-quantity-selector__button:focus {
	box-shadow: none;
	outline: none;
}

.article .wc-block-components-product-price__regular {
	color: #7d7d7d;
}
.article .wc-block-components-product-price__value.is-discounted {
	font-size: 18px;
	color: #006933;
}

.kama_breadcrumbs a {
	display: inline-flex;
	font-size: 14px;
	color: #7d7d7d;
	transition: color 0.3s ease-in-out;
}

@media (hover: hover) {
	.wc-block-components-button:hover {
		background-color: #0372b0;
		color: #fff;
	}
	.article .wc-block-components-product-name:hover {
		color: #007cc1;
	}
	.article
		table.wc-block-cart-items
		.wc-block-cart-items__row
		.wc-block-cart-item__quantity
		.wc-block-cart-item__remove-link:hover {
		opacity: 0.6;
	}
	.kama_breadcrumbs a:hover {
		color: #2a3342;
	}
}

@media (max-width: 1230px) {
	.article .wc-block-cart-item__image a {
		width: 140px;
		height: 140px;
	}
	.article .wc-block-components-sidebar {
		width: 320px;
	}
}
@media (max-width: 1010px) {
	.article .wc-block-components-sidebar {
		width: 100%;
	}
	.article .wc-block-components-sidebar-layout .wc-block-components-main {
		padding-right: 0;
		width: 100%;
	}
}
@media (max-width: 782px) {
	.article .wc-block-cart .wc-block-cart__submit-container--sticky {
		background: transparent;
		bottom: 0;
		box-sizing: border-box;
		left: 0;
		padding: 0;
		position: relative;
		width: 100%;
		z-index: 9999;
	}
}
@media (max-width: 760px) {
	.article table.wc-block-cart-items .wc-block-cart-items__row {
		display: flex !important;
		flex-wrap: wrap !important;
		border-top: 1px solid #e8e8e8 !important;
		position: relative !important;
	}
	.article .wc-block-cart-item__quantity,
	.article .is-small table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__quantity {
		margin-right: 0;
		padding: 0;
	}
	.article .wc-block-cart-item__quantity,
	.article .is-small table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__quantity {
		width: 100%;
		flex-direction: column-reverse;
		align-items: flex-end;
		gap: 16px;
	}
	.article .wc-block-cart-items__row .wc-block-components-formatted-money-amount {
		font-size: 20px;
	}
	.article table.wc-block-cart-items td:nth-child(2),
	.article .is-small table.wc-block-cart-items td:nth-child(2) {
		width: calc(100% - 156px);
	}
	.article table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__total,
	.article .is-small table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__total {
		margin-top: -35px;
		display: flex;
		width: 50%;
	}
	.article .wc-block-components-product-metadata .wc-block-components-product-metadata__description > p {
		font-size: 14px;
	}
}

.checkout h3 {
	font-weight: 500;
	margin-bottom: 16px;
}

.form-row label {
	display: block;
}
.form-row input {
	font-family: var(--font-family);
	width: 100%;
	font-size: 14px;
	line-height: 1;
	color: #2a3342;
	border-radius: 0px;
	padding: 8px 0px;
	background-color: transparent;
	border: none;
	border-bottom: 1px solid #e8e8e8;
	position: relative;
	-moz-appearance: none;
	-webkit-appearance: none;
	transition: all 0.3s ease;
	resize: none;
}
.form-row input::-webkit-input-placeholder {
	color: #2a3342;
}
.form-row input::-moz-placeholder {
	color: #2a3342;
}
.form-row input:-moz-placeholder {
	color: #2a3342;
}
.form-row input:-ms-input-placeholder {
	color: #2a3342;
}
.form-row input:focus {
	border-color: #007cc1;
	color: #2a3342;
}

.shop_table {
	width: 100%;
}

.shop_table tr th {
	font-weight: 500;
	padding-top: 10px;
	padding-bottom: 10px;
}

.shop_table tr td {
	padding-top: 10px;
	padding-bottom: 10px;
	border-top: 1px solid #e8e8e8;
}

.shop_table tr td strong {
	font-weight: 500;
}

.shop_table tfoot tr th {
	border-top: 1px solid #e8e8e8;
}

.woocommerce-privacy-policy-text p {
	color: #c1c1c1;
}
.woocommerce-privacy-policy-text p a {
	color: #c1c1c1;
	text-decoration: underline;
	-webkit-text-decoration-skip-ink: none;
	text-decoration-skip-ink: none;
	transition: color 0.3s ease-in-out;
}
.woocommerce-checkout-payment {
	margin-top: 24px;
}
@media (hover: hover) {
	.form-row button:hover {
		background-color: #0372b0;
		color: #fff;
	}
	.woocommerce-privacy-policy-text p a:hover {
		color: #007cc1;
	}
}


.notice {
    position: fixed;
    right: 0;
    left: 0;
    bottom: 0;
    text-align: center;
    z-index: 9999999;
    padding: 27px 0;
    font-size: 22px;
    -webkit-transform: translateY(80px);
    -ms-transform: translateY(80px);
    transform: translateY(80px);
    -webkit-transition: -webkit-transform .3s;
    transition: -webkit-transform .3s;
    -o-transition: transform .3s;
    transition: transform .3s;
    transition: transform .3s,-webkit-transform .3s;
    opacity: 0;
    margin-top: -60px
}

@media (max-width: 760px) {
    .notice {
        padding:20px 0;
        font-size: 18px
    }
}

.notice.active {
    -webkit-transform: translateY(0px);
    -ms-transform: translateY(0px);
    transform: translateY(0px);
    transition: -webkit-transform .3s;
    -webkit-transition: -webkit-transform .3s;
    -o-transition: transform .3s;
    transition: transform .3s;
    transition: transform .3s,-webkit-transform .3s;
    opacity: 1
}

.notice a {
    color: #fff
}

.notice_warning {
    background: #181c19;
    color: #fff
}

.notice_success {
    background-color: #28a745;
    color: #fff
}

.notice_top {
    top: 0;
    bottom: auto
}

ul.woocommerce-error {
    padding: 20px;
    background: #fff4f4;
    border-radius: 10px;
}
ul.woocommerce-error li {
    color: #2a3342;
}

.checkout-custom{
	gap: 40px;
	align-items: flex-start;
}
.checkout-custom__left {
	width: 70%;
}
.checkout-custom__right {
	width: 30%;
}
@media (max-width: 760px) {
	.checkout-custom{
		display: block;
	}
	.checkout-custom__left {
		width: 100%;
		margin-bottom: 30px;
	}
	.checkout-custom__right {
		width: 100%;
	}
}
th.product-name {
    text-align: left;
}

.checkout-custom__right .place-order{
	display: none;
}
.woocommerce-customer-details{
	display: none;
}

.woocommerce-table__product-name.product-name a{
	text-align: left;
	display: inline-block;
	color: #007cc1;
	margin-bottom: 10px;	
}
table.woocommerce-table.woocommerce-table--custom-fields.shop_table.custom-fields {
    text-align: left;
    margin-top: 30px;
}
table.woocommerce-table.woocommerce-table--custom-fields.shop_table.custom-fields tr td {
    border-top: 0px solid #e8e8e8; 
}
td.woocommerce-table__product-total {
    text-align: center;
}
tfoot {
    text-align: center;
}

.card__price .star-rating{
	display: none !important;
}