/*NOTE: This file is intended for programmers. Aspro technical support is not advised to work with him.*/

/* Examples (uncomment to use):*/

/* Set site background image */
/* body {  background: url(image_source) top no-repeat; }



/*FilterNew*/

#smartfilter .bx_filter_parameters_box.tyresind,#smartfilter .title.tyres{
	display: none;
}


.akbFilterBlock{
	margin-bottom: 15px;
}
.akbFilterBlock form{
	padding: 25px;
	border: 2px solid #de002b;
}
.akbFilterBlock .title{
	font-size: 24px;
	text-align: center;
	font-weight: 400;
	line-height: 1;
	margin-bottom: 20px;
}
.akbFilterBlock .wrapSelects{
	display: flex;
	justify-content: space-between;
}
.akbFilterBlock select{
	width: 31%;
}
.formAkbContainer{
	padding-top: 30px;
}
.formAkbContainer .brandList{
	display: grid;
	grid-template-columns: repeat(8,1fr);
	grid-gap: 30px;
}
.formAkbContainer .infoList{
	text-align: center;
	cursor: pointer;
}
.formAkbContainer .infoList a{
	color: #555;
}
.formAkbContainer .infoList:hover{
	color: #de002b;
}
.formAkbContainer .imgW{
	margin-bottom: 10px;
	display: flex;
	justify-content: center;
	align-items: center;
	height: 90px;
} 
.formAkbContainer .imgW img{
	max-height: 90px;
	max-width: 100%;
}
.formAkbContainer .name{
	font-size: 14px;
	margin: 0;
}
.formAkbContainer .brandList .name{
	line-height: 1;
}
.generationList,.modelList{
	display: grid;
	grid-template-columns: repeat(3,1fr);
}
.brandList .infoList{
	display: none;
}
.brandList .infoList.active,.brandList .infoList.activeBtn{
	display: block;
}
.select2-results ul li::before{
	display: none;
}
.allBrendWrap{
	display: none;
}
.brandList + .allBrendWrap{
	display: flex;
	justify-content: center;
	align-items: center;
	padding-top: 30px;
}
#allBrend{
	display: flex;
	justify-content: center;
	align-items: center;
	color: #de002b;
	background:#fff ;
	border: 1px solid #de002b;
	border-radius: 2px;
	font-size: 13px;
	font-weight: 400;
	position: relative;
	height: 36px;
	padding: 0 20px 0 50px;
	cursor: pointer;
	transition: all 0.4s;
}
#allBrend:before{
	position: absolute;
	content: '';
	left: 20px;
	top: calc(50% - 6px);
	width: 10px;
	height: 10px;
	border-left: 1px solid #de002b;
	border-top: 1px solid #de002b;
	transform: rotate(225deg);
	transition: all 0.4s;
}
#allBrend:hover{
	background: #de002b;
	color: #fff;
}
#allBrend:hover:before{
	border-color: #fff;
}
#allBrend.activeVis:before{
	top: calc(50% - 3px);
	transform: rotate(45deg);
}

/*End FilterNew*/


/*filterInSearch*/
.akbFilterBlockInCat{
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	margin-bottom: 40px;
}
.akbFilterBlockInCat .leftCol,.akbFilterBlockInCat .rightCol{
	width: 48%;
}
#btnSearchAKB{
	display: flex;
	justify-content: center;
	align-items: center;
	background: #de002b;
	color: #fff;
	font-weight: bold;
	font-size: 24px;
	height: 60px;
	cursor: pointer;
	transition: all 0.4s;
}
#btnSearchAKB:hover{
	background: #b50023;
}
.hiddenParams{
	padding-top: 25px;
}
.akbFilterBlockInCat select,.akbFilterBlockInCat .select2 {
	margin-bottom: 10px;
}
.akbFilterBlockInCat .select2-container .select2-selection--single,.akbFilterBlockInCat .select2-container--default .select2-selection--single .select2-selection__arrow{
	height: 34px;
}
.akbFilterBlockInCat .select2-container .select2-selection--single .select2-selection__rendered{
	line-height: 34px;
}

