/*Мой код карточка товара*/

/*breadcrumb*/
.breadcrumb-box ul.breadcrumb {
  padding: 0 0 30px 0;
  list-style: none;
}
.breadcrumb-box ul.breadcrumb li {
  display: inline;
  color: #8B929C;
	font-family: Roboto, sans-serif;
	font-size: 16px;
	font-weight: 400;
	line-height: normal;
}
.breadcrumb-box ul.breadcrumb li+li:before {
  padding: 8px;
  color: black;
  content: "/\00a0";
}
.breadcrumb-box ul.breadcrumb li a {
  color: #8B929C;
  text-decoration: none;
	transition: all .3s ease;
}
.breadcrumb-box ul.breadcrumb li a:hover {
  color: #3865F8;
}
/*breadcrumb-end*/


.swiper-container {
	width: 100%;
	height: 300px;
	margin-left: auto;
	margin-right: auto;
}
.product_card {
	margin-bottom: 50px;
}
.product_card-slide {
	background-size: cover;
	background-position: center;
	border-radius: 3px;
}

.product_gallery-top {
	height: 80%;
	width: 100%;
}

.product_gallery-thumbs {
	height: 20%;
	box-sizing: border-box;
	padding-top: 20px;
	border-radius: 3px;
}

.product_gallery-thumbs .product_card-slide {
	height: 100%;
	/* opacity: 0.4; */
}

.product_gallery-thumbs .swiper-slide-thumb-active {
	border: 2px solid #FFF;
	box-shadow: 0 1px 4px 0 rgba(12, 12, 13, 0.05);
}

.product_item_data {
	display: flex;
	flex-direction: column;
	gap: 20px;
}
.product_card-item_photo {
	height: auto;
	/* width: 460px; */
}

.product_card-items {
	display: grid;
  grid-template-columns: 467px 355px 1fr;
	gap: 20px;
}
@media (max-width: 1320px) {
	.product_card-items {
		grid-template-columns: 1fr 1fr;
	}
	.product_item-charact_items {
		grid-column: 1 / 3;
	}
	.product_card-item_photo {
		width: 620px;
	}
	
}
@media (max-width: 1020px) {
	.product_card-item_photo {
		width: 490px;
	}
}
@media (max-width: 880px) {
	.product_card-items {
		grid-template-columns: 1fr;
	}
	.product_item_data {
		grid-column: 1 / 3;
	}
	.product_card-item_photo {
		height: 600px;
    margin: 0 auto;
		grid-column: 1 / 3;
	}
}
@media (max-width: 510px) {
	.product_card-item_photo {
		width: 290px;
		height: 350px;
	}
}
@media (max-width: 370px) {
	.data__icon-item {
		flex-direction: column;
	}
	.product_data__header .product_data__icons {
		align-items: start;
	}
	.product_data__header .product_card-item_title {
		font-size: 20px;
	}
	.product_size-item .product_size-item_box {
		padding: 14px 0;
		width: 55px;
	}
	.product_size-item_box.product_size-sum {
		padding: 14px 5px;
		width: 100%;
	}
	.product_size-item label {
		font-size: 10.5px;
	}
}
.product_data__icons {
	display: flex;
	justify-content: space-between;
	gap: 15px;
}
.data__icon-item {
	display: flex;
	gap: 15px;
}
.product_card-item_data {
	border-radius: 5px;
	background-color: #FFF;
	padding: 20px;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	gap: 25px;
	height: 100%;
}
.product_data__icon {
	display: flex;
	align-items: center;
	gap: 10px;
	color: #BDC2D3;
	font-family: Roboto, sans-serif;
	font-size: 14px;
	font-weight: 500;
	line-height: normal;
	letter-spacing: -0.28px;
	cursor: pointer;
	transition: all .25s ease;
}
.product_data__icon:hover {
	color: #3865F8;
}
.product_data__icon:hover svg path {
	transition: all .25s ease;
}
.product_data__icon:hover svg path {
	stroke: #3865F8;
}
.product_data__icon-star {
	cursor: default;
}
.product_data__icon-star:hover {
	color: #BDC2D3;
}
.product_data__icon-star:hover svg path {
	stroke: transparent;
}
.product_data__icon--active svg path {
	stroke: #3865F8;
}
.product_card-item_title {
	color: #2D2E33;
	font-family: Roboto, sans-serif;
	font-size: 23px;
	font-weight: 500;
	line-height: normal;
	letter-spacing: -0.48px;
}
.product_data__header {
	display: flex;
	flex-direction: column;
	gap: 15px;
}
.product_card-item_size {
	display: flex;
	gap: 10px;
}
.product_size-item {
	color: #BDC2D3;
	font-family: Roboto, sans-serif;
	font-size: 14px;
	font-weight: 400;
	line-height: normal;
	letter-spacing: -0.28px;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	gap: 5px;
}
.product_size-item_box {
	border-radius: 3px;
	border: 2px solid #DDE5F2;
	font-weight: 500;
	width: 75px;
	height: 40px;
	align-items: center;
	padding: 14px;
	text-align: center;
	color: #8B929C;
	font-family: Roboto, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
	letter-spacing: -0.28px;
	display: flex;
	justify-content: center;
	align-items: center;
}
.product_size-item_box::placeholder, .product_size-sum input::placeholder {
	color: #8B929C;
}
.product_size-item_icon {
	padding-bottom: 12px;
	font-weight: 500;
}
.product_size-sum {
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 5px;
}
.product_size-btn {
	color: #BDC2D3;
	font-weight: 500;
}
.product_size-item label {
	margin: 0;
}
.product_size-sum input {
	background: transparent;
	border: none;
	margin: 0;
	text-align: center;
	color: #8B929C;
	font-family: Roboto, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
	letter-spacing: -0.28px;
	font-weight: 500;
	padding: 0;
}
.product_size-sum input:not([class]):focus {
	box-shadow: none;
}

