/* Start:/local/templates/wi_genshin/components/bitrix/catalog.section.list/.default/style.css?16362045361356*/
.gCatalogSectionList {padding-bottom: 1rem;}
.gCatalogSectionList__item {position: relative; display: block;
  box-shadow: 0 1px 2px #666;
  border-radius: 0.25rem;
  overflow: hidden;
  transition: .5s;
  height: 0px; padding-top: 40%;
}
.gCatalogSectionList__img {display: flex; position: absolute; top: 0; left: 0; bottom: 0; right: 0;}
.gCatalogSectionList__img img {object-fit: cover; height: 100%; width: 100%;}
.gCatalogSectionList__img:before {content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(255,255,255,0.70); transition: .5s;}
.gCatalogSectionList__name {position: absolute; bottom: 0px; left: 0px; right: 0px; text-align: left; color: #4d5568; display: block; font-size: 1.25rem; padding: 1rem; font-family: 'genshin'; font-weight: bold; line-height: 1.2;}

.gCatalogSectionList__item:hover {box-shadow: 0 1px 5px #000;}
.gCatalogSectionList__item:hover .gCatalogSectionList__img:before { background: rgba(255,255,255,0.8);}

.gCatalogSectionList__name {font-size: 18px; padding: 0.5rem 0.75rem;}


@media (min-width: 576px) {

}

@media (min-width: 768px) {
 .gCatalogSectionList__name {padding: 0.75rem 1rem; font-size: 20px;}
}

@media (min-width: 992px) {  
 
}

@media (min-width: 1200px) {

}

@media (min-width: 1400px) {

}

@media (min-width: 1600px) {

}
/* End */
/* /local/templates/wi_genshin/components/bitrix/catalog.section.list/.default/style.css?16362045361356 */