/* ================= HERO ================= */

.hero-section{
  position:relative;
  width:100%;
}

/* Görseller */
.hero-img{
  width:100%;
  height:auto;
  display:block;
}

/* Karartma katmanı */
.hero-overlay{
  position:absolute;
  inset:0;
  background:rgba(0,0,0,0.45);
  z-index:1;
}

/* Yazı alanı */
.hero-content{
  position:absolute;
  top:50%;
  left:50%;
  transform:translate(-50%,-50%);
  z-index:2;
  text-align:center;
  color:#fff;
  width:90%;
  max-width:900px;
}

/* Script fontlar */
.script-top{
  font-family:'Great Vibes', cursive;
  font-size:100px;
}

.hero-content h1{
  font-size:72px;
  font-weight:700;
  letter-spacing:2px;
  margin:10px 0;
}

.script-bottom{
  font-family:'Great Vibes', cursive;
  font-size:58px;
}

/* Oval dekoratif çizgi */
.fancy-hero-text::before{
  content:"";
  position:absolute;
  width:420px;
  height:420px;
  border:4px solid rgba(0,200,255,.7);
  border-radius:55% 45% 50% 50%;
  top:50%;
  left:50%;
  transform:translate(-50%,-50%) rotate(-10deg);
  z-index:-1;
}

/* ================= HERO RESPONSIVE ================= */

/* Masaüstü / Mobil görsel kontrol */
.desktop-hero,
.mobile-hero{
  width:100%;
  display:block;
}

/* Başlangıçta mobil gizli */
.mobile-hero{
  display:none;
}

/* Tablet & Mobil */
@media (max-width:768px){

  .desktop-hero{
    display:none;
  }

  .mobile-hero{
    display:block;
    height:100%;
    object-fit:cover;
  }

  .hero-section{
    height:90vh;
  }

  .hero-content h1{
    font-size:40px;
  }

  .script-top{
    font-size:50px;
  }

  .script-bottom{
    font-size:32px;
  }

  .fancy-hero-text::before{
    width:65vw;
    height:65vw;
    max-width:260px;
    max-height:260px;
    border-width:3px;
  }
}