/* Start:/local/components/componentsTheme/block.mainBanner/templates/.default/style.css?17703802437834*/
.mainBanner__wrapper {
    position: relative;
    display: flex;
    align-items: stretch;
    gap: clamp(10px, 7.5083px + 0.6645vw, 20px);
}

.mainBanner__swiper {
    position: relative;
    width: 0%;
    flex-grow: 1;
    height: auto;

    aspect-ratio: 1540 / 500;
    min-height: 500px;

    & .swiper {
        width: 100%;
        height: 100%;
    }
    & .swiper-wrapper {
        align-items: stretch;

        & .swiper-slide {
            height: auto;
        }
    }
}

.mainBanner__side {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: clamp(10px, 7.5083px + 0.6645vw, 20px);

    width: 45%;
    max-width: 500px;
    height: auto;
}



.mainBanner__slide {
    position: relative;

    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 20px;

    width: 100%;
    height: 100%;
    min-height: fit-content;

    box-sizing: border-box;

    border-radius: 20px;
    overflow: hidden;

    padding: clamp(10px, 7.5083px + 0.6645vw, 20px);

    background: var(--bg-alt-main);

    &.wild-bg {
        &::before {
            content: '';
            position: absolute;

            bottom: 20px;
            right: 20px;

            width: auto;
            height: 66.67%;
            max-width: calc(100% - 40px);
            aspect-ratio: 1;

            border-radius: 20px;
            background: var(--bg-primary-main);
            opacity: 0.1;
        }

        & .mainBanner__slide__img {
            left: unset;
            right: 0px;

            width: auto;
            height: 100%;
            max-width: 100%;
            /* aspect-ratio: 1; */

            object-fit: contain;
            object-position: right;
        }

        &.outside {
            & .mainBanner__slide__title {
                color: var(--bg-primary-main);
            }
        }
    }
}

.mainBanner__slide__img {
    position: absolute;
    top: 0px;
    left: 0px;

    width: 100%;
    height: 100%;
    
    object-fit: cover;
    object-position: center;
}

.mainBanner__slide__head {
    position: relative;
    width: 100%;
    max-width: 540px;
    
    padding: clamp(10px, 7.5083px + 0.6645vw, 20px);

    display: flex;
    flex-direction: column;
    gap: clamp(5px, 2.5083px + 0.6645vw, 15px);

    &::before {
        content: '';
        position: absolute;
        display: block;
        top: 0px;
        left: 0px;
        width: 100%;
        height: 100%;

        border: solid 1px var(--bg-primary-stroke);
        border-radius: 15px;
        
        background: #ffffffaf;
        box-shadow: 0px 10px 40px 0px #0000000D;
        backdrop-filter: blur(10px);
        -webkit-backdrop-filter: blur(10px);
    }
}

.mainBanner__slide__title {
    position: relative;
    text-transform: uppercase;
    
    &, & * {
        color: var(--text-primary-head);
    }
}
.mainBanner__slide__subtitle {
    position: relative;
    color: var(--text-primary-main);
}

.mainBanner__slide__advantages {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 5px;
    width: fit-content;
}
.mainBanner__slide__advantage {
    position: relative;
    display: flex;
    align-items: center;
    gap: 10px;

    padding: 5px;
    padding-right: 15px;

    border: solid 1px var(--bg-primary-second);
    border-radius: 5px;

    background: var(--bg-primary-main);

    color: var(--text-primary-head);
    font-size: 14px;
    line-height: 130%;
    font-weight: 600;
}
.mainBanner__slide__advantage-icon {
    position: relative;
    width: 0%;
    min-width: 26px;
    height: auto;
    aspect-ratio: 1;
    border-radius: 5px;
    background: var(--bg-alt-main);

    display: flex;
    align-items: center;
    justify-content: center;

    & img {
        position: relative;
        width: 16px;
        height: 16px;

        object-fit: contain;
        object-position: center;
    }
}






.mainBanner__slide.outside {
    min-height: clamp(220px, 215.0166px + 1.3289vw, 240px);

    & .mainBanner__slide__title {
        width: 100%;
        max-width: 260px;
    }
}
.mainBanner__slide__arrow {
    position: relative;
    width: 0%;
    min-width: 50px;
    height: 50px;

    background: var(--colors-main);

    border: solid 1px var(--colors-main);
    border-radius: 10px;
    overflow: hidden;

    display: flex;
    align-items: center;
    justify-content: center;

    transition: var(--transition);

    & svg {
        position: relative;
        width: 16px;
        height: 16px;

        & path {
            stroke: var(--text-primary-head);
        }
    }

    &:hover {
        background: var(--bg-primary-main);
    }
}


body.theme-black {
    & .mainBanner__slide__head {
        &::before {
            background: #3333339d;
        }
    }

    & .mainBanner__slide.wild-bg {
        background: var(--bg-primary-second);

        & .mainBanner__slide__title {
            color: var(--text-primary-head);
        }
    }

    & .mainBanner__slide {
        &.wild-bg {
            &::before {
                opacity: 0.4;
            }
        }
    }
}


.mainBanner__swiper__navigation {
    position: absolute;
    right: 20px;
    bottom: 20px;

    display: flex;
    align-items: center;
    gap: 10px;

    z-index: 50;
}
.mainBanner__swiper__arrow {
    position: relative;
    width: 0%;
    min-width: 0%;
    width: 50px;
    height: 50px;

    display: flex;
    align-items: center;
    justify-content: center;

    cursor: pointer;

    background: none;
    border: solid 1px var(--bg-primary-stroke);
    border-radius: 10px;

    transition: var(--transition);

    & svg {
        position: relative;

        width: 16px;
        height: 16px;

        & path {
            stroke: var(--bg-alt-second);
            transition: var(--transition);
        }
    }

    &:hover {
        background: var(--colors-main);
        border-color: var(--colors-main);

        & svg {
            & path {
                stroke: var(--text-primary-head);
            }
        }
    }
}

