.hp-field {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

.quote-form button[disabled] {
  cursor: wait;
  opacity: 0.72;
}

.board-bars .progress-100 { width: 100%; }
.board-bars .progress-96 { width: 96%; }
.board-bars .progress-99 { width: 99%; }

.footer-grid > div:last-child > span {
  display: block;
  margin-top: 10px;
  color: rgba(255, 255, 255, 0.64);
  line-height: 1.55;
}

/* Telefon, tablet ve masaüstü için son yerleşim düzeltmeleri. */
html,
body {
  overflow-x: hidden;
  overflow-x: clip;
}

.floating-offer {
  transition: opacity 180ms ease, transform 180ms ease, box-shadow 180ms ease;
}

/* Teklif formundayken aynı hedefe giden sabit düğme form alanlarını kapatmaz. */
body.quote-in-view .floating-offer {
  pointer-events: none;
  opacity: 0;
  transform: translateY(12px);
}

@media (max-width: 850px) {
  /* Slayt kontrollerini hizmet kartlarının üstünden alır. */
  .hero-slider-controls {
    bottom: 240px;
  }
}

@media (max-width: 620px) {
  /* iPhone'un form alanına dokununca otomatik yakınlaşmasını önler. */
  .quote-form input,
  .quote-form select,
  .quote-form textarea {
    font-size: 16px;
  }

  .hero-slider-controls {
    right: 14px;
    bottom: 302px;
  }

  /* Uzun alt bilgi başlıkları küçük ekranlarda iki sütuna sıkışmaz. */
  .footer-grid {
    grid-template-columns: 1fr;
    gap: 28px;
  }

  .footer-brand {
    grid-column: auto;
  }

  .footer-grid h4 {
    margin: 0 0 14px;
  }

  .footer-grid > div:not(.footer-brand) a,
  .footer-link,
  .footer-grid > div:not(.footer-brand) > span {
    margin-bottom: 10px;
  }
}