/* Специфичные стили только для страницы promPhoto.html */

/* Принудительно устанавливаем padding-top для hero-section на мобильной версии */
@media (max-width: 767px) {
    .hero-section,
    section.hero-section,
    main .hero-section,
    body .hero-section,
    html body .hero-section {
        padding-top: 45px !important;
        padding-bottom: 0 !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
        margin: 0 !important;
        margin-top: 0 !important;
        margin-bottom: 0 !important;
        padding-block-start: 45px !important;
        padding-block-end: 0 !important;
        margin-block: 0 !important;
        /* Диагностические стили убраны - работает корректно */
    }
    
    /* Убираем все возможные отступы у контейнера внутри hero-section */
    .hero-section .container,
    section.hero-section .container,
    .hero-section > .container {
        margin-top: 0 !important;
        padding-top: 0 !important;
        margin-block-start: 0 !important;
        padding-block-start: 0 !important;
    }
    
    /* Переопределяем специфичное правило body:has(.hero-section) .hero-section */
    body:has(.hero-section) .hero-section,
    html body:has(.hero-section) .hero-section,
    body .hero-section {
        padding: 45px 15px 40px 15px !important; /* Устанавливаем верхний отступ 45px */
    }
}

/* Стили для футера */
footer {
    background-color: #666 !important;
    color: #fff !important;
    padding: 0 !important;
    text-align: center !important;
    height: 260px !important;
}

footer .container .row {
    min-height: 200px !important;
    align-items: center !important;
}

footer .row {
    min-height: 200px !important;
    align-items: center !important;
}

.footer-bottom {
    max-height: 100px !important;
    background-color: #313131 !important;
    height: 40px !important;
    display: flex !important;
    align-items: center !important;
    margin-top: 0 !important;
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}

/* Hover эффекты для ссылок в футере только на десктопе */
@media (min-width: 768px) {
    footer a.linkServicesFooter:hover,
    footer .footer-text1 a:hover,
    footer a[href*="catalogs"]:hover,
    footer a[href*="brochures"]:hover,
    footer a[href*="books"]:hover,
    footer a[href*="services"]:hover {
        color: rgb(51, 55, 140) !important;
        text-decoration: none !important;
        transition: color 0.3s ease !important;
    }
    
    footer a.contact-phoneFooter:hover,
    footer a[href^="tel:"]:hover {
        color: rgb(51, 55, 140) !important;
        text-decoration: none !important;
        transition: color 0.3s ease !important;
    }
}

/* На мобильных устройствах отключаем hover эффекты */
@media (max-width: 767px) {
    footer a.linkServicesFooter:hover,
    footer .footer-text1 a:hover,
    footer a[href*="catalogs"]:hover,
    footer a[href*="brochures"]:hover,
    footer a[href*="books"]:hover,
    footer a[href*="services"]:hover,
    footer a.contact-phoneFooter:hover,
    footer a[href^="tel:"]:hover {
        color: #ffffff !important;
        text-decoration: none !important;
    }
}

