:root {
    --font-title: "TEST Kabel ITC";
    --font-main: "Golos Text";

    --font-size-105: 6.5625rem;
    --font-size-95: 5.9375rem;
    --font-size-85: 5.3125rem;
    --font-size-75: 4.6875rem;
    --font-size-70: 4.375rem;
    --font-size-60: 3.75rem;
    --font-size-55: 3.4375rem;
    --font-size-50: 3.125rem;
    --font-size-42: 2.625rem;
    --font-size-38: 2.375rem;
    --font-size-35: 2.1875rem;
    --font-size-32: 2rem;
    --font-size-30: 1.875rem;
    --font-size-26: 1.625rem;
    --font-size-25: 1.5625rem;
    --font-size-22: 1.375rem;
    --font-size-20: 1.25rem;
    --font-size-18: 1.125rem;
    --font-size-16: 1rem;
    --font-size-14: 0.875rem;
    --font-size-12: 0.75rem;

    --font-weight-500: 500;

    --color-black-light: #33363d;
    --color-black-dark: #16181c;
    --color-green-light: #3e8863;
    --color-green-dark: #248052;
    --color-white: #ffffff;
    --color-green: #f2f8ed;
    --color-blue-light: #f8f8fc;
    --color-blue-dark: #e4e4e8;
    --color-black-50: rgba(51, 54, 61, 0.5);
    --color-black-20: rgba(51, 54, 61, 0.2);
    --color-black-15: rgba(51, 54, 61, 0.15);
    --color-black-05: rgba(51, 54, 61, 0.05);
    --color-white-50: rgba(255, 255, 255, 0.5);
    --color-white-30: rgba(255, 255, 255, 0.3);
    --color-white-20: rgba(255, 255, 255, 0.2);
    --color-white-15: rgba(255, 255, 255, 0.15);
    --color-white-10: rgba(255, 255, 255, 0.1);
    --color-gray: #f6f6f6;
}

* {
    padding: 0px;
    margin: 0px;
    border: 0px;
}
*,
*:before,
*:after {
    box-sizing: border-box;
}
html {
    font-size: calc(16vw / 19.2);
    font-synthesis: none;
    scrollbar-gutter: stable;
}
body {
    position: relative;
    overflow-x: hidden;
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    background: var(--color-white);
    color: var(--color-black-light);
    font-family: var(--font-main);
    font-size: var(--font-size-20);
    font-style: normal;
    font-weight: var(--font-weight-500);
    line-height: 120%;
}
body.is-lock {
    overflow: hidden;
}
@media (max-width: 1024px) {
    html {
        font-size: calc(16vw / 10.24);
    }
}
@media (max-width: 768px) {
    html {
        font-size: calc(16vw / 3.75);
    }
}

input,
button,
textarea {
    font-size: inherit;
    font-family: inherit;
}
input {
    border-radius: 0px;
    outline: none;
}
button {
    font-family: inherit;
    cursor: pointer;
    color: inherit;
    background: none;
    line-height: inherit;
}
a {
    display: inline-flex;
    color: inherit;
    text-decoration: none;
}
a:hover {
    text-decoration: none;
}
button,
a {
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
    -webkit-tap-highlight-color: transparent;
}
ul li {
    list-style: none;
}
img {
    display: block;
    pointer-events: none;
}
h1,
h2,
h3,
h4,
h5,
.h1,
.h2,
.h3,
.h4,
.h5 {
    font-weight: inherit;
}
@media (min-width: 1025px) {
    h1,
    .h1 {
        font-family: var(--font-title);
        font-size: var(--font-size-85);
        line-height: 90%;
        letter-spacing: -0.0531rem;
    }
    .h1-small {
        font-family: var(--font-title);
        font-size: var(--font-size-55);
        line-height: 100%;
        letter-spacing: -0.1375rem;
    }
    h2,
    .h2 {
        font-family: var(--font-title);
        font-size: var(--font-size-70);
        line-height: 95%;
        letter-spacing: -0.0437rem;
    }
    h3,
    .h3 {
        font-family: var(--font-title);
        font-size: var(--font-size-35);
        line-height: 100%;
        letter-spacing: -0.0219rem;
    }
    .big-text {
        font-family: var(--font-title);
        font-size: var(--font-size-105);
        line-height: 90%;
        letter-spacing: -0.0656rem;
    }
    .text-s {
        font-size: var(--font-size-16);
        line-height: 140%;
    }
    .text-m {
        font-size: var(--font-size-20);
        line-height: 120%;
        letter-spacing: -0.0125rem;
    }
    .text-l {
        font-size: var(--font-size-25);
        line-height: 120%;
        letter-spacing: -0.0156rem;
    }
    .button-s {
        font-size: var(--font-size-18);
        line-height: 100%;
    }
    .button-m {
        font-size: var(--font-size-20);
        line-height: 100%;
        letter-spacing: -0.0125rem;
    }
}
.button-green-arrow,
.button-secondary-arrow,
.button-secondary-download {
    padding: 1.25rem 1.5625rem;
    display: flex;
    align-items: center;
    column-gap: 1.25rem;
    border-radius: 3.3125rem;
    border: 1px solid transparent;
    transition:
            color 0.3s ease,
            background-color 0.3s ease,
            border-color 0.3s ease;
}
.button-green-arrow {
    color: var(--color-white);
    background-color: var(--color-green-light);
}
.button-secondary-arrow,
.button-secondary-download {
    color: var(--color-black-light);
    border-color: var(--color-black-20);
}
@media (hover: hover) {
    .button-green-arrow:hover {
        background-color: var(--color-green-dark);
    }
    .button-secondary-arrow:hover,
    .button-secondary-download:hover {
        color: var(--color-white);
        background-color: var(--color-green-dark);
    }
}
.button-green-arrow:active {
    background-color: var(--color-green-dark);
}
.button-secondary-arrow:active,
.button-secondary-download:active {
    color: var(--color-white);
    background-color: var(--color-green-dark);
}
.button-green-arrow::after,
.button-secondary-arrow:after {
    content: "";
    background-color: currentColor;
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14' fill='none'%3E%3Cpath d='M13.601 7.60104C13.933 7.26909 13.933 6.7309 13.601 6.39896L8.19167 0.989591C7.85973 0.657646 7.32154 0.657646 6.98959 0.989591C6.65765 1.32154 6.65765 1.85973 6.98959 2.19167L11.7979 7L6.98959 11.8083C6.65765 12.1403 6.65765 12.6785 6.98959 13.0104C7.32154 13.3424 7.85973 13.3424 8.19167 13.0104L13.601 7.60104ZM0 7L7.43094e-08 7.85L13 7.85L13 7L13 6.15L-7.43094e-08 6.15L0 7Z' fill='white'/%3E%3C/svg%3E");
    mask-repeat: no-repeat;
    mask-position: center;
    mask-size: contain;
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14' fill='none'%3E%3Cpath d='M13.601 7.60104C13.933 7.26909 13.933 6.7309 13.601 6.39896L8.19167 0.989591C7.85973 0.657646 7.32154 0.657646 6.98959 0.989591C6.65765 1.32154 6.65765 1.85973 6.98959 2.19167L11.7979 7L6.98959 11.8083C6.65765 12.1403 6.65765 12.6785 6.98959 13.0104C7.32154 13.3424 7.85973 13.3424 8.19167 13.0104L13.601 7.60104ZM0 7L7.43094e-08 7.85L13 7.85L13 7L13 6.15L-7.43094e-08 6.15L0 7Z' fill='white'/%3E%3C/svg%3E");
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    -webkit-mask-size: contain;
    height: 0.875rem;
    width: 0.875rem;
    flex-shrink: 0;
    transition: transform 0.3s ease;
}
.button-secondary-download:after {
    content: "";
    background-color: currentColor;
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M4.66406 14H11.3307' stroke='%2333363D' stroke-width='1.5'/%3E%3Cpath d='M8.0013 10.6693V1.33594' stroke='%23323232' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M11.336 7.33594L8.00197 10.6699L4.66797 7.33594' stroke='%23323232' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    mask-repeat: no-repeat;
    mask-position: center;
    mask-size: contain;
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M4.66406 14H11.3307' stroke='%2333363D' stroke-width='1.5'/%3E%3Cpath d='M8.0013 10.6693V1.33594' stroke='%23323232' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M11.336 7.33594L8.00197 10.6699L4.66797 7.33594' stroke='%23323232' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    -webkit-mask-size: contain;
    height: 1rem;
    width: 1rem;
    flex-shrink: 0;
    transition: transform 0.3s ease;
}
.container {
    width: 110rem;
    margin: 0 auto;
    height: 100%;
}
.breadcrumbs {
    width: 100%;
    min-width: 0;
    overflow: hidden;
}
.breadcrumbs ul {
    display: flex;
    align-items: center;
    width: 100%;
    min-width: 0;
    overflow: hidden;
    white-space: nowrap;
}
.breadcrumbs ul li {
    display: flex;
    align-items: center;
    flex: 0 0 auto;
    min-width: 0;
    font-size: 1rem;
    line-height: 140%;
    color: var(--color-black-50);
}
.breadcrumbs ul li + li::before {
    content: "/";
    margin-inline: 0.625rem;
    flex-shrink: 0;
    color: var(--color-black-light);
}
.breadcrumbs ul li a {
    color: var(--color-black-light);
}
.breadcrumbs__text {
    display: block;
    min-width: 0;
    white-space: nowrap;
}
.breadcrumbs ul li.is-truncated {
    flex: 1 1 auto;
    overflow: hidden;
}
.breadcrumbs ul li.is-truncated .breadcrumbs__text {
    overflow: hidden;
    text-overflow: ellipsis;
}
.breadcrumbs ul li[hidden] {
    display: none;
}
@media (max-width: 1024px) {
    h1,
    .h1 {
        font-family: var(--font-title);
        font-size: var(--font-size-42);
        line-height: 100%;
        letter-spacing: -0.0788rem;
    }
    h2,
    .h2 {
        font-family: var(--font-title);
        font-size: var(--font-size-42);
        line-height: 100%;
        letter-spacing: -0.0788rem;
    }
    .h2-small {
        font-family: var(--font-title);
        font-size: var(--font-size-32);
        line-height: 100%;
        letter-spacing: -0.06rem;
    }
    h3,
    .h3 {
        font-family: var(--font-title);
        font-size: var(--font-size-26);
        line-height: 105%;
        letter-spacing: -0.0325rem;
    }
    .text-t-s {
        font-size: var(--font-size-14);
        line-height: 120%;
        letter-spacing: -0.0088rem;
    }
    .text-t-m {
        font-size: var(--font-size-16);
        line-height: 120%;
        letter-spacing: -0.01rem;
    }
    .text-t-l {
        font-size: var(--font-size-20);
        line-height: 120%;
        letter-spacing: -0.0125rem;
    }
    .button-t-s {
        font-size: var(--font-size-14);
        line-height: 100%;
    }
    .button-t-m {
        font-size: var(--font-size-16);
        line-height: 100%;
        letter-spacing: -0.01rem;
    }
    .container {
        width: 59rem;
    }
    .breadcrumbs ul li {
        font-size: 0.75rem;
        line-height: 120%;
        letter-spacing: -0.0075rem;
    }
    .breadcrumbs ul li + li::before {
        margin-inline: 0.3125rem;
    }
}
@media (max-width: 768px) {
    .container {
        width: 21.5625rem;
    }
}

