/* Start:/bitrix/templates/vsedrugoe/components/bitrix/highloadblock.list/brandy/style.css?1752173834789*/
.brands {
	padding: 15px;
}

.brands__wrapper {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    grid-gap: 30px;
}

.brand-wrapper {
    position: relative;
    height: 300px;
    overflow: hidden;
	transition: .3s;
}

.brand-wrapper:hover {
	opacity: .9;
}

.brand-wrapper__img {
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
	position: absolute;
	background: #eee;
}

.brand-wrapper__img img {
	object-fit: cover;
}

.brand-wrapper__title {
    z-index: 1;
    position: absolute;
    bottom: 0;
    background: var(--acc);
    color: #fff;
    width: 100%;
    padding: 10px;
}



@media (max-width: 767px) {
	.brands__wrapper {
		display: grid;
		grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
		grid-gap: 15px;
	}
}
/* End */
/* /bitrix/templates/vsedrugoe/components/bitrix/highloadblock.list/brandy/style.css?1752173834789 */