/* möbelando Smart Badges 2.1.8 */
.mbe-smart-badges{
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    gap:.45rem;
    width:100%;
    position:static;
    z-index:auto;
    margin:.65rem 0 .55rem;
    padding:0;
    pointer-events:none;
}

.mbe-smart-badges--listing{
    top:auto;
    right:auto;
    bottom:auto;
    left:auto;
}

/* Artikeldetailseite: Sticker über dem Hauptbild oben links. */
.mbe-smart-gallery-host{
    position:relative!important;
}
.mbe-smart-badges--detail{
    position:absolute;
    top:.85rem;
    left:.85rem;
    right:auto;
    bottom:auto;
    width:auto;
    max-width:calc(100% - 1.7rem);
    margin:0;
    z-index:20;
    pointer-events:none;
}
.mbe-smart-badges--detail .mbe-smart-badge{
    pointer-events:auto;
}

/* In geöffneter Galerie/Lightbox keine Sticker anzeigen. */
.pswp .mbe-smart-badges--detail,
.lg-container .mbe-smart-badges--detail,
.lg-backdrop + .lg-outer .mbe-smart-badges--detail,
.fancybox-container .mbe-smart-badges--detail,
.fancybox__container .mbe-smart-badges--detail,
.slick-lightbox .mbe-smart-badges--detail,
.ekko-lightbox .mbe-smart-badges--detail,
.lightbox .mbe-smart-badges--detail,
.modal .mbe-smart-badges--detail,
[data-lightbox] .mbe-smart-badges--detail{
    display:none!important;
}

.mbe-smart-badge{
    --mbe-text:#fff;
    --mbe-bg:#5f676d;
    --mbe-accent:#a7e752;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:.55rem;
    min-height:2.35rem;
    max-width:100%;
    padding:.55rem .68rem .55rem .82rem;
    border:0;
    border-left:.28rem solid var(--mbe-accent);
    border-radius:.55rem;
    background:linear-gradient(135deg,var(--mbe-bg),color-mix(in srgb,var(--mbe-bg),#fff 8%));
    color:var(--mbe-text);
    font-family:var(--mbe-font-family,inherit);
    font-weight:var(--mbe-font-weight,800);
    font-size:var(--mbe-font-size,.72rem);
    line-height:1.1;
    letter-spacing:.035em;
    text-transform:uppercase;
    box-shadow:0 .25rem .75rem rgba(0,0,0,.18);
    white-space:nowrap;
    pointer-events:auto;
}

.mbe-smart-badge--clickable{
    cursor:pointer;
    transition:transform .15s ease,box-shadow .15s ease;
}
.mbe-smart-badge--clickable:hover{
    transform:translateY(-1px);
    box-shadow:0 .4rem 1rem rgba(0,0,0,.23);
}
.mbe-smart-badge--clickable:focus-visible{
    outline:.18rem solid var(--mbe-accent);
    outline-offset:.15rem;
}

.mbe-smart-badge__icon{
    display:inline-flex;
    flex:0 0 auto;
    width:1.45rem;
    height:1.45rem;
    border:2px solid currentColor;
    border-radius:50%;
    align-items:center;
    justify-content:center;
    font-size:.76rem;
}
.mbe-smart-badge__icon[data-icon=info]::before{content:'i';font-weight:900}
.mbe-smart-badge__icon[data-icon=star]::before{content:'★'}
.mbe-smart-badge__icon[data-icon=check]::before{content:'✓'}
.mbe-smart-badge__icon[data-icon=bolt]::before{content:'⚡'}
.mbe-smart-badge__icon[data-icon=percent]::before{content:'%'}

/* Nach dem Verschieben darf der ursprüngliche NOVA-Ribbon-Container keinen Bild-Overlay-Stil behalten. */
.ribbon:has(> .mbe-smart-badges),
.ribbon-wrapper:has(> .mbe-smart-badges),
.productbox-ribbon:has(> .mbe-smart-badges){
    position:static!important;
    inset:auto!important;
    width:auto!important;
    height:auto!important;
    margin:0!important;
    padding:0!important;
    background:transparent!important;
    box-shadow:none!important;
}

.mbe-smart-modal[hidden]{display:none}
.mbe-smart-modal{position:fixed;inset:0;z-index:10050;display:flex;align-items:center;justify-content:center;padding:1rem}
.mbe-smart-modal__backdrop{position:absolute;inset:0;background:rgba(0,0,0,.52)}
.mbe-smart-modal__dialog{position:relative;width:min(48rem,100%);max-height:90vh;overflow:auto;background:#fff;border-radius:.85rem;padding:1.5rem 1.6rem;box-shadow:0 1.2rem 3rem rgba(0,0,0,.3)}
.mbe-smart-modal__dialog h3{margin:0 2rem 1rem 0;font-size:1.25rem}
.mbe-smart-modal__content{color:#555;line-height:1.65}
.mbe-smart-modal__content img{max-width:100%;height:auto}
.mbe-smart-modal__content table{width:100%;max-width:100%;border-collapse:collapse}
.mbe-smart-modal__content iframe,
.mbe-smart-modal__content script,
.mbe-smart-modal__content form{display:none!important}
.mbe-smart-modal__close{position:absolute;right:.75rem;top:.55rem;border:0;background:transparent;font-size:2rem;line-height:1;color:#666;cursor:pointer}

@media(max-width:767px){
    .mbe-smart-badges{
        gap:.35rem;
        margin:.5rem 0 .45rem;
    }
    .mbe-smart-badge{
        min-height:2rem;
        padding:.43rem .52rem .43rem .62rem;
        font-size:clamp(.58rem,var(--mbe-font-size,.68rem),.82rem);
        gap:.4rem;
        border-left-width:.22rem;
        border-radius:.45rem;
    }
    .mbe-smart-badge__icon{
        width:1.22rem;
        height:1.22rem;
        font-size:.64rem;
    }
    .mbe-smart-badges--detail{
        top:.55rem;
        left:.55rem;
        max-width:calc(100% - 1.1rem);
        gap:.3rem;
    }
}