.js:not(.is-page-loaded) [data-split-lines]:not(.is-split) {
    visibility: hidden;
}
.split-lines__word {
    display: inline-block;
}
.split-lines__line {
    display: block;
    overflow: hidden;
}
.split-lines__inner {
    display: block;
    will-change: transform;
}
.js:not(.is-page-loaded) .hero__title .split-lines__inner {
    transform: translateY(110%);
}

/* header start  */

header {
    position: absolute;
    z-index: 60;
    left: 0;
    width: 100%;
    padding-block: 1.25rem;
    border-bottom: 1px solid var(--color-white-50);
    transition: background-color 0.3s ease;
}
header.header-dark {
    border-color: var(--color-blue-dark);
    background-color: var(--color-white);
}
.header.is-catalog-open {
    z-index: 110;
}
.js:not(.is-page-loaded) .header {
    transform: translateY(-100%);
}
.header__inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.header__left {
    display: flex;
    align-items: center;
    column-gap: 4.25rem;
}
.header__left .logo {
    display: flex;
}
.header__left .logo img {
    width: 10rem;
    height: auto;
}
.header__left .logo img.dark {
    display: none;
}
header.header-dark .header__left .logo img.white {
    display: none;
}
header.header-dark .header__left .logo img.dark {
    display: block;
}
.header__lang {
    position: relative;
}
.header__lang-button {
    display: flex;
    align-items: center;
    column-gap: 0.375rem;
    color: var(--color-white);
    font-size: var(--font-size-22);
    line-height: 100%;
    letter-spacing: -0.0138rem;
}
header.header-dark .header__lang-button {
    color: var(--color-black-light);
}
.header__lang-button::after {
    content: "";
    background-color: currentColor;
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='9' viewBox='0 0 13 9' fill='none'%3E%3Cpath d='M12 1L6.5 7L1 1' stroke='white' stroke-width='2' stroke-linejoin='round'/%3E%3C/svg%3E");
    mask-repeat: no-repeat;
    mask-position: center;
    mask-size: contain;
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='9' viewBox='0 0 13 9' fill='none'%3E%3Cpath d='M12 1L6.5 7L1 1' stroke='white' stroke-width='2' stroke-linejoin='round'/%3E%3C/svg%3E");
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    -webkit-mask-size: contain;
    height: 0.5625rem;
    width: 0.8125rem;
    flex-shrink: 0;
    transition: transform 0.3s ease;
}
.header__lang-content {
    position: absolute;
    z-index: 2;
    top: calc(100% + 1.25rem);
    left: -1.5625rem;
    padding: 1.5625rem;
    background-color: var(--color-white);
    border-radius: 1rem;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transform: translateY(3.125rem);
    transition:
            opacity 0.3s ease,
            visibility 0.3s ease,
            transform 0.3s ease;
}
.header__lang-content::after {
    content: "";
    position: absolute;
    height: 1.3125rem;
    width: 100%;
    left: 0;
    top: -1.3125rem;
}
@media (hover: hover) {
    .header__lang:has(> button:hover) > .header__lang-content,
    .header__lang:has(> .header__lang-content:hover) > .header__lang-content {
        opacity: 1;
        visibility: visible;
        pointer-events: auto;
        transform: translateY(0);
    }
    .header__lang:has(> button:hover) > .header__lang-button::after,
    .header__lang:has(> .header__lang-content:hover) > .header__lang-button::after {
        transform: scaleY(-1);
    }
}
.header__lang-list {
    display: flex;
    flex-direction: column;
    row-gap: 0.9375rem;
}
.header__lang-list a {
    font-size: var(--font-size-18);
    line-height: 100%;
    transition: color 0.3s ease;
}
@media (hover: hover) {
    .header__lang-list a:hover {
        color: var(--color-green-light);
    }
}
.header__lang-list a:active {
    color: var(--color-green-light);
}

.header__nav {
    display: flex;
    align-items: center;
    column-gap: 6.25rem;
}
.header__catalog-button {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 12.625rem;
    height: 3.75rem;
    padding: 0.9375rem 1.5625rem;
    border-radius: 3.3125rem;
    background-color: var(--color-green-light);
    color: var(--color-white);
    font-size: var(--font-size-22);
    line-height: 100%;
    letter-spacing: -0.0138rem;
    transition: background-color 0.3s ease;
}
@media (hover: hover) {
    .header__catalog-button:hover {
        background-color: var(--color-green-dark);
    }
}
.header__catalog-button:active {
    background-color: var(--color-green-dark);
}
.header__catalog-button::after {
    content: "";
    margin-left: auto;
    background-color: currentColor;
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='10' viewBox='0 0 13 10' fill='none'%3E%3Cpath d='M12 1.5L6.5 7.5L1 1.5' stroke='white' stroke-width='2' stroke-linejoin='round'/%3E%3C/svg%3E");
    mask-repeat: no-repeat;
    mask-position: center;
    mask-size: contain;
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='10' viewBox='0 0 13 10' fill='none'%3E%3Cpath d='M12 1.5L6.5 7.5L1 1.5' stroke='white' stroke-width='2' stroke-linejoin='round'/%3E%3C/svg%3E");
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    -webkit-mask-size: contain;
    height: 0.625rem;
    width: 0.8125rem;
    flex-shrink: 0;
    transition: transform 0.3s ease;
}
.header__catalog-button.is-open::after {
    transform: scaleY(-1);
}
.header__catalog-button span {
    padding-bottom: 0.1875rem;
}
.header__menu-list {
    display: flex;
    align-items: center;
    column-gap: 2.1875rem;
}
.header__menu-list > li {
    position: relative;
}
.header__menu-list > li > a {
    display: flex;
    align-items: center;
    column-gap: 0.375rem;
    color: var(--color-white);
    font-size: var(--font-size-22);
    line-height: 100%;
    letter-spacing: -0.0138rem;
}
header.header-dark .header__menu-list > li > a {
    color: var(--color-black-light);
}
.header__menu-list > li.has-submenu > a::after {
    content: "";
    background-color: currentColor;
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='9' viewBox='0 0 13 9' fill='none'%3E%3Cpath d='M12 1L6.5 7L1 1' stroke='white' stroke-width='2' stroke-linejoin='round'/%3E%3C/svg%3E");
    mask-repeat: no-repeat;
    mask-position: center;
    mask-size: contain;
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='9' viewBox='0 0 13 9' fill='none'%3E%3Cpath d='M12 1L6.5 7L1 1' stroke='white' stroke-width='2' stroke-linejoin='round'/%3E%3C/svg%3E");
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    -webkit-mask-size: contain;
    height: 0.5625rem;
    width: 0.8125rem;
    flex-shrink: 0;
    transition: transform 0.3s ease;
}
.header__menu-list > li.has-submenu > ul {
    position: absolute;
    z-index: 2;
    left: -1.5625rem;
    top: calc(100% + 1.25rem);
    display: flex;
    flex-direction: column;
    row-gap: 0.9375rem;
    border-radius: 1rem;
    padding: 1.5625rem;
    width: 18.75rem;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transform: translateY(3.125rem);
    background-color: var(--color-white);
    transition:
            opacity 0.3s ease,
            visibility 0.3s ease,
            transform 0.3s ease;
}
.header__menu-list > li.has-submenu > ul::after {
    content: "";
    position: absolute;
    height: 1.3125rem;
    width: 100%;
    left: 0;
    top: -1.3125rem;
}
@media (hover: hover) {
    .header__menu-list > li.has-submenu:has(> a:hover) > ul,
    .header__menu-list > li.has-submenu:has(> ul:hover) > ul {
        opacity: 1;
        visibility: visible;
        pointer-events: auto;
        transform: translateY(0);
    }
    .header__menu-list > li.has-submenu:has(> a:hover) > a::after,
    .header__menu-list > li.has-submenu:has(> ul:hover) > a::after {
        transform: scaleY(-1);
    }
}
.header__menu-list > li.has-submenu > ul > li {
    width: 100%;
}
.header__menu-list > li.has-submenu > ul > li a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    column-gap: 0.625rem;
    font-size: var(--font-size-18);
    line-height: 100%;
    transition: color 0.3s ease;
}
@media (hover: hover) {
    .header__menu-list > li.has-submenu > ul > li a:hover {
        color: var(--color-green-light);
    }
}
.header__menu-list > li.has-submenu > ul > li a:active {
    color: var(--color-green-light);
}
.header__menu-list > li.has-submenu > ul > li a::after {
    content: "";
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='13' viewBox='0 0 10 13' fill='none'%3E%3Cpath d='M3 1L9 6.5L3 12' stroke='%233E8863' stroke-width='1.5' stroke-linejoin='round'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
    width: 0.625rem;
    height: 0.8125rem;
    flex-shrink: 0;
    opacity: 0;
    transition: opacity 0.3s ease;
}
@media (hover: hover) {
    .header__menu-list > li.has-submenu > ul > li a:hover::after {
        opacity: 1;
    }
}
.header__menu-list > li.has-submenu > ul > li a:active::after {
    opacity: 1;
}
.header__actions {
    display: flex;
    align-items: center;
}
.header__search {
    width: 17.25rem;
    height: 3.75rem;
    position: relative;
}
.header__search-input {
    width: 100%;
    height: 100%;
    border-radius: 6.25rem;
    background-color: var(--color-white);
    backdrop-filter: blur(20px);
    font-size: var(--font-size-22);
    color: var(--color-black-light);
    line-height: 100%;
    letter-spacing: -0.0138rem;
    padding-inline: 1.5625rem 3.75rem;
    border: none;
}
header.header-dark .header__search-input {
    background-color: var(--color-blue-light);
}
.header__search-input::placeholder {
    color: var(--color-black-50);
}
.header__search-button {
    display: flex;
    position: absolute;
    z-index: 2;
    right: 1.5625rem;
    top: 50%;
    transform: translateY(-50%);
}
.header__search-button svg {
    width: 1.875rem;
    height: auto;
}
.header__controls {
    display: flex;
    align-items: center;
    column-gap: 1.25rem;
}
.header__links {
    display: flex;
    align-items: center;
    column-gap: 0.9375rem;
}
.header__link {
    display: flex;
    width: 1.875rem;
    height: 1.875rem;
    color: var(--color-white);
}
header.header-dark .header__link {
    color: var(--color-black-light);
}
.header__link svg {
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.header__menu-button {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 3.75rem;
    height: 3.75rem;
    border-radius: 6.25rem;
    background-color: var(--color-blue-light);
}
.header__menu-button .lines {
    position: absolute;
    z-index: 2;
    width: 1.875rem;
    display: flex;
    flex-direction: column;
    row-gap: 0.25rem;
}
.header__menu-button .line {
    width: 100%;
    height: 0.125rem;
    border-radius: 0.125rem;
    background-color: var(--color-black-light);
    transition: width 0.3s ease;
}
@media (hover: hover) {
    .header__menu-button:hover .line:nth-child(2) {
        width: 1.25rem;
    }
}
.header__menu-button:active .line:nth-child(2) {
    width: 1.25rem;
}
@media (max-width: 1024px) {
    .header__left {
        column-gap: 2.5rem;
    }
    .header__left .logo img {
        width: 7.5rem;
    }
    .header__lang {
        position: relative;
    }
    .header__lang-button {
        font-size: var(--font-size-16);
        letter-spacing: -0.01rem;
    }
    .header__lang-button::after {
        height: 0.5625rem;
        width: 0.8125rem;
    }
    .header__lang-content {
        position: absolute;
        z-index: 2;
        top: calc(100% + 1.25rem);
        left: -1.5625rem;
        padding: 1.5625rem;
        background-color: var(--color-white);
        border-radius: 1rem;
        opacity: 0;
        visibility: hidden;
        pointer-events: none;
        transform: translateY(3.125rem);
        transition:
                opacity 0.3s ease,
                visibility 0.3s ease,
                transform 0.3s ease;
    }
    .header__lang-content::after {
        content: "";
        position: absolute;
        height: 1.3125rem;
        width: 100%;
        left: 0;
        top: -1.3125rem;
    }
    @media (hover: hover) {
        .header__lang:has(> button:hover) > .header__lang-content,
        .header__lang:has(> .header__lang-content:hover) > .header__lang-content {
            opacity: 1;
            visibility: visible;
            pointer-events: auto;
            transform: translateY(0);
        }
        .header__lang:has(> button:hover) > .header__lang-button::after,
        .header__lang:has(> .header__lang-content:hover) > .header__lang-button::after {
            transform: scaleY(-1);
        }
    }
    .header__lang-list {
        display: flex;
        flex-direction: column;
        row-gap: 0.9375rem;
    }
    .header__lang-list a {
        font-size: var(--font-size-18);
        line-height: 100%;
        transition: color 0.3s ease;
    }
    @media (hover: hover) {
        .header__lang-list a:hover {
            color: var(--color-green-light);
        }
    }
    .header__lang-list a:active {
        color: var(--color-green-light);
    }

    .header__nav {
        column-gap: 0.625rem;
    }
    .header__catalog-button {
        width: 10rem;
        height: 2.8125rem;
        padding: 0.625rem 1.25rem;
        font-size: var(--font-size-16);
        letter-spacing: -0.01rem;
    }
    .header__menu {
        display: none;
    }
    .header__search {
        width: 15rem;
        height: 2.8125rem;
    }
    .header__search-input {
        font-size: var(--font-size-14);
        line-height: 120%;
        letter-spacing: -0.0088rem;
        padding-inline: 1.25rem 3.125rem;
    }
    .header__search-button {
        right: 1.25rem;
    }
    .header__search-button svg {
        width: 1.5625rem;
    }
    .header__links {
        column-gap: 0.625rem;
    }
    .header__link {
        width: 1.5625rem;
        height: 1.5625rem;
    }
    .header__menu-button {
        width: 2.5rem;
        height: 2.5rem;
        border-radius: 1.5625rem;
    }
    .header__menu-button .lines {
        width: 1rem;
    }
    .header__menu-button .line {
        width: 100%;
        height: 0.125rem;
        border-radius: 0.125rem;
        background-color: var(--color-black-light);
        transition: width 0.3s ease;
    }
    .header__menu-button:active .line:nth-child(2) {
        width: 0.625rem;
    }
}
@media (max-width: 768px) {
    header {
        padding-block: 0.9375rem;
    }
    .header__lang {
        display: none;
    }
    .header__nav {
        display: none;
    }
    .header__links {
        display: none;
    }
}
/* header end  */

/* product-tabs start */

.product-tabs {
    --product-tabs-gap: 1.25rem;

    margin-top: 10rem;
    overflow: hidden;
}

.product-tabs__inner {
    display: flex;
    flex-direction: column;
    row-gap: 3.75rem;
}

.product-tabs__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    column-gap: 2rem;
    min-width: 0;
}