.wrapBtnClear{
	display: flex;
	justify-content: flex-end;
	padding-top: 15px;
}
#clearFilterAKB{
	display: flex;
	justify-content: center;
	align-items: center;
	border: 1px solid #de002b;
	color: #de002b;
	transition: all .4s;
	padding: 0 10px;
	height: 34px;
	cursor: pointer;

}
#clearFilterAKB:hover{
	background: #de002b;
	color: #fff;
}
.akbFilterBlockInCat .nameAuto{
	font-weight: bold;
	font-size: 20px;
	margin-bottom: 20px;
}
.akbFilterBlockInCat .nucInfoChar{
	display: flex;
	justify-content: space-between;
}
.nucInfoChar .name,.nucInfoChar .value{
	width: 50%;
	padding: 7px 29px;
}
.nucInfoChar .value{
	font-weight: bold;
}
.nucInfoChar:nth-child(2n+1) {
  background: #F7F7F7;
}
.hiddenParams,.hiddenInfo{
	display: none;
}
.akbFilterBlockInCat .wrapSelects .select2 {
	width: 100% !important;
}
.activeteFilter .hiddenInfo,.activeteFilter .hiddenParams{
	display: block;
}


.infoCharsWrap{
	display: none;
}
.activeteFilter .infoCharsWrap{
	display: block;
}
.activeteFilter .imgAkbFilter{
	display: none;
}
.akbFilterBlockInCat .botItemsInfo{
	display: none;
}
.akbFilterBlockInCat.activeteFilter .botItemsInfo{
	display: block;
	background: #de002b;
	color: #fff;
	border-radius: 5px;
	padding: 10px 20px;
	text-align: center;
}

.activeteFilter.activeteFilterInputs .infoCharsWrap{
	display: none;
}
.activeteFilter.activeteFilterInputs .imgAkbFilter{
	display: block;
}
.akbFilterBlockInCat.activeteFilterInputs .botItemsInfo{
	display: none;
}
.filteredInfo img{
	max-width: 100%;
}

/*End filterInSearch*/



/*Media*/
@media screen and (max-width:1100px) {
.formAkbContainer .brandList{
	grid-gap: 15px;
}
}
@media screen and (max-width:850px) {
.nucInfoChar .name, .nucInfoChar .value{
	padding: 7px 10px;
}
.akbFilterBlockInCat .nameAuto{
	font-size: 18px;
	line-height: 1.1;
}
#btnSearchAKB{
	font-size: 20px;
height: 48px;
}
.hiddenParams {
  padding-top: 15px;
}
.akbFilterBlockInCat.activeteFilter .botItemsInfo{
	padding: 7px 20px;
}

	.formAkbContainer .brandList{
		grid-gap: 30px;
		grid-template-columns: repeat(	4,1fr);
	}
}

@media screen and (max-width:750px) {
.akbFilterBlockInCat {
	flex-direction: column;
}
.akbFilterBlockInCat .leftCol{
	margin-bottom: 30px;
}
.akbFilterBlockInCat .leftCol, .akbFilterBlockInCat .rightCol {
  width: 100%;
}
.filteredInfo img.imgAkbFilter,.akbFilterBlockInCat .botItemsInfo{
	display: none !important;
}


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

.formAkbContainer .brandList{
		grid-gap: 15px 30px;
		grid-template-columns: repeat(3,1fr);
	}
	.formAkbContainer .imgW{
		height: 50px;
	}
	.formAkbContainer .imgW img{
		max-height: 50px;
	}


	.generationList, .modelList{
		grid-template-columns: repeat(2,1fr);
	}
	.akbFilterBlock .wrapSelects{
		flex-direction: column;
	}
	.akbFilterBlock .wrapSelects select,.akbFilterBlock .wrapSelects .select2 {
		margin-bottom: 10px;
		width: 100%;
	}
	
}
@media screen and (max-width:400px) {
#btnSearchAKB {
  font-size: 18px;
  height: 42px;
}
.akbFilterBlockInCat .nameAuto {
  font-size: 17px;
  color: #000;
 }
	.generationList, .modelList{
		grid-gap: 5px 10px;
	}
	.akbFilterBlock form{
		padding: 25px 10px;
	}
	.generationList, .modelList{
		grid-template-columns: repeat(1,1fr);
	}
	.generationList .name, .modelList .name{
		text-align: left;
		position: relative;
		display: block;
	}
	.generationList .name:before, .modelList .name:before{
		display: inline-block;
		content: '>';
		font-size: 14px;
		margin-right: 4px;
	}
}
@media screen and (max-width:675px) {
	
}
@media screen and (max-width:675px) {
	
}


