/* Hero Section */
.hero {
  position: relative;
  width: 100%;
  height: 100vh;
  overflow: hidden;
  z-index: 1;
}

.hero-container {
  position: relative;
  width: 100%;
  height: 100vh; /* tam viewport */
  display: flex;
  justify-content: center; /* yatay ortala */
  align-items: center;     /* dikey ortala */
}

/* Görseller */
.hero-img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.hero-img.horizontal {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.hero-img.vertical {
  display: none;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* Responsive dikey görsel */
/* @media (max-width: 768px) {
  .hero-img.horizontal { display: none; }
  .hero-img.vertical { display: block; }
}  */

/* =====================
   HERO TITLE (SVG)
===================== */

.hero-title {
  width: 100%;
  height: 100%;
  object-fit: contain;  /* SVG taşmasın, kenardan kesilmesin */
}

.hero-title-wrapper {
  position: relative;       /* absolute olmasın */
  width: 90%;
  max-width: 600px;
  height: auto;
  background: rgba(10, 37, 64, 0);
  padding: 3em;
  border-radius: 10px;
  z-index: 2;
  transform: none;          /* artık gerekli değil */
}


@media (max-width: 1280px) and (orientation: landscape) {
  .hero-title-wrapper {
    max-width: 500px;   /* daha küçük */
    margin-top: 60px;
  }
}

@media (max-width: 1024px) and (orientation: landscape) {
  .hero-title-wrapper {
    max-width: 400px;   /* daha küçük */
    margin-top: 60px;
  }
}

@media (max-width: 768px) and (orientation: landscape) {
  .hero-title-wrapper {
    max-width: 350px;   /* daha küçük */
    margin-top: 60px;
  }
}

@media (max-width: 640px) and (orientation: landscape) {
  .hero-title-wrapper {
    max-width: 300px;   /* daha küçük */
    margin-top: 60px;
  }
}

@media (max-width: 480px) and (orientation: landscape) {
  .hero-title-wrapper {
    max-width: 250px;   /* daha küçük */
    margin-top: 60px;
  }
}

@media (max-width: 360px) and (orientation: landscape) {
  .hero-title-wrapper {
    max-width: 200px;   /* daha küçük */
    margin-top: 60px;
  }
}

/* TITLE WRAPPER'IN SAKLANACAĞI KESİN KURAL */
@media (max-width: 250px) {
  .hero-title-wrapper {
    display: none;
  }
}

/* TITLE WRAPPER'IN SAKLANACAĞI ÖLÇÜLER */
@media (orientation: landscape) and (max-height: 500px) {
  .hero-title-wrapper {
    max-width: 500px;   /* daha küçük */
    margin-top: 60px;
  }
}

@media (orientation: landscape) and (max-height: 400px) {
  .hero-title-wrapper {
    max-width: 400px;   /* daha küçük */
    margin-top: 60px;
  }
}

@media (orientation: landscape) and (max-height: 325px) {
  .hero-title-wrapper {
    max-width: 300px;   /* daha küçük */
    margin-top: 60px;
  }
}

@media (orientation: landscape) and (max-height: 250px) {
  .hero-title-wrapper {
    display: none;
  }
}