.product-tabs__tabs {
    display: flex;
    align-items: center;
    column-gap: 1.875rem;
    width: 100%;
    min-width: 0;
    overflow-x: auto;
    overflow-y: hidden;
    scrollbar-width: none;
    -ms-overflow-style: none;
    -webkit-overflow-scrolling: touch;
}

.product-tabs__tabs::-webkit-scrollbar {
    display: none;
}

.product-tabs__tab {
    flex-shrink: 0;
    white-space: nowrap;
    color: var(--color-black-20);
    transition: color 0.3s ease;
}

.js .product-tabs__tab:not(.is-animated) .split-lines__inner {
    transform: translateY(110%);
}

.product-tabs__tab.is-active {
    color: var(--color-black-light);
}

@media (hover: hover) {
    .product-tabs__tab:hover {
        color: var(--color-black-light);
    }
}

.product-tabs__tab:active {
    color: var(--color-black-light);
}

.product-tabs__arrows {
    display: flex;
    align-items: center;
    column-gap: 0.1875rem;
    flex-shrink: 0;
}

.product-tabs__arrow {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 3.75rem;
    height: 3.75rem;
    flex-shrink: 0;
    border-radius: 3.3125rem;
    color: var(--color-black-light);
    background-color: var(--color-blue-light);

    transition:
            color 0.3s ease,
            background-color 0.3s ease,
            opacity 0.3s ease;
}

.product-tabs__arrow svg {
    width: 0.875rem;
    height: 0.875rem;
}

@media (hover: hover) {
    .product-tabs__arrow:not(:disabled):hover {
        color: var(--color-white);
        background-color: var(--color-green-light);
    }
}

.product-tabs__arrow:not(:disabled):active {
    color: var(--color-white);
    background-color: var(--color-green-light);
}

.product-tabs__arrow:disabled,
.product-tabs__arrow.is-disabled {
    opacity: 0.4;
    pointer-events: none;
    cursor: default;
}

.product-tabs__panels,
.product-tabs__panel,
.product-tabs__slider {
    width: 100%;
    min-width: 0;
}

.product-tabs__panel[hidden] {
    display: none;
}

.product-tabs__slider {
    overflow: hidden;
}

.product-tabs__track {
    height: auto;
    align-items: stretch;
}

.product-tabs__card {
    min-width: 0;
    height: auto;
    flex-shrink: 0;
}

.product-tabs__card-top {
    position: relative;
    width: 100%;
    height: 37.5rem;
    overflow: hidden;
    border-radius: 0.625rem;
}

.product-tabs__card-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.product-tabs__parameter {
    position: absolute;
    z-index: 2;
    top: 1.5625rem;
    left: 1.5625rem;
    width: 15rem;
    display: flex;
    flex-direction: column;
    row-gap: 0.625rem;
    padding: 0.9375rem;
    border-radius: 0.625rem;
    background-color: var(--color-white);
    transform: translateX(-120%);
    transition: transform 0.5s ease;
}

@media (hover: hover) {
    .product-tabs__card--solution:hover .product-tabs__parameter {
        transform: translateX(0);
    }
}

.product-tabs__parameter .name {
    color: var(--color-black-50);
}

.product-tabs__favorite {
    position: absolute;
    z-index: 2;
    top: 1.5625rem;
    right: 1.5625rem;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 3.75rem;
    height: 3.75rem;
    border-radius: 7.5rem;
    color: var(--color-black-light);
    background-color: var(--color-white);

    transition:
            background-color 0.3s ease,
            color 0.3s ease;
}

.product-tabs__favorite svg {
    width: 1.375rem;
    height: auto;
    display: block;
    overflow: visible;
}

@media (hover: hover) {
    .product-tabs__favorite:hover {
        color: var(--color-white);
        background-color: var(--color-green-light);
    }
}

.product-tabs__order {
    position: absolute;
    z-index: 2;
    bottom: 1.5625rem;
    left: 50%;

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

    transition:
            transform 0.5s ease,
            background-color 0.3s ease,
            color 0.3s ease;
}

@media (hover: hover) {
    .product-tabs__card--solution:hover .product-tabs__order {
        transform: translateX(-50%) translateY(0);
    }
}

.product-tabs__info {
    display: flex;
    flex-direction: column;
    margin-top: 0.9375rem;
}

.product-tabs__status {
    margin-bottom: 0.9375rem;
    color: var(--color-green-light);
}

.product-tabs__card-title {
    margin-bottom: 1.5625rem;
}

.product-tabs__card--product {
    display: flex;
    flex-direction: column;
    row-gap: 0.9375rem;
}

.product-tabs__product-images {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 37.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 6.875rem 2.0625rem;
    border-radius: 0.625rem;
    background-color: var(--color-blue-light);
}

.product-tabs__product-image {
    width: 100%;
    height: 100%;
    object-fit: contain;
    mix-blend-mode: darken;
}

.product-tabs__product-hover-info {
    position: absolute;
    z-index: 3;
    left: 1.5625rem;
    top: 1.5625rem;
    width: 15rem;
    padding: 0.9375rem;
    display: flex;
    flex-direction: column;
    row-gap: 1.25rem;
    border-radius: 0.625rem;
    background: var(--color-white);
    transform: translateX(calc(-110% - 1.5625rem));
    transition: transform 0.5s ease;
}

@media (hover: hover) {
    .product-tabs__card--product:hover .product-tabs__product-hover-info {
        transform: translateX(0);
    }
}

.product-tabs__product-order {
    position: absolute;
    z-index: 3;
    bottom: 1.5625rem;
    left: 50%;
    transform: translateX(-50%) translateY(calc(110% + 1.5625rem));
    transition:
            color 0.3s ease,
            background-color 0.3s ease,
            border-color 0.3s ease,
            transform 0.5s ease;
}

@media (hover: hover) {
    .product-tabs__card--product:hover .product-tabs__product-order {
        transform: translateX(-50%) translateY(0);
    }
}

.product-tabs__product-hover-info .row {
    display: flex;
    flex-direction: column;
    row-gap: 0.625rem;
}

.product-tabs__product-hover-info .row dt {
    color: var(--color-black-50);
}

.product-tabs__product-tags {
    position: absolute;
    z-index: 2;
    left: 1.5625rem;
    top: 1.5625rem;
    display: flex;
    flex-wrap: wrap;
    gap: 0.3125rem;
}

.product-tabs__product-tag {
    padding: 0.5rem 0.9375rem;
    border-radius: 0.625rem;
    background-color: var(--color-green-light);
    color: var(--color-white);
}

.product-tabs__product-top {
    display: flex;
    align-items: center;
    column-gap: 0.9375rem;
    margin-bottom: 0.9375rem;
}

.product-tabs__product-articul {
    display: flex;
    align-items: center;
    column-gap: 0.9375rem;
    color: var(--color-black-50);
}

.product-tabs__product-articul::after {
    content: "";
    width: 0.125rem;
    height: 1.125rem;
    background-color: var(--color-black-50);
}

