/* Mobile Detail Page Styles - Sadece 768px altı için */
@media (max-width: 768px) {
    
    /* Ana sayfa - Detay aktifken */
    .listing-detail-page {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: #fff;
        z-index: 9999;
        overflow-y: auto;
        overflow-x: hidden;
    }
    
    /* Header gizle */
    .listing-detail-page header,
    .listing-detail-page .top-bar {
        display: none !important;
    }
    
    /* Main container */
    .listing-detail-main {
        padding: 0 !important;
        padding-bottom: 80px !important;
        min-height: auto !important;
    }
    
    .listing-detail-container {
        max-width: 100% !important;
        padding: 0 !important;
        margin: 0 !important;
        border-radius: 0 !important;
        box-shadow: none !important;
        display: flex !important;
        flex-direction: column !important;
        gap: 0 !important;
    }
    
    /* ===== HEADER - Geri butonu ve başlık ===== */
    .detail-header,
    .detail-header-mobile-fix {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        text-align: center !important;
        padding: 15px !important;
        background: #fff !important;
        border-bottom: 1px solid #eee !important;
        gap: 10px !important;
    }
    
    .detail-header-top-row {
        display: flex !important;
        align-items: center !important;
        width: 100% !important;
        position: relative !important;
    }
    
    .detail-back-btn,
    .detail-back-btn-mobile {
        position: absolute !important;
        left: 0 !important;
        background: transparent !important;
        border: none !important;
        color: #333 !important;
        font-size: 1.5rem !important;
        padding: 5px !important;
        cursor: pointer !important;
        box-shadow: none !important;
    }
    
    .detail-back-btn span {
        display: none !important;
    }
    
    .detail-title-mobile,
    .detail-header h2 {
        flex: 1 !important;
        text-align: center !important;
        font-size: 16px !important;
        font-weight: 600 !important;
        margin: 0 !important;
        padding: 0 40px !important;
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
    }
    
    /* Fiyat ve paylaşım */
    .price-share-container,
    .detail-price-mobile-group {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        gap: 10px !important;
        width: 100% !important;
        padding: 0 !important;
        background: transparent !important;
    }
    
    .detail-price {
        font-size: 20px !important;
        font-weight: 700 !important;
        color: #d40000 !important;
        background: #fff5f5 !important;
        padding: 10px 20px !important;
        border-radius: 8px !important;
        border: 2px solid #d40000 !important;
        text-align: center !important;
    }
    
    .sharing-buttons,
    .detail-sharing-mobile {
        display: flex !important;
        gap: 10px !important;
        justify-content: center !important;
    }
    
    .social-button {
        width: 40px !important;
        height: 40px !important;
        border-radius: 50% !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
    }
    
    /* ===== GALERİ ===== */
    .detail-gallery {
        width: 100% !important;
        padding: 0 !important;
        margin: 0 !important;
        overflow: hidden !important;
    }
    
    .gallery-main {
        width: 100% !important;
        height: 250px !important;
        border-radius: 0 !important;
        background: #000 !important;
        position: relative !important;
    }
    
    .gallery-main img {
        width: 100% !important;
        height: 100% !important;
        object-fit: contain !important;
        background: #000 !important;
    }
    
    .gallery-nav {
        width: 35px !important;
        height: 35px !important;
    }
    
    .gallery-counter {
        position: absolute !important;
        bottom: 10px !important;
        right: 10px !important;
        background: rgba(0,0,0,0.7) !important;
        color: #fff !important;
        padding: 4px 10px !important;
        border-radius: 15px !important;
        font-size: 12px !important;
    }
    
    .fullscreen-btn {
        position: absolute !important;
        top: 10px !important;
        right: 10px !important;
        width: 35px !important;
        height: 35px !important;
        background: rgba(0,0,0,0.5) !important;
        border-radius: 50% !important;
    }
    
    /* Thumbnail'lar */
    .gallery-thumbs {
        display: flex !important;
        gap: 8px !important;
        padding: 10px 15px !important;
        overflow-x: auto !important;
        background: #f5f5f5 !important;
    }
    
    .thumb {
        width: 50px !important;
        height: 40px !important;
        flex-shrink: 0 !important;
        border-radius: 4px !important;
        overflow: hidden !important;
    }
    
    /* ===== DETAY BİLGİLERİ ===== */
    .detail-info {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        text-align: center !important;
        padding: 15px !important;
        gap: 12px !important;
        background: #fff !important;
    }
    
    /* İlan No */
    .detail-listing-number {
        font-size: 12px !important;
        color: #888 !important;
        background: #f0f0f0 !important;
        padding: 5px 15px !important;
        border-radius: 15px !important;
        margin-bottom: 5px !important;
    }
    
    /* Konum */
    .detail-location {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 8px !important;
        font-size: 14px !important;
        font-weight: 500 !important;
        color: #333 !important;
        background: #e8f4fd !important;
        padding: 10px 15px !important;
        border-radius: 8px !important;
        width: 100% !important;
        box-sizing: border-box !important;
        text-align: center !important;
        flex-wrap: wrap !important;
    }
    
    .detail-location i {
        color: #007bff !important;
    }
    
    /* Ana Özellikler */
    .detail-specs {
        display: flex !important;
        flex-direction: column !important;
        gap: 8px !important;
        width: 100% !important;
        padding: 12px !important;
        background: #f8f9fa !important;
        border-radius: 8px !important;
        box-sizing: border-box !important;
    }
    
    .detail-specs span,
    .detail-specs .spec-item {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 8px !important;
        font-size: 13px !important;
        padding: 8px 12px !important;
        background: #fff !important;
        border-radius: 6px !important;
        border-left: none !important;
        white-space: nowrap !important;
        flex-wrap: nowrap !important;
    }
    
    /* Mobilde ikonları gizle */
    .detail-specs span i,
    .detail-specs .spec-item i {
        display: none !important;
    }
    
    /* Mobilde etiketleri göster, desktop versiyonu gizle */
    .detail-specs .spec-desktop {
        display: none !important;
    }
    
    .detail-specs .spec-mobile {
        display: inline !important;
    }
    
    /* Ek Özellikler */
    .additional-specs {
        display: flex !important;
        flex-direction: column !important;
        gap: 8px !important;
        width: 100% !important;
        padding: 12px !important;
        background: #fffbeb !important;
        border-radius: 8px !important;
        border-left: none !important;
        box-sizing: border-box !important;
    }
    
    .additional-specs span,
    .additional-specs .spec-item {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 8px !important;
        font-size: 13px !important;
        padding: 8px 12px !important;
        background: #fff !important;
        border-radius: 6px !important;
        border-left: none !important;
        white-space: nowrap !important;
        flex-wrap: nowrap !important;
    }
    
    /* Mobilde additional-specs ikonlarını göster ve renklendir */
    .additional-specs span i,
    .additional-specs .spec-item i {
        display: inline !important;
        color: #ffc107 !important;
        font-size: 16px !important;
    }
    
    /* Mobilde etiketleri göster, desktop versiyonu gizle */
    .additional-specs .spec-desktop {
        display: none !important;
    }
    
    .additional-specs .spec-mobile {
        display: inline !important;
    }
    
    /* Açıklama */
    .detail-description {
        width: 100% !important;
        padding: 15px !important;
        background: #f8f9fa !important;
        border-radius: 8px !important;
        text-align: center !important;
        box-sizing: border-box !important;
    }
    
    .detail-description h3 {
        font-size: 15px !important;
        font-weight: 600 !important;
        margin-bottom: 10px !important;
        color: #333 !important;
    }
    
    .detail-description p {
        font-size: 13px !important;
        line-height: 1.6 !important;
        color: #555 !important;
        max-height: none !important;
    }
    
    /* İlan Sahibi */
    .detail-owner {
        width: 100% !important;
        padding: 15px !important;
        background: #e8f5e9 !important;
        border-radius: 8px !important;
        text-align: center !important;
        box-sizing: border-box !important;
    }
    
    .detail-owner h3 {
        font-size: 15px !important;
        font-weight: 600 !important;
        margin-bottom: 10px !important;
        color: #333 !important;
    }
    
    .detail-owner p {
        font-size: 14px !important;
        line-height: 1.8 !important;
    }
    
    .detail-owner a {
        color: #2e7d32 !important;
        font-weight: 500 !important;
    }
    
    /* Mobile Tab Bar */
    .listing-detail-page .mobile-tab-bar {
        position: fixed !important;
        bottom: 0 !important;
        left: 0 !important;
        right: 0 !important;
        display: flex !important;
        background: #fff !important;
        box-shadow: 0 -2px 10px rgba(0,0,0,0.1) !important;
        z-index: 10000 !important;
    }
    
    .listing-detail-page .mobile-tab-bar .tab-item {
        flex: 1 !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        padding: 15px !important;
        font-size: 24px !important;
    }
    
    .listing-detail-page .mobile-tab-bar .tab-item:first-child {
        background: #25D366 !important;
        color: #fff !important;
    }
    
    .listing-detail-page .mobile-tab-bar .tab-item:last-child {
        background: #d40000 !important;
        color: #fff !important;
    }
    
    .listing-detail-page .mobile-tab-bar .tab-divider {
        display: none !important;
    }
}