:root{
	--red: #ffb81c;
	--black: #0b1220;
	--white: #fff;
	--gray: #999;
	--green: #55B76e;
	--blue : #ffb81c;
}
body{
	background: var(--white);
}
div{
	color: var(--black);
}
.heading--h1, 
.heading--h2,
.heading--h3{
	color: var(--black);
}
.page-header{
	background: var(--white) !important;
	border-bottom: 0 !important;
	padding-top: 12px !important;
}
.page-header.page-header--index{
	background: rgba(255,255,255,.7) !important;
}
.page-header *,
.site-list--desktop .site-list__link{
	color: var(--black);
}
.site-list__item:after{
	background-color: var(--black);
}
.swiper--catalog.swiper-initialized{
	margin: 0;
	padding: 0;
	position: relative;
	overflow: hidden;
	list-style: none;
	z-index: 1;
	border-radius: 6px;
}
.catalog__stock{
	background: var(--green);
}
.text-danger{
	color: #946000;
}
.text-success{
	color: var(--green);
}
.makes__link{
	background-color: var(--white);
	border-color: var(--gray);
}
.makes__link:hover{
	background-color: #f0f0f0;
}
.button--link .icon{
	fill: var(--black);
}
.button.button--link,
.makes__title{
	color: var(--black);
}
.makes__title{
	font-weight: 400;
	display: flex;
	align-items: center;
	gap: 8px;
}
.tabs__count{
	color: #946000;
}
.swiper-button__icon{
	fill: var(--black);
}
.page-main__promo .swiper-button__icon{
	fill: var(--white);
}
.catalog__item{
	background: var(--white);
	border: 1px solid #cecece;
	box-shadow: none !important;
}
/*.catalog__item:not(.swiper-slide){
	width: 360px !important;
}*/
.catalog__title{
	color: var(--black);
}
.catalog__year{
	color: var(--gray);
}
.catalog__credit-price{
	color: #946000;
	font-weight: 600;

}
.catalog__price{
	color: var(--black);
}
.tippy--question{
	fill: var(--gray);
	/*fill: var(--red);*/
}
.page-footer{
	background: var(--black);
}
.page-footer *{
	color: var(--white);
}
.button--credit{
	color: #0b1220 !important;
	background-color: #ffb81c;
/*	background-color: var(--blue);*/
box-shadow: 0px 0px 20px 0px rgb(237 41 57 / 30%) !important;
/*	box-shadow: 0px 0px 20px 0px rgb(33 115 240 / 30%) !important;*/
box-shadow: none;
}
.page-footer__makes-link,
.page-footer__makes-link:hover{
	fill: var(--white);
}
.page-footer__contacts,
.page-footer__bottom,
.page-footer__disclaimer{
	border-bottom: 1px solid var(--white);
}
.page-header__buttons-link .icon, .page-header__buttons-link:hover .icon{
	fill: var(--black);
}
.modal{
	background: var(--white);
}
.hamburger__element{
	background: var(--black);
}
.crumbs__item:not(:last-child):after{
	background-color: #ffb81c;
}
.overlay{
	display: none;
}
.application__form{
	background: var(--white);
}
.form__field{
	color: var(--black);
}
.form__field:focus, .form__field:hover{
	border-color: var(--gray)
}
.checkbox input[type="checkbox"]:checked + svg,
.checkbox__icon--checked{
	background-color: #ffb81c;
	border-color: #ffb81c;
	fill: #fff;
}
.checkbox input[type="checkbox"]:not(:checked) + svg.checkbox__icon--checked{
	background-color: transparent;
	border-color: #a7b2d3;
	fill: transparent;
}
.checkbox .form__checkbox-text{
	color: var(--gray);
}
.form__checkbox-text-link{
	color: #946000;
}
.tmb-wrap-table div.active{
	border-color: #ffb81c;
}
.switch{
	background-color: var(--white);
}
.switch__tab button{
	border-radius: 6px;
	border: 1px solid;
	border-color: #cecece;
}
.switch__tab.active button{
	color: #946000;
	border-color: #ffb81c;
}
.tab-container:not(.active){
	display: none;
}
.form__field-wrap .icon{
	fill: var(--black);
}
.benefits__link{
	background: #ffb81c;
	color: #0b1220;
}
.modal__close-icon{
	fill: var(--black);
}
.modal__close:hover .modal__close-icon{
	fill: #ffb81c;
}
.text__content p{
	margin-bottom: 16px;
}
.text__content ul{
	margin-bottom: 16px;
}
.text__content ul li{
	display: flex;
	margin-bottom: 8px;
}
.text__content ul li:before {
	content: "";
	display: block;
	width: 22px;
	height: 6px;
	margin-right: 12px;
	background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="10" viewBox="0 0 48 10"><path d="M0 10h7l6-10H6z" fill="%23ffb81c" opacity=".45"/><path d="M11 10h31l6-10H17z" fill="%23ffb81c"/></svg>') center / 22px 5px no-repeat;
	flex-shrink: 0;
	position: relative;
	top: 10px;
}
.modal--credit .catalog.form__catalog .catalog__item{
	width: auto !important;
	margin: 0 !important;
	border: 0 !important;
}
.modal .heading-group--modal{
	background: var(--white);
	position: sticky;
	top: 0;
	z-index: 51;
}
.tabs__link{
	color: var(--black);
	border-radius: 6px !important;
	border-color: #cecece !important;
}
.tabs__link:focus, .tabs__link:hover{
	background: #f0f0f0;
}
.pagination a,
.pagination span {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 40px;
	height: 40px;
	aspect-ratio: 1/1;
	color: var(--black);
	padding: 16px;
}
.pagination li:hover a,
.pagination li.active a{
	color: #946000;
}
.pagination li.prev.disabled,
.pagination li.next.disabled{
	opacity: .5;
	cursor: default;
}
.text__wrap{
	background-color: var(--white);
}
.page-main__about{
	margin-bottom: 32px;
}
.car__call-buttons .button__text{
	font-weight: 500;
	color: #946000 !important;
}
.car__call-buttons .button__icon{
	fill: #ffb81c !important;
}
.page-header__info{
	border-bottom: 1px solid #cecece !important;
}
.makes__link{
	border-radius: 6px !important;
	border-color: #cecece;
}
.car__autoteka .car__tech-icon{
	fill: var(--black);;
}
.car__autoteka .car__tech-label{
	color: var(--black);
}
.car__info-button .button{
	color: #946000 !important;
}
.crumbs__item{
	font-weight: 300;
	font-size: 14px;
}
.car__autoteka:before {
	content: "";
	display: block;
	position: absolute;
	width: 100px;
	height: 24px;
	background-size: contain;
	background-image: url('/themes/drive/images/logo-auto-dark.svg?1');
	right: 16px;
	top: 22px;
	background-repeat: no-repeat;
}
.makes__list--all{
	display: flex;
	flex-wrap: wrap;
	gap: 16px;
}
.makes__list--all .makes__item{
	width: calc(20% - 14px);
	margin-bottom: 0;
}
.fancybox__content{
	min-width: 360px;
	max-width: 100%;
}
.catalog__filter-controls{
	display: block;
}
.show-brands-list-fb{
	display: none;
}
.mobile-button{
	display: none;
}
.benefits__text,
.benefits__text-strong,
.benefits__link:focus *{
	color: var(--white);
}
.page-footer__logo-wrap img{
	width: auto;
	background-color: #fff;
	padding: 5px;
}
.button{
	color: var(--black);
}
.select__list{
	background: #fff;
}
.loader{
	border: 6px solid #f0f0f0;
	border-left-color: #ffb81c;
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	z-index: 201;
	width: 48px;
	height: 48px;
}
.loading-body{
	position: relative;
	overflow: hidden;
}
.loading-body:after{
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: rgba(0,0,0,.4);
	z-index: 200;
}
.page-base{
	box-shadow: 0 4px 32px 0 rgba(11, 18, 32,.12);
	padding: 32px;
	border-radius: 6px;
	line-height: 2;
}
.page-base h2{
	margin: 20px 0 12px 0;
}
.page-footer{
	margin-top: 0;
}
.page-main{
	padding-bottom: 40px;
}

.page-header__about{
	text-align: center;
}
button:disabled{
	cursor: not-allowed;
	opacity: .5 !important;
}
.switch, .switch__tab{
	border-radius: 6px;
}
body.freeze{
	height: 100vh;
	overflow: hidden;
}

@media (min-width: 1200px){
	.filter__catalog-wrap{
		border-color: #cecece;
	}
}
@media (max-width: 1199px){
	.catalog__stock{
		top: 25px;
	}
	
	.catalog__purchase-wrap {
		display: flex;
		flex-direction: column;
		align-items: center;
	}
	.catalog__price-wrap{
		position: static;
		margin-bottom: 10px;
	}
	.catalog__info-images-inner{
		display: flex;
		width: var(--jsWidth);
	}
	.catalog__info-images{
		overflow: scroll;
	}
	.catalog__info-images-inner .catalog__img-custom:first-child{
		margin-left: 0;
	}
	.catalog__info-images-inner .catalog__img-custom:last-child{
		margin-right: 0;
	}
	.catalog__item--vertical .catalog__img-custom{
		--jsImageWidth: 300px;
		aspect-ratio: 4/3;
		height: 200px;
		min-height: 0;
		width: var(--jsImageWidth);
		margin: 0 3px;
		border-radius: 6px;
		overflow: hidden;
	}
	.catalog__item--vertical .catalog__img-custom img{
		width: 100%;
		height: 100%;
		object-fit: cover;
	}
	.catalog__item--vertical .catalog__info{
		padding: 0;
	}
	.catalog__info-images{
		margin-bottom: 12px;
	}
	.makes__list--all .makes__item{
		width: calc(25% - 14px);
	}
	.page-header__info{
		display: none;
	}
	.catalog__item{
		margin: 0 !important;
		/*width: calc(50% - 6px);*/
	}
	.page-catalog .catalog__makes{
		display: none;
	}
	#cars_filter{
		display: none;
	}
	.page-header__buttons-phone{
		display: inline;
		font-weight: 500;
		color: #946000;
	}
	.page-header__logo-img{
		max-height: 24px;
		width: auto;
		height: auto;
	}
	.page-header__buttons-link .icon{
		display: block;
		fill: #ffb81c !important;
	}
}
.filter-btn,
.catalog__item-mobile{
	display: none;
}
.catalog__heading :not(.catalog__vin){
	font-weight: 500;
}
.catalog__year{
	font-weight: 400 !important;
}
.page-catalog .catalog__mobile-pagination .button{
	margin: 0 !important;
}
.catalog__mobile-pagination{
	display: none !important;
	justify-content: space-between;
	align-items: center;
}
.catalog__mobile-pagination br{
	display: none;
}

@media (max-width: 767px){
	.page-main{
		padding-bottom: 24px;
	}
	.filter-btn{
		display: flex;
	}
	.page-catalog .show-brands-list-fb{
		display: inline;
	}
	.catalog__item-mobile{
		display: block;
	}
	.catalog__info .catalog__title-wrap,
	.catalog__info + .catalog__tech{
		display: none;
	}
	.page-footer__bottom-makes{
		display: none;
	}
	.catalog__purchase-wrap{
		flex-direction: row;
		justify-content: space-between;
	}
	.page-footer__links-list{
		margin: 0;
		margin-bottom: -20px;
	}
	.catalog__heading {
		max-width: 100%;
	}
	.makes__title{
		font-size: 10px;
		flex-direction: column;
		gap: 0;
	}
	.makes__title .icon{
		width: 64px;
		height: 64px;
	}
	.makes__item .tabs__count{
		margin-left: 0 !important;
	}
	.makes__link{
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
	}
	.makes__list--all{
		display: grid;
		grid-template-columns: 1fr 1fr 1fr 1fr;
	}
	.makes__list--all .makes__item{
		width: auto;
	}
	.fancybox__slide .makes__list--all .makes__item{
		display: block !important;
	}
	.fancybox__slide .j-showmore-brands{
		display: none !important;
	}
	.catalog__list{
		flex-direction: column;
	}
	.catalog__item{
		width: 100% !important;
	}
	.catalog__item:not(:last-child){
		margin-bottom: 16px !important;
	}
	.mobile-button{
		display: flex;
	}
	.catalog__mobile-pagination{
		display: flex !important;
	}
	.catalog__mobile-pagination .button{
		white-space: nowrap;
	}
	.catalog__mobile-pagination > span{
		font-size: 12px;
		white-space: nowrap;
		color: var(--gray);
	}
	.catalog__mobile-pagination .button:nth-child(1){
		padding-left: 0;
		padding-right: 12px;
	}
	.catalog__mobile-pagination .disabled{
		opacity: .5;
		cursor: not-allowed;
	}
	
	.catalog__stock{
		top: 90px;
	}
	.page-header__buttons-link{
		width: auto;
		white-space: nowrap;
		display: flex;
		padding-left: 0;
		padding-right: 0;
		margin-left: 10px;
	}
}
a.disabled{
	opacity: .5;
	cursor: not-allowed;
}
.text-red{
	color: #946000 !important;
}
.catalog__onlycredit{
	background: #ffb81c;
}
.form__catalog .catalog__onlycredit,
.modal--credit .catalog__onlycredit{
	top: 16px;
}
@media (max-width: 567px){
	.catalog__stock{
		top: 110px;
	}
	.catalog__mobile-pagination .button{
		font-size: 14px;
	}
	.makes__list--all{
		display: grid;
		grid-template-columns: 1fr 1fr 1fr;
	}
	.catalog__title-link{
		justify-content: space-between;
		gap: 8px;
	}
	.catalog__title{
		max-width: calc(100% - 41px);
	}
	.catalog__year{
		width: 37px;
	}
	.catalog__heading{
		width: 100%;
	}
}
@media (max-width: 479px){
	.makes__title .icon{
		width: 32px;
		height: 32px;
	}
	.catalog__mobile-pagination br{
		display: inline;
	}
	.catalog__mobile-pagination .button{
		display: flex;
		align-items: center;
		gap: 8px;
		text-align: left;
		line-height: 1.2;
	}
	.catalog__mobile-pagination .button:nth-child(2){
		text-align: right;
	}
}
@media (max-width: 399px){
	.catalog__makes .makes__list--all{
		display: flex;
		flex-direction: row;
		gap: 18px;
	}
	.makes__list--all .makes__item{
		width: calc(33.33333% - 14px);
	}
}
.w-100{
	width: 100%;
}
.flex-wrap{
	flex-wrap: wrap;
}
.banks__item{
	position: relative;
	display: flex;
	justify-content: center;
	overflow: hidden;
}
.banks__item > span{
	opacity: 0;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: var(--green);
	color: var(--white);
	padding: 10px;
	line-height: 1.2;
	text-align: center;
	font-size: 18px;
	letter-spacing: .5px;
	font-weight: 500;
	transition: all .15s;
}
@media (min-width: 768px){
	.banks__item:hover span{
		opacity: 1;
	}
}
@media (max-width: 767px){
	.banks__list{
		flex-wrap: wrap;
	}
	.modal__wrap{
		padding-top: 15px !important;
		/* Снизу из main.css приходит padding-bottom: 160px — под мобильной это
		   давало ~176px пустоты под последним элементом (проверено в модалке
		   кредита). Прилипающих к низу элементов в модалках нет, место ни подо
		   что не резервируется, поэтому оставляем обычный отступ. */
		padding-bottom: 32px;
	}
	.banks__item{
		padding: 5px;
		margin: 0;
	}
	.banks__img{
		height: 24px;
	}
	.choose-car__brands-icons{
		gap: 20px;
		flex-wrap: wrap;
		justify-content: center !important;
	}
}
.choose-car__letters{
	display: flex;
	flex-wrap: wrap;
	gap: 20px;
	justify-content: flex-start !important;
}
.makes__item.secondary{
	display: none;
}
/* карточка каталога — колонка на всю высоту, чтобы цена+кнопка прижимались к низу
   вне зависимости от кол-ва строк характеристик (иначе при 2 строках вместо 3 съезжают вверх) */
