/*
Theme Name: s
Author: Dmitriy Vasechka
Author URI: https://vk.com/tankist9832
*/
p.privacy a {
    color: #cecdcd;
    text-decoration: underline;
}

#cookie-notification {
    display: none;
    position: fixed;
    bottom: 20px;
    left: 50%;
    transform: translateX(-50%);
    background-color: #f1f1f1;
    color: #333;
    padding: 15px 20px;
    border-radius: 5px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
    z-index: 9999;
    max-width: 80%;
    text-align: center;
}

#cookie-notification p {
    margin: 0 0 10px 0;
    display: inline-block;
}

#cookie-notification a {
    text-decoration: underline;
}

#cookie-accept {
    background-color: #cf6f49;
    color: white;
    border: none;
    padding: 8px 15px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 14px;
    margin: 0 10px;
    cursor: pointer;
    border-radius: 4px;
}

#cookie-accept:hover {
    background-color: #023a8c;
}

@media (max-width:991px) {
    #cookie-notification {
        display: none;
        position: fixed;
        bottom: 20px;
        left: 0;
        transform: none;
        background-color: #f1f1f1;
        color: #333;
        padding: 15px 20px;
        border-radius: 5px;
        box-shadow: 0 2px 10px rgba(0, 0, 0, .2);
        z-index: 9999;
        max-width: 100%;
        text-align: center;
        font-size: 13px;
    }

    .b24-widget-button-position-bottom-right {
        right: 10px !important;
        bottom: 10px !important;
    }

}

.wpcf7-form.is-loading {
    position: relative;
}

.privacy-group a {
    color: inherit;
    text-decoration: underline;
}

.wpcf7-form.is-loading::before {
    content: "";
    font-size: 24px;
    font-weight: bold;
    color: #000000;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 2;
    left: 0;
    top: 0;
    background-color: #ffffff88;
}

.copyright {
    color: #FFFFFFB2;
    margin-top: 50px;
}

.copyright p {
    color: #FFFFFFB2;
    font-size: 14px;
}

#mont {
    margin: 0;
    width: 20px;
    height: 20px;
}

.total-wrapper {
    max-width: 1900px;
    margin: auto;
    position: relative;
    overflow-x: hidden;
}

.grecaptcha-badge {
    display: none !important;
}

* {
    font-family: 'Gilroy';
    font-weight: 400;
    color: #555555;
    box-sizing: border-box;
    outline: none;
    line-height: 1.3;
}

strong,
b {
    font-weight: bold;
}

html,
body {
    font-size: 16px;
    margin: 0;
    padding: 0;
    background-color: #F7F5F6;
    overflow-x: hidden;
}

.container {
    max-width: 1240px;
    padding: 0 1rem;
    margin: 0 auto;
    position: relative;
    z-index: 1;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin-top: 0;
}

b,
span,
mark,
p,
ul,
ol,
li,
strong,
em,
i,
del,
ins,
bdi {
    font-size: inherit;
    font-family: inherit;
    line-height: inherit;
    color: inherit;
}

span,
mark,
p,
ul,
ol,
li,
strong,
em,
i,
del,
ins,
bdi {
    font-weight: inherit;
}

a,
a:hover,
a:focus {
    color: #555555;
    text-decoration: none;
}

a:hover {
    color: #406F87;
}

p {
    margin: 0 0 1rem;
}

img {
    max-width: 100%;
    height: auto;
}

.flex-wrap {
    display: flex;
    flex-flow: wrap;
    justify-content: space-between;
    align-items: stretch;
}

.flex-wrap.a-i-c {
    align-items: center;
}

.flex-wrap.a-i-f-s {
    align-items: flex-start;
}

.flex-wrap.a-i-f-e {
    align-items: flex-end;
}

.flex-wrap.j-c-f-s {
    justify-content: flex-start;
}

.flex-wrap.j-c-c {
    justify-content: center;
}

.flex-wrap.j-c-f-e {
    justify-content: flex-end;
}

.button,
.button:focus,
.button:hover {
    display: block;
    width: 100%;
    max-width: 380px;
    background-color: #CF6F49;
    border: 2px solid #CF6F49;
    border-radius: 8px;
    padding: 24px 0;
    text-align: center;
    cursor: pointer;
    font-weight: 600;
    font-size: 20px;
    color: #FFFFFF;
    transition: all 0.35s ease-in-out;
}

.button:hover {
    background-color: transparent;
    color: #CF6F49;
}

.blue-transparent-button,
.blue-transparent-button:focus,
.blue-transparent-button:hover {
    border: 2px solid #406F87;
    border-radius: 11px;
    background-color: transparent;
    color: #406F87;
}

.blue-transparent-button:hover {
    color: #FFFFFF;
    background-color: #406F87;
}

.blue-button,
.blue-button:focus,
.blue-button:hover {
    background-color: #406F87;
    border: 2px solid #406F87;
}

.blue-button:hover {
    background-color: transparent;
    color: #406F87;
}

.white-button,
.white-button:hover,
.white-button:focus {
    background-color: #ffffff;
    border-color: #ffffff;
    color: #555555;
}

header {
    padding: 16px 0;
    background-color: #ffffff;
}

.home header {
    /*padding: 50px 0;*/
    background-color: #f7f5f6;
}

.header-logo-wrap {
    width: 130px;
}

.header-menu-wrap {
    width: calc(100% - 130px - 200px - 32px);
}

.header-menu-wrap ul.menu {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    justify-content: center;
    gap: 1.25rem;
}

.header-menu-wrap ul.menu > li.menu-item > a {
    /*font-size: 19px;*/
    font-weight: 500;
}

.header-menu-wrap ul.menu li.menu-item-has-children {
    position: relative;
}

.header-menu-wrap ul.menu > li.menu-item-has-children::after {
    content: "";
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
    width: 12px;
    height: 7px;
    margin-left: 8px;
    background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTMiIGhlaWdodD0iNyIgdmlld0JveD0iMCAwIDEzIDciIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0wLjE4MDkwNSAwLjE4MDkwNUMwLjQwMDE4MyAtMC4wMzgzNzM3IDAuNzQzMzE4IC0wLjA1ODMwODEgMC45ODUxMTYgMC4xMjExMDFMMS4wNTQzOSAwLjE4MDkwNUw2LjM4MjM1IDUuNTA4NTlMMTEuNzEwMyAwLjE4MDkwNUMxMS45Mjk2IC0wLjAzODM3MzcgMTIuMjcyNyAtMC4wNTgzMDgxIDEyLjUxNDUgMC4xMjExMDFMMTIuNTgzOCAwLjE4MDkwNUMxMi44MDMxIDAuNDAwMTgzIDEyLjgyMyAwLjc0MzMxOCAxMi42NDM2IDAuOTg1MTE2TDEyLjU4MzggMS4wNTQzOUw2LjgxOTEgNi44MTkxQzYuNTk5ODIgNy4wMzgzNyA2LjI1NjY4IDcuMDU4MzEgNi4wMTQ4OCA2Ljg3ODlMNS45NDU2MSA2LjgxOTFMMC4xODA5MDUgMS4wNTQzOUMtMC4wNjAzMDE1IDAuODEzMTgzIC0wLjA2MDMwMTUgMC40MjIxMTEgMC4xODA5MDUgMC4xODA5MDVaIiBmaWxsPSIjNTU1NTU1Ii8+Cjwvc3ZnPgo=');
    background-size: contain;
    background-position: center right;
    background-repeat: no-repeat;
    cursor: pointer;
}

.header-menu-wrap ul.sub-menu > li.menu-item-has-children::after {
    content: "";
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
    width: 12px;
    height: 7px;
    background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTMiIGhlaWdodD0iNyIgdmlld0JveD0iMCAwIDEzIDciIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0wLjE4MDkwNSAwLjE4MDkwNUMwLjQwMDE4MyAtMC4wMzgzNzM3IDAuNzQzMzE4IC0wLjA1ODMwODEgMC45ODUxMTYgMC4xMjExMDFMMS4wNTQzOSAwLjE4MDkwNUw2LjM4MjM1IDUuNTA4NTlMMTEuNzEwMyAwLjE4MDkwNUMxMS45Mjk2IC0wLjAzODM3MzcgMTIuMjcyNyAtMC4wNTgzMDgxIDEyLjUxNDUgMC4xMjExMDFMMTIuNTgzOCAwLjE4MDkwNUMxMi44MDMxIDAuNDAwMTgzIDEyLjgyMyAwLjc0MzMxOCAxMi42NDM2IDAuOTg1MTE2TDEyLjU4MzggMS4wNTQzOUw2LjgxOTEgNi44MTkxQzYuNTk5ODIgNy4wMzgzNyA2LjI1NjY4IDcuMDU4MzEgNi4wMTQ4OCA2Ljg3ODlMNS45NDU2MSA2LjgxOTFMMC4xODA5MDUgMS4wNTQzOUMtMC4wNjAzMDE1IDAuODEzMTgzIC0wLjA2MDMwMTUgMC40MjIxMTEgMC4xODA5MDUgMC4xODA5MDVaIiBmaWxsPSIjNTU1NTU1Ii8+Cjwvc3ZnPgo=');
    background-size: contain;
    background-position: center right;
    background-repeat: no-repeat;
    cursor: pointer;
    transform: rotate(-90deg);
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -3.5px;
}

.header-menu-wrap ul.sub-menu {
    display: none;
    position: absolute;
    list-style: none;
    padding: 11px;
    background: #FFFFFF;
    box-shadow: 0px 9px 30px rgba(0, 0, 0, 0.09);
    width: 200px;
    margin: 0;
    z-index: 99;
}

.header-menu-wrap ul.sub-menu ul.sub-menu {
    left: 100%;
    top: 0;
}

header > .container {
    z-index: 2;
}

@media (min-width: 993px) {
    .header-menu-wrap ul.menu > li.menu-item-has-children:hover > ul.sub-menu {
        display: block;
    }

    .header-menu-wrap ul.sub-menu > li.menu-item > a {
        border: 1px solid transparent;
        border-bottom: 1px solid #CF6F49;
        display: block;
        padding: 17.5px 13px;
        color: #555555;
        font-weight: 500;
        /*font-size: 17px;*/
    }

    .header-menu-wrap ul.sub-menu > li.menu-item > a:hover {
        color: #fff;
        border: 1px solid #CF6F49;
        background: #CF6F49;
        /*border-radius: 8px;*/
    }

    .header-menu-wrap ul.menu ul.sub-menu > li.menu-item-has-children:hover > ul.sub-menu {
        display: block;
    }
}

.header-menu-wrap ul.sub-menu > li.menu-item {
    width: 100%;
}

.header-phone-wrap {
    width: 200px;
}

.header-phone {
    display: block;
    font-weight: 500;
    font-size: 20px;
    border: 2px solid #543A28;
    border-radius: 10px;
    text-align: center;
    padding: 12px 0;
}

.header-phone:hover {
    border-color: #406F87;
}

.header-mobile-menu-top,
.header-mobile-menu-bottom {
    display: none;
}

.home-banner {
    position: relative;
    padding: 50px 0 150px;
    overflow: hidden;
    /*	min-height: calc(100vh - 100px);*/
}

.page-h1 {
    font-family: 'Bebas Neue';
    font-size: 76px;
    margin-bottom: 36px;
    line-height: 1;
}

.page-h1 span {
    color: #406F87;
}

.home-pluses {
    list-style: none;
    padding: 0px;
    margin: 0 0 35px;
}

.home-plus {
    margin-bottom: 16px;
    gap: 16px;
}

.home-plus img {
    width: 32px;
    height: 32px;
}

.home-plus span {
    font-size: 21px;
}

.home-banner-image {
    position: absolute;
    right: 0px;
    bottom: 32px;
    max-height: 100%;
    width: 60%;
    max-width: 780px;
    z-index: 0;
}

.home-banner-slider {
    overflow: visible;
}

.home-banner-slider .swiper-slide {
    aspect-ratio: 16 / 9;
    border-radius: 8px;
    overflow: hidden;
}

.home-banner-slider .swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.home-banner-slider .swiper-pagination {
    bottom: 0;
}

#home-banner.home-banner--static {
    display: flex;
    align-items: center;
    width: 100%;
    padding: 54px 0 42px;
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: right top;
    color: #FFFFFF;
    aspect-ratio: 1920 / 800;
}

#home-banner.home-banner--static::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 0;
    background: linear-gradient(90deg, rgba(0, 0, 0, 0.62) 0%, rgba(0, 0, 0, 0.48) 38%, rgba(0, 0, 0, 0.18) 72%, rgba(0, 0, 0, 0.08) 100%);
}

#home-banner.home-banner--static .container {
    position: relative;
    z-index: 1;
    width: 100%;
}

#home-banner.home-banner--static .page-h1 {
    margin-bottom: 24px;
    color: #FFFFFF;
    font-size: 54px;
    line-height: 0.98;
    text-transform: uppercase;
}

#home-banner.home-banner--static .page-h1 span {
    color: #FFFFFF;
}

#home-banner.home-banner--static .home-pluses {
    max-width: 490px;
    margin-bottom: 24px;
}

#home-banner.home-banner--static .home-plus {
    flex-wrap: nowrap;
    gap: 12px;
    margin-bottom: 12px;
}

#home-banner.home-banner--static .home-plus img {
    flex: 0 0 20px;
    width: 20px;
    height: 20px;
    filter: brightness(0) invert(1);
    opacity: 0.9;
}

#home-banner.home-banner--static .home-plus span {
    color: #FFFFFF;
    font-size: 18px;
    line-height: 1.3;
}

#home-banner.home-banner--static .home-banner-button {
    max-width: 250px;
    margin: 0;
    padding: 18px 0;
    font-size: 17px;
}

#home-banner.home-banner--static + .landing-section {
    margin-top: 16px;
}

.landing-section {
    margin-top: 75px;
}

.landing-section.last-section {
    margin-bottom: 60px;
}

.section-title,
.single-content-wrap h1 {
    font-family: 'Bebas Neue';
    color: #406F87;
    margin-bottom: 40px;
    font-size: 50px;
    position: relative;
}

.section-title-white {
    color: #FFFFFF;
}

.productions-wrap {
    gap: 56px 50px;
    position: relative;
}

.productions-wrap + .productions-wrap {
    margin-top: 56px;
}

.production-item {
    width: calc((100% - 100px) / 3);
    padding-bottom: 25px;
    border-bottom: 6px solid transparent;
}

.production-item:hover {
    color: #555555;
    border-bottom-color: #406F87;
}

.production-item img {
    border-radius: 15px;
    margin-bottom: 28px;
    display: block;
}

.production-item span {
    display: block;
    font-weight: 500;
    font-size: 28px;
}

.full-separator {
    background: linear-gradient(270.01deg, #406F87 70.36%, rgba(64, 111, 135, 0.0001) 100%);
    position: absolute;
    width: 100vw;
    height: 2px;
    left: calc((100vw - 100%) / 2 * -1);
    bottom: 0px;
}

#pluses-list > .container {
    overflow: hidden;
}

.pluses-wrap {
    width: calc(100% / 3 * 2);
    margin-left: auto;
}

.pluses-list {
    list-style: none;
    margin: 0px 0px 0px 35px;
    padding: 0px;
}

.plus-number {
    font-family: Bebas Neue;
    width: 80px;
    font-size: 64px;
    color: #CF6F49;
}

.plus-text {
    width: calc(100% - 100px);
    font-weight: 500;
    font-size: 21px;
    line-height: 1.5;
}

.pluses-image {
    display: block;
    position: absolute;
    height: calc(90% - 100px);
    right: calc(100% / 3 * 2);
    bottom: 5%;
}

#how-banner {
    background-size: 50%;
    background-position: right bottom;
    background-repeat: no-repeat;
    background-color: #5E5E5E;
    padding: 88px 0 95px;
}

.how-banner-text {
    margin: -35px 0 40px;
    font-weight: 500;
    font-size: 21px;
    line-height: 1.5;
    max-width: 50%;
    color: #ffffff;
}

.popular-tabs-wrap {
    margin-top: -20px;
}

.popular-tabs-head {
    gap: 28px;
    margin-bottom: 38px;
}

.popular-button {
    border: 2px solid #406F87;
    border-radius: 11px;
    padding: 22px 28px;
    font-weight: 500;
    font-size: 26px;
    color: #406F87;
}

.popular-button.active,
.popular-button:hover {
    background-color: #406F87;
    color: #ffffff;
}

.products-wrap {
    gap: 45px;
}

.product-item {
    width: calc((100% - 135px) / 4);
    position: relative;
}

.product-item::after {
    content: "";
    display: block;
    width: calc(100% + 24px);
    height: calc(100% + 24px);
    border: 3px solid transparent;
    border-radius: 15px;
    position: absolute;
    top: -14px;
    left: -14px;
}

.product-item:hover::after {
    border-color: #406F87;
}

.product-item-image {
    display: block;
    width: 100%;
    border-radius: 15px;
    margin-bottom: 26px;
    object-fit: cover;
    -o-object-fit: cover;
    object-position: center center;
    -o-object-position: center center;
}

.product-item-title {
    font-weight: 600;
    /*font-size: 21px;*/
    padding: 0 22px;
}

.popular-button-wrap {
    margin-top: 78px;
}

.how-work-wrap {
    gap: 80px;
}

.how-work-item {
    width: calc((100% - 160px) / 3);
    padding: 20px;
    position: relative;
}

.how-work-item::before {
    content: attr(data-step);
    font-weight: 600;
    font-size: 150px;
    position: absolute;
    color: #ECF1F3;
    width: 100%;
    height: 100%;
    left: 0;
    top: -5px;
    text-align: center;
}

.how-work-item:last-of-type::after {
    /*content: "";*/
    content: none;
    display: block;
    width: calc(100% + 20px);
    height: calc(100% + 20px);
    border: 3px solid #406F87;
    border-radius: 15px;
    position: absolute;
    top: -10px;
    left: -10px;
}

.how-work-item-icon {
    display: block;
    margin-bottom: 50px;
}

.how-work-item-title {
    margin-bottom: 20px;
    font-weight: 600;
    font-size: 28px;
    color: #406F87;
}

.how-work-item-text {
    font-size: 21px;
}

.portfolio-text {
    font-size: 21px;
    margin: -55px 0 55px;
    width: 55%;
}

.portfolio-filter {
    margin: -55px 0 55px;
    width: 45%;
}

.portfolio-filter .button {
    margin-left: auto;
}

.portfolio-button-wrap {
    margin-top: 65px;
}

.portfolio-button {
    margin: 0 auto;
}

.manufacturer-col {
    width: calc((100% - 190px) / 3);
}

.manufacturer-item {
    display: block;
    padding-bottom: 33px;
    margin-bottom: -33px;
    border-bottom: 6px solid transparent;
}

.manufacturer-item:hover {
    border-bottom-color: #406F87;
}

.manufacturer-item img {
    display: block;
    margin-bottom: 44px;
    width: 100%;
    height: 390px;
    object-fit: cover;
    -o-object-fit: cover;
    object-position: center center;
    -o-object-position: center center;
    border-radius: 15px;
}

.manufacturer-item span {
    display: block;
    font-weight: 500;
    font-size: 28px;
}

.manufacturer-text {
    font-size: 21px;
}

.manufacturer-button {
    margin-top: 50px;
}

.manufacturer-button .button {
    max-width: 370px;
}

.blog-wrap {
    gap: 100px;
}

.blog-item {
    width: calc(50% - 50px);
    border-radius: 15px;
    box-shadow: 0px 9px 30px rgba(0, 0, 0, 0.09);
    background-color: #ffffff;
}

.blog-item-image-wrap {
    display: block;
}

.blog-item-image {
    border-radius: 15px 15px 0 0;
    display: block;
    width: 100%;
    height: 330px;
    object-fit: cover;
    -o-object-fit: cover;
    object-position: center center;
    -o-object-position: center center;
}

.blog-item-content {
    padding: 40px 50px 55px;
}

.blog-item-title {
    color: #406F87;
    font-weight: 600;
    font-size: 28px;
}

.blog-item-excerpt {
    font-weight: 500;
    font-size: 21px;
    margin: 22px 0 36px;
}

.blog-item-read-more {
    font-weight: 600;
    font-size: 24px;
    color: #CF6F49;
    border-bottom: 3px solid #CF6F49;
    padding-bottom: 10px;
}

.blog-item-read-more:hover {
    border-bottom-color: #406F87;
}

.product-item-slide {
    width: 100%;
    display: block;
    padding: 10px;
    background-color: transparent;
}

.product-item-slide.product-item::after {
    content: none !important;
}

.product-item-slide:hover {
    background-color: #ffffff;
    box-shadow: 0px 9px 30px rgba(0, 0, 0, 0.09);
    border-radius: 15px;
}

.product-item-slide .product-item-image {
    border: 2px solid #555555;
    border-radius: 15px;
    margin-bottom: 15px;
}

.product-item-slide .product-item-title {
    font-weight: 500;
    /*font-size: 20px;*/
    text-align: center;
}

.swiper-container {
    padding-bottom: 100px;
}

.swiper-pagination-bullet {
    width: 20px;
    height: 20px;
    margin: 0 5px;
    border: 1px solid #406F87;
}

.home-banner-slider .swiper-pagination > .swiper-pagination-bullet {
    border-radius: 10px !important;
    width: 40px;
    height: 40px;
    opacity: 1;
    background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
}

.swiper-pagination-bullet.swiper-pagination-bullet-active {
    background-color: #406F87;
}

