/* HEADER */
.header {
	padding: 20px 0px;
	border-bottom: 1px solid #8D91A8;
	position: fixed;
	width: 100%;
	z-index: 110;
	background-color: white;
	top: 0;
}

.header.hidden {
	z-index: 0;
}

.header-inner {
	justify-content: space-between;
}

.header .logo {
	width: 250px;
}

.header-right {
	padding-top: 10px;
	padding-bottom: 10px;
	flex-direction: column;
	align-items: flex-end;
	gap: 17px;

	/* overflow: scroll; */
}

.header-right-top {
	gap: 47px;
	font-size: 20px;
}

.main-menu {
	margin-right: 42px;
	display: flex;
	align-items: center;
}

.main-menu ul {
	gap: 46px;
	/* justify-content: space-between; */

}



.main-menu a {
	/* font-size: 16px; */
	font-size: 24px;
}

.header .search-form {
	margin-right: 20px;
	position: relative;
	height: 52px;
}

.header .search-form input[type="text"] {
	border: none;
	outline: none;
	background-color: #EDF1F4;
	border-radius: 10px;
	color: #8D91A8;
	padding: 0px 20px;
	height: 100%;

	width: 250px;
}

.header .search-form input[type="text"]::placeholder {
	font-size: 22px;
}

.header .search-form input[type="submit"] {
	border: none;
	outline: none;
	background-color: transparent;
	width: 45px;
	height: 100%;
	position: absolute;
	top: 0;
	opacity: 0.8;
	right: 20px;
	background: no-repeat center / 24px url('../img/icons/search.svg');
	cursor: pointer;
}

.header .catalog-btn {
	display: flex;
	align-items: center;
	background-color: #3072D0;
	color: white;
	width: 250px;
	height: 52px;
	justify-content: center;
	border-radius: 10px;
	gap: 10px;
	font-weight: bold;
	cursor: pointer;

	font-size: 24px;
	font-weight: 700;
}

@media screen and (max-width: 1300px) {
	.main-menu ul {
		gap: 25px;
	}

	.header-right {
		padding-right: 16px;
	}
}

@media screen and (max-width: 1199px) {
	.main-menu {
		margin-right: 18px;
	}

	.main-menu ul {
		gap: 18px;
	}

	.main-menu a {
		font-size: 14px;
	}

	.header .logo-wrapper,
	.header .logo {
		width: 150px;
		max-width: 150px;
		align-items: center;
		display: flex;
		margin-right: 16px;
	}

	.header .catalog-btn {
		width: 214px;
		height: 43px;
	}

	.header .search-form {
		height: 43px;
		margin-right: 10px;
	}
}

@media screen and (min-width: 992px) {
	.header .main-menu>.menu>li:first-child {
		display: none;
	}

	.header .sub-menu {
		display: none;
	}

	.header-right-top img {
		display: none;
	}
}

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

	.main-menu a,
	.main-menu span {
		font-size: 18px;
	}

	.main-menu .has-sub-menu {
		padding-top: 20px;
		/* padding-bottom: 20px; */
	}

	.main-menu .has-sub-menu span {
		display: flex;
		align-items: center;
	}

	.main-menu .has-sub-menu .has-sub-menu {
		padding-bottom: 20px;
	}

	.main-menu .has-sub-menu .has-sub-menu.active .sub-menu {
		gap: 26px;
	}

	.main-menu .has-sub-menu .has-sub-menu span {
		padding-left: 20px;
	}

	.main-menu .has-sub-menu.active>span {
		padding-bottom: 16px;
	}

	.main-menu .has-sub-menu span:after {
		display: inline-block;
		content: '';
		width: 24px;
		height: 24px;
		background: url('../img/icons/arrow_bottom.svg') center center / 24px auto no-repeat;
		transition: rotate .3s ease-in-out;
	}

	.main-menu .has-sub-menu.active>span:after {
		transform: rotate(180deg);
	}

	.main-menu .has-sub-menu .has-sub-menu.active span {
		background-color: #323750;
		color: white;
		padding: 10px 20px;
		border-radius: 8px;
	}

	.main-menu .has-sub-menu .has-sub-menu.active span:after {
		background-image: url('../img/icons/arrow_bottom_white.svg');
	}

	.header-inner {
		flex-direction: column;
		padding-left: 16px;
		padding-right: 16px;
	}

	.header-right {
		align-items: flex-start;
		position: fixed;
		height: 100%;
		width: 100%;
		background-color: white;
		left: 0;
		padding: 16px;
		top: -3000px;
		transition: top .3s ease-in-out;
		z-index: 100;

		justify-content: space-between;
	}

	.header-right.active {
		top: 83px;
	}

	.header-right>div {
		width: 100%;
	}

	.header-right-top {
		order: 10;
		flex-direction: column;
		border-top: 1px solid #8D91A8;
		padding-top: 20px;
		gap: 20px;

		/* position: relative; */
		/* top: -150px; */

		padding-bottom: 150px;
	}

	.header-right-top>* {
		display: flex;
		align-items: center;
	}

	.header-right-top img {
		width: 24px;
		height: 24px;
		margin-right: 10px;
	}

	.header-right-bottom {
		flex-direction: column;
	}

	.header .main-menu {
		order: 3;
	}

	.header .main-menu ul {
		flex-direction: column;
	}

	.header .search-form {
		order: 1;
		/* margin-bottom: 40px; */
		margin-bottom: 20px;
	}

	.header .catalog-btn {
		display: none;
	}

	.header .search-form input[type="text"] {
		width: 100%;
		font-size: 16px;
	}

	.header .main-menu ul.menu {
		gap: 26px;
		width: 100%;
	}

	.header .sub-menu {
		gap: 0;
		display: none;
		flex-direction: column;
		/* padding-top: 26px; */
		background-color: #EDF1F4;
		border-radius: 8px;
		/* padding: 20px; */
		width: 100%;
	}

	.header .sub-menu .sub-menu {
		padding: 20px;
	}

	.header .sub-menu.open {
		display: flex;
	}

	.header .logo-wrapper {
		position: relative;
		display: flex;
		justify-content: space-between;
		z-index: 200;
		background-color: white;
		width: 100%;
		max-width: 100%;
	}

	.header .logo-wrapper .logo {
		width: 121px;
	}

	.btn_toggle {
		display: flex;
		justify-content: center;
		align-items: center;
		background-color: #EDF1F4;
		border-radius: 50%;
		width: 42px;
		height: 42px;
	}

	.btn_toggle .inner {
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		height: 14px;
	}

	.btn_toggle span,
	.btn_toggle .inner:before,
	.btn_toggle .inner:after {
		display: block;
		background-color: #3072D0;
		width: 18px;
		height: 2px;
		border-radius: 3px;
	}

	.btn_toggle .inner:before,
	.btn_toggle .inner:after {
		content: '';
		position: relative;
	}

	.btn_toggle.active span {
		display: none;
	}

	.btn_toggle.active .inner:before {
		transform: rotate(45deg);
		top: 5px;
	}

	.btn_toggle.active .inner:after {
		transform: rotate(-45deg);
		position: relative;
		top: -7px;
	}
}

/* Slider main */
.slider-main {
	position: relative;
}

.slider-main .swiper-pagination {
	bottom: 51px;
}

.slider-main .swiper-pagination .swiper-pagination-bullet {
	background: #60647C;
	opacity: 1;
}

.slider-main .swiper-pagination .swiper-pagination-bullet-active {
	background: white;
}

.swiper-button-prev,
.swiper-button-next,
.swiper-button-prev-01,
.swiper-button-next-01 {
	background-color: #EDF1F4;
	background-repeat: no-repeat;
	background-position: center;
	border: 4px solid white;
	border-radius: 50%;
	width: 60px;
	height: 60px;
	background-size: 30px;
	top: 50%;
}

.swiper-button-prev:after,
.swiper-button-next:after,
.swiper-button-prev-01:after,
.swiper-button-next-01:after {
	display: none;
}

.swiper-button-prev,
.swiper-button-prev-01 {
	background-image: url('../img/icons/arrow_left.svg');
	left: 30px;
}

.swiper-button-next,
.swiper-button-next-01 {
	background-image: url('../img/icons/arrow_right.svg');
	right: -40px !important;
}