/* Кнопка "Получить расчёт" в SEO-блоке — контрастная */
.seo-intro .btn.btn-primary{
  display: inline-flex;
  align-items: center;
  justify-content: center;

  padding: 12px 22px;
  border-radius: 14px;

  background: #1f6bff;     /* основной синий */
  color: #ffffff !important;

  text-decoration: none;
  font-weight: 700;
  line-height: 1;

  border: 1px solid #1f6bff;
  box-shadow: 0 10px 24px rgba(31,107,255,.28);

  margin: 14px 0 28px;
  transition: transform .15s ease, box-shadow .15s ease, background-color .15s ease, border-color .15s ease;
}

.seo-intro .btn.btn-primary:hover{
  background: #1657d6;
  border-color: #1657d6;
  transform: translateY(-1px);
  box-shadow: 0 14px 30px rgba(31,107,255,.35);
}

.seo-intro .btn.btn-primary:active{
  transform: translateY(0);
  box-shadow: 0 10px 24px rgba(31,107,255,.22);
}

/* Отступ у заголовка ниже (на всякий) */
.seo-intro + section h2{
  margin-top: 18px;
}

/* Тёплые и холодные алюминиевые окна */
.seo-warm-cold{ margin: 26px 0; }
.seo-warm-cold__lead{ margin: 10px 0 18px; opacity: .9; }

.seo-warm-cold__grid{
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 18px;
}

.seo-warm-cold__item{
  background: #fff;
  border: 1px solid rgba(0,0,0,.06);
  border-radius: 14px;
  padding: 18px;
}

.seo-warm-cold__subtitle{ margin: 0 0 10px; }
.seo-warm-cold__text{ margin: 0 0 10px; }
.seo-warm-cold__note{ margin: 0; opacity: .9; }

@media (max-width: 768px){
  .seo-warm-cold__grid{ grid-template-columns: 1fr; }
}

/* SEO Price: плитки с горизонтальным листанием */
.seo-price{ margin: 34px 0; }
.seo-price__lead{ margin: 10px 0 16px; opacity: .92; }
.seo-price__hint{ margin: 10px 0 0; opacity: .7; font-size: 14px; }

.seo-price__scroller{
  display: flex;
  gap: 14px;
  overflow-x: auto;
  padding: 6px 2px 14px;
  scroll-snap-type: x mandatory;
  -webkit-overflow-scrolling: touch;
}

.seo-price__scroller::-webkit-scrollbar{ height: 8px; }
.seo-price__scroller::-webkit-scrollbar-thumb{
  background: rgba(0,0,0,.18);
  border-radius: 10px;
}
.seo-price__scroller::-webkit-scrollbar-track{
  background: rgba(0,0,0,.06);
  border-radius: 10px;
}

/* Плитка */
.seo-price__tile{
  flex: 0 0 560px; /* ширина плитки на ПК */
  background: #fff;
  border: 1px solid rgba(0,0,0,.08);
  border-radius: 14px;
  padding: 16px;
  box-shadow: 0 10px 24px rgba(0,0,0,.06);
  scroll-snap-align: start;
}

.seo-price__subtitle{ margin: 0 0 10px; }
.seo-price__note{ margin: 0 0 12px; opacity: .9; }

/* Таблица внутри плитки */
.seo-price__table-wrap{ margin: 10px 0 0; overflow-x: auto; }
.seo-price__table{
  width: 100%;
  border-collapse: collapse;
  border: 1px solid rgba(0,0,0,.08);
  border-radius: 12px;
  overflow: hidden;
}

.seo-price__table th,
.seo-price__table td{
  padding: 10px 12px;
  border-bottom: 1px solid rgba(0,0,0,.06);
  vertical-align: top;
}

