.hero-photo {
  background:
    linear-gradient(90deg, rgba(18, 18, 18, .62), rgba(18, 18, 18, .28)),
    url("assets/wal_172619-taxi-7855475_1920.jpg") center / cover;
}

.banner-showcase {
  width: min(1000px, calc(100% - 48px));
  margin: 56px auto 0;
}

.banner-showcase h2,
.calculator-section h2 {
  margin-bottom: 22px;
  font-size: clamp(32px, 3.5vw, 46px);
  text-align: center;
}

.banner-list {
  display: grid;
  gap: 14px;
}

.banner-list img {
  display: block;
  width: 100%;
  height: auto;
  background: #e8e8e8;
}

.service-card-image {
  width: calc(100% + 50px);
  height: 112px;
  margin: -33px -25px 25px;
  object-fit: cover;
  opacity: .9;
}

.service-grid h3 {
  margin-top: 18px;
}

.calculator-section {
  padding: 80px 24px;
  background: #fff;
}

.calculator {
  width: min(740px, 100%);
  margin: 0 auto;
  padding: 34px;
  border-radius: 18px;
  color: #fff;
  background: var(--taxi-black);
}

.calculator-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 18px;
}

.calculator label {
  display: grid;
  gap: 8px;
  color: #eee;
  font-size: 13px;
}

.calculator input {
  width: 100%;
  padding: 13px;
  border: 1px solid #5f5f5f;
  border-radius: 5px;
  color: #fff;
  background: #303030;
  font: inherit;
}

.calculator-check {
  display: flex !important;
  grid-column: span 2;
  grid-template-columns: auto 1fr;
  align-items: center;
}

.calculator-check input { width: auto; }
.calculator-result { margin: 26px 0 0; padding-top: 20px; border-top: 1px solid #515151; }
.calculator-result span { color: #ccc; font-size: 13px; }
.calculator-result strong { display: block; margin-top: 3px; color: var(--taxi-yellow); font: 700 52px/.9 "Barlow Condensed", sans-serif; }
.calculator-note { margin: 18px 0 0; color: #9e9e9e; font-size: 11px; line-height: 1.5; }

@media (max-width: 600px) {
  .calculator { padding: 24px; }
  .calculator-grid { grid-template-columns: 1fr; }
  .calculator-check { grid-column: auto; }
}