* {
    margin: 0;
    padding: 0;
    font-family: "Montserrat", Arial, sans-serif;
    font-size: 16px;
    outline: none;
    scrollbar-width: thin;
    scrollbar-color: var(--color-1) #1e1f21
}

:root {
    --color-1: #fa0c28;
    --color-2: #990719
}

html {
    scrollbar-gutter: stable;
    background: #1e1f21
}

body {
    position: relative;
    min-height: 100vh;
    background: #fff;
}

.action__btn {
    display: block;
    width: -moz-fit-content;
    width: fit-content;
    background: linear-gradient(to top, var(--color-2), var(--color-1));
    font-size: 16px;
    font-weight: 400;
    color: #fff;
    text-decoration: none;
    text-transform: uppercase;
    padding: 14px 30px;
    border-radius: 3px;
    transition: .3s ease;
    border: none
}

.action__btn:hover {
    background: #3d3d3d
}

.action__btn.stroke {
    background: rgba(0, 0, 0, 0);
    color: var(--color-1);
    padding: 15px 55px;
    border: 1px solid var(--color-1)
}

.action__btn.stroke:hover {
    background: var(--color-1);
    color: #fff
}

.section__title {
    display: block;
    text-align: center;
    font-size: 32px;
    line-height: 1.2em;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 20px;
    color: #2a0001
}

.section__subtitle {
    display: block;
    text-align: center;
    font-size: 16px;
    font-weight: 400;
    color: #2a0001;
    margin: 20px 0 50px
}

.header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 15;
    background: rgba(0, 0, 0, 0);
    transition: .3s ease
}

.header.active {
    background: rgba(0, 0, 0, .6666666667);
    -webkit-backdrop-filter: blur(3px);
    backdrop-filter: blur(3px)
}

.header__container {
    width: 90%;
    max-width: 1620px;
    margin: 0 auto
}

.header__grid {
    display: grid;
    grid-template-columns: 1fr 96px 1fr;
    gap: 24px;
    align-items: center
}

.header__nav {
    display: flex;
    list-style: none;
    padding-left: 0;
    margin-bottom: 0;
    gap: 40px
}

.header__nav li {
    position: relative;
    padding: 34px 0 30px
}

.header__nav li:hover>ul {
    opacity: 1;
    transform: translateX(0);
    pointer-events: auto
}

.header__nav li ul {
    position: absolute;
    width: 300px;
    padding: 20px 0;
    background: #fff;
    border-radius: 3px;
    transform: translateX(40px);
    opacity: 0;
    pointer-events: none;
    transition: .3s ease
}

.header__nav li ul li {
    padding: 10px 0
}

.header__nav li ul a {
    display: block;
    width: -moz-fit-content;
    width: fit-content;
    padding: 0 20px;
    color: #1c1e20;
    font-size: 14px
}

.header__nav li ul a:hover {
    color: var(--color-1)
}

.header__nav li ul a:before {
    content: unset !important
}

.header__nav a {
    position: relative;
    display: block;
    text-decoration: none;
    font-size: 16px;
    line-height: 1.2em;
    color: #fff
}

.header__nav a:before {
    content: "";
    position: absolute;
    right: 0;
    bottom: -2px;
    height: 1px;
    background: var(--color-1);
    transition: .3s ease;
    width: 0%
}

.header__nav a:hover:before,
.header__nav a.active:before {
    left: 0;
    width: 100%;
}

.header__nav ul {
    position: relative;
    list-style: none;
    padding-left: 0;
    margin-bottom: 0
}

.header__nav>li>ul {
    top: 100%;
    left: 0;
}

.header__nav>li>ul li {
    position: static
}

.header__nav>li>ul li>ul {
    left: 100%;
    top: 0;
    min-height: 100%
}

.header__logo {
    display: block;
    width: 100%
}

.header__logo_img {
    display: block;
    width: 100%;
    height: unset
}

.header__right {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 12px
}

.header__contacts {
    font-size: 14px;
    color: #fff;
    line-height: 1em
}

.header__contacts a {
    display: block;
    width: -moz-fit-content;
    width: fit-content;
    margin-top: 7px;
    font-size: 20px;
    line-height: 1em;
    font-weight: 500;
    text-decoration: none;
    color: #fff;
    transition: .3s ease
}

.header__contacts a:hover {
    color: var(--color-1)
}

.header__links {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px
}

.header__link {
    position: relative;
    display: block;
    width: 30px;
    aspect-ratio: 1/1;
    border: 1px solid #fff;
    border-radius: 50%;
    transition: .3s ease
}

.header__link:after {
    content: "";
    position: absolute;
    width: 13px;
    aspect-ratio: 1/1;
    background: #fff;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    transition: .3s ease
}

.header__link:hover {
    border-color: var(--color-1)
}

.header__link:hover:after {
    background: var(--color-1)
}

.header__link_phone:after {
    -webkit-mask-image: url("../img/icons/phone.svg");
    mask-image: url("../img/icons/phone.svg")
}

.header__link_search:after {
    -webkit-mask-image: url("../img/icons/search.svg");
    mask-image: url("../img/icons/search.svg")
}

.poster--main {
    position: relative;
    /* background: linear-gradient(90deg, #1d1e20 0%, rgba(29, 30, 32, 0) 100%), linear-gradient(94deg, rgba(29, 30, 32, 0.5) 0%, rgba(8, 24, 81, 0.5) 100%), url("../img/image/banner__main.jpg") no-repeat center center/cover; */
    background: linear-gradient(90deg, #1d1e20 0%, rgba(29, 30, 32, 0) 100%), linear-gradient(94deg, rgba(29, 30, 32, 0.5) 0%, rgba(8, 24, 81, 0.5) 100%), url("../img/image/banner__main_2.jpg") no-repeat center center/cover;
    overflow: hidden
}

.poster--main:after {
    content: attr(data-title);
    position: absolute;
    z-index: 9;
    bottom: 0;
    left: 0;
    font-size: 143px;
    font-weight: 800;
    font-style: italic;
    color: #f5f5f5;
    opacity: .1;
    text-transform: uppercase;
    white-space: nowrap;
    left: 50%;
    transform: translateX(-50%);
    pointer-events: none
}

.poster--main__num {
    font-size: 14px;
    font-weight: 400;
    letter-spacing: .5em;
    color: rgba(255, 255, 255, .5)
}

.poster--main__num span {
    color: #fff;
    font-size: inherit
}

.poster--main .swiper-wrapper {
    padding: 300px 0 350px
}

.poster--main .swiper-slide {
    position: relative;
    height: 100%
}

.poster--main h1,
.poster--main h2,
.poster--main h3,
.poster--main h4,
.poster--main h5,
.poster--main h6 {
    margin: 45px 0;
    color: #fff;
    font-size: 48px;
    font-weight: 600
}

.poster--main p {
    color: #fff;
    font-size: 20px;
    font-weight: 400;
    margin: 45px 0
}

.poster--main__object {
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%) translateX(15%);
    width: 57%;
    height: unset;
    aspect-ratio: 1084/778;
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: center;
    object-position: center;
    pointer-events: none;
}

section[data-title]:not(.poster--main) {
    position: relative;
    overflow: hidden
}

section[data-title]:not(.poster--main):before {
    content: attr(data-title);
    position: absolute;
    top: 18px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 0;
    font-size: 220px;
    line-height: 1em;
    color: #dadada;
    text-transform: uppercase;
    font-weight: 700;
    font-style: italic;
    opacity: .2
}

section[data-title]:not(.poster--main) .container {
    position: relative;
    z-index: 1
}

.catalog--categories {
    margin: 100px 0
}

.catalog--categories.catalog {
    padding: 142px 0 100px;
    margin: 0;
    background: #edf0f2
}

.catalog--categories__grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px
}

.catalog--categories__item {
    position: relative;
    transition: .3s ease;
    min-height: 208px
}

.catalog--categories__item:nth-child(1) {
    grid-row: 1/3;
    grid-column: 1/2
}

.catalog--categories__item:nth-child(2) {
    grid-row: 1/2;
    grid-column: 2/3
}

.catalog--categories__item:nth-child(3) {
    grid-row: 2/3;
    grid-column: 2/3
}

.catalog--categories__item:nth-child(4) {
    grid-row: 1/3;
    grid-column: 3/4
}

.catalog--categories__item:nth-child(1),
.catalog--categories__item:nth-child(4) {
    aspect-ratio: 416/442
}

.catalog--categories__item:nth-child(2),
.catalog--categories__item:nth-child(3) {
    aspect-ratio: 416/208
}

.catalog--categories__item:not(:nth-child(1)):not(:nth-child(4)) .catalog--categories__item_data ul {
    display: none
}

.catalog--categories__item .catalog--categories__item_learnmore {
    margin-top: auto
}

.catalog--categories__item_thumb {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center
}

.catalog--categories__item:before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(29, 30, 32, .4);
    z-index: 1;
    transition: .3s ease
}

.catalog--categories__item:after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 1;
    background: linear-gradient(to right, rgba(255, 12, 41, 0.8), rgba(255, 12, 41, 0.8)), linear-gradient(to right, rgba(255, 12, 41, 0.8), rgba(255, 12, 41, 0.8));
    opacity: 0;
    transition: .3s ease
}

.catalog--categories__item_data {
    position: absolute;
    display: grid;
    grid-template-rows: auto 0fr;
    z-index: 2;
    left: 12px;
    right: 35px;
    bottom: 50px;
    transition: .3s ease;
    height: calc(100% - 75px)
}

.catalog--categories__item_data div {
    display: flex;
    flex-direction: column;
    align-items: flex-start
}

.catalog--categories__item:hover .catalog--categories__item_data {
    grid-template-rows: auto 1fr
}

.catalog--categories__item:hover {
    transform: scale(1.2);
    z-index: 2
}

.catalog--categories__item:hover:before {
    opacity: 0
}