.custom-swiper-button {
    width: 56px;
    height: 56px;
    border-radius: 50%;
    border: 2px solid #FFFFFF;
    box-shadow: 0px 15px 22px rgba(0, 0, 0, 0.1);
    font-size: 0px;
    background-color: #406F87;
    background-size: 14px;
    background-repeat: no-repeat;
    background-position: center center;
    top: 90px;
}

.custom-swiper-button::after {
    content: none;
}

.custom-swiper-button.swiper-button-next {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAMCAYAAABSgIzaAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAABWSURBVHgB1ZJRCYAhDIT3/wmMYGMjaAMjGEEbWMEG80B9E1FBwYO7h7EPNjaigZg5whYWtCIAhov8w/CHcKjLSb71hR+R6KQwmV7e8yqkts5QX870oAyUSY5XHm9EcAAAAABJRU5ErkJggg==');
    right: 0;
}

.custom-swiper-button.swiper-button-prev {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAMCAYAAABSgIzaAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAABOSURBVHgB1dLBDQAQDEDRMoFRjGoDNjAKG7BJVTj1onriJ404vKSHArAQ0dFEmgbSNiq4ChqUHkOUmYhev/9d6KoFXY6vGq/43zifTm4Azp+OVu1f860AAAAASUVORK5CYII=');
    left: 0;
}

.form-wrap {
    margin-top: 38px;
}

.form-group {}

.form-group + .form-group {
    margin-top: 35px;
}

.form-control {
    width: 100%;
    background: #FFFFFF;
    border: 2px solid #406F87;
    border-radius: 150px;
    color: #406F87;
    padding: 35px 50px;
    font-size: 20px;
}

textarea.form-control {
    border-radius: 25px;
}

.privacy-group {
    margin: 38px 0;
    text-align: center;
    font-size: 20px;
}

.submit-group .button {
    max-width: 350px;
    margin: 0 auto;
}

.wpcf7-not-valid-tip {
    position: absolute;
    margin-left: 40px;
}

.wpcf7 form .wpcf7-response-output {
    display: none;
}

.wpcf7-spinner {
    position: absolute;
    margin: 0;
    right: 120px;
    bottom: 108px;
}

#order-modal .wpcf7-spinner {
    bottom: 220px;
}

#before-footer {
    position: relative;
    padding-top: 150px;
}

.before-footer-form-wrap {
    position: absolute;
    width: 600px;
    margin: 0px;
    display: block;
    position: absolute;
    right: 10%;
    top: 0;
    background: #406F87;
    border-radius: 15px;
}

.before-footer-form-wrap .modal-title,
.before-footer-form-wrap .modal-subtitle {
    color: #ffffff;
}

.before-footer-form-wrap .form-group .form-control {
    background: rgba(255, 255, 255, 0.25);
    border-radius: 10px;
    padding: 35px;
    color: #ffffff;
}

.before-footer-form-wrap .privacy-group {
    color: #ffffff;
}

.before-footer-form-wrap .submit-group .button {
    max-width: 100%;
}

#breadcrumbs {
    padding: 36px 0;
}

#breadcrumbs * {
    font-size: 12px;
}

#contacts-content {
    padding: 54px 0 0;
}

.contacts-data {
    width: 60%;
}

.contacts-form {
    width: 40%;
}

.contacts-form-wrap {}

.contacts-form-wrap {
    background: #FFFFFF;
    box-shadow: 0px 9px 30px rgba(0, 0, 0, 0.09);
    border-radius: 15px;
    padding: 65px 50px 40px;
}

.contacts-form-wrap .modal-title,
.contacts-form-wrap .modal-subtitle {
    color: #555555;
}

.contacts-form-wrap .form-group .form-control {
    border-radius: 10px;
    padding: 35px;
}

.contacts-form-wrap .submit-group .button {
    max-width: 100%;
}

.contacts-data .footer-contacts-wrap {
    margin-top: 75px;
}

.contacts-data .footer-contact-item {
    font-size: 21px;
    color: #555555;
    margin-bottom: 50px;
    gap: 26px;
}

.contacts-data .footer-contact-item img {
    width: 30px;
}

.contacts-data .footer-contact-item > a {
    color: #555555;
}

.contacts-data-button {
    margin-top: 100px;
}

#contacts-content + #before-footer {
    padding-top: 0px !important;
}

#page-banner {
    background-position: right center;
    background-size: cover;
}

#page-banner + .catalog-pluses {
    margin-top: 0;
}

.page-banner-white {
    background: linear-gradient(89.98deg, #FFFFFF 37.78%, rgba(255, 255, 255, 0) 103.58%);
}

.page-banner-wrapper {
    padding: 50px 0 150px;
}

.page-banner-h1 {
    margin-bottom: 20px;
    max-width: 1000px;
}

.page-banner-text {
    font-size: 21px;
    margin-bottom: 50px;
    max-width: 1000px;
}

#cooperation-whats {
    margin-top: 96px;
}

.whats-wrap {
    gap: 60px;
}

.whats-item {
    width: calc((100% - 120px) / 3);
    background: #FFFFFF;
    box-shadow: 0px 9px 30px rgba(0, 0, 0, 0.09);
    border-radius: 15px;
    padding: 25px 55px;
}

.whats-item img {
    width: 55px;
}

.whats-item span {
    width: calc(100% - 55px - 45px);
    font-weight: 500;
    font-size: 21px;
}

.cooperation-why-we-item {
    width: calc((100% - 42px) / 3);
    background: #FFFFFF;
    box-shadow: 0px 9px 30px rgba(0, 0, 0, 0.09);
    border-radius: 15px;
}

.cooperation-why-we-item-image {
    border-radius: 15px 15px 0px 0px;
    height: 257px;
    width: 100%;
    object-fit: cover;
    -o-object-fit: cover;
    object-position: center center;
    -o-object-position: center center;
}

.cooperation-why-we-item-text {
    padding: 36px 36px 53px;
    font-weight: 500;
    font-size: 21px;
}

.cooperation-clients-wrap {
    gap: 48px;
}

.cooperation-client-item {
    width: calc((100% - 48px * 3) / 3);
    background: #FFFFFF;
    box-shadow: 0px 9px 30px rgba(0, 0, 0, 0.09);
    border-radius: 15px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.cooperation-client-item img {}

.work-content {
    padding: 30px 0 0;
}

.work-gallery {
    width: 50%;
    position: relative;
}

.work-gallery-item {
    display: block;
}

.work-gallery-item img {
    width: 100%;
    height: 430px;
    border: 2px solid #555555;
    border-radius: 15px;
    display: block;
    object-fit: cover;
    -o-object-fit: cover;
    object-position: center center;
    -o-object-position: center center;
}

.work-swiper-thumbs,
.work-swiper {
    padding: 0px;
}

.work-swiper-thumbs {
    margin-top: 38px;
}

.work-gallery .custom-swiper-button {
    background: #FFFFFF;
    border: 2px solid #CF6F49;
    background-repeat: no-repeat;
    background-position: center center;
    top: 187px;
    top: 207px;
}

.work-gallery .custom-swiper-button.swiper-button-next {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAANCAYAAAB2HjRBAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAACmSURBVHgBnZLBDYMwDEXtTMAIjFA2aG+EExt0gbbKBtANWKWXihsLgMIIbGIMCIEiiIF/iRPr2T+WAQQ1b22sicOtHPpAa5IbEFkOO0B6REXZrfPKB0fFv2Xoy2EIhJXrwNt5cRDnDGeug0PwXoERrl86RaRAKqAUPvm4zwVwNZRTIqIfTpZ0ytdAJpzOcFD2k2QM5OD++Qo4vIvwHijC0oaJ8u12D4/2XRGrIoycAAAAAElFTkSuQmCC');
    right: -28px;
}

.work-gallery .custom-swiper-button.swiper-button-prev {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAMCAYAAABSgIzaAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAACXSURBVHgBndKxDcIwEEDRfygSgsorsAHeIJR0jAATwCbEG8AGqYAONggjMAItlQk2hSFKYud3Lp5kn0/4q9rlCjvdg821Oc9oKWuiybVGcwRDR9JE1MgedXFZ98JU5OAQ5OF2WTnkexDXfcSwVIaMF9iXvypy0+a0iZHf4axUgA8xOPiONCzhIQX/DEcX5dO9GcrPytHRG1OBQ9WAjq7mAAAAAElFTkSuQmCC');
    left: -28px;
}

.work-gallery-thumb-item {
    display: block;
    cursor: pointer;
    border: 2px solid #555555;
    border-radius: 5px;
    width: 100%;
    height: 120px;
    object-fit: cover;
    -o-object-fit: cover;
    object-position: center center;
    -o-object-position: center center;
}

.work-info {
    width: calc(50% - 100px);
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
}

.page-h1-small {
    font-family: 'Bebas Neue';
    font-size: 58px;
    color: #406F87;
    margin-bottom: 20px;
}

.work-single-material {
    margin-bottom: 20px;
    font-size: 21px;
}

.work-single-text {
    font-size: 21px;
    margin-bottom: 48px;
}

.work-single-button {
    margin-top: auto;
    width: 100%;
}

.work-loop {
    padding-top: 60px;
}

.work-tags {
    margin-bottom: 76px;
    gap: 8px 16px;
}

.work-tag {
    color: #555555;
    border-bottom: 3px solid transparent;
    font-weight: 600;
    font-size: 20px;
}

.active-work-tag {
    color: #406F87;
    border-bottom: 3px solid #406F87;
}

.work-loop-wrap {
    gap: 60px;
}

.work-item {
    width: 100%;
    background: #FFFFFF;
    box-shadow: 0px 9px 30px rgba(0, 0, 0, 0.09);
    border-radius: 15px;
}

.work-item-image {
    width: 40%;
    font-size: 0;
}

.work-item-video,
.work-gallery-item-video {
    position: relative;
    display: block;
}

.work-item-video::before,
.work-gallery-item-video::before {
    content: "";
    width: 80px;
    height: 80px;
    background-image: url('../../uploads/2023/08/bez-nazvaniya-150x150.png');
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-top: -40px;
    margin-left: -40px;
}

.swiper-slide.work-gallery-item-video::before {
    width: 40px;
    height: 40px;
    margin-top: -20px;
    margin-left: -20px;
}

.work-item-image img {
    width: 100%;
    min-height: 350px;
    height: 450px;
    object-fit: cover;
    -o-object-fit: cover;
    object-position: center center;
    -o-object-position: center center;
    border-radius: 15px 0px 0px 15px;
}

.work-item-video img {
    min-height: 100%;
    height: auto;
    object-position: center right;
    -o-object-position: center right;
    max-height: 400px;
}

.work-item-content {
    width: 60%;
    padding: 40px 64px 40px 80px;
}

.work-item-title {
    margin-bottom: 22px;
}

.work-item-title a {
    color: #406F87;
    font-weight: 600;
    font-size: 28px;
}

.work-item-excerpt {
    font-weight: 500;
    font-size: 21px;
    margin-bottom: 16px;
}

.work-loop-read-more {
    margin-top: 60px;
}

.shop-section .page-h1-small {
    text-align: center;
}

.catalog-pluses {
    margin-top: 75px;
    position: relative;
}

.catalog-pluses::before,
.catalog-pluses::after {
    content: "";
    display: block;
    width: 50%;
    height: 100%;
    top: 0;
    position: absolute;
    z-index: 0;
}

.catalog-pluses::before {
    left: 0;
    background: #5D5D5D;
}

.catalog-pluses::after {
    right: 0;
    background: linear-gradient(85.91deg, #FFFFFF 2.09%, rgba(221, 221, 221, 0.46) 97.31%);
}

.catalog-pluses-item {
    width: 50%;
}

.catalog-pluses-left {
    padding: 44px 133px 44px 62px;
}

.catalog-pluses-right {
    padding: 44px 62px 44px 133px;
}

.catalog-pluses-title {
    font-family: 'Bebas Neue';
    font-size: 64px;
    text-transform: uppercase;
    margin-bottom: 11px;
}

.catalog-pluses-text {
    font-size: 21px;
}

.catalog-pluses-left * {
    color: #ffffff;
}

.catalog-pluses-sale {
    position: absolute;
    width: 200px;
    height: 200px;
    left: 50%;
    top: 50%;
    margin: -100px 0 0 -100px;
    background: linear-gradient(85.91deg, #FFFFFF 2.09%, rgba(221, 221, 221, 0.46) 97.31%);
    box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.25);
    border-radius: 50%;
}

.catalog-pluses-sale-text {
    background: linear-gradient(180deg, #FCFCFC 0%, #C0C0C0 94.41%);
    box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.25);
    position: absolute;
    top: 10px;
    left: 10px;
    width: calc(100% - 20px);
    height: calc(100% - 20px);
    border-radius: 50%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.catalog-pluses-sale-text-top {
    margin-bottom: 8px;
    color: #CF6F49;
    font-weight: 700;
    font-size: 24px;
}

.catalog-pluses-sale-text-bottom {
    font-family: 'Bebas Neue';
    font-weight: 700;
    font-size: 24px;
    color: #CF6F49;
}

.catalog-pluses-sale-text-bottom span {
    font-size: 64px;
}

.catalog-stone-wrapper {
    margin: -24px 0 0;
    padding-bottom: 196px;
}

.filter-stone {
    width: calc(25% - 40px);
    padding-top: 133px;
}

.filter-item {}

.filter-stone .filter-item + .filter-item {
    margin-top: 26px;
    padding-top: 26px;
    border-top: 1px solid #555555;
}

.filter-item-title {
    font-weight: 600;
    font-size: 21px;
    text-transform: uppercase;
    margin-bottom: 16px;
}

.filter-item-list label {
    flex-flow: nowrap;
}

.filter-item-list label + label {
    margin-top: 8px;
}

.filter-item-label {
    gap: 24px;
}

.filter-item-label-color input {
    display: none;
}

.filter-item-label-color input:not(:checked) + span.checkbox {
    background: none !important;
}

.filter-item-label input {
    margin: 0px;
    min-width: 26px;
    height: 26px;
}

.filter-item-label span.checkbox {
    display: block;
    min-width: 26px;
    height: 26px;
    border: 1px solid #555555;
}

.filter-item-label span:not(.checkbox) {
    font-weight: 500;
    font-size: 20px;
}

.catalog-stone {
    width: 75%;
}

.catalog-stone .page-h1-small {
    text-align: center;
    margin-bottom: 40px;
}

.catalog-stone-list {
    padding: 40px 36px 32px;
    background: #FFFFFF;
    box-shadow: 0px 9px 30px rgba(0, 0, 0, 0.09);
    border-radius: 10px;
    gap: 40px 35px;
}

.catalog-stone-list .product-item {
    width: calc((100% - 35px * 3) / 4);
    padding: 0;
}

.catalog-stone-list .product-item .product-item-image {
    width: 100%;
    height: 170px;
}

.catalog-stone-list .product-item .product-item-title {
    font-weight: 500;
    font-size: 18px;
    padding: 0;
}

.filter-wrap {
    gap: 30px 20px;
    padding: 60px 0;
    background: #FFFFFF;
    box-shadow: 0px 2px 4px #D6D9DD;
    border-radius: 15px;
    margin-bottom: 80px;
}

.filter-title {
    width: 100%;
    padding: 0 0 60px;
    text-align: center;
    font-weight: 600;
    font-size: 28px;
    color: #406F87;
}

.filter-wrap .filter-item {
    width: calc((100% - 60px) / 4);
    border-top: 1px solid #406F87;
    padding: 30px;
}

.filter-buttons {
    width: 100%;
    border-top: 1px solid #406F87;
    padding: 60px 30px 0;
    gap: 45px;
    margin-top: 30px;
}

.stone-single-sku {
    width: 100%;
    font-weight: 600;
    font-size: 20px;
    margin-bottom: 12px;
}

.stone-single-out {
    font-size: 24px;
    color: red;
    font-weight: 700;
}

.stone-single-info {
    width: 100%;
    font-size: 21px;
}

.stone-single-info p span,
.filter-item-label span {
    display: inline-block;
}

.stone-single-info p span::first-letter,
.filter-item-label span::first-letter {
    text-transform: uppercase;
}

.stone-description-wrap {
    background: #FFFFFF;
    box-shadow: 0px 9px 30px rgba(0, 0, 0, 0.09);
    border-radius: 15px;
}

.stone-description-text {
    padding: 75px 70px;
    width: 60%;
}

.stone-description-image {
    width: 40%;
}

.stone-description-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    -o-object-fit: cover;
    object-position: center center;
    -o-object-position: center center;
    border: 3px solid #555555;
    border-radius: 15px;
}

#stone-description + #how-banner {
    background-position: right bottom -160px;
}

.blog-wrap2 {
    padding-bottom: 165px;
}

.blog-item2 {
    background: #FFFFFF;
    box-shadow: 0px 9px 30px rgba(0, 0, 0, 0.09);
    border-radius: 15px;
}

.blog-item2:nth-of-type(2n + 2) {
    flex-direction: row-reverse;
}

.blog-item2 + .blog-item2 {
    margin-top: 120px;
}

.blog-item2-content {
    width: 60%;
    padding: 52px 50px 65px;
}

.blog-item2-number {
    width: 140px;
    font-weight: 500;
    font-size: 76px;
    color: #406F87;
}

.blog-item2-info {
    width: calc(100% - 140px);
}

.blog-item2-date {
    font-weight: 500;
    font-size: 20px;
    opacity: 0.66;
    margin-bottom: 11px;
}

.blog-item2-title {
    margin-bottom: 30px;
}

.blog-item2-title a {
    font-weight: 600;
    font-size: 28px;
    color: #406F87;
}

.blog-item2-excerpt {
    font-size: 21px;
    margin-bottom: 27px;
}

.blog-item2-read-more a {
    font-weight: 600;
    font-size: 24px;
}

.blog-item2-image {
    width: 40%;
}

.blog-item2-image img {
    display: block;
    border-radius: 0px 15px 15px 0px;
    width: 100%;
    height: 100%;
    height: 400px;
    min-height: calc(100%);
    object-fit: cover;
    -o-object-fit: cover;
    object-position: center center;
    -o-object-position: center center;
}

.blog-item2:nth-of-type(2n + 2) .blog-item2-image img {
    border-radius: 15px 0px 0px 15px;
}

.blog-wrap2-read-more {
    margin-top: 95px;
}

.single-content-thumbnail {
    max-width: 650px;
    float: right;
    border-radius: 15px;
    margin: 0 0 60px 60px;
}

.single-content-wrap {
    font-size: 21px;
}

.single-content-wrap a:not(.single-content-thumbnail) {
    border-bottom: 1px solid #555;
}

.single-content-wrap a:not(.single-content-thumbnail):hover {
    border-bottom-color: #406f87;
}

.single-content-wrap h1 {
    margin-bottom: 19px;
}

.single-content-wrap h2,
.single-content-wrap h3,
.single-content-wrap h4,
.single-content-wrap h5,
.single-content-wrap h6 {
    font-family: 'Bebas Neue';
    color: #406F87;
    margin: 1.5rem 0 1rem;
}

.single-table {
    margin-top: 75px;
}

.single-table-text {
    font-weight: 600;
    font-size: 28px;
    color: #406F87;
    margin-bottom: 50px;
}

.single-table-content {
    border: 3px solid #406F87;
    border-radius: 15px;
    padding: 42px 64px;
    width: 100%;
}

.single-table-content tr {
    display: flex;
}

.single-table-content tr * {
    padding-bottom: 15px;
    text-align: left;
    width: 50%;
    font-size: 21px;
}

.single-table-content tr + tr * {
    border-top: 1px solid #555555;
    padding-top: 22px;
}

.single-table-content tr th {
    font-weight: 600;
}

.single-table-content tr th[colspan="2"] {
    border-top: none;
    font-weight: 400;
    padding-bottom: 0;
    width: 100%;
}

.single-important-wrap {
    margin-top: 140px;
}

.single-important-left {
    width: 190px;
    font-family: 'Bebas Neue';
    font-size: 58px;
    color: #406F87;
    line-height: 1;
}

.single-important-right {
    width: calc(100% - 210px);
    font-weight: 500;
    font-size: 21px;
}

.single-important-right strong,
.single-important-right b {
    font-weight: 700;
}

.single-features {
    margin-top: 110px;
    padding: 140px 0 180px;
    background: #FFFFFF;
}

.single-features .section-title {
    margin-bottom: 50px;
}

.single-features-wrap {
    gap: 100px;
}

.single-feature-item {
    width: calc(50% - 50px);
}

.single-feature-item * {
    position: relative;
    z-index: 2;
}

.single-feature-item::before {
    text-align: right;
    z-index: 1;
}

.single-feature-item .how-work-item-icon {
    margin: 55px 0 25px;
    height: 42px;
}

.single-feature-item.how-work-item:last-of-type::after {
    content: none;
}

#single-makes .section-title {
    text-align: center;
}

.production-catalog {
    padding-top: 75px;
}

.production-catalog.last-section {
    padding-bottom: 75px;
}

.production-catalog-sort {
    padding-bottom: 33px;
    font-weight: 500;
    font-size: 21px;
    color: #406F87;
}

.production-catalog-wrap {
    gap: 20px 40px;
}

.production-catalog-wrap + .portfolio-slider-wrap,
.production-catalog-wrap + .section-title {
    margin-top: 100px;
}

.production-catalog-item {
    width: calc((100% - 83px) / 3);
    padding: 22px 24px 26px;
    background: #FFFFFF;
    box-shadow: 0 2px 4px #D6D9DD;
    border: 1px solid #FFFFFF;
    display: flex;
    flex-direction: column;
}

.production-catalog-item-this {
    border: 1px solid #CF6F49;
}

