@media (max-width: 1024px) {
    .footer-grid {
        grid-template-columns: 1fr 1fr 1fr;
    }

    .urun-kart-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .portfoy-grid,
    .urun-gruplari-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .katalog-grid {
        grid-template-columns: repeat(3, 1fr);
    }

    .iletisim-grid {
        grid-template-columns: 1fr;
    }

    .hp-hesap-grid {
        grid-template-columns: repeat(3, 1fr);
    }

    .hp-sonuc-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .guven-sayac-grid {
        grid-template-columns: repeat(2, 1fr);
        row-gap: 30px;
    }

    .yorum-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 860px) {
    .ust-serit-sol .ust-oge-eposta,
    .ust-serit-sol .ust-oge-teknik-destek {
        display: none;
    }

    .ana-menu {
        display: none;
    }

    .mobil-menu-ac {
        display: block;
    }

    .footer-grid {
        grid-template-columns: 1fr 1fr;
    }

    .hero-icerik h1 {
        font-size: 32px;
    }

    .bolum-hero {
        height: 520px;
    }
}

@media (max-width: 640px) {
    .ust-serit-sol {
        display: none;
    }

    .ust-serit-ic {
        justify-content: flex-end;
    }

    .urun-kart-serit {
        padding: 16px 0;
    }

    .urun-kart-grid {
        grid-template-columns: 1fr;
    }

    .hero-alt-ic {
        flex-direction: column;
        align-items: stretch;
    }

    .hizli-erisim {
        justify-content: center;
        flex-wrap: wrap;
    }

    .portfoy-grid,
    .urun-gruplari-grid,
    .katalog-grid,
    .footer-grid,
    .guven-sayac-grid,
    .yorum-grid {
        grid-template-columns: 1fr;
    }

    .guven-sayac-grid {
        grid-template-columns: repeat(2, 1fr);
        row-gap: 26px;
    }

    .sertifika-grid {
        gap: 28px;
    }

    .sertifika-kart img {
        max-height: 44px;
    }

    .form-satir {
        grid-template-columns: 1fr;
    }

    .teknik-sekme-basliklar {
        flex-direction: column;
    }

    .hp-hesap-grid {
        grid-template-columns: 1fr 1fr;
    }

    .hp-hesap-butonlar {
        grid-template-columns: 1fr;
    }

    .hp-sonuc-grid {
        grid-template-columns: 1fr 1fr;
    }

    .bolum {
        padding: 46px 0;
    }

    .bolum-baslik h2 {
        font-size: 24px;
    }

    .hero-icerik h1 {
        font-size: 26px;
    }

    .bolum-hero {
        height: 560px;
    }
}