.catalog--categories__item:hover:after {
    opacity: 1
}

.catalog--categories__item_name {
    position: relative;
    transition: .3s ease;
    z-index: 3;
    height: -moz-fit-content;
    height: fit-content;
    margin-top: auto;
    margin-bottom: 0;
    transition: .3s ease;
    font-size: 24px;
    font-weight: 600;
    color: #fff;
    text-transform: uppercase;
    line-height: 1.2em;
    transition: .3s ease;
    padding-left: 28px
}

.catalog--categories__item:hover .catalog--categories__item_name {
    font-size: 20px;
    font-weight: 600;
    color: #2a0001;
    padding: 15px 40px;
    background: #fff
}

.catalog--categories__item_subcategory {
    margin-top: auto;
    margin-bottom: 26px;
    padding-left: 48px;
    color: #fff
}

.catalog--categories__item_subcategory a {
    display: block;
    color: #fff;
    text-decoration: none;
    font-size: 18px;
    line-height: 1.44em
}

.catalog--categories__item_learnmore {
    position: relative;
    display: block;
    text-decoration: none;
    color: #fff;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5em;
    margin-left: 28px
}

.catalog--categories__item_learnmore:after {
    content: "";
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateX(100%) translateX(8px) translateY(-50%);
    width: 15px;
    aspect-ratio: 15/10;
    background: #fff;
    -webkit-mask: url('data:image/svg+xml;utf8,<svg width="17" height="13" viewBox="0 0 17 13" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 6.5H7.5H15M15 6.5L10 1.5M15 6.5L10 11.5" stroke="white" stroke-width="1.5"/></svg>') no-repeat center center/contain;
    mask: url('data:image/svg+xml;utf8,<svg width="17" height="13" viewBox="0 0 17 13" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 6.5H7.5H15M15 6.5L10 1.5M15 6.5L10 11.5" stroke="white" stroke-width="1.5"/></svg>') no-repeat center center/contain
}

.catalog--categories .action__btn {
    margin: 52px auto 0
}

.tool--desc {
    padding: 100px 0 120px;
    background: #edf0f2
}

.tool--desc h3 {
    font-size: 24px;
    font-weight: 700;
    color: #2a0001;
    text-transform: uppercase;
    margin-bottom: 10px
}

.tool--desc h2 {
    font-size: 32px;
    font-weight: 700;
    color: var(--color-1);
    text-transform: uppercase;
    margin: 10px 0 40px
}

.tool--desc p {
    font-size: 16px;
    color: #2a0001;
    margin-bottom: 27px
}

.tool--desc p b {
    font: inherit;
    font-weight: 500
}

.tool--desc img {
    position: relative;
    width: 100%;
    height: unset;
    aspect-ratio: 655/460;
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: center;
    object-position: center;
    z-index: 1
}

.tool--desc .col-lg-6:has(img) {
    position: relative
}

.tool--desc .col-lg-6:has(img):before {
    content: "";
    position: absolute;
    width: 65%;
    aspect-ratio: 1/1;
    z-index: 0;
    background: #fff;
    border-radius: 50%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    box-shadow: 0 0 0 77px #f2f5f6
}

.swiper-button-prev,
.swiper-button-next {
    display: block;
    pointer-events: auto;
    width: 32px;
    height: 32px;
    aspect-ratio: 1/1;
    background: #fff;
    border: 1px solid var(--color-1);
    border-radius: 50%;
    box-shadow: 0 0 0 4px #fff;
    transition: .3s ease
}

.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {
    border-color: #d4d4d4
}

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

.swiper-button-prev:before,
.swiper-button-next:before {
    content: "";
    position: absolute;
    display: block;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 17px;
    aspect-ratio: 17/8;
    background: #d4d4d4;
    -webkit-mask: url('data:image/svg+xml;utf8,<svg width="17" height="8" viewBox="0 0 17 8" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M16 3.5C16.2761 3.5 16.5 3.72386 16.5 4C16.5 4.27614 16.2761 4.5 16 4.5V3.5ZM0.646446 4.35355C0.451184 4.15829 0.451184 3.84171 0.646446 3.64645L3.82843 0.464466C4.02369 0.269204 4.34027 0.269204 4.53553 0.464466C4.7308 0.659728 4.7308 0.976311 4.53553 1.17157L1.70711 4L4.53553 6.82843C4.7308 7.02369 4.7308 7.34027 4.53553 7.53553C4.34027 7.7308 4.02369 7.7308 3.82843 7.53553L0.646446 4.35355ZM16 4.5H0.999999V3.5H16V4.5Z" fill="%23D4D4D4"/></svg>') no-repeat center center/contain;
    mask: url('data:image/svg+xml;utf8,<svg width="17" height="8" viewBox="0 0 17 8" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M16 3.5C16.2761 3.5 16.5 3.72386 16.5 4C16.5 4.27614 16.2761 4.5 16 4.5V3.5ZM0.646446 4.35355C0.451184 4.15829 0.451184 3.84171 0.646446 3.64645L3.82843 0.464466C4.02369 0.269204 4.34027 0.269204 4.53553 0.464466C4.7308 0.659728 4.7308 0.976311 4.53553 1.17157L1.70711 4L4.53553 6.82843C4.7308 7.02369 4.7308 7.34027 4.53553 7.53553C4.34027 7.7308 4.02369 7.7308 3.82843 7.53553L0.646446 4.35355ZM16 4.5H0.999999V3.5H16V4.5Z" fill="%23D4D4D4"/></svg>') no-repeat center center/contain
}

.swiper-button-next {
    transform: scale(-1, 1)
}

.company--slider {
    margin: 100px 0
}

.company--slider__wrapper {
    position: relative
}

.company--slider__wrapper>.container {
    position: absolute !important;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 2 !important;
    pointer-events: none
}

.company--slider__wrapper .swiper {
    position: relative
}

.company--slider .swiper-slide {
    filter: grayscale(1);
    transition: .3s ease
}

.company--slider .swiper-slide.swiper-slide-active {
    filter: grayscale(0)
}

.company--slider__item {
    display: grid;
    grid-template-columns: 3fr 7fr;
    align-items: center;
    gap: 24px
}

.company--slider__item_data {
    position: relative;
    width: 100%
}

.company--slider__item_data h3 {
    font-size: 32px;
    font-weight: 700;
    color: #2a0001;
    text-transform: uppercase
}

.company--slider__item_data h4 {
    font-size: 20px;
    font-weight: 700;
    color: var(--color-1);
    text-transform: uppercase;
    margin: 10px 0 20px
}

.company--slider__item_data p {
    font-size: 16px;
    font-weight: 400;
    color: #2a0001;
    margin: 20px 0 40px
}

.company--slider__item_img {
    position: relative;
    width: calc(100% - 24px);
    margin-left: auto;
    aspect-ratio: 746 / 388;
}

.company--slider__item_img:after {
    content: "";
    position: absolute;
    z-index: 2;
    inset: 0;
    background: rgba(29, 30, 32, .2)
}

.company--slider__item img {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    z-index: 1
}

.stats {
    padding: 100px 0;
    background: linear-gradient(to bottom, #1D1E20, rgba(29, 30, 32, 0)), linear-gradient(to right, rgba(29, 30, 32, 0.5019607843), rgba(29, 30, 32, 0.5019607843)), url("../img/background/stats.jpg") no-repeat top center/cover
}

.stats__grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 24px
}

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

.stats__item_num {
    position: relative;
    text-align: center;
    font-size: 46px;
    line-height: 1em;
    color: #fff;
    font-weight: 700;
    margin-bottom: 17px
}

.stats__item_num:after {
    content: "";
    position: absolute;
    display: block;
    bottom: 0;
    left: 50%;
    transform: translateY(100%) translateY(3px) translateX(-50%);
    width: 86px;
    height: 4px;
    background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, #fff 19.79%, #fff 81.25%, rgba(255, 255, 255, 0) 100%)
}

.stats__item_name {
    text-align: center;
    font-size: 14px;
    font-weight: 600;
    color: #fff;
    line-height: 1.42em
}

.recommend {
    margin: 150px 0 100px
}

.recommend__slider {
    position: relative
}

.recommend__slider .swiper-button-prev {
    left: -12px
}

.recommend__slider .swiper-button-next {
    right: -12px
}

.product--card {
    background: #fff;
    padding: 30px 20px;
    border-radius: 3px;
    border: 1px solid #e6e9eb;
    box-shadow: 0 4px 26.1px 0 rgba(80, 80, 80, .1)
}

.product--card__name {
    display: -webkit-box;
    text-align: center;
    text-decoration: none;
    font-size: 16px;
    font-weight: 400;
    color: #2a0001;
    margin: 0 20px 10px;
    line-height: 1.5em;
    min-height: 4.5em;
    overflow: hidden;
    text-overflow: ellipsis;
    box-orient: vertical;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    line-clamp: 3;
    -webkit-line-clamp: 3;
    -moz-line-clamp: 3;
}

.product--card__manufacture {
    display: block;
    text-align: center;
    font-size: 14px;
    color: #8b9198;
    margin-bottom: 20px
}

.product--card__thumb {
    display: block;
    width: 100%;
    aspect-ratio: 266/251;
    margin-bottom: 20px
}

.product--card__thumb img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: center;
    object-position: center
}

.product--card .action__btn {
    display: block;
    padding: 14px 28px;
    margin: 0 auto
}

.brands--wrapper {
    padding: 100px 0;
    background: #edf0f2
}

.brands--wrapper:before {
    top: 50% !important;
    transform: translateX(-50%) translateY(-50%) !important
}

.brands--wrapper__grid {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 24px
}

.brands--wrapper__item {
    display: block;
    text-decoration: none;
    width: 100%;
    border-radius: 3px;
    border: 1px solid #2a0001;
    box-shadow: 0 4px 26.1px 0 rgba(80, 80, 80, .1);
    background: #fff;
    transition: .3s ease;
    border: 2px solid transparent
}

