/* Start:/local/resources/blanks/production_example_ru/style.css?177015626513233*/
.header-winecraft {
    color: #fff;
    --logo-color: #fff;
    --bg-color: transparent;
    --hover-color: var(--accent-color);
    background-color: #1E1E1E;
    .header--menu {
        color: #FFF;
        border-color: rgba(255, 255, 255, 0.12);
    }
    .nav--item:not(.is_accent) a {
        background-color: rgba(255, 255, 255, 0.06);
        backdrop-filter: blur(12px);
        color: #fff;
    }

}

.header-winecraft ~ .breadcrumbs {
    position: absolute;
    z-index: 10;
    top: var(--headerHeight, 104px);
    left: 0;
    right: 0;
    --breadcrumbs-color: rgba(255, 255, 255, 0.5);
    --breadcrumbs-color-active: rgba(255, 255, 255, 1);
}
.page-winecraft {
    background-color: #1E1E1E;
    --text-primary: #FFFFFF;
    .block {
        padding-bottom: 120px;
    }
}
.winecraft-title {
    .block--wrapper {
        padding: 0
    }
    .block--head {
        padding: var(--g-content-l) var(--container-padding);
    }
    .f-h1 {
        font-size: clamp(40px, calc(40px + (112 - 40) * ((100vw - 768px) / (1920 - 768))), 112px);
        margin-bottom: var(--g-content-l);
    }
    p {
        max-width: 584px;
        line-height: 1.5;
    }
    .winecraft-title--images {
        position: relative;
        width: 100vw;
        aspect-ratio: 1921 / 1155;
        display: flex;
        align-items: center;
        justify-content: center;

    }
    .winecraft-title--line {
        background-color: var(--accent-color);
        height: 1px;
        width: 100vw;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        z-index: 1;
        transform-origin: center;
    }
    .winecraft-title--circle {
        position: absolute;
        top: 0;
        width: 50%;
        margin: 0 auto;
        object-fit: contain;
        object-position: center;
        animation: rotate_circle 12s linear infinite;
        z-index: 4;
    }

    .winecraft-title--eye_outline {
        position: absolute;
        top: 0;
        z-index: 2;
        /*transform: scale(0);*/
    }
    [data-eye-outline], [data-eye-outline-2] {
        transform-origin: center;
        scale: 0;
    }


}
@keyframes rotate_circle {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}
.button-play {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 137px;
    height: 137px;
    border-radius: 50%;
    /*background-color: #1E1E1E;*/
    /*background-color: #B92846;*/
    display: grid;
    place-items: center;
    cursor: pointer;
    z-index: 5;
    /*outline: 1px solid #B92846;*/
    svg {
        transform: translateX(15%);
    }
    .button-play_bg {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 100%;
        height: 100%;
        border-radius: 50%;
        background-color: #1E1E1E;
    }
}
.winecraft-2 {
    .block--wrapper {
        padding: 0
    }

    .block--head {
        border-bottom: 1px solid #FFFFFF1F;
        padding: 0 var(--container-padding) var(--g-vertical-xl)
    }

    .f-h2 {
        font-size: clamp(24px, calc(24px + (88 - 24) * ((100vw - 768px) / (1920 - 768))), 88px);
        line-height: 1.2;
        svg {
            aspect-ratio: 244 / 84;
            height: calc(1em * 0.8);
            line-height: 1;
            width: auto;
            margin-right: 0.5em
        }
    }
    .winecraft-2--subhead {
        padding: var(--g-vertical-xl) var(--container-padding);
        gap: 24px;
        @media(min-width: 1280px) {
            display: grid;
            grid-template-columns: 8fr 4fr;
            gap: 40px;
        }
    }
    .winecraft-2--subtitle {
        font-size: clamp(20px, calc(20px + (40 - 20) * ((100vw - 768px) / (1920 - 768))), 40px);
        text-transform: uppercase;
        font-weight: 500;
        color: var(--text-primary);
        max-width: 75%;
        margin-bottom: 24px;
    }
    .winecraft-2--text {
        max-width: 432px;
        font-size: clamp(16px, calc(16px + (20 - 16) * ((100vw - 768px) / (1920 - 768))), 20px);
        color: var(--text-primary)
    }
    .winecraft-2--content {
        position: relative;
    }
    .winecraft-2--content_scroller {
        display: grid;
        /*grid-template-columns: repeat(3, 1fr);*/
        /*grid-template-rows: repeat(4, 1fr);*/
        height: 150%;
        width: 100%;
        position: absolute;
        top: 100%;
        left: 0;
        @media(min-width: 768px) {
            grid-template-columns: repeat(3, 1fr);
            grid-template-rows: repeat(4, 1fr);
            .winecraft-2--content_item {
                &:nth-child(1) {
                    grid-column: 1;
                    grid-row: 1
                }
                &:nth-child(2) {
                    grid-column: 3;
                    grid-row: 2
                }
                &:nth-child(3) {
                    grid-column: 2;
                    grid-row: 3
                }
            }
        }
        @media(max-width: 768px) {
            padding: 16px
        }
    }
    .winecraft-2--content_item {
        display: flex;
        flex-direction: column;
        gap: 18px;
        position: relative;
        @media(max-width: 768px) {
            width: 70vw
        }
    }
    .winecraft-2--content_item_accent {
        font-size: clamp(42px, calc(42px + (220 - 42) * ((100vw - 768px) / (1920 - 768))), 220px);
        color: #fff;
        text-transform: uppercase;
        text-shadow: 0 2px 52px 0 #00000040;
        text-align: justify;
        line-height: 1;
    }
    .winecraft-2--content_item_text {
        font-size: clamp(12px, calc(12px + (20 - 12) * ((100vw - 768px) / (1920 - 768))), 20px);
        text-transform: uppercase;
        font-weight: 500;
        line-height: 1.3;
        text-shadow: 0px 2px 52px 0px #00000040;
        color: #fff;
        padding-left: 100px;
        position: relative;
        max-width: 360px;
        /*outline: 1px solid green;*/
        @media(max-width: 768px) {
            padding-left: 69px;
        }
    }
    .winecraft-2--content_item_icon {
        background-image: url("data:image/svg+xml,%3Csvg width='39' height='38' viewBox='0 0 39 38' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 32H0V33H1V32ZM38.7735 32L33 26.2265L27.2265 32L33 37.7735L38.7735 32ZM1 0H0V32H1H2V0H1ZM1 32V33H33V32V31H1V32Z' fill='white'/%3E%3C/svg%3E");
        background-position: center;
        background-repeat: no-repeat;
        background-size: contain;
        width: 40px;
        height: 40px;
        position: absolute;
        top: 1em;
        transform: translateY(-100%) translateX(-150%);
        @media(max-width: 768px) {
            width: 24px;
            height: 24px;
        }
    }
    .winecraft-2--content_item.right {
        @media(max-width: 768px) {
            margin-left: auto;
        }
        .winecraft-2--content_item_accent {
            @media(max-width: 768px) {
                text-align: right;
            }
        }
        .winecraft-2--content_item_text {
            text-align: right;
            padding-left: 0;
            padding-right: 100px;
            @media(max-width: 768px) {
                padding-right: 69px;
            }
        }
        .winecraft-2--content_item_icon {
            right: 0;
            transform: scaleX(-1) translateY(-100%) translateX(100%);
        }
    }

}