/* Мобильная оптимизация футера */
@media (max-width: 768px) {
    /* Стили только для футера - не затрагивают другие элементы */
    footer {
        /* Центрируем весь текст в футере на мобильных */
        text-align: center !important;
    }
    
    /* Убираем все лишние отступы у блоков футера */
    footer .container,
    footer .row,
    footer .col-md-4,
    footer .col-sm-12,
    footer .card-body,
    footer .footerIcon,
    footer .footerLogo,
    footer .footer-text1,
    footer .footer-text3 {
        margin: 0 !important;
        padding: 0 !important;
    }
    
    /* Центрируем все элементы футера */
    footer .col-md-4,
    footer .col-md-4 *,
    footer .col-sm-12,
    footer .col-sm-12 * {
        text-align: center !important;
    }
    
    /* Стили для параграфов и заголовков в футере */
    footer p,
    footer .col-md-4 p,
    footer p[style*="text-align"] {
        text-align: center !important;
        margin-top: 4px !important;
        margin-bottom: 4px !important;
        line-height: 1.2 !important;
    }
    
    footer h2,
    footer .col-md-4 h2,
    footer h2[style*="text-align"] {
        text-align: center !important;
        margin-bottom: 4px !important;
    }
    
    /* Стили для ссылок в футере */
    footer a,
    footer .col-md-4 a,
    footer a[style*="text-align"] {
        text-align: center !important;
        display: inline !important;
    }
    
    /* Стили для логотипа */
    footer .footerLogo,
    footer .col-md-4 .footerLogo {
        text-align: center !important;
        display: flex !important;
        justify-content: center !important;
        align-items: center !important;
    }
    
    /* Стили для div элементов */
    footer div,
    footer .col-md-4 div,
    footer div[style*="text-align"] {
        text-align: center !important;
    }
    
    /* Стили для телефонов */
    footer .contact-phoneFooter,
    footer .col-md-4 .contact-phoneFooter,
    footer .contact-phoneFooter[style*="text-align"] {
        white-space: nowrap !important;
        overflow-x: auto !important;
        text-align: center !important;
    }
    
    footer .contact-phoneFooter a,
    footer .col-md-4 .contact-phoneFooter a,
    footer .contact-phoneFooter a[style*="text-align"] {
        white-space: nowrap !important;
        display: inline !important;
        text-align: center !important;
    }
    
    /* Стили для последней колонки (контакты) */
    footer .col-md-4:last-child,
    footer .col-md-4:last-child * {
        text-align: center !important;
    }
    
    /* Центрируем копирайт и информацию о разработке */
    footer .footer-bottom {
        text-align: center !important;
    }
    
    /* Добавляем отступ слева 10px у "© 2025 УП РЕКХАУС, УНП 101455816" и выравниваем по левой стороне */
    footer .footer-bottom_p1,
    footer .footer-bottom_p1 p,
    footer .footer-copyright {
        margin-left: 10px !important;
        text-align: left !important;
    }
    
    /* Добавляем отступ справа 10px у "РАЗРАБОТКА - УП РЕКХАУС" и оставляем центрированным */
    footer .footer-bottom_p2,
    footer .footer-bottom_p2 p {
        margin-right: 10px !important;
        padding-right: 10px !important;
        text-align: center !important;
    }
    
    /* Специально для заголовка КОНТАКТЫ - убираем лишние отступы */
    footer h2:contains("КОНТАКТЫ"),
    footer .col-md-4:last-child h2 {
        margin-top: 0 !important;
        margin-bottom: 4px !important;
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }
    
    /* Убираем отступы у первого параграфа после заголовка КОНТАКТЫ */
    footer .col-md-4:last-child h2 + p,
    footer .col-md-4:last-child h2 ~ p:first-of-type {
        margin-top: 4px !important;
        margin-bottom: 4px !important;
    }
    
    /* Агрессивный сброс всех отступов в футере */
    footer * {
        margin: 0 !important;
        padding: 0 !important;
    }
    
    /* Восстанавливаем отступы для footer-bottom элементов */
    footer .footer-bottom_p2,
    footer .footer-bottom_p2 p {
        margin-right: 10px !important;
        padding-right: 10px !important;
    }
    
    footer .footer-bottom_p1,
    footer .footer-bottom_p1 p,
    footer .footer-copyright {
        margin-left: 10px !important;
        padding-left: 10px !important;
    }
    
    /* Восстанавливаем нужные отступы только для текстовых элементов */
    footer p {
        margin-top: 4px !important;
        margin-bottom: 4px !important;
    }
    
    footer h2 {
        margin-bottom: 4px !important;
    }
    
    /* Размер шрифта для телефонов такой же как у адреса */
    footer .contact-phoneFooter,
    footer .contact-phoneFooter a {
        font-size: 14pt !important; /* Такой же размер как у адреса */
    }
    
    /* Уменьшаем расстояние между телефонами и адресом */
    footer .contact-phoneFooter {
        margin-bottom: 2px !important; /* Уменьшаем с 4px на 2px */
    }
}

/* Дополнительные стили для промо фото страницы */
.promFotoSlayder {
    margin-bottom: 20px;
}

.height-1PromFoto {
    margin-bottom: 20px;
}

/* Стили для упрощенной структуры broshureBlock_2 */
.broshureBlock_2 {
    padding: 40px 0 40px 0; /* Увеличиваем внутренний отступ снизу до 40px */
}