.brands--wrapper__item:hover {
    border: 2px solid #335493
}

.brands--wrapper__item img {
    display: block;
    width: 100%;
    height: unset;
    aspect-ratio: 196/80
}

.footer--form {
    padding: 114px 0 100px;
    border-top: 2px solid var(--color-1)
}

.footer--form h4 {
    font-size: 36px;
    font-weight: 700;
    color: #2a0001;
    text-transform: uppercase;
    margin-bottom: 30px
}

.footer--form p {
    font-size: 16px;
    font-weight: 400;
    color: #2a0001
}

.footer--form form {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px 24px
}

.footer--form form label {
    display: block;
    width: 100%
}

.footer--form form label span {
    display: block;
    font-size: 17px;
    font-weight: 400;
    color: #2a0001
}

.footer--form form label input {
    display: block;
    width: 100%;
    height: 60px;
    padding-left: 20px;
    border: 1px solid #e6e9eb;
    border-radius: 3px;
    margin-top: 10px
}

.footer--form form label input::-moz-placeholder {
    color: #51565d;
    opacity: 1
}

.footer--form form label input::placeholder {
    color: #51565d;
    opacity: 1
}

.footer--form__bottom {
    grid-column: 1/3;
    display: grid;
    grid-template-columns: 396fr 220fr;
    gap: 20px;
    align-items: center;
    justify-content: space-between
}

.footer--form__bottom span {
    display: block;
    font-size: 14px;
    line-height: 1.2em;
    color: #2a0001
}

.footer--form__bottom .action__btn {
    width: 100%
}

.footer {
    position: relative;
    padding: 28px 0 50px;
    background: linear-gradient(to bottom, #1D1E20, rgba(29, 30, 32, 0)), linear-gradient(to right, rgba(29, 30, 32, 0.95), rgba(29, 30, 32, 0.95)), url("../img/background/footer.jpg") no-repeat center center/cover;
    overflow: hidden;
}

.footer:before {
    content: 'Digital Welding Machines';
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    z-index: 0;
    font-size: 90px;
    font-weight: 700;
    color: #fff;
    opacity: 0.1;
    text-transform: uppercase;
    font-style: italic;
    white-space: nowrap;
}

.footer .container {
    position: relative;
    z-index: 1;
}

.footer__logo {
    display: block;
    max-width: 96px;
    width: 100%;
    margin: 0 auto 13px
}

.footer__grid {
    display: grid;
    grid-template-columns: 2fr 6fr 1fr 3fr
}

.footer__col ul {
    display: grid;
    padding-left: 0;
    margin-bottom: 0;
    gap: 10px 17px;
    list-style: none;
}

.footer__col ul a {
    text-decoration: none;
    color: #fff;
    font-size: 14px;
    line-height: 1em;
    color: #fff
}

.footer__caption {
    display: block;
    font-size: 18px;
    font-weight: 300;
    color: #fff;
    text-decoration: none;
    width: -moz-fit-content;
    width: fit-content;
    margin-bottom: 20px;
    text-transform: uppercase
}

.footer__catalog {
    display: grid;
    grid-template-columns: repeat(2, 1fr)
}

.footer__link {
    display: block;
    width: -moz-fit-content;
    width: fit-content;
    margin-bottom: 10px;
    text-decoration: none;
    color: #fff
}

.footer__link[href*="tel:"] {
    font-size: 20px;
    line-height: 1em;
    font-weight: 700
}

.footer__link[href*="mailto:"] {
    font-size: 16px;
    font-weight: 600;
    line-height: 1.33em;
    text-decoration: underline
}

.footer__socials {
    margin: 15px 0;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 15px
}

.footer__social {
    display: block;
    width: -moz-fit-content;
    width: fit-content;
    text-decoration: none
}

.footer__address {
    display: block;
    width: -moz-fit-content;
    width: fit-content;
    font-size: 14px;
    line-height: 1em;
    font-weight: 400;
    color: #fff;
    text-decoration: none;
    margin-bottom: 10px
}

.footer__bottom {
    display: flex;
    gap: 78px;
    margin-top: 10px
}

.footer__bottom a,
.footer__bottom span {
    text-decoration: none;
    font-size: 14px;
    font-weight: 300;
    color: #fff
}

.poster--page {
    position: relative;
    padding: 155px 0 103px;
    background: #1d1e20
}

.poster--page:after {
    content: "";
    position: absolute;
    bottom: 1px;
    left: 0;
    width: 100%;
    height: 100px;
    background: #202225;
    transform: translateY(100%);
    -webkit-mask: url('data:image/svg+xml;utf8,<svg width="1908" height="26" viewBox="0 0 1908 26" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M967 26.0002L1920 0.000181203L2.273e-06 1.90735e-06L967 26.0002Z" fill="%23202225"/></svg>') no-repeat top center/contain;
    mask: url('data:image/svg+xml;utf8,<svg width="1908" height="26" viewBox="0 0 1908 26" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M967 26.0002L1920 0.000181203L2.273e-06 1.90735e-06L967 26.0002Z" fill="%23202225"/></svg>') no-repeat top center/contain
}

.poster--page__image {
    position: absolute;
    inset: 0;
    z-index: 0
}

.poster--page__image img {
    display: block;
    width: 60%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    margin-left: auto
}

.poster--page__image:after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, #1d1e20 40%, rgba(29, 30, 32, 0) 100%), linear-gradient(94deg, rgba(29, 30, 32, 0.5) 0%, rgba(8, 24, 81, 0.5) 100%)
}

.poster--page .container {
    position: relative;
    z-index: 2
}

.poster--page h1 {
    color: #fff;
    font-size: 48px;
    font-weight: 600
}

.breadcrumbs {
    padding-left: 0;
    list-style: none;
    display: flex;
    align-items: center;
    margin-bottom: 20px;
    flex-wrap: wrap;
}

.breadcrumbs li:not(:last-child):after {
    content: "/";
    display: inline-block;
    color: rgba(255, 255, 255, .5);
    margin: 0 .5em
}

.breadcrumbs li a {
    color: rgba(255, 255, 255, .5);
    text-decoration: none
}
.breadcrumbs li a:hover {
    color: var(--color-1);
}

.archive--catalog {
    margin: 100px 0 100px
}

.archive--catalog__grid {
    display: grid;
    grid-template-columns: 1fr 3fr;
    gap: 24px
}

.archive--catalog__filters {
    box-shadow: 0 4px 26.1px 0 rgba(80, 80, 80, .1)
}

.archive--catalog__filters:not(:last-child) {
    margin-bottom: 50px
}

.archive--catalog__filters>label {
    position: relative;
    display: block;
    border: 1px solid #e6e9eb;
    padding: 30px;
    font-weight: 600;
    font-size: 18px;
    color: #1d1e20;
    cursor: pointer
}

.archive--catalog__filters>label:after {
    content: "";
    position: absolute;
    top: 50%;
    right: 40px;
    width: 14px;
    aspect-ratio: 14/8;
    background: #8b9198;
    -webkit-mask: url('data:image/svg+xml;utf8,<svg width="14" height="8" viewBox="0 0 14 8" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 7L7 1L13 7" stroke="%238B9198" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>') no-repeat center center/contain;
    mask: url('data:image/svg+xml;utf8,<svg width="14" height="8" viewBox="0 0 14 8" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 7L7 1L13 7" stroke="%238B9198" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>') no-repeat center center/contain;
    transition: .3s ease;
    transform: translateY(-50%) rotate(180deg)
}

.archive--catalog__filters input:checked+label:after {
    transform: translateY(-50%) rotate(0deg)
}

.archive--catalog__filters_wrapper {
    display: grid;
    grid-template-rows: 0fr;
    transition: .3s ease;
    background: #edf0f2;
    border: 1px solid #e6e9eb;
    border-top: unset
}

input:checked~.archive--catalog__filters_wrapper {
    grid-template-rows: 1fr
}

.archive--catalog__filter {
    padding: 30px 36px 30px 30px;
    background: #fff;
    transition: .3s ease
}

.archive--catalog__filter:not(:last-child) {
    border-bottom: 1px solid #e6e9eb
}

.archive--catalog__filter:has(>input:checked) {
    background: #edf0f2
}

.archive--catalog__filter>label {
    position: relative;
    display: block;
    font-size: 16px;
    font-weight: 500;
    color: #1d1e20;
    cursor: pointer;
    transition: .3s ease;
    padding-right: 20px;
}

.archive--catalog__filter>label a {
    font: inherit;
    color: inherit;
    text-decoration: none
}

.archive--catalog__filter>label:has(+.archive--catalog__filter_list):after {
    content: "";
    position: absolute;
    top: 50%;
    right: 0;
    width: 14px;
    aspect-ratio: 14/8;
    background: #8b9198;
    transform: translateY(-50%) rotate(180deg);
    transition: .3s ease;
    -webkit-mask: url('data:image/svg+xml;utf8,<svg width="14" height="8" viewBox="0 0 14 8" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 7L7 1L13 7" stroke="%23FF0C29" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>');
    mask: url('data:image/svg+xml;utf8,<svg width="14" height="8" viewBox="0 0 14 8" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 7L7 1L13 7" stroke="%23FF0C29" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>')
}

.archive--catalog__filter>label:hover {
    color: var(--color-1)
}

.archive--catalog__filter>label:hover:after {
    background: var(--color-1)
}

.archive--catalog__filter input:checked+label:after {
    transform: translateY(-50%) rotate(0deg)
}

.archive--catalog__filter_list {
    display: grid;
    grid-template-rows: 0fr;
    transition: .3s ease;
    margin-top: 0px
}

.archive--catalog__filter_list a {
    display: block;
    width: -moz-fit-content;
    width: fit-content;
    text-decoration: none;
    color: #1d1e20;
    font-size: 14px
}

.archive--catalog__filter_list a:not(:last-child) {
    margin-bottom: 10px
}

