@media (max-width: 1366px) {
    .header__phone .phone-toggle span  {
        display: none!important;
    }
	.product__gallery .productSwiper .swiper-slide img {
    height: 80px!important;
}
}

@media (max-width: 991px) {
    .header__logo img {
        width: 120px!important;
		padding-top: 5px;
    }
}


.product__gallery .productSwiper .swiper-slide img {
    height: 125px;
}
@media (max-width: 1366px) {
    .header__phone .phone-toggle  {
        margin-left: 20px;
    }
}


.header__phone .phone-toggle span a{
	color: #fff!important;
}
@media (max-width: 1366px) {
   .header__phone .phone-toggle span a{
	color: #6d6d6d!important;
}
}

.success-text {
  margin-top: 20px;
}

.intro_text h1 {
    position: relative;
    color: #fff;
    font-size: calc(34px + 16*(100vw - 320px) / 1600);
    font-weight: 500;
    line-height: 1.2;
}


.container-category {
            display: flex;
            flex-wrap: wrap;
            justify-content: flex-start;
            width: 100%;
        }
        .car-block-category {
    background-color: #f2f2f2;
    border: 1px solid #dddddd;
    border-radius: 5px;
    margin: 2px;
    text-align: center;
    padding: 5px;
    min-width: 300px;
    flex: 1 1 auto;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
    transition: transform 0.2s;
}
        .car-block-category:hover {
           
			background-color: #47b269;
			color: white;
        }

.text-color {
    color: #242933;
}
.text-error {
    color: red;
}
.input-count {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center; /* Додано для вирівнювання тексту по центру */
    width: 3rem;
    padding: .5rem;
    border-radius: 2px;
    border: 1px solid #47b269;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 130%;
}

/* головна блоки в пошуку */
.product-list {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(600px, 1fr));
	gap: 10px;
}
.product-list li {
	padding: 0;
}
.product-list .item {
	display: flex;
	align-items: flex-start;
	width: 100%;
	padding: 10px;
	border-radius: 5px;
	background: #f6f6f6;
	border: .0625rem solid #dfdfdf;
	box-shadow: 0 0 32.2999992371px 1px rgba(4, 9, 44, .1490196078);
}
.product-list .item-wrapper {
	display: flex;
	align-items: center;
	gap: 10px;
	overflow: hidden;
}

.product-list .item-img {
	width: 120px;
	height: 120px;
}

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

.product-list .item-info {
	flex: 1;
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.product-list .item__tags {
	display: flex;
	flex-wrap: wrap;
	gap: 4px;
}
.product-list .item__tags li {
	color: #7A7A7A;
	font-family: Raleway;
	font-size: 14px;
	font-style: normal;
	font-weight: 500;
	line-height: 130%; /* 18.2px */
}

.product-list .item__title {
	color: black;
	font-family: Raleway;
	font-size: 16px;
	font-style: normal;
	font-weight: 500;
	line-height: 130%; /* 20.8px */
	text-decoration-line: underline;
}

.product-list .item__article {
	color: #7A7A7A;
	font-family: Raleway;
	font-size: 14px;
	font-style: normal;
	font-weight: 500;
	line-height: 130%; /* 18.2px */
}

.product-list .item__price {
	color: #E74227;
	font-family: Raleway;
	font-size: 18px;
	font-style: normal;
	font-weight: 500;
	line-height: 130%; /* 23.4px */
}
/* головна блоки в пошуку */
.option__form .form-button {

	border-radius: 0px .125rem .125rem 0px;
}
.option__form .select2-container {
	box-sizing: border-box;
	display: inline-block;
	margin: 0;
	position: relative;
	vertical-align: middle;
	width: 100% !important;
	display: flex;  

}

.favorite {
	cursor: pointer;
}

.products-item .favorite {
	position: absolute;
	top: 0.2rem;
	right: 0.2rem;
	z-index: 1;
	cursor: pointer;
	padding: 5px 5px;
}
span .favorite-icon:hover {
	cursor: pointer;
}

.favorite svg {
	width: 1.5rem;
	height: 1.5rem;
}

.favorite-icon use.hidden {
	display: none;
}



.products-section__title {
	font-weight: 600;
}

.feedback-form__success {
  font-size: calc(22px + 2 * (100vw - 320px)/ 1600);
  font-weight: 600;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  line-height: 2;
  margin-top: 20px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-bottom: 20px;
  flex-direction: column;
  justify-content: center;
  align-content: center;
  align-items: center;
  padding: 20px 0px 20px 0px;
}

.has-error {
	border: .0625rem solid red!important;
}

.btn-more-mobile {
	margin: auto auto;
	color: #47b269;
	text-decoration: underline;
}
.brand-mobile-title {
	color: #242933!important;
	text-decoration: none!important;
}
.option__form .form-select {
	width: 100%;
	display: flex;
	height: 100%;
}
span.selection {
	display: flex;
	width: 100%;
	height: 100%;	
	border:1px solid #aaa;
	background-color:#fff;

}

@media (max-width: 991.98px) {
	.option__form .form-button {
		border-radius: 4px 4px 4px 4px;
	}
}

.padd {
	padding: 1.0625rem 1.625rem!important;
}

.select2-container--default .select2-selection--single {   
	display: flex!important;
	width: 100%!important;
	height: 100%!important;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: left;
	-ms-flex-align: left;
	align-items: left;
	-webkit-box-pack: left;
	-ms-flex-pack: left;
	justify-content: left;
	padding: 1.0625rem 1.625rem;

}
.form-error {
	color: red;
}

.products-section__link-wrapper {

	margin-top: 20px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	width: 100%;
}

.products-section__link {
	border-radius: .125rem;
	max-width: 300px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	padding: 1.0625rem 1.625rem;
	background: #47b269;
	color: #fff;
	font-size: 1rem;
}
.search-box {
	border-radius: .125rem;
	
}

.content ul li {
	list-style: inside;
}

.content ol li {
	list-style: inside;
}
.page-title h1 {
	color: #33b457;
}

.content ul,ol {padding-left: 30px}



.content h1{  font-size: 40px; font-weight: initial;}
.content h2{  font-size: 32px; font-weight: initial;}
.content h3{  font-size: 28px; font-weight: initial;}
.content h4{  font-size: 22px; font-weight: initial;}
.content h5{  font-size: 18px; font-weight: initial;}

.content h2 strong {
	font-weight: bold;
	 
}



.tovar-list-btn {
	margin-top: 20px;
	display: -webkit-box; /* для Safari */
	display: -ms-flexbox; /* для Internet Explorer */
	display: flex; /* стандарт */
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center; /* горизонтальне центрування */
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center; /* вертикальне центрування */
}

.search-query {
	color: #33b457;
	font-weight: bold;
}

.searchbutton {
	cursor: pointer;
    color: white;
    padding: 5px 10px;
    background-color: #47b269;
}

.cookie-banner {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #000;
    color: #fff;
    padding: 10px;
    text-align: center;
    display: none;
    z-index: 1000;
}

.cookie-banner p {
    margin: 0;
	color: white;
    padding-right: 10px;
    display: inline-block;
}
.cookie-banner button {
    background-color: #47b269;
    color: #fff;
    border: none;
    padding: 5px 10px;
    cursor: pointer;
}

/* Стилі для кнопки "Наверх" */
#scrollToTopBtn {
    display: none; /* Приховати кнопку спочатку */
    position: fixed;
    bottom: 20px;
    right: 30px;
    z-index: 99;
    font-size: 18px;
    border: none;
    outline: none;
    background-color: #555;
    color: white;
    cursor: pointer;
    padding: 15px;
    border-radius: 10px;
    transition: opacity 0.3s;
}

