.sidebar-car {
  border-radius: 6px;
  box-shadow: 0px 1px 6px rgba(0, 0, 0, 0.1);
  height: max-content;
}

.sidebar-car ul {
  padding: 0;
}

.sidebar-car li {
  list-style: none;
  margin-bottom: 10px;
  padding: 6px 20px;
  border-radius: 6px;
  width: 100%;
}

.sidebar-car a {
  text-decoration: none;
  color: #213547;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

input[type="number"] {
  appearance: textfield;
}

.sidebar-car button {
  width: 100%;
}

/* Search */
#searchForm {
  width: 100%;
}

#searchForm input {
  padding: 10px 24px;
  border-right: none;
  border-radius: 8px 0px 0px 8px;
}

#searchForm button {
  background-color: white;
  border: 1px solid #ced4da;
  border-radius: 0px 8px 8px 0px;
}

/* Car List */
.car-list {
  width: 100%;
}

.card {
  height: 100%;
}

/* CAR DETAILS */
.car-image img {
  border-radius: 8px;
}

.topic-carlist p {
  margin: 0;
  font-weight: 800;
  color: black;
}

.topic-carlist i {
  font-size: 1.2rem;
  color: black;
}

#searchForm input:focus {
  border-width: 2px;
  border-color: #bc002d;
  box-shadow: 0 0 0 0.25rem rgba(215, 220, 227, 0.25);
}

#searchForm button {
  background-color: #e03100;
  border: 1px solid #bc002d;
  border-radius: 0px 8px 8px 0px;
}

#searchForm button:hover {
  background-color: #bc002d;
}

.search-icon-jpn {
  color: #fff;
}

.btn-outline-light-jpn {
  --bs-btn-hover-color: #fff !important;
  --bs-btn-hover-bg: #bc002d !important;
  --bs-btn-bg: #e03100;
}

.cars-main-not-found {
  flex: 75%;
  border-top: 3px solid #e03100;
  padding-top: 2rem;
  display: grid;
  gap: 2rem;
  grid-template: repeat(1, 1fr) / repeat(1, 1fr);
  max-width: 1460px;
}