.archive--catalog__filter_list label {
    display: grid;
    grid-template-columns: 18px 1fr;
    gap: 10px;
    align-items: center;
    width: 100%;
    cursor: pointer
}

.archive--catalog__filter_list label:not(:last-child) {
    margin-bottom: 10px
}

.archive--catalog__filter_list label input {
    display: block;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 18px;
    aspect-ratio: 1/1;
    border: 1px solid #1d1e20;
    border-radius: 2px
}

.archive--catalog__filter_list label input:checked {
    border-color: var(--color-1);
    background: url('data:image/svg+xml;utf8,<svg width="14" height="11" viewBox="0 0 14 11" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M13.5303 0.96967C13.8232 1.26256 13.8232 1.73744 13.5303 2.03033L5.28033 10.2803C4.98744 10.5732 4.51256 10.5732 4.21967 10.2803L0.46967 6.53033C0.176777 6.23744 0.176777 5.76256 0.46967 5.46967C0.762563 5.17678 1.23744 5.17678 1.53033 5.46967L4.75 8.68934L12.4697 0.96967C12.7626 0.676777 13.2374 0.676777 13.5303 0.96967Z" fill="white"/></svg>') no-repeat center center, var(--color-1)
}

input:checked~.archive--catalog__filter_list {
    grid-template-rows: 1fr;
    margin-top: 10px
}

.archive--catalog__list_top label {
    display: flex;
    align-items: center;
    gap: 40px;
    font-size: 16px;
    font-weight: 500;
    color: #1d1e20
}

.archive--catalog__list_top label select {
    display: block;
    font-size: 14px;
    font-weight: 500;
    height: 30px;
    padding-left: 10px;
    border-radius: 3px;
    border: 1px solid #e6e9eb;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: url('data:image/svg+xml;utf8,<svg width="14" height="8" viewBox="0 0 14 8" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 7L7 1L13 7" stroke="%238B9198" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>') no-repeat center right 16px
}

.archive--catalog__list_top label:first-child select {
    min-width: 204px
}

.archive--catalog__list_top label:last-child select {
    min-width: 53px;
    background: url('data:image/svg+xml;utf8,<svg width="10" height="6" viewBox="0 0 10 6" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 5L5 1L9 5" stroke="%238B9198" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>') no-repeat center right 9px
}

.archive--catalog__list_grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
    margin: 40px 0 50px
}

.archive--catalog__list_pagination ul {
    display: flex;
    align-items: center;
    justify-content: center;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
    gap: 20px
}

.archive--catalog__list_pagination ul a,
.archive--catalog__list_pagination ul span {
    display: block;
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    text-decoration: none;
    border-radius: 50%;
    aspect-ratio: 1/1;
    border: 1px solid var(--color-1);
    color: #000
}

.archive--catalog__list_pagination ul span,
.archive--catalog__list_pagination ul a:hover {
    background: var(--color-1);
    color: #fff
}

.archive--catalog__list_arrow--prev a,
.archive--catalog__list_arrow--next a {
    width: 20px;
    height: 20px;
    font-size: 0px;
    border-radius: 50%;
    background: var(--color-1);
}

.archive--catalog__list_arrow--prev a {
    mask: url('data:image/svg+xml;utf8,<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M14.5423 17.5946C14.7507 17.3863 14.8557 17.1396 14.8557 16.8538C14.8557 16.5705 14.7515 16.323 14.5432 16.1146L8.43901 10.0105L14.564 3.88546C14.7582 3.6913 14.8557 3.44796 14.8557 3.1563C14.8557 2.86463 14.7515 2.61463 14.5432 2.4063C14.4476 2.30634 14.3326 2.22703 14.2051 2.17329C14.0777 2.11954 13.9406 2.09248 13.8023 2.0938C13.519 2.0938 13.2715 2.19796 13.0632 2.4063L6.06318 9.42713C5.97984 9.51046 5.92151 9.60129 5.88568 9.69796C5.85068 9.7984 5.8332 9.9041 5.83401 10.0105C5.83401 10.1221 5.85151 10.2263 5.88568 10.323C5.924 10.4253 5.98463 10.5178 6.06318 10.5938L13.084 17.6146C13.279 17.8096 13.5182 17.9063 13.8032 17.9063C14.0873 17.9063 14.334 17.803 14.5423 17.5946Z" fill="%23FF0C29"/></svg>') no-repeat center center / contain;
}

.archive--catalog__list_arrow--next a {
    mask: url('data:image/svg+xml;utf8,<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.45766 2.40537C5.24932 2.6137 5.14432 2.86037 5.14432 3.1462C5.14432 3.42954 5.24849 3.67704 5.45682 3.88537L11.561 9.98954L5.43599 16.1145C5.24182 16.3087 5.14432 16.552 5.14432 16.8437C5.14432 17.1354 5.24849 17.3854 5.45682 17.5937C5.55239 17.6937 5.66744 17.773 5.79486 17.8267C5.92228 17.8805 6.05937 17.9075 6.19766 17.9062C6.48099 17.9062 6.72849 17.802 6.93682 17.5937L13.9368 10.5729C14.0202 10.4895 14.0785 10.3987 14.1143 10.302C14.1493 10.2016 14.1668 10.0959 14.166 9.98954C14.166 9.87787 14.1485 9.7737 14.1143 9.67704C14.076 9.5747 14.0154 9.48218 13.9368 9.40621L6.91599 2.38537C6.72099 2.19037 6.48182 2.0937 6.19682 2.0937C5.91266 2.0937 5.66599 2.19704 5.45766 2.40537Z" fill="%23FF0C29"/></svg>') no-repeat center center / contain;
}

.single--product {
    margin: 128px 0 50px
}

.single--product__mini {
    position: relative;
    height: 100%;
}

.single--product__mini .swiper-button-prev {
    top: 0;
    left: 50%;
    right: unset;
    transform: translateX(-50%) translateY(-2px) rotate(90deg);
    margin-top: 0;
    opacity: 1
}

.single--product__mini .swiper-button-next {
    top: unset;
    bottom: 0;
    left: 50%;
    right: unset;
    transform: translateX(-50%) translateY(5px) rotate(-90deg);
    margin-top: 0;
    opacity: 1
}

.single--product__mini .swiper {
    max-height: 500px;
    height: 100%;
}

.single--product__mini img {
    display: block;
    width: 100%;
    height: 100%;
    /* aspect-ratio: 86/120; */
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: center;
    object-position: center
}

.single--product__mini .swiper-slide {
    border: 1px solid #e6e9eb;
    border-radius: 4px;
}

.single--product__mini .swiper-slide.active {
    border-color: var(--color-1)
}

.single--product__thumb {
    max-height: 500px;
    border-radius: 3px;
    overflow: hidden;
    border: 2px solid #e6e9eb;
    box-shadow: 0 4px 26.1px 0 rgba(80, 80, 80, .1)
}

.single--product .col-lg-1,
.single--product .col-lg-5 {
    max-height: 500px;
}

.single--product__thumb img {
    display: block;
    width: 100%;
    height: 100%;
    max-height: 500px;
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: center;
    object-position: center;
}

.single--product__caption {
    font-size: 24px;
    font-weight: 700;
    color: var(--color-1);
    margin-bottom: 30px
}

.single--product__part_caption {
    font-size: 16px;
    font-weight: 600;
    color: #2a0001;
    margin-bottom: 20px
}

.single--product__excerpt {
    display: block;
    font-size: 14px;
    font-weight: 400;
    color: #2a0001;
    margin-bottom: 30px
}

.single--product__specials {
    display: grid;
    gap: 10px;
    margin-bottom: 20px
}

.single--product__specials span {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.single--product__specials span span,
.single--product__specials span b {
    font-size: 14px;
    font-weight: 400;
    color: #2a0001
}

.single--product__specials span b {
    font-weight: 500
}

.single--product__specials_link {
    position: relative;
    display: block;
    width: -moz-fit-content;
    width: fit-content;
    font-size: 16px;
    font-weight: 600;
    color: #2a0001;
    text-decoration: none
}

.single--product__specials_link:after {
    content: "";
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 0;
    border-bottom: 1px dashed #2a0001
}

.single--product .action__btn {
    margin-top: 50px
}

.product--tabs {
    margin: 50px 0 100px
}

.product--tabs__wrapper {
    box-shadow: 0 4px 26.1px 0 rgba(80, 80, 80, .1)
}

.product--tabs__tab {
    padding: 0 30px;
    background: #fff
}

.product--tabs__tab:not(:last-child) {
    border-bottom: 1px solid #e6e9eb
}

.product--tabs__tab label {
    position: relative;
    display: block;
    padding: 30px 0 34px;
    font-size: 16px;
    font-weight: 600;
    color: #2a0001;
    cursor: pointer
}

.product--tabs__tab label:after {
    content: "";
    position: absolute;
    display: block;
    top: 50%;
    right: 0;
    width: 14px;
    aspect-ratio: 14/8;
    background: #8b9198;
    transform: translateY(-50%) rotate(180deg);
    transition: .3s ease;
    -webkit-mask: url('data:image/svg+xml;utf8,<svg width="14" height="8" viewBox="0 0 14 8" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 1L7 7L13 1" stroke="%238B9198" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>') no-repeat center center/contain;
    mask: url('data:image/svg+xml;utf8,<svg width="14" height="8" viewBox="0 0 14 8" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 1L7 7L13 1" stroke="%238B9198" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>') no-repeat center center/contain
}

.product--tabs__tab_content {
    display: grid;
    grid-template-rows: 0fr;
    transition: .3s ease
}

.product--tabs__tab input:checked~label:after {
    transform: translateY(-50%) rotate(0deg)
}

input:checked~.product--tabs__tab_content {
    grid-template-rows: 1fr;
    padding-bottom: 30px
}

.product--tabs__tab_desc {
    background: #edf0f2;
    padding: 30px
}
.product--tabs__tab_desc img {
    max-width: 100%;
    height: unset;
}
.product--tabs__tab_desc p {
    font-size: 14px
}

.product--tabs__tab_specials {
    display: grid;
    gap: 10px
}

.product--tabs__tab_specials>span {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #edf0f2;
    padding: 8px 30px;
    color: #2a0001
}

.product--tabs__tab_specials>span span {
    font-size: 14px;
    font-weight: 400
}

.product--tabs__tab_specials>span b {
    font-size: 14px;
    font-weight: 500
}

.page--desc {
    margin: 126px 0 100px
}

.page--desc img {
    display: block;
    width: 100%;
    height: unset
}

.page--desc h2 {
    font-size: 36px;
    font-weight: 700;
    color: var(--color-1);
    margin-bottom: 12px
}

.page--desc ul {
    padding-left: 19px
}

.page--desc p,
.page--desc li {
    font-size: 14px;
    font-weight: 400;
    color: #2a0001;
    line-height: 1.3em;
    margin-bottom: .9em
}

.page--desc p b,
.page--desc li b {
    font: inherit;
    font-size: 16px;
    font-weight: 700
}

.page--desc li {
    margin-bottom: 1em;
    line-height: 1.5em
}

.contacts--wrapper {
    margin: 126px 0 100px
}

.contacts--wrapper h4 {
    text-align: center;
    font-size: 32px;
    font-weight: 700;
    color: #2a0001;
    margin-bottom: 50px
}

.contacts--wrapper__grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px
}

