/*
Theme Name:     Buecherspasswelt
Theme URI:      https://55line.ru/
Description:    Buecherspasswelt
Author:         55line
Author URI:     https://55line.ru/
Template:       twentytwentytwo
Text Domain:    twentytwentytwo
Version:        1.0
*/

:root {
    --swiper-navigation-size: 44px;
    --swiper-theme-color: #007aff;
}

* {
    box-sizing: border-box;
}

body {
    overflow-x: hidden;
}

.logo-icon {
    display: block;
}

.wp-block-navigation-item__content {
    display: block;
    font-weight: 600;
    color: #000;
    text-decoration: none;
    padding: 0.5rem;
    font-size: 1.2rem;
}

.ask__form-col {
    margin-top: 0 !important;
}

.ask__form-captcha {
    border: none !important;
}

.product__gallery {
    display: flex;
    justify-content: space-between;
    grid-column-start: 2;
    grid-row-start: 1;
    grid-row-end: 4;
    max-height: 47rem;

    padding-top: 2em;
    padding-bottom: 2em;
}

.label {
    display: inline;
    font-size: 75%;
    font-weight: bold;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: 0.25em;
}

svg.banner__bg-img {
    margin-top: 0;
}

.product__slider {
    background: url(img/oval.png) top 200px left 309px no-repeat;
}

.carousel__slider-box {
    width: 100%;
}

.faq {
    border-bottom: 1px solid rgba(225, 225, 225, 0.82);
}

.carousel__slide.is-show {
    opacity: 1;
}

.carousel__slide.is-show.is-show-1 {
    transform: translate(-10%, -10%) rotate(5deg);
}

.carousel__slide.is-show.is-show-2 {
    transform: translate(0, 50%) rotate(-7deg);
}

.carousel__slide.is-show.is-show-3 {
    transform: translate(10%, -20%) rotate(3deg);
}

.carousel__slide.is-show.is-show-4 {
    transform: translate(0, 40%) rotate(-3deg);
}

.products-block-post-template .product {
    border-radius: 1.6rem;
    box-shadow: 0 1.5rem 3rem 0 rgba(0, 0, 0, 0.09);
    background-color: #fff;
    transition: transform 0.5s ease-in-out, opacity 0.2s ease-in-out;
    margin-right: 2rem;
    margin-bottom: 7rem;
    padding-top: 19.7rem;
    padding-bottom: 5rem;
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 9.5rem !important;
}



.products-block-post-template .product:hover {
    transition: transform 0.2s ease-in-out;
    transform: translateY(-3rem) !important;
}

.products-block-post-template .product .wc-block-components-product-image img {
    object-fit: cover;
    width: 100%;
    height: 100%;
}

.products-block-post-template .product .wc-block-components-product-image {
    position: absolute;
    top: -5.2rem;
    left: 0;
    right: 0;
    max-width: 18.1rem;
    height: 22.8rem;
    overflow: hidden;
    margin: 0 auto 2.1rem;
    border-radius: 1.2rem;
    box-shadow: 0 1rem 2rem rgba(0, 0, 0, 0.27);
    order: 1;
}

.products-block-post-template .product .wp-block-woocommerce-product-price {
    display: block;
    order: 2;
}

.products-block-post-template .product .wp-block-woocommerce-product-price span {
    font-size: 1.8rem;
    margin-bottom: 0.8rem;
    line-height: normal;
    font-weight: 500;
    margin-top: 0;
}

.products-block-post-template .product .wp-block-post-title {
    order: 3;
    display: block;
    padding: 0 10px;
}

.products-block-post-template .product .wp-block-post-excerpt {
    order: 4;
    display: block;
    font-size: 1.4rem;
    font-weight: 400;
    color: #000;
    max-width: 90%;
    text-align: center;
}

.products-block-post-template .product .wp-block-post-title a {
    font-size: 1.3rem;
    line-height: normal;
    font-weight: 500;
    margin-top: 0;
    margin-bottom: 1rem;
    text-decoration: none;
}

.products-block-post-template .product .wp-block-button {
    order: 5;
}

.products-block-post-template .product .wp-block-button button {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: -5%;
    color: #fff;
    box-shadow: 0 10px 30px 0 rgba(0, 0, 0, 0.14);
    background-color: #e60a0a;
    display: inline-flex;
    align-items: center;
    text-align: center;
    font-weight: 500;
    font-size: 1.2rem !important;
    text-decoration: none;
    padding: 1.6rem 2.7rem;
    border-radius: 2.2rem;
    border: 0;
    cursor: pointer;
    text-transform: uppercase;
    white-space: nowrap;
    margin-bottom: 0 !important;
}

.products-block-post-template .product .wp-block-button button::after {
    content: '';
    background: url(img/plus.svg) center center no-repeat;
    background-size: contain;
    height: 1rem !important;
    width: 1.2rem !important;
    margin-left: 1.2rem !important;
    font-size: 0;
    filter: invert(1);
}

.products-block-post-template .product .wp-block-button button:hover {
    color: #000;
    background-color: #f9da61;
}

.products-block-post-template .product .wp-block-button button:hover:after {
    filter: brightness(0);
}

.catalog__title {
    padding-top: 8.9rem;
    margin-top: 8.9rem;
    border-top: 1px solid rgba(225, 225, 225, 0.82);
}

@keyframes swiper-preloader-spin {
    to {
        transform: rotate(360deg)
    }
}

@keyframes header-show {

    0%,
    50% {
        transform: translateY(-50%);
        opacity: 0
    }

    to {
        transform: translateY(0);
        opacity: 1
    }
}

@keyframes show-banner-label {
    0% {
        transform: translateX(4rem);
        opacity: 0
    }

    to {
        transform: translateX(0);
        opacity: 1
    }
}

@keyframes show-banner-title {
    0% {
        transform: translateX(8rem);
        opacity: 0
    }

    to {
        transform: translateX(0);
        opacity: 1
    }
}

@keyframes show-banner-descr {
    0% {
        transform: translateX(8rem);
        opacity: 0
    }

    to {
        transform: translateX(0);
        opacity: 1
    }
}

@keyframes show-banner-link {
    0% {
        transform: translateX(8rem);
        opacity: 0
    }

    to {
        transform: translateX(0);
        opacity: 1
    }
}

@keyframes show-banner-btn {
    0% {
        transform: translateX(8rem);
        opacity: 0
    }

    to {
        transform: translateX(0);
        opacity: 1
    }
}

@keyframes show-news-photo {
    0% {
        transform: translateX(-20rem);
        opacity: 0
    }

    to {
        transform: translateX(0);
        opacity: 1
    }
}

@keyframes show-news-title {
    0% {
        transform: translateX(-20rem);
        opacity: 0
    }

    to {
        transform: translateX(0);
        opacity: 1
    }
}

@keyframes show-bg {
    0% {
        transform: none
    }

    to {
        transform: scale(5) translateX(-50rem)
    }
}

@keyframes hide-bg {

    0%,
    50% {
        transform: scale(5) translateX(-50rem)
    }

    to {
        transform: scale(1) translateX(0)
    }
}

@keyframes video-show {

    0%,
    50% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes video-hide {

    0%,
    50% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@keyframes button-show {

    0%,
    78% {
        opacity: 0;
        transform: translateY(-50%)
    }

    to {
        opacity: 1;
        transform: translateY(0)
    }
}

@keyframes button-hide {
    0% {
        opacity: 1;
        transform: translateY(0)
    }

    to {
        opacity: 0;
        transform: translateY(-50%)
    }
}

@font-face {
    font-family: swiper-icons;
    src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA");
    font-weight: 400;
    font-style: normal
}

.swiper,
.swiper-wrapper {
    position: relative;
    z-index: 1
}

.swiper {
    margin-left: auto;
    margin-right: auto;
    overflow: hidden;
    list-style: none;
    padding: 0
}

.swiper-vertical>.swiper-wrapper {
    flex-direction: column
}

.swiper-wrapper {
    width: 100%;
    height: 100%;
    display: flex;
    transition-property: transform;
    box-sizing: content-box
}

.swiper-android .swiper-slide,
.swiper-wrapper {
    transform: translate3d(0, 0, 0)
}

.swiper-slide {
    flex-shrink: 0;
    position: relative;
    transition-property: transform;
}

.swiper-slide-invisible-blank {
    visibility: hidden
}

.product__gallery-top .product__gallery-photo {
    max-width: 100%;
}

.swiper-horizontal.swiper-css-mode>.swiper-wrapper {
    scroll-snap-type: x mandatory
}

.swiper-vertical.swiper-css-mode>.swiper-wrapper {
    scroll-snap-type: y mandatory
}

.swiper-centered>.swiper-wrapper::before {
    content: '';
    flex-shrink: 0;
    order: 9999
}

.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child {
    margin-inline-start: var(--swiper-centered-offset-before)
}

.swiper-centered.swiper-horizontal>.swiper-wrapper::before {
    height: 100%;
    min-height: 1px;
    width: var(--swiper-centered-offset-after)
}

.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child {
    margin-block-start: var(--swiper-centered-offset-before)
}

.swiper-centered.swiper-vertical>.swiper-wrapper::before {
    width: 100%;
    min-width: 1px;
    height: var(--swiper-centered-offset-after)
}

.swiper-centered>.swiper-wrapper>.swiper-slide {
    scroll-snap-align: center center
}

.swiper-button-next,
.swiper-button-prev {
    position: absolute;
    top: 50%;
    width: calc(var(--swiper-navigation-size) / 44 * 27);
    height: var(--swiper-navigation-size);
    margin-top: calc(0px - (var(--swiper-navigation-size) / 2));
    z-index: 10;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--swiper-navigation-color, var(--swiper-theme-color))
}

.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
    opacity: .35;
    cursor: auto;
    pointer-events: none
}

.swiper-button-next:after,
.swiper-button-prev:after {
    font-family: swiper-icons;
    font-size: var(--swiper-navigation-size);
    text-transform: none !important;
    letter-spacing: 0;
    font-variant: initial;
    line-height: 1
}

.swiper-button-prev,
.swiper-rtl .swiper-button-next {
    left: 10px;
    right: auto
}

.swiper-button-prev:after,
.swiper-rtl .swiper-button-next:after {
    content: 'prev'
}

.swiper-button-next,
.swiper-rtl .swiper-button-prev {
    right: 10px;
    left: auto
}

.swiper-button-next:after,
.swiper-rtl .swiper-button-prev:after {
    content: 'next'
}

