/* Start:/local/templates/.default/components/bitrix/news.list/branches/style.css?17901606961800*/
.branches {
    display: grid;
    grid-template-columns: 340px 1fr;
    gap: 20px;
    margin: 30px 0;
}
.branches--map-only { grid-template-columns: 1fr; }

.branches__list {
    list-style: none;
    margin: 0;
    padding: 0 4px 0 0;
    max-height: 520px;
    overflow-y: auto;
}
.branches__item {
    padding: 14px 16px;
    margin: 0 0 8px;
    border: 1px solid #e5e5e5;
    border-radius: 8px;
    cursor: pointer;
    transition: border-color .2s, box-shadow .2s;
    outline: none;
}
.branches__item:before { display: none !important; } /* гасим маркеры списка из темы */
.branches__item:hover,
.branches__item:focus-visible { border-color: #e75c3b; }
.branches__item.is-active {
    border-color: #e75c3b;
    box-shadow: 0 2px 10px rgba(231, 92, 59, .15);
}
.branches__name { font-weight: 600; margin-bottom: 6px; }
.branches__addr { font-size: 14px; color: #555; margin-bottom: 6px; }
.branches__phone,
.branches__email { display: block; font-size: 14px; color: #333; text-decoration: none; }
.branches__phone:hover,
.branches__email:hover { color: #e75c3b; }

.branches__map {
    width: 100%;
    height: 520px;
    border-radius: 8px;
    overflow: hidden;
}

/* Защита от глобальных стилей темы, которые ломают иконки и тайлы карты
   (частая причина «метки съезжают на дальнем масштабе») */
.branches__map [class*="ymaps"] img {
    max-width: none !important;
    max-height: none !important;
}

@media (max-width: 991px) {
    .branches { grid-template-columns: 280px 1fr; }
}
@media (max-width: 767px) {
    .branches { grid-template-columns: 1fr; }
    .branches__list { max-height: none; overflow: visible; }
    .branches__map { height: 380px; }
}

/* End */
/* /local/templates/.default/components/bitrix/news.list/branches/style.css?17901606961800 */