/* =============================================
   ANA SAYFA DÜZELTMELERİ (12.10.2026)
   Her düzeltme <body> sınıfına bağlı; sınıf yoksa hiçbiri çalışmaz.
     duz-menu   → telefonda ☰ menü, "Giriş Yap" ekranda kalır
     duz-mobil  → telefonda başlık / kart / oyun açıklaması yerleşimi
     duz-panel  → Widget, Ajans, Hakkımızda yazılarının arkasına okunur panel
   ============================================= */

/* ---------- duz-menu ---------- */
.sg-menu-btn { display: none; }
.sg-menu-panel { display: none; }

@media (max-width: 768px) {
  body.duz-menu .header-nav,
  body.duz-menu .header-actions .download-app-btn { display: none !important; }
  body.duz-menu .main-header { padding: 14px 0; gap: 10px; }
  body.duz-menu .brand { font-size: 13px; letter-spacing: 4px; }
  body.duz-menu .brand-sub { display: none; }
  body.duz-menu .header-actions { gap: 8px; }
  body.duz-menu .contact-btn { padding: 0 16px; min-height: 40px; box-sizing: border-box; }

  body.duz-menu .sg-menu-btn {
    display: inline-flex; align-items: center; justify-content: center;
    width: 40px; height: 40px; padding: 0; border-radius: 50%;
    border: 1px solid rgba(255, 255, 255, 0.35); background: rgba(0, 0, 0, 0.35);
    color: #fff6ed; cursor: pointer;
  }
  body.duz-menu .sg-menu-btn svg { width: 18px; height: 18px; }
  body.duz-menu .sg-menu-btn:focus-visible { outline: 2px solid #f2b05d; outline-offset: 2px; }

  body.duz-menu .sg-menu-panel.acik {
    display: flex; flex-direction: column;
    position: fixed; top: 64px; left: 16px; right: 16px; z-index: 9000;
    padding: 6px; border-radius: 16px;
    background: rgba(10, 12, 20, 0.95); border: 1px solid rgba(255, 255, 255, 0.12);
    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.7);
    -webkit-backdrop-filter: blur(12px); backdrop-filter: blur(12px);
    pointer-events: auto;
  }
  body.duz-menu .sg-menu-panel a {
    display: flex; align-items: center; justify-content: space-between;
    padding: 15px 16px; color: #fff6ed; text-decoration: none;
    font-family: 'Outfit', sans-serif; font-size: 13px; font-weight: 500;
    letter-spacing: 2px; text-transform: uppercase;
    border-bottom: 1px solid rgba(255, 255, 255, 0.07);
  }
  body.duz-menu .sg-menu-panel a:last-child { border-bottom: none; }
  body.duz-menu .sg-menu-panel a:focus-visible { outline: 2px solid #f2b05d; outline-offset: -2px; border-radius: 10px; }
  body.duz-menu .sg-menu-panel .sg-menu-indir { color: #f2b05d; }
}

/* ---------- duz-mobil ---------- */
@media (max-width: 768px) {
  body.duz-mobil .cinematic-container { padding: 0 16px 56px 16px; }

  /* Başlık kelimenin ortasından bölünmesin, ekrana sığsın */
  body.duz-mobil .slide-title {
    font-size: clamp(34px, 11vw, 52px);
    overflow-wrap: normal; word-break: keep-all; hyphens: none;
  }
  body.duz-mobil #slide-1 { left: 16px !important; width: calc(100vw - 32px) !important; }
  body.duz-mobil #slide-1 .slide-title { margin-left: 0; margin-bottom: 14px; font-size: clamp(34px, 11vw, 48px) !important; }
  /* Başlıklar harf harf <span>'lere bölünmüş (animasyon); duzeltmeler.js kelimeleri bir arada tutar */
  body.duz-mobil .sg-kelime { display: inline-block; white-space: nowrap; }
  body.duz-mobil #slide-1 .store-container { margin-left: 0 !important; width: 100%; }
  body.duz-mobil #slide-1 .store-info { margin-left: 0 !important; max-width: 100% !important; }
  body.duz-mobil .games-marquee-wrapper { width: 100%; margin-left: 0; }
  body.duz-mobil .game-banner-card { width: 260px; height: 118px; }

  /* Oyun bölümleri: başlık altta, görsel + açıklama üstte, ekrana sığar */
  body.duz-mobil #slide-2 .slide-title, body.duz-mobil #slide-3 .slide-title,
  body.duz-mobil #slide-4 .slide-title, body.duz-mobil #slide-5 .slide-title,
  body.duz-mobil #slide-6 .slide-title, body.duz-mobil #slide-7 .slide-title {
    margin-left: 0; white-space: normal; font-size: clamp(28px, 9vw, 40px);
  }
  body.duz-mobil #slide-2 .slide-desc { margin-left: 0; width: 100%; }
  body.duz-mobil #slide-2, body.duz-mobil #slide-3, body.duz-mobil #slide-4, body.duz-mobil #slide-5,
  body.duz-mobil #slide-6, body.duz-mobil #slide-7, body.duz-mobil #slide-8, body.duz-mobil #slide-9,
  body.duz-mobil #slide-10 { left: 16px !important; width: calc(100vw - 32px) !important; }

  body.duz-mobil .slide-game-showcase { top: 74px; left: 16px; right: 16px; width: auto; gap: 10px; }
  body.duz-mobil .slide-game-img-box { aspect-ratio: 16 / 9; max-height: 24vh; }
  body.duz-mobil .slide-game-desc {
    font-size: 13px; line-height: 1.55; padding: 12px 14px;
    max-height: 32vh; overflow-y: auto;
  }

  /* Widget / Ajans / Hakkımızda: başlığın altından başlasın, uzun metin kendi içinde kaysın */
  body.duz-mobil #slide-8, body.duz-mobil #slide-9, body.duz-mobil #slide-10 {
    top: 74px !important; max-height: calc(100vh - 150px); overflow-y: auto !important;
  }

  body.duz-mobil .site-footer {
    font-size: 9.5px; letter-spacing: 0.5px; bottom: 10px;
    padding: 0 12px; box-sizing: border-box;
  }
}

/* ---------- duz-panel (tüm ekranlar) ---------- */
body.duz-panel #slide-8, body.duz-panel #slide-9, body.duz-panel #slide-10 {
  background: rgba(8, 10, 18, 0.62) !important;
  -webkit-backdrop-filter: blur(10px) !important; backdrop-filter: blur(10px) !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  border-radius: 18px !important;
  padding: 26px 30px !important;
  box-shadow: 0 24px 60px rgba(0, 0, 0, 0.55) !important;
}
@media (max-width: 768px) {
  body.duz-panel #slide-8, body.duz-panel #slide-9, body.duz-panel #slide-10 { padding: 18px 16px !important; }
}