.product-tabs__product-availability {
    color: var(--color-green-light);
}

.product-tabs__product-title {
    display: -webkit-box;
    margin-bottom: 1.5625rem;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}
.product-tabs__scrollbar {
    display: none;
}
.product-tabs__actions {
    display: flex;
    justify-content: center;
}
@media (max-width: 1024px) {
    .product-tabs {
        --product-tabs-gap: 1.25rem;

        margin-top: 6.25rem;
    }

    .product-tabs__inner {
        row-gap: 2.5rem;
    }

    .product-tabs__header {
        overflow: hidden;
    }

    .product-tabs__tabs {
        column-gap: 0.9375rem;
    }

    .product-tabs__arrows {
        display: none;
    }

    .product-tabs__slider {
        overflow: visible;
    }

    .product-tabs__track {
        height: auto;
        align-items: stretch;
    }

    .product-tabs__card--solution,
    .product-tabs__card--product {
        width: 26.25rem !important;
        height: auto;
    }
    .product-tabs__card-top {
        height: 22.5rem;
    }

    .product-tabs__parameter,
    .product-tabs__favorite,
    .product-tabs__order {
        display: none;
    }

    .product-tabs__info {
        margin-top: 0.625rem;
    }

    .product-tabs__status {
        margin-bottom: 0.625rem;
    }

    .product-tabs__card-title {
        margin-bottom: 0.9375rem;
    }
    .product-tabs__card--product {
        row-gap: 0.625rem;
    }

    .product-tabs__product-images {
        height: 22.5rem;
        padding: 4.875rem 4.6875rem;
    }

    .product-tabs__product-hover-info,
    .product-tabs__product-order {
        display: none;
    }

    .product-tabs__product-tags {
        left: 0.9375rem;
        top: 0.9375rem;
    }

    .product-tabs__product-tag {
        padding: 0.5rem 0.625rem;
        border-radius: 0.3125rem;
    }

    .product-tabs__product-top {
        margin-bottom: 0.625rem;
    }

    .product-tabs__product-title {
        margin-bottom: 0.9375rem;
    }
    .product-tabs__scrollbar {
        position: relative;
        display: block;
        width: 100%;
        height: 1px;
        overflow: hidden;
        border-radius: 0;
        background-color: var(--color-blue-dark);
    }

    .product-tabs__scrollbar.swiper-scrollbar-horizontal {
        position: relative;
        top: auto;
        right: auto;
        bottom: auto;
        left: auto;
        width: 100%;
        height: 1px;
    }

    .product-tabs__scrollbar-thumb,
    .product-tabs__scrollbar .swiper-scrollbar-drag {
        position: relative;
        top: 0;
        left: 0;
        display: block;
        width: 100%;
        height: 100%;
        border-radius: 0;
        background-color: var(--color-black-light);
        transform: translate3d(0, 0, 0);
        will-change: transform;
    }

    .product-tabs__scrollbar.swiper-scrollbar-lock {
        display: block;
    }
}
@media (max-width: 768px) {
    .product-tabs {
        --product-tabs-gap: 0.9375rem;

        margin-top: 5rem;
    }

    .product-tabs__header {
        margin-inline: -0.9375rem;
        width: calc(100% + 1.875rem);
    }

    .product-tabs__tabs {
        column-gap: 0.625rem;
        padding-inline: 0.9375rem;
    }

    .product-tabs__tab {
        font-size: var(--font-size-26);
        line-height: 105%;
        letter-spacing: -0.0325rem;
    }
    .product-tabs__card--solution {
        width: 17.5rem !important;
    }

    .product-tabs__card-title {
        display: -webkit-box;
        overflow: hidden;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
    }
    .product-tabs__panel--products .product-tabs__slider {
        overflow: hidden;
    }

    .product-tabs__card--product {
        width: calc((100% - var(--product-tabs-gap)) / 2) !important;

        row-gap: 0.625rem;
    }

    .product-tabs__product-images {
        height: 10rem;
        padding: 2.125rem 1.375rem;
    }

    .product-tabs__product-tags {
        left: 0.625rem;
        top: auto;
        bottom: 0.625rem;
    }

    .product-tabs__product-tag {
        padding: 0.125rem 0.25rem;
    }

    .product-tabs__product-top {
        flex-direction: column;
        align-items: flex-start;
        row-gap: 0.125rem;
        margin-bottom: 0.625rem;
    }

    .product-tabs__product-articul::after {
        display: none;
    }

    .product-tabs__product-title {
        margin-bottom: 0.625rem;
        -webkit-line-clamp: 3;
    }
}

/* product-tabs end */

/* footer start */

.footer {
    position: relative;
    color: var(--color-white);
    background-color: var(--color-green-light);
    padding-block: 3.125rem 1.875rem;
    margin-top: auto;
}
.footer__inner {
    display: flex;
    flex-direction: column;
}
.footer__top,
.footer__middle {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    column-gap: 6.25rem;
}
.footer__logo img {
    width: 9.375rem;
}
.footer__socials {
    margin-top: 6.875rem;
}
.footer__caption,
.footer__navigation-title {
    color: var(--color-white-50);
    font-size: var(--font-size-18);
    line-height: 100%;
    letter-spacing: -0.0112rem;
}
.footer__social-list {
    display: flex;
    align-items: center;
    column-gap: 0.625rem;
    margin-top: 1.25rem;
}
.footer__social-link {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 3.125rem;
    height: 3.125rem;
    flex-shrink: 0;
    border: 1px solid var(--color-white-30);
    border-radius: 50%;
    color: var(--color-white);
    transition:
            color 0.3s ease,
            border-color 0.3s ease,
            background-color 0.3s ease;
}
.footer__social-link svg {
    display: block;
    width: 1.25rem;
    height: auto;
}
@media (hover: hover) {
    .footer__social-link:hover {
        color: var(--color-green-light);
        border-color: var(--color-white);
        background-color: var(--color-white);
    }
}
.footer__social-link:active {
    color: var(--color-green-light);
    border-color: var(--color-white);
    background-color: var(--color-white);
}
.footer__navigation-title {
    padding-bottom: 0.9375rem;
    border-bottom: 1px solid var(--color-white-20);
}
.footer__navigation-list {
    display: grid;
    grid-auto-flow: column;
    grid-template-rows: repeat(5, auto);
    grid-template-columns: repeat(2, minmax(0, 1fr));
    column-gap: 3.75rem;
    row-gap: 0.9375rem;
    margin-top: 0.9375rem;
}
.footer__navigation-link {
    color: var(--color-white);
    transition: opacity 0.3s ease;
}
@media (hover: hover) {
    .footer__navigation-link:hover {
        opacity: 0.5;
    }
}
.footer__navigation-link:active {
    opacity: 0.5;
}
.footer__middle {
    margin-top: 16.625rem;
}
.footer__address-value {
    max-width: 24.25rem;
    margin-top: 1.5625rem;
    color: var(--color-white);
}
.footer__contacts {
    display: grid;
    grid-template-columns: 17.3125rem 1fr;
    column-gap: 10.5rem;
}
.footer__contact-information {
    display: flex;
    flex-direction: column;
    row-gap: 1.875rem;
}
.footer__contact-values {
    display: flex;
    flex-direction: column;
    align-items: start;
    row-gap: 0.9375rem;
}
.footer__contact-link {
    color: var(--color-white);
    transition: opacity 0.3s ease;
}
@media (hover: hover) {
    .footer__contact-link:hover {
        opacity: 0.5;
    }
}
.footer__contact-link:active {
    opacity: 0.5;
}
.footer__contact-group {
    display: flex;
    flex-direction: column;
    align-items: start;
    row-gap: 1.25rem;
}
.footer__bottom {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    column-gap: 6.25rem;
    align-items: end;
    margin-top: 9.375rem;
}
.footer__warning {
    max-width: 31.25rem;
    color: var(--color-white-50);
}
.footer__bottom-meta {
    display: grid;
    grid-template-columns:
        17.5rem
        1fr;
    column-gap: 10.3125rem;
    align-items: center;
}
.footer__copyright {
    color: var(--color-white-50);
}
.footer__developer {
    color: var(--color-white-50);
}
.footer__developer a {
    color: var(--color-white);
    transition: opacity 0.3s ease;
}
@media (hover: hover) {
    .footer__developer a:hover {
        opacity: 0.5;
    }
}
.footer__developer a:active {
    opacity: 0.5;
}
.footer__to-top {
    position: absolute;
    right: 5rem;
    bottom: 1.875rem;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 3.625rem;
    height: 3.625rem;
    flex-shrink: 0;
    border-radius: 50%;
    color: var(--color-white);
    background-color: var(--color-white-20);
    transition:
            color 0.3s ease,
            background-color 0.3s ease;
}
.footer__to-top svg {
    width: 0.875rem;
    height: auto;
}
@media (hover: hover) {
    .footer__to-top:hover {
        color: var(--color-green-light);
        background-color: var(--color-white);
    }
}
.footer__to-top:active {
    color: var(--color-green-light);
    background-color: var(--color-white);
}
@media (max-width: 1024px) {
    .footer {
        padding-block: 3.75rem 0.9375rem;
    }
    .footer__top,
    .footer__middle {
        column-gap: 1.25rem;
    }
    .footer__logo img {
        width: 7.5rem;
    }
    .footer__socials {
        margin-top: 3.75rem;
    }
    .footer__caption,
    .footer__navigation-title {
        font-size: var(--font-size-16);
        line-height: 120%;
        letter-spacing: -0.01rem;
    }
    .footer__social-link {
        width: 2.5rem;
        height: 2.5rem;
    }
    .footer__social-link svg {
        width: 1rem;
    }
    .footer__navigation-list {
        display: flex;
        flex-direction: column;
        row-gap: 0.625rem;
    }
    .footer__middle {
        margin-top: 5rem;
    }
    .footer__address-value {
        max-width: 24.375rem;
        margin-top: 0.9375rem;
    }
    .footer__contacts {
        display: flex;
        flex-direction: column;
        row-gap: 2.5rem;
    }
    .footer__contact-information {
        row-gap: 1.5625rem;
    }
    .footer__contact-values {
        row-gap: 0.625rem;
    }
    .footer__contact-group {
        row-gap: 0.9375rem;
    }
    .footer__bottom {
        display: block;
        margin-top: 5rem;
    }
    .footer__warning {
        max-width: 25rem;
        font-size: var(--font-size-16);
        line-height: 140%;
    }
    .footer__bottom-meta {
        grid-template-columns: 1fr;
        row-gap: 0.9375rem;
        align-items: start;
        margin-top: 3.75rem;
        max-width: 28.125rem;
    }
    .footer__to-top {
        right: auto;
        bottom: 0.9375rem;
        left: 32.5rem;
        width: 3.125rem;
        height: 3.125rem;
    }
}
@media (max-width: 768px) {
    .footer {
        padding-block: 2.5rem 11.5625rem;
    }
    .footer__top,
    .footer__middle {
        display: flex;
        flex-direction: column;
    }
    .footer__navigation {
        margin-top: 3.75rem;
    }
    .footer__middle {
        margin-top: 2.5rem;
        row-gap: 2.5rem;
    }
    .footer__address-value {
        max-width: 100%;
    }
    .footer__contacts {
        order: 1;
    }
    .footer__warning {
        max-width: 100%;
    }
    .footer__bottom-meta {
        margin-top: 2.5rem;
        max-width: 100%;
    }
    .footer__to-top {
        left: 0.9375rem;
        bottom: 5.9375rem;
    }
}

