/* fullpage.css */
html, body {
    width: 100%;
    min-height: 100%;
    margin: 0;
    padding: 0;
    overflow-x: hidden; /* yan kaydırmayı engeller */
    background: #fff; /* sayfanın arka plan rengi */
}

/* Ana içerik kapsayıcı */
.main-content {
    width: 100%;
    min-height: 100vh; /* ekranın tamamını kaplar, ama içeriği bozmadan */
    box-sizing: border-box; /* padding/kenarlık sayılır */
    padding-bottom: 50px; /* alt boşluk, isteğe bağlı */
}

/* Resimler doğal boyutunu korusun */
.main-content img {
    max-width: 100%;
    height: auto;
    display: block;
}

/* Diğer bloklar ve sectionlar */
section {
    width: 100%;
    box-sizing: border-box;
}

/* Overflow sorununu önlemek için */
* {
    box-sizing: border-box;
}






/* Sadece mobilde geçerli */
@media (max-width: 768px) {
  /* Açıklama ve teklif butonunu dikey yap */
  .hero-section .flex.items-center {
    flex-direction: column; /* Yataydan dikeye */
    align-items: flex-start; /* Sol hizalama */
    gap: 1.5rem; /* Aralarındaki boşluk */
  }

  /* Teklif butonunu açıklamanın altına al */
  .offer-button {
    align-self: center; /* Ortala */
    width: 90%;         /* Mobilde biraz geniş */
    padding: 15px 0;
    font-size: 24px;
  }
}







/* Telefon için düzenleme */
@media (max-width: 768px) {
  .hero-section {
    text-align: center; /* Ortala */
    position: relative; /* Kırmızı yazıyı yerleştirmek için */
  }

  /* Dinamik yazılar küçültme */
  .dynamic-word { 
    font-size: 2rem !important; /* Başlık kelimeleri küçült */
    margin: 0;
  }

  /* Beyaz başlık, açıklama ve teklif butonu yukarı taşındı */
  .hero-section h1,
  .offer-button
  {
    transform: translateY(-90px); /* Yukarı kaydır */
    margin: 0; /* Gereksiz boşlukları kaldır */
  }

  /* Beyaz başlık stilleri */
  .hero-section h1 {
    font-size: 2rem !important;
    line-height: 1.2;
    color: white;
  }

  /* Açıklama yazısı stilleri */
  .hero-section p {
    font-size: 1rem !important;
    line-height: 1.5;
    color: white;
    transform: translateY(-80px);
  }

  /* Animasyon: üstten çık → ortada kal → alta kaybol */
  @keyframes slideDownMobile {
    0% {
      opacity: 0;
      transform: translate(-50%, -100%); /* Üstten çıkar */
    }
    20% {
      opacity: 1;
      transform: translate(-50%, 0); /* Ortada */
    }
    80% {
      opacity: 1;
      transform: translate(-50%, 0); /* Ortada bekler */
    }
    100% {
      opacity: 0;
      transform: translate(-50%, 100%); /* Alta kaybolur */
    }
  }

  /* Teklif butonu stilleri */
  .offer-button {
    font-size: 2rem !important;
    border-radius: 15px;
  }

  /* Telefon için düzenleme */
@media (max-width: 768px) {
  .offer-button {
    pointer-events: auto;      /* Normal tıklama çalışsın */
    transform: translateY(-90px) !important; /* Yukarı kaydırmayı koru */
    transition: none !important; /* Hover vs animasyonu iptal et */
  }

  .offer-button:hover,
  .offer-button:active,
  .offer-button:focus {
    transform: translateY(-90px) !important; /* Hover değişimini iptal et */
    box-shadow: none !important;             /* Gölgeyi kaldır */
  }
}


}