* {
	box-sizing: border-box;
	

	

	line-height: 19.2px;
	padding: 0;
	margin: 0;
}
html {
	width: 100%;
	overflow-x: hidden;
	padding: 0;
	margin: 0 auto;
	max-width: 1920px;
}
@font-face {
    font-family: 'Jost';
    font-style: normal;
    font-weight: 400;
    src: local('Jost-Regular'),
        url(/public/css/fonts/Jost-Regular.ttf) format('truetype');
}
@font-face {
    font-family: 'Jost';
    font-style: bold;
    font-weight: 700;
    src: local('Jost-Bold'),
        url(/public/css/fonts/Jost-Bold.ttf) format('truetype');
}
@font-face {
    font-family: 'Jost';
    font-style: bold;
    font-weight: 500;
    src: local('Jost-SemiBold'),
        url(/public/css/fonts/Jost-SemiBold.ttf) format('truetype');
}

.mflex { display: flex; justify-content: space-between; align-items: center;}
.mflex3 { display: flex; justify-content: space-between; align-items: flex-start; }
.mflex2 { display: flex; justify-content: flex-start; align-items: center; flex-wrap: wrap; gap:20px;}
.mgrid {display: grid;  grid-template-columns: repeat(3, 1fr);  gap:20px}

body {
	
	font-family: "Jost";
	margin: 0 auto;
	max-width: 1920px;

	background-color: #F3F3F3;
	font-size: 16px;
	font-weight: 400;
	color: #070857;

}