/* footer end */

/* blog__pagination start  */

.blog__pagination {
    display: flex;
    align-items: center;
    justify-content: center;
    column-gap: 3.125rem;
    margin-top: 6.25rem;
}
.blog__pagination-pages {
    display: flex;
    align-items: center;
    column-gap: 0.625rem;
}
.blog__pagination-page,
.blog__pagination-dots {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 3.125rem;
    height: 3.125rem;
    flex-shrink: 0;
    border: 1px solid var(--color-blue-dark);
    border-radius: 0.625rem;
    transition:
            color 0.3s ease,
            border-color 0.3s ease,
            background-color 0.3s ease;
}
.blog__pagination-page.is-active {
    color: var(--color-white);
    border-color: var(--color-black-light);
    background-color: var(--color-black-light);
    pointer-events: none;
}
@media (hover: hover) {
    .blog__pagination-page:hover {
        color: var(--color-white);
        border-color: var(--color-black-light);
        background-color: var(--color-black-light);
    }
}
.blog__pagination-page:active {
    color: var(--color-white);
    border-color: var(--color-black-light);
    background-color: var(--color-black-light);
}
.blog__pagination-direction {
    display: flex;
    align-items: center;
    justify-content: center;
    column-gap: 0.625rem;
    height: 3.125rem;
    padding-inline: 1.5625rem;
    border: 1px solid var(--color-blue-dark);
    border-radius: 0.625rem;
    color: var(--color-black-light);
    transition:
            color 0.3s ease,
            border-color 0.3s ease,
            background-color 0.3s ease;
}
.blog__pagination-direction svg {
    width: 0.875rem;
    height: auto;
    flex-shrink: 0;
}
@media (hover: hover) {
    .blog__pagination-direction:hover {
        color: var(--color-white);
        border-color: var(--color-black-light);
        background-color: var(--color-black-light);
    }
}
.blog__pagination-direction:active {
    color: var(--color-white);
    border-color: var(--color-black-light);
    background-color: var(--color-black-light);
}
@media (max-width: 1024px) {
    .blog__pagination {
        column-gap: 1.875rem;
        margin-top: 3.75rem;
    }
    .blog__pagination-page,
    .blog__pagination-dots {
        width: 2.5rem;
        height: 2.5rem;
    }
    .blog__pagination-direction {
        height: 2.5rem;
        padding-inline: 1.25rem;
    }
    .blog__pagination-direction svg {
        width: 1rem;
    }
}
@media (max-width: 768px) {
    .blog__pagination {
        margin-top: 3.75rem;
    }
    .blog__pagination-direction {
        display: none;
    }
}

/* blog__pagination end  */

/* feedback start */

.feedback {
    margin-block: 10rem;
}
.feedback__inner {
    display: flex;
    flex-direction: column;
    align-items: center;
    row-gap: 3.75rem;
}
.feedback__header {
    display: flex;
    flex-direction: column;
    align-items: center;
    row-gap: 1.5625rem;
}
.feedback__title {
    text-align: center;
}
.js .feedback__title:not(.is-animated) .split-lines__inner {
    transform: translateY(110%);
}
.feedback__description {
    max-width: 37.5rem;
    text-align: center;
    color: var(--color-black-50);
}
.feedback__form {
    display: flex;
    flex-direction: column;
    align-items: start;
    width: 63.625rem;
    max-width: 100%;
}
.feedback__fields {
    display: flex;
    flex-direction: column;
    row-gap: 1.25rem;
    width: 100%;
}
.feedback__field {
    width: 100%;
}
.feedback__input {
    display: block;
    width: 100%;
    height: 4.375rem;
    padding-inline: 1.5625rem;
    border: 1px solid var(--color-black-20);
    border-radius: 0.625rem;
    color: var(--color-black-light);
    outline: none;
    transition:
            border-color 0.3s ease,
            color 0.3s ease;
}
.feedback__input::placeholder {
    color: var(--color-black-50);
    opacity: 1;
}
.feedback__input:focus {
    border-color: var(--color-black-light);
}
.feedback__field.is-error .feedback__input {
    border-color: #ff3b30;
}
.feedback__textarea {
    height: 12.5rem;
    padding: 1.5625rem;
    resize: none;
}
.feedback__error {
    display: none;
    margin-top: 0.625rem;
    color: #ff3b30;
}
.feedback__field.is-error .feedback__error {
    display: block;
}
.feedback__files {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    row-gap: 0.9375rem;
    margin-top: 1.5rem;
}
.feedback__file-label {
    display: flex;
    align-items: center;
    column-gap: 0.625rem;
    cursor: pointer;
}
.feedback__file-input {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip-path: inset(50%);
    white-space: nowrap;
}
.feedback__file-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 1.5rem;
    height: 1.5rem;
    flex-shrink: 0;
    border-radius: 0.25rem;
    color: var(--color-white);
    background-color: var(--color-black-light);
    transition: background-color 0.3s ease;
}
.feedback__file-icon svg {
    width: 0.8125rem;
    height: auto;
}
.feedback__file-input:focus-visible + .feedback__file-icon {
    background-color: var(--color-green-light);
}
.feedback__files.has-files .feedback__file-icon {
    background-color: var(--color-green-light);
}
.feedback__files.has-files .feedback__file-label {
    display: none;
}
@media (hover: hover) {
    .feedback__file-label:hover .feedback__file-icon {
        background-color: var(--color-green-light);
    }
}
.feedback__file-list {
    display: flex;
    flex-direction: column;
    align-items: start;
    row-gap: 0.625rem;
}
.feedback__file-item {
    display: flex;
    align-items: center;
    column-gap: 0.625rem;
}
.feedback__file-remove {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 1.5rem;
    height: 1.5rem;
    flex-shrink: 0;
}
.feedback__policy-field {
    margin-top: 3.125rem;
}
.feedback__policy {
    display: flex;
    align-items: center;
    gap: 0.6875rem;
    position: relative;
}
.feedback__policy-input {
    appearance: none;
    width: 1.25rem;
    height: 1.25rem;
    border: 1px solid var(--color-black-light);
    cursor: pointer;
    transition: background-color 0.3s ease;
    margin: 0;
    flex-shrink: 0;
}
.feedback__policy-input:checked {
    background-color: var(--color-black-light);
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='9' viewBox='0 0 11 9' fill='none'%3E%3Cpath d='M0.75 4.06579L3.85345 7.75L9.75 0.75' stroke='white' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 0.5625rem 0.4375rem;
}
.feedback__policy-label {
    cursor: pointer;
    user-select: none;
    color: var(--color-black-50);
    max-width: 32.1875rem;
}
.feedback__policy-label a {
    color: var(--color-black-light);
    transition: color 0.3s ease;
}
@media (hover: hover) {
    .feedback__policy-label a:hover {
        color: var(--color-green-light);
    }
}
.feedback__policy-label a:active {
    color: var(--color-green-light);
}
.feedback__submit {
    margin-top: 1.875rem;
}
.feedback-success {
    position: fixed;
    z-index: 110;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1.25rem;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition:
            opacity 0.35s ease,
            visibility 0s linear 0.35s;
}
.feedback-success.is-open {
    opacity: 1;
    visibility: visible;
    transition-delay: 0s;
}
.feedback-success__dialog {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 54.375rem;
    height: 37.5rem;
    padding: 1.25rem;
    border-radius: 0.625rem;
    background-color: var(--color-white);
    opacity: 0;
    pointer-events: auto;
    transform: scale(0.98);
    transition:
            opacity 0.35s ease,
            transform 0.5s cubic-bezier(0.22, 1, 0.36, 1);
}
.feedback-success.is-open .feedback-success__dialog {
    opacity: 1;
    transform: scale(1);
}
.feedback-success__title {
    max-width: 36rem;
    text-align: center;
}
.feedback-success__text {
    margin-top: 1.5625rem;
    max-width: 22.5rem;
    color: var(--color-black-50);
    text-align: center;
}
.feedback-success__button {
    margin-top: 3rem;
    padding: 1.25rem 1.5625rem;
    border-radius: 3.3125rem;
    color: var(--color-white);
    background-color: var(--color-green-light);
    transition: background-color 0.3s ease;
}
@media (hover: hover) {
    .feedback-success__button:hover {
        background-color: var(--color-green-dark);
    }
}
.feedback-success__button:active {
    background-color: var(--color-green-dark);
}
@media (max-width: 1024px) {
    .feedback {
        margin-block: 6.25rem;
    }
    .feedback__inner {
        row-gap: 2.375rem;
    }
    .feedback__header {
        row-gap: 0.9375rem;
    }
    .feedback__description {
        max-width: 17.8125rem;
    }
    .feedback__form {
        width: 39rem;
    }
    .feedback__fields {
        row-gap: 0.9375rem;
    }
    .feedback__field {
        width: 100%;
    }
    .feedback__input {
        height: 3.75rem;
        padding-inline: 1.25rem;
    }
    .feedback__textarea {
        height: 8.75rem;
        padding: 1.5625rem 1.25rem;
    }
    .feedback__files {
        margin-top: 1.5rem;
    }
    .feedback__file-label {
        column-gap: 0.8125rem;
    }
    .feedback__file-icon {
        width: 1.125rem;
        height: 1.125rem;
    }
    .feedback__file-icon svg {
        width: 0.625rem;
    }
    .feedback__file-remove {
        width: 1.125rem;
        height: 1.125rem;
    }
    .feedback__policy-field {
        margin-top: 1.875rem;
    }
    .feedback__policy {
        align-items: start;
        gap: 0.8125rem;
    }
    .feedback__policy-input {
        width: 1rem;
        height: 1rem;
        margin-top: 0.25rem;
    }
    .feedback__policy-input:checked {
        background-size: 0.5rem 0.375rem;
    }
    .feedback__policy-label {
        max-width: 100%;
    }
    .feedback__submit {
        margin-top: 1.25rem;
    }
    .feedback-success__dialog {
        width: 39rem;
        height: 27.5rem;
    }
    .feedback-success__title {
        max-width: 23.75rem;
    }
    .feedback-success__text {
        margin-top: 0.9375rem;
        max-width: 23.75rem;
    }
    .feedback-success__button {
        margin-top: 2.5rem;
    }
}
@media (max-width: 768px) {
    .feedback {
        margin-block: 5rem;
    }
    .feedback__inner {
        row-gap: 2.5rem;
    }
    .feedback__title {
        max-width: 90%;
    }
    .feedback__form {
        width: 100%;
    }
    .feedback-success {
        padding: 0.9375rem;
    }
    .feedback-success__dialog {
        width: 21.5625rem;
        height: 25rem;
    }
    .feedback-success__title {
        max-width: 100%;
    }
    .feedback-success__text {
        max-width: 100%;
    }
}