.swiper-button-lock {
    display: none
}

.swiper-pagination {
    position: absolute;
    text-align: center;
    transition: .3s opacity;
    transform: translate3d(0, 0, 0);
    z-index: 10
}

.swiper-pagination.swiper-pagination-hidden {
    opacity: 0
}

.swiper-horizontal>.swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal,
.swiper-pagination-custom,
.swiper-pagination-fraction {
    bottom: 10px;
    left: 0;
    width: 100%
}

.swiper-pagination-bullets-dynamic {
    overflow: hidden;
    font-size: 0
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transform: scale(.33);
    position: relative
}

.captcha {
    display: flex;
    align-items: center;
    justify-content: center;
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active,
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
    transform: scale(1)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
    transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
    transform: scale(.33)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
    transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
    transform: scale(.33)
}

.swiper-pagination-bullet {
    width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));
    height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
    display: inline-block;
    border-radius: 50%;
    background: var(--swiper-pagination-bullet-inactive-color, #000);
    /*     opacity: var(--swiper-pagination-bullet-inactive-opacity, .2); */
    background: #f9da61;
}

button.swiper-pagination-bullet {
    border: 0;
    margin: 0;
    padding: 0;
    box-shadow: none;
    appearance: none
}

.swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer
}

.swiper-pagination-bullet:only-child {
    display: none !important
}

.swiper-pagination-bullet-active {
    opacity: var(--swiper-pagination-bullet-opacity, 1);
    background: var(--swiper-pagination-color, var(--swiper-theme-color));
    background: #e60a0a;
}

.swiper-pagination-vertical.swiper-pagination-bullets,
.swiper-vertical>.swiper-pagination-bullets {
    right: 10px;
    top: 50%;
    transform: translate3d(0, -50%, 0)
}

.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
    display: block
}

.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    top: 50%;
    transform: translateY(-50%);
    width: 8px
}

.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    display: inline-block;
    transition: .2s transform, .2s top
}

.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px)
}

.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    left: 50%;
    transform: translateX(-50%);
    white-space: nowrap
}

.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: .2s transform, .2s left
}

.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: .2s transform, .2s right
}

.swiper-pagination-progressbar {
    background: rgba(0, 0, 0, .25);
    position: absolute
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: var(--swiper-pagination-color, var(--swiper-theme-color));
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transform: scale(0);
    transform-origin: left top
}

.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    transform-origin: right top
}

.swiper-horizontal>.swiper-pagination-progressbar,
.swiper-pagination-progressbar.swiper-pagination-horizontal,
.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,
.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
    width: 100%;
    height: 4px;
    left: 0;
    top: 0
}

.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-vertical,
.swiper-vertical>.swiper-pagination-progressbar {
    width: 4px;
    height: 100%;
    left: 0;
    top: 0
}

.swiper-pagination-lock {
    display: none
}

.swiper-scrollbar {
    border-radius: 10px;
    position: relative;
    background: rgba(0, 0, 0, .1)
}

.swiper-horizontal>.swiper-scrollbar {
    position: absolute;
    left: 1%;
    bottom: 3px;
    z-index: 50;
    height: 5px;
    width: 98%
}

.swiper-vertical>.swiper-scrollbar {
    position: absolute;
    right: 3px;
    top: 1%;
    z-index: 50;
    width: 5px;
    height: 98%
}

.swiper-scrollbar-drag {
    height: 100%;
    width: 100%;
    position: relative;
    background: rgba(0, 0, 0, .5);
    border-radius: 10px;
    left: 0;
    top: 0
}

.swiper-scrollbar-cursor-drag {
    cursor: move
}

.swiper-scrollbar-lock {
    display: none
}

.swiper-zoom-container {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center
}

.swiper-zoom-container>canvas,
.swiper-zoom-container>img,
.swiper-zoom-container>svg {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain
}

.swiper-slide-zoomed {
    cursor: move
}

.swiper-lazy-preloader {
    width: 42px;
    height: 42px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -21px;
    margin-top: -21px;
    z-index: 10;
    transform-origin: 50%;
    border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
    border-radius: 50%;
    border-top-color: transparent
}

.swiper-slide-visible .swiper-lazy-preloader {
    animation: swiper-preloader-spin 1s infinite linear
}

.swiper-lazy-preloader-white {
    --swiper-preloader-color: #fff
}

.swiper-lazy-preloader-black {
    --swiper-preloader-color: #000
}

html {
    font-size: 62.5%
}

body,
html {
    height: 100%
}

body {
    position: relative;
    display: flex;
    flex-direction: column;
    font-weight: 400;
    min-width: 320px;
    font-size: 1.4rem;
    padding: 0;
    margin: 0
}

.content {
    flex: 1 0 auto;
    overflow: hidden
}

button {
    margin: 0
}

button:not(:disabled) {
    cursor: pointer
}

button:disabled {
    opacity: .5
}

body .is-layout-flex>.container {
    max-width: 114rem;
    padding-left: 2rem;
    padding-right: 2rem;
    margin-left: auto;
    margin-right: auto
}



.js-focus-visible :focus:not(.focus-visible) {
    outline: 0
}

.ht {
    margin: 0;
    line-height: 1.3em
}

.ht--h1 {
    font-weight: 500;
    font-size: 3.5rem;
    line-height: 1.09em
}


.ht--h2 {
    font-weight: 500;
    font-size: 3.5rem;
    line-height: 1.09em
}

.ht--h3 {
    font-weight: 500;
    font-size: 3.5rem;
    line-height: 1.09em
}

.label {
    font-size: 2rem;
    font-weight: 500;
    color: #e60a0a;
    margin: 0
}

.text {
    font-size: 1.4rem;
    line-height: 1.5em;
    color: #7d7d7d;
    margin: 0
}

.btn,
.btn--primary {
    text-transform: uppercase
}

.btn {
    display: inline-flex;
    align-items: center;
    text-align: center;
    font-weight: 500;
    text-decoration: none;
    padding: 1.6rem 2.7rem;
    border-radius: 2.2rem;
    border: 0;
    cursor: pointer;
    transition: color .2s ease-in-out, background .2s ease-in-out;

    user-select: none;
}

.btn svg {
    height: 1rem;
    width: 1.2rem;
    margin-left: 1.2rem
}

.btn--primary {
    color: #fff;
    box-shadow: 0 10px 30px 0 rgba(0, 0, 0, .14);
    background-color: #e60a0a
}

.btn--primary:not(:disabled):hover {
    color: #000;
    background-color: #f9da61
}

.btn--secondary {
    color: #000;
    padding: 1.2rem 1.5rem;
    background-color: #f9da61
}

.btn--secondary:not(:disabled):hover,
.btn--yellow:not(:disabled):hover {
    color: #fff;
    background-color: #e60a0a
}

.btn--yellow {
    color: #000;
    background-color: #f9da61
}

.btn--red {
    color: #fff;
    background-color: #e60a0a
}

.btn--red:not(:disabled):hover {
    color: #000;
    background-color: #f9da61
}

.btn--big {
    font-size: 1.4rem
}

.btn--big-icon svg {
    width: 2.2rem;
    height: 2.2rem
}

.btn--back {
    padding: 0;
    color: #969696
}

.btn--back .btn__icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 4rem;
    height: 4rem;
    margin-right: 2rem;
    color: #969696;
    border-radius: 50%;
    background-color: #fff;
    border: 1px solid #f2f2f2
}

.btn--back .btn__icon svg {
    width: 1.4rem;
    height: 1.2rem;
    margin-left: 0
}

.btn--back .btn__icon--big {
    width: 5rem;
    height: 5rem
}

.btn--back .btn__icon--yellow {
    color: #000;
    background-color: #f9da61
}

.btn--back:hover .btn__icon {
    border-color: transparent;
    background-color: #e1e1e1;
    color: #fff
}

.btn--bigback {
    font-size: 1.4rem;
    color: #000;
    text-transform: uppercase
}

@media (max-width: 600px) {
    .btn--bigback span {
        display: none;
    }
}

.no-scroll {
    overflow: hidden
}

.js-hidden-item {
    display: none
}

.hidden {
    position: absolute;
    width: .1rem;
    height: .1rem;
    margin: -.1rem;
    border: 0;
    padding: 0;
    white-space: nowrap;
    clip-path: inset(100%);
    clip: rect(0 0 0 0);
    overflow: hidden
}

.cookie {
    display: none;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 10;
    background-color: #f6f6f6;
    box-shadow: 0 0 2px rgba(0, 0, 0, .08);
    padding: 2.5rem
}

.cookie__container {
    position: relative;
    text-align: center
}

.cookie__link,
.cookie__text {
    font-size: 1.2rem;
    line-height: 1.3em
}

.cookie__text {
    color: #000;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    margin: 0
}

.cookie__link {
    font-weight: 500;
    color: #0237f1;
    text-decoration: none
}

.cookie__link:hover {
    color: #000
}

.cookie__close {
    position: absolute;
    top: 0;
    right: 0;
    padding: 1rem;
    cursor: pointer;
    background-color: transparent;
    border: 0
}

.cookie__close:hover {
    color: #e60a0a
}

.cookie__agree {
    margin-top: 1.5rem
}

.cookie__close-icon {
    width: 1.5rem;
    height: 1.5rem
}

.banner__decor {
    position: absolute;
    left: calc(50% - 9.2rem);
    bottom: 5.6rem;
    z-index: -1;
    display: none;
    width: 18.5rem;
    height: 21.6rem;
    background: url(img/decor.svg) center no-repeat;
    background-size: contain;
    opacity: .47
}

.banner__bg {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    z-index: -1;
    display: none;
    width: 100vw;
    height: 100%;
    min-height: 100vh
}

.banner__bg-use {
    transform: translate(90rem, -10rem);
    transition: 2s ease-in
}

.banner__image {
    display: block;
    width: 100%;
    height: auto
}

.banner__text-label {
    margin-bottom: 1.5rem;
    animation: show-banner-label .8s ease-in
}

.banner__text-title {
    color: #000;
    margin-bottom: 1rem;
    animation: show-banner-title 1s ease-in
}

.banner__logo {
    height: 6.2rem;
    width: 29rem;
    margin-top: 1rem;
    margin-bottom: 1.6rem
}

.banner__text-header {
    transform: translateX(8rem);
    opacity: 0;
    transition: .4s ease-in
}