/* Стили для блока с колонками */
.broshureBlock_2_2 {
    margin-top: 40px !important; /* Добавляем отступ сверху */
    padding: 20px 0 20px 0 !important; /* Увеличиваем нижний внутренний отступ до 20px */
    align-items: flex-start !important; /* Убираем центрирование по вертикали */
}

/* Десктоп: центрируем колонки по горизонтали */
@media (min-width: 769px) {
    .broshureBlock_2_2 { justify-content: center !important; }
}

/* Стили для текста в колонках */
.broshureBlock_2_2 .col-3 {
    text-align: center !important; /* Центрируем весь текст в колонках */
}

/* Десктоп: уменьшаем ширину колонок col-3 на 20% (с 25% до 20%) */
@media (min-width: 769px) {
    .row.broshureBlock_2_2 .col-3 {
        flex: 0 0 20% !important;
        max-width: 20% !important;
    }
}

.broshureBlock_2_2 .weight {
    text-align: center !important; /* Центрируем заголовки */
    margin-bottom: 4px !important; /* Уменьшаем отступ снизу для заголовков */
    font-weight: bold !important; /* Жирный шрифт */
    font-size: 15pt !important; /* Уменьшаем размер шрифта на 1pt (было 16pt, стало 15pt) */
}

.broshureBlock_2_2 .broshureText1 {
    text-align: center !important; /* Центрируем описания */
    line-height: 1.4 !important; /* Стандартный межстрочный интервал */
}

/* Стили для блока с преимуществами */
.broshureContent3 {
    display: flex !important; /* Flexbox для вертикального центрирования */
    align-items: center !important; /* Центрирование по вертикали */
    background: linear-gradient(135deg, rgba(0,0,0,0.7) 0%, rgba(0,0,0,0.5) 100%) !important; /* Серый градиентный фон как у hero-section */
    color: white !important; /* Белый цвет текста */
    padding: 60px 0 !important; /* Добавляем отступы */
    margin: 0 0 40px 0 !important; /* Убираем верхний отступ, оставляем нижний 40px */
}

.broshureContent3 .col-4 {
    display: flex !important;
    align-items: center !important; /* Центрирование заголовка по вертикали */
    justify-content: flex-start !important; /* Выравнивание по левой стороне */
}

.broshureContent3 .col-6 {
    padding-left: 35px !important; /* Внутренний отступ слева увеличен на 20px */
}

.broshureContent3 .booksText2 {
    margin: 0 !important; /* Убираем отступы у заголовка */
    text-align: left !important; /* Выравниваем по левой стороне */
    font-weight: normal !important; /* Обычный шрифт как у основного заголовка */
    font-size: 1.8rem !important; /* Размер шрифта увеличен на 2 пункта */
    color: white !important; /* Белый цвет заголовка */
    text-shadow: 2px 2px 4px rgba(0,0,0,0.5) !important; /* Тень как у основного заголовка */
    line-height: 1.2 !important; /* Межстрочный интервал как у основного заголовка */
    text-transform: uppercase !important; /* Прописные буквы как у основного заголовка */
}

/* Белый цвет для всего текста в блоке преимуществ */
.broshureContent3 .weight2 {
    color: white !important;
    font-weight: 600 !important; /* Полужирный шрифт для заголовков */
    text-shadow: 1px 1px 2px rgba(0,0,0,0.5) !important; /* Тень для заголовков */
    font-size: 1.3rem !important; /* Увеличиваем размер еще на 1 пункт */
    padding-right: 15px !important; /* Отступ справа 15px */
    line-height: 1.2 !important; /* Уменьшенный межстрочный интервал */
}

.broshureContent3 .booksBlock_3_1 {
    color: white !important;
    font-weight: normal !important; /* Обычный шрифт для описаний */
    text-shadow: none !important; /* Убираем тень у описаний */
    font-size: 1.0rem !important; /* Увеличиваем размер на 1 пункт */
    line-height: 1.2 !important; /* Уменьшенный межстрочный интервал */
}

.broshureContent3 p {
    color: white !important;
}

.broshureContent3 span {
    color: white !important;
}

.broshureContent3 h2 {
    color: white !important;
}

/* Убираем верхний внешний отступ у ряда с преимуществами на десктопе */
.row.transparent-content2.broshureContent3 {
    margin-top: 0 !important;
}

