/* Текст остатков внутри кнопки Gridbox */
.gb-inner-stock {
    display: block;
    font-size: 12px !important; /* Делаем текст мельче основного размера */
    color: #999 !important; /* Серый цвет (замени на любой HEX, если заказчица хочет красный/синий) */
    margin-top: 3px; /* Отступ от буквы S/M/L вниз */
    font-weight: 400 !important;
    text-transform: lowercase; /* Делаем "шт." маленькими буквами */
    border-radius: 0% !important; /* Убираем скругление, если оно есть */
}

/* Слегка увеличим минимальную высоту кнопки Gridbox, чтобы всё влезло без сдавливания */
.ba-add-to-cart-row-value[data-type="tag"] span[data-value] {
    min-height: 40px !important;
    padding-top: 5px !important;
    padding-bottom: 5px !important;
}

/* 1. Снимаем удушающие рамки с самой кнопки Gridbox */
.ba-add-to-cart-row-value[data-type="tag"] span[data-value] {
    height: auto !important;          /* Убиваем жесткую высоту (обычно 35-40px) */
    min-height: 48px !important;      /* Даем стартовую комфортную высоту */
    padding: 6px 10px !important;     /* Добавляем воздуха внутри по краям */
    white-space: normal !important;   /* РАЗРЕШАЕМ ПЕРЕНОС СТРОК внутри кнопки */
    line-height: 1.2 !important;
}

/* 2. Стили нашего текста с остатками внутри */
.gb-inner-stock {
    display: block;
    font-size: 12px !important;       /* Отличный читаемый размер */
    color: rgba(176, 108, 103, 1) !important;           /* Серый цвет */
    margin-top: 14px !important;       /* Отступ от верхней буквы размера */
    font-weight: 800 !important;
    text-transform: lowercase;
    text-align: center !important;    /* Строго по центру */
    word-break: break-word !important; /* Если что-то не влезет - мягко перенесется */
}

/* 3. Сохраняем читаемость при наведении или выборе */
.ba-add-to-cart-row-value[data-type="tag"] span.active .gb-inner-stock,
.ba-add-to-cart-row-value[data-type="tag"] span:hover .gb-inner-stock {
    color: inherit !important;
    opacity: 0.7;
}