.auto3-grid-section{
  width: 80%;
  padding: 20px;
}


.vehicle-details .title{
  padding:20px 0;
}

.vehicle-details .title h1{
 margin-bottom:0;
}






.auto3-grid {
  display: grid;
 //grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  grid-template-columns: repeat(3, 1fr); /* секогаш 3 колони ≈ 33.33% */
  gap: 20px;
  width:100%;
}


.auto3-card {
display: flex;
flex-direction: column;
background: #fff;
border-radius: 5px;
box-shadow: 0 4px 10px rgba(0,0,0,0.05);
overflow: hidden;
transition: transform 0.2s ease, box-shadow 0.2s ease;
box-shadow: 0 3px 6px -4px rgba(0, 0, 0, .16), 0 3px 6px rgba(0, 0, 0, .23);

}



.auto3-card-img img {
  width: 100%;
  height: 240px;
  object-fit: cover;
  display: block;
}



.auto3-grid-section .numberofoffers{
font-size:24px;
color:#fff!important;
}




.d-flex-date p.auto3-price + p.auto3-price {
 color:#0d4671!important;
}


.card-title-section{
  border-bottom:1px solid #dee2e6;
}


.card-emmision-section{
  border-top:1px solid #dee2e6;
  padding-top:10px;
}


 .auto3-card-content{
   display: flex;
   flex-direction: column;
}


.card-title-section h3 {
  font-size: 1rem;
  font-weight: 600;
  margin: 0 0 8px;
  color: #111!important;
  line-height: 1.3;
  margin-bottom: 0px;
  padding-top: 15px;

}


.card-title-section,
.card-emmision-section p{ 
  padding-left: 15px;
}

.card-emmision-section p{ 
  padding-right: 15px;
}

.card-body-section {
  padding: 15px;
}

.model-description{
white-space: nowrap; 
overflow: hidden; 
text-overflow: ellipsis; 
max-width: 200px;
}

.auto3-price {
  font-weight: bold;
  font-size: 1.1rem;
  margin-bottom: 6px;
}

.auto3-km {
  color: #555;
  font-size: 0.9rem;
}



.d-flex-date{
  display: flex;
  flex-wrap:wrap;
  width: 100%;
  align-items: center;
 font-size:13px;
}


.d-flex-date p{
  display: flex;
  color: #111!important;
}


.d-flex-date p + p{
  margin-left: 10px;
}

.d-flex-date p.seatbells + p.seatbells{
  margin-left:0px;

}

.d-flex-date p span {
  margin-right: 2px;
}


.card-emmision-section p{
  font-size:12px;
}


/* pagination */


.pagination{
 text-align:center;
 margin-top:60px;
}

.pagination-dots,
.auto3-page-link,
.page-numbers{
 text-align: center;
 position: relative;
 margin: 2px;
 font-size: 20px;
 display: inline-block;
 height: 37px;
 line-height: 34px;
 text-align: center;
 width: auto;
 min-width: 37px;
 border-radius: 4px;
 -webkit-transition: all .3s;
 -o-transition: all .3s;
 transition: all .3s;
 vertical-align: top;

border: 2px solid #0d4671!important;
/*border: 2px solid #054163!important;*/
color: #0d4671!important;
/*color: #054163!important;*/
background-color:#fff!important;
}



.cvf-categories {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
    gap: 20px;
    margin-bottom: 30px;

}


.auto3-filter-field.auto3-filter-submit{
  display: flex;
    flex-direction: column;
}

.auto3-filter-field.auto3-filter-submit a{
 display:inline-block;
text-rendering: optimizeLegibility;
    background-color: transparent;
    border: 1px solid transparent;
    border-radius: 0;
    box-sizing: border-box;
    color: currentColor;
    cursor: pointer;
    display: inline-block;
    font-size: .97em;
    font-weight: bolder;
    letter-spacing: .03em;
    line-height: 2.4em;
    margin-right: 1em;
    margin-top: 0;
    max-width: 100%;
    min-height: 2.5em;
    padding: 0 1.2em;
    position: relative;
    text-align: center;
    text-decoration: none;
    text-shadow: none;
    text-transform: uppercase;
    transition: transform .3s, border .3s, background .3s, box-shadow .3s, opacity .3s, color .3s;
    vertical-align: middle;
}