/* Десктоп: убираем нижний внешний отступ у ряда с преимуществами */
@media (min-width: 769px) {
    .row.transparent-content2.broshureContent3 {
        margin-bottom: 0 !important;
    }
}

/* Десктоп: добавляем верхний внутренний отступ для блока CTA */
@media (min-width: 769px) {
    .booksContent5.broshureContent5Catalog {
        padding-top: 40px !important;
    }
}

.broshureBlock_2 .container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 15px 20px 15px; /* Добавляем отступ снизу для контейнера */
}

.broshureBlock_2 h2 {
    text-align: center;
    margin-top: 0 !important; /* Убираем отрицательный отступ сверху */
    margin-bottom: 30px; /* Увеличиваем отступ снизу с 20px до 30px */
    color: #666; /* Тот же цвет, что и у основного текста */
    line-height: 1.4; /* Тот же межстрочный интервал, что и у текста */
    text-transform: uppercase; /* Прописные буквы */
    font-weight: bold !important; /* Жирный шрифт */
}

/* Стили для заголовка "Создайте правильный имидж..." - такие же как у "ВИДЫ ПРОМЫШЛЕННОЙ ФОТОСЪЕМКИ" */
.booksContent5 h2 {
    text-align: center !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important; /* Убираем отступ снизу */
    color: #666 !important;
    line-height: 1.4 !important;
    text-transform: uppercase !important;
    font-weight: bold !important;
}

/* Десктоп: показываем однострочную версию заголовка, скрываем многострочную */
@media (min-width: 769px) {
    .booksContent5 h2 .h2-desktop-inline { display: inline !important; }
    .booksContent5 h2 .h2-mobile-multiline { display: none !important; }
}

/* Мобильные: показываем многострочную версию, скрываем однострочную */
@media (max-width: 768px) {
    .booksContent5 h2 .h2-desktop-inline { display: none !important; }
    .booksContent5 h2 .h2-mobile-multiline { display: inline !important; }
}

/* Стили для текста в блоке "Создайте правильный имидж..." - такие же как у broshureText1 */
.booksContent5 p {
    text-align: center !important;
    font-size: 1.1rem !important;
    line-height: 1.4 !important;
    color: #666 !important;
    max-width: 800px !important;
    margin: 0 auto !important;
    margin-bottom: 0 !important; /* Отступ снизу такой же как у заголовка сверху */
    padding-bottom: 35px !important; /* Внутренний нижний отступ увеличен на 5px */
}

.booksContent5 p a {
    color: #666 !important; /* Тот же цвет, что и у основного текста */
    text-decoration: none !important; /* Убираем подчеркивание */
    transition: all 0.3s ease !important; /* Плавный переход для hover эффекта */
}

.booksContent5 p a:hover {
    color: rgb(51, 55, 140) !important; /* Тот же цвет, что и у ссылок в футере */
    text-decoration: none !important; /* Без подчеркивания */
}

/* Увеличиваем высоту видимой области слайдера на мобильных */
/* Приводим высоту слайдера к тем же значениям, что и на studioPhoto */
#industrialPhotoSlider .carousel-item { height: 600px !important; }
#industrialPhotoSlider .carousel-item img { height: 100% !important; width: 100% !important; object-fit: cover !important; }

@media (max-width: 767px) {
    #industrialPhotoSlider,
    #industrialPhotoSlider .carousel-inner,
    #industrialPhotoSlider .carousel-item { height: 400px !important; min-height: 400px !important; }
    #industrialPhotoSlider .carousel-item picture,
    #industrialPhotoSlider .carousel-item img { height: 400px !important; min-height: 400px !important; width: 100% !important; object-fit: cover !important; object-position: center center !important; display: block !important; }
}

.broshureBlock_2 .broshureText1 {
    text-align: center;
    font-size: 1.1rem;
    line-height: 1.4; /* Стандартный межстрочный интервал */
    color: #666;
    max-width: 800px;
    margin: 0 auto;
}

.broshureBlock_2 .broshureText1 a {
    color: #666; /* Тот же цвет, что и у основного текста */
    text-decoration: none; /* Убираем подчеркивание */
    transition: all 0.3s ease; /* Плавный переход для hover эффекта */
}