.banner__logo-symbol {
    transition: .2s ease-in;
    opacity: 0;
    transform: translateX(3rem)
}

.banner__logo-symbol--1 {
    transform: none
}

.banner__logo-symbol--2 {
    transition: .2s .2s ease-in;
    transform: translateX(3rem);
    opacity: 0
}

.banner__logo-symbol--3 {
    transition: .3s .2s ease-in;
    transform: translateX(2.5rem)
}

.banner__logo-symbol--4 {
    transition: .4s .2s ease-in
}

.banner__logo-symbol--5 {
    transition: .5s .2s ease-in
}

.banner__logo-symbol--6 {
    transition: .6s .2s ease-in
}

.banner__logo-symbol--7 {
    transition: .7s .2s ease-in
}

.banner.appear .banner__bg-use {
    transform: translate(0, 0)
}

.banner.appear .banner__logo-symbol,
.banner.appear .banner__text-header {
    opacity: 1;
    transform: translateX(0)
}

.banner.appear .banner__logo-symbol--2 {
    opacity: 1
}

.banner.appear .banner__logo-symbol--2,
.banner.appear .banner__logo-symbol--3 {
    transform: translateX(0)
}

.banner__text-descr {
    margin-bottom: 2.4rem;
    animation: show-banner-descr 1.2s ease-in
}

.banner__btns {
    margin-top: 2.4rem
}

.banner__link {
    transition: .4s ease-in;
    margin-bottom: 2rem;
    animation: show-banner-link 1.6s ease-in
}

.product__wrp {
    padding-bottom: 7.4rem;
    border-bottom: 1px solid rgba(225, 225, 225, .82)
}

.product__wrp--withoutbb {
    padding-bottom: 0;
    border: 0
}

.product__container {
    text-align: center;
    width: 100%;
}

.product__container--mb {
    margin-bottom: 2rem
}

.product.product--secondary .product__wrp {
    border: 0
}

.product__header {
    z-index: 1
}

.product__descr {
    font-weight: 300;
    max-width: 450px;
    font-style: normal;
    font-size: 1.3rem;
    line-height: 1.62em;
    color: #7d7d7d
}

.product__label {
    opacity: 0;
    margin-bottom: .9rem;
    transition: opacity .2s ease-in-out
}

.product__title {
    color: #000;
    white-space: pre-line;
    margin-bottom: 2.5rem;
    transition: opacity .2s .2s ease-in-out
}

.product__footer {
    z-index: 10
}

.product__footer-links {
    margin-bottom: 2.2rem;
    display: flex;
    align-items: center;
    justify-content: space-between
}



.product__footer-links--block {
    display: block;
    text-align: center
}

.product__footer-descr {
    font-size: 1.3rem;
    line-height: 1.62em;
    font-weight: 300;
    color: #7d7d7d;
    margin: 1.4rem 0;
    transition: opacity .2s .4s ease-in-out
}

.product__count-title {
    opacity: 0;
    margin-top: 0;
    margin-bottom: 0;
    color: #000;
    transition: opacity .2s ease-in-out;
    font-weight: 500;
    font-size: 1.6rem
}

.product__price {
    opacity: 0;
    font-size: 1.6rem;
    margin: 0 1rem 0 0;
    transition: opacity .2s .4s ease-in-out
}

.product__btn {
    margin-top: 1rem;
    white-space: nowrap;
    transform: translateX(-20%);
    transition: opacity .2s .4s ease-in-out, transform .2s .4s ease-in-out;
}

.product__btn:not(:last-child) {
    margin-right: 1rem
}

.product__descr p,
.product__text {
    opacity: 0;
    margin: 0;
    transition: opacity .2s .4s ease-in-out;
    font-weight: 300;
    font-size: 1.3rem;
    line-height: 1.62em;
    color: #7d7d7d
}

.product__descr p {
    margin-bottom: 1.4rem;
    max-width: 500px;
}

.product__descr p+p {
    opacity: 0;
    transition: opacity .2s .6s ease-in-out
}

.product__text {
    font-style: normal
}

.product__gallery {
    margin-bottom: 5rem
}

.product__gallery-img,
.product__gallery-photo,
.woocommerce-product-gallery__image {
    height: 100%;
    max-width: 45%;
    overflow: hidden;
    border-radius: 2.1rem;
    background-color: #fff;
    background-size: cover;
    background-position: top center;
    background-repeat: no-repeat;
    box-shadow: 0 1.5rem 3rem 0 rgba(0, 0, 0, .12);
    cursor: pointer
}

.product__gallery-img {
    height: 90%
}

.product__gallery-img img {
    width: 100%;
    height: 100%
}

.product__gallery-photo--big img {
    object-fit: contain;
    object-position: center
}

.product__gallery-top {
    order: 2;
    width: 100%;
    margin-bottom: 2rem
}

.product__gallery-photo img {
    width: 100%;
}

.product__gallery-bottom .product__gallery-photo img,
.product__gallery-bottom .woocommerce-product-gallery__image img {
    width: 100%;
    object-fit: contain
}

.product__features {
    padding-bottom: 7.4rem;
    border-bottom: 1px solid rgba(225, 225, 225, .82);
    text-align: center;
    overflow: hidden;
}

.product__features-item {
    opacity: 0;
    transform: translateX(20%)
}

.product__features-item:nth-child(1) {
    transition: .2s ease-in-out
}

.product__features-item:nth-child(2) {
    transition: .2s .2s ease-in-out
}

.product__features-item:nth-child(3) {
    transition: .2s .4s ease-in-out
}

.product__features-item:nth-child(4) {
    transition: .2s .6s ease-in-out
}

.product__features.appear .product__features-item {
    opacity: 1;
    transform: translateX(0)
}

.product__features-inumber,
.product__features-ititle {
    font-weight: 700;
    font-size: 6rem;
    line-height: normal;
    color: #f9da61;
    margin-top: 0;
    margin-bottom: .1rem
}

.product__features-ititle {
    font-weight: 500;
    font-size: 2.1rem;
    color: #000;
    margin-bottom: 1.5rem
}

.product__features-idescr {
    font-size: 1.2rem;
    line-height: 1.75em;
    font-weight: 300;
    color: #7d7d7d;
    margin-top: 0;
    margin-bottom: 0
}

.product__slider img {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
    object-position: center
}

.product__slider--inner {
    margin: 0;
    background: 0 0
}

.product__slide {
    position: relative;
    cursor: pointer
}

.product__slide.is-show {
    opacity: 1;
    transition: .7s ease-in-out
}

.product__slide--full-height {
    height: auto;
    max-height: 51rem
}

.product__header.appear .product__label,
.product__header.appear .product__title {
    opacity: 1
}

.product__slider-pagination {
    bottom: -3rem
}

.product .swiper-pagination-bullet {
    width: .7rem;
    height: .7rem;
    margin-right: 1.3rem;
    background-color: #f9da61;
    opacity: 1
}

.product .swiper-pagination-bullet-active {
    background-color: #cd3a17
}

.product__footer.appear .product__count-title,
.product__footer.appear .product__descr p,
.product__footer.appear .product__descr p+p,
.product__footer.appear .product__price,
.product__text.appear {
    opacity: 1
}

.product__footer.appear .product__btn {
    opacity: 1;
    transform: translateX(0);
    display: flex;
    justify-content: space-around;
    max-width: 200px;
}

.product--withbg {
    padding-top: 6rem
}

.carousel__container {
    padding-top: 8.9rem;
    border-bottom: 1px solid rgba(225, 225, 225, .82)
}

.carousel__container--top-border {
    border-top: 1px solid rgba(225, 225, 225, .82)
}

.carousel--top-shadow {
    box-shadow: 0 -1px 2.6rem 0 rgba(0, 0, 0, .08)
}

.carousel__text {
    text-align: center;
    max-width: 54rem !important;
    margin: 0 auto
}

.carousel__label {
    margin-bottom: .2rem
}

.carousel__title {
    color: #000;
    margin-bottom: 2.4rem
}

.carousel__title--small {
    margin-bottom: 1.4rem;
    font-size: 2.1rem;
    font-weight: 500;
    color: #000
}

.carousel__descr {
    font-size: 1.3rem;
    line-height: 1.62em;
    font-weight: 300
}

.carousel__slider {
    position: relative;
    padding: 8.8rem 1.5rem 10rem;
    overflow: visible
}

.carousel__slide,
.carousel__slider-box {
    position: relative
}

.carousel__slide {
    opacity: 0;
    height: auto;
    text-align: center;
    border-radius: 1.6rem;
    box-shadow: 0 1.5rem 3rem 0 rgba(0, 0, 0, .09);
    background-color: #fff;
    padding-top: 19.7rem;
    padding-bottom: 5rem;
    margin-bottom: 2.5rem;
    text-decoration: none;
    color: #000;
    cursor: pointer;
    transition: transform .5s ease-in-out, opacity .2s ease-in-out;
}

.carousel__slide.is-show {
    opacity: 1;
}

.carousel__slide:hover {
    transition: transform .2s ease-in-out;
    transform: translateY(-3rem) !important
}


.carousel__slide.is-show.is-show-1 {
    transform: translate(-10%, -10%) rotate(5deg)
}

.carousel__slide.is-show.is-show-2 {
    transform: translate(0, 50%) rotate(-7deg)
}

.carousel__slide.is-show.is-show-3 {
    transform: translate(10%, -20%) rotate(3deg)
}

.carousel__slide.is-show.is-show-4 {
    transform: translate(0, 40%) rotate(-3deg)
}

.carousel__slide-label {
    position: absolute;
    top: -8rem;
    left: 20%;
    z-index: 1;
    width: 7.6rem;
    height: 7.6rem;
    transform: translate(-50%, 0);
    border-radius: 50%;
    overflow: hidden
}

