/* ===================================================================
   Fascia "Esaurito" in alto a destra su card e scheda prodotto
   (views/partials/_fascia_esaurito.twig).

   Il contenitore ha la classe .ke-con-fascia: la fascia e' tagliata
   dal suo angolo. Il colore si cambia da tema con --fascia-esaurito-bg.
   =================================================================== */
.ke-con-fascia { position: relative; overflow: hidden; }

.ke-fascia-esaurito {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 6;
    width: 124px;
    height: 124px;
    overflow: hidden;
    pointer-events: none;
}
.ke-fascia-esaurito > span {
    position: absolute;
    top: 28px;
    right: -44px;
    width: 180px;
    padding: .38rem 0;
    transform: rotate(45deg);
    background: var(--fascia-esaurito-bg, #4b5563);
    color: var(--fascia-esaurito-testo, #fff);
    font-size: .72rem;
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: .06em;
    text-align: center;
    text-transform: uppercase;
    white-space: nowrap;
    overflow: hidden;
    box-shadow: 0 3px 10px rgba(0, 0, 0, .2);
}