:root{
    --acs-clr-background-sec: #F7F7F7;
    --acs-clr-strokes: #b9b9b9;
    --acs-clr-light: #696969;
    --acs-clr-theme: #cd1719;
    --acs-clr-theme-alt: #765ee0;
    --acs-border-radius: 15px;

    --acs-car-results-font-size-base: 14px;
    
    --acs-car-small-padding: 15px;
    --acs-car-normal-padding: 25px;
    --acs-car-big-padding: 45px;
    --acs-fw-pri: 500;
}

.mb-15{ margin-bottom:15px; }
.mb-25{ margin-bottom:25px; }
.mb-50{ margin-bottom:50px; }
.mb-70{ margin-bottom:70px; }
.mt-25{ margin-top:25px; }
.wdth-100{ width:100%; }

.disable-scrolling{ overflow:hidden; }
.spinner{ width:32px; height:32px; border:3px solid #ddd; border-top:3px solid #333; border-radius:50%; animation:spin 0.8s linear infinite; margin:20px auto; }
@keyframes spin { 0% {transform: rotate(0deg);} 100% {transform: rotate(360deg);} }

/*car-filters*/
.acs-wrap .acs-twocols{ display:flex; flex-direction:row; align-items:flex-start; gap:25px; margin-bottom:100px; }
.acs-filters{ display:flex; flex-direction:column; gap:30px; padding:var(--acs-car-normal-padding); min-width:285px; color:var(--acs-clr-light); background:var(--acs-clr-background-sec); border-radius:var(--acs-border-radius); /*border:1px solid var(--acs-clr-strokes);*/ }
.acs-filters .acs-filter{ display:flex; flex-direction:column; gap:3px; }
.acs-filters .acs-filter select,.acs-filters .acs-filter input,.acs-sort{ padding:8px; font-weight:var(--acs-fw-pri); background: transparent; border:1px solid #bbb; border-radius:5px; }
.acs-wrap .on-end-center{ display:block; margin:25px auto; border:none; }
#acs-mobile-filters{ display:none; margin-bottom:25px; }
#acs-cars-results-end{ padding:25px 0; }
.acs-filters-head{ display:none; align-items:center; justify-content:space-between; padding-bottom:15px; margin-bottom:25px; border-bottom:1px solid var(--acs-clr-strokes); }
#acs-filters-close{ background-color:var(--acs-clr-theme); color:#fff; width:32px; height:32px; text-align:center; display:flex; align-items:center; justify-content:center; border-radius:var(--acs-border-radius); cursor:pointer; }
.mobVisibleFilters{ display:block!important; }
.noUi-connect{ background:var(--acs-clr-theme)!important; }
/*filter-menu*/
.acs-filters .acs-filter label{ margin-bottom:5px; color:#000; font-size:14px; }
.acs-filters .acs-filter.range label{ margin-bottom:10px; }
.acs-filters .filter-slider .noUi-horizontal{ margin:0 14px; height:3px; border:0 none transparent; box-shadow:none; background-color:var(--acs-clr-strokes); }
.acs-filters .filter-slider .noUi-handle{ cursor: e-resize !important; width:23px; height:23px; border:1px solid var(--acs-clr-theme); box-shadow:none; top:-10px; right:-10px; border-radius:50%; }
.acs-filters .filter-slider .noUi-handle:before,.acs-filters .filter-slider .noUi-handle:after{ height: 9px; background-color:var(--acs-clr-theme); top:6px; left:7px; }
.acs-filters .filter-slider .noUi-handle .noUi-touch-area:after{ content:""; width:1px; height:9px; background-color:var(--acs-clr-theme); position:absolute; top:6px; left:10px; }
.acs-filters .filter-slider .noUi-handle:after{ left:auto; right:7px;}
.acs-filters .filter-slider-display{ display:flex; justify-content:space-between; gap:25px; font-size:14px; font-weight:var(--acs-fw-pri); color:#000; }
.acs-filters .filter-slider-display p{ margin-bottom:0; }
.acs-filters .acs-filter.checkbox{ flex-direction:row-reverse; justify-content:flex-end; align-items:center; }
.acs-filters .acs-filter.checkbox label{ margin-bottom:0; }
.acs-filters .acs-filter.checkbox input[type="checkbox"]{ transform:scale(1.3); margin:5px; }
.acs-filters .acs-link{ font-weight:var(--acs-fw-pri); text-decoration:none; text-align:center; }
.acs-cars-results-top{ display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:25px; margin-bottom:25px; }
.acs-cars-results-top #acs-cars-num{ font-size:var(--acs-car-results-font-size-base); color:var(--acs-clr-light); }
/*accordion*/
.acs-accordion{ border-bottom:1px solid var(--acs-clr-strokes); overflow:hidden; }
.acs-accordion-header{ display:flex; justify-content:space-between; align-items:center; padding-bottom:30px; cursor:pointer; color:#000; user-select:none; }
.acs-accordion-title{ font-weight:var(--acs-fw-pri); font-size:18px; }
.acs-accordion-arrow{ width:30px; height:30px; display:flex; align-items:center; background:var(--acs-clr-theme); justify-content:center; border-radius:5px; }
.acs-accordion-arrow .arrow-symbol{ transition:transform 0.3s; color:#fff; }
.acs-accordion-body{ max-height:0; overflow:hidden; transition:0.3s; display:flex; flex-direction:column; gap:20px; }
.acs-accordion.open .acs-accordion-body{ max-height:1000px; padding-bottom:30px; }
.acs-accordion.open .acs-accordion-arrow  .arrow-symbol{ transform: rotate(180deg); }
/*car-results*/
#acs-cars-results{ flex:1; display:flex; flex-direction:column; gap:25px; font-size:var(--acs-car-results-font-size-base); }
#acs-cars-results .loadingText{ text-align:center; font-size:22px; font-weight:var(--acs-fw-pri); padding:25px 0; }
.acs-car{ display:flex; flex-direction:row; gap:25px; width:100%; min-height:180px; background:var(--acs-clr-background-sec); border-radius:var(--acs-border-radius); /*border:1px solid var(--acs-clr-strokes);*/ }
#acs-cars-results-end .end-msg{ text-align:center; font-size:18px; color:#adadad; }
#acs-cars-results .button{ padding:8px 21px; }
/*car-labels*/
.carLabel{ padding:4px 15px; font-size:12px; border-radius:var(--acs-border-radius); font-weight:var(--acs-fw-pri); color:var(--acs-clr-light); }
.carLabel.pri{ background-color:#d7ebd5; }
.carLabel.sec{ background-color:#ffd1d1; }
/*car-color-dots*/
.carColorDot{ display:inline-block; width:22px; height:22px; border-radius:50em; border:1px solid var(--acs-clr-strokes); }
/*col-1*/
.acs-car .carThumb{ width:30%; max-width:350px; height:190px; }
.acs-car .carThumb > .carImgThumb{ display:block; width:100%; height:100%; object-fit:cover; border-top-left-radius:var(--acs-border-radius); border-bottom-left-radius:var(--acs-border-radius); }
/*col-2*/
.acs-car .carInfo{ flex:1; align-self:stretch; justify-content:space-between; padding:var(--acs-car-small-padding) 0; display:flex; flex-direction:column; gap:var(--acs-car-small-padding); }
.acs-car .carInfo .carName{ font-size:18px; font-weight:var(--acs-fw-pri); }
.acs-car .carInfo .carInfoHead{ display:flex; gap:var(--acs-car-small-padding); align-items:center; }
.acs-car .carInfo .carLabels{ display:flex; flex-wrap:wrap; gap:var(--acs-car-small-padding); align-items:center; }
.acs-car .carInfo .carFeatures{ max-width:500px; display:grid; justify-content:center; grid-column-gap:20px; grid-row-gap:20px; grid-template-columns:repeat(2, 1fr); align-items:stretch; }
.acs-car .carInfo .carFeatures .carFeature{ display:flex; align-items:center; gap:10px; }
.acs-car .carInfo .carFeatures .carFeatureIcon{ width:22px; fill:var(--acs-clr-theme); }
/*col-3*/
.acs-car .carCta{ display:flex; flex-direction:column; justify-content:space-between; text-align:right; align-self:stretch; padding:var(--acs-car-small-padding) 25px var(--acs-car-small-padding) 0; }
.acs-car .carCta .carPriceWrap{ display:flex; flex-direction:column; }
.acs-car .carCta .smallPriceText{ color:var(--acs-clr-light); }
.acs-car .carCta .carPrice{ color:var(--acs-clr-theme); font-weight:bold; font-size:18px; }
.acs-car .carCta .discount{ font-weight:bold; color:var(--acs-clr-theme); }
.acs-car .carCta .strikethrough{ text-decoration:line-through; font-size:12px; color:var(--acs-clr-light); }



/*--------- car-detail ---------*/
.cdGallery .swiper-button-next,.cdGallery .swiper-button-prev{ color:#fff; text-shadow:1px 1px 5px #000; }
.cdGallery .swiper-button-next{ right:70px; }
.cdGallery .swiper-button-prev{ left:70px; }
.cdGallery .swiper .swiper-slide{ position:relative; aspect-ratio:16 / 9; height:auto; }
.cdGallery .swiper .swiper-slide img{ display:block; object-fit:cover; width:100%; height:100%; }
.cdGallery .clip-sides{ position:relative; overflow:hidden; user-select:none; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; }
.cdGallery .clip-sides .swiper{ position:relative; width:calc(100% + 80px); left:-40px; z-index:2; }
.cdGallery .clip-sides .swiper .swiper-slide{ clip-path: polygon(40px 0, calc(100% - 0px) 0, calc(100% - 40px) 100%, 0 100%); }

.cdGalleryFlat{ display:flex; flex-direction:column; gap:var(--acs-car-small-padding); }
.cdGalleryFlat .thumb-wrap{ width:100%; aspect-ratio:80 / 49; overflow:hidden; border-radius:10px; }
.cdGalleryFlat .cdGalleryGrid{ flex:2; display:grid; grid-template-columns:repeat(auto-fill,minmax(130px,1fr)); gap:var(--acs-car-small-padding); }
.cdGalleryFlat .grid-img-wrap{ min-width:88px; aspect-ratio:80 / 53; overflow:hidden; border-radius:10px; }
.cdGalleryFlat .thumb-wrap img{ object-fit:cover; width:100%; height:100%; }
.cdGalleryFlat .grid-img-wrap img{ object-fit:cover; width:100%; height:100%; }
.cdGalleryFlat .cdGalleryGrid a:nth-of-type(n+6){ display:none!important; }

.cdDesc{ display:flex; flex-direction:row; gap:var(--acs-car-normal-padding); /*background:url(http://www.autostar.cz/wp-content/uploads/2025/02/STAR_BLACK.svg); background-repeat:no-repeat; background-position:right; background-size:contain; background-color:rgb(255 255 255 / 98%); background-blend-mode:lighten;*/ }
.cdDesc .col.left{ width:60%; }
.cdDesc .col.right{ width:40%; gap:var(--acs-car-normal-padding); display:flex; flex-direction:column; }
.cdDesc .acs-back-to-listing{ display:block; text-decoration:none; margin-bottom:25px; }
.cdDesc .categoryName{ font-size:32px; margin-bottom:25px; /*color:var(--acs-clr-theme);*/ }
.cdDesc .paramsOrder{ display:grid; justify-content:center; grid-column-gap:var(--acs-car-big-padding); grid-row-gap:var(--acs-car-normal-padding); grid-template-columns:repeat(3, 1fr); align-items:stretch; }
.cdDesc .paramsOrder .param{ display:flex; align-items:flex-start; gap:var(--acs-car-small-padding); }
.cdDesc .paramsOrder .param > div{ flex:1; }
.cdDesc .paramsOrder .param .icon{ width:32px; fill:var(--acs-clr-theme); }
.cdDesc .paramsOrder .param .label{ color:#000; }
.cdDesc .paramsOrder .param .value{ color:#000; }
.cdDesc .paramsOrder .param .carColorDot{ margin-right:10px; }
.cdDesc .paramsTableOrder{ display:flex; flex-direction:column; gap:var(--acs-car-small-padding); }
.cdDesc .paramsTableOrder .row{ display:flex; gap:var(--acs-car-normal-padding); justify-content:space-between; }
.cdDesc .paramsTableOrder .row .label,.cdDesc .paramsTableOrder .row .value{ width:50%; text-align:left; font-size:18px; }
.cdDesc .paramsTableOrder .row .value{ font-weight:700; }
.cdDesc .eqMenuTabs{ display:flex; flex-direction:row; gap:var(--acs-car-small-padding); }
.cdDesc .tabItem{ display:inline-block; font-weight:bold; border-radius:var(--acs-border-radius); gap:var(--acs-car-small-padding); padding:10px 25px; cursor:pointer; background-color:#eee; transition:0.3s; }
.cdDesc .tabItem.selected{ background-color:var(--acs-clr-theme); color:#fff; }
.cdDesc .tabList{ padding:var(--acs-car-normal-padding) 0; }
.cdDesc .tabListItem{ max-width:500px; display:grid; justify-content:center; grid-column-gap:var(--acs-car-normal-padding); grid-row-gap:8px; grid-template-columns:repeat(2, 1fr); align-items:stretch; }
.cdDesc .tabListItem .itemName::before{ content:''; display:inline-block; position:relative; width:10px; height:10px; background-color:var(--acs-clr-theme); border-radius:50em; margin-right:10px; margin-bottom:1px; }

.cdDesc .cdBox{ background:var(--acs-clr-background-sec); border-radius:var(--acs-border-radius); padding:var(--acs-car-normal-padding); }
.cdDesc .priceBox{ display:flex; flex-direction:column; gap:var(--acs-car-small-padding);  }
.cdDesc .priceBox .orderCode{ text-align:right; color:#919191; margin:0; }
.cdDesc .priceBox .orderItem{ display:flex; justify-content:space-between; flex-direction:row; gap:var(--acs-car-normal-padding); }
.cdDesc .priceBox .orderItem .value{ font-weight:var(--acs-fw-pri); font-size:18px; }
.cdDesc .priceBox .orderItem .valueSmall,.cdDesc .blogBox .blog-stext{ font-weight:var(--acs-fw-pri); font-size:16px; }
.cdDesc .priceBox .orderItem .finalPrice{ font-weight:700; color:var(--acs-clr-theme); margin:0; text-align:right; }
.cdDesc .priceBox .orderItem .finalPrice .bigprice{ font-size:24px; }
.cdDesc .priceBox .orderItem .finalPrice .smallprice{ color:var(--acs-clr-light); text-decoration:line-through; font-size:13px; }
.cdDesc .blogBox .blog-stext{ margin-top:0; margin-bottom:25px; line-height:1.5; }
.acs-car .carCta .carPrice{ color:var(--acs-clr-theme); font-weight:bold; font-size:18px; }
.acs-car .carCta .discount{ font-weight:bold; color:var(--acs-clr-theme); }
.acs-car .carCta .strikethrough{ text-decoration:line-through; font-size:12px; color:var(--acs-clr-light); }



.cdDesc .priceBox .orderItem.topStrokeLine{ margin-top:15px; padding-top:15px; border-top:1px solid var(--acs-clr-strokes); }
.cdDesc .priceBox .orderItem.center{ justify-content:center; text-align:center; }
.cdDesc .priceBox .orderItem .iconLine{ display:flex; align-items:center; gap:5px; justify-content:center; }
.cdDesc .priceBox .orderItem .iconLine .icon{ fill:var(--acs-clr-theme); width:32px; }




@media(max-width:1100px){
    .acs-accordion{ margin-top:25px; margin-bottom:25px; }
    /*.acs-accordion-header{ padding-bottom:15px; }*/
    .acs-filters{ display:none; position:fixed; top:0; left:0; right:0; bottom:0; z-index:100; padding:45px; border-radius:unset; overflow:auto; }
    .acs-filter.applyfilters{ margin-bottom:25px; }
    .acs-car{ min-height:100px; }
    #acs-mobile-filters{ display:block; }
    .acs-filters-head{ display:flex; }

    /*car-detail*/
    .cdDesc{ flex-direction:column; }
    .cdDesc .col.left{ width:100%; }
    .cdDesc .col.right{ width:100%; }

}

@media(max-width:960px){
    .acs-car{ gap:10px; }
    .acs-car .carInfo .carName{ font-size:16px; }
    .acs-car .carInfo .carLabels{ gap:8px; }
    .carLabel{ padding:1px 10px; font-size:11px; }
    .acs-car .carInfo .carInfoHead{ align-items:flex-start; flex-direction:column; gap:10px; margin-bottom:10px; }
    .acs-car .carInfo .carFeatures{ grid-column-gap:15px; grid-row-gap:15px; }
    .acs-car .carInfo .carFeatures .carFeature{ font-size:13px; }
    .acs-car .carInfo .carFeatures .carFeatureIcon{ width:18px; }
    .acs-car .carInfo .carFeatures .carColorDot{ width:18px; height:18px; }
    .cdDesc .eqMenuTabs{ flex-wrap:wrap; }
}

@media(max-width:880px){
    .cdDesc .paramsOrder{ grid-template-columns:repeat(3, 1fr); }
}

@media(max-width:700px){
    #acs-cars-results{ display:grid; justify-content:center; grid-column-gap:15px; grid-row-gap:25px; grid-template-columns:repeat(2, 1fr); align-items:stretch; }
    .acs-car{ flex-direction:column; gap:10px; }
    .acs-car .carCta{ align-items:center; padding:15px; }
    .acs-car .carInfo{ padding:0 var(--acs-car-small-padding); }
    .acs-car .carCta .carPriceWrap{ text-align:center; margin-bottom:10px; }
    .acs-car .carInfo .carFeatures{ grid-template-columns:repeat(1, 1fr); }
    .acs-car .carThumb{ width:100%; max-width:unset; height: 180px; }
    .acs-car .carThumb > .carImgThumb{ border-top-left-radius: var(--acs-border-radius); border-top-right-radius: var(--acs-border-radius); border-bottom-left-radius:0; }
}

@media(max-width:670px){
    .cdDesc .paramsOrder{ grid-template-columns:repeat(2, 1fr); }
    .cdDesc .paramsTableOrder .row{ flex-direction:column; gap:unset; }
}


@media(max-width:500px){
    #acs-cars-results{ grid-template-columns:repeat(1, 1fr); }
    .cdDesc .tabListItem{ grid-template-columns:repeat(1, 1fr); }
    .cdDesc .carName{ font-size:34px; }
    .cdDesc .categoryName{ font-size:26px; }
}


@media(max-width:350px){
    .cdDesc .paramsOrder{ grid-template-columns:repeat(1, 1fr); }
    .cdDesc .priceBox .orderItem{ flex-direction:column; align-items:center; gap:unset; }
    .cdDesc .priceBox .orderItem .finalPrice,.cdDesc .priceBox .orderCode{ text-align:center; }
}