.carousel__slide-img img,
.carousel__slide-licon {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.carousel__slide-img {
    position: absolute;
    top: -5.2rem;
    left: 0;
    right: 0;
    max-width: 18.1rem;
    height: 22.8rem;
    overflow: hidden;
    margin: 0 auto 2.1rem;
    border-radius: 1.2rem;
    box-shadow: 0 1rem 2rem rgba(0, 0, 0, .27)
}

.carousel__slide-price {
    font-weight: 500;
    font-size: 1.8rem;
    line-height: normal;
    margin-top: 0;
    margin-bottom: .8rem
}

.carousel__slide-descr,
.carousel__slide-title {
    font-size: 1.3rem;
    line-height: normal;
    margin-top: 0
}

.carousel__slide-title {
    font-weight: 500;
    margin-bottom: 1rem
}

.carousel__slide-descr {
    font-weight: 300;
    color: #7d7d7d;
    margin-bottom: 0;
    padding: 0 1rem
}

.carousel__slide-link {
    position: absolute;
    bottom: -5%;
    left: 50%;
    transform: translatex(-50%);
}

.carousel__slide-text {
    padding-left: 1rem;
    padding-right: 1rem
}

.carousel__btn {
    position: absolute;
    top: 15.9rem;
    z-index: 1;
    width: 4rem;
    height: 4rem;
    padding: 0;
    cursor: pointer;
    border: 1px solid #ccc;
    border-radius: 50%;
    background-position: center center;
    background-repeat: no-repeat;
    background-color: #fff;
    transition: background .2s ease-in-out
}

.carousel__btn--next {
    right: 0;
    background-image: url('img/slider-arrow-right.svg');
    background-size: 1.6rem 1.4rem
}

.carousel__btn--next:after,
.carousel__btn--prev:after,
.video__btn--next:after,
.video__btn--prev:after {
    content: ''
}

.carousel__btn--prev {
    left: 0;
    background-image: url('img/slider-arrow-left.svg');
    background-size: 1.6rem 1.4rem
}

.carousel__btn:hover {
    background-color: #e1e1e1
}

.carousel__btn:hover.carousel__btn--next {
    background-image: url(img/slider-arrow-right--white.svg)
}

.carousel__btn:hover.carousel__btn--prev {
    background-image: url(img/slider-arrow-left--white.svg)
}

.carousel__slider-box.appear .carousel__slide {
    transform: translateY(0)
}

.updates__container {
    text-align: center
}

.updates__title {
    margin-bottom: .9rem
}

.updates__descr {
    margin-bottom: .2rem;
    font-weight: 300;
    font-size: 1.6rem;
    line-height: 1.5em
}



.updates__carousel-container {
    padding-top: 1.9rem;
    padding-bottom: 8.1rem;
    border: 0
}

.updates__slider {
    padding-bottom: 2.5rem
}

.info {
    padding-top: 3.6rem;
    padding-bottom: 3rem
}

.info__container {
    position: relative;
    margin-bottom: 4rem;
    padding: 1.5rem 4rem;
    border-top: 1px solid rgba(225, 225, 225, .82);
    border-bottom: 1px solid rgba(225, 225, 225, .82)
}

.info__container {
    align-items: center;
}

.info__text {
    align-items: flex-start;
}

.info__title {
    margin-top: 0;
    margin-bottom: 2rem;
    font-size: 1.8rem;
    line-height: normal;
    font-weight: 500;
    color: #000
}

.info__list {
    margin: 0;
    padding-left: 0;
    list-style: none
}

.info__list-ilink {
    display: flex;
    align-items: center;
    text-decoration: none;
    font-size: 1.4rem;
    line-height: 1.63em;
    color: #939393
}

.info__list-ilink:hover {
    color: #000
}

.info__list-icon {
    width: 1.4rem;
    height: 1.4rem;
    margin-right: .6rem;
    color: #000
}

.info__img {
    position: absolute;
    bottom: -2rem;
    display: none
}

.info__img img {
    width: 100%
}

.info__img--left,
.info__img--right {
    opacity: 0;
    transition: transform .5s .2s ease-in-out;
}

.info__img--left {
    left: 0;
    transform: translateX(-50%);
    margin-left: -3.5rem
}

.info__img--right {
    right: 0;
    transform: translateX(50%);
    margin-right: -5rem
}

.info.appear .info__img--left,
.news .news__list-item.appear .news__list-iphoto,
.news .news__list-item.appear .news__list-itext {
    opacity: 1;
    transform: translateX(0)
}

.info.appear .info__form {
    opacity: 1
}

.info.appear .info__img--right {
    transform: translateX(0);
    opacity: 1
}

.news__container {
    padding-top: 11.6rem
}

.news__header {
    display: flex;
    align-items: center;
    justify-content: center;
    padding-bottom: 2rem
}

.news__header-img {
    max-height: 19rem;
    margin-left: 4rem;
    animation: show-news-photo .8s ease-in
}

.news__title {
    animation: show-news-title .8s ease-in
}

.news__list-item {
    padding-top: 3rem;
    padding-bottom: 3rem
}

.news__list-item:not(:last-child) {
    border-bottom: 1px solid rgba(225, 225, 225, .82)
}

.news__list-iphoto {
    max-height: 25rem;
    margin-bottom: 1.5rem;
    opacity: 0;
    transform: translateX(-20%);
    transition: opacity .2s .4s ease-in-out, transform .2s .4s ease-in-out;
    overflow: hidden;
    border-radius: 2.1rem;
    background-color: #fff;
    background-size: cover;
    background-position: top center;
    background-repeat: no-repeat;
    box-shadow: 0 1.5rem 7.6rem 0 rgba(0, 0, 0, .12)
}

.news__list-iphoto img {
    width: 100%;
    height: 100%
}

.news__list-itext {
    opacity: 0;
    transform: translateX(20%);
    transition: opacity .2s .4s ease-in-out, transform .2s .4s ease-in-out;
}

.news__list-ititle {
    font-weight: 500;
    font-size: 2.1rem;
    line-height: normal;
    color: #000;
    margin-top: 0;
    margin-bottom: 1.5rem
}

.news__list-idescr {
    font-size: 1.4rem;
    line-height: 1.75em;
    font-weight: 300;
    color: #7d7d7d;
    margin-top: 0;
    margin-bottom: 0
}

.video__container {
    position: relative;
    padding-top: 5.4rem;
    padding-bottom: 10.1rem;
    text-align: center
}

.video__decor-1 {
    display: none
}

.video__decor-2 {
    display: none
}

.video__slider {
    overflow: visible
}

.video__slide {
    padding-left: 2rem;
    padding-right: 2rem
}

.video__frame {
    width: 100%;
    max-height: 20.2rem
}

.video__info {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 18px 30px 30px 18px;
    margin: 0;
    font-weight: 500;
    font-size: 1.8rem;
    color: #000
}

.video__btn {
    position: absolute;
    top: 33%;
    z-index: 1;
    width: 4rem;
    height: 4rem;
    padding: 0;
    cursor: pointer;
    border: 1px solid #ccc;
    border-radius: 50%;
    background-position: center center;
    background-repeat: no-repeat;
    background-color: #fff;
    transition: background .2s ease-in-out
}

.video__btn--next {
    right: 7%;
    background-image: url(img/slider-arrow-right.svg);
    background-size: 1.6rem 1.4rem
}

.video__btn--prev {
    left: 7%;
    background-image: url(img/slider-arrow-left.svg);
    background-size: 1.6rem 1.4rem
}

.counter__btn:hover,
.video__btn:hover {
    background-color: #e1e1e1
}

.video__btn:hover.video__btn--next {
    background-image: url(img/slider-arrow-right--white.svg)
}

.video__btn:hover.video__btn--prev {
    background-image: url(img/slider-arrow-left--white.svg)
}

.counter {
    display: flex;
    align-items: center
}

.counter__btn,
.counter__num {
    margin-right: 1.7rem;
    color: #000
}

.counter__num {
    margin-top: 0;
    margin-bottom: 0;
    font-weight: 500;
    font-size: 1.5rem
}

.counter__btn {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2.5rem;
    height: 2.5rem;
    border: 1px solid #e5e5e5;
    border-radius: 50%;
    background-color: transparent;
    background-position: center center;
    background-repeat: no-repeat;
    cursor: pointer;
    transition: background .2s ease-in-out
}

.counter__btn:hover {
    color: #fff
}

.counter__btn--minus svg {
    width: 1.1rem;
    height: .2rem
}

.counter__btn--plus svg {
    width: 1.2rem;
    height: 1.2rem
}

.ask {
    padding-top: 3.6rem;
}

.ask--top-shadow {
    box-shadow: 0 -1px 2.6rem 0 rgba(0, 0, 0, .08)
}

.ask__container--with-tb {
    padding-top: 5rem;
    border-top: 1px solid rgba(225, 225, 225, .82)
}

.ask__title {
    font-size: 2.1rem;
    line-height: normal;
    font-weight: 500;
    color: #000;
    text-align: center;
    margin-top: 0;
    margin-bottom: 3rem
}

.ask__img-left {
    display: none;
    transition: transform .5s .2s ease-in-out;
    opacity: 0;
    transform: translateX(-50%);
    margin-left: -3.5rem
}

.ask__img-left img,
.ask__img-right img {
    width: 100%
}

.ask__img-left--nom {
    margin-left: 0
}

.ask__img-right {
    display: none;
    opacity: 0;
    transition: transform .5s .2s ease-in-out;
    transform: translateX(50%);
    margin-right: -5rem
}

.ask__img-right--nom {
    margin-right: 0
}

.ask__form {
    opacity: 0;
    transition: .5s .2s ease-in;
    margin: 0 auto
}

.ask__form-body--block {
    display: block
}

.ask__form-line {
    position: relative
}

.ask__form-line:not(:last-child) {
    margin-bottom: 1rem
}

.ask__form-line--center {
    margin: 0 auto 3rem;
}

.ask__form-error {
    display: block;
    font-size: 1.2rem;
    line-height: 1.4em;
    font-weight: 400;
    color: #e3334f;
    margin-top: .4rem;
    margin-bottom: 1rem
}

.ask__form-col {
    padding-left: .5rem;
    padding-right: .5rem;
    padding-bottom: 1rem
}

.ask__form-col--flex {
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

.ask__form-captcha,
.ask__form-input {
    width: 100%;
}

.ask__form-captcha {
    position: relative;
    padding: 3.2rem 2.3rem;
    overflow: hidden
}

.ask__form-captcha img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    max-height: 100%
}

.ask__form-input {
    border-radius: 1.6rem;
    padding: 1.3rem 2.3rem;
    border: 1px solid #eaeaea;
    background-color: #fbfbfb
}

.ask__form-input::placeholder {
    font-size: 1.2rem;
    line-height: normal;
    font-weight: 400;
    color: #aeaeae
}

.ask__form-input:focus {
    outline: 0
}

.ask__form-textarea {
    display: block;
    height: 10.7rem;
    width: 100%;
    color: #000;
    resize: none;
}

.ask__fattach {
    position: relative;
    height: 100%;
    padding: 1.3rem 3rem 3rem 5rem;
    border-radius: 1.6rem;
    border: 1px solid #eaeaea;
    background-color: #fbfbfb
}

.ask__fattach-item {
    display: flex;
    margin-top: 15px
}

.ask__fattach-ititle {
    position: relative;
    padding: 5px 5px 5px 30px;
    margin-right: .5rem;
    font-weight: 400;
    font-style: normal;
    font-size: 1.2rem;
    line-height: 14px;
    color: #939393;
    text-decoration: none;
    border: 1px solid #dfdeda;
    border-radius: .6rem
}

.ask__fattach-ititle::before,
.faq__tabs::before {
    content: '';
    position: absolute;
    background-size: 100% auto;
    background-position: 0 0;
    background-repeat: no-repeat
}

.ask__fattach-ititle::before {
    top: 50%;
    left: .4rem;
    transform: translateY(-70%);
    width: 2.2rem;
    height: 2.4rem;
}

.ask__form-btn {
    display: block;
    font-size: 1.4rem;
    font-weight: 700;
    color: #000;
    text-transform: uppercase;
    padding: 1.6rem 2.7rem;
    margin: 0 auto;
    background-color: #f9da61;
    transition: color .2s ease-in-out, background .2s ease-in-out;
    text-decoration: none;
    border: 0;
    border-radius: 2.2rem
}

.ask__form-btn svg {
    width: 1.2rem;
    height: 1rem;
    margin-left: 1.2rem
}

.ask.appear .ask__img-left {
    opacity: 1;
    transform: translateX(0)
}

.ask.appear .ask__form {
    opacity: 1
}

.ask.appear .ask__img-right {
    transform: translateX(0);
    opacity: 1
}

.catalog__container {
    padding-top: 6rem
}

.catalog__container--without-top {
    padding-top: 0
}

.catalog--inner-product {
    margin-bottom: 5rem
}

.catalog__text,
.catalog__title {
    text-align: center
}

.catalog__title {
    color: #000;
    margin-bottom: 2.4rem
}

.catalog__list-item {
    position: relative;
    display: block;
    text-align: center;
    text-decoration: none;
    color: #000;
    margin-top: 7.2rem;
    margin-bottom: 12rem;
    padding-top: 19.7rem;
    padding-bottom: 5rem;
    border-radius: 1.6rem;
    box-shadow: 0 1.5rem 3rem 0 rgba(0, 0, 0, .09);
    background-color: #fff;
    transition: transform .5s ease-in-out, opacity .2s ease-in-out;
}

.catalog__list-item:hover {
    transition: transform .2s ease-in-out;
    transform: translateY(-3rem) !important
}

.catalog__litem-label {
    position: absolute;
    top: -8rem;
    left: 20%;
    z-index: 1;
    width: 7.6rem;
    height: 7.6rem;
    transform: translate(-50%, 0);
    border-radius: 50%;
    overflow: hidden
}

.catalog__litem-icon,
.catalog__litem-img img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.catalog__litem-img {
    position: absolute;
    top: -5.2rem;
    left: 0;
    right: 0;
    max-width: 18.1rem;
    height: 22.8rem;
    overflow: hidden;
    margin: 0 auto 2.1rem;
    border-radius: 1.2rem;
    box-shadow: 0 1rem 2rem rgba(0, 0, 0, .27)
}

.catalog__litem-text {
    padding-left: 1rem;
    padding-right: 1rem
}

.catalog__litem-price,
.catalog__litem-title {
    font-size: 1.3rem;
    line-height: normal;
    font-weight: 500;
    margin-top: 0;
    margin-bottom: 1rem
}

.catalog__litem-price {
    font-size: 1.8rem;
    margin-bottom: .8rem
}

.catalog__litem-descr {
    font-size: 1.3rem;
    line-height: normal;
    font-weight: 300;
    color: #7d7d7d;
    margin-top: 0;
    margin-bottom: 0;
    padding: 0 1rem
}

.catalog__litem-link {
    position: absolute;
    left: calc(50% - 7rem);
    bottom: -5%
}

.tracking__container {
    padding-top: 11.6rem
}

.tracking__header {
    margin-bottom: 3rem
}

.tracking__progress {
    display: none;
    margin: 0;
    padding-left: 0;
    list-style: none
}

.tracking__progress-item {
    padding: 1.5rem 3.3rem;
    margin-left: -2rem;
    font-weight: 500;
    font-size: 1.2rem;
    white-space: nowrap;
    border-radius: 2.3rem;
    border: 1px solid #fff;
    color: #000;
    background-color: #efefef
}

.tracking__progress-item--active {
    color: #000;
    background-color: #fcedb0
}

.tracking__progress-item--passed {
    color: #000;
    background-color: #f9da61
}

.tracking__progress-item--next {
    color: #aeaeae;
    background-color: #efefef
}

.tracking__progress-item:nth-child(1) {
    z-index: 4
}

.tracking__progress-item:nth-child(2) {
    z-index: 3
}

.tracking__progress-item:nth-child(3) {
    z-index: 2
}

.tracking__progress-item:nth-child(4) {
    z-index: 1
}

.tracking__title {
    margin-bottom: .9rem;
    text-align: center
}

.tracking__descr {
    margin-top: 0;
    margin-bottom: 3.5rem;
    font-weight: 500;
    font-size: 1.8rem;
    color: #000;
    text-align: left
}

.tracking__table-header {
    display: none
}

.tracking__table-th {
    margin: 0;
    font-weight: 300;
    font-size: 1.4rem;
    color: #000;
    text-transform: uppercase;
    text-align: left
}

.tracking__table-item {
    padding-top: 1rem;
    padding-bottom: 1rem;
    border-bottom: 1px solid rgba(225, 225, 225, .82)
}

.tracking__table-itd {
    display: flex;
    align-items: center;
    font-weight: 300;
    font-size: 1.4rem;
    color: #000
}

.tracking__table-itd--flex {
    flex-direction: column;
    align-items: flex-start
}

.tracking__table-idate {
    margin-top: 0;
    margin-bottom: 1.2rem;
    font-weight: 400;
    font-size: 1.6rem;
    color: #000
}

.tracking__table-itime {
    margin-top: 0;
    margin-bottom: 0;
    font-weight: 300;
    font-size: 1.4rem;
    color: #000
}

.tracking__table-ilocation,
.tracking__table-istatus {
    font-weight: 300;
    font-style: normal;
    font-size: 1.6rem;
    line-height: normal;
    color: #939393
}

.tracking__table-ilocation {
    font-weight: 400;
    color: #000;
    text-align: right
}

.basket__container--top {
    padding-top: 11.6rem
}

.basket__body--active {
    display: block
}

.basket__steps {
    display: flex;
    justify-content: center;
    margin: 0 auto 4.1rem;
    padding-top: 3rem;
    padding-left: 0;
    list-style: none
}

.basket__steps-inumber {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 5.2rem;
    height: 5.2rem;
    margin-bottom: 1.8rem;
    color: #000;
    font-weight: 500;
    font-size: 1.6rem;
    line-height: 1em;
    border-radius: 50%;
    border: 1px solid #f9da61;
    background-color: #f9da61
}

.basket__steps-ititle {
    margin-top: 0;
    margin-bottom: 0;
    font-weight: 300;
    font-size: 1.4rem;
    line-height: normal;
    color: #000;
    text-align: center
}

.basket__title {
    text-align: center;
    margin-bottom: 3.2rem
}

.basket__descr {
    margin-bottom: 3.8rem
}

.basket__descr-item {
    margin-bottom: 1.8rem
}

.basket__descr-iheader {
    text-align: center
}

.basket__descr-iicon {
    width: 2.7rem;
    height: 2.7rem;
    margin-right: .9rem
}

.basket__descr-ititle {
    margin-top: 0;
    margin-bottom: 2.1rem;
    font-weight: 500;
    font-size: 2.1rem;
    line-height: normal;
    color: #000
}

.basket__descr-itext {
    margin-top: 0;
    margin-bottom: 0;
    font-weight: 300;
    font-size: 1.4rem;
    line-height: 1.5em;
    text-align: center;
    color: #939393
}

.basket__list-hitem {
    padding-bottom: 2.3rem;
    margin: 0;
    font-weight: 300;
    font-size: 1.4rem;
    line-height: 1;
    color: #000;
    text-align: left
}

.basket__list--mb {
    margin-bottom: 2.9rem
}

.basket__list-header {
    display: none;
    border-bottom: 1px solid rgba(225, 225, 225, .82)
}

.basket__list-item {
    display: flex;
    border-bottom: 1px solid rgba(225, 225, 225, .82);
    padding: 3.6rem 0 4.3rem
}

.basket__list-idescr {
    margin-top: 0;
    margin-bottom: 2rem;
    font-weight: 500;
    font-style: normal;
    font-size: 1.8rem;
    line-height: normal;
    color: #000
}

.basket__list-ibtn {
    position: absolute;
    bottom: -1.25rem;
    left: calc(50% - 1.25rem);
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2.5rem;
    height: 2.5rem;
    color: #fff;
    cursor: pointer;
    transition: color .2s ease-in-out
}

.basket__list-iicon {
    width: 1.1rem;
    height: 1.1rem
}

.basket__list-icard {
    position: relative;
    flex-basis: 50%
}

.basket__list-ipicture {
    position: relative;
    display: inline-block
}

.basket__list-iphoto {
    display: flex;
    align-items: center;
    grid-column-start: 1;
    grid-column-end: 2;
    width: 11rem;
    height: 11rem;
    border-radius: 1.2rem;
    box-shadow: 0 1.5rem 7.6rem 0 rgba(0, 0, 0, .12);
    background-color: #fff;
    overflow: hidden
}

.basket__list-img {
    width: 100%;
    height: 100%;
    object-fit: contain
}

.basket__list-ibody {
    flex-basis: 50%
}

.basket__list-icounter {
    margin-bottom: 2rem
}

.basket__list-price {
    display: flex;
    flex-direction: column;
    justify-content: center
}

.basket__list-iprice p {
    margin: 0;
    font-weight: 500;
    font-size: 1.4rem;
    color: #e60a0a
}

.basket__list-iprice--old p {
    text-decoration: line-through
}

.basket__list-add {
    display: flex;
    align-items: center
}

.basket__list-add .btn {
    padding: 12px 15px;
    border-radius: 1.3rem
}

.basket__list-add .btn svg {
    margin-left: .8rem
}

.basket__list-item--additional .basket__list-idescr,
.basket__list-item--additional .basket__list-iprice,
.basket__list-item--additional .basket__list-iprice p {
    flex-basis: auto;
    color: #e60a0a
}

.basket__list-item--finish .basket__list-iphoto {
    margin: 0
}

.basket__footer {
    max-width: 66rem;
    margin: 0 auto;
    padding-bottom: 5.8rem
}

.wp-block-woocommerce-product-price,
tbody .product-subtotal,
.carousel__slide-price {
    font-weight: 500 !important;
    color: #e60a0a !important;
}

[data-postfix]::after {
    content: attr(data-postfix);
    margin-left: 4px;
    font-size: 12px;
}

.basket__calculator {
    opacity: 1;

    padding-bottom: 5.8rem;
    margin-bottom: 3.4rem;
    border-bottom: 1px solid rgba(225, 225, 225, .82);

    transition: 0.3s ease all;
}

.basket__calculator-title {
    margin-top: 0;
    margin-bottom: 2.2rem;
    font-weight: 500;
    font-size: 1.8rem;
    color: #000
}

.basket__calculator-line {
    display: flex;
    justify-content: space-between
}

.basket__calculator-warning:first-of-type {
    border-top: 1px solid #939393;
}

.basket__calculator-warning {
    color: #939393;

    text-align: justify;

    padding-top: 16px;

    display: none;
}

.basket__calculator-warning--active {
    display: block;
}

.basket__calculator-line:not(:last-child) {
    margin-bottom: 1.7rem
}

.basket__calculator-name {
    margin-top: 0;
    margin-bottom: 0;
    font-weight: 300;
    font-size: 1.6rem;
    line-height: normal;
    color: #939393
}

.basket__calculator-name--total {
    font-weight: 500;
    font-size: 2.1rem;
    color: #000
}

.basket__calculator-value {
    margin-top: 0;
    margin-bottom: 0;
    font-weight: 300;
    font-size: 1.6rem;
    line-height: normal;
    color: #939393
}

.basket__calculator-value--total {
    font-weight: 500;
    font-style: normal;
    font-size: 2.1rem;
    color: #e60a0a
}

.basket__calculator__loading {
    opacity: 0.3;
}

.basket__btns {
    display: flex;
    justify-content: space-between;
}

.basket__delivery-header {
    position: relative
}

.basket__delivery-himg {
    position: absolute;
    bottom: 0
}

.basket__delivery-himg--left {
    left: 50%;
    margin-left: -50rem
}

.basket__delivery-himg--right {
    right: 50%;
    margin-right: -50rem
}

.basket__delivery-form {
    margin-bottom: 7.6rem
}

.basket__delivery-fgroup {
    margin-bottom: 3.8rem
}

.basket__delivery-fsubtitle {
    margin-top: 0;
    margin-bottom: 2.5rem;
    font-weight: 500;
    font-size: 1.8rem;
    color: #000
}

.basket__delivery-fline {
    position: relative
}

.basket__delivery-fline--flex .basket__delivery-fradio {
    margin-bottom: 2rem
}

.basket__delivery-fline--mt {
    padding-top: 3rem
}

.basket__delivery-fline--info {
    display: none
}

.basket__delivery-fline--info p {
    margin: 0 0 1.7rem;
    padding-top: 1rem;
    font-size: 1.4rem;
    font-weight: 400;
    color: #939393
}

.basket__delivery-fline--info.active {
    display: block
}

.basket__delivery-fline--search {
    margin-right: 3rem
}

.basket__delivery-fdrop {
    position: absolute;
    top: 7.2rem;
    left: 0;
    display: none;
    width: 100%;
    max-height: 21rem;
    margin: 0;
    padding-left: 0;
    z-index: 10;
    overflow: hidden;
    list-style: none;
    border-bottom-left-radius: 1.6rem;
    border-bottom-right-radius: 1.6rem;
    border: 1px solid #a4a4a4;
    border-top: none;
    background-color: #fff
}

.basket__delivery-fditem {
    display: block;
    padding: 2.2rem 2rem;
    font-weight: 300;
    font-size: 1.6rem;
    line-height: 1.63;
    color: #939393;
    cursor: pointer
}

.basket__delivery-fditem:hover {
    background-color: #fafafa
}

.basket__delivery-fline--search:after {
    content: '';
    position: absolute;
    top: 3.5rem;
    right: 2.1rem;
    z-index: 10;
    width: .7rem;
    height: .7rem;
    border-bottom: 1px solid #969696;
    border-right: 1px solid #969696;
    transform: rotate(45deg) translate(-50%, -50%)
}

.basket__delivery-fline--active {
    border-color: #a4a4a4
}

.basket__delivery-fline--active:after {
    display: none
}

.basket__delivery-fline--active .basket__delivery-finput {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-color: #a4a4a4
}

.basket__delivery-fline--active .basket__delivery-fdrop {
    display: block
}

.basket__delivery-finput {
    width: 100%;
    padding: 2.2rem 2rem;
    margin-bottom: 1.5rem;
    font-weight: 400;
    font-size: 1.6rem;
    line-height: 1.63;
    color: #000;
    border-radius: 1.6rem;
    border: 1px solid #f0f0f0;
    background-color: #fff
}

.basket__delivery-finput--textarea {
    resize: none
}

.basket__delivery-finput--search {
    padding: 2.2rem 4rem 2.2rem 2rem
}

.basket__delivery-finput::placeholder {
    font-weight: 300;
    color: #939393
}

.basket__delivery-finput:focus {
    outline: 0
}

.basket__delivery-fclear-btn {
    position: absolute;
    top: 2.5rem;
    right: -3rem;
    display: block;
    width: 2rem;
    height: 2rem;
    border: 0;
    background-color: transparent;
    cursor: pointer;
    padding: 0
}

.basket__delivery-fclear-btn:focus {
    color: #e60a0a
}

.basket__delivery-fclear-btn:after,
.basket__delivery-fclear-btn:before {
    content: '';
    position: absolute;
    width: 9px;
    height: 1px;
    left: 6px;
    top: 9px;
    background-color: #969696;
    transition: background-color .2s ease-in-out
}

.basket__delivery-fclear-btn:before {
    transform: rotate(45deg)
}

.basket__delivery-fclear-btn:after {
    transform: rotate(-45deg)
}

.basket__delivery-fclear-btn:hover::after,
.basket__delivery-fclear-btn:hover::before {
    background-color: #e60a0a
}

.basket__delivery-fcheckbox {
    position: relative;
    display: flex;
    align-items: center;
    min-height: 2rem;
    padding-left: 3.3rem;
    margin-bottom: 1.7rem;
    cursor: pointer;
    font-size: 1.4rem;
    font-weight: 400;
    color: #939393;
    user-select: none
}

.basket__delivery-fcheckbox input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0
}

