/* Мобильная адаптация для ДЕЗ-ЭКО */

/* Критические исправления для мобильных */
@media (max-width: 768px) {
    * {
        box-sizing: border-box;
    }
    
    html {
        overflow-x: hidden;
        width: 100%;
    }
    
    body {
        overflow-x: hidden;
        width: 100%;
        margin: 0;
        padding: 0;
        position: relative;
    }
    
    /* Исправление всех возможных широких элементов */
    section, div, header, main, footer {
        max-width: 100%;
        box-sizing: border-box;
    }
    
    /* Отступ для основного контента из-за фиксированной шапки */
    #main-content {
        padding-top: 140px; /* уменьшили, чтобы калькулятор не перекрывался шапкой */
    }
    
    .container {
        width: 100%;
        max-width: 100%;
        padding: 0 15px;
        margin: 0 auto;
        box-sizing: border-box;
    }
    
    /* Шапка сайта */
    .header-top {
        display: none; /* Скрываем верхнюю полосу на мобильных */
    }
    
    .header-main {
        padding: 8px 0 6px;
    }
    
    .header-main-content {
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        flex-wrap: wrap;
        gap: 6px; /* уменьшаем промежуток между элементами шапки */
    }
    
    .header-logo .logo-link {
        flex-direction: row;
        gap: 8px;
    }
    
    .logo-icon {
        width: 35px;
        height: 35px;
        font-size: 14px;
    }
    
    .logo-title {
        font-size: 18px;
    }
    
    .logo-subtitle {
        font-size: 11px;
    }
    
    .header-contact {
        display: none; /* Скрываем контакты в шапке на мобильных */
    }

    /* Виджет города под логотипом */
    .header-logo { width: 100%; }
    .header-city-selector {
        order: 2;
        width: 100%;
        display: flex;
        flex-direction: row; /* в одну строку */
        align-items: center;
        justify-content: center;
        gap: 8px;
        margin: 0; /* минимальный отступ под логотипом */
    }
    .header-city-selector .city-selector-label { margin-bottom: 0; font-size: 14px; white-space: nowrap; }
    .city-selector-wrapper select.city-select { width: auto; max-width: 260px; }
    

    
    /* Индикаторы активности */
    .header-indicators {
        padding: 8px 0;
    }
    
    .indicators-content {
        flex-wrap: wrap;
        gap: 8px;
    }
    
    .activity-indicator {
        font-size: 11px;
        padding: 4px 8px;
        white-space: nowrap;
    }
    
    .activity-indicator.discount {
        width: 100%;
        text-align: center;
        margin-top: 5px;
    }
    
    /* Hero секция - КРИТИЧЕСКИЕ ИСПРАВЛЕНИЯ */
    .hero-section {
        padding: 30px 0;
        width: 100%;
        max-width: 100%;
        overflow-x: hidden;
        box-sizing: border-box;
        margin: 0;
    }
    
    /* Дополнительные стили для калькулятора */
    .hero-card, .conversion-card {
        margin-top: 40px; /* Увеличенный отступ сверху */
        position: relative;
        z-index: 10;
    }
    
    .quick-calc-form {
        position: relative;
        z-index: 10;
    }
    
    /* Стили для правой части с калькулятором */
    .hero-right {
        order: 1;
        width: 100%;
        max-width: 100%;
        box-sizing: border-box;
        margin: 0;
        padding: 0;
        margin-top: 40px; /* Увеличенный отступ сверху для калькулятора */
    }
    
    .hero-content {
        flex-direction: column;
        gap: 30px;
        width: 100%;
        max-width: 100%;
        box-sizing: border-box;
        margin: 0;
        padding: 0;
    }
    
    /* Стили для первого элемента в hero секции */
    .hero-section > .container > .hero-content > *:first-child {
        margin-top: 0;
        padding-top: 30px; /* Дополнительный отступ сверху */
    }
    
    .hero-left {
        order: 2;
        width: 100%;
        max-width: 100%;
        box-sizing: border-box;
        margin: 0;
        padding: 0;
    }
    
    .hero-right {
        order: 1;
        width: 100%;
        max-width: 100%;
        box-sizing: border-box;
        margin: 0;
        padding: 0;
    }
    
    .hero-title {
        font-size: 24px;
        line-height: 1.3;
        margin-bottom: 20px;
        width: 100%;
        max-width: 100%;
        word-wrap: break-word;
        overflow-wrap: break-word;
    }
    
    .hero-subtitle {
        font-size: 14px;
        margin-bottom: 20px;
        width: 100%;
        max-width: 100%;
        word-wrap: break-word;
    }
    
    .hero-benefits {
        grid-template-columns: 1fr;
        gap: 12px;
        margin-bottom: 25px;
        width: 100%;
        max-width: 100%;
        box-sizing: border-box;
    }
    
    .benefit {
        font-size: 14px;
        padding: 8px;
        width: 100%;
        max-width: 100%;
        box-sizing: border-box;
        word-wrap: break-word;
    }
    
    .hero-actions {
        flex-direction: column;
        gap: 12px;
        width: 100%;
        max-width: 100%;
        box-sizing: border-box;
    }
    
    .btn-xl {
        padding: 15px 20px;
        font-size: 14px;
        width: 100%;
        max-width: 100%;
        box-sizing: border-box;
        white-space: normal;
        word-wrap: break-word;
        overflow-wrap: break-word;
        text-overflow: ellipsis;
        line-height: 1.2;
    }
    
    /* Исправление всех кнопок */
    .btn, .btn-primary, .btn-lg, .btn-block {
        width: 100%;
        max-width: 100%;
        box-sizing: border-box;
        word-wrap: break-word;
        overflow-wrap: break-word;
        font-size: 13px !important;
        padding: 12px 8px !important;
        line-height: 1.2 !important;
        white-space: normal;
    }
    
    /* Специальные исправления для длинных кнопок */
    .btn-text {
        font-size: 12px;
        display: block;
        white-space: normal;
        line-height: 1.2;
        word-wrap: break-word;
        overflow-wrap: break-word;
    }
    
    /* Точечные исправления отступов */
    .hero-actions, .service-actions, .form-row {
        width: 100%;
        max-width: 100%;
        box-sizing: border-box;
        gap: 10px;
        flex-direction: column;
    }
    
    /* Исправление статистики отзывов */
    .reviews-stats {
        margin: 20px 0 0 0 !important;
        width: 100% !important;
        max-width: 100% !important;
    }
    
    /* Исправления для отзывов */
    .reviews-section {
        width: 100%;
        max-width: 100%;
        box-sizing: border-box;
        padding: 40px 0;
    }
    
    .reviews-grid {
        width: 100%;
        max-width: 100%;
        box-sizing: border-box;
        grid-template-columns: 1fr;
        gap: 20px;
    }
    
    .review-card {
        width: 100%;
        max-width: 100%;
        box-sizing: border-box;
        padding: 20px;
        margin: 0;
        word-wrap: break-word;
        overflow-wrap: break-word;
    }
    
    .review-text {
        font-size: 14px;
        line-height: 1.5;
        padding-left: 15px;
    }
    
    .review-text:before {
        font-size: 20px;
        left: 0;
        top: -3px;
    }
    
    .review-header {
        flex-direction: column;
        align-items: flex-start;
        gap: 10px;
    }
    
    .review-author {
        flex-direction: column;
        align-items: flex-start;
        gap: 10px;
    }
    
    .author-avatar {
        width: 35px;
        height: 35px;
        font-size: 12px;
    }
    
    /* Исправление формы в подвале */
    .footer-form-wrapper {
        width: 100%;
        max-width: 100%;
        box-sizing: border-box;
    }
    
    /* Исправление таймера срочности */
    .urgency-timer {
        width: 100%;
        max-width: 100%;
        box-sizing: border-box;
        word-wrap: break-word;
    }
    
    /* Критические исправления для карточки калькулятора */
    .hero-card {
        width: 100%;
        max-width: 100%;
        box-sizing: border-box;
        margin: 0;
        padding: 20px;
        overflow: hidden;
        word-wrap: break-word;
    }
    
    .conversion-card {
        width: 100%;
        max-width: 100%;
        box-sizing: border-box;
        margin: 0;
        padding: 20px;
        overflow: hidden;
        word-wrap: break-word;
    }
    
    /* Исправления для формы калькулятора */
    .quick-calc-form, .calculator-widget {
        width: 100%;
        max-width: 100%;
        box-sizing: border-box;
        margin: 0;
        padding: 0;
        overflow: hidden;
    }
    
    /* Исправления для сетки опций */
    .options-grid {
        width: 100%;
        max-width: 100%;
        box-sizing: border-box;
        gap: 8px;
        grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
    }
    
    .option-card {
        width: 100%;
        max-width: 100%;
        box-sizing: border-box;
        padding: 12px 8px;
        margin: 0;
        word-wrap: break-word;
        overflow-wrap: break-word;
    }
    
    /* Исправления для trust секции */
    .trust-section {
        width: 100%;
        max-width: 100%;
        box-sizing: border-box;
    }
    
    .trust-grid {
        width: 100%;
        max-width: 100%;
        box-sizing: border-box;
        gap: 15px;
    }
    
    .trust-item {
        width: 100%;
        max-width: 100%;
        box-sizing: border-box;
    }
    
    .trust-number {
        font-size: 18px;
    }
    
    .trust-label {
        font-size: 12px;
    }
    
    /* Исправления для services секции */
    .services-section {
        width: 100%;
        max-width: 100%;
        box-sizing: border-box;
    }
    
    .services-grid {
        width: 100%;
        max-width: 100%;
        box-sizing: border-box;
    }
    
    .service-card {
        width: 100%;
        max-width: 100%;
        box-sizing: border-box;
    }
    
    .service-price .price {
        font-size: 18px;
    }
    
    .service-actions {
        width: 100%;
        max-width: 100%;
        box-sizing: border-box;
    }
    
    /* Исправления для activity секции */
    .activity-section {
        width: 100%;
        max-width: 100%;
        box-sizing: border-box;
    }
    
    .activity-wrapper {
        width: 100%;
        max-width: 100%;
        box-sizing: border-box;
    }
    
    .master-widget {
        width: 100%;
        max-width: 100%;
        box-sizing: border-box;
    }
    
    /* Исправления для authority секции */
    .authority-section {
        width: 100%;
        max-width: 100%;
        box-sizing: border-box;
    }
    
    .authority-grid {
        width: 100%;
        max-width: 100%;
        box-sizing: border-box;
    }
    
    .authority-item {
        width: 100%;
        max-width: 100%;
        box-sizing: border-box;
    }
    
    .authority-logo {
        font-size: 24px;
    }
    
    .authority-text h4 {
        font-size: 16px;
    }
    
    .authority-text p {
        font-size: 14px;
    }
    
    /* Исправления для certificates-row */
    .certificates-row {
        width: 100%;
        max-width: 100%;
        box-sizing: border-box;
        padding: 0 10px;
    }
    
    .certificates-text {
        font-size: 14px;
        line-height: 1.4;
        word-wrap: break-word;
        overflow-wrap: break-word;
    }
    
    /* Исправления для заголовков секций */
    .section-header h2 {
        font-size: 24px !important;
        line-height: 1.3;
        word-wrap: break-word;
        overflow-wrap: break-word;
        hyphens: auto;
    }
    
    .section-header p {
        font-size: 16px;
        line-height: 1.4;
    }
    
    /* Исправления для SEO секции */
    .seo-content-section {
        width: 100%;
        max-width: 100%;
        box-sizing: border-box;
    }
    
    .seo-text-grid {
        width: 100%;
        max-width: 100%;
        box-sizing: border-box;
    }
    
    .seo-content h2 {
        font-size: 20px;
    }
    
    .seo-content h3 {
        font-size: 18px;
    }
    
    .price-features {
        width: 100%;
        max-width: 100%;
        box-sizing: border-box;
    }
    
    /* Исправления для footer секции */
    .footer-form-section {
        width: 100%;
        max-width: 100%;
        box-sizing: border-box;
    }
    
    .footer-form-wrapper {
        width: 100%;
        max-width: 100%;
        box-sizing: border-box;
    }
    
    .form-row {
        width: 100%;
        max-width: 100%;
        box-sizing: border-box;
    }
    
    .form-input {
        width: 100%;
        max-width: 100%;
        box-sizing: border-box;
    }
    
    .footer-main {
        width: 100%;
        max-width: 100%;
        box-sizing: border-box;
    }
    
    .footer-content {
        width: 100%;
        max-width: 100%;
        box-sizing: border-box;
    }
    
    .footer-section.services-links {
        width: 100%;
        max-width: 100%;
        box-sizing: border-box;
    }
    
    .company-achievements {
        width: 100%;
        max-width: 100%;
        box-sizing: border-box;
    }
    
    .social-networks {
        width: 100%;
        max-width: 100%;
        box-sizing: border-box;
    }
    
    .social-networks .social-links {
        width: 100%;
        max-width: 100%;
        box-sizing: border-box;
    }
    
    .social-networks .social-link {
        width: 100%;
        max-width: 100%;
        box-sizing: border-box;
    }
    
    .social-networks .social-link .social-icon {
        font-size: 16px;
    }
    
    .social-networks .social-link .social-name {
        font-size: 12px;
    }
    
    .footer-certificates {
        width: 100%;
        max-width: 100%;
        box-sizing: border-box;
    }
    
    .certificates-list {
        width: 100%;
        max-width: 100%;
        box-sizing: border-box;
    }
    
    .footer-bottom-content {
        width: 100%;
        max-width: 100%;
        box-sizing: border-box;
    }
    
    /* Дополнительные исправления для всех элементов */
    .hero-benefits, .trust-grid, .services-grid, .activity-wrapper,
    .authority-grid, .seo-text-grid, .price-features, .footer-content,
    .certificates-list, .social-links, .footer-links {
        width: 100%;
        max-width: 100%;
        box-sizing: border-box;
        overflow: hidden;
    }
    
    /* Исправления для отзывов */
    .review-card {
        width: 100%;
        max-width: 100%;
        box-sizing: border-box;
        word-wrap: break-word;
    }
    
    /* Исправления для модальных окон */
    .modal-content {
        width: 95%;
        max-width: 95%;
        box-sizing: border-box;
        margin: 20px auto;
        padding: 20px;
    }
    
    .modal-header h2 {
        font-size: 18px;
    }
    
    /* Скрытие плавающих элементов на мобильных */
    .floating-elements {
        display: none !important;
    }
    
    /* Исправления для cookie уведомления */
    .cookie-notice {
        width: 100%;
        max-width: 100%;
        box-sizing: border-box;
        bottom: 0;
        left: 0;
        right: 0;
    }
    
    .cookie-content {
        width: 100%;
        max-width: 100%;
        box-sizing: border-box;
        padding: 15px;
    }
    
    .cookie-text {
        width: 100%;
        max-width: 100%;
        box-sizing: border-box;
        word-wrap: break-word;
    }
    
    /* Исправления для всех изображений и медиа */
    .federal-badge, .trust-item, .service-card, .authority-item {
        width: 100%;
        max-width: 100%;
        box-sizing: border-box;
    }
    
    /* Исправления для изображений */
    img, video, iframe {
        max-width: 100%;
        height: auto;
        box-sizing: border-box;
    }
    
    /* Исправления для таблиц */
    table {
        width: 100%;
        max-width: 100%;
        box-sizing: border-box;
        font-size: 12px;
    }
    
    /* Исправления для float элементов */
    .float-left, .float-right {
        float: none;
        width: 100%;
        max-width: 100%;
        box-sizing: border-box;
    }
}