.slider-main-swiper-desktop {
	display: flex;
}

.slider-main-swiper-mobile {
	display: none;
}

@media screen and (max-width: 991px) {
	body {
		padding-top: 90px;
	}

	.slider-main {
		padding: 16px;
	}

	.swiper-button-prev,
	.swiper-button-next,
	.swiper-button-prev-01,
	.swiper-button-next-01 {
		width: 32px;
		height: 32px;
	}

	.swiper-button-prev,
	.swiper-button-next,
	.swiper-button-prev-01,
	.swiper-button-next-01 {
		background-size: 14px;
	}
}

@media screen and (max-width: 480px) {
	.slider-main-swiper-desktop {
		display: none;
	}

	.slider-main-swiper-mobile {
		display: flex;
	}

	.slider-main .swiper-slide {
		display: flex;
		align-items: center;
		justify-content: center;
	}
}

/* Каталог на Главной странице */
.catalog-main-inner {
	gap: 20px;
}

.catalog-main .item {
	background-image: url('../img/cmibg.png');
	background-size: cover;
	/* height: 538px; */
	padding-bottom: 35px;
	border-radius: 10px;

	max-width: 385px;

	width: 100%;
}

.catalog-main .item .title {
	margin-left: 35px;
	/* font-size: 20px; */
	font-size: 32px;
	margin-top: 10px;
	line-height: 140%;
}

@media screen and (max-width: 1300px) {
	.catalog-main {
		padding-left: 16px;
		padding-right: 16px;
	}
}

@media screen and (max-width: 991px) {
	.catalog-main {
		padding-bottom: 0;
	}

	.catalog-main .item .title {
		font-size: 18px;
		margin-left: 16px;
		line-height: 112%;
	}
}

@media screen and (max-width: 767px) {
	.catalog-main {
		padding-top: 32px;
	}

	.catalog-main-inner {
		flex-wrap: wrap;
		gap: 0;
		justify-content: space-between;
	}

	.catalog-main .item {
		width: 48%;
		margin-bottom: 18px;
	}

	.catalog-main .item .title {
		margin-left: 11px;
	}
}

/* Преимущества компании */
.main-page .adv-inner {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	/* Высота строк не фиксируем, задаём авто, чтобы элементы могли иметь разную высоту */
	grid-auto-rows: auto;
	gap: 20px;
	width: 100%;
	/* max-width: 1200px; */
	margin: 20px auto;
}

.main-page .adv-inner .item {
	background-color: #121F51;
	color: white;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	font-weight: bold;
	border: 1px solid #fff;

	flex-direction: column;
	align-items: flex-start;
	border-radius: 10px;
	padding: 40px;
}

.main-page .adv-inner .item .title {
	margin-top: 10px;
	margin-bottom: 10px;
	font-size: 24px;
	line-height: 110%;
}

.main-page .adv-inner .item .text {
	line-height: 120%;
	font-size: 20px;
	font-weight: 400;
}

.woocommerce-notices-wrapper {
	display: none;
}

.woocommerce-result-count {
	display: none;
}

/* Расположение элементов в шахматном порядке */
/* Верхний ряд — строки 1 / 2 */
.main-page .adv-inner .item.top.col1 {
	/* grid-column: 1; */
	/* grid-row: 1; */
}

.main-page .adv-inner .item.top.col2 {
	/* grid-column: 2; */
	/* grid-row: 1; */
}

.main-page .adv-inner .item.top.col3 {
	/* grid-column: 3; */
	/* grid-row: 1; */
}

.main-page .adv-inner .item.top.col4 {
	/* grid-column: 4; */
	/* grid-row: 1; */
}

/* Нижний ряд — сдвинут вниз, чтобы "вписаться" между верхними */
/* Для эффекта masonry сдвинем нижние элементы вверх на часть высоты верхних */
/* Используем отрицательный margin-top для наложения */
.main-page .adv-inner .item.bottom.col1 {
	/* grid-column: 1; */
	/* grid-row: 2; */
	margin-top: -80px;
}

.main-page .adv-inner .item.bottom.col2 {
	/* grid-column: 2; */
	/* grid-row: 2; */
	margin-top: -80px;
	background-image: url('../img/adv_decor_2.svg');
}

.main-page .adv-inner .item.bottom.col3 {
	/* grid-column: 3; */
	/* grid-row: 2; */
	margin-top: -80px;
}

.main-page .adv-inner .item.bottom.col4 {
	/* grid-column: 4; */
	/* grid-row: 2; */
}


.main-page .adv-inner .item.top.col4 {
	height: 400px;
	background-image: url('../img/adv_decor_1.svg');
}

.main-page .adv-inner .item.top.col4,
.main-page .adv-inner .item.bottom.col2 {
	background-repeat: no-repeat;
	background-position: bottom center;
	background-size: contain;
}

@media screen and (min-width: 577px) {

	/* Верхний ряд: высота 361px, кроме 4-й колонки */
	.main-page .adv-inner .item.top {
		height: 320px;
	}

	/* Нижний ряд: высота 502px, кроме 4-й колонки */
	.main-page .adv-inner .item.bottom {
		height: 400px;
	}

	.main-page .adv-inner .item.bottom.col4 {
		height: 320px;
	}

}

@media screen and (max-width: 991px) {
	.main-page .adv {
		padding-left: 16px;
		padding-right: 16px;
		padding-bottom: 0;
	}

	.main-page .adv-inner .item.bottom.col1,
	.main-page .adv-inner .item.bottom.col2,
	.main-page .adv-inner .item.bottom.col3 {
		margin-top: 0;
	}

	.main-page .adv-inner {
		display: block;
	}

	.main-page .adv-inner .item.top,
	.main-page .adv-inner .item.bottom {
		height: auto;
	}

	.main-page .adv-inner .item.top.col4,
	.main-page .adv-inner .item.bottom.col2 {
		height: 333px;
	}

	.main-page .adv-inner .item {
		margin-bottom: 14px;
	}

	.main-page .adv-inner .item img {
		width: 70px;
	}
}

/* FROM BOTTOM */
.form-bottom .form-inner {
	background-color: #EDF1F4;
	border-radius: 20px;
	padding-left: 40px;
	position: relative;
	overflow: visible;
	display: flex;
	/* overflow: hidden; */
}

.form-bottom .form-inner:after {
	content: '';
	display: block;
	position: absolute;
	right: 0;
	bottom: 0;
	background: no-repeat right bottom url('../img/form.png');
	width: 600px;
	/* height: 507px; */
	height: 650px;
	background-size: contain;

	border-bottom-right-radius: 20px;
}

.form-bottom.popup .form-inner:after {
	height: 557px;
}

.form-bottom .form-inner-left {
	width: 100%;
	z-index: 100;
	background-color: #edf1f4;
	padding-top: 60px;
	padding-bottom: 60px;
}

.form-bottom .form-inner-left .text {
	line-height: 130%;
	margin-bottom: 20px;
	/* font-size: 16px; */
	font-size: 24px;
}

.form-bottom .form-inner-right {
	position: relative;
	width: 100%;
	height: auto;
	overflow: hidden;
	padding-top: 40px;
	padding-bottom: 40px;

	border-bottom-right-radius: 20px;
}

.form-bottom .form-inner-right img {
	display: none;
}