#scrollToTopBtn:hover {
    background-color: #333;
}

/* widjet */
/*13.06.2024*/

.mgo-widget-call_pulse {
	height: 60px;
	width: 60px;
	border-radius: 100%;
	position: fixed;
	right: -9px;
	top: 83%;
	-webkit-animation: shake 2s infinite ease-in-out;
	animation: shake 2s infinite ease-in-out;
	-webkit-animation-delay: .6s;
	animation-delay: .6s;
	z-index: 100;
}

.mgo-widget-call_pulse:after,
.mgo-widget-call_pulse:before {
	content: '';
	position: absolute;
	bottom: 0;
	top: 0;
	background-color: #3da4e9;
	border-radius: 100%;
	-webkit-animation: pulse 2s infinite ease-in-out;
	animation: pulse 2s infinite ease-in-out;
	z-index: 20;
}

.mgo-widget-call_pulse:before {
	margin: auto 0 auto -32.5px;
	height: 65px;
	width: 65px;
	opacity: .5;
	-webkit-animation-delay: .6s;
	animation-delay: .6s;
}

.mgo-widget-call_pulse:after {
	margin: auto 0 auto -46px;
	height: 92px;
	width: 92px;
	-webkit-animation-delay: .2s;
	animation-delay: .2s;
	opacity: .25;
}


@-webkit-keyframes pulse {
	0% {
		transform: scale(0);
	}

	50% {
		transform: scale(1);
	}

	100% {
		transform: scale(1);
		opacity: 0;
	}
}

@keyframes pulse {
	0% {
		transform: scale(0);
	}

	50% {
		transform: scale(1);
	}

	100% {
		transform: scale(1);
		opacity: 0;
	}
}

.btn-icon {
	z-index: 200;
	position: fixed;
	right: 20px;
	top: 83%;
}

.btn-icon:hover {
	cursor: pointer;
}

[data-tooltip] {
	position: relative;
	/* Относительное позиционирование */
}

[data-tooltip]::after {
	content: attr(data-tooltip);
	/* Выводим текст */
	position: absolute;
	/* Абсолютное позиционирование */
	width: 200px;
	/* Ширина подсказки */
	left: 0;
	top: 0;
	/* Положение подсказки */
	background: #3989c9;
	/* Синий цвет фона */
	color: #fff;
	/* Цвет текста */
	padding: 5px;
	/* Поля вокруг текста */
	box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3);
	/* Параметры тени */
	pointer-events: none;
	/* Подсказка */
	opacity: 0;
	/* Подсказка невидима */
	transition: 1s;
	/* Время появления подсказки */
}

[data-tooltip]:hover::after {
	opacity: 1;
	/* Показываем подсказку */
	top: -45px;
	/* Положение подсказки */
	left: -180px;

}