.catalog__item--vertical{
	display: flex;
	flex-direction: column;
}
.catalog__item--vertical .catalog__purchase-wrap{
	flex-direction: column;
	margin-top: auto;
}
.catalog__item--vertical .catalog__price-wrap{
	width: 100%;
}
.catalog__item--vertical .promo-price{
	color: #946000;
	font-weight: 600;
}
.catalog__item--vertical .promo-price + .price,
.catalog__item--vertical .promo-price + .tippy + .price{
	font-weight: 600;
	color: var(--gray);
}
.catalog__item--vertical .catalog__buttons{
	width: 100%;
	flex-direction: column;
	gap: 8px;
}
.catalog__item--vertical .catalog__buttons > *{
	flex: auto;
}
/* синяя кнопка-ссылка "Выбрать комплектацию" (над "В кредит от ...") */
.catalog__choose{
	background: #fff4d6;
	color: #946000;
	font-size: 14px;
}
.catalog__choose:hover{
	background: #f0a500;
	color: #0b1220;
}
/* Бейдж на карточке: новое авто — зелёный, Б/У — синий (пробег) */
.catalog__stock--new{
	background-color: #0b1220;
}
.catalog__stock--used{
	background-color: #ffb81c;
}
/* Премиальные авто — градиентный шильдик вместо зелёного «Новое авто» */
.catalog__stock--premium{
	background: linear-gradient(45deg, #ffb81c, #ffb81c);
}
/* Красный шильдик обратного отсчёта акции — справа вверху галереи на странице авто.
   Наследует top от .catalog__stockk (вровень с «Новое авто» слева), горизонталь — справа. */
.catalog__stock--promo{
	background-color: #ffb81c;
	left: auto !important;
	right: 16px;
	white-space: nowrap;
}
/* Страница авто: на мобиле шильдик держим вверху фото. Общие мобильные правила
   .catalog__stock (top:90px/110px) рассчитаны на карточку каталога и на большой
   галерее детальной уводят бейдж в середину. Класс catalog__stockk — только на
   детальной, спецификичность .catalog__stockk.catalog__stock перебивает общие. */
@media (max-width: 767px){
	.catalog__stockk.catalog__stock{ top: 16px; }
}
.catalog__item--vertical .catalog__price{
	display: flex;
	align-items: center;
	gap: 5px;
	letter-spacing: .03em;
}
.catalog__price.promo-price{
	font-weight: 600;
	color: #946000;
	white-space: nowrap;
}
.catalog__main-price-wrap .old-price{
	margin-left: 5px;
	color: var(--gray);
	white-space: nowrap;
}
.catalog__item .catalog__tech-item svg{
	width: 12px;
	vertical-align: sub;
}
.catalog__item .catalog__tech-item svg path{
	fill: var(--gray);
}
s.price{
	text-decoration-thickness: 1px;
}
@media (min-width: 768px){
	.catalog__item--vertical .catalog__tech-list{
		width: 100%;
		display: grid;
		grid-template-columns: repeat(3, 1fr);
	}
}
.catalog__item--vertical .catalog__price .tippy{
	display: none;
}
.catalog__credit-price{
	font-size: 14px;
}
.catalog__item--vertical .catalog__title{
	font-size: 18px;
	font-weight: 600;
	max-width: none;
}
.catalog__heading{
	width: 100%;
}
.catalog__title-link{
	width: 100%;
	justify-content: space-between;
}
.catalog__title-link:hover .catalog__title{
	color: #946000;
	opacity: 1;
}
.page-footer__disclaimer-p{
	font-size: 11px;
	line-height: 1.2;
}
h1{
	line-height: normal;
}
.page-main__promo{
	max-width: 1128px;
	margin: 0 auto;
}
.slider-index__img,
.slider-index .swiper-slide{
	aspect-ratio: unset;
	border-radius: 4px;
	overflow: hidden;
}
.tabs__list{
	display: flex;
	flex-wrap: wrap;
}
.tabs__list > li{
	width: calc(20% - 13px);
}
.tabs__list > li > a{
	width: 100%;
	display: flex;
	justify-content: space-between;
}
.catalog__tech-item{
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
@media (max-width: 767px){
	.tabs__list > li{
		width: calc(33.33333% - 13px);
	}
}
@media (max-width: 479px){
	.tabs__list > li{
		width: auto;
	}
}
.hamburger{
	padding: 0;
	width: 24px;
	height: 21px;
	flex-shrink: 0;
}
@media (min-width: 768px) {
	.catalog__list .catalog__item.catalog__item--vertical:first-child .catalog__img[data-source="avr_dnr_ru"]{
		background-color: #fff;
	}
	.catalog__list .catalog__item.catalog__item--vertical:first-child .catalog__img[data-source="avr_dnr_ru"] img{
		object-fit: contain;
	}
}
@media (min-width: 1600px){
	/* список брендов/моделей — по 6 в ряд */
	.makes__list--all .makes__item{
		width: calc(100% / 6 - 14px);
	}
	.grid.grid--catalog,
	.page-main__promo,
	.grid{
		max-width: 1598px;
	}
	.grid,
	.grid.grid--catalog{
		grid-template-columns: repeat(12, 1fr) !important;
	}
	.page-header__info *{
		font-size: 14px;
	}
	.page-header__contacts{
		flex: unset !important;
		gap: 50px;
	}
	.page-header__nav--desktop.main-nav{
		font-size: 18px;
	}
	.catalog__item.grid__col-4:not(.swiper-slide){
		width: auto !important;
		grid-column: span 3;
	}
	.catalog__item--vertical .catalog__img{
		height: 240px;
	}
	.featured__title{
		font-size: 18px;
	}
	.catalog__credit-price,
	.page-footer *{
		font-size: 16px;
	}
	.page-footer__disclaimer-p{
		font-size: 13px;
	}
	.page-footer__legal-list *{
		font-size: 14px;
	}
	.catalog__tech-item{
		font-size: 14px;
	}
	.catalog__price{
		font-size: 22px;
	}
	.car__info-wrap .car__call-buttons{
		display: grid !important;
		grid-template-columns: repeat(2, 1fr) !important;
	}
	li.benefits-2__list-item{
		flex: 1;
		justify-content: center;
	}
	.banks__item{
		width: 12.5%;
	}
}
.hamburger input:checked~span:nth-of-type(3) {
	transform-origin: bottom;
	transform: translateY(-11px) rotate(-45deg);
}
/* ⚠️ ВРЕМЕННО, ЛОКАЛЬНО/DEV: скрытые carsok (кнопка .j-admin-hide[data-status="0"]) показываем
   в каталоге полупрозрачными — маркетолог видит скрытое и может вернуть кнопкой "Показать".
   Запрос включает такие машины только в режиме ревью (Brands::getFilterQuery). Убрать вместе с кнопкой/экшеном. */
.catalog__item--vertical:has(.j-admin-hide[data-status="0"]){
	opacity: .45;
}

/* Галерея на странице авто: оригиналы бывают уже, чем целевой размер версии big
   (1057x792) — на широких экранах фото не закрывало блок. Тянем по ширине
   контейнера и кадрируем по центру.
   ТОЛЬКО для премиальных авто (.page-main--premium): у них фото загружались вручную
   и бывают меньше целевого размера. Обычные новые и Б/У идут из импорта — там
   отображение не меняем. */
.page-main--premium .swiper--car .swiper-slide > div > img{
	object-fit: cover !important;
	width: 100% !important;
}

@media (max-width: 767px){
	.featured__list .featured__link{
		padding-left: 5px;
		padding-right: 5px;
	}
	.featured__title{
		white-space: normal;
	}
}
/* Мини-карточка внутри модалки кредита (состояние .catalog__item--form).
   В main.css для мобильной версии стоит .catalog__item--form .catalog__price-wrap
   { flex-direction: row } — цена и ежемесячный платёж встают в один ряд. На узких
   экранах ряд не помещается: цене нужно ~254px из 311, платежу остаётся ~50px, и
   его текст вылезает за пределы карточки (на 320px — на 22px наружу).
   Разрешаем переносить строку и даём блокам ужиматься: пока места хватает, ряд
   остаётся рядом, а на узких экранах платёж уходит на свою строку. */
@media screen and (max-width: 767px){
	.catalog__item--form .catalog__price-wrap{
		flex-wrap: wrap;
	}
	/* без min-width: 0 флекс-элемент не даёт себя ужать и содержимое выходит за край */
	.catalog__item--form .catalog__main-price-wrap{
		min-width: 0;
	}
	/* Платёж занимает всю строку под ценой. Заодно снимаем кламп из main.css:
	   в @media(max-width:320px) у .catalog__credit-price стоят max-width: 96px и
	   nowrap с многоточием — это имело смысл, пока платёж делил строку с ценой,
	   а на своей строке лишь резало текст до «от 41 758 ₽ ...». */
	.catalog__item--form .catalog__credit-price{
		flex: 1 1 100%;
		min-width: 0;
		max-width: none;
		white-space: normal;
	}
}

/* Шильдик («Новое авто», «Премиум 2026», «пробег …») в мобильной карточке
   кредита — в модалке и в её ajax-версии. Раньше он лежал внутри .catalog__img,
   а это горизонтально прокручиваемая лента фотографий: бейдж уезжал вместе с
   ними и вдобавок вставал по координатам от общей карточки (top: 110px), то
   есть примерно посреди фото. Теперь он позиционируется от неподвижной обёртки
   и прижат к левому верхнему углу снимка. */
.catalog__img-wrap{
	position: relative;
}
.catalog__img-wrap > .catalog__stock{
	top: 12px;
	left: 12px;
	right: auto;
	bottom: auto;
}

/* Крестик в .simple-modal (модалки «Гарантия/Скидка/…» из layouts/main.php и
   окно «Получить выгодное предложение»). Кнопке размер задан (40x40), а самой
   <svg> — нет, поэтому браузер подставлял дефолт 300x150: иконка вылезала из
   кнопки на пол-экрана. Задаём размер и центрируем внутри кнопки. */
.simple-modal .stories__close{
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 0;
	border: 0;
	background: none;
	cursor: pointer;
}
.simple-modal .stories__close-icon{
	width: 20px;
	height: 20px;
	fill: currentColor;
}

/* Подвал: тёмно-графитовый вместо чёрно-синего #1d1f2b (только .page-footer,
   остальные блоки с этим фоном не трогаем). Рамки внутри подвала — под графит. */
.page-footer{
	background-color: #32353a;
	border-top-color: #464a50;
}
.page-footer__bottom,
.page-footer__contacts,
.page-footer__disclaimer{
	border-bottom-color: #464a50;
}

@media (min-width: 1200px){
	.featured__list{
		max-width: 75%;
	}
	.featured__list > .featured__item{
		flex: 1 1 0;
		min-width: 0;
	}
	.featured__list .featured__link{
		padding-left: 6px;
		padding-right: 6px;
	}
	.featured__list .featured__title{
		font-size: 14px;
	}
}

.catalog__buttons .catalog__choose--primary{
	background: #ffb81c;
	color: #0b1220;
	font-weight: 600;
	font-size: 16px;
}
.catalog__buttons .catalog__choose--primary:hover{
	background: #f0a500;
	color: #0b1220;
}
.catalog__buttons .button--credit.catalog__credit--secondary{
	background: #fff4d6;
	color: #946000 !important;
	box-shadow: none !important;
	font-weight: 500;
}
.catalog__buttons .button--credit.catalog__credit--secondary:hover{
	background: #f0a500;
	color: #0b1220 !important;
}
#cookie-bar{
	padding: 8px 16px !important;
	gap: 12px !important;
	border-top-width: 1px !important;
	box-shadow: 0 -1px 6px rgba(0,0,0,.08) !important;
}
#cookie-bar > div:first-child{
	font-size: 12px !important;
	line-height: 1.35 !important;
}
#cookie-bar button{
	padding: 6px 14px !important;
	font-size: 12px !important;
}
@media (max-width: 767px){
	#cookie-bar{
		bottom: 60px !important;
		padding: 6px 12px !important;
	}
	#cookie-bar > div:first-child{
		font-size: 11px !important;
	}
}
.mobile-cta{
	display: none;
}
@media (max-width: 767px){
	body:not(.page-car) .mobile-cta{
		display: flex;
		position: fixed;
		left: 0;
		right: 0;
		bottom: 0;
		z-index: 9998;
		gap: 8px;
		padding: 8px 12px calc(8px + env(safe-area-inset-bottom));
		background: #fff;
		box-shadow: 0 -2px 12px rgba(0,0,0,.12);
	}
	body:not(.page-car) .page-footer{
		padding-bottom: 64px;
	}
	.mobile-cta .button{
		flex: 1 1 0;
		padding: 12px 8px;
		font-size: 15px;
		font-weight: 600;
		border-radius: 6px;
	}
	.mobile-cta__call{
		background: #fff4d6;
		color: #946000;
	}
}
@media (max-width: 767px){
	.page-credit .benefits-2__list{
		display: none !important;
	}
}
.page-main--index .hero{
	order: -2;
}
@media (max-width: 767px){
	.mobile-cta .button{
		font-size: 14px;
		white-space: nowrap;
		padding: 11px 6px;
	}
	#cookie-bar{
		bottom: 54px !important;
	}
}