.form-bottom .form-inner-right:after {
	content: '';
	display: block;
	position: absolute;
	background: linear-gradient(173.19deg, #3A63A8 15.63%, #050834 88.77%);
	transform: rotate(-128.38deg);
	width: 714px;
	height: 100vh;
	/* right: -14em;
	top: 11em; */

	right: -16em;
	top: 10em;
}

.form-bottom.popup .form-inner-right:after {
	right: -6em;
	top: 5em;
}

.form-bottom form {
	display: flex;
	flex-direction: column;
	gap: 20px;
}

.form-bottom form input {
	width: 100%;
	border: none;
	outline: none;
	border-radius: 12px;

	height: 71px;
	font-size: 24px;
}

.form-bottom form input::placeholder {
	font-size: 24px;
}

.form-bottom input[type="text"] {
	padding: 20px 0px 20px 40px;
	background-color: white;
	color: #8D91A8;
	margin-bottom: 20px;
}

.form-bottom input[type="tel"] {
	padding: 20px 0px 20px 40px;
	background-color: white;
	color: #8D91A8;
	margin-bottom: 20px;
}

.form-bottom input[type="submit"] {
	background-color: #3072D0;
	color: white;
	font-weight: bold;
	height: 67px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.form-bottom .agreement-label {
	display: flex;
	justify-content: flex-start;
	color: #8D91A8;
}

.form-bottom input[type="checkbox"] {
	width: 24px;
	height: 24px;
	margin-right: 10px;
}

@media screen and (max-width: 991px) {
	.form-bottom {
		padding-top: 0;
		padding-bottom: 0;
	}

	.form-bottom .form-inner,
	.form-bottom .form-inner-left {
		background-color: white;
	}

	.form-bottom .form-inner {
		flex-direction: column;
		padding-left: 0;
	}

	.form-bottom .form-inner:after {
		display: none;
		position: relative;
		width: 100%;
		background-position: left;
		background-image: url('../img/form1.png');
		background-size: 100%;
	}

	.form-bottom .form-inner-left {
		width: 100%;
		/* padding-right: 32px; */
		/* padding-left: 32px; */
		padding-right: 16px;
		padding-left: 16px;
		padding-top: 20px;

		background-color: rgba(237, 241, 244, 1);
		

		
	}

	

	.form-bottom .form-inner-right {
		width: 100%;
		padding-bottom: 0;
		margin-bottom: -10px;
	}

	.form-bottom .form-inner-right img {
		width: 100%;
	}

	.form-bottom .form-inner-right:after {
		display: none;
	}

	.form-bottom input[type="text"] {
		/* background-color: #EDF1F4; */

		background-color: white;

	}

	.form-bottom input[type="tel"] {
		background-color: white;

	}
}

/* FOOTER */
.footer {
	position: relative;
	background-color: #121F51;
	color: white;
	padding-top: 60px;
	padding-bottom: 120px;
}

.footer-inner {
	justify-content: space-between;
}

.footer .logo {
	width: 126px;
}

.footer .menu li:not(:last-child) {
	margin-bottom: 20px;
}

.footer .contacts>* {
	margin-bottom: 20px;
	display: flex;
	align-items: center;
}

.footer .contacts p {
	line-height: 130%;
}

.footer .contacts img {
	width: 20px;
	margin-right: 8px;
}

.footer .copyright,
.footer .polytics {
	color: #8D91A8;
	font-size: 20px;
	position: absolute;
	bottom: 60px;
}

.footer .polytics,
.footer .contacts .phone {
	margin-bottom: 0;
}

@media screen and (max-width: 991px) {
	.footer {
		padding: 0;
	}

	.footer .footer-inner {
		flex-direction: column;
		padding: 60px 16px;
	}

	.footer .logo,
	.footer .logo img {
		width: 251px;
	}

	.footer .logo {
		display: block;
		margin-bottom: 12px;
	}

	.footer .menu li {
		margin-bottom: 20px;
	}

	.footer .contacts {
		padding-top: 20px;
		border-top: 1px solid grey;
	}

	.footer .polytics {
		position: relative;
		bottom: 0px;
		margin-top: 20px;
		border-top: 1px solid grey;
		padding-top: 20px;
	}

	.footer .copyright {
		position: absolute;
		bottom: 30px;
	}
}

.breadcrumbs {
	padding-top: 38px;
	padding-bottom: 20px;
}

.breadcrumbs ul {
	display: flex;
	align-items: center;
	font-size: 16px;
	gap: 4px;
}

.page-title {
	font-size: 48px;
	text-transform: uppercase;
	line-height: 100%;
	margin-bottom: 20px;

	font-weight: 700;
}

@media screen and (max-width: 991px) {
	.page-title {
		font-size: 20px;
	}
}

.page-about .mission-inner {
	background: #3A63A8;
	background: linear-gradient(80deg, rgba(58, 99, 168, 1) 8%, rgba(13, 22, 70, 1) 100%, rgba(11, 19, 66, 1) 100%, rgba(5, 8, 52, 1) 100%);
	gap: 20px;
	padding: 20px;
	border-radius: 10px;

	/* height: 664px; */



}

.page-about .mission h2 {
	margin-bottom: 20px;
	margin-top: 40px;
}

.mission-inner-left {
	width: 33.33%;
	background: #3A63A8;
	/* background: linear-gradient(139deg, rgba(58, 99, 168, 1) 0%, rgba(5, 8, 52, 1) 100%); */
	border-radius: 10px;
	color: #ffffff;
	font-size: 21px;
	font-weight: 500;
	line-height: 110%;
	display: flex;
	align-items: center;
	padding-left: 20px;
	background-image: url('../img/ms_decor.svg');
	background-position: bottom center;
	background-size: contain;
	background-repeat: no-repeat;
}

.mission-inner-left p {
	/* padding-bottom: 135px; */
	font-size: 24px;
	font-weight: 700;
}

.mission-inner-right {
	width: 65.38%;
	gap: 20px;
}

.mission-inner-right img {
	width: 70px;
	margin-bottom: 10px;
}

.mission-inner-right .item {
	background-color: white;
	border-radius: 10px;
	padding: 20px;
}

.mission-inner-right .top {
	display: flex;
	gap: 20px;
	margin-bottom: 20px;
}

@media screen and (max-width: 991px) {
	.page-about .mission-inner {
		flex-direction: column;
	}

	.mission-inner-left,
	.mission-inner-right {
		width: 100%;
	}

	.mission-inner-left {
		position: relative;
		background-size: cover;
		padding-left: 0;
		border-radius: 10px;
		display: flex;
		align-items: center;
		justify-content: center;
	}

	.mission-inner-left p {
		position: relative;
		z-index: 10;
		background-image: url(../img/ms_decor.svg);
		background-size: cover;
		background-position: center;
		background-repeat: no-repeat;
		border-radius: 10px;
		display: flex;
		align-items: center;
		justify-content: center;
		/* text-align: center; */
		vertical-align: middle;
		padding-bottom: 0;
		min-height: 150px;
		height: auto;
		padding: 15px;
	}

	.mission-inner-left:before {
		content: '';
		display: block;
		position: absolute;
		/* z-index: 1; */
		width: 100%;
		background: linear-gradient(176.71deg, #3A63A8 57.01%, #050834 94.28%);
		height: 100%;
		border-radius: 10px;
	}

	.mission-inner-right .top {
		flex-direction: column;

	}
}

/* ПРЕИМУЩЕСТВА */
.page-about section {
	margin-bottom: 60px;
}

.page-about .adv-inner {
	gap: 20px;
}

.page-about .adv .item {
	/* width: 33%; */
	background-color: #121F51;
	color: white;
	padding: 25px 20px;
	border-radius: 10px;

	max-width: 520px;
	width: 100%;
	/* height: 459px; */
	font-size: 20px;


}

.page-about .adv .item img {
	fill: #414C74;
	width: 92px;
	opacity: 0.2;
	margin-bottom: 10px;
}

.page-about .adv .item p {
	line-height: 120%;
}

@media screen and (max-width: 991px) {
	.page-about .adv-inner {
		flex-direction: column;
	}

	.page-about .adv .item {
		width: 100%;
	}

	.page-about .adv .item p {
		line-height: 141%;
	}
}

/* Доставка и оплата */
.page-deivery {
	padding-bottom: 100px;
}

.deivery-top {
	margin-bottom: 38px;
}

.deivery-top .items {
	position: relative;
	background: #3A63A8;
	background: linear-gradient(139deg, rgba(58, 99, 168, 1) 0%, rgba(5, 8, 52, 1) 100%);
	border-radius: 20px;
	padding: 40px;
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	margin-top: 60px;
}

.deivery-top .items:before {
	content: '';
	display: block;
	position: absolute;
	/* bottom: -100%; */
	bottom: 0;
	right: 0;
	background-color: #EDF1F4;
	width: 46%;
	height: 100%;
	/* высота скошенного края */
	/* background: linear-gradient(to top right, red 50%, transparent 52%);
	transform: translateY(-100%); */
	z-index: 0;
	clip-path: polygon(49% 0, 100% 0, 100% 100%, 0% 100%);

	border-radius: 20px;
}

.deivery-top .item {
	position: relative;
	z-index: 10;
}

.deivery-top .item:nth-child(1) {
	color: white;
	font-weight: bold;
	width: 48%;
	font-size: 32px;
	line-height: 120%;
}

.deivery-top .item:nth-child(2) {
	width: 24%;
}

.deivery-top .item:nth-child(3) {
	width: 24%;
}

.deivery-top .item:nth-child(4) {
	width: 48%;
}

.deivery-top .item:nth-child(5) {
	width: 48.7%;
}

.deivery-top .item:not(:first-child) {
	border-radius: 10px;
	background-color: white;
	display: flex;
	align-items: center;
	padding: 30px;
	gap: 5px;
	height: 130px;
}

.deivery-top .item:not(:first-child) span {
	font-size: 24px;
	line-height: 120%;
}

.page-deivery .content-inner {
	gap: 20px;
}

.page-deivery .content-inner .col {
	width: 50%;
}

.page-deivery .content-left .top {
	margin-bottom: 16px;
}

.page-deivery .content-left .top,
.page-deivery .content-left .bottom,
.page-deivery .content-right {
	background-color: #EDF1F4;
	border-radius: 20px;
	padding: 40px;
}

.page-deivery .content-inner .title {
	font-size: 32px;
	line-height: 108%;
	margin-bottom: 20px;


}

.page-deivery .content-left .bottom .title,
.page-deivery .content-right .title {
	font-weight: bold;
}

.page-deivery .content-left .top .items {
	gap: 10px;
	justify-content: space-between;

	font-size: 24px;
}

.page-deivery .content-left .top .item {
	background-color: #323750;
	color: white;
	border-radius: 10px;
	padding: 20px 40px 38px;
	width: 50%;
	font-size: 19px;
	line-height: 110%;
}

.page-deivery .content-left .bottom li {
	font-size: 24px;
	font-weight: 300;
	line-height: 145%;
}

.page-deivery .content-right .item {
	background-color: white;
	border-radius: 10px;
	padding: 40px;
	display: flex;
	align-items: center;
	margin-bottom: 10px;
	gap: 10px;
	font-size: 24px;
	line-height: 120%;
}


.page-deivery .bottom.company-details.desktop {
	display: block;
}

.page-deivery .bottom.company-details.mobile {
	display: none;
}

@media screen and (max-width: 991px) {
	.page-deivery {
		padding-bottom: 60px;
	}

	.deivery-top .items {
		flex-direction: column;
		padding: 20px;
		overflow: hidden;
	}

	.deivery-top .item,
	.deivery-top .item:nth-child(1),
	.deivery-top .item:nth-child(2),
	.deivery-top .item:nth-child(3),
	.deivery-top .item:nth-child(4),
	.deivery-top .item:nth-child(5) {
		width: 100%;
		font-size: 16px;
		/* height: 54px; */
		height: auto;
		padding: 10px;
	}

	.deivery-top .item img {
		width: 34px;
		height: 34px;
	}

	.deivery-top .item span {
		font-size: 16px !important;
	}

	.deivery-top .item:nth-child(1) {
		font-size: 16px;
		line-height: 130%;
	}

	.deivery-top .items:before {
		clip-path: none;
		transform: rotate(311deg);
		left: -89px;
		bottom: -188px;
		width: 285px;
		height: 428px;
	}

	.page-deivery .content-inner {
		flex-direction: column;
	}

	.page-deivery .content .content-left {
		flex-direction: column;
		width: 100%;
	}

	.page-deivery .content .content-left .top {
		padding: 20px;
	}

	.page-deivery .content .content-left .top .items {
		flex-direction: column;
	}

	.page-deivery .content .content-left .top .items .item {
		width: 100%;
		display: flex;
		padding: 10px;
	}

	.page-deivery .content .content-left .top .items .item img {
		width: 34px;
		margin-right: 10px;
	}

	.page-deivery .content .content-left .top .items .item .text {
		font-size: 16px;
		line-height: 106%;
	}

	.page-deivery .content .content-right {
		width: 100%;
		padding: 20px;
	}

	.page-deivery .content .content-right .title {
		font-size: 16px;
	}

	.page-deivery .content-right .item {
		padding: 10px;
	}

	.page-deivery .content-right .item img {
		width: 34px;
	}

	.page-deivery .content-right .item .text {
		font-size: 16px;
		line-height: 106%;
	}

	.page-deivery .bottom.company-details.desktop {
		display: none;
	}

	.page-deivery .bottom.company-details.mobile {
		display: block;
		background-color: #EDF1F4;
		border-radius: 20px;
		padding: 20px;
		line-height: 138%;
	}
}

/* КОНТАКТЫ */
.page-contacts .contacts-inner {
	display: flex;
	width: 67%;
	gap: 23px;

	margin-top: 40px;
}

.page-contacts .contacts-inner .col {
	width: 50%;
}

.page-contacts .item {
	margin-bottom: 40px;
}

.page-contacts .item .title {
	font-weight: bold;
	font-size: 24px;
	line-height: 120%;
	margin-bottom: 8px;
}

.page-contacts .contacts-inner .text {
	line-height: 120%;

	font-size: 16px;
}

@media screen and (max-width: 767px) {
	.page-contacts .contacts-inner {
		flex-direction: column;
	}

	.page-contacts .contacts-inner .col {
		width: 100%;
	}
}

/* СТРАНИЦА ТОВАРА */
.product-page {
	padding-bottom: 60px;
}

.product-page-inner {
	display: flex;
	gap: 20px;
}

.product-page-left {
	width: 33%;
}

.product-page-right {
	width: 67%;
}

/* Product slider */
.product-slider {
	border: 2px solid #F5F5F5;
	border-radius: 18px;
}

.product-slider .swiper-button-prev,
.product-slider .swiper-button-next,
.product-slider .swiper-button-prev-01,
.product-slider .swiper-button-next-01 {
	border: none;
	bottom: 0;
	top: auto;
	width: 50px;
	height: 50px;
	background-size: 18px;
	cursor: pointer;
	z-index: 99;
	margin-bottom: 5px;
}

.product-slider .swiper-button-prev,
.swiper-button-prev-01 {
	left: 5px;
}

.product-slider .swiper-button-next,
.swiper-button-next-01 {
	right: 5px !important;
}

.swiper-button-next-01 {
	position: absolute;
}

.product-thumbs-slider {
	margin-bottom: 20px;
}

.product-thumbs-slider .swiper-slide {
	width: 25%;
	/* 4 превью на строку */
	height: 100%;
	/* opacity: 0.4; */
	cursor: pointer;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 14px;
	user-select: none;
	border: 1px solid #e8e8e8;
	border-radius: 18px;
}

.product-thumbs-slider .swiper-slide img {
	border-radius: 18px;
	width: 100%;
}

/* Стили для кнопок табов */
.tab-buttons {
	display: flex;
	border: 2px solid #D9D9D9;
	border-radius: 10px;

	/* max-width: 1059px; */
}

/* Скрываем пагинацию при активных фильтрах */
body.filter-active .woocommerce-pagination {
	display: none !important;
}

.tab-buttons button {
	flex: 1;
	cursor: pointer;
	border: none;
	font-size: 24px;
	height: 69px;
	transition: background-color 0.3s, border-color 0.3s;
	font-weight: bold;
	color: #8D91A8;
	background-color: white;
}

.tab-buttons button:first-child {
	border-top-left-radius: 8px;
	border-bottom-left-radius: 8px;

	border-right: 2px #D9D9D9 solid;
}

.tab-buttons button:last-child {
	border-top-right-radius: 8px;
	border-bottom-right-radius: 8px;

	border-left: 2px #D9D9D9 solid;
}

.tab-buttons button.active,
.tab-buttons button:hover {
	color: white;
	background-color: #323750;
}

/* Стили для содержимого табов */
.tab-content {
	border-top: none;
	background-color: white;
	color: #323750;

	font-size: 16px;
}

.tab-content>div:not(#tab2) {
	padding-top: 20px;
}

.tab-content>div {
	display: none;
}

.tab-content>div.active {
	display: block;
}

#tab1 ul {
	margin-left: 28px;
	list-style: disc;
	margin-bottom: 20px;
	margin-top: 4px;
}

#tab1 ul li,
#tab1 p {
	line-height: 130%;
}

#tab2 .items {
	border-left: 1px solid #EBF2FD;
	border-right: 1px solid #EBF2FD;



}

