/* ================================================================
   ArtDom — кастомные правки темы mastershop_3_4_0_ru
   Файл защищён от перезаписи при апдейте темы (см. theme.xml).
   Подключается отдельным <link> из head.html.
   ================================================================ */


/* ----------------------------------------------------------------
   Художники на главной (карусель .home-brands-list)
   Шаблон: brands.list.html
   ---------------------------------------------------------------- */

/* Сбрасываем фиксированную высоту/межстрочный интервал блока,
   потому что теперь под картинкой выводится подпись с именем. */
.home-brands-list__el{
    height: auto;
    line-height: normal;
    padding: 8px 1%;
    vertical-align: top;
}

.owl-item .home-brands-list__el{
    padding: 8px 1%;
}

/* Карточка художника: ссылка-обёртка центрирует фото и имя */
.home-brands-list__el a{
    display: block;
    text-align: center;
    text-decoration: none;
    color: inherit;
}

/* Фото художника — формат 3:4 */
.home-brands-list__photo{
    display: block;
    width: 120px;
    height: 160px;
    max-width: 100%;
    object-fit: cover;
    object-position: center;
    margin: 0 auto 8px;
    border-radius: 4px;
    background: #f3f3f3;
}

/* Подпись — имя художника */
.home-brands-list__name{
    display: block;
    width: 115px;
    max-width: 100%;
    margin: 4px auto 0;
    line-height: 1.2;
    font-size: 11px !important; /* перебиваем .home-brands-list * { font-size:16px } */
    text-align: center;
    color: inherit;

    /* перенос длинных имён по словам */
    white-space: normal !important;
    word-wrap: break-word;
    overflow-wrap: break-word;
    hyphens: auto;
}

/* На узких экранах фото и подпись слегка ужимаются, но без потери пропорций 3:4 */
@media (max-width: 449px){
    .home-brands-list__photo{
        width: 100px;
        height: 133px;
    }
    .home-brands-list__name{
        width: 100px;
        font-size: 11px !important;
    }
}