.production-catalog-item-this-text {
    text-align: center;
    padding: 7px 0;
    color: #FFFFFF;
    background: #CF6F49;
    border-radius: 0 0 15px 15px;
    font-weight: 600;
    font-size: 18px;
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 0;
}

.production-catalog-item-image {
    position: relative;
    margin-bottom: 22px;
}

.production-catalog-item-image img {
    display: block;
    height: 380px;
    width: 100%;
    border-radius: 15px;
    object-fit: cover;
    -o-object-fit: cover;
    object-position: center center;
    -o-object-position: center center;
}

.production-catalog-item-title {
    margin-bottom: 16px;
    min-height: 72px;
}

.production-catalog-item-title a {
    font-weight: 500;
    font-size: 18px;
}

.production-catalog-item-title a span {
    color: #CF6F49;
    font-weight: 500;
}

.production-catalog-item-data {
    margin-top: auto;
}

.production-catalog-item-price {
    font-weight: 700;
    font-size: 21px;
    position: relative;
    /*padding-left: 24px;*/
}

.production-catalog-item-price::before {
    /*content: "";*/
    display: block;
    width: 18px;
    height: 30px;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -15px;
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAeCAYAAAA2Lt7lAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAGJSURBVHgB7VbLbYNAFNzF+BxKoAQ6SNwBBxtxs9NBUoGTCuxUEHIDgRQ6CB2EDrIlkDO/zEtYaY0IWPL6YMkjIfYDb5Z5b2fhTMFqtdrg9sqOR4FLtG2bVVX1kqap6D9gsNNg4XI45w/z+fzL87ytboID4EueoMKn67qWHDMn3rmfCGhh9bdousqwg695x31BHa6+0M9BHMecHQHf9+26rj/QtOWYYRiPURTttUgUhqGYzWa0YiHHmqbZklTackAkkEyV1DJN09Ga5CRJMvZXur8AoauVoEMmG8jDzTkIDqCdALLYso1Ef2sloHLFvnBkHxLlWgmw4p3aL8sy00YAH9pR1ShDAZnflFWMgjYSbIGCrhH8TpkSWP0zNfhyuQyg25rpA+2DBWwmp47uKhJqcMJJEqmBIdEbDp09dC/UCSIIWLf7SMeeXKN2jaop4KL50EkmocWux3B2q6AqIlnsrk+n00aZH5QIUorOOSdhdgH/K9PBPwwsKGCKa47h8ty0j8uvoivBJH4A/2+alC06WocAAAAASUVORK5CYII=');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: left center;
}

.production-catalog-item-read-more {
    border-bottom: 3px solid #555555;
    padding: 0 2px 8px;
    font-weight: 600;
    font-size: 24px;
}

.production-catalog-item-read-more:hover {
    border-bottom-color: #406F87;
}

.production-catalog-button {
    margin-top: 100px;
}

.production-catalog-button .button {
    margin: auto;
}

.production-why-we-wrap {
    gap: 48px;
    width: calc(100% / 3 * 2);
}

.production-why-we-item {
    width: calc(50% - 24px);
    background: #FFFFFF;
    box-shadow: 0px 9px 30px rgba(0, 0, 0, 0.09);
    border-radius: 15px;
    padding: 40px 45px 40px 55px;
}

.production-why-we-item img {
    width: 55px;
}

.production-why-we-item span {
    width: calc(100% - 100px);
    font-weight: 600;
    font-size: 21px;
}

.production-why-we-image {
    position: absolute;
    bottom: 0px;
    left: calc(100% / 3 * 2);
    margin-left: 24px;
    height: calc(100% - 170px);
}

.production-title {
    margin-bottom: 40px;
}

.production-description {
    font-size: 21px;
}

.production-description h2,
.production-description h3,
.production-description h4,
.production-description h5,
.production-description h6 {
    font-size: 28px;
    font-weight: bold;
}

.production-table-content {
    margin: 55px 0;
}

#production-portfolio .production-title {
    margin-bottom: 25px;
}

.production-portfolio-text {
    max-width: 800px;
    margin-bottom: 45px;
    font-size: 21px;
}

#production-portfolio .custom-swiper-button {
    top: 45%;
}

.production-portfolio-item {
    display: block;
    height: 350px;
    background: #FFFFFF;
    box-shadow: 0px 2px 4px #D6D9DD;
    padding: 24px;
}

.production-portfolio-item img {
    width: 100%;
    height: 100%;
    border-radius: 15px;
    object-fit: cover;
    -o-object-fit: cover;
    object-position: center center;
    -o-object-position: center center;
}

.woocommerce-pagination {
    width: calc(100% + 32px);
    margin: 60px -16px 0;
    padding: 30px 16px 0;
    border-top: 2px solid rgba(0, 0, 0, 0.25);
}

.woocommerce-pagination ul.page-numbers {
    padding: 0;
    margin: 0;
    display: flex;
    list-style: none;
    justify-content: center;
    gap: 50px;
}

.woocommerce-pagination ul.page-numbers a.page-numbers,
.woocommerce-pagination ul.page-numbers span.page-numbers {
    display: block;
    padding: 6px 17px;
    font-weight: 500;
    font-size: 21px;
    border-radius: 5px;
}

.woocommerce-pagination ul.page-numbers a.page-numbers.current,
.woocommerce-pagination ul.page-numbers span.page-numbers.current {
    background: #CF6F49;
    color: #fff;
}

#catalog-wrapper {
    /*padding-bottom: 140px;*/
}

.production-single-h1 {
    margin-bottom: 26px;
}

.production-content-shortdesc {
    margin-bottom: 44px;
    font-weight: 500;
    font-size: 21px;
}

.production-content-after-gallery,
.production-content-after-gallery2 {
    margin-top: 44px;
    font-weight: 500;
    font-size: 21px;
}

.production-content-after-gallery2 {
    display: none;
}

.production-single-atts {
    background-color: #ffffff;
    padding: 9px 25px 0;
    box-shadow: 0px 2px 4px #D6D9DD;
    border-radius: 15px;
    margin-bottom: 45px;
}

.production-single-atts-table {
    border-collapse: collapse;
}

.production-single-atts-table th {
    border-bottom: 2px solid rgba(0, 0, 0, 0.25);
    text-align: left;
    font-weight: 600;
    font-size: 21px;
    text-transform: uppercase;
    padding: 17px 0 12px;
    color: #000000;
    width: 50%;
}

.production-single-atts-table td {
    border-bottom: 2px solid rgba(0, 0, 0, 0.25);
    text-align: left;
    font-weight: 500;
    font-size: 21px;
    width: 50%;
}

.production-single-atts-table td::first-letter {
    text-transform: uppercase;
}

.production-single-atts-table tr.is-last-tr > * {
    border: none;
}

.production-single-stone {
    margin-bottom: 44px;
    width: 100%;
}

.production-single-stone-name {
    width: calc(100% - 220px);
}

.production-single-stone-name div {
    font-weight: 600;
    text-transform: uppercase;
    font-size: 21px;
    color: #000;
    margin-bottom: 2px;
}

.production-single-stone-name a {
    text-decoration-line: underline;
    color: #555555;
    font-weight: 500;
    font-size: 21px;
}

.production-single-stone-image {
    width: 200px;
}

.production-single-stone-image img {
    width: 100%;
    height: 93px;
    border: 2px solid #555555;
    border-radius: 15px;
    object-fit: cover;
    -o-object-fit: cover;
    object-position: center center;
    -o-object-position: center center;
}

.stone-pluses {
    margin-top: 125px;
    padding: 66px 0 33px;
    background-color: #5D5D5D;
}

.prod-stone-pluses-title {
    margin-bottom: 33px;
    font-family: 'Bebas Neue';
    font-size: 64px;
    color: #FFFFFF;
    text-align: center;
}

.prod-stone-pluses-wrap {
    gap: 30px;
    justify-content: flex-start;
}

.prod-stone-plus-item {
    width: calc((100% - 90px) / 4);
    text-align: center;
}

.prod-stone-plus-icon {
    width: 100px;
    height: 100px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #CF6F49;
    border-radius: 15px;
    margin: 0 auto 18px;
}

.prod-stone-plus-icon img {
    height: 64px;
    width: auto;
}

.prod-stone-plus-text {
    font-size: 21px;
    color: #fff;
}

#production-popular + #how-banner {
    background-color: #DEDEDE;
}

#production-popular + #how-banner .section-title,
#production-popular + #how-banner .how-banner-text {
    color: #555555;
}

.production-plus {
    padding: 48px 54px 54px;
    background: #FFFFFF;
    box-shadow: 0px 9px 30px rgba(0, 0, 0, 0.09);
    border-radius: 15px;
    position: relative;
}

.production-plus::before {
    content: "";
    display: block;
    width: 70px;
    height: 70px;
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEkAAABJCAYAAABxcwvcAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAURSURBVHgB7ZxNbBtFFMf/MzGNXZAaReJDikQd6BWwidQDF7YSSEkvba9wwBUSXELjcIELSiMuoErgULggoYYDXGsubQ5INVcQsoFTpUAcpEp8SG0OrdIPZ6fzdtdR4jje2fXMfqT7k1ylm6e0/vnNm5ndNwEyMjIyMjIyMjL6wRADzao11unkS5yxUo7jqA02BohiT9gGB9odG+u2EK1c7m6rXGtsIAYik0Ri7K1ChXOckn8tydcYgtOwbfzAR0S9XFtpIyKMS/pldtrKjbAF+aUFvUhh4tupiyvLMIwxSQbl9NKWshZNytIuqVmdLkKwSzAvp5c2mDhhYhhyaKR57uScFNRE9III+nDW5P9hAZrRkklUlCEOfy5nqAqSQUNm1VldWTW0JG94XYY7YyUJbcNvKEmeoGugVE8mWkSFluQOsQLVnyKSzdCiwhduUaAhVkTyccqB86GGJJQkbwaxkB5K7sQSjsDDzVskXkMKkVua+amLV2sISOBMkoIuIaXIfeNCmGEXSJI3zIpILzTZBF5sKg83b7pvItzuPVkwMRlktlPOJCY4fQLpF0S470UZZUkCwsKBQVSC1CYlSXKoVZDuWrQH285XVWPVMkmwt5Awnjj2IsaPv4awyFvHyu/Jt3A3q6fljHDvFhIEyXn2jfedr/9Z+c55hUF0WPHlr66s+8X5ZtJW556FBLFTEPHM9JsoTDyHMAguzqjE+UpiPDnbj15BxP2b/zqvMHAuXlKK8w1gUPpBpilMPI+JM+/uukZyVr/8EFubdxAOZqlEqRTu2G+mkaBjs59gpPD49rWuoLBZ5FFUWQqoSIp1AWlQkIN4cPiIX8xASc5WRCNBC+yh8aeNCiLYY/akX0xu8Lc5PX6GDmgWotfmjT+V6ogr6FOjglQZmEmdjq1lqNGsRIIItwC/MzC+K+jQ+FPb1+ISRAyUlMvJ+8Ma6H1j48dfl1P5fN/YfoIo6+ISRGh9OLkft1f/2LMqJlHd7OqSREGEj6S8tlaXftuHbp0iBgmiOmYK8YCv+cX4793mZuiHFKEJqkdPvnp617X/f6rjyAuv7BJEXL/wnlFBRHnpqq8DleHWhkZuXP4aN3/+cdc1ktYr6O/vPzMuSNJSCfKVZAv8Bs2QgNurvw/8fq9IEwghfO8AEP57Ny7qMMDaNx/LTPlrz/WoBBFCQOm9KQy3PKWk9l5Ftyh/IGet/7avUWGPShDBR9BQiVN6WiKLNz2MtGAAmtUm3/7IkUMFPEJasmiXVQJzKkFS5ZLcnVgwAK1/rl+YRdTYtlhSjVVcTI42YGDIxYnqUHNiVYLKtfqGLdTNJx+xbOThJOd5ajQ4GNnEsBgkXFnSgckmWV+DNnQF2uBOfbFyHppX4BHTlkPNfOsNdbUipVBTfJi2wMCS5D/SkCk7j7Qhh1nYUwNDNJbOLMu1U+Ief++D8sKxH0PcdBulhgOlXXTMUPet0pPa/Riyj9vpE6AtS9Ia3bto6eMe6vYtLQvARk8gmRnVSsSJgJ38em6mJh+JzyEZ1ME2z+o6aan1KJfT7CVYnM2nG7SaLteCtyEPwsx5NxvnwSJv/NJ6Mmknxk5OSlmWl1UWzEJyFp31myGMn8F1ZNmoGMgs43K6RHia22m+oOw6BTe7gj5CpyLcck9zby5Hefw9lt8LQDSrJ0v0uwDkfqrEGT8qvyZpnjjWpj9tYa9zTptS3irXrqRh4ZqRkZGRkZGR8UjxEG/UDAZDxHPSAAAAAElFTkSuQmCC');
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
    position: absolute;
    left: -35px;
    top: -35px;
}

.production-plus + .production-plus {
    margin-top: 38px;
}

.production-plus-title {
    font-weight: 600;
    font-size: 28px;
    color: #406F87;
    margin-bottom: 13px;
}

.production-plus-text {
    font-size: 21px;
}

footer {
    padding: 50px 0;
    background: #504D4D;
}

.footer-wrap {
    flex-flow: nowrap;
}

.footer-logo-wrap {
    width: 180px;
}

.footer-logo-wrap .header-logo-link {
    display: block;
    width: 130px;
    margin-bottom: 45px;
}

.footer-logo-wrap .header-logo-link:hover {
    opacity: 0.75;
}

.footer-col-title {
    color: #CF6F49;
    text-transform: uppercase;
    margin-bottom: 18px;
    font-weight: 500;
}

.footer-logo-wrap .footer-col-title {
    color: #FFFFFF;
    margin-bottom: 0;
    width: 100%;
}

.footer-socials-wrap {
    gap: 16px 20px;
}

.footer-socials-wrap a {
    font-size: 0;
}

.footer-socials-wrap a:hover {
    opacity: 0.75;
}

.footer-socials-wrap a img {
    width: 30px;
    height: 30px;
}

.footer-menu-wrap {
    width: 180px;
    padding-top: 10px;
}

.footer-menu-wrap .menu {
    list-style: none;
    padding: 0;
    margin: 0;
}

.footer-menu-wrap .menu .menu-item {
    margin-top: 8px;
}

.footer-menu-wrap .menu .menu-item a {
    color: #FFFFFFB2;
}

.footer-menu-wrap .menu .menu-item a:hover {
    color: #FFFFFF;
}

.footer-contacts-wrap {
    width: calc(100% - 270px * 3);
    padding-top: 10px;
    gap: 18px;
    height: fit-content;
}

.footer-contacts-col {
    width: calc(100% - 9px);
}

.footer-contacts-col a {
    color: white;
    margin-right: 6px;
}

.footer-contacts-wrap .footer-col-title {
    margin-bottom: 0;
}

.footer-contact-item {
    /* flex-flow: nowrap; */
    font-weight: 500;
    font-size: 18px;
    gap: 12px;
    color: #FFFFFF;
    flex-basis: 100%;
}

.footer-contact-item > a {
    color: #FFFFFF;
}

.soc img {
    min-width: 32px;
}

.footer-contact-item > a:hover {
    opacity: 0.75;
}

.footer-contact-item img {
    width: 18px;
    /* min-width: 24px; */
}

.footer-contacts-address-wrap {
    padding: 10px;
    border-radius: 8px;
    border: 1px solid #FFFFFF4D;
    max-width: 100%;
}

.footer-contacts-address-title {
    font-size: 16px;
    color: #FFFFFFB2;
}

.footer-contacts-address-wrap .home-contacts-tab-item {
    margin-top: 12px;
    padding-left: 30px;
    color: #FFFFFF;
    font-size: 18px;
    position: relative;
}