.auto3-filter-field.auto3-filter-submit{
color:#fff;
}
.auto3-filter-field.auto3-filter-submit a{
background-color: #496bad;
}



.pagination .current,
.auto3-page-link.active{
background-color:#002b5c!important;
/*background-color:#054163!important;*/
color:#fff!important;
}

.disabled{
  display:none;
}


/* slider */


.fahrzeugliste-slider {
width: 100%;
max-width: 1200px;
}

.slider-wrapper-auto-3{
max-width:1300px;
margin:auto;
padding:50px 0;
position:relative;
}

.fahrzeugliste-slider.swiper {
 padding-bottom: 25px!important; 
padding-left:5px;
padding-right:5px;
}
.slider-wrapper .swiper-slide {
min-height: 480px; /* or whatever you prefer */
display: flex;
align-items: stretch;
}


.swiper-slide .auto3-card {
width: 100%;
display: flex!important;
flex-direction: column!important;
}


.slider-wrapper .auto3-prev,
.slider-wrapper .auto3-next {
  cursor: pointer;
  font-size: 2rem;
  user-select: none;
  padding: 10px;
  color: #333;
}



.swiper-button-next, .swiper-button-prev {
color:#000!important;
}


.slider-wrapper .swiper-button-next{
right:0px;
}

 
.slider-wrapper .swiper-button-prev {
left:0;
top:50%!important;
    //rotate: 180deg;
}

/* Optional: if slider is overflow:hidden, force visibility */
.fahrzeugliste-slider-wrapper {
  position: relative;
  overflow: visible; /* important */
}




.slider-wrapper .swiper-button-next:after,
.slider-wrapper .swiper-button-prev:after {
 
  /* font-family:"Font Awesome 5 Free"!important;*/
  /* font-weight: 600 !important; */
}


.slider-wrapper .swiper-button-next:after{
  /* content: "\f105";*/ /* Font Awesome icon for arrow right */

}

.slider-wrapper .swiper-button-prev:after {
  /* content:"\f104"*/ /* Font Awesome icon for arrow left */

}


.swiper-button-prev{
   
}



.gallery-section {
 display: grid;
 grid-template-columns: repeat(2, 1fr);
 gap: 30px;
cursor:pointer;
}

.gallery-section .gallery {
    display: grid;
    grid-template-columns: repeat(2, 1fr); /* 2 еднакви колони */
    gap: 16px;
}

.gallery-section .main-image,
.gallery-section .gallery {
    width: 100%;
}

.gallery-section .main-image img,
.gallery-section .gallery img {
    width: 100%;
    object-fit: cover;
}

.gallery-section .main-image,
.gallery-section .image-gallery-wrapper {
 width: 100%;
 border: 1px solid #dee2e6;
 border-radius: 6px;
 overflow: hidden;
}

.data-section{
margin-top: 20px;
display: flex;
gap: 20px;
align-items:flex-start;
}

.btn.btn-telephone{
 color: #fff;
background-color:#0000321a;
}



.btn.btn-email{
 background-color:#1e73be;

}



.btn.btn-telephone,
.btn.btn-email{
display: flex;
    border-radius: 4px;
    font-size: 14px;
    color: #fff;
    width: 100%;
    align-items: center;
    justify-content: center;
    padding: 10px;
}



.btn.btn-telephone + .btn.btn-email {
margin-top:15px;
}
.btn-email{
display: flex;
align-items: center;
justify-content: center;
padding: 7px;
cursor:pointer;
}



.data-section .contact{
 padding:20px;
}


aside{
width:25%;
display:flex!important;
flex-direction: column;

}


.data-section-content{
width:75%;


}

.vehicle-specs{
display: grid;
grid-template-columns: repeat(4, 1fr);
grid-template-rows: repeat(2, auto);
gap: 22px;
padding: 20px;
}


.vehicle-specs-content{
display:flex;
align-items:center;

}

.vehicle-specs-svg{
margin-right:15px;

}
svg{
height:20px;
width:20px;

}