.winecraft-3 {
    padding: var(--g-vertical-xxl) 0;
    overflow: hidden;

    .block--wrapper {
        padding: 0
    }
    .block--head {
        padding: 0 var(--container-padding) var(--g-vertical-xl)
    }
    .f-h2 {
        line-height: 1.2;
        font-size: clamp(20px, calc(20px + (88 - 20) * ((100vw - 768px) / (1920 - 768))), 88px);
        display: inline-flex;
        svg {
            .-desktop{
            aspect-ratio: 750 / 106;
            height: 1.2em;
            line-height: 1;
            width: auto;
        }
            .-mobile{
                aspect-ratio: 157 / 24;
                height: 24px;
                line-height: 1;
                width: auto;
            }
        }
        @media(min-width: 1024px) {
            .-mobile {
                display: none;
            }
        }
        @media(max-width: 1024px) {
            .-desktop {
                display: none;
            }
        }
    }
    #winecraft-3_title_animation {
        overflow: hidden;
        max-width: 140px;
    }
    .card {
        border-top: 1px solid #FFFFFF1F;
        border-bottom: 1px solid #FFFFFF1F;
        display: flex;
        flex-direction: column;
        overflow: hidden;
        height: auto;
        @media(max-width: 1024px){
        padding-top: 48px;
        }
        @media(min-width: 1024px){
            height: 100%;
            display: grid;
            grid-template-columns: 1fr 1fr;
            max-height: calc(100vh - var(--headerHeight));
        }
    }
    .card--image {
        @media(min-width: 1600px){
            aspect-ratio: unset;
        }
    }
    .card--image figure,
    .card--image img{
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center;
    }
    .card--content {
        padding: var(--g-content-l) var(--g-content-l) var(--g-content-l) var(--container-padding);
        justify-content: flex-end;
        height: 100%;
    }
    .is_cascade {
        max-width: 740px;
        h3 {
            text-transform: uppercase;
        }
    }
    .block--elements {
        position: relative;
    }
    .swiper-navigation {
        position: absolute;
        bottom: 0;
        left: unset;
        right: 0;
        z-index: 3;
        padding: var(--g-content-m);
        display: flex;
        align-items: center;
        gap: 8px;
        @media(min-width: 1024px) {
            left: 50vw;
        }
    }
    .swiper-pagination {
        position: absolute;
        top: var(--g-content-l);
        left: var(--container-padding);
        width: fit-content;
        height: fit-content;
        z-index: 3;
        font-family: monospace;
        color: #fff;
        font-size: clamp(20px, calc(20px + (40 - 20) * ((100vw - 768px) / (1920 - 768))), 40px);
    }
    .swiper-button-prev,
    .swiper-button-next {
        color: #fff;
        border-radius: 50%;
        &:not(.swiper-button-disabled) {
            background-color: #1212124D;
            backdrop-filter: blur(40px);
        }
    }

}

