/* ===== Vehicle Search Box ===== */
#vehicle-search{
  background:#ff9800;
  padding:20px;
  border-radius:14px;
  margin:28px auto;
  max-width:1200px;
  box-shadow:0 6px 16px rgba(0,0,0,.12);
}

/* ===== Form Layout ===== */
.vehicle-search-form{
  display:grid;
  grid-template-columns:repeat(6,1fr);
  gap:14px;
  align-items:center;
}

/* ===== Inputs ===== */
.vehicle-search-form select{
  height:52px;
  padding:0 18px;
  background:#fff;
  color:#111;
  border:1px solid #ddd;
  border-radius:999px;
  font-size:15px;
  /* font-family از base.css ارث‌بری می‌شود */
  transition:border-color .2s ease, box-shadow .2s ease;
}

.vehicle-search-form select:focus{
  outline:none;
  border-color:#000;
  box-shadow:0 0 0 3px rgba(0,0,0,.15);
}

/* ===== Button ===== */
.vehicle-search-form button{
  height:52px;
  padding:0 22px;
  background:#000;
  color:#fff;
  border:none;
  border-radius:999px;
  font-size:15px;
  font-weight:600;
  /* font-family از base.css */
  cursor:pointer;
  transition:background .2s ease;
}

.vehicle-search-form button:hover{
  background:#222;
}

/* ===== Tablet ===== */
@media (max-width: 992px){
  .vehicle-search-form{
    grid-template-columns:repeat(3,1fr);
  }

  #vehicle-search{
    margin:24px 12px;
  }
}

/* ===== Mobile ===== */
@media (max-width: 576px){
  .vehicle-search-form{
    grid-template-columns:1fr;
    gap:16px;
  }

  #vehicle-search{
    margin:20px 12px;
    padding:18px;
  }
}