/* components/icons_stickers.css */
/* ICONS */
.app-area-icon {
    margin-right: 0.3125rem;
    vertical-align: middle;
}

.app-area-icon--svg {
    height: auto;
}

.app-area-icon--fa {
    color: var(--color-accent);
}


/* STICKERS */
.pictogram-sticker {
    position: absolute;
    bottom: 0;
    left: 0;
    display: flex;
    flex-direction: column-reverse;
    gap: 0.375rem;
    z-index: 3;
    width: clamp(25px, 12.5%, 40px);
    /* вот ключ — ширина контейнера относительно .card-image-container для процентной масштабируемости вложенных стикеров */
    pointer-events: auto;
}

.pictogram-sticker img {
    display: block;
    width: 100%;
    height: auto;
}

.pictogram-sticker span {
    text-transform: uppercase;
    font-weight: 800;
    color: #006699ff;
    margin-right: 0.625rem;
}

.stickers {
    position: absolute;
    top: 0.5rem;
    left: 0.125rem;
    z-index: 4;
    width: 30%;
}

.novelty-sticker {
    display: block;
    width: 100%;
    height: auto;
    margin: 0;
}

.browse-product-novelty-sticker {
    top: 0.9rem;
}

.detail-novelty-sticker {
    width: 70%;
}

@media (max-width: 992px) {
    .detail-novelty-sticker {
        width: 100%;
    }
}