.seo-price__table th{
  font-weight: 700;
  text-align: left;
  background: rgba(0,0,0,.03);
}

.seo-price__table tbody tr:nth-child(even) td{ background: rgba(0,0,0,.015); }
.seo-price__table tbody tr:last-child td{ border-bottom: 0; }

/* Списки */
.seo-price__list{ margin: 0; padding-left: 18px; }
.seo-price__list li{ margin: 8px 0; }

/* Мини-блоки */
.seo-price__mini{ margin: 0 0 12px; }
.seo-price__h4{ margin: 0 0 6px; font-size: 16px; }

/* Чипы внутри плитки (покрытия) */
.seo-price__chips{
  display: grid;
  grid-template-columns: 1fr;
  gap: 10px;
}
.seo-price__chip{
  border: 1px solid rgba(0,0,0,.06);
  border-radius: 12px;
  padding: 12px;
  background: rgba(0,0,0,.015);
}
.seo-price__chip p{ margin: 0; opacity: .92; }

/* CTA внутри плитки */
.seo-price__cta{ margin-top: 12px; }

/* Мобилка: ширина плиток меньше */
@media (max-width: 768px){
  .seo-price__tile{ flex-basis: 84vw; }
}

/* FIX: плитки должны работать на ПК */
.seo-price__scroller{
  display: flex !important;
  flex-wrap: nowrap !important;
  overflow-x: auto !important;
  gap: 14px !important;
  padding: 6px 2px 14px !important;
  scroll-snap-type: x mandatory;
  -webkit-overflow-scrolling: touch;
}

/* Каждая плитка фиксированной ширины на ПК */
.seo-price__tile{
  flex: 0 0 560px !important;
  scroll-snap-align: start;
}

/* На мобилке уже было ок, оставим */
@media (max-width: 768px){
  .seo-price__tile{ flex-basis: 84vw !important; }
}

/* Если родитель режет скролл — разрешаем показать */
.seo-price,
.seo-price__scroller{
  overflow: visible;
}

/* Кнопка в seo-price */
.seo-price .btn.btn-primary,
.seo-price .seo-price__cta{
  display: inline-flex;
  align-items: center;
  justify-content: center;

  padding: 12px 22px;
  border-radius: 14px;

  background: #1f6bff !important;
  color: #ffffff !important;

  text-decoration: none !important;
  font-weight: 700;

  border: 1px solid #1f6bff !important;
  box-shadow: 0 10px 24px rgba(31,107,255,.28);

  margin-top: 12px;
}

.seo-price .btn.btn-primary:hover,
.seo-price .seo-price__cta:hover{
  background: #1657d6 !important;
  border-color: #1657d6 !important;
  box-shadow: 0 14px 30px rgba(31,107,255,.35);
  opacity: .95;
}

/* 3 блока плитками с горизонтальным листанием */
.seo-tiles3{ margin: 30px 0; }
.seo-tiles3__title{ margin: 0 0 14px; }
.seo-tiles3__hint{ margin: 10px 0 0; opacity: .7; font-size: 14px; }

.seo-tiles3__scroller{
  display: flex;
  gap: 14px;
  overflow-x: auto;
  padding: 6px 2px 14px;
  scroll-snap-type: x mandatory;
  -webkit-overflow-scrolling: touch;
}

.seo-tiles3__scroller::-webkit-scrollbar{ height: 8px; }
.seo-tiles3__scroller::-webkit-scrollbar-thumb{ background: rgba(0,0,0,.18); border-radius: 10px; }
.seo-tiles3__scroller::-webkit-scrollbar-track{ background: rgba(0,0,0,.06); border-radius: 10px; }

.seo-tiles3__card{
  flex: 0 0 560px;
  background: #fff;
  border: 1px solid rgba(0,0,0,.08);
  border-radius: 14px;
  padding: 16px;
  box-shadow: 0 10px 24px rgba(0,0,0,.06);
  scroll-snap-align: start;
}

.seo-tiles3__card-title{ margin: 0 0 10px; }
.seo-tiles3__text{ margin: 0 0 10px; opacity: .92; line-height: 1.55; }

