@font-face {
    font-family: Unbounded;
    src: url('./fonts/Unbounded/Unbounded-VariableFont_wght.ttf');
}
@font-face {
    font-family: Inter;
    src: url('./fonts/Inter/Inter-VariableFont_slnt,wght.ttf');
}
@font-face {
    font-family: Gilroy;
    src: url('./fonts/Gilroy/Gilroy-Bold.ttf');
}
@font-face {
    font-family: Gilroy;
    src: url('./fonts/Gilroy/Gilroy-Heavy.ttf');
}
@font-face {
    font-family: Gilroy;
    src: url('./fonts/Gilroy/Gilroy-Light.ttf');
}
@font-face {
    font-family: Gilroy;
    src: url('./fonts/Gilroy/Gilroy-Medium.ttf');
}
@font-face {
    font-family: Gilroy;
    src: url('./fonts/Gilroy/Gilroy-Regular.ttf');
}
:root{
    --blue: #145C9E;
}

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}
h1, h2, h3, h4, h5, h6{
    color: var(--blue);
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
    display: block;
}
body {
    line-height: 1;
    color: #383838;
    font-family: Inter;
    background: #F5F5F5;
}
ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
*,
*::before,
*::after {
    box-sizing: border-box;
}

:root {
    --3: #9E9EA2;
}

.core-container {
    max-width: 1440px;
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    padding-right: 40px;
    padding-left: 40px;
    min-width: 328px;
}

.site-header {
    font-family: Unbounded;
    font-size: clamp(24px, 3vw, 34px);
    font-weight: 700;
    line-height: 115%;
    color: var(--blue);
}

.btn-grey,
.btn-white,
.btn-transparent,
.btn-transparent-border-grey {
    white-space: nowrap;
    cursor: pointer;
    height: max-content;
    border: none;
    display: flex;
    padding: 10px 16px;
    justify-content: center;
    align-items: center;
    border-radius: 8px;
    background: #383838;
    text-decoration: unset;

    color: #FFF;
    font-family: Inter;
    font-size: 18px;
    font-weight: 400;
    line-height: 140%;
}

.btn-grey:hover {
    background: #202020;
    transition-property: background-color;
    transition-duration: 0.5s;
}

.btn-white {
    color: #383838;
    background: white;
}

.btn-white:hover {
    background: #ECECEC;
    transition-property: background-color;
    transition-duration: 0.5s;
}

.btn-transparent {
    background: unset;
    padding: 7px 16px;
    border: 1px solid #000;

    color: #383838;
}

.btn-transparent:hover {
    color: #FFF;
    background: #383838;
    border: 1px solid #383838;
    transition-property: background-color, color, border;
    transition-duration: 0.5s;
}

.btn-transparent-border-grey {
    background: unset;
    padding: 6px 8px;
    border: 1px solid #969696;

    color: #969696;
}

.btn-transparent-border-grey:hover {
    color: #444;
    border: 1px solid #444;
    transition-property: background-color, color, border;
    transition-duration: 0.5s;
}

.btn-close {
    padding: 0;
    border: none;
    background-color: unset;
    cursor: pointer;
    display: flex;
    content: '';
    max-width: 37px;
    width: 100%;
    height: 37px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='37' height='37' viewBox='0 0 37 37' fill='none'%3E%3Crect x='0.5' y='-0.5' width='36' height='36' rx='7.5' transform='matrix(1 0 0 -1 0 36)' stroke='%23383838'/%3E%3Cpath d='M12 11.0001L26.1421 25.1422' stroke='%23383838' stroke-width='2' stroke-linecap='round'/%3E%3Cpath d='M26 11.0001L11.8579 25.1422' stroke='%23383838' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");
}

.animation_dot {
    display: block;
    width: 20px;
    height: 20px;
    box-shadow: 0 0 0 6px rgba(255, 255, 255, 0.4);
    border-radius: 50%;
    background-color: #fff;
    z-index: 2;
    position: absolute;
    right: 55px;
    top: 25px;
    animation: 1s ease 1s infinite alternate anim_dot;
    filter: drop-shadow(2px 4px 6px black);
}

@-webkit-keyframes anim_dot {
    from {
        right: 55px;
    }
    to {
        right: 105px;
    }
}


.breadcrumb {
    margin-top: 50px;
}

.breadcrumb ul {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    align-items: center;
    list-style-type: none;
    white-space: nowrap;
}

.breadcrumb_line {
    display: block;
    content: '';
    width: 14px;
    height: 9px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='9' viewBox='0 0 14 9' fill='none'%3E%3Cpath d='M1 4C0.723858 4 0.5 4.22386 0.5 4.5C0.5 4.77614 0.723858 5 1 5L1 4ZM13.3536 4.85355C13.5488 4.65829 13.5488 4.34171 13.3536 4.14645L10.1716 0.964465C9.97631 0.769203 9.65973 0.769203 9.46447 0.964465C9.2692 1.15973 9.2692 1.47631 9.46447 1.67157L12.2929 4.5L9.46447 7.32843C9.2692 7.52369 9.2692 7.84027 9.46447 8.03553C9.65973 8.2308 9.97631 8.2308 10.1716 8.03553L13.3536 4.85355ZM1 5L13 5L13 4L1 4L1 5Z' fill='%23313131'/%3E%3C/svg%3E");
}

.breadcrumb_item,
.breadcrumb_home {
    text-decoration: none;
    color: #313131;
    font-size: 18px;
    line-height: 140%;
}

.breadcrumb  li:last-child .breadcrumb_item {
    color: #959595;
}


.menu-mobile_popup-head {
    display: none;
}


.header {
    padding-top: 12px;
    padding-bottom: 10px;
    background: #F5F5F5;
    position: relative;
    z-index: 9;
}

.header.fasten {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 9;
    background: #F5F5F5;
}