.vehicle-specs-data p{
margin-bottom:0;

}

.vehicle-specs-content{
width:100%;

}


.equpiments-section{
display: flex;
width: 100%;
flex-wrap: wrap;
margin-top:20px;
padding:20px;

}


.equipments{
display: flex;
flex-wrap: wrap;


}

.data-section-border{
border: 1px solid #dee2e6;
border-radius: 6px;
}


.equipments p{
padding: 3px 7px;
margin-right: 10px;
margin-bottom: 10px;
border-radius: 10px;
font-size: 14px;
background-color: #0d4671;
color: #fff;
}


.modal-details{
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: rgb(0 0 0 / .4);
z-index: 999;
}

.gallery-modal{
display:none;
}

.vehicle-specs {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: repeat(2, auto);
    gap: 22px;
    padding: 20px;
}

.gallery-modal.show{
display:block;
}
.modal-details.contact-modal .modal-details-wrapper{
width:33%;
}

.contact-modal{
display:none;
}

.modal-details.contact-modal.show{
display:block;
}


.modal-details-wrapper{
padding:20px;
width: 80%;
background-color: white;
margin: 50px auto;
border-radius: 6px;

}

.modall-details-wrapper-top{
display:flex;
justify-content:space-between;
}

.modal-details-gallery{
max-height:80vh;
overflow-y:auto;
display: flex;
flex-direction: column;
width: 100%;
align-items: center;
}

.modal-details-gallery img{
width: 80%;  
display:block;
margin-bottom:15px;
}

.modal-details-close-btn{
cursor:pointer;
}

.no-img-div{
display:flex;
justify-content:center;
align-items:center;
}


.technical-data{
margin-top:20px;
padding:20px;
}


.technical-data li{
display:flex;
justify-content: space-between;
margin-left:0!important;
padding:10px;
}


.technical-data ul li:nth-child(even) {
  background: rgba(0, 0, 50, 0.1);
}

.technical-data ul.vebrauch-liste li{
 background:none;
}

/* Optional: responsive text tweaks */



.auto3-grid-section p.numberofoffers{
 color:#3d3d3d!important;
}


.auto-3-flex-container{
 display:flex;
}


.auto-3-flex-container form{
width:20%;
}




/* Modern range UI like reference */

.auto3-range-block.is-modern{
  width: 100%;
  padding: 12px;
  border: 1px solid rgba(0,0,0,0.08);
  border-radius: 10px;
  background: #fff;
}

.auto3-range-block.is-modern .auto3-range-title{
  font-weight: 700;
  color: #0b6fd6;
  margin: 0 0 10px 0;
  font-size: 14px;
}

/* hide old text line if still present */
.auto3-range-block.is-modern .auto3-range-value{
  display: none;
}

/* slider area */
.auto3-range-block.is-modern .auto3-dual-range{
  position: relative;
  height: 28px;
  margin-bottom: 10px;
}

.auto3-range-block.is-modern .auto3-range-slider{
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 100%;
  margin: 0;
  background: transparent;
  pointer-events: none; /* only thumbs clickable */
  -webkit-appearance: none;
  appearance: none;
}

/* track */
.auto3-range-block.is-modern .auto3-range-slider::-webkit-slider-runnable-track{
  height: 6px;
  border-radius: 999px;
  background: #e6e9ef;
}
.auto3-range-block.is-modern .auto3-range-slider::-moz-range-track{
  height: 6px;
  border-radius: 999px;
  background: #e6e9ef;
}

/* thumb */
.auto3-range-block.is-modern .auto3-range-slider::-webkit-slider-thumb{
  -webkit-appearance: none;
  appearance: none;
  pointer-events: auto;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background: #fff;
  border: 3px solid #0b6fd6;
  box-shadow: 0 1px 3px rgba(0,0,0,0.18);
  margin-top: -5px; /* aligns thumb with 6px track */
}
.auto3-range-block.is-modern .auto3-range-slider::-moz-range-thumb{
  pointer-events: auto;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background: #fff;
  border: 3px solid #0b6fd6;
  box-shadow: 0 1px 3px rgba(0,0,0,0.18);
}