.footer-contacts-address-wrap .home-contacts-tab-item::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 24px;
    height: 24px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.footer-contacts-address-wrap .home-contacts-tab-address::before {
    background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik05LjIyNjA1IDE2LjgyNDNDOC4yNzc4MyAxNS42NDU2IDcuMzU2NjYgMTQuMzQwNCA2LjY3OTYgMTMuMDM2OUM1Ljk5Mjc1IDExLjcxNiA1LjYxNTg4IDEwLjUwOTQgNS42MTU4OCA5LjUwMDJDNS42MTU4OCA3LjkyNzI4IDYuMjczNTQgNi40MTU0NiA3LjQ0OTY0IDUuMjk4MjlDOC42MjYyNiA0LjE4MDYyIDEwLjIyNTIgMy41NTAyIDExLjg5NTUgMy41NTAyQzEzLjU2NTkgMy41NTAyIDE1LjE2NDggNC4xODA2MiAxNi4zNDE1IDUuMjk4MjlDMTcuNTE3NiA2LjQxNTQ2IDE4LjE3NTIgNy45MjcyOCAxOC4xNzUyIDkuNTAwMkMxOC4xNzUyIDEwLjUwOTMgMTcuNzk3MiAxMS43MTU4IDE3LjExMTUgMTMuMDM3QzE2LjQzNDQgMTQuMzQwNCAxNS41MTMzIDE1LjY0NTYgMTQuNTY1MSAxNi44MjQyQzEzLjcyODEgMTcuODU4MSAxMi44MzcyIDE4Ljg1MTUgMTEuODk1NSAxOS44MDA4QzEwLjk1MzkgMTguODUxNiAxMC4wNjMgMTcuODU4MiA5LjIyNjA1IDE2LjgyNDNaTTE0Ljc5ODUgMTcuMDEyN0MxNS43NTM5IDE1LjgyNTIgMTYuNjg4MiAxNC41MDI3IDE3LjM3NzcgMTMuMTc1MkMxOC4wNzM5IDExLjgzMzkgMTguNDc1MiAxMC41Nzc3IDE4LjQ3NTIgOS41MDAyQzE4LjQ3NTIgNy44NDI1OSAxNy43ODIgNi4yNTI4OCAxNi41NDgxIDUuMDgwNzhDMTUuMzE0MSAzLjkwODY4IDEzLjY0MDYgMy4yNTAyIDExLjg5NTUgMy4yNTAyQzExLjMyNDggMy4yNTAyIDEwLjc2MTcgMy4zMjA2NCAxMC4yMTkxIDMuNDU2NDVDMTAuNzYxOSAzLjMyMDUxIDExLjMyNTMgMy4yNSAxMS44OTYzIDMuMjVDMTMuNjQxNCAzLjI1IDE1LjMxNDkgMy45MDg0OCAxNi41NDg5IDUuMDgwNThDMTcuNzgyOCA2LjI1MjY5IDE4LjQ3NiA3Ljg0MjQgMTguNDc2IDkuNUMxOC40NzYgMTAuNTc3NSAxOC4wNzQ2IDExLjgzMzcgMTcuMzc4NSAxMy4xNzVDMTYuNjg5IDE0LjUwMjUgMTUuNzU0NiAxNS44MjUgMTQuNzk5MyAxNy4wMTI1QzEzLjg5MyAxOC4xMzIgMTIuOTIzOSAxOS4yMDQ0IDExLjg5NjMgMjAuMjI1QzExLjg5NjIgMjAuMjI0OSAxMS44OTYxIDIwLjIyNDggMTEuODk2IDIwLjIyNDdDMTIuOTIzNSAxOS4yMDQzIDEzLjg5MjQgMTguMTMyIDE0Ljc5ODUgMTcuMDEyN1pNMTEuODk1NSAyMi40MDM4TDEyLjA5NjMgMjIuMjIzMkwxMi4wOTggMjIuMjIxNkwxMi4xMDI2IDIyLjIxNzRMMTIuMTIwMyAyMi4yMDE0QzEyLjEzNTcgMjIuMTg3NCAxMi4xNTgzIDIyLjE2NjYgMTIuMTg3NyAyMi4xMzk1QzEyLjI0NjUgMjIuMDg1MyAxMi4zMzIzIDIyLjAwNTMgMTIuNDQxMyAyMS45MDE5QzEyLjY1OTMgMjEuNjk1IDEyLjk3MDEgMjEuMzk0IDEzLjM0MjggMjEuMDE2QzE0LjA4NzkgMjAuMjYwNSAxNS4wODIgMTkuMTk2IDE2LjA3NyAxNy45NjA2QzE3LjA3MTIgMTYuNzI2MSAxOC4wNzExIDE1LjMxNSAxOC44MjM3IDEzLjg2NjZDMTkuNTc0NCAxMi40MjE4IDIwLjA5MTEgMTAuOTE2NyAyMC4wOTExIDkuNTAwMkMyMC4wOTExIDcuNDI2MzkgMTkuMjIzNyA1LjQ0MDg0IDE3LjY4NTIgMy45NzkzOEMxNi4xNDcyIDIuNTE4NDMgMTQuMDY0MyAxLjcwMDIgMTEuODk1NSAxLjcwMDJDOS43MjY3NyAxLjcwMDIgNy42NDM5MiAyLjUxODQzIDYuMTA1OSAzLjk3OTM4QzQuNTY3MzYgNS40NDA4NCAzLjY5OTk1IDcuNDI2MzkgMy42OTk5NSA5LjUwMDJDMy42OTk5NSAxMC45MTY3IDQuMjE2NzMgMTIuNDIxOCA0Ljk2NzQzIDEzLjg2NjZDNS43MiAxNS4zMTUgNi43MTk5MSAxNi43MjYxIDcuNzE0MSAxNy45NjA2QzguNzA5MDUgMTkuMTk2IDkuNzAzMTkgMjAuMjYwNSAxMC40NDgzIDIxLjAxNkMxMC44MjEgMjEuMzk0IDExLjEzMTggMjEuNjk1IDExLjM0OTggMjEuOTAxOUMxMS40NTg4IDIyLjAwNTMgMTEuNTQ0NiAyMi4wODUzIDExLjYwMzQgMjIuMTM5NUMxMS42MzI4IDIyLjE2NjYgMTEuNjU1NCAyMi4xODc0IDExLjY3MDggMjIuMjAxNEwxMS42ODg0IDIyLjIxNzRMMTEuNjkzMSAyMi4yMjE2TDExLjY5NDggMjIuMjIzMkwxMS44OTU1IDIyLjQwMzhaTTExLjg5NiAyMS45OTk3QzExLjg5NTcgMjIgMTEuODk1NSAyMi4wMDAyIDExLjg5NTUgMjIuMDAwMkMxMS44OTU1IDIyLjAwMDIgMy45OTk5NSAxNC44OTI3IDMuOTk5OTUgOS41MDAyQzMuOTk5OTUgNy41MTEwNyA0LjgzMTgxIDUuNjAzNDIgNi4zMTI1MiA0LjE5Njg5QzcuMzA4OTEgMy4yNTA0MiA4LjU0NDIgMi41ODMwNCA5Ljg4Mzc2IDIuMjQ3NzJDOC41NDQ1IDIuNTgzMSA3LjMwOTUgMy4yNTA0MSA2LjMxMzMgNC4xOTY3QzQuODMyNTkgNS42MDMyMiA0LjAwMDczIDcuNTEwODggNC4wMDA3MyA5LjVDNC4wMDA3MyAxNC44NzM3IDExLjg0MTUgMjEuOTUwNiAxMS44OTYgMjEuOTk5N1oiIGZpbGw9IndoaXRlIi8+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMTEuODk3IDExLjcwMDJDMTEuMjczNyAxMS43MDAyIDEwLjY3ODggMTEuNDY0OSAxMC4yNDI2IDExLjA1MDVDOS44MDY4MyAxMC42MzY1IDkuNTY1MSAxMC4wNzg2IDkuNTY1MSA5LjUwMDJDOS41NjUxIDguOTIxODQgOS44MDY4MyA4LjM2Mzg1IDEwLjI0MjYgNy45NDk5NEMxMC42Nzg4IDcuNTM1NTMgMTEuMjczNyA3LjMwMDIgMTEuODk3IDcuMzAwMkMxMi41MjAzIDcuMzAwMiAxMy4xMTUxIDcuNTM1NTMgMTMuNTUxNCA3Ljk0OTk0QzEzLjk4NzEgOC4zNjM4NSAxNC4yMjg4IDguOTIxODQgMTQuMjI4OCA5LjUwMDJDMTQuMjI4OCAxMC4wNzg2IDEzLjk4NzEgMTAuNjM2NSAxMy41NTE0IDExLjA1MDVDMTMuMTE1MSAxMS40NjQ5IDEyLjUyMDMgMTEuNzAwMiAxMS44OTcgMTEuNzAwMlpNMTEuODk3IDEzLjU1MDJDMTMuMDE4NyAxMy41NTAyIDE0LjA5NzQgMTMuMTI3MSAxNC44OTUxIDEyLjM2OTRDMTUuNjkzMyAxMS42MTEyIDE2LjE0NDggMTAuNTc5NCAxNi4xNDQ4IDkuNTAwMkMxNi4xNDQ4IDguNDIwOTUgMTUuNjkzMyA3LjM4OTIzIDE0Ljg5NTEgNi42MzEwM0MxNC4wOTc0IDUuODczMzQgMTMuMDE4NyA1LjQ1MDIgMTEuODk3IDUuNDUwMkMxMC43NzUyIDUuNDUwMiA5LjY5NjUgNS44NzMzNCA4Ljg5ODg0IDYuNjMxMDNDOC4xMDA2NiA3LjM4OTIzIDcuNjQ5MTcgOC40MjA5NSA3LjY0OTE3IDkuNTAwMkM3LjY0OTE3IDEwLjU3OTQgOC4xMDA2NiAxMS42MTEyIDguODk4ODQgMTIuMzY5NEM5LjY5NjUgMTMuMTI3MSAxMC43NzUyIDEzLjU1MDIgMTEuODk3IDEzLjU1MDJaTTExLjQ0IDExLjk2MjJDMTAuOTExNyAxMS44NzM3IDEwLjQyMDUgMTEuNjMzMiAxMC4wMzYgMTEuMjY4QzkuNTQyMzkgMTAuNzk5MSA5LjI2NTEgMTAuMTYzMiA5LjI2NTEgOS41MDAyQzkuMjY1MSA4LjgzNzE1IDkuNTQyMzkgOC4yMDEyNyAxMC4wMzYgNy43MzI0M0MxMC41Mjk1IDcuMjYzNTkgMTEuMTk5IDcuMDAwMiAxMS44OTcgNy4wMDAyQzEyLjA1MDggNy4wMDAyIDEyLjIwMzMgNy4wMTI5OSAxMi4zNTI4IDcuMDM3OTZDMTIuMjAyOSA3LjAxMjg2IDEyLjA1MDEgNyAxMS44OTU4IDdDMTEuMTk3OCA3IDEwLjUyODQgNy4yNjMzOSAxMC4wMzQ4IDcuNzMyMjNDOS41NDEyMiA4LjIwMTA3IDkuMjYzOTMgOC44MzY5NiA5LjI2MzkzIDkuNUM5LjI2MzkzIDEwLjE2MyA5LjU0MTIyIDEwLjc5ODkgMTAuMDM0OCAxMS4yNjc4QzEwLjQxOTYgMTEuNjMzMyAxMC45MTEyIDExLjg3MzkgMTEuNDQgMTEuOTYyMlpNMTEuODk3IDEzLjI1MDJDMTIuOTQ0IDEzLjI1MDIgMTMuOTQ4MSAxMi44NTUxIDE0LjY4ODUgMTIuMTUxOEMxNS40Mjg4IDExLjQ0ODYgMTUuODQ0OCAxMC40OTQ4IDE1Ljg0NDggOS41MDAyQzE1Ljg0NDggOC41MDU2MyAxNS40Mjg4IDcuNTUxODEgMTQuNjg4NSA2Ljg0ODU1QzE0LjExMTQgNi4zMDAzNiAxMy4zNzQgNS45Mzk0MiAxMi41ODEgNS44MDY5QzEzLjM3MzYgNS45Mzk1OCAxNC4xMTA1IDYuMzAwNDQgMTQuNjg3MyA2Ljg0ODM1QzE1LjQyNzcgNy41NTE2MSAxNS44NDM2IDguNTA1NDQgMTUuODQzNiA5LjVDMTUuODQzNiAxMC40OTQ2IDE1LjQyNzcgMTEuNDQ4NCAxNC42ODczIDEyLjE1MTdDMTMuOTQ3IDEyLjg1NDkgMTIuOTQyOCAxMy4yNSAxMS44OTU4IDEzLjI1QzExLjY2NDkgMTMuMjUgMTEuNDM2MSAxMy4yMzA4IDExLjIxMTggMTMuMTkzM0MxMS40MzY1IDEzLjIzMDkgMTEuNjY1NyAxMy4yNTAyIDExLjg5NyAxMy4yNTAyWiIgZmlsbD0id2hpdGUiLz4KPC9zdmc+Cg==');
}

.footer-contacts-address-wrap .home-contacts-tab-schedule::before {
    background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTExLjk5IDJDNi40NyAyIDIgNi40OCAyIDEyQzIgMTcuNTIgNi40NyAyMiAxMS45OSAyMkMxNy41MiAyMiAyMiAxNy41MiAyMiAxMkMyMiA2LjQ4IDE3LjUyIDIgMTEuOTkgMlpNMTIgMjBDNy41OCAyMCA0IDE2LjQyIDQgMTJDNCA3LjU4IDcuNTggNCAxMiA0QzE2LjQyIDQgMjAgNy41OCAyMCAxMkMyMCAxNi40MiAxNi40MiAyMCAxMiAyMFoiIGZpbGw9IndoaXRlIi8+CjxwYXRoIGQ9Ik0xMi41IDdIMTFWMTNMMTYuMjUgMTYuMTVMMTcgMTQuOTJMMTIuNSAxMi4yNVY3WiIgZmlsbD0id2hpdGUiLz4KPC9zdmc+Cg==');
}

.footer-contacts-address-wrap .schedule-days {
    font-size: 18px;
    line-height: 24px;
    color: #FFFFFFB2;
    width: calc(30% - 10px);
}

.footer-contacts-address-wrap .schedule-time {
    font-size: 18px;
    line-height: 24px;
    color: #FFFFFF;
    width: calc(70% - 10px);
}

.header-open-mobile-wrap,
.filter-stone-open-mobile {
    display: none;
}

.special-title {
    margin-top: 60px;
}

#search-box2 {
    display: none;
    background-color: #ffffff;
    position: absolute;
    padding: 16px 24px;
    border-radius: 14px;
    z-index: 898;
    box-shadow: 0px 9px 30px rgba(0, 0, 0, 0.8);
    margin-top: -60px;
}

#search-box2 #search-button2 {
    padding: 16px 24px;
}

img.alignleft {
    float: left;
    margin: 0 16px 8px 0;
}

img.alignright {
    float: right;
    margin: 0 0 8px 16px;
}

img.aligncenter {
    display: block;
    margin: auto;
}

/*.single-post .single-content-wrap h2,
.single-post .single-content-wrap h3,
.single-post .single-content-wrap h4,
.single-post .single-content-wrap h5,
.single-post .single-content-wrap h6 {
	clear: both;
}*/
.search-form-control {
    width: 100%;
    font-size: 16px;
    padding: 4px 8px;
    border: 1px solid #555;
    border-radius: 3px;
}

.empty-catalog-wrap {
    width: 100%;
    gap: 40px 30px;
}

.empty-catalog-text {
    width: 100%;
    text-align: center;
    font-weight: bold;
    font-size: 18px;
}

.order-modal-wrap {
    margin-top: 24px;
}

.order-modal-image {
    width: 120px;
    height: 120px;
    object-fit: cover;
    -o-object-fit: cover;
    object-position: center center;
    -o-object-position: center center;
}

.order-modal-content {
    width: calc(100% - 120px);
    padding-left: 16px;
}

.order-modal-title {
    font-size: 18px;
    margin-bottom: 16px;
}

.order-modal-price {
    font-size: 24px;
    font-weight: bold;
}

.showroom-wrap {
    margin-top: 48px;
    padding-right: 16px;
}

.showroom-text {
    font-size: 21px;
    color: #555555;
    margin-bottom: 32px;
}

.stone-modal-data {
    margin-top: 25px;
}

.stone-modal-sizes {
    gap: 15px 5px;
}

.stone-modal-sizes + .stone-modal-sizes {
    margin-top: 20px;
}

.stone-modal-sizes-list {
    width: 100%;
    font-size: 18px;
    padding: 12px 15px;
}

.stone-modal-size-add {
    width: calc(25% - 15px);
    font-size: 18px;
    padding: 12px 15px;
    cursor: pointer;
}

.stone-modal-size-remove {
    width: calc(25% - 15px);
    font-size: 18px;
    padding: 12px 15px;
    cursor: pointer;
    display: none;
}

.stone-modal-sizes:not(:last-of-type) .stone-modal-size-remove {
    display: block;
}

.stone-modal-sizes:not(:last-of-type) .stone-modal-size-add {
    display: none;
}

.stone-modal-sizes:first-of-type:last-of-type .stone-modal-size-remove {
    display: none;
}

.stone-modal-size-type {
    width: 25%;
    font-size: 18px;
    padding: 12px 15px;
}

.stone-modal-size-count {
    width: 25%;
    font-size: 18px;
    padding: 12px 15px;
}

.stone-modal-size-price {
    width: 25%;
    font-size: 18px;
    padding: 12px 15px;
}

.stone-modal-sizes-total {
    font-size: 18px;
    margin-top: 25px;
    text-align: right;
}

.youtube-video {
    margin: 0 0 12px;
    border: none !important;
}

.youtube-video img {
    display: block;
}

