/* ===============================
   SADECE BU CAROUSEL
================================ */
#carouselExampleCaptions {
  position: relative;
  overflow: hidden;
}

/* ===============================
   SLIDE YAPISI
================================ */
#carouselExampleCaptions .carousel-item {
  position: relative;
  height: 65vh; /* desktop varsayılan */
}

/* ===============================
   ARKA PLAN (SAĞDAN GELİR)
================================ */
#carouselExampleCaptions .carousel-item > img.d-block {
  width: 100%;
  height: 100%;
  object-fit: cover;

  transition: transform 1.1s cubic-bezier(0.4, 0, 0.2, 1);
}

#carouselExampleCaptions
.carousel-item-next.carousel-item-start > img.d-block,
#carouselExampleCaptions
.carousel-item-prev.carousel-item-end > img.d-block {
  transform: translateX(120%);
}

#carouselExampleCaptions .carousel-item.active > img.d-block {
  transform: translateX(0);
}

/* ===============================
   KÜÇÜK PNG (SOLDAN – GECİKMELİ)
================================ */
#carouselExampleCaptions .slide-png {
  position: absolute;
  right: 20px;
  bottom: 20px;

  /* 🔒 SABİT KUTU */
  width: 260px;
  height: 260px;

  display: flex;
  align-items: center;
  justify-content: center;

  /* görsel kontrol için istersen aç */
  /* background: rgba(255,0,0,0.1); */

  opacity: 0;
  transform: translateX(-120px);

  transition:
    opacity 0.7s ease-out,
    transform 0.7s ease-out;

  transition-delay: 0.6s;

  z-index: 20;
  pointer-events: none;
}
/* PNG'NİN KENDİSİ */
#carouselExampleCaptions .slide-png img {
  max-width: 100%;
  max-height: 100%;

  width: auto;
  height: auto;

  object-fit: contain;
}

#carouselExampleCaptions .carousel-item.active .slide-png {
  opacity: 1;
  transform: translateX(0);
}

/* ===============================
   SLIDE ÜSTÜ YAZI – ELİT TASARIM
================================ */
.slide-text {
  position: absolute;
  top: 32%;
  left: 8%;
  max-width: 42%;

 background: rgba(255, 255, 255, 0.18);
  backdrop-filter: blur(3px);
  -webkit-backdrop-filter: blur(3px);

  padding: 22px 26px;
  border-radius: 14px;

  z-index: 15;
  animation: fadeUp 1.1s ease-out;
}

/* BAŞLIK */
.slide-text h2 {
  font-size: 2.2rem;      /* desktop fix */
  font-weight: 600;
  letter-spacing: -0.4px;

  color: #111111;
  margin-bottom: 10px;

  font-family: "Inter", "Helvetica Neue", Arial, sans-serif;
}

/* AÇIKLAMA */
.slide-text p {
  font-size: 1.05rem;     /* desktop fix */
  font-weight: 400;
  line-height: 1.6;

color:white;
  margin: 0;

  font-family: "Inter", "Helvetica Neue", Arial, sans-serif;
}
/* ===============================
   YAZI ANİMASYONU
================================ */
@keyframes fadeUp {
  from {
    opacity: 0;
    transform: translateY(40px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* ===============================
   MOBİL (GERÇEKTEN KÜÇÜK)
================================ */
@media (max-width: 768px) {

  #carouselExampleCaptions .carousel-item {
    height: 26vh;
  }

  #carouselExampleCaptions img.slide-png {
    position: absolute;
    right: 6px;
    bottom: 6px;

    width: 25%;
    max-width: 90px;

    height: 55%;
    max-height: 90px;

    object-fit: contain;

    transform: none !important;
    opacity: 1 !important;

    z-index: 50;
  }
}

@media (max-width: 1024px) {

  .slide-text {
    top: 28%;
    left: 6%;
    max-width: 55%;
    padding: 18px 20px;
  }

  .slide-text h2 {
    font-size: 1.8rem;
  }

  .slide-text p {
    font-size: 0.95rem;
  }
}
@media (max-width: 768px) {

  .slide-text {
    top: 16%;
    left: 5%;
    max-width: 90%;

    padding: 14px 16px;
    border-radius: 12px;
  }

  .slide-text h2 {
    font-size: 1.25rem;   /* 🔒 FIX */
    line-height: 1.3;
  }

  .slide-text p {
    font-size: 0.85rem;   /* 🔒 FIX */
    line-height: 1.5;
  }
}