/** Page achat vehichule **/
/* Barre de Recherche véhicule */
.vehicle-search-box {
  border: 1px solid #e9ecef;
  transition: 0.3s;
}
.vehicle-search-box:hover {
  box-shadow: 0 4px 20px rgba(0,0,0,0.05);
}

select.form-select-lg, input.form-control-lg {
  height: 48px;
  font-size: 15px;
  border-radius: 8px;
  border-color: #dee2e6;
}
select:focus, input:focus {
  border-color: #007bff;
  box-shadow: 0 0 4px rgba(0,123,255,0.3);
}
/* Barre de Recherche véhicule End*/

/*  Recommended Vehicles Section  */
.recommended-vehicles .section-title {
  color: #F4B41A;
  letter-spacing: 2px;
}

.vehicle-card {
  background: #fff;
  border: 1px solid #eee;
  transition: all 0.3s ease;
  cursor: pointer;
}
.vehicle-card:hover {
  transform: translateY(-8px);
  box-shadow: 0 10px 25px rgba(0,0,0,0.1);
}

.vehicle-img img {
  object-fit: cover;
  height: 200px;
  transition: transform 0.4s ease;
}
.vehicle-card:hover .vehicle-img img {
  transform: scale(1.05);
}

.price-tag {
  font-size: 0.9rem;
  border-bottom-left-radius: 10px;
}


/* Responsive */
@media (max-width: 992px) {
  .vehicle-img img {
    height: 180px;
  }
}
@media (max-width: 768px) {
  .vehicle-img img {
    height: 160px;
  }
}
/*  Recommended Vehicles Section  end */

/*  Promo Achat Véhicule */
.vehicle-promo-section {
  background: linear-gradient(180deg, #fafafa, #fff);
}

.promo-image img {
  height: 100%;
  width: 100%;
  object-fit: cover;
  transition: transform 0.4s ease;
}
.promo-image:hover img {
  transform: scale(1.05);
}

.promo-badge {
  background-color: #F4B41A;
  font-size: 0.95rem;
  letter-spacing: 0.5px;
  box-shadow: 0 3px 10px rgba(0,0,0,0.2);
}


@media (max-width: 992px) {
  .vehicle-promo-section .promo-image img {
    height: 300px;
  }
  .vehicle-promo-section .col-lg-6.p-5 {
    padding: 2rem !important;
  }
}
/*  Promo Achat Véhicule */
/** Page achat vehichule End **/