.catalog-stone-list .product-item {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.catalog-stone-list .product-item .product-item-title {
    margin-top: -0.5rem;
}

.catalog-stone-list .product-item .product-item-price {
    margin-top: auto;
    font-size: 18px;
    font-weight: bold;
}

.filter-item-range-wrap {
    padding-bottom: 26px;
}

.filter-item-range {
    height: 2px !important;
    border: none !important;
    background-color: #D1D1D1 !important;
}

.filter-item-range .ui-slider-handle {
    width: 13px !important;
    height: 13px !important;
    border-radius: 50% !important;
    background-color: #406f87 !important;
    border: none !important;
}

.filter-item-range .ui-slider-handle::after {
    content: attr(data-val);
    position: absolute;
    top: 100%;
    white-space: nowrap;
    width: 15px;
    display: flex;
    justify-content: center;
    color: #2B2A2A !important;
    font-size: 15px;
    font-weight: bold;
}

.filter-item-range .ui-slider-range {
    background-color: #406f87;
}

.catalog-stone-list .woocommerce-ordering {
    width: 100%;
    text-align: right;
}


.footer-mobile {
    display: none;
    background-color: #504D4D;
    color: #FFFFFF;
    padding: 40px 0;
}

.footer-mobile-wrap {
    display: flex;
    flex-direction: column;
    gap: 30px;
}


.footer-mobile-logo {
    display: flex;
    align-items: center;
}

.footer-mobile-logo .header-logo {
    max-width: 120px;
    height: auto;
}


.footer-mobile-contacts {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 20px;
}

.footer-mobile-contacts-left {
    display: flex;
    flex-direction: column;
    gap: 15px;
    flex: 1;
}

.footer-mobile-contact-item {
    display: flex;
    align-items: center;
    gap: 10px;
}

.footer-mobile-contact-item img {
    width: 20px;
    height: 20px;
    flex-shrink: 0;
}

.footer-mobile-contact-item a {
    color: #FFFFFF;
    text-decoration: none;
    font-size: 16px;
}

.footer-mobile-messengers {
    display: flex;
    gap: 25px;
    flex-shrink: 0;
    margin-left: auto;
}

.footer-mobile-messengers a img {
    width: 30px;
    height: 30px;
}


.footer-mobile-address-cards {
    display: flex;
    flex-direction: row;
    gap: 20px;
    overflow-x: auto;
    overflow-y: hidden;
    padding-bottom: 10px;
    scrollbar-width: none;
    /* Firefox */
    -ms-overflow-style: none;
    /* IE and Edge */
}

.footer-mobile-address-cards::-webkit-scrollbar {
    display: none;
    /* Chrome, Safari, Opera */
}


.footer-mobile .footer-contacts-address-wrap {
    padding: 10px;
    border-radius: 8px;
    border: 1px solid #FFFFFF4D;
    flex-shrink: 0;
    width: 290px;
    min-width: 280px;
}

.footer-mobile .footer-contacts-address-title {
    font-size: 16px;
    color: #FFFFFFB2;
}

.footer-mobile .home-contacts-tab-item {
    margin-top: 12px;
    padding-left: 30px;
    color: #FFFFFF;
    font-size: 18px;
    position: relative;
}

.footer-mobile .home-contacts-tab-item::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 24px;
    height: 24px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.footer-mobile .home-contacts-tab-address::before {
    background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik05LjIyNjA1IDE2LjgyNDNDOC4yNzc4MyAxNS42NDU2IDcuMzU2NjYgMTQuMzQwNCA2LjY3OTYgMTMuMDM2OUM1Ljk5Mjc1IDExLjcxNiA1LjYxNTg4IDEwLjUwOTQgNS42MTU4OCA5LjUwMDJDNS52MTU4OCA3LjkyNzI4IDYuMjczNTQgNi40MTU0NiA3LjQ0OTY0IDUuMjk4MjlDOC42MjYyNiA0LjE4MDYyIDEwLjIyNTIgMy41NTAyIDExLjg5NTUgMy41NTAyQzEzLjU2NTkgMy41NTAyIDE1LjE2NDggNC4xODA2MiAxNi4zNDE1IDUuMjk4MjlDMTcuNTE3NiA2LjQxNTQ2IDE4LjE3NTIgNy45MjcyOCAxOC4xNzUyIDkuNTAwMkMxOC4xNzUyIDEwLjUwOTMgMTcuNzk3MiAxMS43MTU4IDE3LjExMTUgMTMuMDM3QzE2LjQzNDQgMTQuMzQwNCAxNS41MTMzIDE1LjY0NTYgMTQuNTY1MSAxNi44MjQyQzEzLjcyODEgMTcuODU4MSAxMi44MzcyIDE4Ljg1MTUgMTEuODk1NSAxOS44MDA4QzEwLjk1MzkgMTguODUxNiAxMC4wNjMgMTcuODU4MiA5LjIyNjA1IDE2LjgyNDNaTTE0Ljc5ODUgMTcuMDEyN0MxNS43NTM5IDE1LjgyNTIgMTYuNjg4MiAxNC41MDI3IDE3LjM3NzcgMTMuMTc1MkMxOC4wNzM5IDExLjgzMzkgMTguNDc1MiAxMC41Nzc3IDE4LjQ3NTIgOS41MDAyQzE4LjQ3NTIgNy44NDI1OSAxNy43ODIgNi4yNTI4OCAxNi41NDgxIDUuMDgwNzhDMTUuMzE0MSAzLjkwODY4IDEzLjY0MDYgMy4yNTAyIDExLjg5NTUgMy4yNTAyQzExLjMyNDggMy4yNTAyIDEwLjc2MTcgMy4zMjA2NCAxMC4yMTkxIDMuNDU2NDVDMTAuNzYxOSAzLjMyMDUxIDExLjMyNTMgMy4yNSAxMS44OTYzIDMuMjVDMTMuNjQxNCAzLjI1IDE1LjMxNDkgMy45MDg0OCAxNi41NDg5IDUuMDgwNThDMTcuNzgyOCA2LjI1MjY5IDE4LjQ3NiA3Ljg0MjQgMTguNDc2IDkuNUMxOC40NzYgMTAuNTc3NSAxOC4wNzQ2IDExLjgzMzcgMTcuMzc4NSAxMy4xNzVDMTYuNjg5IDE0LjUwMjUgMTUuNzU0NiAxNS44MjUgMTQuNzk5MyAxNy4wMTI1QzEzLjg5MyAxOC4xMzIgMTIuOTIzOSAxOS4yMDQ0IDExLjg5NjMgMjAuMjI1QzExLjg5NjIgMjAuMjI0OSAxMS44OTYxIDIwLjIyNDggMTEuODk2IDIwLjIyNDdDMTIuOTIzNSAxOS4yMDQzIDEzLjg5MjQgMTguMTMyIDE0Ljc5ODUgMTcuMDEyN1pNMTEuODk1NSAyMi40MDM4TDEyLjA5NjMgMjIuMjIzMkwxMi4wOTggMjIuMjIxNkwxMi4xMDI2IDIyLjIxNzRMMTIuMTIwMyAyMi4yMDE0QzEyLjEzNTcgMjIuMTg3NCAxMi4xNTgzIDIyLjE2NjYgMTIuMTg3NyAyMi4xMzk1QzEyLjI0NjUgMjIuMDg1MyAxMi4zMzIzIDIyLjAwNTMgMTIuNDQxMyAyMS45MDE5QzEyLjY1OTMgMjEuNjk1IDEyLjk3MDEgMjEuMzk0IDEzLjM0MjggMjEuMDE2QzE0LjA4NzkgMjAuMjYwNSAxNS4wODIgMTkuMTk2IDE2LjA3NyAxNy45NjA2QzE3LjA3MTIgMTYuNzI2MSAxOC4wNzExIDE1LjMxNSAxOC44MjM3IDEzLjg2NjZDMTkuNTc0NCAxMi40MjE4IDIwLjA5MTEgMTAuOTE2NyAyMC4wOTExIDkuNTAwMkMyMC4wOTExIDcuNDI2MzkgMTkuMjIzNyA1LjQ0MDg0IDE3LjY4NTIgMy45NzkzOEMxNi4xNDcyIDIuNTE4NDMgMTQuMDY0MyAxLjcwMDIgMTEuODk1NSAxLjcwMDJDOS43MjY3NyAxLjcwMDIgNy42NDM5MiAyLjUxODQzIDYuMTA1OSAzLjk3OTM4QzQuNTY3MzYgNS40NDA4NCAzLjY5OTk1IDcuNDI2MzkgMy42OTk5NSA5LjUwMDJDMy42OTk5NSAxMC45MTY3IDQuMjE2NzMgMTIuNDIxOCA0Ljk2NzQzIDEzLjg2NjZDNS43MiAxNS4zMTUgNi43MTk5MSAxNi43MjYxIDcuNzE0MSAxNy45NjA2QzguNzA5MDUgMTkuMTk2IDkuNzAzMTkgMjAuMjYwNSAxMC40NDgzIDIxLjAxNkMxMC44MjEgMjEuMzk0IDExLjEzMTggMjEuNjk1IDExLjM0OTggMjEuOTAxOUMxMS40NTg4IDIyLjAwNTMgMTEuNTQ0NiAyMi4wODUzIDExLjYwMzQgMjIuMTM5NUMxMS42MzI4IDIyLjE2NjYgMTEuNjU1NCAyMi4xODc0IDExLjY3MDggMjIuMjAxNEwxMS42ODg0IDIyLjIxNzRMMTEuNjkzMSAyMi4yMjE2TDExLjY5NDggMjIuMjIzMkwxMS44OTU1IDIyLjQwMzhaTTExLjg5NiAyMS45OTk3QzExLjg5NTcgMjIgMTEuODk1NSAyMi4wMDAyIDExLjg5NTUgMjIuMDAwMkMxMS44OTU1IDIyLjAwMDIgMy45OTk5NSAxNC44OTI3IDMuOTk5OTUgOS41MDAyQzMuOTk5OTUgNy41MTEwNyA0LjgzMTgxIDUuNjAzNDIgNi4zMTI1MiA0LjE5Njg5QzcuMzA4OTEgMy4yNTA0MiA4LjU0NDIgMi41ODMwNCA5Ljg4Mzc2IDIuMjQ3NzJDOC41NDQ1IDIuNTgzMSA3LjMwOTUgMy4yNTA0MSA2LjMxMzMgNC4xOTY3QzQuODMyNTkgNS42MDMyMiA0LjAwMDczIDcuNTEwODggNC4wMDA3MyA5LjVDNC4wMDA3MyAxNC44NzM3IDExLjg0MTUgMjEuOTUwNiAxMS44OTYgMjEuOTk5N1oiIGZpbGw9IndoaXRlIi8+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMTEuODk3IDExLjcwMDJDMTEuMjczNyAxMS43MDAyIDEwLjY3ODggMTEuNDY0OSAxMC4yNDI2IDExLjA1MDVDOS44MDY4MyAxMC42MzY1IDkuNTY1MSAxMC4wNzg2IDkuNTY1MSA5LjUwMDJDOS41NjUxIDguOTIxODQgOS44MDY4MyA4LjM2Mzg1IDEwLjI0MjYgNy45NDk5NEMxMC42Nzg4IDcuNTM1NTMgMTEuMjczNyA3LjMwMDIgMTEuODk3IDcuMzAwMkMxMi41MjAzIDcuMzAwMiAxMy4xMTUxIDcuNTM1NTMgMTMuNTUxNCA3Ljk0OTk0QzEzLjk4NzEgOC4zNjM4NSAxNC4yMjg4IDguOTIxODQgMTQuMjI4OCA5LjUwMDJDMTQuMjI4OCAxMC4wNzg2IDEzLjk4NzEgMTAuNjM2NSAxMy41NTE0IDExLjA1MDVDMTMuMTE1MSAxMS40NjQ5IDEyLjUyMDMgMTEuNzAwMiAxMS44OTcgMTEuNzAwMlpNMTEuODk3IDEzLjU1MDJDMTMuMDE4NyAxMy41NTAyIDE0LjA5NzQgMTMuMTI3MSAxNC44OTUxIDEyLjM2OTRDMTUuNjkzMyAxMS42MTEyIDE2LjE0NDggMTAuNTc5NCAxNi4xNDQ4IDkuNTAwMkMxNi4xNDQ4IDguNDIwOTUgMTUuNjkzMyA3LjM4OTIzIDE0Ljg5NTEgNi42MzEwM0MxNC4wOTc0IDUuODczMzQgMTMuMDE4NyA1LjQ1MDIgMTEuODk3IDUuNDUwMkMxMC43NzUyIDUuNDUwMiA5LjY5NjUgNS44NzMzNCA4Ljg5ODg0IDYuNjMxMDNDOC4xMDA2NiA3LjM4OTIzIDcuNjQ5MTcgOC40MjA5NSA3LjY0OTE3IDkuNTAwMkM3LjY0OTE3IDEwLjU3OTQgOC4xMDA2NiAxMS42MTEyIDguODk4ODQgMTIuMzY5NEM5LjY5NjUgMTMuMTI3MSAxMC43NzUyIDEzLjU1MDIgMTEuODk3IDEzLjU1MDJaTTExLjQ0IDExLjk2MjJDMTAuOTExNyAxMS44NzM3IDEwLjQyMDUgMTEuNjMzMiAxMC4wMzYgMTEuMjY4QzkuNTQyMzkgMTAuNzk5MSA5LjI2NTEgMTAuMTYzMiA5LjI2NTEgOS41MDAyQzkuMjY1MSA4LjgzNzE1IDkuNTQyMzkgOC4yMDEyNyAxMC4wMzYgNy43MzI0M0MxMC41Mjk1IDcuMjYzNTkgMTEuMTk5IDcuMDAwMiAxMS44OTcgNy4wMDAyQzEyLjA1MDggNy4wMDAyIDEyLjIwMzMgNy4wMTI5OSAxMi4zNTI4IDcuMDM3OTZDMTIuMjAyOSA3LjAxMjg2IDEyLjA1MDEgNyAxMS44OTU4IDdDMTEuMTk3OCA3IDEwLjUyODQgNy4yNjMzOSAxMC4wMzQ4IDcuNzMyMjNDOS41NDEyMiA4LjIwMTA3IDkuMjYzOTMgOC44MzY5NiA5LjI2MzkzIDkuNUM5LjI2MzkzIDEwLjE2MyA5LjU0MTIyIDEwLjc5ODkgMTAuMDM0OCAxMS4yNjc4QzEwLjQxOTYgMTEuNjMzMyAxMC45MTEyIDExLjg3MzkgMTEuNDQgMTEuOTYyMlpNMTEuODk3IDEzLjI1MDJDMTIuOTQ0IDEzLjI1MDIgMTMuOTQ4MSAxMi44NTUxIDE0LjY4ODUgMTIuMTUxOEMxNS40Mjg4IDExLjQ0ODYgMTUuODQ0OCAxMC40OTQ4IDE1Ljg0NDggOS41MDAyQzE1Ljg0NDggOC41MDU2MyAxNS40Mjg4IDcuNTUxODEgMTQuNjg4NSA2Ljg0ODU1QzE0LjExMTQgNi4zMDAzNiAxMy4zNzQgNS45Mzk0MiAxMi41ODEgNS44MDY5QzEzLjM3MzYgNS45Mzk1OCAxNC4xMTA1IDYuMzAwNDQgMTQuNjg3MyA2Ljg0ODM1QzE1LjQyNzcgNy41NTE2MSAxNS44NDM2IDguNTA1NDQgMTUuODQzNiA5LjVDMTUuODQzNiAxMC40OTQ2IDE1LjQyNzcgMTEuNDQ4NCAxNC42ODczIDEyLjE1MTdDMTMuOTQ3IDEyLjg1NDkgMTIuOTQyOCAxMy4yNSAxMS44OTU4IDEzLjI1QzExLjY2NDkgMTMuMjUgMTEuNDM2MSAxMy4yMzA4IDExLjIxMTggMTMuMTkzM0MxMS40MzY1IDEzLjIzMDkgMTEuNjY1NyAxMy4yNTAyIDExLjg5NyAxMy4yNTAyWiIgZmlsbD0id2hpdGUiLz4KPC9zdmc+Cg==');
}

.footer-mobile .home-contacts-tab-schedule::before {
    background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTExLjk5IDJDNi40NyAyIDIgNi40OCAyIDEyQzIgMTcuNTIgNi40NyAyMiAxMS45OSAyMkMxNy41MiAyMiAyMiAxNy41MiAyMiAxMkMyMiA2LjQ4IDE3LjUyIDIgMTEuOTkgMlpNMTIgMjBDNy41OCAyMCA0IDE2LjQyIDQgMTJDNCA3LjU4IDcuNTggNCAxMiA0QzE2LjQyIDQgMjAgNy41OCAyMCAxMkMyMCAxNi40MiAxNi40MiAyMCAxMiAyMFoiIGZpbGw9IndoaXRlIi8+CjxwYXRoIGQ9Ik0xMi41IDdIMTFWMTNMMTYuMjUgMTYuMTVMMTcgMTQuOTJMMTIuNSAxMi4yNVY3WiIgZmlsbD0id2hpdGUiLz4KPC9zdmc+Cg==');
}

.footer-mobile .schedule-days {
    font-size: 18px;
    line-height: 24px;
    color: #FFFFFFB2;
    width: calc(30% - 10px);
}

.footer-mobile .schedule-time {
    font-size: 18px;
    line-height: 24px;
    color: #FFFFFF;
    width: calc(70% - 10px);
}


.footer-mobile-menu {
    display: flex;
    gap: 30px;
}

.footer-mobile-menu-col {
    flex: 1;
}

.footer-mobile-menu-title {
    font-size: 16px;
    color: #FF6B35;
    margin-bottom: 15px;
    text-transform: uppercase;
}

.footer-mobile-menu-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.footer-mobile-menu-list li {
    margin-bottom: 8px;
}

.footer-mobile-menu-list a {
    color: #FFFFFF;
    text-decoration: none;
    font-size: 14px;
    line-height: 1.4;
}

.footer-mobile-menu-list a:hover {
    color: #FF6B35;
}


.footer-mobile-socials {
    text-align: left;
}

.footer-mobile-socials-title {
    font-size: 17px;
    color: #FFFFFF;
    margin-bottom: 20px;
    text-transform: uppercase;
}

.footer-mobile-socials-icons {
    display: flex;
    justify-content: center;
    gap: 33%;
}

.footer-mobile-socials-icons a img {
    width: 32px;
    height: 32px;
}


@media (max-width: 767px) {
    footer:not(.footer-mobile) {
        display: none;
    }

    .footer-mobile {
        display: block;
    }

    .copyright {
        color: #FFFFFFB2;
        margin-top: 20px;
    }
}


@media (max-width: 480px) {
    .copyright {
        color: #FFFFFFB2;
        margin-top: 20px;
    }

    .footer-mobile-contacts {
        flex-direction: column;
        gap: 20px;
    }

    .footer-mobile-messengers {
        justify-content: center;
    }

    .footer-mobile-menu {
        gap: 20px;
    }

    .footer-mobile-card {
        padding: 15px;
    }

    .footer-mobile-card-title {
        font-size: 16px;
    }

    .footer-mobile-card-address span,
    .schedule-line {
        font-size: 13px;
    }
}


/* 31 08 2025 */
@font-face {
    font-family: 'Bebas Neue Cyrillic';
    src: url('fonts/BebasNeueCyrillic.eot');
    src: url('fonts/BebasNeueCyrillic.eot%3F') format('embedded-opentype'),
        url('fonts/BebasNeueCyrillic.woff2') format('woff2'),
        url('fonts/BebasNeueCyrillic.woff') format('woff'),
        url('fonts/BebasNeueCyrillic.ttf') format('truetype'),
        url('fonts/BebasNeueCyrillic.svg') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Gilroy';
    src: url('fonts/Gilroy-ExtraBold.eot');
    src: url('fonts/Gilroy-ExtraBold.eot%3F') format('embedded-opentype'),
        url('fonts/Gilroy-ExtraBold.woff2') format('woff2'),
        url('fonts/Gilroy-ExtraBold.woff') format('woff'),
        url('fonts/Gilroy-ExtraBold.ttf') format('truetype'),
        url('fonts/Gilroy-ExtraBold.svg') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Gilroy';
    src: url('fonts/Gilroy-Light.eot');
    src: url('fonts/Gilroy-Light.eot%3F') format('embedded-opentype'),
        url('fonts/Gilroy-Light.woff2') format('woff2'),
        url('fonts/Gilroy-Light.woff') format('woff'),
        url('fonts/Gilroy-Light.ttf') format('truetype'),
        url('fonts/Gilroy-Light.svg') format('svg');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Bebas Neue';
    src: url('fonts/BebasNeue-Bold.eot');
    src: url('fonts/BebasNeue-Bold.eot%3F') format('embedded-opentype'),
        url('fonts/BebasNeue-Bold.woff2') format('woff2'),
        url('fonts/BebasNeue-Bold.woff') format('woff'),
        url('fonts/BebasNeue-Bold.ttf') format('truetype'),
        url('fonts/BebasNeue-Bold.svg') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Bebas Neue Book';
    src: url('fonts/BebasNeue-Book.eot');
    src: url('fonts/BebasNeue-Book.eot%3F') format('embedded-opentype'),
        url('fonts/BebasNeue-Book.woff2') format('woff2'),
        url('fonts/BebasNeue-Book.woff') format('woff'),
        url('fonts/BebasNeue-Book.ttf') format('truetype'),
        url('fonts/BebasNeue-Book.svg') format('svg');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Bebas Neue';
    src: url('fonts/BebasNeue-Light.eot');
    src: url('fonts/BebasNeue-Light.eot%3F') format('embedded-opentype'),
        url('fonts/BebasNeue-Light.woff2') format('woff2'),
        url('fonts/BebasNeue-Light.woff') format('woff'),
        url('fonts/BebasNeue-Light.ttf') format('truetype'),
        url('fonts/BebasNeue-Light.svg') format('svg');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Bebas Neue';
    src: url('fonts/BebasNeue-Regular.eot');
    src: url('fonts/BebasNeue-Regular.eot%3F') format('embedded-opentype'),
        url('fonts/BebasNeue-Regular.woff2') format('woff2'),
        url('fonts/BebasNeue-Regular.woff') format('woff'),
        url('fonts/BebasNeue-Regular.ttf') format('truetype'),
        url('fonts/BebasNeue-Regular.svg') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Bebas Neue';
    src: url('fonts/BebasNeue-Thin.eot');
    src: url('fonts/BebasNeue-Thin.eot%3F') format('embedded-opentype'),
        url('fonts/BebasNeue-Thin.woff2') format('woff2'),
        url('fonts/BebasNeue-Thin.woff') format('woff'),
        url('fonts/BebasNeue-Thin.ttf') format('truetype'),
        url('fonts/BebasNeue-Thin.svg') format('svg');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

html {
    overflow-x: hidden;
}

body {
    margin: 0px;
}

.main_section,
.section {
    font-family: 'Gilroy';
}

.main_section {
    background: url(images/31c32caa8702f1b7981e493701bdc3f9a6052f17.jpg);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    padding: 60px;
    color: black;
}

.main_section_cols {
    max-width: 1567px;
    margin-left: auto;
    margin-right: auto;
    background: #FFFFFF33;
    box-shadow: 10px 40px 20px 0px #00000040;
    padding: 40px;
    display: flex;
    justify-content: space-between;
    border-radius: 24px;
    gap: 114px;
    width: 90vw;
}

.main_section_left_col {
    padding: 28px;
    border-radius: 28px;
    border: 1px solid;
    border-image-source: linear-gradient(360deg, #FFFFFF 0%, #D0D0D0 100%);
    background: #FFFFFF80;
    box-shadow: 0px 10px 30px 0px #00000033;
    width: 100%;
}

.main_section_left_col_breadcrumbs {
    padding: 10px;
    font-size: 20px;
    color: #555555;
}

.main_section_left_col_breadcrumbs a {
    color: #555555;
    text-decoration: none;
}

.main_section_left_col_title {
    font-family: 'Bebas Neue Cyrillic';
    margin: 0;
    font-size: 72px;
    margin-bottom: 22px;
    text-transform: uppercase;
    font-weight: 400;
}

.main_section_left_col_subtitle {
    font-weight: 600;
    font-size: 26px;
}

.main_section_left_col_text {
    font-weight: 400;
    font-size: 26px;
    margin-top: 26px;
}

.main_section_form_container {
    max-width: 640px;
    background: #555555;
    box-shadow: 0px 10px 30px 0px #00000066;
    padding: 56px 28px;
}

.main_section_form_top_btns {
    display: flex;
    justify-content: space-between;
    margin-bottom: 48px;
    gap: 3px;
}

.main_section_form_top_btn {
    padding: 8px 20px;
    border-radius: 8px;
    border: 1px solid #FFFFFF;
    color: white;
    text-decoration: none;
    /*     font-size: 26px; */
    line-height: 26px;
    text-align: center;
    display: block;
    height: 42px;
}

.main_section_form_top_btn:hover {
    border-color: #CF6F49;
    transition: fill 0.3s ease;
}

.main_section_form_top_white_btn {
    background-color: white;
    color: #555555;
}

.main_section_form_top_btn_icon svg {
    max-height: 100%;
}

.main_section_form_top_btn_icon:hover path {
    fill: #CF6F49;
    transition: fill 0.3s ease;
}

.main_section_form_top_btn:active {
    background-color: rgba(207, 111, 73, 0.15);
    border-color: #CF6F49;
    transition: all 0.1s ease;
}

.main_section_form_input {
    padding: 24px 40px;
    background: #FFFFFF40;
    border: 0px solid;
    border-radius: 10px;
    font-size: 26px;
    display: block;
    width: 100%;
    color: white;
    margin-bottom: 32px;
}

.main_section_form_input::placeholder {
    color: #FFFFFF87;
}

.main_section_form {}

.main_section_form_submit {
    width: 100%;
    display: block;
    margin-top: 48px;
    padding: 32px 40px;
    background: #CF6F49;
    border: 0px solid;
    border-radius: 10px;
    color: #FFFFFF;
    font-weight: 600;
    font-size: 24px;
}

.main_section_form_checkbox_container .wpcf7-list-item label {
    margin-top: 20px;
    display: flex;
    gap: 23px;
}

.main_section_form_checkbox_label {
    font-weight: 500;
    font-size: 16px;
    color: #FFFFFFB2;
    display: block;
}

.main_section_form_checkbox_label a {
    color: #FFFFFFB2;
}

.main_section_form_checkbox {
    width: 0px;
    height: 0px;
    margin-right: 32px;
}

.main_section_form_checkbox::before {
    content: '';
    display: block;
    width: 32px;
    height: 32px;
    background: url('data:image/svg+xml,%3Csvg%20width%3D%2232%22%20height%3D%2233%22%20viewBox%3D%220%200%2032%2033%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Crect%20x%3D%220.5%22%20y%3D%221%22%20width%3D%2231%22%20height%3D%2231%22%20rx%3D%223.5%22%20fill%3D%22white%22%2F%3E%0A%3Crect%20x%3D%220.5%22%20y%3D%221%22%20width%3D%2231%22%20height%3D%2231%22%20rx%3D%223.5%22%20stroke%3D%22%23555555%22%2F%3E%0A%3C%2Fsvg%3E')
}

.main_section_form_checkbox:checked::before {
    background: url('data:image/svg+xml,%3Csvg%20width%3D%2232%22%20height%3D%2233%22%20viewBox%3D%220%200%2032%2033%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Crect%20x%3D%220.5%22%20y%3D%221%22%20width%3D%2231%22%20height%3D%2231%22%20rx%3D%223.5%22%20fill%3D%22%23CF6F49%22%2F%3E%0A%3Crect%20x%3D%220.5%22%20y%3D%221%22%20width%3D%2231%22%20height%3D%2231%22%20rx%3D%223.5%22%20stroke%3D%22%23555555%22%2F%3E%0A%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M24%2012.9L13.6%2023.3L8%2017.7L10.4%2015.3L13.6%2018.5L21.6%2010.5L24%2012.9Z%22%20fill%3D%22white%22%2F%3E%0A%3C%2Fsvg%3E');
}

.section {
    margin-top: 80px;
    width: 90vw;
    max-width: 1567px;
    margin-left: auto;
    margin-right: auto;
}

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

.s_block {
    width: 100%;
    background: linear-gradient(180deg, rgba(207, 111, 73, 0.1) 0%, rgba(64, 111, 135, 0.05) 100%);
    padding: 24px 40px;
    position: relative;
}

.s_block_title {
    font-family: 'Bebas Neue';
    color: #CF6F49;
    font-size: 42px;
    font-weight: 700;
    text-transform: uppercase;
}

.s_block_content {
    margin-top: 16px;
    font-weight: 500;
    font-size: 26px;
    width: 100%;
}

.s_block_contact {
    display: flex;
    padding: 16px 0;
    gap: 24px;
    background: url('data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M10.0037%206L8.59375%207.41L13.1737%2012L8.59375%2016.59L10.0037%2018L16.0037%2012L10.0037%206Z%22%20fill%3D%22black%22%2F%3E%0A%3C%2Fsvg%3E');
    background-repeat: no-repeat;
    background-position: right center;
}

.s_block_contact_data {
    line-height: 26px;
    margin-top: auto;
    margin-bottom: auto;
}

.s_block_status {
    background: #188725;
    color: #FFFFFF;
    padding: 8px 12px 4px;
    font-size: 14px;
    text-transform: uppercase;
    position: absolute;
    right: 40px;
    top: 24px;
    border-radius: 8px;
}

.s_block_status_closed {
    background: #CF4949;
}

.section_map iframe {
    border: 1px solid #CF6F49;
    border-radius: 24px;
}

.section_cities_title {
    font-family: 'Bebas Neue';
    margin: 32px 0;
    padding: 16px;
    text-align: center;
    font-weight: 400;
    font-size: 62px;
    text-transform: uppercase;
    color: white;
    background: #406F87;
}

.s_block_btn {
    position: absolute;
    top: 24px;
    right: 40px;
    border: 1px solid #555555;
    padding: 17px 40px 19px;
    font-size: 22px;
    background: #FFFFFF;
    border-radius: 16px;
}

.s_block_btn a {
    color: #555555;
    text-decoration: none;
}

.section_rekvizity_company_name {
    font-weight: 700;
}

.section_rekvizity_grid {
    display: grid;
    grid-template-columns: 2fr 1fr 1fr;
    gap: 16.5px;
}

.section_rekvizity .s_block {
    width: unset;
}

.city_map {
    display: none;
}

.city_worktime {
    display: none;
    margin-top: 24px;
    font-size: 26px;
    font-weight: 500;
    position: relative;
    padding-left: 18px;
}

.main_section_form_checkbox_label a {
    text-decoration: underline;
}

.city_content {
    display: none;
    margin-top: 24px;
    font-size: 26px;
    font-weight: 500;
}

.section_cities_flex {
    display: flex;
    padding: 0 20px;
    gap: 20px;
}

.city {
    margin-bottom: 40px;
    background-color: white;
    box-shadow: 0px 9px 30px 0px #00000017;
    border-radius: 24px;
    padding: 24px 36px;
}

.section_cities_col_left {
    width: 100%;
}

.section_cities_col_right {
    width: 100%;
}

.city_title {
    font-family: 'Bebas Neue';
    font-size: 42px;
    font-weight: 700;
    color: #406F87;
    text-transform: uppercase;
/*     background-image: url('data:image/svg+xml,%3Csvg%20width%3D%2248%22%20height%3D%2249%22%20viewBox%3D%220%200%2048%2049%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Crect%20x%3D%221%22%20y%3D%221.5%22%20width%3D%2246%22%20height%3D%2246%22%20rx%3D%2223%22%20fill%3D%22%23406F87%22%2F%3E%0A%3Crect%20x%3D%221%22%20y%3D%221.5%22%20width%3D%2246%22%20height%3D%2246%22%20rx%3D%2223%22%20stroke%3D%22white%22%20stroke-width%3D%222%22%2F%3E%0A%3Cpath%20d%3D%22M13.405%2018.5051C14.1852%2017.7193%2015.4562%2017.7163%2016.2392%2018.4993L24%2026.2601L31.7608%2018.4993C32.5438%2017.7163%2033.8148%2017.7193%2034.595%2018.5051C35.3713%2019.2869%2035.3699%2020.5502%2034.5908%2021.3293L25.4142%2030.5059C24.6332%2031.2869%2023.3668%2031.2869%2022.5858%2030.5059L13.4092%2021.3293C12.6301%2020.5502%2012.6287%2019.2869%2013.405%2018.5051Z%22%20fill%3D%22white%22%2F%3E%0A%3C%2Fsvg%3E');
    background-repeat: no-repeat;
    background-position: right top;
    cursor: pointer; */
}

.section_cities_flex_moscow .city_map.city_moscow,
.section_cities_flex_spb .city_map.city_spb,
.section_cities_flex_moscow2 .city_map.city_moscow2 {
    display: block;
}

.city_map iframe {
    border: 1px solid #406F87;
    border-radius: 24px;
}

/* .section_cities_flex_moscow .city_moscow .city_title,
.section_cities_flex_spb .city_spb .city_title,
.section_cities_flex_moscow2 .city_moscow2 .city_title {
    background-image: url('data:image/svg+xml,%3Csvg%20width%3D%2248%22%20height%3D%2249%22%20viewBox%3D%220%200%2048%2049%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Crect%20x%3D%221%22%20y%3D%221.5%22%20width%3D%2246%22%20height%3D%2246%22%20rx%3D%2223%22%20fill%3D%22white%22%2F%3E%0A%3Crect%20x%3D%221%22%20y%3D%221.5%22%20width%3D%2246%22%20height%3D%2246%22%20rx%3D%2223%22%20stroke%3D%22%23406F87%22%20stroke-width%3D%222%22%2F%3E%0A%3Cpath%20d%3D%22M15.1708%2029.4958C15.8214%2030.151%2016.8805%2030.1529%2017.5333%2029.5L24%2023.0333L30.4667%2029.5C31.1195%2030.1529%2032.1786%2030.151%2032.8292%2029.4958C33.4765%2028.8439%2033.4746%2027.7913%2032.825%2027.1417L25.4142%2019.7309C24.6332%2018.9498%2023.3668%2018.9498%2022.5858%2019.7309L15.175%2027.1417C14.5254%2027.7913%2014.5235%2028.8439%2015.1708%2029.4958Z%22%20fill%3D%22%23406F87%22%2F%3E%0A%3C%2Fsvg%3E');
    padding-bottom: 24px;
    border-bottom: 1px solid #00000040;
}
 */
.section_cities_flex_moscow .city_moscow .city_content,
.section_cities_flex_spb .city_spb .city_content,
.section_cities_flex_moscow2 .city_moscow2 .city_content {
    display: block;
}

.section_cities_flex_moscow .city_moscow .city_worktime,
.section_cities_flex_spb .city_spb .city_worktime,
.section_cities_flex_moscow2 .city_moscow2 .city_worktime {
    display: block;
}

.city_worktime::before {
    content: '';
    display: inline-block;
    width: 12px;
    height: 12px;
    background: #188725;
    border-radius: 50%;
    margin-top: auto;
    margin-bottom: auto;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0px;
}

.main_section_form_checkbox_container .wpcf7-list-item-label::before {
    display: none;
}

.main_section_form_checkbox_container .wpcf7-list-item-label::after {
    display: none;
}

.main_section_form_checkbox_container .wpcf7-form-control-wrap {
    position: unset;
}

.main_section_form_checkbox_container .wpcf7-list-item {
    margin: 0;
    display: block;
}

.main_section_form br {
    display: none;
}

.main_section_form .main_section_form_checkbox_container br {
    display: inline-block;
}

@media (min-width: 768px) {
    .mobile_only {
        display: none !important;
    }
}

@media (max-width: 767px) {
    .pc_only {
        display: none !important;
    }

    .main_section {
        background: unset;
        padding: 0;
    }

    .main_section_cols {
        box-shadow: unset;
        padding: 0;
        display: block;
        width: 100%;
        margin: 0 30px;
    }

    .main_section_form_container {
        display: none;
    }

    .main_section_left_col {
        box-shadow: unset;
        padding: 0;
        border: 0 solid;
        background: unset;
    }

    .main_section_left_col_subtitle {
        display: none;
    }

    .main_section_left_col_text {
        display: none;
    }

    .main_section_left_col_breadcrumbs {
        padding: 16px 0;
        font-size: 9px;
    }

    .main_section_left_col_title {
        font-size: 40px;
        color: #406F87;
    }

    .section {
        margin-top: 20px;
        width: calc(100vw - 40px);
        /* margin-left: 30px; */
        /* margin-right: 30px; */
    }

    .section_three_blocks {
        flex-direction: column;
    }

    .s_block_title {
        font-size: 26px;
    }

    .s_block_content {
        margin-top: 8px;
        font-size: 16px;
        line-height: 25px;
    }

    .s_block_contact {
        padding: 0;
    }

    .s_block_contact_icon svg {
        width: 24px;
    }

    .s_block_status {
        font-size: 12px;
        right: 8px;
        top: 8px;
    }

    .section_cities_title {
        padding: 16px;
        font-size: 26px;
    }

    .section_cities_flex {
        flex-direction: column;
        padding: 0;
        gap: 0;
    }

    .city_title {
        background-image: unset !important;
        font-size: 26px;
    }

    .city_content {
        display: block;
        font-size: 16px;
    }

    .city_worktime {
        display: block;
        font-size: 16px;
    }

    .section_map iframe {
        height: 315px;
    }

    .city_map {
        display: block;
        margin-bottom: 32px;
    }

    .city_map iframe {
        height: 315px;
    }

    .city {
        margin-bottom: 16px;
    }

    .section_rekvizity {
        margin: 0;
        margin-top: 20px;
        width: 100%;
    }

    .s_block_btn {
        padding: 10px 24px 10px;
        font-size: 16px;
        right: 30px;
    }

    .section_three_blocks .s_block {
        width: calc(100vw - 70px);
        padding: 8px;
        border-radius: 8px;
    }

    .section_map iframe {
        width: calc(100% - 30px);
    }

    .section_cities {
        width: calc(100vw - 70px);
    }

    /* 16.09.2025 */
    .page > .title {
        text-align: center;
    }

    .title {
        /* Размеры из Figma */
        /* width: 315px; */
        /* height: 88px; */

        /* Текстовые стили */
        font-family: 'Bebas Neue', sans-serif;
        font-weight: 400;
        font-style: normal;
        font-size: 40px;
        line-height: 110%;
        letter-spacing: 0;
        text-align: left;
        text-transform: uppercase;

        /* Фон и цвет текста — ПОМЕНЯНЫ МЕСТАМИ */
        background: white;
        color: #406F87;

        /* Центрирование текста по вертикали и горизонтали */
        display: flex;
        align-items: center;
        justify-content: center;

        /* Отступы от соседних элементов */
        margin: 24px auto 16px;
        padding: 0;

        /* Опционально: добавим тень или рамку, если нужно выделить на белом фоне */
        /* box-shadow: 0 1px 4px rgba(0,0,0,0.1); */
    }

    /* ===== КНОПКА ФИЛЬТРА — БЕЗ ИЗМЕНЕНИЙ ===== */
    .filter__bm {
        width: 100%;
        /* height: 53px; */
        padding: 16px;
        background-color: white;
        border: 2px solid #406F87;
        border-radius: 8px;
        cursor: pointer;
        font-family: Arial, sans-serif;
        font-size: 16px;
        font-weight: 600;
        color: #406F87;
        transition: background-color 0.2s ease;

        /* Центрирование */
        display: flex;
        align-items: center;
        justify-content: center;
        margin: 18px auto;
    }

    .orange_button {
        border: 2px solid #CF6F49;
        color: #CF6F49;
    }

    .filter__bm:hover {
        background-color: #f0f8ff;
    }

    /* ===== КОНТЕЙНЕР КАТАЛОГА — ДЛЯ ЦЕНТРИРОВАНИЯ КАРТОЧЕК ===== */
    content {
        display: block;
        width: 100%;
    }

    .catalog {
        display: flex;
        flex-direction: column;
        align-items: center;
        /* width: 100%; */
        padding-bottom: 20px;
    }

    /* ===== СТИЛИ КАРТОЧКИ ТОВАРА — Figma точные размеры ===== */
    .product-card {
        /* width: 315px; */
        /* height: 477px; */
        background: white;
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
        overflow: hidden;
        display: flex;
        flex-direction: column;
        gap: 2px;
        position: relative;
        margin-bottom: 40px;
        border-top-left-radius: 4px;
        border-top-right-radius: 4px;
    }

    .product-slider {
        width: 100%;
        height: 250px;
        overflow: hidden;
        border-radius: 8px 8px 0 0;
    }

    .slider-img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        aspect-ratio: 1 / 1;
        border-radius: 4px;
    }

    .product-rating {
        width: 100%;
        height: 26px;
        padding: 4px 12px;
        display: flex;
        align-items: center;
        gap: 8px;
        background: #fff;
    }

    .like-count {
        color: #CF6F49;
        font-size: 14px;
        font-weight: 500;
        font-family: 'Gilroy', sans-serif;
    }

    .product-title {
        width: 100%;
        padding: 4px 12px;
        font-size: 16px;
        font-weight: 500;
        color: #222;
        font-family: 'Gilroy', sans-serif;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
        line-height: 1.4;
        text-transform: uppercase;
    }

    .product-subtitle {
        width: 100%;
        margin-top: 2px;
        padding: 4px 12px;
        font-size: 14px;
        font-weight: 500;
        color: #222;
        font-family: 'Gilroy', sans-serif;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
        line-height: 1.4;
    }

    .product-features {
        width: 100%;
        height: 56px;
        margin-top: 2px;
        padding: 4px 12px;
        list-style: none;
        display: flex;
        flex-direction: column;
        gap: 4px;
        border-bottom: 1px solid #eee;
        font-size: 14px;
        color: #444;
        font-family: 'Gilroy', sans-serif;
    }

    .product-features li {
        display: flex;
        align-items: center;
    }

    .feature-label {
        font-weight: 500;
        font-family: 'Gilroy', sans-serif;
        color: #555;
        white-space: nowrap;
        text-transform: uppercase;
    }

    .feature-divider {
        flex-grow: 1;
        height: 0;
        border-top: 1px dashed #9A9A9A;
        margin: 0 8px;
        position: relative;
        top: 3px;
    }

    .feature-value {
        font-weight: 500;
        font-family: 'Gilroy', sans-serif;
        color: #555;
        white-space: nowrap;
    }

    .product-price-container {
        width: 100%;
        height: 58px;
        padding: 16px 12px 17px 12px;
        display: flex;
        justify-content: space-between;
        align-items: center;
        background: #fff;
    }

    .price {
        font-family: 'Gilroy', sans-serif;
        font-weight: 700;
        font-size: 16px;
        color: #555;
    }

    .price_symbol_rub {
        margin-right: 5px;
        font-weight: 500;
        font-size: 20px;
    }

    .details-link {
        font-family: 'Gilroy', sans-serif;
        font-weight: 500;
        font-size: 14px;
        color: #406F87;
        text-decoration: none;
        width: 76px;
        height: 26px;
        display: flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
        transition: color 0.2s ease;
        border-bottom: 1px solid #406F87;
        padding-bottom: 10px;
    }

    .details-link:hover {
        color: #2e5b71;
    }



    /* ===== БЕЙДЖИ НА КАРТОЧКАХ ===== */
    .product-slider {
        display: flex;
        flex-direction: row;
        gap: 8px;
        overflow-x: scroll;
    }

    .product-badge {
        position: absolute;
        top: 10px;
        left: 10px;
        background: gray;
        color: white;
        font-family: 'Gilroy', sans-serif;
        font-weight: 500;
        font-size: 14px;
        padding: 7px 12px 5px;
        border-radius: 8px;
        z-index: 2;
        box-shadow: 0px 15px 22px 0px #0000001A;
        text-transform: uppercase;
        letter-spacing: 0.5px;
    }

    /* Цвета для разных типов бейджей */
    .product-badge.product-badge-action {
        background: #CF6F49;
    }

    /* Акция — жёлтый */
    .product-badge.product-badge-new {
        background: #CF4949;
    }

    /* Новинка — зелёный */
    .product-badge.product-badge-popular {
        background: #188725;
    }

    /* Популярное — красный (как первый) */

    .bm__more {
        width: 100%;
        /* height: 53px; */
        background: #CF6F49;
        border: none;
        border-radius: 8px;
        font-family: 'Gilroy', sans-serif;
        font-weight: 600;
        font-size: 16px;
        line-height: 130%;
        /* 20.8px */
        letter-spacing: 0%;
        text-align: center;
        color: #FFFFFF;
        /* белый текст на оранжевом фоне */
        cursor: pointer;
        padding: 16px 0;
        /* top & bottom = 16px */
        margin: -16px auto 0;
        /* отступ сверху + центрирование */
        display: flex;
        align-items: center;
        justify-content: center;
        box-sizing: border-box;
        outline: none;
        transition: background-color 0.2s ease;
    }

    .bm__more:hover {
        background: #B95A3A;
        /* чуть темнее при наведении */
    }







    .type__kromki {
        /* width:315px; */
        /* height:54px; */
        /* text-align: center; */
    }



    .span__kromki {
        margin-top: 20px;
        width: 315px;
        height: 30px;
        padding: 8px 30px;
        /* ← по твоему ТЗ */
        background-color: #CF6F491A;
        /* полупрозрачный оранжевый */
        display: flex;
        align-items: center;
        /* вертикальное центрирование */
        justify-content: center;
        /* горизонтальное центрирование */
    }

    .span__kromki p {
        width: 255px;
        height: 14px;
        font-family: 'Gilroy', sans-serif;
        font-weight: 500;
        font-size: 14px;
        line-height: 100%;
        /* ← по твоему ТЗ */
        letter-spacing: 0%;
        text-transform: uppercase;
        color: #555555;
        /* ← по твоему ТЗ */
        margin: 0;
        /* убираем дефолтный margin у <p> */
        /* text-align: center; */
    }

    /* Контейнер кнопок — по твоим параметрам из Figma */
    .button__kromki {
        width: 315px;
        height: 46px;
        border-radius: 8px;
        border: 1px solid #5555554D;
        padding: 4px;
        display: flex;
        justify-content: space-between;
        align-items: center;
        box-sizing: border-box;
        background: transparent;
        margin: 12px auto;
    }

    /* Стиль внутренних кнопок */
    .kromki-btn {
        flex: 1;
        /* растягиваем кнопки на равное пространство */
        height: 100%;
        border: none;
        background: transparent;
        font-family: 'Gilroy', sans-serif;
        font-weight: 500;
        font-size: 14px;
        color: #555555;
        cursor: pointer;
        border-radius: 6px;
        transition: all 0.2s ease;
        margin: 0 2px;
        /* небольшой отступ между кнопками */
    }

    /* Состояние активной кнопки */
    .kromki-btn.active {
        background: #CF6F49;
        color: white;
    }

    /* Hover на неактивную кнопку */
    .kromki-btn:hover:not(.active) {
        background: #f0f0f0;
    }

    /* Убираем outline при фокусе (для чистоты) */
    .kromki-btn:focus {
        outline: none;
    }

    /* ===== Чекбоксы: Простые / Фигурные кромки ===== */
    .chkbox__kromki {
        width: 315px;
        height: 60px;
        border-radius: 8px;
        border: 1px solid #5555554D;
        padding: 4px 0;
        display: flex;
        justify-content: space-between;
        align-items: center;
        box-sizing: border-box;
        margin: 16px auto;
        background: transparent;
    }

    .kromki-option {
        width: 150px;
        height: 52px;
        padding: 4px 8px;
        display: flex;
        align-items: center;
        gap: 8px;
        box-sizing: border-box;
        position: relative;
        cursor: pointer;
        /* ← УБРАНО: border-bottom и градиент — нет пунктира! */
    }

    /* Стиль чекбокса — кликабельный */
    .kromki-checkbox {
        appearance: none;
        -webkit-appearance: none;
        width: 36px;
        height: 36px;
        padding: 2px;
        border: 1px solid #555555;
        border-radius: 6px;
        cursor: pointer;
        display: flex;
        align-items: center;
        justify-content: center;
        background: white;
        transition: all 0.2s ease;
        aspect-ratio: 1 / 1;
        background-repeat: no-repeat;
        background-position: center;
    }

    .kromki-checkbox:checked {
        background: #CF6F49;
        background-image: url(data:image/svg+xml,%3Csvg%20width%3D%2216%22%20height%3D%2213%22%20viewBox%3D%220%200%2016%2013%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M16%202.4L5.6%2012.8L1.74595e-08%207.2L2.4%204.8L5.6%208L13.6%20-3.2979e-08L16%202.4Z%22%20fill%3D%22white%22%2F%3E%0A%3C%2Fsvg%3E);
        background-repeat: no-repeat;
        background-position: center;
    }

    .kromki-checkbox:checked::after {
        content: '';
        color: white;
        font-size: 18px;
        font-weight: bold;
    }

    /* Стиль текста — ИСПРАВЛЕНО: серый текст, прозрачный фон */
    /* .kromki-label {
  align-items: center;
  justify-content: center;
  font-family: 'Gilroy', sans-serif;
  font-weight: 500;
  font-size: 14px;
  line-height: 156%;
  letter-spacing: 0%;
  border-radius: 6px;
  user-select: none;
}*/

    .kromki-slider {
        margin-top: 10px;
        overflow-x: scroll;
        display: flex;
        gap: 40px;
    }

    .kromki-slider-item {
        width: 200px;
    }

    .kromki-slider-item-label {
        margin-top: 20px;
        font-family: Gilroy;
        font-weight: 400;
        font-size: 14px;
        text-align: center;
        color: #555555;
    }





    /* ===== Контейнер блока — 315×285.445px ===== */
    .kromki_vid {
        /* width: 315px; */
        /* height: 285.445px; */
        border-radius: 8px;
        padding: 8px;
        background: #5555550D;
        border: 1px solid #5555554D;
        box-sizing: border-box;
        margin: 20px auto;
    }

    /* ===== Таблица внутри — 299×269.445px ===== */
    .kromki_table {
        /* width: 299px; */
        /* height: 269.445px; */
        /* display: flex; */
        flex-direction: column;
        gap: 64px;
        /* между блоками */
        padding: 0;
        box-sizing: border-box;
    }

    /* ===== Элемент списка вариантов — 284×38px ===== */
    .kromki-item {
        /* width: 284px; */
        /* height: 38px; */
        padding: 8px 2px;
        /* display: flex; */
        align-items: center;
        gap: 10px;
        box-sizing: border-box;
    }

    /* Сплошная граница */
    .solid-border {
        border-bottom: 1px solid #CF6F49;
    }

    /* Пунктирная граница */
    .dashed-border {
        border-bottom: 1px dashed #CF6F49;
        background: repeating-linear-gradient(90deg, #CF6F49, #CF6F49 4px, transparent 4px, transparent 8px) bottom / 100% 1px no-repeat;
    }

    /* Текст на сером фоне */
    .kromki-option .kromki-label {}

    .kromki-option-label {
        font-family: Gilroy;
        font-weight: 500;
        font-size: 14px;
        line-height: 1.46;
    }

    .kromki-label {
        font-family: 'Gilroy', sans-serif;
        font-weight: 600;
        font-size: 14px;
        line-height: 156%;
        letter-spacing: 0%;
        text-transform: uppercase;
        color: white;
        /* background: #555555; */
        border-radius: 4px;
        /* display: flex; */
        align-items: center;
        justify-content: center;
        padding: 0 8px;
        box-sizing: border-box;
        color: #CF6F49;
        text-align: center;
        padding-bottom: 8px;
    }

    /* ===== Блок со схемами — 299×167.445px ===== */
    .scheme-container {
        width: 299px;
        height: 167.445px;
        padding: 4px 0;
        display: flex;
        justify-content: space-between;
        gap: 40px;
        align-items: center;
        box-sizing: border-box;
    }

    /* ===== Одна схема — 199.999×157.838px ===== */
    .scheme-item {
        width: 199.999px;
        height: 157.838px;
        position: relative;
        background: transparent;
    }

    /* ===== Слои внутри схемы ===== */

    /* Слой 1 — рамка с оранжевой границей */
    .layer-1 {
        position: absolute;
        width: 86.9565px;
        height: 87.267px;
        top: 28.57px;
        left: 0;
        border: 2px solid #CF6F49;
        box-sizing: border-box;
    }

    /* Слой 2 — белый прямоугольник справа */
    .layer-2 {
        position: absolute;
        width: 110.2484px;
        height: 44.0994px;
        top: 14.6px;
        left: 89.75px;
        background: #FFFFFF;
        border: 1px solid #FFFFFF;
        box-sizing: border-box;
    }

    /* Слой 3 — серый прямоугольник слева */
    .layer-3 {
        position: absolute;
        width: 70.4969px;
        height: 62.2142px;
        top: 44.41px;
        left: 7.45px;
        background: #CCCBC7;
        box-sizing: border-box;
    }

    /* Слой 4 — светло-серый фон под всем */
    .layer-4 {
        position: absolute;
        width: 193.7888px;
        height: 112.7329px;
        left: 6.21px;
        top: 0;
        background: #EEEEE9;
        border: 1px solid #FFFFFF;
        box-sizing: border-box;
    }


    /* ===== Блок "Типы углов" — 315×776.141px ===== */
    .ugol__block {
        width: 315px;
        height: 776.141px;
        border-radius: 32px;
        padding: 16px;
        background: #FFFFFF;
        border: 1px solid #5555554D;
        box-sizing: border-box;
        margin: 20px auto;
        display: flex;
        flex-direction: column;
        gap: 10px;
    }

    /* ===== Блок схемы — 275×364.141px ===== */
    .shema img {
        max-width: 100%;
    }

    /* ===== Блок с контентом углов — 275×340px ===== */
    .cartutipugl {
        /* width: 275px; */
        /* height: 340px; */
        padding: 4px 0;
        /* display: flex; */
        flex-direction: column;
        justify-content: space-between;
        align-self: center;
        /* центрируем по горизонтали */
        background: transparent;
        margin-top: 30px;
    }

    /* ===== Заголовок внутри cartutipugl — 170×44px ===== */
    .ugol__label {
        /* width: 170px; */
        /* height: 44px; */
        font-family: 'Gilroy', sans-serif;
        font-weight: 400;
        font-size: 14px;
        line-height: 156%;
        letter-spacing: 0%;
        text-transform: uppercase;
        color: #555555;
        background: #ffffff;
        border-radius: 4px;
        display: flex;
        align-items: center;
        justify-content: center;
        align-self: center;
        /* центрируем заголовок */
        padding: 0 8px;
        box-sizing: border-box;
    }

    /* ===== Контейнер для изображений углов ===== */
    .ugol-images {
        display: flex;
        justify-content: space-between;
        gap: 16px;
        flex-wrap: wrap;
        margin-top: 24px;
    }

    /* ===== Стиль изображений — 120×120px, border-radius: 8px ===== */
    .ugol-image {
        width: 120px;
        height: 120px;
        border-radius: 8px;
        object-fit: cover;
        box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
        transition: transform 0.2s ease;
    }

    .ugol-image:hover {
        transform: scale(1.03);
    }

    .nash__text {
        /* ===== Текстовый блок "nash__text" — 315×36px ===== */
        width: 315px;
        height: 36px;
        background: white;
        font-family: 'Gilroy', sans-serif;
        font-weight: 400;
        font-size: 14px;
        line-height: 130%;
        letter-spacing: 0%;
        color: #555555;
        /* предполагаю, что текст белый на тёмном фоне */
        display: flex;
        align-items: center;
        justify-content: center;
        margin: 12px auto;
        /* центрирование + отступы */
        /* padding: 0 16px; */
        /* внутренние отступы по бокам */
        box-sizing: border-box;
        border-radius: 4px;
        /* опционально — для мягкости */
    }





    /* ===== Контейнер слайдера — 375px ширина, прокрутка ===== */
    .nash__camen .title {
        text-align: left;
        padding: 0;
        margin-left: 0px;
        display: block;
    }

    .nash__content {
        width: calc(100% + 60px);
        height: 420px;
        padding: 0 30px;
        display: flex;
        overflow-x: auto;
        gap: 20px;
        /* scroll-snap-type: x mandatory; */
        -webkit-overflow-scrolling: touch;
        margin: 20px auto;
        box-sizing: border-box;
        margin-left: -30px;
    }

    /* ===== Карточка внутри слайдера — 315px ширина ===== */
    .nash__card {
        min-width: 315px;
        width: 315px;
        height: 100%;
        display: flex;
        flex-direction: column;
        scroll-snap-align: start;
    }

    /* ===== Переключатели табов — 315×52px ===== */
    .nash__tabs {
        width: 315px;
        height: 52px;
        display: flex;
        justify-content: space-between;
        box-sizing: border-box;
    }

    .nash__tab {
        width: 150px;
        height: 52px;
        padding: 8px 0;
        /* background: #FFFFFF; */
        /* border-top: 1px solid #5555554D; */
        /* border-right: 1px solid #5555554D; */
        /* border-left: 1px solid #5555554D; */
        /* border-top-left-radius: 8px; */
        /* border-top-right-radius: 8px; */
        /* box-shadow: 0px 5px 5px 0px #0000000D; */
        display: flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
        transition: all 0.2s ease;
        font-family: 'Gilroy', sans-serif;
        font-weight: 700;
        font-size: 14px;
        line-height: 130%;
        letter-spacing: 0%;
        text-transform: uppercase;
        color: #555555;
        /* background: #555555; */
        box-sizing: border-box;
    }

    .nash__tab.active {
        /* background: #CF6F49; */
    }


    .nash__images {
        display: flex;
        gap: 15px;
        /* padding: 16px 0; */
        justify-content: center;
        max-width: 100%;
    }

    .nash__image {
        /* width: 100%; */
        height: 150px;
        object-fit: cover;
        /* border-radius: 8px; */
        box-shadow: 0px 9px 30px 0px #00000017;
        aspect-ratio: 1 / 1;
    }


    .nash__text-blocks {
        width: 315px;
        height: 194px;
        padding: 12px 8px;
        display: flex;
        flex-direction: column;
        gap: 4px;
        border-bottom: 1px solid #5555554D;
        box-sizing: border-box;
        background: white;
        box-shadow: 0px 5px 20px 0px #0000000D;
    }


    .nash__text-row {
        display: flex;
        align-items: center;
        gap: 8px;
    }


    .nash__divider {
        width: 16px;
        height: 0;
        border: 1px solid #9A9A9A;
    }

    .nash__text-label {
        /* width: 267px; */
        /* height: 22px; */
        font-family: 'Gilroy', sans-serif;
        font-weight: 500;
        font-size: 14px;
        line-height: 156%;
        letter-spacing: 0%;
        text-transform: uppercase;
        color: #555555;
        border-radius: 4px;
        display: flex;
        align-items: center;
        padding: 0 8px;
        box-sizing: border-box;
    }






    .podbor__kamnya {
        /* width: 375px; */
        /* height: 459px; */
        padding: 40px 0;
        display: flex;
        flex-direction: column;
        gap: 16px;
        box-sizing: border-box;
        margin: 0 auto;
    }


    .podbor__title {
        /* width: 315px; */
        /* height: 23px; */
        font-family: 'Gilroy', sans-serif;
        font-weight: 600;
        font-size: 18px;
        line-height: 130%;
        letter-spacing: 0%;
        color: #555555;
        border-radius: 4px;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 0 8px;
        box-sizing: border-box;
        align-self: center;
        margin-bottom: 16px;
    }


    .podbor__slider {
        width: calc(100% + 60px);
        /* height: 239px; */
        display: flex;
        gap: 20px;
        overflow-x: scroll;
        /* scroll-snap-type: x mandatory; */
        -webkit-overflow-scrolling: touch;
        padding-bottom: 16px;
        box-sizing: border-box;
        align-self: center;
        padding-left: 30px;
        padding-right: 30px;
    }


    .stone-card {
        width: 150px;
        /* height: 239px; */
        flex-shrink: 0;
        scroll-snap-align: start;
        /* display: flex; */
        /* flex-direction: column; */
        background: #FFFFFF;
        /* border: 1px solid #5555550D; */
        border-top: none;
        border-bottom: none;
        box-sizing: border-box;
    }


    .stone-image-container {
        /* width: 150px; */
        /* height: 180px; */
        position: relative;
        border-top-left-radius: 8px;
        border-top-right-radius: 8px;
        overflow: inherit;
    }


    .stone-image {
        /* width: 150px; */
        height: 150px;
        object-fit: cover;
        aspect-ratio: 1 / 1;
        border-top-left-radius: 8px;
        border-top-right-radius: 8px;
    }


    .badge {
        position: absolute;
        top: 4px;
        left: 4px;
        width: 55px;
        height: 18px;
        border-radius: 4px;
        padding: 3px 8px 3px 8px;
        background: #CF4949;
        box-shadow: 0px 15px 22px 0px #0000001A;
        font-family: 'Gilroy', sans-serif;
        font-weight: 500;
        font-size: 12px;
        line-height: 100%;
        letter-spacing: 0%;
        text-transform: uppercase;
        color: white;
        background: #CF4949;
        display: flex;
        align-items: center;
        justify-content: center;
        box-sizing: border-box;
    }


    .stone-name {
        /* width: 134px; */
        /* height: 40px; */
        font-family: 'Gilroy', sans-serif;
        font-weight: 500;
        font-size: 12px;
        line-height: 130%;
        letter-spacing: 0%;
        color: #555555;
        display: flex;
        align-items: center;
        box-sizing: border-box;
        align-self: center;
        padding: 8px;
        border-bottom: 1px solid #5555550D;
    }

    .stone-price-line {
        padding: 8px;
        display: flex;
        justify-content: space-between;
        border-bottom: 1px solid #5555550D;
    }

    .stone-price {
        font-family: Gilroy;
        font-weight: 700;
        font-size: 14px;
        line-height: 100%;
        vertical-align: middle;
        color: #CF4949;
    }

    .stone-old-price {
        background: #555555;
        position: absolute;
        bottom: -2px;
        left: 10px;
        padding: 2px 8px;
        font-family: Gilroy;
        font-weight: 500;
        font-size: 9px;
        line-height: 100%;
        vertical-align: middle;
        text-decoration: line-through;
        color: white;
        border-radius: 10px;
    }


    .stone-rating {
        /* width: 150px; */
        /* height: 19px; */
        padding: 4px 8px 6px 8px;
        display: flex;
        justify-content: space-between;
        align-items: center;
        background: #FFFFFF;
        border-bottom-left-radius: 8px;
        border-bottom-right-radius: 8px;
        box-sizing: border-box;
    }

    .rating {
        font-family: Gilroy;
        font-weight: 600;
        font-size: 9px;
        line-height: 100%;
        vertical-align: middle;
    }

    .rating::before {
        content: '';
        display: inline-block;
        background: url(data:image/svg+xml,%3Csvg%20width%3D%229%22%20height%3D%2210%22%20viewBox%3D%220%200%209%2010%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M3.87356%201.2134C4.08513%200.626701%204.91487%200.626702%205.12644%201.2134L5.79099%203.05629C5.88356%203.31301%206.1234%203.48726%206.39616%203.49597L8.35421%203.55851C8.97757%203.57843%209.23397%204.36755%208.74136%204.75007L7.19403%205.95157C6.97849%206.11895%206.88687%206.40089%206.96288%206.663L7.50847%208.54454C7.68216%209.14354%207.01089%209.63125%206.49487%209.28096L4.87402%208.18064C4.64823%208.02737%204.35177%208.02737%204.12598%208.18064L2.50513%209.28096C1.98911%209.63125%201.31784%209.14354%201.49153%208.54454L2.03712%206.663C2.11313%206.40089%202.02152%206.11895%201.80597%205.95157L0.258636%204.75007C-0.233972%204.36755%200.0224317%203.57843%200.645795%203.55851L2.60384%203.49597C2.8766%203.48726%203.11644%203.31301%203.20902%203.05629L3.87356%201.2134Z%22%20fill%3D%22%23CF6F49%22%2F%3E%0A%3C%2Fsvg%3E);
        background-repeat: no-repeat;
        width: 9px;
        height: 9px;
        margin-right: 4px;
        position: relative;
        top: 0.5px;
    }

    .comments-count {
        font-family: Gilroy;
        font-weight: 600;
        font-size: 9px;
        line-height: 100%;
        vertical-align: middle;
    }

    .comments-count::before {
        content: '';
        display: inline-block;
        background: url(data:image/svg+xml,%3Csvg%20width%3D%229%22%20height%3D%228%22%20viewBox%3D%220%200%209%208%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M7.59376%200.132812H1.40626C1.21978%200.132813%201.04093%200.206892%200.909072%200.338753C0.77721%200.470615%200.703131%200.649457%200.703131%200.835938V6.46094C0.70257%206.59484%200.740602%206.72607%200.812677%206.83892C0.884751%206.95177%200.987816%207.04146%201.10954%207.09727C1.20296%207.14106%201.30484%207.16385%201.40801%207.16406C1.57312%207.16367%201.73277%207.10489%201.85872%206.99812L1.86294%206.99426L2.96966%206.03906H7.59376C7.78024%206.03906%207.95908%205.96498%208.09094%205.83312C8.2228%205.70126%208.29688%205.52242%208.29688%205.33594V0.835938C8.29688%200.649457%208.2228%200.470615%208.09094%200.338753C7.95908%200.206892%207.78024%200.132813%207.59376%200.132812Z%22%20fill%3D%22%23555555%22%20fill-opacity%3D%220.2%22%2F%3E%0A%3C%2Fsvg%3E);
        background-repeat: no-repeat;
        width: 8px;
        height: 8px;
        margin-right: 4.7px;
        position: relative;
        top: 1.8px;
    }

    .stone-info-icon::before {
        content: '';
        display: inline-block;
        background: url(data:image/svg+xml,%3Csvg%20width%3D%2210%22%20height%3D%2211%22%20viewBox%3D%220%200%2010%2011%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M4.5%208.08594H5.5V5.08594H4.5V8.08594ZM5%204.08594C5.14167%204.08594%205.2605%204.03794%205.3565%203.94194C5.4525%203.84594%205.50033%203.72727%205.5%203.58594C5.49967%203.4446%205.45167%203.32594%205.356%203.22994C5.26033%203.13394%205.14167%203.08594%205%203.08594C4.85833%203.08594%204.73967%203.13394%204.644%203.22994C4.54833%203.32594%204.50033%203.4446%204.5%203.58594C4.49967%203.72727%204.54767%203.8461%204.644%203.94244C4.74033%204.03877%204.859%204.0866%205%204.08594ZM5%2010.5859C4.30833%2010.5859%203.65833%2010.4546%203.05%2010.1919C2.44167%209.92927%201.9125%209.5731%201.4625%209.12344C1.0125%208.67377%200.656334%208.1446%200.394001%207.53594C0.131667%206.92727%200.000333966%206.27727%206.32911e-07%205.58594C-0.0003327%204.8946%200.131001%204.2446%200.394001%203.63594C0.657001%203.02727%201.01317%202.4981%201.4625%202.04844C1.91183%201.59877%202.441%201.2426%203.05%200.979938C3.659%200.717271%204.309%200.585938%205%200.585938C5.691%200.585937%206.341%200.717271%206.95%200.979938C7.559%201.2426%208.08817%201.59877%208.5375%202.04844C8.98683%202.4981%209.34317%203.02727%209.6065%203.63594C9.86983%204.2446%2010.001%204.8946%2010%205.58594C9.999%206.27727%209.86767%206.92727%209.606%207.53594C9.34433%208.1446%208.98817%208.67377%208.5375%209.12344C8.08683%209.5731%207.55767%209.92944%206.95%2010.1924C6.34233%2010.4554%205.69233%2010.5866%205%2010.5859Z%22%20fill%3D%22%23CF6F49%22%2F%3E%0A%3C%2Fsvg%3E);
        background-repeat: no-repeat;
        width: 11px;
        height: 11px;
        position: relative;
        top: -2px;
    }


    /* ===== Звезды ===== */
    .stars {
        display: flex;
        gap: 4px;
        width: 116px;
    }

    .star {
        width: 9px;
        height: 9px;
        background: #555555;
    }

    .star.full {
        background: #CF6F49;
    }

    .star.half {
        background: linear-gradient(90deg, #CF6F49 50%, #555555 50%);
    }


    .rating-text {
        font-family: 'Gilroy', sans-serif;
        font-weight: 600;
        font-size: 9px;
        line-height: 100%;
        letter-spacing: 0%;
        color: #555555;
        background: #FFFFFF;
        padding: 0 4px;
        border-radius: 2px;
    }


    .comments-icon {
        width: 18px;
        height: 9px;
        display: flex;
        align-items: center;
        gap: 4px;
    }

    .comment-dot {
        width: 9px;
        height: 9px;
        border-radius: 50%;
        background: #55555533;
        position: relative;
    }

    .comment-dot::after {
        content: '';
        position: absolute;
        width: 7.59375px;
        height: 7.03125px;
        top: 1.55px;
        left: 0.7px;
        background: #555555;
        border-radius: 50%;
    }

    /* ===== Цена — 50×13px ===== */
    /* .stone-price {
  width: 50px;
  height: 13px;
  padding: 2px 8px;
  border-radius: 4px;
  background: #555555;
  font-family: 'Gilroy', sans-serif;
  font-weight: 500;
  font-size: 9px;
  line-height: 100%;
  letter-spacing: 0%;
  text-decoration: line-through;
  color: white;
  background: #FFFFFF;
  display: flex;
  align-items: center;
  justify-content: center;
  align-self: center;
  margin-top: 4px;
  box-sizing: border-box;
} */

    /* ===== Индикаторы слайдера — 315×8px ===== */
    .owl-theme .owl-dots {
        /* width: 315px; */
        height: 8px;
        display: flex;
        gap: 8px;
        justify-content: center;
        align-self: center;
    }

    .owl-theme .owl-dots .owl-dot span {
        display: none;
    }

    .owl-theme .owl-dots .owl-dot {
        width: 8px;
        height: 8px;
        border-radius: 50%;
        border: 1px solid #CF6F49;
        background: linear-gradient(85.91deg, #FFFFFF 2.09%, rgba(221, 221, 221, 0.46) 97.31%);
    }

    .owl-theme .owl-dots .owl-dot.active {
        background: #CF6F49;
    }

    .nash__camen .owl-theme .owl-dots .owl-dot {
        border: 1px solid #406F87;
        background: linear-gradient(85.91deg, #FFFFFF 2.09%, rgba(221, 221, 221, 0.46) 97.31%);
    }

    .nash__camen .owl-theme .owl-dots .owl-dot.active {
        background: #406F87;
    }



    /* ===== Блок "О компании" — 375×766px ===== */
    .about__company {
        width: 100%;
        /* height: 766px; */
        padding: 0 30px;
        display: flex;
        flex-direction: column;
        gap: 24px;
        box-sizing: border-box;
        margin: 0 auto;
        margin-bottom: 32px;
    }

    /* ===== Контейнер — 315×689px ===== */
    .about__container {
        /* width: 315px; */
        /* height: 689px; */
        display: flex;
        flex-direction: column;
        gap: 20px;
        align-self: center;
        box-sizing: border-box;
    }

    /* ===== Внутренний блок — 315×433px ===== */
    .about__inner {
        /* width: 315px; */
        /* height: 433px; */
        display: flex;
        flex-direction: column;
        gap: 40px;
        box-sizing: border-box;
    }

    /* ===== Блок заголовка и описания — 315×160px ===== */
    .about__header {
        /* width: 315px; */
        /* height: 160px; */
        display: flex;
        flex-direction: column;
        gap: 8px;
        box-sizing: border-box;
    }

    .about__header .title {
        text-align: left;
        margin-left: 0;
    }

    /* ===== Заголовок "О компании" — 142×44px ===== */
    .about__title {
        width: 142px;
        height: 44px;
        font-family: 'Bebas Neue', sans-serif;
        font-weight: 400;
        font-size: 36px;
        line-height: 122%;
        letter-spacing: 0%;
        text-transform: uppercase;
        color: white;
        background: #406F87;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 0 8px;
        box-sizing: border-box;
        border-radius: 4px;
    }

    /* ===== Описание — 315×108px ===== */
    .about__description {
        /* width: 315px; */
        /* height: 108px; */
        font-family: 'Gilroy', sans-serif;
        font-weight: 400;
        font-size: 14px;
        line-height: 130%;
        letter-spacing: 0%;
        color: #555555;
        /* background: #555555; */
        /* display: flex; */
        align-items: center;
        /* padding: 0 16px; */
        box-sizing: border-box;
        border-radius: 4px;
    }


    /* ===== Блок "Плюсы компании" — 315×241px ===== */
    .plusi__comp {
        /* width: 315px; */
        /* height: 241px; */
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 15px;
        margin: 0 auto;
        box-sizing: border-box;
    }

    /* ===== Карточка — 150×122px ===== */
    .plus-card {
        /* width: 150px; */
        /* height: 122px; */
        padding: 8px 12px;
        border-radius: 8px;
        border-bottom: 1px solid #5555554D;
        background: linear-gradient(180deg, rgba(207, 111, 73, 0.1) 0%, rgba(64, 111, 135, 0.05) 100%);
        display: flex;
        flex-direction: column;
        gap: 8px;
        box-sizing: border-box;
        text-align: left;
        align-items: flex-start;
    }

    /* ===== Контейнер числа и текста — 126×106px ===== */
    .plus-card-inner {
        width: 126px;
        height: 106px;
        display: flex;
        flex-direction: column;
        gap: 8px;
    }

    /* ===== Большое число — 75×44px ===== */
    .plus-number {
        /* width: 75px; */
        /* height: 44px; */
        font-family: 'Bebas Neue', sans-serif;
        font-weight: 400;
        font-size: 36px;
        line-height: 122%;
        letter-spacing: 0%;
        text-transform: uppercase;
        color: #406F87;
        display: flex;
        align-items: center;
        justify-content: center;
        /* padding: 0 8px; */
        box-sizing: border-box;
        border-radius: 4px;
        /* align-self: center; */
    }

    /* ===== Описание — под числом ===== */
    .plus-text {
        font-family: 'Gilroy', sans-serif;
        font-weight: 400;
        font-size: 12px;
        line-height: 130%;
        letter-spacing: 0%;
        color: #222;
        text-align: left;
        padding: 0 4px;
        box-sizing: border-box;
    }

    /* ===== Блок "Плюсы (картинки)" — 315×236px ===== */
    .plus__pic {
        width: 100%;
        /* height: 236px; */
        /* display: flex; */
        flex-direction: row;
        gap: 16px;
        align-items: center;
        justify-content: flex-start;
        box-sizing: border-box;
        margin: 0 auto;
        background: transparent;
        overflow-x: scroll;
        padding-left: 30px;
        padding-right: 30px;
        margin-top: 20px;
    }

    /* ===== Стиль изображений — 315×110px, border-radius: 8px ===== */
    .plus-image {
        width: 315px;
        /* height: 110px; */
        border-radius: 8px;
        object-fit: cover;
        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
        /* опционально */
        aspect-ratio: 315 / 236;
    }

    /* ===== Кнопка "Сотрудничать с нами" ===== */
    /* ===== Кнопка "Сотрудничать с нами" ===== */
    .sotr__snami {
        width: 315px;
        height: 53px;
        padding: 16px 40px;
        gap: 8px;
        border-radius: 8px;
        background: #406F87;
        border: none;
        cursor: pointer;
        display: flex;
        align-items: center;
        justify-content: center;
        box-sizing: border-box;
        margin: 20px auto;
        outline: none;
        transition: background-color 0.2s ease;

        /* Текст */
        font-family: 'Gilroy', sans-serif;
        font-weight: 600;
        font-size: 16px;
        line-height: 130%;
        letter-spacing: 0%;
        text-align: center;
        color: white;
        /* ← белый текст на синем фоне */
    }

    .sotr__snami:hover {
        background: #365e73;
    }


    /* ===== Блок "Как мы работаем" — 375×772px ===== */
    .usl__raboti {
        width: 375px;
        height: 772px;
        padding: 0 30px;
        display: flex;
        flex-direction: column;
        gap: 24px;
        box-sizing: border-box;
        margin: 0 auto;
    }

    /* ===== Заголовок — 304×68px ===== */
    .usl__title {
        width: 304px;
        height: 68px;
        font-family: 'Bebas Neue', sans-serif;
        font-weight: 400;
        font-size: 36px;
        line-height: 122%;
        letter-spacing: 0%;
        text-transform: uppercase;
        color: #406F87;
        background: #ffffff;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 24px 0;
        box-sizing: border-box;
        border-radius: 4px;
    }

    /* ===== Контейнер этапов — 316×704px ===== */
    .usl__steps {
        /* width: 316px; */
        height: 680px;
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 24px;
        position: relative;
        box-sizing: border-box;
    }

    /* ===== Карточка этапа — 150×200px и т.д. ===== */
    .usl__step {
        position: relative;
        /* width: 150px; */
        /* height: 200px; */
        display: flex;
        flex-direction: column;
        gap: 8px;
        box-sizing: border-box;
    }

    /* ===== Иконка — 40×40px, оранжевая ===== */
    .usl__icon {
        /* width: 40px; */
        /* height: 40px; */
        /* border: 1px solid #CF6F49; */
        /* border-radius: 50%; */
        /* background: #CF6F49; */
        /* display: flex; */
        /* align-items: center; */
        /* justify-content: center; */
        /* color: white; */
        /* font-size: 20px; */
        position: absolute;
        top: 15px;
        left: 0;
        z-index: 5;
    }

    /* ===== Номер этапа — 100px, белый текст на светлом фоне ===== */
    .usl__number {
        width: 100px;
        height: 100px;
        font-family: 'Gilroy', sans-serif;
        font-weight: 600;
        font-size: 100px;
        line-height: 122%;
        letter-spacing: 0%;
        text-transform: uppercase;
        color: #ECF1F3;
        background: #ffffff;
        display: flex;
        align-items: center;
        justify-content: center;
        position: absolute;
        top: -35px;
        left: 0;
        z-index: 1;
    }

    /* ===== Заголовок этапа — 147×20px ===== */
    .usl__header {
        /* width: 147px; */
        /* height: 20px; */
        font-family: 'Gilroy', sans-serif;
        font-weight: 600;
        font-size: 16px;
        line-height: 100%;
        letter-spacing: 0%;
        color: #406F87;
        /* background: #ffffff; */
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 0 8px;
        box-sizing: border-box;
        border-radius: 4px;
        position: absolute;
        top: 70px;
        left: 0;
        z-index: 2;
    }


    .usl__text {
        /* width: 150px; */
        /* height: 72px; */
        font-family: 'Gilroy', sans-serif;
        font-weight: 400;
        font-size: 14px;
        line-height: 130%;
        letter-spacing: 0%;
        color: #555555;
        background: #ffffff;
        display: flex;
        align-items: center;
        padding: 0 8px;
        box-sizing: border-box;
        border-radius: 4px;
        position: absolute;
        top: 104px;
        left: 0;
        z-index: 2;
    }



    .CEO-Text {
        /* width: 375px; */
        /* height: 808px; */
        padding: 0;
        gap: 32px;
        border-radius: 8px;
        border-bottom: 1px solid #5555554D;
        background: #FFFFFF;
        display: flex;
        flex-direction: column;
        box-sizing: border-box;
        margin: 0 auto;
    }


    .ceo-title {
        /* width: 315px; */
        /* height: 132px; */
        font-family: 'Bebas Neue', sans-serif;
        font-weight: 400;
        font-size: 36px;
        line-height: 122%;
        letter-spacing: 0%;
        text-transform: uppercase;
        color: #CF6F49;
        background: #ffffff;
        display: flex;
        align-items: center;
        justify-content: center;
        /* padding: 0 16px; */
        box-sizing: border-box;
        border-radius: 4px;
        align-self: center;
    }

    .kromki-tab.partially-visible {
        position: relative;
    }

    .ceo-text-blocks {
        /* width: 315px; */
        /* height: 564px; */
        display: flex;
        flex-direction: column;
        gap: 20px;
        align-self: center;
        box-sizing: border-box;
    }


    .ceo-text {
        /* width: 315px; */
        /* height: 144px; */
        font-family: 'Gilroy', sans-serif;
        font-weight: 500;
        font-size: 14px;
        line-height: 130%;
        letter-spacing: 0%;
        color: rgb(0, 0, 0);
        background: #ffffff;
        display: flex;
        align-items: center;
        /* padding: 0 16px; */
        box-sizing: border-box;
        border-radius: 4px;
    }
}

section#sale-slider .swiper-slide img {
    height: 400px;
    border-radius: 8px 8px 0 0;
    object-fit: cover;
}

.sale-slide-title {
    color: white;
    font-family: 'Bebas Neue';
    font-size: 34px;
    line-height: 1.2;
    padding-bottom: 1px;
    margin-top: -6px;
}

#sale-slider .blog-slide-excerpt {
    text-transform: uppercase;
    margin-bottom: 0;
}

#sale-slider .section-title {
    margin-bottom: 30px;
}

.custom-pagination {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 40px;
    padding: 0 20px;
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
}

.progress-container {
    width: 100%;
    height: 2px;
    background: #e0e0e0;
    position: relative;
    margin-bottom: 20px;
}

.progress-line {
    position: absolute;
    top: 0px;
    left: 0;
    height: 100%;
    background: #cb7246;
    transition: width 0.3s ease;
    width: 0%;
}

.progress-steps {
    display: flex;
    justify-content: space-between;
    width: 100%;
    position: absolute;
    top: -9px;
}

.progress-step {
    width: 1px;
    height: 19px;
    border-radius: 0;
    background: #828282;
    border: 0;
    cursor: pointer;
    position: relative;
    transition: all 0.3s ease;
}

.progress-step.active {
    background: #cb7246;
    transform: scale(1.2);
}

.step-labels {
    display: flex;
    justify-content: space-between;
    width: 100%;
    margin-top: 10px;
}

.step-label {
    font-size: 14px;
    color: #999;
    transition: all 0.3s ease;
    cursor: pointer;
    text-align: center;
    min-width: 60px;
}

.step-label.active {
    color: #cb7246;
    font-weight: 400;
}


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

.flex-wrap.a-i-c.footer-contacts-wrap {
    padding-left: 17px;
}

section#catalog-stone ul li {
    font-size: 17px;
    text-transform: uppercase;
    list-style: none;
    display: flex;
    align-items: center;
    min-width: 300px;
    margin-bottom: 50px;
}

section#catalog-stone .col-lg-3:first-child ul li:after {
    content: url(../../../img/left.svg);
    position: relative;
    margin-right: 20px;
    margin-left: 15px;
}

section#catalog-stone .col-lg-3:last-child ul li:before {
    content: url(../../../img/right.svg);
    position: relative;
    margin-right: 20px;
}

