/* ------------------------------------- */
    /* CSS Kodları - Filtreleme Kartı Stili (Aynı Kaldı) */
    /* ------------------------------------- */
    .emlak-kart {
        /* margin-bottom: 2.3em; */
        /* max-height: 200px; */
        /* margin-left: auto; */
        /* margin-right: 2em; */
        /* margin: 4em 0 3em 4em; */
        /* max-width: 320px;  */
        /* border: 1px solid #ddd;  */
        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
        background-color: #fff;
        /* Changed from #000F8F to white */
        font-family: 'Poppins';
        /* width: 100%;  */
    }

    .kart-baslik {
        background-color: #000F8F;
        /* Set explicit blue background */
        color: #ffffff;
        padding: 7px 15px;
        font-size: 16px;
        font-weight: 500;
    }

    .kategori-oge {
        border-bottom: 1px solid #eee;
        margin: 0;
        font-weight: 500;
    }

    .kategori-oge:last-child {
        border-bottom: none;
    }

    .ana-kategori-baslik {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 8px 15px;
        font-size: 16px;
        color: #333;
        cursor: pointer;
        background-color: #fff;
        transition: background-color 0.2s;
    }

    .ana-kategori-baslik:hover {
        background-color: #bababa;
    }

    .kategori-sayi {
        color: #6c757d;
        font-size: 15px;
        font-weight: 300;
    }

    .genislet-daralt {
        font-size: 20px;
        color: #6c757d;
        line-height: 1;
        transition: transform 0.2s;
    }

    /* Kategori Açıkken (+) işaretini (x) yapmak */
    .ana-kategori-baslik[aria-expanded="true"] .genislet-daralt {
        transform: rotate(45deg);
    }

    .alt-kategoriler {
        list-style: none;
        padding: 0;
        margin: 0;
        /* max-height: 0; */
        /* overflow: hidden; */
        /* transition: max-height 0.2s ease-out; */
        background-color: #f7f7f7;
        /* Alt kategori arka planı */
    }

    .alt-kategoriler li {
        padding: 5px 15px;
        /* Standart padding */
        font-size: 14px;
        color: #555;
        cursor: pointer;
        /* display: flex; REMOVED to allow nested ULs to stack properly */
        /* justify-content: space-between; REMOVED */
    }

    .alt-kategoriler li:hover {
        background-color: #ececec;
    }

    /* Specific styles for the header inside LI */
    .alt-kategoriler li>div {
        display: flex;
        justify-content: space-between;
        align-items: center;
        width: 100%;
    }

    .alt-sayi {
        color: #888;
        font-weight: 300;
    }

    @media (max-width: 600px) {
        .emlak-kart {
            /* width: 100%;      */
            margin: 0;
            border-left: none;
            border-right: none;
            box-shadow: none;
        }
    }