.cat-img-bg {
    position: relative;
    width: 80px;
    height: 80px;
    display: inline-block;
    z-index: 1;
}

    .cat-img-bg img {
        position: relative;
        display: block;
        width: 85px;
        height: 85px;
        margin: 0 auto;
        z-index: 2;
        object-fit: contain;
    }

    /* هاله رنگی، شیک و نسبتاً واضح با شفافیت مناسب */
    .cat-img-bg::before {
        content: "";
        position: absolute;
        top: -12px;
        right: -12px;
        left: -12px;
        bottom: -8px;
        z-index: 1;
        border-radius: 52% 48% 60% 40% / 49% 55% 45% 50%;
        background: radial-gradient(circle at 65% 40%, #e4ecfc 70%, transparent 500%), radial-gradient(circle at 20% 80%, #e8f9fa 63%, transparent 95%);
        /* آبی ملایم + صورتی بسیار ملایم */
        opacity: 0.78;
        filter: blur(3px);
        transition: filter 0.18s, opacity 0.15s;
        pointer-events: none;
    }

.cat-block:hover .cat-img-bg::before {
    filter: blur(6px) brightness(1.06);
}

/* سرفصل و عکس به صورت مرکز */
.cat-block {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.cat-block-title {
    margin-top: 10px;
    font-weight: 700;
    color: #252a38;
    font-size: 1.05em;
    text-align: center;
}

/* اگر خواستی برای هر دسته هاله با رنگ متفاوت مثلاً: */
.cat-img-bg.cat-bg-laptop::before {
    background: radial-gradient(circle at 60% 35%, #d0f6e2ad 70%, transparent 100%), radial-gradient(circle at 30% 85%, #e5eaffc1 54%, transparent 93%);
}

.cat-img-bg.cat-bg-shoes::before {
    background: radial-gradient(circle at 60% 45%, #ffeab9aa 70%, transparent 100%), radial-gradient(circle at 15% 95%, #ffcbffd8 60%, transparent 90%);
}