/* Start:/local/templates/main_v1/components/bitrix/catalog.section.list/subsections/style.css?17854142591438*/
.catalog-subsections {
    margin: -35px 0;
}

.catalog-subsections__list {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.catalog-subsections__item {
    margin: 0;
    padding: 0;
    border: 1px solid #e6e6e6;
    background: #fff;
    transition: border-color 0.2s ease;
}

.catalog-subsections__item:hover,
.catalog-subsections__item:focus-within {
    border-color: #e30613;
}

.catalog-subsections__link {
    position: relative;
    display: block;
    padding: 11px 18px;
    color: #202020;
    text-decoration: none;
    transition: color 0.2s ease;
}

.catalog-subsections__link::after {
    content: "";
    position: absolute;
    right: 18px;
    bottom: 7px;
    left: 18px;
    height: 1px;
    background: #e30613;
    transform: scaleX(0);
    transform-origin: left;
    transition: transform 0.2s ease;
}

.catalog-subsections__link:hover,
.catalog-subsections__link:focus-visible {
    color: #e30613;
}

.catalog-subsections__link:hover::after,
.catalog-subsections__link:focus-visible::after {
    transform: scaleX(1);
}

@media (max-width: 767px) {
    .catalog-subsections {
        margin: -30px 0;
    }

    .catalog-subsections__list {
        display: flex;
        gap: 12px;
    }

    .catalog-subsections__link {
        padding: 10px 14px;
    }

    .catalog-subsections__link::after {
        right: 14px;
        left: 14px;
    }
}

/* End */
/* /local/templates/main_v1/components/bitrix/catalog.section.list/subsections/style.css?17854142591438 */