/**
 * Mobil Override CSS
 * Adana Kurbanlık - Üstünkaya Besicilik
 * Sayfaların mobil cihazlarda daha iyi görünmesi için genel düzenlemeler.
 */

@media (max-width: 1024px) {
    .kurbanlik-grid {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 2rem !important;
    }
}

@media (max-width: 768px) {
    .section {
        padding: 3rem 0;
    }
    
    .kurbanlik-grid {
        grid-template-columns: 1fr !important;
        gap: 1.5rem !important;
        max-width: 500px;
        margin: 0 auto;
    }

    .hisse-kartlari {
        grid-template-columns: 1fr !important;
        max-width: 500px !important;
        margin: 0 auto !important;
        gap: 1.5rem !important;
    }

    .filtre-bar {
        gap: 0.5rem;
        margin-bottom: 2rem;
    }

    .filtre-btn {
        padding: 0.5rem 1rem;
        font-size: 0.85rem;
    }

    .kurbanlik-fiyat-alan .fiyat,
    .hisse-fiyat .fiyat {
        font-size: 2rem !important;
    }
    
    .kurbanlik-icerik,
    .hisse-icerik {
        padding: 0 1.5rem 2rem 1.5rem !important;
    }
    
    .istatistik-grid {
        grid-template-columns: 1fr !important;
    }
    
    .neden-biz-grid {
        gap: 2rem !important;
    }
}

@media (max-width: 480px) {
    .filtre-btn {
        flex: 1 1 calc(50% - 0.5rem);
        justify-content: center;
        text-align: center;
        padding: 0.5rem;
    }
    
    .kurbanlik-fiyat-alan .fiyat,
    .hisse-fiyat .fiyat {
        font-size: 1.75rem !important;
    }
    
    .kurbanlik-baslik-alan h3,
    .hisse-baslik h3 {
        font-size: 1.4rem !important;
    }
    
    .kurbanlik-rozet,
    .hisse-rozet {
        top: 1rem !important;
        right: 1rem !important;
        padding: 0.5rem 1rem !important;
        font-size: 0.7rem !important;
    }
}