.catalog__item .tile{
	display: flex;
	flex-direction: column;
	width: 100%;
	height: 100%;
	background: #fff;
	border: 1px solid #dde2ea;
	border-radius: 8px;
	overflow: hidden;
	box-shadow: 0 4px 20px rgba(11, 18, 32, .06);
}
.tile__media{
	position: relative;
	display: block;
	aspect-ratio: 16 / 10;
	background: #edf0f5;
	overflow: hidden;
}
.tile__media img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}
.tile__badge{
	position: absolute;
	top: 12px;
	left: 12px;
	color: #fff;
	font-size: 12px;
	font-weight: 600;
	line-height: 16px;
	padding: 4px 10px;
	border-radius: 4px;
	z-index: 2;
}
.tile__badge--new{
	background: #0b1220;
}
.tile__badge--used{
	background: #ffb81c;
}
.tile__badge--premium{
	background: linear-gradient(90deg, #6a11cb 0%, #2575fc 100%);
}
.tile__photos{
	position: absolute;
	top: 12px;
	right: 12px;
	background: rgba(29, 31, 43, .75);
	color: #fff;
	font-size: 12px;
	font-weight: 500;
	line-height: 16px;
	padding: 4px 8px;
	border-radius: 6px;
	z-index: 2;
}
.tile__body{
	display: flex;
	flex-direction: column;
	gap: 10px;
	padding: 14px 16px 16px;
	flex: 1 1 auto;
}
.tile__head{
	display: flex;
	flex-direction: column;
	gap: 2px;
}
.tile__title{
	font-size: 18px;
	line-height: 24px;
	font-weight: 700;
	color: var(--black);
}
.tile__title:hover{
	color: #946000;
}
.tile__subtitle{
	font-size: 14px;
	line-height: 20px;
	color: #5b6474;
}
.tile__chips{
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
}
.tile__chip{
	font-size: 12px;
	line-height: 16px;
	padding: 4px 8px;
	border-radius: 6px;
	background: #edf0f5;
	color: #1e2738;
	white-space: nowrap;
}
.tile__price-panel{
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 8px;
	background: #f2f4f8;
	border-radius: 6px;
	padding: 10px 12px;
	margin-top: auto;
}
.tile__price-col{
	display: flex;
	flex-direction: column;
	gap: 2px;
	min-width: 0;
}
.tile__price-col--credit{
	text-align: right;
	flex-shrink: 0;
}
.tile__label{
	font-size: 12px;
	line-height: 16px;
	color: #5b6474;
}
.tile__price{
	font-size: 22px;
	line-height: 26px;
	font-weight: 700;
	color: #946000;
	white-space: nowrap;
}
.tile__price-old{
	font-size: 13px;
	line-height: 16px;
	color: #9aa0a8;
}
.tile__monthly{
	font-size: 18px;
	line-height: 22px;
	font-weight: 700;
	color: var(--black);
	white-space: nowrap;
}
.tile__buttons{
	display: flex;
	gap: 8px;
}
.tile__btn{
	flex: 1 1 0;
	display: block;
	text-align: center;
	font-family: inherit;
	font-size: 15px;
	font-weight: 600;
	line-height: 20px;
	padding: 13px 10px;
	border-radius: 6px;
	border: 0;
	cursor: pointer;
	transition: background .2s, color .2s;
}
.tile__btn--primary{
	background: #ffb81c;
	color: #0b1220;
}
.tile__btn--primary:hover{
	background: #f0a500;
	color: #0b1220;
}
.tile__btn--secondary{
	background: #fff4d6;
	color: #946000;
}
.tile__btn--secondary:hover{
	background: #f0a500;
	color: #0b1220;
}
.tile__dev{
	display: flex;
	gap: 8px;
	align-items: center;
}
@media (min-width: 1600px){
	.tile__price{
		font-size: 24px;
	}
}
@media (max-width: 767px){
	.catalog__item .tile{
		border-radius: 6px;
	}
	.tile__body{
		padding: 12px 14px 14px;
	}
}

.catalog__item:has(> .tile){
	padding: 0 !important;
	border: 0 !important;
	border-radius: 8px;
	background: transparent !important;
	box-shadow: none !important;
	overflow: visible;
}
.catalog__item:has(> .tile) .tile{
	border-radius: 8px;
}
.swiper-wrapper > .catalog__item.swiper-slide:has(> .tile){
	height: auto;
	align-self: stretch;
}

@media (min-width: 1200px){
	.page-header__logo-img{
		height: 44px;
	}
}

@media (min-width: 1200px){
	.page-header .page-header__logo-img{
		height: 44px !important;
	}
}
.page-footer .page-footer__logo-wrap{
	background: transparent !important;
	padding: 0 !important;
	border: 0 !important;
}
.page-footer .page-footer__logo{
	height: 40px;
	width: auto;
}
.page-footer img.page-footer__logo{
	background: transparent !important;
	padding: 0 !important;
}

.pf{
	background: #32353a;
	padding: 36px 0 24px;
}
.pf .pf__wrap{
	row-gap: 0;
	margin-bottom: 0;
}
.pf__top{
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 32px;
	flex-wrap: wrap;
	padding-bottom: 22px;
}
.pf__logo-wrap{
	display: block;
	background: transparent !important;
	padding: 0 !important;
}
.pf .pf__logo{
	display: block;
	height: 44px;
	width: auto;
	background: transparent !important;
	padding: 0 !important;
}
.pf__contacts{
	display: flex;
	align-items: center;
	gap: 36px;
	flex: 1 1 auto;
}
.pf .pf__phone{
	font-size: 24px;
	line-height: 28px;
	font-weight: 700;
	color: #fff;
	white-space: nowrap;
}
.pf__contacts-text{
	display: flex;
	flex-direction: column;
	gap: 2px;
	font-size: 13px;
	line-height: 18px;
}
.pf .pf__contacts-text span{
	color: #e9eaec;
}
.pf .pf__cta{
	padding: 12px 22px;
	font-size: 14px;
	font-weight: 600;
	border-radius: 6px;
	white-space: nowrap;
}
.pf__nav{
	display: flex;
	flex-wrap: wrap;
	gap: 8px 22px;
	padding: 18px 0;
	border-top: 1px solid #464a50;
}
.pf .pf__nav a{
	font-size: 14px;
	line-height: 20px;
	color: #e9eaec;
}
.pf .pf__nav a:hover{
	color: #fff;
	text-decoration: underline;
}
.pf__brands{
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	padding-bottom: 22px;
}
.pf .pf__brand{
	font-size: 12px;
	line-height: 16px;
	padding: 5px 10px;
	border: 1px solid #464a50;
	border-radius: 4px;
	color: #a9adb4;
	white-space: nowrap;
}
.pf .pf__brand:hover{
	color: #fff;
	border-color: #a9adb4;
}
.pf .pf__brand--all{
	color: #fff;
	border-color: #ffb81c;
}
.pf__legal{
	list-style: none;
	margin: 0;
	padding: 0 0 18px;
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 16px 24px;
}
.pf__legal li{
	display: flex;
	flex-direction: column;
	gap: 4px;
}
.pf .pf__legal-label{
	font-size: 12px;
	line-height: 16px;
	color: #a9adb4;
}
.pf .pf__legal-text{
	font-size: 13px;
	line-height: 18px;
	color: #e9eaec;
}
.pf__disclaimer{
	border-top: 1px solid #464a50;
	padding: 14px 0 6px;
}
.pf .pf__disclaimer-summary{
	display: none;
	align-items: center;
	gap: 8px;
	font-size: 13px;
	line-height: 18px;
	color: #a9adb4;
	cursor: pointer;
	list-style: none;
}
.pf__disclaimer-summary::-webkit-details-marker{
	display: none;
}
.pf .pf__disclaimer-body p{
	margin: 0 0 10px;
	font-size: 12px;
	line-height: 17px;
	color: #a9adb4;
}
.pf__bottom{
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 16px;
	flex-wrap: wrap;
	padding-top: 16px;
	border-top: 1px solid #464a50;
}
.pf .pf__bottom span{
	font-size: 13px;
	line-height: 18px;
	color: #a9adb4;
}
@media (max-width: 1199px){
	.pf__legal{
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}
@media (max-width: 767px){
	.pf{
		padding: 28px 0 20px;
	}
	.pf__top{
		flex-direction: column;
		align-items: flex-start;
		gap: 16px;
		padding-bottom: 16px;
	}
	.pf .pf__logo{
		height: 40px;
	}
	.pf__contacts{
		flex-direction: column;
		align-items: flex-start;
		gap: 8px;
	}
	.pf .pf__contacts-text{
		font-size: 14px;
		line-height: 20px;
	}
	.pf .pf__cta{
		width: 100%;
	}
	.pf__nav{
		gap: 10px 18px;
		padding: 14px 0;
	}
	.pf__legal{
		grid-template-columns: minmax(0, 1fr);
		gap: 12px;
	}
	.pf .pf__disclaimer-summary{
		display: flex;
	}
	.pf__disclaimer[open] .pf__disclaimer-summary svg{
		transform: rotate(180deg);
	}
	.pf .pf__disclaimer-body{
		padding-top: 10px;
	}
	.pf__bottom{
		flex-direction: column;
		align-items: center;
		text-align: center;
		gap: 6px;
	}
}

.pf .pf__top-link{
	display: inline-flex;
	align-items: center;
	gap: 6px;
	font-size: 13px;
	line-height: 18px;
	color: #a9adb4;
}
.pf .pf__top-link:hover{
	color: #fff;
}

@media (min-width: 1200px){
	.page-main{
		padding-top: 168px !important;
	}
}

@media (max-width: 1199px){
	body:not(.page-car) .mobile-cta{
		display: flex;
		position: fixed;
		left: 0;
		right: 0;
		bottom: 0;
		z-index: 9998;
		gap: 6px;
		padding: 6px 10px calc(6px + env(safe-area-inset-bottom));
		background: #fff;
		box-shadow: 0 -2px 12px rgba(0,0,0,.12);
	}
	body:not(.page-car) .page-footer{
		padding-bottom: 60px;
	}
	.mobile-cta .button{
		flex: 1 1 0;
		min-width: 0;
		height: 42px;
		padding: 0 8px;
		display: inline-flex;
		align-items: center;
		justify-content: center;
		gap: 6px;
		font-size: 13px;
		line-height: 15px;
		font-weight: 600;
		border-radius: 6px;
		white-space: normal;
		text-align: center;
		box-shadow: none !important;
	}
	.mobile-cta .button svg{
		flex-shrink: 0;
	}
	.mobile-cta__call{
		background: #fff4d6;
		color: #946000;
	}
	.mobile-cta__filter{
		background: var(--black);
		color: #fff;
		border: 0;
		font-family: inherit;
		cursor: pointer;
	}
	.mobile-cta__filter .fq-fab__count{
		min-width: 18px;
		height: 18px;
		padding: 0 5px;
		border-radius: 4px;
		background: #ffb81c;
		color: #0b1220;
		font-size: 11px;
		line-height: 18px;
		box-sizing: border-box;
	}
	.mobile-cta__filter .fq-fab__count[hidden]{
		display: none;
	}
	.mobile-cta--filter .mobile-cta__offer{
		flex: 1.3 1 0;
	}
	#cookie-bar{
		bottom: 54px !important;
	}
}
@media (min-width: 768px) and (max-width: 1199px){
	body:not(.page-car) .mobile-cta{
		padding-left: 24px;
		padding-right: 24px;
	}
	.mobile-cta .button{
		font-size: 14px;
	}
}

@media (max-width: 1199px){
	.mobile-cta .mobile-cta__filter{
		background: #fff4d6;
		color: #946000;
	}
	.mobile-cta--filter .mobile-cta__offer{
		flex: 1.4 1 0;
	}
	.mobile-cta .mobile-cta__offer{
		white-space: nowrap;
	}
}

.tile__trims{
	display: inline-flex;
	align-items: center;
	gap: 6px;
	align-self: flex-start;
	margin-top: 6px;
	padding: 4px 8px 4px 10px;
	border-radius: 4px;
	background: #fff4d6;
	color: #946000;
	font-size: 13px;
	line-height: 18px;
	font-weight: 600;
}
.tile__trims:hover{
	background: #f0a500;
	color: #0b1220;
}
.tile__trims-range{
	font-weight: 400;
	opacity: .85;
}

.modal .tile .tile__buttons,
#credit-offer-desktop .tile .tile__buttons,
.application__catalog .tile .tile__buttons{
	display: none;
}

.hd{
	display: none;
}
header.page-header,
header.page-header.page-header--index{
	padding: 0 !important;
	background: #fff !important;
	border-bottom: 0 !important;
	border-radius: 0;
	overflow: visible;
	box-shadow: 0 1px 0 #dde2ea;
	transition: box-shadow .2s;
}
header.page-header:not(.page-header--index){
	box-shadow: 0 6px 24px rgba(11, 18, 32, .08);
}
.crumbs__link:hover{
	color: #946000 !important;
}
@media (min-width: 1200px){
	.mh{
		display: none !important;
	}
	.hd__main{
		background: #fff;
	}
	.hd{
		display: block;
		font-size: 15px;
		line-height: 1.3;
	}
	.hd__in{
		max-width: 1128px;
		margin: 0 auto;
		display: flex;
		align-items: center;
	}
	.hd__strip{
		background: #edf0f5;
		height: 36px;
		overflow: hidden;
		transition: height .2s;
	}
	.hd__strip .hd__in{
		height: 36px;
		gap: 24px;
	}
	.page-header .hd__info{
		display: inline-flex;
		align-items: center;
		gap: 6px;
		font-size: 13px;
		color: #1e2738;
		white-space: nowrap;
	}
	.page-header .hd__info svg{
		color: #5b6474;
		flex-shrink: 0;
	}
	.hd__strip-nav{
		margin-left: auto;
		display: flex;
		gap: 20px;
	}
	.page-header .hd__strip-nav a{
		font-size: 13px;
		color: #1e2738;
		white-space: nowrap;
	}
	.hd__main .hd__in{
		height: 76px;
		gap: 32px;
	}
	.hd__logo{
		display: block;
		flex-shrink: 0;
	}
	.hd__logo img{
		display: block;
		height: 42px;
		width: auto;
	}
	.hd__nav{
		display: flex;
		align-items: center;
		gap: 4px;
		height: 100%;
	}
	.page-header .hd__link{
		display: inline-flex;
		align-items: center;
		gap: 4px;
		padding: 8px 10px;
		border-radius: 4px;
		font-size: 15px;
		font-weight: 500;
		white-space: nowrap;
		color: var(--black);
		transition: color .15s, background-color .15s;
	}
	.page-header .hd__link:hover,
	.page-header .hd__drop:hover .hd__link--drop,
	.page-header .hd__drop:focus-within .hd__link--drop{
		color: #946000;
		background: #f1f3f7;
	}
	.hd__link--drop svg{
		color: #5b6474;
		transition: transform .2s;
	}
	.hd__drop:hover .hd__link--drop svg,
	.hd__drop:focus-within .hd__link--drop svg{
		transform: rotate(180deg);
		color: #946000;
	}
	.hd__drop{
		position: relative;
		height: 100%;
		display: flex;
		align-items: center;
	}
	.hd__mega{
		position: absolute;
		top: 100%;
		left: -12px;
		width: 640px;
		padding: 18px 20px 20px;
		background: #fff;
		border: 1px solid #dde2ea;
		border-radius: 8px;
		box-shadow: 0 16px 40px rgba(11, 18, 32, .14);
		opacity: 0;
		visibility: hidden;
		transform: translateY(6px);
		transition: opacity .15s, transform .15s, visibility .15s;
		z-index: 5;
	}
	.hd__drop:hover .hd__mega,
	.hd__drop:focus-within .hd__mega{
		opacity: 1;
		visibility: visible;
		transform: none;
	}
	.hd__mega-head{
		display: flex;
		align-items: baseline;
		justify-content: space-between;
		gap: 16px;
		padding-bottom: 12px;
		margin-bottom: 8px;
		border-bottom: 1px solid #eef0f3;
	}
	.page-header .hd__mega-head span{
		font-size: 15px;
		font-weight: 600;
	}
	.page-header .hd__mega-head a{
		font-size: 13px;
		font-weight: 600;
		color: #946000;
		white-space: nowrap;
	}
	.hd__mega-list{
		list-style: none;
		margin: 0;
		padding: 0;
		display: grid;
		grid-template-columns: repeat(4, 1fr);
		gap: 0 12px;
	}
	.page-header .hd__mega-list a{
		display: flex;
		align-items: center;
		justify-content: space-between;
		gap: 8px;
		padding: 7px 8px;
		border-radius: 4px;
		font-size: 14px;
	}
	.page-header .hd__mega-list a:hover{
		background: #f1f3f7;
		color: #946000;
	}
	.page-header .hd__mega-list small{
		font-size: 12px;
		color: #9aa0a8;
	}
	.hd__contacts{
		margin-left: auto;
		display: flex;
		flex-direction: column;
		align-items: flex-end;
		gap: 2px;
	}
	.page-header .hd__phone{
		font-size: 18px;
		font-weight: 700;
		white-space: nowrap;
	}
	.page-header .hd__phone:hover{
		color: #946000;
	}
	.page-header .hd__hours{
		font-size: 12px;
		color: #5b6474;
		white-space: nowrap;
	}
	.page-header .hd__cta{
		display: inline-flex;
		align-items: center;
		justify-content: center;
		height: 44px;
		padding: 0 20px;
		border: 0;
		border-radius: 6px;
		background: #ffb81c;
		color: #0b1220;
		font: inherit;
		font-size: 14px;
		font-weight: 600;
		white-space: nowrap;
		cursor: pointer;
		transition: background-color .15s;
	}
	.page-header .hd__cta:hover{
		background: #f0a500;
	}
	.hd__brands{
		background: #fafbfc;
		border-top: 1px solid #dde2ea;
		height: 50px;
		overflow: hidden;
		transition: height .2s, border-color .2s;
	}
	.hd__brands .hd__in{
		height: 50px;
		gap: 8px;
	}
	.page-header .hd__brands-label{
		font-size: 13px;
		color: #5b6474;
		margin-right: 4px;
		white-space: nowrap;
	}
	.hd__brands-list{
		flex: 1 1 auto;
		min-width: 0;
		display: flex;
		flex-wrap: wrap;
		gap: 8px;
		height: 30px;
		overflow: hidden;
	}
	.page-header .hd__brand{
		font-size: 13px;
		font-weight: 500;
		line-height: 16px;
		padding: 6px 12px;
		border-radius: 4px;
		background: #fff;
		border: 1px solid #dde2ea;
		white-space: nowrap;
		transition: border-color .15s, color .15s;
	}
	.page-header .hd__brand:hover{
		border-color: #ffb81c;
		color: #946000;
	}
	.page-header .hd__brands-all{
		display: inline-flex;
		align-items: center;
		gap: 4px;
		padding: 6px 4px;
		border: 0;
		background: none;
		font-family: inherit;
		cursor: pointer;
		font-size: 13px;
		font-weight: 600;
		color: #946000;
		white-space: nowrap;
		margin-left: 4px;
	}
	.page-header .hd__brands-all svg{
		transition: transform .2s;
	}
	.page-header .hd__brands--open .hd__brands-all svg{
		transform: rotate(180deg);
	}
	.page-header .hd__brand--all{
		display: none;
	}
	.page-header .hd__brands.hd__brands--open{
		height: auto;
		box-shadow: 0 18px 30px -18px rgba(11, 18, 32, .35);
	}
	.page-header .hd__brands--open .hd__in{
		height: auto;
		align-items: flex-start;
		padding: 10px 0;
	}
	.page-header .hd__brands--open .hd__brands-label,
	.page-header .hd__brands--open .hd__brands-all{
		margin-top: 6px;
	}
	.page-header .hd__brands--open .hd__brands-list{
		height: auto;
		overflow: visible;
	}
	.page-header .hd__brands--open .hd__brand--all{
		display: inline-block;
		font-weight: 700;
	}

}
@media (min-width: 1600px){
	.hd__in{
		max-width: 1598px;
	}
}
.page-header .hd__route-link{
	display: inline-flex;
	align-items: center;
	gap: 5px;
	margin-left: -12px;
	padding: 0;
	border: 0;
	background: none;
	font: inherit;
	font-size: 13px;
	font-weight: 600;
	color: #946000;
	white-space: nowrap;
	cursor: pointer;
}
.page-header .hd__route-link:hover{
	color: #946000;
}
.route-modal-open,
.route-modal-open body{
	overflow: hidden;
}
.route-modal{
	position: fixed;
	inset: 0;
	z-index: 10050;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 24px;
}
.route-modal[hidden]{
	display: none;
}
.route-modal__overlay{
	position: absolute;
	inset: 0;
	background: rgba(29, 31, 43, .55);
}
.route-modal__box{
	position: relative;
	display: flex;
	flex-direction: column;
	width: 100%;
	max-width: 960px;
	height: min(680px, calc(100vh - 48px));
	background: #fff;
	border-radius: 10px;
	overflow: hidden;
	box-shadow: 0 24px 60px rgba(11, 18, 32, .25);
}
.route-modal__head{
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 16px;
	padding: 18px 20px 14px;
	border-bottom: 1px solid #dde2ea;
}
.route-modal__title{
	font-size: 20px;
	font-weight: 700;
	line-height: 1.2;
	color: var(--black);
}
.route-modal__address{
	margin-top: 4px;
	font-size: 14px;
	color: #5b6474;
}
.route-modal__close{
	flex-shrink: 0;
	width: 40px;
	height: 40px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border: 0;
	border-radius: 6px;
	background: #edf0f5;
	color: var(--black);
	cursor: pointer;
}
.route-modal__close:hover{
	background: #e9ebf0;
}
.route-modal__body{
	position: relative;
	flex: 1 1 auto;
	min-height: 0;
	background: #f1f3f7;
}
.route-modal__ask{
	height: 100%;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	text-align: center;
	padding: 32px 24px;
}
.route-modal__ask[hidden]{
	display: none;
}
.route-modal__ask-icon{
	width: 64px;
	height: 64px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	background: #fff4d6;
	color: #946000;
	margin-bottom: 18px;
	animation: route-pulse 1.6s ease-in-out infinite;
}
@keyframes route-pulse{
	0%, 100%{ box-shadow: 0 0 0 0 rgba(255, 184, 28, .25); }
	50%{ box-shadow: 0 0 0 14px rgba(255, 184, 28, 0); }
}
.route-modal__ask-title{
	font-size: 20px;
	font-weight: 700;
	color: var(--black);
	margin-bottom: 10px;
}
.route-modal__ask-text{
	max-width: 440px;
	margin: 0 0 20px;
	font-size: 15px;
	line-height: 1.5;
	color: #1e2738;
}
.route-modal__skip{
	padding: 10px 16px;
	border: 1px solid #d6e2f5;
	border-radius: 6px;
	background: #fff;
	font: inherit;
	font-size: 14px;
	font-weight: 600;
	color: #946000;
	cursor: pointer;
}
.route-modal__skip:hover{
	border-color: #ffb81c;
}
.route-modal__map{
	display: block;
	width: 100%;
	height: 100%;
	border: 0;
}
.route-modal__map[hidden]{
	display: none;
}
.route-modal__foot{
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	padding: 12px 20px;
	border-top: 1px solid #dde2ea;
}
.route-modal__foot[hidden]{
	display: none;
}
.route-modal__note{
	font-size: 13px;
	color: #5b6474;
}
.route-modal__open{
	display: inline-flex;
	align-items: center;
	gap: 6px;
	flex-shrink: 0;
	padding: 10px 16px;
	border-radius: 6px;
	background: #ffb81c;
	color: #0b1220 !important;
	font-size: 14px;
	font-weight: 600;
	white-space: nowrap;
}
.route-modal__open:hover{
	background: #f0a500;
}
@media (max-width: 767px){
	.route-modal{
		padding: 0;
		align-items: stretch;
	}
	.route-modal__box{
		max-width: none;
		height: 100%;
		border-radius: 0;
	}
	.route-modal__head{
		padding: 14px 16px 12px;
	}
	.route-modal__title{
		font-size: 18px;
	}
	.route-modal__foot{
		flex-direction: column;
		align-items: stretch;
		padding: 12px 16px calc(12px + env(safe-area-inset-bottom));
	}
	.route-modal__open{
		justify-content: center;
		padding: 13px 16px;
	}
}
.mh{
	display: flex;
	align-items: center;
	gap: 5px;
	height: 60px;
	padding: 0 12px;
}
.mh__logo{
	display: block;
	flex-shrink: 0;
}
.mh__logo img{
	display: block;
	height: 22px;
	width: auto;
}
.mh__contacts{
	flex: 1 1 auto;
	min-width: 0;
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	gap: 3px;
	margin-right: 2px;
	text-align: right;
}
.page-header .mh__phone{
	font-size: 12px;
	font-weight: 700;
	line-height: 1.1;
	white-space: nowrap;
	letter-spacing: -.01em;
}
.page-header .mh__address{
	max-width: 100%;
	padding: 0;
	border: 0;
	background: none;
	font: inherit;
	font-size: 10.5px;
	line-height: 1.2;
	color: #5b6474;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	cursor: pointer;
}
.mh__address-city{
	display: none;
}
.mh__btn{
	flex-shrink: 0;
	width: 34px;
	height: 34px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 0;
	border: 0;
	border-radius: 6px;
	background: #edf0f5;
	cursor: pointer;
}
.mh__btn svg{
	width: 19px;
	height: 19px;
}
.page-header .mh__btn,
.mm .mh__btn{
	color: var(--black);
}
.page-header .mh__btn--call{
	background: #fff4d6;
	color: #946000;
}
.page-header .mh__btn--geo{
	color: #946000;
}
.mm .mh__logo{
	margin-right: auto;
}
.mm .mh__logo img{
	height: 32px;
}
.mm .mh__btn{
	width: 42px;
	height: 42px;
}
@media (min-width: 400px){
	.mh{
		gap: 6px;
		padding: 0 14px;
	}
	.mh__logo img{
		height: 26px;
	}
	.mh__btn{
		width: 36px;
		height: 36px;
	}
	.page-header .mh__phone{
		font-size: 13px;
	}
	.page-header .mh__address{
		font-size: 11px;
	}
}
@media (min-width: 420px){
	.mh{
		gap: 8px;
		padding: 0 16px;
	}
	.mh__logo img{
		height: 28px;
	}
	.mh__btn{
		width: 38px;
		height: 38px;
	}
	.page-header .mh__phone{
		font-size: 14px;
	}
	.page-header .mh__address{
		font-size: 11.5px;
	}
}
@media (min-width: 600px){
	.mh{
		padding: 0 24px;
		gap: 10px;
	}
	.mh__logo img{
		height: 32px;
	}
	.mh__contacts{
		margin-right: 8px;
	}
	.mh__btn{
		width: 42px;
		height: 42px;
	}
	.page-header .mh__phone{
		font-size: 17px;
	}
	.page-header .mh__address{
		font-size: 13px;
	}
	.mh__address-city{
		display: inline;
	}
}
.mm-open,
.mm-open body{
	overflow: hidden;
}
.mm{
	position: fixed;
	inset: 0;
	z-index: 10040;
	display: flex;
	flex-direction: column;
	background: #fff;
	color: var(--black);
}
.mm[hidden]{
	display: none;
}
.mm__top{
	flex-shrink: 0;
	display: flex;
	align-items: center;
	height: 60px;
	padding: 0 16px;
	border-bottom: 1px solid #dde2ea;
}
.mm__scroll{
	flex: 1 1 auto;
	overflow-y: auto;
	-webkit-overflow-scrolling: touch;
	padding: 4px 16px calc(24px + env(safe-area-inset-bottom));
}
.mm__nav{
	display: flex;
	flex-direction: column;
}
.mm .mm__link{
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 100%;
	padding: 15px 0;
	border: 0;
	border-bottom: 1px solid #dde2ea;
	background: none;
	font: inherit;
	font-size: 17px;
	font-weight: 600;
	line-height: 1.3;
	color: var(--black);
	text-align: left;
	cursor: pointer;
}
.mm__link svg{
	flex-shrink: 0;
	color: #9aa0a8;
	transition: transform .2s;
}
.mm .mm__link--toggle[aria-expanded="true"]{
	color: #946000;
	border-bottom-color: transparent;
}
.mm__link--toggle[aria-expanded="true"] svg{
	transform: rotate(180deg);
	color: #946000;
}
.mm__sub{
	padding: 0 0 12px;
	border-bottom: 1px solid #dde2ea;
}
.mm__sub[hidden]{
	display: none;
}
.mm .mm__all{
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 12px 14px;
	margin-bottom: 8px;
	border-radius: 6px;
	background: #fff4d6;
	font-size: 15px;
	font-weight: 600;
	color: #946000;
}
.mm__all span{
	font-size: 13px;
	font-weight: 500;
}
.mm__brands{
	list-style: none;
	margin: 0;
	padding: 0;
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 2px 12px;
}
.mm .mm__brands a{
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 8px;
	padding: 9px 4px;
	font-size: 15px;
	color: var(--black);
}
.mm__brands small{
	font-size: 12px;
	color: #9aa0a8;
}
.mm__contacts{
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 8px;
	padding-top: 20px;
}
.mm .mm__phone{
	font-size: 22px;
	font-weight: 700;
	color: var(--black);
}
.mm__info{
	display: inline-flex;
	align-items: flex-start;
	gap: 8px;
	font-size: 14px;
	line-height: 1.4;
	color: #5b6474;
}
.mm__info svg{
	flex-shrink: 0;
	margin-top: 1px;
}
.mm__route{
	display: inline-flex;
	align-items: center;
	gap: 6px;
	padding: 0 0 0 24px;
	border: 0;
	background: none;
	font: inherit;
	font-size: 14px;
	font-weight: 600;
	color: #946000;
	cursor: pointer;
}
.mm__cta{
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 50px;
	margin-top: 20px;
	border: 0;
	border-radius: 6px;
	background: #ffb81c;
	color: #0b1220;
	font: inherit;
	font-size: 15px;
	font-weight: 600;
	cursor: pointer;
}
@media (min-width: 600px){
	.mm__top{
		padding: 0 24px;
	}
	.mm__scroll{
		padding-left: 24px;
		padding-right: 24px;
	}
	.mm__brands{
		grid-template-columns: repeat(3, 1fr);
	}
}
@media (min-width: 768px) and (max-width: 1199px){
	.page-main{
		padding-top: 92px;
	}
}
.page-header .mh__address *{
	color: inherit;
}
.heading-group__wrap:has(> .heading--deco){
	width: 100%;
	justify-content: center;
}
.heading.heading--deco{
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 18px;
	width: 100%;
	max-width: none;
	text-align: center;
	white-space: normal;
}
.heading.heading--deco::before,
.heading.heading--deco::after{
	content: "";
	flex: 1 1 60px;
	min-width: 34px;
	max-width: 240px;
	height: 10px;
	position: static;
	display: block;
	border: 0;
	transform: none;
}
.heading.heading--deco::before{
	background:
		url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="10" viewBox="0 0 48 10"><path d="M0 10h7l6-10H6z" fill="%23ffb81c" opacity=".45"/><path d="M11 10h31l6-10H17z" fill="%23ffb81c"/></svg>') right center / 48px 10px no-repeat,
		linear-gradient(90deg, rgba(223, 226, 232, 0), #d6dce6) left center / calc(100% - 56px) 2px no-repeat;
}
.heading.heading--deco::after{
	background:
		url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="10" viewBox="0 0 48 10"><path d="M0 10h31l6-10H6z" fill="%23ffb81c"/><path d="M35 10h7l6-10h-7z" fill="%23ffb81c" opacity=".45"/></svg>') left center / 48px 10px no-repeat,
		linear-gradient(90deg, #d6dce6, rgba(223, 226, 232, 0)) right center / calc(100% - 56px) 2px no-repeat;
}
@media (max-width: 767px){
	.heading.heading--deco{
		gap: 10px;
	}
	.heading.heading--deco::before,
	.heading.heading--deco::after{
		flex-basis: 34px;
		min-width: 26px;
		height: 8px;
	}
	.heading.heading--deco::before{
		background:
			url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="10" viewBox="0 0 48 10"><path d="M0 10h7l6-10H6z" fill="%23ffb81c" opacity=".45"/><path d="M11 10h31l6-10H17z" fill="%23ffb81c"/></svg>') right center / 34px 7px no-repeat,
			linear-gradient(90deg, rgba(223, 226, 232, 0), #d6dce6) left center / calc(100% - 40px) 2px no-repeat;
	}
	.heading.heading--deco::after{
		background:
			url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="10" viewBox="0 0 48 10"><path d="M0 10h31l6-10H6z" fill="%23ffb81c"/><path d="M35 10h7l6-10h-7z" fill="%23ffb81c" opacity=".45"/></svg>') left center / 34px 7px no-repeat,
			linear-gradient(90deg, #d6dce6, rgba(223, 226, 232, 0)) right center / calc(100% - 40px) 2px no-repeat;
	}
}
.heading-group__wrap:has(> .heading--deco) > .catalog__logo{
	display: none;
}
.heading.heading--line,
.heading.heading--mark{
	display: flex;
	align-items: center;
	gap: 14px;
	max-width: none;
	white-space: normal;
}
.heading.heading--line{
	width: 100%;
}
.heading.heading--line::before,
.heading.heading--mark::before{
	content: "";
	flex: 0 0 38px;
	height: 9px;
	position: static;
	display: block;
	border: 0;
	transform: none;
	background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="10" viewBox="0 0 48 10"><path d="M0 10h7l6-10H6z" fill="%23ffb81c" opacity=".45"/><path d="M11 10h31l6-10H17z" fill="%23ffb81c"/></svg>') center / 38px 8px no-repeat;
}
.heading.heading--line::after{
	content: "";
	flex: 1 1 auto;
	min-width: 24px;
	height: 2px;
	position: static;
	display: block;
	border: 0;
	transform: none;
	background: linear-gradient(90deg, #d6dce6, rgba(223, 226, 232, 0));
}
.heading.heading--mark::after{
	content: none;
}
@media (max-width: 767px){
	.heading.heading--line,
	.heading.heading--mark{
		gap: 10px;
	}
	.heading.heading--line::before,
	.heading.heading--mark::before{
		flex-basis: 30px;
		background-size: 30px 6px;
	}
}
@media (max-width: 767px){
	.heading.heading--deco{
		flex-direction: column;
		gap: 10px;
		line-height: 1.3;
	}
	.heading.heading--deco::before{
		display: none;
	}
	.heading.heading--deco::after{
		flex: 0 0 auto;
		width: 150px;
		min-width: 0;
		max-width: none;
		height: 8px;
		background:
			url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="10" viewBox="0 0 48 10"><path d="M0 10h7l6-10H6z" fill="%23ffb81c" opacity=".45"/><path d="M11 10h31l6-10H17z" fill="%23ffb81c"/></svg>') center / 34px 7px no-repeat,
			linear-gradient(90deg, rgba(223, 226, 232, 0), #d6dce6) left center / 50px 2px no-repeat,
			linear-gradient(90deg, #d6dce6, rgba(223, 226, 232, 0)) right center / 50px 2px no-repeat;
	}
	.heading.heading--line::after{
		display: none;
	}
	.heading.heading--line,
	.heading.heading--mark{
		line-height: 1.3;
	}
}
body.freeze .mobile-cta,
body.freeze .cs-fab{
	display: none !important;
}
.modal.cm:is(#credit_modal, .modal){
	padding: 0 !important;
	background: #f1f3f7;
	display: flex;
	flex-direction: column;
	overflow: hidden;
}
.modal.cm:is(#credit_modal, .modal) .cm-head{
	flex-shrink: 0;
	display: flex;
	align-items: flex-start;
	gap: 16px;
	padding: 22px 28px 18px;
	background: #fff;
	border-bottom: 1px solid #dde2ea;
	margin: 0;
}
.modal.cm:is(#credit_modal, .modal) .cm-head__text{
	flex: 1 1 auto;
	min-width: 0;
	display: flex;
	flex-direction: column;
	gap: 6px;
}
.modal.cm:is(#credit_modal, .modal) .cm-head__title{
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 8px 12px;
}
.modal.cm:is(#credit_modal, .modal) .cm-head__mark{
	flex: 0 0 38px;
	height: 9px;
	background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="10" viewBox="0 0 48 10"><path d="M0 10h7l6-10H6z" fill="%23ffb81c" opacity=".45"/><path d="M11 10h31l6-10H17z" fill="%23ffb81c"/></svg>') center / 38px 8px no-repeat;
}
.modal.cm:is(#credit_modal, .modal) .cm-head__title h2{
	margin: 0;
	font-size: 24px;
	line-height: 1.2;
	font-weight: 700;
	color: var(--black);
}
.modal.cm:is(#credit_modal, .modal) .cm-head__rate{
	display: inline-flex;
	align-items: center;
	height: 28px;
	padding: 0 12px;
	border-radius: 4px;
	background: #eef1f6;
	color: #178a52;
	font-size: 14px;
	font-weight: 700;
	white-space: nowrap;
}
.modal.cm:is(#credit_modal, .modal) .cm-head__car{
	font-size: 15px;
	font-weight: 600;
	color: var(--black);
	padding-left: 50px;
}
.modal.cm:is(#credit_modal, .modal) .cm-head__car span{
	font-weight: 400;
	color: #5b6474;
}
.modal.cm:is(#credit_modal, .modal) .cm-head__close{
	position: static;
	flex-shrink: 0;
	width: 40px;
	height: 40px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 0;
	border: 0;
	border-radius: 6px;
	background: #edf0f5;
	color: var(--black);
	cursor: pointer;
}
.modal.cm:is(#credit_modal, .modal) .cm-head__close:hover{
	background: #e9ebf0;
}
.modal.cm:is(#credit_modal, .modal) .cm-body{
	flex: 1 1 auto;
	overflow-y: auto;
	padding: 20px 28px 32px !important;
	margin: 0;
	max-width: none;
	display: flex;
	flex-direction: column;
	gap: 18px;
}
.modal.cm:is(#credit_modal, .modal) .cm-perks{
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}
.modal.cm:is(#credit_modal, .modal) .cm-perks li{
	display: inline-flex;
	align-items: center;
	gap: 8px;
	height: 36px;
	padding: 0 14px 0 12px;
	border-radius: 4px;
	background: #fff;
	border: 1px solid #dde2ea;
	font-size: 13px;
	font-weight: 500;
	color: var(--black);
	white-space: nowrap;
}
.modal.cm:is(#credit_modal, .modal) .cm-perks svg{
	flex-shrink: 0;
	color: #946000;
}
.modal.cm:is(#credit_modal, .modal) .cm-grid{
	display: grid !important;
	grid-template-columns: minmax(0, 1.05fr) minmax(0, .95fr) !important;
	grid-template-areas: "form car";
	gap: 18px;
	align-items: start;
	margin: 0;
	padding: 0;
	width: 100%;
	max-width: none;
}
.modal.cm:is(#credit_modal, .modal) .cm-car{
	grid-area: car;
	display: flex;
	flex-direction: column;
	gap: 14px;
	padding: 16px;
	border-radius: 10px;
	background: #fff;
	box-shadow: 0 1px 0 #dde2ea, 0 8px 24px rgba(11, 18, 32, .06);
}
.modal.cm:is(#credit_modal, .modal) .cm-car__main{
	display: flex;
	flex-direction: column;
	gap: 10px;
}
.modal.cm:is(#credit_modal, .modal) .cm-car__photo{
	height: 170px;
	display: flex;
	align-items: center;
	justify-content: center;
	background: #fff;
}
.modal.cm:is(#credit_modal, .modal) .cm-car__photo img{
	display: block;
	max-width: 100%;
	max-height: 100%;
	object-fit: contain;
}
.modal.cm:is(#credit_modal, .modal) .cm-car__info{
	display: flex;
	flex-direction: column;
	gap: 4px;
	min-width: 0;
}
.modal.cm:is(#credit_modal, .modal) .cm-car__name{
	font-size: 18px;
	font-weight: 700;
	line-height: 1.25;
}
.modal.cm:is(#credit_modal, .modal) .cm-car__trim{
	font-size: 14px;
	color: #5b6474;
}
.modal.cm:is(#credit_modal, .modal) .cm-car__prices{
	display: flex;
	align-items: baseline;
	flex-wrap: wrap;
	gap: 4px 10px;
	margin-top: 6px;
}
.modal.cm:is(#credit_modal, .modal) .cm-car__price{
	font-size: 24px;
	font-weight: 700;
	color: #946000;
	line-height: 1.1;
}
.modal.cm:is(#credit_modal, .modal) .cm-car__old{
	font-size: 14px;
	color: #9aa0a8;
}
.modal.cm:is(#credit_modal, .modal) .cm-car__monthly{
	font-size: 14px;
	color: #1e2738;
}
.modal.cm:is(#credit_modal, .modal) .cm-car__monthly b{
	color: var(--black);
}
.modal.cm:is(#credit_modal, .modal) .cm-benefit{
	padding: 14px 16px;
	border-radius: 8px;
	background: #fdf1f2;
	display: flex;
	flex-direction: column;
	gap: 10px;
}
.modal.cm:is(#credit_modal, .modal) .cm-benefit__head{
	display: flex;
	align-items: baseline;
	justify-content: space-between;
	gap: 10px;
}
.modal.cm:is(#credit_modal, .modal) .cm-benefit__head span{
	font-size: 14px;
	font-weight: 600;
	color: var(--black);
}
.modal.cm:is(#credit_modal, .modal) .cm-benefit__head strong{
	font-size: 20px;
	font-weight: 700;
	color: #946000;
	white-space: nowrap;
}
.modal.cm:is(#credit_modal, .modal) .cm-benefit__list{
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-direction: column;
}
.modal.cm:is(#credit_modal, .modal) .cm-benefit__list li{
	display: flex;
	align-items: baseline;
	justify-content: space-between;
	gap: 12px;
	padding: 7px 0;
	border-top: 1px dashed rgba(255, 184, 28, .25);
	font-size: 14px;
}
.modal.cm:is(#credit_modal, .modal) .cm-benefit__list span{
	color: #1e2738;
}
.modal.cm:is(#credit_modal, .modal) .cm-benefit__list b{
	font-weight: 600;
	color: var(--black);
	white-space: nowrap;
}
.modal.cm:is(#credit_modal, .modal) .cm-benefit__note{
	margin: 0;
	font-size: 12px;
	line-height: 1.4;
	color: #8a8f99;
}
.modal.cm:is(#credit_modal, .modal) .cm-form{
	grid-area: form;
}
:is(#credit_modal.cm .cm-form, .cm-skin){
	width: 100%;
	max-width: none;
	margin: 0;
	padding: 20px;
	border-radius: 10px;
	background: #fff;
	box-shadow: 0 1px 0 #dde2ea, 0 8px 24px rgba(11, 18, 32, .06);
}
:is(#credit_modal.cm .cm-form, .cm-skin) .form__fieldset{
	margin: 0;
	padding: 0;
	border: 0;
}
:is(#credit_modal.cm .cm-form, .cm-skin) .j-form__fieldset-credit{
	display: flex;
	flex-direction: column;
	gap: 12px;
	margin-bottom: 16px;
}
:is(#credit_modal.cm .cm-form, .cm-skin) .form__block--range{
	margin: 0;
	padding: 12px 14px 4px;
	border: 1px solid #dde2ea;
	border-radius: 6px;
	background: #fff;
}
:is(#credit_modal.cm .cm-form, .cm-skin) .form__range-wrap{
	display: flex;
	align-items: baseline;
	justify-content: space-between;
	gap: 10px;
	margin: 0;
}
:is(#credit_modal.cm .cm-form, .cm-skin) .form__range-name{
	font-size: 13px;
	color: #5b6474;
}
:is(#credit_modal.cm .cm-form, .cm-skin) .form__range-value{
	font-size: 16px;
	font-weight: 700;
	color: var(--black);
}
:is(#credit_modal.cm .cm-form, .cm-skin) .irs--flat .irs-grid-text{
	font-size: 11px;
	color: #9aa0a8;
}
:is(#credit_modal.cm .cm-form, .cm-skin) .irs--flat .irs-line{
	background: #e3e5ea !important;
}
:is(#credit_modal.cm .cm-form, .cm-skin) .irs--flat .irs-bar{
	box-shadow: none !important;
}
:is(#credit_modal.cm .cm-form, .cm-skin) .form__total{
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	margin: 0;
	padding: 14px 16px;
	border-radius: 6px;
	background: #fff8e8;
}
:is(#credit_modal.cm .cm-form, .cm-skin) .form__total-label{
	font-size: 15px;
	font-weight: 600;
	color: var(--black);
}
:is(#credit_modal.cm .cm-form, .cm-skin) .form__total-payment{
	display: flex;
	align-items: center;
	gap: 8px;
	font-size: 24px;
	font-weight: 700;
	color: #946000;
}
:is(#credit_modal.cm .cm-form, .cm-skin) .form__total-payment .tippy--question{
	fill: #9aa0a8;
}
:is(#credit_modal.cm .cm-form, .cm-skin) .form__fieldset + .form__fieldset,
:is(#credit_modal.cm .cm-form, .cm-skin) .credit-form-data > .form__fieldset:not(.j-form__fieldset-credit){
	display: flex;
	flex-direction: column;
	gap: 10px;
}
:is(#credit_modal.cm .cm-form, .cm-skin) .form__field-wrap{
	margin: 0;
	display: block;
}
:is(#credit_modal.cm .cm-form, .cm-skin) .form__field{
	width: 100%;
	height: 50px;
	padding: 0 16px;
	border: 1px solid #d6d9df;
	border-radius: 6px;
	background: #fff;
	font-size: 16px;
	color: var(--black);
	box-shadow: none;
}
:is(#credit_modal.cm .cm-form, .cm-skin) .form__field:focus{
	outline: none;
	border-color: #ffb81c;
	box-shadow: 0 0 0 3px rgba(255, 184, 28, .15);
}
:is(#credit_modal.cm .cm-form, .cm-skin) .form__checkbox-wrap{
	margin: 0;
	font-size: 13px;
	color: #5b6474;
}
:is(#credit_modal.cm .cm-form, .cm-skin) .form__checkbox-text{
	font-size: 13px;
	color: #5b6474;
}
:is(#credit_modal.cm .cm-form, .cm-skin) .form__checkbox-text-link{
	color: inherit;
	text-decoration: underline;
}
:is(#credit_modal.cm .cm-form, .cm-skin) .button--form{
	width: 100%;
	height: 54px;
	margin: 16px 0 0;
	border-radius: 6px;
	font-size: 16px;
	font-weight: 600;
	box-shadow: 0 10px 24px rgba(255, 184, 28, .25);
}
@media (max-width: 767px){
	.modal.cm:is(#credit_modal, .modal) .cm-head{
		padding: 14px 16px 12px;
		gap: 10px;
	}
	.modal.cm:is(#credit_modal, .modal) .cm-head__mark{
		display: none;
	}
	.modal.cm:is(#credit_modal, .modal) .cm-head__title{
		gap: 6px 8px;
	}
	.modal.cm:is(#credit_modal, .modal) .cm-head__title h2{
		font-size: 19px;
	}
	.modal.cm:is(#credit_modal, .modal) .cm-head__rate{
		height: 24px;
		padding: 0 10px;
		font-size: 12px;
	}
	.modal.cm:is(#credit_modal, .modal) .cm-head__car{
		padding-left: 0;
		font-size: 14px;
	}
	.modal.cm:is(#credit_modal, .modal) .cm-body{
		padding: 14px 16px 24px !important;
		gap: 14px;
	}
	.modal.cm:is(#credit_modal, .modal) .cm-perks{
		flex-wrap: nowrap;
		overflow-x: auto;
		margin: 0 -16px;
		padding: 0 16px 2px;
		scrollbar-width: none;
	}
	.modal.cm:is(#credit_modal, .modal) .cm-perks::-webkit-scrollbar{
		display: none;
	}
	.modal.cm:is(#credit_modal, .modal) .cm-perks li{
		flex-shrink: 0;
		height: 34px;
	}
	.modal.cm:is(#credit_modal, .modal) .cm-grid{
		grid-template-columns: minmax(0, 1fr) !important;
		grid-template-areas: "car" "form";
		gap: 14px;
	}
	.modal.cm:is(#credit_modal, .modal) .cm-car{
		padding: 12px;
		gap: 12px;
	}
	.modal.cm:is(#credit_modal, .modal) .cm-car__main{
		flex-direction: row;
		align-items: center;
		gap: 12px;
	}
	.modal.cm:is(#credit_modal, .modal) .cm-car__photo{
		flex: 0 0 112px;
		height: 76px;
	}
	.modal.cm:is(#credit_modal, .modal) .cm-car__name{
		font-size: 16px;
	}
	.modal.cm:is(#credit_modal, .modal) .cm-car__trim,
	.modal.cm:is(#credit_modal, .modal) .cm-car__monthly{
		font-size: 13px;
	}
	.modal.cm:is(#credit_modal, .modal) .cm-car__prices{
		margin-top: 2px;
	}
	.modal.cm:is(#credit_modal, .modal) .cm-car__price{
		font-size: 20px;
	}
	.modal.cm:is(#credit_modal, .modal) .cm-benefit{
		padding: 12px 14px;
	}
	.modal.cm:is(#credit_modal, .modal) .cm-benefit__head strong{
		font-size: 18px;
	}
	:is(#credit_modal.cm .cm-form, .cm-skin){
		padding: 14px;
	}
	:is(#credit_modal.cm .cm-form, .cm-skin) .form__total-payment{
		font-size: 21px;
	}
}
.modal.cm:is(#credit_modal, .modal) .cm-body > *{
	flex-shrink: 0;
}
:is(#credit_modal.cm .cm-form, .cm-skin) .form__block--range{
	height: auto !important;
	min-height: 0 !important;
	padding-bottom: 6px;
}
:is(#credit_modal.cm .cm-form, .cm-skin) .form__block--range .irs{
	margin-bottom: 26px;
}
:is(#credit_modal.cm .cm-form, .cm-skin) .form__range-wrap{
	margin-bottom: 4px;
}
@media (min-width: 1200px){
	.page-header:not(.page-header--index) .hd__brands{
		height: 0;
		border-top-width: 0;
	}
}
h1,
h2,
.heading--h1,
.heading--h2{
	font-weight: 600 !important;
}
.cm-skin .form-choose-car{
	width: 100%;
	height: 50px;
	padding: 0 16px;
	border: 1px solid #d6d9df;
	border-radius: 6px;
	background: #fff;
	font-size: 16px;
	color: var(--black);
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 10px;
}
.cm-skin .form-choose-car:hover{
	border-color: #ffb81c;
}
.cm-skin .form__fieldset-offer_id{
	margin: 0 0 12px;
}
.cm-skin{
	align-self: start;
}
.modal.cm > .modal__wrap:not(.cm-body){
	flex: 1 1 auto;
	overflow-y: auto;
	margin: 0;
	max-width: none;
	background: #fff;
}
.cm-spec{
	columns: 2 320px;
	column-gap: 18px;
}
.cm-spec__group{
	break-inside: avoid;
	margin: 0 0 18px;
	padding: 16px 18px 6px;
	border-radius: 10px;
	background: #fff;
	box-shadow: 0 1px 0 #dde2ea, 0 8px 24px rgba(11, 18, 32, .06);
}
.cm-spec .cm-spec__title{
	margin: 0 0 6px;
	font-size: 16px;
	font-weight: 600;
	color: var(--black);
}
.cm-spec__row{
	display: flex;
	justify-content: space-between;
	align-items: baseline;
	gap: 14px;
	padding: 9px 0;
	border-top: 1px solid #eef0f3;
	font-size: 14px;
	line-height: 1.35;
}
.cm-spec__row:first-of-type{
	border-top: 0;
}
.cm-spec__row span{
	color: #5b6474;
}
.cm-spec__row b{
	flex-shrink: 0;
	max-width: 55%;
	font-weight: 500;
	color: var(--black);
	text-align: right;
}
.cm-spec__row--single span{
	color: var(--black);
}
@media (max-width: 767px){
	.cm-spec{
		columns: 1;
	}
}
.cm-perks--page{
	list-style: none;
	margin: 0 0 24px;
	padding: 0;
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
}
.cm-perks--page li{
	display: inline-flex;
	align-items: center;
	gap: 8px;
	height: 40px;
	padding: 0 16px 0 14px;
	border-radius: 4px;
	background: #fff;
	border: 1px solid #dde2ea;
	font-size: 14px;
	font-weight: 500;
	color: var(--black);
	white-space: nowrap;
}
.cm-perks--page svg{
	flex-shrink: 0;
	color: #946000;
}
@media (max-width: 767px){
	.cm-perks--page{
		flex-wrap: wrap;
		justify-content: center;
		gap: 6px;
		margin-bottom: 16px;
	}
	.cm-perks--page li{
		height: 30px;
		gap: 5px;
		padding: 0 10px 0 8px;
		font-size: 12px;
	}
	.cm-perks--page svg{
		width: 14px;
		height: 14px;
	}
}
.page-credit .page-main__text > .grid{
	display: block;
	max-width: none;
	width: 100%;
}
.page-credit .page-main__text .text__wrap{
	max-width: 100%;
}
.modal.cm:is(#credit_modal, .modal) .cm-grid.cm-grid--solo{
	grid-template-columns: minmax(0, 1fr) !important;
	grid-template-areas: "form" !important;
}
.modal.cm .cm-cb{
	grid-area: form;
}
.cm-cb__note{
	margin: 0 0 14px;
	font-size: 14px;
	color: #5b6474;
}
.cm-skin .form__fieldset{
	display: flex;
	flex-direction: column;
	gap: 10px;
	margin: 0;
	padding: 0;
	border: 0;
}
.banks--v2 .banks__lead{
	margin: -6px 0 18px;
	font-size: 15px;
	color: #5b6474;
}
.banks--v2 .banks__list{
	display: grid;
	grid-template-columns: repeat(8, minmax(0, 1fr)) !important;
	grid-auto-flow: row !important;
	gap: 12px;
	margin: 0;
	padding: 0;
	list-style: none;
}
.banks--v2 .banks__item{
	position: relative;
	width: auto;
	height: 76px;
	margin: 0;
	padding: 0 12px;
	display: flex;
	align-items: center;
	justify-content: center;
	border: 1px solid #dde2ea;
	border-radius: 8px;
	background: #fff;
	box-shadow: none;
	overflow: hidden;
	transition: border-color .15s, transform .15s, box-shadow .15s;
}
.banks--v2 .banks__img{
	display: block;
	width: auto;
	height: 28px;
	max-width: 86%;
	object-fit: contain;
	transition: opacity .15s;
}
.banks--v2 .banks__item > .banks__cta{
	position: absolute;
	inset: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 8px 10px;
	background: #fff8e8;
	color: #946000;
	font-size: 13px;
	font-weight: 600;
	line-height: 1.25;
	letter-spacing: 0;
	text-align: center;
	opacity: 0;
	transition: opacity .15s;
}
@media (hover: hover){
	.banks--v2 .banks__item:hover{
		border-color: #ffb81c;
		transform: translateY(-2px);
		box-shadow: 0 8px 20px rgba(11, 18, 32, .08);
	}
	.banks--v2 .banks__item:hover > .banks__cta{
		opacity: 1;
	}
}
@media (max-width: 1199px){
	.banks--v2 .banks__list{
		grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
	}
}
@media (max-width: 767px){
	.banks--v2 .banks__lead{
		font-size: 14px;
		margin-bottom: 14px;
	}
	.banks--v2 .banks__list{
		grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
		gap: 8px;
	}
	.banks--v2 .banks__item{
		height: 60px;
		padding: 0 8px;
		border-radius: 6px;
	}
	.banks--v2 .banks__img{
		height: 22px;
	}
}
.banks--v2 .banks__list > .banks__item{
	grid-column: auto !important;
	grid-row: auto !important;
	max-width: none;
}
:is(#credit_modal.cm .cm-form, .cm-skin) .form__fieldset.form__fieldset-offer_id{
	margin: 0 0 12px;
}
.page-main__banks.banks--v2{
	margin-top: 56px;
}
@media (max-width: 767px){
	.page-main__banks.banks--v2{
		margin-top: 36px;
	}
}
body:has(#choose_car) #dlgw-root,
body:has(#choose_car) .mobile-cta,
body:has(#choose_car) .cs-fab{
	display: none !important;
}
#choose_car.ccx{
	display: flex;
	flex-direction: column;
	overflow: hidden !important;
	padding: 0 !important;
	background: #f1f3f7;
}
#choose_car.ccx > .cm-head{
	flex-shrink: 0;
}
#choose_car.ccx > .tabs{
	flex: 1 1 auto;
	min-height: 0;
	display: flex;
	flex-direction: column;
	color: var(--black);
}
#choose_car.ccx .tabs > .modal__heading{
	flex-shrink: 0;
	padding: 14px 28px;
	background: #fff;
	border-bottom: 1px solid #dde2ea;
}
#choose_car.ccx .tabs-list{
	display: flex;
	align-items: center;
	gap: 0;
	margin: 0;
	padding: 0;
	list-style: none;
}
#choose_car.ccx .tabs-list li{
	display: flex;
	align-items: center;
	margin: 0;
}
#choose_car.ccx .tabs-list li + li::before{
	content: "";
	display: block;
	width: 24px;
	height: 2px;
	margin: 0 8px;
	border-radius: 2px;
	background: #e1e4e9;
}
#choose_car.ccx .tabs-list__item-link{
	display: inline-flex;
	align-items: center;
	gap: 8px;
	height: 40px;
	padding: 0 16px 0 6px;
	border: 1px solid #dde2ea;
	border-radius: 4px;
	background: #fff;
	color: var(--black);
	font-size: 15px;
	font-weight: 500;
	line-height: 1;
	white-space: nowrap;
	opacity: 1;
	transition: border-color .15s, background-color .15s;
}
#choose_car.ccx .tabs-list__item-link:hover{
	border-color: #ffe3a3;
	background: #fff;
}
#choose_car.ccx .ccx-step__num{
	flex-shrink: 0;
	width: 28px;
	height: 28px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	background: #fff4d6;
	color: #946000;
	font-size: 13px;
	font-weight: 700;
}
#choose_car.ccx .tabs-list__item-link.active{
	border-color: #ffb81c;
	font-weight: 600;
}
#choose_car.ccx .tabs-list__item-link.active .ccx-step__num{
	background: #ffb81c;
	color: #0b1220;
}
#choose_car.ccx .tabs-list__item-link.disabled{
	opacity: 1;
	color: #a3a8b1;
	background: #f1f3f7;
}
#choose_car.ccx .tabs-list__item-link.disabled .ccx-step__num{
	background: #eceef1;
	color: #a3a8b1;
}
#choose_car.ccx .modal__wrap{
	flex: 1 1 auto;
	min-height: 0;
	overflow-y: auto;
	overscroll-behavior: contain;
	padding: 0 !important;
	margin: 0;
}
#choose_car.ccx .tab-container{
	padding: 22px 28px 32px;
}
#choose_car.ccx .ccx-label{
	margin: 0 0 10px;
	font-size: 12px;
	font-weight: 600;
	line-height: 1.3;
	letter-spacing: .06em;
	text-transform: uppercase;
	color: #5b6474;
}
#choose_car.ccx .choose-car__letters + *,
#choose_car.ccx .choose-car__brands-icons + .ccx-label{
	margin-top: 24px;
}
#choose_car.ccx .choose-car__brands-icons{
	display: grid !important;
	grid-template-columns: repeat(5, minmax(0, 1fr));
	gap: 8px;
	margin: 0;
	padding: 0;
	border: 0;
}
#choose_car.ccx .choose-car__brands-icons-link{
	width: auto;
	height: 60px;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 0 10px;
	border: 1px solid #dde2ea;
	border-radius: 6px;
	background: #fff;
	transition: border-color .15s, box-shadow .15s;
}
#choose_car.ccx .choose-car__brands-icons-link svg{
	width: 100%;
	max-width: 76px;
	height: 30px;
	fill: var(--black);
}
#choose_car.ccx .choose-car__brands-icons-link:hover{
	border-color: #ffb81c;
	box-shadow: 0 4px 14px rgba(255, 184, 28, .12);
}
#choose_car.ccx .choose-car__brands-icons-link:hover svg{
	fill: #ffb81c;
}
#choose_car.ccx .choose-car__letters{
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
	margin: 0 0 8px;
	padding: 0;
	border: 0;
}
#choose_car.ccx .choose-car__letters-link{
	width: 36px;
	height: 36px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border: 1px solid #dde2ea;
	border-radius: 6px;
	background: #fff;
	color: var(--black);
	font-size: 15px;
	font-weight: 600;
	line-height: 1;
	transition: border-color .15s, color .15s;
}
#choose_car.ccx .choose-car__letters-link:hover{
	border-color: #ffb81c;
	color: #946000;
}
#choose_car.ccx .choose-car__brands-letter-group{
	display: grid;
	grid-template-columns: 36px minmax(0, 1fr);
	align-items: start;
	gap: 12px;
	margin: 0;
	padding: 12px 0;
	border-top: 1px solid #e8eaee;
}
#choose_car.ccx .choose-car__brands-letter-group-label{
	margin: 0;
	font-size: 20px;
	font-weight: 700;
	line-height: 40px;
	color: #946000;
	text-align: center;
}
#choose_car.ccx .choose-car__brands-letter-group > .d-flex,
#choose_car.ccx #t_choose_car_model > .d-flex{
	gap: 8px;
}
#choose_car.ccx .tab-container .btn-info{
	display: inline-flex;
	align-items: center;
	gap: 8px;
	height: 40px;
	padding: 0 14px;
	border: 1px solid #dde2ea;
	border-radius: 6px;
	background: #fff;
	color: var(--black);
	font-size: 15px;
	font-weight: 500;
	line-height: 1;
	white-space: nowrap;
	transition: border-color .15s, color .15s, box-shadow .15s;
}
#choose_car.ccx .tab-container .btn-info:hover{
	border-color: #ffb81c;
	color: #946000;
	box-shadow: 0 4px 14px rgba(255, 184, 28, .12);
}
#choose_car.ccx #t_choose_car_model h3{
	margin: 0 0 12px;
	font-size: 12px;
	font-weight: 600;
	letter-spacing: .06em;
	text-transform: uppercase;
	color: #5b6474;
}
#choose_car.ccx #t_choose_car_model .btn-info{
	height: 44px;
	padding: 0 8px 0 16px;
	font-size: 16px;
}
#choose_car.ccx #t_choose_car_model .btn-info small{
	min-width: 26px;
	height: 26px;
	padding: 0 7px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border-radius: 4px;
	background: #edf0f5;
	color: #5b6474;
	font-size: 12px;
	font-weight: 600;
}
#choose_car.ccx #t_choose_car_offer .page-main{
	padding: 0 !important;
	margin: 0;
	min-height: 0;
	contain: none;
}
#choose_car.ccx #t_choose_car_offer .grid--container,
#choose_car.ccx #t_choose_car_offer .catalog,
#choose_car.ccx #t_choose_car_offer #catalog_pjax{
	display: block;
	width: auto;
	max-width: none;
	margin: 0;
	padding: 0;
}
#choose_car.ccx #t_choose_car_offer .catalog__list{
	display: grid !important;
	grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	gap: 16px;
	margin: 0;
	padding: 0;
}
#choose_car.ccx #t_choose_car_offer .catalog__item{
	grid-column: auto !important;
	width: auto;
	margin: 0;
	padding: 0;
}
#choose_car.ccx .tile--pick{
	cursor: pointer;
}
#choose_car.ccx .tile--pick:hover{
	border-color: #ffb81c;
}
@media (max-width: 767px){
	#choose_car.ccx .tabs > .modal__heading{
		padding: 10px 16px;
	}
	#choose_car.ccx .tabs-list li + li::before{
		width: 10px;
		margin: 0 4px;
	}
	#choose_car.ccx .tabs-list__item-link{
		height: 36px;
		gap: 6px;
		padding: 0 10px 0 4px;
		font-size: 14px;
	}
	#choose_car.ccx .ccx-step__num{
		width: 26px;
		height: 26px;
		font-size: 12px;
	}
	#choose_car.ccx .tab-container{
		padding: 16px 16px 24px;
	}
	#choose_car.ccx .choose-car__brands-icons{
		gap: 6px;
	}
	#choose_car.ccx .choose-car__brands-icons-link{
		height: 52px;
		padding: 0 6px;
	}
	#choose_car.ccx .choose-car__brands-icons-link svg{
		height: 24px;
	}
	#choose_car.ccx .choose-car__letters-link{
		width: 34px;
		height: 34px;
	}
	#choose_car.ccx .choose-car__brands-letter-group{
		grid-template-columns: 28px minmax(0, 1fr);
		gap: 8px;
	}
	#choose_car.ccx .tab-container .btn-info{
		height: 38px;
		padding: 0 12px;
		font-size: 14px;
	}
	#choose_car.ccx #t_choose_car_offer .catalog__list{
		grid-template-columns: minmax(0, 1fr) !important;
		gap: 12px;
	}
}
#choose_car.ccx .tile--pick .tile__buttons{
	display: grid;
}
#choose_car.ccx .choose-car__brands-icons-link{
	height: 68px;
}
#choose_car.ccx .choose-car__brands-icons-link svg{
	max-width: 88px;
	height: 52px;
}
@media (max-width: 767px){
	#choose_car.ccx .tabs-list li{
		flex: 1 1 auto;
		min-width: 0;
	}
	#choose_car.ccx .tabs-list li + li::before{
		display: none;
	}
	#choose_car.ccx .tabs-list{
		gap: 6px;
	}
	#choose_car.ccx .tabs-list__item-link{
		width: 100%;
		justify-content: center;
		gap: 5px;
		padding: 0 8px 0 4px;
		font-size: 13px;
	}
	#choose_car.ccx .ccx-step__num{
		width: 22px;
		height: 22px;
		font-size: 11px;
	}
	#choose_car.ccx .choose-car__brands-icons-link{
		height: 56px;
	}
	#choose_car.ccx .choose-car__brands-icons-link svg{
		height: 40px;
	}
}
.page-main__catalog + .page-main__catalog{
	margin-top: 16px !important;
}
@media (max-width: 767px){
	.page-main__catalog + .page-main__catalog{
		margin-top: 16px !important;
	}
}
#choose_car.ccx .pk-list{
	display: flex;
	flex-direction: column;
	gap: 16px;
}
#choose_car.ccx .pk{
	display: grid;
	grid-template-columns: minmax(0, 300px) minmax(0, 1fr);
	gap: 20px;
	padding: 18px;
	border: 1px solid #dde2ea;
	border-radius: 10px;
	background: #fff;
}
#choose_car.ccx .pk__media{
	position: relative;
	display: flex;
	align-items: flex-start;
	justify-content: center;
	min-height: 200px;
	border-radius: 6px;
	overflow: hidden;
	background: #fff;
}
#choose_car.ccx .pk__media .tile__badge{
	position: absolute;
	top: 10px;
	left: 10px;
	z-index: 1;
}
#choose_car.ccx .pk__media img{
	display: block;
	width: 100%;
	height: auto;
	max-height: 260px;
	object-fit: contain;
}
#choose_car.ccx .pk__body{
	min-width: 0;
	display: flex;
	flex-direction: column;
	gap: 12px;
}
#choose_car.ccx .pk__title{
	font-size: 22px;
	font-weight: 700;
	line-height: 1.2;
	color: var(--black);
}
#choose_car.ccx .pk__sub{
	margin-top: 4px;
	font-size: 14px;
	color: #5b6474;
}
#choose_car.ccx .pk__trims{
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}
#choose_car.ccx .pk__trim{
	display: inline-flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 2px;
	min-width: 0;
	padding: 8px 12px;
	border: 1px solid #dde2ea;
	border-radius: 6px;
	background: #fff;
	color: var(--black);
	font: inherit;
	text-align: left;
	cursor: pointer;
	transition: border-color .15s, box-shadow .15s, background-color .15s;
}
#choose_car.ccx .pk__trim:hover{
	border-color: #ffe3a3;
}
#choose_car.ccx .pk__trim.is-active{
	border-color: #ffb81c;
	background: #fff5f6;
	box-shadow: 0 0 0 1px #ffb81c inset;
}
#choose_car.ccx .pk__trim-name{
	font-size: 14px;
	font-weight: 600;
	line-height: 1.25;
}
#choose_car.ccx .pk__trim-price{
	font-size: 13px;
	line-height: 1.25;
	color: #5b6474;
}
#choose_car.ccx .pk__trim.is-active .pk__trim-price{
	color: #946000;
}
#choose_car.ccx .pk__trim-one{
	font-size: 15px;
	font-weight: 600;
	color: var(--black);
}
#choose_car.ccx .pk__variant{
	display: flex;
	flex-direction: column;
	gap: 12px;
}
#choose_car.ccx .pk__variant[hidden]{
	display: none;
}
#choose_car.ccx .pk__variant .tile__chips{
	margin: 0;
}
#choose_car.ccx .pk__pick{
	width: 100%;
}
#choose_car.ccx .pk-label{
	margin: 28px 0 12px;
	font-size: 12px;
	font-weight: 600;
	letter-spacing: .06em;
	text-transform: uppercase;
	color: #5b6474;
}
#choose_car.ccx .pk-empty{
	padding: 24px;
	border-radius: 6px;
	background: #fff;
	color: #5b6474;
	text-align: center;
}
@media (max-width: 767px){
	#choose_car.ccx .pk{
		grid-template-columns: minmax(0, 1fr);
		gap: 12px;
		padding: 14px;
	}
	#choose_car.ccx .pk__media{
		min-height: 0;
	}
	#choose_car.ccx .pk__media img{
		max-height: 220px;
	}
	#choose_car.ccx .pk__title{
		font-size: 20px;
	}
	#choose_car.ccx .pk__trim{
		flex: 1 1 calc(50% - 4px);
	}
}
#choose_car.ccx .catalog__mobile-pagination{
	display: none !important;
}
.modal.cm:is(#credit_modal, .modal) .cm-trims{
	display: flex;
	flex-direction: column;
	gap: 8px;
	padding-top: 14px;
	border-top: 1px solid #eceef1;
}
.modal.cm:is(#credit_modal, .modal) .cm-trims__label{
	font-size: 13px;
	font-weight: 600;
	color: var(--black);
}
.modal.cm:is(#credit_modal, .modal) .cm-trims__label span{
	margin-left: 4px;
	font-weight: 400;
	color: #5b6474;
}
.modal.cm:is(#credit_modal, .modal) .cm-trims__list{
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
}
.modal.cm:is(#credit_modal, .modal) .cm-trim{
	flex: 1 1 calc(50% - 3px);
	min-width: 0;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 2px;
	margin: 0;
	padding: 7px 10px;
	border: 1px solid #dde2ea;
	border-radius: 6px;
	background: #fff;
	color: var(--black);
	font: inherit;
	text-align: left;
	cursor: pointer;
	transition: border-color .15s, box-shadow .15s, background-color .15s;
}
.modal.cm:is(#credit_modal, .modal) .cm-trim:hover{
	border-color: #ffe3a3;
}
.modal.cm:is(#credit_modal, .modal) .cm-trim.is-active{
	border-color: #ffb81c;
	background: #fff5f6;
	box-shadow: 0 0 0 1px #ffb81c inset;
	cursor: default;
}
.modal.cm:is(#credit_modal, .modal) .cm-trim__name{
	max-width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-size: 13px;
	font-weight: 600;
	line-height: 1.25;
}
.modal.cm:is(#credit_modal, .modal) .cm-trim__price{
	font-size: 12px;
	line-height: 1.25;
	color: #5b6474;
}
.modal.cm:is(#credit_modal, .modal) .cm-trim.is-active .cm-trim__price{
	color: #946000;
}
.modal.cm:is(#credit_modal, .modal) .cm-car.is-loading{
	opacity: .55;
	pointer-events: none;
	transition: opacity .15s;
}
.application__catalog .csel,
.form__catalog .csel{
	display: grid;
	grid-template-columns: minmax(0, 320px) minmax(0, 1fr);
	gap: 20px;
	padding: 18px;
	border: 1px solid #dde2ea;
	border-radius: 10px;
	background: #fff;
	box-shadow: 0 1px 0 #dde2ea, 0 8px 24px rgba(11, 18, 32, .06);
}
.application__catalog{
	margin-bottom: 0;
}
.cm-skin .form-choose-car > span{
	flex: 1 1 auto;
	min-width: 0;
	overflow: hidden;
	text-align: left;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.csel__media{
	position: relative;
	min-height: 200px;
	border-radius: 6px;
	overflow: hidden;
	background: #fff;
}
.csel__media .tile__badge{
	position: absolute;
	top: 10px;
	left: 10px;
	z-index: 1;
}
.csel__media .tile__photos{
	position: absolute;
	top: 10px;
	right: 10px;
	z-index: 1;
}
.csel__photo{
	display: flex;
	align-items: center;
	justify-content: center;
	height: 100%;
	cursor: zoom-in;
}
.csel__photo img{
	display: block;
	width: 100%;
	height: auto;
	max-height: 240px;
	object-fit: contain;
}
.csel__hidden{
	display: none;
}
.csel__body{
	min-width: 0;
	display: flex;
	flex-direction: column;
	gap: 12px;
}
.csel__label{
	margin-bottom: 4px;
	font-size: 12px;
	font-weight: 600;
	letter-spacing: .06em;
	text-transform: uppercase;
	color: #5b6474;
}
.csel__title{
	font-size: 22px;
	font-weight: 700;
	line-height: 1.2;
	color: var(--black);
}
.csel__trim{
	margin-top: 4px;
	font-size: 14px;
	color: #5b6474;
}
.csel__chips{
	margin: 0;
}
.csel__change{
	align-self: flex-start;
	display: inline-flex;
	align-items: center;
	gap: 8px;
	height: 40px;
	margin-top: auto;
	padding: 0 14px;
	border: 1px solid #dde2ea;
	border-radius: 6px;
	background: #fff;
	color: #946000;
	font: inherit;
	font-size: 14px;
	font-weight: 600;
	cursor: pointer;
	transition: border-color .15s, box-shadow .15s;
}
.csel__change:hover{
	border-color: #ffb81c;
	box-shadow: 0 4px 14px rgba(255, 184, 28, .12);
}
.form__catalog .csel.csel--mobile{
	grid-template-columns: minmax(0, 1fr);
	gap: 12px;
	margin: 0 0 12px;
	padding: 12px;
	box-shadow: none;
}
.csel--mobile .csel__media{
	min-height: 0;
}
.csel--mobile .csel__photo img{
	max-height: 200px;
}
.csel--mobile .csel__title{
	font-size: 19px;
}
.csel--mobile .csel__change{
	align-self: stretch;
	justify-content: center;
}
.page-base > .heading--deco{
	margin: 8px 0 28px;
}
.page-base h2{
	margin: 32px 0 12px;
	font-size: 22px;
	font-weight: 600;
	line-height: 1.25;
	color: var(--black);
}
.page-base > ol{
	counter-reset: pbsec;
	margin: 0;
	padding: 0;
	list-style: none;
}
.page-base > ol > li{
	counter-increment: pbsec;
	padding-top: 8px;
}
.page-base > ol > li + li{
	margin-top: 24px;
	padding-top: 24px;
	border-top: 1px solid #eceef1;
}
.page-base > ol > li > h2{
	display: flex;
	align-items: center;
	gap: 12px;
	margin: 0 0 14px;
}
.page-base > ol > li > h2::before{
	content: counter(pbsec);
	flex: 0 0 36px;
	height: 36px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border-radius: 6px;
	background: #fff4d6;
	color: #946000;
	font-size: 16px;
	font-weight: 700;
}
@media (max-width: 767px){
	.page-base h2{
		font-size: 19px;
	}
	.page-base > ol > li > h2::before{
		flex-basis: 30px;
		height: 30px;
		font-size: 14px;
		border-radius: 4px;
	}
}
.tile__scrub{
	position: absolute;
	inset: 0;
	z-index: 1;
	display: flex;
}
.tile__scrub i{
	flex: 1 1 0;
	height: 100%;
}
.tile__dots{
	position: absolute;
	left: 12px;
	right: 12px;
	bottom: 8px;
	z-index: 2;
	display: flex;
	gap: 4px;
	opacity: 0;
	transition: opacity .15s;
	pointer-events: none;
}
.tile__dots i{
	flex: 1 1 0;
	height: 3px;
	border-radius: 2px;
	background: rgba(29, 31, 43, .2);
	transition: background-color .15s;
}
.tile__dots i.is-active{
	background: #ffb81c;
}
.tile__media:hover .tile__dots,
.tile__media.is-scrubbed .tile__dots{
	opacity: 1;
}
.tile__strip{
	position: absolute;
	inset: 0;
	display: block;
}
.tile__strip-img{
	display: none !important;
}
@media (hover: none){
	.tile__scrub{
		display: none;
	}
	.tile__dots{
		opacity: 1;
	}
	.tile__strip{
		display: flex;
		overflow-x: auto;
		overflow-y: hidden;
		scroll-snap-type: x mandatory;
		scrollbar-width: none;
		-webkit-overflow-scrolling: touch;
		overscroll-behavior-x: contain;
	}
	.tile__strip::-webkit-scrollbar{
		display: none;
	}
	.tile__strip img{
		flex: 0 0 100%;
		width: 100%;
		height: 100%;
		object-fit: cover;
		scroll-snap-align: start;
		scroll-snap-stop: always;
	}
	.tile__strip .tile__strip-img{
		display: block !important;
	}
}