

/* Start:/local/templates/libhof_store/components/bitrix/news.list/topslider/style.css?175265082515363*/
.carousel-main {
    position: relative;
    width: calc(100vw - (100vw - 105rem)/2 - 3.875rem - 5.9375rem);
}

.carousel-main .slick-slide {
    max-height: 49.0625rem;
}

.carousel-main .slick-slide>div {
    line-height: 0;
}

.carousel-main__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
}

.carousel-main__item_back::before {
    content: url('/local/templates/libhof_store/components/bitrix/news.list/topslider/images/shadow-banner.svg');
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
}

.carousel-main__wrap {
    margin-top: 10.625rem;
    margin-bottom: 2.1875rem;
    width: 40.625rem;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    z-index: 1;
}

.carousel-main__wrap_big {
    margin-top: 5rem;
    width: 45rem;
}

.carousel-main__tag {
    font-weight: 600;
    font-size: .875rem;
    letter-spacing: .3em;
    color: #666;
    margin-bottom: 3.5rem;
    line-height: 1.172;
    padding: 1.3625rem 1.75rem;
    text-transform: uppercase;
    display: inline-block;
    position: relative;
    z-index: 1;
}

.carousel-main__tag::before {
    content: "";
    background-color: #0b0b0b;
    border: .0625rem solid #0b0b0b;
    -webkit-clip-path: polygon(0.9rem 0%, calc(100% - 0.9rem) 0%, 100% 20%, 100% 80%, calc(100% - 0.9rem) 100%, 0.9rem 100%, 0% 80%, 0% 20%);
    clip-path: polygon(0.9rem 0%, calc(100% - 0.9rem) 0%, 100% 20%, 100% 80%, calc(100% - 0.9rem) 100%, 0.9rem 100%, 0% 80%, 0% 20%);
    border-radius: 1rem;
    position: absolute;
    width: calc(100% - .125rem);
    height: calc(100% - .125rem);
    left: .0625rem;
    top: .0625rem;
    z-index: -1;
}

.carousel-main__tag::after {
    content: "";
    background-color: #3c3c3c;
    border: .0625rem solid #3c3c3c;
    -webkit-clip-path: polygon(0.9rem 0%, calc(100% - 0.9rem) 0%, 100% 20%, 100% 80%, calc(100% - 0.9rem) 100%, 0.9rem 100%, 0% 80%, 0% 20%);
    clip-path: polygon(0.9rem 0%, calc(100% - 0.9rem) 0%, 100% 20%, 100% 80%, calc(100% - 0.9rem) 100%, 0.9rem 100%, 0% 80%, 0% 20%);
    border-radius: 1rem;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: -2;
}

.carousel-main__tag_big {
    font-size: 1.125rem;
    letter-spacing: normal;
    margin-bottom: 2.5rem;
    padding: 1.6875rem 2.0625rem;
}

.carousel-main__title {
    font-weight: 600;
    font-size: 3.75rem;
    color: #f5f5f5;
    margin-bottom: 2.5rem;
    line-height: 1.22;
}

.carousel-main__title_small {
    font-size: 3.4375rem;
    line-height: 1.1;
    color: #fff;
    margin-bottom: 1.875rem;
}

.carousel-main__text {
    font-size: 1.125rem;
    line-height: 1.44;
    letter-spacing: -0.01em;
    color: #999;
    margin-bottom: 3.9375rem;
}

.carousel-main__text_merged {
    margin-bottom: 1.25rem;
    letter-spacing: normal;
    color: #fff;
    font-weight: 400;
}

.carousel-main__img {
    margin-left: -1.25rem;
    margin-top: -5rem;
}

.carousel-main__img_big {
    width: calc(100% - 45rem);
    margin-top: 0;
    -o-object-fit: cover;
    object-fit: cover;
}

@media(max-width: 1650px) {
    .carousel-main .slick-slide {
        max-height:43.75rem;
    }

    .carousel-main__tag_big {
        font-size: 1rem;
        margin-bottom: 1.875rem;
        padding: 1.3125rem 1.75rem;
    }

    .carousel-main__title_small {
        font-size: 3rem;
    }
}

@media(max-width: 1550px) {
    .carousel-main__wrap {
        margin-top:5rem;
    }
}

