#js-carfilter-ajax  {z-index: 9; position: relative;}
.container-header {border-bottom: solid 1px var(--color-border);}
#mobFormCarSelect {display:inline-block; margin: 0 1rem;  padding: 0.4rem;  border: 1px solid #fff;  border-radius: var(--border-radius);  cursor: pointer;}
#mobFormCarSelect:hover {background:#f24a4a; transition: background 0.5s ease;}
.garage_select {background: linear-gradient(140deg, rgba(251,152,91,1) 0%, rgba(251,91,91,1) 60%); padding: 0.5rem; color:#fff; display: flex; margin-bottom: 1px;}
@media ( max-width:1000px) {
.car_select_garage {width:100%; float:unset;}

.car_select_garage select {width:100%; }
}

@media ( min-width:1001px) {
.car_select_garage {width:20%; float:left;}


}


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

.mob-none {display:none;}

.selected-oFilter {  font-size: 0.5rem;}
.selected-oFilter__opt__val {font-size: 0.4rem;}
.js-p-filter-select-options {overflow-x: auto;  overflow-y: hidden;}
.selected-oFilter__remove {width: unset;  height: unset; font-size: 0.8rem; }

.selected-oFilter__opt__val {  margin-left: .2rem; padding: 0rem 0.3rem; }

.selected-oFilter__opt__item { min-width: 4.9rem; }

.garage_select {
  font-size: 60%;
}
  #header {
    padding: unset;
  }
}

.content-position {line-height:1.2rem;}

.content-position ul { padding-left: 2.6rem; margin-bottom:20px; line-height:1.2rem;}
.content-position ol { line-height:1.2rem;}

.content-position ul.check { padding-left: 1.6rem; list-style: none; margin-bottom:20px; }
.content-position strong {font-weight: bold;}

#garage_block {width: 13rem;}




.popup-close-icon {width: 0.75rem;height: 0.95rem;}

.carFilterFormClose {width: 2.5rem;height: 2.5rem;right: -20px;display: flex;cursor: pointer;position: fixed;top: 0.5rem;}

@media (max-width:1020px) {

div.chat-btn {bottom: 16px !important;
  right: 16px;
}

.indi-widget-callback-bt {
bottom: 80px !important;
}

.filter-car-open {margin-top: 3rem; cursor: pointer; width:100%; border-radius: var(--border-radius);   padding: 2rem; font-size: 1.4rem;  font-weight: 600; text-align:center;}

.filterCar {
   width: 100%;
   margin:10px;
}

.filter-section {overflow-x: hidden;}
.js-p-filter-main .row .filter-flex {display:block !important; width: 100%;}

.js-p-filter-main .row {width: 100% !important;}

.home-title-span {display:none;}

.filter-car-form {display:none; position: fixed;  z-index: 999;  background: #fff;  top: 0;  left: 0;  width: 100%;  height: 100%; border-radius: usdet;
  border: unset; padding: 2rem;}

.video_wrap {
    height: 16.5rem;
}

.baner-kovka-title {
  font-size: 1.5rem;
  line-height: 2.2rem;
}

.baner-kovka-subtitle {
  font-size: 0.9rem;
  line-height: 1.5rem;
  margin-bottom: 1rem;

}

.baner-kovka-button {

  padding: 1rem 1.5rem;
   font-size: 0.7rem;
}

.baner-outer {
    margin-top: -1.5rem;
    z-index:0;
}

.filter-car-open {margin-top: 1.2rem;}

}

@media (min-width:1021px) {

div.chat-btn {bottom: 30px !important;
  right: 16px;
}

.indi-widget-callback-bt {
bottom: 100px !important;
}


.pc-none {display:none;}
.filter-car-open {display:none;}
.filter-car-form {border-radius: var(--border-radius);  padding: 2rem;}

.filterCar { 
   padding-right: 0.25rem !important;
   padding-left: 0.25rem !important;
}

.video_wrap {
    min-height: 500px;
    max-height: 500px;
}

.baner-kovka-title {
  font-size: 48px;
  line-height: 54px;
}

.baner-kovka-subtitle {
  font-size: 24px;
  line-height: 36px;
  margin-bottom: 30px;
}

.baner-kovka-button {

  padding: 2rem 3rem;
   font-size: 1rem;
}

.baner-outer {
    margin-bottom: 3rem;
}

}

.baner-kovka-button {
  display: inline-block;
  border: 1px solid #fff;
  border-radius: 0.35rem;
  color: #fff;
}

.baner-kovka-button:hover {
	color:#fff;
	background: #ff185d;
	box-shadow: #ff185d 0 0 0 1px;
  	-webkit-transform: scale(.95);
  	-moz-transform: scale(.95);
 	-o-transform: scale(.95);
  	transform: scale(.95);
  	border: 1px solid #ff185d;
}

.video_wrap {

    overflow: hidden;
    background: url(/img/poster.jpg) center repeat;
    z-index: -999;
    display: block;
    width: 100%;
    max-width: 2560px;
    border-radius: var(--border-radius);
    opacity: 0.5;
}

