.bg-gradient {
    background: radial-gradient(1200px 500px at 10% -10%, rgba(124, 156, 255, .25), transparent),
        radial-gradient(1200px 500px at 90% -10%, rgba(95, 225, 166, .18), transparent);
}

.hero-img {
    max-height: 520px;
    width: 100%;
    object-fit: cover
}

.cat-img {
    height: 120px
}

.object-fit-cover {
    object-fit: cover
}

/* Light/Dark handle: sadece küçük ton ayarı örneği */
:root[data-bs-theme="light"] .bg-gradient {
    background: radial-gradient(1200px 500px at 10% -10%, rgba(124, 156, 255, .18), transparent),
        radial-gradient(1200px 500px at 90% -10%, rgba(95, 225, 166, .12), transparent);
}