.bsftslide-woo-categories #main_cats_mini a {
    height: 100%;
    padding: var(--bsft-cat-card-padding, 15px);
    box-sizing: border-box;
}

.bsftslide-woo-categories #main_cats_mini img {
    width: var(--bsft-cat-image-size-desktop, 80px);
    height: var(--bsft-cat-image-size-desktop, 80px);
    min-width: var(--bsft-cat-image-size-desktop, 80px);
    min-height: var(--bsft-cat-image-size-desktop, 80px);
    max-width: 100%;
    max-height: var(--bsft-cat-image-size-desktop, 80px);
    aspect-ratio: 1 / 1;
    display: inline-block;
}

.bsftslide-woo-categories .bsftslide-category-name,
.bsftslide-woo-categories #main_cats_mini span {
    display: block;
    font-size: var(--bsft-cat-title-font-size, 15px);
    font-weight: var(--bsft-cat-title-font-weight, bold);
    color: var(--bsft-cat-title-color, #000);
    line-height: 1.4;
    margin-top: var(--bsft-cat-title-margin-top, 15px);
    margin-bottom: var(--bsft-cat-title-margin-bottom, 15px);
    min-height: calc(1.4em * 2);
    overflow-wrap: anywhere;
    word-break: break-word;
    -webkit-text-size-adjust: 100%;
    text-size-adjust: 100%;
    transition: color 0.3s ease;
}

@media (max-width: 768px) {
    .bsftslide-woo-categories #main_cats_mini img {
        width: var(--bsft-cat-image-size-tablet, var(--bsft-cat-image-size-desktop, 60px));
        height: var(--bsft-cat-image-size-tablet, var(--bsft-cat-image-size-desktop, 60px));
        min-width: var(--bsft-cat-image-size-tablet, var(--bsft-cat-image-size-desktop, 60px));
        min-height: var(--bsft-cat-image-size-tablet, var(--bsft-cat-image-size-desktop, 60px));
        max-height: var(--bsft-cat-image-size-tablet, var(--bsft-cat-image-size-desktop, 60px));
    }
}

@media (max-width: 480px) {
    .bsftslide-woo-categories #main_cats_mini img {
        width: var(--bsft-cat-image-size-mobile, var(--bsft-cat-image-size-tablet, var(--bsft-cat-image-size-desktop, 50px)));
        height: var(--bsft-cat-image-size-mobile, var(--bsft-cat-image-size-tablet, var(--bsft-cat-image-size-desktop, 50px)));
        min-width: var(--bsft-cat-image-size-mobile, var(--bsft-cat-image-size-tablet, var(--bsft-cat-image-size-desktop, 50px)));
        min-height: var(--bsft-cat-image-size-mobile, var(--bsft-cat-image-size-tablet, var(--bsft-cat-image-size-desktop, 50px)));
        max-height: var(--bsft-cat-image-size-mobile, var(--bsft-cat-image-size-tablet, var(--bsft-cat-image-size-desktop, 50px)));
    }
}

