/* Start:/local/templates/symmetron_2026/components/bitrix/catalog.element/main/style.css?17836969381596*/
/* 1. Оставляем флекс, но меняем направление на вертикальное (друг под другом) */
.catalog-element-title {
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important; /* Гарантируем, что блок не схлопнется */
    align-items: stretch !important; /* Растягиваем дочерние элементы на всю ширину */
}

/* 2. Находим внутренний div (артикул) и прижимаем текст внутри него вправо */
.catalog-element-title > div {
    text-align: right; /* ЭТО ГЛАВНОЕ: цифры будут справа */
    width: 100%;       /* Занимает всю ширину родителя */
    margin-bottom: 8px;/* Отступ снизу, чтобы отделить от названия */
    box-sizing: border-box;
}

/* 3. Название товара (текстовый узел) */
/* Так как это просто текст, а не тег, мы выравниваем сам контейнер по левому краю,
   но так как у нас flex-direction: column, текст названия будет просто идти следующей строкой.
   Чтобы название было слева, нам нужно убедиться, что у него нет стилей, тянущих его вправо. */
.catalog-element-title {
    text-align: left; /* Сброс выравнивания текста */
}
/* End */
/* /local/templates/symmetron_2026/components/bitrix/catalog.element/main/style.css?17836969381596 */