#tab2 .item {
	display: flex;
	align-items: center;
	justify-content: space-between;
	min-height: 80px;
	padding: 15px 25px;

	border-bottom: solid 1px #D9D9D9;
	border-top: #D9D9D9 solid 1px;
}

#tab2 .item:first-child {
	border-top: none;
}

#tab2 .item:nth-child(even) {
	background-color: #EBF2FD;

	border-bottom: none;
	border-top: none;
}

#tab2 .item .name {
	font-weight: 700;
	font-size: 20px;
}

#tab2 .item .value {
	font-size: 20px;
	line-height: normal;
	/* align-items: end; */

	max-width: 600px;
    text-align: right;
}

#tab2 .chars img {
	width: 50px;
	height: auto;
	margin-left: 4px;
}

#tab3 .donwload {
	display: flex;
	align-items: center;
	margin-top: 13px;
}

#tab3 .donwload .icon {
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: #EDF1F4;
	border-radius: 50%;
	width: 44px;
	height: 44px;
	margin-right: 10px;
}

#tab3 .donwload .props {
	font-size: 11px;
	color: #8D91A8;
}

/* product-page-right */
.product-info-top {
	margin-bottom: 20px;
}

.product-info-top .sku {
	margin-bottom: 10px;
	color: grey;
}

