css
/* ============================================
   БАЗОВЫЙ СТИЛЬ ВСЕХ МЕТОК
============================================ */
.t-store__card__mark {
    border-radius: 4px !important;
    font-family: 'Circe', 'Helvetica Neue', Arial, sans-serif !important;
    font-weight: 700 !important;
    font-size: 13px !important;
    text-transform: uppercase !important;
    letter-spacing: 0.05em !important;
    padding: 6px 14px !important;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1) !important;
    border: 2px solid !important;
}

/* ============================================
   КОНКРЕТНЫЕ МЕТКИ ПО ТЕКСТУ
============================================ */

/* 1. "Акция", "Sale" - оранжевые */
.t-store__card__mark[data-mark*="акция"],
.t-store__card__mark[data-mark*="акция i"],
.t-store__card__mark[data-mark*="Акция"],
.t-store__card__mark[data-mark*="Sale"],
.t-store__card__mark[data-mark*="sale"] {
    background-color: #d17c45 !important;
    color: #ffffff !important;
    border-color: #d17c45 !important;
}

/* 2. "Новая", "New", "Новая планировка" - синие */
.t-store__card__mark[data-mark*="новая"],
.t-store__card__mark[data-mark*="Новая"],
.t-store__card__mark[data-mark*="New"],
.t-store__card__mark[data-mark*="new"],
.t-store__card__mark[data-mark*="Новая планировка"],
.t-store__card__mark[data-mark*="новая планировка"] {
    background-color: #2d5aa6 !important;
    color: #ffffff !important;
    border-color: #2d5aa6 !important;
}

/* 3. "Резерв" - желтый/золотой */
.t-store__card__mark[data-mark*="резерв"],
.t-store__card__mark[data-mark*="Резерв"],
.t-store__card__mark[data-mark*="резерв i"],
.t-store__card__mark[data-mark*="Резерв i"] {
    background-color: #ffc107 !important;
    color: #333333 !important;
    border-color: #ffc107 !important;
}

/* 4. "Кладовая в подарок" - зеленый */
.t-store__card__mark[data-mark*="кладовая в подарок"],
.t-store__card__mark[data-mark*="Кладовая в подарок"] {
    background-color: #28a745 !important;
    color: #ffffff !important;
    border-color: #28a745 !important;
}

/* 5. "Кладовая в подарок Резерв" - желто-зеленый градиент */
.t-store__card__mark[data-mark*="Кладовая в подарок Резерв"],
.t-store__card__mark[data-mark*="кладовая в подарок резерв"] {
    background: linear-gradient(135deg, #28a745 0%, #ffc107 100%) !important;
    color: #ffffff !important;
    border-color: transparent !important;
}

/* 6. "Ставка 3,9%" - темно-зеленый */
.t-store__card__mark[data-mark*="Ставка 3,9%"],
.t-store__card__mark[data-mark*="ставка 3,9%"] {
    background-color: #1e7e34 !important;
    color: #ffffff !important;
    border-color: #1e7e34 !important;
}

/* 7. "Ставка 4,5%" - зеленый */
.t-store__card__mark[data-mark*="Ставка 4,5%"],
.t-store__card__mark[data-mark*="ставка 4,5%"] {
    background-color: #28a745 !important;
    color: #ffffff !important;
    border-color: #28a745 !important;
}

/* 8. Все метки с % (скидки) - красный */
.t-store__card__mark[data-mark*="%"] {
    background-color: #dc3545 !important;
    color: #ffffff !important;
    border-color: #dc3545 !important;
}

/* 9. ВСЕ ОСТАЛЬНЫЕ МЕТКИ (по умолчанию) */
.t-store__card__mark {
    background-color: #2d5aa6 !important;
    color: #ffffff !important;
    border-color: #ffffff !important;
}

/* ============================================
   АДАПТИВНОСТЬ ДЛЯ МОБИЛЬНЫХ
============================================ */
@media (max-width: 768px) {
    .t-store__card__mark {
        font-size: 11px !important;
        padding: 4px 8px !important;
    }
}

/* ============================================
   ДОПОЛНИТЕЛЬНЫЕ ЭФФЕКТЫ (по желанию)
============================================ */

/* Эффект при наведении */
.t-store__card__mark:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15) !important;
    transition: all 0.3s ease !important;
}

/* Анимация появления */
@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(10px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.t-store__card__mark {
    animation: fadeInUp 0.5s ease forwards !important;
}