@media(max-width: 1300px) {
    .carousel-main__item_back::before {
        left:auto;
        right: 4.375rem;
    }

    .carousel-main__title {
        font-size: 3.375rem;
    }

    .carousel-main__title_small {
        font-size: 2.375rem;
    }

    .carousel-main__wrap {
        width: 40%;
        margin-top: 4.375rem;
    }

    .carousel-main__wrap_big {
        width: 45%;
    }

    .carousel-main__img {
        margin-left: -1.875rem;
    }

    .carousel-main__img_big {
        width: 55%;
    }
}

@media(max-width: 1200px) {
    .carousel-main {
        width: calc(100vw - 2.5rem - 3.875rem - 2.8125rem);
    }

    .carousel-main__item_back::before {
        right: -4.375rem;
    }

    .carousel-main__title_small {
        font-size: 2.125rem;
    }

    .carousel-main__text_merged {
        font-size: 1rem;
    }

    .carousel-main__img_big {
        margin-left: 0;
    }

    .carousel-main__wrap_big {
        width: 50%;
    }

    .carousel-main__img_big {
        width: 50%;
    }
}

@media(max-width: 1023px) {
    .carousel-main {
        width:100vw;
        margin-left: -1.25rem;
        margin-right: -1.25rem;
    }

    .carousel-main .slick-slide {
        max-height: calc(100vh - 6.5rem - 3.75rem);
    }

    .carousel-main__item {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .carousel-main__wrap {
        width: 100%;
        padding: 1.875rem 3.75rem .5rem;
        margin: 0;
    }

    .carousel-main__img {
        margin-left: 0;
        margin-right: -2.5rem;
        margin-top: 0;
    }

    .carousel-main__title {
        margin-bottom: 1.5625rem;
    }

    .carousel-main__text {
        margin-bottom: 1.875rem;
    }

    .carousel-main__item_back::before {
        content: "";
        right: auto;
        left: 0;
        width: 100%;
        z-index: 1;
        background: -webkit-gradient(linear, left top, left bottom, from(rgba(11, 11, 11, 0.5490196078)), to(#0b0b0b));
        background: linear-gradient(180deg, rgba(11, 11, 11, 0.5490196078) 0%, #0b0b0b 100%);
    }

    .carousel-main__img_big {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
    }
}

@media(max-width: 639px) {
    .carousel-main .slick-slide {
        max-height:none;
    }

    .carousel-main__item {
        height: calc(100vh - 6.5rem - 3.75rem);
    }

    .carousel-main__item_banner {
        height: auto;
    }

    .carousel-main__tag {
        font-size: .5rem;
        padding: .9375rem 1.5rem;
        margin-bottom: 1.875rem;
    }

    .carousel-main__tag::before {
        -webkit-clip-path: polygon(0.5rem 0%, calc(100% - 0.5rem) 0%, 100% 20%, 100% 80%, calc(100% - 0.5rem) 100%, 0.5rem 100%, 0% 80%, 0% 20%);
        clip-path: polygon(0.5rem 0%, calc(100% - 0.5rem) 0%, 100% 20%, 100% 80%, calc(100% - 0.5rem) 100%, 0.5rem 100%, 0% 80%, 0% 20%);
        border-radius: .625rem;
    }

    .carousel-main__tag::after {
        -webkit-clip-path: polygon(0.5rem 0%, calc(100% - 0.5rem) 0%, 100% 20%, 100% 80%, calc(100% - 0.5rem) 100%, 0.5rem 100%, 0% 80%, 0% 20%);
        clip-path: polygon(0.5rem 0%, calc(100% - 0.5rem) 0%, 100% 20%, 100% 80%, calc(100% - 0.5rem) 100%, 0.5rem 100%, 0% 80%, 0% 20%);
        border-radius: .625rem;
    }

    .carousel-main__tag_big {
        padding: .8125rem 1.125rem;
    }

    .carousel-main__wrap {
        padding-right: 2.5rem;
        padding-left: 2.5rem;
    }

    .carousel-main__title {
        font-size: 1.875rem;
        margin-bottom: 1.5625rem;
    }

    .carousel-main__title_small {
        font-size: 1.75rem;
        margin-bottom: 1rem;
    }

    .carousel-main__text {
        font-size: .9375rem;
        margin-bottom: 1.875rem;
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        line-clamp: 3;
        -webkit-box-orient: vertical;
    }

    .carousel-main__text_merged {
        font-size: .875rem;
        margin-bottom: 1rem;
    }
}

.carousel-side {
    width: 3.875rem;
    margin-right: 6.3125rem;
    font-family: "Montserrat",sans-serif;
    flex-shrink: 0;
    margin-bottom: 17.5rem;
}

@media (max-width: 1650px) {
    .carousel-side {
        margin-bottom: 13.75rem;
    }
}

.carousel-side .slick-slide {
    border: none!important;
    cursor: pointer;
    margin-top: .625rem;
    margin-bottom: .625rem;
}

.carousel-side .slick-slide:has(+.slick-current) .carousel-side__item {
    font-size: 1rem;
    color: #666;
}
.carousel-side .slick-slide:has(+.slick-slide+.slick-current) .carousel-side__item {
    font-size: .75rem;
    color: #333;
}
.carousel-side .slick-slide.slick-current {
    cursor: auto;
}
.carousel-side .slick-slide.slick-current .carousel-side__item {
    font-size: 1.25rem;
    color: #f5f5f5;
    position: relative;
}
.carousel-side .slick-slide.slick-current .carousel-side__item::before {
    content: url(/local/templates/libhof_store/components/bitrix/news.list/topslider/images/border-main.svg);
    position: absolute;
    top: 52%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: block;
}
.carousel-side .slick-slide.slick-current + .slick-slide .carousel-side__item {
    font-size: 1rem;
    color: #666;
}
.carousel-side
    .slick-slide.slick-current
    + .slick-slide
    + .slick-slide
    .carousel-side__item {
    font-size: 0.75rem;
}

.carousel-side .slick-prev {
    position: absolute;
    top: calc(117% + 2.1875rem);
    left: 50%;
    transform: translateX(-50%) rotate(180deg);
}

.carousel-side .slick-prev path {
    fill: #666;
}

.carousel-side .slick-next {
    position: absolute;
    top: 117%;
    left: 50%;
    transform: translateX(-50%);
    margin-left: 0;
}

.carousel-side .slick-list {
    margin-top: 5.625rem;
}

.carousel-side__item {
    font-weight: 600;
    font-size: .75rem;
    color: #333;
    line-height: 1.167;
    position: relative;
    min-height: 3.9375rem;
    display: flex;
    justify-content: center;
    align-items: center;
}

.carousel-side__item_prev {
    font-size: 1rem;
    color: #666;
}

.carousel-side__item_third {
    font-size: .75rem;
    color: #333;
}

@media(max-width: 1200px) {
    .carousel-side {
        margin-right:3.125rem;
    }
}

@media(max-width: 1023px) {
    .carousel-side {
        width:auto;
        margin: 1.25rem 1.25rem 2.8125rem;
    }

    .carousel-side .slick-list {
        margin-right: 1.5625rem;
        margin-left: 1.5625rem;
        margin-top: 0;
    }

    .carousel-side .slick-slide {
        padding: 0 .6875rem;
    }

    .carousel-side .slick-slide.slick-current .carousel-side__item::before {
        display: none;
    }

    .carousel-side .slick-prev {
        top: 58%;
        left: 0;
        transform: rotate(180deg) translateY(50%);
    }

    .carousel-side .slick-prev svg {
        width: .75rem;
        height: .625rem;
    }

    .carousel-side .slick-prev path {
        fill: #f5f5f5
    }

    .carousel-side .slick-next {
        top: 58%;
        right: 0;
        left: auto;
        transform: translateY(-50%);
    }

    .carousel-side .slick-next svg {
        width: .75rem;
        height: .625rem;
    }

    .carousel-side__item {
        padding: 0;
        min-height: 0;
    }

    .carousel-side__item_third {
        padding-top: 0;
        padding-bottom: 0;
    }
}

@media(max-width: 639px) {
    .carousel-side .slick-slide.slick-current+.slick-slide .carousel-side__item {
        font-size:.9375rem;
        color: #999;
    }

    .carousel-side .slick-slide.slick-current+.slick-slide+.slick-slide .carousel-side__item {
        font-size: .6875rem;
        color: #666;
    }

    .carousel-side__item {
        font-size: .6875rem;
    }

    .carousel-side__item_prev {
        font-size: .9375rem;
        color: #999;
    }

    .carousel-side__item_third {
        font-size: .6875rem;
        color: #666;
    }
}

.carousels {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

@media(max-width: 1023px) {
    .carousels {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
        -webkit-box-align: normal;
        -ms-flex-align: normal;
        align-items: normal;
    }
}

.detail {
    font-size: 1.25rem;
    color: #f5f5f5;
    font-family: "Montserrat",sans-serif;
}

.detail:hover {
    color: #f5f5f5;
}

.detail:hover .detail__img::before {
    display: block;
}

.detail:hover svg path:first-child {
    fill: #54ade1;
    stroke: #54ade1;
}

.detail:hover svg path:last-child {
    fill: #f3f3f3;
}

.detail:active .detail__img::before {
    display: none;
}

.detail img,.detail svg {
    vertical-align: middle;
}

.detail_dark {
    color: #050505;
}

.detail_dark:hover {
    color: #050505;
}

.detail_small {
    color: #050505;
    font-size: 1.375rem;
}

.detail_small:hover {
    color: #050505;
}

.detail__img {
    margin-left: 1.25rem;
    position: relative;
    display: inline-block;
}

.detail__img::before {
    content: "";
    display: none;
    width: 55%;
    height: .25rem;
    box-shadow: 0 .25rem 1.25rem 0 #54ade1;
    background: #54ade1;
    position: absolute;
    bottom: .1875rem;
    left: .875rem;
}

@media(max-width: 767px) {
    .detail_dark {
        display:none;
    }

    .detail_small {
        font-size: .9375rem;
    }

    .detail_small .detail__img {
        margin-left: .9375rem;
    }

    .detail_small .detail__img svg {
        width: 3.6875rem;
        height: 3.5625rem;
    }

    .detail_small .detail__img::before {
        width: 48%;
    }
}

@media(max-width: 639px) {
    .detail {
        font-size:1.0625rem;
    }

    .detail__img {
        margin-left: 1rem;
    }

    .detail__img svg {
        width: 3.6875rem;
        height: 3.5625rem;
    }

    .detail__img::before {
        width: 48%;
    }
}

@media (max-width: 639px) {
    .detail__img .detail__img_mobile svg {
        width: 3.125rem;
        height: 3rem;
    }
}

.semibold {
    font-weight: 600;
}

.sale-set {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 1.875rem;
    margin-bottom: 2.5rem;
}

.sale-set__wrap {
    padding: .0625rem;
    background: linear-gradient(240deg, #54ADE1, #212121);
    border-radius: .6875rem;
}

.sale-set__item {
    text-align: center;
    border-radius: .625rem;
    padding: 1.25rem 1.8125rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    background: #000;
}

.sale-set__number {
    font-weight: 700;
    font-size: 3.4375rem;
    color: #54ade1;
    line-height: 1;
}

.sale-set__text {
    font-size: 1.125rem;
    color: #f2f2f2;
    margin-top: .25rem;
    line-height: 1;
}

@media(max-width: 1650px) {
    .sale-set__number {
        font-size:2.8125rem;
    }
}

@media(max-width: 1350px) {
    .sale-set__number {
        font-size:2.375rem;
    }

    .sale-set__text {
        font-size: .875rem;
    }
}

@media(max-width: 1200px) {
    .sale-set {
        gap:1.25rem;
        margin-bottom: 1.875rem;
    }

    .sale-set__item {
        padding: 1rem 1.375rem;
    }
}

@media(max-width: 639px) {
    .sale-set {
        gap:.5rem;
    }

    .sale-set__item {
        padding: .9375rem .8125rem;
    }

    .sale-set__number {
        font-size: 1.75rem;
    }

    .sale-set__text {
        font-size: .75rem;
    }
}
/* End */


/* Start:/local/templates/libhof_store/components/bitrix/news.list/catalog_tiles/style.css?1740558666445*/
.container.info .flex_column:nth-child(2) .catalog:nth-child(1) {
    border-top-left-radius: 1.875rem;
}

.container.info .flex_column:nth-child(2) .catalog:nth-child(2) {
    border-top-right-radius: 1.875rem;
}

.container.info .flex_column:nth-last-child(1) .catalog:nth-child(1) {
    border-bottom-left-radius: 1.875rem;
}

.container.info .flex_column:nth-last-child(1) .catalog:nth-child(2) {
    border-bottom-right-radius: 1.875rem;
}

/* End */


/* Start:/local/templates/libhof_store/components/bitrix/news.list/news4/style.css?1740558666257*/
.container.info.info_110 .carousel-news .grid__item:nth-child(1) .news:nth-child(1) {
    border-top-left-radius: 1.875rem;
}

.container.info.info_110 .carousel-news .grid__item:nth-child(2n+3) .news:nth-child(1) {
    border-top-right-radius: 1.875rem;
}

/* End */
/* /local/templates/libhof_store/components/bitrix/news.list/topslider/style.css?175265082515363 */
/* /local/templates/libhof_store/components/bitrix/news.list/catalog_tiles/style.css?1740558666445 */
/* /local/templates/libhof_store/components/bitrix/news.list/news4/style.css?1740558666257 */