.seo-tiles3__list{ margin: 0 0 10px; padding-left: 18px; }
.seo-tiles3__list li{ margin: 8px 0; }

.seo-tiles3__olist{ margin: 0 0 10px; padding-left: 18px; }
.seo-tiles3__olist li{ margin: 8px 0; }

/* Кнопка внутри 3-го блока */
.seo-tiles3__btn{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 12px 20px;
  border-radius: 14px;
  background: #1f6bff;
  color: #fff !important;
  text-decoration: none !important;
  font-weight: 700;
  border: 1px solid #1f6bff;
  box-shadow: 0 10px 24px rgba(31,107,255,.28);
  margin-top: 6px;
}
.seo-tiles3__btn:hover{
  background: #1657d6;
  border-color: #1657d6;
}

/* Мобилка */
@media (max-width: 768px){
  .seo-tiles3__card{ flex-basis: 84vw; }
}

/* FAQ: аккуратные карточки-аккордеоны */
.faq{
  margin: 34px 0;
}

.faq h2{
  margin: 0 0 14px;
}

.faq__item{
  background: #fff;
  border: 1px solid rgba(0,0,0,.08);
  border-radius: 14px;
  padding: 0;
  margin: 0 0 12px;
  box-shadow: 0 10px 24px rgba(0,0,0,.05);
  overflow: hidden;
}

/* убираем стандартный маркер details */
.faq__item > summary{
  list-style: none;
}
.faq__item > summary::-webkit-details-marker{
  display: none;
}

/* Заголовок вопроса */
.faq__q{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;

  padding: 16px 18px;
  cursor: pointer;

  font-weight: 700;
  line-height: 1.25;
}

/* Стрелка справа */
.faq__q::after{
  content: "";
  flex: 0 0 10px;
  width: 10px;
  height: 10px;
  border-right: 2px solid rgba(0,0,0,.55);
  border-bottom: 2px solid rgba(0,0,0,.55);
  transform: rotate(45deg);
  transition: transform .18s ease;
  margin-left: auto;
}

/* Открыто — стрелка вверх */
.faq__item[open] .faq__q::after{
  transform: rotate(-135deg);
}

/* Ответ */
.faq__a{
  padding: 0 18px 16px;
  border-top: 1px solid rgba(0,0,0,.06);
}

.faq__a p{
  margin: 12px 0 0;
  opacity: .92;
  line-height: 1.55;
}

/* Ховер */
.faq__item:hover{
  box-shadow: 0 14px 30px rgba(0,0,0,.07);
}

/* Мобилка */
@media (max-width: 768px){
  .faq__q{ padding: 14px 14px; }
  .faq__a{ padding: 0 14px 14px; }
}

/* ПВХ: слайдер-плитки (ПК + моб), без JS */
.pvh-types{ margin: 28px 0; }
.pvh-types__title{ margin: 0 0 12px; }
.pvh-types__lead{ margin: 0 0 14px; opacity: .92; line-height: 1.55; }
.pvh-types__hint{ margin: 10px 0 0; opacity: .7; font-size: 14px; }

.pvh-types__track{
  display: flex;
  flex-wrap: nowrap;
  gap: 14px;

  overflow-x: auto;
  overflow-y: hidden;
  padding: 6px 2px 14px;

  scroll-snap-type: x mandatory;
  -webkit-overflow-scrolling: touch;
  touch-action: pan-x;
  scroll-behavior: smooth;
}

.pvh-types__track::-webkit-scrollbar{ height: 8px; }
.pvh-types__track::-webkit-scrollbar-thumb{ background: rgba(0,0,0,.18); border-radius: 10px; }
.pvh-types__track::-webkit-scrollbar-track{ background: rgba(0,0,0,.06); border-radius: 10px; }

.pvh-types__card{
  flex: 0 0 560px; /* ПК */
  background: #fff;
  border: 1px solid rgba(0,0,0,.08);
  border-radius: 14px;
  padding: 16px;
  box-shadow: 0 10px 24px rgba(0,0,0,.06);
  scroll-snap-align: start;
}