.broshureBlock_2 .broshureText1 a:hover {
    color: rgb(51, 55, 140); /* Тот же цвет, что и у ссылок в футере */
    text-decoration: none; /* Без подчеркивания */
}

/* Стили для hero секции */
.hero-section {
    padding: 100px 0 60px 0; /* Нижний внутренний отступ 60px */
    text-align: center;
    background: #666 !important; /* Непрозрачный фон */
    color: white !important; /* Белый цвет текста */
    position: relative;
    z-index: 1;
}

.hero-section h1 {
    font-size: 2.5rem;
    font-weight: normal; /* Убираем жирность */
    margin-bottom: 1.5rem;
    text-shadow: 2px 2px 4px rgba(0,0,0,0.5);
    line-height: 1.2;
    color: white !important; /* Белый цвет заголовка */
    text-transform: uppercase; /* Прописные буквы */
}

.hero-section p {
    font-size: 1.1rem;
    line-height: 1.6;
    max-width: 800px;
    margin: 0 auto;
    margin-bottom: -20px !important; /* Уменьшаем расстояние под текстом на 20px */
    text-shadow: 1px 1px 2px rgba(0,0,0,0.5);
    color: white !important; /* Белый цвет параграфа */
}

/* Мобильная оптимизация для контента */
@media (max-width: 768px) {
    /* Стили для hero секции на мобильных */
    body:has(.hero-section) .hero-section {
        padding: 105px 15px 40px 15px !important; /* Верхний отступ 105px, нижний 40px на мобильных */
        height: auto !important; /* Убираем ограничение по высоте */
        min-height: auto !important; /* Убираем минимальную высоту */
        max-height: none !important; /* Убираем максимальную высоту */
        position: relative !important; /* Устанавливаем относительное позиционирование */
        z-index: 1 !important; /* Устанавливаем z-index выше фона, но ниже навбара */
        margin-top: 0 !important; /* Убираем внешний отступ сверху */
        margin-bottom: 0 !important; /* Убираем внешний отступ снизу на мобильных */
        display: flex !important; /* Используем flexbox для центрирования */
        flex-direction: column !important; /* Вертикальное направление */
        justify-content: center !important; /* Центрирование по вертикали */
        align-items: center !important; /* Центрирование по горизонтали */
    }
    
    .hero-section h1 {
        font-size: 1.4rem;
        margin-bottom: 1rem;
    }
    
    .hero-section p {
        font-size: 1rem;
        line-height: 1.5;
        margin-bottom: 0 !important; /* Убираем отрицательный отступ снизу только на мобильных */
    }
    
    /* Мобильные стили для заголовка преимуществ */
    .broshureContent3 .booksText2 {
        font-size: 1.1rem !important; /* Размер увеличен на 2 пункта для мобильных */
        margin-bottom: 1rem !important;
    }
    
    /* Мобильные стили для заголовков преимуществ */
    .broshureContent3 .weight2 {
        font-size: 1.0rem !important; /* Уменьшаем размер на 1 пункт для мобильных */
    }
    
    /* Мобильные стили для описаний преимуществ */
    .broshureContent3 .booksBlock_3_1 {
        font-size: 0.9rem !important; /* Размер увеличен на 1 пункт для мобильных */
    }
    
    /* Уменьшаем шрифт заголовка "Создайте правильный имидж" на 1 пункт для мобильных */
    .booksContent5 h2 {
        font-size: 1.3rem !important; /* Устанавливаем размер 1.3rem для мобильных */
    }
    
    /* Добавляем внутренние отступы слева и справа по 15px для блока с текстом "Создайте правильный имидж" */
    .booksContent5 {
        padding-left: 15px !important;
        padding-right: 15px !important;
        margin-bottom: 10px !important; /* Добавляем нижний отступ 10px для мобильных */
    }
    
    /* Устанавливаем нижний отступ 20px для блока booksContent5 broshureContent5Catalog на мобильных */
    .booksContent5.broshureContent5Catalog {
        margin-bottom: 20px !important;
    }
    
    /* Единообразное форматирование текста и ссылок в параграфе для мобильных */
    .booksContent5 p {
        font-size: 14px !important;
        line-height: 1.4 !important;
        margin-bottom: 0 !important;
    }
    
    .booksContent5 p a {
        font-size: 14px !important;
        line-height: 1.4 !important;
        text-decoration: none !important;
        color: #666 !important;
        font-weight: normal !important;
        display: inline !important;
    }
    
    
    .broshureBlock_2 h1 {
        font-size: 20px !important;
        text-align: center !important;
    }
    
    .broshureText1 {
        font-size: 14px !important;
        text-align: center !important;
        padding: 0 15px !important;
    }
    
    .broshureBlock_2_2 .col-3 {
        flex: 0 0 100% !important;
        max-width: 100% !important;
        margin-bottom: 20px !important;
        text-align: center !important;
    }
    
    .weightBroshure {
        font-size: 17px !important; /* Уменьшаем размер на 1px для мобильных */
        font-weight: bold !important;
        margin-bottom: 10px !important;
    }
    
    .broshureContent3 h1 {
        font-size: 18px !important;
        text-align: center !important;
    }
    
    .weight2 {
        font-size: 14px !important;
        margin-bottom: 15px !important;
    }
    
    .booksContent5 h1 {
        font-size: 20px !important;
        text-align: center !important;
    }
    
    .booksContent5 p {
        font-size: 14px !important;
        text-align: center !important;
        padding: 0 15px !important;
    }
    
    /* Исправляем наложение заголовка "ВИДЫ ПРОМЫШЛЕННОЙ ФОТОСЪЕМКИ" на мобильных */
    .broshureBlock_2 {
        padding: 40px 0 60px 0 !important; /* Увеличиваем нижний отступ на мобильных */
        margin-bottom: 20px !important; /* Добавляем внешний отступ снизу */
    }
    
    /* Убираем нижний отступ у broshureBlock_2 height-1PromFoto на мобильных */
    .broshureBlock_2.height-1PromFoto {
        margin-bottom: 0 !important; /* Убираем нижний отступ */
    }
    
    .broshureBlock_2 .container {
        padding: 0 15px 30px 15px !important; /* Увеличиваем нижний отступ контейнера */
    }
    
    .broshureBlock_2 h2 {
        margin-bottom: 10px !important; /* Отступ снизу у заголовка 10px на мобильных */
    }
    
    /* Увеличиваем размер шрифта и выравниваем по центру заголовок "Преимущества работы с нами" на мобильных */
    .broshureContent3 .booksText2 {
        font-size: 1.3rem !important; /* Увеличиваем размер шрифта на 2pt */
        text-align: center !important; /* Выравниваем по центру */
        display: flex !important; /* Используем flexbox */
        justify-content: center !important; /* Центрируем по горизонтали */
        align-items: center !important; /* Центрируем по вертикали */
        width: 100% !important; /* Занимаем всю ширину */
    }
    
    /* Исправляем z-index проблемы на мобильных */
    .broshureContent3 {
        position: relative !important;
        z-index: 2 !important; /* Устанавливаем z-index выше обычного контента */
        margin-top: 0 !important; /* Убираем отступ сверху */
        margin-bottom: 0 !important; /* Убираем отступ снизу */
    }
    
    /* Убираем отступы у row transparent-content2 broshureContent3 на мобильных */
    .row.transparent-content2.broshureContent3 {
        margin-top: 0 !important; /* Убираем верхний отступ */
        margin-bottom: 0 !important; /* Убираем нижний отступ */
        display: block !important; /* Отключаем flexbox поведение row */
        flex-wrap: nowrap !important; /* Отключаем flex-wrap */
        padding-top: 40px !important; /* Добавляем верхний внутренний отступ 40px */
        padding-bottom: 20px !important; /* Добавляем нижний внутренний отступ 20px */
    }
    
    /* Изменяем ширину колонок в broshureContent3 на мобильных */
    .row.transparent-content2.broshureContent3 .col-1 {
        display: none !important; /* Скрываем col-1 */
    }
    
    .row.transparent-content2.broshureContent3 .col-4 {
        flex: 0 0 100% !important; /* Делаем col-4 на всю ширину */
        max-width: 100% !important; /* Максимальная ширина 100% */
        width: 100% !important; /* Ширина 100% */
    }
    
    .row.transparent-content2.broshureContent3 .col-6 {
        flex: 0 0 100% !important; /* Делаем col-6 на всю ширину */
        max-width: 100% !important; /* Максимальная ширина 100% */
        width: 100% !important; /* Ширина 100% */
    }
    
    .booksContent5 {
        position: relative !important;
        z-index: 1 !important; /* Обычный z-index для нижнего блока */
        margin-top: 20px !important; /* Добавляем отступ сверху */
    }
    
    /* Убираем отрицательные отступы у broshureText1 только на мобильных */
    .broshureText1 {
        margin-bottom: 0 !important; /* Убираем отрицательный отступ снизу */
        margin-top: 0 !important; /* Убираем отрицательный отступ сверху -30px только на мобильных */
        line-height: 1.4 !important; /* Единообразный межстрочный отступ */
        text-align: center !important; /* Центрирование текста */
        font-size: 14px !important; /* Единообразный размер шрифта */
    }
    
    /* Единообразное форматирование ссылок в broshureText1 на мобильных */
    .broshureText1 a,
    .broshureBlock_2 .broshureText1 a,
    .height-1PromFoto .broshureText1 a {
        font-size: 14px !important; /* Такой же размер шрифта как у основного текста */
        line-height: 1.4 !important; /* Такой же межстрочный отступ */
        text-decoration: none !important; /* Убираем подчеркивание */
        color: #666 !important; /* Такой же цвет как у основного текста */
        font-weight: normal !important; /* Обычный вес шрифта */
        display: inline !important; /* Инлайн отображение */
    }
    
    /* Переопределяем правило из promPhoto.css для height-1PromFoto только на мобильных */
    .height-1PromFoto p {
        margin-top: 0 !important; /* Убираем отрицательный отступ -30px только на мобильных */
    }
    
    /* Убираем верхний отступ у row broshureBlock_2_2 на мобильных */
    .row.broshureBlock_2_2 {
        margin-top: 0 !important; /* Убираем верхний отступ */
        padding-top: 0 !important; /* Убираем верхний внутренний отступ */
        padding-bottom: 20px !important; /* Добавляем нижний внутренний отступ 20px */
    }

    /* Prevent overlap: let the intro block grow naturally on mobile */
    .height-1PromFoto {
        height: auto !important;
        min-height: auto !important;
        overflow: visible !important;
    }
    .height-1PromFoto .container {
        height: auto !important;
        min-height: auto !important;
        overflow: visible !important;
    }

    /* Добавляем отступы сверху и снизу для блока с заголовком "ВИДЫ ПРОМЫШЛЕННОЙ ФОТОСЪЕМКИ" на мобильных */
    .broshureBlock_2.height-1PromFoto {
        padding-top: 20px !important;
        padding-bottom: 20px !important;
    }
    .broshureBlock_2.height-1PromFoto .container {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }
}