.mainBanner__swiper__pagination.swiper-pagination-bullets.swiper-pagination-horizontal {
    position: relative;
    width: 100%;
    height: fit-content;

    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;

    margin: 0px;
    margin-top: 10px;

    top: unset;
    left: unset;
    bottom: unset;
    right: unset;

    & .swiper-pagination-bullet {
        background: var(--bg-primary-second);
        opacity: 1;
        transition: var(--transition);

        width: 0%;
        min-width: 6px;
        height: 6px;

        border-radius: 200%;

        margin: 0px;

        &.swiper-pagination-bullet-active {
            background: var(--colors-main);
        }
    }
}


@media(min-width: 1001px) {
    .mainBanner__swiper__pagination {
        display: none !important;
    }
    .swiper-slide.mobile {
        display: none !important;
    }
}
@media(max-width: 1000px) {
    .mainBanner__side {
        display: none;
    }
    .mainBanner__swiper__navigation {
        display: none;
    }
}
@media(max-width: 500px) {
    .block-mainBanner {
        margin-left: calc(-100vw / 2 + 100% / 2);
        margin-right: calc(-100vw / 2 + 100% / 2);
    }
}
@media(max-width: 600px) {
    .mainBanner__slide {
        &.wild-bg {
            &::before {
                display: none;
            }
        }
    }
}
/* End */


/* Start:/local/components/componentsTheme/item.category/templates/.default/style.css?17703802431761*/
/* wrapper */
.wrapper-categories {
    position: relative;

    width: 100%;
    height: fit-content;

    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: var(--Gap-20);

    @media(max-width: 1100px) {
        & {
            grid-template-columns: repeat(4, 1fr);
        }
    }

    @media(max-width: 820px) {
        & {
            grid-template-columns: repeat(2, 1fr);
        }
    }
}

/* item */
.item-category.default {
    position: relative;
    width: 100%;
    height: 100%;

    display: flex;
    flex-direction: column;

    min-height: clamp(140px, 107.8571px + 8.5714vw, 269px);

    border: solid 1px #ffffff00;
    border-radius: 15px;
    overflow: hidden;

    transition: var(--transition);

    &:hover {
        border-color: var(--bg-primary-stroke);

        & .item-category__img {
            filter: brightness(0.7);
        }
    }

    & .item-category__img {
        position: relative;
        width: 100%;
        height: auto;
        aspect-ratio: 292 / 182;
        border-radius: 15px;
        overflow: hidden;

        background: var(--bg-primary-second);
        transition: var(--transition);

        & img {
            position: absolute;
            top: 0px;
            left: 0px;

            width: 100%;
            height: 100%;

            object-fit: contain;
            object-position: center;
        }
    }

    & .item-category__content {
        position: relative;
        padding: clamp(10px, 8.7542px + 0.3322vw, 15px);
        flex-grow: 1;
    }

    & .item-category__title {
        position: relative;
        color: var(--text-primary-head);
        word-wrap: break-word;
    }
}
/* End */


/* Start:/local/components/componentsTheme/block.areas-of-application/templates/.default/style.css?17703802431110*/
.sliders-areas-of-application__after {
    position: relative;
    width: 100%;
    height: fit-content;

    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;

    margin-top: 30px;

    & .sliders-areas-of-application__navigations {
        margin-left: auto;
    }
}

@media(max-width: 600px) {
    .sliders-areas-of-application {
        & .swiper {
            overflow: visible;
        }

        & .swiper .swiper-wrapper {
            display: flex;
            flex-direction: column;
            gap: 10px;

            & .swiper-slide {
                margin: 0px;

                &:not(:nth-child(1), :nth-child(2)) {
                    display: none;
                }
            }
        }

        & .sliders-areas-of-application__navigations {
            display: none;
        }

        & .sliders-areas-of-application__after {
            flex-direction: column;
        }
        & .sliders-areas-of-application__btn {
            width: 100%;
            padding: 18px 20px;
        }
    }
}
/* End */


/* Start:/local/components/componentsTheme/item.areas-of-application/templates/.default/style.css?17703802431527*/
.item-areas-of-application {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;

    background: var(--bg-primary-main);

    border: solid 1px var(--bg-primary-stroke);
    border-radius: 15px;

    transition: var(--transition);

    &:hover {
        box-shadow: 0px 10px 40px 0px #0000000D;
        border-color: var(--bg-primary-main);

        & .item-areas-of-application__img {
            filter: brightness(0.7);
        }
    }
}
body.theme-black {
    & .item-areas-of-application {
        &:hover {
            box-shadow: 0px 10px 40px 0px #ffffff0d;
        }
    }
}

.item-areas-of-application__img {
    position: relative;
    width: 100%;
    height: auto;
    aspect-ratio: 1 / 1;
    max-height: 370px;

    border-radius: 15px;
    overflow: hidden;

    transition: var(--transition);

    & img {
        position: absolute;
        top: 0px;
        left: 0px;

        width: 100%;
        height: 100%;

        object-fit: cover;
        object-position: center;
    }
}
.item-areas-of-application__content {
    position: relative;
    padding: clamp(15px, 13.7864px + 0.3236vw, 20px) 15px;
    flex-grow: 1;

    display: flex;
    flex-direction: column;
    gap: 10px;
}
.item-areas-of-application__title {
    position: relative;
    color: var(--text-primary-head);
}
.item-areas-of-application__text {
    position: relative;
    color: var(--text-primary-main);
}
/* End */


/* Start:/local/components/componentsTheme/block.productsTabs/templates/.default/style.css?17703802431220*/
.block-productsTabs {
    position: relative;

    &::after {
        content: '';
        position: absolute;
        top: 0px;
        left: 0px;

        width: 100%;
        height: 100%;

        background: var(--bg-primary-main);
        opacity: 0;
        pointer-events: none;

        z-index: 30;

        transition: var(--transition);
    }

    &.loading {
        &::after {
            opacity: 0.5;
            pointer-events: all;
            cursor: progress;
        }
    }
}

