/* =========================================================================
   ÜRÜNLER & KATEGORİLER - ETKİLEŞİMLİ KATEGORİ İKON KÜMESİ (CATEGORY ICON CLUSTER)
   ========================================================================= */

.page_title .icon.category-cluster-box {
    margin-right: 25px;
    flex-shrink: 0;
    width: auto;
    height: auto;
    display: flex;
    align-items: center;
}

.category-cluster-inner {
    position: relative;
    width: 261px;
    height: 223px;
    aspect-ratio: 261 / 223;
    contain: layout paint;
    display: block;
}

.cat-cluster-link {
    position: absolute;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    text-decoration: none;
    transform: scale(1);
    transform-origin: center center;
    transition: transform 0.22s cubic-bezier(0.16, 1, 0.3, 1), filter 0.22s ease;
    z-index: 1;
    border-radius: 4px;
}

.category-cluster-inner .cat-cluster-link img {
    width: 100% !important;
    height: 100% !important;
    max-width: 100% !important;
    max-height: 100% !important;
    object-fit: contain !important;
    display: block !important;
    pointer-events: none !important;
}

.cat-cluster-link:hover,
.cat-cluster-link:focus-visible {
    transform: scale(1.08) !important;
    z-index: 10 !important;
    filter: drop-shadow(0 3px 6px rgba(15, 37, 84, 0.28));
}

/* Prefabrik & Şantiye hover animasyon çakışmasını önleme */
.cat-cluster-link.cat-prefabrik {
    transform-origin: center bottom !important;
}

.cat-cluster-link.cat-prefabrik:hover,
.cat-cluster-link.cat-prefabrik:focus-visible {
    transform: translateY(2px) scale(1.06) !important;
    z-index: 10 !important;
    filter: drop-shadow(0 3px 6px rgba(15, 37, 84, 0.28));
}

.cat-cluster-link.cat-santiye {
    transform-origin: center top !important;
}

.cat-cluster-link.cat-santiye:hover,
.cat-cluster-link.cat-santiye:focus-visible {
    transform: translateY(-2px) scale(1.06) !important;
    z-index: 10 !important;
    filter: drop-shadow(0 3px 6px rgba(15, 37, 84, 0.28));
}

.cat-cluster-link:active {
    transform: scale(1.04) !important;
}

/* 18 Kategori İkonunun Konumlandırmaları */
.cat-cluster-link.cat-mobilya { left: 5.1%; top: 4.18%; width: 21.17%; height: 14.03%; }
.cat-cluster-link.cat-isitma { left: 34.95%; top: 2.39%; width: 16.84%; height: 14.03%; }
.cat-cluster-link.cat-mutfak { left: 58.42%; top: 4.18%; width: 15.05%; height: 20.6%; }
.cat-cluster-link.cat-aydinlatma { left: 81.38%; top: 2.09%; width: 13.78%; height: 21.19%; }
.cat-cluster-link.cat-ham-madde { left: 3.06%; top: 22.99%; width: 17.86%; height: 20.9%; }
.cat-cluster-link.cat-santiye { left: 22.19%; top: 29.55%; width: 10.97%; height: 22.69%; }
.cat-cluster-link.cat-yapi-kimyasallari { left: 33.42%; top: 19.7%; width: 20.41%; height: 23.58%; }
.cat-cluster-link.cat-pencere { left: 55.87%; top: 28.66%; width: 17.6%; height: 20.3%; }
.cat-cluster-link.cat-yenilenebilir-enerji { left: 77.55%; top: 28.66%; width: 17.6%; height: 20.9%; }
.cat-cluster-link.cat-yenileme { left: 0.0%; top: 48.66%; width: 17.86%; height: 20.9%; }
.cat-cluster-link.cat-prefabrik { left: 24.74%; top: 50.15%; width: 17.86%; height: 20.9%; }
.cat-cluster-link.cat-yapi-aksesuarlari { left: 43.88%; top: 42.39%; width: 10.71%; height: 21.49%; }
.cat-cluster-link.cat-zemin-duvar { left: 58.42%; top: 54.03%; width: 18.11%; height: 17.01%; }
.cat-cluster-link.cat-cati { left: 81.12%; top: 54.03%; width: 18.11%; height: 12.24%; }
.cat-cluster-link.cat-banyo { left: 3.06%; top: 79.1%; width: 16.58%; height: 20.9%; }
.cat-cluster-link.cat-aluminyum-profil { left: 26.02%; top: 76.42%; width: 18.11%; height: 21.49%; }
.cat-cluster-link.cat-kapi { left: 53.06%; top: 72.24%; width: 14.29%; height: 20.9%; }
.cat-cluster-link.cat-beyaz-esya { left: 75.0%; top: 74.03%; width: 22.7%; height: 23.88%; }

@media (max-width: 768px) {
    .page_title .icon.category-cluster-box {
        width: 100% !important;
        margin-right: 0 !important;
        margin-bottom: 24px !important;
        height: auto !important;
        justify-content: center;
    }

    .category-cluster-inner {
        margin: 0 auto;
        width: 220px !important;
        height: 188px !important;
    }
}

@media (max-width: 480px) {
    .category-cluster-inner {
        width: 196px !important;
        height: 167px !important;
    }
}