@media (max-width: 767px) {
    /* 1. Главный блок опций */
    div.product-thumb__option.option {
        display: block !important;
        margin-bottom: 8px !important;
    }

    /* 2. Контейнер группы (Размер или Цвет) */
    div.option__group {
        display: flex !important;
        flex-wrap: wrap !important; 
        align-items: center !important;
        margin-bottom: 6px !important;
        width: 100% !important;
    }

    /* 3. Заголовок группы (* Размер, * Цвет) */
    div.option__group-name {
        width: 100% !important;
        margin-bottom: 4px !important;
        font-weight: bold !important;
        font-size: 11px !important; 
    }

    /* 4. Обертка кнопки */
    label.option__item {
        display: inline-block !important;
        width: auto !important;
        margin: 0 4px 4px 0 !important; 
        vertical-align: top !important;
    }

    /* 5. Сама серая кнопка - идеальное выравнивание текста по центру */
    label.option__item span.option__name {
        display: flex !important;
        align-items: center !important; /* Центрируем по вертикали */
        justify-content: center !important; /* Центрируем по горизонтали */
        height: 22px !important; /* Задаем четкую высоту кнопки */
        padding: 0 6px !important; /* Убираем вертикальные отступы, оставляем только по бокам */
        font-size: 10px !important; 
        line-height: 1 !important; /* Убиваем стандартный межстрочный интервал */
        white-space: nowrap !important;
        box-sizing: border-box !important;
    }
}
@media (max-width: 767px) {
    /* Обрезка длинных названий товаров на мобильных устройствах до 2 строк */
    .product-thumb__name,
    .product-thumb .caption a,
    .product-thumb .caption h4 a {
        display: -webkit-box !important;
        -webkit-line-clamp: 2 !important; /* Укажи 1, если нужна только одна строка */
        -webkit-box-orient: vertical !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        white-space: normal !important;
    }
}