/* Специфичные стили для aerialPhoto.html */

/* Стили для блока broshureBlock_2 height-1PromFoto */
.broshureBlock_2.height-1PromFoto {
    padding-top: 30px !important;
    padding-bottom: 20px !important;
    background-color: #ffffff !important; /* Белый фон */
    text-align: center !important;
}

.broshureBlock_2.height-1PromFoto .container {
    max-width: 1200px !important;
    margin: 0 auto !important;
}

.broshureBlock_2.height-1PromFoto h2 {
    color: #666666 !important; /* Серый цвет текста */
    font-weight: normal !important; /* Убираем жирность */
    text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2) !important; /* Менее заметная тень */
    margin-bottom: 0 !important; /* Убираем нижний отступ */
    text-transform: uppercase !important; /* Делаем текст прописным */
}

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

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

/* Убираем margin-bottom у broshureText1 */
.broshureText1 {
    margin-bottom: 0 !important;
}

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

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

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

/* Стили для блока broshureBlock_2_2 */
.row.broshureBlock_2_2 {
    padding-top: 20px !important;
    padding-bottom: 30px !important; /* Увеличиваем нижний паддинг до 30px */
    text-align: center !important;
    justify-content: center !important;
}

.row.broshureBlock_2_2 .col-3 {
    text-align: center !important;
}

/* Десктопные стили для col-3 */
@media (min-width: 769px) {
    .row.broshureBlock_2_2 .col-3 {
        flex: 0 0 20% !important;
        max-width: 20% !important;
    }
    
    .row.broshureBlock_2_2 {
        justify-content: center !important;
    }
    
    /* Увеличиваем размер шрифта заголовков на 3pt для десктопа */
    .row.broshureBlock_2_2 .weight.weightBroshure {
        font-size: calc(1em + 3pt) !important;
    }
    
    /* Базовый размер шрифта описаний для десктопа */
    .row.broshureBlock_2_2 .broshureText1 {
        font-size: 1em !important;
    }
}

/* Мобильные стили для col-3 */
@media (max-width: 768px) {
    .row.broshureBlock_2_2 {
        display: block !important;
    }
    
    .row.broshureBlock_2_2 .col-3 {
        flex: 0 0 100% !important;
        max-width: 100% !important;
        width: 100% !important;
    }
    
    .row.broshureBlock_2.height-1PromFoto {
        margin-bottom: 0 !important;
    }
    
    .broshureBlock_2.height-1PromFoto {
        padding-bottom: 0 !important;
    }
}

.weight.weightBroshure {
    font-weight: bold !important;
    margin-bottom: 0 !important;
}

/* Стили для блока transparent-content2 broshureContent3 */
.row.transparent-content2.broshureContent3 {
    padding-top: 70px !important;
    padding-bottom: 70px !important;
    background-color: #666 !important;
    display: flex !important;
    align-items: center !important;
}

.row.transparent-content2.broshureContent3 .col-4 {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding-left: 30px !important;
}

.row.transparent-content2.broshureContent3 h2,
.row.transparent-content2.broshureContent3 p,
.row.transparent-content2.broshureContent3 a {
    color: #ffffff !important;
}

.row.transparent-content2.broshureContent3 .weight2 {
    color: #ffffff !important;
    margin-bottom: 8px !important;
    font-weight: bold !important;
    text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2) !important; /* Добавляем тень */
    margin-block-end: 20px !important; /* Как у "Профессиональное оборудование" */
}

.row.transparent-content2.broshureContent3 .booksBlock_3_1 {
    color: #ffffff !important;
    font-weight: normal !important;
}

/* Десктопные стили для weight2 */
@media (min-width: 769px) {
    .row.transparent-content2.broshureContent3 .col-4 .weight2 {
        display: inline-block !important;
        width: 50% !important;
        box-sizing: border-box !important;
        text-align: left !important;
        padding-right: 10px !important;
    }
    
    .row.transparent-content2.broshureContent3 .weight2 {
        font-size: 22px !important; /* Уменьшено на 5pt от исходного */
        line-height: 20px !important; /* Как у "Профессиональное оборудование" */
    }
    
    .row.transparent-content2.broshureContent3 .booksBlock_3_1 {
        font-size: 20px !important; /* Как у "Профессиональное оборудование" */
        line-height: 20px !important; /* Как у "Профессиональное оборудование" */
        margin-block-end: 20px !important; /* Как у "Профессиональное оборудование" */
    }
}