a {color: #070857; text-decoration: none;}
a:hover {color: #070857; text-decoration: none;}

select:focus,
textarea:focus,
input:focus,
button:focus {
	outline: 0;
}


input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button {
	-webkit-appearance: none;
	margin: 0;
}

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

.container {max-width: 1140px;position: relative;}









/* ГЛАВНАЯ
HEADER */

header .container {position: relative;}
.header_logo img {width: 10%; position: absolute; left: -82px; top: -10px;}
.line1 {display: flex;  justify-content: space-between; align-items: center;margin-top: 10px;margin-bottom: 20px; gap: 11px}

	.header_socials {display: flex; justify-content: space-between;}
	.header_socials div {padding: 0 5px; transition: opacity 0.3s ease; }
	.header_socials div:hover {opacity: 0.7;}
	.header_callback {padding: 14px 9px; background-color: #82D15B; border-radius: 60px; cursor: pointer; transition: background-color 0.3s ease; color: white; white-space: nowrap;}
	.header_callback:hover {background-color: #9fe07c;}
	.header_logo_title {line-height: 19.2px; letter-spacing: 10px; white-space: nowrap; }
	.header_jobtime {}
	.header_phone {font-size: 20px; font-weight: 600; line-height: 28.9px;}
	
.line2 {display: flex; justify-content: space-between; margin-left: 308px; padding-bottom: 10px; margin-top: 20px;}
	.head_menu  {color: #8F919D; font-weight: 500;}
	.head_menu:hover {color: #070857 !important; transition: 0.3s linear;}
	

.line3 {display: flex; justify-content: space-between;padding-top: 20px; position: relative;} 
.header_search {margin-left: 163px; position: relative;}
.header_search img {position: absolute ;  cursor: pointer; top: 12px; right: 22px;}
.header_search input{  padding: 13px 250px 13px 15px; border-radius: 60px; background-color: #fff; border: 1px #fff solid; }
	.search_result {display: none; position: absolute; top: 50px; left: 0; width: 100%; background-color: #fff; border-radius: 30px; padding: 25px 20px; z-index: 4;}

	.basket {display: flex; background-color: #FA542E; border-radius: 60px; cursor: pointer; transition: background-color 0.3s ease;}
	.basket:hover {background-color: #FB7A5C;}
		.basket_img { padding-left: 20px;padding-right: 20px;padding-top: 13px;}
		.basket_title {padding-top: 14px;padding-right: 15px; color: white;}
		.basket_total_price {white-space: nowrap  ;background-color: #FF957C; border-radius: 60px; padding-top: 13px; padding-left: 10px;padding-right: 10px;color: white; font-weight: 600;}

	.catalog_list {}

		.catalog_list_burger { background-color: #E0E2ED; padding-left: 15px; padding-right: 6px; border-radius: 60px; padding-top: 3px;padding-bottom: 3px; font-weight: 500;line-height: 25.6px; position: absolute; cursor: pointer;}
		.catalog_list_burger img {padding-left: 140px;}
		.inn {display: none;}
		.catalog_list_item { padding-left: 15px; padding-right: 60px; border-radius: 60px; padding-top: 10px;padding-bottom: 10px;  border: 2px solid #E0E2ED; line-height: 25.6px; display: block; margin-bottom: 5px; }
		.catalog_list_item:hover {background-color: #E0E2ED; transition: 0.2s linear; }
		.catalog_list_item:focus {background-color: #CFD3ED;}
			.catalog_list_inner {position: absolute; height: 652px;	overflow-y: hidden; z-index: 4; background-color: #F3F3F3; border-radius: 20px;}	
			.catalog_list_inner:hover {	overflow-y: scroll;	}

		.catalog_list_item {
			position: relative;
			display: block;
		}
		.catalog_list_item_arrow {
			position: absolute;
			right: 3px;
			top: 50%;
			transform: translateY(-50%);
			opacity: 0;
			transition: opacity 0.3s ease;
		}
		.catalog_list_item:hover .catalog_list_item_arrow {
			opacity: 1;
		}


/* БАНЕР */

.ban_section {margin-top: 40px;}

	.ban {background: url(/public/img/index/ban.svg) no-repeat; height: 406px;}
		.ban_title {font-size: 50px;font-weight: 600;line-height: 55px; color: #0E1050; padding-top: 50px;margin-left: 50px;padding-bottom: 20px;}
		.ban_text {font-size: 50px;font-weight: 600;line-height: 55px; color: #82D15B; margin-left: 50px;padding-bottom: 15px; padding-top: 5px; border-radius: 60px; background-color: #fff; width: fit-content; padding-left: 20px;padding-right: 20px; margin-bottom: 40px;}


	.ban_item_text {font-size: 20px; line-height: 24px; height: 95px; overflow: hidden;}

	
	.ban_features {display: flex; justify-content: space-between; align-items: center; margin-top: 20px; gap: 20px;}
	.ban_features_item { width: 33%; display: flex;flex-direction: column; justify-content: space-between; gap: 10px;}
	.ban_features_item img {margin-bottom: 10px; width: 50px; height: 50px; max-width: 100%; object-fit: contain;} 


	
/* КАТАЛОГ */



	.catalog_item {position: relative; margin-bottom: 25px; transition: filter 0.3s ease, box-shadow 0.3s ease; border-radius: 30px;}
	.catalog_item:hover {filter: brightness(1.1); box-shadow: 0 0 18px rgba(0, 0, 0, 0.1); border-radius: 30px;}
	.citem_img  {width: 100%; border-radius: 30px; height: 153px; max-width: 100%; max-height: 100%; }
	.citem_img2 {width: 100%; border-radius: 30px; height: 213px; object-fit: cover; }
	
	
	.strelochka {width: 40px; height: 40px; position: absolute; top: 14px; right: 20px; cursor: pointer;}
 	.item_title {font-size: 19px;line-height: 20px; font-weight: 700;position: absolute; bottom: 12px; left: 20px; color: white; text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;}



/* ХИТЫ */


.hits_section .container {background-color: #fff; margin-top: 40px; border-radius: 50px; padding: 30px 40px; }
	.hits_line1 {display: flex; justify-content: space-between; align-items: center; margin-bottom: 30px;}
		.hits_navigation { display: flex !important; justify-content: space-between; border: #82D15B 2px solid; border-radius: 60px; align-items: center; cursor: pointer; transition: background-color 0.3s ease; padding-left: 40px;padding-right: 40px;padding-top: 15px;padding-bottom: 17px;}
		
		.hits_navigation div:nth-child(2) {padding: 0 7px;}
		.hits_title h2{font-size: 50px; font-weight: 500; line-height: 55px;}


/* КАРТОЧКА ТОВАРА */


.item_box {background-color: #F3F3F3; border-radius: 30px; padding: 16px; margin-bottom: 20px; width: fit-content; }
	.item_img {height: 250px; overflow: hidden;  background-color: #fff; border-radius: 30px; margin-bottom: 25px; display: flex; justify-content: center; align-items: center; }
		.item_img img { max-width: 100%;  }
	.item_art {color: #8F919D; font-size: 14px; margin-bottom: 5px;}
	.item_name {font-size: 20px; font-weight: 600; line-height: 24px; margin-bottom: 10px;}
	.item_price {font-size: 40px; font-weight: 700; line-height: 48px;}
	.item_btn {display: flex; justify-content: space-between; align-items: center; margin-top: 20px;}
		.btn_orange {display: flex; background-color: #FA542E; border-radius: 60px; padding: 15px 20px; cursor: pointer; transition: background-color 0.3s ease; margin-right: 10px;}
		.btn_orange:hover {background-color: #FB7A5C;}
			.btn_text {color: white; font-size: 16px; }
			.btn_text img {padding-left: 20px;}
		.btn_green {background-color: #82D15B; border-radius: 60px; padding: 15px 19px; cursor: pointer; transition: background-color 0.3s ease; color: white;}
		.btn_green:hover {background-color: #91D967;}
	.owl-stage-outer .owl-stage {overflow: hidden;}



/* ПРЕИМУЩЕСТВА */


.features_section {margin-top: 90px; margin-bottom: 90px;}
	.features_title {display: flex; margin-bottom: 40px; position: relative;}
	.features_title h2 { font-size: 50px; font-weight: 500; line-height: 55px; }
	.color_text {
		
		
		background-image: linear-gradient(to right, #82D15B, #FA542E);
		-webkit-background-clip: text;
		-webkit-text-fill-color: transparent;
		background-clip: text;
		color: transparent;
		
	}
	.white_bgc {background-color: #fff;  border-radius: 60px; position: absolute; top: 2px; left: 320px; padding-left: 25px;padding-top: 18px;padding-bottom: 25px;padding-right: 25px;}

	.features_item {display: flex; }
		.features_item_img {margin-right: 37px; padding-top: 3px;}

	.owl-hits .owl-stage {display: flex;}
	.owl-hits .owl-stage-outer { overflow: hidden;}

	.owl-hits .owl-nav .owl-prev{position:absolute;right:133px;top:51px; cursor: pointer;}
	.owl-hits .owl-nav .owl-next{position:absolute;right:55px;top:51px; cursor: pointer;}


/* ОТЗЫВЫ */


.otzyvy_box {background-color: #fff; border-radius: 30px; padding-top: 35px; padding-left: 43px; padding-bottom: 25px; margin-bottom: 20px; padding-right: 20px;}
	.otzyvy_img img{border-radius: 50%; border: 6px #F3F3F3 solid;}
	.otzyvy_telo {position: relative;}
		.kavichki {position: absolute; top: -10px; left: -20px; z-index: 1;} 

	.otzyvy_text {margin-bottom: 20px; position: relative; z-index: 2;}
	.otzyvy_text_name {color: #8F919D; font-weight: 600;}

.owl-otzyvy .owl-stage {display: flex;}
.owl-otzyvy .owl-stage-outer { overflow: hidden;}
.owl-otzyvy .otzyvy_text {margin-bottom: 20px; position: relative; z-index: 2; padding-left: 50px;}
.owl-otzyvy .otzyvy_text_name {color: #8F919D; font-weight: 600; padding-left: 50px;}
.owl-otzyvy .kavichki {left: 50px;}

.owl-otzyvy .owl-nav .owl-prev{position:absolute;right:104px;top:21px; cursor: pointer;}
.owl-otzyvy .owl-nav .owl-next{position:absolute;right:29px;top:21px; cursor: pointer;}

.middle_body {margin-top: 40px;}


.indextext_section {margin-top: 40px;margin-bottom: 40px;}
.indextext_section h2 {font-size: 50px;line-height: 55px;font-weight: 500; margin-bottom: 40px;}

.page_h2 .white_bgc {top: 57px; left: 49px;}




/* FAQ */


.faq_section {margin-top: 50px; margin-bottom: 90px;}
.faq_section h2 {font-size: 50px;line-height: 55px;font-weight: 500; margin-bottom: 20px;}
	.faq_content {cursor: pointer;}
	.faq_item {border-top: 2px #E0E0E0 solid; display: flex; padding-top: 30px; padding-bottom: 30px; position: relative;}
	.faq_item:last-child {border-bottom: 2px #E0E0E0 solid;}
		.faq_question {padding-top: 5px; font-size: 20px; line-height: 24px; font-weight: 600; color: #8F919D;}
		.faq_number { border: 1px #8F919D solid;  color: #8F919D; border-radius: 20px; padding-left: 15px;padding-right: 15px;padding-top: 5px;padding-bottom: 5px; margin-right: 40px; max-height: 31px;}
			.faq_btn_plus {	position: absolute;	right: 20px; top: 24px; cursor: pointer;}
		.faq_btn_minus {display: none; position: absolute;	right: 20px; top: 24px; cursor: pointer;}
		.faq_answer {display: none; padding-right: 100px; margin-top: 30px;}



/* КАРТА */

.maps_section .container{background-color: #fff; border-radius: 30px; padding: 40px;}
.maps_section h2 {font-size: 50px;line-height: 55px;font-weight: 500; margin-bottom: 25px;}

	.maps_item {display: flex;justify-content: space-between;align-items: center; margin-bottom: 45px;}
		.maps_item_phone {font-weight: 600;}
	.maps_item img {padding-right: 7px;}
		.maps_item_socials {display: flex; justify-content: space-between; align-items: center;}
		.maps_item_socials div {padding: 0 3px;}

	.maps_map iframe{border-radius: 30px;}



/* ФУТЕР */


footer {margin-top: 60px; }
footer .container{background-color: #fff; border-radius: 30px; padding: 40px;}
.footer_section .mobile_inn {display: block;}
.footer_section .header_socials {flex-direction: row; justify-content:flex-start; align-items: center; margin-bottom: 30px;}
.footer_section .header_logo2 {margin-bottom: 30px;}
.footer_section .header_jobtime {padding-left: 0; margin-bottom: 15px;}
.footer_section .header_phone {margin-bottom: 10px;}
.footer_section .header_callback {width: fit-content; color: white; padding: 15px 25px; margin-bottom: 25px;}
.footer_title {font-size: 16px;font-weight: 600;line-height: 23.12px;}

.footer_menu_item { display: block; line-height: 32px;}
.footer_menu_item:hover {text-decoration: underline;}
.footer_title {margin-bottom: 20px;}
.catalog_list a{display: block;}
.footer_catalog_item {line-height: 32px;}
.footer_catalog_item:hover {text-decoration: underline;}
.catalog_list2 a{display: block;}
.catalog_list2 {margin-top: 39px;}


.footer_bottom {display: flex; color: #A5A8B9;}
.footer_bottom a {color: #A5A8B9; text-decoration: underline;}
.footer_bottom a:hover {color: #8F919D; text-decoration: none;}


.politika {margin-left: 100px;}

.to-top__btn {
	border-radius: 60px;
	border: 0;
	padding: 10px 10px;
	background: rgba(187, 118, 45, 0.3);
	display: flex;
	position: fixed;
	bottom: 60px;
	left: 15px;
	justify-content: center;
	align-items: center;
	z-index: 15;
	transform: rotate(-90deg);
	cursor: pointer;
}

.to-top__btn div {
	transform: rotate(90deg);
	margin: 10px;
}

.to-top__btn p {
	padding: 10px;
	color: #fff;

	font-size: 12px;
	font-style: normal;
	font-weight: 500;
	line-height: 150%; /* 18px */
	letter-spacing: 0.36px;
	text-transform: uppercase;
	margin: 0;
}

.to-top__btn:hover,
.to-top__btn:focus {
	background: #E4A15A;
}

.to-top__btn:active {
	background: #E18C32;
}




.crumbs {margin-bottom: 40px; margin-top: 40px;}




/* КАТАЛОГ */

.catalog_section {margin-top: 25px;}
.catalog_section h1 {font-size: 50px;line-height: 55px;font-weight: 500; margin-bottom: 30px;}
	.plitka_tegov {display: flex; margin-bottom: 20px; flex-wrap: wrap; gap: 10px;}
		.plitka_item {padding: 5px 10px; color: #8F919D; border: 1px #8F919D solid; border-radius: 60px; text-transform: uppercase; font-weight: 500;  cursor: pointer; display: flex; align-items: center; text-align: center;}
		.plitka_item:hover {background-color: #0E1050; color: white; transition: 0.3s linear;}
		.plitka_item.active {background-color: #0E1050; color: white; transition: 0.3s linear;}

	.cat_sort {display: flex; align-items: center; color: #8F919D; margin-bottom: 40px;}
		.sort_item {background-color: #fff; border-radius: 30px; padding: 5px 10px; cursor: pointer; margin-left: 15px; color: #070857;}
		.sort_item:hover {background-color: #0E1050; color: white; transition: 0.3s linear;}
		.sort_item.active {	background-color: #0E1050; color: white; 	transition: 0.3s linear; }


	.cat_content {background-color: #fff; border-radius: 30px; padding: 25px; margin-bottom: 90px;}
	.cat_text h2 {font-size: 50px; line-height: 50px;font-weight: 500; margin-bottom: 25px;}
	.cat_text .text {margin-bottom: 90px;}



/* ДОСТАВКА */


.delivery_section .crumbs {}

.delivery_content {background-color: #fff; border-radius: 30px; padding: 25px; margin-bottom: 60px;}

.delivery_content h1 {font-size: 50px;line-height: 55px;font-weight: 500; margin-bottom: 25px;}
	.delivery_bottom {background-color: #F3F3F3; padding: 25px; border-radius: 30px; }
	.delivery_pay h2 {font-size: 50px;line-height: 55px;font-weight: 500; margin-bottom: 30px;}

	.delivery_pay_flex {display: flex; margin-bottom: 30px;}
	.delivery_pay_flex img {margin-right: 15px; }
	.delivery_pay_fl1_item {margin-bottom: 10px; margin-right: 138px; display: flex;}
	
	.delivery_pay_fl2_item {margin-bottom: 10px; display: flex;}




/* АКЦИИ */

.akcii_section {margin-bottom: 90px;}
.akcii_section h1{font-size: 50px;line-height: 55px;font-weight: 500; margin-bottom: 30px;}

	.akcii_item {margin-bottom: 40px; }
		.akcii_item_img {margin-bottom: 25px;}
		.akcii_item_img img {border-radius: 30px;}
		.akcii_item_title {font-size: 20px;font-weight: 700;line-height: 24px; margin-bottom: 10px;}



/* ОТЗЫВЫ */


.otzyvy_section h1 {font-size: 50px;line-height: 55px;font-weight: 500; margin-bottom: 30px;}
	.otzyvy_flex {display: flex; justify-content: space-between; align-items: center;}
		.otzyvy_read {background-color: #FA542E; border-radius: 60px; color: white; padding-left: 20px; padding: 15px 20px; cursor: pointer; transition: background-color 0.3s ease; margin-bottom: 20px;}
		.otzyvy_read:hover {background-color: #FF7A5C;}

		.otzyvy_more {background-color: #82D15B; border-radius: 60px; color: white; padding-left: 20px; padding: 15px 20px; cursor: pointer; transition: background-color 0.3s ease; margin-bottom: 20px; width: fit-content; margin-left: auto;margin-right: auto; margin-top: 40px;}
		.otzyvy_more:hover {background-color: #81E15B;}




/* МОДАЛКА */

.hidden {display: none;}

.section_modal {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: #fff;
    border-radius: 30px;
    width: fit-content;
    padding: 25px 40px;
    z-index: 4;
}
.section_modal h2 {font-size: 50px;line-height: 55px;font-weight: 500; margin-bottom: 30px; margin-right: 50px;}
.section_modal input {display: block; padding: 15px 20px; background-color: #F3F3F3; width: 100%; border-radius: 60px; border: none; margin-bottom: 20px;}

.modal-close {
    cursor: pointer;
    position: absolute;
    top: 10px;
    right: 10px;
}

.section_modal .zayavka {background-color: #FA542E; border-radius: 60px; color: white;  padding: 17px 40px; cursor: pointer; transition: background-color 0.3s ease; margin-bottom: 20px; border: none;}
.section_modal .zayavka:hover {background-color: #FF7A5C;}

.misc {color: #8F919D; margin-top: 10px;}
.misc a {color: #8F919D;text-decoration: underline; }
.misc a:hover { text-decoration: none;}

.modal-bg {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.7);
    z-index: 5;
    animation: zoomIn 0.5s;
}

.ajax-form button { border:none; }


/* ОТЗЫВЫ */


.about_section h1 {font-size: 50px;line-height: 55px;font-weight: 500; margin-bottom: 30px;}

	.about_higher_content {background-color: #fff; border-radius: 30px; padding: 25px; margin-bottom: 40px; display: flex;}
	.about_img img {border-radius: 30px;}
	.about_img {margin-right: 110px;}
	.about_higher_text {margin-top: auto;margin-bottom: auto; padding-right: 40px; }




/* КОНТАКТЫ */


.kontakty_section h1 {font-size: 50px;line-height: 55px;font-weight: 500; margin-bottom: 30px;}
.kontakty_section .header_socials {justify-content: flex-start;}

.kontakty_section .header_phone {font-weight: 400; margin-bottom: 20px;}
.kontakty_section .header_phone a {font-weight: 600;}
.kontakty_section .header_jobtime {margin-bottom: 20px; padding-left: 0; font-size: 20px;}
.kontakty_section .address {margin-bottom: 20px;  font-size: 20px; line-height: 22.4px;}
.kontakty_section .maps_map {margin-top: 40px;}



.kontakty_form {background-color: #fff; border-radius: 30px; padding: 25px; margin-bottom: 60px;}
.kontakty_form h2 {font-size: 50px;line-height: 55px;font-weight: 500; margin-bottom: 20px;}
.kontakty_form input {display: block; padding: 15px 20px; background-color: #F3F3F3; width: 100%; border-radius: 60px; border: none; margin-bottom: 20px;}
.kontakty_form textarea {display: block; padding: 15px 20px; background-color: #F3F3F3; width: 100%; border-radius: 30px; border: none;  height: 120px;}
.form_btn {background-color: #FA542E; border-radius: 60px; color: white;  padding: 17px 40px; cursor: pointer; transition: background-color 0.3s ease; margin-bottom: 10px; border: none;margin-top: 10px;}
.form_btn:hover {background-color: #FF7A5C;}
.kontakty_form .politika {color: #8F919D; margin-left: 0;margin-top: 10px;}
.kontakty_form .politika a {color: #8F919D;text-decoration: underline; }
.kontakty_form .politika a:hover { text-decoration: none;}



/* КАРТОЧКА ТОВАРА */
.card_section .container {position: unset;}
.card_section .card_middle_content  {position: relative;}

.card_section .owl-otzyvy .owl-nav .owl-prev{position:absolute;right:114px;top:2px; cursor: pointer;}
.card_section .owl-otzyvy .owl-nav .owl-next{position:absolute;right:35px;top:2px; cursor: pointer;}

.card_content {background-color: #fff; border-radius: 30px; padding: 28px; margin-bottom: 60px; margin-top: 45px;}
	.card_img {margin-bottom: 15px; border: 1px #D1D1D1 solid; border-radius: 30px; padding: 10px; margin-right: 40px;}
	.card_img img {	border-radius: 30px; display: block; margin: 0 auto; max-width: 100%; height: auto; object-fit: contain;}

	.card_img_small {display: grid; grid-template-columns: repeat(5, 1fr); gap: 10px;}
	.card_img_small a  { border: 1px #D1D1D1 solid; border-radius: 10px; overflow: hidden; margin-right: 15px;}
	.card_img_small img { max-width: 100%;}
	
	.card_info_art {color: #8F919D; margin-bottom: 10px;}
	.card_info_price {font-size: 40px; font-weight: 700; margin-bottom: 18px; line-height: 48px;}
	

	.card_info_button {display: flex; justify-content: space-between; align-items: center; margin-bottom: 40px;}
	.card_info_button .btn_text {padding-right: 50px;}

	.quantity_control {display: flex; justify-content: space-between; background-color: #F3F3F3; padding: 15px 20px; border-radius: 30px; margin-right: 20px;}
	.quantity_control div {cursor: pointer;}
	.quantity_control .plus,.minus {font-size: 18px; font-weight: 600; padding: 0 5px; color: #8F919D;}
		.quantity_input {border: none; background-color: #F3F3F3;}
		



	.middle_box {display: flex; font-size: 50px; line-height: 55px; font-weight: 500; color: #A5A8B9; margin-bottom: 30px; align-items: center; position: relative;}
	.color_active {color: #070857;}
	.haract {cursor: pointer; margin-right: 80px;}
	.goods_otzyvy {cursor: pointer;}
	.middle_box .hits_navigation_desk {position: absolute;right: 20px; top: -11px; display: flex; justify-content: space-between; border: #82D15B 2px solid; border-radius: 60px; align-items: center; cursor: pointer; transition: background-color 0.3s ease; padding-left: 40px;padding-right: 40px;padding-top: 6px;padding-bottom: 16px;}
	
	.middle_haract {background-color: #fff; border-radius: 30px; padding: 25px; margin-bottom: 60px;}

	.haract_title {font-size: 20px;line-height: 32px;font-weight: 600; }
	
	

	.haract_table {
		width: 100%;
		
		border-spacing: 0;
	}

	
	.haract_question {
		color: #8F919D;
		font-weight: 600;
		line-height: 32px;
		width: 30%;
	}
	
	.haract_answer {
		color: #070857;
		font-weight: 600;
		line-height: 32px;
	}
	
	.haract_table tr {
		border-bottom: 1px solid #D1D1D1;
	}
	
	.haract_table tr:last-child {
		border-bottom: none;
	}
	
	.haract_table td {
		border-bottom: 1px solid #D1D1D1;
		padding-top: 10px; padding-right: 20px;padding-bottom: 10px;
	}
	
	.haract_table tr:last-child td {
		border-bottom: none;
	}

	.primechanie_box {background-color: #F3F3F3; border-radius: 30px; padding: 35px;}
	.primechanie {color: #82D15B; font-weight: 500; font-size: 20px; line-height: 24px;}

	.middle_otzyvy {background-color: #F3F3F3; border-radius: 30px;  margin-bottom: 60px;}


	.pohozhie .hits_section  {background-color: #fff; margin-top: 40px; border-radius: 50px; padding: 30px 25px; position: relative; }
	
	.pohozhie .owl-hits .owl-nav .owl-prev{position:absolute;right:117px;top:50px; cursor: pointer;}
	.pohozhie .owl-hits .owl-nav .owl-next{position:absolute;right:42px;top:50px; cursor: pointer;}

	.pohozhie .hits_title {padding-left: 10px;}

	.pohozhie .owl-pohozhie .owl-nav .owl-prev{position:absolute;right:117px;top:50px; cursor: pointer;}
	.pohozhie .owl-pohozhie .owl-nav .owl-next{position:absolute;right:42px;top:50px; cursor: pointer;}



/* БАСКЕТ ПОИСКА */

.basket_section h2 {font-size: 40px;line-height: 28px;font-weight: 700; margin-bottom: 30px;}

/* .line1 {display: flex;justify-content: space-between; margin-bottom: 20px;} */
.h1_kolvo {display: flex; justify-content: flex-start;}
.h1_kolvo h1 {font-size: 50px;line-height: 55px;font-weight: 500; margin-right: 10px;}
.kolvo {background-color: #fff; border-radius: 60px; padding: 8px 15px; margin-top: 15px; margin-bottom: 15px; color: #8F919D; font-weight: 500; font-size: 20px;	}

.basket_clean {padding: 14px 25px; background-color: #82D15B; border-radius: 60px; cursor: pointer; transition: background-color 0.3s ease; color: white;}
.basket_clean:hover {background-color: #9fe07c;}
.basket_box {background-color: #fff; border-radius: 30px; padding: 25px; margin-bottom: 60px; margin-right: 30px;}
.price_box {background-color: #fff; border-radius: 30px; padding: 22px;}

.basket_item {display: flex;align-items: center; margin-bottom: 15px; justify-content: space-around;}
	.basket_item_img {padding-left: 10px;padding-right: 10px; padding-top: 8px;padding-bottom: 8px; width: 15%; height: 23%;border: 1px #D1D1D1 solid;border-radius: 10px;overflow: hidden;margin-right: 15px;display: flex;justify-content: center;align-items: center;}
	.basket_item_img img {max-width: 100%;max-height: 100%;	object-fit: contain; }
	.basket_item_title {font-size: 14px;color: #8F919D; line-height: 15.4px; padding-right: 20px;}
	.basket_item_price {font-weight: 700; white-space: nowrap; margin-right: 33px;}
	.basket_item_del {cursor: pointer;}

.right_line1, .right_line2, .right_line3, .right_line4 {display: flex;justify-content: space-between; padding-right: 10px;}
.right_line1 {color: #8F919D;}
.right_line2 {margin-bottom: 15px; color: #8F919D;}
.right_line3 {margin-bottom: 20px;}
.right_line4 {margin-bottom: 30px; font-size: 26px; line-height: 33px;font-weight: 700;}
.right_btn {padding: 14px 25px; background-color: #FA542E; border-radius: 60px; cursor: pointer; transition: background-color 0.3s ease; color: white; width: 100%; border: none;}
.right_btn:hover {background-color: #ff724f;}

.bez_dostavki_price, .s_dostavkoi_price {color: #070857;}
.s_dostavkoi_price span { color: red }

.input {border: none; background-color: #Fff; border-radius: 60px; padding: 20px 20px; margin-bottom: 20px; width: 100%;} 
.basket_comments {border: none; background-color: #Fff; border-radius: 25px; padding: 20px 20px; margin-bottom: 20px; width: 100%; }


.delivery-option { display: flex; margin-bottom: 15px;}

.delivery-option input[type="radio"] {
    display: none;
}

.delivery-option input[type="radio"] + label {
    position: relative;
    padding-left: 35px;
    cursor: pointer;
    display: inline-block;
    line-height: 25px;
}

.delivery-option input[type="radio"] + label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 25px;
    height: 25px;
    border: 2px solid #D1D1D1;
    background: #fff;
    border-radius: 5px;
    transition: all 0.3s ease;
}

.delivery-option input[type="radio"]:checked + label:before {
    background: #FA542E;
    border-color: #FA542E;
}

.delivery-option input[type="radio"]:checked + label:after {
    content: '\2714';
    position: absolute;
    left: 6px;
    top: 50%;
    transform: translateY(-50%);
    color: white;
    font-size: 16px;
    opacity: 0;
    transition: opacity 0.3s ease;
}

.delivery-option input[type="radio"]:checked + label:after {
    opacity: 1;
}

.delivery-option label {display: block;}

.empty_basket {font-size: 20px;font-weight: 700;}


.line4, .line5, .line6 {display: none;} 	
.hits_navigation2 {display: none;}
.mobile_inn {display: flex; gap: 20px; align-items: center;}
.header_callback2 {display: none;}
.card_info_price_flex .quantity_control {display: none;}


.cat_sort .mobile {
    display: none;
}

.sort_select {
    appearance: none;
    background: url('/public/img/catalog/strelochka.svg') no-repeat  ;
    background-position: 97% 50%;
    border: none;
    font-size: 16px;
    
}

.sort_mobs {display: none;}

.eshe_btn {}
.eshe_btn {width: fit-content;display: flex; background-color: #82D15B; border-radius: 60px; padding: 15px 19px; cursor: pointer; transition: background-color 0.3s ease; color: white; margin: 0 auto;}

.mob_line1, .mob_line2 {display: flex; align-items: center;}
.basket_item_del.mobile {display: none;}


.page_h2 { font-size: 50px; line-height: 55px; font-weight: 500; margin-bottom: 30px;}

@media screen and (max-width: 767px) { 	/* МОБИЛА *//* МОБИЛА *//* МОБИЛА *//* МОБИЛА *//* МОБИЛА *//* МОБИЛА */

	h2 {font-size: 35px !important;line-height: 38.5px !important;}
									
	.mgrid {grid-template-columns: repeat(1, 1fr);  gap:20px}
	.mgrid2 {grid-template-columns: repeat(2, 1fr);  gap:20px;}

	.to-top__btn {
		border-radius: 60px;
		border: 0;
		background: #BB762D;
		display: flex;
		position: fixed;
		bottom: 8vh;
		left: 0px;
		justify-content: center;
		align-items: center;
		z-index: 2;
		transform: rotate(-90deg);
		opacity: 0.5;
		
	}
	.to-top__btn div {
		transform: rotate(90deg);
		margin: 10px;
	}
	.to-top__btn p {
		padding: 5px;
		color: #fff;
		padding-left: 10px;
	
		font-size: 12px;
		font-style: normal;
		font-weight: 500;
		line-height: 150%; /* 18px */
		letter-spacing: 0.36px;
		text-transform: uppercase;
		margin: 0;
	}
	.to-top__btn:hover,
	.to-top__btn:focus {
		background: #E4A15A;
	}
	.to-top__btn:active {
		background: #E18C32;
	}


	.line1, .line2, .line3 {display: none;}
	.line4 {display: flex;justify-content: space-between; margin-bottom: 20px; margin-top: 10px; align-items: center;}
	.line4 .header_callback {z-index: 20;}
	.line5 {display: flex; justify-content: space-between;}	
	.line5 .basket {}
	.line5 .header_callback {padding: 0; margin-left: 30px;}


	.section_modal {top: 50%;left: 50%;margin-left: 5px;margin-right: 5px;}

	.ban {background: url('/public/img/index/ban.png') no-repeat center; }
	.ban_title, .ban_text {font-size: 35px; line-height: 38.5px;margin-left: 31px;}
	.ban_features {display: block;}
	.ban_features_item {display: flex; margin-bottom: 15px; width: auto; }
	.ban_features_item br {display: none;}
	.ban_features_item img {padding-right: 20px;}

	.hits_navigation {display: none;}
	.hits_title {white-space: nowrap;}
	.hits_title h2 { font-size: 35px;}
	.owl-hits .owl-item {}


	.hits_navigation2 {width: 130px; ;display: flex; justify-content: space-between; border: #82D15B 2px solid; border-radius: 60px; align-items: center; cursor: pointer; transition: background-color 0.3s ease; padding-left: 43px;padding-right: 40px;padding-top: 15px;padding-bottom: 17px;}
		
	.hits_navigation2 div:nth-child(2) {padding: 0 7px;}


	.owl-hits .owl-nav .owl-prev{position:absolute;left:17px;top:16px; cursor: pointer;}
	.owl-hits .owl-nav .owl-next{position:absolute;right:17px;top:16px; cursor: pointer;}

	.owl-hits .owl-nav {width: 130px; position: relative;}
	


	.features_title {display: block;}
	
	.features_section .white_bgc {position: unset; padding-top: 3px;padding-bottom: 7px; margin-top: 10px;}
	.features_section .color_text {line-height: 35.8px;}


	.features_item_img {width: 37px;}
	.features_item_title {margin-bottom: 10px;}


	.otzyvy_img {display: flex;	justify-content: center; margin-bottom: 20px;}

	.owl-otzyvy .otzyvy_text {padding-left: 0;}
	.owl-otzyvy .otzyvy_text_name {padding-left: 0;}
	.owl-otzyvy .kavichki {left: 25px;}

	.indextext_section .white_bgc {top: 77px;left: 10px; width: 80%; line-height: 23.5px;}
	.indextext_section .page_h2 br {display: none;}
	.indextext_section .page_h2 {padding-bottom: 80px;}

	.faq_section .faq_number { margin-top: 10px;}

	.faq_section .faq_number {margin-right: 14px;}

	.faq_section .faq_question {width: 215px;}
	.faq_section .faq_btn_plus {top: auto;}
	.faq_section .faq_btn_minus {top: auto;}
	.faq_section .faq_answer {padding-right: 43px;}

	.maps_section .container {padding: 20px;}
	.maps_section .maps_item {display: block;}

	.mobile_inn {display: flex; justify-content: space-between; align-items: center; gap: 0px;}
	.mobile_inn .header_callback {display: none;}
	.mobile_inn .header_socials {margin-bottom: 0;}
	.mobile_inn .header_phone {margin-bottom: 0;}
	.footer_section .mobile_inn {margin-bottom: 15px;}
	.maps_item_address {margin-bottom: 20px; margin-top: 20px;}

	.footer_section .container {padding-left: 20px;padding-right: 20px;}

	.header_callback2 {display: block; width: fit-content;padding: 14px 25px;color: #070857 !important; background-color: #82D15B; border-radius: 60px; cursor: pointer; transition: background-color 0.3s ease; color: white; margin-bottom: 20px;}
	.header_callback2:hover {background-color: #9fe07c;}

	.politika {margin-left: 0;}
		
	.footer_title {margin-top: 16px;}
	.catalog_list2 {margin-top: 59px;}

	.line6 {display: block; background-color: #E0E2ED; padding: 10px 15px; border-radius: 60px; margin-top: 20px; margin-bottom: 20px;}
	.catalog_mob {display: flex; justify-content: space-between; align-items: center; font-weight: 500;}
	

	.catalog_mob_inn {position: relative;display: none; position: fixed; z-index: 10; top: 0; left: 0; width: 100%; height: 100%; background-color: #F3F3F3; padding: 20px;  overflow-y: scroll;}
	.catalog_list_inner {
		position: absolute;
		height: 652px;
		overflow-y: auto;
		z-index: 4;
		background-color: #F3F3F3;
		border-radius: 20px;
	}
	

	.modal-close {position: absolute; top: 18px; right: 21px; cursor: pointer; z-index: 10;}
	.section_modal .modal-close {position: absolute; top: -5px; right: -14px; cursor: pointer; z-index: 10;}
	.menu_mob {position: fixed; display: none; top: 0; left: 0; width: 100%; height: 100vh; background-color: #F3F3F3; padding: 20px; z-index: 10; overflow-y: auto;}

	.menu_mob_content a{display: block;}

	.title_exit {display: flex; justify-content: space-between; align-items: center; margin-bottom: 50px;}
	.menu_mob_title_text {font-size: 35px; line-height: 38.5px; font-weight: 500;}

	.menu_mob_content {margin-bottom: 40px;}
	.inn{display: block;}

	.menu_mob_bottom .header_jobtime {padding-left: 0; margin-bottom: 20px;}
	.menu_mob_bottom .header_phone {padding-left: 0; }
	.menu_mob_bottom .header_socials {align-items: center;}
	.menu_mob_bottom .mobile_inn {margin-bottom: 20px;}
	.menu_mob_bottom .header_callback {padding: 20px 25px; width: fit-content; }

	.delivery_pay_fl1_item  {margin-right: 20px;}

	.akcii_item_img img{max-width: 100%;}

	.about_img img {max-width: 100%;}

	.about_higher_content {display: block;}

	.about_img {margin-right: 0;margin-bottom: 20px; }
	.about_img img {width: 100%;}

	.kontakty_section .header_socials {margin-bottom: 20px;}

	.middle_box {font-size: 24px; justify-content: space-around; margin-bottom: 0; }

	.haract_inner {font-size: 15px;}
	.haract_tables {margin-right: 0;  }
	.haract {margin-right: 0;}

	.haract_table td {
		border-bottom: 1px solid #D1D1D1;
		padding-top: 10px; padding-right: 20px;padding-bottom: 10px;
	}

	.card_info_art {margin-top: 15px;}

	.card_info_button .quantity_control {display: none; }

	.card_info_price_flex {display: flex; justify-content: space-between; align-items: center; margin-bottom: 15px;}
	.card_info_price_flex .quantity_control {display: flex }
	.card_info_price_flex .card_info_price {font-size: 26px;line-height: 0px; margin-bottom: 0;}

	.header_callback {padding: 7px 25px; width: fit-content; text-align: center; }
	.card_section .header_callback {padding: 15px 25px; width: fit-content; text-align: center; }

	.quantity_control {margin-right: 2px;}

	.card_img {margin-right: 0;}

	.card_img img {max-width: 100%;}

	.card_img_small {gap: 0px; grid-template-columns: repeat(4, 1fr);}
	.card_img_smal img {max-width: 100%;}



	.pohozhie .owl-hits .owl-stage { }	
	.card_section .pohozhie .owl-hits .owl-nav .owl-prev{position:absolute;left:17px;top:16px; cursor: pointer;}
	.card_section .pohozhie .owl-hits .owl-nav .owl-next{position:absolute;right:17px;top:16px; cursor: pointer;}


	.plitka_tegov {flex-wrap: wrap; gap: 10px;}

	.cat_sort .desktop, .cat_sort .sort_item {display: none;}

    .cat_sort .mobile {display: block; }

	.sort_mobs {display: block;margin-right: 10px;}
	.sort_select {background-color: #272a75; border-radius: 50px; border: 1px solid #070857; padding: 10px; width: 100%; color: white;}
	

	.item_box {width: auto;}
	.item_img {border-radius: 17px;}


	.cat_content .btn_green {padding: 5px 19px; min-height: 50px; display: flex;align-items: center; }

	.basket_item {display: block;}

	.mob_line1 {margin-bottom: 20px;}
	.mob_line2 {justify-content: space-between; margin-bottom: 20px;}
	.basket_item_img {width: 26%;}

	.basket_item_del.mobile {display: block;}
	.desktop {display: none;}

	.modal-bg {z-index: 11;}

	.hits_section .hits_navigation {display: none !important;}

    .hits_line1 .hits_navigation {display: flex;  align-items: center; padding-top: 10px; padding-bottom: 12px;padding-left: 25px;padding-right: 25px;}

	.otzyvy_section .owl-otzyvy .owl-nav .owl-prev{position:absolute;right:85px;top:13px; cursor: pointer;}
	.otzyvy_section .owl-otzyvy .owl-nav .owl-next{position:absolute;right:17px;top:13px; cursor: pointer;}

	
	.card_section .owl-otzyvy .owl-nav .owl-prev{position:absolute;left:17px;top:0px; cursor: pointer;}
	.card_section .owl-otzyvy .owl-nav .owl-next{position:absolute;right:17px;top:0px; cursor: pointer;}
	
	.card_section .owl-otzyvy .owl-nav {width: 113px; position: relative;}


	.hits_navigation_mob {display: none; position: absolute;width: 113px; right: -15px;display: flex; justify-content: space-between; border: #82D15B 2px solid; border-radius: 60px; align-items: center; cursor: pointer; transition: background-color 0.3s ease; padding-left: 32px;padding-right: 40px;padding-top: 10px;padding-bottom: 15px; margin-top: 10px;margin-bottom: 10px;}
		
	
	.ban_item_text {height: 75px;}





}