.product_price-item {
	color: #8B929C;
	text-align: center;
	font-family: Roboto, sans-serif;
	font-size: 14px;
	font-weight: 400;
	line-height: normal;
	letter-spacing: -0.28px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.product_price-item:first-child {
	margin-bottom: 6px;
	padding-bottom: 6px;
	border-bottom: 1px solid #DDE5F2;
}
.product_price-item p {
	margin-bottom: 0;
}
.product_price-item_value {
	display: flex;
	gap: 10px;
}
.product_price-item_value p:first-child {
	color: #BDC2D3;
	text-decoration: line-through;
}
.product_price-item_value p:last-child {
	font-size: 16px;
	font-weight: 600;
}
.product_price-item span {
	color: #2D2E33;
	font-size: 24px;
	font-weight: 700;
	line-height: normal;
	letter-spacing: -0.48px;
}
.product_card-item_btn {
	display: flex;
	flex-direction: column;
	gap: 10px;
}
.product_card-item_btn .main_button {
	padding: 13px 20px;
}
.product_card-item_btn .banner_button {
	padding: 13px 20px;
	background-color: transparent;
	width: 100%;
	border: 1px solid #3865F8;
	color: #3865F8;
}
.product_card-item_btn .banner_button:hover {
	background-color: #3865F8;
	color: #fff;
}
.product_button {
	color: #8B929C;
	font-family: Roboto, sans-serif;
	font-size: 15px;
	font-weight: 400;
	line-height: normal;
	letter-spacing: -0.3px;
	padding-bottom: 5px;
	border-bottom: 2px dashed #8B929C;
	width: max-content;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 10px;
	transition: all .25s ease;
}
.product_button:hover {
	color: #3865F8;
	border-color: #3865F8;
}
.product_button svg path {
	transition: all .25s ease;
}
.product_button:hover svg path {
	stroke: #3865F8;
}

a.product_button:hover {
	text-decoration: none;
}
.product_data-sale {
	border-radius: 3px;
	border: 1px solid #FFF;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	padding: 20px;
	display: flex;
	justify-content: space-between;
	position: relative;
	height: 120px;
	overflow: hidden;
}
.product_data-sale p {
	color: #2D2E33;
	font-family: Roboto, sans-serif;
	font-size: 24px;
	font-weight: 500;
	line-height: normal;
	letter-spacing: -0.48px;
	margin: 0;
	max-width: 215px;
	width: 100%;
	position: absolute;
	transition: 1s ease;
}
.product_data-sale:hover p {
	transform: translateY(100px);
}
.product_data-sale p span {
	color: #3865F8;
}
.product_data-sale .main_button {
	position: absolute;
	transform: translateY(100px);
	width: 250px;
	padding: 20px;
	transition: 1s ease;
}
.product_data-sale:hover .main_button {
	transform: translateY(0);
}
@media (max-width: 880px) {
	.product_data-sale p, .product_data-sale .main_button {
		position: relative;
		transform: translateY(0);
	}
	.product_data-sale {
		gap: 30px;
    justify-content: start;
		height: 100%;
		overflow: auto;
	}
	.product_data-sale:hover p {
		transform: translateY(0);
	}
}
@media (max-width: 605px) {
	.product_data-sale {
		flex-direction: column;
		gap: 20px;
	}
}

.product_data-sale .delivery-item_btn {
	background-color: #BDC2D3;
	position: absolute;
	right: 20px;
	transition: all .3s ease;
}
.product_data-sale:hover .delivery-item_btn {
	background-color: #3865F8;
}

.product_item-charact_items {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	gap: 20px;
}
.product_item-charact {
	width: 100%;
	border-radius: 5px;
	background: #FFF;
	padding: 20px;
	border-radius: 5px;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	gap: 15px;
	height: 100%;
}
.product_item-charact_article {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 40px;
}
.product_article-items {
	display: flex;
	gap: 10px;
	max-width: 291px;
	width: 100%;
	justify-content: space-between;
}
@media (max-width: 440px) {
	.product_article-items {
		flex-direction: column;
	}
	.product_item-charact_article {
		align-items: start;
	}
	.product_item-charact .charact-main_item p {
		max-width: 120px;
		font-size: 13px;
	}
	.product_item-charact .charact-main_item span {
		font-size: 14px;
	}
}
.product_item-charact .product_button {
	margin: 0;
}

.charact-main_item {
	padding: 10px 0;
	border-bottom: 1px solid #DDE5F2;
	display: flex;
	align-items: center;
	gap: 10px;
}
.charact-main_item:last-child {
	border-bottom: none;
}
.charact-main_item p {
	max-width: 160px;
	width: 100%;
	margin: 0;
	color: #BDC2D3;
	font-family: Roboto, sans-serif;
	font-size: 14px;
	font-weight: 400;
	line-height: normal;
	letter-spacing: -0.28px;
}
.charact-main_item span {
	color: #2D2E33;
	font-family: Roboto, sans-serif;
	font-size: 16px;
	font-weight: 400;
	line-height: normal;
	letter-spacing: -0.32px;
}

.product_item-charact_info {
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	border-radius: 3px;
	border: 1px solid #FFF;
	padding: 10px 20px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 10px;
	position: relative;
	overflow: hidden;
	height: 122px;
}
.product_item-charact_info p {
	color: #8B929C;
	font-family: Roboto, sans-serif;
	font-size: 16px;
	font-weight: 400;
	line-height: normal;
	letter-spacing: -0.32px;
	margin: 0;
	max-width: 255px;
	width: 100%;
	position: absolute;
	transition: all 1s ease;
}
.product_item-charact_info:hover p {
	transform: translateY(100px);
}
.product_item-charact_info p span {
	color: #3865F8;
}
@media (max-width: 1340px) {
	.product_item-charact_info p {
		max-width: 235px;}
}
@media (max-width: 1310px) {
	.product_item-charact_info p {
		max-width: 255px;}
}
.product_item-charact_info .main_button {
	padding: 20px;
	width: 260px;
	transform: translateY(100px);
	transition: all 1s ease;
}
.product_item-charact_info:hover .main_button {
	transform: translateY(0);
}
@media (max-width: 1385px) {
	.product_item-charact_info .main_button {
		width: 200px;
	}
}
@media (max-width: 1310px) {
	.product_item-charact_info .main_button {
		width: 260px;
	}
}
@media (max-width: 991px) {
	.product_item-charact_info p, .product_item-charact_info .main_button {
		position: relative;
		transform: translateY(0);
	}
	.product_item-charact_info:hover p {
		transform: translateY(0);
	}
	.product_item-charact_info {
		justify-content: start;
		gap: 30px;
	}
	.product_item-charact_items .product_item-charact_info:hover .charact_icon-deliv {
		right: 80px;
	}
}
@media (max-width: 760px) {
	.product_item-charact_info {
		flex-direction: column;
		align-items: start;
		overflow: auto;
		height: 100%;
		gap: 20px;
		padding: 20px;
	}
}
@media (max-width: 476px) {
	.product_item-charact_info .charact_icon {
		display: none;
	}
	.product_item-charact_info p {
		max-width: 100%;
	}
	.product_item-charact_info .main_button {
		width: 100%;
	}
}
.charact_icon {
	width: 80px;
	height: 80px;
	border-radius: 100%;
	border: 2px solid #3865F8;
	background-color: #fff;
	display: flex;
	justify-content: center;
	align-items: center;
	position: absolute;
}

.charact_icon:last-child {
	right: 20px;
}
.charact_icon-deliv {
	right: 80px;
	z-index: 1;
	transition: all 1s ease;
}
.product_item-charact_info:hover .charact_icon-deliv {
	right: 110px;
}
.charact_icon-box {
	width: 34px;
	height: 34px;
	border-radius: 100%;
	background-color: #3865F8;
	display: flex;
	justify-content: center;
	align-items: center;
}

.banner-bespl-vyezd {
	display: flex;
	align-items: center;
	gap: 50px;
	padding: 30px 40px;
	border-radius: 3px;
	border: 1px solid #FFF;
	margin-top: 20px;
	position: relative;
	overflow: hidden;
}
.banner-bespl-vyezd img {
	position: absolute;
	top: 0;
	left: 0;
	object-fit: cover;
	object-position: center;
	width: 100%;
	height: 100%;
	transition: all 1s ease;
}
.banner-bespl-vyezd:hover img {
	transform: scale(1.1);
}
.banner-bv_title {
	max-width: 410px;
	width: 100%;
	display: flex;
	flex-direction: column;
	gap: 10px;
	z-index: 1;
}
.banner-bv_title p {
	margin: 0;
	color: #2D2E33;
	font-family: Roboto, sans-serif;
	font-size: 24px;
	font-weight: 500;
	line-height: normal;
	letter-spacing: -0.48px;
}
.banner-bv_title span {
	color: #8B929C;
	font-family: Roboto, sans-serif;
	font-size: 16px;
	font-weight: 400;
	line-height: normal;
	letter-spacing: -0.32px;
}
.banner-bespl-vyezd .main_button {
	width: 300px;
	padding: 15px 20px;
}
@media (max-width: 800px) {
	.banner-bespl-vyezd {
		flex-direction: column;
		gap: 30px;
		padding: 30px 20px;
	}
	.banner-bv_title {
		max-width: 100%;
	}
	.banner-bespl-vyezd .main_button {
		width: 100%;
	}
}

/*Tab*/

.product_descr-tab {
  overflow: hidden;
	width: fit-content;
	border-radius: 10px 10px 0px 0px;
	background: #FFF;
	padding: 20px 15px;
	display: flex;
	align-items: center;
	gap: 20px;
	
}

/* Style the buttons inside the tab */
.product_descr-tab button {
  background-color: inherit;
  float: left;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 16px 15px;
  transition: 0.3s;
  color: #2D2E33;
	font-family: Roboto, sans-serif;
	font-size: 20px;
	font-weight: 500;
	line-height: normal;
	letter-spacing: -0.4px;
	border: 1px solid #fff;
	transition: all .3s ease;
}

/* Change background color of buttons on hover */
button.tablinks:hover {
  border-radius: 3px;
	background-color: #DDE5F2;
	border: 1px solid #DDE5F2;
}

/* Create an active/current tablink class */
.product_descr-tab button.active {
  color: #3865F8;
	border-radius: 3px;
	border: 1px solid #DDE5F2;
}

/* Style the tab content */
.tabcontent {
  display: none;
  padding: 40px;
  border-radius: 0px 3px 0px 0px;
  background-color: #fff;
	flex-grow: 1;
}
.tablinks {
	display: flex;
	gap: 10px;
	align-items: center;
}
.tablinks_otz {
	color: #F1F5F8;
	font-family: Roboto, sans-serif;
	font-size: 14px;
	font-weight: 400;
	line-height: normal;
	width: 18px;
	height: 18px;
	background-color: #2D2E33;
	border-radius: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
}
.product-tab {
	width: 100%;
	max-width: 100%;
	display: flex;
	flex-direction: column;
}

.product_descript-container {
	display: grid;
	grid-template-columns: 1.415fr 1fr;
	gap: 20px;
}
@media (max-width: 1250px) {
	.product_descript-container {
		grid-template-columns: 1fr 1fr;
	}
}
@media (max-width: 991px) {
	.product_descript-container {
		grid-template-columns: 1fr;
	}
	.product_descript-container .product_descr-slide {
		margin-top: 0;
	}
	.tabcontent {
		height: auto;
	}
	.product_descr-tab {
		flex-wrap: wrap;
	}
}
@media (max-width: 525px) {
	.tabcontent {
		padding: 10px 40px;
	}
}

.product_item-descr {
	display: flex;
	gap: 20px;
	flex-direction: row;
	border-radius: 3px;
	border: 1px solid #DDE5F2;
	background: #FFF;
}
.product_item__contant {
	display: flex;
	flex-direction: column;
	gap: 20px;
	width: 100%;
}
.product_item-descr .product_item__bg {
	max-width: 147px;
	width: 100%;
	height: 147px;
	border-radius: 1px;
	border: 1px solid #DDE5F2;
}
.product_descr-slide {
	border-radius: 3px;
	background: #FFF;
	padding: 30px 20px 20px 20px;
	margin-top: 98px;
	min-width: 280px;
	width: 100%;
	height: fit-content;
}
.product_item-descr .product_item__title {
	gap: 10px;
}

.swiper-slide.swiper-slide_descr {
	display: flex;
	flex-direction: column;
	gap: 20px;
}

.product_descr-slide {
	/* position: relative; */
	position: sticky;
	top: 20px;
}
.product_descr-slide::before {
	position: absolute;
	content: 'Сопутствующие товары';
	color: #2D2E33;
	font-family: Roboto, sans-serif;
	font-size: 24px;
	font-weight: 500;
	line-height: normal;
	letter-spacing: -0.48px;
	margin-bottom: 15px;
}
@media (max-width: 400px) {
	.product_descr-slide::before {
		max-width: 120px;
	}
	.product_descr-slide .product_descr-swiper {
		padding-top: 75px;
	}
}
.product_descr-swiper {
	padding-top: 60px;
}
.product_descr-swiper .swiper-button-next:after, .product_descr-swiper .swiper-button-prev:after {
	content: '';
}
.product_descr-swiper .swiper-button-prev {
	transform: rotate(180deg);
	top: 17px;
	right: 40px;
	left: auto;
}
.product_descr-swiper .swiper-button-next {
	top: 17px;
}
.slider_tab-pagination {
	margin-top: 25px;
}

.product_item__bg-mobile {
	display: none;
}

@media (max-width: 600px) {
	.product_item__bg-descr {
		display: none;
	}
	.product_item__bg-mobile {
		display: block;
	}
}

.selection_sect {
	padding: 120px 0;
}

.watched_section {
	margin-bottom: 120px;
}

@media (max-width: 1024px) {
	.selection_sect {
		padding: 50px 0;
	}
	.watched_section {
		margin-bottom: 50px;
	}
}

/*Карточка инфо-акции*/
.product_card-slide {
	display: flex;
	justify-content: end;
	padding: 10px;
}
.product_card-slide_info {
	display: flex;
	gap: 10px;
	height: fit-content;
}
.product_card-slide_info-item {
	padding: 10px;
	border-radius: 3px;
	width: fit-content;
	height: auto;
	color: #FFF;
	text-align: center;
	font-family: Roboto, sans-serif;
	font-size: 14px;
	font-weight: 400;
	line-height: normal;
	letter-spacing: -0.28px;
	display: flex;
	justify-content: center;
	align-items: center;
}
.product_info-item_new {
	background: #3865F8;
}
.product_info-item_hit {
	background-color: #09c62e;
}
.product_info-item_promo {
 background-color: #f01414;
}
@media (max-width: 510px) {
	.product_card-slide_info-item {
		padding: 6px 10px;
	}
}
/*Карточка инфо-акции end*/

a.main_button {
	display: flex;
	align-items: center;
	justify-content: center;
}
a.main_button:hover, a.main_button:active {
	text-decoration: none;
	color: #fff;
}
a.banner_button:hover {
	text-decoration: none;
}

.breadcrumb-box ul.breadcrumbs__dropdown-menu {
	display: flex;
	flex-direction: column;
}
.breadcrumb-box ul.breadcrumbs__dropdown-menu li::before {
	display: none;
}
.breadcrumb-box .breadcrumbs__dropdown {
	padding: 2.5rem;
}

/*Новое меню*/

.header__catalog-link-text {
	display: flex;
	align-items: center;
	gap: 10px;
	font-size: 16px;
	line-height: 140%;
}
.header__catalog-link-text span {
	text-transform: none;
}
.header__catalog-dropdown li.is-open .header__catalog-link-text svg path {
	stroke: #3865F8;
}
.header__catalog-dropdown.is-open {
	width: max-content;
}
.header__catalog-menu .header__catalog-link-text {
	text-transform: uppercase;
}
.header__catalog-aside {
	padding: 20px;
}
.header__catalog-link {
	gap: 10px;
	padding: 20px 0;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.header__catalog--fullwidth .header__catalog-aside {
	width: 324px;
}
.header__catalog-link-arrow {
	right: 0;
	position: unset;
}
.header__catalog-menu li:first-child a {
	padding-top: 0;
}
.header__catalog-menu li {
	border-top: 1px solid #E8EEF7;
}
.header__catalog-menu li:first-child {
	border-top: none;
}

.header__catalog-menu > li {
	margin: 0;
}

.catalog__top-line .header__catalog-offcanvas {
	padding: 20px 0 0 0;
	width: max-content;
	margin: 0 !important;
	background: transparent;
	box-shadow: none;
	left: -10px;
}
.tab_catalog {
	position: relative;
	padding: 0 0 20px 0;
	border-radius: 20px;
	border-right: 1px solid #E8EEF7;
	background: #FFF;
	width: 324px;
	margin-bottom: 0;
}
.tab_catalog li {
	list-style-type: none;
}
.tab_catalog li a {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.tab_catalog-item {
	list-style-type: none;
	justify-content: space-between;
	align-items: center;
	padding: 0 20px;
	display: grid;
	grid-template-columns: 1fr min-content;
}

.tab_catalog-item_icon {
	display: flex;
	align-items: center;
	gap: 10px;
	transition: .3s ease;
}
.tab_catalog-item > a {
	padding: 20px 0;
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 25px;
	color: #2D2E33;
	font-family: Roboto, sans-serif;
	font-size: 16px;
	font-weight: 500;
	line-height: 140%;
	text-transform: uppercase;
	transition: all .3s ease;
	width: 100%;
	border-top: 1px solid #E8EEF7;
}

.tab_catalog-item:first-child a {
	border-top: none;
}
.tab_catalog-item_svg {
	padding: 19.5px 0 19.5px 19.5px;
	box-sizing: content-box;
	border-top: 1px solid #E8EEF7;
}
.tab_catalog-item:first-child .tab_catalog-item_svg {
	border-top: none;
}
.tab_catalog-two, .tab_catalog-three {
	opacity: 0;
	position: absolute;
	top: 0;
}

.tab_catalog-two {
	left: 310px;
	background-color: #fff;
	width: 344px;
	padding: 5px 0 20px 20px;
	flex-direction: column;
	display: flex;
	height: 100%;
	border-radius: 0 20px 20px 0;
	pointer-events: none;
	z-index: 10;

}
/* .tab_catalog-two::before {
	content: '';
	border-radius: 0 20px 20px 0;
	border-right: 1px solid #E8EEF7;
	position: absolute;
	left: 0;
	width: 20px;
	height: 100%;
	top: 0;
	z-index: 0;
	background-color: #fff;
} */
.tab_catalog-three::before {
	content: '';
	border-radius: 0 20px 20px 0;
	border-right: 1px solid #E8EEF7;
	position: absolute;
	left: 0;
	width: 20px;
	height: 100%;
	top: 0;
	z-index: 0;
	background-color: #fff;
}
.tab_catalog-two_box {
	width: 100%;
	height: 100%;
	background-color: #fff;
}
.tab_catalog-two_item {
	padding: 15px 0 15px 20px;
	color: #2D2E33;
	font-family: Roboto, sans-serif;
	font-size: 16px;
	font-weight: 400;
	line-height: 140%; /* 22.4px */
	width: 100%;
	justify-content: space-between;
	align-items: center;
	display: grid;
	grid-template-columns: 1fr min-content;
	cursor: pointer;
}

.tab_catalog-three {
	left: 324px;
	display: flex;
	flex-direction: column;
	gap: 20px;
	background-color: #fff;
	padding: 20px 0;
	width: max-content;
	height: 100%;
	opacity: 0;
	pointer-events: none;
	padding-left: 20px;
	/* width: 190px; */
	border-radius: 0 20px 20px 0;
	border-right: 1px solid #E8EEF7;
	background: #FFF;

}

.tab_catalog-item:hover > a, .tab_catalog-two_item:hover, .tab_catalog-three > li > a:hover {
	color: #3865F8;
	opacity: 1;
}

.tab_catalog-item:hover .tab_catalog-item_svg path, .tab_catalog-two_item:hover > svg path, .tab_catalog-two_item:hover .tab_catalog-item_icon > svg path, .tab_catalog-item:hover > a > .tab_catalog-item_icon > svg path {
	stroke: #3865F8;
	transition: all .3s ease;
}



@media screen and (min-width: 1200px) {
	.tab_catalog-item:hover .tab_catalog-two, .tab_catalog-two_item:hover .tab_catalog-three {
		opacity: 1;
		pointer-events: unset;
	}

}

.tab_catalog-two_item.active .tab_catalog-three {
	opacity: 1;
	pointer-events: unset;
}


.tab_catalog-three a {
	padding: 0 20px;
	transition: .3s ease;
	color: #2D2E33;
	font-family: Roboto, sans-serif;
	font-size: 16px;
}
.tab_catalog-two_item > svg {
	padding-right: 20px;
	box-sizing: content-box;
}

@media (max-width: 1200px) {
	.header__catalog-offcanvas.active {
		opacity: 1;
		visibility: visible;
		top: 129px;
		/* top: 112px; */
		width: 100%;
		left: 0;
	}
	.row.header__catalog__top-line:has(.header__catalog-offcanvas.active) {
		position: fixed;
		left: 10px;
		right: 10px;
	}
	.tab_catalog-two, .tab_catalog-three {
		display: none;
		padding: 0;
	}
	.header__catalog-offcanvas.active .tab_catalog {
		width: 100%;
	}
	.header__catalog-offcanvas.active .tab_catalog-two, .header__catalog-offcanvas.active .tab_catalog-three {
		left: 0;
		width: 100%;
	}
	.tab_catalog-item {
		padding: 0;
		margin: 0 20px;
	}

	.tab_catalog-item_svg {
		transform: rotate(90deg);
		padding: 18px;
		cursor: pointer;
	}
	.tab_catalog-item_svg.active {
		transform: rotate(270deg);
		padding: 18px;
	}
	.tab_catalog-two_item > svg {
		transform: rotate(90deg);
		padding: 0;
	}
	.tab_catalog-two_item.active > svg {
		transform: rotate(270deg);
	}

	.tab_catalog-three > li > a {
		margin-right: 60px;
		width: auto;
	}
	.tab_catalog-three {
		padding-left: 0;
		border: none;
	}
	.tab_catalog-three::before, .tab_catalog-two::before {
		display: none;
	}
	.tab_catalog-two_item > svg {
		padding: 0 18px;
		box-sizing: content-box;
	}
	.tab_catalog-item, .tab_catalog-two {
		position: relative;
		inset: auto;
	}
	.tab_catalog-item > .tab_catalog-item_svg.active ~ .tab_catalog-two {
		opacity: 1;
		pointer-events: unset;
	}
	.tab_catalog-item, .tab_catalog-two, .tab_catalog-three {
		position: relative;
		inset: auto;
	}
	.tab_catalog-item > .tab_catalog-item_svg.active ~ .tab_catalog-two, .tab_catalog-two_item.active .tab_catalog-three  {
		display: flex;
		opacity: 1;
		pointer-events: unset;
		grid-column: span 2;
	}
	.tab_catalog-item:has(.tab_catalog-item_svg.active), .tab_catalog-two_item.active {
		display: grid;
		grid-template-columns: auto 60px;
	}
	.tab_catalog-two_item.active {
		gap: 20px;
	}
	.tab_catalog-item > a, .tab_catalog-item_svg {
		border: none;
	}
	.tab_catalog-item {
		border-top: 1px solid #E8EEF7;
	}
	.tab_catalog-item:first-child {
		border-top: none;
	}
	.tab_catalog .tab_catalog-two {
    height: auto;
    min-height: auto;
	}
}
/*Новое меню end*/


.tab_catalog-two {
	height: auto;
	min-height: 401px;
	z-index: -1;
}
@media (max-width: 1200px) {
	.tab_catalog-two {
	z-index: 10;
}
}
.tab_catalog-two_item > a {
	    color: #2D2E33;
}
.tab_catalog-two_item > a:hover {
	color: #3865F8;
    opacity: 1;
}

.tab_catalog-item > a:hover {
	text-decoration: none;
}