:root {
            --bg-page: #F4F4F4;           /* Точный светло-серый цвет студии под фон картинки bg_3w.jpg */
            --text-main: #171717;         /* Чистый угольно-черный для текста */
            --text-secondary: #737373;    /* Нейтральный серый для подзаголовка */
            --accent-color: #DC2626;      /* Радикальный чистый плоский красный (Кнопка) */
            --accent-hover: #B91C1C;      
            --font-base: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
            --btn-radius: 8px;            /* Фирменное скругление Apple */
        }

        /* Обнуление базовых стилей */
        * {
            box-sizing: border-box;
            margin: 0;
            padding: 0;
        }

        body, html {
            height: 100%;
            font-family: var(--font-base);
            background-color: var(--bg-page);
            color: var(--text-main);
            overflow-y: auto; /* Разрешена вертикальная прокрутка если контент не помещается */
            overflow-x: hidden;
            -webkit-font-smoothing: antialiased;

            /* Фоновое изображение для компьютеров */
            /* Добавлено глобальное 15% серое затенение поверх изображения */
            background-image: linear-gradient(rgba(0, 0, 0, 0.15), rgba(0, 0, 0, 0.15)), url('bg.jpg'); 
            background-repeat: no-repeat;       
            background-position: center center; 
            background-attachment: fixed; /* Чтобы фон не скроллился вместе с контентом */
            background-size: cover;         
        }

        /* Главный контейнер-оболочка страницы */
        .page-wrapper {
            display: flex;
            flex-direction: column;
            justify-content: space-between;
            min-height: 100vh;
            padding: 40px 80px;
            max-width: 1440px;
            margin: 0 auto;
            position: relative; 
            z-index: 2;         
        }

        /* --- ХЕДЕР (ШАПКА САЙТА) --- */
        header {
            display: flex;
            justify-content: flex-start;
            align-items: center;
            gap: 14px;
            width: 100%;
            height: 60px;
        }

        .logo-wrapper {
            display: flex;
            align-items: center;
            gap: 14px; 
        }

        .logo {
            font-size: 26px;
            font-weight: 600;
            letter-spacing: -0.5px;
            color: var(--text-main);
            text-decoration: none;
        }

        .logo.mounjaro {
            color: #8C1D77; /* Фирменный пурпурно-малиновый цвет Mounjaro */
        }

        .logo.ozempic {
            color: #0082C6; /* Фирменный синий цвет Ozempic */
        }

        .logo-divider {
            width: 1px;
            height: 20px;
            background-color: #E5E5E5;
        }

        /* БЛОК С КОНТАКТАМИ НА ПК */
        .contacts {
            display: flex;
            flex-direction: row; 
            align-items: center; 
            gap: 14px; 
            margin-right: 0; 
        }

        .phone-link {
            font-size: 22px;
            font-weight: 600;
            letter-spacing: -0.5px;
            color: #737373;
            text-decoration: none;
            transition: opacity 0.2s ease;
            display: flex;
            align-items: center;
            gap: 8px;
        }

        .phone-link svg {
            width: 18px;
            height: 18px;
        }

        .phone-link:hover {
            opacity: 0.6;
        }

        /* --- ОСНОВНОЙ КОНТЕНТ --- */
        main {
            display: flex;
            flex-direction: column; 
            justify-content: center;
            align-items: flex-start; 
            flex-grow: 1;
            gap: 0; 
            width: 100%;
            max-width: 700px; 
        }

        .info-column {
            width: 100%;
        }

        h1 {
            font-family: 'Oswald', sans-serif;
            font-size: 70px;
            font-weight: 600;
            line-height: 1.15;
            margin-bottom: 24px;
            color: #333333;
            letter-spacing: -1px;
            text-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
        }

        .subtitle {
            font-size: 42px;
            font-weight: 400;
            line-height: 1.5;
            color: #FAFAFA;
            margin-bottom: 40px; 
            text-shadow: 
                -1px -1px 0 #999999,
                 0   -1px 0 #999999,
                 1px -1px 0 #999999,
                 1px  0   0 #999999,
                 1px  1px 0 #999999,
                 0    1px 0 #999999,
                -1px  1px 0 #999999,
                -1px  0   0 #999999,
                 0 4px 10px rgba(0, 0, 0, 0.3);
        }

        .brand-mounjaro {
            font-weight: 700;
        }

        .brand-ozempic {
            font-weight: 700;
        }

        .action-column {
            width: 100%;
            display: flex;
            flex-direction: column;
            align-items: flex-start;
        }

        .btn-main {
            display: flex;
            justify-content: center;
            align-items: center;
            width: 320px;
            height: 56px;
            background-color: var(--accent-color);
            color: #FFFFFF;
            font-size: 18px;
            font-weight: 600;
            text-decoration: none;
            border-radius: var(--btn-radius);
            transition: background-color 0.15s ease;
            margin-bottom: 32px;
        }

        .btn-main:hover {
            background-color: var(--accent-hover);
        }

        /* БЛОК МЕССЕНДЖЕРОВ НА ПК */
        .messenger-block {
            display: flex;
            flex-direction: column;
            gap: 14px;
            /* Ширина блока ровно 320px, как у красной кнопки выше */
            width: 320px;
            /* Центрируем элементы (надпись и ряд иконок) по горизонтальной оси кнопки */
            align-items: center;
        }

        .messenger-label {
            font-size: 14px;
            font-weight: 400;
            color: var(--text-secondary);
            /* Центрирование текста надписи на ПК-версии */
            text-align: center;
        }

        .social-icons {
            display: flex;
            gap: 16px;
            /* Центрируем ряд круглых иконок относительно ширины блока */
            justify-content: center;
        }

        .icon-link {
            display: flex;
            justify-content: center;
            align-items: center;
            width: 44px;
            height: 44px;
            border-radius: 50%;
            transition: all 0.2s ease;
            text-decoration: none;
            background-color: transparent;
        }

        .icon-link img {
            width: 100%;
            height: 100%;
            object-fit: contain;
            border-radius: 50%;
        }

        .icon-link:hover {
            transform: translateY(-2px);
            opacity: 0.85;
        }

        /* --- АДАПТИВНОСТЬ (ПЛАНШЕТЫ И НЕБОЛЬШИЕ ЭКРАНЫ) --- */
        @media (max-width: 1024px) {
            body, html {
                /* Разделяем позиционирование и размер для затенения (первое значение) и самой картинки (второе) */
                background-size: 100% 100%, cover;
                background-position: center center, calc(92% + 100px) bottom;
                background-repeat: no-repeat, no-repeat;
            }
            .page-wrapper {
                padding: 30px 40px;
            }
            .contacts {
                margin-right: 0;
            }
            h1 {
                font-size: 40px;
            }
        }

        /* --- АДАПТИВНОСТЬ (МОБИЛЬНАЯ ВЕРСИЯ) --- */
        @media (max-width: 480px) {
            body, html {
                overflow-y: auto;
                height: auto;
                min-height: 100%;

                /* Фоновое изображение для мобильных устройств */
                background-image: linear-gradient(rgba(0, 0, 0, 0.15), rgba(0, 0, 0, 0.15)), url('bg.jpg'); 

                /* Сдвигаем фото ровно на 100px вправо */
                background-position: center center, calc(88% + 100px) bottom; 

                /* cover заполнит весь экран без швов */
                background-size: 100% 100%, cover; 
                background-repeat: no-repeat, no-repeat;
            }

            .page-wrapper {
                padding: 24px 16px 32px 16px;
                height: auto;
                min-height: 100vh;
                justify-content: flex-start;
            }

            header {
                height: auto;
                flex-direction: column;
                justify-content: center;
                gap: 12px;
                margin-bottom: 20px;
                padding-top: 10px;
                align-items: center; 
            }

            .logo-wrapper {
                justify-content: center;
                gap: 10px;
            }

            .logo {
                font-size: 20px;
            }

            .logo-divider {
                height: 16px;
            }

            .desktop-divider {
                display: none;
            }

            /* БЛОК С ТЕЛЕФОНАМИ НА МОБИЛЬНОМ */
            .contacts {
                flex-direction: column; 
                align-items: center; 
                gap: 4px; 
                width: auto;
                margin-right: 0; 
            }

            .phone-link {
                font-size: 13px;
                font-weight: 600;
                white-space: nowrap;
                letter-spacing: normal;
                gap: 6px;
            }

            .phone-link svg {
                width: 12px;
                height: 12px;
            }

            main {
                flex-direction: column;
                justify-content: center;
                align-items: center;
                gap: 0; 
                text-align: center;
                max-width: 100%; 
            }

            /* БЛОК С ТЕКСТОМ (Заголовок и подзаголовок) */
            .info-column {
                flex: none;
                width: 100%;
                display: flex;
                flex-direction: column;
                align-items: flex-end; 
                text-align: right;
                margin-top: 120px; 
                position: relative;
                padding: 5px 0;
                z-index: 1;
            }

            .info-column::before {
                content: '';
                position: absolute;
                top: 0;
                left: 50%;
                transform: translateX(-50%);
                width: 700px;
                height: 100%;
                background: rgba(0, 0, 0, 0.2);
                z-index: -1;
            }

            /* БЛОК С КНОПКАМИ (Подняты на 40px) */
            .action-column {
                flex: none;
                width: 100%;
                align-items: center; 
                margin-top: 110px;
            }

            h1 {
                font-size: 46px;
                line-height: 1.0;
                margin-bottom: 12px;
                text-align: right;
                color: #FFFFFF; 
                /* ИСПРАВЛЕНО: Обводка стала еще менее черной (прозрачность снижена с 0.35 до 0.15) */
                -webkit-text-stroke: 1px rgba(0, 0, 0, 0.15); 
                text-shadow: 0 2px 8px rgba(0, 0, 0, 0.7); 
                font-weight: 800; 
                letter-spacing: -0.02em; 
            }

            .subtitle {
                font-size: 22px;
                padding: 0 5px;
                margin-bottom: 0; 
                color: #FFFFFF; 
                -webkit-text-stroke: 1px rgba(0, 0, 0, 0.15); 
                text-shadow: 0 2px 8px rgba(0, 0, 0, 0.7); 
                font-weight: 500; 
                letter-spacing: -0.01em;
            }

            .btn-main {
                width: 100%;
                height: 54px;
                font-size: 16px;
                margin-bottom: 24px;
            }

            .messenger-block {
                display: flex;
                flex-direction: column;
                align-items: center;
                width: 100%; 
                background: none;
                backdrop-filter: none;
                -webkit-backdrop-filter: none;
                padding: 0;
                border: none;
            }

            .messenger-label {
                font-size: 14px;
                font-weight: 500;
                color: #FFFFFF;
                text-shadow: none; 
                -webkit-text-stroke: 1px rgba(0, 0, 0, 0.35);
            }

            /* Настройка круглых кнопок соцсетей на мобильных устройствах */
            .icon-link {
                width: 40px;
                height: 40px;
                border: none;
                filter: drop-shadow(0px 4px 8px rgba(0, 0, 0, 0.4));
            }
        }