/* make both sliders interact */
.auto3-range-block.is-modern .auto3-range-min{ z-index: 2; }
.auto3-range-block.is-modern .auto3-range-max{ z-index: 3; }

/* inputs below */
.auto3-range-block.is-modern .auto3-range-inputs{
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
}

.auto3-range-block.is-modern .auto3-range-input-wrap{
  position: relative;
}

.auto3-range-block.is-modern .auto3-range-input{
  width: 100%;
  height: 38px;
  border: 1px solid rgba(0,0,0,0.18);
  border-radius: 8px;
  padding: 0 36px 0 10px;
  font-size: 14px;
  outline: none;
  background: #fff;
 margin-bottom:20px
}


.auto3-range-block.is-modern + .auto3-range-block.is-modern{
 margin:15px 0;
}


.auto3-range-block.is-modern .auto3-range-input:focus{
  border-color: rgba(11,111,214,0.65);
  box-shadow: 0 0 0 3px rgba(11,111,214,0.12);
}

.auto3-range-block.is-modern .auto3-range-input-wrap::after{
  content: attr(data-suffix);
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 13px;
  color: rgba(0,0,0,0.55);
  pointer-events: none;

}

/* =========================
   Modern Color Grid
========================= */

.modern-colors .auto3-color-grid{
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 18px;
  margin-top: 10px;
}

.auto3-color-item{
  text-align: center;
  cursor: pointer;
  position: relative;
}

.auto3-color-item input{
  display: none;
}

.auto3-color-swatch{
  width: 35px;
  height: 35px;
  
  border: 2px solid rgba(0,0,0,0.08);
  margin: 0 auto 8px auto;
  display: block;
  transition: all 0.2s ease;
}

.auto3-color-label{
  font-size: 13px;
  color: #444;
}

/* active state */
.auto3-color-item.is-active .auto3-color-swatch{
  border: 3px solid #0b6fd6;
  box-shadow: 0 0 0 3px rgba(11,111,214,0.15);
}

/* hover */
.auto3-color-item:hover .auto3-color-swatch{
  transform: scale(1.05);
}

/* =========================
   Color Definitions
========================= */

