/* Start:/local/templates/alstyle/styles.css?17498099591651*/
/* Подключение шрифта Roboto через Google Fonts */
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');


/* Применение шрифта ко всему сайту */
* {
  font-family: 'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', sans-serif;
}

/* Или только к body */
body {
  font-family: 'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', sans-serif;
  font-weight: 400;
  line-height: 1.5;
}

/* Стили для заголовков в стиле Xiaomi */
h1, h2, h3, h4, h5, h6 {
  font-family: 'Roboto', sans-serif;
  font-weight: 600;
  letter-spacing: -0.02em;
}

.brands.brands-menu .brands-row .brands-item{
margin-bottom: unset;
}

/* Стили для логотипов */
.brand-logo {
    filter: grayscale(100%) opacity(0.7);
    transition: filter 0.3s ease;
}

.brands-item:hover .brand-logo {
    filter: grayscale(0%) opacity(1);
}

.brands-item:hover .name {
    color: #fff;
    transition: color 0.3s ease;
}

.brands.brands-menu .brands-row .brands-item:hover .brand-logo{
color: #fff;
 transition: color 0.3s ease;
}

.brands-row a{
color: white;
}

.brands.brands-menu .brands-row .brands-item .name{

font-size: 24px !important;

}

span.name{

font-size: 24px !important;
}
.brand-menu-search .brands-row a{
padding: 10px;
}

.brand-menu-search .brands-row .letter{
color: white;
font-size: 24px;
padding: 10px;
}

.brand-menu-search .brands-row .letter{
padding: 10px;
}
/* End */
/* /local/templates/alstyle/styles.css?17498099591651 */