/* ======================================================================
   mobile.css — ≤1024px cep düzeni
   - Bayrak barı gizli
   - Dikey bilgi paneli tam ekran (CTA’nın üstüne kadar)
   - CTA butonları altta sabit ve ortalanmış
   ====================================================================== */

/* Genel: yatay taşmayı kapat + bayrak barını gizle */
@media (max-width: 1024px){
  html, body{ overflow-x: hidden; }
  .lang-bar, #langBar{ display:none !important; }
}

/* Dikey panel + CTA */
@media (max-width: 992px){
  /* Panel tüm ekranı kaplasın (altta CTA payı bırak) */
  .yan-yazi{
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: calc(env(safe-area-inset-bottom,0px) + var(--cta-h,180px)) !important;
    z-index: 1200 !important;
    pointer-events: none;               /* içerik linkleri yok; metin */
  }
  .yan-yazi .yy-pane{
    height: 100% !important;
    margin: 0 !important;
    background: rgba(0,0,0,.38) !important;
    border-radius: 0 0 14px 14px !important;
    overflow: hidden !important;
  }
  .yan-yazi .yy-track{
    position: relative !important;
    width: 100% !important;
    height: 100% !important;
    overflow: hidden !important;
  }
  .yan-yazi .yy-marquee{
    position: absolute !important;
    left: 0; right: 0;
    white-space: normal !important;     /* çok satır */
    padding: 12px 14px !important;
    will-change: transform;
  }
  .yan-yazi .yy-copy{ display:block !important; margin:0 0 12px !important; color:#fff !important; }
}

/* CTA: altta sabit ve ortalı, taşma yok */
@media (max-width: 1024px){
  #scsCta{
    position: fixed !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    bottom: calc(env(safe-area-inset-bottom, 0px) + 8px) !important;
    width: clamp(280px, 92vw, 640px) !important;
    max-width: 100vw !important;
    padding: 0 8px;
    margin: 0 !important;
    z-index: 1300 !important;
  }
  #scsCta a{
    display: block;
    width: 100%;
    box-sizing: border-box;
    padding: 14px 18px !important;
    font-size: 15px !important;
    border-radius: 28px !important;
    text-align: center;
    text-decoration: none;
  }
  #scsCta a + a{ margin-top: 10px !important; }

  /* Slider tıklamayı engellemesin */
  #scsBgSlider{ pointer-events: none; }
}