.video_bg {
    display: block;
    position: relative;
    z-index: 0;
    margin: -50% 0;
    width: 125%;
    z-index: -1;
    border-radius: var(--border-radius);
}


.baner-kovka-subtitle {
    color: #d9d5d5;
    margin-top: 10px;
}


.baner-outer {
	background: #000; border-radius: var(--border-radius);
    position: relative;
    width: 100%;
    margin-bottom:1rem;
    text-align: center;
}

.baner-inner {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
    color:#fff;
}

.lk-profile-img {max-width:200px; border-radius:150px; width:90%;}

.lk-profile-car-name {line-height:1.2rem; margin-top: 30px;  margin-bottom: 10px;}

.slide-lk-filter {
  background: #f1efef;
  margin-left: -30px;
  margin-right: -30px;
  padding: 10px;
  line-height: 1rem;
  margin-bottom: 25px;
}


.slide-lk-filter a {
  font-size: 0.7rem;
  color: #fa6537;
  text-decoration: underline;
}

.slide-lk-filter a:hover {
  color: #000;
  text-decoration: none;
}

.lk-profile-car-select {
  border: solid 1px var(--color-border2); 
  border-radius: .25rem;
  padding: .8rem 1.5rem;
  cursor: pointer;
}

.lk-profile-car-select:hover {border-color: var(--color-gray-text);}

.lk-profile-car-title {color: #6b6a6a; margin-bottom:20px;}
.lk-profile-links p a {font-size:1.5rem;}
/* Оформление панели */
#side-checkbox {
    display: none;
}
.side-panel {
    position: fixed;
    z-index: 1000;
    top: 0;
    right: -480px;
    background: #fff;
    transition: all 0.5s;   
    width: 100%;
    max-width: 480px;
    height: 100vh;
    box-shadow: 10px 0 20px rgba(0,0,0,0.4);
    color: #000;
    
}
.side-title {
    font-size: 20px;
    padding-bottom: 10px;
    margin-bottom: 20px;
    border-bottom: 2px solid #BFE2FF;
}

.lk-user-info { position: absolute;  top: 0; width: 100%; overflow-y: auto; height: 100%;}

#side-checkbox:checked + .side-panel {
    right: 0;
}
/* Оформление кнопки на панели */
.side-button-2 {
    font-size: 30px;
    border-radius: 20px;
    position: absolute;
    z-index: 1;
    top: 8px;
    right: 8px;
    cursor: pointer;
    color: #000;    
    transition: all 280ms ease-in-out;    
}
@media (min-width: 1021px){
	.filter-form-main {min-width: unset !important; width: 180px;}
}

@media (max-width: 1020px){
	.filter-form-main {width: 100%;
    min-width: unset;}
}

.garage-form-select-car-fon {z-index:9999 !important;}


.indi-widget-block {
  opacity: 0;
  transition: .5s;
  border-radius:50%;
  position: absolute;
}

.indi-widget-block div {width: 48px;
  height: 48px;}

.indi-widget-active {
  opacity: 1;
  transition: .5s;
}


