/* Start:/local/templates/np2026/components/bitrix/news/brands/style.css?177306374872*/
.page .brand-items {max-width: 1640px; padding: 0 20px; margin: 0 auto;}
/* End */


/* Start:/local/templates/np2026/components/bitrix/news.list/brands/style.css?17730635931491*/
.page .brands {max-width: 1640px; padding: 0 20px; margin: 0 auto;}
.page .brands .letters {display: flex; gap: 20px; flex-wrap: wrap; justify-content: center; font-size: 120%;}
.page .brands .letter {display: flex; gap: 20px; padding: 80px 0 0;}
.page .brands .letter-title {font-size: 150%; flex: 0 0 26px; text-align: center;}
.page .brands .items {display: flex; flex: 0 0 calc(100% - 46px); flex-wrap: wrap; gap: var(--g); --n: 4; --g: 20px;}
.page .brands .item {text-align: center; position: relative; border: 1px solid #ddd; padding: 20px; display: flex; flex-direction: column; gap: 10px; width: calc((100% / var(--n)) - (((var(--n) - 1) / var(--n)) * var(--g)));}
.page .brands .item .image {height: 80px; line-height: 80px; filter: grayscale(1); opacity: 0.75; transition: all 0.3s; display: block; margin: 0 auto; object-fit: contain;}
.page .brands .item .title {display: flex; gap: 10px; align-items: center; justify-content: center;}
.page .brands .item .title .flag {width: 30px; height: 20px; object-fit: cover; box-shadow: 0 0 0 1px #ddd;}
/* .page .brands .item .flag {position: absolute; width: 30px; height: 20px; object-fit: cover; bottom: 5px; left: 5px; box-shadow: 0 0 0 1px #ddd; opacity: 0.5} */
.page .brands .item:hover .image {filter: grayscale(0); opacity: 1;}


@media (max-width: 1000px)
{
    .page .brands .items {--n: 3;}
}

@media (max-width: 800px)
{
    .page .brands .items {--n: 2;}
}

@media (max-width: 600px)
{
    .page .brands .items {--n: 1;}
}
/* End */
/* /local/templates/np2026/components/bitrix/news/brands/style.css?177306374872 */
/* /local/templates/np2026/components/bitrix/news.list/brands/style.css?17730635931491 */