.product-info-top .sku .title {
	font-size: 16px;
	margin-bottom: 8px;
	font-weight: 400 !important;
}

.product-info-top .sku .value {
	font-size: 24px;
	font-weight: bold;
}

.product-page h1 {
	text-transform: uppercase;
	line-height: 110%;
	font-weight: bold;
	margin-top: 10px;
	margin-bottom: 10px;

	font-size: 32px;
}

.product-info-top .price {
	color: #3072D0;
	font-size: 32px;
	line-height: 120%;
	margin-top: 10px;
	/* font-family: 'Inter'; */
	font-weight: 400;
}

/* RELATED PRODUCTS SLIDER */
.related-products {
	width: 75%;
	margin-top: 50px;
}

.related-products h2 {
	font-size: 32px;
}

.related-products .swiper-nav {
	position: relative;
	right: -100%;
	height: 50px;
	width: 105px;
	bottom: 50px;
	margin-left: 14px;
}

.related-products .swiper-arrow {
	width: 70px;
	height: 70px;
	border: 0;
	margin: 0;
	position: absolute;
	top: 0;

	background-size: 24px;
	/* object-fit: contain; */
}

.related-products .swiper-button-prev {
	left: 0px;
}

.related-products .swiper-button-next {
	right: 0px;
}

.related-products .swiper-wrapper {
	align-items: stretch
}

.related-products .swiper-slide {
	border: 2px solid #F5F5F5;
	border-radius: 16px !important;
	background-color: #EDF1F4;
	display: flex;
	align-items: flex-start;
	flex-direction: column;
	height: auto;

}

.related-products .swiper-slide .title {
	color: #323750;
	font-size: 16px;
	line-height: 120%;
	margin-bottom: 6px;
	font-weight: 400;


	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
}

.products .product .title {

	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;

}

.related-products .swiper-slide .price {
	color: #3072D0;
	font-size: 16px;
	line-height: 120%;
}

.related-products .add-to-cart-btn {
	width: 38px;
	height: 38px;
	border-radius: 50%;
	background-color: #EDF1F4;
	background-image: url('../img/icons/cart.svg');
	background-size: 20px;
	background-position: center;
	background-repeat: no-repeat;
}

.related-products .swiper-slide .sku {
	color: #8D91A8;
	font-size: 16px;
	font-weight: 300;
}

.related-products .swiper-slide .col {
	padding: 20px;
	background-color: white;
}

.related-products img {
	height: 215px;
	object-fit: contain;
}


.related-products .swiper-slide .slide-top {
	border-radius: 16px 16px 0px 40px;
	height: 360px;

	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.related-products .swiper-slide .slide-bottom {
	border-radius: 40px 0px 16px 16px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 100%;
	height: 100%;


	max-height: 80px;
}


@media screen and (max-width: 1080px) {
	.main-page .adv-inner {
		display: block;
	}

	.main-page .adv-inner .item {
		margin-bottom: 14px;
	}
}


@media screen and (max-width: 1600px) {
	.container {
		padding-left: 20px;
		padding-right: 20px;
	}
}

@media screen and (max-width: 1400px) {
	.product-page-left {
		width: 28%;
	}
}

@media screen and (max-width: 991px) {
	.container {
		padding-left: 16px;
		padding-right: 16px;
	}

	.breadcrumbs ul {
		flex-wrap: wrap;
		font-size: 16px;
	}

	.product-page-inner {
		flex-direction: column;
	}

	.product-page-left,
	.product-page-right {
		width: 100%;
	}

	.product-info-top .sku {
		display: flex;
		justify-content: space-between;
		width: 100%;
		margin-bottom: 10px;
	}

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

	.tab-buttons {
		display: flex;
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
		white-space: nowrap;
		scrollbar-width: thin;
		border-bottom: 1px solid #ccc;
		/* Для визуального разделения */
	}

	.tab-buttons button {
		flex: 0 0 auto;
		white-space: nowrap;
		padding: 10px 20px;
		border: none;
		background: none;
		cursor: pointer;
	}

	.tab-buttons button.active {
		/* border-bottom: 2px solid #007bff; */
		font-weight: bold;
	}

	.tab-content {
		/* padding: 20px; */
		/* padding-top: 20px; */
		/* Занимает всю ширину, не двигается при скролле tab-buttons */
	}

	#tab2 .item {
		flex-direction: column;
		align-items: flex-start;
	}

	#tab2 .item .name {
		margin-bottom: 10px;
	}

	#tab2 .chars img {
		width: 45px;
		height: 45px;
		margin-left: 0;
	}

	.related-products {
		width: 100%;
		position: relative;
		padding: 15px;
	}

	.related-products .swiper-nav {
		width: 100%;
		position: absolute;
		top: 50%;

		left: 0;
		margin-left: 0;
		/* z-index: 200; */
		z-index: 98;
	}

	.related-products .swiper-arrow {
		width: 32px;
		height: 32px;
	}

	.product-page #orderBtn {
		position: fixed;
		bottom: 17px;
		width: 96%;
		left: 8px;
		/* z-index: 300; */
		z-index: 99;
	}
}

/* Страница каталога */
/* ФИЛЬТРЫ */
.filters .inputs-container {
	display: flex;
	justify-content: space-between;
	gap: 12px;
}

.filters .inputs-container input[type="text"] {
	width: 50%;
	padding: 5px 10px;
	font-size: 16px;
	box-sizing: border-box;
}

.filters .slider-container {
	position: relative;
	width: 100%;
	height: 16px;
	margin-top: 12px;
	margin-bottom: 12px;
}

input[type=range] {
	position: absolute;
	left: 0;
	top: 0px;
	width: 100%;
	pointer-events: none;
	-webkit-appearance: none;
	background: transparent;
	margin: 0;
	height: 16px;
	z-index: 1;
}

input[type=range]::-webkit-slider-thumb {
	position: absolute;
	pointer-events: auto;
	-webkit-appearance: none;
	height: 16px;
	width: 16px;
	background: #8D91A8;
	border-radius: 50%;
	cursor: pointer;
	margin-top: -7px;
	position: relative;
	z-index: 3;
}

input[type=range]::-moz-range-thumb {
	position: absolute;
	pointer-events: auto;
	height: 20px;
	width: 20px;
	background: #8D91A8;
	border-radius: 50%;
	cursor: pointer;
	position: relative;
	z-index: 3;
}

input[type=range]::-webkit-slider-runnable-track {
	height: 2px;
	background: #8D91A8;
}

input[type=range]::-moz-range-track {
	height: 2px;
	background: #8D91A8;
}

.slider-track {
	position: absolute;
	top: 7px;
	height: 2px;
	background: #3072D0;
	z-index: 2;
}