.indi-widget-icon--tg {
  background: linear-gradient(135deg,#2AABEE 0%,#229ED9 100%);

}

.indi-widget-icon--tg svg {  top: 53% !important;
  left: 46% !important;}

.indi-widget-icon--max {
  background: linear-gradient(135deg,#23C0FF 0%,#2D63FF 45%,#8A2BE2 100%);
}
.indi-widget-icon {
  width: 36px;
  height: 36px;
  display: grid;
  place-items: center;
  color: #fff;
  border-radius: 50%;
  
}

#closebtn {
	transform: scale(0);
}
.indi-widget-hide-element {
   transition: .5s;
  opacity: 0;
  display:none;
  }
.messangers-block {
	width:300px;
	background-color: #fff;
	position: absolute;
	/*padding:10px 0;*/
	border-radius: 8px;
	bottom: 70px;
	right: 5px;
	z-index: 9999999;
}
.indi-widget-messangers-list {
  list-style: none;
}
.indi-widget-messanger {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin: 0;
  cursor: pointer;
  width: 100%;
  padding: 8px 20px 8px 60px;
  position: relative;
  min-height: 48px;
  text-decoration: none;
  color: #000;
}
.indi-widget-messanger .indi-widget-item-icon {
  position: absolute;
  left: 10px;
  top: 50%;
  margin-top: -20px;
  display: block;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background-color: #0084ff;
  margin-right: 10px;
  color: #FFFFFF;
  text-align: center;
  vertical-align: middle;
}
.indi-widget-messanger .indi-widget-item-icon svg {
  width: 24px;
  height: 24px;
  vertical-align: middle;
  text-align: center;
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -12px;
  margin-left: -12px;
}
.indi-messanger-widget {
	position:fixed;
	bottom:110px;
	right: 0px;
	z-index: 99999999999;
}
.messangers-block ul {
    margin-bottom: auto;
}
.messangers-block ul {
    padding: 10px;
}
.messangers-block::before {
  position: absolute;
  bottom: -10px;
  right: 25px;
  left: auto;
  display: inline-block !important;
  border-right: 10px solid transparent;
  border-top: 10px solid #FFF;
  border-left: 10px solid transparent;
  content: '';
  transition: .5s;
  /*opacity: 1;*/
}
.indi-widget-text-call svg {
    margin: 0 10px;
	color: #fff;
}


svg.bi.bi-chat-left-dots {
    margin: 14px 8px;
}



.indi-widget-callback-bt {
        background: #fff; /*#38a3fd;*/
        /*border:1px solid #fff;*/
		border: none;
        border-radius:50%;
        box-shadow:0 8px 10px rgba(56,163,253,0.3);
        cursor:pointer;
        height:48px;
        text-align:center;
        width:48px;
        position: fixed;
        right: 16px;
	bottom: 220px;
        z-index:9999;
        transition:.3s;
        -webkit-animation:hoverWave linear 1s infinite;
        animation:hoverWave linear 1s infinite;
}

.indi-widget-callback-bt .indi-widget-text-call{
        height:68px;
        width:68px;        
        /*border-radius:50%;*/
        position:relative;
        overflow:hidden;
}

.indi-widget-callback-bt .indi-widget-text-call span {
    text-align: center;
    color:#38a3fd;
    opacity: 0;
    font-size: 0;
        position:absolute;
        right: 4px;
        top: 22px;
    line-height: 14px;
        font-weight: 600;
    text-transform: uppercase;
    transition: opacity .3s linear;
    font-family: Calibri, Arial, Helvetica, sans-serif;
}

.indi-widget-callback-bt .indi-widget-text-call:hover span {
    /*opacity: 1;*/
        font-size: 11px;
}
.indi-widget-callback-bt:hover i {
    display:none;
}

.indi-widget-callback-bt:hover {
        z-index:1;
        background:#fff;
        color:transparent;
        transition:.3s;
}
.indi-widget-callback-bt:hover i {
        color:#38a3fd;
        font-size:40px;
        transition:.3s;
}
.indi-widget-callback-bt i {
        color:#fff;
        font-size:34px;
        transition:.3s;
        line-height: 66px;transition: .5s ease-in-out;
}

.indi-widget-callback-bt i  {
    animation: 1200ms ease 0s normal none 1 running shake;
        animation-iteration-count: infinite;
        -webkit-animation: 1200ms ease 0s normal none 1 running shake;
        -webkit-animation-iteration-count: infinite;
}

@-webkit-keyframes hoverWave {
        0% {
        box-shadow:0 8px 10px rgba(56,163,253,0.3),0 0 0 0 rgba(56,163,253,0.2),0 0 0 0 rgba(56,163,253,0.2)
}
40% {
        box-shadow:0 8px 10px rgba(56,163,253,0.3),0 0 0 15px rgba(56,163,253,0.2),0 0 0 0 rgba(56,163,253,0.2)
}
80% {
        box-shadow:0 8px 10px rgba(56,163,253,0.3),0 0 0 30px rgba(56,163,253,0),0 0 0 26.7px rgba(56,163,253,0.067)
}
100% {
        box-shadow:0 8px 10px rgba(56,163,253,0.3),0 0 0 30px rgba(56,163,253,0),0 0 0 40px rgba(56,163,253,0.0)
}
}@keyframes hoverWave {
        0% {
        box-shadow:0 8px 10px rgba(56,163,253,0.3),0 0 0 0 rgba(56,163,253,0.2),0 0 0 0 rgba(56,163,253,0.2)
}
40% {
        box-shadow:0 8px 10px rgba(56,163,253,0.3),0 0 0 15px rgba(56,163,253,0.2),0 0 0 0 rgba(56,163,253,0.2)
}
80% {
        box-shadow:0 8px 10px rgba(56,163,253,0.3),0 0 0 30px rgba(56,163,253,0),0 0 0 26.7px rgba(56,163,253,0.067)
}
100% {
        box-shadow:0 8px 10px rgba(56,163,253,0.3),0 0 0 30px rgba(56,163,253,0),0 0 0 40px rgba(56,163,253,0.0)
}
}

/* animations icon */

@keyframes shake {
0% {
    transform: rotateZ(0deg);
        -ms-transform: rotateZ(0deg);
        -webkit-transform: rotateZ(0deg);
}
10% {
    transform: rotateZ(-30deg);
        -ms-transform: rotateZ(-30deg);
        -webkit-transform: rotateZ(-30deg);
}
20% {
    transform: rotateZ(15deg);
        -ms-transform: rotateZ(15deg);
        -webkit-transform: rotateZ(15deg);
}
30% {
    transform: rotateZ(-10deg);
        -ms-transform: rotateZ(-10deg);
        -webkit-transform: rotateZ(-10deg);
}
40% {
    transform: rotateZ(7.5deg);
        -ms-transform: rotateZ(7.5deg);
        -webkit-transform: rotateZ(7.5deg);
}
50% {
    transform: rotateZ(-6deg);
        -ms-transform: rotateZ(-6deg);
        -webkit-transform: rotateZ(-6deg);
}
60% {
    transform: rotateZ(5deg);
        -ms-transform: rotateZ(5deg);
        -webkit-transform: rotateZ(5deg);
}
70% {
    transform: rotateZ(-4.28571deg);
        -ms-transform: rotateZ(-4.28571deg);
        -webkit-transform: rotateZ(-4.28571deg);
}
80% {
    transform: rotateZ(3.75deg);
        -ms-transform: rotateZ(3.75deg);
        -webkit-transform: rotateZ(3.75deg);
}
90% {
    transform: rotateZ(-3.33333deg);
        -ms-transform: rotateZ(-3.33333deg);
        -webkit-transform: rotateZ(-3.33333deg);
}
100% {
    transform: rotateZ(0deg);
        -ms-transform: rotateZ(0deg);
        -webkit-transform: rotateZ(0deg);
}
}

@-webkit-keyframes shake {
0% {
    transform: rotateZ(0deg);
        -ms-transform: rotateZ(0deg);
        -webkit-transform: rotateZ(0deg);
}
10% {
    transform: rotateZ(-30deg);
        -ms-transform: rotateZ(-30deg);
        -webkit-transform: rotateZ(-30deg);
}
20% {
    transform: rotateZ(15deg);
        -ms-transform: rotateZ(15deg);
        -webkit-transform: rotateZ(15deg);
}
30% {
    transform: rotateZ(-10deg);
        -ms-transform: rotateZ(-10deg);
        -webkit-transform: rotateZ(-10deg);
}
40% {
    transform: rotateZ(7.5deg);
        -ms-transform: rotateZ(7.5deg);
        -webkit-transform: rotateZ(7.5deg);
}
50% {
    transform: rotateZ(-6deg);
        -ms-transform: rotateZ(-6deg);
        -webkit-transform: rotateZ(-6deg);
}
60% {
    transform: rotateZ(5deg);
        -ms-transform: rotateZ(5deg);
        -webkit-transform: rotateZ(5deg);
}
70% {
    transform: rotateZ(-4.28571deg);
        -ms-transform: rotateZ(-4.28571deg);
        -webkit-transform: rotateZ(-4.28571deg);
}
80% {
    transform: rotateZ(3.75deg);
        -ms-transform: rotateZ(3.75deg);
        -webkit-transform: rotateZ(3.75deg);
}
90% {
    transform: rotateZ(-3.33333deg);
        -ms-transform: rotateZ(-3.33333deg);
        -webkit-transform: rotateZ(-3.33333deg);
}
100% {
    transform: rotateZ(0deg);
        -ms-transform: rotateZ(0deg);
        -webkit-transform: rotateZ(0deg);
}
}
/* конец кнопки звонка */

/*кнопка обратной связи*/




@keyframes opsimple {
0% {
    opacity: 0;
}
40% {
    opacity: 1;
}

80% {
    opacity: 1;
}
100% {
    opacity: 0;
}
}

@-webkit-keyframes opsimple {
0% {
    opacity: 0;
}
40% {
    opacity: 1;
}
80% {
    opacity: 1;
}
100% {
    opacity: 0;
}
}
/* конец кнопки звязи */

.indi-widget-messangers-list-container {

-webkit-box-shadow: 0px 0px 19px 0px rgba(91, 112, 128, 0.17);
-moz-box-shadow: 0px 0px 19px 0px rgba(91, 112, 128, 0.17);
box-shadow: 0px 0px 19px 0px rgba(91, 112, 128, 0.17);
border-radius: 10px;
}

.header-contact-us {font-size: 1rem;
  margin-top: 0.2rem; margin-right: 1rem; margin-left: 0.7rem;}

.header-msngr {
  margin: 0rem 0.3rem;
  width: 1.5rem;
  height: 1.5rem;
  display: inline;
  padding: 0.2rem;
}

.msnr-max svg {width:100%;}
.msnr-vk svg {width:100%;}
.msnr-tg svg {width:80%;}

.header-phone {
margin-top: 0.28rem;
color: var(--gray-700, #333436);
font-size: 1rem;
font-style: normal;
font-weight: 400;
margin-left: 1rem;

}


@media screen and (max-width: 1020px) {
  .cart-total {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 1.8rem !important;
    right: 0;
    top: 0.6rem !important;
    border: none;
  }
}

.m-header-icon-pc {
width: 3.7rem;
  height: 3.7rem;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index:12;
  font-size: 125%;
  position: relative;
  padding: 2rem 2.3rem;
  height: 100%;
  border-left: solid 1px var(--color-border);
  border-right: solid 1px var(--color-border);



}

summary {display:none;}

::details-content {
    content-visibility: visible;
}

.tuning-menu {margin-top: 13.1rem;}
.mega-menu__grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 50px;
}

.menu-section {margin-left: 3rem;}

.menu-section__title {
color: var(--gray-700, #333436);
font-size: 1.65rem;
font-style: normal;
font-weight: 600;}

.menu-section__title span {width: 0.8rem;
  height: 0.8rem;
  margin-left: 0.5rem;
  display:none;
}

.submenu a {color: var(--gray-700, #333436);
display: block;
  margin: 1.7rem 0rem;
  font-size: 1.5rem;
  font-style: normal;
  line-height: 2rem;
}

.submenu a span {display: inline-block;
  vertical-align: middle;}

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

.menu-section {
  margin-left: 0.5rem;
  margin-right: 0.5rem;
}

.tuning-menu-mob {margin-top: 1.1rem;}

 .menu-section__title span {
    float: right;
    display:block;
  }
.tuning-menu {margin-top: unset;}
  .mega-menu__grid {
    display: flex;
    flex-direction: column;
    gap: 18px;
  }

.menu-section__title {font-size: 1rem;}

.submenu a {
font-size: 0.875rem; 
border-radius: 0.375rem;
border: 1px solid var(--gray-400, #CCD0D5);
padding: 0.2rem 0.5rem;
margin:unset;
font-weight: 600;
margin-bottom:0.5rem;
display:inline-block;
margin-right: 0.3rem;
}

.submenu a span {display:none;}

.menu-section__title span {
  width: 0.5rem;
  height: 0.5rem;
}

::details-content {
    content-visibility: hidden;
}

summary::-webkit-details-marker{display:none;}
summary::-moz-list-bullet{list-style-type:none;}
summary::marker{display:none;} 
summary {
   display:block;
   padding: .3em 1em .3em .9em;
   cursor: pointer;
   position: relative;
}
summary:before {  
  top: .4em;
  right: .3em;
  color: transparent;
  background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBkPSJNMTYuNTkgOC41OUwxMiAxMy4xNyA3LjQxIDguNTkgNiAxMGw2IDYgNi02eiIvPjxwYXRoIGQ9Ik0wIDBoMjR2MjRIMHoiIGZpbGw9Im5vbmUiLz48L3N2Zz4=") no-repeat 50% 50% / 1em 1em;
  width: 1em;
  height: 1em;  
  content: "";
  position: absolute;
  transition: transform .5s;
}
details[open] > summary:before {
  transform: scale(1,-1);
}
summary ~ * {
   padding: 0 1em 10px 1.4em;
}
details[open] summary ~ *{ 
  animation: sweep .5s ease-in-out;
  content-visibility: visible;
}

details[open]::details-content {
    content-visibility: visible;
}

@keyframes sweep {
  0%    {opacity: 0;}
  100%  {opacity: 1;}
}
summary:focus {
  outline:0;

}

.non-summary-title {display:none;}

}

.cart-total {position: absolute;
  right: 1rem;
  top: 1.5rem;
  border: none;
  font-size: 0.6rem;
  color: #fff;
  width: 1rem;
  height: 0.8rem;
  z-index: 1;
  background-color: #FF1846;
  border-radius: 15px;}

.garage_select {display:none;}

@media (max-width: 1020px) {
.main-slogan {padding:0.8rem; }


}

@media (min-width: 1021px) {
.main-slogan {padding:2.5rem 1.3rem; }

.filter-car-form {
  position: relative;
  padding: 3rem;
}

.filter-car-form::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: var(--border-radius); 
  padding: 4px; 
  background:linear-gradient(140deg, rgba(251,152,91,1) 0%, rgba(251,91,91,1) 60%); 
  mask: 
    linear-gradient(#000 0 0) content-box, 
    linear-gradient(#000 0 0);
  mask-composite: exclude; 
}


}


.filter-car-open {
  position: relative;
}

.filter-car-open::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: var(--border-radius); 
  padding: 4px; 
  background:linear-gradient(140deg, rgba(251,152,91,1) 0%, rgba(251,91,91,1) 60%); 
  mask: 
    linear-gradient(#000 0 0) content-box, 
    linear-gradient(#000 0 0);
  mask-composite: exclude; 
}


.baner-adv {width: calc(25% - 0.4rem);
  float: left;
  padding: 0.75rem;
  padding-top: 0.75rem;
  background-color: #F3F4F6;
  margin: 0 0.25rem;
  border-radius:6px;
  }

.baner-adv-l {margin-left:0;}

.baner-adv-r {margin-right: -0.5rem;  width: 24.7%;}

.baner-adv-icon {width:1.5rem; height:1.5rem; border-radius: 0.375rem;background: var(--brand-400, #FF1846); margin-bottom:0.5rem;}

.baner-adv-icon svg {padding: 0.2rem;}

.baner-adv-title {font-size:0.825rem; color:#333436; font-weight:700; margin-bottom: 0.4rem; margin-top: 1rem;}
.baner-adv-text {
color: var(--gray-600, #797C80);
font-size: 0.72rem;
font-style: normal;
font-weight: 400;
line-height: 1rem;
}

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

.baner-adv-l {margin-left:0;}

.baner-adv-r {margin-right: -0.5rem;  width: 25.%;}


.baner-adv {
width: calc(25% - 0.25rem);
    float: left;
    padding: 0.25rem;
    padding-top: 0.25rem;
    padding-top: 0.25rem;
    padding-top: 0.25rem;
    margin-top: -0.56em !important;
    margin: 0 0.12rem !important;
}

.baner-adv-icon {
  width: 1.3rem;
  height: 1.3rem;
  border-radius: 0.275rem;
  background: var(--brand-400, #FF1846);
  margin-bottom: 0.25rem;
}

.baner-adv-title {font-size: 0.55rem;
    line-height: 0.8rem;
    margin-top: 0.4rem;
}

.baner-adv-text {display:none;}
}

.baner-disks-usa-img {display:none;}
.baner-disks-usa-btn {
color: #FF1846;
  text-align: center;
  font-family: Manrope;
  font-size: 1.75rem;
  font-style: normal;
  font-weight: 700;
  padding: 1.25rem 1.5rem;
  border-radius: 0.75rem;
  background: #FFF;
  text-decoration: none;
  float: right;
  margin-top: 1rem;
  letter-spacing: -0.05rem;
  }
  
.baner-disks-usa {/*background-image: url(/catalog/view/theme/default/images/banners/baner-disks-usa.png); background-repeat: no-repeat; padding:2rem 0rem; padding-top: 1rem; margin-top: -0.5rem; */}
.baner-disks-usa-textblock {padding-left:22rem; width: calc(100% - 25rem);  display: inline-block; }

.baner-disks-usa-textblock-title {
color: var(--gray-700, #333436);
  font-size: 3.5rem;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  text-transform: uppercase;
  font-family: Calibri;
margin-bottom: 0.5rem;
}

.baner-disks-usa-textblock-text {
color: var(--gray-600, #797C80);
font-size: 1.65rem;
  font-style: normal;
  font-weight: 500;
  letter-spacing: 0.01rem;
}


@media screen and (max-width: 1144px) {
.baner-disks-usa-textblock {padding-left:25rem;}

.baner-disks-usa-textblock-title {
font-size: 2rem;
}

.baner-disks-usa-textblock-text {
font-size: 1rem;
}


.baner-disks-usa-btn {
  margin-top: -0.7rem;
  }
  
}

@media screen and (max-width: 1020px) {
.baner-disks-usa-btn {
  display:block;
  }
  
.baner-disks-usa-img {display:block;}
.baner-disks-usa-img a img {width:100%;}
.baner-disks-usa {display:none;}
}

.tuning-usa-baner-mob {display:none;}

.tuning-usa-baner {
  /*background-image: url(/catalog/view/theme/default/images/banners/tuning-usa-baner.png);*/
  
  position: relative;
  border-radius: 0.5rem;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  display: inline-block;
  padding-bottom: 1.5rem;
}

.tuning-usa-baner img {margin: 1rem 0;}

.tuning-usa-btn {
  color: #FF1846;
  text-align: center;
  font-family: Manrope;
  font-size: 1.7rem;
  font-style: normal;
  font-weight: 600;
  padding: 1.6rem 1.3rem;
  justify-content: center;
  align-items: center;
  gap: 1rem;
  border-radius: 0.75rem;
  background: #FFF;
  position: absolute;
  top: 2.3rem;
  right: 1.6rem;
  text-decoration: none;
}

.tuning-usa-title {
color: var(--gray-0, #F7F7F7);
  font-size: 3rem;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  text-transform: uppercase;
  margin-top: 0.2rem;
  letter-spacing: 0.08rem;
}

.tuning-usa-text {
color: var(--gray-200, #EBEEF1);
  font-family: Manrope;
  font-size: 1.7rem;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  margin-top: 0.4rem;
  letter-spacing: -0.02rem;
}

@media screen and (max-width: 1020px) {
.tuning-usa-baner {display:none;}
.tuning-usa-baner-mob {display:block; margin-bottom: 1.5rem;}
.tuning-usa-baner-img a img {width:100%;}
}

.baner-zakaz {
width:100%;
margin:1rem 0rem;
margin-bottom:2.8rem;
}

.baner-zakaz img {
width:100%;
border-radius: 0.5rem;
}

.baner-zakaz-pc {display:block;}
.baner-zakaz-mob {display:none;}

@media screen and (max-width: 1020px) {
.baner-zakaz-pc {display:none;}
.baner-zakaz-mob {display:block;}
}

.kovka-gallery-view-all {
 color: var(--gray-700, #333436);
  text-align: center;
  font-family: Manrope;
  font-size: 1rem;
  font-style: normal;
  font-weight: 500;
  background: #fff;
  padding: 0.75rem 0.75rem;
  border-radius: 0.5rem;
  border: 1px solid #CCD0D5;
  display: block;
  width: 9.5rem;
  position: absolute;
  right: 5rem;
}

.kovka-gallery-item-link {width:100%; height:100%; display: block;}
.bt-preview-kovka-gallery {
    display: inline-table;
    margin: auto;
    cursor: pointer;
    position: absolute;
    background: #333436;
    color: #fff;
    z-index: 10;
    left: 0.5rem;
  right: 0.5rem;
  top: 90%;
  padding: 0.5rem 1rem;
  width: 90%;
    font-size: 0.75rem;
    border-radius: 0.375rem;
    opacity: 0;
    visibility: hidden;
    text-align: center;
    transition: inherit;
    text-decoration:none;
  }

.bt-preview-kovka-gallery:hover {color:#fff; }

.kovka-gallery-item:hover .bt-preview-kovka-gallery {
  opacity: 0.8;
  visibility: visible;
}

.kovka-gallery-items {margin: 0rem -0.25rem; margin-bottom: 2.5rem;}

.kovka-gallery-item {
  background-size: cover;
  background-position: center center;
  float: left;
  width: calc(25% - 0.5rem);
  height: 21rem;
  margin: 0rem 0.245rem;
  border-radius: 0.375rem;
  position: relative;
}

@media screen and (max-width: 1020px) {
.kovka-gallery-item {
  margin: 0.1rem 0.1rem;
    height: 8.75rem;
    width: calc(50% - 0.2rem);
    border-radius: 0.375rem;
}

.kovka-gallery-items {margin: 0.7rem -0.2rem; margin-top: 0.3rem;}

.kovka-gallery-item .bt-preview-kovka-gallery {padding: 0.3rem 0.3rem;  bottom: 1rem; font-size: 0.5rem;  left: 0.3rem;  right: 0.3rem;}

.kovka-gallery-view-all {font-size: 0.9rem;
    padding: 0.8rem 0.8rem;
    width: unset;
    letter-spacing: 0.02rem;
    font-weight: 600;
    right: 0.55rem;
    margin-top: -0.5rem;
}
}

.notForYourCar {color: #fff !important; background: #e87569 !important;}

.footer-contacts-title {}
.footer-3-block-container-mob {display:none;}
summary {display:none;}

::details-content {
    content-visibility: visible;
}

.tuning-menu {margin-top: 13.1rem;}

.mega-menu__grid_footer {
  margin: 1rem 0;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 50px;
}

.menu-section {margin-left: 3rem;}

.menu-section__title {
color: var(--gray-700, #333436);
font-size: 1.65rem;
font-style: normal;
font-weight: 600;}

.menu-section__title span {width: 0.8rem;
  height: 0.8rem;
  margin-left: 0.5rem;
  display:none;
}

.submenu a {color: var(--gray-700, #333436);
display: block;
  margin: 1.7rem 0rem;
  font-size: 1.5rem;
  font-style: normal;
  line-height: 2rem;
}

.submenu a span {display: inline-block;
  vertical-align: middle;}

.logo_title_content-footer {font-size:2rem; color:#333436;}

.logo_title-footer a {font-size:1.5rem;}

.pc-none {display:none !important;}

.footer-bt a {margin-top: 0.5rem;}

#logo-footer {background: #000;
  width: 4.6880rem;
  height: 3.1256rem;
  border-radius: 4rem;
  border-radius: var(--border-radius);
  display: flex;
  align-items: center;
  justify-content: center;}

#logo-footer svg {fill: #fff; padding: 0.7rem;}



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

#logo-footer svg {
  padding: 0.4rem;
}

#logo-footer {
  width: 2.5rem;
  height: 1.6256rem;
}

.logo_title-footer a {
font-size:1rem; 
line-height: 2.5rem;
    margin-left: 0.4rem;
}

.name-copyright {
  margin-top: 0rem;
}

.logo_title_content-footer {font-size:2rem; }

.footer-1-title {padding:0 !important}
.footer-contacts-title {font-size: 1rem; color:#000; margin-top: 1rem; margin-bottom: 0.5rem;}

.footer-3-block-container-mob {display:block;}

.summary {padding: .3em 0em .3em 0em !important;}
.menu-section {
  margin-left: 0.5rem;
  margin-right: 0.5rem;
}

.tuning-menu-mob {margin-top: 1.1rem;}

 .menu-section__title span {
    float: right;
    display:block;
  }
.tuning-menu {margin-top: unset;}
  .mega-menu__grid_footer {
    display: flex;
    flex-direction: column;
    gap: 18px;
  }

.menu-section__title {font-size: 1rem;}

.submenu a {
font-size: 0.875rem; 
border-radius: 0.375rem;
border: 1px solid var(--gray-400, #CCD0D5);
padding: 0.2rem 0.5rem;
margin:unset;
font-weight: 600;
margin-bottom:0.5rem;
display:inline-block;
margin-right: 0.3rem;
}

.submenu a span {display:none;}

.menu-section__title span {
  width: 0.5rem;
  height: 0.5rem;
}

::details-content {
    content-visibility: hidden;
}

summary::-webkit-details-marker{display:none;}
summary::-moz-list-bullet{list-style-type:none;}
summary::marker{display:none;} 
summary {
   display:block;
   padding: .3em 1em .3em .9em;
   cursor: pointer;
   position: relative;
}
summary:before {  
  top: .4em;
  right: .3em;
  color: transparent;
  background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBkPSJNMTYuNTkgOC41OUwxMiAxMy4xNyA3LjQxIDguNTkgNiAxMGw2IDYgNi02eiIvPjxwYXRoIGQ9Ik0wIDBoMjR2MjRIMHoiIGZpbGw9Im5vbmUiLz48L3N2Zz4=") no-repeat 50% 50% / 1em 1em;
  width: 1em;
  height: 1em;  
  content: "";
  position: absolute;
  transition: transform .5s;
}
details[open] > summary:before {
  transform: scale(1,-1);
}
summary ~ * {
   padding: 0 1em 10px 1.4em;
}
details[open] summary ~ *{ 
  animation: sweep .5s ease-in-out;
  content-visibility: visible;
}

details[open]::details-content {
    content-visibility: visible;
}

@keyframes sweep {
  0%    {opacity: 0;}
  100%  {opacity: 1;}
}
summary:focus {
  outline:0;

}

.non-summary-title {display:none;}

.pc-none {display:block !important;}

.header-contact-us-footer {
  margin-bottom: 1rem;
  display: block;
}
}


.header-contact-us {font-size: 1rem;
  margin-top: 0.2rem; margin-right: 1rem; margin-left: 0.7rem;}

.header-msngr {
  margin: 0rem 0.3rem;
  width: 1.5rem;
  height: 1.5rem;
  display: inline;
  padding: 0.2rem;
}

.msnr-max svg {width:100%;}
.msnr-vk svg {width:100%;}
.msnr-tg svg {width:80%;}

.header-phone {
margin-top: 0.28rem;
color: var(--gray-700, #333436);
font-size: 1rem;
font-style: normal;
font-weight: 400;
margin-left: 1rem;

}

.lazy{
	background: none!important;
}


#garage-form-select-car-fon-parent {display: none;}
.filter-car-form-garage {position: fixed;  z-index: 999;  background: #fff;  top: 0;  left: 0;  width: 100%;  height: 100%; border-radius: unset;
  border: unset; padding: 2rem;}

.garage-form-select-car {border-radius: var(--border-radius); padding: 10%;}

.garage-form-select-car-fon {
	
	width:100%;
	height:100%;
	position:fixed;
	bottom:0;
	left:0;
	opacity: 1;
  	animation: fade-anim;
    	animation-duration: 0s;
    	animation-timing-function: ease;
    	animation-delay: 0s;
    	animation-iteration-count: 1;
  	animation-duration: 0.3s;
  	animation-timing-function: ease;
  	animation-delay: 0s;
  	animation-iteration-count: inherit;
	z-index: 999;
	display: block;
	background: #fff;
}

@media (max-width:1020px) {


.garage-form-close {display:none;}

.garage-form-select-car-fon {
	background-color: #fff;
}



}


@media (min-width:1020px) {

#garage_select {display: unset;}
.garage-form-close {text-align: right;
  margin-top: -35px;
  margin-right: -10px;
  margin-bottom: 10px;
  font-size: 2.6rem;
  cursor: pointer;
}

.carFilterFormClose {display:none;}

.garage-form-select-car-fon {
	background-color: rgb(0 0 0 / 25%);
}

.garage-form-select-car {max-width: 500px;  padding: 50px 30px; }

 .filter-flex-garage {
  display: block;
  width: 80%;
  margin-bottom: 10px;
}

.filterCar-garage {margin-bottom: 0.5rem;}

}
}


.description-content {text-align:left;}
.description-content ul li {margin-left:1.2rem;}

.description-content table {width:100%; margin:2rem 0rem;}

.description-content table tr td {padding:10px}

.description-content table tr th {padding:10px}

.description-content table tr:nth-child(even) {
  background-color: #f4f4f4;
}

@media (max-width: 1020px){
.description-content {
font-size:0.6rem;
line-height:0.9rem;
}

.description-content h2 {
	font-size:1rem;
	margin:1rem 0rem ;
}
}

@media (min-width: 1021px){
.description-content {
font-size:1rem;
line-height:1.6rem;
letter-spacing:unset;
}

.description-content h2 {
	font-size:1.8rem;
	margin:1rem 0rem;
}

}

.pgn-link {
  border: none !important;
  border-radius: 4px !important;
}

.js-p-filter {display:none;}

@media (min-width: 624px) and (max-width: 1020px) {
.product-popup-widget {
display: inline-block !important;
    width: 49.6%;
}

.widget-info-item {font-size:0.5rem !important;}

 .product-popup .widget-image-container {
    height: 3.5rem;
    width: 3.5rem;
}

}