/* Start:/local/components/dev/brands.list/templates/.default/style.css?16950067991359*/
.catalog-root-section {
    margin-bottom: 40px;
}

.catalog-root-section__list {
    display: flex;
    flex-flow: column wrap;
    gap: 20px;
}

.catalog-root-section__subsect-list {
    display: flex;
    flex-flow: row wrap;
    gap: 10px;
}

.catalog-root-section__name a {
    color: #000;
}

.catalog-root-subsection {
    height: 300px;
    width: calc(100% / 4 - 8px);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    display: flex;
    flex-flow: row wrap;
    align-items: stretch;
    justify-content: stretch;
    transition: box-shadow 0.3s ease;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.0);
}

.catalog-root-subsection:hover {
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.5);
}

.catalog-root-subsection__inner {
    display: flex;
    flex-flow: column wrap;
    background: rgba(0, 0, 0, 0.4);
    width: 100%;
    height: 100%;
    padding: 20px;
    justify-content: flex-end;
}

.catalog-root-subsection__name {
    color: #fff;
}
@media (max-width: 1280px) {
    .catalog-root-subsection {
        width: calc(100% / 3 - 7px);
    }
}
@media (max-width: 1040px) {
    .catalog-root-subsection {
        width: calc(100% / 2 - 5px);
    }
}
@media (max-width: 480px) {
    .catalog-root-subsection {
        width: 100%;
    }
}
/* End */
/* /local/components/dev/brands.list/templates/.default/style.css?16950067991359 */