/* Мобильные стили */
@media (max-width: 768px) {
    .row.transparent-content2.broshureContent3 {
        min-height: 450px !important;
    }
    
    .broshureContent3 .booksText2 {
        font-size: 1.5rem !important;
    }
    
    .row.transparent-content2.broshureContent3 .booksBlock_3_1 {
        font-size: 0.9rem !important;
    }
}

.broshureContent3 .booksText2 {
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.25) !important;
    text-transform: none !important; /* Убираем прописное начертание */
}

/* Стили для блока booksContent5 broshureContent5Catalog */
.booksContent5.broshureContent5Catalog {
    min-height: 240px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    background-color: #ffffff !important; /* Белый фон */
    color: #666666 !important; /* Серый цвет текста как у футера */
    padding-top: 40px !important;
    padding-bottom: 40px !important;
}

.booksContent5.broshureContent5Catalog h2 {
    color: #666666 !important; /* Серый цвет текста как у футера */
    text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2) !important; /* Менее заметная тень */
    font-weight: normal !important; /* Убираем жирность */
    text-transform: uppercase !important; /* Делаем текст прописным */
}

.booksContent5.broshureContent5Catalog p {
    color: #666666 !important; /* Серый цвет текста как у футера */
}

.booksContent5.broshureContent5Catalog a {
    color: #666666 !important; /* Серый цвет ссылок как у футера */
    text-decoration: none !important;
    transition: color 0.3s ease !important;
}

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


/* Высота блока row transparent-content */
.row.transparent-content {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    height: 300px !important; /* Фиксированная высота 300px */
}

/* Стили для слайдера аэрофотосъемки - как у studioPhotoSlider */
#aerialPhotoSlider {
    position: relative !important;
}

#aerialPhotoSlider .carousel-control-prev,
#aerialPhotoSlider .carousel-control-next {
    z-index: 5 !important;
    width: 12% !important;
    pointer-events: auto !important;
}

#aerialPhotoSlider .carousel-control-prev-icon,
#aerialPhotoSlider .carousel-control-next-icon {
    background-color: rgba(255, 255, 255, 0.22) !important;
    border-radius: 50% !important;
    width: 1.5rem !important;
    height: 1.5rem !important;
    background-size: 100% 100% !important;
    filter: none !important;
}

/* Тень для заголовка "Аэрофотосъемка" */
.row.transparent-content .booksBlock_1 h1 {
    text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.3) !important;
}

/* Мобильные стили для слайдера аэрофотосъемки - скопированы из promFotoSlayder */
@media (max-width: 767px) {
    #aerialPhotoSlider,
    #aerialPhotoSlider .carousel-inner,
    #aerialPhotoSlider .carousel-item { 
        height: 400px !important; 
        min-height: 400px !important; 
    }
    
    #aerialPhotoSlider .carousel-item picture,
    #aerialPhotoSlider .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; 
    }
}