.contacts--wrapper__item {
    display: grid;
    grid-template-columns: 36px 1fr;
    gap: 20px;
    padding: 30px 22px 17px;
    box-shadow: 0 0 16px 0 rgba(80, 79, 79, .1)
}

.contacts--wrapper__item_icon {
    position: relative;
    display: block;
    width: 100%;
    aspect-ratio: 1/1;
    background: #2a0001;
    border-radius: 50%
}

.contacts--wrapper__item_icon:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 17px;
    aspect-ratio: 1/1;
    background: #fff;
    transform: translate(-50%, -50%);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: contain;
    mask-size: contain
}

.contacts--wrapper__item_icon.map:after {
    -webkit-mask-image: url("../img/icons/contacts_placemark.svg");
    mask-image: url("../img/icons/contacts_placemark.svg")
}

.contacts--wrapper__item_icon.phone:after {
    -webkit-mask-image: url("../img/icons/contacts_phone.svg");
    mask-image: url("../img/icons/contacts_phone.svg")
}

.contacts--wrapper__item_icon.mail:after {
    -webkit-mask-image: url("../img/icons/contacts_mail.svg");
    mask-image: url("../img/icons/contacts_mail.svg")
}

.contacts--wrapper__item_caption {
    font-size: 20px;
    line-height: 1.2em;
    color: #202020;
    font-weight: 700;
    margin-bottom: 10px
}

.contacts--wrapper__item_link {
    display: block;
    width: -moz-fit-content;
    width: fit-content;
    text-decoration: none;
    font-size: 14px;
    line-height: 1.42em;
    color: #2a0001
}

.contacts--wrapper__map {
    margin-top: 30px;
    min-height: 330px
}

.contacts--wrapper__map:not(:last-child) {
    margin-bottom: 100px
}

.header--search {
    position: fixed;
    z-index: 99;
    top: -500px;
    left: 0;
    width: 100%;
    background: #fff;
    pointer-events: none;
    transition: .3s ease
}

.header--search:before {
    content: "";
    position: fixed;
    background: rgba(0, 0, 0, 0);
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    z-index: -2;
    transition: .3s ease
}

.header--search:after {
    content: "";
    position: absolute;
    inset: 0;
    background: #fff;
    z-index: -1
}

.header--search.active {
    top: 0;
    pointer-events: auto
}

.header--search.active:before {
    background: rgba(0, 0, 0, .4)
}

.header--search .header__container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 20px 0 40px
}

.header--search .header__logo {
    max-width: 96px
}

.header--search form {
    display: grid;
    grid-template-columns: 1fr 30px;
    align-items: center;
    margin-top: 20px;
    width: 80%;
    border-bottom: 1px solid #b2b2b2
}

.header--search form input:not([type=submit]) {
    background: rgba(0, 0, 0, 0);
    border: none;
    height: 48px;
    font-size: 16px
}

.header--search form input[type=submit] {
    display: block;
    width: 100%;
    aspect-ratio: 1/1;
    background: #252425;
    border: none;
    -webkit-mask: url('data:image/svg+xml;utf8,<svg width="30" height="30" viewBox="0 0 30 30" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(%23clip0_21_961)"><path d="M9 13.6667C9 14.2795 9.12071 14.8863 9.35523 15.4525C9.58975 16.0187 9.93349 16.5332 10.3668 16.9665C10.8002 17.3998 11.3146 17.7436 11.8808 17.9781C12.447 18.2126 13.0538 18.3333 13.6667 18.3333C14.2795 18.3333 14.8863 18.2126 15.4525 17.9781C16.0187 17.7436 16.5332 17.3998 16.9665 16.9665C17.3998 16.5332 17.7436 16.0187 17.9781 15.4525C18.2126 14.8863 18.3333 14.2795 18.3333 13.6667C18.3333 13.0538 18.2126 12.447 17.9781 11.8808C17.7436 11.3146 17.3998 10.8002 16.9665 10.3668C16.5332 9.93349 16.0187 9.58975 15.4525 9.35523C14.8863 9.12071 14.2795 9 13.6667 9C13.0538 9 12.447 9.12071 11.8808 9.35523C11.3146 9.58975 10.8002 9.93349 10.3668 10.3668C9.93349 10.8002 9.58975 11.3146 9.35523 11.8808C9.12071 12.447 9 13.0538 9 13.6667Z" stroke="%23252425" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/><path d="M21 21L17 17" stroke="%23252425" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/></g><circle cx="15" cy="15" r="14.5" stroke="%23252425"/><defs><clipPath id="clip0_21_961"><rect width="16" height="16" fill="white" transform="translate(7 7)"/></clipPath></defs></svg>') no-repeat center center/contain;
    mask: url('data:image/svg+xml;utf8,<svg width="30" height="30" viewBox="0 0 30 30" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(%23clip0_21_961)"><path d="M9 13.6667C9 14.2795 9.12071 14.8863 9.35523 15.4525C9.58975 16.0187 9.93349 16.5332 10.3668 16.9665C10.8002 17.3998 11.3146 17.7436 11.8808 17.9781C12.447 18.2126 13.0538 18.3333 13.6667 18.3333C14.2795 18.3333 14.8863 18.2126 15.4525 17.9781C16.0187 17.7436 16.5332 17.3998 16.9665 16.9665C17.3998 16.5332 17.7436 16.0187 17.9781 15.4525C18.2126 14.8863 18.3333 14.2795 18.3333 13.6667C18.3333 13.0538 18.2126 12.447 17.9781 11.8808C17.7436 11.3146 17.3998 10.8002 16.9665 10.3668C16.5332 9.93349 16.0187 9.58975 15.4525 9.35523C14.8863 9.12071 14.2795 9 13.6667 9C13.0538 9 12.447 9.12071 11.8808 9.35523C11.3146 9.58975 10.8002 9.93349 10.3668 10.3668C9.93349 10.8002 9.58975 11.3146 9.35523 11.8808C9.12071 12.447 9 13.0538 9 13.6667Z" stroke="%23252425" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/><path d="M21 21L17 17" stroke="%23252425" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/></g><circle cx="15" cy="15" r="14.5" stroke="%23252425"/><defs><clipPath id="clip0_21_961"><rect width="16" height="16" fill="white" transform="translate(7 7)"/></clipPath></defs></svg>') no-repeat center center/contain
}

.header--search__close {
    width: 20px;
    aspect-ratio: 1/1;
    background: #252425;
    -webkit-mask: url('data:image/svg+xml;utf8,<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"><g filter="url(%23filter0_d_21_967)"><rect x="5" y="21.1923" width="28" height="2" transform="rotate(-45 5 21.1923)" fill="%23252425"/><rect x="24.7988" y="22.6065" width="28" height="2" transform="rotate(-135 24.7988 22.6065)" fill="%23252425"/></g><defs><filter id="filter0_d_21_967" x="0.2" y="0.59331" width="30.8134" height="30.8132" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/><feOffset dy="4"/><feGaussianBlur stdDeviation="2.4"/><feComposite in2="hardAlpha" operator="out"/><feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.1 0"/><feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_21_967"/><feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_21_967" result="shape"/></filter></defs></svg>') no-repeat center center/contain;
    mask: url('data:image/svg+xml;utf8,<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"><g filter="url(%23filter0_d_21_967)"><rect x="5" y="21.1923" width="28" height="2" transform="rotate(-45 5 21.1923)" fill="%23252425"/><rect x="24.7988" y="22.6065" width="28" height="2" transform="rotate(-135 24.7988 22.6065)" fill="%23252425"/></g><defs><filter id="filter0_d_21_967" x="0.2" y="0.59331" width="30.8134" height="30.8132" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/><feOffset dy="4"/><feGaussianBlur stdDeviation="2.4"/><feComposite in2="hardAlpha" operator="out"/><feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.1 0"/><feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_21_967"/><feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_21_967" result="shape"/></filter></defs></svg>') no-repeat center center/contain;
    cursor: pointer
}

.windowmodal {
    position: fixed;
    display: flex;
    align-items: center;
    justify-content: center;
    inset: 0;
    z-index: 99;
    background: rgba(0, 0, 0, .5333333333);
    transition: .3s ease;
    opacity: 0;
    pointer-events: none
}

.windowmodal.active {
    opacity: 1;
    pointer-events: auto
}

.windowmodal__panel {
    position: relative;
    background: #fff;
    border-radius: 10px;
    padding: 25px 20px;
    transition: .3s ease;
    transform: scale(0.8);
    max-height: 95vh;
    overflow: auto
}