/* feedback end */

.popup-background {
    position: fixed;
    z-index: 100;
    background-color: var(--color-black-50);
    inset: 0;

    opacity: 0;
    visibility: hidden;
    pointer-events: none;

    transition:
            opacity 0.5s ease,
            visibility 0s linear 0.5s;
}
.popup-background.is-open {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;

    transition-delay: 0s;
}

/* menu-popup start  */

.menu-popup {
    position: fixed;
    z-index: 110;
    width: 59.25rem;
    height: 100vh;
    background-color: var(--color-white);
    padding: 3.75rem;
    top: 0;
    right: 0;

    visibility: hidden;
    pointer-events: none;
    transform: translateX(100%);
    will-change: transform;

    transition:
            transform 0.7s cubic-bezier(0.22, 1, 0.36, 1),
            visibility 0s linear 0.7s;
}
.menu-popup.is-open {
    visibility: visible;
    pointer-events: auto;
    transform: translateX(0);

    transition-delay: 0s;
}
.menu-popup__close-btn {
    position: absolute;
    z-index: 2;
    right: 1.25rem;
    top: 1.25rem;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 3.125rem;
    height: 3.125rem;
    border-radius: 1.5625rem;
    background: var(--color-black-light);
}
.menu-popup__close-btn svg {
    width: 1.5rem;
    height: auto;
}
.menu-popup__inner {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
    row-gap: 5rem;
}
.menu-popup__menu {
    width: 100%;
}
.menu-popup__menu-list {
    display: flex;
    flex-direction: column;
    row-gap: 1.25rem;
    width: 18.75rem;
}
.menu-popup__menu-list > li {
    position: relative;
}
.menu-popup__menu-list > li > a {
    display: flex;
    align-items: center;
    column-gap: 1.25rem;
    font-family: var(--font-title);
    font-size: var(--font-size-35);
    line-height: 100%;
    letter-spacing: -0.0219rem;
    transition: color 0.3s ease;
}
@media (hover: hover) {
    .menu-popup__menu-list > li > a:hover {
        color: var(--color-green-light);
    }
}
.menu-popup__menu-list > li > a:active {
    color: var(--color-green-light);
}
.menu-popup__menu-list > li.has-submenu > a::after {
    content: "";
    background-color: currentColor;
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='19' viewBox='0 0 11 19' fill='none'%3E%3Cpath d='M0.757812 0.828125L9.75781 9.07812L0.757812 17.3281' stroke='%233E8863' stroke-width='2.25' stroke-linejoin='round'/%3E%3C/svg%3E");
    mask-repeat: no-repeat;
    mask-position: center;
    mask-size: contain;
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='19' viewBox='0 0 11 19' fill='none'%3E%3Cpath d='M0.757812 0.828125L9.75781 9.07812L0.757812 17.3281' stroke='%233E8863' stroke-width='2.25' stroke-linejoin='round'/%3E%3C/svg%3E");
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    -webkit-mask-size: contain;
    width: 0.5625rem;
    height: 1.0313rem;
    flex-shrink: 0;
}
.menu-popup__menu-list > li.has-submenu > ul {
    position: absolute;
    z-index: 2;
    left: calc(100% + 5rem);
    top: 0;
    display: flex;
    flex-direction: column;
    align-items: start;
    row-gap: 0.9375rem;

    opacity: 0;
    visibility: hidden;
    pointer-events: none;

    transition:
            opacity 0.3s ease,
            visibility 0.3s ease;
}
.menu-popup__menu-list > li.has-submenu > ul::before {
    content: "";
    position: absolute;
    top: 0;
    left: -5rem;
    width: 5rem;
    height: 100%;
}
@media (min-width: 1025px) and (hover: hover) {
    .menu-popup__menu-list > li.has-submenu:hover > ul {
        opacity: 1;
        visibility: visible;
        pointer-events: auto;
    }

    .menu-popup__menu-list > li.has-submenu:hover > a {
        color: var(--color-green-light);
    }
}
@media (min-width: 1025px) {
    .menu-popup__menu-list > li.has-submenu:focus-within > ul {
        opacity: 1;
        visibility: visible;
        pointer-events: auto;
    }

    .menu-popup__menu-list > li.has-submenu:focus-within > a {
        color: var(--color-green-light);
    }
}
.menu-popup__menu-list > li.has-submenu > ul > li {
    display: flex;
}
.menu-popup__menu-list > li.has-submenu > ul > li > a {
    font-size: var(--font-size-18);
    white-space: nowrap;
    line-height: 100%;
    transition: color 0.3s ease;
}
@media (hover: hover) {
    .menu-popup__menu-list > li.has-submenu > ul > li > a:hover {
        color: var(--color-green-light);
    }
}
.menu-popup__menu-list > li.has-submenu > ul > li > a:active {
    color: var(--color-green-light);
}

.menu-popup__contacts {
    display: grid;
    grid-template-columns: 21.875rem 1fr;
    grid-template-areas:
        "email social"
        "phones social";
    column-gap: 2rem;
    row-gap: 2.5rem;
    align-items: end;
    margin-top: auto;
}
.menu-popup__contact-block:first-child {
    grid-area: email;
}
.menu-popup__contact-block:nth-child(2) {
    grid-area: phones;
}
.menu-popup__socials {
    grid-area: social;
}
.menu-popup__contact-label {
    opacity: 0.5;
    margin-bottom: 1.25rem;
}
.menu-popup__phones,
.menu-popup__mails {
    display: flex;
    flex-direction: column;
    align-items: start;
    row-gap: 0.9375rem;
}
.menu-popup__social-list {
    display: flex;
    flex-wrap: wrap;
    gap: 0.625rem;
}
.menu-popup__social-link {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 3.125rem;
    height: 3.125rem;
    border-radius: 1.5625rem;
    border: 1px solid var(--color-black-20);
    color: var(--color-black-light);
    transition:
            color 0.3s ease,
            border-color 0.3s ease,
            background-color 0.3s ease;
}
@media (hover: hover) {
    .menu-popup__social-link:hover {
        color: var(--color-white);
        background-color: var(--color-green-dark);
        border-color: var(--color-green-dark);
    }
}
.menu-popup__social-link:active {
    color: var(--color-white);
    background-color: var(--color-green-dark);
    border-color: var(--color-green-dark);
}
.menu-popup__social-link svg {
    width: 1.25rem;
    height: auto;
}
@media (max-width: 1024px) {
    .menu-popup {
        width: 31.5625rem;
        padding: 3.75rem 1.25rem 1.25rem;
    }
    .menu-popup__close-btn {
        width: 1.875rem;
        height: 1.875rem;
        border-radius: 0.9375rem;
    }
    .menu-popup__close-btn svg {
        width: 1.125rem;
    }
    .menu-popup__menu-list {
        row-gap: 1.125rem;
        width: 100%;
        align-items: start;
    }
    .menu-popup__menu-list > li > a {
        column-gap: 1.0625rem;
        font-size: var(--font-size-26);
        line-height: 105%;
        letter-spacing: -0.0325rem;
    }
    .menu-popup__menu-list > li.has-submenu > a::after {
        mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17' height='13' viewBox='0 0 17 13' fill='none'%3E%3Cpath d='M15 3.75L8.125 11.25L1.25 3.75' stroke='%2333363D' stroke-width='1.5' stroke-linejoin='round'/%3E%3C/svg%3E");
        mask-repeat: no-repeat;
        mask-position: center;
        mask-size: contain;
        -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17' height='13' viewBox='0 0 17 13' fill='none'%3E%3Cpath d='M15 3.75L8.125 11.25L1.25 3.75' stroke='%2333363D' stroke-width='1.5' stroke-linejoin='round'/%3E%3C/svg%3E");
        -webkit-mask-repeat: no-repeat;
        -webkit-mask-position: center;
        -webkit-mask-size: contain;
        height: 0.7813rem;
        width: 1.0156rem;
        transition: transform 0.3s ease;
    }
    .menu-popup__menu-list > li.has-submenu.is-open > a::after {
        transform: scaleY(-1);
    }
    .menu-popup__menu-list > li.has-submenu > ul {
        position: relative;
        left: 0;
        display: flex;
        flex-direction: column;
        align-items: start;
        row-gap: 0.625rem;
        height: 0;
        opacity: 1;
        visibility: visible;
        pointer-events: auto;
        overflow: hidden;
        transition-property: height;
        transition-timing-function: ease;
        will-change: height;
    }
    .menu-popup__menu-list > li.has-submenu > ul::before {
        display: none;
    }
    .menu-popup__menu-list > li.has-submenu:focus-within > ul {
        opacity: 1;
        visibility: visible;
        pointer-events: auto;
    }
    .menu-popup__menu-list > li.has-submenu:focus-within > a {
        color: var(--color-black-light);
    }
    .menu-popup__menu-list > li.has-submenu > ul > li:first-child {
        padding-top: 1.125rem;
    }
    .menu-popup__menu-list > li.has-submenu > ul > li:last-child {
        padding-bottom: 0.125rem;
    }
    .menu-popup__menu-list > li.has-submenu > ul > li > a {
        font-size: var(--font-size-14);
    }
    .menu-popup__menu-list > li.has-submenu > ul > li > a:active {
        color: var(--color-green-light);
    }
    .menu-popup__contacts {
        grid-template-columns: 17.3125rem 1fr;
        column-gap: 1.4375rem;
        row-gap: 1.875rem;
    }
    .menu-popup__contact-label {
        opacity: 0.5;
        margin-bottom: 0.625rem;
    }
    .menu-popup__phones,
    .menu-popup__mails {
        row-gap: 0.625rem;
    }
    .menu-popup__social-link {
        width: 2.5rem;
        height: 2.5rem;
    }
    .menu-popup__social-link svg {
        width: 1rem;
    }
}
@media (max-width: 768px) {
    .menu-popup {
        width: 100%;
        padding: 3.75rem 0.9375rem 1.25rem;
    }
    .menu-popup__close-btn {
        right: 0.9375rem;
        top: 0.9375rem;
    }
    .menu-popup__menu {
        width: 100%;
    }
    .menu-popup__menu-list {
        row-gap: 0.9375rem;
    }
    .menu-popup__menu-list > li.has-submenu > ul > li:last-child {
        padding-bottom: 0.3125rem;
    }

    .menu-popup__contacts {
        grid-template-columns: 1fr;
        grid-template-areas:
            "email"
            "phones"
            "social";
        row-gap: 1.875rem;
        align-items: start;
        margin-top: 0;
    }
}
/* menu-popup end  */

/* catalog-popup start  */

