/* Start:/local/templates/vik2026/components/bitrix/catalog/patterns/style.css?1791400965499*/
.patterns__catalog {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.tools {
    padding: 8px;
    border-bottom: 1px dotted var(--color-border);
    display: flex;
    justify-content: right;
}

.tools a {
    font-size: 0.8rem;
    display: inline-block;
    text-decoration: none;
    padding: 0 4px;
}

.tools a:first-child {
    border-right: 1px solid var(--color-border);
    padding-right: 4px;
}

.tools a.active {
    font-weight: bold;
    color: var(--color-border);
}

/* End */


/* Start:/local/templates/vik2026/components/bitrix/menu/side/style.css?17914009651357*/
.side-menu__list {
    flex-direction: column;
    list-style: none;
    border-bottom: 1px solid var(--color-border);
    margin-top: 8px;
    margin-left: 0;
}

.side-menu__sub {
    flex-direction: column;
    list-style: none;
}

.side-menu_active .side-menu__list {
    display: flex;
}

.side-menu__item {
    border-top: 1px solid var(--color-border);
    display: flex;
    flex-direction: column;
}

.side-menu__link {
    min-height: 36px;
    display: flex;
    align-items: center;
    color: var(--color-text);
    text-decoration: none;
    justify-content: space-between;
    position: relative;
}

.side-menu__sub {
    display: none;
}

.side-menu__link-selected {
    font-weight: bold;
}

li:has(.side-menu__link-selected) > .side-menu__sub,
.side-menu__sub:has(.side-menu__link-selected) {
    display: flex;
}

li:has(ul) > .side-menu__link:after {
    content: "";
    display: inline-block;
    width: 12px;
    height: 12px;
    border-color: var(--color-border);
    border-style: solid;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
    margin-right: 2px;
    margin-top: -6px;
    position: relative;
}

.side-menu__link-level2 {
    padding-left: 16px;
}

.side-menu__link-level3 {
    padding-left: 32px;
}

@media (min-width: 1024px) {
    .side-menu__list {
        display: flex;
        margin-top: 0;
    }
}
/* End */


/* Start:/local/templates/vik2026/components/bitrix/catalog.section/catalog/style.css?17914009651880*/
.goods {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    gap: 24px;
    align-items: center;
}

.type-list .catalog-item {
    display: grid;
    gap: 16px;
    grid-template-areas: "image type" "image name" "image info";
    grid-template-columns: 80px auto;
    padding: 8px;
}

.type-list .goods {
    gap: 8px;
}

.type-list .catalog-item__image {
    max-height: 180px;
    width: auto;
    grid-area: image;
    padding: 0;
    align-self: center;
}

.type-list .catalog-item__name {
    grid-area: name;
    padding: 0;
    min-height: auto;
    align-self: center;
}

.type-list .catalog-item__art {
    position: absolute;
    top: 0;
    left: 70px;
    background: var(--color-base-bg);
    padding: 2px 4px;
    border: 1px solid var(--color-border);
    border-top: none;
}

.type-list .catalog-item__type {
    grid-area: type;
    position: relative;
    padding: 0 16px 0 8px;
    justify-self: right;
    align-self: flex-start;
}

.type-list .catalog-item__info {
    grid-area: info;
    padding: 0;
}

@media screen and (min-width: 600px) {
    .goods {
        flex-direction: row;
    }

    .goods .catalog-item {
        width: calc((100% - 24px) / 2);
    }

    .type-list .goods {
        gap: 8px;
    }

    .type-list .goods .catalog-item {
        width: 100%;
    }
}

@media screen and (min-width: 1024px) {
    .goods{
        align-items: stretch;
    }
    .goods .catalog-item {
        width: calc((100% - 48px) / 3);
    }

    .type-list .catalog-item {
        width: 100%;
        display: grid;
        gap: 16px;
        grid-template-areas: "image name type" "image name info";
        grid-template-columns: 80px auto;
        grid-template-rows: min-content auto;
        padding: 8px;
    }
}

@media screen and (min-width: 1280px) {
    .goods .catalog-item {
        width: calc((100% - 72px) / 4);
    }
}
/* End */


/* Start:/local/templates/vik2026/components/bitrix/catalog.item/std/style.css?17914009651252*/
.catalog-item {
    position: relative;
    border: 1px solid var(--color-border);
    text-decoration: none;
    display: flex;
    flex-direction: column;
    gap: var(--gap2);
    background: var(--color-base-bg);
}

.catalog-item:hover {
    border-color: var(--color-accent);
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
    transform: translateY(-2px);
}

.catalog-item__image {
    width: 100%;
    aspect-ratio: 2/3;
}

.catalog-item__type {
    position: absolute;
    top: var(--gap);
    left: var(--gap);
    padding: 0 var(--gap);
    font-size: 0.9rem;
    color: var(--color-text);
}

.catalog-item_base {
    background: var(--color-border-light);
}

.catalog-item_model {
    background: var(--color-accent-light);
}

.catalog-item__name {
    font-weight: 700;
    color: var(--color-text);
    padding: 0 var(--gap);
    min-height: 60px;
}

.catalog-item__info {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-direction: row-reverse;
    padding: 0 var(--gap) var(--gap);
    margin-top: auto;
}

.catalog-item__art {
    font-size: 0.9rem;
    color: var(--color-text-gray);
}

.catalog-item__price {
    font-size: 1.2rem;
    font-weight: 700;
    color: var(--color-accent-hover);
}
/* End */
/* /local/templates/vik2026/components/bitrix/catalog/patterns/style.css?1791400965499 */
/* /local/templates/vik2026/components/bitrix/menu/side/style.css?17914009651357 */
/* /local/templates/vik2026/components/bitrix/catalog.section/catalog/style.css?17914009651880 */
/* /local/templates/vik2026/components/bitrix/catalog.item/std/style.css?17914009651252 */