.catalog-page {
	padding-bottom: 85px;
}

.catalog-page h1 {
	text-transform: uppercase;
	line-height: 110%;
	font-weight: bold;
	margin-top: -9px;
	margin-bottom: 40px;

	font-size: 32px;
}

.catalog {
	display: flex;
	gap: 20px;
}

.catalog-left {
	width: 24.06%;
	padding-top: 34px;
}

.catalog-right {
	width: 74.69%;
}

.catalog .filters-head {
	display: flex;
	justify-content: space-between;
	margin-bottom: 24px;
}

.catalog .filters-head .title {
	font-size: 24px;
	font-weight: bold;
}

.catalog .filters-head .reset {
	color: #3072D0;
	background-color: transparent;
	font-size: 16px;
	font-weight: 300;
}

.filters {
	padding-left: 32px;
	padding-right: 32px;
}

.filters form {
	padding-top: 12px;
}

.filters form .title {
	display: flex;
	justify-content: space-between;
	font-size: 16px;
	margin-bottom: 18px;
}

.filters form .title span {
	line-height: 20px;
}

.filters form .item {
	padding-top: 12px;
	padding-bottom: 12px;
}

.filters form .item .close {
	width: 10px;
	height: 4px;
	background: url('../img/icons/triangle.svg') center center / 11px auto no-repeat;
	cursor: pointer;
	padding: 5px;
}

.filters form .item .close.active {
	transform: rotate(180deg);
	transition: rotate .4s ease-in-out;
}

.filters form .item .content {
	height: auto;
	display: flex;
	flex-direction: column;
	transition: height .2s ease;
	gap: 18px;
}

.filters form .item .content.hidden {
	height: 0;
	display: none;
}

.filters form .item input[type="text"] {
	height: 48px;
}

.filters form .item .content label {
	display: flex;
	align-items: center;
	gap: 12px;
}

.filters form .item .content label input[type="checkbox"] {
	width: 16px;
	height: 16px;
}

.filters form .item .content label span {
	color: #8D91A8;
	font-size: 16px;
	line-height: 20px;
}

.filters form button.blue-btn {
	width: 100%;
	height: 40px;
	margin-top: 70px;
}

.cats {
	/*display: flex;
	flex-wrap: wrap;
	justify-content: space-between;*/
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 20px;
	padding: 0;
	border-radius: 10px;
	margin-bottom: 40px;
}

.cats .item {
	border: 2px solid #F5F5F5;
	border-radius: 10px;
	background-color: #EDF1F4;
	/*width: 23%;*/
	display: flex;
	align-items: flex-start;
	flex-direction: column;
}

.cats .item:nth-last-child(-n+2) {
	/*width: 48%;*/
}

.cats .item .title {
	color: #323750;
	font-size: 14px;
	line-height: 120%;
	/* margin-bottom: 6px; */
	height: 132px;
	font-size: 18px;
	line-height: 120%;
	font-weight: bold;
	padding-top: 32px;
	width: 100%;
	height: 100%;
}

.cats .item>div {
	padding: 20px;
	background-color: white;
}

.cats .item .image {
	border-radius: 10px 10px 0px 40px;
	display: flex;
	justify-content: center;
	width: 100%;
}

.cats .item .image img {
	min-height: 173px;
	max-height: 173px;
	object-fit: contain;
}

.cats .item .title {
	border-radius: 40px 0px 10px 10px;
	height: 100%;
}

.products {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 20px;
}

.products .product {
	border: 2px solid #F5F5F5;
	border-radius: 10px;
	background-color: #EDF1F4;
	display: flex;
	align-items: flex-start;
	flex-direction: column;


}

.products .product .title {
	color: #323750;
	font-size: 14px;
	line-height: 120%;
	margin-bottom: 6px;
	margin-bottom: auto;
}

.products .product .price {
	color: #3072D0;
	font-size: 14px;
	line-height: 120%;
}

.products .product .add-to-cart-btn {
	width: 38px;
	height: 38px;
	border-radius: 50%;
	background-color: #EDF1F4;
	background-image: url('../img/icons/cart.svg');
	background-size: 20px;
	background-position: center;
	background-repeat: no-repeat;
}

.products .product .sku {
	color: #8D91A8;
}

.products .product .col {
	padding: 20px;
	background-color: white;
}

.products .product .slide-top {
	border-radius: 10px 10px 0px 40px;
	width: 100%;
}

.products .product .slide-top img {
	min-height: 270px;
	object-fit: contain;
	max-height: 270px;
}

.products .product .slide-bottom {
	border-radius: 40px 0px 10px 10px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 100%;
	height: 100%;
}

.products-head {
	display: flex;
	justify-content: space-between;
	margin-bottom: 20px;
}

.products-head select {
	height: 52px;
	border: none;
	background-color: #EDF1F4;
	border-radius: 10px;
	padding-left: 20px;
}

.products-head .search-form {
	margin-right: 20px;
	position: relative;
	height: 52px;
}

.products-head .search-form input[type="text"] {
	border: none;
	outline: none;
	background-color: #EDF1F4;
	border-radius: 10px;
	color: #8D91A8;
	padding: 0px 20px;
	height: 100%;
	width: 250px;
}

.products-head .search-form input[type="submit"] {
	border: none;
	outline: none;
	background-color: transparent;
	width: 45px;
	height: 100%;
	position: absolute;
	top: 0;
	opacity: 0.8;
	right: 20px;
	background: no-repeat center / 24px url('../img/icons/search.svg');
	cursor: pointer;
}

#searchBtn {
	background-color: #EDF1F4;
	width: 64px;
	height: 52px;
	position: absolute;
	top: 0px;
	right: 20px;
	background-image: url('../img/icons/search.svg');
	background-repeat: no-repeat;
	background-position: center;
	background-size: 24px;
	border-radius: 10px;
}

@media screen and (min-width: 992px) {
	#searchBtn {
		display: none
	}
}

@media screen and (max-width: 991px) {
	.catalog-page {
		padding-bottom: 60px;
	}

	#searchForm.active input[type="text"] {
		display: block;
		margin-left: -228px;
		width: 240px;
	}

	.products {
		gap: 16px;
	}


}

@media screen and (max-width: 430px) {
	.products .product .sku {
		font-size: 12px;
	}
}

/* Стилизация селекта на странице каталога */
select.orderby {
	appearance: none !important;
	-webkit-appearance: none !important;
	-moz-appearance: none !important;
	background: #f0f0f0 url('../img/icons/triangle.svg') no-repeat right 10px center;
	border: 1px solid #ccc;
	padding: 5px 30px 5px 10px;
	/* место под стрелку */
	border-radius: 4px;
	cursor: pointer;
	background-color: #edf1f4;
}

select.orderby:focus {
	/* border-color: #5b9bd5; */
}

.dropdown {
	position: relative;
	width: 200px;
}

.orderby {
	width: 100%;
	appearance: none;
	padding-right: 30px;
	background: #fff;
	border: 1px solid #ccc;
	border-radius: 4px;
}

.material-icons {
	position: absolute;
	right: 10px;
	top: 50%;
	transform: translateY(-50%);
	pointer-events: none;
	color: #333;
	font-size: 24px;
}

/* Catalog Menu */
.catalog-menu {
	background-color: #EDF1F4;
	padding: 40px;
	width: auto;
	position: absolute;
	border-radius: 10px;
	top: 164px;
	background-color: #EDF1F4;
	right: -1000%;
	transition: right .3s ease-in-out;
}

.catalog-menu.active {
	right: 14%;
}

.catalog-menu .menu {
	display: flex;
	gap: 3px;
}

.catalog-menu .menu>li>a {
	font-size: 18px;
	background-color: white;
	padding: 10px 30px;
	min-height: 50px;
	display: inline-flex;
	align-items: center;
}

.catalog-menu .menu>li:first-child>a {
	border-top-left-radius: 10px;
	border-bottom-left-radius: 10px;
}

.catalog-menu .menu>li:last-child>a {
	border-top-right-radius: 10px;
	border-bottom-right-radius: 10px;
}

.catalog-menu .menu>li.current>a {
	background-color: #323750;
	color: white;
	/* font-weight: bold; */
}

