/* Ürün detay sayfası için mobil düzenlemeler */

@media screen and (max-width: 768px) {
    html {
        height: 100% !important;
    }
    /* Ana sayfa yapısı */
    body {
        min-height: 100% !important;
        height: 100% !important;
        display: flex !important;
        flex-direction: column !important;
        margin: 0 !important;
        padding: 0 !important;
        position: relative !important;
    }

    /* Ana içerik alanı */
    .main-container {
        flex: 1 !important;
        display: flex !important;
        flex-direction: column !important;
        width: 100% !important;
        padding-bottom: 60px !important;
    }

    /* Footer düzenlemesi */
    footer {
        position: fixed !important;
        width: 100% !important;
        padding: 20px !important;
        margin: 0 !important;
        bottom: 0 !important;
        left: 0 !important;
        background: rgba(26, 41, 66, 0.95) !important;
        z-index: 1000 !important;
    }

    /* Ürün detay container */
    .product-container {
        flex: 1 !important;
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
        padding: 15px !important;
        box-sizing: border-box !important;
    }

    /* Sayfa yapısı düzenlemeleri */
    .product-container {
        display: block !important;
        width: 100% !important;
        padding: 0 15px !important;
        margin: 0 !important;
        overflow-x: hidden !important;
    }
    
    /* Ürün başlık ve içerik alanları */
    .product-title-container {
        width: 100% !important;
        margin-bottom: 20px !important;
    }
    
    .product-content-container {
        width: 100% !important;
        padding: 0 !important;
    }
    
    /* Ürün görselleri */
    .product-image-container {
        width: 100% !important;
        max-width: 100% !important;
        margin-bottom: 20px !important;
        overflow: hidden !important;
    }
    
    .product-image-main {
        width: 100% !important;
        height: auto !important;
        object-fit: contain !important;
    }
    
    /* Özellik ve teknik detay sekmeleri */
    .tab-buttons {
        flex-wrap: wrap !important;
    }
    
    /* Sekme düğmeleri */
    .tab-buttons {
        display: flex !important;
        flex-wrap: wrap !important;
        justify-content: center !important;
        gap: 10px !important;
        margin-bottom: 20px !important;
        width: 100% !important;
    }

    .tab-btn {
        flex: 1 !important;
        min-width: 150px !important;
        padding: 10px !important;
        border: none !important;
        background-color: #f0f0f0 !important;
        color: #333 !important;
        cursor: pointer !important;
        transition: background-color 0.3s !important;
    }

    .tab-btn.active {
        background-color: #1a2942 !important;
        color: white !important;
    }

    /* Sekme içerikleri */
    .tab-content {
        width: 100% !important;
        padding: 15px !important;
    }
    
    /* Footer ve alt boşluk */
    .footer-container {
        position: relative !important;
        bottom: auto !important;
        margin-top: 40px !important;
        width: 100% !important;
    }
    
    /* Genel içerik düzenlemeler */
    body {
        overflow-x: hidden !important;
        width: 100% !important;
        box-sizing: border-box !important;
    }
    
    /* Tablolar ve listeler için düzenlemeler */
    table, ul, li {
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
    }
    
    /* Whatsapp ve teklif al butonları */
    .contact-button-container {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        width: 100% !important;
        margin-bottom: 30px !important;
    }
    
    .contact-button {
        width: 100% !important;
        margin-bottom: 10px !important;
    }
    
    /* Toplamda sayfa yüksekliğini düzeltmek için */
    html, body {
        min-height: 100% !important;
        height: auto !important;
    }
    
    .main-container {
        flex: 1 0 auto !important;
        min-height: 100% !important;
        height: auto !important;
        position: relative !important;
        padding-bottom: 80px !important;
        margin-bottom: 0 !important;
    }
}