@media (max-width: 480px) {
    /* Отступ для основного контента из-за фиксированной шапки */
    #main-content {
        padding-top: 190px; /* Значительно увеличенный отступ для экранов 480px */
    }
    
    .hero-title {
        font-size: 20px;
    }
    
    .trust-grid {
        grid-template-columns: 1fr;
    }
    
    .authority-grid {
        grid-template-columns: 1fr;
    }
    
    .certificates-list {
        flex-direction: column;
    }
    
    .social-networks .social-links {
        flex-direction: column;
        gap: 10px;
    }
    
    .social-networks .social-link {
        width: 100%;
        justify-content: center;
    }
    
    /* Дополнительные исправления для отзывов */
    .reviews-grid {
        grid-template-columns: 1fr;
        gap: 15px;
    }
    
    .review-card {
        padding: 15px;
    }
    
    .review-text {
        font-size: 13px;
        padding-left: 12px;
    }
    
    .review-text:before {
        font-size: 18px;
        top: -2px;
    }
    
    /* Исправления для заголовков секций на маленьких экранах */
    .section-header h2 {
        font-size: 20px !important;
        line-height: 1.2;
        padding: 0 10px;
    }
    
    .section-header p {
        font-size: 14px;
        padding: 0 10px;
    }
    
    /* Исправления для certificates-row на маленьких экранах */
    .certificates-row {
        padding: 0 5px;
    }
    
    .certificates-text {
        font-size: 13px;
        line-height: 1.3;
    }
}