.catalog-menu .menu>li:hover>a {
	background-color: #323750;
	color: white;
	/* font-weight: bold; */
}

.catalog-menu .sub-menu {
	display: none;
}




.catalog-menu .sub-menu {
	position: absolute;
	background-color: #EDF1F4;
	left: 0;
	padding-left: 40px;
	width: 100%;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
	padding-top: 20px;
	padding-bottom: 40px;
	display: flex;
	flex-wrap: wrap;
}

.catalog-menu .sub-menu .menu-item {
	width: 50%;
	font-size: 16px;
	line-height: 130%;
	margin-bottom: 16px;
}

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

	.catalog-menu .menu>li>a,
	.catalog-menu .sub-menu .menu-item {
		font-size: 14px;
	}

	.products {
		grid-template-columns: repeat(3, 1fr);
	}

	.cats {
		grid-template-columns: repeat(3, 1fr);
	}
}

@media screen and (max-width: 540px) {
	.cats {
		grid-template-columns: repeat(2, 1fr);
	}

	.products {
		grid-template-columns: repeat(2, 1fr);
	}
}

@media screen and (max-width: 420px) {
	.cats {
		grid-template-columns: repeat(1, 1fr);
	}

	.products {
		grid-template-columns: repeat(1, 1fr);
	}

	.products .product .slide-top img {
		height: 173px;
		object-fit: contain;
	}
}

@media screen and (max-width: 1250px) {
	.catalog-right {
		width: 71.69%;
	}
}

@media screen and (max-width: 991px) {
	.catalog-page>.container {
		padding: 15px;
	}

	.catalog-page h1 {
		font-size: 20px;
	}

	.cats {
		gap: 16px;

	}


	.cats.view1 {
		grid-template-columns: repeat(1, 1fr);
	}

	.cats.view1 .item {
		width: 100%;
	}

	.cats .item .title {
		font-size: 14px;
	}

	.cats .item>div {
		padding: 10px;
	}

	.catalog-left {
		width: 100%;
		position: fixed;
		background-color: white;
		top: 83px;
		z-index: 100;
		overflow-y: scroll;
		height: 100%;
		left: -1000px;
		transition: left .3s ease;
	}

	.catalog-left.active {
		left: 0;
	}

	.catalog .filters-head .title {
		display: flex;
		align-items: center;
	}

	.catalog .filters-head .close {
		transform: rotate(90deg);
	}

	.catalog .filters-head .close img {
		width: 35px;
	}

	.filters form {
		position: relative;
	}

	.filters form:before {
		content: '';
		position: fixed;
		height: 100px;
		width: 100%;
		background-color: white;
		bottom: 0;
		left: 0;
		z-index: 1;

		display: none;
	}

	.filters form button.blue-btn {
		position: fixed;
		bottom: 15px;
		width: 84%;
		height: 60px;
		bottom: 67px;
		z-index: 2;
	}

	.catalog .filters-head .reset {
		position: fixed;
		bottom: 15px;
		width: 84%;
		height: 60px;
		bottom: 8px;
		background-color: white;
		z-index: 2;
	}

	.catalog,
	.catalog-right {
		width: 100%;
	}


	.pagination {
		display: none;
	}

	.products-head .search {
		width: 10px;
	}

	.products-head .search input[type="text"] {
		display: none;
		left: 4000px;
		width: 0;
		transition: left .4s ease-in-out;
	}
}

@media screen and (min-width: 992px) {
	.catalog .filters-head .close {
		display: none;
	}
}

/* FORM BOTTOM - POPUP */
.form-bottom.popup {
	position: fixed;
	z-index: 301;
	/* top: 50%; */
	left: 50%;
	transform: translate(-50%, -50%);
	width: 100%;
	display: none;
	top: -1000px;
}

.form-bottom.popup.active {
	display: block;
	top: 50%;
}

#closePopup {
	position: absolute;
	right: 5px;
	top: 5px;
	background-color: #EDF1F4;
	border-radius: 50%;
	background-image: url('../img/icons/close.svg');
	background-position: center;
	background-size: 53px;
	background-repeat: no-repeat;
	width: 58px;
	height: 58px;
	z-index: 100;
	cursor: pointer;
}

@media screen and (max-width: 991px) {
	.catalog-right-head {
		display: flex;
		align-items: center;
		justify-content: space-between;
		margin-bottom: 20px;
	}

	.catalog-right-head h1 {
		margin-bottom: 0;
		line-height: 100%;
		margin-top: 0;
	}

	.catalog-right-head .views {
		display: flex;
		align-items: center;
		gap: 20px;
	}

	.catalog-right-head .view-btn {
		width: 24px;
		height: 24px;
		background-size: 24px;
		background-repeat: no-repeat;
		background-position: center;
	}

	.catalog-right-head #view1 {
		background-image: url('../img/icons/view1.svg');
	}

	.catalog-right-head #view2 {
		background-image: url('../img/icons/view2.svg');
	}

	.catalog-right-head #view1:hover,
	.catalog-right-head #view1.active {
		background-image: url('../img/icons/view1_hover.svg');
	}

	.catalog-right-head #view2:hover,
	.catalog-right-head #view2.active {
		background-image: url('../img/icons/view2_hover.svg');
	}

	#filterBtn {
		background-image: url('../img/icons/filter.svg');
		width: 64px;
		height: 52px;
		border-radius: 10px;
		background-color: #EDF1F4;
		background-repeat: no-repeat;
		background-position: center;
		background-size: 24px;
	}
}



.sub-menu {
	display: none;
}

.sub-menu.open {
	display: block;
}

.has-sub-menu>span {
	cursor: pointer;
}

.catalog-menu .sub-menu {
	display: none;
	transition: all 0.3s ease;
}

.catalog-menu .menu-item.current>.sub-menu {
	display: block;
}



/*new*/



.woocommerce-product-gallery__image img {
	width: 100%;
}

.woocommerce-product-gallery__image {
	/* background-color: #efefef; */
}

.swiper-pagination {
	background-color: rgba(141, 145, 168, 0.1);
	width: auto !important;
	left: 50% !important;
	transform: translateX(-50%) !important;
	padding: 10px;
	border-radius: 100px;
	display: flex;
}

.mission-inner-right>.top>.item {
	max-width: 500px;
	width: 100%;
	/* height: 380px; */
	font-size: 20px;
}

.mission-inner-right>.bottom>.item {
	font-size: 20px;
	height: 100%;
}

.container h2 {
	font-size: 32px;
}

.agreement-label span {
	font-size: 20px;
	line-height: normal;
}

.footer li,
.footer p,
.footer span {
	font-size: 20px;
}

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

.wpcf7-acceptance input {
	display: none;
}

.wpcf7-list-item-label {
	color: rgba(141, 145, 168, 1);
}

.wpcf7-list-item-label::before {

	content: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9 11L12 14L22 4M21 12V19C21 19.5304 20.7893 20.0391 20.4142 20.4142C20.0391 20.7893 19.5304 21 19 21H5C4.46957 21 3.96086 20.7893 3.58579 20.4142C3.21071 20.0391 3 19.5304 3 19V5C3 4.46957 3.21071 3.96086 3.58579 3.58579C3.96086 3.21071 4.46957 3 5 3H16' stroke='%238D91A8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    display: inline-block;
    width: 24px;
    height: 24px;
    margin-right: 8px; 
    vertical-align: middle;

}

.form-bottom input[type="submit"] {
	cursor: pointer;
}



.woocommerce:where(body:not(.woocommerce-uses-block-theme)) .woocommerce-breadcrumb {
	font-size: 16px;
}

.woocommerce-pagination {
	padding-top: 30px;
}

.page-numbers {
	padding: 5px !important;
	border-radius: 10px !important;
	
}

.woocommerce nav.woocommerce-pagination ul li a:focus, .woocommerce nav.woocommerce-pagination ul li a:hover, .woocommerce nav.woocommerce-pagination ul li span.current {
	color: rgba(48, 114, 208, 1);
}

.woocommerce nav.woocommerce-pagination ul {
	border: solid 3px #e9e6ed !important;

	position: relative;
	
}

.woocommerce nav.woocommerce-pagination ul li {
	border: none;
	margin: 1px;
	
	
}