/* Переносы строк в тексте аэрофотосъемки */
/* На мобильных показываем мобильные переносы, скрываем десктопные */
@media (max-width: 768px) {
    .booksBlock_1 p .br-mobile,
    .broshureText1 .br-mobile { 
        display: inline !important; 
    }
    .booksBlock_1 p .br-desktop,
    .broshureText1 .br-desktop { 
        display: none !important; 
    }
    
    /* Убираем ограничения по высоте для transparent-content на мобильных */
    .row.transparent-content {
        height: auto !important;
        min-height: auto !important;
        max-height: none !important;
        block-size: auto !important;
        min-block-size: auto !important;
        max-block-size: none !important;
    }
    
    /* Убираем нижний отступ у параграфа в transparent-content на мобильных */
    .row.transparent-content p {
        margin-bottom: 0 !important;
    }
    
    /* Увеличиваем размер заголовка "Направления аэрофотосъемки" на мобильных */
    .broshureBlock_2.height-1PromFoto h2 {
        font-size: calc(1em + 12pt) !important;
    }
    
    /* Одинаковый межстрочный интервал для всех элементов в broshureText1 на мобильных */
    .broshureBlock_2 .broshureText1,
    .broshureBlock_2 .broshureText1 a,
    .height-1PromFoto .broshureText1,
    .height-1PromFoto .broshureText1 a,
    .broshureText1 .br-mobile {
        line-height: 1.4 !important;
        font-size: 14px !important;
        display: inline !important;
    }
    
    /* Убираем лишние отступы у всех элементов в broshureText1 */
    .broshureText1 span,
    .broshureText1 a {
        margin: 0 !important;
        padding: 0 !important;
        vertical-align: baseline !important;
    }
    
    /* Добавляем внутренние отступы слева и справа для всех текстовых блоков на мобильных */
    .booksBlock_1,
    .broshureBlock_2 .container,
    .broshureBlock_2_2,
    .row.transparent-content2.broshureContent3,
    .booksContent5.broshureContent5Catalog {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }
    
    /* Увеличиваем размер заголовка "Закажите профессиональную аэрофотосъемку" на мобильных */
    .booksContent5.broshureContent5Catalog h2 {
        font-size: 2em !important;
    }
    
    /* Одинаковый межстрочный интервал для текста и ссылок в booksContent5 broshureContent5Catalog на мобильных */
    .booksContent5.broshureContent5Catalog p {
        line-height: 1.6 !important;
        font-size: 14px !important;
    }
    
    .booksContent5.broshureContent5Catalog p a {
        line-height: 1.6 !important;
        font-size: 14px !important;
        vertical-align: baseline !important;
        display: inline !important;
        margin: 0 !important;
        padding: 0 !important;
    }
    
    /* Убираем нижний отступ у broshureBlock_2 height-1PromFoto на мобильных */
    .broshureBlock_2.height-1PromFoto {
        margin-bottom: 0 !important;
    }
    
    /* Увеличиваем размер заголовков направлений на мобильных */
    .broshureBlock_2_2 .weight.weightBroshure {
        font-size: 18px !important;
    }
    
    /* Добавляем нижний внутренний отступ для row broshureBlock_2_2 на мобильных */
    .row.broshureBlock_2_2 {
        padding-bottom: 30px !important;
    }
    
    /* Убираем свойства row у transparent-content2 broshureContent3 на мобильных */
    .row.transparent-content2.broshureContent3 {
        display: flex !important;
        flex-direction: column !important;
        justify-content: center !important;
        align-items: stretch !important;
        flex-wrap: nowrap !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        height: 320px !important;
        min-height: 320px !important;
        max-height: 320px !important;
        padding: 20px 15px !important;
    }
    
    /* Изменяем структуру колонок в transparent-content2 broshureContent3 на мобильных */
    .row.transparent-content2.broshureContent3 .col-1 {
        display: none !important;
    }
    
    .row.transparent-content2.broshureContent3 .col-4 {
        flex: 0 0 100% !important;
        max-width: 100% !important;
        width: 100% !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
        text-align: center !important;
        height: 50px !important;
        min-height: 50px !important;
        max-height: 50px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
    }
    
    .row.transparent-content2.broshureContent3 .col-6 {
        flex: 0 0 100% !important;
        max-width: 100% !important;
        width: 100% !important;
        height: 200px !important;
        min-height: 200px !important;
        max-height: 200px !important;
        overflow-y: auto !important;
        padding-top: 10px !important;
    }
    
    /* Уменьшаем нижний отступ у weight2 в блоке преимуществ на мобильных */
    .row.transparent-content2.broshureContent3 .weight2 {
        margin-bottom: 10px !important;
    }
    
    /* Настройки заголовка "Преимущества работы с нами" на мобильных */
    .row.transparent-content2.broshureContent3 .col-4 .booksText2 {
        margin-bottom: 15px !important;
        font-size: 1.3rem !important;
        line-height: 1.2 !important;
    }
}

/* На десктопе показываем десктопные переносы, скрываем мобильные */
@media (min-width: 769px) {
    .booksBlock_1 p .br-mobile,
    .broshureText1 .br-mobile { 
        display: none !important; 
    }
    .booksBlock_1 p .br-desktop,
    .broshureText1 .br-desktop { 
        display: inline !important; 
    }
    
    /* Уменьшаем размер текста преимуществ на десктопе */
    .row.transparent-content2.broshureContent3 .weight2 {
        font-size: 18px !important;
    }
    
    .row.transparent-content2.broshureContent3 .booksBlock_3_1 {
        font-size: 15px !important;
    }
}

/* Скрываем хлебные крошки для пользователей, но оставляем для поисковых роботов */
nav[aria-label="breadcrumb"] {
    /* Метод screen reader only - невидимо для пользователей, но доступно для роботов */
    position: absolute !important;
    left: -10000px !important;
    top: auto !important;
    width: 1px !important;
    height: 1px !important;
    overflow: hidden !important;
    clip: rect(1px, 1px, 1px, 1px) !important;
    clip-path: inset(50%) !important;
    white-space: nowrap !important;
}

/* Убираем боковые отступы у container-fluid */
.container-fluid {
    padding-left: 0 !important;
    padding-right: 0 !important;
}