/* =========================================
   HERO – MOBILE RESET
========================================= */

@media (max-width:768px){

  /* Genel hero düzeni */
  .hero-parallax{
    height:auto !important;
    flex-direction:column !important;
    padding:0 !important;
  }

  /* Sol metin alanı */
  .hero-left{
    width:100% !important;
    padding:40px 20px !important;
    text-align:center;
  }

  .hero-left h1{
    font-size:34px !important;
    line-height:1.2 !important;
  }

  .hero-social{
    justify-content:center !important;
    flex-direction:row !important;
    gap:15px !important;
    margin-top:20px !important;
  }

  /* Sağ görsel alanı */
  .hero-stage{
    width:100% !important;
    margin:0 !important;
    overflow:hidden !important;
    position:relative !important;
  }

  /* Slider container */
  .hero-panels{
    display:flex !important;
    width:100% !important;
    transition:transform .6s ease !important;
  }

  /* Her slide */
  .hero-panel{
    flex:0 0 100% !important;
    max-width:100% !important;

    position:relative !important;
    left:0 !important;
    right:0 !important;
    top:0 !important;
    bottom:0 !important;

    transform:none !important;
    animation:none !important;
  }

  .hero-panel img{
    width:100% !important;
    height:auto !important;
    display:block !important;
  }

}
/* Desktop default */
.hero-mobile{ display:none; }

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

@media (max-width:768px){

  .hero-desktop{ display:none; }
  .hero-mobile{ display:block; }

  .hero-mobile{
      padding:40px 20px;
  }

  .mobile-hero-text{
      text-align:center;
      margin-bottom:30px;
  }

  .mobile-hero-text h1{
      font-size:34px;
      line-height:1.2;
  }

  .mobile-social{
      display:flex;
      justify-content:center;
      gap:15px;
      margin-top:20px;
  }

  .mobile-slider{
      display:flex;
      overflow:hidden;
      width:100%;
      transition:transform .6s ease;
  }

  .mobile-slide{
      flex:0 0 100%;
  }

  .mobile-slide img{
      width:100%;
      display:block;
  }

}
.hero-mobile{
  display:none;
}

@media (max-width:768px){

  .hero-desktop{
    display:none !important;
  }

  .hero-mobile{
    display:block !important;
  }

}
@media screen and (max-width:768px){

  body .hero-desktop{
    display:none !important;
  }

  body .hero-mobile{
    display:block !important;
  }

}
@media screen and (max-width:768px){

  .hero-desktop{
    position:absolute !important;
    width:0 !important;
    height:0 !important;
    overflow:hidden !important;
    opacity:0 !important;
    pointer-events:none !important;
  }

  .hero-mobile{
    display:block !important;
  }

}
@media screen and (max-width:768px){

  .hero-desktop{
    position:absolute !important;
    width:0 !important;
    height:0 !important;
    overflow:hidden !important;
    opacity:0 !important;
    pointer-events:none !important;
  }

  .hero-mobile{
    display:block !important;
  }

}
.hero-mobile{ display:none; }

@media (max-width:768px){

  .hero-parallax{ display:none !important; }

  .hero-mobile{
    display:block;
  }

  .mobile-slider{
    display:flex;
    overflow:hidden;
    width:100%;
    transition:transform .6s ease;
  }

  .mobile-slide{
    flex:0 0 100%;
  }

  .mobile-slide img{
    width:100%;
    display:block;
  }

}
.fade-slider{
  position:relative;
}

.fade-slide{
  position:absolute;
  width:100%;
  opacity:0;
  transition:opacity .5s ease;
}

.fade-slide.active{
  opacity:1;
  position:relative;
}
@media (max-width:768px){

  .mobile-slider{
    position:relative;
    width:100%;
    height:420px;          /* Banner yüksekliği */
    overflow:hidden;
  }

  .mobile-slide{
    flex:0 0 100%;
    height:100%;
  }

  .mobile-slide img{
    width:100%;
    height:100%;
    object-fit:cover;      /* Oranı korur */
    display:block;
  }

}
@media (max-width:768px){

  .fade-slider{
    position:relative;
    width:100%;
    height:420px;              /* Banner yüksekliği */
    overflow:hidden;
  }

  .fade-slide{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    opacity:0;
    transition:opacity .6s ease;
  }

  .fade-slide img{
    width:100%;
    height:100%;
    object-fit:cover;          /* Oranı bozmadan kırpar */
    display:block;
  }

  .fade-slide.active{
    opacity:1;
    z-index:2;
  }

}
/* MOBİL HERO BAŞLIK */
.hero-mobile h1,
.fade-slider h1 {
  font-family: "Alan Sans", sans-serif;
  font-weight: 700;
  font-size: 42px;
  line-height: 1.15;
  letter-spacing: -0.5px;
  color: #2f5d8c;   /* masaüstüyle aynı mavi */
  margin-bottom: 25px;
}

/* kimyamızda satırı */
.hero-mobile h1 span,
.fade-slider h1 span {
  font-weight: 600;
  color: #2f5d8c;
}

/* var! vurgusu */
.hero-mobile h1 strong,
.fade-slider h1 strong {
  color: #1f3e63;
}
.hero-title .line {
  display: block;
  opacity: 0;
  transform: translateY(40px);
  animation: heroLineFade 0.8s ease-out forwards;
}

.hero-title .line:nth-child(1) { animation-delay: .2s; }
.hero-title .line:nth-child(2) { animation-delay: .4s; }
.hero-title .line:nth-child(3) { animation-delay: .6s; }

@keyframes heroLineFade {
  to {
    opacity: 1;
    transform: translateY(0);
  }
}