/* Mobile Payment/Support Button Fix */

@media (max-width: 768px) {
    /* ===== HORIZONTAL SCROLL ÖNLEYİCİ ===== */
    html, body {
        overflow-x: hidden !important;
        max-width: 100vw !important;
        position: relative !important;
    }
    
    body {
        margin: 0 !important;
        padding: 0 !important;
    }
    
    /* Tüm ana container'lar için overflow kontrolü */
    main,
    .container,
    .main-container,
    .content-wrapper,
    section {
        max-width: 100% !important;
        overflow-x: hidden !important;
    }
    
    /* MOBİL SLIDER DÜZELTMELERİ - Tam ekran, scroll yok */
    .main-slider {
        margin: 8px 0 !important; /* Yan margin YOK - tam genişlik */
        padding: 0 !important;
        width: 100% !important; /* Tam genişlik */
        max-width: 100% !important;
        border-radius: 0 !important; /* Mobilde köşeler kesik olmasın */
        box-shadow: none !important; /* Mobilde shadow yok, performans */
    }
    
    #photo-slideshow {
        margin: 8px 0 !important; /* Yan margin YOK */
        padding: 0 !important;
        width: 100% !important;
        max-width: 100% !important;
        border-radius: 0 !important;
        box-shadow: none !important;
    }
    
    /* SLIDER İÇERİĞİ TAM DOLDURMA */
    .slider-container {
        width: 100% !important;
        height: 100% !important;
        overflow: hidden !important;
    }
    
    .slide {
        width: 100% !important;
        height: 100% !important;
        background-size: cover !important; /* Tam doldur, kırp */
        background-position: center !important;
        background-repeat: no-repeat !important;
    }
    
    .slide img {
        width: 100% !important;
        height: 100% !important;
        object-fit: cover !important; /* Tam doldur, kırp */
        object-position: center !important;
        display: block !important;
    }
    
    /* Desktop container'ları mobilde sadece margin düzelt */
    .desktop-pro-main-container {
        margin: 0 !important;
        padding: 8px 0 !important; /* Minimal padding */
    }
    
    .desktop-pro-main-row {
        margin: 0 !important;
        padding: 0 !important;
    }
    
    .desktop-pro-right-wrapper {
        margin: 0 !important;
        padding: 0 !important;
    }
    
    .desktop-pro-slider-area {
        margin: 0 !important;
        padding: 0 !important;
    }
    
    /* Güvenli ödeme sistemi düzeltmeleri */
    .support-cta-pro {
        width: auto !important;
        max-width: calc(100% - 32px) !important;
        margin: 16px auto 8px auto !important; /* Üstten daha fazla boşluk */
        padding: 0 !important;
        position: relative !important;
    }
    
    /* Destek içeriği boyutu ayarlamaları */
    .support-content {
        width: 100% !important;
        height: 48px !important; /* Sabit yükseklik */
        padding: 0 15px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important; /* İçerik dağılımı */
        background: linear-gradient(135deg, #3df9fb, #2a5298) !important;
        border-radius: 8px !important;
        box-shadow: 0 2px 8px rgba(61, 249, 251, 0.15) !important;
    }
    
    /* Sol taraf (ikon ve metin) */
    .support-left {
        display: flex !important;
        align-items: center !important;
        flex: 1 !important;
    }
    
    /* Metin alanı */
    .support-text {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important; /* Yazıları ortala */
        justify-content: center !important;
        flex: 1 !important;
        min-width: 0 !important;
        text-align: center !important; /* Yazıları ortala */
        margin: 0 auto !important; /* Yazıları ortala */
    }
    
    /* Başlık ve alt başlık ayarlamaları */
    .support-title {
        font-size: 14px !important;
        font-weight: 700 !important;
        margin: 0 !important;
        color: white !important;
        text-align: center !important;
        width: 100% !important;
    }
    
    .support-subtitle {
        font-size: 11px !important;
        margin: 0 !important;
        opacity: 0.9 !important;
        color: white !important;
        text-align: center !important;
        width: 100% !important;
    }
    
    /* İkon boyutu düzeltme */
    .support-icon-wrapper {
        width: 32px !important;
        height: 32px !important;
        min-width: 32px !important; /* Sıkışmaması için */
        border-radius: 50% !important;
        background: rgba(255, 255, 255, 0.2) !important;
        margin-right: 10px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        flex-shrink: 0 !important;
        overflow: visible !important;
    }
    
    .support-icon {
        width: 18px !important;
        height: 18px !important;
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        color: white !important;
    }
    
    /* İkon içindeki telefon simgesi */
    .support-icon-wrapper i,
    .support-icon-wrapper svg {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        color: white !important;
        font-size: 18px !important;
        width: 18px !important;
        height: 18px !important;
    }
    
    /* Sağ ok ikonu - kaldırılıyor */
    .support-action {
        display: none !important;
        visibility: hidden !important;
        opacity: 0 !important;
        width: 0 !important;
        height: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
    }
    
    /* homepage-pro.css'teki support-section-pro override */
    .support-section-pro {
        padding: 6px 0 !important;
        background: transparent !important;
        position: relative !important;
        z-index: 5 !important;
    }
    
    /* Eski support-button stillerini override et */
    .support-button {
        display: none !important; /* Eski butonu tamamen gizle */
    }
    
    /* VİTRİN bölümü için padding ayarı */
    .featured-section {
        padding-top: 15px !important;
    }
    
    /* Slider ve buton arasındaki boşluk */
    .desktop-pro-slider-area + .support-section-pro {
        margin-top: 16px !important; /* Daha fazla boşluk */
    }
    
    /* Buton ve VİTRİN başlığı arasındaki boşluk */
    .support-section-pro + .featured-section {
        margin-top: 16px !important; /* Daha fazla boşluk */
    }
    
    /* Metin taşması önleme */
    .support-title, .support-subtitle {
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
    }
}