@keyframes fadeIn {
        from { opacity: 0; transform: translateY(10px); }
        to { opacity: 1; transform: translateY(0); }
    }
@media (max-width: 1100px) {
    /* 1. ШАПКА */
    .header-container {
        padding-left: 0 !important; /* Убрать отступ слева */
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .header-top {
        display: flex !important;
        flex-direction: column;
        align-items: center;
        gap: 0; /* Убрать отступы между элементами */
        text-align: center;
        padding: 20px 15px !important;
        width: 100%;
    }
    
    .logo-section {
        order: 1 !important;
        display: flex !important;
        flex-direction: row; /* В строку */
        align-items: center;
        justify-content: center;
        gap: 15px;
        width: 100%;
        margin-bottom: 25px;
    }
    
    .logo-icon {
        width: 70px !important;
        height: 70px !important;
        margin-bottom: 10px;
        overflow: visible;
    }

    .logo-photo {
        width: 100% !important; /* Изменяем на 100% */
        height: 100% !important; /* Изменяем на 100% */
        object-fit: contain; /* Меняем на contain вместо cover */
        border-radius: 30%;
    }

    .company-name {
        font-size: 16px;
        line-height: 1.3;
        text-align: left; /* Текст слева от фото */
        margin: 0;
    }
    
    .center-section {
        order: 2 !important;
        display: flex !important;
        flex-direction: column;
        align-items: center;
        text-align: center;
        width: 100%;
        margin: 0;
        padding: 0 !important; /* Убираем все отступы */
        gap: 3px; /* Минимальное расстояние */
        border-top: none !important; /* Убираем верхнюю линию */
        border-bottom: none !important;
    }
    
    .contact-info {
        display: flex;
        flex-direction: column;
        width: 100%;
        margin-bottom: 0;
        gap: 2px;
    }

    .address {
        order: 2; /* Второй по порядку */
        font-size: 13px !important;
        margin: 0;
        color: #555;
        font-weight: 400;
        line-height: 1.3; 
    }
    
    .accreditation {
        order: 3; /* Третий по порядку */
        font-size: 12px !important;
        background-color: transparent !important; /* Убираем фон */
        padding: 0 !important; /* Убираем отступы */
        border-radius: 0; /* Убираем скругление */
        margin: 0;
        color: #333;
        font-weight: 400;
    }
    
    .phone {
         order: 1;
        font-size: 22px !important;
        margin: 0;
        color: #2c80ff;
        font-weight: 700;
        line-height: 1.2;
        /* Убираем стили ссылки */
        text-decoration: none !important;
        display: inline-block;
        /* Для выделения текста */
        user-select: text !important;
        -webkit-user-select: text !important;
        -moz-user-select: text !important;
        -ms-user-select: text !important;
        cursor: text;
        padding: 8px 15px; /* Увеличиваем отступы для удобства */
        border-radius: 5px;
        /* Отключаем подсветку при тапе */
        -webkit-tap-highlight-color: transparent;
    }

    .phone::selection {
        background-color: rgba(44, 128, 255, 0.3); /* Голубая подсветка при выделении */
        color: #2c80ff;
    }
    
    .phone:active {
        background-color: rgba(44, 128, 255, 0.1); /* Подсветка при удержании */
    }
    /* 2. МЕНЮ */
    .header-bottom {
        width: 100%;
        max-width: 100%;
        padding: 15px 15px !important;
        margin: 0;
    }
    
    .nav-menu {
        flex-direction: column;
        gap: 5px !important; /* Уменьшаем расстояние между пунктами меню */
        width: 100%;
        margin: 0 0 15px 0;
    }
    
    .nav-item {
        width: 100%;
        text-align: center;
        padding: 8px 0 !important;
    }

    .nav-link {
        display: block;
        text-align: center;
        padding: 8px 0 !important; /* Уменьшаем padding */
        font-size: 15px !important;
    }

    .hero-square-container {
        padding: 15px;
    }

    .warning-section {
        margin-top: 30px;
    }
    
    /* 3. ОСНОВНОЙ КОНТЕНТ */
    .hero-section {
        flex-direction: column;
        text-align: center;
        gap: 10px;
    }
    
    .hero-text {
        margin-left: 0;
    }
    
    .hero-text h1 {
        font-size: 28px;
        line-height: 1.5;
    }
    
    .hero-image {
        text-align: center;
        order: 1;
    }
    
    .hero-text {
        order: 2;
    }
    
    .meter-photo {
        max-width: 90%;
    }
    
    /* 4. ПРЕДУПРЕЖДЕНИЕ */
    .warning-box {
        flex-direction: column;
        padding: 20px;
        text-align: center;
        max-width: 95%;
        width: 95%;
    }
    
    .warning-text {
        text-align: center;
        font-size: 16px;
    }
    
    .warning-icon {
        font-size: 28px;
        margin-bottom: 15px;
    }
    
    /* 5. ФОРМА */
    .order-form-section {
        padding: 30px 20px;
        margin-top: 40px;
        max-width: 95%;
        width: 95%;
    }
    
    .form-title {
        font-size: 26px;
    }
    
    .phone-input-group {
        flex-direction: row !important; /* В строку, а не в столбик */
        width: 100%;
        max-width: 400px; /* Ограничиваем ширину */
        margin: 0 auto;
    }
    
    .input-prefix {
        width: auto !important; /* Автоматическая ширина */
        padding: 15px 20px;
        min-width: 70px;
    }
    
    .phone-input {
        width: auto !important; /* Автоматическая ширина */
        flex: 1; /* Занимает оставшееся пространство */
        padding: 15px 20px;
    }
    
    /* 6. ИНФОРМАЦИЯ О ЦЕНЕ */
    .price-info-text {
        max-width: 95%;
        font-size: 13px;
        line-height: 1.6;
        margin-top: -30px;
    }
    
    .price-info-section {
        margin: 10 auto 10px auto; /* ИЗМЕНЯЕМ: убираем отступ сверху, добавляем снизу */
        padding: 10px 20px; 
    }
    
    /* 7. ТЕЛЕФОН КРУПНЫЙ ДЛЯ МОБИЛЬНЫХ */
    .mobile-phone {
        display: block !important;
        text-align: center;
        padding: 15px;
        background: #f0f8ff;
        font-size: 24px;
        font-weight: 700;
        color: #2c80ff;
        border-bottom: 2px solid #2c80ff;
        margin: 0;
    }

    
    .verification-section {
        padding: 0px 20px;
        margin-top: 10px;
    }
    
    .verification-container {
        border-radius: 15px;
    }

    .verification-title {
        font-size: 26px;
        padding: 20px 20px 0 20px;
        margin-bottom: 25px;
    }
    
    .verification-content {
        flex-direction: column;
        padding: 0 30px 20px 30px;
        gap: 30px;
    }

    .period-block h3 {
        font-size: 20px;
    }
    
    .period-text {
        font-size: 18px;
    }
    
    .highlight {
        font-size: 22px;
    }
    
    .date-info {
        padding: 20px;
    }
    
    .date-info p {
        font-size: 16px;
    }
    
    .meter-vertical {
        max-width: 280px;
    }
    
    .recommendation-box {
        padding: 15px 20px !important; /* Уменьшаем отступы */
        margin-top: -10px !important; /* ПОДНИМАЕМ выше */
    }
    
    .recommendation-box p {
         font-size: 13px !important;
        line-height: 1.3 !important; /* УМЕНЬШАЕМ расстояние между строк */
        max-width: 100% !important; /* На всю доступную ширину */
        width: 100% !important;
        margin: 0 !important;
        font-weight: 600;
        text-align: justify; /* Выравнивание по ширине */
        padding: 0 5px; /* Немного внутренних отступов */
    }
    .signup-container {
        flex-direction: column;
        gap: 10px !important; /* Уменьшаем расстояние */
        padding-left: 20px;
        padding-right: 20px;
        text-align: center;
    }

    .signup-section {
        margin-top: 0px !important; /* ОПУСКАЕМ: убираем отрицательный отступ */
        padding: 20px 20px 15px 20px; /* Больше отступов */
    }
    
    .signup-text {
        flex-direction: column !important; /* В столбик */
        gap: 5px !important;
        white-space: normal !important; /* Разрешаем переносы */
        font-size: 24px !important;
        justify-content: center;
        text-align: center;
    }
    
    .red-text {
         white-space: normal; /* Разрешаем переносы */
        display: block
    }
    
    .large-text {
        font-size: 24px !important; /* Уменьшаем */
        font-weight: 700;
        white-space: nowrap;
    }
    
    .phone-number {
        font-size: 22px !important; /* Уменьшаем телефон */
        font-weight: 700;
        white-space: nowrap;
    }

    .verification-info-section {
        padding: 30px 20px;
        margin-top: 30px;
    }
    
    .verification-info-container {
        padding: 30px 25px;
        border-radius: 15px;
    }
    
    .verification-info-title {
        font-size: 26px;
        text-align: center;
        margin-bottom: 30px;
    }
    
    .verification-info-content {
        flex-direction: column;
        gap: 30px;
    }
    
    .verification-info-sidebar {
        flex: 0 0 auto;
        width: 100%;
        order: -1; /* Сначала показываем свидетельство на мобильных */
    }
    
    .info-paragraph {
        font-size: 16px;
        margin-bottom: 20px;
        text-align: justify;
    }
    
    .accreditation-title {
        font-size: 16px;
    }
    
    .accreditation-number {
        font-size: 18px;
    }
    
    .certificate-photo {
        max-width: 350px;
    }
    .verification-info-title {
        margin-top: 40px !important; /* УВЕЛИЧИВАЕМ отступ сверху */
        padding-top: 30px;
    }

    .verification-info-section {
        padding: 30px 10px !important; /* Увеличиваем отступы сверху/снизу */
        margin-top: 70px !important; /* Поднимаем выше */
    }
    
    .verification-info-container {
        margin-top: 20px;/* Меньше внутренних отступов */
    }
    
    .verification-info-title {
        margin-top: 20px !important; /* Отступ сверху для заголовка */
        text-align: center;
        padding-top: 10px;
    }
    
    .verification-info-content {
        flex-direction: column;
        gap: 40px !important;
    }

    .verification-info-sidebar {
    border-bottom: none !important; /* Убираем линию снизу */
        border-top: 3px solid #e0e0e0; /* Добавляем линию сверху */
        margin-bottom: 30px !important;
        padding-top: 35px; 
    }
    
    .info-paragraph {
        font-size: 14px !important; /* Еще меньше на мобильных */
        line-height: 1.4;
        margin-bottom: 15px;
    }

    .accreditation-info {
        margin-bottom: 20px;
        width: 100%;
        margin-top: 0 !important; /* Больше отступ между свидетельством и фото */
    }

    .verification-info-text {
        order: -1; /* Текст ПЕРВЫЙ */
    }

    .policy-section {
        padding: 40px 0;
    }
    
    .policy-container {
        padding: 30px 20px;
    }
    
    .policy-title {
        font-size: 28px;
    }
    
    .policy-block h3 {
        font-size: 20px;
    }

    .signup-bottom-container {
        flex-direction: column;
        gap: 10px;
    }
    
    .signup-bottom-text {
        font-size: 10px; /* Уменьшил с 20px */
        white-space: normal;
        text-align: center;
    }
    
    .red-bottom {
        font-size: 15px; /* Такой же размер */
    }
    
    .signup-bottom-phone {
        font-size: 15px; /* Уменьшил с 24px */
        white-space: normal;
        word-break: break-word;
    }

    .signup-bottom-text {
        font-size: 16px;
    }
    
    .signup-bottom-phone {
        font-size: 18px;
    }
    
    .contacts-container {
    padding: 40px 25px;
    }

    .contacts-title {
        font-size: 32px;
    }

    .contacts-subtitle {
        font-size: 20px;
    }

    .contacts-work {
        font-size: 18px;
    }

    .contacts-signup-text {
        flex-direction: column;
        gap: 15px;
    }

    .contacts-signup-text span,
    .contacts-signup-red,
    .contacts-signup-phone {
        font-size: 20px;
    }

    .contacts-signup {
        margin-bottom: 30px !important;
        padding-bottom: 20px !important;
    }

    .heat-hero-layout{
        flex-direction:column;
        align-items:center;
        justify-content:flex-start;
        gap:20px;
        margin:20px auto 0 !important;
    }

    .heat-hero-inner{
        width:100%;
        max-width:680px;
        margin-left:0 !important;
        text-align:center;
    }

    .heat-title{
        font-size:28px;
        line-height:1.25;
    }

    .heat-subtitle{
        font-size: 15px;
        margin-top:22px;
    }

    .heat-price{
        font-size:20px;
        margin-top:16px;
    }

    .heat-price span{
        font-size:36px;
    }

    .heat-form-wrap{
        width:100;
        max-width:680px;
        margin-top:26px;
        padding:18px 16px;
    }

    .heat-form-wrap .phone-input-group{
        width: 100%;
    }

    .heat-form-wrap .input-prefix{
        min-width: 60px;
        padding:16px 14px;
        font-size:16px;
    }

    .heat-form-wrap .phone-input{
        padding:16px 14px;
        font-size:16px;
    }

    .heat-form-wrap .submit-buttom{
        width:100%;
        justify-content:center;
    }

    .heat-right{
        width:100%;
        max-width:100%;
    }

    .heat-term{
        font-size:22px;
        margin-bottom:16px;
    }

    .heat-img-wide{
        width:100%;
        max-width: 680px;
        height: auto;
    }

    .heat-img-small{
        width:100%;
        max-width:420px;
        height:auto;
    }
    .guarantee-container {
        grid-template-columns: 1fr;
    }

    .heat-info-title {
        font-size: 24px;
        margin-bottom: 30px;
    }

    /* Блок текст + картинка */
    .heat-info-content {
        flex-direction: column; /* 🔥 главное */
        align-items: center;
        gap: 25px;
    }

    /* Тексты */
    .heat-info-texts {
        width: 100%;
        font-size: 16px;
        gap: 15px;
        text-align: justify;
    }

    /* Картинка */
    .heat-info-image img {
        width: 100%;
        max-width: 300px;
    }

    .heat-info-image {
    display: flex;
    justify-content: center; /* 🔥 центрирует картинку */
    }

    /* Нижний текст */
        

    /* CTA блок */
    .heat-cta-inner {
        flex-direction: column; /* 🔥 в колонку */
        text-align: center;
        gap: 20px;
    }

    .heat-cta-text {
    font-size: 8px;
    line-height: 1.2;
    }

    .heat-cta-phone a {
    font-size: 20px;
    }


    .heat-details{
        padding: 40px 15px 60px;
    }

    .heat-details-title{
        font-size: 27px;
        margin-bottom: 40px;
    }

    .heat-details-content{
        flex-direction: column;
        gap: 40px;
    }

    .heat-details-left{
        width: 100%;
    }

    .heat-details-left p{
        font-size: 19px;
        line-height: 1.6;
    }

    .heat-details-right{
        width: 100%;
    }

    .heat-accreditation-title{
        font-size: 20px;
    }

    .heat-accreditation-number{
        font-size: 26px;
    }

}