.catalog-popup {
    position: fixed;
    z-index: 50;
    inset: 0;
    height: 100dvh;
    background-color: var(--color-white);

    opacity: 0;
    visibility: hidden;
    pointer-events: none;

    transition:
            opacity 0.35s ease,
            visibility 0s linear 0.35s,
            transform 0.5s cubic-bezier(0.22, 1, 0.36, 1);
}
.catalog-popup.is-open {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    transition-delay: 0s;
}
.catalog-popup__inner {
    display: flex;
    flex-direction: column;
    height: 100%;
    padding: 10rem 5rem 3.75rem;
}
.catalog-popup__body {
    display: grid;
    grid-template-columns:
        31.25rem
        31.25rem
        1fr
        17.3125rem;
    column-gap: 1.25rem;
}
.catalog-popup__panel {
    display: none;
}
.catalog-popup__panel.is-active {
    display: block;
}
.catalog-popup__panel[data-level="1"] {
    grid-column: 1;
    grid-row: 1;
}
.catalog-popup__panel[data-level="2"] {
    grid-column: 2;
    grid-row: 1;
}
.catalog-popup__panel[data-level="3"] {
    grid-column: 3;
    grid-row: 1;
}
.catalog-popup__panel-header {
    display: none;
}
.catalog-popup__list {
    display: flex;
    flex-direction: column;
    row-gap: 0.5625rem;
}
.catalog-popup__item {
    width: 100%;
}
.catalog-popup__item-link {
    display: flex;
    align-items: center;
    justify-content: space-between;
    column-gap: 1rem;
    width: 100%;
    font-size: var(--font-size-18);
    line-height: 100%;
    transition: color 0.3s ease;
    padding-block: 0.1875rem;
}
.catalog-popup__item-link.has-children::after {
    content: "";
    background-color: currentColor;
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='13' viewBox='0 0 8 13' fill='none'%3E%3Cpath d='M0.507812 0.554688L6.50781 6.05469L0.507813 11.5547' stroke='%2333363D' stroke-width='1.5' stroke-linejoin='round'/%3E%3C/svg%3E");
    mask-repeat: no-repeat;
    mask-position: center;
    mask-size: contain;
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='13' viewBox='0 0 8 13' fill='none'%3E%3Cpath d='M0.507812 0.554688L6.50781 6.05469L0.507813 11.5547' stroke='%2333363D' stroke-width='1.5' stroke-linejoin='round'/%3E%3C/svg%3E");
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    -webkit-mask-size: contain;
    width: 0.375rem;
    height: 0.6875rem;
    flex-shrink: 0;
}
.catalog-popup__item-link.is-active {
    color: var(--color-green-light);
}
@media (hover: hover) {
    .catalog-popup__item-link:hover {
        color: var(--color-green-light);
    }
}
.catalog-popup__item-link:active {
    color: var(--color-green-light);
}
.catalog-popup__preview {
    grid-column: 4;
    grid-row: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 17.3125rem;
    overflow: hidden;
    border-radius: 1rem;
    background-color: var(--color-blue-light);
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition:
            opacity 0.3s ease,
            visibility 0s linear 0.3s;
}
.catalog-popup__preview.is-visible {
    opacity: 1;
    visibility: visible;
    transition-delay: 0s;
}
.catalog-popup__preview img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
    mix-blend-mode: darken;
}
.catalog-popup__footer {
    display: flex;
    column-gap: 1.25rem;
    align-items: end;
    margin-top: auto;
}
.catalog-popup__footer-links {
    display: flex;
    flex-direction: column;
    align-items: start;
    row-gap: 0.9375rem;
    width: 31.25rem;
}
.catalog-popup__footer-links a {
    transition: color 0.3s ease;
}
@media (hover: hover) {
    .catalog-popup__footer-links a:hover {
        color: var(--color-green-light);
    }
}
.catalog-popup__footer-links a:active {
    color: var(--color-green-light);
}
.catalog-popup__main-link {
    display: flex;
    align-items: center;
    column-gap: 1.25rem;
    padding: 1.25rem 1.5625rem;
    border: 1px solid var(--color-blue-dark);
    border-radius: 3.3125rem;
    transition:
            color 0.3s ease,
            background-color 0.3s ease,
            border-color 0.3s ease;
}
@media (hover: hover) {
    .catalog-popup__main-link:hover {
        color: var(--color-white);
        border-color: var(--color-green-light);
        background-color: var(--color-green-light);
    }
}
.catalog-popup__main-link:active {
    color: var(--color-white);
    border-color: var(--color-green-light);
    background-color: var(--color-green-light);
}
.catalog-popup__main-link::after {
    content: "";
    background-color: currentColor;
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14' fill='none'%3E%3Cpath d='M13.601 7.60104C13.933 7.26909 13.933 6.7309 13.601 6.39896L8.19167 0.989591C7.85973 0.657646 7.32154 0.657646 6.98959 0.989591C6.65765 1.32154 6.65765 1.85973 6.98959 2.19167L11.7979 7L6.98959 11.8083C6.65765 12.1403 6.65765 12.6785 6.98959 13.0104C7.32154 13.3424 7.85973 13.3424 8.19167 13.0104L13.601 7.60104ZM0 7L7.43094e-08 7.85L13 7.85L13 7L13 6.15L-7.43094e-08 6.15L0 7Z' fill='%2333363D'/%3E%3C/svg%3E");
    mask-repeat: no-repeat;
    mask-position: center;
    mask-size: contain;
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14' fill='none'%3E%3Cpath d='M13.601 7.60104C13.933 7.26909 13.933 6.7309 13.601 6.39896L8.19167 0.989591C7.85973 0.657646 7.32154 0.657646 6.98959 0.989591C6.65765 1.32154 6.65765 1.85973 6.98959 2.19167L11.7979 7L6.98959 11.8083C6.65765 12.1403 6.65765 12.6785 6.98959 13.0104C7.32154 13.3424 7.85973 13.3424 8.19167 13.0104L13.601 7.60104ZM0 7L7.43094e-08 7.85L13 7.85L13 7L13 6.15L-7.43094e-08 6.15L0 7Z' fill='%2333363D'/%3E%3C/svg%3E");
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    -webkit-mask-size: contain;
    width: 0.875rem;
    height: 0.875rem;
    flex-shrink: 0;
}
@media (max-width: 1024px) {
    .catalog-popup {
        position: fixed;
        z-index: 110;
        top: var(--catalog-header-height, 5rem);
        bottom: 0;
        left: 0;
        width: 31.875rem;
        height: calc(100dvh - var(--catalog-header-height, 5rem));
        opacity: 1;
        visibility: hidden;
        pointer-events: none;
        transform: translateX(-100%);
        transition:
                transform 0.5s cubic-bezier(0.22, 1, 0.36, 1),
                visibility 0s linear 0.5s;
    }
    .catalog-popup.is-open {
        visibility: visible;
        pointer-events: auto;
        transform: translateX(0);
        transition-delay: 0s;
    }
    .catalog-popup__inner {
        width: 100%;
        height: 100%;
        padding: 2.5rem;
        overflow: hidden;
    }
    .catalog-popup__body {
        position: relative;
        display: block;
        flex: 1 1 auto;
        width: 100%;
        min-height: 0;
    }
    .catalog-popup__panel,
    .catalog-popup__panel.is-active {
        position: absolute;
        inset: 0;
        display: flex;
        flex-direction: column;
        min-width: 0;
        overflow-y: auto;
        overscroll-behavior: contain;
        opacity: 0;
        visibility: hidden;
        pointer-events: none;
        transition:
                opacity 0.3s ease,
                visibility 0s linear 0.3s;
    }
    .catalog-popup__panel.is-current {
        opacity: 1;
        visibility: visible;
        pointer-events: auto;
        transition-delay: 0s;
    }
    .catalog-popup__panel[data-level="1"],
    .catalog-popup__panel[data-level="2"],
    .catalog-popup__panel[data-level="3"] {
        grid-column: auto;
        grid-row: auto;
    }
    .catalog-popup__panel-header {
        display: grid;
        grid-template-columns: 1.875rem 1fr 1.875rem;
        align-items: center;
        flex-shrink: 0;
        margin-bottom: 2.1875rem;
    }
    .catalog-popup__back-button {
        grid-column: 1;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 1.875rem;
        height: 1.875rem;
        border-radius: 0.9375rem;
        background-color: var(--color-black-light);
    }
    .catalog-popup__back-button svg {
        width: 1.125rem;
        height: auto;
    }
    .catalog-popup__panel-title {
        grid-column: 2;
        text-align: center;
    }
    .catalog-popup__list {
        row-gap: 0;
        width: 100%;
    }
    .catalog-popup__item {
        width: 100%;
        border-bottom: 1px solid var(--color-black-20);
    }
    .catalog-popup__item-link {
        width: 100%;
        font-size: var(--font-size-16);
        line-height: 120%;
        letter-spacing: -0.01rem;
        padding-block: 0.9375rem;
    }
    .catalog-popup__preview {
        display: none;
    }
    .catalog-popup__footer {
        display: none;
        flex-shrink: 0;
        align-items: end;
        column-gap: 1.25rem;
        width: 100%;
        margin-top: 1.25rem;
    }
    .catalog-popup.is-root-view .catalog-popup__footer {
        display: flex;
    }
    .catalog-popup__footer-links {
        width: auto;
        row-gap: 0.625rem;
    }
    .catalog-popup__main-link {
        margin-left: auto;
        padding: 1.0625rem 1.5625rem;
        white-space: nowrap;
    }
    .catalog-popup__main-link::after {
        width: 0.75rem;
        height: 0.75rem;
    }
}

/* catalog-popup end  */

/* video-popup start  */

.video-popup {
    position: fixed;
    z-index: 110;
    inset: 0;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition:
            opacity 0.3s ease,
            visibility 0s linear 0.3s;
}
.video-popup.is-open {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    transition-delay: 0s;
}
.video-popup__dialog {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    padding: 5.625rem 6.25rem;
}
.video-popup__close {
    position: absolute;
    z-index: 3;
    top: 1.875rem;
    right: 1.875rem;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 3.125rem;
    height: 3.125rem;
    border-radius: 1.5625rem;
    background-color: var(--color-white);
}
.video-popup__close svg {
    display: block;
    width: 1.5rem;
    height: auto;
}
.video-popup__media {
    width: 85rem;
}
.video-popup__video {
    display: block;
    width: 100%;
    height: auto;
    aspect-ratio: 16 / 9;
    object-fit: contain;
    background-color: #000;
}

@media (max-width: 1024px) {
    .video-popup__dialog {
        padding: 1.25rem;
    }
    .video-popup__close {
        top: 1.25rem;
        right: 1.25rem;
        width: 2.5rem;
        height: 2.5rem;
        border-radius: 1.25rem;
    }
    .video-popup__media {
        width: 48.75rem;
    }
}

@media (max-width: 768px) {
    .video-popup__dialog {
        padding: 0;
    }
    .video-popup__media {
        width: 100%;
    }
}

/* video-popup end  */

/* project start  */