section#catalog-stone .row {
    height: 100%;
    margin-bottom: 30px;
}

section#catalog-stone ul {
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: space-between;
    /* min-height: 440px; */
}

section#catalog-stone .images {
    padding: 13px 57px;
    border: 1px dashed #ddd;
}


section#catalog-stone .images img {
    border-radius: 6px;
}

section#catalog-stone .images h4 {
    font-family: 'Bebas Neue';
    text-align: center;
    margin-top: 15px;
    font-size: 30px;
    font-weight: bold;
    color: #555555;
    margin-bottom: 5px;
}

section#catalog-stone .images .img + .img {
    margin-top: 20px;
}

section#catalog-stone .bot {
    font-size: 17px;
    text-transform: uppercase;
    list-style: none;
    display: flex;
    align-items: center;
    min-width: 300px;
    text-align: center;
    margin-top: 20px;
    background: url(../../../img/bot.svg) no-repeat center 0/100%;
    padding-top: 60px;
}


section#catalog-stone .bot:before {}

ul.page-numbers {
    display: flex;
    flex-direction: row !important;
    height: auto !important;
    width: auto !important;
    gap: 10px !important;
    justify-content: flex-start !important;
}

ul.page-numbers li {
    min-width: 10px !important;
    width: auto !important;
    margin-bottom: 0 !important
}