.basket .checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 2rem;
    width: 2rem;
    background-color: transparent;
    border: 1px solid #e2e2e2;
    border-radius: .4rem
}

.basket__delivery-fcheckbox:hover input~.checkmark {
    border-color: #f9da61
}

.basket__delivery-fcheckbox input:checked~.checkmark {
    border-color: #f9da61;
    background-color: #f9da61
}

.basket .checkmark:after {
    content: "";
    position: absolute;
    display: none
}

.basket__delivery-fcheckbox input:checked~.checkmark:after,
.basket__delivery-fradio input:checked~.checkmark-radio:after {
    display: block
}

.basket__delivery-fcheckbox .checkmark:after {
    top: .45rem;
    left: .45rem;
    width: 1rem;
    height: 1rem;
    background-image: url(img/check.svg);
    background-size: 7px 6px;
    background-position: center center;
    background-repeat: no-repeat
}

.basket__delivery-ferror {
    display: inline-block;
    margin-top: 0;
    margin-bottom: 1.8rem;
    font-weight: 400;
    font-size: 1.2rem;
    line-height: 1.4;
    color: #e3334f
}

.basket__payment-hitem {
    margin-bottom: 3.1rem
}

.basket__payment-hitem:not(:last-child) {
    margin-right: 10rem
}

