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

        body {
            font-family: 'Arial', sans-serif;
        }

        /* Шапка на всю ширину */
        .header{
            width: 100%;
            background-color: #3B5438;
        }
        .header-container {
            max-width: 1376px;
            width: 100%;
            height: 95px;
            margin: auto;
            padding: 0;
            display: flex;
            justify-content: space-between;
            align-items: center;
        }

        /* Контейнер для ограничения контента */
        .logo div{
            font-size: 40px;
            color: white;
            margin-left: 3px;
        }
        .header-info{
            font-size: 32px;
            color: white;
        }
        /* Логотип */
        .logo {
            display: flex;
            align-items: center;
        }

        .logo-img {
            width: 78.86px;
            height: 67px;
            object-fit: contain;
        }

        /* Секция "О нас" */
        .about-section {
            background-color: white;
            max-width: 1440px;
            margin: 0 auto;
        }

        .about-title {
            color: #1F7B67;
            font-family: 'Inter', sans-serif;
            font-weight: 400;
            font-size: 50px;
            text-align: center;
            margin-bottom: 40px;
        }

        .about-text {
            color: BLACK;
            font-family: 'Inter', sans-serif;
            font-weight: 400;
            font-size: 50px;
            text-align: center;
            line-height: 1.6;
            max-width: 800px;
            margin: 0 auto;
        }

        /* Секция "Заливка фундамента" */
        .foundation-section {
            width: 100%;
            background-color: #3B5438;
        }

        .foundation-title-container {
            width: 100%;
            height: 68px;
            display: flex;
            align-items: center;
            justify-content: center;
        }

        .foundation-title {
            color: white;
            font-family: 'Inter', sans-serif;
            font-weight: 400;
            font-size: 50px;
            text-align: center;
            max-width: 1440px;
            width: 100%;
            padding: 0 20px;
            margin: 0 10px;
            display: flex;
            justify-content: center;
            align-items: center;
        }

        /* Белая линия */
        .foundation-line {
            width: 100%;
            height: 8px;
            background-color: white;
        }
        .gallery-container{
            width: 100%;
            max-width: 1440px;
            display: flex;
            justify-content: space-between;
            padding: 60px 32px;
            margin: 0 auto;
            gap: 24px;
        }
        .inertia-gallery {
            width: 100%;
            overflow: hidden;
            cursor: grab;
            position: relative;
            background: #3B5438;
            
        }
        
        .inertia-scroll {
            display: flex;
            will-change: transform;
        }
        
        .inertia-scroll img {
            height: 449px;
            width: 800px;
            margin-right: 30px;
            object-fit: cover;
            border-radius: 5px;
            flex-shrink: 0;
            user-select: none;
            transition: transform 0.2s ease;
        }
        
        .inertia-gallery:active {
            cursor: grabbing;
        }
        
        /* Индикатор скролла */
        .scroll-hint {
            position: absolute;
            top: 10px;
            left: 50%;
            transform: translateX(-50%);
            color: #fff;
            font-size: 14px;
            opacity: 0.7;
        }

        /* Изменение: Контейнер для фотографий с равными отступами */
        .foundation-carousel{

        }
        .foundation-image {
            height: 449px;
            width: 800px;
            
            user-select: none;
            pointer-events: none;
        }

        /* Секция "Молярные работы" */
        .painting-section {
            width: 100%;
            background-color: white;
            margin-top: 20px;
        }

        .painting-title-container {
            width: 100%;
            height: 68px;
            display: flex;
            align-items: center;
            justify-content: center;
        }

        .painting-title {
            color: #3B5438;
            font-family: 'Inter', sans-serif;
            font-weight: 400;
            font-size: 50px;
            text-align: center;
            max-width: 1440px;
            width: 100%;
            padding: 0 20px;
        }

        /* Линия цвета #1F7B67 */
        .painting-line {
            width: 100%;
            height: 8px;
            background-color: #3B5438;
        }

        /* Контейнер для 4 фотографий молярных работ */
        .painting-images {
            width: 100%;
            max-width: 1440px;
            display: flex;
            justify-content: center;
            padding: 30px 32px;
            margin: 0 auto;
            gap: 24px;
            flex-wrap: wrap;
        }

        .painting-image {
            width: 301px;
            height: 535px;
            background-color: #D3DDD2;
            border-radius: 5px;
            object-fit: cover;
            flex-shrink: 0;
        }

        /* Секция "Укладка плитки" */
        .tiling-section {
            width: 100%;
            background-color: #D3DDD2;
        }

        .tiling-title-container {
            width: 100%;
            height: 68px;
            display: flex;
            align-items: center;
            justify-content: center;
        }

        .tiling-title {
            color: #3B5438;
            font-family: 'Inter', sans-serif;
            font-weight: 400;
            font-size: 50px;
            text-align: center;
            max-width: 1440px;
            width: 100%;
            padding: 0 20px;
        }

        /* Линия цвета #1F7B67 */
        .tiling-line {
            width: 100%;
            height: 8px;
            background-color: #3B5438;
        }

        /* Контейнер для 3 фотографий укладки плитки */
        .tiling-images {
            width: 100%;
            max-width: 1440px;
            display: flex;
            justify-content: space-between;
            flex-wrap: wrap;
            padding: 79px 32px;
            margin: 0 auto;
            gap: 24px;
        }

        .tiling-image {
            width: calc(33.333% - 16px);
            height: 300px;
            background-color: #e0f0e8;
            border-radius: 5px;
            object-fit: cover;
            flex: 1;
            min-width: 0;
        }
        .floor-section {
            width: 100%;
            background-color: #3B5438;
        }

        .floor-title-container {
            width: 100%;
            height: 68px;
            display: flex;
            align-items: center;
            justify-content: center;
        }

        .floor-title {
            color: white;
            font-family: 'Inter', sans-serif;
            font-weight: 400;
            font-size: 50px;
            text-align: center;
            max-width: 1440px;
            width: 100%;
            padding: 0 20px;
        }

        /* Линия цвета #1F7B67 */
        .floor-line {
            width: 100%;
            height: 8px;
            background-color: white;
        }

        /* Контейнер для 3 фотографий укладки плитки */
        .floor-images {
            width: 100%;
            max-width: 1440px;
            display: flex;
            justify-content: space-between;
            padding: 0 32px;
            margin: 0 auto;
            gap: 24px;
        }

        .floor-image {
            width: calc(33.333% - 16px);
            height: 300px;
            background-color: #e0f0e8;
            border-radius: 5px;
            object-fit: cover;
            flex: 1;
            min-width: 0;
        }


        .brys-section {
            width: 100%;
            background-color: #FFFFFF;
        }

        .brys-title-container {
            width: 100%;
            height: 68px;
            display: flex;
            align-items: center;
            justify-content: center;
        }

        .brys-title {
            color: #1F7B67;
            font-family: 'Inter', sans-serif;
            font-weight: 400;
            font-size: 50px;
            text-align: center;
            max-width: 1440px;
            width: 100%;
            padding: 0 20px;
        }

        /* Линия цвета #1F7B67 */
        .brys-line {
            width: 100%;
            height: 8px;
            background-color: #1F7B67;
        }

        /* Контейнер для 3 фотографий укладки плитки */
        .brys-images {
            width: 100%;
            max-width: 1440px;
            display: flex;
            justify-content: space-between;
            padding: 0 32px;
            margin: 0 auto;
            gap: 24px;
        }

        .brys-image {
            width: calc(33.333% - 16px);
            height: 300px;
            background-color: #e0f0e8;
            border-radius: 5px;
            object-fit: cover;
            flex: 1;
            min-width: 0;
        }
        .photo-scroller {
            width: 100%;
            overflow: hidden;
            cursor: grab;
            position: relative;
            background: #3B5438;
            padding: 40px 0;
        }
        .photo-scroller-2 {
            width: 100%;
            overflow: hidden;
            cursor: grab;
            position: relative;
            background: #1F7B67;
            padding: 40px 0;
        }

        
        .photo-scroller__content {
            display: flex;
            will-change: transform;
        }
        .photo-scroller__content_2 {
            display: flex;
            will-change: transform;
        }
        
        .photo-scroller__image {
            height: 500px;
            width: 500px;
            margin-right: 25px;
            object-fit: cover;
            border-radius: 5px;
            flex-shrink: 0;
            user-select: none;
            transition: transform 0.2s ease;
        }
        .photo-scroller__image_2 {
            height: 500px;
            width: 500px;
            margin-right: 25px;
            object-fit: cover;
            border-radius: 5px;
            flex-shrink: 0;
            user-select: none;
            transition: transform 0.2s ease;
        }

        .photo-scroller:active {
            cursor: grabbing;
        }
        .photo-scroller-2:active {
            cursor: grabbing;
        }
        
        /* Индикатор скролла */
        .photo-scroller__hint {
            position: absolute;
            top: 10px;
            left: 50%;
            transform: translateX(-50%);
            color: #fff;
            font-size: 14px;
            opacity: 0.7;
        }
        .photo-scroller__hint2 {
            position: absolute;
            bottom: 450px;
            left: 50%;
            transform: translateX(-50%);
            color: #fff;
            font-size: 14px;
            opacity: 0.7;
            z-index: 3;
        }
        .form{
            width: 100%;
            background-color: #3B5438
        }
        .form-container{
            max-width: 1440px;
            width: 100%;
            padding: 0 20px;
            margin: 0px auto;
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
        }
        .form-container h1{
            font-size: 50px;
            font-weight: 400;
            color: #fff;
        }
        .form-container h2{
            font-size: 40px;
            font-weight: 400;
            max-width: 1250px;
            width: 100%;
            color: #fff;
            margin: 0 auto 25px auto;
            justify-content: center;
            display: flex;
        }
        .from-buttons{
            display: flex;
            flex-direction: column;
        }
        .form-button__primary{
            box-sizing: border-box;
            min-height:112px ;
            max-width: 1250px;
            width: 100%;
            background-color: #769073;
            border-radius: 25px;
            border: 0px;
            font-size: 50px;
            color: rgba(0, 0, 0, 0.5);
            white-space: wrap;
            padding: 25px;
            margin: 0 auto 25px auto;
        }
        .form-button__secondary:focus{
            outline: 0;
        }
        .form-button__secondary{
            box-sizing: border-box;
            min-height:215px ;
            max-width: 1250px;
            width: 100%;
            background-color: #769073;
            border-radius: 25px;
            border: 0px;
            font-size: 50px;
            color: rgba(0, 0, 0, 0.5);
            white-space: wrap;
            padding: 25px;
            margin: 0 auto 25px auto;
        }
        .form-button__primary:focus{
            outline: 0;
        }
        .send{
            max-width: 418px;
            width: 100%;
            height: 98px;
            margin: 50px auto 25px auto;
            font-size: 50px;
            background-color: #3B5438;
            border-radius: 50px;
            border: 0;
            color: #fff;
        }
        .footer-title-container{

        }
        .footer-title{
            color: BLACK;
            font-family: 'Inter', sans-serif;
            font-weight: 400;
            font-size: 50px;
            text-align: center;
            line-height: 1.6;
            max-width: 800px;
            margin: 0 auto;
        }
        .footer-container{
            background-color: #D3DDD2;
            width: 100%;
        }
        .footer-info-container{
            padding: 25px 0;
            max-width: 1376px;
            width: 100%;
            margin: 0 auto;
            display: flex;
            flex-direction: column;
            gap: 40px;
        }
        .footer-info-number{
            display: flex;
            align-items: center;
        }
        .footer-info-container a{
            font-size: 40px;
            color: BLACK;
            text-decoration: none;
        }
        .footer-info-number p{
            color: BLACK;
            font-family: 'Inter', sans-serif;
            font-weight: 400;
            font-size: 40px;
            text-align: center;
            line-height: 1.6;
            margin-left: 30px;
        }
        .whatsapp-footer-info{
            display: flex;
            align-items: center;
        }
        .whatsapp-footer-info p{
            color: BLACK;
            font-family: 'Inter', sans-serif;
            font-weight: 400;
            font-size: 40px;
            text-align: center;
            line-height: 1.6;
        }
        .copy-text {
            cursor: pointer;

            border: 1px solid #ddd;
            border-radius: 5px;

            transition: all 0.3s ease;
            border: none; 
            outline: none;
            color: BLACK;
            font-family: 'Inter', sans-serif;
            font-weight: 400;
            font-size: 40px;
            text-align: center;
            line-height: 1.6;
        }
        
        .copy-text:hover {
            border: none; 
            outline: none;
        }
        
        .copy-text.copied {
            border: none; 
            outline: none;
            border-radius: 0px;
            color: #2e7d32;
        }
        
        .copy-notification {
            position: fixed;
            top: 20px;
            right: 20px;
            padding: 15px 20px;
            background: #4caf50;
            color: white;
            border-radius: 5px;
            opacity: 0;
            transform: translateY(-20px);
            transition: all 0.3s ease;
            z-index: 1000;
        }
        
        .copy-notification.show {
            opacity: 1;
            transform: translateY(0);
        }
        .footer-line{
            width: 100%;
            height: 8px;
            background-color: #1F7B67;
        }
        .footer-documents-container{
            max-width: 1376px;
            width: 100%;
            margin: auto;
            display: ;
        }
        .footer-doc-title{
            color: BLACK;
            font-family: 'Inter', sans-serif;
            font-weight: 400;
            font-size: 40px;
            text-align: center;
            line-height: 1.6;
        }
        .footer-doc-container{
            display: flex;
            justify-content: space-between;
            flex-direction: column;
        }
        .footer-doc-link{
            text-decoration: none;
            width: fit-content;
            color: BLACK;
            font-family: 'Inter', sans-serif;
            font-weight: 400;
            font-size: 24px;
            margin: 5px 0;
        }
        .footer-doc-line{
            max-width: 1376px;
            width: 100%;
            background-color: #1F7B67;
            height: 3px;
        }
        .postscriptum-container{
            max-width: 1376px;
            width: 100%;
            padding-top: 10px;
            margin: auto;
            font-style: italic
        }
        /* Подключение шрифта Inter */
        @import url('https://fonts.googleapis.com/css2?family=Inter:wght@400&display=swap');

        /* Адаптивность для планшетов (1024px - 1440px) */
        @media (max-width: 1440px) {
            .about-section {
            }
            
            .foundation-title,
            .painting-title,
            .tiling-title, .floor-title, .brys-title{
                padding: 0 15px;
            }
            
            .foundation-images,
            .painting-images,
            .tiling-images {
                padding: 30px 28px;
            }
            
            .foundation-image,
            .tiling-image {
                height: 260px;
            }
            
            .painting-image {
                width: 280px;
                height: 500px;
            }
        }

        /* Планшеты (768px - 1024px) */
        @media (max-width: 1024px) {
            .header {
                height: 110px;
            }

            .header-container{
                flex-direction: column;
                justify-content: center;
                height: 110px;
            }
            
            .logo-img {
                width: 70px;
                height: 60px;
            }
            
            .about-title {
                font-size: 42px;
                margin-bottom: 35px;
            }
            
            .about-text {
                font-size: 42px;
                max-width: 700px;
            }
            
            .foundation-title-container,
            .painting-title-container,
            .tiling-title-container, .floor-title-container, .brys-title-container {
                height: 60px;
            }
            
            .foundation-title,
            .painting-title,
            .tiling-title, .floor-title, .brys-title{
                font-size: 42px;
            }
            
            .foundation-images,
            .painting-images,
            .tiling-images {
                padding: 30px 24px;
                gap: 20px;
                justify-content: center;
            }
            
            .foundation-image,
            .tiling-image {
                height: 220px;
            }
            
            .painting-image {
                width: 250px;
                height: 445px;
            }
            .form-button__primary{
                font-size: 32px;
            }
            .form-button__secondary{
                font-size: 32px;
            }
            .form-container h1{
            font-size: 42px;
            }
            .form-container h2{
            font-size: 32px;
            }
        }

        /* Мобильные устройства (576px - 768px) */
        @media (max-width: 768px) {
            .header {
                height: 150px;
            }
            
            .header-container {
                flex-direction: column;
                justify-content: center;
                height: 150px;
            }
            .logo div{
                font-size: 32px;
            }
            .header-info{
                font-size: 24px;
            }
            .logo-img {
                width: 60px;
                height: 51px;
            }
            
            .about-section {
            }
            
            .about-title {
                font-size: 36px;
                margin-bottom: 30px;
            }
            
            .about-text {
                font-size: 36px;
                max-width: 90%;
            }
            
            .foundation-title-container,
            .painting-title-container,
            .tiling-title-container{
                height: 55px;
            }
            
            .foundation-carousel{
                justify-content: center;
                display: flex;
                flex-wrap: wrap;
            }

            .foundation-title,
            .painting-title,
            .tiling-title{
                font-size: 36px;
                padding: 0 10px;
            }
            .floor-title, .brys-title{
                font-size: 28px;
            }
            .foundation-images,
            .painting-images,
            .tiling-images {
                padding: 30px 20px;
                gap: 16px;
            }
            
            .foundation-image,
            .tiling-image {
                width: calc(50% - 8px);
                height: 200px;
                flex: none;
            }
            
            .painting-image {
                width: calc(50% - 8px);
                height: 350px;
                flex: none;
            }
            .form-button__primary{
                font-size: 28px;
            }
            .form-button__secondary{
                font-size: 28px;
            }
            .form-container h1{
            font-size: 36px;
            }
            .form-container h2{
            font-size: 28px;
            }
        }

        /* Маленькие мобильные (до 576px) */
        @media (max-width: 576px) {
            .header {
                height: 150px;
            }
            .header-container{
                height: 150px;
            }
            .header-info{
                margin-top: 10px;
            }
            .floor-title-container, .brys-title-container{
                height: 70px;
            }
            .logo div{
                font-size: 24px;
            }
            .header-info{
                font-size: 16px;
            }
            
            .logo-img {
                width: 50px;
                height: 42px;
            }
            
            .about-section {
                padding: 0;
                margin: 0;
            }
            
            .about-title {
                font-size: 28px;

            }
            
            .about-text {
                font-size: 28px;
                max-width: 100%;
            }
            
            .foundation-title-container,
            .painting-title-container,
            .tiling-title-container{
                height: 50px;
            }
            
            .foundation-title,
            .painting-title,
            .tiling-title, .floor-title, .brys-title{
                font-size: 28px;
                padding: 0 15px;
            }
            
            .foundation-images,
            .painting-images,
            .tiling-images {
                padding: 30px 16px;
                gap: 12px;
                flex-direction: column;
                align-items: center;
            }
            
            .foundation-image,
            .tiling-image {
                width: 100%;
                max-width: 301px;
                height: 250px;
                flex: none;
            }
            .photo-scroller__hint{
                font-size: 10px;
            }
            
            .painting-image {
                height: 450px;
            }
            .footer-title{
                font-size: 28px;
            }
            .copy-text, .whatsapp-footer-info p{
                font-size: 28px;
            }
            .form-button__primary{
                font-size: 20px;
            }
            .form-button__secondary{
                font-size: 20px;
            }
        }

        /* Очень маленькие экраны (до 400px) */
        @media (max-width: 400px) {
            .about-text{
                font-size: 24px;
            }
            .foundation-title,
            .painting-title,
            .tiling-title, .floor-title, .brys-title{
                font-size: 24px;
                padding: 0 10px;
            }
            
            .foundation-title-container,
            .painting-title-container,
            .tiling-title-container,{
                height: 45px;
            }
            .floor-title-container, .brys-title-container{
                height: 70px;
            }
            .foundation-images,
            .painting-images,
            .tiling-images {
                padding: 30px 12px;
                gap: 10px;
            }
            
            .foundation-image,
            .tiling-image {
                height: 200px;
            }
            
            .painting-image {
                height: 400px;
            }
            .copy-text, .whatsapp-footer-info p{
                font-size: 14px;
            }
            .form-button__primary{
                font-size: 16px;
            }
            .form-button__secondary{
                font-size: 16px;
            }
            .form-container h1{
            font-size: 24px;
            }
            .form-container h2{
            font-size: 24px;
            }
        }