.color-black{ background:#000; }
.color-white{ background:#f3f3f3; }
.color-silver{ background:#bfbfbf; }
.color-gray{ background:#7d7d7d; }
.color-anthracite_gray{ background:#444; }
.color-blue{ background:#0b26ff; }
.color-red{ background:#e10600; }
.color-light_green{ background:#7fd97f; }
.color-beige{ background:#e6e2cc; }
.color-yellow{ background:#f4e400; }
.color-green{ background:#0a7d00; }
.color-bronze{ background:#c27c32; }
.color-orange{ background:#f99b00; }
.color-gold{ background:#e5b800; }
.color-brown{ background:#7a2a2a; }
.color-violet{ background:#7b00ff; }
.color-lightgray{ background:#d8d8d8; }
.color-darkgray{ background:#555; }
.color-darkgreen{ background:#004f00; }
.color-lightblue{ background:#8cc0d3; }


/* Hide the native checkbox (but keep it accessible and clickable via the label) */
.auto3-filter-colors.modern-colors .auto3-color-item input[type="checkbox"]{
  position: absolute;
  opacity: 0;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  clip-path: inset(50%);
  white-space: nowrap;
  border: 0;
  padding: 0;
  margin: 0;
}




@media (max-width: 1265px) {
.slider-wrapper .swiper-button-next,
.slider-wrapper .swiper-button-prev{
bottom: 3px;
top: auto !important;
}

.slider-wrapper .swiper-button-prev {
    left: 30% !important;
 right: auto!important;
     /*transform: translateX(-100%); */
    /* optional: Abstand zum rechten Pfeil */
    /* margin-right: 10px; */
  }

  /* rechter Pfeil: bei 50% der Breite, kein Rück-Offset */
  .slider-wrapper .swiper-button-next {
    left: auto;
     right:30% !important;
    transform: translateX(0);
    margin-left: 10px;
  }


}

@media (max-width: 1230px) {
  .slider-wrapper {
 padding-left:20px;
 padding-right:20px;
  }

}

@media (max-width: 1160px) and (min-width: 1100px) {
  .d-flex-date.getrieb p+p {
    margin-left: 0px;
}

.d-flex-date.getrieb {
  flex-direction: column;
  align-items: baseline;
}

}



@media (max-width: 992px){

.data-section {
flex-direction:column;
}
.data-section-content{width:100%}

}

@media (max-width: 920px) {

.auto-3-flex-container {
    display: flex;
    flex-direction: column;
}
.auto-3-flex-container .auto3-grid-section,
.auto-3-flex-container form{
    width:100%;
}

.vehicle-specs {
        grid-template-columns: repeat(1, 1fr);
    
}


}





@media (min-width: 830px) and (max-width: 874px) {
 .d-flex-date.getrieb p+p {
    margin-left: 0px;
}

.d-flex-date.getrieb {
  flex-direction: column;
  align-items: baseline;
}
}





@media (max-width: 767px) {
  .auto3-card-img img {
    height: 100%;
}

.auto3-grid {
grid-template-columns: repeat(2, 1fr);
    
}

}




@media (max-width: 500px) {
  .auto3-card-content h3 {
    font-size: 0.95rem;
  }
  .auto3-price {
    font-size: 1rem;
  }

.auto3-grid {
grid-template-columns: repeat(1, 1fr);
    
}
}












/* 1) Make all slides in the row the same height */
.fahrzeugliste-slider .swiper-wrapper{
  align-items: stretch;               /* key */
}

/* 2) Each slide should be flexible and auto-height */
.fahrzeugliste-slider .swiper-slide{
  display: flex;                      /* so child can stretch */
  height: auto !important;            /* ignore fixed heights */
}

/* 3) Anchor must fill the slide (yours already does on one item) */
.fahrzeugliste-slider .swiper-slide > a{
  display: flex;
  width: 100%;
  height: 100%;
}

/* 4) Card fills the slide and uses column layout */
.auto3-card{
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

/* 5) Middle content grows; footer sticks to bottom */
.auto3-card-content{
  display: flex;
  flex-direction: column;
  flex: 1;
}

.card-emmision-section{
  margin-top: auto;                   /* pins footer to bottom */
  border-top: 1px solid #eee;
  padding: 12px 16px;
}

/* Optional: keep image area consistent */
.auto3-card-img img{
  width: 100%;
  object-fit: cover;
  display: block;
}



/* 1) Cards container: equal-height columns */
.auto3-cards {                     /* parent of all .auto3-card items */
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 22px;
  align-items: stretch;            /* make every grid item same row height */
}

/* 2) Card: full height, vertical layout */
.auto3-card {
  display: flex;
  flex-direction: column;
  height: 100%;
}

/* 3) Image takes a fixed ratio; content grows; footer stays at bottom */
.auto3-card-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.auto3-card-content {
  display: flex;
  flex-direction: column;
  flex: 1;                         /* fill available height */
 
}

/* Title block: reserve consistent space + ellipsis after N lines */
.card-title-section {              /* tune these two to your type scale */
  --lines: 2;
  --lh: 1.3;
  min-height: calc(var(--lines) * var(--lh) * 1em);
  margin-bottom: 12px;
}
.card-title-section h3,
.card-title-section .model-description {
  line-height: var(--lh);
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.card-title-section h3 { -webkit-line-clamp: 1; margin: 0 0 4px; }
.card-title-section .model-description { -webkit-line-clamp: 1; }

/* Body grows naturally */
.card-body-section { margin-top: 8px; }

/* Footer sticks to the bottom of the card */
.card-emmision-section {
  margin-top: auto;                /* pushes footer to bottom */
  padding: 12px 0px;
  border-top: 1px solid #eee;
}

}


.pagination .current, .auto3-page-link.active {
    background-color: #002b5c!important;
}

.pagination-dots, .auto3-page-link, .page-numbers {
    border: 2px solid #002b5c !important;
    color: #002b5c !important;
    
}

.auto3-emission {
  display: none;
}

.row-has-emission .auto3-emission {
  display: block;
}

.auto3-emission {
  display: flex;
  align-items: center;
  margin-top: auto;
  padding: 0 14px;
}

.row-has-emission .auto3-emission {
  display: flex;
}

.auto3-grid .auto3-card.row-has-emission .auto3-emission {
  display: flex !important;
  align-items: center !important;
  padding: 0 14px !important;
}

.auto3-emission p {
  margin-bottom: 0;
}


/* Ensure footer actions stay clickable even with theme overlays */
.auto3-card-link {
  display: block;
  position: relative;
  z-index: 1;
}

.auto3-footer {
  position: relative;
  z-index: 3;
}

/* Finanzierung teaser on cards */
.auto3-financing-trigger {
  position: relative;
  z-index: 4;
  pointer-events: auto;
  width: 100%;
  border: 1px solid #cfd5df;
  background: #f7f8fa;
  color: #111;
  border-radius: 8px;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.2;
  padding: 10px 12px;
  margin-bottom: 10px;
  cursor: pointer;
  text-align: center;
}

.auto3-financing-trigger:hover {
  border-color: #1d2433;
}

/* Financing popup */
.auto3-financing-popup {
  position: fixed !important;
  inset: 0 !important;
  z-index: 1000000 !important;
  display: none !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 16px !important;
}

.auto3-financing-popup.is-open {
  display: flex !important;
}

.auto3-financing-popup[aria-hidden="true"],
.auto3-financing-popup[hidden] {
  display: none !important;
  pointer-events: none !important;
}

.auto3-financing-popup[aria-hidden="false"] {
  display: flex !important;
  pointer-events: auto !important;
}

.auto3-financing-popup__backdrop {
  position: absolute !important;
  inset: 0 !important;
  background: rgba(0, 0, 0, 0.45) !important;
  z-index: 0 !important;
}

.auto3-financing-popup__dialog {
  position: relative !important;
  width: min(520px, calc(100vw - 32px)) !important;
  margin: 0 !important;
  background: #fff !important;
  border-radius: 14px !important;
  box-shadow: 0 24px 64px rgba(0, 0, 0, 0.22) !important;
  z-index: 1 !important;
  max-height: calc(100vh - 32px) !important;
  overflow: auto !important;
}

.auto3-financing-popup__body {
  padding: 28px;
}

.auto3-financing-popup__close {
  position: absolute;
  right: 12px;
  top: 10px;
  border: none;
  background: transparent;
  font-size: 34px;
  line-height: 1;
  color: #636b79;
  cursor: pointer;
}

.auto3-financing-popup__price {
  margin: 0;
  font-size: 48px;
  line-height: 1;
  font-weight: 800;
  color: #111;
}

.auto3-financing-popup__netto {
  margin: 8px 0 24px;
  color: #5f6673;
  font-size: 22px;
  font-weight: 600;
}

.auto3-financing-popup__label {
  margin: 0 0 8px;
  color: #121522;
  font-size: 35px;
  font-weight: 700;
}

.auto3-financing-popup__rate {
  margin: 0;
  color: #111;
  font-size: 22px;
  font-weight: 800;
  line-height: 1.05;
}

.auto3-financing-popup__rate span {
  font-size: 18px;
  color: #5f6673;
  font-weight: 600;
}

.auto3-financing-popup__meta {
  margin: 8px 0 0;
  color: #5f6673;
  font-size: 16px;
  font-weight: 600;
}

.auto3-financing-popup__actions {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
  margin-top: 26px;
}

.auto3-financing-popup__btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 48px;
  border-radius: 10px;
  font-size: 16px;
  font-weight: 700;
  text-decoration: none;
  cursor: pointer;
  margin-bottom: 0;
}

.auto3-financing-popup__btn--ghost {
  border: 2px solid #1a1f2e;
  color: #1a1f2e;
  background: #fff;
}

.auto3-financing-popup__btn--solid {
  border: 2px solid #111524;
  color: #fff;
  background: #111524;
}

@media (max-width: 767px) {
  .auto3-financing-popup__price { font-size: 36px; }
  .auto3-financing-popup__netto { font-size: 18px; }
  .auto3-financing-popup__label { font-size: 28px; }
  .auto3-financing-popup__rate { font-size: 38px; }
  .auto3-financing-popup__meta { font-size: 28px; }
}


.auto3-icon img{
height:20px!important;
width:20px!important;
display:inline-block;
}

/* --- Card layout hardening (prevent oversized icons/styles from theme) --- */
.auto3-grid .auto3-card {
  overflow: hidden;
  height: 100%;
  display: flex;
  flex-direction: column;
}

.auto3-grid {
  align-items: stretch;
}

.auto3-grid .auto3-card-link {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
}

.auto3-grid .auto3-card-content {
  padding: 0 14px 10px;
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
}

.auto3-grid .auto3-specs {
  display: flex;
  flex-direction: column;
  gap: 8px;
  flex: 1 1 auto;
  min-height: 190px;
}

.auto3-grid .auto3-spec-row,
.auto3-grid .auto3-spec-line {
  display: flex;
  align-items: center;
  gap: 10px;
}

.auto3-grid .auto3-spec {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-width: 0;
  font-size: 14px;
  line-height: 1.3;
}

.auto3-grid .auto3-ico {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 18px !important;
  min-width: 18px !important;
  height: 18px !important;
  color: #30496b;
}

.auto3-grid .auto3-ico svg {
  width: 18px !important;
  height: 18px !important;
  max-width: 18px !important;
  max-height: 18px !important;
  display: block !important;
}

.auto3-grid .auto3-spec--fuel {
  margin-left: auto;
}

.auto3-grid .auto3-price-row {
  margin-top: 6px;
  margin-top: auto;
}

.auto3-grid .auto3-footer {
  padding: 12px 14px 14px;
  border-top: 1px solid #e8ebf0;
  background: #fff;
  margin-top: auto;
}

/* --- Finance popup final polish --- */
/* .auto3-financing-popup__body {
  padding: 24px !important;
} */

.auto3-financing-popup__actions {
  align-items: stretch;
}

@media (max-width: 767px) {
  .auto3-financing-popup__actions {
    grid-template-columns: 1fr;
  }
}


button.auto3-financing-trigger {
    text-transform: none;
    color: #002b5c;
}

.auto3-button-section {
    margin-left: 12px;
    margin-right: 12px;
}

.auto3-button-section.is-faded {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    height: 0;
    margin-top: 0;
    margin-bottom: 0;
    overflow: hidden;
}

.auto3-financing-note {
    display: block;
    margin-top: 0;
    color: #002b5c;
    font-size: 12px;
    font-weight: 600;
}

.auto3-grid .auto3-price {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    margin-bottom: 0;
}


button.auto3-financing-popup__close {
    right: 0px;
    margin: 0px;
    top: 0px;
    padding: 0 1em;
}

h3#auto3-finance-price {
    font-size: 35px;
    margin-bottom: 10px;
    color: #002b5c;
}

p#auto3-finance-netto {
    font-size: 20px;
    margin: 8px 0px 10px;
}

p.auto3-financing-popup__label {
    font-size: 30px;
    color: #002b5c;
}


p.bank-details {
    margin: 8px 0 0;
    color: #002b5c;
    font-size: 16px;
    font-weight: 600;
}


/* --- Finance popup UI polish (final override) --- */
#auto3-financing-popup .auto3-financing-popup__backdrop {
  background: rgba(8, 18, 40, 0.52) !important;
  backdrop-filter: blur(2px);
}

#auto3-financing-popup .auto3-financing-popup__dialog {
  width: min(620px, calc(100vw - 40px)) !important;
  border-radius: 18px !important;
  border: 1px solid #e9edf5;
  background: #ffffff !important;
  box-shadow: 0 28px 72px rgba(8, 18, 40, 0.22) !important;
}

#auto3-financing-popup .auto3-financing-popup__body {
  padding: 56px 36px 36px !important;
  text-align: center;
  font-family: "Inter", "Montserrat", "Poppins", "Segoe UI", Roboto, Arial, sans-serif;
  color: #101a2f;
}

#auto3-financing-popup .auto3-financing-popup__card {
  border-radius: 16px;
  background: #ffffff;
  border: 1px solid #e8edf5;
  box-shadow: 0 12px 30px rgba(15, 24, 44, 0.08);
  padding: 34px 26px;
}

#auto3-financing-popup .auto3-financing-popup__card + .auto3-financing-popup__card {
  margin-top: 22px;
}

#auto3-financing-popup .auto3-financing-popup__card--price {
  background: #f3f7fc;
}

#auto3-financing-popup .auto3-financing-popup__card--finance {
  background: #ffffff;
}

#auto3-financing-popup .auto3-financing-popup__price {
  font-size: 30px !important;
  line-height: 1 !important;
  font-weight: 800 !important;
  letter-spacing: -0.02em;
  margin: 0 !important;
  color: #101a2f !important;
}

#auto3-financing-popup .auto3-finance-currency {
  font-size: 0.62em;
  vertical-align: baseline;
  margin-left: 4px;
}

#auto3-financing-popup .auto3-financing-popup__netto {
  margin: 10px 0 0 !important;
  font-size: 16px !important;
  line-height: 1.35 !important;
  font-weight: 500 !important;
  color: #6c7689 !important;
}

#auto3-financing-popup .auto3-financing-popup__label {
  font-size: 24px !important;
  line-height: 1.2 !important;
  margin: 0 0 14px !important;
  font-weight: 600 !important;
  color: #101a2f !important;
}

#auto3-financing-popup .auto3-financing-popup__rate {
  font-size: 30px !important;
  line-height: 1 !important;
  margin: 0 0 12px !important;
  font-weight: 800 !important;
  color: #101a2f !important;
}

#auto3-financing-popup .auto3-financing-popup__rate span {
  font-size: 14px !important;
  margin-left: 6px;
  color: #6c7689 !important;
  font-weight: 500 !important;
}

#auto3-financing-popup .auto3-financing-popup__meta {
  margin: 0 !important;
  font-size: 20px !important;
  line-height: 1.35 !important;
  color: #556076 !important;
  font-weight: 600 !important;
}

#auto3-financing-popup p.bank-details {
  margin: 28px 0 0 !important;
  font-size: 14px !important;
  line-height: 1.55 !important;
  font-weight: 500 !important;
  color: #748097 !important;
  overflow-wrap: anywhere;
  word-break: break-word;
}

#auto3-financing-popup .auto3-financing-popup__actions {
  margin-top: 30px !important;
  gap: 14px !important;
  align-items: stretch;
  justify-content: center;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
}

#auto3-financing-popup .auto3-financing-popup__btn {
  min-height: 52px !important;
  padding: 0 20px !important;
  border-radius: 999px !important;
  font-size: 14px !important;
  font-weight: 800 !important;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

#auto3-financing-popup .auto3-financing-popup__btn--ghost {
  border: 1px solid #101a2f !important;
  color: #101a2f !important;
  background: transparent !important;
}

#auto3-financing-popup .auto3-financing-popup__btn--solid {
  background: #101a2f !important;
  border: 1px solid #101a2f !important;
  color: #ffffff !important;
}
 
#auto3-financing-popup .auto3-financing-popup__close {
  color: #8b95a8 !important;
  top: -7px !important;
  right: 10px !important;
  font-size: 30px !important;
  z-index: 2;
}

@media (max-width: 767px) {
  #auto3-financing-popup .auto3-financing-popup__body {
    padding: 46px 16px 24px !important;
  }
  #auto3-financing-popup .auto3-financing-popup__card {
    padding: 26px 18px;
  }
  #auto3-financing-popup .auto3-financing-popup__price {
    font-size: 42px !important;
  }
  #auto3-financing-popup .auto3-financing-popup__netto {
    font-size: 14px !important;
  }
  #auto3-financing-popup .auto3-financing-popup__label {
    font-size: 22px !important;
  }
  #auto3-financing-popup .auto3-financing-popup__rate {
    font-size: 42px !important;
  }
  #auto3-financing-popup .auto3-financing-popup__meta {
    font-size: 18px !important;
  }
  #auto3-financing-popup .auto3-financing-popup__btn {
    font-size: 13px !important;
  }
}