/* =========================================
   ЖАР-ПИЦЦА — ФИНАЛЬНЫЕ ПЛАШКИ
   НОВИНКА / ОСТРО / ХИТ / РЕКОМЕНДУЕМ
   Стиль: как на утверждённом макете
   ========================================= */

/* Карточка товара */
.t-store__card {
    position: relative !important;
}

/* Базовое положение плашек */
.t-store__card__mark-wrapper {
    position: absolute !important;
    left: 12px !important;
    bottom: 12px !important;
    top: auto !important;
    right: auto !important;
    z-index: 12 !important;
}

/* Только для пицц поднимаем выше */
#rec2374905711 .t-store__card__mark-wrapper,
#rec2317468351 .t-store__card__mark-wrapper {
    bottom: 34px !important;
}

/* Общий стиль */
.t-store__card__mark,
.js-store-prod-label {
    position: relative !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;

    height: 40px !important;
    padding: 0 14px !important;
    box-sizing: border-box !important;

    border-radius: 999px !important;
    border: 1px solid rgba(255,255,255,0.18) !important;

    color: #ffffff !important;
    white-space: nowrap !important;
    text-transform: uppercase !important;

    font-family: Impact, Haettenschweiler, "Arial Narrow Bold", "Arial Narrow", Arial, sans-serif !important;
    font-size: 18px !important;
    font-weight: 900 !important;
    letter-spacing: 0.2px !important;
    line-height: 1 !important;

    transform: rotate(-6deg) !important;
    transform-origin: left center !important;

    box-shadow:
        0 5px 12px rgba(0,0,0,0.10),
        inset 0 1px 0 rgba(255,255,255,0.25) !important;

    transition: none !important;
    animation: none !important;
    text-shadow: 0 1px 0 rgba(0,0,0,0.06) !important;

    overflow: hidden !important;
}

/* Лёгкий блик сверху */
.t-store__card__mark::after,
.js-store-prod-label::after {
    content: "" !important;
    position: absolute !important;
    left: 6px !important;
    right: 6px !important;
    top: 3px !important;
    height: 42% !important;
    border-radius: 999px !important;
    background: linear-gradient(
        to bottom,
        rgba(255,255,255,0.22),
        rgba(255,255,255,0.02)
    ) !important;
    pointer-events: none !important;
}

/* =========================================
   НОВИНКА
   ========================================= */