.winecraft-4 {
    height: calc(100 * var(--vh, 1vh) - var(--headerHeight));
    padding-top:  var(--headerHeight);
    display: grid;
    align-items: center;
    .block--wrapper {
        padding: 0
    }
}
.matrix {
    width: 100%;
    display: flex;
    flex-direction: column;
    position: relative;
    .matrix--row {
        text-transform: uppercase;
        text-align: center;
        font-size: clamp(29px, calc(29px + (74 - 29) * ((100vw - 768px) / (1920 - 768))), 74px);
        color: #FFFFFF26;
        letter-spacing: 0.11em;
        line-height: 1;
        border-bottom: 1px solid #FFFFFF1F;
        transition: var(--transition);
        span {
            transition: var(--transition);
            transition-delay: 0.3s;
        }
    }
    .old {
        .accent{
            color: #FFFFFF26;
            /*transition-delay: 0.5s;*/
        }
        .selected{
            color: #FFFFFF26;
            /*transition-delay: 0.5s;*/
        }
    }
    .accent{
        color: var(--accent-color);
        /*transition-delay: 0.5s;*/
    }
    .selected{
        color: #fff;
        /*transition-delay: 0.5s;*/
    }

    .matrix--image {
        position: absolute;
        height: 100%;
        aspect-ratio: 555 / 795;
        bottom: -2em;
        left: 50%;
        transform: translateX(-100%);
        img {
            position: absolute;
            width: 100%;
            height: 100%;
            object-fit: contain;
            object-position: center;
            top: 0;
            left: 0;
            opacity: 0;
            filter: drop-shadow(20px 30px 29px rgba(0, 0, 0, 0.8));
            /*box-shadow: 4px 13px 29px 0px #0000009C;*/

            /*box-shadow: 18px 50px 53px 0px #00000087;*/

            /*box-shadow: 40px 113px 72px 0px #0000004F;*/

            /*box-shadow: 71px 201px 85px 0px #00000017;*/

            /*box-shadow: 111px 314px 93px 0px #00000003;*/

        }
    }
}
.content_wine {
    .card--content .card--title {
        color: #121212;
    }
    .card--image {
        background-color: #474747;
        border: 9px solid #343434;
        box-shadow: 0px -2px 22.7px 17px #00000040 inset;
    }
}
/* End */
/* /local/resources/blanks/production_example_ru/style.css?177015626513233 */