

/* Start:/bitrix/templates/.default/components/bitrix/news.detail/gallary/style.css?17381844381614*/
div.news-detail
{
	word-wrap: break-word;
}
div.news-detail img.detail_picture
{
	float:left;
	margin:0 8px 6px 1px;
}
.news-date-time
{
	color:#486DAA;
}


/* Исправляем большие отступы и добавляем скругления */
.gallary {
    display: flex;
    flex-wrap: wrap;
    margin: -5px; /* Компенсируем margin элементов */
}

.gallary_item {
    overflow: hidden;
    position: relative;
    border-radius: 8px;
    margin: 5px; /* Небольшой отступ между элементами */
    flex: 1 1 calc(20% - 10px); /* 5 элементов в ряд */
    min-width: 120px; /* Минимальная ширина */
    max-width: 200px; /* Максимальная ширина */
    height: 150px; /* Фиксированная высота */
}

.gallary_item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform 0.3s ease;
}

.gallary_item:hover img {
    transform: scale(1.05);
}

/* Адаптивность без изменения HTML */
@media (max-width: 1200px) {
    .gallary_item {
        flex: 1 1 calc(25% - 10px); /* 4 элемента */
    }
}

@media (max-width: 992px) {
    .gallary_item {
        flex: 1 1 calc(33.33% - 10px); /* 3 элемента */
    }
}

@media (max-width: 768px) {
    .gallary_item {
        flex: 1 1 calc(50% - 10px); /* 2 элемента */
        height: 130px;
    }
}

@media (max-width: 480px) {
    .gallary_item {
        flex: 1 1 100%; /* 1 элемент */
        height: 200px;
        max-width: none;
    }
}
/* End */
/* /bitrix/templates/.default/components/bitrix/news.detail/gallary/style.css?17381844381614 */
