.home-contact {
  padding-block: clamp(1rem, 2vw, 2rem) var(--section-space);
  background: #faf9f7;
}

.home-contact__panel {
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(0, 0.85fr);
  min-height: clamp(22rem, 36vw, 31rem);
  overflow: hidden;
  border-radius: var(--radius-lg);
  background: var(--color-primary);
  box-shadow: var(--shadow-soft);
}

.home-contact__content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  min-width: 0;
  padding: clamp(1.5rem, 4vw, 4rem);
}

.home-contact__eyebrow {
  margin: 0 0 1.2rem;
  color: #573000;
  font-size: 0.76rem;
  font-weight: 850;
  letter-spacing: 0.12em;
}

.home-contact h2 {
  max-width: 15ch;
  margin: 0;
  color: #242424;
  font-size: clamp(2rem, 3.8vw, 3.9rem);
  line-height: 1.13;
  letter-spacing: -0.035em;
  font-weight: 850;
}

.home-contact h2 span {
  display: block;
}

.home-contact__description {
  max-width: 37rem;
  margin: 1.35rem 0;
  color: #38250c;
  font-size: clamp(0.95rem, 1.15vw, 1.05rem);
  line-height: 1.75;
}

.home-contact__number {
  display: inline-block;
  margin: 0.25rem 0 1.4rem;
  color: #212121;
  font-size: clamp(1.8rem, 3.5vw, 3.2rem);
  line-height: 1.15;
  font-weight: 850;
  letter-spacing: -0.025em;
}

.home-contact__number:hover {
  text-decoration: underline;
}

.home-contact__actions {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 1rem;
}

.home-contact__whatsapp {
  display: inline-flex;
  align-items: center;
  gap: 0.7rem;
  min-height: 3rem;
  color: #242424;
  font-weight: 800;
}

.home-contact__whatsapp span {
  font-size: 1.4rem;
}

.home-contact__note {
  margin: 1.4rem 0 0;
  color: #573000;
  font-size: 0.78rem;
}

.home-contact__visual {
  position: relative;
  min-width: 0;
  min-height: 20rem;
  background-image:
    linear-gradient(90deg, rgb(247 147 30 / 20%), transparent 50%),
    url("../../images/cakaloglu-oto-kurtarma-cekici-araci.webp");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.home-contact__visual::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(
    180deg,
    transparent 45%,
    rgb(0 0 0 / 65%) 100%
  );
  pointer-events: none;
}

.home-contact__visual-label {
  position: absolute;
  z-index: 1;
  right: 1.5rem;
  bottom: 1.5rem;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  color: white;
}

.home-contact__visual-label strong {
  font-size: clamp(1.1rem, 2.2vw, 2rem);
  font-weight: 850;
}

.home-contact__visual-label span {
  font-size: 0.8rem;
  letter-spacing: 0.15em;
}

@media (max-width: 800px) {
  .home-contact__panel {
    grid-template-columns: 1fr;
  }

  .home-contact h2 {
    max-width: 100%;
  }

  .home-contact__visual {
    min-height: clamp(16rem, 55vw, 24rem);
    background-position: center 45%;
  }
}

@media (max-width: 430px) {
  .home-contact__actions {
    align-items: stretch;
    flex-direction: column;
    width: 100%;
  }

  .home-contact__actions .btn,
  .home-contact__whatsapp {
    justify-content: center;
  }

  .home-contact__number {
    font-size: clamp(1.65rem, 8vw, 2.2rem);
  }
}