/* Palette generated by vorona.sbmrne in the 2026-10-28 Bitrix backup. */
body .card .pic .badge {
    --sticker-color: #60c339;
    --sticker-text: #fff;
    position: absolute;
    inset: 0 auto auto 0;
    z-index: 3;
    max-width: calc(100% - 40px);
    padding: 2px 7px;
    border-radius: 2px;
    background: var(--sticker-color);
    color: var(--sticker-text);
    font-family: var(--sbm-font-family, sans-serif);
    font-size: 12px;
    font-weight: 400;
    line-height: 1.692;
    letter-spacing: normal;
    text-align: left;
}
body .card .pic .badge[hidden] { display: none; }
body .card .pic .badge--new { --sticker-color: #61c338; }
body .card .pic .badge--exclusive { --sticker-color: #ff7537; }
body .card .pic .badge--recommended { --sticker-color: #ea7382; }
body .card .pic .badge--milk { --sticker-color: #929292; }
body .card .pic .badge--set,
body .card .pic .badge--three-plus-one { --sticker-color: #f0d419; }
body .card .pic .badge--value { --sticker-color: #fa3c2a; }
body .card .pic .badge--shipping-date { --sticker-color: #20a9a8; }
body .card .pic .badge--quantity-discount { --sticker-color: #fa3d2a; }
body .card .pic .badge--month { --sticker-color: #60c337; }
body .card .pic .badge--experiment { --sticker-color: #4fb6e2; }
body .card .pic .badge--unusual { --sticker-color: #b92a4f; }
body .card .pic .badge--bright { --sticker-color: #6e4fae; }
body .card .pic .badge--forty { --sticker-color: #fa3e2a; }
body .card .pic .badge--hit { --sticker-color: #2992d9; }
body .card .pic .badge--promotion { --sticker-color: #ffd83a; --sticker-text: #333; }

/* Use the closest archived palettes for the storefront's current campaigns. */
body .card .pic .badge--sort-of-week { --sticker-color: #60c337; }
body .card .pic .badge--pir { --sticker-color: #fc482d; }

body.channel-opt .card .pic .badge--new { --sticker-color: #60c337; }
body.channel-opt .card .pic .badge--exclusive { --sticker-color: #e48449; }
body.channel-opt .card .pic .badge--recommended { --sticker-color: #ea7381; }
body.channel-opt .card .pic .badge--value,
body.channel-opt .card .pic .badge--three-plus-one { --sticker-color: #fa3d2a; }

body .card .pic .favorite {
    display: grid;
    place-items: center;
    width: 36px;
    height: 36px;
    background: transparent;
    color: var(--sbm-brand-ink, #343837);
}
body .card .pic .favorite-heart { fill: currentColor; }
body .card .pic .favorite-heart-solid,
body .card .pic .favorite[aria-pressed="true"] .favorite-heart-outline { display: none; }
body .card .pic .favorite[aria-pressed="true"] .favorite-heart-solid { display: initial; }
@media (pointer: coarse) {
    body .card .pic .favorite { width: 44px; height: 44px; }
    body .card .pic .badge { max-width: calc(100% - 48px); }
}