.baran-out-of-stock{
    position:relative!important;
    opacity:var(--baran-oos-opacity,.48)!important;
    filter:saturate(.45)!important;
    background:var(--baran-oos-bg,#fff1f1)!important;
    border-color:var(--baran-oos-border,#ff3b30)!important;
    transition:opacity .25s ease,filter .25s ease,transform .25s ease;
}
.baran-out-of-stock:hover{opacity:.68!important;filter:saturate(.65)!important}
.baran-oos-mode-hide{display:none!important}
.baran-oos-badge{
    position:absolute!important;
    z-index:20!important;
    top:50%!important;
    left:50%!important;
    transform:translate(-50%,-50%) rotate(-7deg)!important;
    background:var(--baran-oos-badge,#d60000)!important;
    color:var(--baran-oos-badge-text,#fff)!important;
    font-size:var(--baran-oos-size,22px)!important;
    font-weight:900!important;
    line-height:1.1!important;
    padding:.42em .8em!important;
    border-radius:10px!important;
    border:3px solid rgba(255,255,255,.9)!important;
    box-shadow:0 8px 24px rgba(0,0,0,.25)!important;
    pointer-events:none!important;
    white-space:nowrap!important;
    text-align:center!important;
}
.baran-oos-disabled{
    opacity:.65!important;
    cursor:not-allowed!important;
    pointer-events:none!important;
    background:#777!important;
}
.baran-oos-single-badge{
    display:block;
    width:max-content;
    max-width:100%;
    margin:0 0 14px;
    padding:10px 18px;
    background:var(--baran-oos-badge,#d60000);
    color:var(--baran-oos-badge-text,#fff);
    border-radius:10px;
    font-size:var(--baran-oos-size,22px);
    font-weight:900;
    box-shadow:0 8px 20px rgba(0,0,0,.15);
}