.t-store__card__mark[data-zhar-label="new"],
.js-store-prod-label[data-zhar-label="new"] {
    width: 140px !important;
    background: linear-gradient(180deg, #ffa12d 0%, #ff8f14 42%, #ff7d00 100%) !important;
    color: #ffffff !important;
}

/* =========================================
   ОСТРО
   ========================================= */
.t-store__card__mark[data-zhar-label="spicy"],
.js-store-prod-label[data-zhar-label="spicy"] {
    width: 148px !important;
    background: linear-gradient(180deg, #ff3e52 0%, #f82339 45%, #ea1027 100%) !important;
    color: #ffffff !important;
}

/* текст внутри ОСТРО чуть плотнее */
.t-store__card__mark[data-zhar-label="spicy"],
.js-store-prod-label[data-zhar-label="spicy"] {
    letter-spacing: 0 !important;
}

/* Перчик с огненным хвостом */
.t-store__card__mark[data-zhar-label="spicy"]::before,
.js-store-prod-label[data-zhar-label="spicy"]::before {
    content: "" !important;
    display: inline-block !important;
    width: 27px !important;
    height: 27px !important;
    flex-shrink: 0 !important;
    background-color: #ffffff !important;

    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cpath fill='black' d='M46.7 10.3c-6.4 0-11.2 3.8-13.1 10-1.3 4.3-5.1 7.4-9.7 8.1-4.8.7-8.6 3.3-11 7.4-4.8 8.1-2 18.8 6.1 23.6 7.8 4.6 18 2.3 23-5.2 2.2-3.3 5.5-5.6 9.3-6.4 6.5-1.5 11.2-7.3 11.2-14.1 0-7.2-5.2-13-12-13.9.7-1.6 1.2-3.4 1.2-5.4 0-2.3-.7-4.1-1.7-5.7-.9.9-1.9 1.6-3.3 1.6zM23 17c5 1.4 8.2 5.1 9.1 10.5-3.2-.6-6.6.2-9.3 2.2.9-4.1.9-8-.1-12.7z'/%3E%3Cpath fill='black' d='M40.5 6.5c2.6 1.9 4.2 4.8 4.2 8.1 0 2.5-.9 4.8-2.4 6.6 4.7-.4 8.9 2.8 9.8 7.5-1.7-2.6-4.4-4.3-7.4-4.7-.8-3.3-2.7-6.3-5.7-8.4 1.4-2 2-4.1 1.5-9.1z'/%3E%3C/svg%3E") center / contain no-repeat !important;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cpath fill='black' d='M46.7 10.3c-6.4 0-11.2 3.8-13.1 10-1.3 4.3-5.1 7.4-9.7 8.1-4.8.7-8.6 3.3-11 7.4-4.8 8.1-2 18.8 6.1 23.6 7.8 4.6 18 2.3 23-5.2 2.2-3.3 5.5-5.6 9.3-6.4 6.5-1.5 11.2-7.3 11.2-14.1 0-7.2-5.2-13-12-13.9.7-1.6 1.2-3.4 1.2-5.4 0-2.3-.7-4.1-1.7-5.7-.9.9-1.9 1.6-3.3 1.6zM23 17c5 1.4 8.2 5.1 9.1 10.5-3.2-.6-6.6.2-9.3 2.2.9-4.1.9-8-.1-12.7z'/%3E%3Cpath fill='black' d='M40.5 6.5c2.6 1.9 4.2 4.8 4.2 8.1 0 2.5-.9 4.8-2.4 6.6 4.7-.4 8.9 2.8 9.8 7.5-1.7-2.6-4.4-4.3-7.4-4.7-.8-3.3-2.7-6.3-5.7-8.4 1.4-2 2-4.1 1.5-9.1z'/%3E%3C/svg%3E") center / contain no-repeat !important;
}

/* =========================================
   ХИТ
   ========================================= */
.t-store__card__mark[data-zhar-label="hit"],
.js-store-prod-label[data-zhar-label="hit"] {
    width: 118px !important;
    background: linear-gradient(180deg, #ffe784 0%, #ffd34a 45%, #ffc52a 100%) !important;
    color: #5b3700 !important;
    text-shadow: none !important;
}

.t-store__card__mark[data-zhar-label="hit"]::before,
.js-store-prod-label[data-zhar-label="hit"]::before {
    content: "★" !important;
    display: inline-block !important;
    font-family: Arial, sans-serif !important;
    font-size: 22px !important;
    line-height: 1 !important;
    color: #5b3700 !important;
}

/* =========================================
   РЕКОМЕНДУЕМ
   ========================================= */
.t-store__card__mark[data-zhar-label="recommend"],
.js-store-prod-label[data-zhar-label="recommend"] {
    width: 212px !important;
    background: linear-gradient(180deg, #ffa12d 0%, #ff8f14 42%, #ff7d00 100%) !important;
    color: #ffffff !important;
    font-size: 17px !important;
}

/* Ненужные псевдоэлементы убираем */
.t-store__card__mark[data-zhar-label="new"]::before,
.js-store-prod-label[data-zhar-label="new"]::before,
.t-store__card__mark[data-zhar-label="recommend"]::before,
.js-store-prod-label[data-zhar-label="recommend"]::before {
    content: none !important;
}

/* Чтобы плашки не обрезались */
.t-store__card,
.t-store__card__image-wrap,
.t-store__card__imgwrapper {
    overflow: visible !important;
}

/* =========================================
   МОБИЛЬНАЯ ВЕРСИЯ
   ========================================= */
@media screen and (max-width: 640px) {

    .t-store__card__mark,
    .js-store-prod-label {
        height: 34px !important;
        padding: 0 10px !important;
        gap: 6px !important;
        font-size: 15px !important;
        left: auto !important;
    }

    .t-store__card__mark[data-zhar-label="new"],
    .js-store-prod-label[data-zhar-label="new"] {
        width: 116px !important;
    }

    .t-store__card__mark[data-zhar-label="spicy"],
    .js-store-prod-label[data-zhar-label="spicy"] {
        width: 122px !important;
    }

    .t-store__card__mark[data-zhar-label="hit"],
    .js-store-prod-label[data-zhar-label="hit"] {
        width: 94px !important;
    }

    .t-store__card__mark[data-zhar-label="recommend"],
    .js-store-prod-label[data-zhar-label="recommend"] {
        width: 172px !important;
        font-size: 14px !important;
    }

    .t-store__card__mark[data-zhar-label="spicy"]::before,
    .js-store-prod-label[data-zhar-label="spicy"]::before {
        width: 22px !important;
        height: 22px !important;
    }

    .t-store__card__mark[data-zhar-label="hit"]::before,
    .js-store-prod-label[data-zhar-label="hit"]::before {
        font-size: 18px !important;
    }

    .t-store__card__mark-wrapper {
        left: 8px !important;
        bottom: 10px !important;
    }

    #rec2374905711 .t-store__card__mark-wrapper,
    #rec2317468351 .t-store__card__mark-wrapper {
        bottom: 28px !important;
    }
}