/* Vape-Tec v0.21.161 – isolierte Badge-Mehrfachanzeige in Galerie-Kacheln.
   Bestehende Metallic-Farbverlaeufe bleiben aus custom.css erhalten. */
#product-list.layout-gallery .productbox .productbox-image > .vt-multibadges {
    position: absolute;
    top: .32rem;
    left: .32rem;
    right: .32rem;
    z-index: 7;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    gap: .24rem;
    pointer-events: none;
    perspective: 850px;
}
#product-list.layout-gallery .productbox:not(.productbox-sidebar) .vt-multibadges .productbox-ribbon.ribbon {
    position: relative;
    top: auto;
    left: auto;
    right: auto;
    bottom: auto;
    display: inline-flex;
    flex: 0 0 auto;
    max-width: 100%;
    margin: 0;
    transform: none;
    visibility: visible;
    opacity: 1;
}
@media (max-width: 767.98px) {
    #product-list.layout-gallery .productbox .productbox-image > .vt-multibadges {
        top: .2rem;
        left: .2rem;
        right: .2rem;
    }
    /* Mobile auch ohne Javascript immer nur ein Badge. */
    #product-list.layout-gallery .productbox .vt-multibadges > .ribbon:not(:first-child) {
        display: none;
    }
    #product-list.layout-gallery .productbox .vt-multibadges.vt-bf-ready > .ribbon {
        display: none !important;
    }
    #product-list.layout-gallery .vt-multibadges .vt-bf-stage {
        display: block;
        position: relative;
        flex: 0 0 auto;
        max-width: 100%;
        height: var(--vt-bf-height, 25px);
        width: var(--vt-bf-width, 112px);
        pointer-events: none;
        perspective: 850px;
        -webkit-perspective: 850px;
    }
    #product-list.layout-gallery .vt-bf-stage .vt-bf-inner {
        position: relative;
        width: 100%;
        height: 100%;
        transform-style: preserve-3d;
        -webkit-transform-style: preserve-3d;
    }
    #product-list.layout-gallery .vt-bf-stage .vt-bf-face {
        position: absolute;
        inset: 0;
        backface-visibility: hidden;
        -webkit-backface-visibility: hidden;
    }
    #product-list.layout-gallery .vt-bf-stage .vt-bf-face--back {
        transform: rotateY(180deg);
    }
    #product-list.layout-gallery .productbox:not(.productbox-sidebar) .vt-bf-face > .ribbon.productbox-ribbon {
        position: relative;
        top: 0;
        left: 0;
        right: auto;
        display: flex;
        justify-content: center;
        align-items: center;
        box-sizing: border-box;
        width: 100%;
        height: 100%;
        max-width: 100%;
        min-height: 0;
        margin: 0;
        padding: .2rem .28rem;
        white-space: nowrap;
        font-size: clamp(.49rem, 2.35vw, .58rem);
        line-height: 1.1;
        transform: none;
        overflow: hidden;
    }
}
@media (min-width: 768px) {
    #product-list.layout-gallery .vt-bf-stage { display: none !important; }
}