/* ══ TABLET 769–1024px + MASAÜSTÜ 1025px+ + TOUCH ══ */

/* ══════════════════════════════════════════════════════════════════════
   TABLET (769px – 1024px)
══════════════════════════════════════════════════════════════════════ */
@media (min-width: 769px) and (max-width: 1024px) {

  /* INDEX — Hero video grid */
  .video-hero-wrap {
    height: 100svh;
  }

  /* INDEX — Shorts / Scroll-video bölümü */
  .shorts-intro {
    padding: 0 5vw 60px;
    flex-direction: column;
    align-items: flex-start;
    gap: 24px;
  }

  .shorts-intro p {
    max-width: 100%;
  }

  .videos-stack {
    padding: 0 5vw;
    gap: 80px;
  }

  /* HİZMETLER — video şerit */
  .srv-video-strip {
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
  }

  .srv-video-strip video {
    height: 360px;
  }

  /* OI (Okul-İş) — Hero */
  .oi-hero-content {
    margin-top: -30px;
  }

  /* ABOUT — asym-row tablet: yan yana kalabilir */
  .asym-row,
  .asym-row.inverse {
    grid-template-columns: 1fr 1fr;
    gap: 4vw;
    margin-bottom: 100px;
    max-width: 94vw;
  }

  .asym-img-frame {
    height: clamp(320px, 45vh, 520px);
  }

  /* KURSLAR — Team grid tablet */
  .k-team-grid {
    grid-template-columns: repeat(3, 1fr);
  }

  /* CONTACT — iki kolon tablet'te kalabilir */
  .contact-main-grid {
    grid-template-columns: 1fr 1fr;
    gap: 3vw;
  }

  .contact-form-card {
    padding: 36px 28px;
  }

  /* TEAM BÖLÜMÜ */
  .team-section {
    padding: 80px 5vw;
  }

  /* Notes — kart genişliği */
  .note-card {
    width: 320px;
  }

}

/* ══════════════════════════════════════════════════════════════════════
   MASAÜSTÜ — min-width: 1025px
══════════════════════════════════════════════════════════════════════ */
@media (min-width: 1025px) {

  /* Masaüstünde custom cursor aktif — body'de cursor:none zaten var */

  /* Büyük ekranlar için padding optimizasyonu */
  .srv-section-inner {
    padding: 100px 5vw;
  }

  .oi-section-inner {
    padding: 0 5vw;
  }

  /* Split bölümü — masaüstünde sticky scroll çalışsın */
  .split-pin-wrap {
    height: 400vh;
  }

  .split-sticky {
    position: sticky;
    top: 0;
    height: 100vh;
    flex-direction: row;
    padding: 0 10vw;
  }

  .split-left {
    flex: 1;
    margin-top: 40px;
  }

  .split-right {
    flex: 1;
    height: 320px;
    position: relative;
  }

  .split-text {
    position: absolute;
    opacity: 0;
    transform: translateY(45px) translateX(-10px);
    pointer-events: none;
  }

  .split-text.active {
    opacity: 1;
    transform: translateY(0) translateX(0);
    pointer-events: auto;
  }

}

/* ══════════════════════════════════════════════════════════════════════
   TOUCH-ONLY ORTAMLAR — hover yok
══════════════════════════════════════════════════════════════════════ */
@media (hover: none) {

  /* Touch'ta animasyonlu servislerin hepsini görünür yap */
  .services-container .service-card {
    opacity: 1;
    flex: 1;
  }

  .sc-image {
    filter: grayscale(0%) brightness(0.85);
  }

  .sc-content {
    transform: translateY(0);
  }

  /* Team popup: hover olmadığı için name daima görünür */
  .team-item {
    filter: saturate(0.8) brightness(0.9);
  }

  .team-item-name {
    opacity: 1;
  }

  /* Galeri thumb: hover efekti olmadığında filtre kaldır */
  .fso-thumb {
    filter: saturate(0.9) brightness(0.9);
  }

  /* Kurs team */
  .k-team-item {
    filter: saturate(0.8) brightness(0.9);
  }

}