/* Объединение CSS-селекторов для стилизации значков скидки.*/

    .t-store__card__mark-wrapper,
    .t-store__card__mark,
    .t-catalog__card__mark-wrapper,
    .t-catalog__card__mark {
        /* --- Настройки размера --- */
        /* !!! Если `height` или `width` не меняются, добавьте `!important` к ним.
         */
        height: 25px !important; /* <--- Измените для желаемой высоты */
        width: 55px !important;  /* <--- Измените для желаемой ширины */

        /* --- Настройки скругления --- */
        border-radius: 10px; /* <--- Измените для желаемого уровня скругления */

        /* --- Основные стили внешнего вида --- */
        background-color: #ff4a4a !important; /* Цвет фона */
        color: #fff; /* Цвет текста */
        padding: 0 10px; /* Горизонтальные отступы внутри значка (вокруг текста) */
        box-sizing: border-box; /* Важно для корректного расчета размеров */

        /* --- Стили для центрирования текста --- */
        display: inline-flex; /* Делаем элемент flex-контейнером */
        align-items: center;  /* Центрируем содержимое по вертикали */
        justify-content: center; /* Центрируем содержимое по горизонтали */
        font-size: 15px; /* Размер шрифта */
        font-weight: 400; /* Толщина шрифта */
        line-height: 1; /* Убирает лишние межстрочные пробелы */

}