.jsb {
    justify-content: space-between !important;
    width: 100%
}

.footer-menu-wrap2 {
    width: 240px;
}

@media (min-width:1024px) {
    .col-lg-3 {
        flex-basis: 33.333%;
        min-height: 500px;
    }

    .col-lg-6 {
        flex-basis: 50%:
    }

    .mob {
        display: none
    }


}

@media (max-width:1023px) {
    .col-12 {
        flex-basis: 100%:
    }

    .row {
        flex-wrap: wrap;
    }

    .desc {
        display: none;
    }

    .mob {
        display: block
    }

    .mob .swiper {
        overflow: hidden;
    }

    .mob .swiper-slide h4 {
        text-transform: uppercase;
        font-weight: bold;
        font-size: 16px;
    }

    .mob .swiper-slide {
        padding-bottom: 30px
    }

    .mob .swiper-slide ul {
        padding: 0
    }

    .mob .swiper-slide ul li {
        background: url(../../../img/li.svg) no-repeat left 7px;
        padding-left: 30px;
        margin-bottom: 10px !important;
    }

    #how-work .custom-pagination {
        display: none;
    }


}

.kromki-block {
    max-width: 1200px;
    margin: 30px auto;
    padding: 0 15px;
}

/* Хедер */
.kromki-header {
    display: flex;
    margin-bottom: 30px;
}

