.category-v02{
    display:flex;
    flex-direction:column;
    min-height:340px;
    height:100%;
    border-radius:24px;
    overflow:hidden;
    text-decoration:none;
    box-shadow:0 4px 14px rgba(0,48,99,.06);
    padding: 2px;
}

/* Bild oben: nicht abschneiden */
.category-v02 .image{
    background:#fff;
    min-height:200px;
    padding:28px 24px 20px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:24px 24px 0 0;
}

.category-v02 .image img{
    display:block;
    max-width:100%;
    max-height:160px;
    width:auto;
    height:auto;
    object-fit:contain;
}

/* Farbfläche unten: wächst mit Inhalt */
.category-v02 .content{
    flex:1;
    padding:22px 18px 26px;
    text-align:center;
    border-radius:0 0 24px 24px;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
}

/* Kategorienfarben unten */
.cat-52 .content{
    background:#FFEA44;
}

.cat-53 .content{
    background:#9CD3D3;
}

.cat-54 .content{
    background:#DDEEF8;
}

.cat-55 .content{
    background:#EAF4E2;
}

.category-v02 .cate_name{
    margin:0 0 .45rem;
    color:#003063;
    line-height:1.25;
    text-decoration:none !important;
}

.category-v02 .cate_quantity{
    margin:0;
    color:#003063;
    line-height:1.4;
}

/* Hover ohne Abschneiden, ohne Bewegung */
.category-v02:hover,
.category-v02:focus-visible{
    filter:brightness(.96);
    outline:3px solid #003063;
    outline-offset:4px;
}

.tf-swiper,
.swiper-wrapper,
.swiper-slide{
    overflow:visible;
}