@media (max-width: 768px) and (orientation: landscape) {
    /* Отступ для основного контента из-за фиксированной шапки */
    #main-content {
        padding-top: 160px; /* Значительно увеличенный отступ для ландшафтной ориентации */
    }
    
    .hero-section {
        padding: 20px 0;
    }
    
    .hero-content {
        gap: 20px;
    }
    
    .hero-left {
        order: 1;
    }
    
    .hero-right {
        order: 2;
    }
    
    /* Исправления для заголовков секций в ландшафтной ориентации */
    .section-header h2 {
        font-size: 22px !important;
        line-height: 1.3;
    }
    
    .section-header p {
        font-size: 15px;
        line-height: 1.4;
    }
}

@media (max-width: 348px) {
    /* Контейнер */
    .container {
        padding: 0 8px;
        max-width: 100%;
        width: 100%;
        box-sizing: border-box;
    }
    
    /* Отступ для основного контента из-за фиксированной шапки */
    #main-content {
        padding-top: 180px; /* Значительно увеличенный отступ для очень узких экранов */
    }
    
    /* Герой секция */
    .hero-section {
        padding: 60px 0 40px;
        width: 100%;
        max-width: 100%;
        box-sizing: border-box;
        overflow-x: hidden;
    }
    
    .hero-content {
        gap: 20px;
        width: 100%;
        max-width: 100%;
        box-sizing: border-box;
    }
    
    .hero-title {
        font-size: 18px;
        line-height: 1.3;
        width: 100%;
        max-width: 100%;
        word-wrap: break-word;
        overflow-wrap: break-word;
    }
    
    .hero-subtitle {
        font-size: 14px;
        width: 100%;
        max-width: 100%;
        word-wrap: break-word;
    }
    
    /* Карточка калькулятора */
    .hero-card {
        margin: 0;
        padding: 15px;
        border-radius: 8px;
        width: 100%;
        max-width: 100%;
        box-sizing: border-box;
        overflow: hidden;
        word-wrap: break-word;
    }
    
    .conversion-card {
        padding: 15px;
        margin: 0;
        width: 100%;
        max-width: 100%;
        box-sizing: border-box;
        word-wrap: break-word;
    }
    
    /* Форма калькулятора */
    .quick-calc-form {
        width: 100%;
        max-width: 100%;
        box-sizing: border-box;
        padding: 0;
        margin: 0;
        overflow: hidden;
    }
    
    .form-step {
        width: 100%;
        max-width: 100%;
        box-sizing: border-box;
    }
    
    /* Сетка опций */
    .options-grid {
        display: grid;
        grid-template-columns: 1fr;
        gap: 8px;
        width: 100%;
        max-width: 100%;
        box-sizing: border-box;
    }
    
    .option-card {
        width: 100%;
        max-width: 100%;
        box-sizing: border-box;
        padding: 12px 8px;
        margin: 0;
        border-radius: 8px;
        word-wrap: break-word;
        overflow-wrap: break-word;
    }
    
    .option-card .icon {
        font-size: 24px;
        margin-bottom: 6px;
    }
    
    .option-card .text {
        font-size: 12px;
        line-height: 1.2;
        word-wrap: break-word;
    }
    
    .option-card .badge {
        font-size: 8px;
        padding: 1px 4px;
        top: -4px;
        right: -4px;
    }
    
    /* Заголовки карточек */
    .card-header h3 {
        font-size: 16px;
        word-wrap: break-word;
    }
    
    .card-header p {
        font-size: 12px;
        word-wrap: break-word;
    }
    
    /* Форма */
    .form-label {
        font-size: 14px;
        word-wrap: break-word;
    }
    
    .range-input-wrapper {
        width: 100%;
        max-width: 100%;
        box-sizing: border-box;
    }
    
    .range-input {
        width: 100%;
        max-width: 100%;
        box-sizing: border-box;
    }
    
    .range-display {
        font-size: 14px;
    }
    
    /* Результат калькулятора */
    .calc-result {
        width: 100%;
        max-width: 100%;
        box-sizing: border-box;
        word-wrap: break-word;
    }
    
    .price-display {
        width: 100%;
        max-width: 100%;
        box-sizing: border-box;
    }
    
    .final-price {
        font-size: 20px;
    }
    
    .old-price {
        font-size: 14px;
    }
    
    .discount-badge {
        font-size: 12px;
    }
    
    /* Поля формы */
    .form-group {
        width: 100%;
        max-width: 100%;
        box-sizing: border-box;
    }
    
    .form-control {
        width: 100%;
        max-width: 100%;
        box-sizing: border-box;
        font-size: 14px;
        padding: 12px 8px;
    }
    
    /* Кнопки */
    .btn {
        width: 100%;
        max-width: 100%;
        box-sizing: border-box;
        font-size: 12px;
        padding: 10px 8px;
        word-wrap: break-word;
        overflow-wrap: break-word;
        white-space: normal;
        line-height: 1.2;
    }
    
    .btn-lg {
        font-size: 13px;
        padding: 12px 8px;
    }
    
    /* Прогресс калькулятора */
    .calc-progress {
        width: 100%;
        max-width: 100%;
        box-sizing: border-box;
    }
    
    .step-counter {
        font-size: 12px;
    }
    
    .guarantee-text {
        font-size: 11px;
        word-wrap: break-word;
    }
    
    /* Trust секция */
    .trust-grid {
        width: 100%;
        max-width: 100%;
        box-sizing: border-box;
        grid-template-columns: 1fr;
    }
    
    .trust-item {
        width: 100%;
        max-width: 100%;
        box-sizing: border-box;
    }
    
    .trust-number {
        font-size: 16px;
    }
    
    .trust-label {
        font-size: 11px;
    }
    
    /* Services секция */
    .services-grid {
        width: 100%;
        max-width: 100%;
        box-sizing: border-box;
    }
    
    .service-card {
        width: 100%;
        max-width: 100%;
        box-sizing: border-box;
    }
    
    .service-price .price {
        font-size: 16px;
    }
    
    /* Authority секция */
    .authority-grid {
        width: 100%;
        max-width: 100%;
        box-sizing: border-box;
        grid-template-columns: 1fr;
    }
    
    .authority-item {
        width: 100%;
        max-width: 100%;
        box-sizing: border-box;
    }
    
    .authority-text h4 {
        font-size: 14px;
    }
    
    .authority-text p {
        font-size: 12px;
    }
    
    .footer-content {
        width: 100%;
        max-width: 100%;
        box-sizing: border-box;
    }
    
    .footer-section {
        width: 100%;
        max-width: 100%;
        box-sizing: border-box;
    }
    
    .modal-content {
        width: 95%;
        max-width: 95%;
        box-sizing: border-box;
        margin: 10px auto;
        padding: 15px;
    }
    
    .modal-header h2 {
        font-size: 16px;
    }
    
    .floating-elements {
        display: none !important;
    }
    
    .cookie-notice {
        width: 100%;
        max-width: 100%;
        box-sizing: border-box;
    }
    
    .cookie-text {
        width: 100%;
        max-width: 100%;
        box-sizing: border-box;
        word-wrap: break-word;
    }
    
    .social-networks .social-links {
        width: 100%;
        max-width: 100%;
        box-sizing: border-box;
        flex-direction: column;
    }
    
    .social-networks .social-link {
        width: 100%;
        max-width: 100%;
        box-sizing: border-box;
    }
    
    #main-content {
        padding-top: 160px; /* Значительно увеличенный отступ для ландшафтной ориентации */
    }
    
    * {
        box-sizing: border-box;
    }
    
    img, video, iframe {
        max-width: 100%;
        height: auto;
        box-sizing: border-box;
    }
    
    table {
        width: 100%;
        max-width: 100%;
        box-sizing: border-box;
        font-size: 10px;
    }
    
    .float-left, .float-right {
        float: none;
        width: 100%;
        max-width: 100%;
        box-sizing: border-box;
    }
    
    .reviews-section {
        padding: 30px 0;
    }
    
    .reviews-grid {
        gap: 12px;
    }
    
    .review-card {
        padding: 12px;
        border-radius: 10px;
    }
    
    .review-text {
        font-size: 12px;
        padding-left: 10px;
        line-height: 1.4;
    }
    
    .review-text:before {
        font-size: 16px;
        top: -1px;
    }
    
    .review-header {
        gap: 8px;
    }
    
    .review-author {
        gap: 8px;
    }
    
    .author-avatar {
        width: 30px;
        height: 30px;
        font-size: 11px;
    }
    
    /* Исправления для заголовков секций на очень узких экранах */
    .section-header h2 {
        font-size: 18px !important;
        line-height: 1.2;
        padding: 0 5px;
        word-break: break-word;
    }
    
    .section-header p {
        font-size: 13px;
        padding: 0 5px;
        line-height: 1.3;
    }
    
    /* Исправления для certificates-row на очень узких экранах */
    .certificates-row {
        padding: 0 3px;
    }
    
    .certificates-text {
        font-size: 12px;
        line-height: 1.2;
    }
}