/*@font-face {*/
/*    font-family: "Montserrat"; !* Вкажіть ім'я, яке ви хочете використовувати для шрифту *!*/
/*    url("fonts/Montserrat/Montserrat-Regular.ttf") format("truetype");*/
/*    font-weight: normal; !* Вкажіть товщину шрифту (наприклад, normal, bold) *!*/
/*    font-style: normal; !* Вкажіть стиль шрифту (наприклад, normal, italic) *!*/
/*}*/
/*@font-face {*/
/*    font-family: "Montserrat-SemiBold"; !* Вкажіть ім'я, яке ви хочете використовувати для шрифту *!*/
/*    url("fonts/Montserrat/Montserrat-SemiBold.ttf") format("truetype");*/
/*    font-weight: normal; !* Вкажіть товщину шрифту (наприклад, normal, bold) *!*/
/*    font-style: normal; !* Вкажіть стиль шрифту (наприклад, normal, italic) *!*/
/*}*/

@font-face {
    font-family:"Montserrat-SemiBold";
    src: url("/css-new-design/Montserrat/Montserrat-SemiBold.woff2") format("woff2"),
    url("/css-new-design/Montserrat/Montserrat-SemiBold.woff") format("woff"),
    url("/css-new-design/Montserrat/Montserrat-SemiBold.ttf") format('truetype');
    font-style:normal;font-weight:normal;font-display:swap;
}
@font-face {
    font-family:"Montserrat-Bold";
    src: url("/css-new-design/Montserrat/Montserrat-Bold.woff2") format("woff2"),
    url("/css-new-design/Montserrat/Montserrat-Bold.woff") format("woff"),
    url("/css-new-design/Montserrat/Montserrat-Bold.ttf") format('truetype');
    font-style:normal;font-weight:normal;font-display:swap;
}
@font-face {
    font-family:"Montserrat-Regular";
    src: url("/css-new-design/Montserrat/Montserrat-Regular.woff2") format("woff2"),
    url("/css-new-design/Montserrat/Montserrat-Regular.woff") format("woff"),
    url("/css-new-design/Montserrat/Montserrat-Regular.ttf") format('truetype');
    font-style:normal;font-weight:normal;font-display:swap;
}
@font-face {
    font-family:"Montserrat-Medium";
    src: url("/css-new-design/Montserrat/Montserrat-Medium.woff2") format("woff2"),
    url("/css-new-design/Montserrat/Montserrat-Medium.woff") format("woff"),
    url("/css-new-design/Montserrat/Montserrat-Medium.ttf") format('truetype');
    font-style:normal;font-weight:normal;font-display:swap;
}
@font-face {
    font-family:"Montserrat-Light";
    src: url("/css-new-design/Montserrat/Montserrat-Light.woff2") format("woff2"),
    url("/css-new-design/Montserrat/Montserrat-Light.woff") format("woff"),
    url("/css-new-design/Montserrat/Montserrat-Light.ttf") format('truetype');
    font-style:normal;font-weight:normal;font-display:swap;
}

.msb {
    font-family: "Montserrat-SemiBold", sans-serif;
}

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

/* Fix for CLS: Ensure icons have explicit sizes to prevent layout shifts when lazy loaded */
.card-header .icon, .form-container .icon {
    width: 48px;
    height: 48px;
    object-fit: contain;
}

body, html {
    font-family: "Montserrat-SemiBold", sans-serif;
    /*font-family: "Montserrat-SemiBold", sans-serif;*/
    color: black;
    height: 100%;
    overflow-x: hidden;
    position: relative;
}
p,ul,li,span {
    font-family: "Montserrat-Regular", sans-serif;
}
.wrapper {
    background-color: #EFECE7;
    max-width: 1920px;
    margin: auto;

    &.backgr-white {
        background: white;
    }
    .backgr-white {
        background: white;
    }
}
.custom {
    padding: 35px 70px;
}
.our-clients-title {
    max-width: 1636px;
    margin: 35px auto;
    /*padding: 0 140px;*/
    padding: 0;
}
.content-full-screen {
    padding: 35px 0;
    background-color: white;
}
.backgr-white {
    background-color: white;
}

h2 {
    font-size: 32px;
    font-weight: 600;
    letter-spacing: 1.1px;
    /*color: black;*/
}
h3 {
    font-size: 24px;
    font-weight: 600;
    /*color: black;*/
    margin-bottom: 16px;
}
ul, ol {
    margin: 20px 0;
}
li {
    /*margin-left: 25px;*/
}
a {
    color: black;
}
.fancybox__container {
    z-index: 9999!important;
    cursor: pointer;
}
#breadcrumbs {
    margin-top: 20px;
    width: 100%;
    position: absolute;
    z-index: 1;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
    padding: 0 140px;
    max-width: 1920px;
    color: black;
    a{
        color: black;
        text-decoration: unset;
    }
    .breadcrumb_el {
        a{
            color: #707070;
        }
    }
    .breadcrumb_el::after {
        content: '/';
        color: #707070;
    }
}

.margin-top-35 {
    margin-top: 35px!important;
}
.margin-bottom-35 {
    margin-top: 35px!important;
}
.padding-bottom-70 {
    padding-bottom: 70px;
}
.padding-bottom-35 {
    padding-bottom: 35px;
}
.content.padding-bottom-35 {
    padding-bottom: 35px;
}
.padding-top-70 {
    padding-top: 70px;
}
.padding-35-0 {
    padding: 35px 0;
}
.main-slider {
    position: relative;
    margin-bottom: 35px;
    /*top: 50%;*/
    /*left: 50%;*/
    /*transform: translate(-50%, -50%);*/
    /*width: 90%;*/
    /*max-width: 1200px;*/
    /*color: white;*/
}

/*.main-slider .hero-section {*/
/*    position: relative;*/
/*    width: 100%;*/
/*    height: 100vh;*/
/*    max-width: 1440px;*/
/*    margin: 0 auto;*/
/*}*/
.icon-menu-mob {
    display: none;
}

.open-form .distance.mob {
    display: none;
}

.main-slider{

    .slide-content {
        height: 650px;
        position: relative;

        &.with-href {
            cursor: pointer;
         }
    }
    .background-wrap {
        /*width: 880px;*/
        width: 100%;
        /*height: 500px;*/
        height: 100%;
        display: block;
        position: absolute;
        top: 0;
        /*left: 54%;*/


        &.slide1 {
             left: 0;
             width: 100%;
         }
    }
    .main-slider-img {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        width: 100%;
        height: 100%;
        object-fit: cover;
        border-radius: 10px 10px 0 0;
        object-position: top;
    }
    .title-img-slide1 {
        width: 320px;
        margin-bottom: 10px;
    }

}

.main-slider .slider img {
    width: 100%;
    height: 100vh;
    object-fit: cover;
    filter: brightness(50%);
}

.main-slider .backgr-fon {
    background-color: #00000030;
    position: absolute;
    width: 100%;
    top: 0;
    height: 100%;
}


.main-slider .top-slider .slider-title {
    font-size: 48px;
    font-weight: bold;
    margin-bottom: 32px;
    line-height: 1.2;
    width: 73%;
    color:white;
    font-family: "Montserrat-SemiBold", sans-serif;
    text-shadow: 0 2px 8px rgba(0, 0, 0, 8);

    &.with-img {
         font-size: 33px;
         margin-bottom: 24px;
     }
}
.main-slider .slick-slide .main-slider-img {
    width: 100%;
    height: 650px;
}
.main-slider.cat .slick-slide img {
    width: 100%;
    height: 650px;
}

.main-slider .top-slider .slider-sub-title {
    font-size: 20px;
    margin-bottom: 10px;
    width: 60%;
    color:white;
    font-family: "Montserrat-Medium", sans-serif;
    text-shadow: 0 2px 8px rgba(0, 0, 0, 8);

    ol {
        padding-left: 25px;
    }
}

.main-slider .top-slider .slider-text {
    position: absolute;
    top: 61px;
    left: 0;
    right: 0;
    margin: auto;
    max-width: 1300px;
}


.main-slider .slider-form-title{
    margin-bottom: 22px;
    font-size: 28px;

}
.main-slider .slick-slide{
    position: relative;
}
.main-slider .form-container{
    position: absolute;
    bottom: 75px;
    /* top: 50%; */
    /*left: 16.5%;*/
    /* transform: translate(-50%, -50%); */
    width: 90%;
    max-width: 1300px;
    color: white;
    background-color: #0000003b;
    padding: 29px 35px;
    border-radius: 20px;
    backdrop-filter: blur(4px);
    margin: auto;
    left: 0;
    right: 0;
}


.main-slider .form-container .slider-form-days {
    font-weight: normal;
    font-size: 20px;
}



/* Slick Dots Custom Styling */
.main-slider .slick-dots {
    position: absolute;
    bottom: 40px;
    left: 50%;
    transform: translateX(-50%);
    display: flex !important;
    justify-content: center;
    gap: 10px;
    list-style: none;
    padding: 0;
    margin: 0;
    z-index: 10;
}

.main-slider .slick-dots li {
    width: 15px;
    height: 15px;
    border: 1px solid white;
    border-radius: 10px;
    cursor: pointer;
    transition: background 0.3s ease;
}

.main-slider .slick-dots li.slick-active {
    background: white;
    width: 36px;
    height: 15px;
}

.main-slider .slick-dots button {
    display: none; /* Приховати кнопки всередині крапок */
}

.main-slider .form-inline {
    display: flex;
    align-items: flex-start;
    gap: 26px;
    flex-wrap: wrap;
}

.main-slider .inputs-block {
    display: flex;
    flex-direction: column;
    flex: 1 1 300px;
    min-width: 240px;
    max-width: 100%;
    width: 51%;
}

.main-slider .slick-list{
    border-radius: 0 0 24px 24px;
}
.main-slider .input-group {
    display: flex;
    flex-direction: row;
    gap: 26px;
    flex-wrap: wrap;
}

.main-slider .input-group input::placeholder {
    color: white;

}
.main-slider .input-group input {
    padding: 21px 26px;
    font-size: 16px;
    border-radius: 8px;
    border: none;
    outline: none;
    background: #D9D9D966;
    flex: 1 1 120px;
    min-width: 140px;
}

.main-slider .region-note {
    font-size: 13px;
    color: #FFFFFF;
    margin-top: 8px;
    line-height: 1.4;
    letter-spacing: 0px;
}

.main-slider .button-wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
    flex: 1 1 220px;
    max-width: 100%;
    text-align: center;
    min-width: 103px;
}

.main-slider .primary,
.main-slider .secondary {
    padding: 9.4px 20px;
    font-size: 16px;
    border-radius: 10px;
    cursor: pointer;
    border: none;
    width: 100%;
    text-align: center;
    line-height: 1.3;
}

.main-slider .primary {
    background-color: #b32435;
    color: white;
}

.main-slider .secondary {
    background-color: #1a1a1a;
    color: white;
}

.main-slider .button-subtext {
    font-size: 12px;
    color: #FFFFFF;
    margin-top: 8px;
}
.main-slider .buttons-block {
    display: flex;
    flex-direction: row;
    gap: 26px;
    flex-wrap: wrap;
    width: 49%;
}

.main-slider .slick-dotted.slick-slider {
    margin-bottom: 0;
}
#palette,
#readmore,
#about,
#features,
#teamDesigners,
#benefits,
#faqSection,
#ourClientsSection,
#ourRewiews {
    scroll-margin-top: 115px;
}

.main-slider {
    &.prannya{
        .top-banner {
            background-image: url(../imgs/header/stirka/stirki-shtor-new.jpg);
            .banner-text {
                padding-top: 84px;
                width: 1440px;
                margin: auto;
            }
        }
        .inputs-block {
            width: 67%;
        }
        .buttons-block {
            width: 33%;
        }
        .button-wrapper {
            max-width: 100%;
        }
        .primary {
            padding: 18px 20px;
        }
        .form-container{
            left: 0;
            right: 0;
            margin: auto;
            width: 100%;
            max-width: 1440px;
        }
    }

    &.online-zam {
        .banner-form{
            width: 100%;
            max-width: 1080px;
            bottom: 40px;

            .cta {
                padding: 40px 80px;
                max-width: 1080px;
            }
        }
        .top-banner {
            .text-info {
                max-width: 1300px;
                margin: auto;
            }
            .banner-text {
                width: unset;
                margin-left: unset;
                padding-top: 106px;
            }
            .banner-title {
                font-size: 65px;
            }
        }
        .delivery-btn-2 {
            display: none;
        }
        .default-btn.online-order {
            position: absolute;
            inset: 0;
            width: 100% !important;
            height: 100%;
            margin: 0;
            padding: 0;
            border: 0;
            background: transparent;
            color: transparent;
            font-size: 0;
            cursor: pointer;
            z-index: 3;
            appearance: none;
            -webkit-appearance: none;
        }
        .open-form .wrap-action .action {
            position: relative;
            display: flex;
            align-items: center;
            justify-content: center;
            gap: 10px;
            width: 100%;
            height: 60px;
            background: #AC2335;
            border-radius: 14px;
            overflow: hidden;
            cursor: pointer;
            transition: background-color 0.3s ease;
        }
        .open-form .wrap-action .action:hover {
            background: #7C2127;
        }

    }
}



.content {
    background-color: #EFECE7;
    /*max-width: 1640px;*/
    margin: auto;
    padding: 0 140px;

    &.backgr-none{
         background: unset!important;
     }

    &.product {
         background-color: white;
         padding: 0 140px;
         /*max-width: 1920px;*/

        .readmore__content::after {
            background: linear-gradient(to bottom, rgba(255, 255, 255, 0), #ffffffe6 45%);
        }
        .faq-section {
        .faq-list {
            background-color: #EFECE7;
        }
        }
        .video-section {
        .more-video {
            background: #F3F3F3;
        }
        .more-video-icon {
            background: #F3F3F3;
        }
        }
        .icon {
            padding: 12px 16px;
            display: flex;
        }
        .slider-product {
            padding: 12px 0;
        }
        .top-block-product{
            .slider-product {
                padding: 0;
            }
        }
        .nav-product {
            margin: 0px auto;
            padding-bottom: 30px;
        }
    }
/*    margin: 0;*/
/*    font-family: 'Inter', sans-serif;*/
/*    background: #f3f1eb; */
/*    color: #19232a;*/
/*    -webkit-font-smoothing: antialiased;*/
/*    -moz-osx-font-smoothing: grayscale;*/
}

.type-products {
    max-width: 1640px;
    margin: 0 auto;
    padding: 35px 0;
}

.type-products .subtitle {
    font-size: 12px;
    font-weight: 400;
    color: #737373; /* сірий колір тексту */
    text-transform: uppercase;
    letter-spacing: 0.1em;
    margin: 0 0 13px 0;
}

.type-products .title {
    /*font-size: 40px;*/
    font-weight: 500;
    line-height: 1.2;
    margin: 0 0 28px 0;
    color: #19232a;
    font-family: "Montserrat-Medium", sans-serif;
}

.type-products .products {
    display: flex;
    gap: 20px;
    flex-wrap: nowrap;
}

.type-products .product {
    background: #fff;
    border-radius: 16px;
    padding: 31px 16px;
    flex: 1 1 0;
    /*box-sizing: border-box;*/
    display: flex;
    /*flex-direction: column;*/
    justify-content: space-between;
    /*min-width: 280px;*/
    box-shadow: none; /* макет без тіней */
}

.main-slider .blue-btn {
    line-height: unset;
}

.type-products .product-icon {
    stroke: #19232a;
    stroke-width: 2;
    width: 32px;
    height: 32px;
    margin-bottom: 18px;
    flex-shrink: 0;
}

.type-products .product-title-icon {
    display: flex;
    margin-bottom: 40px;
}
.type-products .product-title {
    color: black;
    font-size: 32px;
    font-weight: 400;
    margin: auto;
    display: flex;
    align-items: center;
    gap: 10px;
    margin-left: 16px;
    font-family: "Montserrat-Medium", sans-serif;
}

.type-products .product-content {
    width: 49%;
}
.type-products .block-btn {
    width: 49%;
    position: relative;
}
.type-products .product-list {
    font-size: 20px;
    font-weight: 400;
    line-height: 27px;
    margin: 0 0 0 26px;
    padding: 0;
    /*list-style: none;*/
    color: #19232a;
}

.type-products .product-list li {
    /*margin-bottom: 8px;*/
}

.type-products .product-list li strong {
    font-weight: 600;
}

.type-products .details {
    font-size: 14px;
    font-weight: 600;
    color: #19232a;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    text-decoration: none;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    user-select: none;
    position: absolute;
    bottom: 0;
    right: 0;
}

.type-products .details:hover {
    color: #7C2127;
}

.type-products .details svg {
    stroke: #19232a;
    stroke-width: 2;
    width: 18px;
    height: 18px;
    stroke-linecap: round;
    stroke-linejoin: round;
}

/* Іконки */
.type-products .icon-jalousie, .icon-curtains, .icon-rollers {
    stroke: #19232a;
    stroke-width: 2;
    width: 32px;
    height: 32px;
    fill: none;
    margin-bottom: 18px;
}

.production {
    display: flex;
    justify-content: center;
    margin: 35px auto 180px;
    padding: 0;
    gap: 0;
    background: #EAE4D8;
}

.production .image-container {
    flex: 1;
    min-width: 300px;
}

.production .image-container img {
    width: 100%;
    border-radius: 20px;
    object-fit: cover;
}

.production .timeline {
    position: absolute;
    left: -51px;
}
.production .timeline-year {
    position: absolute;
    width: 92%;
    top: 50px;
}
.production .production-content {
    /*flex: 1;*/
    /*min-width: 300px;*/
    color: black;
    /*width: 50%;*/
    /*padding-left: 165px;*/
    padding-top: 90px;
    position: relative;
    /*background: #EAE4D8;*/
    height: 650px;
    /*margin-left: -40px;*/
    padding-right: 167px;
    margin-left: -9%;
    background: #EAE4D8;
    width: calc(50% + 9%);
    padding-left: 13%;
    margin-bottom: -7px;
    margin-top: -1px;
}

.production .production-content h2 {
    font-size: 28px;
    /*margin-bottom: 30px;*/
    font-weight: 600;
}

.production .features {
    display: flex;
    flex-wrap: wrap;
    gap: 30px 12px;
    /*margin-bottom: 30px;*/
}

.production .feature {
    width: calc(50% - 10px);
}

.production .feature h4 {
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 5px;
}

.production .feature p {
    font-size: 14px;
}

.production .since {
    /*border-top: 1px solid #999;*/
    padding-top: 40px;
    position: relative;
}

.production .since span {
    display: block;
    font-size: 12px;
    color: #666;
}

.production .since strong {
    font-size: 64px;
    line-height: 1;
}

.production .feature-img{
    display: none;
}

.production .timeline-img2 {
    position: absolute;
    right: 64px;
    margin-top: 6%;
    z-index: 5;
    width: 376px;
}
.production .timeline-img1 {
    z-index: 5;
    position: absolute;
    margin-top: 11%;
    left: 140px;
    width: 620px;
}
.production .image-stack-backgr {
    border-radius: 20px 0 0 20px;
    width: 451px;
    height: 101%;
    position: absolute;
    background-color: black;
    left: 36%;
}
.production .image-stack {
    position: relative;
    /*width: 600px;*/
    /*height: 400px;*/
    /*flex: 1;*/
    /*min-width: 300px;*/
    width: 50%;
    padding-left: 160px;
    background-color: #EFECE7;
}

.production .image-stack .img {
    position: absolute;
    border-radius: 16px;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(0,0,0,0.1);
    transition: all 0.3s ease;
}

.production .image-stack .img img {
    width: 100%;
    height: auto;
    display: block;
}

.stats-section {
    width: 100%;
    padding: 68px 141px;
    background-color: #1c1c1c;
    border-radius: 24px;
    margin: 35px 0;
}

.stats-section .container {
    max-width: 1920px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 60px;
}

.stats-section .stat-item {
    flex: 1 1 calc(24% - 45px);
    min-width: 200px;
}

.stats-section .stat-item h2 {
    font-size: 64px;
    font-weight: 200;
    margin-bottom: 10px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.4);
    display: inline-block;
    padding-bottom: 10px;
    line-height: 1;
    width: 80%;
    color: white;
    font-family: "Montserrat-Light", sans-serif;
}

.stats-section .stat-item p {
    font-size: 16px;
    color: rgba(255, 255, 255, 0.75);
    /*margin-top: 15px;*/
    line-height: 1.4;
}

.stats-section .stat-item a {
    color: rgba(255, 255, 255, 0.75);
    text-decoration: underline;
    font-size: 14px;
}

.turnkey .red-title {
    color: #AC2335;
    font-family: "Montserrat-Medium", sans-serif;
}
.turnkey {
    display: flex;
    margin: 0 auto;
    padding: 35px 0;
}

.turnkey h2 {
    font-family: "Montserrat-Medium", sans-serif;
    color: black;
    width: 50%;
    font-size: 36px;
    font-weight: bold;
    margin-bottom: 40px;
}

.turnkey .cards {
    width: 60%;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 22px;
}

.turnkey .card-content {
    padding: 24px;
}
.turnkey .card {
    background-color: #f9f9f9;
    border-radius: 20px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    transition: box-shadow 0.3s ease;
}

.turnkey .card:hover {
    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.1);
}


.turnkey .card h2 {
    font-size: 24px;
    font-weight: 700;
    margin-bottom: unset;
    color: #1d1d1d;
    font-family: "Montserrat-SemiBold", sans-serif;
    width: calc(100% - 30px);
}

.turnkey .card p {
    font-size: 16px;
    line-height: 1.5;
    color: #444;
    margin-bottom: 0;
    flex-grow: 1;
}

.turnkey .card-footer {
    background-color: #1d1d1d;
    color: white;
    padding: 12px;
    border-radius: 0 0 20px 20px;
    text-align: center;
    font-size: 16px;
    font-weight: 500;
    font-family: "Montserrat-Medium", sans-serif;
}
.turnkey .card-header {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 16px;
}

.turnkey .card-header .icon {
    width: auto;
    height: auto;
    flex-shrink: 0;
    max-width: 30px;
}

.pay-block {
    display: flex;
    /*margin: 0 auto 70px;*/
    padding: 35px 0;
    /*gap: 40px;*/
    flex-wrap: wrap;

&.auto {
     margin: 70px auto 30px;
 }
&.on-zam {
     margin: 70px auto;
 }
}

.pay-block .payment-options {
    /*flex: 1 1 600px;*/
    color: black;
    background-color: white;
    padding: 60px 76px;
    border-radius: 20px 0 0 20px;
    width: 47%;
}

.pay-block .payment-options h2 {
    font-size: 28px;
    margin-bottom: 30px;
}

.pay-block .img-backgr {
    background: url("../img-nd/pay-manager.png");
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 100%;
    background-position: right;
    border-radius: 0 20px 20px 0;
}
.pay-block .methods {
    display: flex;
    flex-direction: row;
    gap: 40px;
}

.pay-block .column {
    display: flex;
    flex-direction: column;
    gap: 17px;
}

.pay-block .method {
    display: flex;
    align-items: center;
    gap: 12px;
    font-size: 16px;
    position: relative;
    min-height: 57px;
    font-family: "Montserrat-Medium", sans-serif;

    span {
        font-family: "Montserrat-Medium", sans-serif;
    }
}

.pay-block .method img {
    width: 40px;
    height: auto;
}
.pay-block .method img.icon-i{
    width: 15px;
    position: absolute;
    top: 0;
    right: -10px;
}

.pay-block .photo {
    /*flex: 1 1 400px;*/
    display: flex;
    justify-content: center;
    align-items: center;
    width: 53%;
}

.pay-block .photo img {
    max-width: 100%;
    /*border-radius: 10px;*/
}

.reputation-section {
    max-width: 1440px;
    margin: auto;
    padding: 40px 20px;
    text-align: center;
}

.reputation-section .tabs {
    display: flex;
    justify-content: center;
    gap: 20px;
    margin: 30px 0;
}

.reputation-section .tab {
    padding: 10px 20px;
    border-radius: 25px;
    border: none;
    background: #fff;
    color: #000;
    cursor: pointer;
    transition: all 0.3s;
}

.reputation-section .tab.active {
    background: #444;
    color: #fff;
    border: 2px solid #fff;
}

.reputation-section .slider-wrapper {
    position: relative;
}

.reputation-section .slider-block {
    display: none;
}

.reputation-section .slider-block.active {
    display: block;
}

.reputation-section .slick-slider img {
    width: 100%;
    max-width: 300px;
    margin: auto;
    border-radius: 10px;
}

.reputation-section .slick-prev:before,
.reputation-section .slick-next:before {
    color: white;
    font-size: 30px;
}

/* Responsive tweaks */
@media (max-width: 1200px) {
    .reputation-section .slick-slider img { max-width: 250px; }
}
@media (max-width: 1026px) {
    .reputation-section .slick-slider img { max-width: 220px; }
}
@media (max-width: 881px) {
    .reputation-section .slick-slider img { max-width: 180px; }
}
@media (max-width: 440px) {
    .reputation-section .slick-slider img { max-width: 100%; }
}


.certificates-block {
    max-width: 1920px;
    margin: 35px auto;
    text-align: center;
    background-color: #151515;
    padding: 70px 0px 70px 70px;
    border-radius: 30px;

&.after-form {
     position: relative;
     margin: -49px 0 0 0;
 }
}

.certificates-block .cert-block-content {
    display: flex;
}

.certificates-block .cert-block-title {
    width: 50%;
}

.certificates-block .cert-block-description {
    width: 50%;
}

.certificates-block h2 {
    font-size: 40px;
    margin-bottom: 20px;
    color:white;
    text-align: left;
    margin-left: 70px;
    font-weight: 500;
    font-family: "Montserrat-Medium", sans-serif;
}

.certificates-block .description {
    max-width: 600px;
    margin: 0 53px 40px;
    font-size: 16px;
    line-height: 1.5;
    text-align: left;
    color:white;
}

.certificates-block .tabs {
    text-align: left;
    margin: 0 40px 70px;
}
.block-cert-thanks {
    position: relative;
    width: fit-content;
    font-family: "Montserrat-Medium", sans-serif;
}
.count-cert {
    position: absolute;
    top: -7px;
    right: -14px;
    font-size: 12px;
    text-decoration: underline;
}
.count-thanks {
    position: absolute;
    top: -7px;
    right: -26px;
    font-size: 12px;
    text-decoration: underline;
}

.certificates-block .tab-btn:hover {
    background: white;
    color: black;
}
.certificates-block .tab-btn {
    padding: 12px 30px;
    margin: 0 10px;
    font-size: 16px;
    color: white;
    background: black;
    border: none;
    border-radius: 30px;
    cursor: pointer;
    /*transition: all 0.3s ease;*/
    transition: background-color 0.3s ease;
    min-width: 220px;

}

.certificates-block .tab-btn.active {
    color: #333;
    background: white;
}

.certificates-block .slider-container {
    display: block;
}

.certificates-block .slider-container.hidden {
    display: none;
}

.certificates-block .slider-sert img {
    width: 100%;
    height: auto;
    border-radius: 10px;
    padding: 0 10px;
    max-width: 310px;
    max-height: 388px;
}
.certificates-block .slick-next {
    right: -14px;
}

.certificates-block .slider-podyaku img {
    width: 100%;
    height: auto;
    border-radius: 10px;
    padding: 0 10px;
    max-width: 310px;
    max-height: 388px;
}

.certificates-block .slick-prev:before,
.certificates-block .slick-next:before {
    color: white;
    font-size: 30px;
}

.questions {
    display: flex;
    max-width: 1920px;
    /*margin: 35px auto;*/
    /*background: #fff;*/
    border-radius: 20px;
    overflow: hidden;
    flex-wrap: wrap;
    padding: 35px 0;


.measure-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.measure-image {
    /*flex: 1 1 50%;*/
    width: 43%;
    /*min-width: 300px;*/
}

.measure-content {
    /*flex: 1 1 50%;*/
    width: 57%;
    padding: 63px 74px;
    color: black;
    background-color: white;
    border-radius: 0 20px 20px 0;
    font-family: "Montserrat-Medium", sans-serif;
}

.measure-content h2 {
    /*font-size: 40px;*/
    margin-bottom: 30px;
}
.questions-right-block.open-form {

    .wrap-content {
        padding-top: 0;
    }

    .wrap-action {
        margin-top: 19px;

        .action {
            background: #AC2335;
            border-radius: 14px;
            display: flex;
            justify-content: center;
            position: relative;
            align-items: center;
            gap: 10px;
            width: 100%;
            height: 60px;
            overflow: hidden;
            cursor: pointer;
            transition: background-color 0.3s ease;
        }
        .action:hover {
            background: #7C2127;
        }

        .action .btn-text {
            color: white;
        }

        .action .order.default-btn.zamer-order {
            position: absolute;
            inset: 0;
            width: 100%;
            height: 100%;
            border: 0;
            margin: 0;
            padding: 0;
            background: transparent;
            color: transparent;
            font-size: 0;
            cursor: pointer;
            z-index: 3;
            appearance: none;
            -webkit-appearance: none;
        }

        .action .arrow-right-white {
            position: relative;
            z-index: 2;
            width: 26px;
            height: 26px;
            margin: 0;
            pointer-events: none;
            flex: 0 0 26px;
        }

        .action::before {
            position: relative;
            z-index: 2;
            color: #fff;
            font-size: 16px;
            line-height: 1;
            font-family: "Montserrat-Regular", sans-serif;
            white-space: nowrap;
        }

        .default-btn {
            height: 60px;
            width: fit-content;
        }
        .default-btn {
            color: #fff;
            background: unset;
            border-radius: unset;
            border: unset;
            text-align: center;
            cursor: pointer;
            transition: 0.3s;
            font-size: 16px;
            font-family: "Montserrat-Regular", sans-serif;
        }
        .arrow-right-white {
            width: 37px;
            height: 37px;
            margin: auto 0;
            margin-left: 7px;
        }
    }
    .form .field input {
        background: #CFCDCD80;
        color: black;
        font-family: "Montserrat-Regular", sans-serif;
    }

    .form .field input::placeholder {
        color: black;
    }
}

.benefits-list {
    list-style: none;
    margin-bottom: 30px;
}

.benefits-list li {
    display: flex;
    align-items: flex-start;
    margin-bottom: 35px;
    font-size: 16px;
    /*line-height: 1.4;*/
    font-family: "Montserrat-Medium", sans-serif;
}

.benefits-list img {
    margin-right: 12px;
    width: 20px;
    height: 20px;
    flex-shrink: 0;
    margin-top: 3px;
}

.form {
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
}

.form input {
    flex: 1;
    padding: 15px 20px;
    border: 1px solid var(--gray);
    border-radius: 10px;
    font-size: 16px;
    background-color: #CFCDCD80;
    width: 44%;
}

.form button {
    background-color: #941926;
    color: #fff;
    padding: 15px 30px;
    border: none;
    border-radius: 10px;
    font-size: 16px;
    cursor: pointer;
    width: 56%;
}

.form button:hover {
    background-color: #941926;
}
.free-zamir-backgr {
    background: url("../img-nd/free-zamir.png");
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 100%;
    background-position: right;
    border-radius: 20px 0 0 20px;
}
.free-red {
    color: #AC2335;
    font-family: "Montserrat-Medium", sans-serif;
}
.free-list-title {
    font-size: 28px;
    color: black;
    margin-bottom: 10px;
    font-family: "Montserrat-Medium", sans-serif;
}


}

.faq-section {
    max-width: 1640px;
    margin: 0 auto;
    padding: 35px 0px;
    /*background-color: white;*/
    border-radius: 29px;

.faq-header {
    display: flex;
    gap: 10px;
}
.faq-br {
    display: none;
}

.faq-header h2 {
    width: 50%;
    font-size: 40px;
    font-weight: 500;
    color: black;
    font-family: "Montserrat-Medium", sans-serif;
}

.faq-header h2 span {
    color: black;
    font-family: "Montserrat-Medium", sans-serif;
}

.faq-sub {
    width: 50%;
    font-size: 20px;
    color: black;
    margin-top: 0;
    font-family: "Montserrat-Medium", sans-serif;
    /*max-width: 680px;*/
}

.faq-list {
    margin-top: 40px;
    border-radius: 29px;
    background-color: white;
    padding: 20px 23px 51px 51px;
}

.faq-item {
    border-bottom: 1px solid #e0e0e0;
    padding: 20px 0;
}

.faq-item.open .toggle-btn{
    background: black;
}

.faq-question {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
    cursor: pointer;
}

.faq-question .number {
    color: #c00;
    font-weight: bold;
    min-width: 45px;
    font-size: 20px;
    font-family: "Montserrat-SemiBold", sans-serif;
}

.faq-question h3 {
    flex: 1;
    font-size: 24px;
    font-weight: 500;
    color: black;
    margin-top: 10px;
    margin-left: 9px;
    font-family: "Montserrat-Medium", sans-serif;
}

.toggle-btn {
    background: #a00000;
    color: #fff;
    border: none;
    border-radius: 7px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    position: relative;
}

.toggle-btn::after {
    content: '+';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 20px;
    line-height: 1;
    /*font-weight: bold;*/
}

/* Змінюємо символ на × якщо активний блок */
.faq-item.open .toggle-btn::after {
    content: '×';
}

.faq-answer {
    padding: 17px 0 0 36px;
    display: none;
    font-size: 16px;
    /*color: #333;*/
    line-height: 26px;
    color: #5E5C5C;

    p {
        font-family: "Montserrat-Medium", sans-serif;
    }
}

.faq-item.open .faq-answer {
    display: block;
}


}



.video-section {
    display: flex;
    /*flex-wrap: wrap;*/
    padding: 40px;
    max-width: 1920px;
    margin: auto;
    /*background-color: #f7f4ef;*/
    gap: 20px;
    padding-left: 207px;


.video-text {
    /*flex: 1 1 300px;*/
    min-width: 280px;
    width: 42%;
    height: fit-content;
    margin: auto;
}

.video-text h2 {
    font-size: 48px;
    margin-bottom: 41px;
    color: #383939;
    font-family: "Montserrat-Regular", sans-serif;
    font-weight: 400;
}

.video-text h2 span {
    color: #AC2335;
}

.video-text p {
    margin-bottom: 38px;
    color: #383939;
    line-height: 24px;
    font-family: "Montserrat-Regular", sans-serif;
}

.more-btn-video {
    display: inline-flex;
    align-items: center;
    /*padding: 25px 60px;*/
    /*background: white;*/
    border-radius: 16px;
    text-decoration: none;
    color: #000;
    font-weight: bold;
    transition: background 0.3s;

}
.more-btn-video img{
    width:23px;
    height:36px;

}


.more-btn-video span {
    /*margin-left: 10px;*/
    font-family: "Montserrat-Medium", sans-serif;
    font-weight: 500;
    font-size: 24px;
}
.more-video:hover {
    background: #A7A7A7;
}
.more-video-icon:hover {
    background: #A7A7A7;
}
.more-video {
    background: white;
    border-radius: 20px;
    padding: 20px 60px;
}
.more-video-icon {
    /*background: white;*/
    /*border-radius: 20px;*/
    /*padding: 22px 20px;*/
    /*width: 20px;*/
    /*height: 20px;*/

    background: white;
    border-radius: 20px;
    padding: 15px 20px;
}

.video-gallery {
    width: 58%;
    display: flex;
    /*flex: 1 1 600px;*/
    gap: 20px;
    /*flex-wrap: wrap;*/
    justify-content: center;
}

.video-thumbnail {
    position: relative;
    width: 241px;
    aspect-ratio: 9 / 16;
    border-radius: 20px;
    overflow: hidden;
    background-color: #ccc;
    cursor: pointer;
    background-size: cover;
    background-position: center;
}

.video-thumbnail img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    object-position: 6% center;
}

.play-button {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 56px;
    height: 56px;
    background: rgba(255, 255, 255, 0.8) url('https://img.icons8.com/ios-filled/50/000000/play--v1.png') center no-repeat;
    background-size: 50%;
    border-radius: 50%;
    z-index: 1;
}
}

.our-clients {
    margin: 35px 0;
}

/*.our-clients{*/
.form-logo{
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 100%;
    background-position: right;
    max-width: 1440px;
    position:relative;
    margin:35px auto;
    border-radius: 28px;
    overflow:hidden;
        &.zhalyuzi {
             background-image: url(../img-nd/backgr-form-logo-zhaluzi.png);
         }
        &.rolety {
             background-image: url(../img-nd/backgr-form-logo-rolety.png);
         }
        &.auto {
             background-image: url(../img-nd/backgr-form-logo-automaika.png);
         }


.form-logo__bg{display:block; width:100%; height:auto}
.form-logo__overlay{position:absolute; inset:0; background: radial-gradient(100% 100% at 50% 50%, rgba(0,0,0,.15) 0%, rgba(0,0,0,.35) 50%, rgba(0,0,0,.55) 100%);}
.form-logo__container{
    inset:0; display:flex; flex-direction:column; justify-content:center;
    padding: 96px 48px 46px;
}



/* Logos */
.partners{margin-top: 12px}
/*.logos img{ width:auto; display:block; margin:0 12px}*/
.slick-slide{outline:none}
}


/*.client-logo { width: 140px; height: 50px; color: red; }*/
/*.client-logo * { fill: currentColor !important; }*/

/*.clients-logos .client-slide { padding: 0 14px; }*/
/*.clients-logos .slick-track { display: flex; align-items: center; }*/
/*.clients-logos .slick-slide { height: auto; }*/
/*.clients-logos .slick-slide > div { display: flex; justify-content: center; }*/


.partners {
    /*02.02.2026*/
    /*margin-bottom:40px;*/
    padding-bottom:40px;

    .client-logo {
        /*width: 140px;*/
        width: 100%;
        height: 75px; color: white;

        max-height: 40px;
        height: 60px;       /* однакова висота для всіх */
        width: auto;        /* щоб пропорції не ламались */
        max-width: 100%;
    }
    .client-logo * { fill: currentColor !important; }

    .st0 {
        stroke: white;
        stroke-miterlimit: 10;
    }

    .st0, .st1, .st2 {
        fill: white;
        width: auto;
        height: 70px;
    }

    &.black-part {
        .client-logo {
            /*width: 140px;*/
            width: 100%;
            height: 75px; color: black;            padding: 0 20px; }
        .client-logo * { fill: currentColor !important; }
    }

    .slick-initialized .slick-slide {
        height: 70px;
        margin: 0 26px;

        display: flex;
        align-items: center;     /* вертикальне центрування */
        justify-content: center; /* горизонтальне */
        height: 90px;            /* фіксована висота блоку */
    }
}

/* Glass panel */
.cta{
    background: var(--panel-bg);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    border-radius: 20px;
    padding: 54px 75px;
    max-width: 1080px;
    width: 1080px;
    margin: 0 auto 24px;
    box-shadow: 0 10px 30px rgba(0,0,0,.10);


    .open-form {

        .wrap-input {
            width: 66.6%;

            .distance {
                color: white;
            }
        }
        .wrap-action {
            width: 33.3%;

            .action {
                display: flex;
                background: #AC2335;
                border-radius: 14px;
                justify-content: center;

                position: relative;
                align-items: center;
                justify-content: center;
                /*gap: 10px;*/
                width: 100%;
                height: 60px;
                overflow: hidden;
                cursor: pointer;
                transition: background-color 0.3s ease;
            }
            .action:hover {
                background: #7C2127;
            }
            .btn-text {
                color: white;
            }

            .default-btn {
                color: #fff;
                background: unset;
                border-radius: unset;
                border: unset;
                text-align: center;
                cursor: pointer;
                transition: 0.3s;
                font-size: 16px;
                font-family: "Montserrat-Regular", sans-serif;

                position: absolute;
                inset: 0;
                width: 100%;
                height: 100%;
                border: 0;
                margin: 0;
                padding: 0;
                background: transparent;
                z-index: 3;
                appearance: none;
                -webkit-appearance: none;
            }
            .arrow-right-white  {
                width: 26px;
                height: 26px;
                margin: auto 0;
                margin-left: 7px;
            }
            .call-time {
                color: white;
                text-align: right;
            }
        }
        .wrap-title-form {
            color: white;
        }
        .default-btn {
            height: 60px;
        }
    }



}
.cta__title{
    margin:0 0 18px 0; color:#fff; letter-spacing:.3px; font-weight:100;
    font-size: 36px;
}
/* Form */
.cta__form{display:flex; gap:16px; align-items:center}
.input{flex:1}
.input input{
    width:100%; padding:18px 22px; border-radius: 14px; border:#D9D9D966;
    background: #D9D9D966; font-size:16px; outline:none;
}
.input input::placeholder{color:white}
.btn{
    display:inline-flex; align-items:center; gap:10px; padding:16px 22px; border-radius: 14px;
    border:none; cursor:pointer; font-weight:700; font-size:16px;
    background: #AC2335; color:#fff; transition: transform .08s ease, opacity .2s ease;
}
.btn:hover{opacity:.95}
.btn:active{transform: translateY(1px)}

.cta__notes{display:flex; justify-content:space-between; gap:16px; margin-top:14px}
.note{margin:0; color:#e5e7eb; font-size:12px}


/* Glass panel */
.cta-def{


    .open-form {

        .wrap-input {
            width: 66.6%;

            .distance {
                color: black;
                font-size: 12px;
            }
        }
        .form .field input::placeholder{
            color: black;
        }
        .form .field input{
            height: 48px;
            background: white;
        }
        .form .field input {
            color: black;
        }

        .wrap-action {
            width: 33.3%;

        .action {
            display: flex;
            background: #AC2335;
            border-radius: 14px;
            justify-content: center;
            height: 48px;
            position: relative;
            align-items: center;
            /*gap: 10px;*/
            width: 100%;
            overflow: hidden;
            cursor: pointer;
            transition: background-color 0.3s ease;
        }

        .action:hover {
            background: #7C2127;
        }
        .btn-text {
            margin: auto 0;
            color: white;
        }

        .default-btn {
            height: auto;
            color: white;
            background: unset;
            border-radius: unset;
            border: unset;
            text-align: center;
            cursor: pointer;
            transition: 0.3s;
            font-size: 16px;

            position: absolute;
            inset: 0;
            width: 100%;
            height: 100%;
            border: 0;
            margin: 0;
            padding: 0;
            background: transparent;
            color: transparent;
            cursor: pointer;
            z-index: 3;
            appearance: none;
            -webkit-appearance: none;
        }
        .arrow-right-white  {
            width: 26px;
            height: 26px;
            margin: auto 0;
            margin-left: 7px;
        }
        .call-time {
            color: black;
        }
        }
        .wrap-title-form {
            color: black;
        }
        .default-btn {
            height: 60px;
        }
        .form {
            display: flex;
            gap: 16px;
        }
    }



}

.form-logo{
    background-image: url("../img-nd/backgr-form-logo.webp");
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 100%;
    background-position: right;
    max-width: 1920px;
    position:relative;
    margin:35px auto;
    border-radius: 28px;
    overflow:hidden;

    h2 {
        margin-bottom: 29px;
        margin-top: 13px;
    }
    .open-form .title {
        font-family: "Montserrat-Medium", sans-serif;
        font-size: 36px;
    }
    .open-form .text {
        font-family: "Montserrat-Medium", sans-serif;
        font-size: 36px;
    }



.form-logo__container{
    inset:0; display:flex; flex-direction:column; justify-content:center;
    padding: 90px 48px 80px;
}

.partners{margin-top: 110px}

.slick-slide{outline:none}
}
.logos img{
    height: 70px;
    width:auto; display:block; margin:0 12px;
}
.form-backgr{
    background-image: url("../img-nd/backgr-form-logo.webp");
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 100%;
    background-position: right;
    /*max-width: 1440px;*/
    position:relative;
    margin:0 auto;
    border-radius: 28px;
    overflow:hidden;

&.about-us {
     background-image: url("../img-nd/backgr-about-us.png");
 }
&.blog-form {
     margin: 40px auto 70px;
     background-image: url("../img-nd/backgr-about-us.png");
 }
&.avtomatika {
     background-image: url("../img-nd/backgr-form-avtomatika.png");
 }


.form-logo__bg{display:block; width:100%; height:auto}
.form-logo__overlay{position:absolute; inset:0; background: radial-gradient(100% 100% at 50% 50%, rgba(0,0,0,.15) 0%, rgba(0,0,0,.35) 50%, rgba(0,0,0,.55) 100%);}
.form-logo__container{
    inset:0; display:flex; flex-direction:column; justify-content:center;
    padding: 90px 48px 80px;
}

/* Glass panel */
.cta{
    background: var(--panel-bg);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    border-radius: 20px;
    padding: 60px;
    max-width: 1070px;
    margin: 0 auto 24px;
    box-shadow: 0 10px 30px rgba(0,0,0,.10);
}
.cta__title{
    margin:0 0 18px 0; color:#fff; letter-spacing:.3px; font-weight:800;
    font-size: 36px;
}
/* Form */
.cta__form{display:flex; gap:40px; align-items:center}
.input{flex:1}
.input input{
    width:100%; padding:18px 22px; border-radius: 14px; border:#D9D9D966;
    background: #D9D9D966; font-size:16px; outline:none;
}
.input input::placeholder{color:white}
.btn{
    display:inline-flex; align-items:center; gap:10px; padding:16px 22px; border-radius: 14px;
    border:none; cursor:pointer; font-weight:700; font-size:16px;
    background: #AC2335; color:#fff; transition: transform .08s ease, opacity .2s ease;
}
.btn:hover{opacity:.95}
.btn:active{transform: translateY(1px)}

.cta__notes{display:flex; justify-content:space-between; gap:16px; margin-top:19px}
.note{margin:0; color:#e5e7eb; font-size:12px}


}

.map-section {
    position: relative;
    width: 100%;
    height: 500px;


.map-text {
    position: absolute;
    top: 20px;
    left: 30px;
    background: rgba(255, 255, 255, 0.7);
    padding: 20px;
    border-radius: 8px;
    max-width: 300px;
    z-index: 10;
}

.map-text h2 {
    font-size: 20px;
    margin-bottom: 10px;
}

.map-text button {
    padding: 10px 20px;
    border: none;
    background: black;
    color: white;
    border-radius: 20px;
    cursor: pointer;
}

#map {
    width: 100%;
    height: 100%;
}

.slider-section {
    padding: 40px 20px;
    background: white;
}

.slider {
    display: flex;
    gap: 20px;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
}

.salon-card {
    flex: 0 0 auto;
    width: 250px;
    background: #f1f1f1;
    border-radius: 10px;
    overflow: hidden;
    scroll-snap-align: start;
}

.salon-img img {
    width: 100%;
    height: 150px;
    object-fit: cover;
}

.salon-info {
    padding: 15px;
}

.salon-info h3 {
    margin: 0;
    font-size: 18px;
    font-weight: bold;
}

.salon-info p {
    margin-top: 5px;
    font-size: 14px;
}

.slider-section-salon {
    padding: 40px 20px;
    background: white;
    max-width: 1440px;
    margin: auto;
}

.slider-salons .slick-slide {
    margin: 0 10px;
}

.slider-salons .slick-list {
    margin: 0 -10px;
}

.salon-card {
    background: #f1f1f1;
    border-radius: 10px;
    overflow: hidden;
    width: 100%;
}

.salon-img img {
    width: 100%;
    height: 150px;
    object-fit: cover;
}

.salon-info {
    padding: 15px;
}

.salon-info h3 {
    margin: 0;
    font-size: 18px;
}

.salon-info p {
    margin-top: 5px;
    font-size: 14px;
}

/* Slick arrows styling (optional) */
.slick-prev, .slick-next {
    background: #000;
    color: #fff;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    z-index: 10;
}
}

/* Responsive styles */
@media (max-width: 1200px) {
    .map-text h2 {
        font-size: 18px;
    }
}

@media (max-width: 1026px) {
    .map-text h2 {
        font-size: 16px;
    }
}

@media (max-width: 881px) {
    .salon-card {
        width: 200px;
    }
}

@media (max-width: 440px) {
    .map-text {
        left: 10px;
        top: 10px;
        max-width: 90%;
    }

    .map-text h2 {
        font-size: 14px;
    }
}

@media (max-width: 375px) {
    .salon-card {
        width: 180px;
    }
}

footer .container {
    max-width: 1440px;
    margin: 0 auto;
    padding: 0 16px;
}

/* Main Content */
footer .main-content {
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}

footer .main-content h1 {
    font-size: 2.5rem;
    font-weight: bold;
    margin-bottom: 1rem;
}

footer .main-content p {
    font-size: 1.25rem;
    color: #64748b;
}

/* Footer */
.footer {
    background-color: hsl(220, 13%, 9%);
    color: hsl(0, 0%, 100%);
}

/* Features Section */
footer .features-section {
    border-bottom: 1px solid hsl(220, 13%, 18%);
}

footer .features-section .container {
    padding: 2rem 16px;
}

footer .features-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 1.5rem;
}

footer .feature-item {
    display: flex;
    align-items: center;
    gap: 1rem;
}

footer .feature-icon {
    flex-shrink: 0;
}

footer .feature-icon .icon {
    width: 3rem;
    height: 3rem;
    color: hsl(0, 0%, 100%);
}

footer .feature-text {
    font-weight: 500;
    font-size: 0.875rem;
    line-height: 1.25;
}

/* Navigation Section */
footer .navigation-section {
    border-bottom: 1px solid hsl(220, 13%, 18%);
}

footer .navigation-section .container {
    padding: 3rem 16px;
}

footer .navigation-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 2rem;
}

/* Navigation Headers */
footer .nav-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
    padding: 0.75rem 0;
    border-bottom: 1px solid hsl(220, 13%, 18%);
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

footer .nav-header h3 {
    font-size: 1.125rem;
    font-weight: 600;
    margin: 0;
    color: hsl(0, 0%, 100%);
}

footer .dropdown-arrow {
    width: 1.5rem;
    height: 1.5rem;
    color: hsl(220, 5%, 65%);
    transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    display: none;
}

footer .nav-submenu {
    list-style: none;
    overflow: hidden;
    transition: max-height 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

footer .nav-column ul {
    list-style: none;
}

footer .nav-column ul li {
    margin-bottom: 0.75rem;
}

footer .nav-column ul li.spacer {
    height: 0.75rem;
}

footer .nav-column ul li a {
    color: hsl(220, 5%, 65%);
    text-decoration: none;
    font-size: 0.875rem;
    transition: color 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

footer .nav-column ul li a:hover {
    color: hsl(0, 0%, 100%);
}

/* Bottom Section */
footer .bottom-section .container {
    padding: 1.5rem 16px;
}

footer .bottom-content {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1.5rem;
}

/* Payment Methods */
footer .payment-methods {
    display: flex;
    align-items: center;
    gap: 1rem;
}

footer .payment-item {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

footer .payment-placeholder {
    width: 2rem;
    height: 2rem;
    background-color: hsl(220, 5%, 65%);
    border-radius: 4px;
}

footer .payment-item img {
    height: 2rem;
    object-fit: contain;
}

/* Legal Links */
footer .legal-links {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1rem;
    font-size: 0.875rem;
}

footer .legal-links a {
    color: hsl(220, 5%, 65%);
    text-decoration: none;
    transition: color 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

footer .legal-links a:hover {
    color: hsl(0, 0%, 100%);
}

footer .separator {
    color: hsl(220, 5%, 65%);
}

/* Social Links */
footer .social-links {
    display: flex;
    align-items: center;
    gap: 1rem;
}

footer .social-link {
    color: hsl(220, 5%, 65%);
    transition: color 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    text-decoration: none;
}

footer .social-link:hover {
    color: hsl(0, 0%, 100%);
}

footer .social-link svg {
    width: 1.25rem;
    height: 1.25rem;
}

/* Additional Links */
footer .additional-links {
    display: none;
    margin-top: 2rem;
    padding-top: 2rem;
    border-top: 1px solid hsl(220, 13%, 18%);
}

footer .additional-links ul {
    list-style: none;
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

footer .additional-links ul li a {
    color: hsl(220, 5%, 65%);
    text-decoration: none;
    font-size: 0.875rem;
    transition: color 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

footer .additional-links ul li a:hover {
    color: hsl(0, 0%, 100%);
}



/* Responsive Design */

/* 1200px */
@media (min-width: 768px) {
    footer .features-grid {
        grid-template-columns: repeat(2, 1fr);
    }

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

    footer .legal-links {
        flex-direction: row;
    }
}

/* 1026px */
@media (min-width: 1024px) {
    footer .features-grid {
        grid-template-columns: repeat(4, 1fr);
    }

    footer .navigation-grid {
        grid-template-columns: repeat(4, 1fr);
    }

    footer .bottom-content {
        flex-direction: row;
        justify-content: space-between;
    }
}

/* Mobile Navigation Styles */
@media (max-width: 881px) {
    footer .navigation-grid {
        grid-template-columns: 1fr;
        gap: 0;
    }

    footer .nav-header {
        display: flex;
        border-bottom: 1px solid hsl(220, 13%, 18%);
    }

    footer .dropdown-arrow {
        display: block;
    }

    footer .nav-submenu {
        max-height: 0;
        padding: 0;
        margin: 0;
    }

    footer .nav-submenu.open {
        max-height: 1000px;
        padding: 1rem 0;
    }

    footer .nav-header.active .dropdown-arrow {
        transform: rotate(180deg);
    }

    footer .additional-links {
        display: block;
    }
}

/* Mobile specific adjustments */
@media (max-width: 440px) {
    footer .container {
        padding: 0 12px;
    }

    footer .features-section .container {
        padding: 1.5rem 12px;
    }

    footer .navigation-section .container {
        padding: 2rem 12px;
    }

    footer .bottom-section .container {
        padding: 1rem 12px;
    }

    footer .main-content h1 {
        font-size: 2rem;
    }

    footer .main-content p {
        font-size: 1rem;
    }
}

/* Very small screens */
@media (max-width: 375px) {
    footer .container {
        padding: 0 8px;
    }

    footer .main-content h1 {
        font-size: 1.75rem;
    }

    .feature-item {
        flex-direction: column;
        text-align: center;
        gap: 0.75rem;
    }
}


/*штори*/

/* GRID */
.cards-menu {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 24px;
    margin-top: 70px;
/*padding: 70px;*/


/* CARD */
.card {
    color: black;
    border-radius: 14px;
    background: white;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    box-shadow: 0 6px 22px rgba(0, 0, 0, .07);
    transition: transform .2s ease, box-shadow .2s ease;
    position: relative;
}
.card:hover {
    transform: translateY(-3px);
    box-shadow: 0 10px 28px rgba(0, 0, 0, .12);
}

.card__image {
    position: relative;
    aspect-ratio: 5/3;
    background: #f3f4f6;
}
.card__image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 14px;
}

.card__body {
    padding: 24px 26px 18px;
    display: flex;
    flex-direction: column;
    gap: 17px;
    min-height: 310px;
}

.card__title {
    font-size: 28px;
    line-height: 1.25;
    margin: 0 0 2px;
}

.card__facts {
    list-style: none;
    padding: 0;
    margin: 0;
    display: grid;
    gap: 4px;
    font-size: 20px;
}
.card__facts li b {
    font-weight: 600;
}
.card__facts li .from {
    color: #AC2335;
    font-weight: 700;
}
.card__facts li .count-days {
    font-weight: 700;
}

.card__price {
    font-size: 20px;
}
.card__price .from {
    font-weight: 700;
    color: #AC2335;
}

.card__more {
    text-transform: uppercase;
    margin-top: auto;
    display: inline-flex;
    justify-content: flex-end;
    align-items: center;
    gap: 10px;
    font-weight: 600;
    font-size: 14px;
    text-decoration: none;
    color: #111827;
    padding: 10px 12px;
    border-radius: 999px;
    border: 1px solid var(--line);
    transition: background .2s ease, padding-right .2s ease;
    position: absolute;
    bottom: 10px;
    right: 10px;
}
.card__more:hover {
    background: #f8fafc;
    padding-right: 16px;
}
.card__more .icon {
    transition: transform .2s ease;
}
.card__more:hover .icon {
    transform: translateX(2px);
}
}


.mono-banner{
    /*background: #151515;*/
    /*border-radius:28px;*/
    /*max-width:1440px;*/
    /*margin:24px auto;*/
    /*padding: 40px 80px;*/
    /*overflow:hidden;*/

    .distance {
        display: none;
    }

    &.cat {
         margin-top: 35px;
         padding-bottom: 35px;
     }

    .mono-icon {
        width: 55px;
    }


    .banner-inner{
        background: #151515;
        max-width: 1640px;
        margin: 0 auto;
        padding: 40px 80px;
        border-radius: 28px;
        /*max-width:1320px; !* внутрішня робоча зона *!*/
        /*margin:0 auto;*/
    }

    .banner-head{
        display:flex;
        align-items:center;
        gap:20px;
        flex-wrap:wrap;
        margin-bottom:26px;
        justify-content: center;
    }

    .mono-banner-logo{
        position:relative;
        width:56px;
        height:56px;
        display:grid;
        place-items:center;
        background:#171717;
        border-radius:50%;
        flex:0 0 auto;
    }
    .paw{
        width:34px;height:34px;fill:#fff;opacity:.92
    }
    .logo-badge{
        position:absolute;
        right:-6px;top:-6px;
        width:26px;height:26px;
        border-radius:50%;
        background:#2a2a2a;
        color:#fff;
        font-weight:700;
        font-size:14px;
        display:grid;place-items:center;
        border:2px solid #3a3a3a;
    }

    .mono-banner-title{
        margin:0;
        font-weight:800;
        font-size:42px;
        letter-spacing:.2px;
        line-height:1.15;
        color:white;
    }
    .mono-banner-title .accent{ color:#AC2335; font-weight:800;}
    .mono-banner-title .mono{ color:#fff; font-weight:800;}

    .banner-form-mono{
        display:grid;
        grid-template-columns: 1fr 1fr 1fr;
        gap:28px;
        align-items:center;
    }

    .input-wrap{
        display:block;
    }
    .input-wrap input{
        width:100%;
        height:64px;
        border:none;
        outline:none;
        background:#D9D9D966;
        color:var(--field-text);
        border-radius:18px;
        padding:0 24px;
        font-size:18px;
        font-weight:500;
        letter-spacing:.2px;
    }
    .input-wrap input::placeholder{ color:#dcdcdc; opacity:.9 }

    .mono-cta{
        height:64px;
        padding:0 28px 0 28px;
        border:none;
        border-radius:18px;
        cursor:pointer;
        font-size:20px;
        /*font-weight:700;*/
        color:#fff;
        background:#AC2335;
        display:flex;
        align-items:center;
        gap:14px;
        transition:transform .08s ease, opacity .2s ease;
    }
    .mono-cta:active{ transform:translateY(1px) }
    .mono-cta:hover{ opacity:.95 }

    .cta-icon{
        display:inline-grid;place-items:center;
        width:44px;height:44px;
        border-radius:999px;
        background:rgba(255,255,255,.12);
    }
    .cta-icon svg{width:24px;height:24px;fill:none;stroke:#fff;stroke-width:2}

    .banner-foot{
        display:flex;
        justify-content:space-between;
        align-items:center;
        margin-top:18px;
        gap:20px;
        color: white;
    }
    .note-left,.note-right{
        margin:0;
        font-size:12px;
        letter-spacing:.2px;
    }
}

.top-block-product .slider-product .main {
    position: relative;
    overflow: hidden;
    border-radius: 18px;
}

.top-block-product .product-video-preview {
    position: relative;
    overflow: hidden;
    border-radius: 18px;
    height: 100%;
}

.top-block-product .product-video-preview img {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    height: auto !important;
    max-height: none !important;
    object-fit: contain !important;
    transform: translateY(-50%);
    display: block;

}
.top-block-product .slider-product .main .product-video-preview img {
    width: 100%;
    height: auto !important;
    object-fit: contain !important;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    position: absolute;
}

.top-block-product .product-video-preview__play {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 2;
    width: 72px;
    height: 72px;
    border: 0;
    border-radius: 50%;
    background: #ff0000;
    cursor: pointer;
    padding: 0;
}

.top-block-product .product-video-preview__play::before {
    content: "";
    display: block;
    margin-left: calc(50% - 10px);
    width: 0;
    height: 0;
    border-left: 20px solid #fff;
    border-top: 12px solid transparent;
    border-bottom: 12px solid transparent;
}

/*.top-block-product .slider-product .main iframe {*/
/*    width: 100%;*/
/*    height: 100%;*/
/*    min-height: 544px;*/
/*    display: block;*/
/*    border-radius: 18px;*/
/*}*/

.slider-youtube {
    overflow: hidden;
    width: 100%;
    position: relative;
    z-index: 1;
    height: 263px;
    touch-action: pan-y;
    /*margin-left: 50px;*/

    .youtube--wrapper {
        counter-reset: count;
        display: flex;
        position: absolute;
        z-index: 1;
        height: 100%;
        top: 0;
        left: 0;
        width: 100%
    }

    .youtube--item {
        counter-increment: count;
        position: absolute;
        z-index: 1;
        top: 0;
        left: 0;
        width: 506px;
        height: auto;
        padding: 0 20px;
        overflow: hidden;
        border-radius: 17px;
    }

    .drag-zone-youtube {
        position: absolute;
        left: 20px;
        right: 20px;
        top: 0;
        height: 100%;
        z-index: 8;
        cursor: grab;
        background: transparent;
        transition: height 0.2s ease;
    }
    .youtube--item.is-playing .drag-zone-youtube {
        height: 0;
        pointer-events: none;
    }

    .drag-zone-youtube:active {
        cursor: grabbing;
    }

    .slider-youtube,
    .youtube--wrapper,
    .youtube--item,
    .youtube--item img,
    .youtube--item figure {
        -webkit-user-select: none;
        user-select: none;
        -webkit-user-drag: none;
    }

    .youtube--item {
        counter-increment: count;
        position: absolute;
        z-index: 1;
        top: 0;
        left: 0;
        width: 506px;
        height: auto;
        padding: 0 20px;
        overflow: hidden;
        border-radius: 17px;
    }
    iframe {
        /*pointer-events: none;*/
    }
    .video-wrap {
        cursor: pointer;
        position: relative;
        z-index: 6;
    }

    .video-wrap:active {
        cursor: pointer;
    }

    .video-wrap iframe {
        /*pointer-events: none;*/
        pointer-events: auto;
    }


    .video-wrap {
        position: relative;
    }

    .youtube--item {
        position: absolute;
    }

    .youtube-play-btn {
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        z-index: 9;
        width: 72px;
        height: 72px;
        border: 0;
        border-radius: 50%;
        background: #ff0000;
        cursor: pointer;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 0;
    }
    .youtube-play-btn {
        pointer-events: auto;
    }

    .drag-zone-youtube {
        pointer-events: auto;
    }

    .youtube-play-btn::before {
        content: "";
        display: block;
        margin-left: 4px;
        width: 0;
        height: 0;
        border-left: 20px solid #fff;
        border-top: 12px solid transparent;
        border-bottom: 12px solid transparent;
    }

    .youtube--item.is-playing .youtube-play-btn {
        display: none;
    }

    figure {
        position: absolute;
        z-index: 1;
        display: block;
        user-select: none;
        -webkit-appearance: none;
        padding: 0;
        border: none;
        outline: none;
        box-shadow: none;
        cursor: pointer;
        width: 100%;
        height: 100%;
        overflow: hidden;
        pointer-events: none;
        transform-origin: center;

        img {
            position: absolute;
            z-index: 1;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            object-fit: cover;
            vertical-align: middle;
            transform-origin: center;
            border-radius: 17px;
        }
    }
    .video-wrap {
        position: relative;
    }

    .video-wrap .ytp-cued-thumbnail-overlay,
    .video-wrap .ytp-cued-thumbnail-overlay-image,
    .video-wrap .ytp-cued-thumbnail-overlay-play-button,
    .video-wrap .ytp-large-play-button,
    .video-wrap button[aria-label*="Воспроизвести"],
    .video-wrap button[aria-label*="Play"] {
        position: relative;
        z-index: 7 !important;
        pointer-events: auto !important;
    }
}

.block-about-product{
    display:grid;
    grid-template-columns:1fr 1fr;
    /*border-radius:var(--radius);*/
    overflow:hidden;
    color:black;
    max-width: 1640px;
    margin: 35px auto 0;
    padding-bottom: 35px;
    /*box-shadow:0 10px 30px rgba(0,0,0,.25);*/


    /* left */
    .block-about-product__text{
        background: white;
        padding: 40px 30px;
        border-radius: 32px;
        margin: 0 -25px 0 0;
        z-index: 1;
    }

    .block-about-product__title{
        margin:0 0 32px;
        font-weight:800;
        line-height:1.15;
        letter-spacing:-0.02em;
        font-size:40px;
    }

    .block-about-product__content{
        font-size: 16px;
        line-height: 1.2;
    }
    .block-about-product__content p{margin:0 0 18px}
    .block-about-product__content .mb-0{margin-bottom:0}

    /* right */
    .block-about-product__media{
        position:relative;
        min-height:434px;
        /*background:#ddd;*/
    }
    .block-about-product__media img{
        position:absolute; inset:0;
        width:100%; height:100%;
        object-fit:cover; object-position:center;
        display:block;
    }

    .block-about-product__backgr {
        background: url("../img-nd/backgr-block-about-shtory.png");
        background-repeat: no-repeat;
        background-size: cover;
        width: 100%;
        height: 100%;
        background-position: right;
        border-radius: 0 32px 32px 0;

        &.rolety {
           background: url("../img-nd/backgr-block-about-rolety.png");
         }
        &.zhaluzi {
           background: url("../img-nd/backgr-block-about-zhaluzi.png");
         }
    }
}

.block-about-product-img-left{
    display:grid;
    grid-template-columns:1fr 1.7fr;
    /*border-radius:var(--radius);*/
    overflow:hidden;
    color:black;
    /*max-width: 1440px;*/
    margin: 70px auto 28px;
    /*margin-bottom: 35px;*/
    /*box-shadow:0 10px 30px rgba(0,0,0,.25);*/


    /* left */
    .block-about-product__text{
        background: white;
        padding: 40px 30px;
        margin: 0 0 0 -30px;
        border-radius: 32px;
        z-index: 5;
    }

    .block-about-product__title{
        margin:0 0 32px;
        font-weight:800;
        line-height:1.15;
        letter-spacing:-0.02em;
        font-size:28px;
    }

    .block-about-product__sec-text {
        margin-bottom: 32px;
        font-size: 20px;
        font-weight: 500;
        font-family: "Montserrat-Medium", sans-serif;
    }

    .block-about-product__list {
        margin-bottom: 22px;
    }

    .block-about-product__content{
        font-size: 16px;
        line-height: 100%;
    }
    /*.block-about-product__content p{margin:0 0 18px}*/
    .block-about-product__content .mb-0{margin-bottom:0}

    /* right */
    .block-about-product__media{
        position:relative;
        min-height:447px;
        /*background:#ddd;*/
    }
    .block-about-product__media img{
        position:absolute; inset:0;
        width:100%; height:100%;
        object-fit:cover; object-position:center;
        display:block;
    }

    .block-about-product__backgr {
        background: url("../img-nd/automatica-backg-about.png");
        background-repeat: no-repeat;
        background-size: cover;
        width: 100%;
        height: 100%;
        background-position: right;
        border-radius: 20px 0 0 20px;
    }
}

.video-slider {
    padding: 35px 0 35px 120px;
    margin: auto;
    max-width: 1920px;

.video-wrap{
    position:relative;
    padding-top: 56.25%; /* 16:9 */
    overflow:hidden;
    background:#000;
    border-radius: 25px;
}

.video-wrap iframe{
    position:absolute;
    top:0; left:0;
    width:100%; height:100%;
}

.slick-slide{padding:8px}
.slick-prev:before,.slick-next:before{color:#000}
}

.sht-vik{
    width:100%;
    /*max-width:1440px;*/
    min-height: 380px;
    display:grid;
    grid-template-columns: 1fr minmax(50%, 50%);
    align-items:start;
    gap:0;
    margin: 35px auto;

h2 {
    margin-bottom: 40px;
}


.spacer{ min-height:1px; }

.cards{
    display:flex;
    flex-direction:column;
    gap:var(--gap-lg);
    padding-right:10px;
    max-height: 380px; /* щоб бачити лише частину блоків */
    overflow-y: auto; /* вертикальний скрол всередині */
}

.card{
    background: white;
    border-radius:15px;
    box-shadow:var(--shadow);
    padding:28px 32px;
    line-height:1.6;
    margin-bottom: 16px;
}
.card__title{
    margin:0 0 10px;
    font-weight:700;
    font-size:22px;
    color:#111;
}
.card__text{
    margin:0;
    font-size:16px;
    color:black;
}

.left-copy{
    color:black;
    align-self:start;
    padding:24px 190px 0 0;
    max-width:100%;
}
.left-copy h3{
    margin:0 0 12px;
    font-size:22px;
    font-weight:700;
}
.left-copy p{
    margin:0;
    font-size:16px;
    line-height:1.6;
    opacity:.85;
}
.cards::-webkit-scrollbar{
    width:8px;
}
.cards::-webkit-scrollbar-thumb{
    background:rgba(0,0,0,0.3);
    border-radius:4px;
}

}


.text-block{
    margin-inline:auto;
    /*max-width: 1440px;*/
    color: black;

.title{font-size:28px; font-weight:700; margin:0 0 16px;}

.expander{
    position: relative;
    overflow: hidden;
    max-height: 206px;
    transition: max-height var(--anim);
    line-height: 1.6;
}
.expander.is-open{
    max-height: 2000px; /* достатньо велике значення */
}

/* градієнт-перешар для підказки, що є продовження */
.expander::after{
    content:"";
    position:absolute; inset:auto 0 0 0;
    height:72px;
    /*background: linear-gradient(to bottom, rgba(12,12,12,0), rgba(12,12,12,1));*/
    pointer-events:none;
    transition: opacity var(--anim);
}
.expander.is-open::after{opacity:0;}

.actions{margin-top:27px}
.btn{
    border:unset;
    color:black;
    cursor:pointer;
    font-weight:600;
}
.btn:focus-visible{outline:2px solid #7aa2ff; outline-offset:2px}
}


.team-designers {
    margin: auto;
    /*max-width: 1440px;*/
    padding: 35px 0;

&.auto {
     padding: 70px 140px;
     background-color: white;
 }


.team__container {
    /*max-width: 1440px;*/
    margin: 0 43px;
    position: relative;
}
.team__title {
    margin: 0 0 28px;
    font-size: 40px;
    line-height: 1.2;
    font-weight: 500;
    color: black; /* легкий холодний відтінок */
    font-family: "Montserrat-Medium", sans-serif;
}

/* Slider spacing */
.team__slider {
    margin: 0 -12px; /* компенсує внутрішні відступи слайдів */
}
.team__slider .slick-slide {
    padding: 0 12px;
    height: 300px;
}
.team__slider .slick-list {
    overflow: hidden; /* щоб тіні карток не обрізались */
}

/* Arrows */
.team__arrow img:hover {
    transform: scale(1.06);
    z-index: 2;
}

.team__arrow img {
    align-items: center;
    transition: transform 0.25s ease;
    transform-origin: center center;
}
.team__arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 2;
    width: 44px;
    height: 44px;
    border: unset;
    background: unset;
    color: #fff;
    border-radius: 999px;
    display: grid;
    place-items: center;
    cursor: pointer;
    backdrop-filter: blur(4px);
    transition: background .2s ease, border-color .2s ease, transform .2s ease;
}
/*.team__arrow:hover { background: rgba(8,12,26,0.9); border-color: rgba(255,255,255,0.6); }*/
.team__arrow:active { transform: translateY(-50%) scale(0.98); }
.managers__arrow--prev { left: -60px; }
.managers__arrow--next { right: -60px; }
.designers__arrow--prev { left: -60px; }
.designers__arrow--next { right: -60px; }

/* Card */
.card {
    height: auto; /* контрольна висота під макет */
    /*border-radius: 18px;*/
    /*background: #fff;*/
    /*box-shadow: 0 10px 30px rgba(2,6,23,0.25);*/
    overflow: hidden;
    /*border: 1px solid rgba(15,23,42,0.08);*/
}
.card__img-wrap {
    position: relative;
    width: 100%;
    height: 100%;
    /*background: linear-gradient(180deg, #f8fafc, #eef2ff);*/
    border-radius: 16px;
    overflow: hidden;
}
.card__img {
    height: 100%;
    width: 100%;
    margin: auto;
    /*width: 100%;*/
    /*height: 100%;*/
    object-fit: cover;
    /*object-position: center top;*/
    display: block;
    border-radius: 16px;
    object-position: center 10%;
}
.card__fade {
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, rgba(0,0,0,0) 55%, rgba(0,0,0,0.55) 100%);
    pointer-events: none;
    max-width: 239px;
    margin: auto;
    border-radius: 16px;
}
.card__name {
    position: absolute;
    left: 15px;
    bottom: 16px;
    margin: 0;
    color: #fff;
    font-weight: 600;
    font-size: 15px;
    line-height: 1.25;
    text-shadow: 0 1px 2px rgba(0,0,0,0.25);
}

/* Slick dots off (не потрібні) */
.team__slider .slick-dots { display: none !important; }
}

.zha-vik{
    width:100%;
    /*max-width:1440px;*/
    min-height:390px;
    display:grid;
    grid-template-columns: 1fr minmax(50%, 50%);
    align-items:start;
    gap:0;
    margin: 70px auto;

h2 {
    font-size: 40px;
    margin-bottom: 40px;
}


.spacer{ min-height:1px; }

.cards{
    display:flex;
    flex-direction:column;
    gap:var(--gap-lg);
    padding-right:10px;
    max-height: 380px; /* щоб бачити лише частину блоків */
    overflow-y: auto; /* вертикальний скрол всередині */
}

.card{
    background: white;
    border-radius:15px;
    box-shadow:var(--shadow);
    padding:28px 32px;
    line-height:1.6;
    margin-bottom: 16px;
}
.card__title{
    margin:0 0 10px;
    font-weight:700;
    font-size:22px;
    color:#111;
}
.card__text{
    margin:0;
    font-size:16px;
    color:black;
}

.left-copy{
    color:black;
    align-self:start;
    padding:24px 20px 0 0;
    max-width: 100%;
}
.left-copy h3{
    margin:0 0 12px;
    font-size:22px;
    font-weight:700;
}
.left-copy p{
    margin:0;
    font-size:16px;
    line-height:1.6;
    opacity:.85;
}
.cards::-webkit-scrollbar{
    width:8px;
}
.cards::-webkit-scrollbar-thumb{
    background:rgba(0,0,0,0.3);
    border-radius:4px;
}

}

.price-auto {
    color: black;
    /*max-width:1440px;*/
    margin:0 auto;
    background-color: white;
    border-radius: 32px;
    padding: 70px 140px 45px;



.cards{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:20px;
    /*margin-top: 35px;*/
    margin-bottom:62px;
}

.card{
    overflow:hidden;
    display:flex;
    flex-direction:column;
}

.card__media{
    width:100%;
    aspect-ratio:16/5;
    /*background:#eef0f3;*/
    display:flex;
    align-items:center;
    justify-content:center;
}
.card__media img{
    width: 100%;
    height: auto;
    object-fit:cover;
}

.card__body{
    padding:32px;
    border: 1px solid #E2E2E2;
    border-radius: 24px;
}
.card__title{font-size:20px; line-height:1.25; margin:0 0 27px; font-weight:700;min-height: 72px;}
.title-mod {
    display: block;
}
.muted{font-weight:600}
.card__desc{margin:0 0 0; font-size:14px;min-height: 60px;}
.card__price{font-size:20px}

.block-title{
    display:flex;
    justify-content:space-between;
    /*align-items:end;*/
    gap:20px;
    margin:20px 0 12px;
}
.block-title h2{margin:0; font-size:32px; line-height:1.2}
.block-title .subnote{margin:0 4px 2px}

.rows{
    display:flex;
    flex-direction:column;
    gap:22px;
    margin-bottom: 35px;
}

.row{
    display:grid;
    grid-template-columns:minmax(300px,1.7fr) minmax(420px,1fr);
    gap:20px;
}

.row__media{
    overflow:hidden;
}
.row__media img{
    width: 100%;
    height: 467px;
    object-fit: cover;
    border-radius: 35px;
}

.row__table{
    border-radius: 35px;
    border: 1px solid #E2E2E2;
    padding: 30px 0;
}

.spec{
    list-style:none;
    margin:0;

}
.spec li{
    display:grid;
    grid-template-columns: 1fr 112px 126px;
    gap: 7px;
    padding:12px 20px;
    align-items:center;
    border-bottom: 1px solid #E9E9E9;
}
.spec li:last-child {
    border-bottom: unset;
}
.spec li:nth-child(even):not(.spec__group){
    /*background:#fafbfc*/
}
.spec li.spec__group{
    /*background:#f1f5f9; */
    font-weight:700;
    grid-template-columns: 1fr;
}
.spec__name{font-weight:500}
.spec__code{ text-align:center}
.spec__price{justify-self:end; font-weight:600}
}


.top-block-product{
    padding-top: 60px;
    display:grid;
    grid-template-columns: 1fr 1.6fr;
    grid-template-areas: "media card ";
    gap:35px;
    /*align-items:start;*/
    align-items: stretch; /* було start — це й “ламає” */
    /*min-height: 688px; !* у тебе в DevTools якраз ~688 *!*/


    .perk__text {
        flex-direction: column;
        justify-content: center;
        line-height: 1.2;
        font-family: "Montserrat-Medium", sans-serif;

        b {
            font-weight: 100;
        }
    }

    .open-form .title {
        font-family: "Montserrat-Medium", sans-serif;
        font-size: 24px;
    }

    .open-form .text {
        font-family: "Montserrat-Medium", sans-serif;
        font-size: 16px;
    }


    /* Left */
    /*.top-block-product__media{*/
    /*    min-width:0;*/
    /*    grid-area: media;*/
    /*}*/

    .top-block-product__media{
        display: flex;
        flex-direction: column;
        height: 100%;
        min-height: 0;
    }

    .top-block-product__media,
    .top-block-product__card{
        min-width: 0;
        height: 100%;
        display: flex;
        flex-direction: column;
    }



    .top-block-product__photo{
        border-radius:18px;
        overflow:hidden;
        background:#ddd;
        max-height: 544px;
    }
    .top-block-product__photo img{display:block;width:100%;height:100%;object-fit:cover}

    /* Thumbs slider */
    .top-block-product__thumbs{margin-top:16px}
    .top-block-product__thumbs .thumb{padding:0 8px}
    .top-block-product__thumbs .thumb img{
        display:block;width:100%;height:110px;object-fit:cover;border-radius:12px;
    }

    /* Right card */
    /*.top-block-product__card{*/
    /*    min-width:0;*/
    /*    color: black;*/
    /*    grid-area: card;*/
    /*}*/
    .product-title {
        font-size: 36px;
        font-family: "Montserrat-Medium", sans-serif;
        font-weight: 500;
    }
    .product-sub-title {
        font-size: 20px;
        margin: 10px 0 20px;
        font-family: "Montserrat-Medium", sans-serif;
    }
    .card{
        border-radius:22px;
        /*padding: 0 28px;*/
        /*box-shadow:0 2px 0 rgba(0,0,0,.02) inset;*/
    }

    .top-block-product__thumbs{margin-top:16px}
    .top-block-product__thumbs .thumb{
        display:block; padding:0 8px; background:none; border:0; cursor:pointer;
    }
    .top-block-product__thumbs .thumb img{
        display:block; width:100%; height:110px; object-fit:cover; border-radius:12px;
    }
    .top-block-product__thumbs .thumb.is-active img{
        outline:2px solid var(--primary); outline-offset:2px;
    }

    .label{font-size:16px;color:var(--muted);margin:0 0 4px}
    .price{display:flex;align-items:flex-end;gap:10px;margin:0}
    .price{
        font-size:40px;
        font-weight: 600;
        font-family: "Montserrat-SemiBold", sans-serif;
        .mini {
            font-size:20px;
        }
    }

    .perks{list-style:none;margin:40px 0;padding:0;display:grid;gap:14px;
        grid-template-columns: repeat(2, 1fr);}
    .perk{display:flex;align-items:center;gap:10px;font-size:16px}
    .perk__icon{font-size:22px;line-height:1}

    .card__title{font-size:24px;margin:22px 0 10px}
    .card__subtitle{font-weight:500;color:var(--muted);font-size:18px}

    .field{display:block}
    .input{
        width:100%;
        height:48px;
        border-radius:12px;
        border:1px solid rgba(0,0,0,.08);
        padding:0 14px;
        font-size:16px;
        outline:none;
    }
    .input::placeholder{
        color: #313131;
    }

    .input:focus{border-color:#999}

    .btn{
        display:inline-flex;align-items:center;justify-content:center;
        padding:0 10px;height:48px;border-radius:12px;border:none;cursor:pointer;
        font-size:16px;font-weight:600;
    }
    .btn--primary{background:#AC2335;color:#fff}
    .btn__icon{margin-left:10px}

    .note{font-size:13px;color:#3b3b3b;margin:10px 0 6px}
    .subnote{font-size:12px;color:#7b7b7b;margin:0}

    .card__section--price{
        background-color: #EFECE7;
        padding: 25px;
        border-radius: 14px;
    }
    .card__section--icons{margin-top:18px}
    .icons{list-style:none;
        margin:0;
        padding:0;
        display:grid;
        grid-template-columns:repeat(3,1fr);
        gap:20px;
    }
    .icon{
        background:#fff;
        border-radius:12px;
        padding:12px 10px;
        display:flex;
        align-items:center;
        gap:10px;
        justify-content:center;
        border: 1px solid #DADADA;
    }
    .icon__glyph{font-size:22px}
    .icon__label{
        font-size:14px;
        font-family: "Montserrat-Medium", sans-serif;
    }

    .lead-form{
        display:grid;
        grid-template-columns: 1fr 1fr auto;
        grid-template-rows: auto auto;   /* рядок 1: поля+кнопка, рядок 2: тексти */
        gap:12px;
        margin-top:16px;
        /*align-items:center;               !* вертикально вирівнюємо по центру *!*/
    }

    /* Кнопка на першому рядку в третій колонці */
    .lead-form .btn{
        grid-column: 3;
        grid-row: 1;
        height:48px;                      /* одна висота з інпутами */
    }

    /* Текст під полями (на 2-му рядку під 1-2 колонками) */
    .lead-form .note--under-inputs{
        grid-column: 1 / 3;               /* колонки 1-2 */
        grid-row: 2;
        font-size:13px; color:#3b3b3b;
        margin:6px 0 0;
    }

    /* Текст під кнопкою (2-й рядок, 3-тя колонка) */
    .lead-form .subnote--under-btn{
        grid-column: 3;
        grid-row: 2;
        font-size:12px; color:#7b7b7b;
        margin:6px 0 0;
    }

    .photo-arrow,
    .photo-counter{ display:none; }

    .gallery{
        width:min(100%, 920px);
        /*background:#fff;*/
        border-radius:20px;
        /*padding:20px;*/
        /*box-shadow:0 10px 30px rgba(0,0,0,.15);*/
    }

    .gallery__main{
        position:relative;
        aspect-ratio: 16 / 10; /* щоб тримати пропорції як у макеті */
        border-radius: var(--radius);
        overflow:hidden;
        background:#f3f3f3;
    }

    .gallery__main img{
        width:100%;
        height:100%;
        object-fit: cover;
        display:block;
    }

    .counter{
        position:absolute;
        left:50%;
        bottom:10px;
        translate:-50% 0;
        background:rgba(0,0,0,.55);
        color:#fff;
        font-size:14px;
        line-height:1;
        padding:6px 10px;
        border-radius:999px;
        pointer-events:none;
    }

    /* Стрілки */
    .nav{
        position:absolute;
        bottom:8px;
        padding:8px 14px;
        border:none;
        border-radius:999px;
        background:rgba(0,0,0,.65);
        color:#fff;
        font-size:18px;
        cursor:pointer;
        transition:transform .1s ease;
    }
    .nav:active{ transform:scale(.96) }

    .nav--prev{ left:8px; }
    .nav--next{ right:8px; }

    /* Мініатюри (desktop) */
    .gallery__thumbs{
        margin-top: var(--gap);
        display:flex;
        gap: var(--gap);
        overflow-x:auto;
        padding-bottom:4px;
    }

    .thumb{
        border:none;
        padding:0;
        background:none;
        cursor:pointer;
        border-radius: var(--radius);
        overflow:hidden;
        outline:2px solid transparent;
        transition:outline-color .2s ease, transform .08s ease;
        flex:0 0 22%;
        max-width:180px;
        aspect-ratio: 4 / 3;
    }
    .thumb img{
        width:100%;
        height:100%;
        object-fit:cover;
        display:block;
    }
    .thumb:is(:hover,:focus-visible){ outline-color:#1e88e5; }
    .thumb.is-active{ outline-color:#1e88e5; }
    .gallery__main{
        position:relative;
        aspect-ratio: 11 / 10;
        border-radius: 14px;
        overflow:hidden;
        background:#f3f3f3;
    }
    .gallery__main img{
        width:100%;
        height:100%;
        object-fit:cover;
        display:block;
        opacity:1;                /* <- ніколи не 0 за замовчуванням */
        transition:opacity .2s ease;
    }

    @media (min-width: 769px){
        .nav, .counter{ display:none; }
        .gallery__thumbs{ display:flex; } /* ряд мініатюр */
    }

    /* Мобільний: лише велике фото + стрілки + лічильник */
    @media (max-width: 768px){
        .gallery__thumbs{ display:none; }
        .nav{
            position:absolute; bottom:10px;
            padding:10px 14px; border:none; border-radius:999px;
            background:rgba(0,0,0,.65); color:#fff; font-size:20px; cursor:pointer;
        }
        .nav--prev{ left:8px; }
        .nav--next{ right:8px; }
        .counter{
            position:absolute; left:50%; bottom:10px; translate:-50% 0;
            background:rgba(0,0,0,.55); color:#fff; padding:6px 10px; border-radius:999px;
            font-size:14px; line-height:1;
        }
    }

    /* Мініатюри на ПК */
    .gallery__thumbs{
        margin-top:16px; gap:16px; overflow-x:auto; padding-bottom:4px;
    }
    .thumb{
        border:none; padding:0; background:none; cursor:pointer;
        border-radius:14px; overflow:hidden;
        outline:2px solid transparent; transition:outline-color .2s ease;
        flex:0 0 22%; max-width:180px; aspect-ratio: 4 / 3;
    }
    .thumb img{ width:100%; height:100%; object-fit:cover; display:block; }
    .thumb.is-active, .thumb:hover, .thumb:focus-visible{ outline-color:#1e88e5; }

    .slider-product-img,
    .slider-product{
        display: flex;
        flex-direction: column;
        height: 100%;
        min-height: 0;
    }

    .slider-product .main{
        flex: 1 1 auto;
        min-height: 0;
        cursor: pointer;

        /* ВАЖЛИВО: прибери aspect-ratio, бо він “блокує” розтяг */
        aspect-ratio: auto !important;
    }

    .slider-product .main img{
        width: 100%;
        height: 100%;
        object-fit: cover;
        display: block;
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center 60%;
        display: block;
    }

    .slider-product .thumbs{
        flex: 0 0 auto;
    }


}


.nav-product{
    /*max-width:1440px;*/
    margin: 40px auto;
    /*padding:18px 24px;*/
    display:flex;
    align-items:center;
    color: black;
    flex-wrap:nowrap;
    overflow-x:auto;
    gap:24px;
    scrollbar-width:none;
    padding-bottom: 40px;
    padding-top: 40px;



    .nav__item{
        position:relative;
        display:inline-flex;
        align-items:center;
        height:36px;
        font:500 16px/1.2 system-ui, sans-serif;
        color:#888888;
        background:none;
        border:none;
        cursor:pointer;
        white-space:nowrap;
        transition: color .25s ease, text-shadow .25s ease;
        margin: 0 1.3%;

        a {
            color: #888888;
        }
    }
    .nav__item::after{
        content:"";
        position:absolute;
        left: 0;
        right: 0;
        bottom: -2px;
        height: 2px;
        background: #0D0D0D;
        border-radius: 2px;
        transform: scaleX(0);
        transform-origin: center;
        opacity: 0;
        transition: transform .25s ease, opacity .25s ease;
    }
    :first-child {
        margin-left: 0;
    }
    .nav__item:hover,
        .nav__item.is-active{
            color:black;
            /*text-shadow: 0.2px 0 currentColor, -0.2px 0 currentColor;*/

        a {
            color:black;
        }
    }
    .nav__item:hover::after,
    .nav__item.is-active::after{
        transform: scaleX(1);
        opacity: 1;
    }
    a{
        text-decoration: unset;
    }
}

#paletteCard {
    max-height: 385px; /* початкова висота */
    overflow: hidden;
    transition: max-height 0.4s ease;
}

#paletteCard.open {
    max-height: unset; /* або auto, але auto не анімується */
}

.palette {
    margin: 40px 0;

    h2 {
        margin-bottom: 48px;
        font-family: "Montserrat-Medium", sans-serif;
        font-weight: 500;
    }
    .palette-card{background:var(--card);border-radius:24px;box-shadow:var(--shadow);overflow:hidden;}
    .palette-section{
        border-bottom: 1px solid #D2D2D2;
        padding:18px 0 24px;
        color: black;
    }
    .palette-content {
        border: 1px solid #D2D2D2;
        border-radius: 24px;
        padding: 25px;
        position: relative;       /* важливо для sticky */
        display: flex;
        flex-direction: column;
    }
    .palette-card.open + .actions {
        position: sticky;
        bottom: 20px;                /* притискаємо до низу екрана */
        z-index: 10;              /* поверх списку */
        background: #fffffff5;
        /* box-shadow: 0 -4px 10px rgba(0, 0, 0, .05); */
        width: fit-content;
        padding: 5px;
    }

    /* плитка з картинкою + номером */
    .palette-section .chips a.fancybox {
        display: inline-flex;
        flex-direction: column;
        align-items: center;
        transition: transform 0.25s ease;
        transform-origin: center center;
        will-change: transform;
        position: relative;
    }

    /* плавне збільшення при наведенні */
    .palette-section .chips a.fancybox:hover {
        transform: scale(1.06);
        z-index: 2;
    }

    .palette-section + .palette-section{border-top:1px solid var(--line)}

    /* ======= Рядок: підпис + одна лінія з чіпами ======= */
    .row{
        display:grid;
        grid-template-columns: 185px 1fr; /* зліва підпис, справа одна лінія чіпів */
        /*align-items:center;*/
        gap:28px;
    }

    /* Підпис */
    .caption{position:relative; display:flex; flex-direction:column; gap:2px}
    .title{font-size:18px; font-weight:500; letter-spacing:.2px;font-family: "Montserrat-Medium", sans-serif;}
    .note{font-size:18px; color:var(--muted)}
    .toggle{
        display:none; /* показуємо лише на мобільному */
        position:absolute; right:0; top:0;
        width:28px; height:28px; border:0; background:transparent; cursor:pointer;
    }
    .toggle svg{
        width: 47px;
        height: 47px;
        fill:none;
        stroke:#cfcfd3;
        stroke-width:2;
        transform:rotate(0);
        transition:transform .2s;
    }
    .toggle[aria-expanded="true"] svg{transform:rotate(180deg)}

    /* Лінія чіпів (без підписів під кожним) */
    .chips{
        display:flex;
        gap:26px;
        align-items:center;
        flex-wrap:nowrap;
        position: relative;

        .name-tkan {
            margin-top: 5px;
            text-align: center;
        }

    }

    .chips div{
        max-width: 72px;
        width: 72px;
        min-width: 72px;
    }
    .chips a{
        font-size: 10px;
        text-decoration: unset;
        line-height: 1.2;
    }

    .scroll-chips {
        display: flex;
        flex-wrap: nowrap;
        overflow-x: auto !important;
        overflow-y: hidden;
        min-width: 0;          /* критично для grid-елемента */
        -ms-overflow-style: none;
        scrollbar-width: none;
        cursor: grab;
        user-select: none;
    }
    .scroll-chips::-webkit-scrollbar {
        display: none; /* ховаємо скролбар */
    }

    .scroll-chips > div {
        flex: 0 0 auto;   /* елементи фіксованої ширини, йдуть в ряд */
        margin-right: 8px; /* якщо потрібні відступи */
    }

    .chip{
        width:88px;height:88px;
        border-radius:4px;
        border:1px solid rgba(255,255,255,.12);
        /*box-shadow:inset 0 1px 0 rgba(255,255,255,.06), 0 8px 28px rgba(0,0,0,.4);*/
        /*background-image:*/
        /*        linear-gradient(135deg, rgba(255,255,255,.18), rgba(255,255,255,0) 60%),*/
        /*        repeating-linear-gradient(45deg, rgba(255,255,255,.08) 0 2px, transparent 2px 6px);*/
        /*background-blend-mode:screen;*/
    }
    .more{display:contents}

    /* Кольори демо */
    .c1{background:#dfe3ec}.c2{background:#dde8b5}.c3{background:#ecdcb2}.c4{background:#e5bdc1}.c5{background:#d4e7b9}.c6{background:#aee6a9}.c7{background:#a8c6e1}
    .c8{background:#dfe3f3}.c9{background:#ece79f}.c10{background:#a9d0f5}.c11{background:#edd69f}.c12{background:#cdeff0}.c13{background:#a6e6b6}.c14{background:#f6c9cf}
    .c15{background:#dfe9f5}.c16{background:#f0d399}.c17{background:#a2a5a8}.c18{background:#f6c7d2}.c19{background:#a9c9ea}.c20{background:#bde0b6}.c21{background:#bde2b6}

    /* Кнопка під картою */
    .actions{display:flex;
        border-bottom: 1px solid black;
        justify-content: left;
        width: fit-content;
    }
    .btn{
        transition: color .2s ease, font-weight .2s ease;
        margin-top:28px;padding:0;background:#fff;color:#111;border:0;border-radius:12px;
        font-weight:500;cursor:pointer;transition:transform .15s ease, box-shadow .15s ease;box-shadow:0 6px 22px rgba(255,255,255,.08);font-family: "Montserrat-Medium", sans-serif;
    }
    .btn:hover{
        font-weight: 700;
    }
    .btn[disabled]{opacity:.55;cursor:default}


}

.text-content {
    margin-top: 35px;
    margin-bottom: 35px;
h3 {
    margin-top: 35px;
}
}


.desc-slide-form{
        margin: 35px 0 0;

    .desc-slide-form__inner{
        max-width: var(--container);
        margin: 0 auto;
        background: var(--bg);
        border-radius: 21px;
        box-shadow: var(--shadow);
        padding: 46px 32px;
        display: grid;
        grid-template-columns: 1.6fr 1fr;
        gap: 32px;
        background-color: #EFECE7;
    }

    .desc-slide-form__title{
        font-size: 32px;
        line-height: 1.15;
        margin: 0 0 30px;
        font-weight: 500;
        margin-top: 30px;
        font-family: "Montserrat-Medium", sans-serif;
    }
    .desc-slide-form__subtitle{
        font-weight: 500;
        font-size: 20px;
        color: var(--muted);
        font-family: "Montserrat-Medium", sans-serif;
    }

    .benefits{
        list-style: none;
        margin: 0;
        padding: 0;
        display: grid;
        gap: 24px;
    }
    .benefit{
        display:flex;
        gap:20px;
        align-items:flex-start;
    }
    .benefit__icon{
        width:40px; height:40px; display:grid; place-items:center;
        color:#2f2f2f;
        /*background:#fff; */
        border-radius:10px; flex:0 0 40px;
        /*box-shadow: inset 0 0 0 1px rgba(0,0,0,.06);*/
    }
    .benefit__text{
        margin: auto 0; font-size:16px; line-height:1.45;
    }

    .desc-slide-form__right{
        display:flex; flex-direction:column; align-items:center;

        .open-form {
            width: 100%;
        }
    }

    .experts{
        width: 500px;
        /*width:100%;*/
        /*display:flex; align-items:flex-start; justify-content:center; gap:48px;*/
        /*margin-bottom: 14px;*/
    }
    .expert{
        text-align:center;
    }
    .expert__photo{
        width:120px;
        height:120px;
        object-fit:cover;
        border-radius:50%;
        background:#fff;
        display:block;
        margin:0 auto 12px;
        box-shadow: 0 4px 14px rgba(0,0,0,.08);
        object-position: center 10%;
    }
    .expert__name{
        font-weight:600;
        font-size:16px;
        font-family: "Montserrat-SemiBold", sans-serif;
    }

    .worktime{
        text-align:center;
        color:#1D1D1D;
        font-size:16px; line-height:1.4;
        margin: 20px 0 18px;
        font-family: "Montserrat-Medium", sans-serif;
    }

    .cta-fah{
        /*width:94%;*/
        /*display:flex; */
        /*gap:12px; */
        /*align-items:stretch; */
        /*justify-content:center;*/

        &.open-form .wrap-action {
             margin-top: 20px;
         }
         .cta__btn  button {
             background-color: unset;
             border: unset;
             margin: auto;
             display: flex;

             p{
                 padding-top: 7px;
                 color: white;
                 font-size: 16px;
                 padding-right: 10px;
             }
         }
         .form .field input::placeholder {
            color: #848484;
        }
        .form .field input {
            background: white;
            color: #848484;
            padding-left: 15px;
        }
    }
    .cta__field{ flex: 1 1 auto; }
    .cta__input{
        width:100%; height:48px; border-radius:12px; border:1px solid rgba(0,0,0,.08);
        padding:0 16px; font-size:16px; outline:none;
    }
    .cta__input::placeholder{ color:#9a9a9a; }

    .cta__btn{
        display:inline-flex; align-items:center; gap:10px;
        height:48px; padding:0 20px; border-radius:12px; border:none;
        background-color: #AC2335; color:#fff;
        /*font-weight:600; */
        cursor:pointer;
        transition: filter .15s ease;
        margin-top: 20px;
    }
    .cta__btn:hover{ filter: brightness(0.95); }
    .cta__btn-icon{
        width:28px; height:28px; display:grid; place-items:center;
        background:#ffffff1a; border-radius:999px;
    }
    .slick-prev:before, .slick-next:before {
        color: black;
    }
    .slick-prev, .slick-next {
        width: auto;
        height: auto;
    }
}


.objects-modal {
    background-color: black;
    border-radius: 32px;
    color: white;

.objects{
    margin: 0 140px;
    padding: 80px 0;
}
.objects__head{display:flex;align-items:flex-start;gap:72px;margin-bottom:40px}
.objects__title{font-size:40px;line-height:1.15;margin:0;letter-spacing:.2px; color: white;font-weight: 500;
    font-family: "Montserrat-Medium", sans-serif;
}
.objects__lead{margin:10px 0 0;color:var(--muted);line-height: 26px;font-family: "Montserrat-Medium", sans-serif;}

/* Slider (зовнішній) */
.slider-our-photo{position:relative}
.slider__arrow:hover {
    transform: scale(1.06);
    z-index: 2;
}
.slider__arrow{
    position:absolute;top:50%;translate:0 -50%;
    width:44px;height:44px;border-radius:50%;
    border:unset;
    background:unset;
    color:#e9e9e9;
    display:grid;place-items:center;cursor:pointer;z-index:2;
    align-items: center;
    transition: transform 0.25s ease;
    transform-origin: center center;
}
.slider__arrow--prev{left:-35px}
.slider__arrow--next{right:-35px}

/* Slick трек */
.slider__track .card-slide{margin:0 10px}

/* Card-slide */
.card-slide{
    /*background:var(--card);*/
    /*border-radius:var(--radius);*/
    /*box-shadow:0 8px 26px rgba(0,0,0,.28);*/

    /*cursor:pointer;*/
    /*padding:0;    */
    display: flex;
    flex-direction: column;
    height: 100%;
}


.card-slide__head{
    /*margin-bottom:12px;*/
    /*min-height: 110px;*/
    /*min-height: 110px;*/
    /*display: flex;*/
    /*flex-direction: column;*/
    /*justify-content: flex-end;*/
    /*margin-bottom:20px;*/

    /*display: grid;*/
    /*grid-template-rows: 58px 24px 24px; !* title / photo count / location *!*/
    /*align-content: start;*/
    /*min-height: 126px;*/
    /*margin-bottom: 20px;*/

    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-bottom: 20px;
}
.card-slide__title{
    /*font-size:24px;*/
    /*margin:0 0 3px;*/
    /*color: white;*/
    /*font-weight: 500;*/
    font-family: "Montserrat-SemiBold", sans-serif;

    /*margin: 0;*/
    /*line-height: 1.2;*/
    /*overflow: hidden;*/
    /*display: -webkit-box;*/
    /*-webkit-line-clamp: 2;*/
    /*-webkit-box-orient: vertical;*/

    /*margin: 0;*/
    /*line-height: 1.2;*/
    /*min-height: calc(1.2em * 2); !* висота під 2 рядки *!*/
    /*display: flex;*/
    /*align-items: flex-end;       !* короткий текст притискається вниз *!*/
    /*overflow: hidden;*/

    margin: 0;
    line-height: 1.2;
    /*min-height: 58px; !* висота під 2 рядки *!*/
    overflow: hidden;
}
.card-slide__meta{
    /*font-size:14px;*/
    /*color:var(--muted);*/
    font-family: "Montserrat-Medium", sans-serif;

    /*margin: 0;*/
    /*display: flex;*/
    /*align-items: center;*/

    min-height: 24px;
    display: flex;
    align-items: center;
    margin: 0;
}
.card-slide__loc{
    /*display:flex;*/
    /*align-items:center;*/
    /*gap:8px;*/
    /*font-size:15px;*/
    /*color:#ddd;*/
    /*margin-top: 15px;*/

    /*margin: 0;*/
    /*display: flex;*/
    /*align-items: center;*/

    min-height: 24px;
    display: flex;
    align-items: center;
    margin: 0;
}
.card-slide__hero{position:relative;background:#8a8a8a;border-radius:16px;overflow:hidden;aspect-ratio:19/10}
.card-slide__hero img{width:100%;height:100%;object-fit:cover;display:block;cursor: pointer;
    align-items: center;
    transition: transform 0.25s ease;
    transform-origin: center center;
}
.card-slide__hero img:hover {
    transform: scale(1.06);
    z-index: 2;
}
.card-slide__thumbs{
    margin-top:12px;display:grid;grid-template-columns:repeat(3,1fr);gap:12px
}
.slider-img-block {
    display:none;
}
.slider-img-block:nth-child(1),
.slider-img-block:nth-child(2),
.slider-img-block:nth-child(3){
    display: block;
}
.card-slide__thumbs img:hover {
    transform: scale(1.06);
    z-index: 2;
}
.card-slide__thumbs img {
    align-items: center;
    transition: transform 0.25s ease;
    transform-origin: center center;
    cursor: pointer;
}

.card-slide__thumbs img,.thumb{width:100%;aspect-ratio:5/3;object-fit:cover;border-radius:12px;background:#757575}

/* ===== Modal ===== */
.modal {
    position: fixed;
    inset: 0;
    display: none;
    z-index: 9999;
}

.modal[aria-hidden="false"] {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 8px;
    box-sizing: border-box;
}

.modal__sheet {
    position: relative;
    z-index: 1;
    margin: 0;
    background: var(--sheet);
    color: var(--ink);
    width: min(1200px, calc(100vw - 24px));
    height: min(97vh, 1000px);
    border-radius: 16px;
    display: flex;
    flex-direction: column;
    background: white;
}
.modal__backdrop {
    position:absolute;
    inset:0;
    background:rgba(0,0,0,.6);
    backdrop-filter:blur(2px)
}
.modal__header{
    display:flex;
    justify-content:space-between;
    align-items:flex-start;
    gap:16px;
    padding:20px 20px 12px;
    position: absolute;
    z-index: 6;
    /*width: 100%;*/
    background: #80808096;
    width: 100%;
    color: black;

    .modal__titlebox {
        width: calc(100% - 270px);

    }


}
.modal__title{margin:0 0 0;font-size:28px;line-height:1.2}
.modal__loc{color:var(--ink-muted);font-size:14px;        font-family: "Montserrat-Medium", sans-serif;}
.modal__count-photo {
    font-size: 14px;
    font-family: "Montserrat-Medium", sans-serif;
}
.modal__actions{display:flex;align-items:center;gap:8px}
.modal__nextobj{
    display:inline-flex;
    align-items:center;
    gap:6px;
    padding:10px 14px;
    font-weight:500;
    cursor:pointer;
    font-family: "Montserrat-Medium", sans-serif;
    border: 1px solid #AC2335;
    border-radius: 9px;
    color: #AC2335;
    background-color: white;
}
.modal__nextobj.mob {
    display: none;
}
.modal__close{width:36px;height:36px;border-radius:50%;border:1px solid #ddd;background:#fff;cursor:pointer}

.modal__viewer{position:relative;margin:0 20px;flex:1;
    /*background:#f6f6f6;*/
    border-radius:12px;overflow:hidden}
.viewer-slick .viewer-slide{
    /*height:100%;*/
    /*display:grid;*/
    place-items:center;
    height: 90vh;
    display: flex;
    align-items: center;
    justify-content: center;
}
.viewer-slick .viewer-slide img{
    /*max-width:100%;*/
    /*max-height:100%;*/
    /*object-fit:contain;*/
    display:block;
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
    object-fit: contain;   /* головне */
}
.modal_view {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 90vh;
}
.viewer-slick {
    height: 90vh;      /* адаптивно */
    max-height: 90vh;
}

.modal__nav{position:absolute;top:50%;translate:0 -50%;width:44px;height:44px;border-radius:50%;border:1px solid #ddd;
    background:#fff;color:#111;display:grid;place-items:center;cursor:pointer;z-index:2}
.modal__nav--prev{left:10px}
.modal__nav--next{right:10px}

.modal__dots{display:flex;gap:8px;justify-content:center;align-items:center;padding:0 20px}
.modal__dots .slick-dots{display:flex !important;gap:8px}
.modal__dots .slick-dots li button:before{font-size:10px;color:#7a7a7a}
.modal__dots .slick-dots li.slick-active button:before{color:#333}

.modal__thumbs{padding:12px 20px 18px;
    /*border-top:1px solid #eee;*/
    background:#efeefd33}
#thumbsSlick .thumb-slide{padding-right:12px}
#thumbsSlick .thumb-slide img{width:120px;aspect-ratio:4/3;border-radius:10px;border:2px solid transparent;background:#ddd;object-fit:cover}
#thumbsSlick .slick-current img{border-color:#8366ff}
}

.features{
    padding: 24px 0;

    h2 {
        margin-bottom: 32px;
        font-family: "Montserrat-Medium", sans-serif;
        font-weight: 500;
    }
    .features__container{
        max-width: var(--maxw);
        margin: 0 auto;
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        gap: 44px;
    }

    /* Card */
    .feature-card{
        border: 1px solid #DADADA;
        border-radius: 14px;
        background: #fff;
        min-height: 180px;
        padding: 38px 12px;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: flex-start;
        text-align: center;
        transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
    }
    .feature-card:hover{
        transform: translateY(-2px);
        box-shadow: var(--shadow);
        border-color: #dcdce2;
    }
    .feature-card__icon{
        /*width: 56px;*/
        /*height: 56px;*/
        line-height: 0;
        color: #111114;
        margin-bottom: 16px;
    }
    .feature-card__title{
        margin: 0;
        font-size: 16px;
        font-weight: 500;
        line-height: 1.35;
        color: var(--text);
        font-family: "Montserrat-Medium", sans-serif;
    }
}


.measure-card{
    /*max-width:1440px;*/
    /*margin: 35px 0;*/
    padding: 35px 0;

    &.margin-0 {
        margin: 0;
     }
.measure-card__inner{background:#F3ECE5;border-radius:24px;padding:60px 54px;box-shadow:0 2px 6px rgba(0,0,0,.03)}

/* Title */
.measure-card__title{font-weight:500;font-size:32px;line-height:1.2;margin:0 0 48px;font-family: "Montserrat-Medium", sans-serif;}
.measure-card__title .bold{font-weight:700;font-family: "Montserrat-Bold", sans-serif;}

/* Features */
.measure-card__features{display:grid;grid-template-columns:1fr 1fr;gap:24px 56px;margin-bottom:48px}
.features-col{list-style:none;margin:0;padding:0;display:grid;gap:24px}
.feature{display:grid;grid-template-columns:28px 1fr;align-items:start;gap:12px}
.feature__icon{width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;
    /*background:#fff;*/
    border-radius:8px;color:#1f1f1f;flex:0 0 28px;
    /*box-shadow:inset 0 0 0 1px rgba(0,0,0,.06)*/
}
.feature__icon.check{color:#1a7f2e}
.feature__text{margin:0;font-size:16px}

/* Form */
.measure-form{

    .open-form .title {
        font-family: "Montserrat-Medium", sans-serif;
        font-size: 32px;
    }
    .open-form .text {
        font-family: "Montserrat-Medium", sans-serif;
        font-size: 16px;
    }
    .form .phone .icon {
        display: none;
    }
    .form .field input{
        background: white;
        color: #313131;
    }
    .form .field input::placeholder {
        color: #313131;
    }
    .open-form .form .field input {
        height: 48px;
    }
    .wrap-action input {
        height: 48px;
        background: #AC2335;
        border-radius: 10px;
        border: unset;
    }
    .open-form {
        .wrap-action {
            .action {
                display: flex;
                background: #AC2335;
                border-radius: 14px;
                justify-content: center;
                height: 48px;

                position: relative;
                display: flex;
                align-items: center;
                justify-content: center;
                gap: 10px;
                width: 100%;
                height: 48px;
                background: #AC2335;
                border-radius: 14px;
                overflow: hidden;
                cursor: pointer;
                transition: background-color 0.3s ease;
            }

            .action:hover {
                background: #7C2127;
            }
            .default-btn {
                height: auto;
                color: white;
                background: unset;
                border-radius: unset;
                border: unset;
                text-align: center;
                cursor: pointer;
                transition: 0.3s;
                font-size: 16px;

                position: absolute;
                inset: 0;
                width: 100%;
                height: 100%;
                border: 0;
                margin: 0;
                padding: 0;
                background: transparent;
                color: transparent;
                cursor: pointer;
                z-index: 3;
                appearance: none;
                -webkit-appearance: none;

            }

            .btn-text {
                color: white;
            }
            .arrow-right-white {
                width: 26px;
                height: 26px;
                margin: auto 0;
                margin-left: 7px;
            }

        }
    }

}
.measure-form__title{margin:0 0 14px;font-weight:700;font-size:32px}
.measure-form__small-title{font-size:16px}
.measure-form__title .dash{letter-spacing:.15em;font-size: 16px;}
.measure-form__row{display:grid;grid-template-columns:2fr 1fr;gap:16px}
.input{display:block}
.input input{width:100%;height:48px;border-radius:12px;border:1px solid #e2e2e2;padding:0 16px;font-size:16px;background:#fff}
.input input:focus{outline:none;border-color:#C9B4A9;box-shadow:0 0 0 4px rgba(201,180,169,.25)}
.btn{width: 100%;height:48px;border:none;border-radius:12px;background:#B7282E;color:#fff;font-weight:700;font-size:16px;padding:0 18px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:transform .05s ease,opacity .2s ease}
.btn:hover{opacity:.95}
.btn:active{transform:translateY(1px)}
.btn__arrow{font-weight:900}

/* Notes */
.measure-form__notes{display:flex;align-items:center;justify-content:space-between;margin-top:10px;gap:16px}
.note-left,.note-right{margin:0;font-size:14px;color:#5c5c5c}
.accent{color:#B7282E;font-weight:600}
.sr-only{position:absolute;left:-9999px}
.btn-wrap {
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    gap:6px;
}

.note-under {
    margin:0;
    font-size:14px;
    color:#5c5c5c;
}

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

.note-under-fields {
    margin:4px 0 0;
    font-size:14px;
    color:#5c5c5c;
}

.fields-group {
    display:flex;
    flex-direction:column;
    gap:6px;
}

.fields-row {
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:16px;
}

.note-under-fields {
    margin:0;
    font-size:14px;
    color:#5c5c5c;
}


}


.btn-href {
    text-align: center;
    margin: 20px 0;
    text-decoration: underline;
}

.vac-req{
    /*max-width: 1440px;*/
    margin: 36px auto 0;
    padding-bottom: 20px;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 23px;

.card{
    border-radius: 23px;
    padding: 20px;
    min-height: 300px;
}
.card--light{ background-color: #EFECE7; }
.card--white{ border-radius: 23px; border: 1px solid #CBCBCB; }

/* Ліва картка */
.join__title{ font-size: 28px; font-weight:700; margin:0 0 18px; }
.join__text{ font-size:16px; margin:0 0 14px; line-height:1.5; }

.join__actions{ margin-top:20px; display:grid; gap:10px; }
.action{
    display:flex; align-items:center; gap:10px;
    text-decoration:none; color:var(--text);
    font-weight:500; font-size:16px;
}
.action__icon{
    width:28px; height:28px; display:grid; place-items:center;
    border-radius:50%;
}

/* Списки */
.checklist__title{ font-size:20px; font-weight:600; margin:0 0 18px; }
.checklist__list{ list-style:none; margin:0; padding:0; display:grid; gap:21px; }
.checklist__item{
    position:relative;
    padding-left:32px;
    font-size:16px;
}
.checklist__item::before{
    content:"";
    background: url("../img-nd/icons/vac-check-icon.png");
    position:absolute;
    left:0;
    width:24px;
    height:24px;
}
.checklist__item::after{
    /*content:"";*/
    position:absolute; left:5px; top:6px;
    width:8px; height:8px;
    border-right:2px solid #555;
    border-bottom:2px solid #555;
    transform: rotate(45deg);
}
}




/* Section */
.about{
    background-color: black;
    color: white;
    border-radius: 29px;
    padding:70px 140px;

&.mod {
     background-color: white;
     color: black;
 }

.about__inner{
    max-width:var(--maxw);
    margin-inline:auto;
}
.about__title{
    margin:0 0 28px;
    font-weight:700;
    font-size:36px;
    line-height:1.1;
}
.about__lead{
    /*max-width:1200px;*/
    font-size:20px;
    line-height:1.65;
    color:var(--muted);
    margin:0 0 18px;
}

/* Counters row */
.counters{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:40px;
    margin-top:44px;

&.mod {
     margin-top: 0;
 }
}
.counter{
    padding-top:12px;
}
.counter__value{
    width: fit-content;
    font-size:70px;         /* велика цифра з макету */
    font-weight:400;
    border-bottom:1px solid #808080;
    /* щоб пробіли між тисячами були візуально рівні */
    font-variant-numeric:tabular-nums;
    font-family: "Montserrat-Regular", sans-serif;
}
.counter__label{
    margin-top:10px;
    font-size:16px;
    color:var(--muted);
    font-family: "Montserrat-Regular", sans-serif;
}
}

.akciya-banner, .akciya-banner-mob {
    width: 100%;
}
.akciya-banner-mob {
    display: none;
}

.text-block-od {
    line-height: 25px;
    padding: 70px 0 0;

&.on-zam{
     padding: 35px 0;
 }

h1 {
    margin-bottom: 32px;
}
p {
    line-height: 25px;
    margin: 25px 0;
}
li {
    margin-left: 30px;
}
}

.obrobka .pay-block {
    margin: 70px auto;
    padding: 0;
}

.advantages{
    max-width: var(--container);
    margin: 40px auto 0;
    padding-bottom: 70px;


/* Layout of 4 cards */
.benefits{
    display:grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
}

/* Card */
.benefit-card{
    display:grid;
    grid-template-columns: 48px 1fr;
    gap:16px;
    align-items:flex-start;
    padding:18px 20px;
    background:var(--bg);
    border: 1px solid #DADADA;
    border-radius: 12px;
}
.benefit-card__icon{
    color:#111;
    width:40px;height:40px;
    display:flex;align-items:center;justify-content:center;
}
.benefit-card__title{
    margin:0 0 6px 0;
    font-size:16px;
    line-height:1.25;
    font-weight:700;
}
.benefit-card__text{
    margin:0;
    font-size:14px;
    line-height:1.35;
    color:var(--muted);
}

}

.block-404 {
    width: 100%;
    text-align: center;

.page-404 {
    margin: auto;
}

.info {
    font-size: 24px;
}
.btn {
    border: 1px solid #AC2335;
    border-radius: 12px;
    width: fit-content;
    margin: 50px auto;
    padding: 16px 36px;
    cursor: pointer;
}
}

.top-banner {
    background-image: url(../img-nd/banner-top.png);
    height: 717px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    border-radius: 0 0 32px 32px;

&.online {
     background-image: url(../img-nd/online.png);
 }

.backgr-fon {
    background-color: #00000030;
    position: absolute;
    width: 100%;
    top: 0;
    height: 100%;
    border-radius: 0 0 32px 32px;
}

.banner-text {
    z-index: 5;
    position: relative;
    margin-left: 9%;
    padding-top: 84px;
    color: white;
    width: 530px;
}
.banner-title {
    font-size: 40px
}
.banner-sub-title {
    margin-top: 26px;
    font-size: 20px;
}
.banner-price {
    margin-top: 36px;
    font-size: 32px;
}
}

.steps-service {
    padding-top: 10px;


.steps__title {
    margin: 8px 0 50px;
    text-align: center;
    font-size: 40px;
    line-height: 1.25;
    font-weight: 600;
}

.step_1_backgr {

}

/* Grid */
.steps__grid {
    list-style: none;
    margin: 0;
    padding: 0;
    min-width: 1200px;
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 24px;
}

/* Card */
.step-card {
    position: relative;
    border-radius: var(--radius);
    overflow: hidden;
    box-shadow: var(--shadow);
    background: #eee;
    isolation: isolate; /* so overlay sits above image */
    aspect-ratio: 10 / 15; /* візуально як у макеті (витягнута вертикаль) */
    border-radius: 21px;
}

.step-card picture,
.step-card img {
    inset: 0;
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    position: absolute;
}

/* нижній градієнт для читабельності підпису */
.step-card::after {
    content: "";
    position: absolute;
    inset: auto 0 0 0;
    height: 45%;
    background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,.55) 100%);
    z-index: 1;
}

.step-card__label {
    position: absolute;
    left: 0;
    right: 0;
    text-align: center;
    bottom: 25px;
    z-index: 2;
    color: #fff;
    font-size: 24px;
    font-weight: 600;
    letter-spacing: .01em;
    text-shadow: 0 1px 2px rgba(0,0,0,.35);
    user-select: unset;
}
}

/* Hover (ПК) */
@media (hover:hover) and (pointer:fine) {
    .step-card { transition: transform .25s ease, box-shadow .25s ease; }
    .step-card:hover {
        transform: translateY(-2px);
        box-shadow: 0 12px 28px rgba(0,0,0,.14);
    }
}



.why {
.page__wrap{
    max-width: var(--container);
    margin-inline: auto;
    padding: 70px 0 134px;
}

.title{
    font-size: 40px;
    margin: 0 0 48px;
    font-weight: 600;
    text-align: center;
    letter-spacing: .2px;
}

/* ====== СІТКА ====== */
.why-grid{
    display: grid;
    grid-template-columns: 1fr .95fr 1fr;
    grid-template-rows: auto auto;
    grid-template-areas:
        "c1 hero c3"
        "c2 hero c4";
    gap: 20px;
}

/* Прив’язка областей */
.area-c1{ grid-area: c1; }
.area-c2{ grid-area: c2; }
.area-hero{ grid-area: hero; }
.area-c3{ grid-area: c3; }
.area-c4{ grid-area: c4; }

/* ====== КАРТКИ ====== */
.card{
    border-radius: 32px;
    padding: 26px 40px;
    box-shadow: var(--shadow);
    font-size: 16px;
    display: flex;
    align-items: center;
    min-height: 200px;
}

.card--light{
    background: #F3F1EE; /* ніжний світлий як у макеті */
    color: #0c0c0c;
}

.card--dark{
    background: #202020;
    color: #fff;
}

/* ====== HERO ====== */
.hero{
    position: relative;
    overflow: hidden;
    border-radius: calc(var(--radius) + 2px);
    min-height: 360px;
    box-shadow: var(--shadow);
    margin: 0;
    background-image: url(../img-nd/why-backgr.png);
    background-size: cover;
    background-repeat: round;
}

.hero__img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

/* затемнення + текст поверх */
/*.hero::after{*/
/*    content: "";*/
/*    position: absolute;*/
/*    inset: 0;*/
/*    background:*/
/*            linear-gradient(0deg, rgba(0,0,0,.55) 0%, rgba(0,0,0,.35) 55%, rgba(0,0,0,0) 100%);*/
/*}*/

.hero__caption{
    position: absolute;
    left: 40px;
    right: 40px;
    top: 44px;
    z-index: 2;
    color: #fff;
    font-size: 15px;
    line-height: 1.45;
    max-width: 520px;
}
}

.distance.mobile {
    display: none;
}

.online-zam .open-form .wrap-action.mobile-wrap > .action.mobile-act:first-of-type {
    display: none;
}

.how-prices{

    position: relative;
    margin-bottom: 70px;

.how{
    border-radius: 32px;
    background-color: black;
    height: 707px;
    padding:70px 32px;
}

.how h2{
    font-weight:800;
    font-size:32px;
    margin:0 0 24px;
    text-align:center;
    color: white;
}
.how .lead{
    margin:0 auto 70px;
    text-align:center;
    color:white;
    max-width:720px;
    font-size:15px;
}

.steps{
    display:flex;
    justify-content:space-between;
    flex-wrap:wrap;
    gap:40px;
    max-width: 1300px;
    margin: auto;
}
.step{
    text-align:center;
    position:relative;
    flex:1;
    min-width:160px;
}
.step:not(:last-child)::after{
    content:"";
    position:absolute;
    right: -92px;
    width: 149px;
    height:40px;
    pointer-events:none;
}
.step:nth-child(odd):not(:last-child)::after{
    background:url("../img-nd/Ellipse-top.png") no-repeat center/contain;
    top:0;
}
.step:nth-child(even):not(:last-child)::after{
    background:url("../img-nd/Ellipse-bottom.png") no-repeat center/contain;
    bottom: 44px;

}
.ico{
    /*width:64px;height:64px;*/
    margin:0 auto 12px;
    display:grid;place-items:center;
    /*background:var(--brand);color:#fff;*/
    /*border-radius:14px;*/
    /*box-shadow:0 8px 22px rgba(198,40,40,.28), inset 0 0 0 1px rgba(255,255,255,.07);*/
}
.ico svg{width:34px;height:34px}
.step .t1{
    /*font-weight:800;*/
    font-size:16px;
    line-height:1.25;
    color: white;
    font-family: "Montserrat-Medium", sans-serif;
}



/* ===== PRICES ===== */
.prices{
    position: relative;
    bottom: 0;
    width: 100%;
    margin: -278px 0 0 0;
}
.prices h3{
    margin:28px 0 48px;
    text-align:center;
    font-size:40px;
    font-weight:800;
    color:white;
}
.cards{
    display:grid;
    grid-template-columns: repeat(3, 1fr);
    gap:22px;
    max-width: 1300px;
    margin: auto;
}
.card{
    text-align: center;
    border: 1px solid #DFDFDF;
    background:white;
    border-radius:18px;
    box-shadow:var(--shadow);
    overflow:hidden;
    display:flex;flex-direction:column;
}
.card .img{
    aspect-ratio:16/10;
    background:#ddd center/cover no-repeat;
}
.card h4{
    margin: 24px 18px 20px;
    font-size:32px;
    font-weight:800;
}
.card .price{
    margin:0 18px 25px;
    font-size:20px;
}


}


.salons{
    padding: 35px 168px 109px;

    .salons__container{
        max-width: var(--container);
        margin: 0 auto;
        display: grid;
        grid-template-columns: 1fr auto; /* ліворуч текст, праворуч кнопка */
        align-items: start;
        column-gap: var(--gap-x);
        padding: 8px 0;
    }

    /* Ліва частина */
    .salons__title{
        margin: 0 0 8px 0;
        font-weight: 600;
        line-height: 1.2;
        letter-spacing: -0.01em;
        font-size: 32px;     /* як візуально в макеті */
        color: #AC2335;
    }
    .salons__count{
        color: var(--brand);
    }
    .salons__cities{
        margin:0;
        font-size:20px;
        line-height:1.6;
        color: #2B2B2B;
        font-family: "Montserrat-Medium", sans-serif;
    }

    /* Кнопка справа */
    .salons__cta{
        display: inline-flex;
        align-items: center;
        gap: 18px;
        border: 1px solid #00000033;
        background: #fff;
        color: var(--brand);
        border-radius: 14px;
        padding: 14px 32px;
        min-height: 48px;
        box-shadow: var(--shadow-soft);
        cursor: pointer;
        transition: border-color .2s
        ease, transform .06s
        ease;
        user-select: none;
    }

    .salons__cta:hover{ border-color:#D9D9DE; }
    .salons__cta:active{ transform: translateY(1px); }
    .salons__cta:focus-visible{
        outline: 2px solid rgba(193,27,42,.35);
        outline-offset: 2px;
    }

    .salons__cta-icon{
        display:inline-flex;
        line-height:0;
        color: var(--brand);
    }

    .salons__cta-text{
        display:inline-block;
        color:#2B2B2B;
        font-size:16px;
        line-height:1.15;      /* щоб текст був у дві щільні лінії як у макеті */
        text-align: left;
        font-family: "Montserrat-Medium", sans-serif;
    }
}

.h1-about-us {
    font-size: 40px;
    text-align: center;
    width: 45%;
    padding: 50px 0 70px;
    margin: auto;
    font-family: "Montserrat-Medium", sans-serif;
}

.bl-banner-about-us {
    text-align: center;
}

.banner-about-us {
    margin: auto;
    width: 1300px;
    padding: 0;
}

.managers-slider__container{
    /*max-width:1440px;*/
    margin:0 auto;
    padding:24px 0 56px;

#team-managers {
    padding: 0 56px;
}

.title{margin:0 0 20px;
    font-size:40px;
    /*font-weight:700*/
}

/* ===== Карточка ===== */
.card{ padding:8px; }
.card__img{
    position:relative;
    overflow:hidden;               /* обрізаємо зайве */
    border-radius: 16px;
    background: #f5f7fb;
    box-shadow: var(--shadow);
    height: 286px;
    width: 240px;
}
.card__media{ position:absolute; inset:0; }
.card__media img{
    display:block;
    width:100% !important;
    height:100% !important;        /* перекриває height:auto з reset/slick */
    object-fit:cover !important;   /* обрізка, а не масштабування */
    object-position:center top;    /* фокус кадру */
}
.card__fade{
    position:absolute; left:0; right:0; bottom:0; height:40%;
    background:linear-gradient(180deg,rgba(15,23,42,0) 0%,rgba(15,23,42,.55) 72%,rgba(15,23,42,.75) 100%);
    pointer-events:none;
}
.card__name{
    position:absolute;        left: 8px;
    right: 8px; bottom:38px;
    color:#fff; font-weight:600; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
    text-shadow:0 1px 2px rgba(0,0,0,.25);
}

/* ====== Режим SLICK (>1026px) ====== */
#team-managers .slick-slide{ margin:0 8px; }
#team-managers .slick-list{ margin:0 -8px; }
.slick-arrow{
    width:40px;height:40px;border-radius:12px;background:#fff !important;box-shadow:var(--shadow);z-index:2;
}
.slick-prev:before,.slick-next:before{ color:#1b2430; font-size:20px; opacity:.9; }
.slick-prev{ left:-4px; } .slick-next{ right:-4px; }

/* ====== Режим НАТИВНИЙ (≤1026px) ====== */
#team-managers.native{
    display:flex;
    gap:var(--gap);
    overflow-x:auto;
    -webkit-overflow-scrolling: touch;
    padding:0 16px;
    cursor:grab;
    scroll-snap-type:none;         /* без снапу — видно «зріз» наступної картки */
}
#team-managers.native:active{ cursor:grabbing; }
#team-managers.native::-webkit-scrollbar{ height:0; }
}

.designers-slider__container{
    margin:0 auto;
    padding:24px 0 56px;

.title{margin:0 0 20px;font-size:40px;font-weight:700}

#team-designers {
    padding: 0 56px;
}
/* ===== Карточка ===== */
.card{ padding:8px; }
.card__img{
    position:relative;
    overflow:hidden;
    border-radius: 16px;
    background: #f5f7fb;
    box-shadow: var(--shadow);
    height: 286px;
    width: 240px;
}
.card__media{ position:absolute; inset:0; }
.card__media img{
    display:block;
    width:100% !important;
    height:100% !important;
    object-fit:cover !important;
    object-position:center top;
}
.card__fade{
    position:absolute; left:0; right:0; bottom:0; height:40%;
    background:linear-gradient(180deg,rgba(15,23,42,0) 0%,rgba(15,23,42,.55) 72%,rgba(15,23,42,.75) 100%);
    pointer-events:none;
}
.card__name{
    position:absolute;         left: 8px;
    right: 8px; bottom:14px;
    color:#fff; font-weight:600; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
    text-shadow:0 1px 2px rgba(0,0,0,.25);
}

/* ====== Режим SLICK (>1026px) ====== */
#team-designers .slick-slide{ margin:0 8px; }
#team-designers .slick-list{ margin:0 -8px; }
.slick-arrow{
    width:40px;height:40px;border-radius:12px;background:#fff !important;box-shadow:var(--shadow);z-index:2;
}
.slick-prev:before,.slick-next:before{ color:#1b2430; font-size:20px; opacity:.9; }
.slick-prev{ left:-4px; } .slick-next{ right:-4px; }

/* ====== Режим НАТИВНИЙ (≤1026px) ====== */
#team-designers.native{
    display:flex;
    gap:var(--gap);
    overflow-x:auto;
    -webkit-overflow-scrolling: touch;
    padding:0 16px;
    cursor:grab;
    scroll-snap-type:none;
}
#team-designers.native:active{ cursor:grabbing; }
#team-designers.native::-webkit-scrollbar{ height:0; }
}

.banner-form {
    position: absolute;
    bottom: 0;
    /* top: 50%; */
    left: 50%;
    transform: translate(-50%, -50%);
    width: 90%;
    max-width: 1200px;
    color: white;
    background-color: #0000003b;
    padding: 0;
    border-radius: 20px;
    backdrop-filter: blur(4px);

.cta {
    padding: 60px;
    max-width: 1200px;
    margin: 0 auto;
}
.btn {
    padding: 16px 38px;
}
}


.steps-online{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 16px;
    align-items: center;
    justify-content: center;
    /*max-width: 860px;*/
    margin-top: 48px;
/*margin-left: 9%;*/

.step{
    display: inline-flex;
    align-items: center;
    gap: 14px;
    padding: 12px 24px;
    border-radius: 999px;
    background: var(--pill-bg);
    backdrop-filter: blur(6px);
    -webkit-backdrop-filter: blur(6px);
    box-shadow: var(--shadow);
    height: 56px;
    background-color: #F5F5F566;
}

.step__num{
    display: inline-grid;
    place-items: center;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    background: #FFFFFF;
    border: 1px solid var(--num-border);
    font-weight: 600;
    font-size: 14px;
    line-height: 1;
    color: #202020;
}

.step__text{
    font-weight: 500;
    font-size: 14px;
    white-space: nowrap;
}
}
.ic-and-title {
    display: flex;

&.marg-t {
     margin-top: 74px;
 }

h2 {
    margin: auto;
    margin-left: 20px;
}

}


.online-products{
    display:grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 48px;
    padding: 70px 0 0;


.card{
    display:flex;
    flex-direction:column;
    background: var(--card-bg);
    border-radius: 20px;
    box-shadow: var(--shadow);
    overflow:hidden;
    border: 1px solid #cccbc8;
    min-width:0;
}

.card__media{position:relative;aspect-ratio:20/9;overflow:hidden;border-radius: 15px;}
.card__media img{width:100%;height:100%;object-fit:cover;display:block}

.card__body{display:flex;flex-direction:column;gap:var(--gap-lg);padding:20px 48px 20px}
.card__title{margin:0;font-size:24px;font-weight:700;line-height:1.3;margin-bottom: 20px;}

.card__grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--gap-xl)}
.card__col{display:flex;flex-direction:column;gap:10px;min-width:0}

.feature{display:flex;align-items:center;gap:10px;font-weight:600}
.feature__ico{width:28px;height:28px;display:grid;place-items:center;background:var(--chip);border-radius:8px;color:#374151}

.links{display:flex;flex-direction:column;gap:20px}
.link{color:var(--link);text-decoration:none;font-size:13px;line-height:1.2;border-bottom:1px solid;width:max-content}
.link:hover{color:#111827;border-bottom-color:#9CA3AF}

.btn{
    width: 100%;
    text-align: center;
    display: block;
    font-family: "Montserrat-Medium", sans-serif;
    appearance:none;border:0;border-radius:999px;height:44px;padding:0 20px;font-weight:500;cursor:pointer;transition:transform .06s ease,background-color .2s ease,box-shadow .2s ease;align-self:flex-start}
.btn--primary{background:#AC2335;color:#fff;box-shadow:0 2px 0 rgba(0,0,0,.08);margin-top: 40px; font-size: 20px;}
.btn--primary:hover{background:#AC2335}
.btn--primary:active{transform:translateY(1px)}
}


/* ripple */
/*.btn[data-ripple]{position:relative;overflow:hidden}*/
/*.ripple{position:absolute;border-radius:50%;transform:scale(0);animation:ripple .6s linear;background:rgba(255,255,255,.45);pointer-events:none}*/
/*@keyframes ripple{to{transform:scale(4);opacity:0}}*/

.slider-certif {
    overflow: hidden;
    width: calc(100% - 50px);
    position: relative;
    z-index: 1;
    height: 388px;
    margin-left: 50px;

    .certif--wrapper {
        counter-reset: count;
        display: flex;
        position: absolute;
        z-index: 1;
        height: 100%;
        top: 0;
        left: 0;
        width: 100%
    }

    .certif--item {
        counter-increment: count;
        position: absolute;
        z-index: 1;
        top: 0;
        left: 0;
        /*width: 250px;*/
        /*height: 340px;*/
        padding: 0 20px;
        overflow: hidden;
        border-radius: 17px;
        width: 310px;
        height: 388px;
    }

    figure {
        position: absolute;
        z-index: 1;
        display: block;
        user-select: none;
        -webkit-appearance: none;
        padding: 0;
        border: none;
        outline: none;
        box-shadow: none;
        cursor: pointer;
        width: 100%;
        height: 100%;
        overflow: hidden;
        pointer-events: auto;
        transform-origin: center;


    img {
        position: absolute;
        z-index: 1;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        object-fit: cover;
        vertical-align: middle;
        transform-origin: center;
        border-radius: 17px;
    }
    }
    .certif--item a {
        display: block;
        width: 100%;
        height: 100%;
        cursor: pointer;
    }
}
.slider-steps {
    overflow: hidden;
    /*width: calc(100% - 50px);*/
    position: relative;
    z-index: 1;
    height: 335px;
/*margin-left: 50px;*/


.steps--wrapper {
    counter-reset: count;
    display: flex;
    position: absolute;
    z-index: 1;
    height: 100%;
    top: 0;
    left: 0;
    width: 100%
}

.steps--item {
    counter-increment: count;
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    width: 304px;
    height: 335px;
    padding: 0 20px;
    overflow: hidden;
    border-radius: 17px;
}

figure {
    position: absolute;
    z-index: 1;
    display: block;
    user-select: none;
    -webkit-appearance: none;
    padding: 0;
    border: none;
    outline: none;
    box-shadow: none;
    cursor: pointer;
    width: 100%;
    height: 100%;
    overflow: hidden;
    pointer-events: none;
    transform-origin: center;


img {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    vertical-align: middle;
    transform-origin: center;
    border-radius: 17px;
}
}
}

.slider-thanksDoc {
    overflow: hidden;
    width: calc(100% - 50px);
    position: relative;
    z-index: 1;
    height: 388px;
    margin-left: 50px;

.thanksDoc--wrapper {
    counter-reset: count;
    display: flex;
    position: absolute;
    z-index: 1;
    height: 100%;
    top: 0;
    left: 0;
    width: 100%
}

.thanksDoc--item {
    counter-increment: count;
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    width: 310px;
    height: 388px;
    padding: 0 20px;
    overflow: hidden;
    border-radius: 17px;
}

figure {
    position: absolute;
    z-index: 1;
    display: block;
    user-select: none;
    -webkit-appearance: none;
    padding: 0;
    border: none;
    outline: none;
    box-shadow: none;
    cursor: pointer;
    width: 100%;
    height: 100%;
    overflow: hidden;
    pointer-events: none;
    transform-origin: center;


img {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    vertical-align: middle;
    transform-origin: center;
    border-radius: 17px;
}
}
}

.slider-thanks {
    overflow: hidden;
    width: calc(100% - 50px);
    position: relative;
    z-index: 1;
    height: 340px;
    margin-left: 50px;

.thanks--wrapper {
    counter-reset: count;
    display: flex;
    position: absolute;
    z-index: 1;
    height: 100%;
    top: 0;
    left: 0;
    width: 100%
}

.thanks--item {
    counter-increment: count;
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    width: 250px;
    height: 340px;
    padding: 0 20px;
    overflow: hidden;
    border-radius: 17px;
}

figure {
    position: absolute;
    z-index: 1;
    display: block;
    user-select: none;
    -webkit-appearance: none;
    padding: 0;
    border: none;
    outline: none;
    box-shadow: none;
    cursor: pointer;
    width: 100%;
    height: 100%;
    overflow: hidden;
    pointer-events: none;
    transform-origin: center;

img {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    vertical-align: middle;
    transform-origin: center;
    border-radius: 17px;
}
}
}

.slider-rooms {
        overflow: hidden;
        width: 100%;
        position: relative;
        z-index: 1;
        height: 345px;
    /*margin-left: 50px;*/

    .rooms--wrapper {
        counter-reset: count;
        display: flex;
        position: absolute;
        z-index: 1;
        height: 100%;
        top: 21px;
        left: 0;
        width: 100%
    }

    .rooms--item {
        counter-increment: count;
        position: absolute;
        z-index: 1;
        top: 0;
        left: 0;
        right: 20px;
        width: 420px;
        height: 324px;
        padding: 0 20px;
        overflow: hidden;
        border-radius: 17px;
    }

    .slide-content {
        display: block;
        width: 100%;
        height: 100%;
    }

    figure {
        position: absolute;
        z-index: 1;
        display: block;
        user-select: none;
        -webkit-appearance: none;
        padding: 0;
        border: none;
        outline: none;
        box-shadow: none;
        cursor: pointer;
        width: 100%;
        height: 100%;
        overflow: hidden;
        pointer-events: none;
        transform-origin: center;


        img {
            position: absolute;
            z-index: 1;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            object-fit: cover;
            vertical-align: middle;
            transform-origin: center;
            border-radius: 17px;
        }
    }
    /* щоб браузер не починав “таскати” лінк/картинку */
    .rooms--item .slide-content,
    .rooms--item .slide-content * {
        -webkit-user-drag: none;
        user-drag: none;
        user-select: none;
    }

    /* на всяк випадок прибрати “перетягування картинки” */
    .rooms--item img {
        pointer-events: none; /* клік ловить <a>, картинка не заважає */
        -webkit-user-drag: none;
        user-select: none;
    }
}





.video-certif {
    overflow: hidden;
    width: 100%;
    position: relative;
    z-index: 1;
    height: 433px;
    margin-left: 50px;
    user-select: unset;

    .is-dragging {
        cursor: grabbing;
        user-select: none;
    }

    .video--wrapper {
        counter-reset: count;
        display: flex;
        position: absolute;
        z-index: 1;
        height: 100%;
        top: 0;
        left: 0;
        width: 100%;
        user-select: unset;
    }

    .video--item {
        counter-increment: count;
        position: absolute;
        z-index: 1;
        top: 0;
        left: 0;
        width: 258px;
        height: 433px;
        padding: 0 17px;
        overflow: hidden;
        border-radius: 17px;
    }
    .video-thumbnail {
        cursor: grab;
        user-select: none;
        touch-action: pan-y; /* дозволяє вертикальний скрол сторінки, але не ламає горизонтальний drag */
    }
    .video-thumbnail:active {
        cursor: grabbing;
    }

    figure {
        position: absolute;
        z-index: 1;
        display: block;
        user-select: none;
        -webkit-appearance: none;
        padding: 0;
        border: none;
        outline: none;
        box-shadow: none;
        cursor: pointer;
        width: 100%;
        height: 100%;
        overflow: hidden;
        pointer-events: none;
        transform-origin: center;

        img {
            position: absolute;
            z-index: 1;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            object-fit: cover;
            vertical-align: middle;
            transform-origin: center;
            border-radius: 17px;
            -webkit-user-drag: none;
            user-select: none;
            pointer-events: none;
        }
    }
}



.rooms {
    .workarea{
        /*max-width:1440px;*/
        margin:0 auto;
        padding:32px 15px 20px 0;
    }

    .rooms__title{
        font-size:40px;
        line-height:1.1;
        font-weight:800;
        letter-spacing:.3px;
        margin:8px 0 28px;
        color: black;
    }

    /* Slick arrows */
    .rooms-slider .slick-arrow{
        position:absolute;
        top:-64px;
        transform:none;
        width:44px;height:44px;
        border:0; border-radius:12px;
        background:var(--label-bg);
        color:#fff;
        display:flex;align-items:center;justify-content:center;
        cursor:pointer;
        box-shadow:var(--shadow);
    }
    .rooms-slider .slick-prev{ right:64px; left:auto; }
    .rooms-slider .slick-next{ right:12px; }
    .rooms-slider .slick-arrow:before{
        font-size:22px; line-height:1;
        opacity:1; color:#fff;
    }
    .rooms-slider .slick-prev:before{ content:"←"; }
    .rooms-slider .slick-next:before{ content:"→"; }

    /* Card */
    .room-card{
        /*background:var(--card-bg);*/
        /*border-radius:var(--radius);*/
        /*box-shadow:var(--shadow);*/
        /*overflow:hidden;*/
        /*margin:0;*/
        /*position: relative;*/

        display: block;
        position: relative;
        overflow: hidden;
        width: 420px;
        height: 324px;
    }

    .room-card__media{
        display:block;
        position:relative;
        /*aspect-ratio: 16 / 10; !* ближче до макета *!*/
        overflow:hidden;
        width: 420px;
        height: 324px;
    }
    .room-card__media img{
        width:100%;height:100%;
        object-fit:cover;
        display:block;
        border-radius: 19px;
    }

    /* Нижня плашка */
    .room-card__label{
        background:var(--label-bg);
        color:#fff;
        font-size:20px;
        line-height:1.2;
        padding: 10px 18px;
        text-align:center;
        position: absolute;
        bottom: 0;
        margin: auto;
        width: 96%;
        background-color: #202020;
        z-index: 5;
        border-radius: 0 0 20px 20px;
    }
    .room-card__label {
        transition: color .25s ease;
    }

    .slide-content:hover .room-card__label {
        color: #888888;
    }
}


/* Базові стилі */
.readmore {

    /*margin-top: 35px;*/
    padding-top: 20px;
    max-width: 100%;
    line-height: 1.6;
    /*margin-bottom: 20px;*/
    padding-bottom: 35px;

    h2,h3,h4 {
        font-family: "Montserrat-Medium", sans-serif;
        font-weight: 400;
    }
    h2 {
        font-size: 24px;
        margin-bottom: 16px;
        letter-spacing: 0;
    }
    p {
        margin-bottom: 10px;
    }
    li {
        margin: 10px 0 10px 20px;
    }

    &.auto {
         margin-top: 35px;
    }

     ul {
         /*padding-left: 20px;*/
     }

    .ul-margin-left {
        margin-left: 20px;
    }
    .blockRight {
        vertical-align: top;
        display: inline-block;
        margin-right: 30px;
        /*max-width: 570px;*/
        width: 100%;
        text-align: initial;
        max-width: calc(49% - 15px);
    }
    .imgLeft {
        /*max-width: 570px;*/
        width: 100%;
        /*min-width: 570px;*/
        /*height: 330px;*/
        display: inline-block;
        vertical-align: top;
        border-radius: 6px;
        overflow: hidden;
        text-align: initial;

        max-width: calc(49% - 15px);
        min-width: 0;
        height: auto;
    }
    .imgLeft img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        border: none;
    }
    .block-text {
        margin: 10px 0;
    }

    &.product {
         margin-top: 45px;
    }

    .full-video {
        text-align: center;
        margin-top: 40px;

        iframe {
            height: 400px;
            width: 600px;
            margin: auto;
        }
    }

    .block-text-twin {
        margin: 10px 0;

        .block:nth-child(1){
            margin-right: 30px;
        }
        .wrap-block .block {
            width: calc(49% - 15px);
            margin-top: 10px;
            display: inline-block;
            vertical-align: top;
        }

        ul {
            margin: 0;
            padding: 0;
            padding-left: 0.5ch;
            /*list-style: none;*/
            padding-bottom: 20px;
        }
        .default-btn {
            background: #AC2335;
            border: unset;
            margin-top: 20px;
        }
    }
    .block-text-twin {
        .wrap-block .block:first-of-type {
            margin-right: 30px;
        }
        .wrap-block .block {
            display: inline-flex;


        }
        .wrap-block .block {
            width: calc(49% - 15px);
            margin-top: 10px;
            display: inline-block;
            vertical-align: top;
        }
        .wrap-block .block div:first-of-type {
            margin-right: 15px;
            min-width: 33px;
        }
        .wrap-block .block div {
            display: inline-block;
            vertical-align: top;
        }
    }

}

/* Контейнер, який плавно розгортається */
.readmore__content {
    overflow: hidden;
    /* початкова висота (зрізаний текст), підбери під свій макет */
    max-height: 400px;
    position: relative;
    transition: max-height 400ms ease;
}

/* Фейд внизу, коли текст обрізаний */
.readmore__content::after {
    content: "";
    position: absolute;
    left: 0; right: 0; bottom: 0;
    height: 48px;
    pointer-events: none;
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0), #efece7e6 45%)
}

/* Коли розгорнуто */
.readmore__content.is-open {
    /* велике значення, щоб вміст точно помістився */
    max-height: 5000px;
}
.readmore__content.is-open::after { display: none; }

/* Кнопка */
.readmore__btn {
    margin-top: 25px;
    border: unset;
    padding: 0;
    background: unset;
    cursor: pointer;
    border-radius: 0;
    border-bottom: 1px solid;
    color: black;
    transition: color .2s ease, font-weight .2s ease;
}
.readmore__btn:hover {
    font-weight: 700;
}

/* Анімацію вимикаємо для людей з reduced motion */
@media (prefers-reduced-motion: reduce) {
    .readmore__content { transition: none; }
}


.mix-objects {
    background-color: black;
    padding: 80px 140px;
    border-radius: 31px;

.mix-objects-header {
    display: flex;
    margin-bottom: 48px;

p{
    margin: auto;
}
}

h2 {
    color: white;
}
.lead{margin:0 24px 16px;color:white;font-size:14px;}

/* ====== HORIZONTAL 2-ROW GRID SLIDER ====== */
.mix-slider{position:relative;margin:12px 0 48px;padding:0;}
.mix-track {
    display:grid;
    grid-auto-flow:column;
    grid-template-rows:repeat(2, 256px);
    grid-auto-columns:260px;
    gap:16px;
    overflow:auto hidden;
    padding:6px 0 18px;
    scroll-snap-type:x mandatory;
    -webkit-overflow-scrolling:touch;
    cursor:grab;
    touch-action: pan-x;

    /* нове — приховати полосу прокрутки */
    scrollbar-width:none;
    -ms-overflow-style:none;
}
.mix-track::-webkit-scrollbar { display:none; }
.mix-track.grabbing{cursor:grabbing;}
.mix-track::-webkit-scrollbar-thumb{background:#2a2a31;border-radius:8px;}
.mix-track * {user-select:none;}

.card{
    position:relative;
    background:var(--card);
    border-radius:var(--radius);
    overflow:hidden;
    cursor:pointer;
    scroll-snap-align:start;
    transition:transform .18s ease, box-shadow .18s ease;
    height: 256px;

&.tall {
     height: 533px;
 }
}
.card:hover{transform:translateY(-3px);box-shadow:0 10px 24px rgba(0,0,0,.35);}
.card.wide{grid-column:span 2;}
.card.tall{grid-row:span 2;}
.card .card__media{position:absolute;inset:0;}
.card .card__media img,.card video{
    width:100%;height:100%;object-fit:cover;display:block;
    -webkit-user-drag:none;
    user-drag:none;
    pointer-events:none;
    border-radius: 28px;
}
.card__badge,.card__label{
    position:absolute;left:16px;
    /*background:rgba(0,0,0,.55);*/
    color:#fff;font-size:12px;
    padding:5px;border-radius:999px;
}
.card__badge{
    bottom:12px;line-height: 1.7;
.card__badge-title {
    font-weight: 600;
}
img {
    margin-left: 14px;
}
}
.card__label{top:12px;}
.play-icon{
    position:absolute;left:50%;top:50%;
    transform:translate(-50%,-50%);
    width:56px;height:56px;border-radius:50%;
    background:rgba(0,0,0,.55);
    display:grid;place-items:center;
}
.play-icon:before{
    content:"";
    border-left:16px solid #fff;
    border-top:10px solid transparent;
    border-bottom:10px solid transparent;
    margin-left:4px;
}

/* arrows */
.nav{position:absolute;inset:0;pointer-events:none;}
.nav button{
    pointer-events:auto;
    position:absolute;
    top: 48%;
    transform: translateY(-50%);
    width: 50px;
    height: 50px;
    border-radius:50%;
    border:none;
    background:unset;
    color:#fff;
    cursor:pointer;
}
.nav .prev{left:-75px;}
.nav .next{right:-75px;}

/* ====== LIGHTBOX ====== */
.lightbox{
    position:fixed;inset:0;background:rgba(0,0,0,.82);
    display:none;align-items:center;justify-content:center;z-index:9999;
}
.lightbox[data-open="true"]{display:flex;}
.lightbox__inner{
    width:min(1200px,96vw);height:min(720px,88vh);
    background:#000;border-radius:18px;overflow:hidden;position:relative;
}
.lightbox__stage{
    display:flex;height:100%;width:100%;
    transform:translateX(var(--x,0));transition:transform .28s ease;
}
.slide{min-width:100%;height:100%;display:grid;place-items:center;background:#000;}
.slide img,.slide video{max-width:100%;max-height:100%;}
.slide iframe{width:100%;height:100%;border:0;}
.lb-btn{
    position:absolute;top:50%;transform:translateY(-50%);
    width:48px;height:48px;border-radius:50%;border:none;
    background:rgba(255,255,255,.1);color:#fff;cursor:pointer;
}
.lb-prev{left:10px;}
.lb-next{right:10px;}
.lb-close{
    position:absolute;top:10px;right:10px;
    width:44px;height:44px;border-radius:10px;
    background:rgba(255,255,255,.08);border:none;color:#fff;cursor:pointer;
}
.lb-caption{
    position:absolute;left:16px;right:16px;bottom:10px;color:#fff;
    font-size:14px;text-shadow:0 2px 10px rgba(0,0,0,.6);opacity:.9;
}

}

/* responsive */
@media (max-width:1026px){
    .mix-slider{padding:0 16px;}
    .nav{display:none;}
    .mix-track{grid-template-rows:repeat(2, 34vw);grid-auto-columns:62vw;}
}

.slider-product{
    width:min(980px, 100%);
    /*background:#fff;*/
    /*border-radius:20px;*/
    /*box-shadow:0 10px 30px rgba(2,6,23,.08);*/
    /*padding:16px;*/
}
.slider-product .main{
    position:relative;
    aspect-ratio: 12.9/9;
    border-radius: 14px;
    overflow:hidden;
    background:#e5e7eb;
}
.slider-product .main img{
    width:100%;
    height:100%;
    object-fit:cover;
    user-select:none;
    -webkit-user-drag:none;
    pointer-events:none;
}
.slider-product .thumbs{
    margin-top: 8px;
    display: flex;
    flex-wrap: nowrap;
    gap: 8px;
    overflow-x: auto;
    overflow-y: hidden;
    width: 100%;
    max-width: 100%;
    scroll-behavior: smooth;
    -ms-overflow-style: none;
    scrollbar-width: none;
    cursor: grab;
    touch-action: pan-x;
    user-select: none;
    align-items: stretch;
}

.slider-product .thumbs::-webkit-scrollbar{
    display: none;
}

.slider-product .thumb{
    flex: 0 0 calc((100% - 16px) / 3.3);
    min-width: calc((100% - 16px) / 3.3);
    max-width: calc((100% - 16px) / 3.3);
    aspect-ratio: 4 / 3;
    height: auto;
    border-radius: 12px;
    overflow: hidden;
    position: relative;
    background: #e5e7eb;
    margin: 0;
    outline: none !important;
    box-shadow: none !important;
}

.slider-product .thumb button{
    display: block;
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
    border: 0;
    background: transparent;
    cursor: pointer;
    appearance: none;
    -webkit-appearance: none;
    border-radius: inherit;
    overflow: hidden;
}

.slider-product .thumb img{
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 12px;
    user-select: none;
    -webkit-user-drag: none;
    pointer-events: none;
}

.slider-product .thumb::after{
    content: "";
    position: absolute;
    inset: 0;
    border: 2px solid transparent;
    border-radius: inherit;
    pointer-events: none;
}

.slider-product .thumb:hover::after,
.slider-product .thumb.active::after,
.slider-product .thumb:focus-within::after{
    border-color: var(--active, var(--primary));
}
.slider-product .thumb.active{
    outline-color: var(--active);
    box-shadow:0 0 0 3px color-mix(in oklab, var(--active) 35%, transparent);
}
.slider-product .thumbs.dragging{
    cursor:grabbing;
    scroll-behavior:auto;
}
@media (max-width:520px){
    :root{ --thumb-size:78px; --gap:10px }
    .slider-product{ padding:12px }
}

.cert-doc {
    padding: 70px;
    background-color: black;
    color: white;
    border-radius: 24px;

figure {
    width: 93%;
}
.slider-certif {
    margin-left: 0;

.certif--item {
    padding: 0;
}
}
.slider-container {
    margin: 70px 0;
}

.slider-thanksDoc {
    margin-left: 0;
.thanksDoc--item {
    padding: 0;
}
}
}

.dod-gar-banner {
    position: relative;
    display: flex;
    color: white;

h1 {
    font-size: 64px;
    margin-bottom: 20px;
}

.dod_gar-text-img {
    display: flex;
    width: 55%;
    margin: auto;
    position: absolute;
    top: 10%;
    left: 0;
    right: 0;
}

.dod_gar-text{
    margin: auto 0;
    margin-right: 134px;
}
.sub-title {
    font-size: 32px;
    margin-bottom: 48px;
}
.desc {
    font-size: 20px;
}
}

.guar{padding:70px 0}
.guar__container{
    max-width: var(--container);
    margin: 0 auto;
}
.guar__head{
    /*max-width: 980px;*/
}
.guar__title{
    margin:0 0 28px;
    font-weight: 700;
    line-height:1.18;
    font-size: 40px;
    letter-spacing: .2px;
}
.guar__lead{
    margin:0 0 80px;
    color:var(--muted);
    font-size: 18px;
}

/* Grid */
.guar__grid{
    display:grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 80px;
    align-items: start;
}
.dod-gar-banner-img {
    width: 100%;
    height: 560px;
}

.guar-card{
    /*display:grid; grid-template-columns: 36px 1fr; column-gap:14px*/
}
.guar-card__icon{
    display: flex;
    /*width:36px; height:36px; */
    margin-top:4px; color:#111;
    margin-bottom: 20px;
}
.i{width:100%; height:100%}
.guar-card__title{
    margin: auto 0;
    font-weight:700;
    font-size:18px;
    line-height:1.25;
    margin-left: 24px;
}
.guar-card__text{grid-column:1 / -1;
    /*margin-left:50px;*/
    color:#3a3a3a; font-size:15px}
.guar-card__text p{margin:0 0 10px}
.guar-note{font-size:14px; color:#6b6b6b}

/* Ordered steps — like in mockup */
.guar-steps{margin:8px 0 0 18px; padding:0}
.guar-steps li{margin:6px 0}
.guar-steps li::marker{font-weight:700}

/* Link */
.guar__link{margin-top:47px;font-size: 20px;}
.link-underlined{
    position:relative;
    display:inline-block;
    font-weight:600;
    color:#AC2335;
    text-decoration:none;
}
.link-underlined::after{
    content:"";
    position:absolute; left:0; right:0; bottom:-2px;
    height:1px; background:currentColor; opacity:.35;
}
.link-underlined:focus-visible{outline:2px dashed var(--accent); outline-offset:2px}

.block-reviews {
    padding-top: 30px;
    padding-bottom: 30px;
}

.our-work {
    background-color: black;
    padding: 80px 140px;
    border-radius: 31px;
    margin-bottom: 30px;

    .our-work-header {
        display: flex;
        margin-bottom: 48px;
    }
    h2 {
        color: white;
        width: 50%;
    }
    .lead {
        margin: auto;
        color: white;
        font-size: 14px;
        text-align: right;
        width: 50%;
    }

    .our-works{position:relative;
        /*margin:12px 0 48px;padding:0 48px;*/
    }
    .our-works .mix-track{
        display:grid;
        grid-auto-flow:column;
        grid-template-rows:repeat(2, 256px);
        grid-auto-columns:260px;
        gap:16px;
        overflow:auto hidden;
        padding:6px 0 18px;
        scroll-snap-type:x mandatory;
        -webkit-overflow-scrolling:touch;
        cursor:grab;
        touch-action:pan-x;
        scrollbar-width:none;
        -ms-overflow-style:none;
    }
    .our-works .mix-track::-webkit-scrollbar{display:none;}
    .our-works .mix-track *{user-select:none;}

    .card-w{
        position:relative;
        background:var(--card);
        border-radius:var(--radius);
        overflow:hidden;
        cursor:pointer;
        scroll-snap-align:start;
        transition:transform .18s ease, box-shadow .18s ease;
        height: 256px;
    }
    .card-w:hover{transform:translateY(-3px);box-shadow:0 10px 24px rgba(0,0,0,.35);}
    .card-w.wide{grid-column:span 2;}
    .card-w.tall{grid-row:span 2;height: auto;}
    .card-w__media{position:absolute;inset:0;}
    .card-w__media img{
        width:100%;
        height:100%;
        object-fit:cover;
        display:block;
        -webkit-user-drag:none;
        user-drag:none;
        pointer-events:none;
        border-radius: 28px;
    }

    /* прихована галерея всередині картки */
    .card-w__gallery{display:none;}

    .card-w__badge,
    .card-w__label{
        position:absolute;left:12px;
        /*background:rgba(0,0,0,.55);*/
        color:#fff;font-size:12px;
        padding:6px 10px;border-radius:999px;
    }
    .card-w__badge{bottom:12px;        line-height: 1.7;}
    .card-w__label{top:12px;}

    .nav-w{
        position:absolute;inset:0;pointer-events:none;
    }
    .nav-w button{
        pointer-events:auto;
        position:absolute;
        top:50%;transform:translateY(-50%);
        width:40px;height:40px;border-radius:50%;
        border:none;background:unset;color:#fff;
        cursor:pointer;
    }
    .prev-w{left:-75px;}
    .next-w{right:-75px;}

    .lightbox{
        position:fixed;inset:0;background:rgba(0,0,0,.82);
        display:none;align-items:center;justify-content:center;z-index:9999;
    }
    .lightbox[data-open="true"]{display:flex;}
    .lightbox__inner{
        width:min(1200px,96vw);height:min(720px,88vh);
        background:#000;border-radius:18px;overflow:hidden;position:relative;
    }
    .lightbox__stage{
        display:flex;height:100%;width:100%;
        transform:translateX(var(--x,0));transition:transform .28s ease;
        touch-action:pan-y;
    }
    .slide{min-width:100%;height:100%;display:grid;place-items:center;background:#000;}
    .slide img{max-width:100%;max-height:100%;}

    .lb-btn{
        position:absolute;top:50%;transform:translateY(-50%);
        width:48px;height:48px;border-radius:50%;border:none;
        background:rgba(255,255,255,.1);color:#fff;cursor:pointer;
    }
    .lb-prev{left:10px; z-index: 5}
    .lb-next{right:10px; z-index: 5}
    .lb-close{
     z-index: 5;
        position:absolute;top:10px;right:10px;
        width:44px;height:44px;border-radius:10px;
        background:rgba(255,255,255,.08);border:none;color:#fff;cursor:pointer;
    }

    .lb-caption{
        position:absolute;
        left:16px;right:16px;bottom:10px;
        color:#fff;font-size:14px;text-shadow:0 2px 10px rgba(0,0,0,.6);
        opacity:.9;
    }

    /* Базово центруємо контент */
    #lightbox .slide{
        display:flex;
        align-items:center;
        justify-content:center;
    }

    /* ВАЖЛИВО: не розтягуємо img на 100%/100% бездумно */
    #lightbox .slide img{
        max-width: 100%;
        max-height: 90vh;
    }

    /* Для tall — показуємо все фото цілком */
    #lightbox.is-tall .slide img{
        width: auto;
        height: 90vh;
        object-fit: contain;
    }

    /* Для wide — можна залишити “по ширині” */
    #lightbox.is-wide .slide img{
        width: 100%;
        height: auto;
        object-fit: contain; /* або cover, якщо тобі треба кроп */
    }


}

@media (max-width:1026px){
    .our-works{padding:0 16px;}
    .nav-w{display:none;}
    .our-works .mix-track{
        grid-template-rows:repeat(2, 34vw);
        grid-auto-columns:62vw;
    }
}

.our-clients-title-doc {
    margin: 40px 140px 46px;
}
.oferta-block {
    .title {
        width: fit-content;
        text-decoration: underline;
        margin: auto;
        margin-bottom: 40px;
    }
    a {
        text-decoration: none;
        color: black;
    }
}
.blog-head-info {
    position: relative;
    margin-bottom: 70px;

    h1 {
        line-height: normal;
        position: absolute;
        top: 35%;
        text-align: center;
        left: 0;
        right: 0;
        color: white;
        max-width: 1640px;
        margin: auto;
        padding: 0 140px;
    }

    .content-url{
        width: 100%;
        height: 321px;
        min-height: 321px;
        object-fit: cover;
        border-radius: 0 0 24px 24px;
    }
    .author-statistics {
        /*display: flex;*/
        position: absolute;
        bottom: 33px;
        width: 100%;
    }
    .author-statistics-cont {
        display: flex;
        width: 100%;
    }
    .author {
        width: 50%;
        display: flex;
    }
    .statistic {
        width: 50%;
        justify-content: end;
        display: flex;
        min-width: 235px;

        .statistics {
            height: fit-content;
            margin: auto 0;
        }

        img {
            height: 15px;
            margin-top: 2px;
            margin-right: 5px;
        }
        span {
            color: white;
        }
        .stars {
            margin: 0 25px;
        }
        .statistic-br {
            display: none;
        }
    }
    .photo {
        width: fit-content;
        background: white;
        padding: 5px 10px;
        border-radius: 50px;

        img {
            height: 43px;
        }
    }
    .name {
        margin: auto 20px;
        color: white;
    }
    .blog-header-shadow {
        background-color: #00000066;
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        border-radius: 0 0 24px 24px;
    }
}

.block-text[itemprop="articleBody"] ul{
    padding-left: 20px;
}

.block-text[itemprop="articleBody"] h2{
    margin-top: 20px;
    margin-bottom: 10px;
}

.block-text[itemprop="articleBody"]::after {
    content: "";
    display: table;
    clear: both;
}

.blog-article {
    *{
        font-family: "Montserrat-Medium", sans-serif;
        font-weight: 500;
        line-height: 25px;
    }
    ol {
        padding-left: 20px;
    }
    h2 {
        margin: 32px 0 20px;
        font-size: 24px;
        font-weight: 500;
    }
    p{
        margin: 10px 0;
    }
    .full-video {
        max-width: 855px;
        margin: auto;

        iframe {
            width: 100%;
            height: 400px;
        }
    }
    .video-block {
        max-width: 855px;
        margin: 40px auto;
        border-radius: 24px;
        overflow: hidden;
    }
    .video-block img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
    .two-imgs.right {
        display: block;
        float: right;
        margin: 10px 0 20px 30px !important;
        width: 50%;
    }
    .two-imgs.left {
        display: block;
        float: left;
        margin: 10px 30px 20px 0 !important;
        width: 50%;
    }
    .two-imgs a {
        display: block;
        width: 100%;
    }
    .two-imgs img {
        width: 100%;
        height: auto;
        object-fit: cover;
        border-radius: 24px;
        display: block;
    }
}
.action-content {
    .banner-action {
        width: 100%;
        height: 605px;
        object-fit: cover;
        border-radius: 0 0 24px 24px;
    }
    .first-block {
        padding-top: 70px;
        padding-bottom: 30px;
    }
    h1 {
        margin-bottom: 32px;
    }
    ul {
        padding-left: 20px;
    }
}

.banner-mono-block {
    .background-pc {
        width: 100%;
        object-fit: cover;
        border-radius: 0 0 24px 24px;
    }
    .background-mob {display: none}
}

.text-def {
    padding: 70px 0 35px;

    ul, ol {
        padding-left: 20px;
    }
}

.more-price {
    display: inline-block;
    position: relative;
    width: fit-content;
    color: #000;
    transition: color .25s ease, text-shadow .25s ease;
    cursor: pointer;
}
.more-price::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: -2px;
    height: 2px;
    background: #0D0D0D;
    border-radius: 2px;
    transform: scaleX(0);
    transform-origin: center;
    opacity: 0;
    transition: transform .25s ease, opacity .25s ease;
}
.more-price:hover {
    color: #000;
    text-shadow: 0.2px 0 currentColor, -0.2px 0 currentColor;
}

.more-price:hover::after {
    transform: scaleX(1);
    opacity: 1;
}
.wrap-price-table {
    border: 1px solid #E2E2E2;
    border-radius: 35px;
    padding: 52px 32px;
    border-collapse: collapse;
    margin-top: 10px;
    display:flex;

    table {
        padding: 0;
        margin: 0;
    }
    .price-table {
        width: 50%;
        margin: 0 5px 0 5px;
    }
    tr:nth-child(2n) {
        background-color: #eeeeee;
    }
    td {
        padding: 16px 12px;
    }
}

.banner-form-top {
    .open-form .form .field input,
    .open-form.mini .field input {
        height: 52px;
    }
    .open-form .wrap-input {
        width: 80%;
    }
    .open-form .wrap-action {
        width: 20%;
    }
    .default-btn {
        height: 52px;
        color: #fff;
        background: #AC2335;
        border-radius: 14px;
        border: unset;
        text-align: center;
        cursor: pointer;
        transition: 0.3s;
    }
    .open-form .form .field .icon,
    .open-form.mini .field .icon {
        display: none;
    }
    &.form-container {
         padding: 60px;
    }
}
.map-site {
    padding-top: 80px;

    .default-text a:not(.default-btn) {
        color: black;
    }
}
.politika {
    padding: 80px 0;
}

.block-popup-mono-pay {
    .cta {
        padding: 0;
        max-width: unset;
        width: unset;
    }
    .wrap-title-form {
        display: none;
    }

}

.main-container {
    padding: 60px 140px;
    max-width: 1920px;
}


.mono-banner .distance.mono.mobile {
    display: none;
}
.mono-banner .distance.mono.pc {
    font-weight: 500;
}
.head-miniblocks .wrap-background .plash-info {
    display: none;
}

.vidhuky {
    padding-top: 60px;

    h1 {
        font-size: 36px;
        margin-bottom: 32px;
        font-family:"Montserrat-Medium";
    }
    p {
        font-family:"Montserrat-Medium";
        line-height: 25px;
    }
    .block-reviews.content {
        /*margin-bottom: 50px;*/
        /*background-color: white;*/
        .wrap-comment {
            padding: 30px 0;
        }
    }
    .video-section {
        background-color: #EFECE7;
        padding-left: 140px;
    }
}

.wrap-comment {
    padding-top: 30px;
}

.block-support {
    position: relative;
    width: 100%;
    /*box-shadow: 0 2px 30px rgba(16, 16, 86, 0.1);*/
    border-radius: 24px;
    /*background: #fff;*/
    /*background: #f0f0fb;*/
    overflow: hidden;
    margin-top: 30px;
    margin-bottom: 30px;
    border: 1px solid black;

    .wrap-title {
        height: 66px;
        border-radius: 24px 24px 0 0;
        background: #151511;
        padding: 11px 17px 11px 20px;
        font-weight: bold;
        font-size: 21px;
        line-height: 30px;
        position: relative;
        margin-bottom: 12px;
    }
    .wrap-title .text {
        font-weight: bold;
        font-size: 20px;
        line-height: 30px;
        color: #fff;
        padding-left: 126px;
    }
    .wrap-title .text .title {
        display: block;
        font-family: "Montserrat-Medium", sans-serif;
    }
    .wrap-title .text .sub-title {
        display: block;
        font-weight: normal;
    }
    .supporter {
        margin-bottom: 15px;
        padding-left: 20px;
        padding-right: 20px;
    }
    .supporter img {
        left: 40px;
        width: 84px;
        height: 84px;
        border-radius: 50%;
        overflow: hidden;
        margin-right: 0;
        position: absolute;
        top: 24px;
    }
    .supporter .wrap-description {
        display: inline-block;
        /*padding-top: 8px;*/
        font-size: 16px;
        line-height: 24px;
        padding-left: 126px;
    }
    .supporter .wrap-description .title {
        display: block;
    }
    .supporter .wrap-description .sub-title {
        display: block;
        font-size: 12px;
    }
    .fields {
        padding: 0 15px;
        color: #101051;
    }
    .fields .field-block {
        margin-bottom: 20px;
        display: block;
    }
    .fields .field-block .title {
        display: block;
        font-size: 14px;
        line-height: 17px;
        margin-bottom: 10px;
        padding-left: 8px;
    }
    .fields .field-block .title.msg {
        display: none;
        color: #f00;
    }
    .fields .field-block .field {
        font-family:"Montserrat-Medium";
        display: block;
        border-radius: 13px;
        overflow: hidden;
        border: 1px solid #DADADA;
        height: 40px;
        text-transform: unset;
        font-weight: 500;
        width: 80%;
        margin: auto;
    }
    .default-btn{
        background: #AC2335;
        transition: background-color 0.3s ease;
    }
    .default-btn:hover{
        background: #7C2127;
    }
    .fields .field-block input:not(.button),
    .fields .field-block textarea {
        width: 100%;
        height: 100%;
        border: none;
        line-height: 40px;
        font-size: 14px;
        padding-left: 10px;
        padding-right: 10px;
        background: #fff;
    }
    .fields .field-block .title .additional {
        font-size: 10px;
        line-height: 12px;
    }

    .fields .field-block input:not(.button),
    .fields .field-block textarea {
        width: 100%;
        height: 100%;
        border: none;
        line-height: 40px;
        font-size: 14px;
        padding-left: 10px;
        padding-right: 10px;
        background: #fff;
    }
    .fields .field-block .field.big {
        height: 90px;
        min-height: 90px;
    }
    .fields .field-block textarea {
        line-height: 24px;
        padding-top: 8px;
        padding-bottom: 8px;
        resize: vertical;
    }
    .fields .field-block.button {
        text-align: center;
    }
    .symbol {
        display: none;
    }
    .fields .field-block .title.hide-first {
        display: none;
    }
    .hide-first {
        display: none;
    }

}

.vidhuky {
    .insta-reviews{
        background:#fff;
        .insta-reviews__inner{
            /*max-width:1240px;*/
            margin:0 auto;padding:40px 16px;display:grid;
            /*grid-template-columns:minmax(520px,640px) 1fr;*/
            grid-template-columns:minmax(40%,60%) 1fr;
            gap:44px;align-items:center}
        .insta-reviews__media{
            /*background:#f4f3f1;*/
            border-radius:24px;padding:22px;overflow:hidden}
        .insta-reviews__track{display:flex;gap:18px;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scroll-snap-type:x mandatory;padding:0 10px;cursor:grab;user-select:none;scrollbar-width:none}
        .insta-reviews__track::-webkit-scrollbar{height:0}
        .insta-reviews__item{flex:0 0 241px;height:428px;border-radius:20px;background:#d8d6d1;position:relative;overflow:hidden;scroll-snap-align:start;cursor:pointer}
        .insta-reviews__thumb{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;pointer-events:none}
        .insta-reviews__item.is-playing .insta-reviews__thumb{pointer-events:auto}
        .insta-reviews__item::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.12),rgba(0,0,0,.32));pointer-events:none}
        .insta-reviews__item.is-playing::before{opacity:0}
        .insta-reviews__play{position:absolute;left:50%;top:50%;width:56px;height:56px;transform:translate(-50%,-50%);border-radius:50%;background:rgba(255,255,255,.28);border:1px solid rgba(255,255,255,.45);backdrop-filter:blur(6px)}
        .insta-reviews__item.is-playing .insta-reviews__play{opacity:0;pointer-events:none}
        .insta-reviews__play::before{content:"";position:absolute;left:22px;top:18px;border-left:14px solid rgba(255,255,255,.95);border-top:10px solid transparent;border-bottom:10px solid transparent}
        .insta-reviews__x{position:absolute;right:10px;top:10px;width:36px;height:36px;border-radius:14px;border:0;background:rgba(255,255,255,.85);cursor:pointer;display:none}
        .insta-reviews__x::before,.insta-reviews__x::after{content:"";position:absolute;left:50%;top:50%;width:16px;height:2px;background:#231f20}
        .insta-reviews__x::before{transform:translate(-50%,-50%) rotate(45deg)}
        .insta-reviews__x::after{transform:translate(-50%,-50%) rotate(-45deg)}
        .insta-reviews__item.is-playing .insta-reviews__x{display:block}
        .insta-reviews__title{
            margin:0 0 12px;line-height:1.12;
            font-size: 48px;
            margin-bottom: 41px;
            color: #383939;
            font-family: "Montserrat-Regular", sans-serif;
            font-weight: 400;
        }
        .insta-reviews__accent{color:#c2181f}
        .insta-reviews__sub{margin:0 0 22px;max-width:520px;font-size:14px;line-height:1.6;color:rgba(35,31,32,.7);font-family: "Montserrat-Regular", sans-serif;}
        .insta-reviews__btn{display:inline-flex;align-items:center;gap:12px;padding:14px 18px;border-radius:999px;background:#f4f3f1;color:#231f20;text-decoration:none}
        .insta-reviews__btnIco{width:40px;height:40px;border-radius:14px;background:#fff;position:relative}
        .insta-reviews__btnIco::before{content:"";position:absolute;inset:0;margin:auto;width:14px;height:14px;border-right:2px solid #231f20;border-top:2px solid #231f20;transform:rotate(45deg)}

    }
}

.slider-thanksDoc,
.thanksDoc-wrapper {
    touch-action: pan-y;
}
.slider-thanksDoc { touch-action: pan-y; }

.contact-list-tb {
    padding: 35px 0;

    .wrap-block {
        margin-top: 20px;
    }

    .address {
        margin-bottom: 20px;

        span {
            display: inline-block;
            margin-left: 15px;
        }
        img {
            vertical-align: top;
            margin-top: 6px;
            width: 16px;
        }
        a {
            color: #000;
            text-decoration: underline;
        }
    }

    .time>span {
        display: inline-block;
        margin-left: 15px;
    }
    .wrap-info {
        display: inline-block;
        max-width: 100%;

        .block {
            width: 370px;
            height: 260px;
            margin-right: 0;
            display: inline-block;
            vertical-align: top;
            border-radius: 6px;
            overflow: hidden;
            margin-top: 26px;
            text-align: initial;
            position: relative;

            h2 {
                font-size: 16px;
                margin-bottom: 20px;
            }
            p>a {
                display: inline-block;
                /*margin-left: 15px;*/
            }
        }
        .block.img {
            float: left;
            height: 380px;
            font-size: 0;
            line-height: 0;
            margin-right: 26px;
        }
    }

    .cont-addr, .cont-work-time {
        display: none;
    }

    .time , .address {
        display: flex;

        img {
            margin-right: 15px;
        }
    }

    .main-img-thumbs { margin-top: 12px; }
    .main-img-thumbs .thumb { padding: 0 6px; }
    .main-img-thumbs img {
        width: 100%;
        height: 64px;
        object-fit: cover;
        border-radius: 8px;
        display: block;
    }
    .main-img-thumbs .slick-current img {
        outline: 2px solid rgba(0,0,0,.15);
    }

    /* pager: стрілки + цифри */
    .main-img-pager{
        margin-top: 10px;
        display:flex;
        align-items:center;
        justify-content:center;
        gap:10px;
        user-select:none;
    }

    .main-img-pager .parr{
        background:none;
        border:none;
        cursor:pointer;
        font-size:18px;
        line-height:1;
        padding:4px 8px;
        color:#111;
    }
    .main-img-pager .parr:disabled{
        opacity:.3;
        cursor:default;
    }

    .main-img-pager .pnums{
        display:flex;
        gap:10px;
        align-items:center;
    }

    .main-img-pager .pnum{
        background:none;
        border:none;
        cursor:pointer;
        font-size:14px;
        padding:2px 4px;
        color:#111;
    }
    .main-img-pager .pnum.is-active{
        font-weight:700;
        text-decoration:underline;
    }
    .main-img-pager .pdots{
        font-size:14px;
        color:#111;
        opacity:.6;
    }

}

.contact-list-tb {

    .block {
        width: 370px;
        height: 260px;
        /*margin-right: 26px;*/
        /*display: inline-block;*/
        vertical-align: top;
        border-radius: 6px;
        overflow: hidden;
        margin-top: 26px;
        text-align: initial;
        position: relative;
    }

    .block.map {
        max-width: 770px;
        width: 100%;
        margin: 30px auto;
    }

    .wrap-btn {
        width: fit-content;
        margin: auto;
    }

    .block.map {
        background: #fbfbfd;
        height: 335px;
        /*margin-right: 0;*/
    }

    .block iframe {
        width: inherit;
    }

    .block iframe {
        max-height: unset;
        width: 420px;
    }

    .block.img img,
    .block iframe {
        width: 100%;
        height: 100%;
        max-height: 260px;
        border: none;
    }
}


/*.block-live-video-reviews {*/
/*    */
/*    .slick-track, .blocks  {*/
/*        width: 258px;*/
/*        height: 433px;*/
/*    }*/

/*    .content-wrap {*/
/*        width: 40%;*/
/*    }*/
/*    video {*/
/*        width: 258px;*/
/*        height: 433px;*/

/*    }*/
/*}*/




/*.client-logo { width: 140px; height: 50px; color: red; }*/
/*.client-logo * { fill: currentColor !important; }*/

/*.clients-logos .client-slide { padding: 0 14px; }*/
/*.clients-logos .slick-track { display: flex; align-items: center; }*/
/*.clients-logos .slick-slide { height: auto; }*/
/*.clients-logos .slick-slide > div { display: flex; justify-content: center; }*/

/* ===== css-old.css (priority overrides below) ===== */

img {
    border-style: none;
    vertical-align: top;
    max-width: 100%;
    height: auto;
    image-rendering: auto;
}
#header-wrapper {
    height: 110px;
    background: #fbfbfd;
    box-shadow: 0 2px 30px rgba(16, 16, 86, 0.1);
    position: sticky;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9999;
}
#header {
    position: absolute;
    height: 75px;
    left: 0;
    right: 0;
    top: 35px;
    /*max-width: 1640px;*/
    width: 100%;
    max-width: 1920px;
    padding: 0 140px;
    margin: auto;
}
#top-nav-row {
    display: flex;
    height: 75px;
    width: 100%;
}
#logo-wrap {
    padding: 4px 0 0;
    width: 20%;
}
.phone-s-time {
    padding-top: 25px;
    width: 20%;
    min-width: 241px;
    position: relative;
}
.mobile-menu {
    display: none;
    padding: 29px 39px 35px 37px;
    font-weight: 900;
    font-size: 24px;
    line-height: 28px;
    color: #2323b5;
    cursor: pointer;
}
#logo img{
    width: 138px;
}
#logo {
    min-width: 170px;
    display: block;
    text-align: left;
    width: 170px;
    top: 0;
    position: relative;
}
#logo .our-age {
    font-size: 10.2px;
    line-height: 20px;
    white-space: nowrap;
}
#top-nav-row .menu-wraps>.navbar {
    margin-top: 15px;
}
#top-nav-row .navbar-default {
    display: inline-flex;
    border: none;
    margin-bottom: 0;
    background-color: transparent;
}
/*.container:before, .container:after, .navbar:before, .navbar:after {*/
/*    display: table;*/
/*    content: " ";*/
/*}*/
#top-nav-row .navbar-default .top-menu-container {
    display: inline-table;
    width: unset;
    margin-right: 17px;
}
#top-nav-row .navbar-default .top-menu-container ul {
    margin-left: 0;
}
.top-menu-container ul {
    font-size: 12px;
    list-style: none;
    padding: 0;
    margin-top: 0;
    margin-bottom: 0;
}
.top-menu-container li {
    float: left;
    padding: 0 15px 0 0;
    margin: 0;
}
#top-nav-row .navbar-default .top-menu-container ul li a {
    color: #000;
}
.top-menu-container li>a {
    color: rgb(51, 51, 51);
    text-decoration: none;
    height: 20px;
    line-height: 12px;
    border: 3px solid transparent;
    display: block;
}
.reviews-count {
    color: #00dd00;
}
.search-hole {
    display: inline-block;
    /*margin-right: 20px;*/
    /*margin-left: 40px;*/
    z-index: 21;
}
.search-hole form, .search-hole .search-table {
    height: 100%;
    display: inline-block;
    position: relative;
}
.menu-wraps {
    width: 60%;
}
.menu-wraps .lng-change {
    position: relative;
    display: inline-block;
    height: 15px;
    font-size: 12px;
    line-height: 15px;
    color: #000;
    margin-right: 30px;
}
.lng-change a:hover{
    text-decoration: underline;
    font-weight: 900;
}
.geo-loc-img {
    height: 15px;
    margin-right: 5px;
    margin-top: 1px;
}
.lng-change strong{
    text-decoration: underline;
    /*color: #AC2335;*/
    font-weight: 900;
}
.lng-change a{
    color: white;
    text-decoration: unset;
    transition: color 0.2s ease;
}
.menu-wraps .lng-change a {
    color: #000;
}
.region-select .select {
    border: unset;
    background: black;
    /*border-radius: 15px;*/
    display: inline-block;
    width: fit-content;
    cursor: pointer;
    position: relative;
    overflow: hidden;
    z-index: 10;
    /*text-decoration: underline;*/
}
.region-select .selector {
    display: block;
}
.region-select .wrap-options {
    display: block;
}
:not(.show).region-select .option {
    width: 85%;
    text-overflow: ellipsis;
    text-decoration: underline;
}
.region-select .option.not-found {
    background: #ededed;
}
.region-select .option:not(.selected) {
    height: 0;
    transition: 0.3s;
}
.region-select .option {
    overflow: hidden;
    height: auto;
    display: block;
    line-height: normal;
    font-size: 14px;
    color: white;
    transition: 0.3s;
    padding-left: 15px;
    padding-right: 15px;
    background: black;
    z-index: 1;
    position: relative;
    white-space: nowrap;
    text-decoration: unset;
    transition: color 0.2s ease;
}
.region-select.show .select {
    overflow: visible;
}
.region-select.show .select .wrap-options {
    position: absolute;
    top: -18px;
    left: -15px;
    width: max-content;
    background: black;
    padding-bottom: 10px;
    box-shadow: 0 4px 10px rgba(0,0,0,0.5);
    z-index: 99999;
}
.region-select.show .option:not(.selected) {
    height: 32px;
    padding-top: 5px;
}

.region-select .option:hover {
    font-weight: 600;
}
.region-select .caret {
    font-weight: 900;
    font-size: 12px;
    /*line-height: 30px;*/
    position: absolute;
    right: 10px;
    top: 0;
    color: #2323b5;
    transform: scaleY(1);
    transition: 0.3s;
    z-index: 1;
}
.fa-caret-down:before {
    content: "\f0d7";
}
.region-select .notify-wrap {
    z-index: 12;
    position: absolute;
}
.region-select .notify-wrap .notify {
    background: #fbfbfd;
    border-radius: 6px;
    font-size: 12px;
    position: relative;
    left: calc(-50% + 50px);
    border: 1px solid #2323b5;
    min-width: max-content;
}
.region-select .notify-wrap .notify .text {
    background: #fbfbfd;
    border-radius: 6px;
    padding: 10px;
    position: relative;
    min-width: max-content;
    color:black;
}
.region-select .notify-wrap span {
    color: #2323b5;
    white-space: nowrap;
}
.region-select .notify-wrap .notify .close {
    display: inline-block;
    position: absolute;
    top: -15px;
    right: -15px;
    width: 30px;
    height: 30px;
    border: 1px solid #2323b5;
    background: #fff;
    border-radius: 50%;
    line-height: 30px;
    text-align: center;
    font-size: 25px;
    transition: 0.3s;
    cursor: pointer;
    color: black;
}
#nav-row {
    padding-top: 20px;
    text-align: center;
}
#nav-row .navbar-default {
    vertical-align: top;
}
#top-nav-row .navbar-default {
    display: inline-flex
;
    border: none;
    margin-bottom: 0;
    background-color: transparent;
}
#top-nav-row .navbar {
    position: static;
    width: fit-content;
    margin: auto;
    text-align: center;
}
/*.container:before, .container:after, .navbar:before, .navbar:after {*/
/*    display: table;*/
/*    content: " ";*/
/*}*/
.menu-container {
    vertical-align: middle;
    margin: auto;
}
.menu-container ul {
    font-size: 25px;
    list-style: none;
    padding: 0;
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 0;
    min-width: 185px;
    text-align: center;
}
#nav-row .menu-container>ul {
    text-align: left;
    font-size: 14px;
    font-weight: bold;
    line-height: 17px;
    text-transform: uppercase;
}
#nav-row .menu-container li {
    position: static;
}
#nav-row .menu-container li {
    margin-right: 40px;
    padding: 0;
}
.menu-container li {
    display: inline-block;
}
#nav-row .menu-container>ul>li>a {
    /*height: 45px;*/
}
.menu-container li>a {
    color: rgb(51, 51, 51);
    text-decoration: none;
    height: 60px;
    line-height: 50px;
    border-top: 3px solid transparent;
    display: block;
}
#nav-row .menu-container li>a {
    height: unset;
    line-height: unset;
    display: inline-block;
    color: #000;
}
#nav-row .menu-container li svg, #nav-row .menu-container li img {
    width: 20px;
    height: 16px;
    display: inline-block;
    margin: 0 15px -3px 0;
}
#nav-row .menu-container li>a .caret {
    margin-left: 10px;
    height: unset;
    border: none;
    width: 5px;
}
#nav-row .menu-container li .menu-wrap {
    display: none;
    position: absolute;
    left: 0;
    right: 0;
    width: 100%;
    border: none;
    top: 68%;
    text-align: center;
    background-color: #fbfbfd;
    box-shadow: 0 4px 20px rgba(16, 16, 86, 0.1);
    border-radius: 0 0 7px 7px;
    padding: 30px 5px 5px;
    z-index: 50;
    overflow-y: auto;
    max-height: calc(100vh - 110px);
    scrollbar-color: #d3d3d3 #fff;
    scrollbar-width: auto;
}
#nav-row .menu-container li .menu-wrap>ul {
    position: static;
    display: inline-block;
    text-align: left;
    max-width: 1300px;
}
.menu-container ul {
    font-size: 25px;
    list-style: none;
    padding: 0;
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 0;
    min-width: 185px;
    text-align: center;
}
#nav-row .menu-container li .menu-wrap>ul li {
    margin: 0;
    position: relative;
}
/*.container:before, .container:after, .navbar:before, .navbar:after {*/
/*    display: table;*/
/*    content: " ";*/
/*}*/

.row-one {
    font-size: 10px;
    padding-top: 7px;
}
.row-one #shedule, .row-one #shedule + span {
    display: block;
    text-align: left;
    vertical-align: top;
    line-height: 15px;
    min-width: 118px;
}
.menu-container li>a {
    color: rgb(51, 51, 51);
    text-decoration: none;
    height: 60px;
    line-height: 50px;
    border-top: 3px solid transparent;
    display: block;
}
#nav-row .menu-container li>a {
    height: unset;
    line-height: unset;
    display: inline-block;
    color: #000;
}
#nav-row .menu-container li .menu-wrap>ul li>a {
    display: none;
}
#nav-row .menu-container li svg, #nav-row .menu-container li img {
    width: 20px;
    height: 16px;
    display: inline-block;
    margin: 0 15px -3px 0;
}
#nav-row .menu-container li .menu-wrap>ul .block {
    text-decoration: initial;
    text-transform: initial;
    width: 398px;
    max-width: 398px;
    box-shadow: 0 2px 30px rgba(16, 16, 86, 0.1);
    border-radius: 10px;
    background: #fff;
    display: inline-block;
    transition: 0.3s;
    padding: 0 0 0 100px;
    overflow: hidden;
    position: relative;
    height: 128px;
    margin: 0 15px 20px 15px;
    font-size: 14px;
    line-height: 17px;
    font-weight: initial;
    text-align: initial;
    border: none;
}

#nav-row .menu-container li .menu-wrap>ul .block .wrap-background {
    overflow: hidden;
    position: absolute;
    overflow: unset;
    height: 100%;
    left: 0;
    top: 0;
    bottom: 0;
}
#nav-row .menu-container li svg, #nav-row .menu-container li img {
    width: 20px;
    height: 16px;
    display: inline-block;
    margin: 0 15px 0 0;
}
#nav-row .menu-container li .menu-wrap>ul .block .wrap-background img {
    width: 100px;
    min-width: 100px;
    height: 100%;
}
#nav-row .menu-container li .menu-wrap>ul .block .title {
    font-weight: bold;
    color: #202020;
    display: block;
    background-color: rgba(255, 255, 255, 0.5);
    left: 0;
    right: 0;
    padding: 12px 30px 0 20px;
    font-size: 16px;
    line-height: 20px;
    position: static;
}
.upper {
    text-transform: uppercase;
}

.row-one .our-social-contact {
    font-size: 10px;
    line-height: 14px;
    height: 14px;
    width: 110px;
    white-space: nowrap;
    padding: 5px;
}
#nav-row .menu-container li .menu-wrap>ul .block .default-description {
    margin-top: 0;
    display: flex;
    padding: 0 13px 0 20px;
    flex-direction: column;
}
#nav-row .menu-container li .menu-wrap>ul .block .default-description .price{
    color:#ac2336;
}
#nav-row .menu-container li .menu-wrap>ul .block .description, #nav-row .menu-container li .menu-wrap>ul .block .description2 {
    text-align: left;
    margin: 0;
    font-size: 14px;
    line-height: 18px;
    color: #000;
    display: inline-block;
}
#nav-row .menu-container li .menu-wrap>ul .block .description2 {
    margin: 0 0 12px 0;
    margin-bottom: 0;
}
.row-one .our-social-contact .social-blok {
    display: inline-block;
    cursor: pointer;
    margin-right: 15px;
}
#nav-row .menu-container li .menu-wrap>ul .block .default-description li {
    font-size: 14px;
    background: transparent;
    margin: 0;
    display: block;
}
#nav-row .menu-container li .menu-wrap>ul .block .description2 li {
    white-space: nowrap;
}
.row-one .our-social-contact .social-blok span {
    color: #000;
    text-decoration: none;
    font-size: 16px;
    padding: 0 5px;
}
#nav-row .menu-container li .menu-wrap>ul .block .description li, #nav-row .menu-container li .menu-wrap>ul .block .description2 li {
    list-style-type: none !important;
}
#nav-row .menu-container li .menu-wrap>ul li:hover {
    z-index: 1;
    transform: scale(1.05);
    transition: 0.2s;
}
#header .head-number {
    height: 20px;
    font-weight: normal;
    font-size: 16px;
    line-height: 20px;
    /*display: inline-block;*/
    display: flex;
    justify-content: end;
}
.plash-info {
    display: none;
    position: absolute;
    width: 116px;
    z-index: 5;
    height: 49px;
    margin-top: 5px;
    margin-left: 5px;
    text-align: left;
    text-transform: none;
}
.plash-info-text {
    font-size: 11px;
    z-index: 6;
    position: absolute;
    padding: 8px;
    margin-top: 2px;
    color: #fff;
    font-weight: 100;
    padding-left: 13px;
}
.menu-wrap .wrap-background .plash-info {
    display: none;
}
#nav-row .menu-container li svg, #nav-row .menu-container li img.plash-info-img {
    position: absolute;
    width: 116px;
    z-index: 5;
    height: 60px;
    margin-top: 3px;
    left: 0;
}
#header .head-number .hide-img {
    display: none;
}
#header .head-number .hide-img img {
    min-width: 12px;
    height: 16px;
    left: -3px;
    position: relative;
}
#header .head-number img:hover {
    transform: scale(1.06);
    z-index: 2;
}
#header .head-number img {
    /*padding-right: 9px;*/
    height: 94%;

    align-items: center;
    transition: transform 0.25s ease;
    transform-origin: center center;
}
#header .head-number .hidden {
    position: absolute;
    background: #fbfbfd;
    bottom: 40px;
    display: none;
}
#header .head-number .number {
    white-space: nowrap;
}
#header .head-number .number img {
    min-width: 12px;
    height: 16px;
    width: 25px;
}
#header .head-number a.main-number {
    position: relative;
}
#header .head-number a {
    color: #000;
    text-decoration: none;
    /*margin-left: -5px;*/
}
#header .head-number .viber-href {
    border-left: 2px solid #E3E3E3;
    border-right: 2px solid #E3E3E3;
    padding: 0 10px;
    margin: 0 10px;
}
.mobile-menu {
    display: none;
    padding: 29px 39px 35px 37px;
    font-weight: 900;
    font-size: 24px;
    line-height: 28px;
    color: #2323b5;
    cursor: pointer;
}
.mobile-menu i {
    width: 21px;
}

#header-banner-row {
    height: 1px;
}
#mobile-menu {
    display: none;
}
/*.search-mobile {*/
/*    width: 0;*/
/*    display: none;*/
/*    position: relative;*/
/*    height: 30px;*/
/*    left: 40px;*/
/*    z-index: 10;*/
/*    top: 6px;*/
/*    bottom: auto;*/
/*}*/
/*.search-hole {*/
/*    display: inline-block;*/
/*    margin-right: 20px;*/
/*    margin-left: 40px;*/
/*    z-index: 21;*/
/*}*/
/*.search-hole form, .search-hole .search-table {*/
/*    height: 100%;*/
/*    display: inline-block;*/
/*    position: relative;*/
/*}*/
#mobile-menu .content {
    margin-top: 15px;
}
.search_icon {
    width: 20px;
    height: 12px;
    margin-top: 5px;
}
.search-hole {
    &.show {
        .search-table path{
            fill: black!important;
        }
     }
    .search-table path{
        fill: white!important;
    }
}
.search-hole svg {
    position: absolute;
    top: 0;
    left: 0;
    cursor: pointer;
    margin-top: 2px;
    z-index: 5;
}

.search-hole.show form input#search-input {
    transition: 0.5s;
    width: 200px;
    color: black;
}

.search-hole.show form {
    background: #fbfbfd;
    z-index: 10;
    transition: 0.5s;
    position: absolute;
    height: 26px;
    padding: 5px;
    top: 0;
}
#search-input {
    height: 24px;
    border: none;
    /*border-bottom: 1px solid #e2e2ef;*/
    margin: 0;
    padding: 0;
    position: relative;
    display: inline-block;
    background-color: transparent;
    top: -3px;
    outline: none;
    width: 61px;
    padding-left: 20px;
    color: white;
}
#search-input::placeholder {
    color: white;
}

#mobile-menu {
    .more-nav a {
        p {
            text-transform: unset;
        }
    }
}

.search-mobile #search-input{
    color: black;
}


/*.search-hole form, .search-hole .search-table {*/
/*    height: 100%;*/
/*    display: inline-block;*/
/*    position: relative;*/
/*}*/
/*.search-hole {*/
/*    display: inline-block;*/
/*    margin-right: 20px;*/
/*    margin-left: 40px;*/
/*    z-index: 21;*/
/*}*/
.pre-header {
    background-color: black;
    color: white;
    height: 32px;
    overflow: visible;
    position: relative;
    z-index: 10000;
}
#logo img {
    height: auto;
    max-width: 100%;
}
.pre-header-content {
    max-width: 1920px;
    /*display: flex;*/
    /*width: 100%;*/
    /*margin: auto;*/
    /*font-size: 12px;*/
    /*padding: 8px 140px 3px;*/

    display: flex;
    align-items: center;
    justify-content: space-between;

    /* ключове */
    gap: clamp(8px, 2vw, 24px);
    padding-inline: clamp(16px, 0vw, 140px);

    white-space: nowrap;
    padding: 6px 140px;

}
.header-content-city {display: flex}

.header-content-city,
.our-age,
.header-content-work{
    /*width: 30%;*/
    flex: 0 1 auto;
    min-width: 0;
}
.our-age {
    font-size: 12px;
}
.header-content-work {
    /*width: 40%;*/
}
.header-content-work {
    justify-content: end;
    display: flex;
    align-items: center;
}
.change-city {
    margin-left: 12px;
    text-decoration: underline;
}

.holidays-days{
    padding-right: 20px;
    border-right: 1px solid white;
    height: fit-content;
    font-size: 12px;
}
.work-days{
    padding-right: 20px;
    border-right: 1px solid white;
    height: fit-content;
    padding-left: 20px;
    font-size: 12px;
}
.search-hole{
    padding-right: 20px;
    padding-left: 20px;
    border-right: 1px solid white;
    height: fit-content;
}
.lng-change{
    /*padding-right: 20px;*/
    padding-left: 20px;
    /*border-right: 1px solid white;*/
    height: fit-content;
    font-size: 14px;
}

.site-header{display:flex;align-items:center;gap:24px;position:relative;z-index:50}

/* Кнопка з трьома крапками */
.more-btn{
    display:inline-flex;flex-direction:column;justify-content:center;align-items:center;
    gap:3px;
    width: auto;
    height: 28px;
    cursor:pointer;
    transition:box-shadow .2s, border-color .2s;
    align-items: center;
    transition: transform 0.25s ease;
    transform-origin: center center;
}
.more-btn:hover{box-shadow:0 4px 12px rgba(0,0,0,.08);border-color:#d1d5db;transform: scale(1.06);}
.more-dot{width:3px;height:3px;background:#0f172a;border-radius:50%}

/* Backdrop */
.more-backdrop{
    position:fixed;inset:0;background:rgba(0,0,0,.25);
    opacity:0;transition:opacity .2s ease;z-index:80;
}
.more-backdrop.is-open{opacity:1}

/* Панель меню (десктоп: дропдаун, мобільно: фулскрін) */
.more-menu{
    padding: 18px 18px;
    position: absolute;
    top: 50px;
    right: 0;
    /*left: 0;*/
    margin: auto;
    z-index: 90;
    width: fit-content;
    max-width: fit-content;
    background: black;
    /*border-radius: 14px;*/
    box-shadow: 0 16px 40px rgba(2, 6, 23, .18);
    transform: translateY(-8px);
    opacity: 0;
    pointer-events: none;
    transition: transform .2s ease, opacity .2s ease;
}
.more-menu.is-open{transform:translateY(0);opacity:1;pointer-events:auto}

.more-close{
    position:absolute;top:10px;right:10px;width:36px;height:36px;border:0;background:#f3f4f6;
    border-radius:10px;cursor:pointer;font-size:18px;line-height:1;display:grid;place-items:center;
}
.more-close:hover{background:#e5e7eb}

.more-nav{
    line-height: 2;
    display:block;
    text-align: left;
    /*margin-bottom: 10px;*/
    /*text-transform: uppercase;*/
    /*flex-direction:column;*/
    /*padding:56px 16px 14px*/
}
.more-nav a{
    /*padding:12px 10px;*/
    text-decoration:none;
    color:white;
    font-weight:500; white-space: nowrap;
    font-size: 14px;

    p{
        text-transform: uppercase;
    }
}
.more-nav a:hover{background:#f8fafc}

/* Мобільна адаптація — робимо повноекранну шторку */
/*@media (max-width:768px){*/
/*    .more-menu{*/
/*        top:0;right:0;left:auto;width:min(420px, 92vw);height:100vh;border-radius:0 0 0 14px;*/
/*        border-left:1px solid #e5e7eb;border-top:0;border-right:0;*/
/*        transform:translateX(12px); !* виїзд справа *!*/
/*    }*/
/*    .more-menu.is-open{transform:translateX(0)}*/
/*    .more-nav{padding:64px 16px 20px}*/
/*}*/
.second-menu {
    position: relative;
}

#footer {
    padding-top: 18px;
    padding-bottom: 16px;
    background-color: #000000;
}
#footer .footer-container {
    margin: 0 auto;
    max-width: 1640px;
    /*padding: 0 140px;*/
}
#footer .footer-blocks-wrapper {
    line-height: 15px;
    font-size: 12px;
    display: flex;
}
#footer .footer-block:first-of-type {
    border-left: none;
    line-height: 26px;
    min-width: 280px;
    width: 100%;
}
#footer .footer-block {
    border-left: 1px solid rgba(255, 255, 255, 0.5);
    display: block;
    width: 25%;
    /*padding: 0 10px 0 15px;*/
}
#footer .footer-block .title {
    display: block;
    color: #fff;
    font-weight: bold;
    font-size: 12px;
    line-height: 43px;
    touch-action: none;
    pointer-events: none;
}
#footer .footer-block:first-of-type ul {
    color: #9b9b9b;
}
/*#footer .footer-block ul, #footer .footer-block a {*/
/*    display: block !important;*/
/*}*/
#footer .footer-block ul, #footer .footer-block a {
    list-style: none;
    padding: 0;
    margin: 0;
    font-size: 12px;
    /*line-height: 30px;*/
    color: #fff;
    text-decoration: unset;
}
#footer .footer-block:first-of-type ul li {
    font-size: 12px;
    line-height: 26px;
}
#footer .footer-block:first-of-type ul li .img {
    margin: 0 15px 0 0;
    text-align: center;
    width: 25px;
    display: inline-block;
    line-height: unset;
}
#footer .footer-block:first-of-type ul li img {
    vertical-align: middle;
}
#footer .footer-block .wrap-sub-footer-block {
    display: table;
    width: 100%;
}
#footer .footer-block .wrap-sub-footer-block .sub-footer-block {
    /*border-left: 1px solid rgba(255, 255, 255, 0.5);*/
    display: table-cell;
    padding: 0 10px 0 15px;
    width: 25%;
}
#footer .footer-block .wrap-sub-footer-block .sub-footer-block:first-of-type {
    padding: 0;
    border-left: none;
}
#footer .footer-block .title {
    display: block;
    color: #fff;
    font-weight: bold;
    font-size: 12px;
    line-height: 43px;
    touch-action: none;
    pointer-events: none;
    margin-bottom: 16px;
}
#footer .footer-block .title a {
    pointer-events: all;
    font-size: 24px;
    font-family: "Montserrat-Medium", sans-serif;
}
#footer .footer-block-links br {
    /*display: none;*/
}
#footer .footer-block-links{
    margin-top: 40px;
}
.top-block-footer {
    display: flex;
    vertical-align: middle;
    width: 25%;
}
.top-block-footer-title {
    margin: auto 10px;
    font-size: 14px;
    color: white;
    font-family: "Montserrat-Medium", sans-serif;
}
.top-blocks-footer {
    display: flex;
    border-bottom: 1px solid #232732;
    padding-bottom: 44px;
    margin-bottom: 40px;
    padding-top: 70px;
}
.form-empty-field-window {
    display: none;
    z-index: 99999999;
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    padding: 10px;
}
.big-page.block-reviews-component.middle-block {
    transform: none;
}
.block-reviews-component.middle-block {
    /*transform: translate(-200px);*/
    /*margin-top: 30px;*/
    padding-top: 30px;
}
.block-reviews-component.middle-block{
    /*max-width: 970px;*/
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    /*margin-bottom: 60px;*/
    padding-bottom: 60px;
}
.block-reviews-component .review-title {
    font-size: 16px;
    line-height: 20px;
    display: flex;
    /*margin-bottom: 27px;*/
}
.block-reviews-component .review-title img {
    margin-right: 12px;
    width: 24px;
    margin-top: auto;
    margin-bottom: auto;
}
.block-reviews-component .review-title span {
    margin-top: auto;
    margin-bottom: auto;
    display: inline-block;
}
.google-reviews {
    box-shadow: 0 2px 30px rgba(16, 16, 86, 0.1);
    border-radius: 10px;
    background: #fff;
    position: relative;
}
.google-reviews .tabs {
    white-space: nowrap;
    overflow: hidden;
    height: 80px;
    padding-top: 2px;
}
.google-reviews .tabs .splide__arrows {
    height: 0;
}
.google-reviews .tabs .splide__arrows .splide__arrow--prev {
    transform: scaleX(-1);
}
.google-reviews .tabs .splide__arrows .splide__arrow {
    height: 80px;
    padding: 0;
    z-index: 1;
    position: relative;
    border: none;
    background: linear-gradient(270deg, #fff 0%, #fff 50%, transparent);
    width: 60px;
    transition: 0.3s;
}
.toggle-btn::after {
    content: '+';
    transition: transform 0.3s ease;
}

.faq-question:hover .toggle-btn::after {
    content: '×';
    transform: translate(-50%, -50%) rotate(180deg);
}
.faq-question:hover .toggle-btn {
    background: black;
}
button[disabled], html input[disabled] {
    cursor: default;
}
.google-reviews .tabs .splide__arrows .splide__arrow--next {
    position: absolute;
    right: 0;
}
.splide__track {
    position: relative;
    z-index: 0;
    overflow: hidden;
}
.splide__list {
    margin: 0 !important;
    padding: 0 !important;
    width: -webkit-max-content;
    width: max-content;
    will-change: transform;
}
.splide--draggable>.splide__track>.splide__list>.splide__slide {
    -webkit-user-select: none;
    user-select: none;
}
.google-reviews .tabs .tab:not(:last-of-type) {
    border-right: 1px solid #e2e2ef;
}
.google-reviews .tabs .tab {
    display: inline-block;
    vertical-align: middle;
    height: 80px;
}
.splide__slide {
    box-sizing: border-box;
    list-style-type: none !important;
    margin: 0;
    flex-shrink: 0;
}
.splide, .splide__slide {
    position: relative;
    outline: none;
}
.google-reviews .tabs .tab.selected .content {
    background: #eaeaf5;
}
.google-reviews .tabs .tab .content {
    height: calc(100% - 4px);
    display: inline-flex;
    background: #fbfbfd;
    margin-left: 2px;
    margin-right: 2px;
    border-radius: 9px;
    padding: 5px;
    cursor: pointer;
    border: 1px solid transparent;
    transition: 0.3s;
}
.google-reviews .content {
    display: block;
    height: 700px;
    max-height: 700px;
    overflow-y: auto;
    scrollbar-color: #d3d3d3 #fff;
    scrollbar-width: auto;
    background-color: white;
}
.google-reviews .tabs .tab .name {
    display: inline-block;
    margin: auto;
}
.splide--draggable>.splide__track>.splide__list>.splide__slide {
    -webkit-user-select: none;
    user-select: none;
}
.google-reviews .tabs .tab:not(:last-of-type) {
    border-right: 1px solid #e2e2ef;
}
.google-reviews .tabs .tab {
    display: inline-block;
    vertical-align: middle;
    height: 80px;
}
.splide__slide {
    box-sizing: border-box;
    list-style-type: none !important;
    margin: 0;
    flex-shrink: 0;
}
.splide, .splide__slide {
    position: relative;
    outline: none;
}
.google-reviews .salons {
    padding: 15px;
}
.google-reviews .head {
    margin-bottom: 30px;
}
.google-reviews .head .name {
    display: block;
    font-size: 16px;
    margin-bottom: 5px;
}
.google-reviews .head .rating {
    font-size: 24px;
    font-weight: bold;
}
.google-reviews .head .info>* {
    margin-right: 10px;
}
.google-reviews .head .info>* {
    margin-right: 10px;
}
.google-reviews .stars img {
    margin-right: 3px;
    width: 17px;
    height: 16px;
    vertical-align: initial;
}
.google-reviews .stars .combo-star {
    display: inline-block;
    position: relative;
    width: 17px;
    height: 16px;
    margin-right: 3px;
}
.google-reviews .stars .combo-star img {
    position: absolute;
    left: 0;
    width: 17px;
    height: 16px;
    object-fit: cover;
    object-position: left;
}
.google-reviews .head .info>* {
    margin-right: 10px;
}
.google-reviews .content {
    display: block;
    height: 700px;
    max-height: 700px;
    overflow-y: auto;
    scrollbar-color: #d3d3d3 #fff;
    scrollbar-width: auto;
}
.google-reviews .comments {
    display: flex;
    flex-direction: column;
    gap: 30px;
}
.google-reviews .comment {
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.google-reviews .comment .profile {
    display: flex;
    gap: 10px;
}
.google-reviews .comment .profile .logo {
    width: 40px;
    height: 40px;
    display: flex;
}
.google-reviews .comment .profile .logo img {
    margin: auto;
}
.google-reviews .comment .profile .info .name {
    display: block;
    font-weight: bold;
    font-size: 14px;
    line-height: 17px;
    margin-bottom: 6px;
}
.google-reviews .stars {
    margin-right: 10px;
}
.google-reviews .comment .profile .info .date {
    font-size: 13px;
    color: #808080;
    vertical-align: top;
}
.google-reviews .comment .message {
    font-size: 15px;
    line-height: 1.6;
}
.google-reviews .comment .photos {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}
.google-reviews .answer {
    margin-left: 50px;
}
.google-reviews .download-more {
    display: block;
    margin: 30px auto;
    padding: 10px 50px;
    border-radius: 6px;
    border: none;
    background: #2323b5;
    font-weight: bold;
    font-size: 14px;
    color: #fff;
    transition: 0.3s;
}

.region-select {
    /*margin-top: -8px;*/
    /*margin-bottom: 8px;*/
    height: 10px;
    z-index: 20;
    margin-left: 14px;
}
.show.region-select .select {
    width: fit-content;
}
.region-select .selector {
    display: block;
}
.region-select .option.selected {
    margin-bottom: 7px;
}
.region-select .wrap-options {
    display: block;
    z-index: 2;
    position: relative;
    /*padding: 14px 23px;*/
}
.region-select.show .option, .region-select.show .option:not(.selected) {
    /*height: 30px;*/
    transition: 0.3s;
}
.region-select .option.not-found {
    background: #000000cf;
}
.region-select .option:not(.selected) {
    height: 0;
    transition: 0.3s;
}



/*@media (min-width: 640px) {*/
/*    #footer .footer-block ul, #footer .footer-block a {*/
/*        display: block !important;*/
/*    }*/
/*}*/
#footer .footer-block ul, #footer .footer-block a {
	font-family: "Montserrat-Regular", sans-serif;
    list-style: none;
    padding: 0;
    margin: 0;
    font-size: 14px;
    /*line-height: 30px;*/
    color: #fff;
}
#footer .footer-block ul + hr {
    border: none;
    margin: 5px 0;
}
.footer-line {
    display: flex;
    position: relative;
    height: 46px;
    background-color: #000000;
    border-top: 1px solid #232732;
}
.footer-line .payment-container {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    white-space: nowrap;
}
.footer-line .payment-container .wrap-content {
    max-width: 1363px;
    height: 100%;
    margin: auto;
    padding-left: 15px;
    display: flex;
}
.footer-line .payment-container img {
    margin: auto 16px auto 0;
}
.footer-add-privacy {
    padding: 6px;
    text-align: center;
    width: 100%;
    display: flex;
    z-index: 1;
}
.footer-add-privacy .link-block, .footer-add-privacy .link {
    margin: auto;
    color: #fff;
    text-decoration: none;
    font-size: 12px;
    padding: 0 5px;
}
.footer-add-privacy .link {
    white-space: nowrap;
}
.footer-add-privacy .link-block, .footer-add-privacy .link {
    margin: auto;
    color: #fff;
    text-decoration: none;
    font-size: 12px;
    padding: 0 5px;
}
#social-container {
    z-index: 1;
    position: absolute;
    right: 9%;
    top: 0;
    bottom: 0;
    display: flex;
    white-space: nowrap;
}
#social-container .social-wrap {
    margin: auto;
}
#social-container .social-blok {
    display: inline-block;
    cursor: pointer;
}
#social-container .social-blok span {
    color: #fff;
    text-decoration: none;
    font-size: 16px;
    padding: 0 5px;
}
#footer .footer-block:nth-child(2) {
    width: 75%;
    transition: 0.3s;
    display: table;
}
#footer .footer-block>.sub-footer-block {
    display: table-cell;
    border-left: 1px solid rgba(255, 255, 255, 0.5);
    padding: 0 10px 0 15px;
    width: 33.33%;
}

.open-form .message {
    padding-left: 10px;
    display: inline-block;
    margin-top: 2px;
    font-size: 13px;
    line-height: 16px;
    color: #f00;
}
.open-form .wrap-content {
    display: flex;
    padding-top: 15px;
    gap: 26px;
}
.open-form.new-form .wrap-action {
    gap: 26px;
}
.open-form .wrap-input {
    width: 50%;
}
.open-form .form {
    display: flex;
    gap: 26px;
}
.open-form .form .field, .open-form.mini .field {
    width: 50%;
    position: relative;
    /*margin-right: 15px;*/
    display: block;
}
/*.open-form .form .field.first {*/
    /*margin-right: 15px;*/
/*}*/

.only-phone.open-form .form .field.phone, .only-phone.open-form.mini .field.phone {
    width: 100%;
}

.open-form .form .field input, .open-form.mini .field input {
    width: 100%;
    height: 60px;
    padding-right: 10px;
    border-radius: 14px;
    border: unset;
    line-height: 40px;
    font-size: 16px;
    color: white;
    background: #D9D9D966;
    padding-left: 29px;
    font-family: "Montserrat-Medium", sans-serif;
}
.open-form .distance {
    font-family: "Montserrat-Medium", sans-serif;

    font-size: 13px;
    margin-top: 14px;
}

.open-form .form input::placeholder {
    color: white;
}

/*.open-form .form .field.phone input, .open-form.mini .field.phone input {*/
/*    padding-left: 40px;*/
/*}*/
.open-form .form .field .icon, .open-form.mini .field .icon {
    position: absolute;
    left: 10px;
    top: 0;
    margin: auto;
    bottom: 0;
}
.open-form .wrap-action {
    width: 50%;
}
.open-form .wrap-action .action, .open-form.mini .action {
    height: 60px;
    width: 100%;
}
.default-btn {
    color: #fff;
    background: #d00;
    border-radius: 6px;
    border: 0.5px solid #000;
    text-align: center;
    cursor: pointer;
    transition: 0.3s;
}
.upper {
    text-transform: uppercase;
}
.open-form .title {
    font-family: "Montserrat-SemiBold", sans-serif;
    font-size: 28px;
}

.open-form .text {
    font-family: "Montserrat-Medium", sans-serif;
    font-size: 20px;
}
.open-form .red-btn {
    background-color: #AC2335;
    border-radius: 14px;
    color: white;
    border: unset;
    height: 60px;
    width: 100%;
    cursor: pointer;
    font-size: 16px;
    font-family: "Montserrat-Medium", sans-serif;
    transition: background-color 0.3s ease;

}

.open-form .red-btn:hover {
    background-color: #7C2127;
}
.blue-btn {
    font-family: "Montserrat-Medium", sans-serif;
    font-size: 16px;
}
.open-form .call-time {
    font-family: "Montserrat-Medium", sans-serif;
    font-size: 12px;
    margin-top: 14px;
}

.head-miniblocks {
    position: relative;
    /*margin-top: -80px;*/
    text-align: left;
    /*display: flex;*/
    /*max-width: 970px;*/
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    /*margin-bottom: 20px;*/
    gap: 17px;
    /*flex-wrap: wrap;*/
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
}
.head-miniblocks.main.default:not(.first) {
    /*margin-top: -30px;*/
}

.head-miniblocks .block {
    max-width: 100%;
    width: 100%;
    min-height: 200px;
    box-shadow: 0 2px 30px rgba(16, 16, 86, 0.1);
    border-radius: 10px;
    background: #fff;
    padding: 25px 30px;
    display: inline-block;
    /*margin-right: 20px;*/
    transition: 0.3s;
    text-align: initial;
    transition: background-color 0.3s ease;

}


.head-miniblocks .block:hover {
    .btn-more {
        color: #7C2127;
    }

}
.head-miniblocks.main.default .wrap-background {
    height: 200px;
    position: relative;
}
.background-image {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 10px;
}
.head-miniblocks.main .block .title {
    font-weight: bold;
    font-size: 24px;
    line-height: 29px;
    color: black;
    display: block;
}

.head-miniblocks.main.default .title {
    font-size: 20px;
    line-height: 24px;
    /*background-color: rgba(255, 255, 255, 0.5);*/
    padding: 16px 29px;
    text-transform: unset;
    /*position: absolute;*/
    /*top: 120px;*/
    /*left: 0;*/
    /*right: 0;*/
}
.head-miniblocks.main.default .default-description {
    padding: 0 16px 0 30px;
}
.head-miniblocks.main.default .default-description .red-price{
    color: #AC2335;
}
.head-miniblocks.main .block .description,
.head-miniblocks.main .block .description2 {
    text-align: left;
    margin: 20px 0 0 0;
    font-size: 14px;
    line-height: 25px;
    color: #000;
    padding: 0;
    list-style: none;
}
.head-miniblocks.main.default .description {
    margin-top: 4px;
}
.head-miniblocks.main .block .description2 {
    margin: 0 0 12px 0;
}
.head-miniblocks .btn-more {
    margin: auto 0;
    vertical-align: middle;
    margin-right: 10px;

}


.head-miniblocks.main .block .more {
    text-align: right;
    position: relative;
    /*left: -10px;*/
    padding-top: 12px;
    color: #000;
    font-size: 14px;
    display: flex;
    justify-content: end;
}


.head-miniblocks.main.default .more {
    padding-bottom: 16px;
    padding-right: 15px;
    text-transform: uppercase;
}

.head-miniblocks.main.default .block {
    padding: 0;
    position: relative;
    text-decoration: unset;
}
.head-miniblocks .block:last-of-type {
    margin-right: 0;
    margin-bottom: 0;
}
.cards-cat-menu {
    /*max-width: 1640px;*/
    /*margin: auto;*/
    padding-top: 35px;
    padding-bottom: 35px;

    .price {
        color:#AC2335;
    }
}
.head-miniblocks .wrap-background .plash-info {
    position: absolute;
    width: 190px;
    z-index: 5;
    height: 49px;
    text-align: left;
    text-transform: none;
    margin: 0 0 0 -6px;
}
.head-miniblocks .wrap-background .plash-info-img {
    position: absolute;
    width: 190px;
    z-index: 5;
    height: 60px;
    margin-top: 3px;
    left: -6px;
}
.head-miniblocks .wrap-background .plash-info-text {
    font-size: 10.5px;
    z-index: 6;
    position: absolute;
    padding: 8px;
    margin-top: 11px;
    color: #fff;
}
.head-miniblocks.main.default:last-child {
    margin-bottom: 0;
}
.head-miniblocks.main.default .title .menu {
    display: none;
}
.block-big-map .tabs .tabs-container {
    position: relative;
    font-size: 0;
}
.block-big-map .tabs .tab.is-active {
    background: black;
    border: 1px solid black;
    color: white;
}

.block-big-map .tabs .tab {
    display: inline-flex;
    height: 40px;
    transition: 0.3s;
    background: #F3F3F3;
    border: 1px solid #CFCFCF;
    cursor: pointer;
    border-radius: 24px;
    margin-right: 14px;
    margin-bottom: 15px;
    color: #000;
    font-size: 16px;
    padding-left: 20px;
    padding-right: 20px;
}
.block-big-map .tabs .tab>span {
    margin: auto;
    font-family: "Montserrat-Medium", sans-serif;
}
.block-big-map .wrap-block {
    display: flex;
    grid-gap: 30px;
}
.block-big-map .wrap-block .map {
    order: 1;
    width: 100%;
    background: #e9e9e9;
}
.block-big-map .bottom-info {
    margin-top: 30px;
}
.block-big-map .bottom-info .button {
    display: inline-flex;
    height: 60px;
    padding-left: 50px;
    padding-right: 50px;
    /*background: #fff;*/
    border-radius: 14px;
    border: 1px solid #CCCCCC;
    float: right;
    transition: 0.2s;
    cursor: pointer;
}
.block-big-map .bottom-info .button .text {
    margin: auto;
    font-size: 14px;
    text-transform: unset;
    font-family: "Montserrat-Medium", sans-serif;
}
.block-big-map .bottom-info .salon-title {
    display: inline-block;
    width: 370px;
    padding: 20px 0;
    font-size: 36px;
    font-family: "Montserrat-Medium", sans-serif;
    font-weight: 500;
}
.contact-phones .block:first-of-type {
    border-right: 1px solid #c3c3ea;
}
.contact-phones .block {
    padding: 27px 0 27px 60px;
    width: 50%;
    min-height: 100%;
    position: relative;
}
.contact-phones .title {
    font-size: 16px;
    line-height: 20px;
    color: #000;
    font-weight: bold;
    margin-bottom: 18px;
    display: block;
}
.contact-phones .phones-block {
    display: inline-block;
    padding-right: 30px;
}
.contact-phones .element img {
    max-height: 15px;
    margin-right: 10px;
    vertical-align: text-top;
}
.contact-phones .element a, .contact-phones .element span {
    text-decoration: none;
    font-size: 16px;
    line-height: 24px;
    color: #000;
}
.contact-phones .title {
    font-size: 16px;
    line-height: 20px;
    color: #000;
    font-weight: bold;
    margin-bottom: 18px;
    display: block;
}
.contact-phones .mail-block a {
    text-decoration: underline;
}
.contact-phones .element a, .contact-phones .element span {
    text-decoration: none;
    font-size: 16px;
    line-height: 24px;
    color: #000;
}
.contacts.big-block {
    /*max-width: 1170px;*/
    width: 100%;
    padding-top: 80px;
    margin-bottom: 48px;
    font-family: "Montserrat-Medium", sans-serif;
    font-weight: 500;
}
.contact-list {
    padding-bottom: 30px;
}
.contact-list .wrap-block {
    margin-top: 70px;
}
.contact-list .contact {
    text-align: center;
}
.contact-list .wrap-info {
    display: inline-block;
    max-width: 100%;
    width: 100%;
}
.contact-list .block.wrap-address {
    color: #000;
    position: relative;
}
.contact-list .block {
    /*width: 460px;*/
    /*height: 262px;*/
    margin-right: 26px;
    /*display: inline-block;*/
    vertical-align: top;
    border-radius: 6px;
    overflow: hidden;
    margin-top: 26px;
    text-align: initial;
    position: relative;
}
.contact-list .block h2 {
    font-size: 20px;
    line-height: 24px;
    font-weight: bold;
    color: #000;
}
.contact-list .block p img {
    vertical-align: top;
    margin-top: 6px;
    width: 16px;
}
.contact-list .block p>span, .contact-list .block p>a {
    line-height: 27px;
    /*display: inline-block;*/
    /*margin-left: 15px;*/
}
.contact-list .cont-addr, .contact-list .cont-work-time {
    font-weight: 600;
    font-size: 20px;
    margin-bottom: 12px;
}
.contact-list .block.wrap-address a {
    color: #000;
    text-decoration: unset;
}
.contact-list .block .address {
    width: 50%;
}
.contact-list .block .time {
    padding-bottom: 15px;
    width: 50%;
}
.contact-list .block p img {
    vertical-align: top;
    margin-top: 6px;
    width: 16px;
}
.contact-list .block .time svg, .contact-list .block .time img {
    vertical-align: top;
    margin-top: 6px;
}
.contact-list .block .time>span span {
    display: block;
}

.contact-list .block.img {
    height: 400px;
    font-size: 0;
    line-height: 0;
}

.contact-list .block .main-img {
    position: relative;
    overflow: hidden;
    border-radius: 6px;
    white-space: nowrap;
    max-height: 260px;
}
.contact-list .block.img>* {
    font-size: 16px;
    line-height: 1;
}
.contact-list .block .main-img .slick-arrow {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    height: 100%;
    width: 70px;
    display: flex;
    cursor: pointer;
}
.contact-list .block.img img, .contact-list .block iframe {
    width: 100%;
    height: 100%;
    max-height: 260px;
    border: none;
}
.contact-list .block.img img {
    object-fit: cover;
    height: 260px;
}
.contact-list .block .mini-images {
    height: 95px;
    /*max-width: 600px;*/
    width: 100%;
    padding-top: 10px;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    width: 100%;
    max-width: none;
}
.contact-list .block .mini-images div {
    text-align: center;
}
.contact-list .block .mini-images img {
    width: 120px !important;
    height: 84px !important;
    border-radius: 6px;
    border: 2px solid transparent;
    cursor: pointer;
    display: inline-block;
}
.contact-list .block.img img, .contact-list .block iframe {
    width: 100%;
    height: 100%;
    max-height: 260px;
    border: none;
}
.contact-list .block.img img {
    object-fit: cover;
    height: 260px;
}
.contact-list .block.img>* {
    font-size: 16px;
    line-height: 1;
}

/*слайдер+ мапа в к онтактах*/
/* === New salons design helpers (desktop + mobile) === */
.contact-list .block.map{position:relative;}
.contact-list .map-extra{margin-bottom:16px;}
.contact-list .map-extra__title{font-weight:600;margin:0 0 10px 0;}
.contact-list .route-buttons{display:flex;gap:12px;margin-bottom:14px;}
.contact-list .route-btn{flex:1;display:flex;align-items:center;justify-content:center;height:44px;border-radius:10px;text-decoration:none;font-weight:600;font-size:14px;}
.contact-list .route-btn--gm{background:#E6F6EA;color:#2A7B3F;}
.contact-list .route-btn--waze{background:#E6EAF8;color:#3B56C6;}
.contact-list .map-title{font-weight:600;margin:0 0 10px 0;}
.contact-list .video-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:12px;}
.contact-list .video-card{display:block;border-radius:10px;overflow:hidden;background:#3A3A3A;color:#fff;text-decoration:none;}
.contact-list .video-card__thumb{aspect-ratio:16/9;display:flex;align-items:center;justify-content:center;}
.contact-list .video-card__label{padding:10px 12px;font-size:12px;color:#2B2B2B;background:#fff;}
.contact-list .video-card__play{width:44px;height:44px;border-radius:50%;border:2px solid rgba(255,255,255,.75);position:relative;}
.contact-list .video-card__play:before{content:"";position:absolute;left:18px;top:13px;border-style:solid;border-width:9px 0 9px 14px;border-color:transparent transparent transparent rgba(255,255,255,.85);}

/* Desktop (>=601px): force layout like макет (2 колонки: фото/инфо + карта/маршрут/видео) */
/*@media (min-width:601px){*/
.contact-list .contact{
    display:grid;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr);
    gap:48px;
    align-items:start;
    margin-bottom:64px;
}

/* kill legacy floats from old css */
/*.contact-list .contact .wrap-info,*/
/*.contact-list .contact .wrap-info .block,*/
/*.contact-list .contact .block.map{float:none !important; width:auto !important;}*/

.contact-list .contact .wrap-info{display:block;}
.contact-list .contact .wrap-info .block.wrap-address{margin:0 0 14px 0;}
.contact-list .contact .wrap-info .block.img{
    float: none;
    width: 100%;
    max-width: none;
    min-width: 0;
}

.contact-list .contact .block.map{margin:0;}
.contact-list .contact .block.map iframe{
    width:100%;
    height:450px;
    border:0;
    border-radius:14px;
    /*filter:grayscale(1) saturate(0) contrast(1.05);*/
    background:#f2f2f2;
}
/*}*/

/* Mobile (<=600px): list -> detail on click */
.salons-mobile, .salons-mobile-detail-head{display:none;}
.contact-list .block .main-img {
    position: relative;
    overflow: hidden;
    border-radius: 16px;
    white-space: nowrap;
    max-height: 346px;
    /*width: 600px;*/
    width: 100%;
    max-width: none;
}


.numbers.own-slick-arrow .arrow, .numbers.own-slick-arrow .number {
    margin-top: 5px;
}
.own-slick-arrow .arrow, .own-slick-arrow .number {
    padding: 10px;
    margin: 20px 5px 5px 5px;
    cursor: pointer;
    color: #101051;
    font-size: 14px;
    font-weight: 900;
    display: inline-block;
}
.own-slick-arrow .numbers {
    display: inline-block;
    max-width: calc(100% - 90px);
}
.own-slick-arrow .arrow, .own-slick-arrow .number {
    padding: 10px;
    margin: 20px 5px 5px 5px;
    cursor: pointer;
    color: #101051;
    font-size: 14px;
    font-weight: 900;
    display: inline-block;
}
.numbers.own-slick-arrow .arrow, .numbers.own-slick-arrow .number {
    margin-top: 5px;
}
.own-slick-arrow .number {
    margin: 0;
    font-weight: lighter;
}
/*.contact-list .block.img {*/
/*    height: 380px;*/
/*    font-size: 0;*/
/*    line-height: 0;*/
/*}*/
/*.contact-list .wrap-info .block.img {*/
/*    float: left;*/
/*}*/
.contact-list .block.map {
    /*background: #fbfbfd;*/
    height: 600px;
    margin-right: 0;
}
.contact-list .addr-worktime {
    display: flex;
    gap: 64px;
    margin: 30px 0;
}

.contact-list .address img,
.contact-list .time img{
    display: none;
}

.contact-list .block iframe {
    max-height: unset;
    width: 420px;
}
.block-big-map .wrap-block .salon-select-block {
    width: 520px;
    padding: 10px 4px;
    /*background: #fbfbfd;*/
    position: relative;
}
.contacts-geo-to-me-icon {
    width: 40px;
    height: 40px;
    margin: auto 18px auto 0;
}
.block-big-map .wrap-block .block {
    display: inline-block;
    border-radius: 6px;
    overflow: hidden;
    height: 360px;
}
.block-big-map .wrap-block .salon-select {
    height: 100%;
    overflow-y: auto;
    padding: 20px 6px 14px 0;
    scrollbar-color: #d3d3d3 #fff;
    scrollbar-width: auto;
}
.block-big-map .wrap-block .salon-select span {
    display: block;
    font-size: 16px;
    line-height: 24px;
    padding: 7px 70px 7px 0;
    cursor: pointer;
    transition: 0.1s;
    font-family: "Montserrat-Medium", sans-serif;
}
.block-big-map .wrap-block .salon-select span:hover {
    transition: 0.1s;
    /*background: #F3F3F3;*/
    color: #00000061;
}
.block-big-map .wrap-block .salon-select span:before {
    /*display: inline-block;*/
    /*margin-right: 15px;*/
    /*vertical-align: bottom;*/
    /*content: '\f041';*/
    content: "";
    display: inline-block;
    width: 14px;              /* піджени під іконку */
    height: 18px;
    margin-right: 10px;

    background-image: url("/img-nd/icons/contacts-geo.png");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;

    vertical-align: middle;
}


.blog-search {
    display: flex;
    align-items: center;
    gap: 24px;
    flex-wrap: nowrap;


    .search-fileds {
        display: inline-flex;
    }
    .field {
        display: inline-flex;
        border-radius: 10px;
        /*border: 0.5px solid #e2e2ef;*/
        position: relative;
        margin-right: 10px;
        height: 40px;
        vertical-align: top;
    }
    .field input::placeholder {
        color: #0000004D;
    }
    .field input {
        width: 100%;
        font-size: 14px;
        line-height: 24px;
        margin-top: auto;
        margin-bottom: auto;
        padding-left: 12px;
        padding-right: 12px;
        min-width: 270px;
        background: unset;
        border: 1px solid #DFDFDF;
        height: 40px;
    }

    .field.btn {
        width: 90px;
        min-width: 90px;
        background: #151515;
        cursor: pointer;
        transition: 0.3s;
        padding: 10px 22px;
    }
    .field img {
        margin: auto;
        width: 24px;
        height: 24px;
    }
    .rubrics {
        font-family: "Montserrat-Medium", sans-serif;
        font-size: 14px;
        line-height: 20px;
        display: flex;
        align-items: center;
        gap: 16px;
        flex-wrap: nowrap;
        float: none;
        margin-left: auto;
    }
    .rubrics .rubrics-scroll {
        display: flex;
        align-items: center;
        gap: 10px;
        flex-wrap: nowrap;
    }
    .rubrics .text {
        display: inline-block;
        margin-right: 25px;
        font-family: "Montserrat-Medium", sans-serif;
        flex: 0 0 auto;
        margin: 0;
        white-space: nowrap;

    }
    .rubrics .rubric {
        /*box-shadow: 0 2px 30px rgba(16, 16, 86, 0.1);*/
        border-radius: 24px;
        background: #fff;
        display: inline-block;
        padding: 10px 20px;
        height: 40px;
        cursor: pointer;
        margin-right: 10px;
        font-family: "Montserrat-SemiBold", sans-serif;
        flex: 0 0 auto;
        margin: 0;
        white-space: nowrap;
    }
    .rubrics .rubric.selected {
        background: #151515;
        /*font-weight: bold;*/
        color: white;
    }





}
.block-blog-new {
    .block .image {
        height: 226px;
        max-height: 226px;
        position: relative;
    }
    /*.block:nth-child(6n+1) .image, .block:nth-child(6n+2) .image, .block:nth-child(6n+3) .image , .block:nth-child(6n+4) .image , .block:nth-child(6n+5) .image {*/
    /*    height: 226px;*/
    /*    max-height: 226px;*/
    /*    position: relative;*/
    /*}*/
   /*.block:nth-child(6n+1) {*/
   /*     grid-column: 1 / 3;*/
   /* }*/
   /* .block:nth-child(6n+2) {*/
   /*     grid-column: 3 / 5;*/
   /* }*/
   /* .block:nth-child(6n+3) {*/
   /*     grid-column: 5 / 7;*/
   /* }*/
   /* .block:nth-child(6n+4) {*/
   /*     grid-column: 1 / 3;*/
   /* }*/
   /* .block:nth-child(6n+5) {*/
   /*     grid-column: 3 / 5;*/
   /* }*/
   /* .block:nth-child(6n+6) {*/
   /*     grid-column: 5 / 7;*/
   /* }*/
    /*.block:nth-child(5n+4) {*/
    /*    grid-column: 1 / 4;*/
    /*}*/
    /*.block:nth-child(5n+4), .block:nth-child(5n+5) {*/
    /*    min-height: 270px;*/
    /*    display: flex;*/
    /*}*/
    /*.block:nth-child(5n+5) {*/
    /*    grid-column: 4 / 7;*/
    /*}*/
    .blog-list-new {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        grid-gap: 30px;
        margin-top: 45px;
        margin-bottom: 30px;
    }
    .block {
        box-shadow: 0 2px 30px rgba(16, 16, 86, 0.1);
        border-radius: 10px;
        background: #fff;
        position: relative;
        overflow: hidden;
        transition: 0.3s;
        text-decoration: unset;
    }
    .background-image {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        width: 100%;
        height: 100%;
        object-fit: cover;
        border-radius: 10px 10px 0 0;
    }
    .block img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
    .block .shadow {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 70px;
        /*background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 100%);*/
    }
    .block .rubric {
        background: black;
        overflow: hidden;
        display: inline-block;
        /* position: absolute; */
        /* top: 0; */
        /* left: 0; */
        padding: 10px 23px;
        /* min-width: 138px; */
        border-radius: 25px;
        /* margin-top: 30px;*/
    }
    .block .rubric span {
        color: #fff;
        font-size: 14px;
        line-height: 20px;
        font-family: "Montserrat-Medium", sans-serif;
    }
    .block .sub-info {
        position: absolute;
        bottom: 16px;
        left: 17px;
        right: 15px;
        font-size: 12px;
        line-height: 24px;
        color: black;
    }
    .block .sub-info .views {
        padding-right: 17px;

        span {
            font-family: "Montserrat-Medium", sans-serif;
        }
    }
    .block .sub-info .views img {
        width: 20px;
        height: auto;
        margin-top: 5px;
        margin-right: 5px;
    }
    .block .sub-info .date img {
        width: 14px;
        height: auto;
        margin-top: 5px;
        margin-right: 5px;
    }
    .block .sub-info .stars img {
        width: 22px;
        height: auto;
    }
    .block .sub-info .date {
        float: right;

        span {
            font-family: "Montserrat-Medium", sans-serif;
        }
    }
    .block .sub-info img {
        width: 24px;
        height: 24px;
    }
    .block .description {
        padding: 15px;
        height: fit-content;
        padding-bottom: 67px;
    }
    .block .text {
        font-size: 18px;
        line-height: 24px;
        font-weight: 700;
        margin-bottom: 20px;
        color: black;
        font-family: "Montserrat-Bold", sans-serif;
    }
     .block:nth-child(5n+1), .block:nth-child(5n+2), .block:nth-child(5n+3) {
        min-height: 380px;
    }
    /* .block:nth-child(5n+1) {*/
    /*    grid-column: 1 / 3;*/
    /*}*/
}
    .blog-btn {
        .default-btn.ui.light {
            border: 1px solid #AC2335;
            border-radius: 14px;
            max-width: fit-content;
            font-family: "Montserrat-Medium", sans-serif;
            text-transform: unset;
            font-size: 16px;
        }
    }

.blog-btn {
    text-align: center;
    margin-bottom: 30px;
    padding-left: 20px;
    padding-right: 20px;
}
.default-btn {
    color: #fff;
    background: #d00;
    border-radius: 6px;
    border: 0.5px solid #000;
    text-align: center;
    cursor: pointer;
    transition: 0.3s;
}
.default-btn.ui {
    font-weight: bold;
    font-size: 14px;
    line-height: 17px;
    padding: 10px 30px 13px 30px;
    display: inline-block;
    max-width: 370px;
    width: 100%;
    text-transform: uppercase;
    text-shadow: none;
}
.default-btn.ui.light, .default-btn.ui.light-blue {
    color: #000;
    background: #fff;
    font-weight: 100;
    padding: 16px 30px 15px 30px;
    border: 1px solid #e2e2ef;
}
.own-slick-arrow {
    text-align: center;
}
.numbers.own-slick-arrow .arrow, .numbers.own-slick-arrow .number {
    margin-top: 5px;
}
.own-slick-arrow .arrow, .own-slick-arrow .number {
    padding: 10px;
    margin: 20px 5px 5px 5px;
    cursor: pointer;
    color: #101051;
    font-size: 14px;
    font-weight: 900;
    display: inline-block;
}
.own-slick-arrow .numbers {
    display: inline-block;
    max-width: calc(100% - 90px);
}
.own-slick-arrow .number.selected {
    text-decoration: underline;
}
.blog-title {
    padding-top: 60px;
    margin-bottom: 48px;
    font-family: "Montserrat-Medium", sans-serif;
    font-weight: 500;
}

/* ===== Layout (main + sidebar) ===== */
.form-and-sidebar {
    display: flex;
    gap: 120px;
    align-items: flex-start;
}

.product-main {
    flex: 1;
    min-width: 0; /* важливо, щоб довгі тексти/блоки не розпирали flex */
}

.product-sidebar {
    width: 320px;
    flex: 0 0 320px;
}

/* ===== Sidebar cards (як на скріні) ===== */
.sidebar-cards {
    display: grid;
    gap: 14px;
}

.sidebar-card {
    display: grid;
    grid-template-columns: 36px 1fr;
    gap: 12px;
    align-items: start;
    padding: 16px;
    background: #fff;
    border: 1px solid rgba(0, 0, 0, 0.10);
    border-radius: 12px;
}

.sidebar-card__icon {
    width: 36px;
    height: 36px;
    border-radius: 10px;
    display: grid;
    place-items: center;
}

.sidebar-card__icon svg {
    width: 22px;
    height: 22px;
    fill: none;
    stroke: #111;
    stroke-width: 1.8;
}

.sidebar-card__title {
    font-size: 14px;
    font-weight: 700;
    line-height: 1.2;
    margin-bottom: 4px;
    font-family: "Montserrat-SemiBold", sans-serif;
}

.sidebar-card__text {
    font-size: 12px;
    line-height: 1.35;
    opacity: 0.9;
    font-family: "Montserrat-Medium", sans-serif;
}

.page-text p {
    margin: 0 0 12px;
    line-height: 1.5;
}

.reviews-contact-card__avatar img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}
.sidebar-card__icon {
    width: 36px;
    height: 36px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.sidebar-card__icon img {
    width: 24px;
    height: 24px;
    object-fit: contain;
    display: block;
}





.blog-foot-info {
    margin-top: 25px;
    margin-bottom: 25px;

    .rating {
        display: inline-block;
    }
    .rating .stars {
        margin-right: 12px;
        display: inline-block;
        font-size: 0;
    }
    .rating .stars img {
        width: 24px;
        height: 24px;
        cursor: pointer;
    }
    .rating .text {
        text-decoration: underline;
        font-size: 12px;
        line-height: 24px;
        cursor: pointer;
        vertical-align: bottom;
    }
    .follow-block {
        float: right;
        display: inline-flex;
        height: 24px;
        margin-top: 16px;
    }
    .follow-block .icon, .follow-block .text {
        margin-right: 17px;
        display: inline-block;
        font-size: 14px;
        line-height: 24px;
        color: #000;
    }
    .follow-block .icons span {
        display: inline-block;
        transition: 0.3s;
    }
    .follow-block .icons span img {
        width: 24px;
        height: 24px;
        cursor: pointer;
        margin-right: 12px;
    }

}

.product-page {
    /*padding-top: 80px;*/
}

.main-container.product-page.sidebar-page {
    padding-top: 50px;
}

/*.block-reviews-component + .block-reviews {*/
/*    margin-top: 10px;*/
/*}*/

.block-read-also {
    margin-bottom: 70px;
    /*.default-title, .default-text .default-title {*/
    /*    font-size: 16px;*/
    /*    line-height: 20px;*/
    /*    display: flex;*/
    /*}*/
    .block-blog .block {
        box-shadow: 0 2px 30px rgba(16, 16, 86, 0.1);
        border-radius: 10px;
        background: #fff;
        position: relative;
        overflow: hidden;
        transition: 0.3s;
        margin: 15px;
        display: inline-block;
        max-width: 370px;
        min-height: 380px;
        width: 100%;
        text-decoration: unset;
        padding-bottom: 16px;
        border: 1px solid #E0E0E0;
    }
    .block-blog .block .image {
        height: 226px;
        max-height: 226px;
        position: relative;
    }
    .block-blog .block img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        display: inline-block;
    }
    .block-blog .block .shadow {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 70px;
        background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 100%);
    }
    .block-blog .block .rubric {
        /*background: #2323b5;*/
        overflow: hidden;
        display: inline-block;
        /*position: absolute;*/
        top: 0;
        left: 0;
        /*padding: 7px 22px 9px;*/
        /*min-width: 138px;*/
        /*border-radius: 0 0 10px 0;*/
        color: white;
        background: black;
        border-radius: 67px;
        padding: 10px 23px;
        margin-bottom: 12px;
    }
    .block-blog .block .rubric span {
        color: #fff;
        font-size: 14px;
        line-height: 20px;
    }
    .block-blog .block .sub-info {
        /*position: absolute;*/
        bottom: 16px;
        left: 17px;
        right: 15px;
        font-size: 12px;
        line-height: 24px;
        /*color: #fff;*/
    }
    .block-blog .block .sub-info .views {
        padding-right: 17px;
    }
    .block-blog .block .sub-info img {
        width: auto;
        height: 12px;
        margin-top: 6px;
        margin-right: 8px;
    }
    .block-blog .block .sub-info .date {
        float: right;
    }
    .block-blog .block .description {
        padding: 15px;
        height: 100px;
    }
    .block-blog .block .text {
        font-size: 20px;
        line-height: 24px;
        font-weight: bold;
        min-height: 72px;
        margin-bottom: 40px;
        /*color: #2323b5;*/
    }

}

.block-video {
    background: #e2e2ef;
    padding: 5px;
    text-align: center;
    margin-bottom: 30px;
}
.block-video iframe {
    width: calc(100% - 30px);
    max-width: 47%;
    margin: 15px;
    display: inline-block;
    height: 400px;
    border-radius: 6px;
}

.calendar-section {
    padding: 35px 0;
}
.block-calendar {
    /*max-width: 770px !important;*/
    box-shadow: 0 4px 30px rgba(16, 16, 86, 0.1);
    border-radius: 33px;
    background: #fff;
    min-height: 500px;
    overflow: hidden;
    /*margin-bottom: 35px;*/
    padding: 54px 56px;

    .title.t-mob {
        display: none;
    }

    .wrap-title {
        min-height: 54px;
        font-size: 16px;
        line-height: 20px;
        position: relative;
        display: flex;
    }
    .wrap-title .title-and-icon {
        display: flex;
        width: 100%;
    }
    .wrap-title .icon {
        /*background: #2323b5;*/
        display: flex;
        min-width: 55px;
    }
    .wrap-title .icon img {
        width: 28px;
        margin: auto;
    }
    .wrap-title .title {
        color: #000;
        padding-left: 8px;
        padding-top: 8px;
        padding-right: 10px;
        width: 100%;
    }
    .wrap-title .title .text,
    .wrap-title .title .desc {
        display: block;
        text-transform: unset;
    }

    .calendar-wrap {
        max-width: 1280px;
        margin: auto;
    }

    .wrap-title .month {
        /*background: #2323b5;*/
        color: #AC2335;
        font-weight: bold;
        padding-left: 35px;
        padding-top: 5px;
        min-width: 200px;
        min-height: 50px;
        display: flex;
    }
    .wrap-title .month .wrap-month {
        margin-top: auto;
        margin-bottom: auto;
        width: 100%;
        position: relative;
    }
    .wrap-title .month .action {
        font-weight: bold;
        position: absolute;
        right: 25px;
        top: -2px;
        font-size: 24px;
        cursor: pointer;
    }
    .wrap-block {
        padding: 32px 22px 0;
    }
    .wrap-days {
        overflow: hidden;
        padding-top: 10px;
    }
    .days.next-days {
        left: calc(((13.36% - 35px) / -2) - 100%);
    }
    .days {
        white-space: nowrap;
        position: relative;
        transition: 0.3s;
        left: 0;
    }
    .days .day.hide {
        pointer-events: none;
        color: #ccc;
    }
    .days .day {
        display: inline-flex;
        height: 28px;
        font-size: 14px;
        line-height: 17px;
        padding-left: calc(7.04% - 20px);
        padding-right: calc(7.04% - 20px);
        margin-right: calc(6.32% - 15px);
        color: #000;
        cursor: pointer;
    }
    .days .day span {
        margin: auto;
        width: 55px;
        display: inline-block;
        text-align: center;
    }
    .days .day.selected {
        color: #202020;
        font-weight: bold;
        border-radius: 9px 9px 0 0;
        box-shadow: 0 0 14px rgba(0, 0, 0, 0.11);
        background: #EFECE7;
    }

    .times {
        font-size: 0;
        margin-right: -10px;
        display: flex;
        flex-wrap: wrap;
        padding: 0 0 10px 10px;
        border-radius: 0 0 10px 10px;
        box-shadow: 0 0 14px rgba(0, 0, 0, 0.11);
        background: #EFECE7;
    }

    .times .time {
        font-size: 14px;
        background: #fbfbfd;
        border-radius: 9px;
        display: inline-block;
        width: 170px;
        height: 54px;
        margin-right: 10px;
        margin-top: 15px;
        padding-top: 8px;
        padding-left: 22px;
        flex: 1 150px;
        cursor: pointer;
        transition: 0.3s;

        padding: 0;
        display: inline-flex;
    }

    .times .time .hours {
        display: block;
        font-size: 16px;
        line-height: 20px;
        margin: auto;
    }
   .times .time .free {
        display: block;
        font-size: 14px;
        line-height: 17px;
        color: #808080;
       display: none;
    }
    .times .time .free>span {
        display: none;
    }

    .times .time.hide {
        background: transparent;
        border: none;
        padding-top: 0;
        margin-top: 0;
        max-height: 1px;
    }
    .form {
        max-width: 1420px;
        margin: auto;
        /*padding-left: 8px;*/
        /*padding-right: 8px;*/
    }

    .form .inputs {
        display: flex;
        flex-wrap: wrap;
        /*margin-right: -15px;*/
        margin-top: 40px;
    }
    .form .inputs .btn{
        /*margin-top: 23px;*/
    }
    .form .inputs .action{
        position: relative;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 10px;
        background: #AC2335;
        border-radius: 12px;
        height: 48px;
        width: 25%;
        flex: 1 1 174px;
        overflow: hidden;
        cursor: pointer;
        margin-top: 23px;
        transition: background-color 0.3s ease;
    }
    .form .inputs .action:hover {
        background: #7C2127;
    }

    .form .inputs .action input.submit.btn.default-btn.old.ui {
        position: absolute;
        inset: 0;
        width: 100%;
        height: 100%;
        border: 0;
        margin: 0;
        padding: 0;
        background: transparent;
        color: transparent;
        cursor: pointer;
        z-index: 3;
        appearance: none;
        -webkit-appearance: none;
    }


    .btn-text {
        color: #fff;
        font-size: 16px;
    }

    .form .inputs .action::before {
        /*content: "Заказать замер";*/
        position: relative;
        z-index: 2;
        color: #fff;
        font-size: 16px;
        line-height: 1;
        white-space: nowrap;
    }
    .form .inputs .action .arrow-right-white {
        position: relative;
        z-index: 2;
        width: 26px;
        height: 26px;
        margin: 0;
        pointer-events: none;
    }


    .form .field {
        position: relative;
        display: block;
        width: 25%;
        flex: 1 1 174px;
        margin-right: 35px;
        /*margin-top: 40px;*/
    }
    .form .field .label {
        /*padding-left: 10px;*/
        display: block;
        margin-bottom: 5px;
        font-size: 14px;
        line-height: 17px;
        white-space: nowrap;
        color: #202020;
        font-family: "Montserrat-Medium", sans-serif;
    }
    .form .field input {
        width: 100%;
        height: 50px;
        padding-left: 10px;
        padding-right: 10px;
        border-radius: 12px;
        border: 1px solid #e2e2ef;
        line-height: 40px;
        font-size: 14px;
        background: #ECECEC;
    }
    .form .field.phone input {
        /*padding-left: 40px;*/
    }

   .form .field .icon {
        position: absolute;
        left: 10px;
        bottom: 10px;
        top: auto;
    }
    .form .action input.btn {
        height: auto;
        color: white;
        background: unset;
        border-radius: unset;
        border: unset;
        text-align: center;
        cursor: pointer;
        transition: 0.3s;
        font-size: 16px;
        padding: 0;
        width: fit-content;
        text-transform: unset;
        font-weight: 100;
    }
    .arrow-right-white {
        width: 26px;
        height: 26px;
        margin: auto 0;
        margin-left: 7px;
    }
    .description {
        text-align: left;
        font-size: 14px;
        line-height: 15px;
        max-width: 1420px;
        margin: auto;
        margin-top: 30px;
        font-family: "Montserrat-Medium", sans-serif;
    }
    .description .call-time,
    .description .distance {
        margin-top: 15px;
    }
    .description .highlight {
        /*color: #2323b5;*/
        font-family: "Montserrat-Medium", sans-serif;
    }
    .description .distance {
        line-height: 18px;
    }
    .times .time:hover, .times .time.selected {
        transition: 0.3s;
        background: #9D9D9D;
        color: #fff;
    }


}

.fa-angle-right:before {
    content: "\f105";
}
.fa-angle-left:before {
    content: "\f104";
}
.scale {
    width: 20px;
    height: 20px;
}

.open-form-micro {
    border-radius: 10px;

    .tab-list {
        display: flex;
    }
    .tab {
        /*font-weight: bold;*/
        border-radius: 10px 9px 0 0;
        font-size: 14px;
        line-height: 19.5px;
        /*color: #d40000;*/
        background: #EFECE7;
        padding: 14px 0 12px 0;
        text-align: center;
        width: 50%;
        max-width: 240px;
        cursor: pointer;
        /*border-right: 1px solid #b7b7b7;*/
        /*border-left: 1px solid #b7b7b7;*/
        /*border-top: 1px solid #b7b7b7;*/
        position: relative;
    }
    .tab .scale {
        filter: invert(9%) sepia(98%) saturate(5280%) hue-rotate(11deg) brightness(110%) contrast(122%);
    }
    .tab:last-of-type {
        width: calc(50% + 1px);
        margin-left: -1px;
    }
    .tab:not(.selected) {
        background: #fff;
        color: #5D5C5C;
        padding: 14px 0 11px 0;
        height: 100%;
        font-weight: 600;
    }
    .tab:not(.selected) .scale {
        filter: invert(0%) sepia(96%) saturate(17%) hue-rotate(266deg) brightness(95%) contrast(105%);
    }
    .tab.selected {
        font-weight: 600;
    }
    .body-list {
        padding-top: 30px;
        background: #EFECE7;
        /*border-top-right-radius: 10px;*/
        /*border-bottom-left-radius: 10px;*/
        /*border-bottom-right-radius: 10px;*/
        /*border: 1px solid #b7b7b7;*/
        margin-top: -1px;
        border-bottom-left-radius: 12px;
        border-bottom-right-radius: 12px;
    }
    .wrap-content {
        padding: 32px;
    }
    .body-list .body {
        display: none;
    }
    .body-list .body.selected {
        display: block;
    }
    .form {
        display: flex;
        margin-bottom: 20px;
    }
    .field {
        margin-right: 26px;
        position: relative;
        height: 40px;
        display: block;
        width: 50%;
    }
    .field input {
        width: 100%;
        height: 100%;
        padding-left: 10px;
        padding-right: 10px;
        border-radius: 6px;
        border: 1px solid #e2e2ef;
        font-size: 14px;
    }
    .field.phone input {
        padding-left: 40px;
        height: 52px;
        border-radius: 12px;
    }
    .field .icon {
        display: inline-block;
        position: absolute;
        left: 10px;
        top: 10px;
    }
    .field.button {
        border: none;
        margin-right: 0;
        position: relative;
        height: 40px;
        display: block;
        width: 50%;
    }
   .field.button input {
        background: #d00;
        width: 100%;
        height: 100%;
        padding-left: 10px;
        padding-right: 10px;
        border-radius: 6px;
        border: 1px solid #e2e2ef;
        font-size: 14px;
    }
    .wrap-content .distance {
        font-size: 12px;
        line-height: 15px;
        color: #101051;
    }
    .wrap-content .distance a {
        color: #101051;
        text-decoration: underline;
        display: none;
    }
    .calculator {
        margin-left: 15px;
        margin-right: 15px;
        font-size: 12px;
        line-height: 15px;
        color: #000;
    }
    .body-list .body {
        display: none;
    }
    .calculator .video-help {
        display: flex;
    }
    .calculator .video-help .block:first-of-type {
        border-right: 1px solid #e0e0e0;
    }
    .calculator .video-help .block {
        padding: 15px 80px 15px 20px;
        /*display: flex;*/
        width: 100%;
        position: relative;
    }
    .calculator .video-help .left {
        display: flex;
    }

    .calculator .video-help .block .icon {
        margin-right: 10px;
        /*width: 20px;*/
        padding: 0;
    }
    .calculator .video-help .block>* {
        margin-top: auto;
        margin-bottom: auto;
    }
    .calculator .video-help .block .text {
        font-size: 12px;
        line-height: 15px;
        vertical-align: top;
    }
    .calculator .video-help .block:first-of-type .right {
        right: 10px;

    }
    .calculator .video-help .block .right {
        /*width: 70px;*/
        /*position: absolute;*/
        top: 0;
        bottom: 0;
        right: 0;
        display: flex;
        margin-top: 10px;
    }
    .calculator .video-help .block .right span {
        display: inline-flex;
        cursor: pointer;
        width: fit-content;
        border-radius: 6px;
        transition: 0.3s;
        height: 35px;
        /*margin: auto;*/
        margin-right: 20px;
    }
    .calculator .video-help .block .right img {
        width: 20px;
        margin: auto;
    }
    .calculator .video-help .block:last-child {
        padding-left: 20px;
    }
    .calculator .video-help .block .icon-house {
        margin-right: 10px;
        width: 20px;
    }
    .calculator hr {
        border: none;
        border-bottom: 1px solid #c4c4c4;
        margin-top: 3px;
    }
     .calculator .cloth-list {
        margin: 0;
        padding: 0;
    }
    .calculator .cloth-list .cloth .wrap-cloth {
        padding-top: 5px;
        padding-bottom: 5px;
    }
    .calculator .cloth-list .cloth .cloth-info {
        padding-top: 12px;
        padding-bottom: 15px;
        display: flex;
        color: #263238;
    }
    .calculator .cloth-list .cloth .cloth-info .block:first-of-type {
        margin-right: 10px;
        margin-bottom: 15px;
    }
    .calculator .cloth-list .cloth .cloth-info .block {
        width: 50%;
    }
    .calculator .cloth-list .cloth .cloth-info .block>.title:not(.light) {
        font-size: 13px;
        font-weight: bold;
        line-height: 24px;
        display: inline-block;
        padding-bottom: 15px;
    }

    .calculator .cloth-list .cloth .cloth-info .block label,
    .calculator .cloth-list .cloth .cloth-info .block .block-wrap {
        display: inline-block;
        width: 100%;
    }
    .calculator .cloth-list .cloth .cloth-info .block .block-wrap {
        display: flex;
    }
    .calculator .cloth-list .cloth .cloth-info .img {
        width: 85px;
        height: 85px;
        margin-right: 17px;
        margin-left: 2px;
        padding: 2.5px;
        border-radius: 5px;
        background: #fff;
    }
    .calculator .cloth-list .cloth .cloth-info .img img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
    .calculator .cloth-list .cloth .cloth-info .info {
        line-height: 12px;
        margin-top: 8px;
    }
    .calculator .cloth-list .cloth .cloth-info .info>span {
        margin-top: 6px;
        display: block;
    }
    .calculator .cloth-list .cloth .cloth-info .info .link-btn {
        margin-top: 15px;
        display: inline-block;
    }
    .calculator .cloth-list .cloth .size {
        display: flex;
        justify-content: space-between;
    }
    .calculator .cloth-list .cloth .size .wrap-field:first-of-type {
        margin-right: 0px;
    }
    .calculator .cloth-list .cloth .size .wrap-field {
        width: 32%;
    }
    .simple-select {
        border: 1px solid #e2e2ef;
        max-width: max-content;
        position: absolute;
        user-select: none;
        border-radius: 6px;
        background: white;
        z-index: 10;
        min-width: 100%;
        font-size: 14px;
        color: #979797;
    }

    .simple-select .title {
        position: relative;
        padding: 11px;
        height: 39px;
        padding-right: 40px;
        cursor: pointer;
        width: 100%;
        color: #979797;
    }
    .calculator .cloth-list .cloth .cloth-info .block .title.light,
    .calculator .cloth-list .cloth .size .wrap-field .title {
        font-size: 14px;
        line-height: 17px;
        color: #979797;
        padding-bottom: 12px;
        display: inline-block;
    }

    .simple-select .arrow {
        position: absolute;
        right: 10px;
        top: 0;
        bottom: 0;
        width: 20px;
        display: flex;
    }
    .simple-select .arrow:before {
        content: '';
        display: inline-block;
        border: 1px solid black;
        margin: auto;
        width: 8px;
        height: 8px;
        transform: rotate(45deg);
        border-top: none;
        border-left: none;
        transition: .2s;
    }
    .simple-select .options {
        border-top: 1px solid #e2e2ef;
        max-height: 320px;
        overflow-y: auto;
    }
    .simple-select .option {
        cursor: pointer;
    }
    .simple-select .option {
        padding: 10px;
    }
    .simple-select .option .price {
        float: right;
        font-size: 12px;
    }
    .calculator .cloth-list .cloth .field {
        border-radius: 6px;
        border: 1px solid #e2e2ef;
        overflow: hidden;
        width: 100%;
    }
    .field {
        margin-right: 26px;
        position: relative;
        height: 40px;
        display: block;
        width: 50%;
    }
    .units {
        position: absolute;
        top: 10px;
        right: 10px;
        font-size: 14px;
        line-height: 17px;
        color: #979797;
        transition: 0.2s;
    }
    .calculator .cloth-list .cloth .field input.new,
    .calculator .cloth-list .cloth .field select.new {
        line-height: 40px;
        padding-top: 0;
    }
    .calculator .link-btn {
        color: #d40000;
        text-decoration: underline;
        cursor: pointer;
    }
    .calculator .result-info .calculated-price {
        margin-top: 25px;
        margin-bottom: 25px;
        display: flex;
        font-size: 14px;
        line-height: 17px;
    }
    .calculator .result-info .calculated-price .price {
        padding-top: 5px;
        padding-bottom: 5px;
        margin-right: 10px;
        display: flex;
    }
    .calculator .result-info .calculated-price>div {
        width: 50%;
    }
    .calculator .result-info .calculated-price .price span {
        margin-top: 7px;
        margin-bottom: auto;
    }
    .calculator .result-info .calculated-price>div:last-of-type {
        margin-right: 0;
    }
    .calculator .result-info .calculated-price>div {
        width: 50%;
    }
    .calculator .result-info .calculated-price .calculate input {
        background: transparent;
        color: #d40000;
        font-weight: bold;
        text-shadow: none;
    }
    .calculator .result-info .error-message {
        display: none;
        color: #f00;
        font-size: 14px;
        line-height: 15px;
        margin-top: 5px;
        padding-top: 5px;
        padding-bottom: 5px;
        margin-right: 10px;
    }
    .calculator .description {
        margin-bottom: 25px;
        font-size: 14px;
    }
    .calculator .form {
        margin-bottom: 10px;
    }
    .form {
        display: flex;
        /*margin-bottom: 20px;*/
        gap: 20px;
        align-items: stretch;
    }
    .field {
        margin-right: 26px;
        position: relative;
        height: 40px;
        display: block;
        width: 50%;
    }
    .field input {
        width: 100%;
        height: 100%;
        padding-left: 10px;
        padding-right: 10px;
        border-radius: 6px;
        border: 1px solid #e2e2ef;
        font-size: 14px;
    }
     .field.button {
        border: none;
         position: relative;
         display: flex;
         align-items: center;
         justify-content: center;
         width: 50%;
         height: 50px;
         background: #AC2335;
         border-radius: 12px;
         margin-right: 0;
         overflow: hidden;
         cursor: pointer;
    }
    .field.button input {
        font-weight: bold;
        background: unset;
        border: unset;
        /*width: fit-content;*/
    }
    .field input {
        width: 100%;
        height: 100%;
        padding-left: 10px;
        padding-right: 10px;
        border-radius: 6px;
        border: 1px solid #e2e2ef;
        font-size: 14px;
    }

    .field.button:hover {
        background: #7C2127;

    }
    .field.button {
        position: relative;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 10px;
        width: 50%;
        height: 50px;
        background: #AC2335;
        border-radius: 12px;
        overflow: hidden;
        cursor: pointer;
        transition: background-color 0.3s ease;
    }
    .btn__icon {
        height: 26px;
        margin: auto 0;
    }
    .field.phone {
        width: 50%;
    }

    .field.button input.order.default-btn.zamer-order {
        position: absolute;
        inset: 0;
        width: 100%;
        height: 100%;
        border: 0;
        background: transparent;
        color: transparent; /* ховаємо рідний текст input */
        cursor: pointer;
        z-index: 3;
        padding: 0;
        margin: 0;
    }
    .field.button::before {
        position: relative;
        z-index: 2;
        color: #fff;
        font-size: 14px;
        font-weight: 700;
        line-height: 1;
    }

    .field.button .btn__icon {
        position: relative;
        z-index: 2;
        width: 26px;
        height: 26px;
        pointer-events: none;
        right: auto;
        top: auto;
        transform: none;
    }







}

#open-form-micro-popup {
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.6);
    display: flex;
    padding: 15px;
    overflow-y: auto;
    z-index: 99999999;

    .popup.cloth-add {
        padding-bottom: 30px;
    }

    .popup {
        margin: auto;
        max-width: 720px;
        min-width: 340px;
        overflow: hidden;
        border-radius: 10px;
        padding: 15px 10px 40px 10px;
        color: #000;
        background: #fff;
        position: relative;
    }
    .popup .close-btn {
        position: absolute;
        right: 6px;
        top: 4px;
        font-size: 20px;
        padding: 10px;
        cursor: pointer;
    }
    .popup .title {
        font-weight: bold;
        font-size: 14px;
        line-height: 18px;
        margin-bottom: 12px;
    }
    .popup .cloth-list {
        margin: 0;
        padding-top: 15px;
        padding-bottom: 15px;
    }
    .popup .more-price {
        position: relative;
    }
    .more-price {
        display: block;
        color: #000;
        box-shadow: 0 2px 10px rgba(16, 16, 86, 0.1);
        border-radius: 10px;
        background: #fff;
        margin-top: 10px;
        padding: 11px 30px;
        font-size: 20px;
        line-height: 17px;
        cursor: pointer;
        transition: 0.2s;
        text-transform: unset;
        font-family: "Montserrat-Medium", sans-serif;
    }
    .default-text .cloth-list .more-price {
        color: #000;
    }
    .popup .more-price .arrow {
        position: absolute;
        right: 15px;
        top: 12px;
    }
    .fa-angle-down:before {
        content: "\f107";
    }
    .popup .more-price .arrow.fa-angle-up {
        display: none;
    }
    .popup .more-price .arrow {
        position: absolute;
        right: 15px;
        top: 12px;
    }
    .half-block {
        width: 100%;
    }
    .cloth-list .half-block {
        height: 190px;
    }
    .popup .action {
        display: flex;
    }
    .popup .action .field {
        margin-right: 10px;
        position: relative;
        height: 40px;
        display: block;
        width: 50%;
    }
    .popup .action .field input {
        width: 100%;
        height: 100%;
        padding-left: 10px;
        padding-right: 10px;
        border-radius: 6px;
        line-height: 40px;
        font-size: 14px;
        background: #AC2335;
        font-weight: bold;
        border: none;
    }
    .popup .action .field.reset input {
        border: 2px solid #AC2335;
        background: transparent;
        color: #AC2335;
        font-weight: bold;
    }
    .popup .action .field {
        margin-right: 10px;
        position: relative;
        height: 40px;
        display: block;
        width: 50%;
    }
    .popup .action .field:last-of-type {
        margin-right: 0;
    }
    .popup .title {
        font-weight: bold;
        font-size: 14px;
        line-height: 18px;
        margin-bottom: 12px;
    }
    .popup .block-cloth .group>div.selected {
        border-color: #2323b5;
    }





}

.block-cloth {
    border: 1px solid #e2e2ef;
    border-radius: 6px;
    white-space: nowrap;
    padding: 12px 12px 3px 12px;
    font-size: 12px;
    line-height: 24px;
    color: rgba(0, 0, 0, 0.5);
    margin-top: 10px;
}
.block-cloth .wrap-content {
    overflow: hidden;
}
.block-cloth .wrap-content .content {
    display: inline-block;
    width: max-content;
    padding: 0;
    max-width: unset;
}
.block-cloth .wrap-content .content .group {
    display: inline-block;
    height: 145px;
    position: relative;
    padding-top: 30px;
}
.block-cloth .wrap-content .content .group .title {
    padding-left: 3px;
    position: absolute;
    font-weight: bold;
    top: 0;
}
.block-cloth .wrap-content .content>div:not(.group),
.block-cloth .wrap-content .content .group>div:not(.title) {
    display: inline-block;
    border: 1px solid #e2e2ef;
    border-radius: 5px;
    padding: 2px;
    margin-right: 5px;
}
.block-cloth a, .default-text .block-cloth a {
    margin: 0;
    float: none;
    color: inherit;
}
.default-text a:not(.default-btn) {
    color: #2323b5;
}
.block-cloth img {
    width: 83px;
    height: 83px;
    object-fit: cover;
}
.block-cloth input[type=range] {
    height: 10px;
    -webkit-appearance: none;
    margin: 10px 0 0 0;
    width: 100%;
}



@media (min-width: 440px) {
    .open-form-micro .field.phone input {
        padding-left: 13px;
    }
    .open-form-micro .field .icon {
        display: inline-block;
        position: absolute;
        left: 10px;
        top: 10px;
    }
}

#full-popup{
    z-index: 99999999;
    display: none;
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    padding: 10px;
    overflow-y: auto;
    overflow-x: hidden;
    background: rgba(0, 0, 0, 0.8);
        &.show {
            display: flex !important;
         }

        &.show>* {
            margin: auto !important;
        }

    .popup-order {
        max-width: 568px;
        width: 100%;
        background: #fff;
        border-radius: 10px;
        padding: 25px 15px;
        text-align: center;
    }
    .block-close-btn {
        position: relative;
        overflow: hidden !important;
        min-width: 50px;
        min-height: 50px;
    }
    .wrap-content {
        /*max-width: 370px;*/
        width: 100%;
        display: inline-block;
        text-align: initial;
    }
    .title {
        font-weight: bold;
        font-size: 16px;
        line-height: 30px;
    }
    .field {
        display: block;
        margin-top: 30px;
    }
    .field .title, .field .message, .action .message {
        font-size: 14px;
        line-height: 17px;
        display: block;
        padding-left: 10px;
        font-weight: normal;
        padding-bottom: 5px;
        transition: 0.3s;
    }
    .field input {
        display: block;
        width: 100%;
        border: 0.5px solid #e2e2ef;
        box-sizing: border-box;
        border-radius: 6px;
        font-size: 15px;
        line-height: 37px;
        padding: 0 10px;
        font-weight: normal;
        transition: 0.3s;
    }
    .default-btn{
        background: #AC2335;
    }
    .field .message, .action .message {
        color: #AC2335;
        padding-bottom: 0;
        padding-top: 3px;
        display: none;
    }
    .action {
        margin-top: 30px;
        cursor: initial;
    }
    .action input {
        display: inline-block;
        width: 270px;
        line-height: 37px;
        font-size: 14px;
        border: none;
        font-weight: bold;
    }
    .field .title, .field .message, .action .message {
        font-size: 14px;
        line-height: 17px;
        display: block;
        padding-left: 10px;
        font-weight: normal;
        padding-bottom: 5px;
        transition: 0.3s;
    }
    .wrap-note {
        padding-top: 15px;
        font-size: 12px;
        line-height: 15px;
    }
    .close-btn {
        position: absolute;
        right: 0;
        top: 0;
        width: 58px;
        height: 52px;
        padding: 15px 20px;
        font-size: 30px;
        font-weight: bold;
        line-height: 1.1ch;
        background: transparent;
        text-align: center;
        color: #000;
        transition: 0.3s;
    }
    .close-btn:after {
        content: '×';
    }


}
.delivery-popups .popup {
    display: none;
    margin: auto;
    max-width: 1000px;
    width: 100%;
    background: #fff;
    border-radius: 10px;
    min-height: 200px;
    padding: 30px;
    position: relative;
    overflow: hidden;
    padding-bottom: 0;
}
.delivery-popups .popup .title {
    display: inline-block;
    padding: 4px 8px;
    margin-bottom: 22px;
    font-size: 30px;
    line-height: 30px;
    font-weight: 600;
}
.delivery-popups .popup .types .inline-block:last-of-type {
    margin-bottom: 30px;
}
.delivery-popups .popup .types .inline-block {
    height: 80px;
    background: #f0f0fb;
    border-radius: 6px;
    overflow: hidden;
    display: flex;
    transition: 0.3s;
    margin-top: 15px;
    margin-bottom: 15px;
    cursor: pointer;
    color: #000;
}
.delivery-popups .popup .types .inline-block img {
    margin: auto 15px;
    height: 100%;
}
.delivery-popups .popup .types .inline-block>* {
    margin-top: auto;
    margin-bottom: auto;
}
.delivery-popups .popup .types .inline-block span {
    font-size: 16px;
    line-height: 30px;
    font-weight: bold;
}
.delivery-popups .popup .types .inline-block>* {
    margin-top: auto;
    margin-bottom: auto;
}
.delivery-popups .popup .close-btn {
    position: absolute;
    right: 0px;
    top: 0px;
    width: 52px;
    height: 52px;
    font-size: 30px;
    text-align: center;
    color: rgb(0, 0, 0);
    cursor: pointer;
    padding: 12px;
    background: transparent;
    transition: 0.3s;
    border-radius: 0px 0px 0px 50%;
}
.delivery-popups .popup .close-btn::after {
    content: "×";
    display: block;
    margin-top: 4px;
}
.delivery-popups .popup.video .wrap-videos {
    position: relative;
    padding-top: 55.9%;
}
.delivery-popups .popup.video .videos {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
}
.delivery-popups .popup.video .types {
    display: flex;
    grid-gap: 12px;
    flex-wrap: wrap;
    margin-top: 15px;
    margin-bottom: 15px;
}
.delivery-popups .popup.video .types .inline-block {
    flex: 1 200px;
    width: 100%;
    padding-right: 10px;
    margin: 0;
    color: #000;
}
.delivery-popups .popup .types .inline-block {
    height: 80px;
    background: #f0f0fb;
    border-radius: 6px;
    overflow: hidden;
    display: flex;
    transition: 0.3s;
    margin-top: 15px;
    margin-bottom: 15px;
    cursor: pointer;
    color: #000;
}
.delivery-popups .popup .types .inline-block span {
    font-size: 16px;
    line-height: 30px;
    font-weight: bold;
}
.delivery-popups .popup .types .inline-block>* {
    margin-top: auto;
    margin-bottom: auto;
}
.delivery-popups .popup.video .slick-track, .delivery-popups .popup.video .slick-list {
    height: 100%;
}
.delivery-popups .popup.video iframe {
    border: none;
    height: 100%;
    width: 100%;
}
.delivery-popups .popup.video .types {
    display: flex;
    grid-gap: 12px;
    flex-wrap: wrap;
    margin-top: 15px;
    margin-bottom: 15px;
}


.more-price {
    display: block;
    color: #000;
    /*box-shadow: 0 2px 10px rgba(16, 16, 86, 0.1);*/
    border-radius: 10px;
    background: #fff;
    margin-top: 10px;
    padding: 11px 0;
    font-size: 14px;
    line-height: 17px;
    cursor: pointer;
    transition: 0.2s;
}
.half-block {
    width: 100%;
}

.price-table{
    margin: 0;
    border-spacing: 0;
    border-collapse: collapse;

    &.small {
        font-size: 12px;
        line-height: 14px;
        min-width: 100%;
    }
    thead td {
        background: #f0f0fb;
        padding-top: 10px;
        padding-bottom: 10px;
    }
    tbody tr {
        background: #fefefe;
        transition: 0.15s;
        position: relative;
    }
    tbody td {
        padding-top: 6px;
        padding-bottom: 7px;
        font-family: "Montserrat-Medium", sans-serif;
    }

}
.price-table thead td {
    background: #f0f0fb;
    padding-top: 10px;
    padding-bottom: 10px;
}
.small.price-table td:first-of-type {
    padding-left: 13px;
    padding-right: 13px;
}
.price-table thead td:first-of-type {
    border-radius: 10px 0 0 0;
    padding-top: 10px;
    padding-bottom: 10px;
}
.price-table thead td:last-of-type {
    border-radius: 0 10px 0 0;
    padding-top: 10px;
    padding-bottom: 10px;
}
.prices-block{
    padding: 35px 0;

    .half-block {
        display: block;
        border: 1px solid #D2D2D2;
        border-radius: 24px;
        margin-top: 10px;
        padding: 10px;
    }
}

.block-linking {
    position: relative;
    padding-top: 35px;
    padding-bottom: 35px;

    .title {
        font-size: 16px;
        line-height: 20px;
    }
    .slides-content {
        margin-top: 30px;
        overflow: hidden;
        position: relative;
    }
    div.slide {
        height: 180px;
    }
    div.slide .slide-content {
        width: 230px;
    }
    div.slide .slide-content .img {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        object-fit: cover;
        transition: 0.3s;
    }
    div.slide .slide-content {
        display: inline-block;
        width: 300px;
        height: 100%;
        position: relative;
        overflow: hidden;
        border-radius: 10px;
        text-align: initial;
    }
    div.slide .title {
        position: absolute;
        background: rgba(255, 255, 255, 0.5);
        left: 0;
        bottom: 0;
        height: 80px;
        width: 100%;
        padding: 16px;
    }
     div.slide .title span {
        font-size: 16px;
        line-height: 20px;
    }
    .own-slick-arrow {
        text-align: center;
    }
    .own-slick-arrow .arrow, .own-slick-arrow .number {
        padding: 10px;
        margin: 20px 5px 5px 5px;
        cursor: pointer;
        color: #101051;
        font-size: 14px;
        font-weight: 900;
        display: inline-block;
    }
    .fa-angle-left:before {
        content: "\f104";
    }
    .fa-angle-right:before {
        content: "\f105";
    }

}


.product-plus {
    box-shadow: 0 2px 10px rgba(16, 16, 86, 0.1);
    border-radius: 10px;
    background: #fff;
    margin-bottom: 30px;
    padding: 20px 30px;

    .product-plus .title {
        font-size: 16px;
        line-height: 20px;
    }

    &.ulichnyye ul {
        margin-bottom: 30px;
    }

    ul {
        margin: 0;
        margin-top: 15px;
        padding: 0;
        text-align: center;
    }
    li {
        list-style-type: none;
        display: inline-block;
        width: 24%;
        vertical-align: top;
        margin-top: 15px;
        text-align: center;
    }
    &.ulichnyye ul li:before {
        content: '';
    }
    li img {
        height: 35px;
        display: inline-block;
    }
    &.ulichnyye li img {
        height: 75px;
    }
    &.ulichnyye .text {
        text-transform: uppercase;
    }
    li .text {
        display: block;
        margin-top: 15px;
        position: relative;
        font-size: 14px;
        line-height: 24px;
    }
}

.our-work-min {
    position: relative;
    margin-bottom: 30px;

    .title {
        font-size: 16px;
        line-height: 20px;
    }
    .blok_4 {
        margin-top: 30px;
        max-height: 180px;
        overflow: hidden;
        position: relative;
    }
    div.slide {
        width: 270px;
        height: 180px;
        text-align: center;
    }
    div.slide a {
        padding: 0;
        margin: 0;
        float: none;
    }
}

a.fancybox>span:not(.splide__spinner) {
    line-height: 0;
    display: none;
    background-repeat: no-repeat;
    position: absolute;
    left: 50%;
    top: 50%;
    color: black;
    font-size: 30px;
    margin-top: -15px;
    margin-left: -14px;
    width: 30px;
}

.header-subcontent-section {
    padding-top: 70px;

    .header-subcontent {
        box-shadow: 0 2px 20px rgba(16, 16, 86, 0.1);
        border-radius: 10px;
        background: #fff;
        display: flex;
        overflow: hidden;
        margin-top: 18px;
        min-height: 60px;

        .img {
            background: #d40000;
            display: inline-flex;
            min-width: 70px;
        }
        .img img {
            margin: auto;
        }
        .wrap-block {
            display: flex;
            padding: 10px 15px 10px 20px;
        }
        .text {
            display: inline-block;
            font-size: 16px;
            line-height: 18px;
            margin: auto 0;
            width: 40%;
            padding: 5px;
        }
    }
}

.head-miniblocks.delivery-instruction {
    position: relative;
    /*margin-top: -80px;*/
    text-align: left;
    /*display: flex;*/
    max-width: 1920px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 35px;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 48px;
    /*grid-gap: 30px;*/

     .block {
        min-height: 200px;
        box-shadow: 0 2px 30px rgba(16, 16, 86, 0.1);
        background: #fff;
        display: inline-block;
        transition: 0.3s;
        text-align: initial;
        max-width: 470px;
        width: 100%;
        margin-right: 0;
        padding: 0;
        overflow: hidden;
        position: relative;
        margin-bottom: 0;
         text-decoration: unset;
         border-radius: 20px;
         border: 1px solid #cccbc8;
    }
     .block .wrap-background {
        height: 200px;
        overflow: hidden;
        position: relative;
    }
    .background-image {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        width: 100%;
        height: 100%;
        object-fit: cover;
        border-radius: 10px;
    }
     .block .title {
        font-weight: bold;
        /*color: #2323b5;*/
        display: flex;
        height: 80px;
        font-size: 24px;
        line-height: 24px;
        background-color: rgba(255, 255, 255, 0.5);
        /*padding: 0 29px;*/
        /*position: absolute;*/
        /*top: 120px;*/
        /*left: 0;*/
        /*right: 0;*/
    }
     .block .title span {
        margin-top: auto;
        margin-bottom: auto;
         font-weight: 700;
         font-family: "Montserrat-Bold", sans-serif;
    }
     .block .content {
        margin: 20px 50px;
        border-radius: 10px;
        background: unset;
        /*color: #2323b5;*/
        overflow: hidden;
         max-width: unset;
         padding: unset;
    }
     .block .content .inline-block {
        /*height: 52px;*/
        /*border-bottom: 1px solid rgba(35, 35, 181, 0.1);*/
        padding: 4px;
        display: flex;
        position: relative;
    }
     .block .content .inline-block.wrap-title {
        padding: 15px 8px;
    }
     .block .content .inline-block.wrap-title .icon {
        margin-right: 20px;
    }
     .block .content .inline-block>* {
        margin-top: auto;
        margin-bottom: auto;
    }
     .block .content .inline-block.wrap-title .text {
        font-size: 14px;
        line-height: 17px;
    }
     .block .content .inline-block.wrap-title .right {
        position: absolute;
        top: 0;
        bottom: 0;
        right: 15px;
    }
     .block .content .inline-block.buttons .button {
        height: 40px;
        width: 200px;
        border-radius: 10px;
        border: 1px solid #2323b5;
        text-align: left;
        overflow: hidden;
        padding: 0 5px;
    }
     .block .content .inline-block.buttons .button .wrap-block {
        margin-top: auto;
        margin-bottom: auto;
        display: inline-flex;
        height: 100%;
    }
     .block .content .inline-block.buttons .button .wrap-block .icon {
        margin-right: 8px;
        margin-top: auto;
        margin-bottom: auto;
        width: 25px;
        height: 25px;
    }
     .block .content .inline-block.buttons .button .wrap-block .text {
        font-size: 14px;
        line-height: 18px;
        margin-top: auto;
        margin-bottom: auto;
    }
     .block .content .inline-block.wrap-title {
        padding: 15px 8px;
    }
     .block .content .inline-block.wrap-title .icon {
        margin-right: 20px;
    }
     .block .wrap-background {
        height: 200px;
        overflow: hidden;
        position: relative;
    }
    .cards-block {
        display: flex;
        width: 100%;
        gap: 24px;
        /*padding: 0 29px;*/
    }
    .cards-block1,
    .cards-block2 {
        width: 50%;
    }
    .buttons {
        .button {
            margin: 10px 0;
            width: fit-content;
            text-decoration: underline;
        }
    }
    .btn-block-bottom{
        padding: 16px 0;

        a {
            text-decoration: unset;
        }
    }
    .wrap-block {
        cursor: pointer;
    }









}

.content.product .delivery-instruction .icon{
     padding: unset;
}

.popup.video .slick-arrow {
    position: absolute;
    z-index: 1;
    top: 45%;
    left: 0;
    height: calc(100% - 50px);
    width: 70px;
    display: flex;
    cursor: pointer;
}
.delivery-popups .popup.video .slick-arrow.right {
    left: auto;
    right: 0;
}

.certificates-page {
    padding-top: 80px;

    .photos-list {
        margin-bottom: 20px;
        margin-left: auto;
        margin-right: auto;

        div {
            margin-top: 5px;
            display: inline-block;
        }
        a.fancybox {
            position: relative;
            float: left;
            margin: 0 5px 15px 5px;
            display: inline-block;
            transition: all 0.1s linear;
        }
    }

    .carousel.small img {
        width: 186px;
    }
    .carousel.small a.fancybox {
        margin-left: 3px;
        margin-right: 3px;
        margin-bottom: 0;
        float: none;
    }
}

.vak-robota-ua {
    padding: 35px 0;
}

.vac-req-content {
    padding-top: 80px;
}
.text-zgoda-dannuh{
    padding-top: 80px;
    padding-bottom: 35px;
}
.vacancies_table {
    td {
        border: 1px solid red;
    }
}

.block-achievements-vak {
    background: #EFECE7;
    padding: 20px;
    border-radius: 19px;
    margin-bottom: 30px;

    .background-wrap {
        margin: auto;
        text-align: center;
    }
    .title {
        font-family: "Montserrat-Medium", sans-serif;
        font-size: 24px;
    }
    .sub-title {
        font-size: 16px;

        a {
            font-family: "Montserrat-Medium", sans-serif;
            color: #3D3D3D;
        }
        .mail-p-vak {
            margin-top: 24px;
            margin-bottom: 14px;
        }

        .mail-ic-vak {
            height: 20px;
            margin-right: 12px;
        }
        .phone-ic-vak {
            height: 24px;
            margin-right: 12px;
        }
    }


}

.short-text-page {
    padding: 35px 0;
}

.dostavka-po-uk-new {

    .block-delivery-text {
        max-width: 1080px;
        margin-left: auto;
        margin-right: auto;

        .blocks {
            display: flex;
            gap: 30px;

            .block {
                width: 50%;

                .half-block {
                    width: 100%;
                    padding: 0 15px 20px 0;
                }

                .default-text {
                    font-size: 14px;
                    line-height: 24px;
                }

                .default-ui .more-block:after {
                    content: '';
                    display: block;
                    position: absolute;
                    right: 0;
                    top: 14px;
                    width: 20px;
                    height: 20px;
                    background-repeat: no-repeat;
                    background-position: center;
                    background-size: cover;
                }

                .title img {
                    width: 20px;
                    margin-right: 15px;
                }

                .default-ui .more-block:before {
                    content: '';
                    display: block;
                    position: absolute;
                    margin-left: -50px;
                    top: 14px;
                    width: 20px;
                    height: 20px;
                    background-repeat: no-repeat;
                    background-position: center;
                }

                .default-ui .more-block {
                    font-size: 14px;
                    line-height: 17px;
                    cursor: pointer;
                    font-weight: bold;
                    padding: 16px 25px 17px 50px;
                    position: relative;
                }

                .title {
                    padding-left: 0;
                    font-size: 16px;
                    line-height: 24px;
                    font-weight: normal;
                }

                .default-ui:first-of-type {
                    margin-top: 0;
                }
                .default-ui {
                    padding-left: 25px;
                }

                .default-ui {
                    box-shadow: 0 2px 20px rgba(16, 16, 86, 0.1);
                    border-radius: 10px;
                    background: #fff;
                    margin-top: 10px;
                    padding: 0 20px;
                }

                .images .image img {
                    width: 100%;
                }

                .images .image {
                    display: inline-block;
                    width: 100%;
                    overflow: hidden;
                    border-radius: 10px;
                }

                .images .image:first-of-type {
                    margin-bottom: 30px;
                }
            }
        }
    }

    .block-our-clothes {
        .blocks {
            display: flex;
            gap: 30px;
            margin: 35px 0;

            .block {
                display: flex;
                width: 50%;

                .images {
                    background: #fff;
                    border-radius: 10px;
                    display: flex;
                    gap: 5px;
                    box-shadow: 0 0 20px #d3d3d3;
                    overflow: hidden;
                }

                .cloth-info {
                    margin-top: auto;
                    margin-bottom: auto;
                    width: 100%;
                    display: flex;
                    flex-wrap: wrap;

                    .default-btn-new {
                        padding: 16px 30px;
                        display: inline-block;
                        border-radius: 10px;
                        background: #AC2335;
                        color: #fff;
                        text-align: center;
                        cursor: pointer;
                        font-size: 19px;
                        line-height: 18px;
                        min-width: 300px;
                    }
                }

                .cloth-info>.title {
                    font-weight: bold;
                    font-size: 24px;
                    line-height: 24px;
                    margin-bottom: 25px;
                }
                .cloth-info .clothes {
                    width: 100%;
                    margin-bottom: 30px;
                }
                .block-cloth {
                    border: 1px solid #e2e2ef;
                    border-radius: 6px;
                    white-space: nowrap;
                    padding: 12px 12px 3px 12px;
                    font-size: 12px;
                    line-height: 24px;
                    color: rgba(0, 0, 0, 0.5);
                    margin-top: 10px;
                }
                .block-cloth .wrap-content {
                    overflow: hidden;
                }
                .block-cloth .wrap-content .content {
                    display: inline-block;
                    width: max-content;
                }

            }
        }
    }

    .block-delivery-advantage {
        .title {
            font-weight: bold;
            font-size: 24px;
            line-height: 24px;
        }
        .blocks {
            margin-top: 34px;
            display: grid;
            grid-gap: 30px;
            grid-template-columns: 1fr 1fr 1fr 1fr;

            .block {
                background: #fbfbfd;
                border-radius: 10px;
                max-width: 270px;
                transition: 0.3s;

                .wrap-block {
                    text-align: center;
                    padding: 40px 20px 20px 20px;
                    min-height: 200px;

                    img {
                        width: 50px;
                        height: 50px;
                        margin-bottom: 25px;
                    }
                    span {
                        font-size: 16px;
                        line-height: 24px;
                    }
                }
            }
        }


    }
    .big-block {
        max-width: 1170px;
        width: 100%;
        z-index: 1;
        position: relative;
    }

    .block-head-miniblocks {
        position: relative;
        margin-top: -50px;
        text-align: center;
        margin-bottom: 60px;

        .blocks {
            display: inline-flex;
            gap: 30px;
            max-width: 100%;
            padding-left: 30px;
            padding-right: 30px;

            .block {
                box-shadow: 0 2px 30px rgba(16, 16, 86, 0.1);
                border-radius: 10px;
                background: #fff;
                width: 470px;
                max-width: 470px;
                padding: 20px;
                padding-top: 0;

                .title {
                    font-weight: bold;
                    font-size: 20px;
                    line-height: 24px;
                    height: 80px;
                    display: flex;
                    position: relative;
                }
                .title .icon {
                    height: 28px;
                    margin-right: 15px;
                }
                .title>* {
                    margin-top: auto;
                    margin-bottom: auto;
                }
                .title .icon-right {
                    position: absolute;
                    top: 0;
                    bottom: 0;
                    right: 14px;
                    width: 20px;
                }
                .elements .element {
                    margin-top: 8px;
                    height: 56px;
                    background: #fbfbfd;
                    border-radius: 10px;
                    display: flex;
                    position: relative;
                    transition: 0.3s;
                    padding-right: 112px;
                    text-align: left;
                    .icon {
                        width: 20px;
                        margin-right: 20px;
                        margin-left: 15px;
                    }
                    .buttons {
                        position: absolute;
                        top: 0;
                        bottom: 0;
                        right: 12px;
                        display: inline-flex;
                        gap: 15px;
                    }
                    .buttons .button {
                        padding: 8px;
                        cursor: pointer;
                        background: #fff;
                        border-radius: 6px;
                        height: min-content;
                        margin-top: auto;
                        margin-bottom: auto;
                        transition: 0.3s;
                    }
                    .buttons .button img {
                        width: 25px;
                        height: 25px;
                    }
                }
            }
        }
    }


    .block-head-image-big {
        position: relative;
        overflow: hidden;
        max-width: 1440px;
        width: 100%;
        height: 510px;
        margin: 0 auto;


        .content-wrap{
            max-width: 1640px;
            margin: auto;
            padding: 0 140px;
        }



        .background-wrap {
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background: #f5f6f7;
            text-align: right;

            .image {
                display: inline-block;
                height: 100%;
                object-fit: cover;
            }
            .background-layer {
                background: #f5f6f7;
                display: inline-block;
                position: absolute;
                height: 100%;
                width: 35%;
                left: 0;
            }
        }

        .background-blend {
            display: inline-block;
            height: 100%;
            width: 215px;
            background: linear-gradient(to right, #f5f6f7 0%, rgba(245, 246, 247, 0.001) 100%);
            position: absolute;
            left: 35%;
        }


        .title {
            font-size: 42px;
            line-height: 44px;
            font-weight: bold;
            padding-top: 33px;
            margin-top: 0;
            margin-bottom: 15px;
        }
        .subtitle {
            font-size: 24px;
            line-height: 36px;
            font-weight: bold;
            margin-top: -7px;
            margin-bottom: -7px;
            color: #000;

            img:first-of-type {
                margin-left: 0;
            }
             img {
                height: 28px;
                margin-right: 30px;
                margin-left: 20px;
                vertical-align: middle;
            }
            a {
                color: #000;
                text-transform: uppercase;
            }
        }
        hr {
            width: 170px;
            border: none;
            border-bottom: 2px solid #000;
            margin: 15px 0;
        }
        .description {
            font-size: 18px;
            line-height: 37px;
            margin-bottom: 8px;
            margin-top: -7px;
        }
        .default-btn-new {
            padding: 16px 30px;
            display: inline-block;
            border-radius: 10px;
            background: #AC2335;
            color: #fff;
            text-align: center;
            cursor: pointer;
            font-size: 19px;
            line-height: 18px;
            min-width: 300px;
        }

    }


}


#toTop {
    background-color: #333;
    border-radius: 4px 4px 0 0;
    bottom: 0;
    color: #fff;
    display: none;
    height: 35px;
    position: fixed;
    right: 30px;
    text-align: center;
    width: 48px;
    opacity: 0.9;
    z-index: 10000;
    transition: all 0.2s ease-in-out 0s;
    text-decoration: none;
}

#toTop:hover {
    background-color: #AC2335;
    transition: all 0.2s ease-in-out 0s;
}
.fa-angle-up:before {
    content: "\f106";
}
.fa-angle-up:before {
    content: "\f106";
    font-size: 25px;
    top: 5px;
    position: relative;
}

.widget > .wrap-block {
    padding: 29px 44px;
    border-radius: 32px;
    background: #fff;
}

.fancybox-overlay {
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
    display: none;
    z-index: 999999991;
    background: url(fancybox_overlay.png);
}

.fancybox-overlay-fixed {
    position: fixed;
    bottom: 0;
    right: 0;
}

.fancybox-lock .fancybox-overlay {
    overflow: auto;
    overflow-y: scroll;
}
.fancybox-opened {
    z-index: 999999999;
}

.fancybox-skin {
    position: relative;
    background: #f9f9f9;
    color: #444;
    text-shadow: none;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
.fancybox-opened .fancybox-skin {
    -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0 10px 25px rgba(0,0,0,0.5);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
}

.fancybox-outer, .fancybox-inner {
    position: relative;
}
.fancybox-image {
    margin: auto;
    display: block;
    width: 100%;
    height: 100%;
    min-height: 0;
    object-fit: contain;
    user-select: none;
    filter: blur(0px);
}
.fancybox-nav {
    position: absolute;
    top: 0;
    width: 40%;
    height: 100%;
    cursor: pointer;
    text-decoration: none;
    background: transparent url(blank.gif);
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    z-index: 999999999;
}
.fancybox-prev {
    left: 0;
}
.fancybox-prev span {
    left: 10px;
    background-position: 0 -36px;
}
.fancybox-nav span {
    position: absolute;
    top: 50%;
    width: 36px;
    height: 34px;
    margin-top: -18px;
    cursor: pointer;
    z-index: 999999999;
    visibility: hidden;
}
#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
    background-image: url(fancybox_sprite.png);
}
.fancybox-next {
    right: 0;
}
.fancybox-nav {
    position: absolute;
    top: 0;
    width: 40%;
    height: 100%;
    cursor: pointer;
    text-decoration: none;
    background: transparent url(blank.gif);
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    z-index: 999999999;
}
.fancybox-next span {
    right: 10px;
    background-position: 0 -72px;
}

.fancybox-close {
    position: absolute;
    top: -18px;
    right: -18px;
    width: 36px;
    height: 36px;
    cursor: pointer;
    z-index: 999999999;
}
.fancybox-nav:hover span {
    visibility: visible;
}


/* --- Reviews accordion (inline like Figma) --- */
.reviews-acc{
    background:#fff;
    border-radius:18px;
    /*box-shadow: 0 18px 50px rgba(0,0,0,.10);*/
    overflow:hidden;
    /*margin-top: 12px;*/
}

.reviews-acc__toggle{
    width:100%;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap: 12px;
    border:0;
    background:transparent;
    padding: 18px 18px;
    cursor:pointer;
}

.reviews-acc__label{
    font-size:18px;
    font-weight:500;
}

.reviews-acc__icon{
    position: relative;
    width: 32px;
    height: 32px;
    flex-shrink: 0;
}

.reviews-acc__icon img{
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    object-fit:contain;
}

.reviews-acc__icon .icon-close{
    opacity:0;
    pointer-events:none;
}

.reviews-acc__toggle[aria-expanded="true"] .icon-open{ opacity:0; }
.reviews-acc__toggle[aria-expanded="true"] .icon-close{ opacity:1; }

/* panel animation */
.reviews-acc__panel{
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    transition: max-height .35s ease, opacity .25s ease;
}

.reviews-acc.is-open .reviews-acc__panel{
    max-height: 1400px; /* enough for content; internal scroll still works */
    opacity: 1;
    /*border-top: 1px solid rgba(0,0,0,.06);*/
}

/* remove "air" between toggle row and widget */
.reviews-acc__content{
    padding: 0; /* widget has its own paddings */
    max-height: 620px; /* internal scroll like in mock */
    overflow: auto;
}

/* optional: make widget take full width */
.reviews-acc__content widget-comments{
    display:block;
}

.block-reviews .title {
    font-size: 26px;
    font-family: "Montserrat-Medium", sans-serif;
    text-transform: unset;
    color: black;
}
/*прибрати якщо потрібно щоб при завантаженні був прихований акордеон*/
.reviews-acc.is-open .reviews-acc__panel{
    transition: none;
}

.reviews-acc__panel{
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    transition: max-height .35s ease, opacity .25s ease;
}
.reviews-acc.is-open .reviews-acc__panel{
    max-height: 2000px;
    opacity: 1;
}

.fa-facebook-f:before {
    content: "\f39e";
}
.fa-youtube:before {
    content: "\f167";
}
.fa-instagram:before {
    content: "\f16d";
}
.fa-tiktok:before {
    content: "\e07b";
}
.fa-telegram:before {
    content: "\f2c6";
}
.fa-viber:before {
    content: "\f409";
}

.block-thank-page {
    padding-top: 60px;

    h1 {
        text-align: center;
    }

    .to-site-btn {
        margin-top: 25px;
        text-align: center;
        margin-bottom: 40px;

        .default-btn {
            font-size: 16px;
            font-family: "Montserrat-Medium", sans-serif;
            color: #AC2335;
            background: unset;
            border-radius: 8px;
            border: 0.5px solid #AC2335;
            text-align: center;
            cursor: pointer;
            transition: 0.3s;
            text-transform: unset;
            padding: 8px 12px;
        }
    }
}

.slider-rooms { touch-action: pan-y; }
.slider-rooms, .slider-rooms * { -webkit-user-select: none; user-select: none; }


.block-support.question {
    width: 100%;
    box-shadow: 0 2px 30px rgba(16, 16, 86, 0.1);
    border-radius: 10px;
    background: #fff;
    background: #f0f0fb;
    overflow: hidden;
    margin-top: 30px;
    margin-bottom: 30px;

    .wrap-title {
        height: 82px;
        border-radius: 10px;
        background: black;
        padding: 11px 17px 11px 20px;
        font-weight: bold;
        font-size: 21px;
        line-height: 30px;
        position: relative;
        margin-bottom: 12px;
    }
    .wrap-title .title-polygon {
        width: 0;
        height: 0;
        position: absolute;
        border: 23px solid transparent;
        border-left-color: black;
        transform: scaleX(1.7);
        right: 46px;
        bottom: -21px;
    }
    .wrap-title .text .sub-title {
        display: block;
        font-weight: normal;
    }
}

.faq-block {
    padding-bottom: 20px;

    .question {
        overflow: visible;
        background: none;
        box-shadow: none;
        border: unset;

        .wrap-title {
            cursor: pointer;
            user-select: none;
            display: flex;
            justify-content: center;
            flex-direction: column;
            width: calc(70% - 10px);
            height: auto;
            min-height: 80px;
        }

        .wrap-title .title-polygon {
            left: -39px;
            transform: rotate(90deg);
            top: 0;
            border-width: 40px;
        }
        .wrap-title.answer {
            width: calc(70% - 10px);
            margin-left: 30%;
            background: #75d402;
            display: none;
            height: auto;
            padding: 20px;
            cursor: auto;
            user-select: auto;
        }
        .wrap-title.answer .author {
            font-size: 16px;
            line-height: 1.5;
            color: #fff;
            margin-bottom: 10px;
        }
        .wrap-title.answer .text {
            font-size: 16px;
            font-weight: normal;
            line-height: 1.8;
        }
        .wrap-title .text {
            position: relative;
        }
        .wrap-title .text {
            font-weight: bold;
            font-size: 21px;
            line-height: 30px;
            color: #fff;
        }

        .wrap-title.answer .title-polygon {
            border-left-color: #75d402;
            right: -39px;
            left: unset;
        }
        .wrap-title .title-polygon {
            width: 0;
            height: 0;
            position: absolute;
            border: 23px solid transparent;
            border-left-color: black;
            transform: scaleX(1.7);
            right: 46px;
            bottom: -21px;
        }
        .wrap-title .title-polygon {
            left: -39px;
            transform: rotate(90deg);
            top: 0;
            border-width: 40px;
        }
        .wrap-title .symbol {
            font-size: 130px;
            float: right;
            color: #f0f0fb;
            opacity: 0.5;
            font-weight: bold;
            margin-top: -24px;
            font-family: serif;
        }
        .wrap-title .symbol {
            right: 12px;
            color: #f0f0fb;
            opacity: 1;
            top: 40px;
            position: absolute;
            margin-top: 0;
        }
    }
}

.block-search {
    .error {
        color: #AC2335;
        margin-bottom: 10px;
    }
    input {
        color: rgba(0, 0, 0, 0.5);
        padding: 8px 12px;
        border: 0.5px solid #e2e2ef;
        box-sizing: border-box;
        border-radius: 10px;
        margin: 10px 0 30px;
        height: 40px;
    }
    #label_for_search {
        margin-left: 10px;
        width: 90px;
        border-radius: 10px;
        vertical-align: middle;
        background: #AC2335;
    }
    input {
        color: rgba(0, 0, 0, 0.5);
        padding: 8px 12px;
        border: 0.5px solid #e2e2ef;
        box-sizing: border-box;
        border-radius: 10px;
        margin: 10px 0 30px;
        height: 40px;
    }

    .snippet-block {
        margin-bottom: 30px;
        display: flex;
    }
    img {
        width: 170px;
        min-width: 170px;
        height: 125px;
        object-fit: cover;
        border-radius: 6px;
        background: #d8d8d8;
    }
    .wrap-block {
        margin-left: 30px;
    }
    h3 {
        margin-top: 0;
        margin-bottom: 10px;
        text-transform: none;
        text-decoration: underline;
        font-size: 16px;
        line-height: 24px;
        font-weight: bold;
    }
    a {
        color: #000;
    }
    .find-highlight {
        background: #ffff4f;
    }

    .description {
        color: #969696;
    }
}


/*.top-block-product {*/
/*    display: flex;*/
/*    align-items: stretch; !* ключове *!*/
/*    gap: 30px; !* якщо потрібен відступ між колонками *!*/

/*    .top-block-product__media,*/
/*    .top-block-product__card {*/
/*        flex: 1;*/
/*        display: flex;*/
/*        flex-direction: column;*/
/*    }*/

/*    .top-block-product__media {*/
/*        height: 100%;*/
/*    }*/
/*    .top-block-product__media img {*/
/*        width: 100%;*/
/*        height: 100%;*/
/*        object-fit: cover;*/
/*    }*/
/*}*/



/*.top-block-product {*/
/*    display: grid;*/
/*    grid-template-columns: 1fr 1fr;*/
/*    align-items: stretch;*/
/*    gap: 30px;*/
/*}*/


/* TOP block thumbs — нормальна обводка без підрізання */
.top-block-product__thumbs {
    overflow: visible; /* про всяк випадок */
}

.top-block-product__thumbs .thumb{
    outline: none !important;
    overflow: visible !important;
    border-radius: 12px;
}

/* якщо рамка має бути саме по картинці */
.top-block-product__thumbs .thumb img{
    border-radius: 12px;
    box-shadow: 0 0 0 2px transparent inset;
    transition: box-shadow .15s ease;
}

/* hover / focus / active */
.top-block-product__thumbs .thumb:hover img,
.top-block-product__thumbs .thumb:focus-visible img,
.top-block-product__thumbs .thumb.is-active img,
.top-block-product__thumbs .thumb.is-active,
.top-block-product__thumbs .thumb.is-active img{
    box-shadow: 0 0 0 2px var(--primary) inset;
}


/* FIX: повна обводка для мініатюр (не ріжеться overflow'ом) */
.top-block-product__thumbs {
    overflow: visible;
}

.top-block-product__thumbs .thumb{
    position: relative;
    z-index: 0;
}

/* саму "рамку" малюємо всередині */
.top-block-product__thumbs .thumb img{
    box-shadow: 0 0 0 2px transparent inset;
    transition: box-shadow .15s ease;
}

/* hover / active */
.top-block-product__thumbs .thumb:hover img,
.top-block-product__thumbs .thumb.is-active img{
    box-shadow: 0 0 0 2px var(--primary) inset;
}

/* щоб активна мініатюра була поверх сусідніх, якщо вони перекривають */
.top-block-product__thumbs .thumb.is-active{
    z-index: 2;
}

/* перекриваємо твій outline, щоб він не заважав */
.top-block-product__thumbs .thumb.is-active img{
    outline: none !important;
}

/* FULL border for thumbs (no clipping) */
.slider-product .thumb{
    outline: none !important;
    box-shadow: none !important;
    position: relative;
    overflow: hidden;          /* ок: рамка буде всередині */
    border-radius: 12px;
}

/* малюємо рамку всередині елемента */
.slider-product .thumb::after{
    content: "";
    position: absolute;
    inset: 0;                  /* всередині */
    border: 2px solid transparent;
    border-radius: inherit;
    pointer-events: none;
}

/* hover + active + focus (коли табаєш) */
.slider-product .thumb:hover::after,
.slider-product .thumb.active::after,
.slider-product .thumb:focus-within::after{
    border-color: var(--active, var(--primary));
}

/* щоб активна була поверх сусідніх, якщо десь перекриття */
.slider-product .thumb.active{
    z-index: 2;
}

.salons-mobile__item {
    display: grid;
    grid-template-columns: 14px 1fr 18px;
    grid-template-areas:
        ". name arrow"
        "pin addr arrow";
    column-gap: 10px;
    row-gap: 4px;
    align-items: center;
    padding: 12px;
    border: 1px solid #EAEAEA;
    border-radius: 12px;
    background: #fff;
    cursor: pointer;
}

.salons-mobile__txt {
    display: contents;
}

.salons-mobile__name {
    grid-area: name;
    font-weight: 700;
    line-height: 1.25;
    margin: 0;
}

.salons-mobile__addr {
    grid-area: addr;
    font-size: 12px;
    line-height: 1.35;
    color: #555;
    margin: 0;
}

.salons-mobile__pin {
    grid-area: pin;
    width: 14px;
    height: 14px;
    align-self: start;
    margin-top: 2px;
    color: #6b6b6b;
    opacity: 1;
}

.salons-mobile__arrow {
    grid-area: arrow;
    width: 18px;
    height: 18px;
    justify-self: end;
    align-self: center;
    color: #6b6b6b;
    opacity: 1;
    margin-left: auto;
    transform: rotate(0deg);
    transition: transform .2s ease;
}

/* відкритий стан */
.salons-mobile__item.is-open {
    grid-template-columns: 1fr 18px;
    grid-template-areas:
        "name arrow";
    row-gap: 0;
    align-items: start;
}

.salons-mobile__item.is-open .salons-mobile__pin,
.salons-mobile__item.is-open .salons-mobile__addr {
    display: none;
}

.salons-mobile__item.is-open .salons-mobile__arrow {
    transform: rotate(90deg);
}

.readmore {
    .ic-and-title {
        margin-bottom: 20px;

        h2 {
            margin-bottom: unset;
        }
    }
}

.slider-certif figure,
.slider-certif a,
.slider-certif img {
    pointer-events: auto;
}

.certif--item a {
    display: block;
    width: 100%;
    height: 100%;
    cursor: pointer;
}

.slider-thanks figure,
.slider-thanks a,
.slider-thanks img {
    pointer-events: auto;
}

.thanks--item a {
    display: block;
    width: 100%;
    height: 100%;
    cursor: pointer;
}

.slider-thanksDoc figure,
.slider-thanksDoc a,
.slider-thanksDoc img {
    pointer-events: auto;
}

.thanksDoc--item a {
    display: block;
    width: 100%;
    height: 100%;
    cursor: pointer;
}
.slider-thanks img,
.slider-certif img,
.slider-thanksDoc img,
.slider-thanks figure,
.slider-certif figure,
.slider-thanksDoc figure,
.slider-thanks a,
.slider-certif a,
.slider-thanksDoc a {
    -webkit-user-drag: none;
    user-drag: none;
    -webkit-user-select: none;
    user-select: none;
}

.slider-rooms,
.rooms--wrapper,
.rooms--item,
.slide-content {
    -webkit-user-select: none;
    user-select: none;
    -webkit-user-drag: none;
}

.slider-rooms {
    touch-action: pan-y;
}


.slider-rooms,
.rooms--wrapper,
.rooms--item,
.rooms--item img,
.rooms--item a {
    -webkit-user-select: none;
    user-select: none;
    -webkit-user-drag: none;
}

.slider-rooms {
    touch-action: pan-y;
}

.slider-youtube,
.youtube--wrapper,
.youtube--item,
.youtube--item img,
.youtube--item iframe,
.youtube--item a,
.youtube--item figure {
    -webkit-user-select: none;
    user-select: none;
    -webkit-user-drag: none;
}

.slider-youtube {
    touch-action: pan-y;
}

.fancybox-trigger {
    display: block;
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
    border: 0;
    background: transparent;
    appearance: none;
    -webkit-appearance: none;
    cursor: pointer;
}

.fancybox-trigger:focus {
    outline: none;
}

.slider-certif .fancybox-trigger,
.slider-thanks .fancybox-trigger,
.slider-thanksDoc .fancybox-trigger {
    -webkit-user-select: none;
    user-select: none;
    -webkit-user-drag: none;
}

.fancybox-trigger {
    touch-action: manipulation;
}

.fancybox-trigger:focus,
.fancybox-trigger:active,
.fancybox-trigger:focus-visible {
    outline: none;
}

html.fancybox-active,
body.fancybox-active {
    scroll-behavior: auto !important;
}

.cert-modal {
    position: fixed;
    inset: 0;
    z-index: 999999;
    display: none;
}

.cert-modal.is-open {
    display: block;
}

.cert-modal__backdrop {
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.88);
}

.cert-modal__dialog {
    position: relative;
    z-index: 2;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 24px 70px;
    box-sizing: border-box;
}

.cert-modal__content {
    max-width: 100%;
    max-height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.cert-modal__image {
    display: block;
    max-width: 100%;
    max-height: calc(100vh - 48px);
    width: auto;
    height: auto;
    object-fit: contain;
    border-radius: 10px;
}

.cert-modal__close {
    position: absolute;
    top: 18px;
    right: 18px;
    z-index: 3;
    width: 44px;
    height: 44px;
    border: 0;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.12);
    color: #fff;
    font-size: 30px;
    line-height: 1;
    cursor: pointer;
}

.cert-modal__nav {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 3;
    width: 52px;
    height: 52px;
    border: 0;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.12);
    color: #fff;
    font-size: 38px;
    line-height: 1;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
}

.cert-modal__nav--prev {
    left: 12px;
}

.cert-modal__nav--next {
    right: 12px;
}

.fancybox-trigger {
    display: block;
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
    border: 0;
    background: transparent;
    cursor: pointer;
    -webkit-appearance: none;
    appearance: none;
}

.fancybox-trigger:focus,
.fancybox-trigger:focus-visible,
.fancybox-trigger:active {
    outline: none;
    box-shadow: none;
}

.slider-certif img,
.slider-thanks img,
.slider-thanksDoc img,
.fancybox-trigger img {
    -webkit-user-drag: none;
    user-drag: none;
    -webkit-user-select: none;
    user-select: none;
}

@media (max-width: 700px) {
    .cert-modal__dialog {
        padding: 16px 52px;
    }

    .cert-modal__image {
        max-height: calc(100vh - 32px);
    }

    .cert-modal__nav {
        width: 42px;
        height: 42px;
        font-size: 30px;
    }

    .cert-modal__close {
        top: 10px;
        right: 10px;
        width: 40px;
        height: 40px;
        font-size: 28px;
    }

    .cert-modal__nav--prev {
        left: 6px;
    }

    .cert-modal__nav--next {
        right: 6px;
    }
}



html.cert-modal-lock,
body.cert-modal-lock {
    overflow: hidden !important;
    overscroll-behavior: none;
}

.cert-modal {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: opacity .18s ease, visibility .18s ease;
}

.cert-modal.is-open {
    display: block;
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
}

.cert-modal {
    position: fixed;
    inset: 0;
    z-index: 999999;
    display: block;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    background: rgba(0, 0, 0, 0.88);
}

.cert-modal.is-open {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
}

.cert-modal__backdrop {
    position: absolute;
    inset: 0;
    background: transparent;
}

.cert-modal__close,
.cert-modal__nav,
.fancybox-trigger {
    -webkit-tap-highlight-color: transparent;
}

.fancybox-trigger,
.cert-modal__close,
.cert-modal__nav {
    outline: none;
    -webkit-tap-highlight-color: transparent;
}


/* Блок фото + вартість: горизонтальний layout */
.simple-photo .wrap-block {
    display: flex;
    align-items: center;
    gap: 40px;
    padding: 40px 0;
}

/* Ліва частина — зображення */
.simple-photo .wrap-block > .block:first-child {
    flex: 0 0 45%;
    max-width: 45%;
}

.simple-photo .wrap-block > .block:first-child img {
    width: 100%;
    height: auto;
    display: block;
    border-radius: 12px;
    object-fit: cover;
}

/* Права частина — текст і кнопка */
.simple-photo .wrap-block > .block.default {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.simple-photo .wrap-block > .block.default p {
    font-size: 16px;
    line-height: 1.6;
    margin-bottom: 24px;
}

/* Кнопка "Замовити замір" */
.simple-photo .wrap-block > .block.default .default-btn {
    display: block;
    width: 100%;
    max-width: 420px;
    text-align: center;
    padding: 18px 32px;
    font-size: 18px;
    font-weight: 600;
    letter-spacing: 0.5px;
    border-radius: 30px;
    background-color: #AC2335;
    color: #fff;
    border: 2px solid #AC2335;
    cursor: pointer;
    transition: background-color 0.3s ease, color 0.3s ease;
    text-transform: uppercase;
}

.simple-photo .wrap-block > .block.default .default-btn:hover {
    background-color: #fff;
    color: #AC2335;
}

/* Планшет */
@media (max-width: 1024px) {
    .simple-photo .wrap-block {
        gap: 30px;
        padding: 30px 0;
    }

    .simple-photo .wrap-block > .block:first-child {
        flex: 0 0 40%;
        max-width: 40%;
    }

    .simple-photo .wrap-block > .block.default .default-btn {
        max-width: 100%;
        padding: 16px 24px;
        font-size: 16px;
    }
}

/* Мобілка */
@media (max-width: 768px) {
    .simple-photo .wrap-block {
        flex-direction: column;
        gap: 24px;
        padding: 24px 0;
    }

    .simple-photo .wrap-block > .block:first-child {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .simple-photo .wrap-block > .block.default {
        width: 100%;
        align-items: center;
        text-align: center;
    }

    .simple-photo .wrap-block > .block.default p {
        font-size: 15px;
    }

    .simple-photo .wrap-block > .block.default .default-btn {
        max-width: 100%;
        padding: 16px 20px;
        font-size: 16px;
    }
}

/* Маленькі мобілки */
@media (max-width: 480px) {
    .simple-photo .wrap-block {
        gap: 16px;
        padding: 16px 0;
    }

    .simple-photo .wrap-block > .block.default .default-btn {
        padding: 14px 16px;
        font-size: 15px;
        border-radius: 24px;
    }
}

/* =============================================
   Блок категорій фотодруку — сітка зображень
   ============================================= */

.list-shutters {
    padding: 50px 0;
}
.list-shutters h2{
    margin-top: 30px;
}
.fotopechat-list {
    margin-top: 20px;
}

.fotopechat-list .wrap-block {
    display: grid;
    grid-template-columns: repeat(8, 1fr);
    gap: 12px;
}

.fotopechat-list .wrap-block .block {
    display: flex;
    flex-direction: column;
    align-items: center;
    cursor: pointer;
    text-decoration: none;
    width: auto;
    margin: 0;
}

.fotopechat-list .wrap-block .block img {
    width: 100%;
    aspect-ratio: 1 / 1;
    object-fit: cover;
    border-radius: 10px;
    display: block;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.fotopechat-list .wrap-block .block:hover img {
    transform: scale(1.05);
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.15);
}

.fotopechat-list .wrap-block .block span {
    display: block;
    text-align: center;
    margin-top: 8px;
    font-size: 14px;
    color: #333;
    line-height: 1.3;
}

/* Планшет — 6 колонок */
@media (max-width: 1024px) {
    .fotopechat-list .wrap-block {
        grid-template-columns: repeat(6, 1fr);
        gap: 10px;
    }
}

/* Мобілка — 4 колонки */
@media (max-width: 768px) {
    .fotopechat-list .wrap-block {
        grid-template-columns: repeat(4, 1fr);
        gap: 10px;
    }

    .fotopechat-list .wrap-block .block span {
        font-size: 12px;
        margin-top: 6px;
    }
}

/* Маленькі мобілки — 3 колонки */
@media (max-width: 480px) {
    .fotopechat-list .wrap-block {
        grid-template-columns: repeat(3, 1fr);
        gap: 8px;
    }

    .fotopechat-list .wrap-block .block span {
        font-size: 11px;
    }
}


/* Відео — респонсивний контейнер 16:9 */
.full-video.middle-block {
    position: relative;
    width: 100%;
    max-width: 800px;
    margin: 40px auto;
    aspect-ratio: 16 / 9;
    border-radius: 16px;
    overflow: hidden;
    background: #000;
}

.full-video.middle-block iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
    border: none;
    border-radius: 16px;
}

@media (max-width: 768px) {
    .full-video.middle-block {
        max-width: 100%;
        margin: 24px 0;
        border-radius: 12px;
    }
    .full-video.middle-block iframe {
        border-radius: 12px;
    }
}
.prod-days { display: none !important; }