.basket__delivery-fradio {
    position: relative;
    display: flex;
    align-items: center;
    padding-left: 3.3rem;
    min-height: 2rem;
    cursor: pointer;
    color: #000;
    font-size: 1.4rem;
    font-weight: 400;
    text-transform: uppercase;
    user-select: none
}

.basket__delivery-fradio img {
    max-width: 5rem;
    max-height: 5rem
}

.basket__delivery-fradio img:not(:last-child) {
    margin-right: .6rem
}

.basket__delivery-fradio input {
    position: absolute;
    opacity: 0;
    cursor: pointer
}

.basket .checkmark-radio {
    position: absolute;
    top: calc(50% - 1rem);
    left: 0;
    height: 2rem;
    width: 2rem;
    background-color: transparent;
    border-radius: 50%;
    border: 1px solid #e2e2e2
}

.basket__delivery-fradio:hover input~.checkmark-radio {
    border-color: #f9da61
}

.basket__delivery-fradio input:checked~.checkmark-radio {
    background-color: #f9da61;
    border-color: #f9da61
}

.basket .checkmark-radio:after {
    content: '';
    position: absolute;
    display: none
}

.basket__delivery-fradio .checkmark-radio:after {
    top: .45rem;
    left: .45rem;
    width: 1rem;
    height: 1rem;
    background-image: url(img/check.svg);
    background-size: 7px 6px;
    background-position: center center;
    background-repeat: no-repeat
}

.basket .basket__list--special .basket__list-header .basket__list-hitem {
    padding-top: 3rem;
    font-size: 1.8rem;
    color: #e60a0a;
    font-weight: 500
}

.basket__list-fprice {
    font-size: 1.8rem;
    font-weight: 500
}

.select--active {
    color: #969696
}

.js-focus-visible :focus:not(:focus-visible) {
    outline: 0
}

span.small-title {
    font-size: 12px !important;
}

li.wp-block-navigation-item.current-menu-item.h-menu__item.wp-block-navigation-link {
    transform: translateY(-0.6rem);
    position: relative;
}

li.wp-block-navigation-item.current-menu-item.h-menu__item.wp-block-navigation-link:after {
    content: "";
    position: absolute;
    bottom: -1.6rem;
    left: 50%;
    width: 0.7rem;
    height: 0.7rem;
    transform: translateX(-50%);
    border-radius: 50%;
    background-color: #f01d0c;
}

