/* Arka plan görseli */
.bg-cover-fixed {
/*  background-image: url("../images/ges_1.png");*/
  background-size: cover;
  background-position: center;
  background-attachment: fixed;
  position: relative;
  min-height: 100vh;
  width: 100%;
}

.f-11 {
  font-size: 11px;
}
.f-14 {
  font-size: 14px;
}
.f-18 {
  font-size: 18px;
}
.f-22 {
  font-size: 22px;
}
.f-24 {
  font-size: 24px;
}
.f-32 {
  font-size: 324px;
}

/* Karartma efekti */
.bg-overlay::before {
  content: "";
  position: absolute;
  inset: 0;
  background-color: rgba(0, 0, 0, 0.842);
  z-index: 0;
  pointer-events: none;
}

.bg-overlay {
  position: relative;
  z-index: 0;
}

.bg-overlay .container {
  position: relative;
  z-index: 2;
}

/* Sabit teklif butonu */
.fixed-quote-btn {
  position: fixed;
  top: 30px;
  left: 30px;
  z-index: 1050;
}

/* Görsel animasyon ve stil */
@keyframes fadeInImage {
  from {
    opacity: 0;
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.responsive-image {
  width: 100%;
  height: auto;
  border-radius: 10px;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.4);
  animation: fadeInImage 1.5s ease-in-out;
}
@keyframes revealDown {
  0% {
    opacity: 0;
    transform: translateY(-60px) scaleY(0.95);
    clip-path: inset(0 0 100% 0); /* yukarıdan kapanık */
  }
  100% {
    opacity: 1;
    transform: translateY(0) scaleY(1);
    clip-path: inset(0 0 0 0); /* tamamen açık */
  }
}

.reveal-down {
  animation: revealDown 1.2s ease-out forwards;
  opacity: 0;
  animation-play-state: paused;
}

/* --------- Başlıklar arası boşluk ve okunabilirlik --------- */
.bg-cover-fixed .container section h4 {
  margin-top: 2rem;      /* Her başlığın üstünde boşluk */
  margin-bottom: 1rem;   /* Başlık ile metin/aralık arasına boşluk */
  line-height: 1.3;      /* Başlık satır yüksekliği */
}

/* --------- Paragraf ve liste öğeleri arası boşluk --------- */
.bg-cover-fixed .container section p,
.bg-cover-fixed .container section li {
  margin-bottom: 1rem;   /* Metin blokları arasına dikey boşluk */
  line-height: 1.6;      /* Satırlar arası mesafe, okunabilirliği artırır */
}

/* --------- Liste öğeleri görünümü --------- */
.bg-cover-fixed .container section li {
  padding-left: 1.2rem;  /* Metni biraz içeri çekerek rahat okuma */
  position: relative;    /* ::before için bağlam oluşturur */
}




/* --------- Genel section arası boşluk --------- */
.bg-cover-fixed .container section {
  margin-bottom: 2rem;   /* Bölümler arasında ekstra ayrım */
}