.c-button {
    color: #000;
    font-weight: 700;
    font-size: 16px;
    text-decoration: none;
    padding: 0.9em 1.6em;
    cursor: pointer;
    display: inline-block;
    vertical-align: middle;
    position: relative;
    z-index: 1;
}

.c-button--gooey {
    color: #06c8d9;
    text-transform: uppercase;
    letter-spacing: 2px;
    border: 4px solid #06c8d9;
    border-radius: 0;
    position: relative;
    transition: all 700ms ease;
}

    .c-button--gooey .c-button__blobs {
        height: 100%;
        filter: url(#goo);
        overflow: hidden;
        position: absolute;
        top: 0;
        left: 0;
        bottom: -3px;
        right: -1px;
        z-index: -1;
    }

        .c-button--gooey .c-button__blobs div {
            background-color: #06c8d9;
            width: 34%;
            height: 100%;
            border-radius: 100%;
            position: absolute;
            transform: scale(1.4) translateY(125%) translateZ(0);
            transition: all 700ms ease;
        }

            .c-button--gooey .c-button__blobs div:nth-child(1) {
                left: -5%;
            }

            .c-button--gooey .c-button__blobs div:nth-child(2) {
                left: 30%;
                transition-delay: 60ms;
            }

            .c-button--gooey .c-button__blobs div:nth-child(3) {
                left: 66%;
                transition-delay: 25ms;
            }

    .c-button--gooey:hover {
        color: #fff;
    }

        .c-button--gooey:hover .c-button__blobs div {
            transform: scale(1.4) translateY(0) translateZ(0);
        }




details {
    width: 220px;
    font-family: Arial, sans-serif;
}

.YuvarlakKenar a {
    width: 50px; /* Boyut – istersen değiştir */
    height: 50px;
    border-radius: 50%; /* Tam yuvarlak */
    border: 1px solid #000; /* Siyah çerçeve */
    display: flex;
    align-items: center;
    justify-content: center;
}

.siyahc i {
    font-size: 26px;
    color: black !important; /* İkonun iç sarı rengi */
    text-shadow: -1px -1px 0 #FFD700, 1px -1px 0 #FFD700, -1px 1px 0 #FFD700, 1px 1px 0 #FFD700;
}

summary {
    padding: 10px 12px;
    border: 1px solid #ccc;
    border-radius: 6px;
    cursor: pointer;
    background: #fff;
    list-style: none;
}

details[open] summary {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.dropdown-list {
    border: 1px solid #ccc;
    border-top: none;
    border-radius: 0 0 6px 6px;
}

.dropdown-item {
    padding: 10px 12px;
    cursor: pointer;
}

    .dropdown-item:hover {
        background: #eee;
    }

.horizontal-scroll {
    display: flex;
    flex-wrap: nowrap;
    overflow-x: auto;
    gap: 1rem;
    scroll-behavior: smooth;
    padding-bottom: 10px;
}

    .horizontal-scroll::-webkit-scrollbar {
        height: 8px;
    }

    .horizontal-scroll::-webkit-scrollbar-thumb {
        background: #888;
        border-radius: 4px;
    }

.property-item {
    flex: 0 0 auto;
}

.scroll-left, .scroll-right {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 10;
    background-color: rgba(0,0,0,0.5);
    color: white;
    border: none;
    padding: 10px;
    cursor: pointer;
    font-size: 20px;
}

.scroll-left {
    left: 0;
}

.scroll-right {
    right: 0;
}
/* Ana Filtre Konteynırı */
.filter-wrapper {
    max-height: 0;
    overflow: hidden;
    opacity: 0;
    transition: max-height 0.6s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.4s ease-in-out, margin 0.3s ease;
    transform: translateY(-10px);
}

    /* Panel Açıldığında Uygulanacak Sınıf */
    .filter-wrapper.is-open {
        max-height: 2000px; /* İçeriğe göre yeterli bir yükseklik */
        opacity: 1;
        transform: translateY(0);
        margin-top: 20px;
        margin-bottom: 20px;
    }

/* Küçük Detay: Checkbox Listeleri İçin Akordeon Efekti */
.checkbox-grid {
    transition: all 0.3s ease-out;
}

/* Filtre Başlıkları Üzerine Gelince */
.filter-title:hover {
    color: #1C6EA4 !important;
    transition: color 0.2s;
}

.filter-wrapper {
    max-height: 0;
    overflow: hidden;
    opacity: 0;
    transform: translateY(-10px);
    transition: max-height 0.6s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.35s ease, transform 0.35s ease, margin 0.3s ease;
}

    .filter-wrapper.is-open {
        max-height: 2000px;
        opacity: 1;
        transform: translateY(0);
        margin-top: 20px;
        margin-bottom: 20px;
    }