.header_container {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.header_core-head {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 8px;
}

.core-head_logo-wrapper {
    display: flex;
    align-items: center;
    gap: 10px;
}

.core-head_logo {
    display: flex;
    align-items: end;
}

.core-head_logo img {
    object-fit: cover;
    width: 91px;
}

.core-head_logo-subtitle {
    white-space: nowrap;
    color: #9E9E9E;

    font-size: 11px;
    font-weight: 400;
    line-height: 120%;
}

.core-head_select-cities-wrapper {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.core-head_select-cities {
    display: flex;
    align-items: center;
    gap: 8px;
    border: none;
    padding: 0;
    background-color: unset;
    margin-left: 12px;
    cursor: pointer;
    white-space: nowrap;

    color: var(--3);
    font-family: Inter;
    font-size: 18px;
    font-weight: 400;
    line-height: 22px;
}

.core-head_select-cities:after {
    display: block;
    content: '';
    width: 10px;
    height: 5px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='5' viewBox='0 0 10 5' fill='none'%3E%3Cpath d='M9 1L5 4L1 1' stroke='%239E9EA2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.core-head_select-cities.rotate:after {
    transform: rotate(180deg);
}

.core-head_select-cities-form-wrapper {
    position: absolute;
    min-width: 187px;
    border-radius: 8px;
    background: #FFF;
    box-shadow: 0 1px 10px 2px rgba(0, 0, 0, 0.06);
    padding: 20px 10px 20px 20px;
    top: calc(100% + 10px);
    display: none;
}

.core-head_select-cities-form-wrapper.active {
    display: block;
}

.mobile-core-head_select-cities_head {
    display: none;
}

.core-head_select-cities-form {
    height: 100%;
    display: flex;
    flex-direction: column;
    gap: 14px;
    padding-right: 10px;
    overflow: hidden;
    overflow-y: auto;
}

.core-head_select-cities-form label {
    white-space: nowrap;
    position: relative;

    color: #959595;
    font-family: Inter;
    font-size: 18px;
    line-height: 140%;
}

.core-head_select-cities-form label:hover {
    color: #444;
}

.core-head_select-cities-form input {
    margin: 0;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 0;
    cursor: pointer;
}

.core-head_search-form {
    position: relative;
    max-width: 325px;
    width: 100%;
}

.core-head_search-label {
    display: flex;
    width: 100%;
    padding: 7px 0;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid var(--3);
}

.core-head_search-label input {
    width: 100%;
    border: none;
    outline: none;
    background-color: unset;

    font-family: Inter;
    font-size: 18px;
    line-height: 22px;
}

.core-head_search-label a {
    border: none;
    padding: 0;
    background-color: unset;
    width: 24px;
    height: 24px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='25' viewBox='0 0 22 25' fill='none'%3E%3Cpath d='M21.371 19.7848L17.972 16.3958C19.0687 14.9988 19.6637 13.2735 19.6615 11.4974C19.6615 9.91569 19.1925 8.36947 18.3137 7.0543C17.4349 5.73913 16.1859 4.71408 14.7246 4.10877C13.2632 3.50347 11.6552 3.34509 10.1039 3.65367C8.55252 3.96225 7.12751 4.72393 6.00905 5.84239C4.89059 6.96085 4.12891 8.38586 3.82033 9.93721C3.51175 11.4886 3.67012 13.0966 4.27543 14.5579C4.88073 16.0192 5.90578 17.2683 7.22095 18.147C8.53612 19.0258 10.0823 19.4948 11.6641 19.4948C13.4402 19.4971 15.1654 18.902 16.5625 17.8054L19.9514 21.2043C20.0443 21.298 20.1549 21.3724 20.2767 21.4231C20.3986 21.4739 20.5292 21.5 20.6612 21.5C20.7932 21.5 20.9238 21.4739 21.0456 21.4231C21.1675 21.3724 21.278 21.298 21.371 21.2043C21.4647 21.1114 21.539 21.0008 21.5898 20.879C21.6405 20.7572 21.6667 20.6265 21.6667 20.4945C21.6667 20.3626 21.6405 20.2319 21.5898 20.1101C21.539 19.9883 21.4647 19.8777 21.371 19.7848ZM5.66602 11.4974C5.66602 10.3111 6.0178 9.15146 6.67687 8.16508C7.33595 7.1787 8.27272 6.40991 9.36872 5.95593C10.4647 5.50196 11.6707 5.38317 12.8342 5.61461C13.9978 5.84605 15.0665 6.41731 15.9054 7.25615C16.7442 8.095 17.3155 9.16375 17.5469 10.3273C17.7783 11.4908 17.6596 12.6968 17.2056 13.7928C16.7516 14.8888 15.9828 15.8256 14.9964 16.4846C14.0101 17.1437 12.8504 17.4955 11.6641 17.4955C10.0733 17.4955 8.54766 16.8636 7.42281 15.7387C6.29795 14.6138 5.66602 13.0882 5.66602 11.4974Z' fill='%239E9EA2'/%3E%3C/svg%3E");
    cursor: pointer;
}

.core-head_search_items-wrapper {
    width: 100%;
    position: absolute;
    display: none;
    padding: 20px 10px 15px 20px;
    border-radius: 8px;
    background: #FFF;
    box-shadow: 0 1px 10px 2px rgba(0, 0, 0, 0.06);
}

.core-head_search_items-wrapper.active {
    display: block;
}

.core-head_search_items-wrapper ul {
    display: flex;
    flex-direction: column;
    gap: 14px;
    padding-right: 10px;
    max-height: 215px;
    min-height: 20px;
    overflow-y: auto;
}

.core-head_search_items-wrapper li {
    display: none;
}

.core-head_search_items-wrapper li.active {
    display: block;
}

.core-head_search_items-wrapper a {
    text-decoration: none;

    color: #959595;
    font-family: Gilroy;
    font-size: 18px;
    line-height: 140%;
}

.core-head_search_items-wrapper a:hover {
    color: #444;
}

.core-head_contacts-wrapper {
    display: flex;
    gap: 20px;
}

.core-head_contacts-wrapper a {
    white-space: nowrap;
    text-decoration: none;
    color: #383838;

    font-size: 18px;
    line-height: 140%;
}

.core-head_btn-order-call {
}

.mobil-core-head_select-cities {
    display: none;
}

.appbar-wrapper {
    display: flex;
    flex-direction: column;
}

.appbar-wrapper.fasten {
    display: none;
}

.appbar_container {
    display: flex;
    gap: 8px;
    justify-content: space-between;
}

.appbar_links-wrapper {
    display: flex;
    align-items: center;
    gap: 16px;
}

.appbar_links-wrapper a {
    text-decoration: none;
    color: #383838;
    border-bottom: 1px solid #F5F5F5;

    font-size: 18px;
    line-height: 140%;
}

.appbar_links-wrapper a:hover {
    border-bottom: 1px solid #000;
    transition-property: border;
    transition-duration: 0.5s;
}

.appbar_links-wrapper a.active {
    border-bottom: 1px solid #000;
}

.appbar_links-wrapper li:first-child a {
    display: flex;
    align-items: center;
    gap: 6px;
}

.appbar_links-wrapper li:first-child a::before {
    display: block;
    content: '';
    width: 14px;
    height: 11px;
    background-image: url("data:image/svg+xml,%3Csvg width='14' height='11' viewBox='0 0 14 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='14' height='1' rx='0.5' fill='%23383838'/%3E%3Crect y='5' width='14' height='1' rx='0.5' fill='%23383838'/%3E%3Crect y='10' width='14' height='1' rx='0.5' fill='%23383838'/%3E%3C/svg%3E%0A");
}

.appbar_working-hours {
    color: #9E9E9E;

    font-size: 18px;
    line-height: 140%;
}

.appbar_menu-wrapper-bg {
    display: none;
    position: absolute;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.20);
    top: 100%;
    height: 100vh;
}

.appbar_menu-wrapper-bg.active {
    display: block;
}

.appbar_menu-wrapper {
    padding: 20px 0 40px 0;
    background: #F5F5F5;
}

.appbar_menu_container {
    display: flex;
    gap: 20px;
}

.appbar_menu,
.appbar_submenu {
    display: flex;
    width: 100%;
    height: 360px;
    padding: 20px;
    flex-direction: column;
    gap: 10px;
    border-radius: 12px;
    background: #FFF;
    overflow-x: auto;
}

.appbar_menu {
    max-width: 440px;
}

.appbar_menu a,
.appbar_menu p,
.appbar_submenu_links a {
    cursor: pointer;
    text-decoration: none;
    color: #9E9EA2;

    font-size: 18px;
    line-height: 140%;
}

.appbar_menu .active[data-appbar-menu-link-id] {
    color: #383838;
}

.appbar_menu a:hover,
.appbar_menu p:hover,
.appbar_submenu_links a:hover {
    color: #383838;
    transition-property: color;
    transition-duration: 0.5s;
}

.appbar_submenu_links {
    display: none;
    flex-direction: column;
    gap: 10px;
    column-gap: 80px;;
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
}

.appbar_submenu_links.active {
    display: grid;
}

.menu-mobile-wrapper {
    display: none;
}

.mobile-header_container {
    display: none;
}


.popup-request-correct-city-wrapper {
    position: relative;
    display: none;
}

.popup-request-correct-city-wrapper.active {
    display: block;
}

.popup-request-correct-city {
    position: absolute;
    display: flex;
    max-width: 428px;
    width: 100%;
    padding: 20px;
    flex-direction: column;
    justify-content: center;
    gap: 20px;
    border-radius: 12px;
    background: #FFF;
    box-shadow: 0 1px 10px 2px rgba(0, 0, 0, 0.06);
}

.popup-request-correct-city_title  {
    color: #000;
    font-size: 18px;
    line-height: 140%;
}

.popup-request-correct-city_title span {
    color: #313131;
}

.popup-request-correct-city_btn-wrapper {
    width: 100%;
    display: flex;
    align-items: center;
    gap: 12px;
}

.popup-request-correct-city_btn-wrapper button {
    width: 100%;
}


.banner {
    width: 100%;
    display: grid;
}

.banner_img,
.banner_img-mobile {
    grid-column: 1 / 1;
    grid-row: 1 / 1;
    width: 100%;
    min-height: 635px;
    object-fit: cover;
}

.banner_img-mobile {
    display: none;
}

.banner_container {
    grid-column: -1 / -1;
    grid-row: -1 / -1;
    display: flex;
    flex-direction: column;
    gap: 16px;
    padding-top: 64px;
    padding-bottom: 64px;
}

.banner-header {
    font-size: clamp(24px, 3vw, 49px);
    line-height: 110%;
    color: var(--blue);
}

.banner_subtitle {
    max-width: 522px;

    font-size: 18px;
    font-weight: 300;
    line-height: 140%;
}

.banner_btn {
    max-width: 311px;
    background: var(--blue);
}


.materials {
    margin-top: 20px;
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.materials[data-page-type="home"] {
    margin-top: 133px;
}

.materials_header-wrapper {
    display: flex;
    align-items: center;
    gap: 16px;
    text-decoration: none;
    color: unset;
    width: max-content;
}

.materials_header-wrapper:after {
    display: block;
    content: '';
    width: 16px;
    height: 30px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='31' viewBox='0 0 16 31' fill='none'%3E%3Cpath d='M2 2.5L14 15.5L2 28.5' stroke='%23383838' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.materials_content {
    display: grid;
    gap: 20px;
    grid-template-columns: repeat(auto-fill, minmax(400px, 1fr));
}

.materials_item {
    min-height: 280px;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    row-gap: 27px;
    border-radius: 12px;
    background: #FFF;
    padding: 20px;
}

.materials_item_core-link {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 12px;
}

.materials_item_head {
    display: grid;
    grid-template-columns: 244px 1fr;
    gap: 16px;
}

.materials_item_title {
    max-width: 244px;
    width: 100%;
    color: #383838;

    font-size: 24px;
    line-height: 130%;
}

.materials_item_img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 12px;
}

.materials_item_links-wrapper {
    z-index: 2;
    display: flex;
    gap: 6px;
    flex-wrap: wrap;
}

.materials_item_link {
    text-decoration: none;
    width: max-content;
    white-space: normal;
    font-size: 18px;
    line-height: 140%;
}


.slider-section {
    margin-top: 105px;
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.slider-section_head-wrapper {
    display: flex;
    justify-content: space-between;
    gap: 20px;
}

.slider-section_btn-wrapper {
    display: flex;
    gap: 8px;
}

.slider-section_btn-prev,
.slider-section_btn-next {
    width: 37px;
    height: 37px;
    background-image: url("data:image/svg+xml,%3Csvg width='37' height='37' viewBox='0 0 37 37' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0.5' y='0.5' width='36' height='36' rx='7.5' stroke='%239E9EA2'/%3E%3Cpath d='M20.5147 27.4706L12.0294 18.9853L20.5146 10.5001' stroke='%239E9EA2' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
    cursor: pointer;
}

.slider-section_btn-prev:hover,
.slider-section_btn-next:hover {
    filter: brightness(0.5);
}

.slider-section_btn-prev.swiper-button-disabled:hover,
.slider-section_btn-next.swiper-button-disabled:hover {
    filter: none;
}

.slider-section_btn-prev.swiper-button-disabled,
.slider-section_btn-next.swiper-button-disabled {
    opacity: 0.3;
}

.slider-section_btn-next {
    transform: rotate(180deg);
}

.slider-section_swiper {
    overflow: hidden;
    width: 100%;
    height: 100%;
    position: relative;
}

.slider-section_swiper .animation_dot {
    display: none;
}


.often-ordering-in-bulk_item {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 10px;
}

.often-ordering-in-bulk_item-head-wrapper {
    height: 100%;
    display: grid;
    grid-template-rows: 1fr 68px;
    align-items: end;
    padding: 20px;
    gap: 10px;
    border-radius: 12px;
    background: #FFF;
}

[data-page-type="about"] .often-ordering-in-bulk_item-head-wrapper {
    padding: 20px;
}

.often-ordering-in-bulk_item_img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 8px;
}

.often-ordering-in-bulk_item_title {
    overflow: hidden;
    display: -webkit-box;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    font-size: 24px;
    line-height: 140%;
}

.often-ordering-in-bulk_item_text {
    margin-top: -10px;

    color: #959595;
    font-size: 18px;
    line-height: 120%;
}

.often-ordering-in-bulk_item_btn {
    color: #FFF;
    text-decoration: none;
    text-align: center;
    font-family: Inter;
    font-size: 18px;
    line-height: 140%;
    background: var(--blue);
}


.review_item {
    display: flex;
    padding: 20px;
    flex-direction: column;
    gap: 20px;
    border-radius: 20px;
    background: #FFF;
}

.review_item_head {
    display: flex;
    align-items: center;
    gap: 12px;
}

.review_item_img {
    width: 63px;
    height: 63px;
    border-radius: 50%;
    object-fit: cover;
}

.review_item_name-wrapper {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.review_item_name-wrapper span {
    color: #444;
}

.review_item_name-wrapper p {
    display: -webkit-box;
    overflow: hidden;
    color: #959595;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    font-size: 18px;
    line-height: 120%;
}

.review_item_comment-wrapper {
    position: relative;

    color: #444;
    font-size: 18px;
    font-weight: 300;
    line-height: 130%;
}

.review_item_comment-wrapper.hidden {
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 6;
}

.review_item_btn {
    background: #FFF;
    position: absolute;
    bottom: 0;
    right: 0;
    cursor: pointer;
    display: none;
}

.review_item_btn.active {
    display: flex;
}

.review_item_btn:before {
    display: block;
    content: '...';
    width: 20px;
    height: 20px;
}

.review_item_btn span {
    border: none;
    padding: 0;
    background: unset;
    color: #959595;
    text-decoration-line: underline;
}


.order-a-call {
    margin-top: 100px;
    padding: 40px 0;
    background: #454545;
}

.order-a-call_container {
    display: grid;
    gap: 20px;
    grid-template-areas:
            'A B B'
            'C B B';
    grid-template-rows: 1fr max-content;
}

.order-a-call_title-wrapper {
    grid-area: A;
    max-width: 440px;
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 16px;

    color: #FFF;
    font-size: 18px;
    line-height: 140%;
}

.order-a-call_title-wrapper span {
    font-family: Unbounded;
    font-size: 34px;
    font-weight: 700;
    line-height: 115%;
}

.order-a-call_img {
    grid-area: B;
    border-radius: 12px;
    width: 100%;
    max-height: 300px;
    height: 100%;
    min-height: 161px;
    object-fit: cover;
    object-position: right;
}

.order-a-call_btn {
    grid-area: C;
}


.delivery-methods {
    margin-top: 100px;
    display: grid;
    column-gap: 20px;
    row-gap: 42px;
    grid-template-areas:
            'A B B'
            'C B B';
    grid-template-rows: max-content 1fr;
    grid-template-columns: 440px 1fr;
}

.delivery-methods_header {
    grid-area: A;
}

.delivery-methods-swiper {
    grid-area: C;
    overflow: hidden;
    width: 100%;
    height: 190px;
}

.delivery-methods_img {
    object-fit: cover;
    width: 100%;
    height: 100%;
    border-radius: 12px;
    min-height: 140px;
}

.delivery-methods_items-wrapper {
    grid-area: B;
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.delivery-methods_item .delivery-methods_img {
    display: none;
}

.delivery-methods_item-text {
    display: flex;
    padding: 20px;
    align-items: center;
    gap: 10px;
    border-radius: 12px;
    background: #FFF;

    font-size: 24px;
    line-height: 140%;
}

.delivery-methods_item-text:before {
    filter: invert(1);
    display: block;
    content: '';
    max-width: 37px;
    width: 100%;
    height: 37px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='37' height='37' viewBox='0 0 37 37' fill='none'%3E%3Crect x='0.5' y='0.5' width='36' height='36' rx='7.5' stroke='%23383838'/%3E%3Cpath d='M8 19.8889L14.9091 27L28 11' stroke='%23383838' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.delivery-methods_item-text.active:before {
    filter: invert(0);
    transition-property: filter;
    transition-duration: 0.5s;
}


.our-services {
    margin-top: 100px;
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.our-services_items-wrapper {
    display: grid;
    gap: 20px;
    grid-template-columns: repeat(auto-fill, minmax(400px, 1fr));
}

.our-services_item {
    display: flex;
    padding: 20px;
    flex-direction: column;
    gap: 20px;
    border-radius: 12px;
    background: #FFF;
    min-height: 280px;
}

.our-services_item_img {
    width: 100%;
    height: 100%;
    min-height: 158px;
    max-height: 158px;
    object-fit: cover;
    border-radius: 8px;
}

.our-services_item_title {
    font-size: 24px;
    line-height: 130%;
}

.our-services_last-item {
    display: flex;
    padding: 20px;
    flex-direction: column;
    justify-content: space-between;
    gap: 20px;
    border-radius: 12px;
    background: #454545;
    min-height: 280px;
}

.our-services_last-item_title {
    display: flex;
    flex-direction: column;
    gap: 4px;

    color: rgba(255, 255, 255, 0.50);
    font-size: 18px;
    line-height: 140%;
}

.our-services_last-item_title span {
    color: #FFF;
    font-size: 24px;
    font-weight: 400;
    line-height: 120%;
}


.our-geography {
    margin-top: 93px;
    display: flex;
    justify-content: space-between;
    column-gap: 13px;
}

.our-geography_cities-wrapper {
    max-width: 440px;
    width: 33%;
    display: flex;
    flex-direction: column;
    gap: 20px;
    padding: 20px;
    border-radius: 12px;
    background: #FFF;
}

.our-geography_cities {
    padding-left: 22px;
    display: flex;
    flex-direction: column;
    gap: 12px;
    list-style-type: disc;

    color: #969696;
    font-size: 24px;
    line-height: 130%;
}

.our-geography_cities li.active {
    color: #383838;
}

.jvm-map-wrapper {
    display: flex;
    align-items: center;
    width: 65%;
    height: 465px;
}

.jvm-map {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 100%;
}

.mobile_our-geography_citi {
    display: none;
}


.questions {
    margin-top: 100px;
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.questions_content {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(462px, 1fr));
    gap: 20px;
}

.questions_item {
    display: grid;
    grid-template-areas:
            'A A B'
            'C C C';
    grid-template-columns: 1fr max-content;
    padding: 20px;
    gap: 10px;
    border-radius: 12px;
    background: #FFF;
    height: max-content;
}

.questions_item_question-text {
    grid-area: A;
    font-size: 24px;
    line-height: 140%;
}

.questions_item_btn {
    grid-area: B;
    border: none;
    padding: 0;
    display: block;
    content: '';
    width: 37px;
    height: 37px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='37' height='37' viewBox='0 0 37 37' fill='none'%3E%3Crect x='0.5' y='-0.5' width='36' height='36' rx='7.5' transform='matrix(1 0 0 -1 0 36)' stroke='%23C2C2C2'/%3E%3Cpath d='M19 8V28' stroke='%23C2C2C2' stroke-width='2' stroke-linecap='round'/%3E%3Cpath d='M29 18L9 18' stroke='%23C2C2C2' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");
    background-color: unset;
    cursor: pointer;
}

.questions_item_btn.open {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='37' height='37' viewBox='0 0 37 37' fill='none'%3E%3Crect x='0.5' y='-0.5' width='36' height='36' rx='7.5' transform='matrix(1 0 0 -1 0 36)' stroke='%23383838'/%3E%3Cpath d='M12 11L26.1421 25.1421' stroke='%23383838' stroke-width='2' stroke-linecap='round'/%3E%3Cpath d='M26 11L11.8579 25.1421' stroke='%23383838' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");
}

.questions_item_answer {
    grid-area: C;
    display: none;
    flex-direction: column;
    gap: 6px;
}

.questions_item_answer.open {
    display: flex;
}

.questions_item_answer p {
    color: #444;
    font-size: 18px;
    font-weight: 300;
    line-height: 130%;
}

.seo {
    margin-top: 100px;
}

.seo_content_text {
    max-width: 900px;

    color: #A4A4A4;
    font-size: 18px;
    font-weight: 300;
    line-height: 130%;
}

.seo_content_text.close {
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.seo_btn {
    display: flex;
    align-items: center;
    gap: 8px;
    border: none;
    background-color: unset;
    padding: 0;

    color: #A4A4A4;
    font-family: Inter;
    font-size: 18px;
    font-weight: 300;
    line-height: 130%;
    cursor: pointer;
}

.seo_btn:after {
    display: block;
    content: '';
    width: 12px;
    height: 6px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='7' viewBox='0 0 12 7' fill='none'%3E%3Cpath d='M1 1.5L6 5.5L11 1.5' stroke='%23A4A4A4' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E");
}

.seo_btn.rotate:after {
    transform: rotate(180deg);
}


.card-product {
    margin-top: 20px;
    display: flex;
    gap: 20px;
}

.card-product_content {
    width: 100%;
    padding: 20px;
    display: grid;
    grid-template-rows: max-content 1fr max-content;
    gap: 20px;
    border-radius: 12px;
    background: #FFF;
}

.card-product_header {
    max-width: 670px;
}

.card-product_text {
    max-width: 670px;

    color: #444;
    font-size: 18px;
    font-weight: 300;
    line-height: 130%;
}

.card-product_footer {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.card-product_In-stock {
    display: flex;
    align-items: center;
    gap: 8px;
}

.card-product_In-stock:before {
    display: flex;
    content: '';
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #27BE36;
}

.card-product_btn-order {
    min-width: 189px;
    width: max-content;
}

.card-product_img {
    max-width: 555px;
    width: 100%;
    object-fit: cover;
    border-radius: 12px;
    min-height: 197px;
}


.product-characteristic {
    margin-top: 62px;
    display: flex;
    gap: 20px;
}

.product-characteristic_content {
    max-width: 785px;
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.product-characteristic_nav-wrapper {
    width: max-content;
    display: flex;
    padding: 20px;
    gap: 49px;
    border-radius: 12px;
    background: #FFF;
}

.product-characteristic_nav-btn {
    border: none;
    padding: 0;
    background-color: unset;
    cursor: pointer;

    color: var(--3);
    font-family: Inter;
    font-size: 18px;
    line-height: 140%;
}

.product-characteristic_nav-btn.active {
    color: #383838;
    cursor: default;
}

.product-characteristic_items-wrapper {
    display: flex;
    padding: 20px;
    border-radius: 12px;
    background: #FFF;
}

.product-characteristic_item,
.product-characteristic_text-wrapper {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.product-characteristic_text-wrapper {
    display: none;
}

.product-characteristic_text-wrapper.active {
    display: flex;
    line-height: 140%;
}

.product-characteristic_item {
    display: none;
}

.product-characteristic_item.active {
    display: flex;
    line-height: 140%;
}

.product-characteristic_text_title {
    font-size: 24px;
    line-height: 140%;
}

.product-characteristic_text {
    color: #444;
    font-size: 18px;
    font-weight: 300;
    line-height: 130%;
}

.product-characteristic_btn-more-details {
    display: none;
    border: none;
    padding: 0;
    background-color: unset;
    cursor: pointer;
    width: max-content;

    color: #444;
    font-family: Inter;
    font-size: 18px;
    font-weight: 300;
    line-height: 130%;
    text-decoration-line: underline;
}

.product-characteristic_btn-more-details.active {
    display: block;
}

.product-characteristic_table {
    margin-top: 28px;
}

.product-characteristic_table li {
    display: flex;
    justify-content: space-between;
    padding: 20px;
    border-bottom: 1px solid #313131;
}

.product-characteristic_table li span {
    max-width: 260px;
    width: 100%;

    font-size: 18px;
    font-weight: 300;
    line-height: 150.5%;
}

.product-characteristic_table li:first-child span {
    color: #9E9EA2;
}

.product-characteristic_table li:last-child {
    border: none;
}

.product-characteristic .order-a-call {
    border-radius: 12px;
    height: max-content;
    margin-top: 80px;
}

.product-characteristic .order-a-call_container {
    grid-template-areas:
        'A A'
        'B B'
        'C C';
    grid-template-rows: max-content max-content max-content;
    gap: 36px;
    padding-right: 20px;
    padding-left: 20px;
}

.product-characteristic .order-a-call_btn {
    margin-top: -22px;
}


.about-company {
    margin-top: 20px;
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.about-company_section {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.about-company_subtitle {
    font-size: clamp(22px, 2.4vw, 30px);
}

.about-company_text-block {
    color: #444;
    font-size: 18px;
    font-weight: 300;
    line-height: 140%;
}

.about-company_text-block p {
    margin: 0;
}

.about-company_text-block p + p {
    margin-top: 14px;
}

.about-company_intro,
.about-company_section > .about-company_text-block:not(.about-company_delivery) {
    padding: 20px;
    border-radius: 12px;
    background: #FFF;
}

.about-company_content {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(350px, 1fr));
    column-gap: 60px;
    row-gap: 49px;
    padding: 20px;
    border-radius: 12px;
    background: #FFF;
}

.about-company_item {
    display: flex;
    flex-direction: column;
    gap: 28px;
}

.about-company_title {
    font-size: 24px;
    line-height: 140%;
}

.about-company_text {
    color: #444;
    font-size: 18px;
    font-weight: 300;
    line-height: 130%;
}

.about-company_delivery {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 40px 60px;
    padding: 20px;
    border-radius: 12px;
    background: #FFF;
}

.about-company_delivery h3 {
    margin: 0 0 14px;
    color: #222;
    font-size: 24px;
    font-weight: 400;
    line-height: 140%;
}






.only-the-best-materials {
    margin-top: 80px;
    display: flex;
    flex-direction: column;
    gap: 30px;
}

.only-the-best-materials_content {
    display: grid;
    grid-template-areas:
            'A A B'
            'C D D';
    gap: 20px;
    grid-template-rows: 1fr 1fr;
}

.only-the-best-materials_item {
    width: 100%;
    border-radius: 12px;
    object-fit: cover;

}.only-the-best-materials_item:nth-child(1) {
    grid-area: A;
}.only-the-best-materials_item:nth-child(2) {
    grid-area: B;
}.only-the-best-materials_item:nth-child(3) {
    grid-area: C;
}.only-the-best-materials_item:nth-child(4) {
    grid-area: D;
}


.contacts-and-requisites {
    margin-top: 100px;
    display: flex;
    flex-direction: column;
    gap: 21px;
}

[data-page-type="contacts"].contacts-and-requisites {
    margin-top: 20px;
}

.contacts-and-requisites_head-wrapper {
    display: flex;
    gap: 18px;
}

.contacts-and-requisites_download {
    display: flex;
    align-items: center;
    gap: 12px;

    text-decoration: none;
    color: #959595;
    font-family: Inter;
    font-size: 18px;
    line-height: 140%;
}

.contacts-and-requisites_download:before {
    display: block;
    content: '';
    width: 16px;
    height: 25px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='25' viewBox='0 0 16 25' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M7.97932 0.75C7.7141 0.75 7.45975 0.853853 7.27221 1.03872C7.08468 1.22358 6.97932 1.47431 6.97932 1.73575L6.97932 15.3176L1.69932 9.85261C1.51343 9.67334 1.26401 9.57251 1.00396 9.57149C0.743905 9.57048 0.493681 9.66937 0.306359 9.84718C0.119037 10.025 0.00935256 10.2677 0.000570907 10.5239C-0.00821075 10.7801 0.0846014 11.0296 0.259321 11.2195L7.25932 18.4483C7.3526 18.5437 7.46444 18.6196 7.58815 18.6715C7.71186 18.7233 7.8449 18.75 7.97932 18.75C8.11374 18.75 8.24678 18.7233 8.37049 18.6715C8.4942 18.6196 8.60604 18.5437 8.69932 18.4483L15.6993 11.2195C15.795 11.1273 15.8709 11.017 15.9225 10.8953C15.9742 10.7736 16.0005 10.6429 16 10.511C15.9995 10.3791 15.9721 10.2486 15.9195 10.1273C15.8668 10.006 15.79 9.89635 15.6936 9.80484C15.5972 9.71333 15.4832 9.64183 15.3582 9.59457C15.2333 9.54731 15.1 9.52525 14.9662 9.52971C14.8325 9.53416 14.701 9.56504 14.5796 9.62051C14.4581 9.67597 14.3492 9.7549 14.2593 9.85261L8.97932 15.3176L8.97932 1.73575C8.97932 1.47431 8.87396 1.22358 8.68643 1.03872C8.49889 0.853853 8.24454 0.75 7.97932 0.75Z' fill='%239E9EA2'/%3E%3Crect y='22.25' width='16' height='2' rx='1' fill='%239E9EA2'/%3E%3C/svg%3E");
}

.contacts-and-requisites_content {
    border-radius: 12px;
    padding: 20px;
    background: #FFF;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(290px, 1fr));
    gap: 30px;
}

[data-page-type="contacts"] .contacts-and-requisites_content {
    grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
    column-gap: 40px;
}

.contacts-and-requisites_item {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.contacts-and-requisites_title {
    color: #959595;
    font-size: 18px;
    line-height: 140%;
}

.contacts-and-requisites_text {
    color: #444;
    font-size: 18px;
    line-height: 140%;
}


.our-office {
    margin-top: 80px;
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.our-office_img {
    width: 100%;
    border-radius: 12px;
    object-fit: cover;
    min-height: 162px;
}


.warning {
    margin-top: 60px;
    padding-bottom: 40px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 24px;
}

.warning_img {
    max-width: 644px;
    width: 100%;
    min-height: 127px;
}

.warning_subtitle {
    color: #313131;
    text-align: center;
    font-size: 18px;
    line-height: 140%;
}

.warning_btn {
    min-width: 311px;
    width: max-content;
}


.policy {
    margin-top: 37px;
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.policy_content {
    max-width: 903px;
    display: flex;
    flex-direction: column;
    gap: 20px;

    color: #444;
    font-size: 18px;
    line-height: 130%;
}


.product-category {
    margin-top: 20px;
    display: grid;
    gap: 20px;
    grid-template-columns: repeat(auto-fill, minmax(400px, 1fr));
}



.pagination {
    margin-top: 40px;
}

.pagination ul {
    display: flex;
    justify-content: flex-end;
    gap: 6px;
}

.pagination a {
    display: flex;
    width: 37px;
    height: 37px;
    padding: 7px 8px;
    justify-content: center;
    align-items: center;
    border-radius: 8px;
    border: 1px solid var(--3);
    text-decoration: none;

    color: #969696;
    font-family: Inter;
    font-size: 18px;
    line-height: 140%;
}

.pagination a.active {
    border: 1px solid #383838;
    color: #383838;
}

.pagination li:first-child a:after,
.pagination li:last-child a:after {
    display: block;
    content: '';
    width: 19px;
    height: 20px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='21' height='21' viewBox='0 0 19 21' fill='none'%3E%3Cpath d='M11.5146 19.4706L3.02937 10.9853L11.5146 2.50006' stroke='%239E9EA2' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.pagination li:last-child a:after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='19' height='21' viewBox='0 0 19 21' fill='none'%3E%3Cpath d='M7.48535 19.4706L15.9706 10.9853L7.48542 2.50006' stroke='%239E9EA2' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}


.popup-wrapper {
    display: none;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 10;
    padding: 16px;
    background: rgba(3, 3, 3, 0.40);
    backdrop-filter: blur(7px);
}

.popup-wrapper.active {
    display: flex;
}

.popup-container {
    max-width: 520px;
    width: 100%;
    margin: auto;
    display: none;
    align-self: center;
    flex-direction: column;
    gap: 68px;
    padding: 20px;
    border-radius: 12px;
    background: #F5F5F5;
}

.popup-container.active {
    display: flex;
}

.popup_head {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.popup_header-wrapper {
    display: flex;
    justify-content: space-between;
    gap: 20px;
}

.popup_header {
    display: flex;
    flex-direction: column;
    gap: 6px;

    font-size: 28px;
    line-height: 140%;
}

.popup_header span {
    color: #313131;
    font-size: 18px;
    line-height: 130%;
}

.popup_btn-close {
}

.success-container .popup_btn-close {
    align-self: self-end;
}

.popup_label-wrapper {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.popup_label input {
    display: flex;
    width: 100%;
    padding: 10px 20px;
    border-radius: 12px;
    background: #FFF;
    outline: none;
    border: none;


    font-family: Inter;
    font-size: 18px;
    line-height: 22px;
}

.popup_label input::placeholder {
    color: #A8A8A8;
}

.popup_footer {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.popup_btn-submit {
    width: 100%;
}

.popup_subtitle {
    color: #A8A8A8;
    font-size: 18px;
    line-height: 130%;
}

.success-container {
    max-width: 520px;
    width: 100%;
    display: none;
    flex-direction: column;
    margin: auto;
    padding: 20px;
    gap: 40px;
    border-radius: 12px;
    background: #F5F5F5;
}

.success-container.active {
    display: flex;
}

.success-container_icon {
    display: flex;
    align-self: center;
    content: '';
    width: 162px;
    height: 162px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='162' height='162' viewBox='0 0 162 162' fill='none'%3E%3Ccircle cx='81' cy='81' r='81' fill='white'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M144.177 55.3562C145.784 56.8727 145.857 59.4043 144.34 61.0107L80.0631 129.101C75.9594 133.448 69.1349 133.722 64.696 129.718L23.9018 92.0024C22.2937 90.5157 22.1802 88.0121 23.6472 86.386L33.0171 75.9994C34.5125 74.3418 37.0753 74.229 38.7105 75.7489L71.4474 106.179L128.342 45.9087C129.859 44.3023 132.39 44.2294 133.997 45.7459L144.177 55.3562Z' fill='%23CACACA'/%3E%3C/svg%3E");
}


.search {
    margin-top: 20px;
}

.search-result {
    width: 100%;
    padding: 22px 20px;
    border-radius: 12px;
    background: #FFF;

    color: var(--3);
    font-size: 18px;
    line-height: 22px;
}


.search-note-result {
    margin-top: 111px;
    padding-bottom: 185px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 33px;
}

.search-no-result_icon {
    display: flex;
    content: '';
    width: 146px;
    height: 156px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='146' height='156' viewBox='0 0 146 156' fill='none'%3E%3Crect x='55.9609' y='81' width='22.0689' height='82' rx='4' transform='rotate(43.0349 55.9609 81)' fill='%23CACACA'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M146 57.5C146 89.2564 120.256 115 88.5 115C56.7436 115 31 89.2564 31 57.5C31 25.7436 56.7436 0 88.5 0C120.256 0 146 25.7436 146 57.5ZM88.5 93C108.106 93 124 77.1061 124 57.5C124 37.8939 108.106 22 88.5 22C68.8939 22 53 37.8939 53 57.5C53 77.1061 68.8939 93 88.5 93Z' fill='%23CACACA'/%3E%3C/svg%3E");
}

.search-no-result_footer {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 24px;
}

.search-no-result_title {
    text-align: center;
    font-size: 18px;
    line-height: 140%;
}

.search-no-result_btn {
    min-width: 311px;
    width: max-content;
}


.filter {
    margin-top: 20px;
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.filter_form {
    display: flex;
    justify-content: space-between;
    gap: 20px;
    flex-wrap: wrap;
    padding: 16px 20px;
    align-items: center;
    border-radius: 12px;
    background: #FFF;
}

.filter_form_label-wrapper {
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
}

.filter_label {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    gap: 6px;

    color: var(--3);
    font-family: Inter;
    font-size: 18px;
    line-height: 22px;
}

.filter_label input {
    margin: 0;
    width: 18px;
    height: 18px;
}

.filter_sort-wrapper {
    width: 264px;
    min-height: 37px;
    position: relative;
}

.filter_sort {
    position: absolute;
    width: 100%;
    display: flex;
    padding: 6px 8px;
    flex-direction: column;
    gap: 12px;
    border-radius: 8px;
    border: 1px solid #969696;
    background: #FFF;
}

.filter_sort_select-value,
.filter_sort_label {
    color: #969696;
    font-family: Inter;
    font-size: 18px;
    line-height: 140%;
}

.filter_sort_select-value {
    display: flex;
    gap: 8px;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
}

.filter_sort_select-value:after {
    display: block;
    content: '';
    width: 14px;
    height: 7px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='7' viewBox='0 0 14 7' fill='none'%3E%3Cpath d='M13 0.5L7 6.5L1 0.499999' stroke='%239E9EA2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.filter_sort_select-value.rotate:after {
    transform: rotate(180deg);
}

.filter_sort_section-wrapper {
    display: none;
}

.filter_sort_section-wrapper.active {
    display: block;
}

.filter_sort_section {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.filter_sort_section_mobile-head {
    display: none;
}

.filter_sort_label {
    position: relative;
}

.filter_sort_label input {
    margin: 0;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    cursor: pointer;
    opacity: 0;
}



























.footer {
    margin-top: 105px;
    background: #FFF;
    padding-top: 37px;
    padding-bottom: 31px;
}

.footer[data-page-type="home"] {
    margin-top: 40px;
}

.footer_container {
    display: flex;
    gap: 77px;
    flex-direction: column;
}

.footer_content {
    display: grid;
    row-gap: 38px;
    column-gap: 129px;
    grid-template-columns: max-content auto auto;
    grid-template-areas:
            'A B B'
            'C B B';
}

.footer_logo {
    grid-area: A;
}

.footer_logo img {
    width: 140px;
    object-fit: cover;
}

.footer_nav-wrapper {
    grid-area: B;
    display: flex;
    justify-content: space-between;
    gap: 54px;
}

.footer_nav {
    display: flex;
    gap: 54px;
}

.footer_catalog-wrapper {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.footer_catalog-wrapper a,
.footer_pages-link-wrapper a {
    color: #A4A4A4;
    text-decoration: none;

    font-size: 18px;
    font-weight: 300;
    line-height: 130%;
}

.footer_catalog-wrapper li:first-child a,
.footer_pages-link-wrapper a {
    color: #383838;

    font-weight: 400;
}

.footer_pages-link-wrapper {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.footer_btn {
    max-width: 311px;
    width: 100%;
    background: var(--blue);
}

.footer_contacts-wrapper {
    grid-area: C;
    display: flex;
    flex-direction: column;
    gap: 27px;
}

.footer_contacts-wrapper p {
    display: flex;
    flex-direction: column;

    color: var(--3);
    font-size: 18px;
    line-height: 140%;
}

.footer_contacts-wrapper a {
    color: #383838;
    text-decoration: none;

    font-size: 24px;
}

.footer_policy-wrapper {
    display: grid;
    grid-template-columns: 1fr max-content max-content;
    gap: 24px;
}

.footer_policy-wrapper p,
.footer_policy-wrapper a {
    white-space: nowrap;

    color: #8D8D8D;

    font-size: 14px;
    font-weight: 300;
    line-height: 140%;
}


.popup-request-cookie-wrapper {
    position: relative;
    display: flex;
    justify-content: end;
}

.popup-request-cookie {
    display: none;
    position: fixed;
    z-index: 10;
    bottom: 12px;
    max-width: 280px;
    padding: 10px;
    flex-direction: column;
    gap: 8px;
    border-radius: 10px;
    background: #FFF;
    box-shadow: 0 1px 10px 2px rgba(0, 0, 0, 0.06);
}

.popup-request-cookie.active {
    display: flex;
}

.popup-request-cookie p {
    max-width: 224px;
    color: #444;
    font-size: 10px;
    line-height: 125%;
}

.popup-request-cookie_content {
    display: flex;
    align-items: flex-start;
    gap: 6px;
}

.popup-request-cookie .btn-close {
    max-width: 24px;
    min-width: 24px;
    height: 24px;
    background-size: 18px 18px;
    background-position: center;
    background-repeat: no-repeat;
}

.popup-request-cookie .btn-close::before,
.popup-request-cookie .btn-close::after {
    width: 24px;
}

.popup-request-cookie_btn-agree,
.cookieconsentpopup-request-cookie_btn-agree {
    width: 100%;
    min-width: 0;
    padding: 5px 10px;
    border-radius: 6px;

    font-size: 11px;
    font-weight: 400;
    line-height: 14px;
}


@media (max-width: 1200px) {

    .core-head_select-cities ,
    .core-head_search-label input,
    .core-head_contacts-wrapper a,
    .core-head_btn-order-call,
    .appbar_links-wrapper a,
    .appbar_working-hours {
        font-size: clamp(12px, 1.35vw, 18px);
    }



    .footer_nav-wrapper,
    .footer_nav,
    .footer_policy-wrapper {
        flex-wrap: wrap;
    }
}

@media (max-width: 992px) {
    .core-container {
        padding-left: 16px;
        padding-right: 16px;
    }


    .breadcrumb {
        margin-top: 65px;
    }


    .menu-mobile_popup-head {
        justify-content: space-between;
    }

    .menu-mobile_popup-head.active {
        display: flex;
    }


    .header {
        background-color: unset;
        position: absolute;
        top: 0;
        right: 0;
        left: 0;
    }

    .header_container {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        padding-top: 4px;
        padding-bottom: 4px;
    }

    .core-head_logo-subtitle,
    .core-head_select-cities,
    .core-head_search-label,
    .core-head_contacts-wrapper,
    .core-head_btn-order-call,
    .mobil-core-head_logo,
    .appbar-wrapper {
        display: none;
    }

    .mobil-core-head_logo.active {
        display: block;
    }

    .mobil-core-head_logo img {
        width: 100px;
        object-fit: cover;
    }


    .core-head_search-form.mobile,
    .core-head_select-cities-wrapper.mobile {
        max-width: 100%;
        position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 12;
        background: #F5F5F5;
        padding: 4px 16px;
        display: flex;
        flex-direction: column;
        gap: 12px;
    }

    .core-head_search-form.mobile .menu-mobile_popup-head,
    .core-head_search-form.mobile .core-head_search-label,
    .core-head_select-cities-wrapper.mobile .menu-mobile_popup-head,
    .core-head_select-cities-wrapper.mobile .menu-mobile_btn-back,
    .core-head_select-cities-wrapper.mobile .mobil-core-head_logo {
        display: flex;
    }

    .core-head_search-form.mobile .mobil-core-head_logo,
    .core-head_select-cities-wrapper.mobile .mobil-core-head_logo {
        display: flex;
        align-items: center;
    }

    .core-head_search-form.mobile .core-head_search-label {
        padding: 9px 14px;
        border-radius: 8px;
        border: 1px solid var(--3);
    }

    .core-head_search-form.mobile .core-head_search-label a {
       display: none;
    }

    .core-head_search-form.mobile .core-head_search-label input {
        font-size: 16px;
        font-weight: 300;
        line-height: 140%;
    }

    .core-head_search-form.mobile .core-head_search_items-wrapper {
        margin-top: 30px;
        background: #F5F5F5;
        padding: 0;
        border-radius: 0;
        box-shadow: none;
        position: initial;
    }

    .core-head_search-form.mobile .core-head_search_items-wrapper ul {
        padding-right: 0;
        max-height: 100%;
        min-height: 100%;
        gap: 16px;
    }

    .core-head_search-form.mobile .core-head_search_items-wrapper a {
        color: #383838;

        font-size: 16px;
        line-height: 22px
    }

    .core-menu-mobile-wrapper {
        display: none;
        height: 100%;
        grid-template-rows: max-content max-content 1fr;
        gap: 38px;
        padding-bottom: 16px;
    }

    .core-menu-mobile-wrapper.active {
        display: grid;
    }

    .core-mobile_select-cities {
        display: flex;
        align-items: center;
        gap: 8px;

        font-family: Gilroy;
        font-size: 16px;
        line-height: 22px;
    }

    .core-mobile_select-cities:before {
        display: block;
        content: '';
        width: 17px;
        height: 16px;
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17' height='16' viewBox='0 0 17 16' fill='none'%3E%3Cpath d='M7.17397 9.34921L2.89609 7.83991C1.80974 7.45662 1.26657 7.26498 1.1073 6.97519C0.969323 6.72415 0.96412 6.42105 1.0934 6.16541C1.24263 5.87031 1.77891 5.66008 2.85145 5.23963L13.7185 0.979634C14.6588 0.611031 15.129 0.42673 15.4273 0.527134C15.6863 0.614312 15.8891 0.818842 15.9742 1.07889C16.0723 1.37839 15.8848 1.84782 15.5098 2.78668L11.176 13.6363C10.7427 14.7211 10.5261 15.2634 10.2286 15.4105C9.97096 15.5378 9.667 15.5289 9.41726 15.3866C9.12891 15.2223 8.94445 14.6681 8.57553 13.5598L7.17397 9.34921Z' stroke='%23383838' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    }

    .navbar-mobile_links-wrapper ul {
        display: flex;
        flex-direction: column;
        gap: 12px;
    }

    .navbar-mobile_links-wrapper a,
    .navbar-mobile_links-wrapper button {
        border: 0;
        padding: 0;
        background-color: unset;
        text-decoration: none;

        color: #383838;
        font-family: Gilroy;
        font-size: 16px;
        font-weight: 400;
        line-height: 22px;
    }

    .core-mobile_search-label {
        position: relative;
        width: 100%;
        height: 44px;
        display: flex;
        padding: 9px 14px;
        justify-content: space-between;
        align-items: center;
        border-radius: 8px;
        border: 1px solid var(--3);
        outline: none;
        background: #F5F5F5;

        color: var(--3);
        font-family: Inter;
        font-size: 16px;
        font-weight: 300;
        line-height: 140%;
    }

    .core-mobile_search-label:after {
        position: absolute;
        top: 8px;
        right: 11px;
        display: block;
        content: '';
        width: 24px;
        height: 24px;
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M20.7043 19.2848L17.3054 15.8958C18.402 14.4988 18.9971 12.7735 18.9948 10.9974C18.9948 9.41569 18.5258 7.86947 17.647 6.5543C16.7683 5.23913 15.5192 4.21408 14.0579 3.60877C12.5966 3.00347 10.9886 2.84509 9.43721 3.15367C7.88586 3.46225 6.46085 4.22393 5.34239 5.34239C4.22393 6.46085 3.46225 7.88586 3.15367 9.43721C2.84509 10.9886 3.00347 12.5966 3.60877 14.0579C4.21408 15.5192 5.23913 16.7683 6.5543 17.647C7.86947 18.5258 9.41569 18.9948 10.9974 18.9948C12.7735 18.9971 14.4988 18.402 15.8958 17.3054L19.2848 20.7043C19.3777 20.798 19.4883 20.8724 19.6101 20.9231C19.7319 20.9739 19.8626 21 19.9945 21C20.1265 21 20.2572 20.9739 20.379 20.9231C20.5008 20.8724 20.6114 20.798 20.7043 20.7043C20.798 20.6114 20.8724 20.5008 20.9231 20.379C20.9739 20.2572 21 20.1265 21 19.9945C21 19.8626 20.9739 19.7319 20.9231 19.6101C20.8724 19.4883 20.798 19.3777 20.7043 19.2848ZM4.99936 10.9974C4.99936 9.81112 5.35114 8.65146 6.01022 7.66508C6.66929 6.6787 7.60606 5.90991 8.70207 5.45593C9.79807 5.00196 11.0041 4.88317 12.1676 5.11461C13.3311 5.34605 14.3999 5.91731 15.2387 6.75615C16.0775 7.595 16.6488 8.66375 16.8802 9.82726C17.1117 10.9908 16.9929 12.1968 16.5389 13.2928C16.0849 14.3888 15.3162 15.3256 14.3298 15.9846C13.3434 16.6437 12.1837 16.9955 10.9974 16.9955C9.40664 16.9955 7.88101 16.3636 6.75615 15.2387C5.6313 14.1138 4.99936 12.5882 4.99936 10.9974Z' fill='%239E9EA2'/%3E%3C/svg%3E");
    }


    .core-head_select-cities-wrapper.mobile .core-head_select-cities-form-wrapper {
        position: initial;
        display: block;
        min-width: 100%;
        height: 100%;
        border-radius: 0;
        background: #F5F5F5;
        box-shadow: none;
        padding: 0;
        margin-top: 33px;
    }

    .core-head_select-cities-wrapper.mobile .core-head_select-cities-form {
        gap: 20px;
        padding-right: 0;
    }

    .core-head_select-cities-wrapper.mobile .core-head_select-cities-form label {
        color: #383838;

        font-family: Gilroy;
        font-size: 16px;
        line-height: 22px;
    }


    .mobil-core-head_select-cities {
        display: block;
        content: '';
        width: 37px;
        height: 37px;
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='37' height='37' viewBox='0 0 37 37' fill='none'%3E%3Crect x='0.5' y='-0.5' width='36' height='36' rx='7.5' transform='matrix(1 0 0 -1 0 36)' stroke='%23383838'/%3E%3Cpath d='M13 18L29 18' stroke='%23383838' stroke-width='2' stroke-linecap='round'/%3E%3Cpath d='M8 12H29' stroke='%23383838' stroke-width='2' stroke-linecap='round'/%3E%3Cpath d='M8 24H29' stroke='%23383838' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");
        cursor: pointer;
        border: none;
        background-color: unset;
        padding: 0;
    }


    .banner_container {
        padding-top: 71px;
        padding-bottom: 22px;
    }


    .delivery-methods {
        grid-template-columns: 1fr 1fr;
    }


    .card-product_img {
        max-width: 100%;
    }


    .product-characteristic {
        flex-direction: column;
    }

    .product-characteristic_content {
        max-width: 100%;
    }


    .our-geography {
        flex-direction: column;
        gap: 20px;
    }

    .our-geography_cities-wrapper {
        max-width: 100%;
        width: 100%;
    }

    .jvm-map-wrapper {
        width: 100%;
        height: 400px;
    }



    .menu-mobile-wrapper {
        display: none;
        flex-direction: column;
        gap: 12px;
        position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background: #F5F5F5;
        padding: 4px 16px;
    }

    .menu-mobile-wrapper.active {
        display: flex;
    }

    .menu-mobile_btn-wrapper {
        display: flex;
        width: 100%;
        justify-content: space-between;
        align-items: center;
    }

    .menu-mobile_btn-back {
        border: none;
        padding: 0;
        background-color: unset;
        display: none;
        align-items: center;
        gap: 4px;

        color: #969696;
        font-family: Gilroy;
        font-size: 16px;
        line-height: 22px;
    }

    .menu-mobile_btn-back.active {
        display: flex;
    }

    .menu-mobile_btn-back:before {
        display: block;
        content: '';
        width: 15px;
        height: 15px;
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='15' viewBox='0 0 15 15' fill='none'%3E%3Cpath d='M8.63867 14.1247L1.84486 7.33092L8.63862 0.53716' stroke='%23969696' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    }

    .menu-mobile_menu,
    .menu-mobile_submenu_links {
        display: flex;
        flex-direction: column;
        gap: 20px;
    }

    .menu-mobile_submenu_links {
        display: none;
    }

    .menu-mobile_submenu_links.active {
        display: flex;
    }

    .menu-mobile-wrapper ul a,
    .menu-mobile-wrapper ul p {
        text-decoration: none;

        color: #383838;
        font-family: Gilroy;
        font-size: 16px;
        line-height: 22px;
    }

    .menu-mobile_menu-wrapper,
    .menu-mobile_submenu-wrapper {
        display: none;
        overflow: auto;
        margin-top: 33px;
    }

    .menu-mobile_menu-wrapper.active,
    .menu-mobile_submenu-wrapper.active {
        display: flex;
        overflow: auto;
    }
}

@media (max-width: 768px) {

    .banner_img {
        display: none;
    }

    .banner_img-mobile {
        display: block;
        min-height: 100%;
        height: 635px;
    }


    .order-a-call_container {
        grid-template-areas:
        'A A'
        'B B'
        'C C';
        grid-template-rows: max-content max-content max-content;
    }


    .delivery-methods {
        display: flex;
        flex-direction: column;
    }

    .delivery-methods-swiper {
        display: none;
    }

    .delivery-methods_item .delivery-methods_img {
        display: block;
    }


    .only-the-best-materials_content {
        grid-template-areas:
            'A A'
            'B C'
            'D D';
        grid-template-rows: 1fr 1fr 1fr;
    }




    .footer_content {
        display: flex;
        flex-direction: column;
    }

    .footer_nav-wrapper {
        flex-direction: column;
        gap: 40px;
    }

    .footer_nav {
        flex-direction: column;
        gap: 12px;
    }

    .footer_catalog-wrapper.active li {
        display: flex;
    }

    .footer_catalog-wrapper li {
        display: none;
    }

    .footer_catalog-wrapper li:first-child {
        display: flex;
        align-items: center;
        gap: 8px;
    }

    .footer_catalog-wrapper li:first-child:after {
        cursor: pointer;
        display: block;
        content: '';
        width: 12px;
        height: 6px;
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='6' viewBox='0 0 12 6' fill='none'%3E%3Cpath d='M1 1L6 5L11 1' stroke='%23383838' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E");
    }

    .footer_catalog-wrapper.active li:first-child:after {
        transform: rotate(180deg);
    }

    .footer_policy-wrapper {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
    }

}

@media (max-width: 570px) {

    .core-container {
        padding-right: 16px;
        padding-left: 16px;
    }

    .site-header {
        font-size: 24px;
        line-height: 28px;
    }

    .btn-grey,
    .btn-white {
        max-width: 100%;

        font-size: 16px;
    }


    .breadcrumb ul {
        flex-wrap: nowrap;
        white-space: nowrap;
        overflow-x: auto;
    }

    .breadcrumb ul::-webkit-scrollbar {
        display: none;
    }

    .breadcrumb_home,
    .breadcrumb_item {
        font-size: 16px;
        font-weight: 300;
        line-height: 140%
    }


    .header {
        padding: 0;
    }


    .banner_container {
        gap: 12px;
        display: grid;
        grid-template-rows: max-content 1fr max-content;
    }

    .banner-header {
        width: 100%;
        line-height: 120%;
    }

    .banner_subtitle {
        font-size: 16px;
        font-weight: 300;
        line-height: 140%;
    }


    .materials {
        margin-top: 20px;
        gap: 14px;
    }

    .materials[data-page-type="home"] {
        margin-top: 60px;
    }

    .materials_header-wrapper {
        width: 100%;
        justify-content: space-between;
    }

    .materials_header-wrapper:after {
        width: 8px;
        height: 17px;
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='17' viewBox='0 0 16 31' fill='none'%3E%3Cpath d='M2 2.5L14 15.5L2 28.5' stroke='%23383838' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    }

    .materials_content {
        grid-template-columns: repeat(auto-fill, minmax(325px, 1fr));
        gap: 22px;
    }

    .materials_item {
        padding: 12px;
        gap: 12px;
    }

    .materials_item_head {
        display: flex;
        flex-direction: column;
        gap: 12px;
    }

    .materials_item_title {
        max-width: 100%;

        font-size: 20px;
    }

    .materials_item_link {
        font-family: Gilroy;
        font-size: 16px;
        line-height: 22px;
    }


    .slider-section {
        margin-top: 60px;
        gap: 17px;
        margin-left: 0;
        margin-right: 0;
        padding-left: 0;
        padding-right: 0;
    }

    .slider-section_btn-wrapper {
        display: none;
    }

    .slider-section_head {
        margin-left: 16px;
        margin-right: 16px;
    }

    .slider-section_swiper .animation_dot {
        display: block;
    }

    .slider-section_swiper .swiper-slide:first-child .swiper-slide-item {
        margin-left: 20px;
    }


    .often-ordering-in-bulk_item {
        padding: 12px;
        gap: 12px;
        background: #FFF;
        border-radius: 12px;
    }

    .often-ordering-in-bulk_item-head-wrapper {
        padding: 0;
        gap: 12px;
        border-radius: 0;
        background: unset;
    }

    [data-page-type="about"] .often-ordering-in-bulk_item-head-wrapper {
        padding: 0;
    }

    .often-ordering-in-bulk_item_img {
        width: 100%;
        height: 176px;
    }

    .often-ordering-in-bulk_item_title {
        font-size: 20px;
        line-height: 130%;
    }

    .often-ordering-in-bulk_item_text {
        font-size: 16px;
        font-weight: 300;
        line-height: 140%;
    }

    .often-ordering-in-bulk_item_btn {
        font-size: 16px;
        font-weight: 300;
    }


    .review_item {
        padding: 12px;
        gap: 10px;
        border-radius: 12px;
    }

    .review_item_img {
        display: none;
    }

    .review_item_name-wrapper {
        font-size: 18px;
        line-height: 120%;
    }

    .review_item_name-wrapper p {
        display: none;
    }

    .review_item_comment-wrapper {
        font-size: 16px;
        line-height: 140%;
    }




    .order-a-call {
        margin-top: 60px;
        padding: 30px 0;
    }

    .order-a-call_container {
        gap: 25px;
    }

    .order-a-call_title-wrapper {
        gap: 8px;

        font-size: 20px;
        line-height: 130%;
    }

    .order-a-call_title-wrapper span {
        font-size: 28px;
        font-weight: 400;
        line-height: 130%;
    }

    .order-a-call_btn {
        margin-top: -11px;
    }


    .delivery-methods {
        gap: 14px;
    }

    .delivery-methods_items-wrapper {
        gap: 22px;
    }

    .delivery-methods_item-text {
        padding: 12px;
        gap: 12px;

        font-size: 20px;
        line-height: 130%;
    }

    .delivery-methods_item-text:before {
        filter: invert(0);
    }


    .our-services {
        margin-top: 60px;
        gap: 14px;
    }

    .our-services_items-wrapper {
        gap: 12px;
        grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
    }

    .our-services_item {
        padding: 12px;
        gap: 12px;
        border-radius: 12px;
        min-height: 182px;
    }

    .our-services_item_img {
        min-height: 120px;
    }

    .our-services_item_title {
        font-size: 20px;
    }

    .our-services_last-item {
        padding: 12px;
        gap: 20px;
        border-radius: 12px;
    }

    .our-services_last-item_title {
        color: #FFF;
        font-size: 20px;
        line-height: 130%;
    }

    .our-services_last-item_title span {
        font-size: 28px;
        line-height: 130%;
    }





    .questions {
        margin-top: 60px;
        gap: 14px;
    }

    .questions_content {
        grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
        gap: 12px;
    }

    .questions_item {
        grid-template-areas:
            'A A B'
            'C C B';
        grid-template-columns: 1fr max-content;
        align-items: center;
        padding: 12px;
        gap: 8px;
        border-radius: 20px;
    }

    .questions_item_question-text {
        font-size: 16px;
        font-weight: 300;
        line-height: 140%
    }

    .questions_item_answer p {
        color: #959595;
        font-size: 16px;
        line-height: 140%;
    }


    .seo {
        margin-top: 60px;
    }

    .seo_content_text {
        font-size: 16px;
        line-height: 140%;
    }

    .seo_content_text.close {
        -webkit-line-clamp: 6;
    }

    .seo_btn {
        font-size: 16px;
        line-height: 140%;
    }


    .card-product_content {
        display: flex;
        flex-direction: column;
        padding: 20px 12px 30px 12px;
        gap: 26px;
    }

    .card-product_header {
        order: 1;
    }

    .card-product_text {
        order: 4;
        font-size: 16px;
        line-height: 140%;
    }

    .card-product_footer {
        order: 3;
        gap: 12px;
    }


    .card-product_btn-order {
        min-width: 100%;
    }

    .card-product_img {
        order: 2;
    }


    .product-characteristic {
        margin-top: 40px;
        display: flex;
    }

    .product-characteristic_content {
        gap: 14px;
    }

    .product-characteristic_nav-wrapper {
        padding: 12px;
        gap: 15px;
    }

    .product-characteristic_nav-btn {
        font-size: 16px;
        font-weight: 300;
    }

    .product-characteristic_items-wrapper {
        padding: 20px 12px;
    }

    .product-characteristic_text_title {
        font-size: 20px;
        line-height: 130%;
    }

    .product-characteristic_text {
        font-size: 16px;
        line-height: 140%;
    }

    .product-characteristic_btn-more-details {
        font-size: 16px;
        line-height: 140%
    }

    .product-characteristic_table {
        margin-top: 18px;
    }

    .product-characteristic_table li {
        padding: 12px;
    }

    .product-characteristic_table li span {
        max-width: 150px;
        font-size: 16px;
        line-height: 140%
    }

    .product-characteristic .order-a-call {
        border-radius: 0;
        margin-right: -16px;
        margin-left: -16px;
        margin-top: 60px;
    }

    .product-characteristic .order-a-call_container {
        padding-right: 16px;
        padding-left: 16px;
    }


    .about-company {
        gap: 14px;
    }

    .about-company_section {
        gap: 14px;
    }

    .about-company_text-block {
        font-size: 16px;
        line-height: 140%;
    }

    .about-company_intro,
    .about-company_section > .about-company_text-block:not(.about-company_delivery) {
        padding: 22px 12px;
    }

    .about-company_content {
        grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
        padding: 22px 12px;
    }

    .about-company_item {
        gap: 12px;
    }

    .about-company_title {
        font-size: 20px;
        line-height: 130%;
    }

    .about-company_text {
        font-size: 16px;
        line-height: 140%;
    }

    .about-company_delivery {
        grid-template-columns: 1fr;
        gap: 24px;
        padding: 22px 12px;
    }

    .about-company_delivery h3 {
        margin-bottom: 10px;
        font-size: 20px;
        line-height: 130%;
    }


    .only-the-best-materials {
        margin-top: 60px;
        gap: 14px;
    }

    .only-the-best-materials_content {
        gap: 12px;
    }


    .contacts-and-requisites {
        margin-top: 60px;
        gap: 14px;
        padding: 22px 12px;
    }

    .contacts-and-requisites[data-page-type="contacts"] {
        margin-top: 20px;
    }

    .contacts-and-requisites_head-wrapper {
        flex-wrap: wrap;
        gap: 14px;
    }

    .contacts-and-requisites_download {
        font-size: 16px;
        font-weight: 300;
    }

    .contacts-and-requisites_content {
        padding: 22px 12px;
    }

    .contacts-and-requisites_item {
        gap: 8px;
    }

    .contacts-and-requisites_title {
        font-size: 16px;
        font-weight: 300;
    }

    .contacts-and-requisites_text {
        font-size: 16px;
        font-weight: 300;
    }


    .our-office {
        margin-top: 60px;
        gap: 14px;
    }


    .warning {
        margin-top: 120px;
        padding-bottom: 60px;
    }

    .warning_subtitle {
        text-align: left;
        font-size: 16px;
        font-weight: 300;
    }

    .warning_btn {
        width: 100%;
    }


    .policy {
        margin-top: 20px;
        gap: 10px;
    }

    .policy_header {
        font-family: Inter;

        font-size: 20px;
        font-weight: 400;
        line-height: 130%;
    }

    .policy_content {
        gap: 10px;

        font-size: 16px;
        font-weight: 300;
        line-height: 140%;
    }


    .product-category {
        margin-top: 22px;
        grid-template-columns: repeat(auto-fill, minmax(325px, 1fr));
        gap: 22px;
    }


    .pagination {
        margin-top: 30px;
    }

    .pagination a {
        font-size: 16px;
        font-weight: 300;
    }

    .pagination li:first-child,
    .pagination li:first-child a,
    .pagination li:last-child,
    .pagination li:last-child a {
        width: 100%;
    }


    .popup-container {
        gap: 42px;
        padding: 16px 12px;;
    }

    .popup_head {
        gap: 16px;
    }

    .popup_header-wrapper {
        gap: 13px;
    }

    .popup_header {
        font-size: 20px;
        line-height: 130%;
    }

    .popup_header span {
        font-size: 16px;
        font-weight: 300;
        line-height: 140%;
    }

    .popup_label input {
        padding: 10px 12px;
        border-radius: 8px;

        font-size: 16px;
        font-weight: 300;
        line-height: 140%;
    }

    .popup_footer {
        gap: 12px;
    }

    .popup_subtitle {
        font-size: 16px;
        font-weight: 300;
        line-height: 140%;
    }

    .success-container {
        padding: 16px 12px;
        gap: 8px;
    }

    .success-container_icon {
        width: 109px;
        height: 109px;
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='109' height='109' viewBox='0 0 162 162' fill='none'%3E%3Ccircle cx='81' cy='81' r='81' fill='white'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M144.177 55.3562C145.784 56.8727 145.857 59.4043 144.34 61.0107L80.0631 129.101C75.9594 133.448 69.1349 133.722 64.696 129.718L23.9018 92.0024C22.2937 90.5157 22.1802 88.0121 23.6472 86.386L33.0171 75.9994C34.5125 74.3418 37.0753 74.229 38.7105 75.7489L71.4474 106.179L128.342 45.9087C129.859 44.3023 132.39 44.2294 133.997 45.7459L144.177 55.3562Z' fill='%23CACACA'/%3E%3C/svg%3E");
    }

    .popup-container .popup_header {
        gap: 0;
    }

    .popup-container .popup_header span {
        font-size: 16px;
        font-weight: 300;
        line-height: 140%;
    }

    .success-container .popup_header {
        margin-top: 8px;
    }

    .success-container .popup_header span {
        text-align: center;
    }

    .success-container .popup_btn-submit{
        margin-top: 20px;
    }


    .search {
        margin-top: 16px;
    }

    .search-result {
        padding: 12px;

        font-size: 16px;
        font-weight: 300;
        line-height: 140%;
    }


    .search-note-result {
        margin-top: 166px;
        padding-bottom: 100px;
        gap: 7px;
    }

    .search-no-result_icon {
        display: flex;
        content: '';
        width: 89px;
        height: 95px;
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='89' height='95' viewBox='0 0 146 156' fill='none'%3E%3Crect x='55.9609' y='81' width='22.0689' height='82' rx='4' transform='rotate(43.0349 55.9609 81)' fill='%23CACACA'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M146 57.5C146 89.2564 120.256 115 88.5 115C56.7436 115 31 89.2564 31 57.5C31 25.7436 56.7436 0 88.5 0C120.256 0 146 25.7436 146 57.5ZM88.5 93C108.106 93 124 77.1061 124 57.5C124 37.8939 108.106 22 88.5 22C68.8939 22 53 37.8939 53 57.5C53 77.1061 68.8939 93 88.5 93Z' fill='%23CACACA'/%3E%3C/svg%3E");
    }

    .search-no-result_footer {
        gap: 38px;
    }

    .search-no-result_title {
        max-width: 280px;

        font-size: 16px;
        font-weight: 300;
    }


    .filter {
        margin-top: 14px;
        gap: 14px;
    }

    .filter_form {
        flex-direction: column-reverse;
        gap: 20px;
    }

    .filter_form_label-wrapper {
        gap: 20px;
    }

    .filter_label {
        font-size: 16px;
        font-weight: 300;
        line-height: 140%;
    }

    .filter_sort-wrapper {
        width: 100%;
    }

    .filter_sort {
        padding: 8px;
        gap: 12px;
        border-radius: 8px;
    }

    .filter_sort_select-value,
    .filter_sort_label {
        font-size: 16px;
        font-weight: 300;
    }

    .filter_sort_section-wrapper {
        position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background: rgba(3, 3, 3, 0.40);
        backdrop-filter: blur(7px);
    }

    .filter_sort_section_mobile-head {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 12px;
    }

    .filter_sort_section_mobile-head span {
        color: #969696;
        font-size: 16px;
        font-weight: 300;
        line-height: 140%;
    }

    .filter_sort_section {
        position: absolute;
        bottom: 0;
        right: 0;
        left: 0;
        padding: 22px 16px 28px 16px;
        border-radius: 12px 12px 0 0;
        background: #FFF;
        display: flex;
        flex-direction: column;
        gap: 17px;
    }

    .filter_sort_label {
        color: #444;

        font-size: 16px;
        font-weight: 300;
        line-height: 140%;
    }


    .popup-request-correct-city-wrapper {
        position: fixed;
        min-width: unset;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background: rgba(3, 3, 3, 0.40);
        backdrop-filter: blur(7px);
        z-index: 10;
    }

    .popup-request-correct-city {
        border-radius: 12px 12px 0 0;
        position: absolute;
        right: 0;
        bottom: 0;
        left: 0;
    }

    .popup-request-correct-city_title  {
        color: #000;
        font-size: 18px;
        line-height: 140%;
    }

    .popup-request-correct-city_title span {
        color: #313131;
    }

    .popup-request-correct-city_btn-wrapper {
        width: 100%;
        display: flex;
        align-items: center;
        gap: 12px;
    }

    .popup-request-correct-city_btn-wrapper button {
        width: 100%;
    }


    .popup-request-cookie-wrapper {
        position: relative;
        display: flex;
        justify-content: normal;
    }

    .popup-request-cookie {
        right: 8px;
        bottom: 8px;
        left: 8px;
        max-width: none;
        padding: 10px;
    }

    .popup-request-cookie p {
        max-width: none;
        font-size: 10px;
        font-weight: 300;
        line-height: 125%;
    }

    .popup-request-cookie_content {
        gap: 8px;
    }

    .popup-request-cookie_btn-agree,
    .cookieconsentpopup-request-cookie_btn-agree {
        width: 100%;

        font-size: 11px;
        font-weight: 300;
        line-height: 14px
    }


    .our-geography {
        margin-top: 60px;
        flex-direction: column;
        gap: 0;
    }

    .our-geography_cities-wrapper {
        max-width: 100%;
        width: 100%;
        background: unset;
        padding: 0;
    }

    .our-geography_header {
        max-width: 328px;
    }

    .our-geography_cities {
        display: none;
    }

    .jvm-map-wrapper {
        margin-top: -50px;
        height: 290px;
    }

    .mobile_our-geography_citi {
        display: flex;
        width: 100%;
        padding: 10px;
        align-items: center;
        gap: 10px;
        border-radius: 12px;
        background: #FFF;

        color: #444;
        font-size: 16px;
        font-weight: 300;
        line-height: 140%;
    }

    .mobile_our-geography_citi:before {
        display: block;
        content: '';
        width: 6px;
        height: 6px;
        background-color: #454545;
        border-radius: 50%;
    }














    .footer {
        margin-top: 60px;
        gap: 60px;
    }

    .footer[data-page-type="home"] {
        margin-top: 28px;
    }

    .footer_container {
        gap: 60px;
    }

    .footer_content {
        gap: 16px;
    }

    .footer_logo {
        display: flex;
        align-self: center;
    }

    .footer_logo img {
        width: 117px;
    }

    .footer_nav-wrapper {
        flex-direction: column-reverse;
    }

    .footer_catalog-wrapper a,
    .footer_pages-link-wrapper a {
        font-size: 16px;
        font-weight: 400;
        line-height: 22px;
    }

    .footer_contacts-wrapper {
        margin-top: 44px;
    }

    .footer_contacts-wrapper p {
        font-size: 16px;
        font-weight: 300;
    }

    .footer_contacts-wrapper a {
        font-size: 20px;
        line-height: 130%
    }

    .footer_policy-wrapper {
        flex-direction: column;
        gap: 8px;
    }

    .footer_policy_title {
        order: 2;
    }

    .footer_site-map {
        order: 1;
    }

    .footer_policy {
        order: 3;
    }

}