.carousel__container {
    border-bottom: 0;
    padding-bottom: 0;
}

.ask__img-right,
.ask__img-left {
    width: 162px;
}

.ask__img-right img,
.ask__img-left img {
    max-height: 172px;
    object-fit: contain;
}

body:not(.home):not(.woocommerce-cart):not(.woocommerce-checkout) {
    background-size: 56.5rem 68rem;
    background: url(/wp-content/uploads/2024/02/svgviewer-png-output-5.png) no-repeat calc(100% + 8rem) 0;
}

.wc-block-order-confirmation-additional-information {
    font-size: 20px;
    margin-bottom: 50px;
}

.wc-block-order-confirmation-shipping-wrapper,
.wc-block-order-confirmation-billing-wrapper {
    height: 100%;
}

.hidden-element {
    display: none;
}

@media screen and (min-width: 550px) {
    .product__features-item {
        margin-bottom: 2rem
    }
}

@media screen and (max-width: 767px) {

    .news__title {
        order: 2
    }

    .news__header-img {
        order: 1;
        max-height: 13rem;
        margin: 0 auto 2rem;
    }

    .news__header {
        flex-direction: column
    }

    .video__container {
        padding-left: 2rem;
        padding-right: 2rem;
        margin-left: -2rem;
        margin-right: -2rem
    }

    .product__footer-links {
        flex-wrap: wrap
    }

}

@media screen and (min-width: 768px) {
    .text {
        font-size: 1.6rem;
        line-height: 1.75em
    }

    .product__footer-links--big {
        display: block;
        text-align: left
    }

    .product__footer-links--block {
        text-align: left
    }

    .news__list-item {
        display: flex
    }

    .news__list-iphoto {
        flex-basis: 30%;
        margin-right: 7rem
    }

    .news__list-itext {
        flex-basis: 70%
    }

    .video__container {
        padding-top: 60px;
        padding-bottom: 60px
    }

    .video__decor-1 {
        position: absolute;
        left: calc(50% - 47rem);
        bottom: .6rem;
        z-index: -1;
        opacity: .34;
        display: block;
        width: 18.5rem;
        height: 21.6rem;
        background: url(img/decor.svg) center no-repeat;
        background-size: contain
    }

    .video__decor-2 {
        position: absolute;
        left: calc(50% + 20rem);
        top: 33px;
        z-index: -1;
        opacity: .08;
        display: block;
        width: 22.4rem;
        height: 19rem;
        background: url(img/decor-2.svg) center no-repeat;
        background-size: contain
    }

    .video__slider {
        margin-left: -37.5rem;
        margin-right: -37.5rem
    }

    .video__slide {
        width: 75rem;
        margin: 0 auto;
        padding-left: 0;
        padding-right: 0;
        border-radius: 1.6rem;
        box-shadow: 0 38px 115px 0 rgba(0, 0, 0, .16);
        background-color: #fff;
        overflow: hidden
    }

    .video__frame {
        max-height: 44rem
    }

    .catalog__container {
        padding-top: 8.9rem;
        border-bottom: 1px solid rgba(225, 225, 225, .82)
    }

    .catalog__list {
        display: flex;
        flex-wrap: wrap;
        margin-right: -2rem
    }

    .catalog__list-item {
        flex-basis: 30%;
        margin-right: 2rem
    }

    .basket__payment-header {
        display: flex;
        justify-content: center;
        align-items: center;
        margin-bottom: 3.4rem
    }
}

@media screen and (max-width: 768px) {
    .banner {
        min-height: 100vh;
    }
}

@media screen and (min-width: 1024px) {
    .catalog__list-item {
        flex-basis: 23%;
        margin-top: 6.2rem;
        margin-right: 2rem;
        margin-bottom: 7rem
    }

    .product__container--mb {
        margin-bottom: 9rem
    }
}

@media screen and (max-width: 1024px) {

    .basket__delivery-himg--right,
    .basket__delivery-himg--left {
        display: none;
    }

    .basket__steps-item:not(:last-child) {
        margin-right: 5rem;
    }

    .basket__steps-item:not(:last-child)::after {
        right: -4.2rem;
    }

    .wp-block-post-template-is-layout-grid.wp-block-post-template-is-layout-grid.wp-block-post-template-is-layout-grid.wp-block-post-template-is-layout-grid {
        grid-template-columns: 1fr;
    }

    .product__gallery-photo img {
        width: 100%;
    }

    .container:before,
    .container:after {
        display: none;
    }

    .wp-block-columns.product__container.product__container-pen:not(.is-not-stacked-on-mobile)>.wp-block-column {
        width: 100%;
    }

    .wp-block-columns.product__container.product__container-pen:not(.is-not-stacked-on-mobile)>.wp-block-column>h2.wp-block-heading.product__title.ht.ht--h3.has-system-font-font-family {
        margin-bottom: 370px !important;
    }

    .wp-block-group.carousel__container,
    .wp-block-columns.product__container {
        overflow: hidden;
        max-width: 100%;
        padding: 0 15px;
    }

    body.home .wp-block-columns.product__container {
        max-width: 100%;
        padding: 0 2rem;
    }

    body.home .wp-container-core-post-content-layout-1.wp-container-core-post-content-layout-1> :where(:not(.alignleft):not(.alignright):not(.alignfull):not(.banner)) {
        padding: 0;
    }

    .wp-block-group.product.product--revert.product--withbg.is-content-justification-space-between.is-layout-flex.wp-block-group-is-layout-flex {
        overflow: hidden;
    }

    .wp-block-group.product.product--revert.product--withbg.is-content-justification-space-between.is-layout-flex.wp-block-group-is-layout-flex>* {
        max-width: 100%;
        padding-left: 5px;
        padding-right: 5px;
    }

    h2.wp-block-heading.has-text-align-center.catalog__title.ht--h2[style*="font-size:5.8rem"] {
        font-size: 3.5rem !important;
    }

    li.wp-block-navigation-item.current-menu-item.h-menu__item.wp-block-navigation-link {
        padding-left: 2.2rem;
        transform: translateY(0);
    }

    li.wp-block-navigation-item.current-menu-item.h-menu__item.wp-block-navigation-link:after {
        top: 50%;
        left: 0;
        bottom: -1.6rem;
        width: 0.7rem;
        height: 0.7rem;
        transform: translateY(-50%);
    }
}

@media screen and (max-width: 1279px) {

    .banner__logo {
        margin-left: 1.7rem;
        margin-bottom: 2rem
    }

    .product.product--secondary .product__wrp {
        padding-bottom: 4.1rem
    }

    .product__gallery-top .product__gallery-photo--top {
        max-height: 33.5rem
    }

    .product__gallery-top .product__gallery-photo--top img {
        height: 33.5rem
    }

    .product__slider {
        background-size: auto 15rem;
        background-position: center 40%
    }

    .product__slider--inner {
        height: auto
    }

    .info__container {
        margin-left: -2rem;
        margin-right: -2rem
    }

    .ask {
        background-image: url(img/review-form-mobile-bg.svg);
        background-size: 12.8rem 16.5rem;
        background-position: 0 6.2rem;
        background-repeat: no-repeat
    }

    .ask__form-line--center {
        width: 100%
    }

    .basket__list-ibtn {
        border-radius: .7rem;
        background-color: #e60a0a
    }

    .basket__list-item--additional .basket__list-iprice {
        margin-bottom: 2rem
    }

    .basket__btns .btn,
    .basket__btns .btn__icon {
        border-radius: 1.3rem
    }

    .basket__btn-next {
        font-size: 1.2rem
    }

    .basket__btn-next svg {
        display: none
    }
}

