

/* Start:/local/templates/symmetron_2026/components/mcart/brands.page/manufacturers/style.css?17913817172522*/
.brand-events {
    margin-top: 50px;
}

.brand-news__blocks,
.brand-events__blocks  {
    margin-top: 30px;    
}

.additional-info  {
    margin-top: 50px;
}

.additional-info > div > h2 {
    margin-bottom: 30px;
}


.brand-head h2:first-child{
    margin-bottom: 30px;
}

@media (max-width: 768px) {
    .brand-news__blocks, .brand-events__blocks {
        flex-direction: column;
    }

    .brand-news__block, .brand-events__block {
        width: 100%;
        margin-bottom: 30px;
    }

    .additional {
        flex-direction: column;
    }

    .additional .video-block, .additional .text-block {
        width: 100%;
        margin-bottom: 15px;
    }
}

.video_list {
    display: grid;
    /* Ключевое: фиксируем максимум 3 колонки на десктопе через max-width родителя либо через minmax */
    grid-template-columns: repeat(auto-fit, minmax(340px, 1fr)) !important;
    gap: 24px !important;
    margin: 0 auto !important;     /* центрирует сетку, если родитель шире */
}

.video_block {
    display: flex;
    flex-direction: column;
    box-sizing: border-box; /* обязательно: чтобы padding/border не ломали ширину */
}

/* Каркас текстовой зоны — выравнивает низ карточек в строке */
.video_block .content {
    flex: 1;
    display: flex;
    flex-direction: column;
    min-height: 180px; /* под заголовок + описание */
}

.video_block h4 {
    margin: 0 0 8px;
    min-height: 56px;
    line-height: 28px;
}

.video_block p {
    margin: 0;
    min-height: 84px;
    flex-grow: 1; /* растягивает описание, компенсируя разную длину текста */
}

/* Жёсткая высота плеера — гарантирует, что все кнопки Play будут на одной линии */
.video_block .player-wrapper,
.video_block .video-js {
    height: 240px;
    flex-shrink: 0; /* запрещает сжиматься */
    object-fit: cover; /* если это img/video — заполняет область без искажений */
}

/* Если у .video_block есть border/padding — учитываем их в box-sizing */
.video_block {
    border: none; /* временно уберите границы, чтобы проверить выравнивание */
    padding: 0;
}

.section-white {
    padding-top: 30px !important;
}
/* End */
/* /local/templates/symmetron_2026/components/mcart/brands.page/manufacturers/style.css?17913817172522 */
