.hero.hero-son-servis { background-image: none !important; }

.hero.hero-son-servis .hero-bg {
  background-image: linear-gradient(90deg, #090b0ff5 0%, #090b0fdc 32%, #090b0f45 62%, #090b0f0d 100%), url("umut-foto-slider.webp") !important;
  background-position: center, right center !important;
}

#randevu .booking-visual img { object-position: center; }

.maintenance-showcase {
  background: #f3f4f5;
  color: #191b20;
}

.maintenance-heading {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: end;
  gap: 1rem 2rem;
  padding-bottom: 1.25rem;
  border-bottom: 1px solid #d9dbe0;
}

.maintenance-kicker { color: #664b00; font-size: .82rem; font-weight: 800; letter-spacing: .12em; }
.maintenance-heading h2 { margin: .35rem 0 0; font-size: clamp(1.85rem, 4vw, 3rem); line-height: 1.1; }
.maintenance-heading p { margin: 0; max-width: 44ch; color: #41444b; }

.maintenance-grid {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 1rem;
  margin-top: 1.5rem;
}

.maintenance-card {
  overflow: hidden;
  background: #fff;
  border: 1px solid #dfe1e5;
  border-radius: .8rem;
}

.maintenance-card a {
  display: grid;
  grid-template-rows: auto 1fr;
  height: 100%;
  color: #191b20;
}

.maintenance-card a:focus-visible { outline: 3px solid #9a7100; outline-offset: -4px; }
.maintenance-card img { display: block; width: 100%; height: auto; aspect-ratio: 4 / 3; object-fit: cover; }
.maintenance-copy { display: grid; grid-template-rows: auto auto 1fr auto; gap: .6rem; padding: 1rem; }
.maintenance-copy h3, .maintenance-copy p { margin: 0; }
.maintenance-copy h3 { font-size: 1.05rem; line-height: 1.3; }
.maintenance-copy p { color: #44474d; font-size: .88rem; line-height: 1.5; }
.maintenance-number { justify-self: start; padding: .15rem .48rem; border-radius: .25rem; background: #ffe16c; font-weight: 800; font-size: .8rem; }
.maintenance-link { font-weight: 800; }
.maintenance-card a:hover .maintenance-link { text-decoration: underline; }

@media (max-width: 1020px) {
  .maintenance-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}

@media (max-width: 700px) {
  .hero.hero-son-servis .hero-bg {
    background-image: linear-gradient(90deg, #090b0fef, #090b0f80), url("umut-foto-slider.webp") !important;
    background-position: center, 68% center !important;
  }
  .maintenance-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 390px) {
  .maintenance-grid { grid-template-columns: 1fr; }
}