.windowmodal.active .windowmodal__panel {
    transform: scale(1)
}

.windowmodal__close {
    position: absolute;
    width: 50px;
    aspect-ratio: 1/1;
    right: 0;
    top: 0;
    border-radius: 10px;
    background: url('data:image/svg+xml;utf8,<svg width="16" height="16" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0.999023 1L16.5554 16.5563" stroke="%232D2D2D" stroke-linecap="square"/><path d="M16.999 1L1.44267 16.5563" stroke="%232D2D2D" stroke-linecap="square"/></svg>') no-repeat left 10px bottom 15px, #fff;
    padding: 20px 24px 15px 10px;
    cursor: pointer
}

.windowmodal__content {
    padding: 50px 66px;
    border: 1px solid #2d2d2d;
    border-radius: 10px
}

.windowmodal__content h4 {
    display: block;
    text-align: center;
    font-size: 30px;
    font-weight: 600;
    text-transform: uppercase;
    margin-bottom: 10px
}

.windowmodal__content p {
    font-size: 18px;
    font-weight: 400;
    line-height: 1.44em;
    text-align: center;
    margin-bottom: 20px
}

.windowmodal__2--columns {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 24px
}

.windowmodal form {
    display: grid;
    gap: 20px
}

.windowmodal form input:not([type=submit]):not([type=checkbox]) {
    display: block;
    width: 100%;
    height: 52px;
    border-radius: 10px;
    border: 1px solid #2d2d2d;
    padding-left: 45px
}

.windowmodal form input:not([type=submit]):not([type=checkbox])::-moz-placeholder {
    color: #363636;
    opacity: 1
}

.windowmodal form input:not([type=submit]):not([type=checkbox])::placeholder {
    color: #363636;
    opacity: 1
}

.windowmodal form input[name=firstname],
.windowmodal form input[name=inn] {
    background: url('data:image/svg+xml;utf8,<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M7.84 0.160156C3.5104 0.160156 0 3.67056 0 8.00016C0 12.3298 3.5104 15.8402 7.84 15.8402C12.1696 15.8402 15.68 12.3298 15.68 8.00016C15.68 3.67056 12.1696 0.160156 7.84 0.160156ZM7.84 15.1282C6.1632 15.1282 4.624 14.5458 3.4064 13.5762C3.8912 12.941 4.8592 12.2498 5.712 11.9714C6.2272 11.8034 6.5248 11.5506 6.5968 11.2194C6.6896 10.8018 6.3712 10.4914 6.3344 10.4578C6.2416 10.373 6.1072 10.3426 5.9872 10.3794C5.96 10.3874 5.3776 10.549 4.4208 10.117C4.7088 9.61776 4.9568 8.59536 4.9568 6.55376C4.9568 3.28336 6.4112 3.01296 8.0304 3.01296C9.1584 3.01296 10.6592 3.39856 10.6592 6.73296C10.6592 8.62896 10.9568 9.57456 11.2528 10.0466C10.8496 10.2002 10.2064 10.3794 9.5088 10.3202C9.3536 10.3042 9.2144 10.3922 9.152 10.5314C9.0176 10.8354 9.008 11.5218 9.9344 11.9346C10.6544 12.2562 11.536 12.741 12.232 13.605C11.0208 14.557 9.4976 15.1282 7.84 15.1282ZM12.7712 13.1378C11.9888 12.1714 11.0176 11.637 10.224 11.2834C10.048 11.205 9.936 11.1202 9.8704 11.0418C11.0608 11.0194 11.9936 10.4946 12.0368 10.4706C12.16 10.4002 12.2288 10.2642 12.2144 10.1234C12.2 9.99536 12.1184 9.88336 12 9.83376C11.9488 9.79696 11.3712 9.32816 11.3712 6.73136C11.3712 3.79056 10.248 2.29936 8.0304 2.29936C6.1584 2.29936 4.2448 2.80496 4.2448 6.55376C4.2448 9.27536 3.7904 9.80016 3.72 9.86416C3.6 9.89936 3.5056 9.99696 3.4752 10.1234C3.4384 10.277 3.5072 10.4354 3.6416 10.5154C4.6448 11.0978 5.432 11.149 5.856 11.117C5.8048 11.1602 5.7008 11.2258 5.4928 11.2946C4.5104 11.6162 3.4608 12.3634 2.8752 13.109C1.544 11.8146 0.7152 10.0066 0.7152 8.00336C0.712 4.06416 3.904 0.872156 7.84 0.872156C11.776 0.872156 14.968 4.06416 14.968 8.00016C14.968 10.021 14.1216 11.8418 12.7712 13.1378Z" fill="%23363636"/></svg>') no-repeat left 20px center
}

.windowmodal form input[type=email] {
    background: url('data:image/svg+xml;utf8,<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><circle cx="8.00293" cy="8" r="7.65" stroke="%2311202E" stroke-width="0.7"/><g clip-path="url(%23clip0_21_1031)"><path d="M4.25293 5.91665C4.25293 5.69563 4.34073 5.48367 4.49701 5.32739C4.65329 5.17111 4.86525 5.08331 5.08626 5.08331H10.9196C11.1406 5.08331 11.3526 5.17111 11.5089 5.32739C11.6651 5.48367 11.7529 5.69563 11.7529 5.91665V10.0833C11.7529 10.3043 11.6651 10.5163 11.5089 10.6726C11.3526 10.8288 11.1406 10.9166 10.9196 10.9166H5.08626C4.86525 10.9166 4.65329 10.8288 4.49701 10.6726C4.34073 10.5163 4.25293 10.3043 4.25293 10.0833V5.91665Z" stroke="%2311202E" stroke-width="0.7" stroke-linecap="round" stroke-linejoin="round"/><path d="M4.25293 5.91669L8.00293 8.41669L11.7529 5.91669" stroke="%2311202E" stroke-width="0.7" stroke-linecap="round" stroke-linejoin="round"/></g><defs><clipPath id="clip0_21_1031"><rect width="10" height="10" fill="white" transform="translate(3.00293 3)"/></clipPath></defs></svg>') no-repeat left 20px center
}

.windowmodal form input[type=tel] {
    background: url('data:image/svg+xml;utf8,<svg width="10" height="19" viewBox="0 0 10 19" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0.73541 0.259411C0.3955 0.376451 0.11772 0.665062 0.0301303 0.997562C0.00448034 1.08534 -0.00273994 4.12591 0.000870064 9.58575L0.0118902 18.0425L0.0958701 18.196C0.22374 18.4371 0.38467 18.598 0.60754 18.7076L0.81578 18.8101H4.56163H8.30748L8.51572 18.7076C8.73859 18.598 8.89952 18.4373 9.02739 18.196L9.11137 18.0425V9.50918V0.975712L9.00174 0.778301C8.86646 0.537191 8.66544 0.358023 8.4097 0.263023C8.21628 0.190062 8.13211 0.190062 4.56904 0.190062C1.16652 0.193672 0.91439 0.197281 0.73541 0.259411ZM8.61832 9.50918V16.3433H4.56182H0.50532V9.50918V2.67507H4.56182H8.61832V9.50918ZM4.89052 16.9353C5.10617 17.085 5.16469 17.1985 5.16469 17.4726C5.16469 17.6847 5.15006 17.7394 5.06608 17.849C4.92719 18.0318 4.74441 18.1086 4.5033 18.0901C3.90404 18.039 3.72126 17.2788 4.22913 16.9389C4.40089 16.8219 4.72237 16.8219 4.89052 16.9353Z" fill="%23363636"/></svg>') no-repeat left 20px center
}

.windowmodal form label {
    display: flex;
    gap: 8px;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    width: -moz-fit-content;
    width: fit-content;
    margin: 0 auto
}

.windowmodal form label input[type=checkbox] {
    display: block;
    width: 8px;
    aspect-ratio: 1/1;
    border: 4px solid var(--color-1);
    box-sizing: content-box;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 50%
}

.windowmodal form label input[type=checkbox]:checked {
    background: var(--color-2)
}

.windowmodal form label span {
    display: block;
    font-size: 12px;
    font-weight: 400;
    color: #888;
    width: calc(100% - 24px);
}

.windowmodal form label span a {
    font: inherit;
    color: inherit
}

.windowmodal form .action__btn {
    margin: 0 auto
}

.alerts {
    display: grid;
    gap: 5px;
    position: fixed;
    right: 20px;
    z-index: 99999;
    top: 0;
    pointer-events: none;
}

.alert__item {
    display: block;
    padding: 20px;
    width: 100%;
    width: fit-content;
    background: rgba(0, 0, 0, .6666666667);
    backdrop-filter: blur(3px);
    border-radius: 3px;
    border: 2px solid var(--color-1);
    color: #fff;
    text-align: right;
    animation: showAlert 4s ease;
    transition: .3s ease;
    opacity: 0;
}

@keyframes showAlert {
    0% {
        opacity: 0;
        transform: translateX(500px);
    }

    15% {
        opacity: 1;
        transform: translateX(0);
    }

    85% {
        opacity: 1;
        transform: translateX(0);
    }

    100% {
        opacity: 0;
        transform: translateX(500px);
    }
}

.alert__item a {
    font: inherit;
    color: #fff;
    font-weight: 600;
}

@media(max-width: 1399px) {

    .poster--main h1,
    .poster--main h2,
    .poster--main h3,
    .poster--main h4,
    .poster--main h5,
    .poster--main h6 {
        font-size: 38px
    }

    .poster--main p {
        font-size: 16px
    }

    .catalog--categories__item_name {
        font-size: 18px
    }

    .catalog--categories__item_subcategory a {
        font-size: 16px
    }

    .catalog--categories__item {
        min-height: 178px;
    }

    .catalog--categories__item:hover .catalog--categories__item_name {
        font-size: 16px;
        padding-left: 20px;
        padding-right: 20px
    }

    .catalog--categories__item_data {
        bottom: 30px;
        height: calc(100% - 50px)
    }

    .single--product__thumb {
        height: 100%
    }

    .single--product__thumb .swiper {
        height: 100%
    }
}