.productsTabs {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: start;
    gap: 5px;

    flex-wrap: wrap;

    margin-bottom: 30px;
}
.productsTab {
    position: relative;
    width: fit-content;
    display: block;

    padding: 17px 23px;
    background: none;
    border: solid 1px var(--bg-primary-stroke);
    border-radius: 10px;
    outline: none;

    color: var(--text-primary-main);
    
    transition: var(--transition);

    cursor: pointer;

    &.active,
    &:hover {
        color: var(--text-primary-head);
        background: var(--colors-main);
        border-color: var(--colors-main);
    }
}
/* End */


/* Start:/local/templates/theme/components/bitrix/catalog.section/load_more/style.css?1770380244136*/
.catalog-section__load-more.btn {
	margin-top: 30px;
}
@media(max-width: 400px) {
	.catalog-section__load-more.btn {
		width: 100%;
	}
}
/* End */


/* Start:/local/components/bitrix/catalog.item/templates/.default/style.css?17703802437958*/
/* wrapper */
.wrapper-products {
    position: relative;

    width: 100%;
    height: fit-content;

    display: grid;
    grid-template-columns: repeat(5, 1fr);

	row-gap: 30px;

	@media(max-width: 1540px) {
		& {
			grid-template-columns: repeat(4, 1fr);
		}
	}
	@media(max-width: 1240px) {
		& {
			grid-template-columns: repeat(3, 1fr);
		}
	}
	@media(max-width: 960px) {
		& {
			grid-template-columns: repeat(2, 1fr);
		}
	}

	@media(max-width: 600px) {
		& {
			column-gap: 15px;
			row-gap: 30px;
		}
	}

    &.row-4 {
        grid-template-columns: repeat(4, 1fr);

        @media(max-width: 1530px) {
            & {
                grid-template-columns: repeat(3, 1fr);
            }
        }
        @media(max-width: 1250px) {
            & {
                grid-template-columns: repeat(2, 1fr);
            }
        }
    }

    &.column {
        grid-template-columns: repeat(1, 1fr);
    }
}

/* item */
.item-product {
    position: relative;
    width: 100%;
    height: 100%;

    display: flex;
    flex-direction: column;
    gap: 5px;

    padding: var(--Padding-10);

    &:hover {
        & .item-product__additional {
            max-height: 100vh;
        }
        & .item-product__title {
            color: var(--text-primary-head);
        }
    }
}

.item-product__tags {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
}
.item-product__tag {
    position: relative;
    width: fit-content;
    height: fit-content;
    padding: 6px clamp(7px, 6.2718px + 0.1942vw, 10px);
    border-radius: 5px;

    background: var(--colors-main);

    color: var(--text-primary-head);
    font-weight: 600;
    font-size: clamp(10px, 9.5146px + 0.1294vw, 12px);
    line-height: 100%;
    text-align: center;
    vertical-align: middle;

    &.stocks {
        background: #FF7669;
        color: var(--text-alt-head);
    }
}
.item-product__tag-more {
    position: relative;
    width: 0%;
    min-width: 24px;
    height: 24px;

    display: flex;
    align-items: center;
    justify-content: center;

    border: solid 1px var(--colors-main);
    border-radius: 5px;

    & svg {
        position: relative;
        width: 12px;
        height: 12px;

        & path {
            stroke: var(--text-primary-main);
        }
    }
}

.item-product__thumbnail {
    position: relative;
    display: block;
    width: 100%;
    height: auto;
    aspect-ratio: 1;
    max-height: 288px;

    background: var(--bg-primary-main);

    border-radius: 10px;
    border: solid 1px var(--bg-primary-stroke);
    overflow: hidden;

    & img {
        position: absolute;
        top: 0px;
        left: 0px;
        width: 100%;
        height: 100%;

        object-fit: cover;
        object-position: center;
    }
}

.item-product__content {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: calc(5px + var(--Padding-10));
    flex-grow: 1;

    padding: var(--Padding-10);
}

.item-product__price {
    position: relative;
    display: flex;
    align-items: end;
    flex-wrap: wrap;
    gap: var(--Gap-10);
}
.item-product__price-main {
    position: relative;
    color: var(--text-primary-head);
    font-weight: 700;
    font-size: 24px;
    line-height: 120%;

    display: block;
    width: fit-content;
}
.item-product__price-old {
    position: relative;
    color: var(--text-primary-main);
    font-weight: 400;
    font-size: 14px;
    line-height: 130%;

    text-decoration: line-through;

    display: block;
    width: fit-content;
}
.item-product__title {
    position: relative;
    display: block;

    color: var(--text-primary-second);
    font-weight: 600;
    font-size: clamp(11px, 10.2718px + 0.1942vw, 14px);
    line-height: 130%;

    transition: var(--transition);
}






.item-product-add2wish {
    position: relative;
    width: 0%;
    min-width: 50px;
    height: 50px;

    border-radius: 10px;
    border: solid 1px var(--bg-alt-main);
    
    background: var(--bg-primary-main);

    display: flex;
    align-items: center;
    justify-content: center;

    transition: var(--transition);

    cursor: pointer;

    & svg {
        position: relative;
        width: 16px;
        height: 16px;

        & path {
            stroke: var(--text-primary-head);
            fill: var(--bg-primary-main);
            transition: var(--transition);
        }
    }

    &:hover {
        background: var(--colors-main);
        border-color: var(--colors-main);

        & svg {
            & path {
                fill: var(--colors-main);
            }
        }
    }

    &.is-wish {
        & svg {
            & path {
                stroke: var(--colors-second);
                fill: var(--colors-second);
            }
        }
    }
}
.item-product__actions {
    position: relative;
    display: flex;
    align-items: center;
    gap: var(--Gap-10);

    margin-top: auto;

	& .qty-form {
		width: 0%;
		flex-grow: 1;
	}
	& .qty-count {
		width: 0%;
		flex-grow: 1;
		min-width: 30px;
	}
}

.item-product__info {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 5px;
}
.item-product__availability {
    position: relative;
    display: flex;
    align-items: center;
    gap: 5px;

    font-weight: 700;
    font-size: 12px;
    line-height: 130%;
    color: var(--text-primary-head);

    width: fit-content;

    & svg {
        position: relative;
        width: 0%;
        min-width: 12px;
        height: 12px;
    }
}
.item-product__article {
    position: relative;
    color: var(--text-primary-second);
    font-weight: 500;
    font-size: 12px;
    line-height: 130%;

    display: block;
    width: fit-content;
}

