/*!
 * mobile.css — мобильная оптимизация EnergyAGRO
 * Подключается последним, чтобы корректировать правила main.css / responsive.css / style_new.css.
 */
/*==========================================================================
  Мобильная оптимизация (Яндекс/Google mobile-friendly)
  Задачи: читаемый текст, крупные элементы для нажатия, отсутствие
  горизонтальной прокрутки, ненавязчивые баннеры.
  ========================================================================== */

@media only screen and (max-width: 1023px) {

    /* --- 1. Ничего не должно вылезать за пределы экрана --- */
    html {
        -webkit-text-size-adjust: 100%;
        text-size-adjust: 100%;
    }

    img,
    video,
    iframe,
    embed,
    object {
        max-width: 100%;
    }

    img {
        height: auto;
    }

    .descCat,
    .descCat div,
    .descCat p,
    .descCat li,
    .good-desc,
    .good-desc div,
    .good-desc p,
    .product__tabs_text,
    .product__tabs_text div,
    .product__tabs_text p,
    .content-text,
    .content-text p,
    .breadcrumbs {
        overflow-wrap: break-word;
        word-wrap: break-word;
    }

    /* Широкие таблицы характеристик прокручиваются по горизонтали
       внутри своего блока, а не растягивают страницу */
    .descCat > div,
    .good-desc,
    .product__tabs_text,
    .content-text,
    .table-scroll {
        -webkit-overflow-scrolling: touch;
    }

    .descCat table,
    .good-desc table,
    .product__tabs_text table,
    .content-text table {
        max-width: 100%;
    }

    /* --- 2. Читаемость текста --- */
    /* Выключка по ширине на узком экране даёт «дыры» между словами */
    .descCat,
    .descCat div,
    .descCat p,
    .good-desc,
    .good-desc div,
    .good-desc p,
    .product__tabs_text,
    .product__tabs_text div,
    .product__tabs_text p,
    .sub-menu,
    .advantages .advantages-left p,
    .advantages .advantages-center ul li p {
        text-align: left;
    }

    /* Плитки главного меню: правила в main.css заданы длинной цепочкой
       селекторов, поэтому здесь нужен !important */
    .main-menu [class$="-text-bottom"] {
        text-align: left !important;
    }

    .descCat,
    .descCat p,
    .descCat li,
    .good-desc p,
    .product__tabs_text p {
        line-height: 1.55;
    }

    /* Мелкий текст поднимаем до читаемого минимума */
    .privacy-consent-wrap,
    .privacy-consent-label,
    .privacy-consent-label span,
    .privacy-consent-label a,
    .info-oferts span,
    .copyright,
    .descCat table td,
    .descCat table th,
    .good-desc table td,
    .good-desc table th,
    .product__tabs_text table td,
    .product__tabs_text table th {
        font-size: 14px;
        line-height: 1.45;
    }

    /* Поля ввода: 16px не даёт iOS автоматически «зумить» страницу */
    input[type="text"],
    input[type="tel"],
    input[type="email"],
    input[type="search"],
    input[type="password"],
    input[type="number"],
    select,
    textarea {
        font-size: 16px;
        min-height: 44px;
        padding: 8px 10px;
        max-width: 100%;
    }

    textarea {
        min-height: 88px;
    }

    /* --- 3. Размер элементов для нажатия (минимум ~44px) --- */
    input[type="submit"],
    input[type="button"],
    button,
    .btn,
    .cookie-button,
    .bcClicker,
    .button-search {
        min-height: 44px;
    }

    .good__item .btn__more,
    .good__item_2 .btn__more,
    .good__item_hover .btn__more,
    a.btn__more {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        min-height: 40px;
        padding: 8px 18px;
        line-height: 1.2;
    }

    /* «Хлебные крошки», теги, ссылки списков */
    .information__a,
    .breadcrumbs a,
    .breadcrumbs a.brCrLink,
    .breadcrumbs a.home2,
    .tags #tagcloud a {
        display: inline-block;
        padding-top: 11px;
        padding-bottom: 11px;
        line-height: 1.3;
    }

    /* Нижнее (подвальное) меню — компактнее по высоте,
       но зона нажатия остаётся ~36px */
    .footer-menu .bottom-menu ul#bottom-menu li {
        padding: 0;
    }

    #bottom-menu li > a,
    #bottom-menu li > span {
        display: block;
        padding-top: 9px;
        padding-bottom: 9px;
        line-height: 1.25;
    }

    /* Вложенный span не должен добавлять второй такой же отступ */
    #bottom-menu li > a > span {
        display: inline-block;
        padding-top: 0;
        padding-bottom: 0;
    }

    .bottom-menu ul li a span,
    .bottom-menu ul li span {
        font-size: 14px;
        line-height: 1.25;
    }

    .ttl2 {
        display: inline-block;
        padding: 14px 0 8px;
        line-height: 1.3;
    }

    /* Пункты выпадающего меню: увеличиваем зону нажатия, не меняя вёрстку
       (padding у строчного элемента расширяет только область клика) */
    #top-menu li a,
    #top-menu li > span {
        padding: 11px 4px;
    }

    /* Облако тегов, анонсы новостей, ссылки подвала */
    #tagcloud a,
    .news-img .news-text-mobile a,
    .newsList .news-text a,
    .copyright a,
    .map-img a,
    .top-logo-mobile a {
        display: inline-block;
        padding-top: 12px;
        padding-bottom: 12px;
        line-height: 1.3;
    }

    .copyright,
    .copyright a {
        font-size: 14px;
    }

    /* --- Поиск в верхнем меню: ниже по высоте --- */
    .menu .top-search {
        padding: 4px 10px;
    }

    .menu .top-search form .input-search,
    .top-search .input-search {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        height: 36px;
        min-height: 36px;
        padding: 6px 10px;
        /* 16px — чтобы iOS не зумил страницу при фокусе */
        font-size: 16px;
        line-height: 1.2;
    }

    .top-search .button-search {
        min-height: 36px;
        height: 36px;
    }

    .top-search .button-search .fa-search {
        padding: 6px;
        border-radius: 8px;
        top: 0;
    }

    /* Стрелки слайдера — маленькие 20x20, увеличиваем зону нажатия */
    .slick-prev,
    .slick-next {
        width: 44px;
        height: 44px;
    }

    /* Чекбокс согласия на обработку данных */
    .privacy-consent-label {
        align-items: center;
        min-height: 44px;
    }

    .privacy-consent-label input[type="checkbox"] {
        width: 22px;
        height: 22px;
        margin-top: 0;
    }

    /* Кнопки «поделиться» в статьях */
    .b-share__handle.b-share__link {
        padding: 10px 8px;
    }

    /* --- 4. Cookie-баннер не должен закрывать пол-экрана --- */
    .cookie-disclaimer {
        padding: 4px 0;
    }

    .cookie-main {
        margin: 8px 10px 6px;
        line-height: 1.35;
    }

    .cookie-title,
    .cookie-text {
        line-height: 1.35;
    }

    .cookie-text {
        margin-top: 4px;
    }

    .cookie-button {
        display: flex;
        align-items: center;
        justify-content: center;
        margin: 0 10px 10px;
        padding: 10px 8px;
        font-size: 14px;
        line-height: 1.25;
    }
}

@media only screen and (max-width: 768px) {

    /* На узких экранах текст статей и описаний — минимум 16px */
    .descCat p,
    .descCat li,
    .good-desc p,
    .product__tabs_text p,
    .content-text p,
    .content-text li {
        font-size: 16px;
    }

    /* Cookie-баннер: компактнее заголовок */
    .cookie-title {
        font-size: 15px;
    }

    .cookie-text {
        line-height: 1.3;
    }

}