@media(max-width: 1199px) {
    .header__nav {
        gap: 20px
    }

    .header__nav a {
        font-size: 14px
    }

    .poster--main h1,
    .poster--main h2,
    .poster--main h3,
    .poster--main h4,
    .poster--main h5,
    .poster--main h6 {
        font-size: 30px
    }

    .windowmodal__2--columns {
        grid-template-columns: 1fr
    }

    .windowmodal__content {
        padding: 50px 20px
    }

    .catalog--categories__item {
        grid-column: unset !important;
        grid-row: unset !important;
        aspect-ratio: unset !important;
        min-height: 200px
    }

    .catalog--categories__item ul {
        display: none
    }

    .catalog--categories__item_learnmore {
        margin-top: auto
    }

    .catalog--categories__grid {
        grid-template-columns: repeat(2, 1fr)
    }

    .stats__item_num {
        font-size: 36px
    }

    .footer--form form {
        margin-top: 24px
    }

    .footer__grid {
        grid-template-columns: 3fr 6fr 3fr;
        gap: 10px
    }

    .archive--catalog__list_grid {
        grid-template-columns: repeat(2, 1fr)
    }
}

@media(max-width: 991px) {
    .header.active {
        background: unset
    }

    .header .header__container {
        display: none
    }

    .header__mobile {
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 10px;
        border-bottom: 1px solid #fff;
        background: linear-gradient(360deg, rgba(0, 0, 0, 0) 0%, #000 100%)
    }

    .header__mobile .header__logo {
        width: -moz-fit-content;
        width: fit-content
    }

    .poster--main__object {
        display: none
    }

    .poster--main__num {
        text-align: center
    }

    .poster--main h1,
    .poster--main h2,
    .poster--main h3,
    .poster--main h4,
    .poster--main h5,
    .poster--main h6 {
        text-align: center
    }

    .poster--main p {
        text-align: center
    }

    .poster--main .action__btn {
        margin: 0 auto
    }

    .poster--main .swiper-wrapper {
        padding: 150px 0 228px;
        min-height: 100vh;
        box-sizing: border-box
    }

    .company--slider__item {
        grid-template-columns: 1fr
    }

    .company--slider__item_img {
        grid-row: 1/2;
        width: 100%;
        aspect-ratio: 16/9
    }

    .stats__grid {
        grid-template-columns: repeat(2, 1fr)
    }

    .brands--wrapper__grid {
        grid-template-columns: repeat(3, 1fr)
    }

    .footer__grid {
        grid-template-columns: 1fr 2fr;
        gap: 40px 10px
    }

    .breadcrumbs {
        white-space: nowrap;
        overflow: auto;
        width: 100%
    }

    .archive--catalog__grid {
        grid-template-columns: 1fr
    }

    .poster--page h1 {
        font-size: 38px
    }

    .single--product .col-lg-1 {
        order: 2;
        margin: 20px 0 50px
    }

    .single--product .col-lg-5 {
        order: 1
    }

    .single--product .col-lg-6 {
        order: 3
    }

    .single--product__mini .swiper-button-prev {
        left: 0;
        right: auto
    }

    .single--product__mini .swiper-button-next {
        right: 0;
        left: auto
    }

    .single--product__mini .swiper-button-prev,
    .single--product__mini .swiper-button-next {
        top: 50%;
        transform: translateY(-50%)
    }

    .single--product__mini .swiper-button-next {
        transform: translateY(-50%) scale(-1, 1)
    }

    .single--product__mini img {
        height: unset;
        aspect-ratio: 86 / 120;
    }

    .page--desc img {
        margin-bottom: 20px
    }

    .contacts--wrapper__grid {
        grid-template-columns: 1fr
    }

    .tool--desc .col-lg-6:nth-child(1) {
        order: 2
    }

    .tool--desc .col-lg-6:nth-child(2) {
        order: 1;
        margin-bottom: 100px
    }

    .header__mobile--panel {
        position: fixed;
        display: grid;
        grid-template-columns: repeat(2, 1fr) 57px repeat(2, 1fr);
        bottom: 0;
        left: 0;
        width: 100%;
        padding: 3px 5px;
        background: #fff;
        z-index: 15;
        box-shadow: 0 0 8px 0 rgba(0, 0, 0, .2);
        gap: 5px
    }

    .header__mobile--panel_link {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 6px;
        text-decoration: none
    }

    .header__mobile--panel_link:hover span {
        background: #1c1e20
    }

    .header__mobile--panel_link:hover span:after {
        background: #fff
    }

    .header__mobile--panel_link:after {
        content: attr(data-name);
        font-size: 14px;
        font-weight: 500;
        color: #1c1e20
    }

    .header__mobile--panel_link span {
        position: relative;
        display: block;
        width: 24px;
        height: 24px;
        aspect-ratio: 1/1;
        border: 2px solid #1d1e20;
        border-radius: 50%
    }

    .header__mobile--panel_link span:after {
        content: "";
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 12px;
        aspect-ratio: 1/1;
        background: #1d1e20;
        -webkit-mask-repeat: no-repeat;
        mask-repeat: no-repeat;
        -webkit-mask-position: center;
        mask-position: center;
        -webkit-mask-size: contain;
        mask-size: contain
    }

    .header__mobile--panel_link.contacts span:after {
        -webkit-mask-image: url("../img/icons/mobile__btn_contacts.svg");
        mask-image: url("../img/icons/mobile__btn_contacts.svg")
    }

    .header__mobile--panel_link.search span:after {
        -webkit-mask-image: url("../img/icons/mobile__btn_search.svg");
        mask-image: url("../img/icons/mobile__btn_search.svg")
    }

    .header__mobile--panel_link.catalog span:after {
        -webkit-mask-image: url("../img/icons/mobile__btn_basket.svg");
        mask-image: url("../img/icons/mobile__btn_basket.svg")
    }

    .header__mobile--panel_link.callback span:after {
        -webkit-mask-image: url("../img/icons/mobile__btn_phone.svg");
        mask-image: url("../img/icons/mobile__btn_phone.svg")
    }

    .header__mobile--panel #menuBtn {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;
        aspect-ratio: 1/1;
        background: var(--color-1);
        border-radius: 50%;
        cursor: pointer
    }

    .header__mobile--panel #menuBtn>span {
        position: relative;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 3px;
        width: 25px;
        aspect-ratio: 1/1;
        background: url('data:image/svg+xml;utf8,<svg width="26" height="25" viewBox="0 0 26 25" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1.8471 10.0833C1.32752 10.0833 0.916687 9.67249 0.916687 9.15291V6.36166C0.916687 3.08707 3.5871 0.416656 6.86169 0.416656H9.65294C10.1725 0.416656 10.5834 0.82749 10.5834 1.34707C10.5834 1.86666 10.1725 2.27749 9.65294 2.27749H6.86169C4.6021 2.27749 2.77752 4.11416 2.77752 6.36166V9.15291C2.77752 9.67249 2.3546 10.0833 1.8471 10.0833Z" fill="white"/><path d="M24.1529 10.0833C23.6454 10.0833 23.2225 9.67249 23.2225 9.15291V6.36166C23.2225 4.10207 21.3859 2.27749 19.1384 2.27749H16.3471C15.8275 2.27749 15.4167 1.85457 15.4167 1.34707C15.4167 0.839573 15.8275 0.416656 16.3471 0.416656H19.1384C22.4129 0.416656 25.0834 3.08707 25.0834 6.36166V9.15291C25.0834 9.67249 24.6725 10.0833 24.1529 10.0833Z" fill="white"/><path d="M19.1383 24.5833H17.4587C16.9512 24.5833 16.5283 24.1725 16.5283 23.6529C16.5283 23.1454 16.9392 22.7225 17.4587 22.7225H19.1383C21.3979 22.7225 23.2225 20.8858 23.2225 18.6383V16.9708C23.2225 16.4633 23.6333 16.0404 24.1529 16.0404C24.6604 16.0404 25.0833 16.4512 25.0833 16.9708V18.6383C25.0833 21.9129 22.4129 24.5833 19.1383 24.5833Z" fill="white"/><path d="M9.65294 24.5833H6.86169C3.5871 24.5833 0.916687 21.9129 0.916687 18.6383V15.8471C0.916687 15.3275 1.32752 14.9167 1.8471 14.9167C2.36669 14.9167 2.77752 15.3275 2.77752 15.8471V18.6383C2.77752 20.8979 4.61419 22.7225 6.86169 22.7225H9.65294C10.1604 22.7225 10.5834 23.1333 10.5834 23.6529C10.5834 24.1725 10.1725 24.5833 9.65294 24.5833Z" fill="white"/></svg>')
    }

    .header__mobile--panel #menuBtn>span span {
        display: block;
        width: 10px
    }

    .header__mobile--panel #menuBtn>span:after,
    .header__mobile--panel #menuBtn>span:before {
        content: "";
        width: 16px
    }

    .header__mobile--panel #menuBtn>span span,
    .header__mobile--panel #menuBtn>span:after,
    .header__mobile--panel #menuBtn>span:before {
        height: 2px;
        background: #fff;
        border-radius: 100px;
        transition: .3s ease
    }

    .header__mobile--panel #menuBtn.active>span span {
        opacity: 0
    }

    .header__mobile--panel #menuBtn.active>span:before {
        transform: translateY(5px) rotate(-45deg)
    }

    .header__mobile--panel #menuBtn.active>span:after {
        transform: translateY(-5px) rotate(45deg)
    }

    .header__mobile--menu {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        bottom: 63px;
        z-index: 14;
        background: #1d1e20;
        padding: 83px 44px 20px;
        overflow: auto;
        opacity: 0;
        pointer-events: none;
        transition: .3s ease
    }

    .header__mobile--menu.active {
        opacity: 1;
        pointer-events: auto
    }

    .header__mobile--menu_caption {
        display: block;
        text-align: center;
        font-size: 22px;
        color: #fff;
        font-weight: 700;
        text-transform: uppercase
    }

    .header__mobile--menu_caption.small {
        font-size: 18px
    }

    .header__mobile--menu_nav {
        padding-left: 0;
        margin-bottom: 30px;
        list-style: none
    }

    .header__mobile--menu_nav a {
        position: relative;
        display: block;
        width: -moz-fit-content;
        width: fit-content;
        color: #fff;
        text-decoration: none;
        font-size: 16px;
        font-weight: 500;
        transition: .3s ease
    }

    .header__mobile--menu_nav li:has(>ul)>a:after {
        content: "";
        position: absolute;
        display: inline-block;
        width: 7px;
        right: 0;
        top: 50%;
        aspect-ratio: 1/2;
        background: #fff;
        transform: translateY(-50%) translateX(100%) translateX(8px);
        transform-origin: center center;
        transition: .3s ease;
        -webkit-mask: url('data:image/svg+xml;utf8,<svg width="7" height="14" viewBox="0 0 7 14" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1.16129 14.0006C1.31069 14.0011 1.4583 13.9681 1.59328 13.9041C1.72825 13.8401 1.84717 13.7466 1.94129 13.6306L6.77129 7.63058C6.91837 7.45165 6.99878 7.22721 6.99878 6.99558C6.99878 6.76396 6.91837 6.53951 6.77129 6.36058L1.77129 0.360581C1.60155 0.156364 1.35764 0.0279398 1.09322 0.00356011C0.828789 -0.0208196 0.565508 0.0608423 0.361291 0.230581C0.157075 0.400319 0.0286508 0.644231 0.00427103 0.908657C-0.0201087 1.17308 0.0615525 1.43636 0.231291 1.64058L4.70129 7.00058L0.381292 12.3606C0.259009 12.5074 0.181332 12.6861 0.157452 12.8757C0.133573 13.0652 0.164489 13.2576 0.246545 13.4302C0.328601 13.6027 0.458361 13.7481 0.620471 13.8492C0.782582 13.9503 0.970258 14.0028 1.16129 14.0006Z" fill="white"/></svg>') no-repeat center center/contain;
        mask: url('data:image/svg+xml;utf8,<svg width="7" height="14" viewBox="0 0 7 14" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1.16129 14.0006C1.31069 14.0011 1.4583 13.9681 1.59328 13.9041C1.72825 13.8401 1.84717 13.7466 1.94129 13.6306L6.77129 7.63058C6.91837 7.45165 6.99878 7.22721 6.99878 6.99558C6.99878 6.76396 6.91837 6.53951 6.77129 6.36058L1.77129 0.360581C1.60155 0.156364 1.35764 0.0279398 1.09322 0.00356011C0.828789 -0.0208196 0.565508 0.0608423 0.361291 0.230581C0.157075 0.400319 0.0286508 0.644231 0.00427103 0.908657C-0.0201087 1.17308 0.0615525 1.43636 0.231291 1.64058L4.70129 7.00058L0.381292 12.3606C0.259009 12.5074 0.181332 12.6861 0.157452 12.8757C0.133573 13.0652 0.164489 13.2576 0.246545 13.4302C0.328601 13.6027 0.458361 13.7481 0.620471 13.8492C0.782582 13.9503 0.970258 14.0028 1.16129 14.0006Z" fill="white"/></svg>') no-repeat center center/contain
    }

    .header__mobile--menu_nav ul {
        display: none;
        margin: 10px 0;
        list-style: none;
        padding-left: 20px
    }

    .header__mobile--menu_nav ul a {
        font-size: 14px
    }

    .header__mobile--menu_nav li {
        margin-bottom: .4em
    }

    .header__mobile--menu_nav li.active>ul {
        display: block
    }

    .header__mobile--menu_nav li.active>a {
        color: var(--color-1)
    }

    .header__mobile--menu_nav li.active>a:after {
        background: var(--color-1);
        transform: translateY(-50%) translateX(100%) translateX(8px) rotate(180deg)
    }

    .header__mobile--menu_link {
        display: block;
        width: -moz-fit-content;
        width: fit-content;
        margin: 0 auto;
        font-size: 16px;
        font-weight: 500;
        color: #fff;
        margin-bottom: 10px
    }

    .header__mobile--menu_link[href*="tel:"] {
        color: var(--color-1);
        text-decoration: none;
        font-size: 20px;
        font-weight: 700
    }

    .company--slider__wrapper>.container {
        position: relative !important;
        order: 1;
        margin: 50px auto;
    }

    .company--slider__wrapper>.container .col-12 {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 20px;
    }

    .company--slider__wrapper>.container .col-12 .swiper-button-prev,
    .company--slider__wrapper>.container .col-12 .swiper-button-next {
        position: relative;
        left: unset;
        right: unset;
        margin: unset;
    }

    .company--slider__wrapper {
        display: flex;
        flex-direction: column;
        align-items: center;
        max-width: 100%;
        width: 100%;
    }

    .company--slider__wrapper .swiper {
        width: 100%;
    }

    @media(max-width: 767px) {
        .catalog--categories__grid {
            grid-template-columns: 1fr
        }

        .brands--wrapper__grid {
            grid-template-columns: repeat(2, 1fr)
        }

        .footer--form form {
            grid-template-columns: 1fr
        }

        .footer--form__bottom {
            grid-column: 1/2;
            grid-template-columns: 1fr
        }

        .footer__grid {
            grid-template-columns: 1fr
        }

        .footer__catalog {
            grid-template-columns: 1fr
        }

        .footer__bottom {
            flex-direction: column;
            gap: 24px;
            margin-bottom: 50px
        }

        .archive--catalog__list_grid {
            grid-template-columns: 1fr
        }

        .archive--catalog__list_top {
            flex-direction: column;
            gap: 30px;
            margin-top: 50px
        }

        .contacts--wrapper h4 {
            font-size: 26px
        }
    }

    @media(max-width: 575px) {

        .poster--main h1,
        .poster--main h2,
        .poster--main h3,
        .poster--main h4,
        .poster--main h5,
        .poster--main h6 {
            font-size: 7vw
        }

        .poster--main p {
            font-size: 5vw
        }

        .poster--main p br {
            display: none
        }

        .catalog--categories__item:hover {
            transform: scale(1)
        }

        .tool--desc h3 {
            font-size: 4.2vw
        }

        .tool--desc h2 {
            font-size: 5.9vw
        }

        .company--slider__item_data h3 {
            font-size: 5.1vw
        }

        .company--slider__item_data h4 {
            font-size: 3.5vw
        }

        .company--slider__item_data p {
            font-size: 14px
        }

        .stats__grid {
            grid-template-columns: 1fr;
            gap: 40px
        }

        .section__title {
            font-size: 7vw
        }

        .footer--form h4 {
            font-size: 7.6vw
        }

        .catalog--categories__item_data {
            right: 12px
        }

        .windowmodal__content {
            padding: 20px 0;
            border: none
        }

        .windowmodal__content h4 {
            font-size: 27px
        }

        .windowmodal__content p {
            font-size: 14px
        }

        .poster--page h1 {
            font-size: 7vw
        }

        .single--product__specials>span {
            flex-direction: column;
            align-items: flex-start;
            margin-bottom: 15px
        }

        .product--tabs__tab_specials>span {
            flex-direction: column;
            align-items: flex-start
        }

        .page--desc h2 {
            font-size: 6.5vw
        }

        .header__mobile--panel_link {
            flex-direction: column
        }

        .archive--catalog__list_pagination ul {
            flex-wrap: wrap;
        }
    }

    @media(max-width: 420px) {
        .archive--catalog__list_top label {
            flex-direction: column;
            align-items: flex-start;
            gap: 10px
        }

        .archive--catalog__list_top label select {
            width: 100%;
            background: url('data:image/svg+xml;utf8,<svg width="14" height="8" viewBox="0 0 14 8" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 7L7 1L13 7" stroke="%238B9198" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>') no-repeat center right 16px !important
        }

        .contacts--wrapper__item {
            grid-template-columns: 1fr
        }

        .contacts--wrapper__item_icon {
            width: 36px
        }

        .header__mobile--panel_link {
            gap: 3px
        }

        .header__mobile--panel_link:after {
            font-size: 12px
        }

        .product--tabs__tab_desc {
            padding: 10px;
        }

        .product--tabs__tab_desc ul {
            padding: 0;
        }

        .windowmodal form input:not([type=submit]):not([type=checkbox]) {
            padding: 0 10px;
        }
    }e--desc h2 {
            font-size: 6.5vw
        }

        .header__mobile--panel_link {
            flex-direction: column
        }

        .archive--catalog__list_pagination ul {
            flex-wrap: wrap;
        }
    }

    @media(max-width: 420px) {
        .archive--catalog__list_top label {
            flex-direction: column;
            align-items: flex-start;
            gap: 10px
        }

        .archive--catalog__list_top label select {
            width: 100%;
            background: url('data:image/svg+xml;utf8,<svg width="14" height="8" viewBox="0 0 14 8" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 7L7 1L13 7" stroke="%238B9198" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>') no-repeat center right 16px !important
        }

        .contacts--wrapper__item {
            grid-template-columns: 1fr
        }

        .contacts--wrapper__item_icon {
            width: 36px
        }

        .header__mobile--panel_link {
            gap: 3px
        }

        .header__mobile--panel_link:after {
            font-size: 12px
        }

        .product--tabs__tab_desc {
            padding: 10px;
        }

        .product--tabs__tab_desc ul {
            padding: 0;
        }

        .windowmodal form input:not([type=submit]):not([type=checkbox]) {
            padding: 0 10px;
        }
    }