.project {
    margin-top: 10rem;
    overflow: hidden;
}
.project__inner {
    display: flex;
    flex-direction: column;
    row-gap: 3.75rem;
}
.project__header {
    display: flex;
    align-items: end;
    justify-content: space-between;
    column-gap: 2rem;
}
.project__header-content {
    display: flex;
    flex-direction: column;
    row-gap: 1.5625rem;
    flex: 1;
}
.js .project__title:not(.is-animated) .split-lines__inner {
    transform: translateY(110%);
}
.project__description {
    max-width: 45.625rem;
    color: var(--color-black-50);
}
.project__arrows {
    display: flex;
    align-items: center;
    column-gap: 0.1875rem;
    flex-shrink: 0;
}
.project__arrow {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 3.75rem;
    height: 3.75rem;
    flex-shrink: 0;
    border-radius: 3.3125rem;
    color: var(--color-black-light);
    background-color: var(--color-blue-light);
    transition:
            color 0.3s ease,
            background-color 0.3s ease,
            opacity 0.3s ease;
}
.project__arrow svg {
    width: 0.875rem;
    height: 0.875rem;
}
@media (hover: hover) {
    .project__arrow:not(:disabled):hover {
        color: var(--color-white);
        background-color: var(--color-green-light);
    }
}
.project__arrow:not(:disabled):active {
    color: var(--color-white);
    background-color: var(--color-green-light);
}
.project__arrow:disabled {
    opacity: 0.4;
    pointer-events: none;
    cursor: default;
}
.project__slider {
    width: 100%;
    overflow: visible;
}
.project__slide {
    width: 45.125rem;
    height: auto;
    flex-shrink: 0;
}
.project__slide-top {
    position: relative;
    width: 100%;
    height: 41.25rem;
    border-radius: 0.625rem;
    overflow: hidden;
}
.project__slide-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.5s ease;
}
@media (hover: hover) {
    .project__slide:hover .project__slide-image {
        transform: scale(1.12);
    }
}
.project__slide-button {
    position: absolute;
    z-index: 2;
    left: 50%;
    bottom: 1.5625rem;
    transform: translateX(-50%) translateY(160%);
    transition: transform 0.5s ease;
}
@media (hover: hover) {
    .project__slide:hover .project__slide-button {
        transform: translateX(-50%) translateY(0);
    }
}
.project__slide-text {
    margin-top: 1.25rem;
    max-width: 32.5rem;
}
.project__scrollbar {
    display: none;
}

.project__actions {
    display: flex;
    justify-content: center;
}
@media (max-width: 1024px) {
    .project {
        margin-top: 6.25rem;
    }
    .project__inner {
        row-gap: 2.5rem;
    }
    .project__header-content {
        row-gap: 0.9375rem;
    }
    .project__description {
        max-width: 28.125rem;
    }
    .project__arrows {
        display: none;
    }
    .project__slide {
        width: 26.25rem;
    }
    .project__slide-top {
        height: 22.5rem;
    }
    .project__slide-button {
        display: none;
    }
    .project__slide-text {
        margin-top: 0.9375rem;
        max-width: 100%;
    }
    .project__scrollbar.swiper-scrollbar-horizontal {
        position: relative;
        left: auto;
        bottom: auto;
        display: block;
        width: 100%;
        height: 1px;
        margin-top: 1.875rem;
        border-radius: 0;
        background-color: var(--color-blue-dark);
    }
    .project__scrollbar .swiper-scrollbar-drag {
        height: 100%;
        border-radius: 0;
        background-color: var(--color-black-light);
    }
    .project__actions {
        display: flex;
        justify-content: center;
    }
}
@media (max-width: 768px) {
    .project {
        margin-top: 5rem;
    }
    .project__description {
        max-width: 100%;
        width: 100%;
    }
    .project__slide {
        width: 17.5rem;
    }
}

/* project end  */

/* related-products start  */

.related-products {
    margin-top: 10rem;
    overflow: hidden;
}
.related-products__inner {
    display: flex;
    flex-direction: column;
    row-gap: 3.75rem;
}
.related-products__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    column-gap: 2rem;
}
.related-products__title {
    max-width: 37.5rem;
}
.related-products__arrows {
    display: flex;
    align-items: center;
    column-gap: 0.1875rem;
    flex-shrink: 0;
}
.related-products__arrow {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 3.75rem;
    height: 3.75rem;
    flex-shrink: 0;
    border-radius: 3.3125rem;
    color: var(--color-black-light);
    background-color: var(--color-blue-light);
    transition:
            color 0.3s ease,
            background-color 0.3s ease,
            opacity 0.3s ease;
}
.related-products__arrow svg {
    width: 0.875rem;
    height: 0.875rem;
}
@media (hover: hover) {
    .related-products__arrow:not(:disabled):hover {
        color: var(--color-white);
        background-color: var(--color-green-light);
    }
}
.related-products__arrow:not(:disabled):active {
    color: var(--color-white);
    background-color: var(--color-green-light);
}
.related-products__arrow:disabled {
    opacity: 0.4;
    pointer-events: none;
    cursor: default;
}
.related-products__slider {
    width: 100%;
}
.related-products__slide {
    height: auto;
    display: flex;
    flex-direction: column;
    row-gap: 0.9375rem;
}
.related-products__slide-images {
    position: relative;
    width: 100%;
    height: 37.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 0.625rem;
    background: var(--color-blue-light);
    padding: 6.875rem 2.0625rem;
}
.related-products__slide-images img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    mix-blend-mode: multiply;
}
.related-products__slide-tags {
    position: absolute;
    z-index: 2;
    left: 1.5625rem;
    top: 1.5625rem;
    display: flex;
    flex-wrap: wrap;
    gap: 0.3125rem;
}
.related-products__slide-tag {
    padding: 0.5rem 0.9375rem;
    border-radius: 0.625rem;
    background: var(--color-green-light);
    color: var(--color-white);
}
.related-products__slide-top {
    display: flex;
    align-items: center;
    column-gap: 0.9375rem;
    margin-bottom: 0.9375rem;
}
.related-products__slide-articul {
    color: var(--color-black-50);
    display: flex;
    align-items: center;
    column-gap: 0.9375rem;
}
.related-products__slide-articul::after {
    content: "";
    width: 0.125rem;
    height: 1.125rem;
    background-color: var(--color-black-50);
}
.related-products__slide-availability {
    color: var(--color-green-light);
}
.related-products__slide-title {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    margin-bottom: 1.5625rem;
}
.related-products__scrollbar {
    display: none;
}
@media (max-width: 1024px) {
    .related-products {
        margin-top: 6.25rem;
    }
    .related-products__inner {
        row-gap: 2.5rem;
    }
    .related-products__title {
        max-width: 21.5625rem;
    }
    .related-products__arrows {
        display: none;
    }
    .related-products__slider {
        overflow: visible;
    }
    .related-products__slide {
        width: 26.25rem;
        row-gap: 0.625rem;
    }
    .related-products__slide-images {
        height: 22.5rem;
        padding: 4.875rem 4.6875rem;
    }
    .related-products__slide-tags {
        left: 0.9375rem;
        top: 0.9375rem;
    }
    .related-products__slide-tag {
        padding: 0.5rem 0.625rem;
        border-radius: 0.3125rem;
    }
    .related-products__slide-top {
        margin-bottom: 0.625rem;
    }
    .related-products__slide-title {
        margin-bottom: 0.9375rem;
    }
    .related-products__scrollbar.swiper-scrollbar-horizontal {
        position: relative;
        left: auto;
        bottom: auto;
        display: block;
        width: 100%;
        height: 1px;
        margin-top: 1.875rem;
        border-radius: 0;
        background-color: var(--color-blue-dark);
    }
    .related-products__scrollbar .swiper-scrollbar-drag {
        height: 100%;
        border-radius: 0;
        background-color: var(--color-black-light);
    }
}
@media (max-width: 768px) {
    .related-products {
        margin-top: 5rem;
    }
    .related-products__title {
        max-width: 100%;
    }
    .related-products__slider {
        overflow: hidden;
    }
    .related-products__slide {
        width: auto;
        row-gap: 0.625rem;
    }
    .related-products__slide-images {
        height: 10rem;
        padding: 2.125rem 1.375rem;
    }
    .related-products__slide-tags {
        left: 0.625rem;
        top: auto;
        bottom: 0.625rem;
    }
    .related-products__slide-tag {
        padding: 0.125rem 0.25rem;
    }
    .related-products__slide-top {
        margin-bottom: 0.625rem;
        flex-direction: column;
        align-items: start;
        row-gap: 0.125rem;
    }
    .related-products__slide-articul::after {
        display: none;
    }
    .related-products__slide-title {
        margin-bottom: 0.625rem;
        -webkit-line-clamp: 3;
    }
}

/* related-products end  */

/* mobile-navigations start */

.mobile-navigations {
    display: none;
}

@media (max-width: 768px) {
    .mobile-navigations {
        position: fixed;
        z-index: 60;
        left: 0;
        bottom: 0;
        display: block;
        width: 100%;
        background-color: var(--color-white);
        box-shadow: 0 4px 35px 0 rgba(0, 0, 0, 0.1);
    }
    .mobile-navigations__inner {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        padding: 1.25rem 0.3125rem;
    }
    .mobile-navigations__inner .col {
        min-width: 0;
        display: flex;
    }
    .mobile-navigations__inner .col.col-left {
        justify-content: flex-start;
    }
    .mobile-navigations__inner .col.col-center {
        justify-content: center;
    }
    .mobile-navigations__inner .col.col-right {
        justify-content: right;
    }
    .mobile-navigations__item {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        row-gap: 0.125rem;
        color: var(--color-black-50);
    }
    .mobile-navigations__icon {
        position: relative;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 1.25rem;
    }
    .mobile-navigations__icon svg {
        display: block;
        width: 100%;
        height: auto;
    }
    .mobile-navigations__count {
        position: absolute;
        top: -0.625rem;
        right: -0.625rem;
        width: 1.1875rem;
        height: 1.1875rem;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 50%;
        background-color: var(--color-green-light);
        color: var(--color-white);
        font-size: 0.625rem;
        line-height: 110%;
        letter-spacing: -0.0063rem;
    }
}

/* mobile-navigations end */

/* chat-widget start */

.chat-widget {
    position: fixed;
    z-index: 60;
    right: 2.5rem;
    bottom: 2.5rem;
}
.chat-widget__button {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 3.625rem;
    height: 3.625rem;
    border-radius: 50%;
    color: #323232;
    background-color: var(--color-white);
}
.chat-widget__button svg {
    width: 1.5rem;
    height: 1.5rem;
}
.chat-widget__close {
    display: none;
}
@media (max-width: 1024px) {
    .chat-widget {
        right: 2rem;
        bottom: 2rem;
    }
    .chat-widget__button {
        width: 3.125rem;
        height: 3.125rem;
    }
    .chat-widget__button svg {
        width: 1.5rem;
        height: 1.5rem;
    }
    .chat-widget__close {
        position: absolute;
        z-index: 2;
        top: -0.75rem;
        right: -1.0625rem;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 1.5rem;
        height: 1.5rem;
        border-radius: 50%;
        background-color: var(--color-white);
    }
    .chat-widget__close svg {
        width: 0.5625rem;
        height: auto;
    }
}
@media (max-width: 768px) {
    .chat-widget {
        right: 2rem;
        bottom: 5.875rem;
    }
}

/* chat-widget end */