.pvh-types__card-title{ margin: 0 0 10px; }
.pvh-types__text{ margin: 0 0 10px; opacity: .92; line-height: 1.55; }

.pvh-types__list{ margin: 0; padding-left: 18px; }
.pvh-types__list li{ margin: 8px 0; }

/* Мобилка */
@media (max-width: 768px){
  .pvh-types__card{ flex-basis: 84vw; }
}

/* ПВХ: блок "Цена" плитками со скроллом (ПК + моб), без JS */
.pvh-price{ margin: 28px 0; }
.pvh-price__title{ margin: 0 0 12px; }
.pvh-price__lead{ margin: 0 0 14px; opacity: .92; line-height: 1.55; }

.pvh-price__track{
  display:flex;
  flex-wrap:nowrap;
  gap:14px;

  overflow-x:auto;
  overflow-y:hidden;
  padding: 6px 2px 14px;

  scroll-snap-type:x mandatory;
  -webkit-overflow-scrolling:touch;
  touch-action: pan-x;
  scroll-behavior:smooth;
}

.pvh-price__track::-webkit-scrollbar{ height: 8px; }
.pvh-price__track::-webkit-scrollbar-thumb{ background: rgba(0,0,0,.18); border-radius: 10px; }
.pvh-price__track::-webkit-scrollbar-track{ background: rgba(0,0,0,.06); border-radius: 10px; }

.pvh-price__card{
  flex: 0 0 560px; /* ПК */
  background:#fff;
  border:1px solid rgba(0,0,0,.08);
  border-radius:14px;
  padding:16px;
  box-shadow:0 10px 24px rgba(0,0,0,.06);
  scroll-snap-align:start;
}

.pvh-price__card-title{ margin: 0 0 10px; }
.pvh-price__text{ margin: 0 0 10px; opacity:.92; line-height: 1.55; }

/* Кнопка внутри плитки */
.pvh-price__btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:12px 20px;
  border-radius:14px;
  background:#1f6bff;
  color:#fff !important;
  text-decoration:none !important;
  font-weight:700;
  border:1px solid #1f6bff;
  box-shadow:0 10px 24px rgba(31,107,255,.28);
  margin-top: 6px;
}
.pvh-price__btn:hover{ background:#1657d6; border-color:#1657d6; }

/* Мобилка */
@media (max-width: 768px){
  .pvh-price__card{ flex-basis: 84vw; }
}

/* FIX: на мобиле вертикальный скролл должен работать всегда */
@media (max-width: 768px){
  .pvh-types__track,
  .pvh-price__track,
  .pvh-slider__track,
  .seo-tiles3__scroller,
  .x-slider__track{
    touch-action: auto !important; /* и вверх/вниз, и влево/вправо */
    overscroll-behavior-x: contain;
  }
}

/* FIX: на мобиле не доклеиваем скролл (не автодокручиваем) */
@media (max-width: 768px){
  .pvh-types__track,
  .pvh-price__track,
  .pvh-slider__track,
  .seo-tiles3__scroller,
  .x-slider__track{
    scroll-snap-type: none !important;
    scroll-behavior: auto !important;
  }
}

/* SEO-блок: не "просто текст", а аккуратная карточка + шаги */
.blog-single .seo-block{
  background:#fff;
  border:1px solid rgba(0,0,0,.08);
  border-radius:14px;
  padding:18px;
  box-shadow:0 10px 24px rgba(0,0,0,.06);
  margin: 28px 0;
}

.blog-single .seo-block h2{ margin: 0 0 12px; }
.blog-single .seo-block h3{ margin: 16px 0 10px; }

.blog-single .seo-block p{
  margin: 0 0 12px;
  line-height: 1.65;
  opacity: .92;
}

/* Красивые "шаги" */
.blog-single .seo-block ol{
  margin: 0 0 14px;
  padding-left: 22px;
}

.blog-single .seo-block ol li{
  margin: 10px 0;
  line-height: 1.6;
}

.blog-single .seo-block ol li strong{
  font-weight: 800;
}

/* Чтобы секция не слипалась с соседними блоками на мобиле */
@media (max-width: 768px){
  .blog-single .seo-block{ padding: 14px; }
}