.item-product__additional {
    position: absolute;
    width: 100%;
    height: fit-content;
    left: 0px;
    bottom: 0px;

    transform: translateY(calc(100% - 1px));

    background: var(--bg-primary-main);

    transition: var(--transition);

    max-height: 0%;
    overflow: hidden;

    z-index: 10;

    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
}
.item-product__additional-body {
    position: relative;
    width: 100%;
    height: fit-content;

    padding: calc(var(--Padding-10) * 2);
    padding-top: 5px;
}
.item-product__attrs {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 5px;

    & li {
        color: var(--text-primary-second);
        font-weight: 500;
        font-size: 12px;
        line-height: 130%;

        & span {
            font-weight: inherit;
            font-size: inherit;
            line-height: inherit;
            color: var(--text-primary-head);
        }
    }
}
.item-product__buy-in-1-click {
    position: relative;
    width: 100%;
    padding: calc(var(--Padding-15) + 2px) var(--Padding-20);

    border-radius: 10px;
    border: solid 1px var(--colors-main);
    outline: none;
    
    background: var(--colors-main);

    color: var(--text-primary-head);
    text-align: center;
    font-weight: 700;
    font-size: clamp(12px, 11.0291px + 0.2589vw, 16px);

    cursor: pointer;
    
    margin-top: calc((var(--Padding-10) * 2) + 5px);

    transition: var(--transition);

    &:hover {
        background: var(--bg-primary-main);
    }
}

@media(max-width: 600px) {
	.item-product__actions {
		& .qty-form .qty {
			display: none;
		}

		& .add2cart-form,
		& .item-product-add2wish {
			width: 0%;
			flex-grow: 1;
		}

		& .qty-add2cart {
			width: 100%;
		}
	}

	.item-product {
		padding: 0px;
	}

	.item-product__content {
		padding: 0px;
		padding-top: 5px;
	}

	.item-product__price {
		flex-direction: column-reverse;
		align-items: start;
		gap: 3px;
	}
	.item-product__price-old {
		font-weight: 400;
		font-size: 12px;
		line-height: 120%;
	}
	.item-product__price-main {
		font-weight: 700;
		font-size: 14px;
		line-height: 120%;
	}

    .item-product__additional-body {
        padding: 10px 0px;
        display: none;
    }
}
/* End */