@media screen and (min-width: 1280px) {
    .updates__descr {
        max-width: 39rem;
        margin: 0 auto
    }

    body .is-layout-flex .container {
        padding-left: 0;
        padding-right: 0
    }

    .ht--h1 {
        font-size: 6.2rem;
        line-height: 1.03em
    }

    .ht--h2 {
        font-size: 5.8rem;
        line-height: 1.21em
    }

    .ht--h3 {
        font-size: 4.8rem;
        line-height: 1.1em
    }

    .label {
        font-size: 1.6rem
    }

    .banner {
        text-align: left;
        padding-top: 20.3rem;
        margin-bottom: 7.2rem;
    }

    .banner__decor {
        display: block
    }

    .banner__bg {
        display: block
    }

    .banner__image {
        display: none
    }

    .banner__text {
        max-width: 49rem
    }

    .banner__text-label {
        margin-bottom: 1.1rem
    }

    .banner__text-descr {
        padding-right: 2rem
    }

    .banner__btns {
        margin-bottom: 15.5rem
    }

    .banner__link {
        margin-right: 4rem;
        margin-bottom: 0
    }

    .product__container {
        display: grid;
        text-align: left
    }

    .product__header {
        max-width: 36.5rem
    }

    .product__btn {
        margin-top: 0
    }

    .product__text {
        width: 100%;
        column-count: 2;
        column-gap: 9.3rem
    }

    .product__gallery {
        display: flex;
        justify-content: space-between;
        grid-column-start: 2;
        grid-row-start: 1;
        grid-row-end: 4;
        height: 90%;
        margin-bottom: 0
    }

    .product__gallery-photo,
    .woocommerce-product-gallery__image {
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .product__gallery-photo img,
    .woocommerce-product-gallery__image img {
        height: 100%;
        width: 100%;
        object-fit: contain;
        object-position: center
    }

    .product__gallery-img img {
        object-fit: cover
    }

    .product__gallery-photo--big {
        min-width: 63.5rem;
        max-height: 43rem
    }

    .product__gallery-photo--big img {
        width: 100%;
        height: 100%
    }

    .product__gallery-top {
        min-width: 47rem;
        margin-left: 3.5rem;
        margin-bottom: 0
    }

    .product__gallery-bottom {
        display: flex;
        justify-content: space-between;
        margin-bottom: 5rem
    }

    .product__gallery-bottom .product__gallery-photo img,
    .product__gallery-bottom .woocommerce-product-gallery__image img {
        width: 100%;
        height: 100%
    }

    .product__gallery-bottom .product__gallery-photo,
    .product__gallery-bottom .woocommerce-product-gallery__image {
        max-width: 22.1rem;
        max-height: 22.1rem
    }

    .product__gallery-bottom {
        flex-direction: column;
        min-width: 22.1rem;
        margin-bottom: 0
    }

    .product__gallery-bottom .product__gallery-photo:not(:last-child),
    .product__gallery-bottom .woocommerce-product-gallery__image:not(:last-child) {
        margin-right: 0;
        margin-bottom: 1rem
    }

    .product__features {
        display: flex;
        column-gap: 2.5rem;
        text-align: left
    }

    .product__slider {
        grid-column-start: 2;
        grid-row-start: 1;
        grid-row-end: 4;
        width: 91rem;
    }

    .product__slider img {
        object-fit: contain
    }

    .product__slider--fixwidth {
        max-width: 73.5rem
    }

    .product--revert .product__gallery,
    .product--revert .product__slider {
        grid-column-start: 1
    }

    .product--withbg {
        background-image: url(img/catalog-bg.svg);
        background-size: 56.5rem 68rem;
        background-position: calc(100% + 8rem) 0;
        background-repeat: no-repeat
    }

    .carousel__btn--next {
        right: 50%;
        margin-right: -62.5rem
    }

    .carousel__btn--prev {
        left: 50%;
        margin-left: -62.5rem
    }

    .updates__carousel-container {
        padding-top: 8.9rem;
        padding-bottom: 11.8rem
    }

    .updates__carousel-container .carousel__btn--prev {
        margin-left: -50%
    }

    .updates__carousel-container .carousel__btn--next {
        margin-right: -50%
    }

    .info {
        padding-top: 5rem
    }

    .info__container,
    .info__text {
        display: flex;
        justify-content: space-between
    }

    .info__container {
        padding: 3.1rem 0
    }

    .info__text {
        max-width: 64rem;
        margin: 0 auto
    }

    .info__title {
        flex-basis: 60%;
        margin-bottom: 0;
        font-size: 2.1rem
    }

    .info__list {
        flex-basis: 35%
    }

    .info__list-ilink {
        font-size: 1.6rem
    }

    .info__img {
        display: block
    }

    .news__container {
        padding-top: 14rem;
        padding-bottom: 12rem;
        border-bottom: 1px solid rgba(225, 225, 225, .82)
    }

    .news__list-iphoto img {
        object-fit: contain
    }

    .video__btn {
        top: 50%
    }

    .video__btn--next {
        right: 50%;
        margin-right: -62.5rem
    }

    .video__btn--prev {
        left: 50%;
        margin-left: -62.5rem
    }

    .ask {
        padding-top: 5rem
    }

    .ask__container--withbb {
        padding-bottom: 5rem;
        border-bottom: 1px solid rgba(225, 225, 225, .82)
    }

    .ask__img-left {
        display: block
    }

    .ask__img-right {
        display: block
    }

    .ask__body {
        display: flex;
        justify-content: space-between
    }

    .ask__form {
        flex-basis: 55%
    }

    .ask__form-body {
        display: flex
    }

    .ask__form-body--block {
        max-width: 36.7rem;
        margin: 0 auto
    }

    .ask__form-body--big {
        max-width: 56.7rem
    }

    .ask__form-line--center {
        min-width: 367px
    }

    .ask__form-col {
        flex-basis: 50%
    }

    .ask__form-col--big {
        flex-basis: 100%
    }

    .ask__form-input::placeholder {
        font-size: 1.4rem
    }

    .ask__form-btn svg {
        display: none
    }

    .tracking__container {
        padding-top: 14rem;
        padding-bottom: 12rem;
        border-bottom: 1px solid rgba(225, 225, 225, .82)
    }

    .tracking__progress {
        display: flex;
        justify-content: center;
        margin-bottom: 11.6rem
    }

    .tracking__table-header {
        display: grid;
        grid-template-columns: repeat(6, 1fr);
        padding-bottom: 2.1rem;
        border-bottom: 1px solid rgba(225, 225, 225, .82)
    }

    .tracking__table-th:nth-child(1) {
        grid-column-start: 1
    }

    .tracking__table-th:nth-child(2) {
        grid-column-start: 2
    }

    .tracking__table-th:nth-child(3) {
        grid-column-start: 3;
        grid-column-end: 7;
        text-align: right
    }

    .tracking__table-item {
        display: grid;
        grid-template-columns: repeat(6, 1fr);
        padding-top: 1.7rem;
        padding-bottom: 1.7rem
    }

    .tracking__table-itd:nth-child(1) {
        grid-column-start: 1
    }

    .tracking__table-itd:nth-child(2) {
        grid-column-start: 2
    }

    .tracking__table-itd:nth-child(3) {
        grid-column-start: 3;
        grid-column-end: 7;
        justify-content: flex-end
    }

    .basket__container--top {
        padding-top: 14rem
    }

    .basket__steps {
        margin-bottom: 7.4rem;
        padding-top: 1rem
    }

    .basket__steps-inumber {
        font-size: 1.8rem
    }

    .basket__steps-ititle {
        font-size: 1.6rem;
        line-height: 1.63em
    }

    .basket__title {
        margin-bottom: 4.9rem
    }

    .basket__descr {
        display: flex;
        justify-content: space-between;
        margin-bottom: 8.9rem
    }

    .basket__descr-item {
        flex-basis: 30%;
        margin-bottom: 0
    }

    .basket__descr-iheader {
        display: flex;
        align-items: center;
        margin-bottom: 2rem;
        text-align: left
    }

    .basket__descr-ititle {
        margin-bottom: 0
    }

    .basket__descr-itext {
        margin-bottom: 0;
        text-align: left;
        font-size: 1.6rem;
        line-height: 1.63em
    }

    .basket__list-hitem {
        display: block
    }

    .basket__list-hitem:nth-child(1) {
        flex-basis: 80%
    }

    .basket__list-hitem:nth-child(2),
    .basket__list-hitem:nth-child(3) {
        flex-basis: 10%
    }

    .basket__list-hitem:nth-child(3) {
        text-align: right
    }

    .basket__list-header {
        display: flex
    }

    .basket__list-item {
        padding: 2rem 0
    }

    .basket__list-idescr {
        margin-bottom: 0
    }

    .basket__list-ibtn {
        bottom: calc(50% - 2rem);
        left: 0;
        width: 2rem;
        height: 2rem;
        color: #969696
    }

    .basket__list-ibtn:hover {
        color: #e60a0a
    }

    .basket__list-icard {
        display: flex;
        align-items: center;
        flex-basis: 20%
    }

    .basket__list-iphoto {
        width: 14.7rem;
        height: 14.7rem;
        margin-left: 6rem;
        margin-right: 3.5rem
    }

    .basket__list-ibody,
    .basket__list-itext {
        display: flex;
        justify-content: space-between;
        flex-basis: 80%
    }

    .basket__list-itext {
        justify-content: center;
        flex-direction: column;
        flex-basis: 70%
    }

    .basket__list-icounter {
        display: flex;
        align-items: center;
        flex-basis: 10%;
        margin-bottom: 0
    }

    .basket__list-iprice {
        display: flex;
        align-items: center;
        justify-content: flex-end;
        flex-basis: 10%;
        text-align: right
    }

    .basket__list-iprice p {
        font-size: 1.8rem;
        color: #000
    }

    .basket__list-item--finish .basket__list-icard {
        flex-basis: 15%
    }

    .basket__list-item--finish .basket__list-ibody {
        flex-basis: 85%
    }

    .basket__list-item--finish .basket__list-itext {
        flex-basis: 75%
    }

    .basket__footer {
        padding-bottom: 10.8rem
    }

    .basket__calculator {
        display: flex;
        justify-content: space-between;
        padding-bottom: 4.2rem
    }

    .basket__calculator-wrp {
        flex-basis: 60%;
    }

    .basket__btns {
        justify-content: space-between
    }

    .basket__delivery-form {
        max-width: 66rem;
        margin: 0 auto 7.6rem;
    }

    .basket__delivery-fline--flex {
        display: flex;
        flex-wrap: wrap
    }

    .basket__delivery-fline--flex .basket__delivery-fradio {
        flex-basis: 50%
    }

    .basket__delivery-fline--search {
        margin-right: 0
    }

    .basket__payment-hitem {
        margin-bottom: 0
    }
}

@media screen and (max-width: 1280px) {
    .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content {
        padding: 180px 20px calc(2rem + 24px);
        align-items: flex-start;
    }

    .wp-block-navigation__responsive-container-close {
        right: auto;
        top: 100px;
        left: 20px;
    }

    .wp-block-navigation__responsive-container-close svg {
        width: 40px;
        height: 40px;
    }

    .product.product--revert .product__gallery {
        margin-left: auto;
        margin-right: auto;
    }

    .product.product--revert .product__header {
        text-align: center;
    }

    .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) {
        display: none;
    }

    .wp-block-navigation__responsive-container-open:not(.always-shown) {
        display: flex;
    }

    .h__main-menu {
        position: relative;
        max-width: 652px !important;
    }

    .banner .wp-block-buttons {
        display: flex;
        justify-content: center;
    }

    .banner {
        border-bottom: 0;
    }

    .product__container {
        flex-direction: column;
        max-width: 100%;
    }

    .product__container img {
        max-width: 100%;
        max-height: 100%;
    }

    .product__gallery-bottom {
        display: flex;
        justify-content: center;
        align-content: center;
        flex-wrap: wrap;
        flex-direction: row;

        margin-left: auto;
        margin-right: auto;

        gap: 2em;

    }

    .product__gallery {
        flex-direction: column-reverse;
        max-height: none;
    }

    .product__header {
        padding-top: 50px;
    }

    .product__container {
        padding-bottom: 20px;
        position: relative;
    }

    .product__footer {
        width: 100%;
        bottom: 100px;
        left: 0;
    }

    .product__descr {
        width: 100%;
        bottom: 38px;
        left: 0;
    }

    .product__features {
        flex-direction: column;
        align-items: center;
    }

    .ask__form {
        flex-basis: auto !important;
    }

    .ask__form-captcha img {
        width: auto !important;
        margin: 0 auto;
    }


    .carousel__slider-box {
        width: 100%;
    }

    .wp-container-core-post-content-layout-1.wp-container-core-post-content-layout-1> :where(:not(.alignleft):not(.alignright):not(.alignfull):not(.banner)) {
        max-width: 114rem;
        padding: 0 2rem;
    }

    footer {
        padding: 0 2rem;
    }

    footer .wp-block-navigation__responsive-container-close.wp-block-navigation__responsive-container-close.wp-block-navigation__responsive-container-close {
        display: none;
    }
}