/* Promotion stickers on product cards (global) */

.sticker__item.promotion {
    font-weight: 700;
    letter-spacing: .02em;
    opacity: 1;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: max-content;
    max-width: 100%;
    padding: 4px 10px;
    line-height: 1.2;
    white-space: nowrap;
    float: left;
    clear: both;
}

.sticker__item.promotion.promo-shape-pill {
    border-radius: 999px;
}

.sticker__item.promotion.promo-shape-rounded {
    border-radius: 6px;
}

.sticker__item.promotion.promo-shape-square {
    border-radius: 0;
}

.sticker__item.promotion.promo-shape-circle {
    border-radius: 50%;
    width: 42px;
    height: 42px;
    min-width: 42px;
    min-height: 42px;
    max-width: 42px;
    padding: 0;
    font-size: .65em;
    text-align: center;
}

.sticker__item.promotion.promo-shape-ribbon {
    border-radius: 0 6px 6px 0;
    clip-path: polygon(0 0, calc(100% - 8px) 0, 100% 50%, calc(100% - 8px) 100%, 0 100%);
    padding-left: 10px;
    padding-right: 14px;
}

.sticker__item.promotion.promo-shape-tag {
    border-radius: 3px 6px 6px 3px;
    position: relative;
    padding-left: 14px;
}

.sticker__item.promotion.promo-shape-tag::before {
    content: '';
    position: absolute;
    left: 5px;
    top: 50%;
    width: 5px;
    height: 5px;
    margin-top: -2.5px;
    border-radius: 50%;
    background: currentColor;
    opacity: .85;
}