@charset "UTF-8";
/* @include adaptive-all(свойство которое нужно менять, начальное значение, конечное(минимальное) значение, режим) */
[class*=__container] {
    max-width: 1470px;
    width: 100%;
    padding: 0 15px;
    margin: 0 auto;
}

:root {
    --black-color: #08090b;
    --grey-color: #525354;
    --background-color: #f5f5fa;
    --white-color: #fff;
    --orange-color: linear-gradient(180deg, #fe6a2d 0%, #fc4738 100%);
    --darkBlue-color: #0c023b;

    --text-color: hsla(210, 50%, 85%, 1);
    --shadow-color: hsla(210, 40%, 52%, .4);
    --btn-color: hsl(210, 80%, 42%);
    --bg-color: #fff;
}

*,
*::after,
*::before {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}


.price-inline {
    font-weight: bold;
    flex: 0 0 auto;
}

@media screen and (max-width: 768px) {
    .price-inline {
        margin-bottom: 13px;
    }
}

.cat-article {
    background-color: #fff !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.cat-article .article__container {
    flex-direction: column !important;
    gap: 0 !important;
}

.cat-article .article__body {
    flex: 1 !important;
}

.cat-article .article__text {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
    border-bottom: 0 !important;
}

.cat-article .article__text h2 {
    margin-top: 15px;

    color: #000a28;
    font-family: Manrope;
    font-size: 32px;
    font-weight: 600;
    line-height: 1.2;
    margin-bottom: 35px;
}

.cat-article .article__text h3 {
    font-size: 1.2em !important;
    font-weight: bold !important;
}

.cat-article .article__text p {
    margin-bottom: 10px;
}

.cat-article .article__text ul {
    margin: 15px 0;
    list-style-type: disc;

    font-family: Onest;
    color: var(--grey-color);
    font-size: 16px;
    font-weight: 400;
    line-height: 1.3;
    margin-bottom: 55px;
    padding-left: 10px;
}

.cat-article .article__text ul li {
    list-style-type: disc;
    line-height: 1.5;
    display: flex;
    gap: 10px;
    align-items: center;
}
.cat-article .article__text ul li:not(:last-child) {
    margin-bottom: 15px;
}

.cat-article .article__text ul li::before {
    content: "";
    display: block;
    flex: 0 0 9px;
    aspect-ratio: 1;
    background-color: #fe6a2d;
    border-radius: 100%;
}

.cat-article .article__text table {
    margin-top: 20px;
    margin-bottom: 20px;
}

.benefits {
    margin-top: 100px;
}


html {
    height: 100%;
}

body {
    height: 100%;
    font-family: "Roboto";
    font-size: 16px;
    font-weight: 400;
    line-height: normal;
    margin: 0;
    padding: 0;
}

ul,
li {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

a {
    text-decoration: none;
    display: inline-block;
}

button {
    font-family: inherit;
    background-color: transparent;
    padding: 0;
    margin: 0;
    border: 0;
    cursor: pointer;
}

h1,
h2,
h3,
h4,
h5,
h6,
p,
a {
    font-weight: inherit;
    font-size: inherit;
    line-height: inherit;
    margin: 0;
    padding: 0;
    color: inherit;
}

img {
    vertical-align: top;
}

input[type=search]::-webkit-search-cancel-button {
    display: none;
}

.wrapper {
    min-height: 100%;
    display: flex;
    flex-direction: column;
    position: relative;
    overflow: hidden;
    margin: 0 auto;
}

.main {
    flex: 1 1 auto;
}

.main .container {
    background-color: #fff;
}

.pages {
    padding-top: 100px;
    display: flex;
    flex-direction: column;
    justify-content: start;
    align-items: center;
    background: linear-gradient(66deg, #e38010, #1535bf);
    height: 100vh;
}

.pages a {
    font-size: 18px;
    font-family: "Roboto", serif;
    padding: 5px 20px;
    color: #fff;
    border-radius: 10px;
    background: linear-gradient(85deg, #fb63f9, #c2e534);
}

.pages a:not(:last-child) {
    margin-bottom: 15px;
}

.pages a:nth-child(2n) {
    background: linear-gradient(21deg, #dd03e4, #5611ec);
}

.pages a:nth-child(3n) {
    background: linear-gradient(4deg, #5462c3, #ba872c);
}

body.lock {
    overflow: hidden;
}

.main-btn {
    display: inline-flex;
    padding: 12px 52px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    border-radius: 10px;
    background: var(--orange-color);
    transition: 0.3s ease;
}

@media (any-hover: hover) {
    .main-btn:hover {
        background: linear-gradient(180deg, #fd7c4d 0%, #ff6a57 100%);
    }
}

.main-btn:active {
    background: linear-gradient(180deg, #fd7c4d 0%, #ff6a57 100%);
}

.main-btn:disabled {
    background: linear-gradient(180deg, #feb69c 0%, #ff9c90 100%);
}

.secondary-btn {
    color: var(--black-color);
    text-align: center;
    font-size: 17px;
    font-weight: 500;
    line-height: 1.32;
    border-radius: 10px;
    border: 1px solid #fe7b4f;
    background: linear-gradient(180deg, #fff 0%, rgba(255, 255, 255, 0) 100%);
    transition: 0.3s ease;
}

.secondary-btn:active {
    border-color: #fe4a07;
    background: var(--white, #fff);
    color: #f64630;
}

.secondary-btn:disabled {
    color: #ffab97;
    border-color: #ffa795;
    background: var(--white, #fff);
}

@media (any-hover: hover) {
    .secondary-btn:hover {
        background: linear-gradient(180deg, #ff7453 0%, #fc4738 100%);
        background-clip: text;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
    }
}

.orange-accent {
    background: var(--orange, linear-gradient(180deg, #fe6a2d 0%, #fc4738 100%));
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.line-pagination .swiper-pagination-bullet {
    opacity: 1;
    background: rgba(255, 255, 255, 0.5);
    height: 4px;
    border-radius: 10px;
    width: 50px;
    backdrop-filter: blur(10px);
}


.line-pagination .swiper-pagination-bullet-active {
    background: linear-gradient(180deg, #FE6A2D 0%, #FC4738 100%);
}

.custom-checkbox {
    cursor: pointer;
    position: relative;
    color: var(--grey-color);
}

.custom-checkbox input {
    position: absolute;
    z-index: -2;
    opacity: 0;
}

.custom-checkbox input:checked + .checkbox img {
    opacity: 1;
}

.custom-checkbox .checkbox {
    flex: 0 0 auto;
    position: relative;
    width: 20px;
    aspect-ratio: 1;
    display: inline-block;
    border-radius: 4px;
    border: 1px solid var(--orange, #fe6a2d);
}

.custom-checkbox .checkbox img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    transition: 0.3s ease;
    opacity: 0;
}

.header {
    top: 0;
    left: 0;
    width: 100%;
    color: var(--70-black, #525354);
}

.header__container {
    display: flex;
    align-items: center;
    gap: 15px;
}

.header__logo {
    margin-right: 60px;
}

@media (max-width: 1440px) {
    .header__logo {
        margin-right: calc(10px + 50 * ((100vw - 320px) / 1120));
    }
}

@media screen and (max-width: 1200px) {
    .header__logo {
        margin-right: 0px;
    }
}

@media screen and (max-width: 768px) {
    .header__logo img {
        max-width: 100%;
    }
}

@media screen and (max-width: 425px) {
    .header__logo {
        max-width: 100px;
    }
}

.header__search-form {
    position: relative;
    display: flex;
    align-items: center;
    flex: 1 1 auto;
    border-radius: 10px;
    border: 1px solid #ddd;
    overflow: hidden;
}

.header__search {
    width: 100%;
    padding: 15px 40px 15px 20px;
    border: none;
    outline: none;
    font-size: 14px;
}

.header__search:placeholder {
    color: #fafafa;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.3;
}

@media screen and (max-width: 425px) {
    .header__search:placeholder {
        font-size: 10px;
    }
}

@media screen and (max-width: 768px) {
    .header__search {
        padding: 10px 30px 10px 10px;
        font-size: 11px;
    }
}

.header__search-form-btn {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
}

.header__search-form-btn img {
    max-width: 100%;
}

.header-menu-wrapper.fixed {
    position: fixed;
    width: 100%;
    z-index: 9;
    top: 60px;
    padding: 15px 0;
    background: rgba(255, 255, 255, 0.8);
    box-shadow: 0px 13px 10px 2px rgba(34, 60, 80, 0.11);
    backdrop-filter: blur(20px);
}

.hidden_desct {
    display: none;
}

@media screen and (max-width: 768px) {
    .hidden_desct {
        display: block;
    }

    .header-menu-wrapper.fixed {
        display: none;
    }
}

.header__wrapper {
    position: relative;
    max-width: 100%;
    flex: 0 1 auto;
    display: flex;
    align-items: center;
}

@media screen and (max-width: 1200px) {
    .header__wrapper {
        max-width: 81.5%;
    }
}

@media screen and (max-width: 768px) {
    .header__wrapper {
        display: none;
    }
}

.header__cart {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    mix-blend-mode: difference;
    font-family: Manrope;
    font-size: 20px;
    color: var(--white, #fff);
    font-weight: 600;
    line-height: 1.3;
    margin-left: 45px;
    margin-right: 20px;
}

.header__cart svg {
    display: block;
    width: 34px;
    height: 34px;
}

@media screen and (max-width: 992px) {
    .header__cart {
        margin-left: auto;
        margin-right: 0;
    }
}

@media screen and (max-width: 768px) {
    .header__cart {
        display: none;
    }
}

.header .header-slider__container {
    position: relative;
    z-index: 3;
    display: flex;
    align-items: center;
}

.header-top {
    background-color: var(--background-color);
}

.header-top .header__container {
    padding: 15px;
}

@media screen and (max-width: 768px) {
    .header-top .header__container {
        gap: 15px;
        flex-wrap: wrap;
    }
}

.header-top .arrow {
    width: 11px;
    height: 6px;
}

.header-top__city {
    flex: 1 1 auto;
    position: relative;
}

.header-top__city-btn {
    display: flex;
    align-items: center;
    font-family: inherit;
    font-size: 18px;
}

@media screen and (max-width: 425px) {
    .header-top__city-btn {
        font-size: 14px;
    }
}

.header-top__city-btn svg {
    display: block;
}

.header-top__city-btn svg.location {
    width: 24px;
    height: 24px;
}

.header-top__city-btn svg.arrow {
    width: 11px;
    height: 6px;
}

.header-top__city-btn span {
    margin-left: 14px;
    margin-right: 11px;
}

@media screen and (max-width: 425px) {
    .header-top__city-btn span {
        margin-left: 8px;
        margin-right: 8px;
    }
}

.header-top__nav {
    display: flex;
    align-items: center;
    gap: 40px;
}

@media (max-width: 1440px) {
    .header-top__nav {
        gap: calc(10px + 30 * ((100vw - 320px) / 1120));
    }
}

@media screen and (max-width: 768px) {
    .header-top__nav {
        display: none;
    }
}

.header-top__nav-link {
    font-size: 15px;
    line-height: 1.3;
    z-index: 9;
}

.header-top__nav-link--submenu {
    display: flex;
    align-items: center;
    gap: 7px;
    position: relative;
}

.header-top__nav-link--submenu > a {
    position: relative;
    z-index: 11;
}

.header-top__nav-link--submenu .header-top__nav-link-dropdown {
    position: absolute;
    top: 0;
    padding-top: 40px;
    z-index: 10;
    visibility: hidden;
    opacity: 0;
    transition: ease-in-out 0.3s;
    transform: translateY(-10%);
}

.header-top__nav-link--submenu .arrow {
    transition: ease-in-out 0.3s;
}

.header-top__nav-link--submenu.show .arrow {
    rotate: 180deg;
}

.header-top__nav-link--submenu.show .header-top__nav-link-dropdown {
    visibility: visible;
    opacity: 1;
    transform: translateY(0);
}

.header-top__nav-link--submenu ul {
    width: 350px;
    padding: 20px 0;
    border-radius: 10px;
    background-color: #f5f5fa;
}

.header-top__nav-link--submenu ul li {
    color: var(--grey-color, #525354);
    font-size: 18px;
    line-height: 2;
    transition: 0.3s ease;
    padding-left: 20px;
    position: relative;
}

.header-top__nav-link--submenu ul li:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    width: 2px;
    height: 100%;
    background-color: #fe6a2d;
    opacity: 0;
    transition: 0.3s ease;
}

.header-top__nav-link--submenu ul li:hover {
    background-color: #fff;
}

.header-top__nav-link--submenu ul li:hover:hover::before {
    opacity: 1;
}

.header-top__tel--mobile {
    display: none;
    font-size: 16px;
    color: var(--darkBlue-color);
}

@media screen and (max-width: 768px) {
    .header-top__tel--mobile {
        display: block;
    }
}

.header-bottom {
    margin-bottom: 15px;
    padding: 15px 0 5px;
    height: 82px;
    position: relative;
    /*z-index: 10;*/
}

.header-bottom .header__container {
    gap: 0;
}

.header-bottom__wrapper {
    position: relative;
}

.header-bottom__wrapper.fixed {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 9;
    background: rgba(255, 255, 255, 0.9);
    backdrop-filter: blur(20px);
}

@media screen and (max-width: 768px) {
    .header-bottom {
        height: auto;
    }
}

.header-bottom__action {
    display: flex;
    gap: 10px;
    flex: 1 1 auto;
    margin-right: 60px;
}

@media (max-width: 1440px) {
    .header-bottom__action {
        margin-right: calc(20px + 40 * ((100vw - 320px) / 1120));
    }
}

@media screen and (max-width: 1200px) {
    .header-bottom__action {
        margin-right: 15px;
    }
}

@media screen and (max-width: 768px) {
    .header-bottom__action {
        margin-right: 0;
    }
}

.header-bottom__catalog {
    color: var(--white, #fff);
    font-family: Manrope;
    font-size: 18px;
    font-weight: 500;
    line-height: 1.3;
    gap: 12px;
    padding: 12px 25px 12px 22px;
}

.header-bottom__catalog .svg {
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-self: center;
}

.header-bottom__catalog svg {
    stroke: #fff;
    display: block;
    width: 24px;
    height: 24px;
}

@media screen and (max-width: 768px) {
    .header-bottom__catalog {
        display: none;
    }
}

.header-bottom__catalog.active svg {
    width: 17px;
    height: 17px;
}

.header-bottom__contacts {
    display: flex;
    gap: 60px;
}

@media (max-width: 1440px) {
    .header-bottom__contacts {
        gap: calc(20px + 40 * ((100vw - 320px) / 1120));
    }
}

@media screen and (max-width: 1200px) {
    .header-bottom__contacts {
        gap: 20px;
    }
}

.header-bottom__contacts-item {
    display: flex;
    flex-direction: column;
    line-height: 1.3;
    color: var(--dark-blue, #0c023b);
    font-family: Manrope;
    font-size: 18px;
    font-weight: 600;
}

.header-bottom__contacts-item.--item {
    text-align: right;
}

.header-bottom__contacts-item span {
    color: var(--grey-color);
    font-size: 14px;
    text-align: right;
    font-weight: 400;
}

@media screen and (max-width: 1100px) {
    .header-bottom__contacts-item span {
        font-size: 12px;
    }
}

.header-bottom__contacts-item span a.accent {
    background: var(--orange, linear-gradient(180deg, #fe6a2d 0%, #fc4738 100%));
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

@media screen and (max-width: 1200px) {
    .header-bottom__contacts-item {
        font-size: 15px;
    }
}

@media screen and (max-width: 1100px) {
    .header-bottom__contacts-item {
        font-size: 13px;
    }
}

@media screen and (max-width: 992px) {
    .header-bottom__contacts-item {
        display: none;
    }
}

.header-bottom-mob {
    background-color: var(--darkBlue-color);
    display: none;
}

@media screen and (max-width: 768px) {
    .header-bottom-mob {
        display: block;
    }
}

.header-bottom-mob__container {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    gap: 15px;
}

@media screen and (max-width: 768px) {
    .header-bottom-mob .header-bottom__catalog {
        display: flex;
        align-self: center;
        padding: 22px 0;
    }
}

.mobile-cart {
    display: flex;
    padding: 22px 4px 22px 0;
    align-self: center;
    position: relative;
    align-items: start;
    font-family: Manrope;
    font-weight: 600;
    line-height: 1;
    flex-direction: row-reverse;
    flex: 0 0 auto;
    color: var(--black-color);
    font-size: 20px;
    gap: 15px;
}

.cart-counter {
    white-space: nowrap;
}

@media screen and (max-width: 992px) {
    .mobile-cart {
        margin-left: 30px;
    }
}

@media screen and (max-width: 992px) and (max-width: 1440px) {
    .mobile-cart {
        margin-left: calc(10px + 20 * ((100vw - 320px) / 1120));
    }
}

@media screen and (max-width: 768px) {
    .mobile-cart {
        margin-left: 0;
        gap: 15px;
        color: #fff;
        flex-direction: row;
    }
}

.mobile-cart svg {
    display: block;
    width: 34px;
    height: 34px;
    fill: #000;
}

@media screen and (max-width: 768px) {
    .mobile-cart svg {
        width: 24px;
        height: 24px;
        fill: #fff;
    }
}

.mobile-cart span:has(svg) {
    position: relative;
}

.mobile-cart span:has(svg):after {
    content: "";
    position: absolute;
    top: -5px;
    right: -7px;
    width: 13px;
    height: 13px;
    background: var(--orange-color);
    border-radius: 50%;
    border: 2px solid #fff;
    transform: scale(0);
    transition: 0.3s ease;
}

@media screen and (max-width: 768px) {
    .mobile-cart span:has(svg):after {
        width: 10px;
        height: 10px;
    }
}

.mobile-cart.active span:has(svg)::after {
    transform: scale(1);
}

#cart {
    width: 130px;
    margin-left: 30px;
}

.main-header .mobile-cart {
    padding-top: 0;
    padding-bottom: 0;
}

.main-header .mobile-cart svg {
    fill: #000;
}

.main-page.main-header .mobile-cart svg {
    fill: #fff;
}

.main-page.main-header .cart-counter {
    color: #fff;
}

.intro {
    margin-top: -53px;
    padding-top: 4px;
    margin-bottom: 129px;
}

@media screen and (max-width: 768px) {
    .intro {
        padding-top: 0;
        margin-top: 0;
    }
}

@media (max-width: 1440px) {
    .intro {
        margin-bottom: calc(30px + 99 * ((100vw - 320px) / 1120));
    }
}

.intro__container {
    position: relative;
    min-height: 710px;
    background: url("/image/catalog/pipe/intro-bg-new.jpg") 0 0 no-repeat;
    background-size: cover;
}

@media screen and (max-width: 992px) {
    .intro__container {
        min-height: 740px;
    }
}

@media screen and (max-width: 768px) {
    .intro__container {
        background: url("/image/catalog/pipe/intro-bg-2.jpg") center no-repeat;
        background-size: cover;
        transform: scaleX(-1);
        min-height: initial;
        padding-bottom: 40px;
    }
}

.intro__container:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.7);
    display: none;
}

@media screen and (max-width: 768px) {
    .intro__container:after {
        display: block;
    }
}

.intro__category-slider {
    margin-left: 0;
    margin-right: 0;
}

.intro__slide {
    flex: 0 0 auto;
    width: initial;
}

.intro__slide a {
    width: 100%;
    font-size: 14px;
}

.intro__text {
    position: relative;
    z-index: 2;
    text-wrap: balance;
    color: var(--white, #fff);
    padding-left: 40px;
    padding-top: 188px;
}

@media screen and (max-width: 1360px) {
    .intro__text {
        padding-top: 128px;
    }
}

@media screen and (max-width: 1360px) and (max-width: 1440px) {
    .intro__text {
        padding-top: calc(60px + 68 * ((100vw - 320px) / 1120));
    }
}

@media screen and (max-width: 992px) {
    .intro__text {
        padding-top: 130px;
        padding-left: 20px;
    }
}

@media screen and (max-width: 768px) {
    .intro__text {
        padding-top: 50px;
        transform: scaleX(-1);
        padding-left: 0;
    }
}

.intro__title {
    font-family: Manrope;
    font-size: 56px;
    font-style: normal;
    font-weight: 600;
    line-height: 1.1;
    letter-spacing: -1.12px;
    margin-bottom: 55px;
}

@media (max-width: 1440px) {
    .intro__title {
        font-size: calc(26px + 30 * ((100vw - 320px) / 1120));
    }
}

@media (max-width: 1440px) {
    .intro__title {
        margin-bottom: calc(20px + 35 * ((100vw - 320px) / 1120));
    }
}

.intro__subtitle {
    font-size: 30px;
    line-height: 1.3;
    margin-bottom: 89px;
    max-width: 509px;
}

@media (max-width: 1440px) {
    .intro__subtitle {
        font-size: calc(15px + 15 * ((100vw - 320px) / 1120));
    }
}

@media (max-width: 1440px) {
    .intro__subtitle {
        margin-bottom: calc(52px + 37 * ((100vw - 320px) / 1120));
    }
}

.intro__link {
    color: inherit;
    padding: 26px 31px;
    font-size: 17px;
}

@media (max-width: 1440px) {
    .intro__link {
        font-size: calc(14px + 3 * ((100vw - 320px) / 1120));
    }
}

@media screen and (max-width: 768px) {
    .intro__link {
        padding: 21px 31px;
    }
}

.intro__benefits {
    display: flex;
    justify-content: flex-end;
    position: absolute;
    bottom: 0;
    right: 15px;
    width: 97%;
    z-index: 1;
}

@media screen and (max-width: 768px) {
    .intro__benefits {
        transform: scaleX(-1);
        position: relative;
        width: initial;
        right: initial;
        bottom: initial;
        margin-top: 44px;
    }
}

.intro__benefits-items {
    max-width: 956px;
    flex: 1 1 auto;
    display: flex;
    justify-content: space-between;
}

@media screen and (max-width: 768px) {
    .intro__benefits-items {
        flex-wrap: wrap;
        row-gap: 25px;
        column-gap: 15px;
    }
}

.intro__benefits-item {
    flex: 0 0 auto;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    row-gap: 15px;
}

.intro__benefits-item img {
    max-width: 100%;
}

@media screen and (max-width: 768px) {
    .intro__benefits-item {
        flex: 0 0 47%;
    }
}

@media screen and (max-width: 310px) {
    .intro__benefits-item {
        flex: 0 0 100%;
    }
}

.intro__benefits-item-text {
    color: var(--black-color);
    line-height: 1.3;
}

@media screen and (max-width: 768px) {
    .intro__benefits-item-text {
        color: #fff;
    }
}

.intro-swiper__btn {
    width: 28px;
    height: 28px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background-color: #f5f5fa;
    z-index: 2;
    flex: 0 0 auto;
    transition: 0.3s ease;
}

.intro-swiper__btn svg {
    display: block;
    fill: #fe6a2d;
    transition: 0.3s ease;
}

@media (any-hover: hover) {
    .intro-swiper__btn:hover {
        background-color: #fe6a2d;
    }

    .intro-swiper__btn:hover svg {
        fill: #fff;
    }
}

.intro-swiper__btn.prev {
    top: 55%;
    transform: translateY(-50%) rotate(180deg);
    left: -1px;
    position: absolute;
}

.intro-swiper__btn.next {
    margin-left: 13px;
}

.intro-swiper__btn.swiper-button-disabled {
    opacity: 0;
    pointer-events: none;
}

.section-header {
    display: flex;
    gap: 15px;
    flex-wrap: wrap;
    justify-content: space-between;
    border-bottom: 2px solid #dedede;
    margin-bottom: 50px;
}

@media (max-width: 1440px) {
    .section-header {
        margin-bottom: calc(25px + 25 * ((100vw - 320px) / 1120));
    }
}

.section-header__title {
    position: relative;
    color: var(--black-color);
    font-family: Manrope;
    font-size: 42px;
    font-style: normal;
    font-weight: 600;
    line-height: 1.1;
    letter-spacing: -0.84px;
    padding-bottom: 30px;
    flex: 0 0 auto;
}

@media (max-width: 1440px) {
    .section-header__title {
        font-size: calc(26px + 16 * ((100vw - 320px) / 1120));
    }
}

@media screen and (max-width: 768px) {
    .section-header__title {
        flex: 1 1 auto;
    }
}

.section-header__title .section-header__link-decor.decor-title {
    left: -11px;
    bottom: -23px;
}

@media screen and (max-width: 768px) {
    .section-header__title {
        padding-bottom: 0;
    }
}

.section-header__link {
    position: relative;
    flex: 0 0 auto;
    font-size: 20px;
    font-weight: 400;
    line-height: 1.3;
    align-self: flex-end;
    padding-bottom: 20px;
    padding-top: 12px;
    padding-left: 25px;
    padding-right: 25px;
    background: var(--orange, linear-gradient(180deg, #fe6a2d 0%, #fc4738 100%));
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    border: 2px solid #dedede;
    border-bottom: none;
    border-top: none;
    transition: 0.3s ease;
}

@media (any-hover: hover) {
    .section-header__link:hover {
        opacity: 0.7;
    }
}

.section-header__link .section-header__link-decor {
    bottom: -23px;
}

.section-header__link .section-header__link-decor.decor-left {
    left: -23px;
}

.section-header__link .section-header__link-decor.decor-right {
    right: -23px;
}

@media screen and (max-width: 768px) {
    .section-header__link {
        display: none;
    }
}

.section-header__link-decor {
    position: absolute;
    padding: 11px;
    background-color: #fff;
}

@media screen and (max-width: 768px) {
    .section-header {
        border: none;
    }

    .section-header .section-header__link-decor {
        display: none;
    }
}

.section-header .hidden {
    display: none;
}

.products {
    margin-bottom: 110px;
}

@media (max-width: 1440px) {
    .products {
        margin-bottom: calc(50px + 60 * ((100vw - 320px) / 1120));
    }
}

.products__items {
    display: flex;
    flex-wrap: wrap;
    row-gap: 35px;
    gap: 16px;
    margin-bottom: 32px;
}

.products__item {
    flex: 0 0 345px;
}

@media screen and (max-width: 768px) {
    .products__item {
        flex: 0 1 47%;
    }
}

@media screen and (max-width: 340px) {
    .products__item {
        flex: 0 0 100%;
    }
}

@media (any-hover: hover) {
    .product-card:hover .product-card__arrow {
        opacity: 0.8;
    }

    .product-card:hover .product-card__arrow svg {
        animation: bounceIn 0.5s forwards;
    }
}

.product-card__pic {
    position: relative;
    min-height: 245px;
    background-color: #f5f5fa;
    border-radius: 20px;
    cursor: pointer;
    display: block;
}

@media screen and (max-width: 500px) {
    .product-card__pic {
        min-height: 200px;
    }
}

@media screen and (max-width: 425px) {
    .product-card__pic {
        min-height: 150px;
    }
}

.product-card__arrow {
    position: absolute;
    right: -12px;
    bottom: -12px;
    width: 102px;
    aspect-ratio: 1;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 12px solid #fff;
    background: var(--orange-color);
    transition: 0.3s ease;
}

.product-card__arrow svg {
    fill: #fff;
    width: 32px;
    height: 32px;
    transform: rotate(180deg);
    transition: 0.3s ease;
}

@media screen and (max-width: 768px) {
    .product-card__arrow {
        width: 90px;
    }
}

@media screen and (max-width: 500px) {
    .product-card__arrow {
        width: 62px;
    }
}

@keyframes bounceIn {
    0% {
        transform: rotate(180deg) scale(1);
    }
    25% {
        transform: scale(1.2) rotate(180deg);
    }
    50% {
        transform: scale(1.4) rotate(180deg);
    }
    75% {
        transform: scale(1.2) rotate(180deg);
    }
    100% {
        transform: scale(1.4) rotate(180deg);
    }
}

.product-card__img {
    position: absolute;
    right: 0px;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

@media screen and (max-width: 340px) {
    .product-card__img {
        height: 100%;
    }
}

.product-card__body {
    padding-top: 26px;
    background-color: #fff;
}

.product-card__title {
    color: var(--black-color);
    font-family: Manrope;
    font-size: 24px;
    font-weight: 600;
    letter-spacing: -0.48px;
    line-height: 1.1;
    margin-bottom: 12px;
    font-size: 24px;
}

@media (max-width: 1440px) {
    .product-card__title {
        font-size: calc(14px + 10 * ((100vw - 320px) / 1120));
    }
}

.product-card__list {
    color: var(--grey-color);
    line-height: 1.8;
}

.product-card__item-link {
    transition: 0.3s ease;
    font-size: 16px;
}

@media (any-hover: hover) {
    .product-card__item-link:hover {
        color: #ff7453;
    }
}

.product-card__item-link:not(:last-child) {
    margin-bottom: 13px;
}

@media (max-width: 1440px) {
    .product-card__item-link {
        font-size: calc(14px + 2 * ((100vw - 320px) / 1120));
    }
}

.product-card__link {
    transition: 0.3s ease;
    margin-top: 13px;
    color: #fc4738;
}

@media (any-hover: hover) {
    .product-card__link:hover {
        color: #ff7453;
    }
}

.product-card__btns {
    display: flex;
    justify-content: center;
}

@media screen and (max-width: 768px) {
    .product-card__btns {
        column-gap: 20px;
    }
}

@media screen and (max-width: 500px) {
    .product-card__btns {
        justify-content: space-between;
        flex-wrap: wrap;
        gap: 16px;
    }
}

.product-card__more {
    color: #fff;
    padding: 25px 36px;
    font-size: 17px;
    font-weight: 500;
    line-height: 1.3;
}

@media screen and (max-width: 768px) {
    .product-card__more {
        min-height: 51px;
        flex: 0 1 156px;
        font-size: 14px;
        padding: 0;
        font-size: 0;
    }

    .product-card__more::after {
        content: "Все категории";
        font-size: 14px;
    }
}

@media screen and (max-width: 360px) {
    .product-card__more {
        flex-grow: 1;
    }
}

.product-card__away {
    display: none;
    padding: 25px 36px;
    align-items: center;
    justify-content: center;
    font-weight: 600;
    color: var(--black-color);
}

@media screen and (max-width: 768px) {
    .product-card__away {
        display: flex;
        min-height: 51px;
        flex: 0 1 156px;
        font-size: 14px;
        padding: 0;
    }
}

@media screen and (max-width: 360px) {
    .product-card__away {
        flex-grow: 1;
    }
}

.banner {
    margin-bottom: 110px;
}

@media (max-width: 1440px) {
    .banner {
        margin-bottom: calc(50px + 60 * ((100vw - 320px) / 1120));
    }
}

.banner__body {
    border-radius: 35px;
    background: url("/image/catalog/pipe/banner-bg.svg") center no-repeat;
    background-size: cover;
    padding: 102px 50px;
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
    row-gap: 20px;
    color: var(--white, #fff);
    align-items: center;
    justify-content: center;
}

@media screen and (max-width: 768px) {
    .banner__body {
        row-gap: 38px;
        padding: 75px 15px;
    }
}

.banner__text {
    font-family: Manrope;
    font-size: 50px;
    font-size: 50px;
    font-weight: 600;
    line-height: 1.1;
    letter-spacing: -1px;
    max-width: 664px;
}

@media (max-width: 1440px) {
    .banner__text {
        font-size: calc(20px + 30 * ((100vw - 320px) / 1120));
    }
}

@media screen and (max-width: 768px) {
    .banner__text {
        text-align: center;
    }
}

.banner__btn {
    color: inherit;
    padding: 25px 36px;
    font-size: 18px;
    font-weight: 500;
    line-height: 1.3;
    flex: 0 0 275px;
}

@media screen and (max-width: 500px) {
    .banner__btn {
        padding: 12px 20px;
        flex-basis: 156px;
    }
}

.services {
    clip-path: polygon(0% 0%, 100% 0%, 100% 90.25%, 81% 100%, 0% 100%);
    margin-bottom: 100px;
    background-color: #f5f5f5;
    padding-top: 80px;
    padding-bottom: 80px;
}

@media (max-width: 1440px) {
    .services {
        margin-bottom: calc(50px + 50 * ((100vw - 320px) / 1120));
    }
}

@media (max-width: 1440px) {
    .services {
        padding-top: calc(50px + 30 * ((100vw - 320px) / 1120));
    }
}

@media (max-width: 1440px) {
    .services {
        padding-bottom: calc(30px + 50 * ((100vw - 320px) / 1120));
    }
}

@media screen and (max-width: 768px) {
    .services {
        clip-path: none;
    }
}

.services .section-header {
    margin-bottom: 23px;
}

.services .section-header__link {
    padding-left: 72px;
    padding-right: 72px;
}

.services .section-header__link-decor {
    background-color: #f5f5f5;
}

.services__body {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    row-gap: 20px;
    min-width: 0;
    justify-content: center;
}

.services__items {
    min-width: 0;
    padding-top: 54px;
}

@media screen and (min-width: 768px) {
    .services__items {
        padding-right: 36px;
        border-right: 2px solid #dedede;
    }
}

@media screen and (max-width: 768px) {
    .services__items--desktop {
        display: none;
    }
}

.services__items--mobile {
    display: none;
}

@media screen and (max-width: 768px) {
    .services__items--mobile {
        display: block;
    }
}

@media screen and (max-width: 768px) {
    .services__items {
        padding-top: 10px;
    }
}

.services .swiper-slide {
    flex: 0 0 0%;
}

.services__cards-wrap {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
    row-gap: 20px;
}

.services__wrapper {
    position: relative;
    display: inline-block;
    overflow: hidden;
    cursor: pointer;
    border-radius: 10px;
    flex: 0 0 auto;
}

.services__wrapper .services-card__decor {
    position: absolute;
    bottom: 0;
    right: 0;
}

.services__wrapper .services-card__decor svg {
    display: block;
}

@media screen and (max-width: 768px) {
    .services__wrapper .services-card__decor svg {
        width: 70px;
        height: 70px;
    }
}

.services__wrapper .services-card__decor .arrow {
    position: absolute;
    top: 62px;
    left: 67px;
    fill: #fff;
    width: 32px;
    height: 32px;
    transform: rotate(180deg);
    transition: 0.3s ease;
}

@media screen and (max-width: 768px) {
    .services__wrapper .services-card__decor .arrow {
        top: 32px;
        left: 32px;
    }
}

@media screen and (max-width: 768px) {
    .services__wrapper .services-card__decor {
        bottom: 65px;
    }
}

@media (any-hover: hover) {
    .services__wrapper:hover .services-card__decor .arrow {
        animation: bounceIn 0.5s forwards;
    }
}

.services__action {
    flex: 0 0 305px;
    padding: 0 15px;
    margin-left: 12px;
}

@media screen and (max-width: 768px) {
    .services__action {
        display: none;
    }
}

.services__action-mob {
    flex: 1 1 auto;
    display: none;
    align-items: center;
    justify-content: center;
}

@media screen and (max-width: 768px) {
    .services__action-mob {
        display: flex;
        margin-top: 10px;
    }
}

.services__action-mob-btn {
    font-size: 16px;
    line-height: 1.3;
    transition: 0.3s ease;
    background: var(--orange, linear-gradient(180deg, #fe6a2d 0%, #fc4738 100%));
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.services__action-text {
    color: var(--black-color);
    line-height: 1.3;
    margin-bottom: 35px;
}

.services__action-link {
    width: initial;
    padding: 24px 41px;
    align-items: center;
    color: #fff;
    font-weight: 500;
}

.services__action-link svg {
    display: block;
    width: 24px;
    height: 24px;
}

.services .swiper:not(:has(.swiper-pagination-lock)) {
    padding-bottom: 30px;
}

.services .swiper:not(:has(.swiper-pagination-lock)) .swiper-pagination {
    bottom: 0;
}

.services .swiper-pagination-bullet {
    position: relative;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    margin: 0 6px;
    border: 1px solid #e0e0e0;
    background-color: #fff;
    opacity: 1;
    transition: 0.3s ease;
}

.services .swiper-pagination-bullet-active {
    background-color: #fd5b32;
    border: none;
}

.services .swiper-pagination-bullet-active::before {
    content: "";
    position: absolute;
    display: block;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    border: 1px solid #fd5b32;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.services .services-swiper-mob {
    display: none;
}

@media screen and (max-width: 768px) {
    .services .services-swiper-mob {
        display: block;
    }
}

.services-card {
    background-color: #fff;
    clip-path: polygon(0px 0px, 213% 0px, 62% 100%, 0% 100%, 0px 0px);
    border-radius: 10px;
}

.services-card.big {
    max-width: 345px;
    min-height: 524px;
}

.services-card.big img {
    width: 345px;
    height: 349px;
    object-fit: cover;
}

@media screen and (max-width: 768px) {
    .services-card.big {
        width: 242px;
        height: 305px;
        min-height: initial;
        clip-path: polygon(0px 0px, 190% 0px, 66% 100%, 0% 100%, 0px 0px);
    }
}

.services-card.small {
    display: flex;
    flex-direction: column;
    width: 345px;
    min-height: 250px;
    clip-path: polygon(0px 0px, 134% 0px, 62% 100%, 0% 100%, 0px 0px);
}

.services-card.small img {
    width: 100%;
    height: 184px;
    object-fit: cover;
}

.services-card.small .services-card__img {
    position: absolute;
    top: 0;
    right: 0;
}

.services-card.small .services-card__img.centered {
    left: 50%;
    transform: translateX(-50%);
}

.services-card.small .services-card__text {
    max-width: 205px;
    margin-top: auto;
    margin-bottom: 8px;
}

.services-card.small .services-card__text.small-width {
    max-width: 220px;
}

@media screen and (max-width: 768px) {
    .services-card.small {
        width: 242px;
        height: 305px;
        clip-path: polygon(0px 0px, 190% 0px, 66% 100%, 0% 100%, 0px 0px);
    }
}

@media screen and (max-width: 768px) {
    .services-card__img {
        max-width: 100%;
    }
}

.services-card__text {
    padding-left: 20px;
    margin-top: 64px;
    max-width: 274px;
    color: var(--black-color);
    font-family: Manrope;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.1;
    letter-spacing: -0.4px;
}

@media screen and (max-width: 768px) {
    .services-card__text {
        display: none;
    }
}

.services-card__text--mob {
    margin-top: 20px;
    color: var(--black-color);
    font-family: Manrope;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.1;
    letter-spacing: -0.28px;
    padding-bottom: 15px;
    height: 45px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: none;
}

@media screen and (max-width: 768px) {
    .services-card__text--mob {
        display: block;
    }
}

.about {
    margin-bottom: 100px;
}

@media (max-width: 1440px) {
    .about {
        margin-bottom: calc(50px + 50 * ((100vw - 320px) / 1120));
    }
}

.about .section-header {
    border: none;
}

.about .section-header__title {
    padding-bottom: 0;
}

.about .section-header__link-decor {
    display: none;
}

.about .section-header__link {
    display: none;
}

.about__items {
    display: flex;
    flex-wrap: wrap;
    column-gap: 45px;
}

@media screen and (max-width: 992px) {
    .about__items {
        display: block;
    }
}

.about__card {
    position: relative;
    flex: 0 0 470px;
    background: url("/image/catalog/pipe/about-card-bg.svg") left top no-repeat;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding-left: 30px;
    align-self: baseline;
}

@media screen and (max-width: 992px) {
    .about__card {
        margin-bottom: 20px;
        display: inline-flex;
        min-width: 470px;
    }
}

@media screen and (max-width: 768px) {
    .about__card {
        background-size: cover;
        padding-left: 14px;
    }
}

@media screen and (max-width: 500px) {
    .about__card {
        min-width: 100%;
    }
}

.about__card-title {
    padding-top: 57px;
    margin-bottom: 7px;
    color: var(--black-color);
    font-family: Manrope;
    font-size: 20px;
    font-weight: 600;
    line-height: 1.1;
    letter-spacing: -0.4px;
}

@media screen and (max-width: 768px) {
    .about__card-title {
        max-width: 270px;
        font-size: 16px;
        padding-top: 30px;
    }
}

.about__card-subtitle {
    color: var(--70-black, #525354);
    line-height: 1.3;
}

@media screen and (max-width: 768px) {
    .about__card-subtitle {
        max-width: 153px;
        font-size: 14px;
    }
}

.about__card-img {
    max-width: 100%;
    align-self: flex-end;
    margin-right: -10px;
}

@media screen and (max-width: 768px) {
    .about__card-img {
        max-width: 261px;
    }
}

.about__card-decor {
    position: absolute;
    left: 30px;
    bottom: 27px;
    z-index: 1;
}

@media screen and (max-width: 768px) {
    .about__card-decor {
        left: 19px;
    }
}

.about__info {
    flex: 1 1;
    position: relative;
    align-self: flex-end;
}

.about__info-decor {
    position: absolute;
    top: -78px;
    width: calc(100% - 12px);
    height: 2px;
    background-color: #dedede;
}

.about__info-decor .decor {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    padding: 11px;
    background-color: #fff;
}

.about__info-decor .decor.decor-1 {
    left: 0;
}

.about__info-decor .decor.decor-2 {
    right: 0;
}

@media screen and (max-width: 992px) {
    .about__info-decor {
        display: none;
    }
}

.about__info-list {
    display: flex;
    flex-wrap: wrap;
    column-gap: 62px;
    row-gap: 60px;
}

@media screen and (max-width: 768px) {
    .about__info-list {
        gap: 20px;
    }
}

.about__info-item {
    flex: 1 1 46%;
    display: flex;
    flex-direction: column;
}

@media screen and (max-width: 768px) {
    .about__info-item {
        flex-basis: 43%;
    }
}

@media screen and (max-width: 320px) {
    .about__info-item {
        flex: 1 1 100%;
    }
}

@media screen and (max-width: 360px) {
    .about__info-item:last-child {
        order: 5;
    }
}

@media screen and (max-width: 320px) {
    .about__info-item:last-child {
        order: unset;
    }
}

@media screen and (max-width: 360px) {
    .about__info-item:nth-child(5) {
        order: 6;
    }
}

@media screen and (max-width: 320px) {
    .about__info-item:nth-child(5) {
        order: unset;
    }
}

.about__info-text.odd {
    max-width: 345px;
}

.about__info-title {
    font-family: Manrope;
    font-size: 42px;
    font-weight: 600;
    line-height: 1.1;
    letter-spacing: -0.84px;
    margin-bottom: 15px;
    display: flex;
    gap: 9px;
    background: var(--orange, linear-gradient(180deg, #fe6a2d 0%, #fc4738 100%));
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

@media screen and (max-width: 768px) {
    .about__info-title {
        gap: 6px;
        font-size: 24px;
    }
}

.about__info-title span {
    font-size: 20px;
    align-self: flex-end;
    line-height: 1.1;
    padding-bottom: 5px;
}

@media screen and (max-width: 768px) {
    .about__info-title span {
        font-size: 17px;
    }
}

.about__info-subtitle {
    color: var(--grey-color);
    line-height: 1.3;
}

.about .secondary-btn {
    padding: 12px 25px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    align-self: flex-start;
    margin-top: auto;
    margin-bottom: auto;
}

@media screen and (max-width: 768px) {
    .about .secondary-btn {
        margin-bottom: 0;
        font-size: 14px;
    }
}

.benefits {
    margin-bottom: 100px;
}

@media (max-width: 1440px) {
    .benefits {
        margin-bottom: calc(50px + 50 * ((100vw - 320px) / 1120));
    }
}

.benefits .section-header {
    position: relative;
    margin-bottom: 70px;
}

@media (max-width: 1440px) {
    .benefits .section-header {
        margin-bottom: calc(25px + 45 * ((100vw - 320px) / 1120));
    }
}

.benefits .section-header__link-decor.hidden {
    display: block;
    right: 0;
    left: initial;
    bottom: -23px;
}

@media screen and (max-width: 768px) {
    .benefits .section-header__link-decor.hidden {
        display: none;
    }
}

.benefits .section-header__link {
    display: none;
}

.benefits__body {
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
    column-gap: 57px;
}

@media screen and (max-width: 1100px) {
    .benefits__body {
        gap: 20px;
        justify-content: center;
    }
}

@media screen and (max-width: 768px) {
    .benefits__body {
        justify-content: center;
    }
}

.benefits__list {
    flex: 1 1;
    display: flex;
    gap: 18px;
    flex-wrap: wrap;
    row-gap: 52px;
}

@media screen and (max-width: 1100px) {
    .benefits__list {
        flex: 1 1 100%;
    }
}

.benefits__item {
    flex: 1 1 47%;
}

@media screen and (max-width: 425px) {
    .benefits__item {
        flex: 1 1 100%;
    }
}

.benefits__sertif {
    min-width: 0;
    max-width: 100%;
}

.benefits .swiper {
    max-width: 100%;
}

.benefits .swiper-slide {
    width: initial;
    /* @media screen and (max-width: 540px) {
      width: 100%;
      flex-basis: initial;
  } */
}

.benefits .swiper-slide:first-child {
    width: 317px;
    height: 456px;
}

.benefits .swiper-slide:not(:first-child) {
    width: 150px;
    height: 220px;
}

@media screen and (max-width: 768px) {
    .benefits .swiper-slide {
        flex-basis: initial;
    }
}

.benefits__sertif-items {
    flex-direction: column;
    max-height: 470px;
    flex-wrap: wrap;
    row-gap: 16px;
}

@media screen and (max-width: 768px) {
    .benefits__sertif-items {
        flex-direction: row;
        max-height: initial;
        flex-wrap: nowrap;
        row-gap: initial;
    }
}

.benefits__sertif-group {
    display: flex;
    flex-direction: column;
    gap: 13px;
}

@media screen and (max-width: 768px) {
    .benefits__sertif-group {
        flex-direction: row;
    }
}

@media screen and (max-width: 425px) {
    .benefits__sertif-group {
        flex-direction: column;
        align-items: center;
    }
}

.benefits .sertif-pic {
    max-width: 100%;
    /* width: 242px;
  height: 348px; */
}

@media screen and (max-width: 768px) {
    .benefits .sertif-pic {
        width: 100%;
    }
}

.benefits .swiper:not(:has(.swiper-pagination-lock)) {
    padding-bottom: 30px;
}

.benefits .swiper:not(:has(.swiper-pagination-lock)) .swiper-pagination {
    bottom: 0;
}

.benefits .swiper-pagination-bullet {
    position: relative;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    margin: 0 6px;
    border: 1px solid #e0e0e0;
    background-color: #fff;
    opacity: 1;
    transition: 0.3s ease;
}

.benefits .swiper-pagination-bullet-active {
    background-color: #fd5b32;
    border: none;
}

.benefits .swiper-pagination-bullet-active::before {
    content: "";
    position: absolute;
    display: block;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    border: 1px solid #fd5b32;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.benefits__mob-title {
    color: var(--black-color);
    font-family: Manrope;
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: 110%; /* 26.4px */
    letter-spacing: -0.48px;
    margin-bottom: 30px;
    display: none;
    margin-top: 20px;
}

@media screen and (max-width: 768px) {
    .benefits__mob-title {
        display: block;
    }
}

.benefits-card {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.benefits-card__img {
    margin: 0px 0px 30px 0px;
}

.benefits-card__title {
    color: var(--black-color);
    font-family: Manrope;
    font-size: 20px;
    font-weight: 600;
    line-height: 1.2;
    letter-spacing: -0.4px;
    margin-bottom: 16px;
}

.benefits-card__subtitle {
    color: var(--grey-color);
    line-height: 1.4;
}

.team {
    margin-bottom: 100px;
}

@media (max-width: 1440px) {
    .team {
        margin-bottom: calc(50px + 50 * ((100vw - 320px) / 1120));
    }
}

.team .section-header {
    position: relative;
    margin-bottom: 70px;
}

@media (max-width: 1440px) {
    .team .section-header {
        margin-bottom: calc(25px + 45 * ((100vw - 320px) / 1120));
    }
}

.team .section-header__link-decor.hidden {
    display: block;
    right: 0;
    left: initial;
    bottom: -23px;
}

@media screen and (max-width: 768px) {
    .team .section-header__link-decor.hidden {
        display: none;
    }
}

.team .section-header__link {
    display: none;
}

.team__items {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
}

@media screen and (max-width: 425px) {
    .team__items {
        justify-content: center;
    }
}

.team-card {
    flex: 0 0 308px;
}

.team-card.big {
    flex-basis: 470px;
}

@media screen and (max-width: 992px) {
    .team-card.big {
        flex-basis: initial;
    }
}

@media screen and (max-width: 425px) {
    .team-card.big {
        flex-basis: 150px;
    }
}

@media screen and (max-width: 992px) {
    .team-card {
        flex: 1 1 47%;
    }
}

@media screen and (max-width: 425px) {
    .team-card {
        flex: 0 0 150px;
    }
}

.team-card__pic {
    min-height: 405px;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    border-radius: 24px;
    overflow: hidden;
    background-size: cover;
    margin-bottom: 11px;
}

.team-card__pic img {
    max-width: 100%;
}

@media screen and (max-width: 425px) {
    .team-card__pic img {
        max-width: 70%;
    }
}

.team-card__pic.big {
    background: none;
    border-radius: 24px;
}

.team-card__pic.big img {
    border-radius: 24px;
}

@media screen and (max-width: 425px) {
    .team-card__pic.big img {
        max-width: 100%;
    }
}

@media screen and (max-width: 425px) {
    .team-card__pic {
        min-height: auto;
        height: 140px;
    }
}

.team-card__name {
    color: var(--black-color);
    font-family: Manrope;
    font-size: 20px;
    font-weight: 600;
    line-height: 1.2;
    letter-spacing: -0.4px;
    margin-bottom: 7px;
}

@media screen and (max-width: 540px) {
    .team-card__name {
        font-size: 14px;
    }
}

.team-card__position {
    color: var(--grey-color);
    line-height: 1.4;
}

@media screen and (max-width: 540px) {
    .team-card__position {
        font-size: 12px;
    }
}

.partners {
    padding: 90px 0;
    padding-bottom: 20px;
    background-color: #f5f5fa;
    margin-bottom: 100px;
}

@media (max-width: 1440px) {
    .partners {
        margin-bottom: calc(50px + 50 * ((100vw - 320px) / 1120));
    }
}

.partners .section-header {
    position: relative;
    margin-bottom: 70px;
    border: none;
}

@media (max-width: 1440px) {
    .partners .section-header {
        margin-bottom: calc(25px + 45 * ((100vw - 320px) / 1120));
    }
}

.partners .section-header__title {
    padding-bottom: 0;
}

.partners .section-header__link-decor {
    display: none;
}

.partners .section-header__link {
    display: none;
}

.partners__list-row {
    display: flex;
    justify-content: space-between;
    align-items: start;
    overflow-x: auto;
}

.partners__list-row:nth-child(1) .partners__item {
    padding-top: 46px;
    padding-bottom: 95px;
}

@media (max-width: 1440px) {
    .partners__list-row:nth-child(1) .partners__item {
        padding-top: calc(20px + 26 * ((100vw - 320px) / 1120));
    }
}

@media (max-width: 1440px) {
    .partners__list-row:nth-child(1) .partners__item {
        padding-bottom: calc(40px + 55 * ((100vw - 320px) / 1120));
    }
}

.partners__list-row:nth-child(2) .partners__item {
    padding-top: 56px;
    padding-bottom: 86px;
}

@media (max-width: 1440px) {
    .partners__list-row:nth-child(2) .partners__item {
        padding-top: calc(40px + 16 * ((100vw - 320px) / 1120));
    }
}

@media (max-width: 1440px) {
    .partners__list-row:nth-child(2) .partners__item {
        padding-bottom: calc(50px + 36 * ((100vw - 320px) / 1120));
    }
}

.partners__list-row:nth-child(3) .partners__item {
    padding-top: 65px;
    padding-bottom: 74px;
}

@media (max-width: 1440px) {
    .partners__list-row:nth-child(3) .partners__item {
        padding-top: calc(40px + 25 * ((100vw - 320px) / 1120));
    }
}

@media (max-width: 1440px) {
    .partners__list-row:nth-child(3) .partners__item {
        padding-bottom: calc(50px + 24 * ((100vw - 320px) / 1120));
    }
}

.partners__list-row:not(:last-child) {
    border-bottom: 1px solid #dedede;
}

.partners__item {
    padding-right: 113px;
    padding-left: 93px;
}

@media (max-width: 1440px) {
    .partners__item {
        padding-right: calc(20px + 93 * ((100vw - 320px) / 1120));
    }
}

@media (max-width: 1440px) {
    .partners__item {
        padding-left: calc(20px + 73 * ((100vw - 320px) / 1120));
    }
}

.partners__item:not(:last-child) {
    border-right: 1px solid #dedede;
}

.partners__item img {
    filter: grayscale(1);
    max-width: 100%;
}

.news {
    padding-bottom: 150px;
}

@media (max-width: 1440px) {
    .news {
        padding-bottom: calc(50px + 100 * ((100vw - 320px) / 1120));
    }
}

@media screen and (min-width: 640px) {
    .news__items .swiper-slide {
        width: initial;
    }
}

.news__card {
    position: relative;
}

@media (any-hover: hover) {
    .news__card:hover .product-card__arrow {
        opacity: 0.8;
    }

    .news__card:hover .product-card__arrow svg {
        animation: bounceIn 0.5s forwards;
    }
}

.news__card-date {
    position: absolute;
    width: 108px;
    top: 0;
    left: 34px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    font-family: Manrope;
    border-radius: 0 0 14px 14px;
    overflow: hidden;
    padding: 19px 24px 19px 24px;
    background: url("/image/catalog/pipe/date-bg.svg") center no-repeat;
    backdrop-filter: blur(24px);
    color: #fff;
}

@media screen and (max-width: 768px) {
    .news__card-date {
        padding: 13px 15px 12px 15px;
        width: fit-content;
        left: 13px;
    }
}

.news__card-date-day {
    color: #fff;
    font-size: 24px;
    font-weight: 600;
    line-height: 1.1;
    letter-spacing: -0.48px;
    margin-bottom: 15px;
}

@media screen and (max-width: 768px) {
    .news__card-date-day {
        font-size: 14px;
        margin-bottom: 10px;
    }
}

.news__card-date-month {
    font-size: 14px;
    line-height: 1.1;
    letter-spacing: -0.32px;
    margin-bottom: 4px;
}

@media screen and (max-width: 768px) {
    .news__card-date-month {
        font-size: 10px;
        margin-bottom: 10px;
    }
}

.news__card-date-year {
    font-size: 16px;
    line-height: 110%; /* 17.6px */
    letter-spacing: -0.32px;
}

@media screen and (max-width: 768px) {
    .news__card-date-year {
        font-size: 10px;
    }
}

.news__card-pic {
    margin-bottom: 14px;
}

.news__card-pic img {
    max-width: 100%;
}

.news__card-footer {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 10px;
}

.news__card-text {
    max-width: 342px;
    /*text-overflow: ellipsis;*/
    /*display: -webkit-box;*/
    /*-webkit-line-clamp: 2;*/
    -webkit-box-orient: vertical;
    overflow: hidden;
    color: var(--black-color);
    font-family: Manrope;
    font-size: 20px;
    font-weight: 600;
    line-height: 1.2;
    letter-spacing: -0.4px;
}

@media screen and (max-width: 768px) {
    .news__card-text {
        font-size: 14px;
        max-width: 197px;
    }
}

.news .product-card__arrow {
    position: static;
    flex: 0 0 50px;
    height: 50px;
    border: none;
}

@media screen and (max-width: 768px) {
    .news .product-card__arrow {
        flex-basis: 31px;
        height: 31px;
    }

    .news .product-card__arrow svg {
        transform: rotate(180deg) scale(0.7);
    }
}

.news .services__action-mob {
    margin-top: 16px;
}

.news .swiper:not(:has(.swiper-pagination-lock)) {
    padding-bottom: 30px;
}

.news .swiper:not(:has(.swiper-pagination-lock)) .swiper-pagination {
    bottom: 0;
}

.news .swiper-pagination-bullet {
    position: relative;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    margin: 0 6px;
    border: 1px solid #e0e0e0;
    background-color: #fff;
    opacity: 1;
    transition: 0.3s ease;
}

.news .swiper-pagination-bullet-active {
    background-color: #fd5b32;
    border: none;
}

.news .swiper-pagination-bullet-active::before {
    content: "";
    position: absolute;
    display: block;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    border: 1px solid #fd5b32;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.article {
    background-color: #f5f5fa;
    padding-top: 90px;
    padding-bottom: 118px;
}

@media screen and (max-width: 768px) {
    .article {
        padding-top: 50px;
        padding-bottom: 50px;
    }
}

.article__container {
    display: flex;
    gap: 64px;
}

@media (max-width: 1440px) {
    .article__container {
        gap: calc(10px + 54 * ((100vw - 320px) / 1120));
    }
}

.article__body {
    color: var(--black-color);
    flex: 0 1 600px;
}

@media screen and (max-width: 768px) {
    .article__body {
        flex: 1 1 100%;
        display: flex;
        flex-direction: column;
    }
}

.article__title {
    font-family: Manrope;
    font-size: 42px;
    font-style: normal;
    font-weight: 600;
    line-height: 1.1;
    letter-spacing: -0.84px;
    margin-bottom: 35px;
}

@media screen and (max-width: 768px) {
    .article__title {
        font-size: 24px;
    }
}

.article__text {
    color: var(--grey-color);
    line-height: 1.4;
    margin-bottom: 38px;
    padding-bottom: 50px;
    border-bottom: 1px solid #dedede;
}

@media screen and (max-width: 768px) {
    .article__text {
        padding-bottom: 30px;
        margin-bottom: 30px;
        font-size: 14px;
    }
}

@media screen and (max-width: 768px) {
    .article__text p.mob-hidden {
        display: none;
    }
}

.article__text-list {
    margin: 30px 0;
    list-style-type: disc;
    padding-left: 30px;
}

.article__text-item {
    list-style-type: disc;
    line-height: 1.5;
}

.article__hidden-btn {
    margin-top: 18px;
    padding: 11px 33px;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.32;
    display: none;
}

@media screen and (max-width: 768px) {
    .article__hidden-btn {
        display: block;
    }
}

.article__info {
    font-size: 20px;
    font-weight: 600;
    line-height: 1.3;
    letter-spacing: -0.4px;
    margin-bottom: 37px;
}

.article__info br {
    display: none;
}

@media screen and (max-width: 768px) {
    .article__info {
        text-wrap: balance;
        text-align: center;
        font-size: 16px;
    }

    .article__info br {
        display: block;
    }
}

.article__btn {
    font-size: 18px;
    color: #fff;
    padding: 25px 36px;
    font-weight: 500;
    line-height: 1.3;
}

@media screen and (max-width: 768px) {
    .article__btn {
        font-size: 14px;
    }
}

.article__pic {
    flex: 0 1 auto;
}

@media screen and (max-width: 768px) {
    .article__pic {
        display: none;
    }
}

.article__pic img {
    max-width: 100%;
    margin-top: -55px;
}

@media (max-width: 1440px) {
    .article__pic img {
        margin-top: calc(10px + -65 * ((100vw - 320px) / 1120));
    }
}

.footer {
    position: relative;
    overflow: hidden;
    background-color: var(--black-color);
    padding-top: 114px;
    padding-bottom: 40px;
}

@media (max-width: 1440px) {
    .footer {
        padding-top: calc(35px + 79 * ((100vw - 320px) / 1120));
    }
}

.footer::before {
    content: "";
    position: absolute;
    display: inline-block;
    width: 1137px;
    height: 954px;
    left: 50%;
    transform: translateX(-50%);
    border-radius: 100%;
    background: #0e0052;
    filter: blur(200px);
    top: -70%;
}

@media screen and (max-width: 768px) {
    .footer::before {
        width: 460px;
        height: 487.71px;
        top: -140px;
        background: #16056d;
    }
}

.footer::after {
    content: "";
    position: absolute;
    display: inline-block;
    width: 1137px;
    height: 954px;
    left: 50%;
    transform: translateX(-50%);
    border-radius: 100%;
    background: #0e0052;
    filter: blur(200px);
    bottom: -90%;
    z-index: 1;
}

@media screen and (max-width: 768px) {
    .footer::after {
        width: 460px;
        height: 487.71px;
        bottom: -140px;
        background: #16056d;
    }
}

.footer__container {
    position: relative;
    z-index: 2;
}

@media screen and (max-width: 768px) {
    .footer__container {
        display: flex;
        flex-direction: column;
    }
}

.footer__content {
    display: flex;
    gap: 40px;
}

@media (max-width: 1440px) {
    .footer__content {
        gap: calc(20px + 20 * ((100vw - 320px) / 1120));
    }
}

@media screen and (max-width: 768px) {
    .footer__content {
        flex-direction: column;
    }
}

.footer__left {
    flex: 0 1 330px;
}

@media screen and (max-width: 768px) {
    .footer__left {
        flex-basis: initial;
    }
}

.footer__logo {
    margin-bottom: 38px;
}

.footer__item-title {
    color: var(--white, #fff);
    font-weight: 600;
    line-height: 1.5;
    margin-bottom: 16px;
}

@media screen and (max-width: 768px) {
    .footer__item-title {
        background: var(--orange, linear-gradient(180deg, #fe6a2d 0%, #fc4738 100%));
        background-clip: text;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
    }
}

.footer__item-list {
    color: var(--white, #fff);
    font-size: 14px;
    font-weight: 400;
    line-height: 1.5;
}

@media screen and (max-width: 520px) {
    .footer__item-list.mob {
        display: flex;
        flex-wrap: wrap;
        font-size: 12px;
    }

    .footer__item-list.mob .footer__item-unit {
        flex: 1 1 50%;
    }

    .footer__item-list.mob .footer__item-unit:nth-child(1) {
        order: 4;
    }

    .footer__item-list.mob .footer__item-unit:nth-child(2) {
        order: 2;
    }

    .footer__item-list.mob .footer__item-unit:nth-child(3) {
        order: 1;
    }

    .footer__item-list.mob .footer__item-unit:nth-child(4) {
        order: 3;
    }
}

.footer__item-link {
    transition: 0.3s ease;
    padding: 8px 0;
}

@media (any-hover: hover) {
    .footer__item-link:hover {
        color: #fe6a2d;
    }
}

.footer__item-callback {
    display: none;
    background: var(--orange, linear-gradient(180deg, #fe6a2d 0%, #fc4738 100%));
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

@media screen and (max-width: 768px) {
    .footer__item-callback {
        display: block;
    }
}

.footer__columns {
    display: flex;
    gap: 40px;
    flex: 1 1;
}

@media screen and (max-width: 768px) {
    .footer__columns {
        flex-wrap: wrap;
        gap: 10px;
        flex: 0 1;
    }
}

@media screen and (max-width: 320px) {
    .footer__columns {
        max-height: initial;
        flex-direction: row;
    }
}

.footer__column {
    flex: 0 1 330px;
}

@media screen and (max-width: 768px) {
    .footer__column {
        flex: 1 1 auto;
        max-width: 250px;
    }
}

@media screen and (max-width: 768px) and (max-width: 1440px) {
    .footer__column {
        max-width: calc(140px + 110 * ((100vw - 320px) / 1120));
    }
}

.footer__action {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    margin: 66px 0px 0px 0px;
    padding-bottom: 24px;
    border-bottom: 1px solid #fff;
}

@media screen and (max-width: 520px) {
    .footer__action {
        order: 3;
        border-bottom: none;
        padding-bottom: 0;
        margin-top: 40px;
    }
}

.footer__action-text {
    margin-right: 110px;
    color: var(--white, #fff);
    font-size: 18px;
    font-weight: 600;
    line-height: 1.5;
}

@media screen and (max-width: 768px) {
    .footer__action-text {
        margin-right: 0;
    }
}

.footer__action-text p {
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
}

.footer__form {
    flex: 1 1 auto;
    margin-bottom: 16px;
}

.footer__form p {
    max-width: 506px;
    margin-top: 16px;
    color: var(--white, #fff);
    font-size: 12px;
    font-weight: 400;
    line-height: 1.2;
}

.footer__form p a.politika_konfidencialnosti {
    border-bottom: 1px solid var(--white, #fff);
}

.footer__form-label {
    flex: 1 1 auto;
    display: flex;
    line-height: 1.5;
    gap: 16px;
    flex-wrap: wrap;
}

.footer__form-input {
    flex: 0 0 328px;
    padding: 12px;
    border-radius: 10px;
    border: 1px solid var(--white, #fff);
    background-color: transparent;
    color: #fff;
    font-size: 16px;
    outline: none;
}

.footer__form-input::placeholder {
    color: #fff;
}

@media screen and (max-width: 520px) {
    .footer__form-input {
        flex-basis: 100%;
        height: 58px;
    }
}

.footer__form-submit {
    flex: 0 0 138px;
    padding: 12px 24px;
    border-radius: 10px;
    border: 1px solid var(--orange, #fe6a2d);
    text-align: center;
    color: #fff;
}

@media screen and (max-width: 520px) {
    .footer__form-submit {
        flex-basis: 100%;
        height: 58px;
    }
}

.footer__soc {
    display: flex;
    gap: 32px;
}

@media screen and (max-width: 520px) {
    .footer__soc {
        justify-content: center;
        margin-top: 40px;
    }
}

.footer__soc-ico {
    transition: 0.3s ease;
}

.footer__soc-ico svg {
    display: block;
    width: 30px;
    height: 30px;
}

@media (any-hover: hover) {
    .footer__soc-ico:hover {
        opacity: 0.7;
        transform: scale(1.04);
    }
}

.footer__bottom {
    margin-top: 32px;
    color: var(--white, #fff);
    font-size: 14px;
    line-height: 1.5;
    display: flex;
    flex-wrap: wrap;
    gap: 24px;
    justify-content: center;
}

@media screen and (max-width: 520px) {
    .footer__bottom {
        order: 2;
    }
}

.footer__policy {
    text-decoration: underline;
}

.footer__cookie {
    text-decoration: underline;
}

.menu {
    position: absolute;
    top: 60px;
    left: 0;
    width: 100%;
    z-index: 20;
    background-color: #fff;
    opacity: 0;
    transform: translatey(-50px);
    pointer-events: none;
    transition: transform 0.3s linear, opacity 0.2s linear;
}

.menu.active {
    transition: opacity 0.3s linear, transform 0.3s;
    opacity: 1;
    pointer-events: auto;
    transform: translateX(0);
}

@media screen and (max-width: 768px) {
    .menu {
        position: fixed;
        top: 0;
        left: 0;
        height: 100%;
    }
}

.menu__container {
    display: flex;
    gap: 25px;
    border-radius: 35px;
    background-color: var(--white, #fff);
    padding-top: 15px;
    padding-right: 23px;
    padding-bottom: 10px;
    padding: 15px 23px 10px 50px;
    max-height: 874px;
    overflow: auto;
    box-shadow: 0px 2px 25px rgba(0, 0, 0, 0.4078431373);
}

@media screen and (max-width: 768px) {
    .menu__container {
        padding: 15px 10px 10px 10px;
        max-height: initial;
        height: 100%;
        display: block;
        border-radius: 0;
    }
}

.menu__mob-header {
    display: none;
    align-items: end;
    justify-content: space-between;
    gap: 10px;
    margin-bottom: 30px;
}

@media screen and (max-width: 768px) {
    .menu__mob-header {
        display: flex;
    }
}

.menu__mob-header a {
    color: #0c023b;
    font-family: Manrope;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.3;
}

.menu__mob-close {
    display: none;
    align-items: center;
    margin-bottom: 25px;
    gap: 10px;
    color: #0c023b;
    font-family: Manrope;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.3;
}

.menu__mob-close svg {
    display: block;
    stroke: var(--black-color);
}

@media screen and (max-width: 768px) {
    .menu__mob-close {
        display: flex;
    }
}

.menu__content {
    display: flex;
    gap: 30px;
    flex: 1 1 auto;
    max-height: 100%;
    overflow-y: auto;
    padding-top: 50px;
}

.menu__content::-webkit-scrollbar {
    background-color: #f5f5fa;
    width: 4px;
    border-radius: 50px;
}

@media screen and (max-width: 768px) {
    .menu__content::-webkit-scrollbar {
        display: none;
    }
}

.menu__content::-webkit-scrollbar-thumb {
    background-color: #fe6a2d;
    border-radius: 50px;
}

@media screen and (max-width: 768px) {
    .menu__content {
        padding-top: 0;
        margin-bottom: 15px;
    }
}

.menu__list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    column-gap: 20px;
}

@media screen and (max-width: 768px) {
    .menu__list {
        display: block;
    }
}

.menu__item {
    flex: 0 1 28.6%;
}

@media screen and (max-width: 768px) {
    .menu__item {
        flex: 1 0 30%;
    }

    .menu__item:not(:last-child) {
        margin-bottom: 38px;
    }
}

@media screen and (max-width: 500px) {
    .menu__item {
        flex-basis: 40%;
    }
}

@media screen and (max-width: 375px) {
    .menu__item {
        flex-basis: 75%;
    }
}

.menu__card {
    max-width: 297px;
}

@media screen and (max-width: 768px) {
    .menu__card {
        max-width: 100%;
    }
}

.menu__card-pic {
    padding: 12px;
}

@media screen and (max-width: 768px) {
    .menu__card-pic {
        display: none;
    }
}

.menu__card-title, .menu__item.hidden_desct a {
    color: var(--black-color);
    font-weight: 600;
    line-height: 1.3;
    margin-bottom: 20px;
    font-size: 20px;
}

@media (max-width: 1440px) {
    .menu__card-title, .menu__item.hidden_desct a {
        font-size: calc(16px + 4 * ((100vw - 320px) / 1120));
    }
}

@media screen and (max-width: 768px) {
    .menu__card-title, .menu__item.hidden_desct a {
        margin-bottom: 9px;
        color: var(--grey-color);
        font-weight: 400;
        line-height: 1.8;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .menu__card-title::after {
        content: "";
        display: block;
        width: 10px;
        height: 10px;
        background: url("/image/catalog/pipe/mob-menu-arrow.svg") center no-repeat;
        transition: 0.1s linear;
        will-change: transition;
    }

    .menu__card-title.open::after {
        transform: rotate(90deg);
        transform-origin: center;
    }
}

@media screen and (max-width: 768px) {
    .menu__card-list {
        display: none;
    }

    .menu__card-list.open {
        display: block;
    }
}

.menu__card-link {
    line-height: 1.6;
    color: var(--grey-color);
    transition: 0.3s ease;
    font-size: 16px;
}

@media (max-width: 1440px) {
    .menu__card-link {
        font-size: calc(14px + 2 * ((100vw - 320px) / 1120));
    }
}

.menu__card-link.more {
    color: #fe6a2d;
}

@media (any-hover: hover) {
    .menu__card-link:hover {
        color: #fe6a2d;
    }
}

@media screen and (max-width: 768px) {
    .menu__card-link {
        line-height: 2.8;
    }
}

.catalog-menu__banners {
    padding-right: 15px;
}

@media screen and (max-width: 992px) {
    .menu-banners {
        display: none;
    }
}

.menu-banners__item:not(:last-child) {
    margin-bottom: 10px;
}

.menu-banner {
    border-radius: 20px;
    overflow: hidden;
}

@media (any-hover: hover) {
    .menu-banner:hover figcaption {
        background-color: #fe6a2d;
    }
}

.menu-banner figure {
    position: relative;
}

@media screen and (max-width: 768px) {
    .menu-banner figure img {
        max-width: 100%;
    }
}

.menu-banner figcaption {
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 0;
    padding: 37px 30px;
    font-size: 20px;
    font-weight: 600;
    color: var(--white, #fff);
    line-height: 1.3;
    transition: 0.3s ease;
    background-color: #0c023b;
}

@media screen and (max-width: 768px) {
    .menu-banner figcaption {
        padding: 10px 15px;
        font-size: 16px;
    }
}

.choose-city {
    position: absolute;
    z-index: -1;
    left: 0;
    top: calc(100% + 30px);
    padding: 25px 30px;
    max-width: 350px;
    min-width: 350px;
    width: 100%;
    border-radius: 10px;
    background-color: #f5f5fa;
    opacity: 0;
    pointer-events: none;
    transition: 0.3s linear;
}

@media screen and (max-width: 500px) {
    .choose-city {
        min-width: 280px;
    }
}

.choose-city .triangle-city {
    position: absolute;
    top: -20px;
    left: 50%;
    transform: translateX(-50%);
    width: 0;
    height: 0;
    border-left: 28px solid transparent;
    border-right: 28px solid transparent;
    border-bottom: 29px solid #f5f5fa;
}

.choose-city.show {
    opacity: 1;
    pointer-events: auto;
    z-index: 21;
}

.choose-city__title {
    color: var(--grey-color, #525354);
    font-size: 18px;
    line-height: 1.3;
    margin-bottom: 26px;
}

@media screen and (max-width: 768px) {
    .choose-city__title {
        font-size: 16px;
    }
}

.choose-city__title .city {
    color: var(--black0-color, #08090b);
    font-size: 18px;
    font-weight: 600;
}

.choose-city__btns {
    display: flex;
    flex-wrap: wrap;
    column-gap: 17px;
    row-gap: 15px;
}

.choose-city__btn {
    padding: 11px 22px;
    color: #fff;
    text-align: center;
    font-size: 15px;
    font-weight: 600;
    line-height: 1.6;
}

@media screen and (max-width: 768px) {
    .choose-city__btn {
        flex: 1 1 auto;
    }
}

.choose-city__more-btn {
    color: var(--black-color);
    font-size: 15px;
    font-weight: 600;
    line-height: 1.3;
}

@media screen and (max-width: 768px) {
    .choose-city__more-btn {
        flex: 1 1 auto;
    }
}

.cities {
    position: absolute;
    z-index: -1;
    left: 0;
    opacity: 0;
    top: calc(100% + 30px);
    max-width: 350px;
    min-width: 350px;
    width: 100%;
    padding: 20px 0;
    border-radius: 10px;
    background-color: #f5f5fa;
}

@media screen and (max-width: 500px) {
    .cities {
        min-width: 280px;
    }
}

.cities.show {
    opacity: 1;
    pointer-events: auto;
    z-index: 22;
}

.cities-form {
    padding: 0 20px;
    position: relative;
    margin-bottom: 15px;
}

.cities-form input {
    border-radius: 10px;
    border: 1px solid #d9d5d5;
    background: var(--white, #fff);
    padding: 11px 20px 11px 14px;
    outline: none;
    width: 100%;
}

.cities-form input::placeholder {
    color: var(--secondary-text, #5d6967);
    font-weight: 400;
    line-height: 1.5;
}

.cities-form button {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 34px;
    cursor: pointer;
}

.list-city {
    max-height: 330px;
    overflow: auto;
}

.list-city__item {
    transition: 0.3s ease;
    position: relative;
    cursor: pointer;
}

.list-city__item::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    width: 2px;
    height: 100%;
    background-color: #fe6a2d;
    opacity: 0;
    transition: 0.3s ease;
}

@media (any-hover: hover) {
    .list-city__item:hover {
        background-color: #fff;
    }

    .list-city__item:hover::before {
        opacity: 1;
    }

    .list-city__item:hover .list-city__link {
        color: #fe6a2d;
    }
}

.list-city__item.active {
    background-color: #fff;
}

.list-city__item.active::before {
    opacity: 1;
}

.list-city__item.active .list-city__link {
    color: #fe6a2d;
}

.list-city__link {
    color: var(--grey-color, #525354);
    font-size: 18px;
    line-height: 2;
    transition: 0.3s ease;
    padding-left: 20px;
}

.breadcrumbs {
    margin: 38px 0;
}

@media screen and (max-width: 768px) {
    .breadcrumbs {
        margin: 20px 0;
    }
}

.breadcrumbs__list {
    display: flex;
    align-items: center;
    /*overflow: auto;*/
}

@media screen and (max-width: 768px) {
    .breadcrumbs__list {
        padding-bottom: 8px;
    }
}

.breadcrumbs__list-item {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
}

.breadcrumbs__list-item:not(:last-child)::after {
    content: "";
    width: 21px;
    height: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: url("/image/catalog/pipe/breadcrumb.svg") center no-repeat;
}

@media screen and (max-width: 768px) {
    .breadcrumbs__list-item:not(:last-child)::after {
        width: 16px;
        height: 8px;
    }
}

.breadcrumbs__list-item:last-child .breadcrumbs__link {
    color: #fe6a2d;
}

.breadcrumbs__link {
    flex: 0 0 auto;
    color: var(--black-color, #525354);
    font-size: 14px;
    line-height: 1.3;
}

@media screen and (max-width: 768px) {
    .breadcrumbs__link {
        font-size: 12px;
    }
}

.catalog .breadcrumbs {
    margin-top: 20px;
}

.catalog .benefits {
    padding: 100px 0;
    background-color: #f5f5fa;
    clip-path: polygon(85% 0%, 0% 0%, 0% 0%, 0% 100%, 100% 100%, 100% 16%);
}

@media screen and (max-width: 992px) {
    .catalog .benefits {
        clip-path: none;
        padding: 50px 0;
    }
}

.catalog .section-header__link-decor {
    background-color: #f5f5fa;
}

.catalog-card {
    margin-bottom: 28px;
}

@media (max-width: 1440px) {
    .catalog-card {
        margin-bottom: calc(40px + 85 * ((100vw - 320px) / 1120));
    }
}

.catalog-card__container {
    width: 1440px;
    max-width: 100%;
    border-radius: 40px;
    background: var(--background, #f5f5fa);
    padding: 18px 20px 14px;
}

@media screen and (max-width: 768px) {
    .catalog-card__container {
        padding: 20px;
    }
}

.catalog-card__content {
    display: flex;
    gap: 40px;
    margin-bottom: 0px;
}

@media screen and (max-width: 1024px) {
    .catalog-card__content {
        gap: 20px;
    }
}

@media screen and (max-width: 992px) {
    .catalog-card__content {
        display: block;
    }
}

.catalog-card__content .catalog-card__spec-item span {
    background: var(--background, #f5f5fa);
}

.catalog-card__sliders {
    min-width: 0;
    flex: 0 0 450px;
}

@media screen and (max-width: 992px) {
    .catalog-card__sliders {
        max-width: 450px;
        margin: 0 auto;
        margin-bottom: 25px;
    }
}

@media screen and (max-width: 600px) {
    .catalog-card__swiper {
        padding-bottom: 25px;
    }
}

@media screen and (max-width: 992px) {
    .catalog-card__swiper .swiper-slide {
        text-align: center;
    }
}

@media screen and (max-width: 600px) {
    .catalog-card__swiper .swiper-pagination {
        bottom: 0;
    }
}

.catalog-card__pic {
    max-width: 100%;
    border-radius: 25px;
    width: 449px;
    height: 331px;
    object-fit: cover;
}

.catalog-card__thumb {
    margin-top: 30px;
    position: relative;
}

.catalog-card__thumb .catalog-card__thumb-btn.next {
    right: -25px;
}

.catalog-card__thumb .catalog-card__thumb-btn.prev {
    left: -25px;
}

.catalog-card__thumb .catalog-card__thumb-btn::after {
    font-size: 20px;
    color: #08090b;
}

.catalog-card__thumb .swiper-button-next:after {
    content: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOCIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDggMTYiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMC41MTE5MiAwLjQzMDU3MUMwLjgyNjQxNCAwLjE2MTAwNSAxLjI5OTg5IDAuMTk3NDI2IDEuNTY5NDYgMC41MTE5Mkw3LjU2OTQ2IDcuNTExOTJDNy44MTAyIDcuNzkyNzkgNy44MTAyIDguMjA3MjQgNy41Njk0NiA4LjQ4ODExTDEuNTY5NDYgMTUuNDg4MUMxLjI5OTg5IDE1LjgwMjYgMC44MjY0MTQgMTUuODM5IDAuNTExOTIgMTUuNTY5NUMwLjE5NzQyNiAxNS4yOTk5IDAuMTYxMDA1IDE0LjgyNjQgMC40MzA1NzEgMTQuNTExOUw2LjAxMjIxIDguMDAwMDFMMC40MzA1NzEgMS40ODgxMUMwLjE2MTAwNSAxLjE3MzYxIDAuMTk3NDI2IDAuNzAwMTM4IDAuNTExOTIgMC40MzA1NzFaIiBmaWxsPSIjMUMyNzRDIi8+Cjwvc3ZnPgo=);
}

.catalog-card__thumb .swiper-button-prev:after {
    content: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGc+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMTUuNDg4MSA0LjQzMDU3QzE1LjgwMjYgNC43MDAxNCAxNS44MzkgNS4xNzM2MSAxNS41Njk0IDUuNDg4MTFMOS45ODc4MSAxMkwxNS41Njk0IDE4LjUxMTlDMTUuODM5IDE4LjgyNjQgMTUuODAyNiAxOS4yOTk5IDE1LjQ4ODEgMTkuNTY5NUMxNS4xNzM2IDE5LjgzOSAxNC43MDAxIDE5LjgwMjYgMTQuNDMwNiAxOS40ODgxTDguNDMwNTYgMTIuNDg4MUM4LjE4OTgxIDEyLjIwNzIgOC4xODk4MSAxMS43OTI4IDguNDMwNTYgMTEuNTExOUwxNC40MzA2IDQuNTExOTJDMTQuNzAwMSA0LjE5NzQzIDE1LjE3MzYgNC4xNjEgMTUuNDg4MSA0LjQzMDU3WiIgZmlsbD0iIzFDMjc0QyIvPgo8L2c+Cjwvc3ZnPgo=);
}

@media screen and (max-width: 500px) {
    .catalog-card__thumb {
        display: none;
    }
}

.catalog-card__thumb-swiper .swiper-slide {
    cursor: pointer;
    border-radius: 10px;
    overflow: hidden;
    height: 72px;
}

.catalog-card__thumb-swiper .swiper-slide img {
    border-radius: 10px;
    width: 100px;
    height: 72px;
    object-fit: cover;
}

.catalog-card__body {
    flex: 1 1 auto;
    min-width: 0;
    /*padding-right: 70px;*/
}

.catalog-card__body .catalog-card__header {
    padding-bottom: 1px;
    margin-bottom: 22px;
}

.catalog-card__body .catalog-card__title {
}

.catalog-card__header-more {
    display: block;
    font-size: 14px;
    line-height: 1.5;
    color: #fe6a2d;
    display: none;
    margin-top: 8px;
    margin-bottom: 30px;
}

@media screen and (max-width: 768px) {
    .catalog-card__header-more {
        display: block;
    }
}

.catalog-card__title {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 21px;
    align-items: center;
    gap: 10px;
}

.colimns_2 {
    display: flex;
    gap: 10px;
    width: 100%;
}

.colimns_2 .col {
    width: 46%;
}

.colimns_2 .col + .col {
    padding-top: 5px;
    width: 50%;
}

.catalog-card__title h1 {
    color: var(--black-color, #08090B);
    font-family: 'Manrope';
    font-size: 36px;
    font-weight: 600;
    letter-spacing: -1.8px;
    flex: 1 1 auto;
    line-height: 110%;
    margin-top: 0;
}

@media (max-width: 1440px) {
    .catalog-card__title h1 {
        font-size: calc(26px + 14 * ((100vw - 320px) / 1120));
    }
}

.catalog-card__stock {
    font-family: 'Roboto', sans-serif;
    color: var(--dark-blue, #0c023b);
    display: flex;
    align-items: center;
    gap: 8px;
    flex: 0 1 auto;
    font-weight: 400;
    font-size: 16px;
    line-height: 150%;
    text-align: right;
    margin-bottom: 49px;
}

.catalog-card__info {
    width: 854px;
    max-width: 100%;
}

.proiz1 {
}

.proiz1 strong {
    font-family: 'Manrope';
    color: var(--black-color, #08090B);
    font-weight: 600;
    font-size: 16px;
    line-height: 120%;
    letter-spacing: -1.1px;
    display: block;
    margin-bottom: 16px;
}

.proiz1 p {
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size: 15px;
    line-height: 140%;
    letter-spacing: 0;
    color: #000;
    margin-bottom: 22px;
}

.proiz1 p + p {
}

.catalog-card__stock:before {
    content: "";
    display: block;
    width: 13px;
    height: 13px;
    border-radius: 50%;
    background-color: #32cc82;
    flex: 0 0 auto;
}

.catalog-card__subtitle {
    color: var(--grey-color);
    line-height: 1.5;
    margin-bottom: 60px;
}

@media screen and (max-width: 992px) {
    .catalog-card__subtitle {
        margin-bottom: 30px;
    }
}

@media screen and (max-width: 768px) {
    .catalog-card__subtitle {
        margin-bottom: 0;
    }
}

.catalog-card__info-wrapper {
    display: flex;
    row-gap: 20px;
    margin-bottom: 69px;
}

@media screen and (max-width: 992px) {
    .catalog-card__info-wrapper {
        flex-wrap: nowrap;
        margin-bottom: 30px;
    }
}

@media screen and (max-width: 600px) {
    .catalog-card__info-wrapper {
        display: block;
    }
}

.catalog-card__info-slider {
    min-width: 0;
    flex: 1 1 auto;
}

@media screen and (max-width: 992px) {
    .catalog-card__info-swiper {
        padding-bottom: 30px;
    }
}

.catalog-card__info-swiper .swiper-slide {
    flex: 1 0 auto;
    width: initial;
}

.catalog-card__info-swiper .swiper-pagination {
    display: none;
    bottom: 0;
}

@media screen and (max-width: 992px) {
    .catalog-card__info-swiper .swiper-pagination {
        display: block;
    }
}

.catalog-card__spec {
    /*max-width: 208px;*/
}

@media screen and (max-width: 600px) {
    .catalog-card__spec {
        max-width: 100%;
    }
}

.catalog-card__spec-list li {
    display: flex;
    justify-content: space-between;
    overflow: hidden;
}

.catalog-card__spec-list li:not(:last-child) {
    margin-bottom: 11px;
}

@media screen and (max-width: 250px) {
    .catalog-card__spec-list li {
        flex-direction: column;
        row-gap: 20px;
    }
}

.catalog-card__spec-item {
    color: var(--black-color);
    font-size: 14px;
    font-weight: 500;
    line-height: 1.32;
    overflow: hidden;
    flex: 0 0 auto;
    display: flex;
    position: relative;
    max-width: 100%;
}

.catalog-card__spec-item span {
    position: relative;
    z-index: 2;
    background-color: #fff;
    padding-right: 7px;
}

.catalog-card__spec-item::after {
    position: absolute;
    content: "..........................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................";
    margin-left: 10px;
    margin-right: 10px;
    color: #d9d9d9;
    pointer-events: none;
}

@media screen and (max-width: 250px) {
    .catalog-card__spec-item::after {
        display: none;
    }
}

.catalog-card__spec-info {
    color: var(--grey-color);
    font-size: 14px;
    font-weight: 400;
    line-height: 1.3;
    flex: 0 0 auto;
    padding-left: 5px;
    position: relative;
    z-index: 2;
}

.catalog-card__info-more {
    padding: 10px;
    border: 1px solid #fc4738;
    margin-left: 25px;
    flex: 0 0 auto;
    background: #fc4738;
    border-radius: 10px;
    text-align: center;
    cursor: pointer;
}

@media screen and (max-width: 600px) {
    .catalog-card__info-more {
        border: none;
        display: flex;
        flex-direction: row-reverse;
        align-items: center;
        justify-content: center;
        gap: 10px;
        margin-top: 20px;
    }
}

.catalog-card__info-more p {
    color: #fff;
    font-size: 14px;
    line-height: 1.5;
    margin-bottom: 20px;
    max-width: 110px;
    font-weight: 500;
}

@media screen and (max-width: 600px) {
    .catalog-card__info-more p {
        margin-bottom: 0;
        max-width: initial;
    }
}

.catalog-card__info-link {
    width: 42px;
    height: 42px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background-color: #fff;
    margin: 0 auto;
}

.catalog-card__info-link svg {
    width: 19px;
    height: 19px;
    stroke: #fc4738;
    fill: #fc4738;
}

@media screen and (max-width: 600px) {
    .catalog-card__info-link svg {
        stroke: #fff;
    }
}

@media screen and (max-width: 600px) {
    .catalog-card__info-link {
        background-color: transparent;
        width: initial;
        height: initial;
        margin: 0;
    }
}

.catalog-card__info-action {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
}

@media screen and (max-width: 992px) {
    .catalog-card__info-action {
        flex-direction: column-reverse;
        align-items: center;
    }
}

.catalog-card__info-action a {
    color: var(--black, #08090b);
    font-family: 'Manrope';
    font-style: normal;
    padding-left: 35px;
    font-weight: 600;
    font-size: 20px;
    line-height: 130%;
}

@media screen and (max-width: 1280px) {
    .catalog-card__info-action a {
        flex: 1 1 100%;
        text-align: left;
    }
}

@media screen and (max-width: 768px) {
    .catalog-card__info-action a {
        font-size: 16px;
    }
}

.catalog-card__info-action a.mailto {
    background: url("/image/catalog/pipe/open-mail.svg") left center no-repeat;
}

@media screen and (max-width: 768px) {
    .catalog-card__info-action a.mailto {
        order: 2;
    }
}

.catalog-card__info-action a.tel {
    background: url("/image/catalog/pipe/phone.svg") left center no-repeat;
}

@media screen and (max-width: 768px) {
    .catalog-card__info-action a.tel {
        order: 1;
    }
}

.catalog-card__info-btn {
    padding: 35px 47px;
    color: #fff;
    line-height: 0;
    font-weight: 500;
    font-size: 17px;
    font-family: 'Roboto', sans-serif;
}

@media screen and (max-width: 1280px) {
    .catalog-card__info-btn, .catalog-card__info-more {
        width: fit-content;
    }
}

@media screen and (max-width: 992px) {
    .catalog-card__info-btn {
        align-self: stretch;
    }
}

@media screen and (max-width: 768px) {
    .catalog-card__info-btn {
        order: 1;
        margin: 0 auto;
    }
}

.catalog-benefits {
    padding: 0;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 35px;
    flex-direction: column;
}

@media screen and (max-width: 768px) {
    .catalog-benefits {
        padding-left: 0;
        padding-right: 0;
    }
}

.catalog-benefits__item {
    display: flex;
    gap: 22px;
    align-items: start;
}

.catalog-benefits__item i {
    width: 58px;
    height: 58px;
    padding: 14px;
    border-radius: 50%;
    background-color: #fff;
    display: flex;
    aspect-ratio: 1;
    justify-content: center;
    align-items: center;
}

.catalog-benefits__item img {
    display: block;
}


.catalog-benefits__body {
    padding-top: 5px;
    flex: 0 1 auto;
}


.catalog-benefits__body span {
    color: var(--black-color);
    font-family: 'Manrope';
    font-weight: 600;
    margin-bottom: 6px;
    font-size: 16px;
    line-height: 120%;
    letter-spacing: -1.2px;
    display: block;
}


.catalog-benefits__body p {
    color: var(--grey-color);
    font-size: 14px;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    line-height: 140%;
    letter-spacing: 0.2px;
}

.product-option__container_grid {
    display: flex;
    flex-wrap: wrap;
    column-gap: 10px;
    row-gap: 8px;
    padding: 0;
}

.product-option__container_grid_group {
    margin-bottom: 10px;
}

.option-product-grid__header-title {
    border-radius: 5px;
    background: var(--background, #f5f5fa);
    padding: 5px 20px;
    cursor: pointer;
}

.option-product-grid__header-title.active {
    background-color: #fc4738;
    color: #fff
}

.option-product-grid__header-title_header {
    border-radius: 5px;
    background: #fe6a2d;
    color: #fff;
    padding: 5px 20px;
    display: block;
}

.product-option {
    margin-bottom: 100px;
}

.product-option__wrapper {
    padding-bottom: 48px;
    border-bottom: 2px solid #dedede;
    position: relative;
}

.product-option__wrapper:not(:last-child) {
    margin-bottom: 48px;
}

.product-option__wrapper .decor {
    position: absolute;
    padding: 11px;
    bottom: -24px;
    background-color: #fff;
}

.product-option__wrapper .decor-left {
    left: -13px;
}

.product-option__wrapper .decor-right {
    right: 0;
}

.option-product {
    display: flex;
    gap: 16px;
}

@media screen and (max-width: 992px) {
    .option-product {
        display: block;
    }
}

.option-product:hover .product-card__arrow svg {
    animation: bounceIn 0.5s forwards;
}

.option-product__img {
    max-width: 468px;
    max-height: 290px;
    background-color: #f5f5fa;
    flex: 0 0 468px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 20px;
    overflow: hidden;
}

@media screen and (max-width: 992px) {
    .option-product__img {
        margin-bottom: 20px;
    }
}

.option-product__pic {
    max-width: 50%;
}

.option-product__header {
    margin-bottom: 11px;
    display: flex;
    align-items: center;
    gap: 10px;
    cursor: pointer;
}

.option-product__header-title {
    color: var(--black-color);
    font-family: Manrope;
    font-size: 26px;
    font-weight: 600;
    line-height: 1.1;
    letter-spacing: -0.52px;
    display: flex;
    column-gap: 10px;
}

.option-product__header .product-card__arrow {
    position: static;
    width: 36px;
    border: none;
}

.option-product__header .product-card__arrow svg {
    width: initial;
    height: initial;
}

.option-product__list {
    display: flex;
    gap: 6px;
    flex-wrap: wrap;
}

@media screen and (max-width: 992px) {
    .option-product__list {
        flex-direction: column;
        max-height: 200px;
        overflow: auto;
        padding-bottom: 10px;
    }

    .table-container {
        overflow: scroll;
        width: 90vw;
    }
}

.option-product__item {
    flex: 0 0 158px;
}

.option-product__item_group {
    flex: 0 0 auto;
}

@media screen and (max-width: 992px) {
    .option-product__item {
        flex-basis: 0%;
    }
}

.option-product__link {
    padding: 5px 12px;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #0c023b;
    text-align: center;
    font-size: 16px;
    line-height: normal;
    border-radius: 10px;
    border: 2px solid #fff;
    background-color: #f5f5fa;
    cursor: pointer;
}

.option-product__more {
    display: flex;
    gap: 10px;
    height: 45px;
    justify-content: center;
    align-items: center;
    margin-top: 6px;
    padding: 5px 12px;
    color: #0c023b;
    font-size: 16px;
    border-radius: 10px;
    border: 2px solid #fe6a2d;
    background-color: #f5f5fa;
}

.option-product__more svg {
    width: 11px;
    height: 6px;
}

.order {
    padding: 92px 0 77px 0;
    background-color: #f5f5fa;
    margin-bottom: 147px;
}

@media screen and (max-width: 768px) {
    .order {
        padding: 54px 0 72px 0;
    }
}

@media (max-width: 1440px) {
    .order {
        margin-bottom: calc(0px + 147 * ((100vw - 320px) / 1120));
    }
}

.order__header {
    position: relative;
    display: flex;
    gap: 15px;
    flex-wrap: wrap;
    align-items: flex-end;
    border-bottom: 1px solid #dedede;
    padding-bottom: 29px;
    margin-bottom: 69px;
}

.order__header .decor {
    position: absolute;
    bottom: -23px;
    padding: 11px;
    background-color: #f5f5fa;
}

.order__header .decor-left {
    left: -12px;
}

.order__header .decor-right {
    right: -12px;
}

.order__title {
    color: var(--black-color);
    font-family: Manrope;
    font-size: 42px;
    font-weight: 600;
    line-height: 1.1;
    letter-spacing: -0.84px;
    flex: 1 1 auto;
}

@media (max-width: 1440px) {
    .order__title {
        font-size: calc(26px + 16 * ((100vw - 320px) / 1120));
    }
}

@media screen and (max-width: 768px) {
    .order__title {
        text-align: center;
    }
}

.order__action {
    color: var(--black-color);
    font-family: Manrope;
    font-size: 18px;
    font-weight: 600;
    line-height: 1.3;
    display: flex;
    gap: 20px;
    padding-bottom: 5px;
}

@media screen and (max-width: 768px) {
    .order__action {
        flex-wrap: wrap;
    }
}

@media screen and (max-width: 500px) {
    .order__action {
        flex: 1 1 auto;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
}

.order__action a {
    padding-left: 33px;
}

.order__action a.mailto {
    background: url("/image/catalog/pipe/open-mail.svg") left center no-repeat;
}

@media screen and (max-width: 500px) {
    .order__action a.mailto {
        background: none;
    }
}

.order__action a.tel {
    background: url("/image/catalog/pipe/phone.svg") left center no-repeat;
}

@media screen and (max-width: 500px) {
    .order__action a.tel {
        background: none;
    }
}

@media screen and (max-width: 500px) {
    .order__action a {
        color: #fe6a2d;
        padding-left: 0;
    }
}

.order-cards__list {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

@media screen and (max-width: 425px) {
    .order-cards__list {
        justify-content: center;
    }
}

.order-cards__item {
    position: relative;
}

.order-cards__item:not(:last-child) {
    flex: 1 0 auto;
}

@media screen and (max-width: 1200px) {
    .order-cards__item:not(:last-child) {
        flex-grow: 0;
    }
}

@media screen and (max-width: 500px) {
    .order-cards__item:not(:last-child) {
        flex: 1 1 40%;
    }
}

@media screen and (max-width: 340px) {
    .order-cards__item:not(:last-child) {
        flex-basis: 100%;
    }

    .order-cards__item:not(:last-child) .order-card__text {
        max-width: initial;
    }
}

.order-cards__item:not(:last-child):after {
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 7%;
    display: inline-block;
    width: 24px;
    height: 24px;
    background: url("/image/catalog/pipe/order-card-arrow.svg") center no-repeat;
}

@media screen and (max-width: 1200px) {
    .order-cards__item:not(:last-child):after {
        display: none;
    }
}

@media screen and (max-width: 425px) {
    .order-cards__item:last-child {
        flex-grow: 1;
    }

    .order-cards__item:last-child .order-card__text {
        max-width: initial;
    }

    .order-cards__item:last-child .order-card {
        max-width: initial;
    }
}

.order-card {
    padding: 22px 22px 20px;
    background: url("/image/catalog/pipe/order-card-bg.svg") left top no-repeat;
    max-width: 223px;
    width: 100%;
    height: 293px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    position: relative;
    z-index: 2;
}

@media screen and (max-width: 768px) {
    .order-card {
        padding: 22px 18px 20px;
        background: none;
        background-color: #fff;
        border-radius: 10px;
        border: 1px solid #dedede;
        height: initial;
    }
}

@media screen and (max-width: 500px) {
    .order-card {
        max-width: initial;
    }
}

.order-card__pic {
    padding: 21.5px;
    background-color: #f5f5fa;
    border-radius: 50%;
    margin-bottom: 65px;
}

@media screen and (max-width: 768px) {
    .order-card__pic {
        padding: 11px;
        margin-bottom: 25px;
    }
}

.order-card__text {
    max-width: 180px;
}

.order-card__text span {
    color: var(--black-color);
    font-family: Manrope;
    font-size: 18px;
    font-weight: 600;
    line-height: 1.2;
    letter-spacing: -0.36px;
    margin-bottom: 11px;
}

@media screen and (max-width: 768px) {
    .order-card__text span {
        font-size: 14px;
    }
}

.order-card__text p {
    color: var(--grey-color);
    font-size: 15px;
    line-height: 1.4;
}

@media screen and (max-width: 768px) {
    .order-card__text p {
        font-size: 12px;
    }
}

.production {
    color: var(--black-color);
    font-family: Manrope;
    line-height: 1.1;
    margin-bottom: 130px;
    background-color: #fff;
}

@media (max-width: 1440px) {
    .production {
        margin-bottom: calc(30px + 100 * ((100vw - 320px) / 1120));
    }
}

@media screen and (max-width: 768px) {
    .production {
        padding-top: 50px;
    }
}

.production__title {
    margin-bottom: 70px;
    font-size: 42px;
    font-size: 42px;
    font-weight: 600;
    letter-spacing: -0.84px;
}

@media (max-width: 1440px) {
    .production__title {
        margin-bottom: calc(30px + 40 * ((100vw - 320px) / 1120));
    }
}

@media (max-width: 1440px) {
    .production__title {
        font-size: calc(26px + 16 * ((100vw - 320px) / 1120));
    }
}

@media screen and (max-width: 768px) {
    .production__title {
        text-align: center;
    }
}

.production-card {
    display: flex;
    gap: 20px;
    cursor: pointer;
    padding-top: 27px;
    border-top: 1px solid #d9d9d9;
}

@media screen and (max-width: 768px) {
    .production-card:first-child {
        border-top: none;
        padding-top: 0;
    }
}

.production-card:not(:last-child) {
    margin-bottom: 45px;
}

@media (any-hover: hover) {
    .production-card .product-card__arrow {
        opacity: 0;
        visibility: hidden;
    }

    .production-card:hover .product-card__arrow {
        opacity: 1;
        visibility: visible;
    }

    .production-card:hover .product-card__arrow svg {
        animation: bounceIn 0.5s forwards;
    }
}

@media screen and (max-width: 992px) {
    .production-card {
        flex-wrap: wrap;
    }
}

.production-card__title {
    font-size: 24px;
    font-weight: 600;
    letter-spacing: -0.48px;
    flex: 1 0 auto;
}

@media (max-width: 1440px) {
    .production-card__title {
        font-size: calc(16px + 8 * ((100vw - 320px) / 1120));
    }
}

.production-card__title span {
    display: inline-block;
    width: 450px;
}

@media (max-width: 1440px) {
    .production-card__title span {
        width: calc(200px + 250 * ((100vw - 320px) / 1120));
    }
}

@media screen and (max-width: 992px) {
    .production-card__title span {
        width: initial;
    }
}

@media screen and (max-width: 768px) {
    .production-card__title {
        flex-shrink: 1;
        display: flex;
        gap: 15px;
        justify-content: space-between;
        order: 2;
    }
}

.production-card__pic {
    flex: 0 0 auto;
    align-self: flex-start;
}

@media screen and (max-width: 992px) {
    .production-card__pic {
        flex-basis: 100%;
    }
}

@media screen and (max-width: 768px) {
    .production-card__pic {
        order: 1;
    }

    .production-card__pic img {
        max-width: 100%;
    }
}

.production-card__text {
    display: flex;
    gap: 16px;
}

.production-card__text p {
    font-size: 18px;
    max-width: 730px;
    color: var(--grey-color);
    line-height: 1.5;
}

@media (max-width: 1440px) {
    .production-card__text p {
        font-size: calc(14px + 4 * ((100vw - 320px) / 1120));
    }
}

@media screen and (max-width: 992px) {
    .production-card__text p {
        max-width: 100%;
    }
}

@media screen and (max-width: 768px) {
    .production-card__text {
        order: 3;
    }
}

.production-card .product-card__arrow {
    align-self: center;
    position: static;
    flex: 0 0;
    flex-basis: 79px;
    aspect-ratio: 1;
    border: none;
}

@media (max-width: 1440px) {
    .production-card .product-card__arrow {
        flex-basis: calc(20px + 59 * ((100vw - 320px) / 1120));
    }
}

@media screen and (max-width: 500px) {
    .production-card .product-card__arrow {
        flex: 0 0 24px;
        height: 24px;
    }
}

.production-card .product-card__arrow svg {
    width: 35px;
    height: 35px;
}

@media screen and (max-width: 768px) {
    .production-card .product-card__arrow svg {
        height: 22px;
    }
}

@media screen and (max-width: 500px) {
    .production-card .product-card__arrow svg {
        height: 12px;
    }
}

@media screen and (max-width: 768px) {
    .production-card .product-card__arrow.mob-hidden {
        display: none;
    }
}

.production-card .product-card__arrow.mob-visible {
    display: none;
}

@media screen and (max-width: 768px) {
    .production-card .product-card__arrow.mob-visible {
        display: flex;
    }
}

.catalog-block {
    padding-bottom: 10px;
    margin-bottom: 79px;
}

@media (max-width: 1440px) {
    .catalog-block {
        margin-bottom: calc(30px + 49 * ((100vw - 320px) / 1120));
    }
}

.catalog-block__container {
    display: flex;
    gap: 16px;
}

.catalog-block__body {
    flex: 1 1 auto;
    overflow: hidden;
    position: relative;
}

.catalog-block__more {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    text-align: center;
    font-family: Roboto;
    font-size: 16px;
    font-weight: 400;
    line-height: normal;
    padding: 12px;
    color: #fe6a2d;
    margin-top: 9px;
    margin-bottom: 16px;
    border-radius: 10px;
    border: 1px solid #e0e0e0;
    background-color: #fff;
}

.aside {
    padding: 0 24px;
}

.catalog-aside {
    flex: 0 0;
    display: none;
    padding-top: 30px;
    border-radius: 15px;
    background-color: #f5f5fa;
    align-self: start;
    padding-bottom: 50px;
}

@media screen and (min-width: 992px) {
    .catalog-aside {
        display: block;
        flex-basis: 348px;
    }
}

@media screen and (min-width: 992px) and (max-width: 1440px) {
    .catalog-aside {
        flex-basis: calc(70px + 278 * ((100vw - 320px) / 1120));
    }
}

.catalog-aside__btn {
    color: var(--black-color);
    font-family: Manrope;
    font-size: 24px;
    font-weight: 600;
    line-height: 1.1;
    letter-spacing: -0.48px;
    display: flex;
    align-items: center;
    gap: 18px;
    margin-bottom: 37px;
}

.catalog-aside__btn img {
    display: none;
}

.catalog-aside__item:not(:last-child) {
    margin-bottom: 14px;
}

.catalog-aside__item:not(:last-child) .catalog-dropdown__list.open {
    margin-bottom: 26px;
}

.catalog-dropdown {
    line-height: 1.1;
}

.catalog-dropdown__header {
    width: 100%;
    display: flex;
    gap: 15px;
    justify-content: space-between;
    color: var(--grey-color,);
    letter-spacing: -0.32px;
    text-align: left;
}

.catalog-dropdown__header span {
    font-size: 16px;
    flex: 1 1 auto;
    padding-bottom: 14px;
    border-bottom: 1px solid #ddd;
}

.catalog-dropdown__header .catalog-dropdown__arrow {
    transform: rotateX(180deg);
}

.catalog-dropdown__header.open .catalog-dropdown__arrow {
    transform: rotateX(0deg);
}

.catalog-dropdown__arrow {
    transition: 0.2s linear;
    align-self: flex-start;
}

.catalog-dropdown__list {
    margin-top: 14px;
    display: none;
}

.catalog-dropdown__list.open {
    display: block;
    border-bottom: 1px solid #ddd;
}

.catalog-dropdown__item {
    margin: 0 -24px;
    position: relative;
}

.catalog-dropdown__item:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    width: 3px;
    height: 100%;
    background-color: #fe6a2d;
    opacity: 0;
    transition: 0.3s linear;
    transform: scale(0);
    transform-origin: center;
}

@media (any-hover: hover) {
    .catalog-dropdown__item:hover {
        background-color: #fff;
    }

    .catalog-dropdown__item:hover:before {
        opacity: 1;
        transform: scale(1);
    }
}

.catalog-dropdown__item.active {
    background-color: #fff;
}

.catalog-dropdown__item.active::before {
    opacity: 1;
    transform: scale(1);
}

.catalog-dropdown__link {
    padding: 12px 38px;
    display: block;
    color: var(--black-color);
    font-size: 15px;
}

.tags {
    margin-bottom: 45px;
}

.tags__list {
    display: flex;
    flex-wrap: wrap;
    gap: 7px;
}

@media screen and (max-width: 768px) {
    .tags__list {
        overflow: auto;
        padding-bottom: 8px;
        flex-wrap: nowrap;
    }
}

@media screen and (max-width: 768px) {
    .tags__item {
        flex: 0 0 auto;
    }
}

.tags__link {
    padding: 8px 13px;
    color: var(--grey-color);
    font-size: 14px;
    line-height: 1.5;
    display: inline-block;
    border-radius: 26px;
    border: 1px solid #d9d9d9;
    transition: 0.3s ease;
}

.tags__link.collapse {
    display: flex;
    align-items: center;
    gap: 7px;
}

.tags__link.collapse .minus {
    display: block;
    width: 8px;
    flex: 0 0 8px;
    height: 3px;
    background-color: #fe6a2d;
    border-radius: 6px;
}

@media (any-hover: hover) {
    .tags__link:hover {
        border-color: #fe6a2d;
    }
}

.catalog-filter__btn {
    display: flex;
    gap: 12px;
    color: var(--black-color);
    font-family: Manrope;
    font-size: 24px;
    font-weight: 600;
    line-height: 1.1;
    letter-spacing: -0.48px;
    margin-bottom: 34px;
}

.catalog-filter__btn svg {
    display: block;
}

.catalog-filter__list {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 16px;
}

@media screen and (max-width: 1024px) {
    .catalog-filter__list {
        grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    }
}

@media screen and (max-width: 425px) {
    .catalog-filter__list {
        grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));
    }
}

.catalog-filter__item {
    flex: 0 1 33.33%;
}

.filter-dropdown {
    position: relative;
    height: 100%;
}

.filter-dropdown__header {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
}

.filter-dropdown__title {
    color: #1a1a1a;
    font-family: Roboto;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.48;
    margin-bottom: 4px;
}

.filter-dropdown__btn {
    font-size: 14px;
    line-height: 1.4;
    color: #d6d6d6;
    border-radius: 8px;
    border: 1px solid var(--Unnamed-Color, #e0e0e0);
    background: var(--white, #fff);
    padding: 12px;
    display: flex;
    align-items: center;
    width: 100%;
    gap: 15px;
    justify-content: space-between;
    margin-bottom: 6px;
    white-space: nowrap;
    overflow: hidden;
}

.filter-dropdown__btn .filter-dropdown__arrow {
    transform: rotateX(180deg);
}

.filter-dropdown__btn.open .filter-dropdown__arrow {
    transform: rotateX(0deg);
}

.filter-dropdown__arrow {
    transition: 0.2s linear;
}

.filter-dropdown__form {
    position: absolute;
    left: 0;
    top: calc(100% + 6px);
    width: 100%;
    overflow: hidden;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.3411764706);
    border-radius: 10px;
    background-color: #fff;
    display: none;
}

.filter-dropdown__form.open {
    display: block;
    z-index: 3;
}

.filter-dropdown__label {
    display: flex;
    position: relative;
    width: 100%;
    border-bottom: 1px solid #e5e0eb;
}

.filter-dropdown__label input {
    border: none;
    padding-left: 40px;
    padding: 12px 37px 12px 40px;
    flex: 1 1 100%;
    outline: none;
}

/*.filter-dropdown__label img {*/
/*    position: absolute;*/
/*    left: 12px;*/
/*    top: 50%;*/
/*    transform: translateY(-50%);*/
/*}*/

.filter-dropdown__label button {
    position: absolute;
    right: 12px;
    top: 50%;
    transform: translateY(-50%);
}

.filter-dropdown__items-wrapper {
    max-height: 320px;
    overflow-y: auto;
    margin-right: 4px;
}

.filter-dropdown__items-wrapper::-webkit-scrollbar {
    background-color: #fff;
    width: 4px;
}

.filter-dropdown__items-wrapper::-webkit-scrollbar-thumb {
    background-color: #e5e0eb;
    border-radius: 50px;
}

.filter-dropdown__items {
    padding-right: 4px;
}

.filter-dropdown__item:not(:last-child) {
    border-bottom: 1px solid #e5e0eb;
}

.filter-dropdown__item button {
    position: relative;
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 12px;
    cursor: pointer;
    transition: 0.3s ease;
    width: 100%;
}

.filter-dropdown__item button span {
    color: var(--grey-color);
    font-size: 14px;
    line-height: 1.5;
}

.filter-dropdown__item button:before {
    content: "";
    position: absolute;
    width: 2px;
    height: 100%;
    left: 0;
    top: 0;
    background-color: #fe6a2d;
    opacity: 0;
    transition: 0.3s ease;
}

@media (any-hover: hover) {
    .filter-dropdown__item button:hover {
        background-color: #f5f5fa;
    }

    .filter-dropdown__item button:hover:before {
        opacity: 1;
    }
}

.filter-dropdown__item button .checkbox {
    position: relative;
    flex: 0 0 18px;
    height: 18px;
    border: 1px solid #ddd;
    border-radius: 4px;
}

.filter-dropdown__item button .checkbox::after {
    content: "";
    width: 13px;
    aspect-ratio: 1;
    display: inline-block;
    position: absolute;
    background-color: #fe6a2d;
    border-radius: 4px;
    top: 50%;
    transform: translate(-50%, -50%);
    left: 50%;
    opacity: 0;
    transition: 0.3s ease;
}

.filter-dropdown__item button input {
    position: absolute;
    left: 0;
    top: 0;
    font-size: 0;
    width: 0;
    z-index: -1;
    opacity: 0;
}

.filter-dropdown__item button input:checked + .checkbox:after {
    opacity: 1;
}

.filter-action {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    justify-content: space-between;
    margin-top: 38px;
    padding-bottom: 30px;
    margin-bottom: 30px;
    border-bottom: 1px solid #d9d9d9;
}

@media screen and (max-width: 768px) {
    .filter-action {
        padding-bottom: 0;
        border: none;
    }
}

.filter-action__left {
    display: flex;
    gap: 27px;
}

@media screen and (max-width: 768px) {
    .filter-action__left {
        flex-wrap: wrap;
        flex: 1 1 auto;
        padding-bottom: 30px;
        border-bottom: 1px solid #d9d9d9;
    }
}

.filter-action__btn {
    display: flex;
    align-items: center;
    gap: 5px;
    font-family: Roboto;
    color: var(--black-color);
    font-size: 17px;
    font-weight: 500;
    line-height: 1.32;
}

@media screen and (max-width: 425px) {
    .filter-action__btn {
        font-size: 14px;
    }
}

.filter-action__btn .arrow-ico {
    width: 12px;
    height: 12px;
    fill: #fe6a2d;
}

.filter-action__btn.reset {
    color: #fe6a2d;
}

.filter-action__right {
    display: flex;
    gap: 20px;
    color: var(--grey-color);
    font-size: 14px;
    line-height: 1.5;
}

@media screen and (max-width: 768px) {
    .filter-action__right {
        flex-wrap: wrap;
    }
}

.filter-action__sort {
    display: flex;
    gap: 8px;
    align-items: center;
}

@media screen and (max-width: 768px) {
    .filter-action__sort {
        flex: 1 1 auto;
    }
}

.sort-dropdown {
    position: relative;
}

.sort-dropdown:hover .sort-dropdown__body {
    display: block;
}

.sort-dropdown__btn {
    position: relative;
    font-size: inherit;
    line-height: 1.5;
    display: flex;
    gap: 4px;
    align-items: center;
    transition: 0.3s ease;
}

.sort-dropdown__btn::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 140%;
    width: 110%;
}

.sort-dropdown__btn .text {
    margin-right: 4px;
    display: flex;
    align-items: center;
    gap: 4px;
}

.sort-dropdown__btn .text:has(.count) .count {
    margin-left: 8px;
}

.sort-dropdown__body {
    position: absolute;
    padding: 12px;
    top: calc(100% + 4px);
    z-index: 3;
    left: 0;
    min-width: 104px;
    border-radius: 10px;
    border: 1px solid #d9d1e0;
    background-color: #fff;
    box-shadow: 0px 8px 16px 0px rgba(62, 19, 77, 0.07);
    display: none;
}

.sort-dropdown__item:not(:last-child) {
    margin-bottom: 12px;
}

.sort-dropdown__item-btn {
    font-size: inherit;
    display: flex;
    gap: 4px;
    width: 100%;
    text-align: left;
    transition: 0.3s ease;
}

@media (any-hover: hover) {
    .sort-dropdown__item-btn:hover {
        color: #fe6a2d;
        background-color: #f5f5fa;
    }
}

.sort-dropdown__item-btn img {
    filter: grayscale(1);
}

.sort-dropdown__item-btn.down img {
    transform: rotate(180deg);
}

.sort-dropdown__item-btn.active {
    color: #fe6a2d;
}

.catalog-table {
    position: relative;
}

@media screen and (max-width: 768px) {
    .catalog-table {
        display: none;
    }
}

.catalog-table__wrapper {
    margin-top: 38px;
    overflow: auto;
    color: var(--black-color);
}

@media screen and (max-width: 768px) {
    .catalog-table__wrapper {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
        gap: 15px;
    }
}

@media screen and (max-width: 425px) {
    .catalog-table__wrapper {
        grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
        overflow: hidden;
    }
}

.catalog-table__header {
    display: flex;
    justify-content: space-between;
    gap: 15px;
    margin-bottom: 28px;
    padding-left: 18px;
    padding-right: 30px;
}

@media screen and (max-width: 1024px) {
    .catalog-table__header {
        padding-right: 25px;
    }
}

.catalog-table__header-item {
    font-size: 17px;
    font-weight: 500;
    line-height: 1.32;
    font-size: 17px;
}

@media (max-width: 1440px) {
    .catalog-table__header-item {
        font-size: calc(12px + 5 * ((100vw - 320px) / 1120));
    }
}

.catalog-table__row {
    padding: 28px 30px 28px 18px;
    display: flex;
    flex-direction: column;
    gap: 15px;
    border-radius: 10px;
    border: 1px solid #e0e0e0;
    background-color: #fff;
    position: relative;
    align-items: flex-start;
    transition: 0.4s;
}

.catalog-table__row:hover {
    box-shadow: 0px 5px 30px rgba(34, 34, 34, 0.1);
}

.catalog-table__row:hover .catalog-table__info.name {
    color: #fe6a2d;
}

.catalog-table__row-delivery-icon {
    position: absolute;
    bottom: 15px;
    right: 25px;
}

.catalog-table__row-delivery-icon__notice {
    position: absolute;
    bottom: 100%;
    right: 100%;
    background-color: #fff;
    transition: 0.3s ease;
    border-radius: 15px;
    padding: 10px;
    font-size: 14px;
    box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.4078431373);
    visibility: hidden;
    opacity: 0;
}

.catalog-table__row-delivery-icon:hover .catalog-table__row-delivery-icon__notice {
    visibility: visible;
    opacity: 1;
}

.catalog-table__row-top {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}

.catalog-table__row-top__name {
    display: flex;
    align-items: center;
    gap: 15px;
}

.catalog-table__row-top__name img {
    width: 60px;
}

.catalog-table__row-bottom {
    display: flex;
    gap: 40px;
}

.catalog-table__row-attribute {
    flex: 1 1 auto;
    max-width: 150px;
}

.catalog-table__row-attribute__name {
    color: #999;
    font-size: 0.75rem;
    line-height: calc(1em + 7px);
}

.catalog-table__row-attribute__text {
    line-height: calc(1em + 4px);
    font-size: 0.875rem;
}

.catalog-table__row:not(:last-child) {
    margin-bottom: 6px;
}

@media screen and (max-width: 1024px) {
    .catalog-table__row {
        padding-right: 25px;
    }
}

.catalog-table__info {
    line-height: 1.3;
    font-size: 15px;
}

@media (max-width: 1440px) {
    .catalog-table__info {
        font-size: calc(10px + 5 * ((100vw - 320px) / 1120));
    }
}

.catalog-table__info:not(.name) {
    color: var(--grey-color);
}

.catalog-table .find-price {
    color: var(--grey-color);
    font-size: 14px;
    font-weight: 600;
    line-height: 1.3;
    text-decoration: underline;
}

.catalog-table__cart {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 5px;
    border-radius: 10px;
    background: var(--orange, linear-gradient(180deg, #fe6a2d 0%, #fc4738 100%));
}

.catalog-table__cart span {
    display: block;
    color: #fff;
    white-space: nowrap;
    padding: 5px 10px;
}

.catalog-table__cart svg {
    display: block;
}

.catalog-table .du {
    max-width: 24px;
}

.catalog-table .weight {
    max-width: 29px;
}

.catalog-table .brand {
    width: 115px;
}

@media (max-width: 1440px) {
    .catalog-table .brand {
        width: calc(80px + 35 * ((100vw - 320px) / 1120));
    }
}

.catalog-table .gost {
    width: 100px;
}

@media (max-width: 1440px) {
    .catalog-table .gost {
        width: calc(70px + 30 * ((100vw - 320px) / 1120));
    }
}

.catalog-table .price {
    /*width: 185px;*/
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 23px;
}

.catalog-mob {
    padding: 30px 16px 23px;
    border-radius: 10px;
    border: 1px solid #e0e0e0;
    background-color: #fff;
    display: none;
}

@media screen and (max-width: 768px) {
    .catalog-mob {
        display: block;
    }
}

.catalog-mob .catalog-table__info.name {
    font-size: 16px;
    margin-bottom: 13px;
}

.catalog-mob__body {
    margin-bottom: 14px;
}

.catalog-mob__body .catalog-table__header-item {
    font-size: 12px;
    flex: 1 0 auto;
    overflow: hidden;
    display: flex;
    position: relative;
}

.catalog-mob__body .catalog-table__header-item span {
    background-color: #ffffff;
    position: relative;
    z-index: 2;
    padding-right: 5px;
}

.catalog-mob__body .catalog-table__header-item::after {
    position: absolute;
    content: "..................................................................................................................................................................................................................................";
    color: #d9d9d9;
}

.catalog-mob__body .catalog-table__info {
    font-size: 12px;
    padding-left: 2px;
    flex: 0 0 auto;
}

.catalog-mob__list-item {
    display: flex;
    align-items: center;
}

.catalog-mob__list-item:not(:last-child) {
    margin-bottom: 4px;
}

.catalog-mob__price {
    display: flex;
    gap: 15px;
    align-items: center;
    justify-content: space-between;
}

.catalog-mob__price .find-price {
    color: var(--grey-color);
    font-size: 14px;
    font-weight: 600;
    line-height: 1.3;
    text-decoration: underline;
}

.catalog-article {
    margin-bottom: 119px;
}

@media (max-width: 1440px) {
    .catalog-article {
        margin-bottom: calc(50px + 69 * ((100vw - 320px) / 1120));
    }
}

.catalog-article__container {
    display: flex;
    gap: 16px;
}

.catalog-article__text {
    color: var(--grey-color);
    font-size: 16px;
    line-height: 1.4;
    flex: 0 1 833px;
}

@media (max-width: 1440px) {
    .catalog-article__text {
        font-size: calc(14px + 2 * ((100vw - 320px) / 1120));
    }
}

.catalog-article__hidden {
    overflow: hidden;
    text-overflow: ellipsis;
    max-height: 400px;
}

.catalog-article__title {
    color: var(--black-color);
    font-family: Manrope;
    font-size: 42px;
    font-weight: 600;
    line-height: 1.1;
    letter-spacing: -0.84px;
    max-width: 591px;
    margin-bottom: 38px;
}

@media (max-width: 1440px) {
    .catalog-article__title {
        font-size: calc(24px + 18 * ((100vw - 320px) / 1120));
    }
}

.catalog-article__body {
    margin-bottom: 34px;
}

.catalog-article ul {
    margin-bottom: 10px;
    padding-left: 20px;
    list-style-type: circle;
}

.catalog-article ul li {
    list-style-type: disc;
}

.catalog-article p {
    margin-bottom: 10px;
}

.catalog-article__btn {
    padding: 12px 52px;
    font-size: 17px;
    font-weight: 500;
    line-height: 1.32;
    margin-top: 20px;
}

@media screen and (max-width: 768px) {
    .catalog-article__btn {
        font-size: 14px;
    }
}

.catalog-article__pic {
    flex: 0 1 591px;
}

@media screen and (max-width: 768px) {
    .catalog-article__pic {
        display: none;
    }
}

.catalog-article__pic img {
    max-width: 100%;
}

.pagination {
    display: flex;
    justify-content: center;
}

.pagination__list {
    display: flex;
    align-items: center;
    gap: 12px;
}

.pagination__item {
    flex: 0 0 auto;
}

.pagination__link {
    color: var(--black-color);
    font-size: 16px;
    font-weight: 300;
    line-height: 1.48;
    display: flex;
    align-items: center;
    justify-content: center;
}

.pagination__link.active {
    color: #fe6a2d;
    font-weight: 600;
}

.pagination__link_prev img {
    rotate: 180deg;
}

.contact-form {
    margin-bottom: 120px;
}

@media (max-width: 1440px) {
    .contact-form {
        margin-bottom: calc(30px + 90 * ((100vw - 320px) / 1120));
    }
}

.contact-form .section-header {
    position: relative;
}

@media screen and (max-width: 768px) {
    .contact-form .section-header__title {
        text-align: center;
    }
}

.contact-form .section-header__link {
    display: none;
}

.contact-form .decor-title {
    background-color: #fff;
    display: block;
    right: 0;
    bottom: -23px;
}

.contact-form__container {
    display: flex;
    gap: 16px;
}

.contact-form__pic {
    max-width: 466px;
    padding: 63px 30px 30px;
    background: url("/image/catalog/pipe/conatct-form-pic-bg.svg") left top no-repeat;
}

.contact-form__pic p {
    color: var(--grey-color);
    font-family: Roboto;
    font-size: 16px;
    line-height: 1.4;
}

@media screen and (max-width: 900px) {
    .contact-form__pic {
        display: none;
    }
}

.contact-form__name {
    color: var(--black-color);
    font-family: Manrope;
    font-size: 20px;
    font-weight: 600;
    line-height: 1.2;
    letter-spacing: -0.4px;
    margin-bottom: 7px;
}

.form-contact__subtitle {
    color: var(--grey-color);
    font-size: 16px;
    line-height: 1.3;
    margin-bottom: 50px;
}

@media screen and (max-width: 768px) {
    .form-contact__subtitle {
        text-align: center;
        font-size: 14px;
        margin-bottom: 30px;
    }
}

.form-contact__wrapper {
    display: flex;
    flex-wrap: wrap;
    column-gap: 16px;
    row-gap: 32px;
    margin-bottom: 60px;
}

@media (max-width: 1440px) {
    .form-contact__wrapper {
        margin-bottom: calc(30px + 30 * ((100vw - 320px) / 1120));
    }
}

@media screen and (max-width: 768px) {
    .form-contact__wrapper {
        row-gap: 20px;
    }
}

.form-contact__label {
    position: relative;
    display: block;
    flex: 1 1 48%;
}

@media screen and (max-width: 992px) {
    .form-contact__label {
        flex: 1 1 100%;
    }
}

.form-contact__label-header {
    color: #1a1a1a;
    font-size: 16px;
    line-height: 1.48;
    margin-bottom: 4px;
}

.form-contact__label-header.required::after {
    content: "*";
    color: #fc4738;
    margin-left: 5px;
}

.form-contact__label .error-text {
    opacity: 0;
    transition: 0.3s ease;
    position: absolute;
    right: 0;
    top: calc(100% + 4px);
    color: #f1336c;
    font-family: Roboto;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%; /* 19.6px */
}

.form-contact__input {
    width: 100%;
    padding: 17px;
    border-radius: 8px;
    border: 1px solid var(--Unnamed-Color, #e0e0e0);
    background: var(--white, #fff);
    outline: none;
    color: var(--dark-blue, #0c023b);
    font-family: Roboto;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%; /* 19.6px */
    min-height: 56px;
}

.form-contact__input::placeholder {
    color: #6d6d6d;
    font-family: Roboto;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.4;
}

.form-contact__input.textarea {
    padding: 8px;
    resize: vertical;
    overflow: auto;
}

.form-contact__input.textarea::-webkit-scrollbar {
    background-color: #fff;
    width: 4px;
}

.form-contact__input.textarea::-webkit-scrollbar-thumb {
    background-color: #e5e0eb;
    border-radius: 50px;
}

.form-contact__input:focus {
    border-color: #0c023b;
}

.form-contact__input:focus:invalid {
    border-color: #f1336c;
}

.form-contact__input:focus:invalid + .error-text {
    opacity: 1;
}

.form-contact__input:focus:valid {
    border-color: green;
}

.form-contact__action-wrap {
    display: flex;
    align-items: center;
    gap: 0 18px;
    flex-wrap: wrap;
}

@media screen and (max-width: 768px) {
    .form-contact__action-wrap {
        gap: 16px;
    }
}

.form-contact__action-wrap .privacy-text {
    font-family: Roboto;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.2;
}

@media screen and (max-width: 768px) {
    .form-contact__action-wrap .privacy-text {
        font-size: 12px;
    }
}

.form-contact__action-wrap .privacy-text a {
    color: #fe6a2d;
}

@media (any-hover: hover) {
    .form-contact__action-wrap .privacy-text a:hover {
        text-decoration: underline;
    }
}

.form-contact__action {
    display: flex;
    gap: 20px;
    justify-content: space-between;
    align-items: center;
}

@media screen and (max-width: 1100px) {
    .form-contact__action {
        flex-wrap: wrap;
    }
}

.form-contact__action-label {
    cursor: pointer;
    position: relative;
    color: var(--grey-color);
    margin-top: 5px;
}

.form-contact__action-label input {
    position: absolute;
    z-index: -2;
    opacity: 0;
}

.form-contact__action-label input:checked + .checkbox img {
    opacity: 1;
}

.form-contact__action-label .checkbox {
    flex: 0 0 auto;
    position: relative;
    width: 20px;
    aspect-ratio: 1;
    display: inline-block;
    border-radius: 4px;
    border: 1px solid var(--orange, #fe6a2d);
}

.form-contact__action-label .checkbox img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    transition: 0.3s ease;
    opacity: 0;
}

.form-contact__submit {
    flex: 0 0 auto;
    padding: 17px 52px;
    color: #fff;
    font-size: 17px;
    font-weight: 500;
    line-height: 1.3;
}

@media screen and (max-width: 1100px) {
    .form-contact__submit {
        flex-grow: 1;
    }
}

@media screen and (max-width: 768px) {
    .form-contact__submit {
        order: -1;
        font-size: 14px;
    }
}

.sub_cat_page {
}

.sub_cat_page .catalog-card__container {
    padding: 18px 29px 24px 20px;
}

.sub_cat_page .catalog-card__sliders {
    flex: 0 0 345px;
    position: relative;
}

.sub_cat_page .catalog-card__content {
    gap: 33px;
}

.sub_cat_page .catalog-card__title h1 {
    font-weight: 600;
    font-size: 36px;
    line-height: 110%;
    letter-spacing: -2.2px;
    margin-bottom: 6px;
}

.sub_cat_page .colimns_2 {
    flex-direction: column;
}

.sub_cat_page .colimns_2 .col {
    width: 100%;
}

.sub_cat_page .catalog-card__stock {
    margin-bottom: 26px;
}

.sub_cat_page .catalog-benefits {
    flex-direction: row;
    gap: 0;
}

.sub_cat_page .catalog-benefits__item {
    gap: 10px;
}

.sub_cat_page .catalog-card__subtitle {
    margin-bottom: 25px;
}

.sub_cat_page .catalog-card__thumb {
    position: absolute;
    width: 100%;
    margin-top: 0;
    bottom: 37px;
    padding: 0 30px;
}

.sub_cat_page .catalog-card__slider .swiper-backface-hidden .swiper-slide {
    aspect-ratio: 2/1.75;
    overflow: hidden;
    border-radius: 25px;
}

.sub_cat_page .catalog-card__thumb .catalog-card__thumb-swiper .swiper-slide img {
    border-radius: 10px;
    height: auto;
    object-fit: inherit;
}

.sub_cat_page .catalog-card__thumb .swiper-backface-hidden .swiper-slide {
    height: 44px;
    overflow: hidden;
    display: flex;
    align-items: center;
    object-fit: cover;
}

.sub_cat_page .catalog-card__slider .swiper-pagination {
    flex-wrap: nowrap;
    display: flex;
    justify-content: center;
    bottom: 22px;
}

.sub_cat_page .swiper-horizontal {
    overflow: hidden;
}

.sub_cat_page .catalog-card__thumb .catalog-card__thumb-btn.next, .sub_cat_page .catalog-card__thumb .catalog-card__thumb-btn.prev {
    display: none;
}

.length {
    position: absolute;
    top: calc(100% + 4px);
    right: 0;
    color: var(--Unnamed-Color, #c0c0c0);
    text-align: right;
    font-family: Roboto;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
    letter-spacing: -1px;
}

.product__content {
    display: flex;
    margin-bottom: 114px;
}

@media (max-width: 1440px) {
    .product__content {
        margin-bottom: calc(48px + 66 * ((100vw - 320px) / 1120));
    }
}

@media screen and (max-width: 1150px) {
    .product__content {
        flex-wrap: wrap;
        gap: 15px;
    }
}

@media screen and (max-width: 992px) {
    .product__content {
        display: block;
    }
}

.product__left {
    display: flex;
    flex-wrap: wrap;
}

@media screen and (max-width: 992px) {
    .product__left {
        margin-bottom: 28px;
    }
}

.product__middle {
    flex: 1 1 709px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.product__middle .catalog-card__spec {
    max-width: 100%;
    margin-bottom: 26px;
}

.product__middle .catalog-card__spec-item {
    font-size: 16px;
}

.product__middle .catalog-card__spec-info {
    font-size: 16px;
}

.product__middle .catalog-card__spec-list li {
    margin-bottom: 16px;
}

.catalog-card__spec-list li {
    position: relative;
}

.catalog-card__spec-list li:after {
    content: "";
    display: block;
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 100%;
    height: 2px;
    border-top: 1px dotted #666;
}

@media screen and (max-width: 992px) {
    .product__middle {
        margin-bottom: 30px;
    }
}

.product__right {
    flex-shrink: 0;
    flex-basis: 337px;
    margin-left: 26px;
    padding: 35px 28px;
    border-radius: 15px;
    background-color: #f5f5fa;
}

@media screen and (max-width: 1150px) {
    .product__right {
        flex: 1 1 100%;
        margin-top: 0;
        margin-left: 0;
    }
}

@media screen and (max-width: 768px) {
    .product__right {
        margin: 0 -15px;
        padding: 38px 15px;
        border-radius: 0;
    }
}

.product__title {
    color: var(--black-color);
    font-family: Manrope;
    font-size: 36px;
    font-weight: 600;
    line-height: 1.2;
    letter-spacing: -0.72px;
    margin-bottom: 44px;
}

@media screen and (max-width: 768px) {
    .product__title {
        margin-bottom: 15px;
    }
}

.product__mob-rating {
    display: none;
}

@media screen and (max-width: 768px) {
    .product__mob-rating {
        display: flex;
        gap: 15px;
        justify-content: space-between;
        flex-wrap: wrap;
        margin-bottom: 20px;
    }
}

.card-product__sliders {
    margin-right: 12px;
    flex: 0 0 350px;
    max-width: 350px;
}

@media screen and (max-width: 992px) {
    .card-product__sliders {
        max-width: 350px;
        margin-bottom: 28px;
    }
}

@media screen and (max-width: 360px) {
    .card-product__swiper {
        padding-bottom: 25px;
    }

    .card-product__swiper .swiper-pagination {
        bottom: 0;
    }
}

.card-product__swiper .catalog-card__pagination {
    display: none;
}

@media screen and (max-width: 500px) {
    .card-product__swiper .catalog-card__pagination {
        display: block;
    }
}

.card-product__thumb {
    margin-top: 50px;
}

.card-product__thumb img {
    width: 100px;
    height: 72px;
    object-fit: cover;
}

@media screen and (max-width: 500px) {
    .card-product__thumb {
        display: none;
    }
}

.card-product__order {
    display: flex;
    align-items: center;
    gap: 49px;
    flex-wrap: wrap;
}

@media screen and (max-width: 768px) {
    .card-product__order {
        gap: 15px;
    }
}

@media screen and (max-width: 600px) {
    .card-product__order {
        align-items: baseline;
        flex-direction: column;
    }

    .counter {
        width: 100%;
        order: 2;
    }
}

.card-product__request {
    color: var(--black-color);
    font-size: 20px;
    font-weight: 500;
    line-height: 1.3;
}

.card-product__request span {
    text-decoration: underline;
}

.card-product__counter input::-webkit-inner-spin-button, .card-product__counter input::-webkit-outer-spin-button {
    display: none;
}

.card-product__add {
    padding: 25.15px 36px;
    color: #fff;
    font-size: 17px;
    font-weight: 500;
    line-height: 1.3;
}

@media screen and (max-width: 768px) {
    .card-product__add {
        font-size: 14px;
        padding: 20px 36px;
    }
}

.card-product__contact {
    line-height: 1.3;
}

@media screen and (max-width: 768px) {
    .card-product__contact {
        display: flex;
        flex-direction: column;
    }
}

.card-product__contact > *:not(:last-child) {
    margin-bottom: 30px;
}

@media screen and (max-width: 768px) {
    .card-product__contact > *:not(:last-child) {
        margin-bottom: 0;
    }
}

.card-product__contact .catalog-card__stock {
    color: var(--black-colo);
    font-family: Manrope;
    font-size: 14px;
    font-weight: 600;
}

@media screen and (max-width: 768px) {
    .card-product__contact .catalog-card__stock {
        display: none;
    }
}

.card-product__info {
    display: flex;
    align-items: center;
    gap: 15px;
    color: var(--grey-color);
    font-family: Manrope;
    font-size: 14px;
    font-weight: 600;
    padding-bottom: 30px;
    border-bottom: 1px solid #e5e5e5;
}

@media screen and (max-width: 768px) {
    .card-product__info {
        padding-bottom: 0;
        border: none;
    }
}

.card-product__rating {
    display: flex;
    gap: 7px;
    align-items: center;
}

.card-product__review {
    text-decoration: underline;
}

.card-product__contacts {
    display: flex;
    flex-direction: column;
}

.card-product__contacts-link {
    color: var(--black-color);
    font-family: Manrope;
    font-size: 14px;
    font-weight: 600;
    padding: 2px 0 2px 36px;
}

.card-product__contacts-link:not(:last-child) {
    margin-bottom: 30px;
}

@media screen and (max-width: 768px) {
    .card-product__contacts-link:not(:last-child) {
        margin-bottom: 15px;
    }
}

.card-product__contacts-link.delivery {
    background: url("/image/catalog/pipe/truck.svg") left center no-repeat;
}

.card-product__contacts-link.fax {
    background: url("/image/catalog/pipe/print-alt-5.svg") left center no-repeat;
}

.card-product__contacts-link.tel {
    background: url("/image/catalog/pipe/phone2.svg") left center no-repeat;
}

.card-product__contacts-link.email {
    background: url("/image/catalog/pipe/open-mail2.svg") left center no-repeat;
}

@media screen and (max-width: 768px) {
    .card-product__advice {
        order: -1;
        margin-bottom: 30px;
    }
}

.card-product__advice-img {
    flex: 0 0 auto;
    width: 64px;
    height: 64px;
    border-radius: 50%;
    background-color: #fff;
    overflow: hidden;
}

.card-product__advice-specialist {
    display: flex;
    gap: 12px;
    align-items: center;
    margin-bottom: 17px;
}

@media screen and (max-width: 768px) {
    .card-product__advice-specialist {
        flex-direction: row-reverse;
        justify-content: start;
        margin-bottom: 0px;
    }
}

.card-product__advice-specialist-name {
    color: #000;
    font-family: Manrope;
    font-size: 18px;
    font-weight: 600;
    line-height: 1.2;
    letter-spacing: -0.36px;
}

.card-product__advice-link {
    font-weight: 500;
    text-decoration: underline;
    color: #fe6a2d;
}

.card-product__feature {
    display: flex;
    flex-direction: column;
    margin-bottom: 70px;
}

@media (max-width: 1440px) {
    .card-product__feature {
        margin-bottom: calc(30px + 40 * ((100vw - 320px) / 1120));
    }
}

.card-product__feature-title {
    color: var(--black-color);
    font-family: Manrope;
    font-size: 36px;
    font-weight: 600;
    line-height: 1.2;
    letter-spacing: -0.72px;
    margin-bottom: 31px;
    flex: 1 1 auto;
}

.card-product__feature .catalog-card__spec-item {
    font-size: 18px;
    font-weight: 500;
    white-space: nowrap;
}

.card-product__feature .catalog-card__spec-info {
    font-size: 18px;
}

.card-product__feature .product-spec {
    flex: 0 1;
    max-width: 791px;
}

.card-product__feature .catalog-card__spec {
    max-width: initial;
}

.card-product__feature .catalog-card__spec-list li:not(:last-child) {
    margin-bottom: 15px;
}

@media screen and (max-width: 768px) {
    .product-spec {
        display: flex;
        flex-direction: column;
    }
}

.product-spec__action {
    display: flex;
    gap: 15px;
    justify-content: space-between;
    margin-bottom: 26px;
    flex-wrap: wrap;
}

.product-spec__action .catalog-card__info-more {
    padding-left: 0;
    margin-left: 0;
    border: none;
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    justify-content: center;
    gap: 10px;
    margin-top: 0;
}

.product-spec__action .catalog-card__info-more p {
    margin-bottom: 0;
    max-width: initial;
    font-size: 16px;
}

.product-spec__action .catalog-card__info-link {
    background-color: transparent;
    width: initial;
    height: initial;
}

.product-spec__action .catalog-card__info-link svg {
    stroke: #fe6a2d;
}

.product-spec__all {
    color: var(--grey-color);
    font-size: 16px;
    line-height: 1.3;
    text-decoration: underline;
}

@media screen and (max-width: 768px) {
    .product-spec__all {
        order: -1;
    }
}

.product-spec__text {
    margin-bottom: 50px;
}

@media screen and (max-width: 768px) {
    .product-spec__text {
        order: -1;
        margin-bottom: 14px;
    }

    .product-spec__text .catalog-card__header-more {
        margin-bottom: 0;
    }
}

.counter {
    flex-grow: 1;
    display: flex;
    border-radius: 10px;
    border: 1px solid #ececec;
    background: #f8f8f8;
    overflow: hidden;
}

.counter__count {
    width: 73px;
    height: 72px;
    text-align: center;
    border: none;
    background-color: #f8f8f8;
    color: #000;
    font-family: Manrope;
    font-size: 18px;
    font-weight: 600;
    line-height: 1.3;
    border-left: 1px solid #ececec;
    border-right: 1px solid #ececec;
    outline: none;
}

@media screen and (max-width: 425px) {
    .counter__count {
        flex: 1 1 100%;
    }
}

.counter__btn {
    flex: 1 0 73px;
    height: 72px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #f8f8f8;
    transition: 0.3s ease;
}

@media (any-hover: hover) {
    .counter__btn:hover {
        background-color: #ededed;
    }
}

.product-tabs__header {
    background-color: #f5f5fa;
}

.product-tabs__btns {
    max-width: 902px;
    display: flex;
    justify-content: space-between;
    gap: 15px;
    overflow-x: auto;
}

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

.product-tabs__btn {
    position: relative;
    flex: 0 0 auto;
    padding: 23px 0;
    color: var(--black-color);
    font-family: Manrope;
    font-size: 18px;
    font-weight: 400;
    line-height: 1.2;
    letter-spacing: -0.36px;
}

.product-tabs__btn::after {
    content: "";
    position: absolute;
    width: 0%;
    left: 0;
    bottom: 0;
    display: block;
    height: 4px;
    background-color: #fe6a2d;
    opacity: 0;
    transition: 0.3s ease;
}

.product-tabs__btn.active {
    font-weight: 600;
}

.product-tabs__btn.active::after {
    width: 100%;
    opacity: 1;
}

.product-tabs__content-contents ul, .product-tabs__content-contents li {
    list-style-type: disc;
    padding: 10px;
}

.product-tabs__content-contents li::marker {
    font-size: 18px;
    list-style-position: inside;
}

.product-tabs__content {
    display: none;
    margin-top: 51px;
    color: var(--grey-color);
    line-height: 1.5;
    margin-bottom: 110px;
}

@media (max-width: 1440px) {
    .product-tabs__content {
        margin-bottom: calc(40px + 70 * ((100vw - 320px) / 1120));
    }
}

.product-tabs__content.reviews {
    max-width: 820px;
}

.product-tabs__content.delivery {
    max-width: 1047px;
}

.product-tabs__content.active {
    display: block;
}

.product-tabs__title {
    color: var(--black-color);
    font-family: Manrope;
    font-size: 32px;
    font-weight: 600;
    line-height: 1.1;
    letter-spacing: -0.64px;
    margin-bottom: 25px;
}

.product-tabs__list {
    padding-left: 30px;
}

.product-tabs__list li {
    list-style-type: disc;
}

.product-comment {
    padding: 16px 0;
    background-color: #fff;
}

.product-comment:not(:last-child) {
    margin-bottom: 22px;
}

.product-comment.product-comment--answer {
    padding-left: 48px;
}

.product-comment__title {
    color: var(--black-color);
    font-weight: 500;
    line-height: 1.5;
    margin-bottom: 3px;
}

.product-comment__text {
    margin-bottom: 17px;
}

.product-comment__text a {
    color: var(--grey-color);
    line-height: 1.5;
}

.product-comment__action {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    color: var(--grey-color);
    line-height: 1.5;
}

.product-comment__btn {
    display: flex;
    gap: 8px;
}

.product-comment__btn svg {
    display: block;
    width: 12px;
    aspect-ratio: 1;
}

.product-comment__answer {
    color: var(--grey-color);
    line-height: 1.5;
}

.comment-form {
    max-width: 770px;
    margin: 40px 0;
}

.comment-form__title {
    color: var(--black-color);
    line-height: 1.48;
    margin-bottom: 4px;
}

.comment-form__textarea-wrapper textarea {
    padding: 12px;
    width: 100%;
    height: 200px;
    border-radius: 8px;
    border: 1px solid #e0e0e0;
    background-color: #fff;
    outline: none;
    color: var(--black-color);
    font-family: Roboto;
    font-size: 14px;
    line-height: 1.4;
}

.comment-form__textarea-wrapper textarea::placeholder {
    color: var(--grey-color);
    font-size: 14px;
}

.comment-form__footer {
    display: flex;
    gap: 30px;
    flex-wrap: wrap;
    align-items: center;
}

.comment-form__footer p {
    color: var(--grey-color);
    font-size: 12px;
    font-weight: 400;
    line-height: 1.2;
    max-width: 332px;
}

@media screen and (max-width: 600px) {
    .comment-form__footer p {
        max-width: initial;
        flex: 1 1 100%;
        text-align: center;
    }
}

.comment-form__btn {
    padding: 25px 67.5px;
    color: #fff;
    font-size: 17px;
    font-weight: 500;
    line-height: 1.3;
}

@media screen and (max-width: 768px) {
    .comment-form__btn {
        font-size: 14px;
        padding: 20px 67.6px;
    }
}

@media screen and (max-width: 600px) {
    .comment-form__btn {
        flex: 1 1 100%;
    }
}

.product-documentation {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 16px;
}

@media screen and (max-width: 992px) {
    .product-documentation {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media screen and (max-width: 768px) {
    .product-documentation {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media screen and (max-width: 300px) {
    .product-documentation {
        grid-template-columns: repeat(1, 1fr);
    }
}

.product-documentation__card {
    border-radius: 15px;
    border: 2px solid #dedede;
    background-color: #fff;
    padding: 26px 32px 36px 16px;
}

@media screen and (max-width: 500px) {
    .product-documentation__card {
        padding: 10px 7px;
    }
}

.product-documentation__car-ico {
    width: 77px;
    height: 77px;
    aspect-ratio: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background-color: #f5f5fa;
    margin-bottom: 48px;
}

@media (max-width: 1440px) {
    .product-documentation__car-ico {
        margin-bottom: calc(11px + 37 * ((100vw - 320px) / 1120));
    }
}

@media screen and (max-width: 768px) {
    .product-documentation__car-ico {
        width: 34px;
        height: 34px;
    }

    .product-documentation__car-ico img {
        max-width: 40%;
    }
}

.product-documentation__card-text {
    color: var(--black-color);
    font-family: Manrope;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 1.2;
    letter-spacing: -0.36px;
}

@media (max-width: 1440px) {
    .product-documentation__card-text {
        font-size: calc(12px + 6 * ((100vw - 320px) / 1120));
    }
}

.recomended {
    margin-bottom: 84px;
}

@media (max-width: 1440px) {
    .recomended {
        margin-bottom: calc(50px + 34 * ((100vw - 320px) / 1120));
    }
}

.recomended .catalog-table__wrapper {
    margin-top: 0;
}

.recomended__title {
    color: var(--black-color);
    font-family: Manrope;
    font-size: 36px;
    font-weight: 600;
    line-height: 1.2;
    letter-spacing: -0.72px;
    margin-bottom: 30px;
}

@media (max-width: 1440px) {
    .recomended__title {
        font-size: calc(26px + 10 * ((100vw - 320px) / 1120));
    }
}

@media screen and (max-width: 768px) {
    .recomended__title {
        text-align: center;
    }
}

.recomended .catalog-table__info {
    font-size: 15px;
}

.recomended .catalog-table__info:not(.name) {
    color: var(--grey-color);
}

.table-counter {
    display: flex;
    gap: 7px;
    width: 220px;
}

@media screen and (max-width: 992px) {
    .table-counter {
        width: 176px;
    }
}

.catalog-table__delete {
    flex: 0 0 51px;
    aspect-ratio: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    border: 1px solid #ececec;
    background-color: #f8f8f8;
}

@media screen and (max-width: 992px) {
    .catalog-table__delete {
        flex: 0 0 42px;
        height: 42px;
    }
}

.catalog-table__delete span {
    display: block;
}

.catalog-table__delete svg {
    width: 24px;
    height: 24px;
    fill: none;
    stroke: #525354;
}

@media screen and (max-width: 768px) {
    .cart .counter {
        max-width: 127px;
    }
}

@media screen and (max-width: 768px) {
    .cart .counter-cart {
        flex: 1 0 auto;
        display: flex;
        justify-content: flex-end;
    }
}

.cart .counter__btn {
    flex: 0 0 51px;
    height: 51px;
}

@media screen and (max-width: 992px) {
    .cart .counter__btn {
        flex: 0 0 42px;
        height: 42px;
    }
}

.cart .counter__count {
    flex: 0 0 59px;
    width: 59px;
    height: 51px;
}

@media screen and (max-width: 992px) {
    .cart .counter__count {
        flex: 0 0 42px;
        width: 42px;
        height: 42px;
    }
}

.cart .name {
    display: flex;
    align-items: center;
    gap: 25px;
    width: 200px;
}

@media screen and (max-width: 768px) {
    .cart .name {
        gap: 18px;
    }
}

.cart .breadcrumbs {
    margin-top: 0;
}

@media screen and (max-width: 768px) {
    .cart .breadcrumbs {
        margin-top: 30px;
        margin-bottom: 30px;
    }
}

@media screen and (max-width: 768px) {
    .cart .catalog-table__info.name {
        width: 100%;
        font-size: 14px;
    }
}

.cart-content__title {
    color: var(--black-color);
    font-family: Manrope;
    font-size: 36px;
    font-weight: 600;
    line-height: 1.2;
    letter-spacing: -0.72px;
    margin-bottom: 21px;
}

@media screen and (max-width: 768px) {
    .cart-content__title {
        margin-bottom: 16px;
    }
}

.cart-content__wrapper {
    display: flex;
    gap: 16px;
}

@media screen and (max-width: 1220px) {
    .cart-content__wrapper {
        flex-wrap: wrap;
    }
}

.cart-content__left {
    flex: 1 1 auto;
}

.cart-content .catalog-table__row {
    flex-direction: row;
    justify-content: space-between;
}

.cart-info {
    margin-bottom: 46px;
}

.cart-info__items {
    display: flex;
    flex-wrap: wrap;
    color: var(--grey-color);
    line-height: 1.3;
    gap: 29px;
}

@media screen and (max-width: 600px) {
    .cart-info__items {
        gap: 16px;
        justify-content: space-between;
    }
}

.cart-info__list {
    display: flex;
}

@media screen and (max-width: 600px) {
    .cart-info__list {
        order: 3;
        flex: 0 0 100%;
    }
}

.cart-info__list li {
    display: flex;
    align-items: center;
}

.cart-info__list li:not(:last-child)::after {
    content: "";
    display: block;
    width: 1.5px;
    aspect-ratio: 1;
    background-color: var(--black-color);
    margin: 0 6px;
}

.cart-info__select {
    font-size: 14px;
}

.cart-info__select label {
    display: flex;
    align-items: center;
    gap: 9px;
    cursor: pointer;
}

@media screen and (max-width: 600px) {
    .cart-info__select {
        order: 1;
    }
}

.cart-info__delete {
    color: var(--grey-color);
    font-size: 14px;
}

@media screen and (max-width: 600px) {
    .cart-info__delete {
        order: 2;
    }
}

.form-contact__input.hidden-input {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    opacity: 0;
}

.form-contact__input.div {
    display: flex;
    gap: 15px;
    justify-content: space-between;
    color: var(--grey-color);
    cursor: pointer;
}

.cart-form {
    flex: 0 0 348px;
    padding: 40px 20px 30px;
    display: flex;
    flex-wrap: wrap;
    border-radius: 10px;
    border: 1px solid #f5f5fa;
    background-color: #fff;
}

@media screen and (max-width: 1220px) {
    .cart-form {
        flex-grow: 1;
        gap: 10px;
    }
}

@media screen and (max-width: 768px) {
    .cart-form {
        flex: 1 1 100%;
        padding: 20px 0;
    }
}

.cart-form__title {
    flex: 1 1 100%;
    margin-bottom: 22px;
    color: #000a28;
    font-family: Manrope;
    font-size: 20px;
    font-weight: 600;
    line-height: 1.2;
}

.cart-form .form-contact__label {
    flex: 1 1 100%;
    margin-bottom: 10px;
}

@media screen and (max-width: 1220px) {
    .cart-form .form-contact__label {
        flex: 1 1 48%;
    }
}

@media screen and (max-width: 600px) {
    .cart-form .form-contact__label {
        flex: 1 1 100%;
    }
}

.cart-form .form-contact__input {
    padding: 12px;
    font-size: 14px;
    min-height: 44px;
}

.cart-form .form-contact__input.textarea {
    padding: 12px 12px 0 12px;
}

.cart-form__submit {
    margin-top: 5px;
    color: #fff;
    flex: 1 1 100%;
    margin-bottom: 15px;
    padding: 21px 52px;
}

.cart-form__policy {
    flex: 1 1 100%;
    color: var(--grey-color);
    text-align: center;
    font-size: 10px;
    line-height: 1.3;
}

@media screen and (max-width: 768px) {
    .services-page .breadcrumbs {
        position: relative;
        z-index: 3;
    }
}

@media screen and (max-width: 768px) {
    .services-page .breadcrumbs__list {
        padding-bottom: 0;
    }
}

@media screen and (max-width: 768px) {
    .services-page .breadcrumbs__link {
        color: #fff;
    }
}

.services-page .contact-form {
    margin-top: 120px;
    margin-bottom: 30px;
}

@media (max-width: 1440px) {
    .services-page .contact-form {
        margin-top: calc(40px + 80 * ((100vw - 320px) / 1120));
    }
}

.services-page .order {
    margin-bottom: 0;
}

.services-intro {
    margin-bottom: 100px;
}

@media (max-width: 1440px) {
    .services-intro {
        margin-bottom: calc(40px + 60 * ((100vw - 320px) / 1120));
    }
}

@media screen and (max-width: 768px) {
    .services-intro {
        margin-top: -56px;
    }
}

.services-intro__container {
    padding: 0;
}

.services-slide {
    color: #fff;
    padding-top: 100px;
    padding-left: 35px;
    padding-right: 48px;
    border-radius: 20px;
    object-fit: cover;
    background-color: #000;
}

.services-slide.slide-1 {
    padding-top: 125px;
    background: url("/image/catalog/pipe/services-slide-2.jpg") left top no-repeat;
    background-size: cover;
}

@media screen and (max-width: 992px) {
    .services-slide.slide-1 {
        background: url("/image/catalog/pipe/services-slide-1-mob.svg") left top no-repeat;
        background-size: cover;
    }
}

.services-slide.slide-2 {
    padding-top: 125px;
    background: url("/image/catalog/pipe/services-slide-2.svg") left top no-repeat;
    background-size: cover;
}

@media screen and (max-width: 992px) {
    .services-slide.slide-2 {
        background: url("/image/catalog/pipe/services-slide-2-mob.svg") left top no-repeat;
        background-size: cover;
    }
}

.services-slide.slide-3 {
    padding-top: 90px;
    background: url("/image/catalog/pipe/services-slide-3.svg") left top no-repeat;
    background-size: cover;
}

@media screen and (max-width: 992px) {
    .services-slide.slide-3 {
        background: url("/image/catalog/pipe/services-slide-3-mob.svg") left top no-repeat;
        background-size: cover;
    }
}

.services-slide.slide-4 {
    padding-top: 90px;
    background: url("/image/catalog/pipe/services-slide-4.svg") left top no-repeat;
    background-size: cover;
}

@media screen and (max-width: 992px) {
    .services-slide.slide-4 {
        background: url("/image/catalog/pipe/services-slide-4-mob.svg") left top no-repeat;
        background-size: cover;
    }
}

.services-slide.slide-5 {
    padding-top: 125px;
    background: url("/image/catalog/pipe/services-slide-5.svg") left top no-repeat;
    background-size: cover;
}

@media screen and (max-width: 992px) {
    .services-slide.slide-5 {
        background: url("/image/catalog/pipe/services-slide-5-mob.svg") left top no-repeat;
        background-size: cover;
    }
}

@media screen and (max-width: 992px) {
    .services-slide {
        display: flex;
        flex-wrap: wrap;
        padding: 50px 15px;
        border-radius: 0px;
    }
}

@media screen and (max-width: 768px) {
    .services-slide {
        padding-top: 70px;
    }
}

.services-slide__wrapper {
    display: flex;
    gap: 74px;
    margin-bottom: 105px;
}

@media screen and (max-width: 992px) {
    .services-slide__wrapper {
        display: contents;
    }
}

.services-slide__left {
    flex: 3 1 755px;
}

@media screen and (max-width: 992px) {
    .services-slide__left {
        flex: 1 1 100%;
    }
}

.services-slide__title {
    font-family: Manrope;
    font-size: 56px;
    font-weight: 600;
    line-height: 1.1;
    letter-spacing: -1.12px;
    margin-bottom: 40px;
}

@media (max-width: 1440px) {
    .services-slide__title {
        font-size: calc(26px + 30 * ((100vw - 320px) / 1120));
    }
}

@media screen and (max-width: 992px) {
    .services-slide__title {
        margin-bottom: 20px;
    }
}

.services-slide__subtitle {
    font-size: 20px;
    line-height: 1.3;
}

@media (max-width: 1440px) {
    .services-slide__subtitle {
        font-size: calc(15px + 5 * ((100vw - 320px) / 1120));
    }
}

@media screen and (max-width: 992px) {
    .services-slide__subtitle {
        margin-bottom: 52px;
    }
}

.services-slide__right {
    flex: 1 1 498px;
}

@media screen and (max-width: 992px) {
    .services-slide__right {
        flex: 1 1 100%;
        order: 3;
    }
}

.services-slide__item {
    display: flex;
    gap: 12px;
    font-size: 15px;
    line-height: 1.3;
    letter-spacing: 0.15px;
}

.services-slide__item:not(:last-child) {
    margin-bottom: 49px;
}

@media screen and (max-width: 992px) {
    .services-slide__item:not(:last-child) {
        margin-bottom: 24px;
    }
}

.services-slide__btn {
    font-size: 17px;
    color: #fff;
    font-weight: 500;
    line-height: 1.3;
    padding: 25px 36px;
    margin-bottom: 59px;
}

@media screen and (max-width: 992px) {
    .services-slide__btn {
        flex: 0 0 auto;
        order: 2;
        margin-bottom: 47px;
        padding: 20px 36px;
    }
}

@media screen and (max-width: 768px) {
    .services-slide__btn {
        font-size: 14px;
    }
}

.recomend-wrapper {
    background-color: #f5f5fa;
    padding-bottom: 58px;
}

.interested {
    padding-top: 100px;
}

@media (max-width: 1440px) {
    .interested {
        padding-top: calc(30px + 70 * ((100vw - 320px) / 1120));
    }
}

.interested .section-header {
    position: relative;
}

.interested .section-header .hidden {
    display: block;
    right: -11px;
    bottom: -23px;
}

@media screen and (max-width: 768px) {
    .interested .section-header .hidden {
        display: none;
    }
}

.interested .section-header__link-decor {
    background-color: #f5f5fa;
}

.interested .section-header__link {
    display: none;
}

.interested__content {
    padding-bottom: 120px;
}

@media (max-width: 1440px) {
    .interested__content {
        padding-bottom: calc(40px + 80 * ((100vw - 320px) / 1120));
    }
}

.interested__swiper .swiper-slide {
    width: initial;
}

@media screen and (min-width: 768px) {
    .interested__swiper .swiper-slide {
        flex: 0 0 0%;
    }
}

.interested__swiper .swiper-pagination-bullet {
    position: relative;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    margin: 0 6px;
    border: 1px solid #e0e0e0;
    background-color: #fff;
    opacity: 1;
    transition: 0.3s ease;
}

.interested__swiper .swiper-pagination-bullet-active {
    background-color: #fd5b32;
    border: none;
}

.interested__swiper .swiper-pagination-bullet-active::before {
    content: "";
    position: absolute;
    display: block;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    border: 1px solid #fd5b32;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.interested__swiper:not(:has(.swiper-pagination-lock)) {
    padding-bottom: 30px;
}

.interested__swiper:not(:has(.swiper-pagination-lock)) .swiper-pagination {
    bottom: 0;
}

.interested__content-more {
    font-family: Roboto;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%; /* 20.8px */
    display: none;
    text-align: center;
    width: 100%;
    color: #fe6a2d;
    margin-top: 30px;
}

@media screen and (max-width: 768px) {
    .interested__content-more {
        display: block;
    }
}

.produced .section-header__link-decor {
    background-color: #f5f5fa;
}

.produced__swiper .swiper-slide {
    flex-shrink: 1;
}

.produced__swiper .swiper-pagination-bullet {
    position: relative;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    margin: 0 6px;
    border: 1px solid #e0e0e0;
    background-color: #fff;
    opacity: 1;
    transition: 0.3s ease;
}

.produced__swiper .swiper-pagination-bullet-active {
    background-color: #fd5b32;
    border: none;
}

.produced__swiper .swiper-pagination-bullet-active::before {
    content: "";
    position: absolute;
    display: block;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    border: 1px solid #fd5b32;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.produced__swiper:not(:has(.swiper-pagination-lock)) {
    padding-bottom: 60px;
}

.produced__swiper:not(:has(.swiper-pagination-lock)) .swiper-pagination {
    bottom: 0;
}

.produced__card {
    max-width: 230px;
}

.produced__card-pic {
    border-radius: 10px;
    overflow: hidden;
    margin-bottom: 17px;
}

.produced__card-text {
    color: var(--black-color);
    font-family: Manrope;
    font-size: 18px;
    font-weight: 600;
    line-height: 1.1;
    letter-spacing: -0.36px;
}

.questions__container {
    display: flex;
    gap: 80px;
    padding: 112px 64px;
}

@media screen and (max-width: 1024px) {
    .questions__container {
        flex-wrap: wrap;
        padding: 60px 15px;
        gap: 32px;
    }
}

.questions__left {
    flex: 0 0 38.11%;
}

@media screen and (max-width: 1024px) {
    .questions__left {
        flex: 1 1 100%;
    }
}

.questions__title {
    color: var(--black-color);
    font-family: Manrope;
    font-size: 42px;
    font-weight: 600;
    line-height: 1.1;
    letter-spacing: -0.84px;
    margin-bottom: 24px;
}

@media (max-width: 1440px) {
    .questions__title {
        font-size: calc(26px + 16 * ((100vw - 320px) / 1120));
    }
}

.questions__subtitle {
    color: var(--grey-color);
    line-height: 1.5;
    margin-bottom: 32px;
}

@media screen and (max-width: 768px) {
    .questions__subtitle {
        font-size: 14px;
    }
}

.questions__btn {
    padding: 12px 24px;
    color: #fff;
    font-size: 16px;
    line-height: 1.5;
    font-weight: 400;
}

.questions__right {
    flex: 1 1 auto;
}

@media screen and (max-width: 1024px) {
    .questions__right {
        flex: 1 1 100%;
    }
}

.questions-accordeon__btn {
    text-align: left;
    width: 100%;
    color: var(--grey-color);
    font-size: 18px;
    font-weight: 600;
    line-height: 1.5;
    padding: 20px 0;
    display: flex;
    gap: 12px;
    justify-content: space-between;
    align-items: center;
    border-top: 1px solid #e6e6e8;
    border-bottom: 1px solid #e6e6e8;
}

@media screen and (max-width: 768px) {
    .questions-accordeon__btn {
        font-size: 14px;
        line-height: 1.3;
    }
}

.questions-accordeon__btn img {
    flex: 0 0 auto;
    transition: 0.3s linear;
}

.questions-accordeon__btn.open img {
    transform: rotateX(180deg);
}

.questions-accordeon__body {
    margin-top: 20px;
    display: none;
    padding-bottom: 20px;
}

.questions-accordeon__body.open {
    display: block;
}

.catalog-page {
    margin-bottom: 130px;
}

@media (max-width: 1440px) {
    .catalog-page {
        margin-bottom: calc(80px + 50 * ((100vw - 320px) / 1120));
    }
}

.contacts-header .mobile-cart {
    padding: 0;
}

.contacts {
    color: var(--black-color);
    font-family: Manrope;
}

.contacts__container {
    margin-bottom: 100px;
}

@media (max-width: 1440px) {
    .contacts__container {
        margin-bottom: calc(60px + 40 * ((100vw - 320px) / 1120));
    }
}

.contacts__title {
    font-size: 36px;
    font-weight: 600;
    line-height: 1.2;
    letter-spacing: -0.72px;
    margin-bottom: 68px;
}

@media (max-width: 1440px) {
    .contacts__title {
        font-size: calc(26px + 10 * ((100vw - 320px) / 1120));
    }
}

@media (max-width: 1440px) {
    .contacts__title {
        margin-bottom: calc(45px + 23 * ((100vw - 320px) / 1120));
    }
}

.contacts__cards {
    margin-bottom: 107px;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 21px;
}

@media (max-width: 1440px) {
    .contacts__cards {
        margin-bottom: calc(60px + 47 * ((100vw - 320px) / 1120));
    }
}

@media screen and (max-width: 768px) {
    .contacts__cards {
        gap: 16px;
        grid-template-columns: repeat(2, minmax(100px, 1fr));
    }
}

@media screen and (max-width: 320px) {
    .contacts__cards {
        grid-template-columns: 1fr;
    }
}

.contacts__card {
    padding: 30px 25px;
    border-radius: 10px;
    background-color: #f5f5fa;
}

@media screen and (max-width: 768px) {
    .contacts__card {
        padding: 17px 11px;
    }
}

.contacts__card-pic {
    margin-bottom: 31px;
}

@media screen and (max-width: 768px) {
    .contacts__card-pic {
        margin-bottom: 24px;
    }
}

.contacts__card-title {
    font-size: 18px;
    font-weight: 600;
    line-height: 1.2;
    letter-spacing: -0.36px;
    margin-bottom: 9px;
}

@media screen and (max-width: 768px) {
    .contacts__card-title {
        margin-bottom: 14px;
        font-size: 14px;
    }
}

.contacts__card-subtitle {
    color: var(--grey-color);
    font-size: 14px;
    line-height: 1.43;
}

@media screen and (max-width: 768px) {
    .contacts__card-subtitle {
        font-size: 12px;
    }
}

.contacts__wrapper {
    display: flex;
    gap: 17px;
    flex-wrap: wrap;
    margin-bottom: 167px;
}

@media (max-width: 1440px) {
    .contacts__wrapper {
        margin-bottom: calc(60px + 107 * ((100vw - 320px) / 1120));
    }
}

.contacts__map {
    flex: 1 1 auto;
    border-radius: 10px;
    overflow: hidden;
}

@media screen and (max-width: 992px) {
    .contacts__map {
        flex: 1 1 100%;
        height: 400px;
    }
}

@media screen and (max-width: 768px) {
    .contacts__map {
        height: 400px;
        margin-left: -15px;
        margin-right: -15px;
    }
}

@media screen and (max-width: 768px) and (max-width: 1440px) {
    .contacts__map {
        height: calc(170px + 230 * ((100vw - 320px) / 1120));
    }
}

.yandex-map {
    height: 100%;
    width: 100%;
}

.contacts-form {
    flex: 0 0 469px;
}

@media screen and (max-width: 992px) {
    .contacts-form {
        margin-bottom: 32px;
        display: flex;
        flex-wrap: wrap;
        flex: 1 1 100%;
        gap: 10px;
    }
}

@media screen and (max-width: 768px) {
    .contacts-form {
        display: block;
    }
}

.contacts-form .textarea {
    min-height: 88px;
}

.contacts-form__title {
    color: var(--black-color);
    font-family: Manrope;
    font-size: 36px;
    font-weight: 600;
    line-height: 1.2;
    letter-spacing: -0.72px;
    margin-bottom: 30px;
}

@media (max-width: 1440px) {
    .contacts-form__title {
        font-size: calc(26px + 10 * ((100vw - 320px) / 1120));
    }
}

@media screen and (max-width: 992px) {
    .contacts-form__title {
        flex: 1 1 100%;
    }
}

.contacts-form .form-contact__label {
    margin-bottom: 18px;
}

@media screen and (max-width: 992px) {
    .contacts-form .form-contact__label {
        flex: 1 1 48%;
    }
}

.contacts-form__btn {
    display: flex;
    gap: 15px;
    align-items: center;
}

@media screen and (max-width: 768px) {
    .contacts-form__btn {
        flex-wrap: wrap;
    }
}

.contacts-form__btn .form-contact__action-wrap {
    gap: 7px;
}

.contacts-form__btn .form-contact__action-wrap .privacy-text {
    font-family: Roboto;
    font-size: 10px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.3;
    color: #707070;
    max-width: 223px;
}

@media screen and (max-width: 768px) {
    .contacts-form__btn .form-contact__action-wrap .privacy-text {
        max-width: 100%;
    }
}

.contacts-form__submit {
    font-size: 17px;
    color: #fff;
    font-weight: 500;
    line-height: 1.3;
    padding: 15.5px 69.5px;
}

@media screen and (max-width: 768px) {
    .contacts-form__submit {
        flex: 1 1 100%;
    }
}

.contacts__download {
    padding-bottom: 35px;
    border-bottom: 1px solid #e3e3e3;
    margin-bottom: 35px;
}

@media screen and (max-width: 768px) {
    .contacts__download {
        padding-bottom: 20px;
        margin-bottom: 20px;
    }
}

.contacts__download-link {
    color: #222;
    font-family: Arial;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.5;
    display: flex;
    align-items: center;
    gap: 15px;
}

.contacts-details {
    max-width: 800px;
}

.contacts-details__copy-btn {
    position: relative;
    text-align: left;
    width: 100%;
    display: flex;
    align-items: center;
    padding: 8px 0 11px 22px;
    transition: 0.3s ease;
    font-size: 16px;
}

@media screen and (max-width: 768px) {
    .contacts-details__copy-btn {
        font-size: 14px;
    }
}

@media (any-hover: hover) {
    .contacts-details__copy-btn:hover {
        background-color: #fbfbfb;
    }

    .contacts-details__copy-btn:hover .contacts-details__text svg {
        fill: #fe6a2d;
    }

    .contacts-details__copy-btn:hover::before {
        opacity: 1;
    }
}

.contacts-details__copy-btn::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 2px;
    height: 100%;
    background-color: #ff8000;
    transition: 0.3s ease;
    opacity: 0;
}

@media screen and (max-width: 768px) {
    .contacts-details__copy-btn {
        flex-wrap: wrap;
        gap: 13px;
        padding-left: 0;
    }
}

.contacts-details__item {
    color: var(--black-color);
    line-height: 1.3;
    letter-spacing: 0.16px;
}

.contacts-details__item:not(:last-child) {
    margin-bottom: 6px;
}

.contacts-details__title {
    font-weight: 600;
    flex: 0 0 355px;
}

@media screen and (max-width: 860px) {
    .contacts-details__title {
        flex-basis: 300px;
    }
}

@media screen and (max-width: 860px) {
    .contacts-details__title {
        flex-basis: 250px;
    }
}

@media screen and (max-width: 768px) {
    .contacts-details__title {
        flex-basis: 100%;
    }
}

.contacts-details__text {
    flex: 0 1 auto;
    font-weight: 400;
    display: flex;
    align-items: center;
    gap: 22px;
    position: relative;
}

@media screen and (max-width: 768px) {
    .contacts-details__text span {
        flex: 0 1 350px;
    }
}

@media screen and (max-width: 430px) {
    .contacts-details__text span {
        flex: 0 1 280px;
    }
}

@media screen and (max-width: 360px) {
    .contacts-details__text span {
        flex: 0 1 250px;
    }
}

@media screen and (max-width: 320px) {
    .contacts-details__text span {
        flex: 0 1 180px;
    }
}

.contacts-details__text svg {
    flex: 0 0 24px;
    height: 24px;
    transition: 0.3s ease;
    fill: #08090b;
}

.contacts-details__text .tooltip {
    padding: 5px;
    font-size: 10px;
    background-color: #000;
    color: #fff;
    position: absolute;
    right: 0%;
    top: -110%;
    width: 100px;
    text-align: center;
    border-radius: 10px;
    transform: translate(-50%, 0%);
    transition: 0.3s ease;
    opacity: 0;
}

.contacts-details__text .tooltip.active {
    opacity: 0.8;
}

.service-page {
    margin-bottom: 188px;
}

@media (max-width: 1440px) {
    .service-page {
        margin-bottom: calc(150px + 38 * ((100vw - 320px) / 1120));
    }
}

.service-page__cards {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 16px;
}

@media screen and (max-width: 600px) {
    .service-page__cards {
        display: block;
    }
}

.page-title {
    color: var(--black-color);
    font-family: Manrope;
    font-size: 36px;
    font-weight: 600;
    line-height: 1.2;
    letter-spacing: -0.72px;
    margin-bottom: 40px;
}

@media (max-width: 1440px) {
    .page-title {
        font-size: calc(26px + 10 * ((100vw - 320px) / 1120));
    }
}

.service-card {
    display: flex;
    gap: 20px;
    padding: 20px;
    border-radius: 25px;
    background-color: #f5f5fa;
    cursor: pointer;
}

@media screen and (max-width: 1024px) {
    .service-card {
        flex-wrap: wrap;
    }
}

@media screen and (max-width: 600px) {
    .service-card {
        background-color: #fff;
        padding: 0;
        margin-bottom: 30px;
    }

    .service-card:not(:last-child) {
        padding-bottom: 55px;
        border-bottom: 1px solid #d9d9d9;
        border-radius: 0;
    }
}

@media (any-hover: hover) {
    .service-card:hover .product-card__arrow {
        opacity: 0.8;
    }

    .service-card:hover .product-card__arrow svg {
        animation: bounceIn 0.5s forwards;
    }
}

.service-card__pic {
    flex: 0 0 218px;
    aspect-ratio: 1;
    background-color: #fff;
    border-radius: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

@media screen and (max-width: 768px) {
    .service-card__pic {
        flex-basis: 78px;
    }

    .service-card__pic img {
        max-width: 100%;
    }
}

.service-card__text {
    padding-top: 32px;
}

@media screen and (max-width: 1024px) {
    .service-card__text {
        padding-top: 0;
    }
}

.service-card__title {
    color: var(--black-color);
    font-family: Manrope;
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: 1.1;
    letter-spacing: -0.48px;
    margin-bottom: 16px;
}

@media screen and (max-width: 768px) {
    .service-card__title {
        font-size: 16px;
        display: flex;
        gap: 10px;
        justify-content: space-between;
        align-items: center;
    }
}

.service-card__title .product-card__arrow {
    position: static;
    width: 24px;
    border: 0;
    display: none;
}

@media screen and (max-width: 768px) {
    .service-card__title .product-card__arrow {
        display: flex;
    }
}

.service-card__title .product-card__arrow svg {
    height: 22px;
    aspect-ratio: 1;
}

.service-card__subtitle {
    color: var(--grey-color);
    font-family: Roboto;
    font-size: 18px;
    font-weight: 400;
    line-height: 1.5;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-bottom: 21px;
}

@media screen and (max-width: 768px) {
    .service-card__subtitle {
        font-size: 14px;
    }
}

.service-card__arrow {
    display: flex;
    justify-content: flex-end;
}

@media screen and (max-width: 768px) {
    .service-card__arrow {
        display: none;
    }
}

.service-card__arrow .product-card__arrow {
    border: none;
    position: static;
    width: 79px;
    width: 79px;
    aspect-ratio: 1;
}

@media (max-width: 1440px) {
    .service-card__arrow .product-card__arrow {
        width: calc(30px + 49 * ((100vw - 320px) / 1120));
    }
}

@media screen and (max-width: 768px) {
    .service-card__arrow .product-card__arrow {
        width: 24px;
    }

    .service-card__arrow .product-card__arrow svg {
        height: 22px;
        aspect-ratio: 1;
    }
}

.news-page .catalog-block__more {
    max-width: 1074px;
    margin: 0 auto;
    margin-bottom: 16px;
}

.news-page .pagination {
    margin-bottom: 70px;
}

@media (max-width: 1440px) {
    .news-page .pagination {
        margin-bottom: calc(30px + 40 * ((100vw - 320px) / 1120));
    }
}

.news-header {
    display: flex;
    align-items: start;
    gap: 16px;
    margin-bottom: 124px;
}

@media (max-width: 1440px) {
    .news-header {
        margin-bottom: calc(50px + 74 * ((100vw - 320px) / 1120));
    }
}

@media screen and (max-width: 768px) {
    .news-header {
        flex-wrap: wrap;
    }
}

.news-article {
    flex: 0 1 auto;
    display: flex;
    gap: 23px;
    padding: 26px 32px 43px 26px;
    border-radius: 25px;
    background-color: #f5f5fa;
}

@media screen and (max-width: 1200px) {
    .news-article {
        flex-wrap: wrap;
    }
}

@media screen and (max-width: 992px) {
    .news-article {
        padding: 20px;
    }
}

@media (any-hover: hover) {
    .news-article:hover .product-card__arrow {
        opacity: 0.8;
    }

    .news-article:hover .product-card__arrow svg {
        animation: bounceIn 0.5s forwards;
    }
}

.news-article__pic {
    height: 264px;
    flex: 0 1 477px;
}

.news-article__pic img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.news-article__text {
    flex: 1 0;
    padding-top: 10px;
    display: flex;
    flex-direction: column;
}

.news-article__title {
    color: #000a28;
    font-family: Manrope;
    font-size: 40px;
    font-weight: 600;
    line-height: 1.2;
    margin-bottom: 16px;
}

.news-article__date {
    font-size: 14px;
    line-height: 1.2;
    font-weight: 600;
    color: #fe6a2d;
    margin-bottom: 20px;
}

.news-article__subtitle {
    font-size: 16px;
    line-height: 1.3;
    margin-bottom: 16px;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.news-article .product-card__arrow {
    margin-top: auto;
    border: none;
    position: static;
    width: 50px;
}

.news-subscribe {
    flex: 0 0 348px;
    padding: 24px;
    padding-bottom: 33px;
    border-radius: 10px;
    border: 1px solid var(--lith-gray-background, #f5f7fd);
    background: var(--dark-blue, #0c023b);
}

@media screen and (max-width: 768px) {
    .news-subscribe {
        flex: 1 1 auto;
    }
}

.news-subscribe__title {
    padding-top: 50px;
    color: #f5f5fa;
    text-align: center;
    font-family: Manrope;
    font-size: 18px;
    font-weight: 600;
    line-height: 1.2;
    margin-bottom: 47px;
}

@media screen and (max-width: 768px) {
    .news-subscribe__title {
        padding-top: 0px;
    }
}

.news-subscribe__label {
    margin-bottom: 46px;
    width: 100%;
    display: block;
    position: relative;
}

.news-subscribe__label input {
    padding: 12px;
    background-color: #fff;
    width: 100%;
    outline: none;
    border-radius: 10px;
    border: 1px solid #e0e0e0;
}

@media screen and (max-width: 768px) {
    .news-subscribe__label {
        margin-bottom: 20px;
    }
}

.news-subscribe__submit {
    position: absolute;
    right: 5px;
    top: 3px;
    width: 36px;
    aspect-ratio: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #fe6a2d;
    border-radius: 8px;
}

.news-subscribe__privacy {
    font-family: Onest;
    color: #f5f5fa;
    font-size: 12px;
    font-weight: 400;
    line-height: 1.3;
}

.news-list {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 30px;
    margin-bottom: 100px;
}

@media screen and (max-width: 768px) {
    .news-list {
        grid-template-columns: repeat(2, 1fr);
        gap: 17px;
    }
}

@media screen and (max-width: 300px) {
    .news-list {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 1440px) {
    .news-list {
        margin-bottom: calc(70px + 30 * ((100vw - 320px) / 1120));
    }
}

.news-list__item .news__card-pic {
    height: 342px;
    overflow: hidden;
    object-fit: cover;
}

@media screen and (max-width: 768px) {
    .news-list__item .news__card-pic {
        height: 154px;
    }
}

.news-list__item .news__card-pic img {
    max-height: initial;
    height: 100%;
    width: 100%;
}

@media screen and (max-width: 300px) {
    .news-list__item .news__card-pic img {
        width: initial;
    }
}

.news-list__item .news__card-footer {
    flex-wrap: nowrap;
    gap: 10px;
    justify-content: space-between;
}

@media screen and (max-width: 768px) {
    .news-list__item .news__card-footer {
        flex-wrap: wrap;
        align-items: center;
    }
}

.news-list__item .news__card-text {
    max-width: 261px;
}

@media screen and (max-width: 768px) {
    .news-list__item .news__card-text {
        max-width: initial;
        flex: 1 1 100%;
    }
}

@media screen and (max-width: 768px) {
    .news-list__item .news__card-date {
        display: none;
    }
}

.news-list__item .news__card-date-mob {
    display: none;
    font-size: 12px;
    font-weight: 600;
    line-height: 1.2;
    color: #fe6a2d;
}

@media screen and (max-width: 768px) {
    .news-list__item .news__card-date-mob {
        display: block;
    }
}

.news-list__item .product-card__arrow {
    position: static;
    border: none;
    flex: 0 0 50px;
    height: 50px;
    aspect-ratio: 1;
}

@media screen and (max-width: 768px) {
    .news-list__item .product-card__arrow {
        flex: 0 0 42px;
    }

    .news-list__item .product-card__arrow svg {
        width: 22px;
        height: 22px;
    }
}

.order-form {
    flex: 0 0 342px;
    background-color: #f5f5fa;
    padding: 40px 17px;
    border-radius: 10px;
}

@media screen and (max-width: 768px) {
    .order-form {
        padding: 25px 8px;
        margin: 0 -15px;
    }
}

.order-form__title {
    color: var(--black-color);
    font-family: Manrope;
    font-size: 24px;
    font-weight: 600;
    line-height: 1.1;
    letter-spacing: -0.48px;
    text-align: center;
    margin-bottom: 26px;
}

.order-form__subtitle {
    color: var(--grey-color);
    text-align: center;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.3;
    margin-bottom: 30px;
}

.news-one .news-article {
    display: block;
    background-color: #fff;
    padding: 0;
    margin-bottom: 170px;
}

@media (max-width: 1440px) {
    .news-one .news-article {
        margin-bottom: calc(50px + 120 * ((100vw - 320px) / 1120));
    }
}

.news-one .news-article__wrapper {
    display: flex;
    flex-wrap: wrap;
    gap: 22px;
    align-items: start;
}

@media screen and (max-width: 1024px) {
    .news-one .news-article__wrapper {
        display: block;

        .order-form {
            margin-bottom: 30px;
        }
    }
}

.news-one .news-article__wrapper h2 {
    color: #000a28;
    font-family: Manrope;
    font-size: 32px;
    font-weight: 600;
    line-height: 1.2;
    margin-bottom: 35px;
}

.news-one .news-article__wrapper h3 {
    color: #000a28;
    font-family: Manrope;
    font-size: 22px;
    font-weight: 600;
    line-height: 1.2;
    margin-bottom: 15px;
}

@media (max-width: 1440px) {
    .news-one .news-article__wrapper h2 {
        font-size: calc(26px + 14 * ((100vw - 320px) / 1120));
    }
}

.news-one .news-article__wrapper p {
    color: var(--grey-color);
    line-height: 1.5;
    margin-bottom: 30px;
}

.news-one .news-article__wrapper ul {
    font-family: Onest;
    color: var(--grey-color);
    font-size: 16px;
    font-weight: 400;
    line-height: 1.3;
    margin-bottom: 55px;
    padding-left: 10px;
}

@media screen and (max-width: 768px) {
    .news-one .news-article__wrapper ul {
        margin-bottom: 40px;
    }
}

.news-one .news-article__wrapper li {
    display: flex;
    gap: 10px;
    align-items: center;
}

.news-one .news-article__wrapper li:not(:last-child) {
    margin-bottom: 15px;
}

.news-one .news-article__wrapper li::before {
    content: "";
    display: block;
    flex: 0 0 9px;
    aspect-ratio: 1;
    background-color: #fe6a2d;
    border-radius: 100%;
}

.news-one .news-article__left {
    flex: 1 1 calc(100% - 370px);
    min-width: calc(100% - 370px);
}

@media screen and (max-width: 1024px) {
    .news-one .news-article__left {
        margin-bottom: 50px;
    }
}

.news-one .news-article__pictures {
    display: flex;
    gap: 27px;
    margin-bottom: 73px;
}

@media screen and (max-width: 768px) {
    .news-one .news-article__pictures {
        margin-bottom: 50px;
        gap: 13px;
        overflow: auto;
    }
}

.news-one .news-article__pictures img {
    max-width: 100%;
}

@media screen and (max-width: 768px) {
    .news-one .news-article__pictures img {
        height: 161px;
    }
}

@media screen and (max-width: 768px) {
    .news-one .news-article__img {
        flex-shrink: 0;
    }
}

.news-one .news-article__numlist {
    counter-reset: hs 0;
}

.news-one .news-article__numitem {
    display: flex;
    align-items: center;
    gap: 14px;
}

.news-one .news-article__numitem:not(:last-child) {
    margin-bottom: 15px;
}

.news-one .news-article__numitem span {
    counter-increment: hs 1;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100%;
    flex: 0 0 18px;
    height: 18px;
    background-color: #fe6a2d;
    font-size: 12px;
    font-weight: 500;
    color: #fff;
}

.news-one .news-article__numitem span::before {
    content: counter(hs);
}

.news-one .order-form .form-contact__action {
    flex-wrap: wrap;
}

.news-one .order-form .form-contact__submit {
    width: 100%;
    font-size: 14px;
}

.news-one-pic {
    margin-bottom: 56px;
    max-width: 100%;
}

@media screen and (max-width: 768px) {
    .news-one-pic {
        margin-bottom: 30px;
    }
}

@media screen and (max-width: 400px) {
    .news-one-pic {
        height: 115px;
    }
}

.popup {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgba(0, 0, 0, 0.3);
    opacity: 0;
    pointer-events: none;
    z-index: -1;
    transition: 0.4s linear;
}

.popup.active {
    opacity: 1;
    pointer-events: auto;
    z-index: 100;
}

.popup__close {
    float: right;
    position: relative;
    z-index: 3;
}

.popup__content {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: max-content;
    padding: 20px;
    border-radius: 25px;
    background-color: #fff;
    overflow: auto;
    opacity: 0;
    transition: 0.2s linear;
    pointer-events: none;
    visibility: hidden;
}

.popup__content.active {
    opacity: 1;
    pointer-events: auto;
    visibility: visible;
}

@media screen and (max-width: 768px) {
    .popup__content {
        width: 90%;
    }
}

@media screen and (max-height: 600px) {
    .popup__content {
        top: 0;
        transform: translate(-50%, 0%);
    }
}

@media screen and (max-width: 600px) {
    .popup__content {
        border-radius: 0px;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        transform: none;
    }
}

.popup__content.director {
    top: 0;
    transform: translate(-50%, 2%);
}

@media screen and (max-width: 600px) {
    .popup__content.director {
        transform: none;
    }
}

.popup__content.offer {
    top: 0%;
    transform: translate(-50%, 2%);
}

@media screen and (max-width: 600px) {
    .popup__content.offer {
        transform: none;
    }
}

.popup__title {
    color: var(--black-color);
    font-family: Manrope;
    font-size: 32px;
    font-weight: 600;
    line-height: 1.1;
    letter-spacing: -0.64px;
}

@media (max-width: 1440px) {
    .popup__title {
        font-size: calc(26px + 6 * ((100vw - 320px) / 1120));
    }
}

.popup__text {
    color: var(--grey-color);
    line-height: 1.3;
    font-size: 16px;
}

@media (max-width: 1440px) {
    .popup__text {
        font-size: calc(14px + 2 * ((100vw - 320px) / 1120));
    }
}

.popup-succes {
    display: flex;
    width: 100%;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 546px;
}

@media screen and (max-width: 768px) {
    .popup-succes {
        min-height: initial;
        padding: 50px 0;
    }
}

.popup-succes__title {
    text-align: center;
    margin-bottom: 21px;
}

.popup-succes__text {
    margin-bottom: 35px;
    text-align: center;
}

.popup-succes__pic {
    max-width: 100%;
    margin-bottom: 30px;
    display: block;
}

.popup-succes__btn {
    padding: 25px 77px;
    font-size: 17px;
    font-weight: 500;
    line-height: 1.3;
    color: #fff;
    font-size: 14px;
}

@media screen and (max-width: 500px) {
    .popup-succes__btn {
        padding: 15px 35px;
    }
}

.popup-order {
    max-width: 748px;
    padding: 0 50px;
    padding-bottom: 18px;
}

@media screen and (max-width: 768px) {
    .popup-order {
        padding: 0;
    }
}

.popup-order.active {
    display: block;
}

.popup-order__header {
    padding-top: 70px;
    display: flex;
    gap: 20px;
    justify-content: space-between;
    margin-bottom: 48px;
}

@media screen and (max-width: 600px) {
    .popup-order__header {
        display: block;
    }
}

@media screen and (max-height: 700px) {
    .popup-order__header {
        padding-top: 20px;
        margin-bottom: 15px;
    }
}

.popup-order__text {
    max-width: 413px;
}

.popup-order__text .popup__text {
    max-width: 332px;
}

@media screen and (max-width: 600px) {
    .popup-order__text {
        max-width: 100%;
        text-align: center;
    }

    .popup-order__text .popup__text {
        max-width: 100%;
    }
}

.popup-order__title {
    margin-bottom: 21px;
}

.popup-order__pic {
    flex: 0 0 164px;
    height: 164px;
    overflow: hidden;
    border-radius: 100%;
    background-color: #f5f5fa;
    text-align: center;
}

@media screen and (max-width: 768px) {
    .popup-order__pic {
        flex-basis: 100px;
        height: 100px;
    }

    .popup-order__pic img {
        max-width: 100%;
    }
}

@media screen and (max-width: 600px) {
    .popup-order__pic {
        display: none;
    }
}

.popup-order .form-contact__wrapper {
    row-gap: 19px;
}

@media screen and (max-height: 700px) {
    .popup-order .form-contact__wrapper {
        margin-bottom: 30px;
    }
}

.popup-order .form-contact__label {
    flex: 1 0 30%;
}

@media screen and (max-width: 768px) {
    .popup-order .form-contact__label {
        flex: 1 0 40%;
    }
}

@media screen and (max-width: 600px) {
    .popup-order .form-contact__label {
        flex: 1 1 100%;
    }
}

.popup-order .form-contact__submit {
    padding: 25px 94px;
}

.popup-order .privacy-text {
    font-size: 12px;
}

.popup-director {
    max-width: 748px;
    padding: 0 50px;
    padding-bottom: 18px;
}

@media screen and (max-width: 768px) {
    .popup-director {
        padding: 0;
    }
}

.popup-director .popup-order__pic {
    display: flex;
    justify-content: center;
    align-items: end;
}

@media screen and (max-width: 600px) {
    .popup-director .popup-order__pic {
        display: none;
    }
}

.popup-callback {
    padding: 58px 30px;
    max-width: 748px;
}

@media screen and (max-width: 768px) {
    .popup-callback {
        padding: 30px 0;
    }
}

.popup-callback__pic {
    width: 164px;
    height: 164px;
    margin: 0 auto;
    margin-bottom: 32px;
}

@media screen and (max-width: 768px) {
    .popup-callback__pic {
        width: 100px;
        height: 100px;
    }
}

.popup-callback__title {
    text-align: center;
    margin-bottom: 34px;
}

.popup-offer {
    padding-bottom: 0;
}

.popup-offer .popup-order__header {
    padding-top: 30px;
    margin-bottom: 20px;
}

.popup-offer .popup-order__title {
    margin-bottom: 0;
    font-size: 30px;
}

.popup-offer .popup-order__text {
    max-width: initial;
}

.popup-offer .popup-order__text p {
    display: none;
}

.popup-offer .popup-order__pic {
    display: none;
}

.popup-offer .form-contact__wrapper {
    row-gap: 10px;
    margin-bottom: 30px;
}

.popup-offer .form-contact__label {
    flex: 1 0 47%;
}

.information .about {
    margin-bottom: 0;
}

.information .product-tabs__content {
    display: block;
    margin-bottom: 80px;
}

.information .section-header {
    position: relative;
    border: none;
}

.information .section-header__link {
    display: none;
}

.information .section-header .hidden {
    display: block;
    right: -11px;
    bottom: -23px;
}

@media screen and (max-width: 768px) {
    .information .section-header .hidden {
        display: none;
    }
}

.information .contacts__map {
    margin-bottom: 80px;
    height: 500px;
}

@media screen and (max-width: 768px) {
    .information .contacts__map {
        height: calc(170px + 230 * (100vw - 320px) / 1120);
    }
}

.d-none {
    display: none !important;
}

.d-block {
    display: block !important;
}

.d-flex {
    display: flex !important;
}

.position-static {
    position: static !important;
}

.position-relative {
    position: relative !important;
}

.position-absolute {
    position: absolute !important;
}

.position-fixed {
    position: fixed !important;
}

.position-sticky {
    position: -webkit-sticky !important;
    position: sticky !important;
}

.flex-fill {
    flex: 1 1 auto !important;
}

.flex-row {
    flex-direction: row !important;
}

.flex-column {
    flex-direction: column !important;
}

.flex-row-reverse {
    flex-direction: row-reverse !important;
}

.flex-column-reverse {
    flex-direction: column-reverse !important;
}

.flex-grow-0 {
    flex-grow: 0 !important;
}

.flex-grow-1 {
    flex-grow: 1 !important;
}

.flex-shrink-0 {
    flex-shrink: 0 !important;
}

.flex-shrink-1 {
    flex-shrink: 1 !important;
}

.flex-wrap {
    flex-wrap: wrap !important;
}

.flex-nowrap {
    flex-wrap: nowrap !important;
}

.flex-wrap-reverse {
    flex-wrap: wrap-reverse !important;
}

.gap-0 {
    gap: 0 !important;
}

.gap-1 {
    gap: 0.25rem !important;
}

.gap-2 {
    gap: 0.5rem !important;
}

.gap-3 {
    gap: 1rem !important;
}

.gap-4 {
    gap: 1.5rem !important;
}

.gap-5 {
    gap: 3rem !important;
}

.justify-content-start {
    justify-content: flex-start !important;
}

.justify-content-end {
    justify-content: flex-end !important;
}

.justify-content-center {
    justify-content: center !important;
}

.justify-content-between {
    justify-content: space-between !important;
}

.justify-content-around {
    justify-content: space-around !important;
}

.justify-content-evenly {
    justify-content: space-evenly !important;
}

.align-items-start {
    align-items: flex-start !important;
}

.align-items-end {
    align-items: flex-end !important;
}

.align-items-center {
    align-items: center !important;
}

.align-items-baseline {
    align-items: baseline !important;
}

.align-items-stretch {
    align-items: stretch !important;
}

.align-content-start {
    align-content: flex-start !important;
}

.align-content-end {
    align-content: flex-end !important;
}

.align-content-center {
    align-content: center !important;
}

.align-content-between {
    align-content: space-between !important;
}

.align-content-around {
    align-content: space-around !important;
}

.align-content-stretch {
    align-content: stretch !important;
}

.align-self-auto {
    align-self: auto !important;
}

.align-self-start {
    align-self: flex-start !important;
}

.align-self-end {
    align-self: flex-end !important;
}

.align-self-center {
    align-self: center !important;
}

.align-self-baseline {
    align-self: baseline !important;
}

.align-self-stretch {
    align-self: stretch !important;
}

.m-0 {
    margin: 0 !important;
}

.m-1 {
    margin: 0.25rem !important;
}

.m-2 {
    margin: 0.5rem !important;
}

.m-3 {
    margin: 1rem !important;
}

.m-4 {
    margin: 1.5rem !important;
}

.m-5 {
    margin: 3rem !important;
}

.m-auto {
    margin: auto !important;
}

.mx-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
}

.mx-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
}

.mx-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
}

.mx-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
}

.mx-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
}

.mx-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
}

.mx-auto {
    margin-right: auto !important;
    margin-left: auto !important;
}

.my-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

.my-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
}

.my-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
}

.my-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
}

.my-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
}

.my-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
}

.my-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
}

.mt-0 {
    margin-top: 0 !important;
}

.mt-1 {
    margin-top: 0.25rem !important;
}

.mt-2 {
    margin-top: 0.5rem !important;
}

.mt-3 {
    margin-top: 1rem !important;
}

.mt-4 {
    margin-top: 1.5rem !important;
}

.mt-5 {
    margin-top: 3rem !important;
}

.mt-auto {
    margin-top: auto !important;
}

.me-0 {
    margin-right: 0 !important;
}

.me-1 {
    margin-right: 0.25rem !important;
}

.me-2 {
    margin-right: 0.5rem !important;
}

.me-3 {
    margin-right: 1rem !important;
}

.me-4 {
    margin-right: 1.5rem !important;
}

.me-5 {
    margin-right: 3rem !important;
}

.me-auto {
    margin-right: auto !important;
}

.mb-0 {
    margin-bottom: 0 !important;
}

.mb-1 {
    margin-bottom: 0.25rem !important;
}

.mb-2 {
    margin-bottom: 0.5rem !important;
}

.mb-3 {
    margin-bottom: 1rem !important;
}

.mb-4 {
    margin-bottom: 1.5rem !important;
}

.mb-5 {
    margin-bottom: 3rem !important;
}

.mb-auto {
    margin-bottom: auto !important;
}

.ms-0 {
    margin-left: 0 !important;
}

.ms-1 {
    margin-left: 0.25rem !important;
}

.ms-2 {
    margin-left: 0.5rem !important;
}

.ms-3 {
    margin-left: 1rem !important;
}

.ms-4 {
    margin-left: 1.5rem !important;
}

.ms-5 {
    margin-left: 3rem !important;
}

.ms-auto {
    margin-left: auto !important;
}

.p-0 {
    padding: 0 !important;
}

.p-1 {
    padding: 0.25rem !important;
}

.p-2 {
    padding: 0.5rem !important;
}

.p-3 {
    padding: 1rem !important;
}

.p-4 {
    padding: 1.5rem !important;
}

.p-5 {
    padding: 3rem !important;
}

.px-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
}

.px-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
}

.px-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
}

.px-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
}

.px-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
}

.px-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
}

.py-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.py-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
}

.py-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
}

.py-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
}

.py-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
}

.py-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
}

.pt-0 {
    padding-top: 0 !important;
}

.pt-1 {
    padding-top: 0.25rem !important;
}

.pt-2 {
    padding-top: 0.5rem !important;
}

.pt-3 {
    padding-top: 1rem !important;
}

.pt-4 {
    padding-top: 1.5rem !important;
}

.pt-5 {
    padding-top: 3rem !important;
}

.pe-0 {
    padding-right: 0 !important;
}

.pe-1 {
    padding-right: 0.25rem !important;
}

.pe-2 {
    padding-right: 0.5rem !important;
}

.pe-3 {
    padding-right: 1rem !important;
}

.pe-4 {
    padding-right: 1.5rem !important;
}

.pe-5 {
    padding-right: 3rem !important;
}

.pb-0 {
    padding-bottom: 0 !important;
}

.pb-1 {
    padding-bottom: 0.25rem !important;
}

.pb-2 {
    padding-bottom: 0.5rem !important;
}

.pb-3 {
    padding-bottom: 1rem !important;
}

.pb-4 {
    padding-bottom: 1.5rem !important;
}

.pb-5 {
    padding-bottom: 3rem !important;
}

.ps-0 {
    padding-left: 0 !important;
}

.ps-1 {
    padding-left: 0.25rem !important;
}

.ps-2 {
    padding-left: 0.5rem !important;
}

.ps-3 {
    padding-left: 1rem !important;
}

.ps-4 {
    padding-left: 1.5rem !important;
}

.ps-5 {
    padding-left: 3rem !important;
}

.text-start {
    text-align: left !important;
}

.text-end {
    text-align: right !important;
}

.text-center {
    text-align: center !important;
}

.spinner-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    background: rgba(159, 156, 156, 0.5);
    border-radius: 10px;
}

.spinner {
    width: 150px;
    z-index: 1;
}

.swiper-button-prev, .swiper-button-next {
    color: #a5a5a5;
}

.swiper-button-prev:after, .swiper-button-next:after {
    font-size: 20px;
}


header.main-page .header-slider__container {
    justify-content: space-between;
}

header.main-page .header-slider__container .header__wrapper {
    max-width: 86%;
}

.header-menu-wrapper.fixed .mobile-cart svg {
    fill: #000;
}

.header-menu-wrapper.fixed .cart-counter {
    color: #000;
}

.header-bottom-mob.fixed {
    position: fixed;
    top: 62px;
    width: 100%;
    z-index: 9;
}

@media screen and (max-width: 425px) {
    .header-bottom-mob.fixed {
        top: 38px;
    }
}

.header-bottom-mob .header-bottom__catalog {
    padding: 7px 0 9px;
}

.header-bottom-mob .mobile-cart svg {
    fill: #fff;
}

@media screen and (max-width: 768px) {
    .catalog-article__hidden table {
        overflow-x: scroll;
        display: block;
        width: 300px;
    }
}

.related-products:not(:last-child) {
    margin-bottom: 30px;
}

.related-products h2 {
    color: #000a28;
    font-family: Manrope;
    font-size: 20px;
    font-weight: 600;
    line-height: 1.2;
    margin-bottom: 16px;
}

.related-products__block {
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
}

.related-products__product {
    padding: 16px;
    flex: 1 1 auto;
    max-width: 32%;
    border: 1px solid #ededed;
    border-radius: 20px;
}

.related-products__product-price {
    color: #222;
    font-size: 18px;
    margin-top: 12px;
}

.related-products__product-name {
    margin-top: 5px;
    font-size: 16px;
    color: #5e5e5e;
}

.related-products__product-order-btn {
    border: 1px solid #ff6a57;
    border-radius: 10px;
    color: #ff6a57;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 8px;
    margin-top: 10px;
}

.faq_block {
    margin: 10px 0;
    width: 33%;
    min-width: 320px;
}

.faqs_title {
    font-size: larger;
}

.faq {
    padding: 5px 10px;
    border: solid 1px #e0e0e0;
    border-radius: 5px;
    margin: 5px 0;
}

.faq .question {
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: space-between;
    transition: all 0.5s ease;
}

.faq.active .question {
    padding: 0 0 15px;
    margin: 0 0 15px;
    border-bottom: solid 1px #e0e0e0;
    transition: all 0.5s ease;
}

.faq .question svg {
    rotate: 90deg;
    transition: all 0.5s ease;
}

.faq.active .question svg {
    rotate: -90deg;
    transition: all 0.5s ease;
}

.faq .answer {
    height: 0;
    overflow: hidden;
    transition: all 0.5s ease;
}

.faq.active .answer {
    height: auto;
    padding-bottom: 15px;
    transition: all 0.5s ease;
}

.product_sections {
    border-top: 1px solid #e0e0e0;
    padding: 25px 0;
    margin: -40px 0 40px;
}

.title_block {
    margin: 0 0 20px;
    font-size: 25px;
}

.sections {
    display: flex;
    gap: 15px;
    flex-wrap: wrap;
}

.section {
    border: 1px solid #e0e0e0;
    padding: 10px;
    border-radius: 34px;
}


.dropdoown_tr {
    position: relative;
}

.dropdoown_tr .dropdown_content {
    display: none;
}

.dropdoown_tr:hover .dropdown_content {
    position: absolute;
    top: 98%;
    left: 0;
    max-width: 70vw;
    width: fit-content;
    background: #fff;
    padding: 10px;
    border-radius: 10px;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
    gap: 10px;
    z-index: 3;
    box-shadow: 0 1px 0px 1px rgba(0, 0, 0, .1)
}

.cat_item {
    flex: 1 1 30%;
    font-size: 14px;
    line-height: 1.3;
}

.cat_item:hover {
    color: #fe6a2d;
}

.btn_with_animation .ocf-btn-link.filter-action__btn:not(.ocf-disabled) {
    padding: 10px;
    background: var(--orange, linear-gradient(180deg, #fe6a2d 0%, #fc4738 100%));
    border-radius: 10px;
    color: #fff;
}

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

@media screen and (max-width: 1300px) {
    .product-spec .btn_wrapper_flex {
        flex-direction: column;
    }
}

@media screen and (max-width: 767px) {
    .product-spec .btn_wrapper_flex {
        margin-bottom: 20px;
    }
}

.product__container .catalog-card__info-btn.main-btn {
    padding: 25px 39px;
}

/* Анимация на кнопке фильтра */

.btn_with_animation:not(:has(.ocf-disabled)) {
    position: relative;
    border: none;
    background: none;
    cursor: pointer;
    border-radius: 4px;
    z-index: 0;
    overflow: hidden;
}

.btn_with_animation:not(:has(.ocf-disabled)):focus {
    outline-color: transparent;
    box-shadow: var(--btn-color) 2px 2px 22px;
}

.btn_with_animation:not(:has(.ocf-disabled)) .right::after, .btn_with_animation:not(:has(.ocf-disabled))::after {
    content: ' ';
    width: 120%;
    display: block;
    position: absolute;
    white-space: nowrap;
    padding: 40px 40px;
    pointer-events: none;
}

.btn_with_animation:not(:has(.ocf-disabled))::after {
    font-weight: 200;
    top: -30px;
    left: -20px;
    border-radius: 10px;
}

.btn_with_animation:not(:has(.ocf-disabled)) .right, .btn_with_animation:not(:has(.ocf-disabled)) .left {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
}

.btn_with_animation:not(:has(.ocf-disabled)) .right {
    left: 66%;
}

.btn_with_animation:not(:has(.ocf-disabled)) .left {
    right: 66%;
}

.btn_with_animation:not(:has(.ocf-disabled)) .right::after {
    top: -30px;
    left: calc(-66% - 20px);
    background-color: var(--bg-color);
    color: transparent;
    transition: transform .4s ease-out;
    transform: translate(0, -90%) rotate(0deg)
}

.btn_with_animation:not(:has(.ocf-disabled)):hover .right::after {
    transform: translate(0, -47%) rotate(0deg)
}

.btn_with_animation:not(:has(.ocf-disabled)) .right:hover::after {
    transform: translate(0, -50%) rotate(-7deg)
}

.btn_with_animation:not(:has(.ocf-disabled)) .left:hover ~ .right::after {
    transform: translate(0, -50%) rotate(7deg)
}

/* bubbles */
.btn_with_animation:not(:has(.ocf-disabled))::before {
    content: '';
    pointer-events: none;
    opacity: .6;
    background: radial-gradient(circle at 20% 35%, transparent 0, transparent 2px, var(--text-color) 3px, var(--text-color) 4px, transparent 4px),
    radial-gradient(circle at 75% 44%, transparent 0, transparent 2px, var(--text-color) 3px, var(--text-color) 4px, transparent 4px),
    radial-gradient(circle at 46% 52%, transparent 0, transparent 4px, var(--text-color) 5px, var(--text-color) 6px, transparent 6px);

    width: 100%;
    height: 300%;
    top: 0;
    left: 0;
    position: absolute;
    animation: bubbles 5s linear infinite both;
}

@keyframes bubbles {
    from {
        transform: translate();
    }
    to {
        transform: translate(0, -66.666%);
    }
}

.sitemap a {
    margin-bottom: 15px;
}

.sitemap-level-1 > li {
    column-count: 2;
}

.sitemap li {
    break-inside: avoid;
}

.sitemap-level-2 {
    padding-left: 20px;
}

.sitemap-level-3 {
    padding-left: 30px;
}

@media screen and (max-width: 480px) {
    .sitemap-level-1 > li {
        column-count: 1;
    }
}

.cart_attributes {
    display: flex;
    width: 50%;
    gap: 5px;
    justify-content: space-between;
}

.city-manager {
    font-size: 16px;
    color: #000;
    text-align: left;
    position: relative;
    width: fit-content;

    > span {
        cursor: pointer;
    }

    .your-city-modal {
        position: absolute;
        top: 40px;
        background-color: #fff;
        padding: 20px;
        z-index: 999999;
        box-shadow: 0 01px 5px rgba(0, 0, 0, .1);
        border-radius: 5px;

        span {
            display: block;
            margin-top: 10px;
            white-space: nowrap;
        }

        .your-city-modal__buttons {
            display: flex;
            gap: 10px;
            margin-top: 20px;

            > a {
                flex: 1 1 calc(50% - 10px);
                height: 30px;
                display: flex;
                align-items: center;
                justify-content: center;
                color: #fff;
            }

            .your-city_yes {
                background: #0062cc;
            }

            .your-city_no {
                background: #dc3545;
            }
        }
    }
}

#modal-city-manager {
    .modal-header {
        background-color: var(--background-color);
        border-bottom: none;
    }
}

.your-city-modal__close {
    background: transparent;
    border: none;
    position: absolute;
    top: 5px;
    right: 5px;
}

.city-manager__countries {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    margin-bottom: 15px;

    > a {
        border: 1px solid #ccc;
        border-radius: 4px;
        padding: 8px 20px;
    }
}

.city-manager__links {
    column-count: 3;
    row-gap: 15px;
}

.city-manager__links > a {
    display: block;
}

@media screen and (max-width: 768px) {
    .colimns_2 .col, .colimns_2 .col + .col {
        width: 100%;
    }

    .tags__list .tags__item {
        display: block;
    }
<<<<<<< HEAD

    .colimns_2 {
        flex-wrap: wrap;
    }

    .tags__container .addspoiler {
        display: none;
    }

    .sub_cat_page .catalog-benefits {
        gap: 15px;
    }
=======
}


.for_checkbox {
    display: flex;
    gap: 10px;
    align-items: center;
}
.for_checkbox input[type='checkbox'] {
    max-width: 20px;
    max-height: 20px;
    min-width: 20px;
    min-height: 20px;
}

footer .for_checkbox, .news-subscribe .for_checkbox {
    color: #fff;
}


/*// Всплывашка coockie*/
.cookie_block {
    display: none;
}

.cookie_block.open {
    display: block;
    position: fixed;
    bottom: 0;
    width: 100%;
    z-index: 9999;
}

.cookie_block .content {
    display: flex;
    align-items: center;
    gap: 10px;
    margin: 0 auto;
    min-width: 320px;
    max-width: 100%;
    width: 600px;
    background: #fff;
    border-radius: 3px;
    padding: 0 10px;
    border: 1px solid rgba(255, 255, 255, 0.5);
}
.cookie_block .text {
    margin: 10px 0;
}
.cookie_block .content img {
    width: 50px;
    margin: 0 15px 0 0;
}

.cookie_block a:not(:hover), .more_detailed:not(:hover) {
    color: rgba(0, 98, 204, 0.95);

}

.document_item img {
    height: 40px;
}
.document_item {
    display: flex;
    align-items: center;
    gap: 10px;
}

.for_checkbox:has([name="agree"]) div {
    font-weight: 400;
}
.for_checkbox:has([name="agree"]) a {
    font-weight: 700;
}


table {text-decoration: none;border-collapse:collapse;width:100%;text-align:left;}
table th{font-weight:500;font-size:14px; color:#000000;background-color:#f5f5fa;}
table td{font-size:13px;color:#000000;}
table td, table th{white-space:pre-wrap;padding:10px 5px;line-height:13px;vertical-align: middle;border: 1px solid #ff6a38;}	table tr:hover{background-color:#f9fafb}
table tr:hover td{color:#354251;cursor:pointer;}
div:has(>table) {width: 100%; max-width: 100%; overflow-x: auto;}

.more_div {
    display: none;
}

.more_detailed.active + .more_div {
    display: block;
    font-weight: 400;
    font-size: 11px;
}

.for_checkbox {
    font-weight: 400;
    font-size: 14px;
}

input[type=checkbox], input[type=radio] {
    margin: 0 !important;
}