/* Start:/local/templates/theme/components/bitrix/catalog.section/load_more/themes/blue/style.min.css?1770380244706*/
.bx-blue .product-item-image-slider-progress-bar{background-color:#0083d1}.bx-blue .product-item-image-slider-control:hover{background-color:rgba(0,131,209,.8)}.bx-blue .product-item-image-slider-control.active,.bx-blue .product-item-image-slider-control:hover{background-color:#0083d1}.bx-blue .product-item-scu-item-text-block:hover,.bx-blue .product-item-scu-item-color-block:hover,.bx-blue .product-item-scu-item-text-container.selected .product-item-scu-item-text-block,.bx-blue .product-item-scu-item-color-container.selected .product-item-scu-item-color-block{outline-color:#006cc0}.bx-blue .product-item-amount-field:focus{border-color:#006cc0}.bx-blue .catalog-section-header{border-color:#006cc0}
/* End */


/* Start:/local/components/componentsTheme/block.stocks/templates/.default/style.css?1770380243167*/
.block-stocks__link {
    position: relative;
    margin-top: 30px;

    @media(max-width: 400px) {
        &.btn {
            width: 100%;
        }
    }
}
/* End */


/* Start:/local/components/componentsTheme/item.stock/templates/.default/style.css?17703802432359*/
/* wrapper */
.wrapper-stocks {
    position: relative;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: var(--Gap-20);
}

/* item */
.item-stock {
    position: relative;
    display: flex;
    gap: var(--Gap-20);
    width: 100%;
    height: 100%;

    padding: var(--Padding-10);
    padding-right: var(--Padding-20);

    background: var(--bg-primary-main);
    border-radius: 20px;
    box-shadow: 0px 10px 40px 0px #0000000D;

    transition: var(--transition);

    &:hover {
        background: var(--bg-primary-second);

        & .item-stock__img {
            & img {
                transform: scale(1.1);
            }
        }
    }
}

.item-stock__img {
    position: relative;
    width: 46.55%;
    height: auto;

    aspect-ratio: 340 / 220;
    border-radius: 10px;
    overflow: hidden;

    & img {
        position: absolute;
        top: 0px;
        left: 0px;

        width: 100%;
        height: 100%;

        object-fit: cover;
        object-position: center;

        transition: var(--transition);
    }
}

.item-stock__content {
    position: relative;
    width: 0%;
    flex-grow: 1;
}

.item-stock__content {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: var(--Margin-15);

    padding: var(--Padding-10) 0px;
}

.item-stock__title {
    position: relative;
    color: var(--text-primary-head);
}

.item-stock__text {
    position: relative;
    color: var(--text-primary-main);

    overflow: hidden;
    text-overflow: ellipsis;
    display: -moz-box;
    -moz-box-orient: vertical;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    line-clamp: 3;
    box-orient: vertical;
}

.item-stock__date {
    position: relative;
    margin-top: auto;
    color: var(--text-primary-second);
}

@media(max-width: 1100px) {
    .item-stock {
        flex-direction: column;
    }

    .item-stock__content {
        width: 100%;
    }

    .item-stock__img {
        width: 100%;
        max-height: 280px;
    }
}

@media(max-width: 540px) {
    .wrapper-stocks {
        grid-template-columns: repeat(1, 1fr);
    }

    .item-stock__img {
        aspect-ratio: 325 / 210;
        max-height: 210px;
    }
}
/* End */


/* Start:/local/components/componentsTheme/block.solutions/templates/.default/style.css?1770380243821*/
.block-solutions {
    overflow: hidden;
}

.block-solutions .solutions-swiper {
    @media(max-width: 600px) {
        & .swiper-wrapper {
            display: flex;
            flex-direction: column;
            gap: 10px;

            & > *:not(:nth-child(-n+2)) {
                display: none;
            }
        }
    }
}

.block-solutions__after {
    position: relative;
    width: 100%;
    height: fit-content;

    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;

    margin-top: 30px;
}
.block-solutions__navigations {
    margin-left: auto;
}

@media(max-width: 600px) {
    .block-solutions__after .block-solutions__navigations {
        display: none;
    }
    .block-solutions__btn.btn {
        width: 100%;
    }
}
/* End */


/* Start:/local/components/componentsTheme/item.solution/templates/.default/style.css?17703802433338*/
/* wrapper */
.wrapper-solutions {
    position: relative;
    width: 100%;
    height: fit-content;

    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: var(--Gap-20);
}

/* item */
.item-solution {
    position: relative;
    width: 100%;
    height: 100%;

    display: flex;
    flex-direction: column;

    min-height: clamp(345px, 10.032vw + 307.379px, 500px);

    border: solid 1px var(--bg-primary-stroke);
    border-radius: 20px;
    overflow: hidden;

    padding: var(--Padding-10);

    &:hover {
        & .item-solution__img {
            transform: scale(1.1);
        }

        & .item-solution__btn {
            background: none;
            border-color: var(--bg-alt-main);
            color: var(--text-primary-head);
        }
    }
}

.item-solution__img {
    position: absolute;
    top: 0px;
    left: 0px;

    width: 100%;
    height: 100%;

    object-fit: cover;
    object-position: center;

    transition: var(--transition);
}

.item-solution__content {
    position: relative;
    width: 100%;
    height: fit-content;

    display: flex;
    align-items: stretch;
    gap: var(--Gap-20);

    height: fit-content;

    background: var(--bg-primary-main);

    border-radius: 15px;
    padding: var(--Padding-20);

    margin-top: auto;
}

.item-solution__left {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: var(--Margin-15);

    width: 0%;
    flex-grow: 1;
}

.item-solution__title {
    position: relative;
    color: var(--text-primary-head);
    min-height: clamp(36px, 1.424vw + 30.660px, 58px);
}

.item-solution__text {
    position: relative;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -moz-box;
    -moz-box-orient: vertical;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    line-clamp: 4;
    box-orient: vertical;
}

.item-solution__right {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: var(--Margin-15);

    max-width: 50%;
}

.item-solution__btn.btn {
    margin-top: auto;
}

.item-solution__price-wrapper {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.item-solution__price-label {
    position: relative;
    color: var(--text-primary-main);
    text-align: right;
}

.item-solution__price {
    position: relative;
    color: var(--text-primary-head);
    text-align: right;
}

@media(max-width: 1000px) {
    .item-solution__content {
        flex-direction: column;
    }

    .item-solution__left {
        width: 100%;
    }

    .item-solution__right {
        width: 100%;
        max-width: 100%;
        flex-direction: row;
        align-items: end;
        justify-content: space-between;
    }

    .item-solution__btn {
        margin-top: unset;
        margin-left: auto;
    }

    .item-solution__price-wrapper {
        max-width: 50%;
    }

    .item-solution__price-label,
    .item-solution__price {
        text-align: left;
    }
}

@media(max-width: 670px) {
    .wrapper-solutions {
        grid-template-columns: repeat(1, 1fr);
    }

    .item-solution {
        padding: 5px;
    }
}
/* End */


/* Start:/local/components/componentsTheme/block.map-branches/templates/row/style.css?17703802432320*/
.block-map-branches > .wrapper {
    display: flex;
    flex-wrap: wrap;
    column-gap: var(--Gap-20);
}

.block-map-branches__top {
    position: relative;
    width: calc(50% - (var(--Gap-20) / 2));
    flex-grow: 1;
    height: fit-content;
    flex-direction: column;

    display: flex;
    align-items: start;
    gap: 30px;

    margin-bottom: clamp(30px, 1.942vw + 22.718px, 60px);
}
.block-map-branches__body {
    position: relative;
    width: calc(50% - (var(--Gap-20) / 2));
    flex-grow: 1;
    height: fit-content;
}

.block-map-branches__title.block-title {
    position: relative;
    margin-bottom: 0px;
    width: 100%;
}

.block-map-branches__text-wrapper {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 15px;

    width: 100%;
}

.block-map-branches__text-title {
    position: relative;
    color: var(--text-primary-main);
}

.block-map-branches__advantages {
    position: relative;
    margin-top: clamp(30px, 1.942vw + 22.718px, 60px);

    width: 100%;
    height: fit-content;

    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: clamp(10px, 0.647vw + 7.573px, 20px);

    @media(max-width: 1330px) {
        & {
            grid-template-columns: repeat(2, 1fr);
        }
    }
    @media(max-width: 680px) {
        & {
            grid-template-columns: repeat(1, 1fr);
        }
    }
}
.block-map-branches__advantages-item {
    position: relative;
    width: 100%;
    height: 100%;

    display: flex;
    align-items: center;
    gap: 20px;

    padding: 20px;
    border: solid 1px var(--bg-primary-stroke);
    border-radius: 15px;
    background: var(--bg-primary-main);
}
.block-map-branches__advantages-item__value {
    position: relative;
    color: var(--text-primary-head);
}
.block-map-branches__advantages-item__label {
    position: relative;
    color: var(--bg-alt-second);
}

@media(max-width: 1000px) {
    .block-map-branches > .wrapper {
        flex-direction: column;
    }

    .block-map-branches__top,
    .block-map-branches__body {
        width: 100%;
    }

    .block-map-branches__title.block-title,
    .block-map-branches__text-wrapper {
        width: 100%;
        max-width: 100%;
    }
}
/* End */


/* Start:/local/components/componentsTheme/component.map-branches/templates/mini/style.css?17703802433122*/
.map-branches {
    position: relative;
    width: 100%;
    height: fit-content;

    display: flex;
    flex-direction: column;
    gap: clamp(5px, 0.324vw + 3.786px, 10px);
}
.map-branches__wrapper {
    position: relative;
    width: 100%;
    height: fit-content;

    padding: clamp(5px, 0.324vw + 3.786px, 10px);

    background: var(--bg-primary-second);
    border-radius: 20px;
}

.map-branches__head {
    position: absolute;
    top: clamp(10px, 0.647vw + 7.573px, 20px);
    left: clamp(10px, 0.647vw + 7.573px, 20px);

    width: fit-content;
    max-width: 100%;

    padding: clamp(10px, 0.647vw + 7.573px, 20px);

    display: flex;
    flex-direction: column;
    gap: clamp(5px, 0.324vw + 3.786px, 10px);

    background: var(--bg-primary-main);
    border-radius: 10px;

    box-shadow: 0px 10px 40px 0px #0000000D;

    z-index: 2;
}

.map-branches__head-title {
    position: relative;
    color: var(--text-primary-head);
}
.map-branches__head-text {
    position: relative;
    color: var(--text-primary-main);
}


.map-branches__list-wrapper {
    position: relative;

    width: 100%;
    max-width: 1290px;
    height: fit-content;

    margin: 0 auto;

    z-index: 1;
}

.map-branches__background {
    width: 100%;
    height: auto;
}


.map-branches__list {
    position: absolute;
    top: 0px;
    left: 0px;

    width: 100%;
    height: 100%;
}
.map-branches__list-item {
    position: absolute;

    display: flex;
    align-items: center;
    gap: 0px;

    & > svg {
        position: relative;
        width: 0%;
        min-width: clamp(12px, 0.259vw + 11.029px, 16px);
        height: clamp(12px, 0.259vw + 11.029px, 16px);

        & path {
            fill: var(--bg-alt-second);
        }
    }

    & > span {
        position: relative;
        display: block;

        width: fit-content;
        height: fit-content;
        padding: 4px 12px;
        border-radius: 20px;
        background: var(--bg-primary-main);

        color: var(--text-primary-head);
        font-weight: 700;
        font-size: 0.73vw;
        line-height: 120%;

        @media(max-width: 1300px) {
            font-size: 9px;
        }
    }
}





.map-branches__items {
    position: relative;
    width: 100%;
    height: fit-content;

    display: grid;
    grid-template-columns: repeat(2, 1fr);
    row-gap: 5px;
    column-gap: 15px;

    padding: 15px;
    background: var(--bg-primary-second);
    border-radius: 15px;
}
.map-branches__item {
    position: relative;
    color: var(--text-primary-head);
}




@media(min-width: 1001px) {
    .map-branches__items {
        display: none;
    }
}
@media(max-width: 1000px) {
    .map-branches__list-item {
        & > span {
            display: none;
        }
    }
}
@media(max-width: 500px) {
    .map-branches__head {
        position: relative;
        top: unset;
        left: unset;
        margin-bottom: 13px;
        width: 100%;
        max-width: 100%;
    }
}
/* End */


/* Start:/local/components/componentsTheme/block.blog/templates/.default/style.css?1770380243742*/
.block-blog__after {
    position: relative;
    width: 100%;
    height: fit-content;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    margin-top: 30px;
}
.block-blog__navigations {
    margin-left: auto;
}

@media(max-width: 600px) {
    .block-blog-swiper {
        & .swiper-wrapper {
            position: relative;
            display: flex;
            flex-direction: column;
            gap: 10px;

            & .swiper-slide:not(:nth-child(-n+2)) {
                display: none;
            }
        }
    }

    .block-blog__btn.btn {
        width: 100%;
    }

    .block-blog__after .block-blog__navigations {
        display: none;
    }
}
/* End */


/* Start:/local/components/componentsTheme/item.blog/templates/.default/style.css?17703802432671*/
/* wrappper */
.wrapper-blog {
    position: relative;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: var(--Gap-20);

    @media(max-width: 1050px) {
        & {
            grid-template-columns: repeat(2, 1fr);
        }
    }

    @media(max-width: 670px) {
        & {
            grid-template-columns: repeat(1, 1fr);
        }
    }
}

/* item */
.item-blog {
    position: relative;
    width: 100%;
    height: 100%;
    display: block;

    border-radius: 15px;
    border: solid 1px var(--bg-primary-stroke);

    &:hover {
        & .item-blog__img {
            & img {
                transform: scale(1.1);
                filter: brightness(0.7);
            }
        }
    }
}

.item-blog__img {
    position: relative;
    width: 100%;
    height: auto;
    aspect-ratio: 500 / 222;
    max-height: 222px;

    border-radius: 15px;
    overflow: hidden;

    & img {
        position: absolute;
        top: 0px;
        left: 0px;

        width: 100%;
        height: 100%;

        object-fit: cover;
        object-position: center;

        transition: var(--transition);
    }
}

.item-blog__tag {
    position: absolute;
    top: 5px;
    left: 5px;
    width: fit-content;
    max-width: calc(100% - 10px);

    font-weight: 700;
    font-size: 14px;
    line-height: 100%;
    color: var(--bg-alt-main);

    padding: var(--Padding-10) var(--Padding-15);
    border-radius: 10px;

    background: var(--colors-fifth);
}

.item-blog__content {
    position: relative;
    width: 100%;
    padding: clamp(15px, 0.324vw + 13.786px, 20px);
    padding-top: clamp(10px, 0.324vw + 8.786px, 15px);

    display: flex;
    flex-direction: column;
    gap: var(--Gap-20);
}

.item-blog__title {
    position: relative;
    width: 100%;
    color: var(--text-primary-head);

    min-height: clamp(51px, 1.100vw + 46.874px, 68px);
}

.item-blog__contents-tags {
    position: relative;
    display: flex;
    align-items: center;
    flex-wrap: wrap;

    gap: 5px;
}

.item-blog__contents-tag {
    position: relative;
    width: fit-content;
    height: fit-content;

    padding: 5px;
    padding-right: 10px;
    background: var(--bg-primary-second);

    display: flex;
    align-items: center;
    gap: 5px;

    border-radius: 5px;

    color: var(--text-primary-main);

    & svg {
        position: relative;
        display: block;

        width: 0%;
        min-width: 16px;
        height: 16px;

        & path {
            stroke: var(--text-primary-main);
        }
    }
}
/* End */


/* Start:/local/components/componentsTheme/block.media/templates/.default/style.css?1770380243748*/
.block-media__after {
    position: relative;
    width: 100%;
    height: fit-content;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    margin-top: 30px;
}
.block-media__navigations {
    margin-left: auto;
}

@media(max-width: 600px) {
    .block-media-swiper {
        & .swiper-wrapper {
            position: relative;
            display: flex;
            flex-direction: column;
            gap: 10px;

            & .swiper-slide:not(:nth-child(-n+2)) {
                display: none;
            }
        }
    }

    .block-media__btn.btn {
        width: 100%;
    }

    .block-media__after .block-media__navigations {
        display: none;
    }
}
/* End */


/* Start:/local/components/componentsTheme/item.media/templates/.default/style.css?17703802433291*/
/* wrapper */
.wrapper-media {
    position: relative;
    width: 100%;
    height: fit-content;

    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: var(--Gap-20);

    @media(max-width: 1050px) {
        & {
            grid-template-columns: repeat(2, 1fr);
        }
    }

    @media(max-width: 670px) {
        & {
            grid-template-columns: repeat(1, 1fr);
        }
    }
}

/* item */
.item-media {
    position: relative;
    width: 100%;
    height: 100%;
    display: block;

    cursor: pointer;

    background: var(--bg-primary-main);
    border-radius: 20px;

    box-shadow: 0px 10px 40px 0px #0000000D;

    &.active,
    &:hover {
        & .item-media__preview {
            & img:not(.item-media__preview-img) {
                opacity: 0;
            }
        }

        & .item-media__toggler {
            opacity: 0;
        }
    }
}

.item-media__preview {
    position: relative;
    width: 100%;
    height: auto;
    aspect-ratio: 500 / 280;
    max-height: 280px;

    border-radius: 20px;
    overflow: hidden;

    & video {
        position: absolute;
        top: 0px;
        left: 0px;

        width: 100%;
        height: 100%;

        object-fit: cover;
        object-position: center;

        pointer-events: none;
    }

    & img {
        position: absolute;
        top: 0px;
        left: 0px;

        width: 100%;
        height: 100%;

        object-fit: cover;
        object-position: center;

        pointer-events: none;

        opacity: 1;

        transition: var(--transition);
    }
}

.item-media__toggler {
    position: absolute;
    top: 50%;
    left: 50%;

    transform: translateX(-50%) translateY(-50%);

    width: 80px;
    height: 80px;

    border-radius: 200%;

    background: #333333c3;

    display: flex;
    align-items: center;
    justify-content: center;

    opacity: 1;
    transition: var(--transition);

    & svg {
        position: relative;
        width: 40%;
        height: 40%;

        & path {
            stroke: var(--bg-primary-main);
            fill: var(--bg-primary-main);
        }
    }
}

.item-media__content {
    position: relative;
    width: 100%;
    padding: clamp(15px, 0.324vw + 13.786px, 20px);
    padding-top: clamp(10px, 0.324vw + 8.786px, 15px);
    display: flex;
    flex-direction: column;
    gap: var(--Gap-20);
}

.item-media__title {
    position: relative;
    color: var(--text-primary-head);
}

.item-media__contents-tags {
    position: relative;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 5px;
}

.item-media__contents-tag {
    position: relative;
    width: fit-content;
    height: fit-content;

    padding: 5px;
    padding-right: 10px;
    background: var(--bg-primary-second);

    display: flex;
    align-items: center;
    gap: 5px;

    border-radius: 5px;

    color: var(--text-primary-main);

    & svg {
        position: relative;
        display: block;

        width: 0%;
        min-width: 16px;
        height: 16px;

        & path {
            stroke: var(--text-primary-main);
        }
    }
}
/* End */


/* Start:/local/components/componentsTheme/block.representative-offices/templates/.default/style.css?17703802437299*/
.representative-offices__tabs {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    gap: 5px;

    margin-bottom: var(--Margin-30);
}

.representative-offices__contents {
    position: relative;
    width: 100%;
    height: clamp(360px, 9.061vw + 326.019px, 500px);
}

.representative-offices__content {
    position: relative;
    display: flex;
    align-items: start;
    gap: var(--Gap-20);
    height: 100%;

    &:not(.active) {
        display: none;
    }
}

.representative-offices__map {
    position: relative;
    width: 0%;
    flex-grow: 1;
    height: 100%;

    border-radius: 20px;
    overflow: hidden;

    & iframe {
        position: absolute;
        top: 0px;
        left: 0px;

        width: 100%;
        height: 100%;
    }
}

.representative-offices__points {
    position: relative;
    width: 370px;
    height: 100%;

    border-radius: 20px;
    border: solid 1px var(--bg-primary-stroke);
    overflow: hidden;
    overflow-y: auto;

    &>*:last-child {
        border-bottom: none;
    }
}

.representative-offices__point {
    position: relative;
    padding: clamp(10px, 0.647vw + 7.573px, 20px);

    display: flex;
    align-items: start;
    gap: 20px;

    border: solid 1px var(--bg-primary-stroke);
    transition: var(--transition);

    cursor: pointer;

    &:hover {
        background: var(--bg-primary-second);

        & .representative-offices__point-icon {
            background: var(--bg-primary-main);
        }
    }
}

.representative-offices__point-content {
    position: relative;
    width: 0%;
    flex-grow: 1;
}

.representative-offices__point-arrow {
    position: relative;
    width: 0%;
    min-width: 16px;
    height: 16px;

    & path {
        stroke: var(--text-primary-main);
    }
}

.representative-offices__point-top {
    position: relative;
    display: flex;
    gap: 10px;
    align-items: start;
}

.representative-offices__point-icon {
    position: relative;
    width: 0%;
    min-width: 26px;
    height: 26px;

    border-radius: 5px;
    background: var(--bg-primary-second);

    display: flex;
    align-items: center;
    justify-content: center;

    transition: var(--transition);

    & img {
        position: relative;
        width: 16px;
        height: 16px;

        object-fit: contain;
        object-position: center;
    }
}

.representative-offices__point-type {
    position: relative;
    color: var(--text-primary-main);
    margin-bottom: 5px;
}

.representative-offices__point-title {
    position: relative;
    color: var(--text-primary-head);
}

.representative-offices__point-timework {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 5px;
    margin-top: 10px;

    & li {
        color: var(--text-primary-main);
        font-family: inherit;
        font-weight: inherit;
        font-size: inherit;
        line-height: inherit;
    }
}

.representative-offices__point-detail {
    position: relative;
    margin-top: 15px;

    color: var(--text-primary-main);
    font-weight: 500;
    font-size: 16px;
    line-height: 130%;
}

.representative-offices-select {
    position: relative;
    width: 100%;
    height: fit-content;

    margin-bottom: 20px;
}

@media(min-width: 841px) {
    .representative-offices-select {
        display: none;
    }
}

@media(max-width: 840px) {
    .representative-offices__contents {
        height: fit-content;
    }
    .representative-offices__content {
        flex-direction: column;
    }

    .representative-offices__points {
        width: 100%;
        height: fit-content;
        max-height: 345px;
    }

    .representative-offices__map {
        width: 100%;
        height: 290px;
    }

    .representative-offices__tabs {
        display: none;
    }
}

.representative-offices__detail {
    position: relative;
    width: 100%;
    height: 100%;

    display: flex;
    align-items: start;
    gap: var(--Gap-20);

    &:not(.active) {
        display: none;
    }
}

.representative-offices__detail-info {
    position: relative;
    width: 370px;
    height: 100%;
    border-radius: 20px;
    border: solid 1px var(--bg-primary-stroke);
    overflow: hidden;
    overflow-y: auto;

    padding: clamp(10px, 0.647vw + 7.573px, 20px);

    display: flex;
    flex-direction: column;
    gap: 20px;
}
.representative-offices__detail-back {
    position: relative;
    width: 16px;
    height: 16px;

    cursor: pointer;

    & path {
        stroke: var(--text-primary-main);
    }
}
.representative-offices__detail__items {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: var(--Margin-30);
}
.representative-offices__detail__item {
    position: relative;
    display: flex;
    gap: 10px;
    align-items: start;
}
.representative-offices__detail__item-icon {
    position: relative;
    width: 0%;
    min-width: 26px;
    height: 26px;
    border-radius: 5px;
    background: var(--bg-primary-second);
    display: flex;
    align-items: center;
    justify-content: center;
    transition: var(--transition);

    & img,
    & svg {
        position: relative;
        width: 16px;
        height: 16px;
        object-fit: contain;
        object-position: center;
    }
}
.representative-offices__detail__item-title {
    position: relative;
    color: var(--text-primary-main);
    margin-bottom: 5px;
}
.representative-offices__detail__item-name {
    position: relative;
    color: var(--text-primary-head);
}
.representative-offices__detail__item-times {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 5px;

    margin-top: 10px;

    color: var(--text-primary-main);

    & * {
        font-family: inherit;
        font-size: inherit;
        line-height: inherit;
        font-weight: inherit;
        color: inherit;
    }
}
.representative-offices__detail__item-values {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 5px;

    font-weight: 600;
    font-size: 14px;
    line-height: 120%;
    color: var(--text-primary-head);

    & * {
        font-family: inherit;
        font-size: inherit;
        line-height: inherit;
        font-weight: inherit;
        color: inherit;
    }
}
.representative-offices__detail__item-detail.btn {
    width: 100%;
    margin-top: auto;
}

.representative-offices__detail-map {
    position: relative;
    width: 0%;
    flex-grow: 1;
    height: 100%;
    border-radius: 20px;
    overflow: hidden;

    & iframe {
        position: absolute;
        top: 0px;
        left: 0px;
        width: 100%;
        height: 100%;
    }
}


@media(max-width: 840px) {
    .representative-offices__detail {
        flex-direction: column;
    }
    .representative-offices__detail-info {
        width: 100%;
        height: fit-content;
        max-height: 345px;
    }
    .representative-offices__detail-map {
        width: 100%;
        height: 290px;
    }
}
/* End */
/* /local/components/componentsTheme/block.mainBanner/templates/.default/style.css?17703802437834 */
/* /local/components/componentsTheme/item.category/templates/.default/style.css?17703802431761 */
/* /local/components/componentsTheme/block.areas-of-application/templates/.default/style.css?17703802431110 */
/* /local/components/componentsTheme/item.areas-of-application/templates/.default/style.css?17703802431527 */
/* /local/components/componentsTheme/block.productsTabs/templates/.default/style.css?17703802431220 */
/* /local/templates/theme/components/bitrix/catalog.section/load_more/style.css?1770380244136 */
/* /local/components/bitrix/catalog.item/templates/.default/style.css?17703802437958 */
/* /local/templates/theme/components/bitrix/catalog.section/load_more/themes/blue/style.min.css?1770380244706 */
/* /local/components/componentsTheme/block.stocks/templates/.default/style.css?1770380243167 */
/* /local/components/componentsTheme/item.stock/templates/.default/style.css?17703802432359 */
/* /local/components/componentsTheme/block.solutions/templates/.default/style.css?1770380243821 */
/* /local/components/componentsTheme/item.solution/templates/.default/style.css?17703802433338 */
/* /local/components/componentsTheme/block.map-branches/templates/row/style.css?17703802432320 */
/* /local/components/componentsTheme/component.map-branches/templates/mini/style.css?17703802433122 */
/* /local/components/componentsTheme/block.blog/templates/.default/style.css?1770380243742 */
/* /local/components/componentsTheme/item.blog/templates/.default/style.css?17703802432671 */
/* /local/components/componentsTheme/block.media/templates/.default/style.css?1770380243748 */
/* /local/components/componentsTheme/item.media/templates/.default/style.css?17703802433291 */
/* /local/components/componentsTheme/block.representative-offices/templates/.default/style.css?17703802437299 */