/* Стили для блока broshureBlock_2 height-1PromFoto */
.broshureBlock_2.height-1PromFoto {
    background-color: #ffffff !important; /* Белый фон */
}

.broshureBlock_2.height-1PromFoto h2,
.broshureBlock_2.height-1PromFoto p,
.broshureBlock_2.height-1PromFoto .broshureText1 {
    color: #666666 !important; /* Серый цвет текста */
}

.broshureBlock_2.height-1PromFoto a {
    color: #666666 !important; /* Серый цвет ссылок */
}

.broshureBlock_2.height-1PromFoto a:hover {
    color: rgb(51, 55, 140) !important; /* Синий цвет при наведении */
}

/* Тень для заголовка "ВИДЫ ПРОМЫШЛЕННОЙ ФОТОСЪЕМКИ" */
.broshureBlock_2.height-1PromFoto h2 {
    text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2) !important;
    font-weight: normal !important; /* Убираем жирность */
}

/* Увеличиваем размер шрифта на 15pt только для десктопа */
@media (min-width: 769px) {
    .broshureBlock_2.height-1PromFoto h2 {
        font-size: calc(1em + 15pt) !important;
    }
}

/* Тень для заголовка "Создайте правильный имидж..." */
.booksContent5.broshureContent5Catalog h2,
.booksContent5.broshureContent5Catalog .h2-desktop-inline,
.booksContent5.broshureContent5Catalog .h2-mobile-multiline {
    text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2) !important;
    font-weight: normal !important; /* Убираем жирность */
}