.kromki-header-left,
.kromki-header-right {
    width: 50%;
}

.kromki-header-right {
    padding-left: 100px;
    font-size: 22px;
}

.kromki-header-left h2 {
    margin: 0;
    font-size: 24px;
}

.kromki-header-right p {
    margin: 0;
    font-size: 22px;
    color: #555555;
}

/* Заголовок с фоном */
.kromki-material-title {
    background: rgb(207 111 73 / 10%);
    padding: 13px 19px;
    margin-bottom: 20px;
    font-size: 22px;
}

.kromki-material-title span {
    font-weight: 400;
    font-size: 16px;
    text-transform: uppercase;
}

/* Переключатель материалов */
.kromki-material-switcher {
    display: flex;
    gap: 10px;
    margin-bottom: 20px;
    padding: 3px;
    border: 1px solid silver;
    border: 1px solid #e6e6e6;
    border-radius: 8px;
}

.material-btn {
    padding: 10px 40px;
    background: none;
    cursor: pointer;
    font-size: 18px;
    transition: all 0.3s;
    border-radius: 8px;
    border: none;
}

.material-btn.active {
    background: #CF6F49;
    color: white;
}

/* Переключатель типа кромок */
.kromki-type-switcher {
    margin-bottom: 30px;
    display: flex;
    gap: 10px;
    margin-bottom: 20px;
    padding: 10px 40px;
    border: 1px solid silver;
    border: 1px solid #e6e6e6;
    border-radius: 8px;
}

.type-option {
    display: flex;
    align-items: center;
    gap: 10px;
    cursor: pointer;
    font-size: 18px;
}

.type-option + .type-option {
    margin-left: 30px
}

.type-option input[type="radio"] {
    display: none;
}

.checkmark {
    width: 36px;
    height: 36px;
    border: 1px solid #555555;
    border-radius: 4px;
    position: relative;
}

.type-option input[type="radio"]:checked + .checkmark {
    background: #cf6f49;
    border-color: #cf6f49;
}

.type-option input[type="radio"]:checked + .checkmark::after {
    content: url(images/check.svg);
    color: white;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

/* Табы второго уровня */
.kromki-tabs-wrapper {
    margin-top: 20px;
}

.kromki-tabs-container {
    position: relative;
    margin-bottom: 20px;
}

.kromki-tabs {
    display: flex;
    overflow-x: auto;
    gap: 10px;
    padding-bottom: 5px;
    scroll-behavior: smooth;
    -webkit-overflow-scrolling: touch;
}

.kromki-tab {
    padding: 10px 20px;
    border: none;
    background: none;
    cursor: pointer;
    white-space: nowrap;
    font-size: 16px;
    transition: all 0.3s;
    text-transform: uppercase;
    font-weight: 600;
    border-bottom: 1px dashed #bdbdbd;
}

.kromki-tab.active {
    background: none;
    color: #cf6f49;
}

/* Сетка изображений */
.kromki-images-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
}

.kromki-image-item {
    text-align: center;
    padding: 0 30px;
}

.kromki-header-right {
    padding-left: 100px;
    font-size: 22px;
}

.kromki-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.kromki-content {
    background: #e7e7e7;
    padding: 24px;
    border-radius: 32px;
    border: 1px solid #e0e0e0;
}

.kromki-image-item img {
    width: 100%;
    height: auto;
    margin-bottom: 10px;
}

.kromki-image-subtitle {
    font-size: 20px;
    color: #666;
    margin-top: 20px;
}

/* Скрытие контента */
.kromki-tab-content {
    display: none;
}

.kromki-tab-content.active {
    display: block;
}

/* Адаптивность */
@media (max-width: 768px) {
    .kromki-header {
        flex-direction: column;
    }

    .kromki-header-left,
    .kromki-header-right {
        width: 100%;
    }

    .kromki-images-grid {
        grid-template-columns: 1fr;
    }
}

/* Табы второго уровня - скрываем скроллбар */
.kromki-tabs {
    display: flex;
    overflow-x: auto;
    gap: 10px;
    padding-bottom: 5px;
    scroll-behavior: smooth;
    -webkit-overflow-scrolling: touch;

    /* Скрываем скроллбар для разных браузеров */
    -ms-overflow-style: none;
    /* IE и Edge */
    scrollbar-width: none;
    /* Firefox */
}

/* Скрываем скроллбар для Chrome, Safari и Opera */
.kromki-tabs::-webkit-scrollbar {
    display: none;
}

.corners-block {
    max-width: 1200px;
    margin: 50px auto;
    padding: 0 15px;
}

/* Хедер */
.corners-header {
    display: flex;
    margin-bottom: 0px;
    align-items: flex-start;
}

.corners-header-left,
.corners-header-right {
    width: 50%;
}

.corners-header-left h2 {
    margin: 0;
    font-size: 24px;
    font-weight: 500;
}

.corners-header-right p {
    margin: 0;
    font-size: 16px;
    color: #666;
}

/* Сетка углов */
.corners-grid {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    justify-content: flex-start;
}

.corners-bg {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    margin-bottom: 50px;
    background: #ffffff;
    padding: 24px;
    border-radius: 32px;
    border: 1px solid #e0e0e0;
    justify-content: flex-start;
}


.corners-grid-item {
    padding: 0px;
    display: flex;
    flex-basis: 49%;
    text-align: center;
    justify-content: center;
    margin-bottom: 30px;
}

.corners-grid-item:nth-child(1),
.corners-grid-item:nth-child(2),
.corners-grid-item:nth-child(3) {
    flex-basis: 31.333%
}

.corners-grid-item img {
    max-width: 100%;
    height: auto;
    display: block;
}

/* Специальные позиции для 4-го и 5-го элементов */
.corners-grid-item.second-row-second {
    /* grid-column: 2 / 3; */
}

.corners-grid-item.third-row-first {
    /* grid-column: 1 / 2; */
}

/* Блок с примерами */
.corners-samples {
    display: flex;
    align-items: center;
    gap: 30px;
    /* border-top: 1px solid #eee; */
    padding-top: 40px;
}

.corners-samples-title {
    width: 300px;
    font-size: 20px;
    font-weight: 400;
    line-height: 1.4;
    flex-shrink: 0;
    text-transform: uppercase;
    padding-right: 30px;
}

.corners-samples-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 15px;
    flex: 1;
}

.corners-samples-item {
    aspect-ratio: 1 / 1;
    overflow: hidden;
}

.corners-samples-item a {
    display: block;
    width: 100%;
    height: 100%;
}

.corners-samples-item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.3s;
    border-radius: 8px;
}

.corners-samples-item a:hover img {
    transform: scale(1.05);
}

/* Адаптивность */
@media (max-width: 992px) {
    .corners-samples {
        flex-direction: column;
        gap: 20px;
    }

    .corners-samples-title {
        width: 100%;
    }
}

@media (max-width: 768px) {
    .corners-header {
        flex-direction: column;
        margin-bottom: 30px;
    }

    .corners-header-left,
    .corners-header-right {
        width: 100%;
    }

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

    .corners-grid-item.second-row-second {
        grid-column: auto;
    }

    .corners-grid-item.third-row-first {
        grid-column: auto;
    }

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

.sinks-block {
    max-width: 1200px;
    margin: 90px auto;
    padding: 0 15px;
}

/* Хедер */
.sinks-header {
    display: flex;
    margin-bottom: 0px;
}

.sinks-header-left,
.sinks-header-right {
    width: 50%;
}

.sinks-header-left h2 {
    margin: 0;
    font-size: 24px;
    font-weight: 500;
}

.sinks-header-right p {
    margin: 0;
    font-size: 16px;
    color: #666;
}

/* Сетка с раковинами */
.sinks-grid {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 40px;
    margin-bottom: 50px;
    background: #f7f7f7;
    padding: 24px;
    border-radius: 32px;
    border: 1px solid #e0e0e0;
}

.sinks-grid-item {
    flex: 0 1 calc(50% - 25px);
    /* 2 элемента в строке с учетом gap */
    max-width: 460px;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 30px;
}

.sinks-image-wrapper {
    width: 100%;
    margin-bottom: 15px;
    display: flex;
    justify-content: center;
}

.sinks-image-wrapper img {
    max-width: 90%;
    height: auto;
    display: block;
}

.sinks-subtitle {
    font-size: 20px;
    color: #333;
    line-height: 1.4;
    max-width: 500px;
    margin: 0 auto;
    text-align: left;
}

.sinks-subtitle strong {
    font-weight: bold
}

/* Адаптивность */
@media (max-width: 768px) {
    .sinks-header {
        flex-direction: column;
    }

    .sinks-header-left,
    .sinks-header-right {
        width: 100%;
    }

    .sinks-header-right p {
        margin-top: 10px;
    }

    .sinks-grid-item {
        flex: 0 1 100%;
        max-width: 400px;
    }

    .kromki-row {
        flex-wrap: wrap;
    }

    .kromki-material-title {
        padding: 10px 25px;
        font-size: 18px;
        width: 100%;
    }

    .kromki-material-switcher {
        flex-basis: 100%;
    }

    .material-btn {
        flex-basis: 50%;
        font-size: 16px;
    }

    .kromki-type-switcher {
        padding: 10px;
        align-items: center;
    }

    span.checkmark {
        width: 32px;
        height: 32px;
        min-width: 32px;
    }

    label.type-option {
        font-size: 16px;
        line-height: 1.2;
    }

    .kromki-header-right p {
        font-size: 18px;
    }

    .kromki-header-right {
        padding-left: 0;
    }
    
    .corners-grid-item {
        flex-basis: 46% !important;
    }
    
    .sinks-subtitle {
        font-size: 16px;
    }
    
    .type-option input[type="radio"]:checked + .checkmark::after {
        top: 55%
    }
    
    .kromki-image-subtitle {
    font-size: 18px;
    color: #666;
    margin-top: 20px;
}
}

@media (max-width: 480px) {
    .sinks-grid-item {
        max-width: 100%;
    }
}