.woocommerce nav.woocommerce-pagination {
	position: relative;
}

.woocommerce nav.woocommerce-pagination ul li a, .woocommerce nav.woocommerce-pagination ul li span {
	width: 48px;
	height: 48px;
	border-radius: 6px;

	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 20px;
}

.page-numbers .next {
	position: absolute;
	font-size: 40px !important;
	color: rgba(141, 145, 168, 1);
	margin-left: 12px !important;
	
	
}

.page-numbers .prev {
	position: absolute;
	font-size: 40px !important;
	color: rgba(141, 145, 168, 1);
	/* margin-right: 135px !important; */

	/* right: 325px !important; */
	/* padding-right: 120px !important; */
	transform: translateX(-60px);
	
}


.catalog-main .item a {
	display: flex;
    flex-direction: column;
    /* justify-content: space-between; */
    height: 100%;

	/* padding-bottom: 50px; */
	
}




@media (max-width:1495px) {
	.main-menu ul {
		gap: 35px;
	}

	.main-menu a {
		font-size: 20px;
	}
}

@media (max-width:1370px) {
	.main-menu ul {
		gap: 15px;
	}

	.main-menu a {
		font-size: 17px;
	}
}

@media (max-width:1260px) {
	.main-menu a {
		font-size: 16px;
	}

	.main-menu ul {
		gap: 12px;
	}
}

@media (max-width: 1645px) {
	.product-tabs {
		padding-right: 20px;
	}
}

@media (max-width: 1400px) {
	.product-tabs {
		padding-right: 0;
	}
}

@media (max-width:1388px) {

	.main-page .adv-inner {
		grid-template-columns: repeat(3, 1fr);
	}

	.main-page .adv-inner .item.bottom.col1, .main-page .adv-inner .item.bottom.col2, .main-page .adv-inner .item.bottom.col3 {
		margin-top: 0;
	}

	.main-page .adv-inner .item.bottom.col4 {
		height: auto;
	}

	.main-page .adv-inner .item.bottom.col4 {
		width: 206%;
		
	}

}

@media (max-width:1080px) {

	.main-page .adv-inner .item.bottom.col4 {
		width: auto;
	}

}

@media (max-width:1085px) {
	.header-right-top {
		font-size: 16px;
	}

	.main-menu ul {
		gap: 8px;
	}

	.header .logo-wrapper,
	.header .logo {
		margin-right: 10px;
	}

	.header .catalog-btn,
	.header .search-form input[type="text"] {
		width: 180px;
	}

}

@media (max-width:991px) {

	.product-page h1 {
		font-size: 18px;
	}

	.header-right {
		overflow: scroll;
	}
	.breadcrumbs {
		padding-top: 20px;
	}

	.page-contacts .contacts-inner .text {
		line-height: 140%;
	}

	.page-contacts .contacts-inner .text br {
		display: none;
	}

	.page-contacts .item .title {
		font-size: 18px;
	}

	.page-contacts .contacts-inner {
		width: 100%;
	}

	.mission-inner-right>.top>.item,
	.page-about .adv .item {
		max-width: none;
		font-size: 16px;
	}

	.mission-inner-right>.bottom>.item {
		font-size: 16px;
	}

	.page-about .mission h2 {
		margin-top: -10px;
		font-size: 18px;
	}

	.mission-inner-left p {
		font-size: 16px;
		text-align: center;
	}

	.mission-inner-right img {
		width: 35px;
	}

	.adv h2 {
		font-size: 18px;
	}

	.page-about section {
		margin-bottom: 40px;
	}

	.page-about .adv .item img {
		width: 34px;
	}

	.footer ul {
		gap: 10px;
	}

	.margin_li {
		padding-bottom: 10px;
	}

	.footer .logo {
		margin-bottom: 20px;
	}

	.page-deivery .content .content-left .top .items .item br {
		display: none;
	}

	.deivery-top .items {
		margin-top: 40px;
	}

	.page-deivery .content-inner .title {
		font-size: 16px;
	}

	.page-deivery .content .content-left .top .items .item {
		align-items: center;
	}

	.header .catalog-btn,
	.header .search-form input[type="text"] {
		width: 100%;
	}

	#catalog-main h2 {
		font-size: 20px;
	}

	.main-page .adv-inner .item .title {
		font-size: 18px;
	}

	.main-page .adv-inner .item .text {
		font-size: 16px;
	}

	.form-inner h2 {
		font-size: 20px;
	}

	.form-bottom input[type="submit"] {
		height: 80px;
	}

	.tab-buttons {
		justify-content: space-between;
	}

	.tab-buttons button:nth-child(2) {
		width: 56.7%;
	}

	.swiper-button-next, .swiper-button-next-01 {
		right: 0 !important;
	}

	#tab2 .item .value {
		text-align: start;
	}

	.form-bottom.popup.active {
		/* height: 800px; */

		height: 100vh;
	}

	.form-bottom.popup.active {
		top: 58%;
	}

	#orderPopup {
		border-radius: 16px;
		overflow: scroll;
	}

	.form-bottom .form-inner-left {
		border-radius: 16px;
	}

	.agreement-label span {
		font-size: 16px;
	}

	.form-bottom .form-inner-right {
		background-color: rgba(237, 241, 244, 1);
		border-bottom-left-radius: 16px;

		display: none;
	}

	.form-bottom input::placeholder {
		font-size: 18px !important;

	}

	.product-info-top .price, .product-info-top .sku .value {
		font-size: 18px;
	}


}

@media (max-width:675px) {
	.tab-buttons {
		justify-content: start;
	}

	.tab-buttons button:nth-child(2) {
		width: auto;
	}
}

@media (max-width:551px) {
	.catalog-main-inner {
		
		flex-wrap: nowrap;
		flex-direction: column;

	}

	.catalog-main .item {
		width: 100%;
		max-width: none;
	}
}

@media (max-width:450px) {
	.page-numbers .next, .page-numbers .prev {
		display: none !important;
	}
}





/* Скрываем стандартный вывод и делаем его попапом */
.wpcf7-response-output {
	display: none; /* Сначала скрываем */
	position: fixed !important;
	top: 50% !important;
	left: 50% !important;
	transform: translate(-50%, -50%) !important;
	width: 90% !important;
	max-width: 500px !important;
	padding: 25px !important;
	background: #fff !important;
	border: none !important;
	border-radius: 10px !important;
	box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2) !important;
	text-align: center !important;
	z-index: 99999 !important;
	animation: fadeIn 0.3s ease-out !important;


	
  }
  
  /* Закрывающий крестик (добавим его через JS) */
  .wpcf7-response-output::after {
	content: "×";
	position: absolute;
	top: 10px;
	right: 15px;
	font-size: 35px;
	cursor: pointer;
	color: #555;
  }
  
  /* Затемнение фона */
  .wpcf7-response-overlay {
	/* position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.7);
	z-index: 999;
	display: none; */
  }
  
  /* Анимация появления */
  @keyframes fadeIn {
	from { opacity: 0; transform: translate(-50%, -45%); }
	to { opacity: 1; transform: translate(-50%, -50%); }
  }
  
  /* Цвета сообщений */
  .wpcf7-mail-sent-ok {
	color: #28a745 !important;
	border-left: 4px solid #28a745 !important;
  }
  
  .wpcf7-validation-errors,
  .wpcf7-mail-sent-ng {
	color: #dc3545 !important;
	border-left: 4px solid #dc3545 !important;
  }




  .alt-tooltip {
    position: fixed; /* fixed вместо absolute, чтобы не зависеть от скролла */
    background: #000;
    color: #fff;
    padding: 4px 8px;
    border-radius: 3px;
    font-size: 13px;
    pointer-events: none;
    display: none;
    z-index: 9999;
    white-space: nowrap; /* чтобы текст не переносился */
    transform: translate(5px, 5px); /* смещение от курсора */
}



/**/

@media (max-width:1350px) {
	.catalog-main .item .title {
		font-size: 30px;
	}
}

@media (max-width:1300px) {
	.catalog-main .item .title {
		font-size: 25px;
	}
}

@media (max-width:1120px) {
	.catalog-main .item .title {
		font-size: 20px;
	}
}