/* Tablet: ensure 10px gap between zones */
@media (min-width: 781px) and (max-width: 1279px) {
    html body #zone13 {
        margin-bottom: 10px !important;
    }

    html body #zone15 {
        margin-top: 10px !important;
    }
}

/* Tablet & wide-mobile: ensure basket popup text wraps and container adapts */
@media (max-width: 1279px) {
    /* make popup use full available width with small gutters */
    .basket_m_spisok {
        position: absolute !important;
        left: 12px !important;
        right: 12px !important;
        top: 46px !important;
        width: calc(100% - 24px) !important;
        min-width: auto !important;
        box-sizing: border-box !important;
        z-index: 1100 !important;
    }

    .basket_m_spisok2 {
        white-space: normal !important; /* allow wrapping */
        font-size: 14px !important; /* keep readable default on tablet */
        padding: 16px 18px !important; /* a bit more padding for tablet */
        max-height: 40vh !important; /* limit height so popup isn't huge */
        overflow-y: auto !important;
        color: #2B2B2B !important;
        min-width: 260px !important; /* ensure min readable width */
        box-shadow: 0 6px 24px rgba(0,0,0,0.12) !important;
    }

    /* allow basket internals to reflow instead of fixed floats */
    .basket_m_items { width: auto !important; max-width: 100% !important; }
    .basket_m_text { width: auto !important; margin-left: 0 !important; float: none !important; display: block !important; }
    .basket_m_all { float: none !important; width: auto !important; display: block !important; margin-top: 8px !important; }

    /* reduce long links wrapping issues */
    .basket_m_spisok2 a { word-break: break-word !important; }
}

/* ===== FINAL END-OF-FILE OVERRIDES =====
   Ensure tablet button text shrinks and padding is reduced — placed at EOF for highest precedence
*/
@media (min-width: 781px) and (max-width: 1279px) {
    html body .container_12 .grid_2#block58 .menu-button-head {
        padding-left: 8px !important;
        padding-right: 8px !important;
        font-size: clamp(10px, 1.0vw, 14px) !important;
        height: auto !important;
        min-width: 0 !important;
        max-width: 100% !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        box-sizing: border-box !important;
    }

    html body .container_12 .grid_2#block58 .menu-button-head span {
        font-size: inherit !important;
        flex: 1 1 1 !important;
        min-width: 0 !important;
        max-width: 100% !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        white-space: nowrap !important;
    }

    /* ensure icons don't expand the button */
    html body .container_12 .grid_2#block58 .menu-button-head.icons::before,
    html body .container_12 .grid_2#block58 .menu-button-head:after {
        width: auto !important;
        height: auto !important;
        left: auto !important;
        right: auto !important;
        position: static !important;
        transform: none !important;
    }
}

/* FINAL OVERRIDE: tablet fix (placed at EOF to ensure highest precedence) */
@media (min-width: 781px) and (max-width: 1279px) {
    /* Ensure container and button can shrink */
    html body .container_12 .grid_2#block58,
    html body .container_12 .grid_2#block58 .menu-button,
    html body .container_12 .grid_2#block58 .menu-button-head {
        min-width: 0 !important;
        width: auto !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
    }

    /* Force smaller font on tablet if needed, let it scale down */
    html body .container_12 .grid_2#block58 .menu-button-head span {
        font-size: clamp(10px, 1.1vw, 14px) !important;
        line-height: 1 !important;
        flex: 1 1 auto !important;
        min-width: 0 !important;
        max-width: 100% !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        white-space: nowrap !important;
    }

    /* Reduce paddings so text has more room */
    html body .container_12 .grid_2#block58 .menu-button-head {
        padding-left: 10px !important;
        padding-right: 10px !important;
    }
}

/* If any other stylesheet still enforces huge padding/width, forcibly reduce it for narrow screens */
@media (max-width: 1100px) {
    html body .container_12 .grid_2#block58 .menu-button-head {
        padding-left: 10px !important;
        padding-right: 10px !important;
    }
    html body .container_12 .grid_2#block58 .menu-button-head > span {
        font-size: clamp(9px, 1.1vw, 14px) !important;
    }
}


/* Fix for narrower tablets where earlier rules set header children to non-shrink
   Some media blocks set .header > * { flex-shrink: 0 !important } for <=960px which prevents
   the catalog button from shrinking. Force #block58 to be shrinkable on those widths. */
@media (max-width: 960px) {
    html body #zone15 .container_12 .grid_2#block58,
    html body #zone15 .container_12 .grid_2#block58 .menu-button,
    html body #zone15 .container_12 .grid_2#block58 .menu-button-head {
        flex-shrink: 1 !important;
        min-width: 0 !important;
        max-width: 100% !important;
    }

    html body #zone15 .container_12 .grid_2#block58 .menu-button-head span {
        font-size: clamp(9px, 1.2vw, 13px) !important;
    }
}

/* === STRONG OVERRIDES FOR TABLET: FORCE TEXT SHRINK / PREVENT CLIPPING === */
@media (min-width: 781px) and (max-width: 1279px) {
    html body .container_12 .grid_2#block58,
    html body .container_12 .grid_2#block58 .menu-button,
    html body .container_12 .grid_2#block58 .menu-button-head {
        min-width: 0 !important;
        width: auto !important;
        max-width: none !important;
        box-sizing: border-box !important;
    }

    /* Make the button shrink and let text scale down */
    html body .container_12 .grid_2#block58 .menu-button-head {
        padding-left: 10px !important;
        padding-right: 10px !important;
        font-size: clamp(10px, 1.6vw, 14px) !important;
        height: auto !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 6px !important;
    }

    /* Ensure the span text can shrink and show ellipsis */
    html body .container_12 .grid_2#block58 .menu-button-head span {
        font-size: inherit !important;
        flex: 1 1 auto !important;
        min-width: 0 !important;
        max-width: 100% !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        white-space: nowrap !important;
    }

    /* Icons keep their sizes but won't force button wider */
    html body .container_12 .grid_2#block58 .menu-button-head.icons::before,
    html body .container_12 .grid_2#block58 .menu-button-head:after {
        position: absolute !important;
        top: 50% !important;
        transform: translateY(-50%) !important;
        left: auto !important;
        right: auto !important;
    }
}

/* === АДАПТИВНОСТЬ КАТАЛОГА ДЛЯ ПЛАНШЕТОВ === */
/* На планшетах также блокируем ссылки неактивного каталога */
@media (min-width: 781px) and (max-width: 1279px) {
    html body .container_12 .grid_2#block58 .menu-button:not(.active) .menu-button-body a,
    html body .container_12 .grid_2#block58 .menu-button:not(.active) .menu-button-body a *,
    html body .container_12 .grid_2#block58 .menu-button:not(.active) .menu-button-body li a,
    html body .container_12 .grid_2#block58 .menu-button:not(.active) .menu-button-body li a * {
        pointer-events: none !important;
        cursor: default !important;
        opacity: 0.5 !important;
    }
    
    /* Скрываем неактивный каталог на планшетах */
    html body .container_12 .grid_2#block58 .menu-button:not(.active) .menu-button-body {
        display: none !important;
        visibility: hidden !important;
        opacity: 0 !important;
    }
}
/* Адаптивность для планшетов */
@media (min-width: 781px) and (max-width: 1279px) {
    #block54 .advantage-items {
        grid-template-columns: repeat(4, 1fr) !important;
        gap: 15px !important;
        padding: 0 15px !important;
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 auto !important;
        box-sizing: border-box !important;
        list-style: none !important;
        align-items: stretch !important;
        justify-items: stretch !important;
    }
    
    /* ПРИНУДИТЕЛЬНО РАСТЯГИВАЕМ ЭЛЕМЕНТЫ НА ПЛАНШЕТАХ */
    #block54 .advantage-items > li {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        float: none !important;
        display: block !important;
        box-sizing: border-box !important;
        justify-self: stretch !important;
        align-self: stretch !important;
        /* ПРИНУДИТЕЛЬНО ОДИНАКОВАЯ ВЫСОТА НА ПЛАНШЕТАХ */
        height: auto !important;
        min-height: 110px !important;
        max-height: none !important;
    }
    
    #block54 .advantage-items .adv-info {
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
        /* ПРИНУДИТЕЛЬНО ОДИНАКОВАЯ ВЫСОТА СОДЕРЖИМОГО НА ПЛАНШЕТАХ */
        height: 100% !important;
        min-height: 110px !important;
        display: flex !important;
        flex-direction: column !important;
        justify-content: space-between !important;
    }
    
    /* ПРИНУДИТЕЛЬНО РАСТЯГИВАЕМ ОБЪЕКТЫ ВНУТРИ ЭЛЕМЕНТОВ */
    #block54 .advantage-items .obj {
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
    }
    
    /* ПРИНУДИТЕЛЬНО ВЫРАВНИВАЕМ ИЗОБРАЖЕНИЯ И ТЕКСТ НА ПЛАНШЕТАХ */
    #block54 .advantage-items .image-default {
        width: 100% !important;
        max-width: 100% !important;
        height: 50px !important;
        min-height: 50px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        margin-bottom: 10px !important;
    }
    
    #block54 .advantage-items .image-default img {
        max-width: 27px !important;
        max-height: 27px !important;
        object-fit: contain !important;
    }
    
    #block54 .advantage-items .adv-data {
        width: 100% !important;
        max-width: 100% !important;
        flex: 1 !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        text-align: center !important;
    }
    
    #block54 .advantage-items .adv-name {
        width: 100% !important;
        max-width: 100% !important;
        font-size: 11px !important;
        line-height: 1.4 !important;
        margin: 0 !important;
        padding: 0 !important;
    }
    
    /* ПРИНУДИТЕЛЬНО ВЫРАВНИВАЕМ ВСЕ ЭЛЕМЕНТЫ ПРЕИМУЩЕСТВ НА ПЛАНШЕТАХ */
    #block54 .advantage-items > li:nth-child(1),
    #block54 .advantage-items > li:nth-child(2),
    #block54 .advantage-items > li:nth-child(3),
    #block54 .advantage-items > li:nth-child(4) {
        height: auto !important;
        min-height: 73px !important;
        max-height: none !important;
        display: flex !important;
        align-items: stretch !important;
        justify-content: stretch !important;
    }
    
    /* ПРИНУДИТЕЛЬНО ВЫРАВНИВАЕМ СОДЕРЖИМОЕ ВСЕХ ЭЛЕМЕНТОВ */
    #block54 .advantage-items > li:nth-child(1) .adv-info,
    #block54 .advantage-items > li:nth-child(2) .adv-info,
    #block54 .advantage-items > li:nth-child(3) .adv-info,
    #block54 .advantage-items > li:nth-child(4) .adv-info {
        height: 100% !important;
        min-height: 73px !important;
        display: flex !important;
        flex-direction: column !important;
        justify-content: space-between !important;
        align-items: stretch !important;
    }
    
    /* ПРИНУДИТЕЛЬНО ВЫРАВНИВАЕМ ИЗОБРАЖЕНИЯ ВСЕХ ЭЛЕМЕНТОВ */
    #block54 .advantage-items > li:nth-child(1) .image-default,
    #block54 .advantage-items > li:nth-child(2) .image-default,
    #block54 .advantage-items > li:nth-child(3) .image-default,
    #block54 .advantage-items > li:nth-child(4) .image-default {
        height: 33px !important;
        min-height: 33px !important;
        margin-bottom: 7px !important;
    }
    
    /* ПРИНУДИТЕЛЬНО ВЫРАВНИВАЕМ ТЕКСТ ВСЕХ ЭЛЕМЕНТОВ */
    #block54 .advantage-items > li:nth-child(1) .adv-data,
    #block54 .advantage-items > li:nth-child(2) .adv-data,
    #block54 .advantage-items > li:nth-child(3) .adv-data,
    #block54 .advantage-items > li:nth-child(4) .adv-data {
        flex: 1 !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        text-align: center !important;
        min-height: 27px !important;
    }
    
    /* ПРИНУДИТЕЛЬНО ВЫРАВНИВАЕМ РАЗМЕР ШРИФТА ВСЕХ ЭЛЕМЕНТОВ */
    #block54 .advantage-items > li:nth-child(1) .adv-name,
    #block54 .advantage-items > li:nth-child(2) .adv-name,
    #block54 .advantage-items > li:nth-child(3) .adv-name,
    #block54 .advantage-items > li:nth-child(4) .adv-name {
        font-size: 11px !important;
        line-height: 1.4 !important;
        font-weight: normal !important;
        text-align: center !important;
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
    }
    
    /* ПРИНУДИТЕЛЬНО ВЫРАВНИВАЕМ РАЗМЕР ИЗОБРАЖЕНИЙ ВСЕХ ЭЛЕМЕНТОВ */
    #block54 .advantage-items > li:nth-child(1) .image-default img,
    #block54 .advantage-items > li:nth-child(2) .image-default img,
    #block54 .advantage-items > li:nth-child(3) .image-default img,
    #block54 .advantage-items > li:nth-child(4) .image-default img {
        width: 27px !important;
        height: 27px !important;
        max-width: 27px !important;
        max-height: 27px !important;
        object-fit: contain !important;
        display: block !important;
    }
    
    /* ПРИНУДИТЕЛЬНО ВЫРАВНИВАЕМ РАЗМЕР КОНТЕЙНЕРА ИЗОБРАЖЕНИЙ */
    #block54 .advantage-items > li:nth-child(1) .image-default,
    #block54 .advantage-items > li:nth-child(2) .image-default,
    #block54 .advantage-items > li:nth-child(3) .image-default,
    #block54 .advantage-items > li:nth-child(4) .image-default {
        width: 50px !important;
        height: 50px !important;
        min-width: 50px !important;
        min-height: 50px !important;
        max-width: 50px !important;
        max-height: 50px !important;
        margin: 0 auto 10px auto !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
    }
    
    /* ПРИНУДИТЕЛЬНО ВЫРАВНИВАЕМ ВСЕ ЭЛЕМЕНТЫ ПО ОДИНАКОВОМУ РАЗМЕРУ */
    #block54 .advantage-items > li:nth-child(1),
    #block54 .advantage-items > li:nth-child(2),
    #block54 .advantage-items > li:nth-child(3),
    #block54 .advantage-items > li:nth-child(4) {
        flex: 1 1 0% !important;
        min-width: 0 !important;
        max-width: none !important;
        box-sizing: border-box !important;
        position: relative !important;
        overflow: visible !important;
    }
    
    /* ПРИНУДИТЕЛЬНО ВЫРАВНИВАЕМ СОДЕРЖИМОЕ ВСЕХ ЭЛЕМЕНТОВ */
    #block54 .advantage-items > li:nth-child(1) .adv-info,
    #block54 .advantage-items > li:nth-child(2) .adv-info,
    #block54 .advantage-items > li:nth-child(3) .adv-info,
    #block54 .advantage-items > li:nth-child(4) .adv-info {
        width: 100% !important;
        max-width: 100% !important;
        height: 100% !important;
        min-height: 110px !important;
        display: flex !important;
        flex-direction: column !important;
        justify-content: flex-start !important;
        align-items: center !important;
        text-align: center !important;
        box-sizing: border-box !important;
        padding: 10px !important;
    }
    
    /* ПРИНУДИТЕЛЬНО ВЫРАВНИВАЕМ ДАННЫЕ ВСЕХ ЭЛЕМЕНТОВ */
    #block54 .advantage-items > li:nth-child(1) .adv-data,
    #block54 .advantage-items > li:nth-child(2) .adv-data,
    #block54 .advantage-items > li:nth-child(3) .adv-data,
    #block54 .advantage-items > li:nth-child(4) .adv-data {
        width: 100% !important;
        max-width: 100% !important;
        flex: 1 !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        text-align: center !important;
        min-height: 40px !important;
        box-sizing: border-box !important;
        padding: 0 5px !important;
    }
}

/* === ПЕРЕОПРЕДЕЛЕНИЕ СТИЛЕЙ HEADER ДЛЯ ПЛАНШЕТОВ === */
/* Отменяем flex-wrap: wrap для зоны поиска на ВСЕХ экранах */
@media (min-width: 781px) and (max-width: 1279px) {
    /* Переопределяем стили header только для zone15 (зона поиска) */
    html body #zone15 .container_12 {
        display: flex !important;
        flex-wrap: nowrap !important;
        align-items: center !important;
        justify-content: flex-start !important;
        gap: 5px !important;
    }
    
    /* Принудительно отменяем все стили, которые могут нарушать компоновку */
    html body #zone15 .container_12 .grid_2#block15,
    html body #zone15 .container_12 .grid_2#block58,
    html body #zone15 .container_12 .grid_8#block33 {
        float: left !important;
        display: inline-block !important;
        order: unset !important;
        flex: 0 0 auto !important;
        width: auto !important;
        margin-bottom: 0 !important;
        margin-top: 0 !important;
        clear: none !important;
    }
    
    /* Размеры блоков для планшетов */
    html body #zone15 .container_12 .grid_2#block15 {
        width: auto !important;
        min-width: 120px !important;
        max-width: 150px !important;
        margin-left: 0 !important;
    }
    
    html body #zone15 .container_12 .grid_2#block58 {
        width: auto !important;
        min-width: 120px !important;
        max-width: 200px !important;
    }
    
    html body #zone15 .container_12 .grid_8#block33 {
        flex: 1 1 auto !important;
        width: auto !important;
        min-width: 260px !important;
        max-width: none !important;
        margin-right: 0 !important;
    }
    
    /* Отменяем псевдо-элементы, которые могут создавать переносы */
    html body #zone15 .container_12::after,
    html body #zone15::after {
        content: none !important;
        display: none !important;
        flex-basis: auto !important;
        width: auto !important;
        height: auto !important;
    }
    
    /* Адаптивные стили для планшетов */
    html body .container_12 .grid_8#block33 .searchform {
        gap: 6px !important;
    }
    
    html body .container_12 .grid_8#block33 .searchform-inp input.inp {
        padding: 11px 14px !important;
        font-size: 15px !important;
    }
    
    html body .container_12 .grid_8#block33 .btn-strt input {
        padding: 11px 18px !important;
        font-size: 15px !important;
        min-width: 75px !important;
    }
    
    /* Убираем иконку с кнопки поиска на планшетах */
    html body .container_12 .grid_8#block33 .btn-strt::before,
    html body .container_12 .grid_8#block33 .btn-strt::after,
    html body .container_12 .grid_8#block33 .btn-strt input::before,
    html body .container_12 .grid_8#block33 .btn-strt input::after {
        content: none !important;
        display: none !important;
        background: none !important;
        background-image: none !important;
    }
    
    /* === ПЛАНШЕТНЫЕ СТИЛИ ДЛЯ КНОПКИ КАТАЛОГА === */
    /* Предотвращаем наложение элементов в кнопке каталога на планшетах */
    html body .container_12 .grid_2#block58 .menu-button-head {
        padding: 10px 12px !important;
        font-size: 13px !important;
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 6px !important;
        min-width: 100px !important;
        max-width: 180px !important;
        box-sizing: border-box !important;
    }
    
    /* Иконка каталога для планшетов - уменьшаем размер */
    html body .container_12 .grid_2#block58 .menu-button-head.icons::before {
        width: 16px !important;
        height: 16px !important;
        flex-shrink: 0 !important;
        margin: 0 !important;
    }
    
    /* Текст каталога для планшетов */
    html body .container_12 .grid_2#block58 .menu-button-head span {
        flex: 1 1 auto !important;
        min-width: 0 !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        white-space: nowrap !important;
        margin: 0 !important;
        padding: 0 !important;
    }
    
    /* Предотвращаем наложение элементов */
    html body .container_12 .grid_2#block58 .menu-button-head * {
        box-sizing: border-box !important;
        margin: 0 !important;
        padding: 0 !important;
    }
    
    /* Критично важно: отменяем ВСЕ иконки на кнопке поиска для планшетов */
    html body .container_12 .grid_8#block33 .btn-strt,
    html body .container_12 .grid_8#block33 .btn-strt input {
        background-image: none !important;
        background: #e73d25 !important;
    }
    
    /* === ДОПОЛНИТЕЛЬНАЯ ЗАЩИТА ОТ НАЛОЖЕНИЯ В ПЛАНШЕТНОЙ ВЕРСИИ === */
    /* Принудительно устанавливаем правильные размеры для всех элементов каталога */
    html body .container_12 .grid_2#block58 .menu-button {
        width: auto !important;
        min-width: 100px !important;
        max-width: 180px !important;
        overflow: hidden !important;
        box-sizing: border-box !important;
    }
    
    /* Предотвращаем любые конфликты размеров */
    html body .container_12 .grid_2#block58 .menu-button * {
        max-width: none !important;
        min-width: 0 !important;
        width: auto !important;
    }
    
    /* Фиксируем размеры иконки */
    html body .container_12 .grid_2#block58 .menu-button-head.icons::before {
        position: static !important;
        float: none !important;
        display: inline-block !important;
        vertical-align: middle !important;
    }
    
    /* Предотвращаем перенос текста */
    html body .container_12 .grid_2#block58 .menu-button-head {
        word-wrap: normal !important;
        word-break: keep-all !important;
        hyphens: none !important;
    }
    
    html body .container_12 .grid_8#block33 .btn-strt.iconsCol::before,
    html body .container_12 .grid_8#block33 .btn-strt.iconsCol::after,
    html body .container_12 .grid_8#block33 .btn-strt input.iconsCol::before,
    html body .container_12 .grid_8#block33 .btn-strt input.iconsCol::after {
        content: none !important;
        display: none !important;
        width: 0 !important;
        height: 0 !important;
        opacity: 0 !important;
        visibility: hidden !important;
    }
    
    /* Кнопка каталога на планшетах */
    html body .container_12 .grid_2#block58 .menu-button-head {
        padding: 11px 15px !important;
        font-size: 15px !important;
    }
    
    /* Логотип на планшетах */
    html body .container_12 .grid_2#block15 .logo-img img {
        max-height: 60px !important;
    }
}

/* === OVERRIDE: планшет — разрешаем кнопке сжиматься и тексту масштабироваться === */
@media (min-width: 781px) and (max-width: 1279px) {
    html body .container_12 .grid_2#block58 {
        /* позволяем блоку каталога быть гибким в строке */
        min-width: 0 !important;
        width: auto !important;
        max-width: none !important;
    }

    html body .container_12 .grid_2#block58 .menu-button {
        min-width: 0 !important;
        max-width: 100% !important;
        overflow: visible !important;
        box-sizing: border-box !important;
        display: inline-flex !important;
    }

    /* уменьшаем padding и шрифт на планшете, но даём гибкость */
    html body .container_12 .grid_2#block58 .menu-button-head {
        padding-left: 14px !important;
        padding-right: 14px !important;
        height: auto !important;
        font-size: clamp(12px, 1.6vw, 15px) !important;
        min-width: 0 !important;
        max-width: 100% !important;
        white-space: nowrap !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        box-sizing: border-box !important;
    }

    /* Текст внутри кнопки может ужиматься */
    html body .container_12 .grid_2#block58 .menu-button-head span {
        flex: 1 1 auto !important;
        min-width: 0 !important;
        max-width: 100% !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        white-space: nowrap !important;
        font-size: inherit !important;
        padding: 0 6px !important;
        text-align: center !important;
    }

    /* Иконки — фиксированные, не позволяют тексту сдвигаться */
    html body .container_12 .grid_2#block58 .menu-button-head.icons::before {
        width: 16px !important;
        height: 16px !important;
        left: 8px !important;
    }
    html body .container_12 .grid_2#block58 .menu-button-head:after {
        right: 8px !important;
        width: 12px !important;
    }
}

/* Специально для планшетов - отменяем перенос строки */
@media (min-width: 781px) and (max-width: 1279px) {
    html body #zone15 #header::after {
        content: none !important;
        display: none !important;
        flex-basis: auto !important;
        width: auto !important;
        height: auto !important;
        order: unset !important;
    }
}

/* Переопределение для планшетов */
@media (min-width: 781px) and (max-width: 1279px) {
    html body .container_12 .grid_2#block15 {
        width: auto !important;
        min-width: 120px !important;
        max-width: 150px !important;
    }
    
    html body .container_12 .grid_2#block58 {
        width: auto !important;
        min-width: 120px !important;
        max-width: 200px !important;
    }
    
    html body .container_12 .grid_8#block33 {
        width: auto !important;
        min-width: 260px !important;
        max-width: none !important;
        flex: 1 1 auto !important;
    }
}

/* === Tablet: Новинки (#block61) — всегда видимая правая граница карточек === */
@media (min-width: 781px) and (max-width: 1279px) {
	#block61 .catalog-items.owl-carousel .owl-stage-outer { padding-right: 18px !important; overflow: hidden !important; }
	#block61 .catalog-items.owl-carousel .owl-item { padding-left: 9px !important; padding-right: 9px !important; box-sizing: border-box !important; }
	#block61 .catalog-item { margin: 0 !important; box-sizing: border-box !important; }
}

/* === Tablet: Новинки (#block61) — одинаковая высота карточек и растягивание === */
@media (min-width: 781px) and (max-width: 1279px) {
	#block61 .catalog-items.owl-carousel .owl-item { display: flex !important; align-items: stretch !important; }
	#block61 .catalog-item { display: flex !important; flex-direction: column !important; height: clamp(380px, 42vw, 460px) !important; }
	#block61 .catalog-item .blk_body { flex: 1 1 auto !important; display: flex !important; flex-direction: column !important; }
	#block61 .catalog-item .block_incard { margin-top: auto !important; }

	/* фиксим наложение иконки WhatsApp на текст */
	#block17 .whatsap { padding-left: 176px !important; }
	#block17 .whatsap:before { left: 0 !important; top: 50% !important; transform: translateY(-50%) !important; }
	#block17 .whatsap a { display: inline-block !important; line-height: 1.2 !important; margin-left: 32px !important; }
}
/* === Tablet: шапка в 2 строки: поиск на отдельной строке, ниже центр-группа === */
@media (min-width: 781px) and (max-width: 1279px) {
	/* Flex-раскладка с переносом на 2 строки (прижато влево) */
	#header { display: flex; flex-wrap: wrap !important; align-items: center !important; justify-content: flex-start !important; column-gap: 0 !important; row-gap: 12px !important; margin-left: 0 !important; }
	#header .blocks { float: none !important; }
	#header > section.blocks { flex: 0 1 auto !important; min-width: 0 !important; width: auto !important; max-width: none !important; margin-left: 0 !important; margin-right: 0 !important; }
	#header > section.blocks { padding-left: 0 !important; padding-right: 0 !important; }

	/* Прижимаем зону шапки к левому краю экрана */
	#zone1 .container,
	#zone1 .container_12,
	#zone1 .container-zone,
	#zone1 .centerwrap,
	#zone1 header.container,
	#zone1 .blocks {
		width: 100% !important;
		max-width: 100% !important;
		margin: 0 !important;
		padding-left: 0 !important;
		padding-right: 0 !important;
		box-sizing: border-box !important;
	}
	/* На всякий случай обнуляем сеточные поля у любых grid-элементов внутри шапки */
	#header [class*="grid_"] { margin-left: 0 !important; margin-right: 0 !important; padding-left: 0 !important; padding-right: 0 !important; width: auto !important; max-width: none !important; }
	#header > section.blocks[class*="grid_"] { width: auto !important; }

	/* Разрешаем нормальный перенос контента между строками шапки */
	#zone1, #header { white-space: normal !important; }

	/* Порядок блоков: логотип → каталог → поиск (всё в 1-й строке) → центр-группа */
	#block15 { order: 10 !important; }
	#block58 { order: 20 !important; }
	#block33 { order: 30 !important; }
	#block17 { order: 40 !important; flex: 0 0 auto !important; }
	#block36 { order: 41 !important; flex: 0 0 auto !important; display: inline-flex !important; width: auto !important; max-width: none !important; min-width: 0 !important; }
	#block47 { order: 42 !important; flex: 0 0 auto !important; display: inline-flex !important; width: auto !important; max-width: none !important; min-width: 0 !important; }
	#block5  { order: 43 !important; flex: 0 0 auto !important; display: inline-flex !important; width: auto !important; max-width: none !important; min-width: 0 !important; }

	/* Поиск в одной линии с логотипом и каталогом; гибко растягивается */
	#block33 { flex: 1 1 auto !important; width: auto !important; max-width: none !important; min-width: 260px !important; }
	#header > section#block33 { flex-basis: auto !important; width: auto !important; max-width: none !important; display: block !important; margin: 0 !important; }
	/* Жесткий перенос строки после поиска: разделитель-элемент внутри #header */
	#header::after { content: ""; order: 35 !important; flex-basis: 100% !important; width: 100% !important; height: 0 !important; }
	#block33 .blk_body_wrap { max-width: none !important; }
	#block33 .header_search, #block33 .searchform { display: flex !important; align-items: center !important; }
	#block33 .searchform-inp { flex: 1 1 auto !important; min-width: 0 !important; }
	#block33 .searchform-inp input.inp { width: 100% !important; min-width: 0 !important; }

	/* Логотип и каталог в одной строке с поиском (авто-ширина, возможно сжатие) */
	#block15, #block58 { flex: 0 1 auto !important; width: auto !important; max-width: none !important; }

	/* Центр-группа неизменно на второй строке — форсируем перенос перед ней */
	/* Отменяем лишние переносы у других блоков */
	#block17::before, #block36::before, #block47::before, #block5::before { content: none !important; }

	/* Выводим все иконки в одном центрированном ряду под поиском */
	#block17, #block36, #block47, #block5 { display: flex !important; }
	#block17, #block36, #block47, #block5 { align-items: center !important; justify-content: center !important; }

	/* Внутри #block17 удерживаем элементы в одну линию */
	#block17 .blk_body_wrap,
	#block17 .tel_links { display: flex !important; align-items: center !important; justify-content: center !important; gap: 12px !important; white-space: nowrap !important; min-width: 0 !important; }
	#block17 .whatsap a,
	#block17 .tel_lp_item a { display: inline-flex !important; align-items: center !important; white-space: nowrap !important; line-height: 1.2 !important; }
	#block17 .whatsap,
	#block17 .tel_lp_item { margin: 0 !important; padding: 0 !important; }

	/* Группа иконок — одна линия, стабильные интервалы, по центру */
	#block36 .blk_body_wrap,
	#block47 .blk_body_wrap,
	#block5 .blk_body_wrap { display: inline-flex !important; align-items: center !important; justify-content: center !important; gap: 0 !important; padding: 0 !important; margin: 0 !important; width: auto !important; max-width: none !important; min-width: 0 !important; line-height: 0 !important; }
	#block36 .blk_body_wrap > *,
	#block47 .blk_body_wrap > *,
	#block5 .blk_body_wrap > * { display: inline-flex !important; width: auto !important; max-width: none !important; min-width: 0 !important; margin: 0 !important; padding: 0 !important; }
	#block36 .blk_body, #block47 .blk_body, #block5 .blk_body { padding: 0 !important; margin: 0 !important; }
	#block36, #block47, #block5 { padding-left: 0 !important; padding-right: 0 !important; }

	/* Убираем grid-желоба и фиксированные ширины внутри блоков иконок */
	#block36 [class*="grid_"], #block47 [class*="grid_"], #block5 [class*="grid_"] {
		margin-left: 0 !important;
		margin-right: 0 !important;
		padding-left: 0 !important;
		padding-right: 0 !important;
		width: auto !important;
		max-width: none !important;
		min-width: 0 !important;
		float: none !important;
		display: inline-flex !important;
		align-items: center !important;
		justify-content: center !important;
	}

	/* Жёсткий контроль внутренних списков и элементов — только 1px между иконками */
	#block36 ul, #block47 ul, #block5 ul { display: flex !important; align-items: center !important; justify-content: center !important; gap: 0 !important; margin: 0 !important; padding: 0 !important; list-style: none !important; }
	#block36 li, #block47 li, #block5 li { margin: 0 !important; padding: 0 !important; }
	#block36 .blk_body_wrap > *, #block47 .blk_body_wrap > *, #block5 .blk_body_wrap > * { margin: 0 !important; }
	#block36 a, #block47 a, #block5 a { margin: 0 !important; }

	/* Минимальный зазор 1px между самими секциями-иконками */
	#block36, #block47 { margin-right: 0 !important; }
	#block36, #block47, #block5 { margin-left: 0 !important; }

	/* Небольшой зазор только между логотипом и каталогом в 1-й строке */
	/* Уменьшаем отступ между логотипом и кнопкой каталога */
	#block15, #block58 { margin-right: 4px !important; }

	/* Убираем скрытые внешние отступы у иконок, делаем компактный ряд */
	#header > #block36, #header > #block47, #header > #block5 { margin: 0 !important; }
	/* Компенсируем остаточные поля сетки, сводим промежуток к минимуму */
	#header > #block47 { margin-left: -6px !important; }
	#header > #block5  { margin-left: -12px !important; }

	/* Lower admin (block36) and favorites (block47) slightly on tablets */
	@media (min-width: 781px) and (max-width: 1279px) {
		#header > #block36,
		#header > #block47,
		#header section#block36,
		#header section#block47 {
			position: relative !important;
			top: 2px 	!important;
		}
	}
	/* Если секции не являются прямыми детьми */
	#header section#block47 { margin-left: -6px !important; }
	#header section#block5  { margin-left: -12px !important; }
	#block36 .tel_links, #block47 .tel_links, #block5 .basket_mini { margin: 0 !important; padding: 0 !important; }
	#block36 .tel_lnk_btn, #block47 .tel_lnk_btn, #block5 .basket_mini_a { margin: 0 !important; padding: 0 !important; }
	#block36 .regper_link a, #block47 .regper_link a, #block5 .basket_mini_a { width: 24px !important; height: 24px !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; box-sizing: border-box !important; margin: 0 !important; padding: 0 !important; overflow: hidden !important; }
	#block36 .regper_link, #block47 .regper_link, #block5 .basket_mini { display: inline-flex !important; margin: 0 !important; padding: 0 !important; width: 24px !important; height: 24px !important; max-width: none !important; min-width: 0 !important; }

	/* Убираем внутренние отступы/иконки, расширяющие блоки */
	#block36 .icons:before, #block47 .icons:before, #block5 .icons:before { margin: 0 !important; padding: 0 !important; }
	#block5 .basket_mini_open:after { content: none !important; margin: 0 !important; padding: 0 !important; }

	/* Вторая строка — центр-группа должна быть по центру на всю ширину */
	#block17, #block36, #block47, #block5 { align-self: center !important; }
	#block36 .regper_link a,
	#block47 .regper_link a,
	#block5 .basket_mini_a { display: inline-flex !important; width: 30px !important; height: 30px !important; align-items: center !important; justify-content: center !important; }

	/* Снимаем возможные ограничители ширины */
	#header, #zone1 { min-width: 0 !important; }

}

/* === Tablet: WhatsApp над номером в #block17 === */
@media (min-width: 781px) and (max-width: 1279px) {
    /* Внутри блока телефонов размещаем элементы в колонку */
    #block17 .tel_links {
        flex-direction: column !important;
        align-items: center !important;
        gap: 6px !important;
        white-space: normal !important;
    }
    /* Сами ссылки не переносятся внутри строки */
    #block17 .whatsap a,
    #block17 .tel_lp_item a {
        white-space: nowrap !important;
    }
}

/* Планшеты: предотвращаем обрезание/вылезание слайдера и растягивание шапки */
@media (min-width: 781px) and (max-width: 1279px) {

    html,
    body {
        overflow-x: hidden;
    }

    #block4 .blk_body_wrap {
        overflow: hidden;
        padding-left: 12px;
        padding-right: 12px;
        /* внутренние отступы у слайдера на планшетах */
    }

    section.slider-items,
    section.slider-items .slider-item,
    section.slider-items .slider-img {
        max-width: 100%;
    }

    section.slider-items .slider-item img {
        width: 100% !important;
        height: auto !important;
        min-width: 0 !important;
        object-fit: cover;
    }

    /* Шапка может переноситься на новую строку, чтобы не расширять страницу */
    header,
    .header,
    .top-bar,
    .main-header,
    .header-wrapper {
        white-space: normal !important;
        flex-wrap: wrap !important;
        overflow: visible !important;
    }

    .header>*,
    .top-bar>*,
    .main-header>*,
    .header-wrapper>* {
        white-space: normal !important;
        flex-shrink: 1 !important;
    }

    .header_search,
    .header_search .btn-strt,
    .search-form,
    .search-form * {
        white-space: normal !important;
    }
}

/* 🔹 Адаптивность для планшетов (включая правки сетки и слайдера) */
@media (max-width: 1279px) and (min-width: 781px) {

    /* Шапка в потоке на планшетах: убираем необходимость компенсатора */
    .topfix {
        height: 0 !important;
        margin: 0 !important;
    }

    /* Гарантируем, что верхние зоны поверх контента и имеют фон */
    #zone13,
    #zone1,
    #header {
        position: relative;
        z-index: 1000;
    }

    #header {
        background: #ffffff;
    }

    /* Отключаем фиксирование верха: шапка и зона становятся статичными */
    .zone-fixtop,
    #zone1,
    #header {
        position: static !important;
        top: auto !important;
        left: auto !important;
        right: auto !important;
    }

    /* Снимаем жёсткую высоту у внутренних элементов шапки */
    #zone1>* {
        height: auto !important;
        min-height: auto !important;
    }

    /* Слайдер и его обёртки ниже по слою */
    #block4,
    .slider-items,
    .bannerText-center {
        position: relative;
        z-index: 1;
    }

    /* На всякий случай убираем возможные отрицательные отступы у слайдера */
    #block4 {
        margin-top: 0 !important;
    }

    html,
    body {
        overflow-x: hidden;
    }

    /* делаем контейнер резиновым в этом диапазоне, чтобы фиксированная сетка не выталкивала ширину */
    body {
        min-width: 0;
    }

    .container_12 {
        width: 100% !important;
        max-width: 100% !important;
    }

    .sitew1200 .container_12,
    .container_12w,
    .centerwrap,
    .zone .container,
    .zone .container_12 {
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 auto !important;
        padding-left: 15px !important;
        padding-right: 15px !important;
        box-sizing: border-box !important;
    }

    .zone .container-zone {
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 auto !important;
        padding-left: 15px !important;
        padding-right: 15px !important;
        box-sizing: border-box !important;
    }

    /* выравниваем колонки в процентах, убираем фиксированные поля */
    .container_12 .grid_1,
    .container_12 .grid_2,
    .container_12 .grid_3,
    .container_12 .grid_4,
    .container_12 .grid_5,
    .container_12 .grid_6,
    .container_12 .grid_7,
    .container_12 .grid_8,
    .container_12 .grid_9,
    .container_12 .grid_10,
    .container_12 .grid_11,
    .container_12 .grid_12 {
        margin-left: 0;
        margin-right: 0;
        padding-left: 0.5%;
        padding-right: 0.5%;
    }

    .container_12 .grid_1 {
        width: 8.333%;
    }

    .container_12 .grid_2 {
        width: 16.666%;
    }

    .container_12 .grid_3 {
        width: 25%;
    }

    .container_12 .grid_4 {
        width: 33.333%;
    }

    .container_12 .grid_5 {
        width: 41.666%;
    }

    .container_12 .grid_6 {
        width: 50%;
    }

    .container_12 .grid_7 {
        width: 58.333%;
    }

    .container_12 .grid_8 {
        width: 66.666%;
    }

    .container_12 .grid_9 {
        width: 75%;
    }

    .container_12 .grid_10 {
        width: 83.333%;
    }

    .container_12 .grid_11 {
        width: 91.666%;
    }

    .container_12 .grid_12 {
        width: 100%;
    }

    /* внутренние отступы у слайдера и защита от «обрезания» */
    #block4 .blk_body_wrap {
        overflow: hidden;
        padding-left: 12px;
        padding-right: 12px;
    }

    section.slider-items,
    section.slider-items .slider-item,
    section.slider-items .slider-img {
        max-width: 100%;
    }

    section.slider-items .slider-item img {
        width: 100% !important;
        height: auto !important;
        min-width: 0 !important;
        object-fit: cover;
    }

    /* Контент ниже слайдера: резиновая ширина контейнеров и равные боковые отступы */
    .centerwrap,
    .container_12w,
    .zone .container,
    .zone .container_12 {
        width: 100% !important;
        max-width: 100% !important;
    }

    .centerwrap.container.container_12,
    .zone .container-zone {
        padding-left: 12px !important;
        padding-right: 12px !important;
        box-sizing: border-box;
    }

    /* Блоки в зонах тянутся на всю строку */
    #zone3 .blocks,
    #zone4 .blocks {
        float: none !important;
        display: block !important;
        width: 100% !important;
    }

    /* Контентная область и сайдбар встают в столбец и занимают всю ширину */
    #sidebar,
    #content {
        width: 100% !important;
        float: none !important;
    }

    /* Сам блоки #block57 и #block61 на 100% и по центру */
    #block57,
    #block61 {
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 auto !important;
    }

    /* Block 57 responsive catalog carousel */
    #block57 .blk_body_wrap {
        overflow: hidden !important;
    }

    #block57 .catalog-items.owl-carousel {
        width: calc(100% - 30px) !important;
        max-width: 100% !important;
        padding: 0 !important;
        margin: 0 auto !important;
        box-sizing: border-box !important;
    }

    #block57 .catalog-items.owl-carousel .owl-stage-outer {
        width: 100% !important;
        overflow: hidden !important;
        padding-right: 18px !important; /* место под правую границу последней карточки */
    }

    #block57 .catalog-items.owl-carousel .owl-item>.catalog-item.obj {
        width: 100% !important;
        max-width: 100% !important;
    }

    /* Внутренние отступы у слайдов вместо внешних маргинов карточки — рамка не обрезается */
    #block57 .catalog-items.owl-carousel .owl-item { padding-left: 9px !important; padding-right: 9px !important; box-sizing: border-box !important; }
    #block57 .catalog-item { margin: 0 !important; box-sizing: border-box !important; border: 1px solid #e6e6e6 !important; box-shadow: none !important; display: flex !important; flex-direction: column !important; height: clamp(380px, 42vw, 460px) !important; }

    #block57 .catalog-items .image-default img {
        width: 100% !important;
        height: auto !important;
        object-fit: cover !important;
    }

    #block57 .catalog-items .obj {
        width: auto !important;
        max-width: 100% !important;
    }

    #block57 .catalog-item .blk_first {
        height: auto !important;
    }

    /* Block 61 (Новинки) — те же правила для карусели */
    #block61 .blk_body_wrap {
        overflow: hidden !important;
    }

    #block61 .catalog-items.owl-carousel {
        width: calc(100% - 30px) !important;
        max-width: 100% !important;
        padding: 0 !important;
        margin: 0 auto !important;
        box-sizing: border-box !important;
    }

    #block61 .catalog-items.owl-carousel .owl-stage-outer {
        width: 100% !important;
        overflow: hidden !important;
    }

    #block61 .catalog-items.owl-carousel .owl-item>.catalog-item.obj {
        width: 100% !important;
        max-width: 100% !important;
    }

    #block61 .catalog-items .image-default img {
        width: 100% !important;
        height: auto !important;
        object-fit: cover !important;
    }

    #block61 .catalog-items .obj {
        width: auto !important;
        max-width: 100% !important;
    }

    #block61 .catalog-item .blk_first {
        height: auto !important;
    }

    /* Block 26 (Популярные категории лекарств) — центр, полная ширина, равные отступы */
    #block26 {
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 auto !important;
    }

    #block26 .blk_body_wrap {
        overflow: hidden !important;
    }

    #block26 .subdivision-items {
        width: calc(100% - 30px) !important;
        max-width: 100% !important;
        padding: 0 !important;
        margin: 0 auto !important;
        box-sizing: border-box !important;
        display: grid !important;
        grid-template-columns: repeat(3, 1fr) !important;
        gap: 10px !important;
    }

    #block26 .subdivision-items>li.sub {
        width: auto !important;
        margin: 0 !important;
        float: none !important;
    }

    /* Block 53 (Позаботьтесь о своём здоровье) — центр, полная ширина, равные отступы */
    #block53 {
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 auto !important;
    }

    #block53 .blk_body_wrap {
        overflow: hidden !important;
    }

    #block53 .benefits-section {
        width: calc(100% - 30px) !important;
        max-width: 100% !important;
        margin: 0 auto !important;
        padding: 0 !important;
        box-sizing: border-box !important;
        display: grid !important;
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 15px !important;
        align-items: stretch !important;
    }

    #block53 .benefit-card {
        width: auto !important;
    }

    #block53 .benefit-card img {
        width: 100% !important;
        height: auto !important;
        object-fit: cover !important;
    }

    /* Block 1 (ФАРМА+ надежная интернет-аптека) — центр, полная ширина, равные отступы */
    #block1 {
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 auto !important;
    }

    #block1 .blk_body_wrap {
        width: calc(100% - 30px) !important;
        max-width: 100% !important;
        margin: 0 auto !important;
        padding: 0 !important;
        box-sizing: border-box !important;
    }

    /* Block 54 (Преимущества) — центр, полная ширина, равные отступы */
    #block54 {
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 auto !important;
    }

    #block54 .blk_body_wrap {
        overflow: hidden !important;
    }

    /* УДАЛЕНО - ДУБЛИРУЮЩИЕСЯ СТИЛИ */

    /* Явно выравниваем зону 9 (подвал/преимущества) на планшетах */
    #zone9 .container,
    #zone9 .container_12 {
        width: 100% !important;
        max-width: 100% !important;
    }

    #zone9 .blocks {
        float: none !important;
        display: block !important;
        width: 100% !important;
        margin: 0 !important;
        clear: both !important;
    }

    a.vcatalog {
        padding: 8px 20px 9px;
        font-size: 14px;
    }

    .header_search .btn-strt input {
        padding: 4px 20px;
        font-size: 12px;
    }

    #block15 {
        width: 120px;
    }

    #block50 {
        width: 150px;
    }

    #block49 {
        width: 200px;
    }

    /* 🔹 Предотвращаем съезжание элементов шапки */
    .header_search,
    .header_search .btn-strt {
        white-space: nowrap !important;
        flex-shrink: 0 !important;
    }

    /* Разрешаем сжатие/перенос в шапке, чтобы высота считалась корректно */
    header,
    .header,
    .top-bar,
    .main-header {
        flex-wrap: wrap !important;
        white-space: normal !important;
        overflow: visible !important;
        /* Добавляем для выпадающих списков */
    }

    #header>section.blocks {
        flex: 0 1 auto !important;
    }

    /* Элементы шапки остаются в одной строке */
    .header>*,
    .top-bar>*,
    .main-header>* {
        white-space: nowrap !important;
        flex-shrink: 0 !important;
    }

    /* 🔹 Скрываем каталог товаров справа на планшетах */
    #block39 {
        display: none !important;
    }

    /* Каталог видим и адаптивен на планшетах */
    #block58 {
        display: block !important;
        width: auto !important;
        flex: 0 1 auto;
    }

    #header {
        display: flex;
        flex-wrap: wrap !important;
        justify-content: center !important;
        gap: 12px !important;
    }

    #header>section.blocks {
        flex-shrink: 1 !important;
    }

    /* Make main desktop button adaptive: allow shrinking and scale content */
    #block58 .menu-button {
        max-width: 100%;
        min-width: 0 !important;
        flex: 0 1 auto !important;
        box-sizing: border-box !important;
    }

    #block58 .menu-button-head {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        height: clamp(36px, 3.2vw, 46px) !important;
        border-radius: 30px !important;
        /* adaptive padding: shrinks on smaller screens */
        padding-left: clamp(10px, 3vw, 42px) !important;
        padding-right: clamp(10px, 3vw, 42px) !important;
        box-sizing: border-box;
        min-width: 0 !important;
        max-width: 100%;
        flex: 0 1 auto !important;
        position: relative;
        overflow: hidden;
    }

    /* Icon positions remain absolute but don't force width */
    #block58 .menu-button-head.icons::before {
        position: absolute !important;
        left: clamp(8px, 2.2vw, 12px) !important;
        top: 50% !important;
        transform: translateY(-50%) !important;
        width: clamp(12px, 2.6vw, 18px) !important;
        height: auto !important;
        flex-shrink: 0 !important;
    }


@media (max-width: 960px) {
    a.vcatalog {
        padding: 6px 15px 7px;
        font-size: 12px;
    }

    .header_search .btn-strt input {
        padding: 3px 15px;
        font-size: 11px;
    }

    #block15 {
        width: 100px;
    }

    #block50 {
        width: 120px;
    }

    #block49 {
        width: 150px;
    }

    /* 🔹 Предотвращаем съезжание элементов шапки на средних экранах */
    .header_search,
    .header_search .btn-strt {
        white-space: nowrap !important;
        flex-shrink: 0 !important;
    }

    /* Предотвращаем перенос строк в шапке */
    header,
    .header,
    .top-bar,
    .main-header {
        flex-wrap: nowrap !important;
        white-space: nowrap !important;
        overflow: visible !important;
        /* Добавляем для выпадающих списков */
    }

    /* Элементы шапки остаются в одной строке */
    .header>*,
    .top-bar>*,
    .main-header>* {
        white-space: nowrap !important;
        flex-shrink: 0 !important;
    }
}

@media screen and (max-width: 1279px) and (min-width: 781px) {
    span.logo-subname {
        font-size: 12px !important;
    }

    .tel_lp_item,
    .tel_lp_item a {
        font-size: 16px;
    }

    #block17 {
        padding-right: 25px;
        width: 215px;
    }

    .icons.i_tel:before {
        font-size: 16px;
    }

    span.basket_m_price {
        top: 0;
        font-size: 12px;
    }

    #block5 .blk_body .iconsCol:before {
        top: 8px;
        width: 20px;
        height: 20px;
        left: -4px;
    }

    #logo.mainlogo-name .logo-img img {
        padding-right: 15px;
    }

    .slider-name span {
        font-size: 26px;
    }

    a.vcatalog {
        padding: 12px 30px 13px;
    }

    .slider-text {
        font-size: 26px;
    }

    .bannerText-center .slider-data {
        padding-left: 35px;
    }

    #block26 .blk_head .h2,
    #block26 .blk_head a,
    #block25 .blk_head .h2,
    #block25 .blk_head a,
    #block1 .blk_head .h2,
    #block1 .blk_head a,
    #block3 .blk_head .h2,
    #block3 .blk_head a {
        font-size: 24px;
    }

    #block21 {
        padding-left: 0;
        width: 215px;
        float: right;
    }

    .store_price {
        width: 140px;
    }

    .store_phone {
        width: 145px;
    }

    h3 {
        font-size: 15px;
    }

    #content .txt .obj {
        margin-bottom: 15px;
    }

    .difference_price {
        font-size: 12px;
    }

    .card_price_second .last_price {
        font-size: 16px;
    }

    .card_btn {
        width: 260px;
    }

    .mini_card_open_active .basket_mini_open .basket_mini_a {
        height: 21px;
    }

    .basket_blks .total_blk span.btn-strt {
        width: 250px;
    }

    #block33 {
        width: 385px;
        padding-right: 20px;
    }

    ul.header_menu>li>a>span.mn_sp_1 {
        padding: 12px 7px 12px;
    }

    .text_block,
    .txt,
    #block28 .regper_link a {
        font-size: 13px;
    }

    #block50 {
        width: 170px;
    }

    #block49 {
        width: 250px;
    }

    #block28 {
        width: 175px;
    }

    #block51 {
        width: 280px;
    }

    #block54 .adv-info {
        padding: 10px;
    }

    #block54 .image-default {
        height: 35px;
        width: 35px;
    }

    #block54 .adv-data {
        width: calc(100% - 35px);
        padding: 0px 0 0 10px;
    }

    /* УДАЛЕНО - КОНФЛИКТУЮЩИЕ СТИЛИ ДЛЯ ОБЪЕКТОВ */
    
    /* Рамки для больших экранов */
    #block54 .advantage-items li.advantage-item {
        box-shadow: 0 0 0 1px rgb(1 71 177 / 45%) !important;
        border: 1px solid rgb(1 71 177 / 45%) !important;
        position: relative !important;
        overflow: visible !important;
        border-radius: 4px !important;
    }
    
    /* Растягиваем элементы на больших экранах */
    #block54 .advantage-items {
        grid-template-columns: repeat(4, 1fr) !important;
        gap: 20px !important;
        padding: 0 20px !important;
    }
    
    /* Правильное отображение содержимого внутри рамок для больших экранов */
    #block54 .advantage-items .adv-info {
        width: 100% !important;
        box-sizing: border-box !important;
        padding: 10px !important;
        border-radius: 4px !important;
    }

    /* УДАЛЕНО - КОНФЛИКТУЮЩИЕ СТИЛИ ДЛЯ TEMPLATE-2 */

    .otzyvy_blk .otz_title .kz_otz_time {
        margin-bottom: 7px;
    }

    h1 {
        font-size: 30px;
    }

    #block39 .blk_head .h2,
    #block39 .blk_head a {
        font-size: 20px;
    }
    /* 🔹 Исправления для планшетов - предотвращение съезжания кнопок */
    @media (max-width: 1280px) and (min-width: 780px) {

        /* 🔹 АДАПТИВНЫЕ БЛОКИ КОНТЕНТА */
        #block40 {
            width: 100% !important;
            max-width: 100% !important;
            margin: 0 !important;
            padding: 0 15px !important;
            box-sizing: border-box !important;
        }

        /* 🔹 ПЕРЕНОС И ВЫРАВНИВАНИЕ БЛОКА КОНТАКТОВ ВЛЕВО (НЕ ОБРЕЗАЕМСЯ) */
        #block19 {
            width: 300px !important;
            min-width: 300px !important;
            max-width: 300px !important;
            margin: 0 10px 0 0 !important;
            /* стабильный отступ от правого края */
            padding: 0 15px !important;
            box-sizing: border-box !important;
            float: right !important;
            /* при классической сетке прижимаем вправо */
            clear: none !important;
            overflow: visible !important;
            text-align: left !important;
            display: block !important;
            flex: 0 0 300px !important;
            /* фиксируем базис в flex-контейнере */
            align-self: center !important;
            /* выравнивание для flex */
            justify-self: end !important;
            /* выравнивание для grid - к правому краю */
            position: relative !important;
            left: auto !important;
            right: auto !important;
            transform: none !important;
        }

        #block19 .blk_head,
        #block19 .blk_body {
            padding-left: 0 !important;
            padding-right: 0 !important;
            box-sizing: border-box !important;
            overflow: visible !important;
        }

        #block19 .contacts-items,
        #block19 .contacts-items .obj {
            width: 100% !important;
            max-width: 100% !important;
            overflow: visible !important;
        }

        #block19 .blk_body_wrap {
            width: auto !important;
            max-width: 100% !important;
        }

        /* 🔹 АДАПТИВНАЯ СЕТКА */
        .container-zone {
            width: 100% !important;
            max-width: 100% !important;
            padding: 0 15px !important;
            box-sizing: border-box !important;
        }

        /* 🔹 Планшеты: растягиваем блок слайдера #block4 на всю ширину */
        #block4.blocks.grid_9 {
            width: 100% !important;
            max-width: 100% !important;
            float: none !important;
            margin: 0 !important;
        }

        /* Как на мобильной: убираем внутренние отступы у обёртки слайдера */
        #block4 .blk_body,
        #block4 .blk_body_wrap {
            padding-left: 0 !important;
            padding-right: 0 !important;
            box-sizing: border-box !important;
        }

        /* Слайдер внутри #block4: 100% ширины (поля уже у родителя) */
        #block4 section.slider-items {
            width: 100% !important;
            max-width: 100% !important;
            padding: 0 !important;
            box-sizing: border-box !important;
            margin: 0 auto !important;
            overflow: hidden !important;
        }

        #block4 .slider-img,
        #block4 .slider-img img {
            width: 100% !important;
            max-width: 100% !important;
            height: auto !important;
            object-fit: cover !important;
        }

        /* Перебиваем style.css: там img у слайда ставят width:auto !important */
        #block4 section.slider-items .slider-item .slider-img>img,
        #block4 section.slider-items .slider-item>img {
            width: 100% !important;
            height: auto !important;
            object-fit: cover !important;
            display: block;
        }

        /* Центрируем и даём внутренние поля, как у контента */
        #block4 .blk_body_wrap {
            padding-left: 15px !important;
            padding-right: 15px !important;
            box-sizing: border-box !important;
            margin: 0 auto !important;
        }

        #block4 .bannerText-center .slider-data {
            left: 0 !important;
            right: 0 !important;
            width: 100% !important;
            padding: 0 15px 0 15px !important;
            /* уменьшаем левый отступ до 15px */
            box-sizing: border-box !important;
            top: 0 !important;
            text-align: left !important;
        }

        /* 🔹 Планшеты: каталог-слидер тянется/сжимается по ширине экрана */
        .catalog-items.owl-carousel {
            width: calc(100% - 30px) !important;
            /* по 15px слева/справа */
            max-width: 100% !important;
            padding: 0 !important;
            margin: 0 auto !important;
            box-sizing: border-box !important;
        }

        .catalog-items.owl-carousel .owl-stage-outer {
            width: 100% !important;
            overflow: hidden !important;
        }

        /* Карточки и изображения остаются адаптивными внутри контейнера */
        .catalog-items .image-default img {
            width: 100% !important;
            height: auto !important;
            object-fit: cover !important;
        }

        /* 🔹 ГЛОБАЛЬНАЯ АДАПТИВНОСТЬ КОНТЕНТА НА ПЛАНШЕТАХ */
        html,
        body,
        #site,
        #main,
        #content,
        .page-content {
            width: 100% !important;
            max-width: 100% !important;
            margin: 0 auto !important;
            overflow-x: hidden !important;
        }

        .container,
        .container_12,
        .container.container_12,
        .zone .container,
        .container-zone {
            width: 100% !important;
            max-width: 100% !important;
            padding: 0 15px !important;
            margin: 0 auto !important;
            box-sizing: border-box !important;
        }

        .blocks,
        .blk_head,
        .blk_body,
        .block,
        .obj {
            max-width: 100% !important;
            box-sizing: border-box !important;
            overflow: visible !important;
        }

        /* 🔹 СЛАЙДЕРЫ И МЕДИА */
        section.slider-items,
        .slider-items,
        .slider,
        .owl-carousel {
            width: 100% !important;
            max-width: 100% !important;
        }

        .slider-img {
            width: 100% !important;
            max-width: 100% !important;
        }

        iframe,
        video {
            max-width: 100% !important;
            width: 100% !important;
            height: auto !important;
        }

        /* 🔹 ГРИД КОЛОНКИ В ПРОЦЕНТАХ */
        .grid_12 {
            width: 100% !important;
        }

        .grid_9 {
            width: 75% !important;
        }

        .grid_8 {
            width: 66.666% !important;
        }

        .grid_6 {
            width: 50% !important;
        }

        .grid_4 {
            width: 33.333% !important;
        }

        .grid_3 {
            width: 25% !important;
        }

        [class*="grid_"] {
            max-width: 100% !important;
            box-sizing: border-box !important;
        }

        /* 🔹 АДАПТИВНЫЕ КНОПКИ И ПОИСК */
        a.vcatalog {
            padding: 8px 15px 9px !important;
            font-size: 14px !important;
            white-space: nowrap !important;
            width: auto !important;
            min-width: 120px !important;
            max-width: 200px !important;
        }

        .header_search {
            width: 100% !important;
            min-width: 200px !important;
            max-width: none !important;
            flex: 1 !important;
        }

        .header_search .btn-strt input {
            padding: 4px 15px !important;
            font-size: 12px !important;
            white-space: nowrap !important;
            width: auto !important;
            min-width: 80px !important;
        }
        /* 🔹 АДАПТИВНАЯ ШАПКА */
        header,
        .header,
        .top-bar,
        .main-header {
            width: 100% !important;
            max-width: 100% !important;
            padding: 0 15px !important;
            box-sizing: border-box !important;
        }

        /* 🔹 СКРЫВАЕМ ПРАВЫЙ КАТАЛОГ НА ПЛАНШЕТАХ */
        #block39 {
            display: none !important;
        }

        /* 🔹 СКРЫВАЕМ ЛЕВЫЙ СТАТИЧНЫЙ КАТАЛОГ НА ПЛАНШЕТАХ */
        #block60 {
            display: none !important;
            visibility: hidden !important;
            opacity: 0 !important;
            position: absolute !important;
            left: -9999px !important;
            top: -9999px !important;
            width: 0 !important;
            height: 0 !important;
            overflow: hidden !important;
            clip: rect(0, 0, 0, 0) !important;
        }

        /* 🔹 ИСПРАВЛЯЕМ ВЫПАДАЮЩИЙ СПИСОК КАТАЛОГА */
        .menu-button-body {
            max-height: 95vh !important;
            overflow-y: auto !important;
            clip-path: none !important;
        }

        .menu-button-body li {
            overflow: visible !important;
            text-overflow: clip !important;
            padding: 10px 15px !important;
            border-bottom: 1px solid #f0f0f0 !important;
            margin: 0 !important;
        }

        .menu-button-body li:last-child {
            border-bottom: none !important;
        }

        /* 🔹 ПРЕДОТВРАЩЕНИЕ ГОРИЗОНТАЛЬНЫХ СКРОЛЛОВ */
        body,
        html {
            overflow-x: hidden !important;
            overflow-y: auto !important;
            max-width: 100% !important;
        }

        #main,
        #content,
        #site {
            width: 100% !important;
            max-width: 100% !important;
            overflow-x: hidden !important;
            overflow-y: auto !important;
        }

        /* 🔹 АДАПТИВНАЯ ШАПКА - ПРЕДОТВРАЩЕНИЕ СЪЕЗЖАНИЯ НАДПИСЕЙ */
        .top-bar,
        .header-top {
            display: flex !important;
            flex-wrap: nowrap !important;
            /* НЕ ПЕРЕНОСИМ НА НОВУЮ СТРОКУ! */
            gap: 8px !important;
            /* Уменьшаем отступы между элементами */
            justify-content: flex-start !important;
            align-items: flex-start !important;
            padding: 10px 15px !important;
            box-sizing: border-box !important;
            overflow: visible !important;
            /* Показываем все элементы */
        }

        .top-bar>*,
        .header-top>* {
            flex-shrink: 1 !important;
            /* ЭЛЕМЕНТЫ СЖИМАЮТСЯ ПОД РАЗМЕР ЭКРАНА! */
            white-space: nowrap !important;
            margin: 0 !important;
            min-width: auto !important;
            /* Убираем минимальную ширину */
            max-width: none !important;
            /* Убираем максимальную ширину */
        }

        /* 🔹 АДАПТИВНЫЕ ЭЛЕМЕНТЫ ШАПКИ */
        .regper_link.i_city {
            margin-right: 15px !important;
            /* Уменьшаем отступ */
        }

        .regper_link.i_sendmail {
            margin-right: 15px !important;
            /* Уменьшаем отступ */
        }

        /* 🔹 АДАПТИВНОЕ МЕНЮ ШАПКИ - ВСЕ В ОДНОЙ СТРОКЕ! */
        ul.header_menu {
            display: flex !important;
            flex-wrap: nowrap !important;
            /* НЕ ПЕРЕНОСИМ НА НОВУЮ СТРОКУ! */
            gap: 5px !important;
            /* Минимальные отступы между пунктами */
            justify-content: flex-start !important;
            margin: 0 !important;
            padding: 0 !important;
            overflow: visible !important;
            /* Показываем все элементы */
        }

        ul.header_menu>li {
            flex-shrink: 1 !important;
            /* ЭЛЕМЕНТЫ СЖИМАЮТСЯ ПОД РАЗМЕР ЭКРАНА! */
            white-space: nowrap !important;
            min-width: auto !important;
            /* Убираем минимальную ширину */
            max-width: none !important;
            /* Убираем максимальную ширину */
        }

        ul.header_menu>li>a>span.mn_sp_1 {
            padding: 6px 8px !important;
            /* Уменьшаем отступы */
            font-size: 12px !important;
            /* Уменьшаем размер шрифта */
            white-space: nowrap !important;
            overflow: visible !important;
            /* Показываем весь текст */
            text-overflow: clip !important;
            /* Не обрезаем текст */
        }

        /* 🔹 АДАПТИВНЫЙ ПОДВАЛ */
        .benefits-section {
            display: flex !important;
            flex-wrap: wrap !important;
            gap: 15px !important;
            justify-content: flex-start !important;
            align-items: flex-start !important;
            padding: 20px 15px !important;
            box-sizing: border-box !important;
        }

        .benefits-section .benefit-item {
            flex: 1 1 200px !important;
            min-width: 200px !important;
            max-width: 300px !important;
            margin-bottom: 15px !important;
        }

        /* 🔹 АДАПТИВНЫЕ ЭЛЕМЕНТЫ ПРЕИМУЩЕСТВ - РАСТЯГИВАЕМСЯ ПО ШИРИНЕ ЭКРАНА! */
        .advantage-item,
        .advantage-item.obj {
            display: flex !important;
            flex: 1 1 auto !important;
            /* РАСТЯГИВАЕМСЯ ПО ШИРИНЕ ЭКРАНА! */
            width: 100% !important;
            /* Растягиваем на всю ширину */
            min-width: 200px !important;
            /* Минимальная ширина для читаемости */
            max-width: none !important;
            /* Убираем ограничение максимальной ширины */
            margin: 0 5px 10px 0 !important;
            /* Отступы между элементами */
            box-sizing: border-box !important;
            min-height: 72px !important;
        }

        /* 🔹 АДАПТИВНАЯ ОБЕРТКА ЭЛЕМЕНТОВ ПРЕИМУЩЕСТВ */
        .advantage-items {
            display: flex !important;
            flex-wrap: wrap !important;
            /* ПЕРЕНОСИМ НА НОВУЮ СТРОКУ! */
            gap: 10px !important;
            /* Отступы между элементами */
            justify-content: flex-start !important;
            /* ВЫРАВНИВАЕМ ПО ЛЕВОМУ КРАЮ! */
            align-items: flex-start !important;
            /* Выравниваем по верху */
            padding: 10px !important;
            /* Отступы */
            box-sizing: border-box !important;
            width: 100% !important;
            max-width: 100% !important;
        }

        /* 🔹 ПРИНУДИТЕЛЬНО ИСПРАВЛЯЕМ #block54 - РАСТЯГИВАЕМ ЭЛЕМЕНТЫ ПО ШИРИНЕ! */
        #block54 .advantage-items {
            display: grid !important;
            grid-template-columns: repeat(2, 1fr) !important;
            /* 2 колонки на мобильных для лучшей читаемости */
            gap: 15px !important;
            /* Отступы между элементами */
            justify-items: stretch !important;
            /* Растягиваем элементы по ширине колонок */
            align-items: stretch !important;
            /* Выравниваем по верху */
            padding: 15px !important;
            /* Отступы */
            box-sizing: border-box !important;
            width: 100% !important;
            max-width: 100% !important;
            margin: 0 !important;
        }
        
        /* ПРИНУДИТЕЛЬНО РАСТЯГИВАЕМ ЭЛЕМЕНТЫ НА МОБИЛЬНЫХ */
        #block54 .advantage-items > li {
            width: 100% !important;
            max-width: 100% !important;
            min-width: 0 !important;
            margin: 0 !important;
            padding: 0 !important;
            float: none !important;
            display: block !important;
            box-sizing: border-box !important;
            justify-self: stretch !important;
            align-self: stretch !important;
        }
        
        #block54 .advantage-items .adv-info {
            width: 100% !important;
            max-width: 100% !important;
            box-sizing: border-box !important;
        }
        
        /* Показываем все элементы */
        #block54 .advantage-items {
            overflow: visible !important;
        }

        /* УДАЛЕНО - КОНФЛИКТУЮЩИЕ СТИЛИ ДЛЯ ОБЪЕКТОВ */
        
        /* Рамки для мобильных устройств */
        #block54 .advantage-items li.advantage-item {
            box-shadow: 0 0 0 1px rgb(1 71 177 / 45%) !important;
            border: 1px solid rgb(1 71 177 / 45%) !important;
            border-radius: 4px !important;
            position: relative !important;
            overflow: visible !important;
            box-sizing: border-box !important;
        }
        
        /* Правильное отображение содержимого внутри рамок для мобильных устройств */
        #block54 .advantage-items .adv-info {
            width: 100% !important;
            box-sizing: border-box !important;
            padding: 10px !important;
            border-radius: 4px !important;
        }
        
        /* Растягиваем элементы на мобильных устройствах */
        #block54 .advantage-items {
            grid-template-columns: repeat(2, 1fr) !important;
            gap: 15px !important;
            padding: 15px !important;
        }

        #block54 .adv-info {
            display: flex !important;
            align-items: flex-start !important;
            padding: 10px !important;
            /* Стандартные отступы */
            width: 100% !important;
            box-sizing: border-box !important;
            flex-wrap: wrap !important;
            /* ПЕРЕНОСИМ ТЕКСТ НА НОВУЮ СТРОКУ! */
            gap: 10px !important;
            /* Отступ между иконкой и текстом */
            justify-content: flex-start !important;
            min-height: 72px !important;
            position: relative !important;
            overflow: visible !important;
            border-radius: 4px !important;
        }

        #block54 .image-default {
            height: 35px !important;
            /* Возвращаем стандартный размер иконки */
            width: 35px !important;
            flex-shrink: 0 !important;
            /* Иконка не сжимается */
            margin: 0 !important;
            position: relative !important;
            z-index: 1 !important;
        }

        #block54 .adv-data {
            flex: 0 1 auto !important;
            /* Текст НЕ растягивает блок */
            min-width: 0 !important;
            /* Позволяет сжиматься */
            padding: 0 !important;
            /* Убираем отступы */
            overflow: visible !important;
            /* Показываем весь текст */
            width: auto !important;
            /* Автоматическая ширина по содержимому */
            max-width: calc(100% - 45px) !important;
            /* Максимальная ширина минус иконка и отступ */
            position: relative !important;
            z-index: 1 !important;
        }

        #block54 .adv-name {
            font-size: 12px !important;
            /* Стандартный размер шрифта */
            white-space: normal !important;
            /* ПЕРЕНОСИМ ТЕКСТ НА НОВУЮ СТРОКУ! */
            overflow: visible !important;
            /* Показываем весь текст */
            text-overflow: clip !important;
            /* Не обрезаем текст */
            word-wrap: break-word !important;
            /* Переносим длинные слова */
            line-height: 1.3 !important;
            /* Оптимальная высота строки */
            margin: 0 !important;
        }

        /* 🔹 АДАПТИВНЫЕ КОЛОНКИ ПОДВАЛА */
        .footer-content {
            display: flex !important;
            flex-wrap: wrap !important;
            gap: 20px !important;
            justify-content: flex-start !important;
            align-items: flex-start !important;
            padding: 20px 15px !important;
            box-sizing: border-box !important;
        }

        .footer-column {
            flex: 1 1 250px !important;
            min-width: 250px !important;
            margin-bottom: 20px !important;
        }

        /* 🔹 АДАПТИВНЫЕ ИКОНКИ И ТЕКСТ */
        .benefit-icon,
        .footer-icon {
            width: 40px !important;
            height: 40px !important;
            flex-shrink: 0 !important;
        }

        .benefit-title,
        .footer-title {
            font-size: 16px !important;
            margin-bottom: 8px !important;
            white-space: normal !important;
            word-wrap: break-word !important;
        }

        .benefit-description,
        .footer-text {
            font-size: 14px !important;
            line-height: 1.4 !important;
            white-space: normal !important;
            word-wrap: break-word !important;
        }

        /* 🔹 КОМПАКТНЫЕ ВНУТРЕННИЕ ЭЛЕМЕНТЫ ПРЕИМУЩЕСТВ */
        .advantage-item .adv-info {
            display: flex !important;
            align-items: flex-start !important;
            gap: 10px !important;
            width: 100% !important;
            min-height: 72px !important;
            padding: 10px !important;
            box-sizing: border-box !important;
            flex-wrap: wrap !important;
            /* ПЕРЕНОСИМ ТЕКСТ НА НОВУЮ СТРОКУ! */
            justify-content: flex-start !important;
            align-items: flex-start !important;
        }

        .advantage-item .image-default {
            height: 35px !important;
            width: 35px !important;
            flex-shrink: 0 !important;
            /* Иконка не сжимается */
            margin: 0 !important;
        }

        .advantage-item .adv-data {
            flex: 0 1 auto !important;
            /* Текст НЕ растягивает блок */
            min-width: 0 !important;
            /* Позволяет сжиматься */
            padding: 0 !important;
            overflow: visible !important;
            /* Показываем весь текст */
            width: auto !important;
            /* Автоматическая ширина по содержимому */
            max-width: calc(100% - 45px) !important;
            /* Максимальная ширина минус иконка и отступ */
        }

        .advantage-item .adv-name {
            font-size: 12px !important;
            white-space: normal !important;
            /* ПЕРЕНОСИМ ТЕКСТ НА НОВУЮ СТРОКУ! */
            overflow: visible !important;
            /* Показываем весь текст */
            text-overflow: clip !important;
            /* Не обрезаем текст */
            word-wrap: break-word !important;
            /* Переносим длинные слова */
            line-height: 1.3 !important;
            /* Оптимальная высота строки */
            margin: 0 !important;
        }



        /* 🔹 УМЕНЬШАЕМ ШИРИНУ БЛОКА ГОРОДА В 2 РАЗА ДЛЯ ПЛАНШЕТОВ */
        #block28 {
            width: 87.5px !important;
            /* 175px / 2 = 87.5px */
            min-width: 87.5px !important;
            max-width: 87.5px !important;
            padding: 0 !important;
            margin: 0 !important;
            box-sizing: border-box !important;
        }

        #block28 .blk_body {
            width: 100% !important;
            padding: 0 !important;
            margin: 0 !important;
        }

        #block28 .regper_link.iconsCol.icons.i_city {
            padding-left: 15px !important;
            /* Уменьшаем отступ для иконки */
            font-size: 12px !important;
            /* Уменьшаем размер шрифта */
            white-space: nowrap !important;
            overflow: hidden !important;
            text-overflow: ellipsis !important;
        }

        #block28 .regper_link.iconsCol.icons.i_city a {
            font-size: 12px !important;
            /* Уменьшаем размер шрифта ссылки */
            padding: 5px 0 !important;
            /* Уменьшаем вертикальные отступы */
            display: block !important;
            width: 100% !important;
            text-align: left !important;
        }

        /* 🔹 ПРЕДОТВРАЩЕНИЕ СЪЕЗЖАНИЯ НАДПИСЕЙ В ШАПКЕ */
        /* Принудительно убираем перенос строк для всех элементов шапки */
        .top-bar,
        .header-top,
        .main-header {
            flex-wrap: nowrap !important;
            white-space: nowrap !important;
            overflow: visible !important;
        }

        /* Элементы шапки не сжимаются и не переносятся */
        .top-bar>*,
        .header-top>*,
        .main-header>* {
            flex-shrink: 0 !important;
            white-space: nowrap !important;
            min-width: auto !important;
            max-width: none !important;
            overflow: visible !important;
        }

        /* Меню навигации всегда в одной строке */
        ul.header_menu {
            flex-wrap: nowrap !important;
            white-space: nowrap !important;
            overflow: visible !important;
            gap: 8px !important;
        }

        ul.header_menu>li {
            flex-shrink: 0 !important;
            white-space: nowrap !important;
            min-width: auto !important;
            max-width: none !important;
            overflow: visible !important;
        }

        ul.header_menu>li>a>span.mn_sp_1 {
            padding: 6px 8px !important;
            font-size: 12px !important;
            white-space: nowrap !important;
            overflow: visible !important;
            text-overflow: clip !important;
        }

        /* Уменьшаем отступы между элементами шапки */
        .regper_link.i_city {
            margin-right: 15px !important;
        }

        .regper_link.i_sendmail {
            margin-right: 15px !important;
        }

        /* УДАЛЕНО - КОНФЛИКТУЮЩИЕ СТИЛИ ДЛЯ ПЛАНШЕТОВ */



        /* УДАЛЕНО - КОНФЛИКТУЮЩИЕ СТИЛИ ДЛЯ TEMPLATE-2 */
        /* 🔹 ПРАВИЛЬНЫЙ ПЕРЕНОС ТЕКСТА ВНУТРИ БЛОКОВ - ШИРИНА БЛОКОВ НЕ МЕНЯЕТСЯ */
        .advantage-item .adv-name,
        #block54 .adv-name {
            font-size: 12px !important;
            /* Стандартный размер шрифта */
            white-space: normal !important;
            /* ПЕРЕНОСИМ ТЕКСТ НА НОВУЮ СТРОКУ! */
            overflow: visible !important;
            /* Показываем весь текст */
            text-overflow: clip !important;
            /* Не обрезаем текст */
            word-wrap: break-word !important;
            /* Переносим длинные слова */
            word-break: break-word !important;
            /* Принудительно переносим слова */
            line-height: 1.3 !important;
            /* Оптимальная высота строки */
            margin: 0 !important;
            width: 100% !important;
            /* Текст занимает всю доступную ширину блока */
            box-sizing: border-box !important;
        }

        /* УДАЛЕНО - КОНФЛИКТУЮЩИЕ СТИЛИ ДЛЯ ОБЪЕКТОВ */

        /* УДАЛЕНО - КОНФЛИКТУЮЩИЕ СТИЛИ ДЛЯ OBJ2692 */
    }
}

/* Планшеты: предотвращаем обрезание/вылезание слайдера и растягивание шапки */

@media (min-width: 781px) and (max-width: 1279px) {



    html,

    body {

        overflow-x: hidden;

    }



    #block4 .blk_body_wrap {

        overflow: hidden;

        padding-left: 12px;

        padding-right: 12px;

        /* внутренние отступы у слайдера на планшетах */

    }



    section.slider-items,

    section.slider-items .slider-item,

    section.slider-items .slider-img {

        max-width: 100%;

    }



    section.slider-items .slider-item img {

        width: 100% !important;

        height: auto !important;

        min-width: 0 !important;

        object-fit: cover;

    }



    /* Шапка может переноситься на новую строку, чтобы не расширять страницу */

    header,

    .header,

    .top-bar,

    .main-header,

    .header-wrapper {

        white-space: normal !important;

        flex-wrap: wrap !important;

        overflow: visible !important;

    }



    .header>*,

    .top-bar>*,

    .main-header>*,

    .header-wrapper>* {

        white-space: normal !important;

        flex-shrink: 1 !important;

    }



    .header_search,

    .header_search .btn-strt,

    .search-form,

    .search-form * {

        white-space: normal !important;

    }

}

/* 🔹 Адаптивность для планшетов (включая правки сетки и слайдера) */

@media (max-width: 1279px) and (min-width: 781px) {



    /* Шапка в потоке на планшетах: убираем необходимость компенсатора */

    .topfix {

        height: 0 !important;

        margin: 0 !important;

    }



    /* Гарантируем, что верхние зоны поверх контента и имеют фон */

    #zone13,

    #zone1,

    #header {

        position: relative;

        z-index: 1000;

    }



    #header {

        background: #ffffff;

    }



    /* Отключаем фиксирование верха: шапка и зона становятся статичными */

    .zone-fixtop,

    #zone1,

    #header {

        position: static !important;

        top: auto !important;

        left: auto !important;

        right: auto !important;

    }



    /* Снимаем жёсткую высоту у внутренних элементов шапки */

    #zone1>* {

        height: auto !important;

        min-height: auto !important;

    }



    /* Слайдер и его обёртки ниже по слою */

    #block4,

    .slider-items,

    .bannerText-center {

        position: relative;

        z-index: 1;

    }



    /* На всякий случай убираем возможные отрицательные отступы у слайдера */

    #block4 {

        margin-top: 0 !important;

    }



    html,

    body {

        overflow-x: hidden;

    }



    /* делаем контейнер резиновым в этом диапазоне, чтобы фиксированная сетка не выталкивала ширину */

    body {

        min-width: 0;

    }



    .container_12 {

        width: 100% !important;

        max-width: 100% !important;

    }



    .sitew1200 .container_12,

    .container_12w,

    .centerwrap,

    .zone .container,

    .zone .container_12 {

        width: 100% !important;

        max-width: 100% !important;

        margin: 0 auto !important;

        padding-left: 15px !important;

        padding-right: 15px !important;

        box-sizing: border-box !important;

    }



    .zone .container-zone {

        width: 100% !important;

        max-width: 100% !important;

        margin: 0 auto !important;

        padding-left: 15px !important;

        padding-right: 15px !important;

        box-sizing: border-box !important;

    }



    /* выравниваем колонки в процентах, убираем фиксированные поля */

    .container_12 .grid_1,

    .container_12 .grid_2,

    .container_12 .grid_3,

    .container_12 .grid_4,

    .container_12 .grid_5,

    .container_12 .grid_6,

    .container_12 .grid_7,

    .container_12 .grid_8,

    .container_12 .grid_9,

    .container_12 .grid_10,

    .container_12 .grid_11,

    .container_12 .grid_12 {

        margin-left: 0;

        margin-right: 0;

        padding-left: 0.5%;

        padding-right: 0.5%;

    }



    .container_12 .grid_1 {

        width: 8.333%;

    }



    .container_12 .grid_2 {

        width: 16.666%;

    }



    .container_12 .grid_3 {

        width: 25%;

    }



    .container_12 .grid_4 {

        width: 33.333%;

    }



    .container_12 .grid_5 {

        width: 41.666%;

    }



    .container_12 .grid_6 {

        width: 50%;

    }



    .container_12 .grid_7 {

        width: 58.333%;

    }



    .container_12 .grid_8 {

        width: 66.666%;

    }



    .container_12 .grid_9 {

        width: 75%;

    }



    .container_12 .grid_10 {

        width: 83.333%;

    }



    .container_12 .grid_11 {

        width: 91.666%;

    }



    .container_12 .grid_12 {

        width: 100%;

    }



    /* внутренние отступы у слайдера и защита от «обрезания» */

    #block4 .blk_body_wrap {

        overflow: hidden;

        padding-left: 12px;

        padding-right: 12px;

    }



    section.slider-items,

    section.slider-items .slider-item,

    section.slider-items .slider-img {

        max-width: 100%;

    }



    section.slider-items .slider-item img {

        width: 100% !important;

        height: auto !important;

        min-width: 0 !important;

        object-fit: cover;

    }



    /* Контент ниже слайдера: резиновая ширина контейнеров и равные боковые отступы */

    .centerwrap,

    .container_12w,

    .zone .container,

    .zone .container_12 {

        width: 100% !important;

        max-width: 100% !important;

    }



    .centerwrap.container.container_12,

    .zone .container-zone {

        padding-left: 12px !important;

        padding-right: 12px !important;

        box-sizing: border-box;

    }



    /* Блоки в зонах тянутся на всю строку */

    #zone3 .blocks,

    #zone4 .blocks {

        float: none !important;

        display: block !important;

        width: 100% !important;

    }



    /* Контентная область и сайдбар встают в столбец и занимают всю ширину */

    #sidebar,

    #content {

        width: 100% !important;

        float: none !important;

    }



    /* Сам блоки #block57 и #block61 на 100% и по центру */

    #block57,

    #block61 {

        width: 100% !important;

        max-width: 100% !important;

        margin: 0 auto !important;

    }



    /* Block 57 responsive catalog carousel */

    #block57 .blk_body_wrap {

        overflow: hidden !important;

    }



    #block57 .catalog-items.owl-carousel {

        width: calc(100% - 30px) !important;

        max-width: 100% !important;

        padding: 0 !important;

        margin: 0 auto !important;

        box-sizing: border-box !important;

    }



    #block57 .catalog-items.owl-carousel .owl-stage-outer {

        width: 100% !important;

        overflow: hidden !important;

        padding-right: 18px !important; /* место под правую границу последней карточки */

    }



    #block57 .catalog-items.owl-carousel .owl-item>.catalog-item.obj {

        width: 100% !important;

        max-width: 100% !important;

    }



    /* Внутренние отступы у слайдов вместо внешних маргинов карточки — рамка не обрезается */

    #block57 .catalog-items.owl-carousel .owl-item { padding-left: 9px !important; padding-right: 9px !important; box-sizing: border-box !important; }

    #block57 .catalog-item { margin: 0 !important; box-sizing: border-box !important; border: 1px solid #e6e6e6 !important; box-shadow: none !important; display: flex !important; flex-direction: column !important; height: clamp(380px, 42vw, 460px) !important; }



    #block57 .catalog-items .image-default img {

        width: 100% !important;

        height: auto !important;

        object-fit: cover !important;

    }



    #block57 .catalog-items .obj {

        width: auto !important;

        max-width: 100% !important;

    }



    #block57 .catalog-item .blk_first {

        height: auto !important;

    }



    /* Block 61 (Новинки) — те же правила для карусели */

    #block61 .blk_body_wrap {

        overflow: hidden !important;

    }



    #block61 .catalog-items.owl-carousel {

        width: calc(100% - 30px) !important;

        max-width: 100% !important;

        padding: 0 !important;

        margin: 0 auto !important;

        box-sizing: border-box !important;

    }



    #block61 .catalog-items.owl-carousel .owl-stage-outer {

        width: 100% !important;

        overflow: hidden !important;

    }



    #block61 .catalog-items.owl-carousel .owl-item>.catalog-item.obj {

        width: 100% !important;

        max-width: 100% !important;

    }



    #block61 .catalog-items .image-default img {

        width: 100% !important;

        height: auto !important;

        object-fit: cover !important;

    }



    #block61 .catalog-items .obj {

        width: auto !important;

        max-width: 100% !important;

    }



    #block61 .catalog-item .blk_first {

        height: auto !important;

    }



    /* Block 26 (Популярные категории лекарств) — центр, полная ширина, равные отступы */

    #block26 {

        width: 100% !important;

        max-width: 100% !important;

        margin: 0 auto !important;

    }



    #block26 .blk_body_wrap {

        overflow: hidden !important;

    }



    #block26 .subdivision-items {

        width: calc(100% - 30px) !important;

        max-width: 100% !important;

        padding: 0 !important;

        margin: 0 auto !important;

        box-sizing: border-box !important;

        display: grid !important;

        grid-template-columns: repeat(3, 1fr) !important;

        gap: 10px !important;

    }



    #block26 .subdivision-items>li.sub {

        width: auto !important;

        margin: 0 !important;

        float: none !important;

    }



    /* Block 53 (Позаботьтесь о своём здоровье) — центр, полная ширина, равные отступы */

    #block53 {

        width: 100% !important;

        max-width: 100% !important;

        margin: 0 auto !important;

    }



    #block53 .blk_body_wrap {

        overflow: hidden !important;

    }



    #block53 .benefits-section {

        width: calc(100% - 30px) !important;

        max-width: 100% !important;

        margin: 0 auto !important;

        padding: 0 !important;

        box-sizing: border-box !important;

        display: grid !important;

        grid-template-columns: repeat(2, 1fr) !important;

        gap: 15px !important;

        align-items: stretch !important;

    }



    #block53 .benefit-card {

        width: auto !important;

    }



    #block53 .benefit-card img {

        width: 100% !important;

        height: auto !important;

        object-fit: cover !important;

    }



    /* Block 1 (ФАРМА+ надежная интернет-аптека) — центр, полная ширина, равные отступы */

    #block1 {

        width: 100% !important;

        max-width: 100% !important;

        margin: 0 auto !important;

    }



    #block1 .blk_body_wrap {

        width: calc(100% - 30px) !important;

        max-width: 100% !important;

        margin: 0 auto !important;

        padding: 0 !important;

        box-sizing: border-box !important;

    }



    /* Block 54 (Преимущества) — центр, полная ширина, равные отступы */

    #block54 {

        width: 100% !important;

        max-width: 100% !important;

        margin: 0 auto !important;

    }



    #block54 .blk_body_wrap {

        overflow: hidden !important;

    }



    /* УДАЛЕНО - ДУБЛИРУЮЩИЕСЯ СТИЛИ */



    /* Явно выравниваем зону 9 (подвал/преимущества) на планшетах */

    #zone9 .container,

    #zone9 .container_12 {

        width: 100% !important;

        max-width: 100% !important;

    }



    #zone9 .blocks {

        float: none !important;

        display: block !important;

        width: 100% !important;

        margin: 0 !important;

        clear: both !important;

    }
    #block15 {

        width: 120px;

    }



    #block50 {

        width: 150px;

    }



    #block49 {

        width: 200px;

    }



    /* 🔹 Предотвращаем съезжание элементов шапки */

    .header_search,

    .header_search .btn-strt {

        white-space: nowrap !important;

        flex-shrink: 0 !important;

    }



    /* Разрешаем сжатие/перенос в шапке, чтобы высота считалась корректно */

    header,

    .header,

    .top-bar,

    .main-header {

        flex-wrap: wrap !important;

        white-space: normal !important;

        overflow: visible !important;

        /* Добавляем для выпадающих списков */

    }



    #header>section.blocks {

        flex: 0 1 auto !important;

    }



    /* Элементы шапки остаются в одной строке */

    .header>*,

    .top-bar>*,

    .main-header>* {

        white-space: nowrap !important;

        flex-shrink: 0 !important;

    }



    /* 🔹 Скрываем каталог товаров справа на планшетах */

    #block39 {

        display: none !important;

    }



    /* Каталог видим и адаптивен на планшетах */

    #block58 {

        display: block !important;

        width: auto !important;

        flex: 0 1 auto;

    }



    #header {

        display: flex;

        flex-wrap: wrap !important;

        justify-content: center !important;

        gap: 12px !important;

    }



    #header>section.blocks {

        flex-shrink: 1 !important;

    }



    #block58 .menu-button {

        max-width: 100%;

    }



    #block58 .menu-button-head {

        display: inline-flex;

        align-items: center;

        height: 40px;

        border-radius: 20px;

        padding: 0 28px 0 42px;

        /* справа под стрелку, слева под бургер */

        box-sizing: border-box;

        min-width: 120px;

        max-width: 280px;

        flex: 1 1 auto;

        position: relative;

        overflow: visible;

        /* не режем псевдо-иконки */

    }



    #block58 .menu-button-head:before {

        /* бургер */

        left: 16px;

        top: 50%;

        transform: translateY(-50%);

    }



    #block58 .menu-button-head:after {

        /* стрелка */

        right: 12px;

        top: 50%;

        transform: translateY(-50%);

    }



    #block58 .menu-button-head>span {

        display: block;

        line-height: 40px;

        font-size: 13px;

        white-space: nowrap;

        overflow: hidden;

        text-overflow: ellipsis;

        max-width: 100%;

        min-width: 0;

        /* позволяет тексту сжиматься внутри flex-контейнера */

        flex: 1 1 auto;

    }



    /* Заголовок над слайдером (#block62) — по центру, резина и ровные отступы */

    #block62 {

        width: 100% !important;

        max-width: 100% !important;

        margin: 0 auto !important;

    }



    #block62 .blk_body_wrap {

        width: 100% !important;

        margin: 0 auto !important;

        padding: 0 15px !important;

        box-sizing: border-box !important;

    }



    #block62 h1 {

        text-align: center !important;

        margin: 0 auto !important;

        line-height: 1.3 !important;

    }



    #block62 h1,

    #block62 h1 span {

        font-size: clamp(18px, 2.6vw, 28px) !important;

    }



    /* Иконки (кабинет, избранное, корзина) — центрируем группу в шапке */

    /* Группа: WhatsApp/телефон + иконки стоят рядом и по центру */

    #block36 {

        margin-left: 0 !important;

    }



    #block5 {

        margin-right: 0 !important;

    }



    #block36,

    #block47,

    #block5 {

        align-self: center !important;

    }



    /* задаём порядок, чтобы блоки шли подряд: WhatsApp -> иконки */

    #block17 {

        order: 50 !important;

    }



    #block36 {

        order: 51 !important;

    }



    #block47 {

        order: 52 !important;

    }



    #block5 {

        order: 53 !important;

    }



    #block17,

    #block36,

    #block47,

    #block5 {

        flex: 0 0 auto !important;

    }



    #block36 .blk_body_wrap,

    #block47 .blk_body_wrap,

    #block5 .blk_body_wrap {

        display: flex !important;

        align-items: center !important;

        justify-content: center !important;

        gap: 14px !important;

        /* расстояние между иконками */

    }



    /* добавим локальные отступы к самим ссылкам/иконкам, если gap перебивается */

    #block36 .regper_link,

    #block47 .regper_link,

    #block5 .basket_mini_a {

        margin: 0 6px !important;

    }



    /* WhatsApp + телефон (блок #block17) по центру и на одном уровне с иконками */

    #block17 {

        width: auto !important;

    }



    #block17 .blk_body_wrap {

        display: flex !important;

        align-items: center !important;

        justify-content: center !important;

        /* центрируем содержимое блока */

        gap: 12px !important;

        white-space: nowrap !important;

        min-width: 0 !important;

    }



    #block17 .whatsap a,

    #block17 .tel_lp_item a {

        display: inline-flex !important;

        align-items: center !important;

        line-height: 1.2 !important;

    }



    #block17 .whatsap {

        margin-right: 6px !important;

    }



    #block17 .tel_lp_item {

        margin-left: -6px !important;

        transform: translateX(-6px) !important;

        display: inline-block !important;

    }

}



@media (max-width: 960px) {

    a.vcatalog {

        padding: 6px 15px 7px;

        font-size: 12px;

    }



    .header_search .btn-strt input {

        padding: 3px 15px;

        font-size: 11px;

    }



    #block15 {

        width: 100px;

    }



    #block50 {

        width: 120px;

    }



    #block49 {

        width: 150px;

    }



    /* 🔹 Предотвращаем съезжание элементов шапки на средних экранах */

    .header_search,

    .header_search .btn-strt {

        white-space: nowrap !important;

        flex-shrink: 0 !important;

    }



    /* Предотвращаем перенос строк в шапке */

    header,

    .header,

    .top-bar,

    .main-header {

        flex-wrap: nowrap !important;

        white-space: nowrap !important;

        overflow: visible !important;

        /* Добавляем для выпадающих списков */

    }



    /* Элементы шапки остаются в одной строке */

    .header>*,

    .top-bar>*,

    .main-header>* {

        white-space: nowrap !important;

        flex-shrink: 0 !important;

    }

}

@media screen and (max-width: 1279px) and (min-width: 781px) {

    span.logo-subname {

        font-size: 12px !important;

    }



    .tel_lp_item,

    .tel_lp_item a {

        font-size: 16px;

    }



    #block17 {

        padding-right: 25px;

        width: 215px;

    }



    .icons.i_tel:before {

        font-size: 16px;

    }



    span.basket_m_price {

        top: 0;

        font-size: 12px;

    }



    #block5 .blk_body .iconsCol:before {

        top: 8px;

        width: 20px;

        height: 20px;

        left: -4px;

    }



    #logo.mainlogo-name .logo-img img {

        padding-right: 15px;

    }



    .slider-name span {

        font-size: 26px;

    }



    a.vcatalog {

        padding: 12px 30px 13px;

    }



    .slider-text {

        font-size: 26px;

    }



    .bannerText-center .slider-data {

        padding-left: 35px;

    }



    #block26 .blk_head .h2,

    #block26 .blk_head a,

    #block25 .blk_head .h2,

    #block25 .blk_head a,

    #block1 .blk_head .h2,

    #block1 .blk_head a,

    #block3 .blk_head .h2,

    #block3 .blk_head a {

        font-size: 24px;

    }



    #block21 {

        padding-left: 0;

        width: 215px;

        float: right;

    }



    .store_price {

        width: 140px;

    }



    .store_phone {

        width: 145px;

    }



    h3 {

        font-size: 15px;

    }



    #content .txt .obj {

        margin-bottom: 15px;

    }



    .difference_price {

        font-size: 12px;

    }



    .card_price_second .last_price {

        font-size: 16px;

    }



    .card_btn {

        width: 260px;

    }



    .mini_card_open_active .basket_mini_open .basket_mini_a {

        height: 21px;

    }



    .basket_blks .total_blk span.btn-strt {

        width: 250px;

    }



    #block33 {

        width: 385px;

        padding-right: 20px;

    }



    ul.header_menu>li>a>span.mn_sp_1 {

        padding: 12px 7px 12px;

    }



    .text_block,

    .txt,

    #block28 .regper_link a {

        font-size: 13px;

    }



    #block50 {

        width: 170px;

    }



    #block49 {

        width: 250px;

    }



    #block28 {

        width: 175px;

    }



    #block51 {

        width: 280px;

    }



    #block54 .adv-info {

        padding: 10px;

    }



    #block54 .image-default {

        height: 35px;

        width: 35px;

    }



    #block54 .adv-data {

        width: calc(100% - 35px);

        padding: 0px 0 0 10px;

    }



    /* УДАЛЕНО - КОНФЛИКТУЮЩИЕ СТИЛИ ДЛЯ ОБЪЕКТОВ */

    

    /* Рамки для больших экранов */

    #block54 .advantage-items li.advantage-item {

        box-shadow: 0 0 0 1px rgb(1 71 177 / 45%) !important;

        border: 1px solid rgb(1 71 177 / 45%) !important;

        position: relative !important;

        overflow: visible !important;

        border-radius: 4px !important;

    }

    

    /* Растягиваем элементы на больших экранах */

    #block54 .advantage-items {

        grid-template-columns: repeat(4, 1fr) !important;

        gap: 20px !important;

        padding: 0 20px !important;

    }

    

    /* Правильное отображение содержимого внутри рамок для больших экранов */

    #block54 .advantage-items .adv-info {

        width: 100% !important;

        box-sizing: border-box !important;

        padding: 10px !important;

        border-radius: 4px !important;

    }



    /* УДАЛЕНО - КОНФЛИКТУЮЩИЕ СТИЛИ ДЛЯ TEMPLATE-2 */



    .otzyvy_blk .otz_title .kz_otz_time {

        margin-bottom: 7px;

    }



    h1 {

        font-size: 30px;

    }



    #block39 .blk_head .h2,

    #block39 .blk_head a {

        font-size: 20px;

    }
    /* 🔹 Исправления для планшетов - предотвращение съезжания кнопок */

    @media (max-width: 1280px) and (min-width: 780px) {



        /* 🔹 АДАПТИВНЫЕ БЛОКИ КОНТЕНТА */

        #block40 {

            width: 100% !important;

            max-width: 100% !important;

            margin: 0 !important;

            padding: 0 15px !important;

            box-sizing: border-box !important;

        }



        /* 🔹 ПЕРЕНОС И ВЫРАВНИВАНИЕ БЛОКА КОНТАКТОВ ВЛЕВО (НЕ ОБРЕЗАЕМСЯ) */

        #block19 {

            width: 300px !important;

            min-width: 300px !important;

            max-width: 300px !important;

            margin: 0 10px 0 0 !important;

            /* стабильный отступ от правого края */

            padding: 0 15px !important;

            box-sizing: border-box !important;

            float: right !important;

            /* при классической сетке прижимаем вправо */

            clear: none !important;

            overflow: visible !important;

            text-align: left !important;

            display: block !important;

            flex: 0 0 300px !important;

            /* фиксируем базис в flex-контейнере */

            align-self: center !important;

            /* выравнивание для flex */

            justify-self: end !important;

            /* выравнивание для grid - к правому краю */

            position: relative !important;

            left: auto !important;

            right: auto !important;

            transform: none !important;

        }



        #block19 .blk_head,

        #block19 .blk_body {

            padding-left: 0 !important;

            padding-right: 0 !important;

            box-sizing: border-box !important;

            overflow: visible !important;

        }



        #block19 .contacts-items,

        #block19 .contacts-items .obj {

            width: 100% !important;

            max-width: 100% !important;

            overflow: visible !important;

        }



        #block19 .blk_body_wrap {

            width: auto !important;

            max-width: 100% !important;

        }



        /* 🔹 АДАПТИВНАЯ СЕТКА */

        .container-zone {

            width: 100% !important;

            max-width: 100% !important;

            padding: 0 15px !important;

            box-sizing: border-box !important;

        }



        /* 🔹 Планшеты: растягиваем блок слайдера #block4 на всю ширину */

        #block4.blocks.grid_9 {

            width: 100% !important;

            max-width: 100% !important;

            float: none !important;

            margin: 0 !important;

        }



        /* Как на мобильной: убираем внутренние отступы у обёртки слайдера */

        #block4 .blk_body,

        #block4 .blk_body_wrap {

            padding-left: 0 !important;

            padding-right: 0 !important;

            box-sizing: border-box !important;

        }



        /* Слайдер внутри #block4: 100% ширины (поля уже у родителя) */

        #block4 section.slider-items {

            width: 100% !important;

            max-width: 100% !important;

            padding: 0 !important;

            box-sizing: border-box !important;

            margin: 0 auto !important;

            overflow: hidden !important;

        }



        #block4 .slider-img,

        #block4 .slider-img img {

            width: 100% !important;

            max-width: 100% !important;

            height: auto !important;

            object-fit: cover !important;

        }



        /* Перебиваем style.css: там img у слайда ставят width:auto !important */

        #block4 section.slider-items .slider-item .slider-img>img,

        #block4 section.slider-items .slider-item>img {

            width: 100% !important;

            height: auto !important;

            object-fit: cover !important;

            display: block;

        }



        /* Центрируем и даём внутренние поля, как у контента */

        #block4 .blk_body_wrap {

            padding-left: 15px !important;

            padding-right: 15px !important;

            box-sizing: border-box !important;

            margin: 0 auto !important;

        }



        #block4 .bannerText-center .slider-data {

            left: 0 !important;

            right: 0 !important;

            width: 100% !important;

            padding: 0 15px 0 15px !important;

            /* уменьшаем левый отступ до 15px */

            box-sizing: border-box !important;

            top: 0 !important;

            text-align: left !important;

        }



        /* 🔹 Планшеты: каталог-слидер тянется/сжимается по ширине экрана */

        .catalog-items.owl-carousel {

            width: calc(100% - 30px) !important;

            /* по 15px слева/справа */

            max-width: 100% !important;

            padding: 0 !important;

            margin: 0 auto !important;

            box-sizing: border-box !important;

        }



        .catalog-items.owl-carousel .owl-stage-outer {

            width: 100% !important;

            overflow: hidden !important;

        }



        /* Карточки и изображения остаются адаптивными внутри контейнера */

        .catalog-items .image-default img {

            width: 100% !important;

            height: auto !important;

            object-fit: cover !important;

        }



        /* 🔹 ГЛОБАЛЬНАЯ АДАПТИВНОСТЬ КОНТЕНТА НА ПЛАНШЕТАХ */

        html,

        body,

        #site,

        #main,

        #content,

        .page-content {

            width: 100% !important;

            max-width: 100% !important;

            margin: 0 auto !important;

            overflow-x: hidden !important;

        }



        .container,

        .container_12,

        .container.container_12,

        .zone .container,

        .container-zone {

            width: 100% !important;

            max-width: 100% !important;

            padding: 0 15px !important;

            margin: 0 auto !important;

            box-sizing: border-box !important;

        }



        .blocks,

        .blk_head,

        .blk_body,

        .block,

        .obj {

            max-width: 100% !important;

            box-sizing: border-box !important;

            overflow: visible !important;

        }



        /* 🔹 СЛАЙДЕРЫ И МЕДИА */

        section.slider-items,

        .slider-items,

        .slider,

        .owl-carousel {

            width: 100% !important;

            max-width: 100% !important;

        }



        .slider-img {

            width: 100% !important;

            max-width: 100% !important;

        }



        iframe,

        video {

            max-width: 100% !important;

            width: 100% !important;

            height: auto !important;

        }



        /* 🔹 ГРИД КОЛОНКИ В ПРОЦЕНТАХ */

        .grid_12 {

            width: 100% !important;

        }



        .grid_9 {

            width: 75% !important;

        }



        .grid_8 {

            width: 66.666% !important;

        }



        .grid_6 {

            width: 50% !important;

        }



        .grid_4 {

            width: 33.333% !important;

        }



        .grid_3 {

            width: 25% !important;

        }



        [class*="grid_"] {

            max-width: 100% !important;

            box-sizing: border-box !important;

        }



            /* 🔹 АДАПТИВНЫЕ КНОПКИ И ПОИСК */

    a.vcatalog {

        padding: 8px 15px 9px !important;

        font-size: 14px !important;

        white-space: nowrap !important;

        width: auto !important;

        min-width: 120px !important;

        max-width: 200px !important;

    }



    .header_search {

        width: 100% !important;

        min-width: 200px !important;

        max-width: none !important;

        flex: 1 !important;

    }



            .header_search .btn-strt input {

        padding: 4px 15px !important;

        font-size: 12px !important;

        white-space: nowrap !important;

        width: auto !important;

        min-width: 80px !important;

    }
        /* 🔹 АДАПТИВНАЯ ШАПКА */

        header,

        .header,

        .top-bar,

        .main-header {

            width: 100% !important;

            max-width: 100% !important;

            padding: 0 15px !important;

            box-sizing: border-box !important;

        }



        /* 🔹 СКРЫВАЕМ ПРАВЫЙ КАТАЛОГ НА ПЛАНШЕТАХ */

        #block39 {

            display: none !important;

        }



        /* 🔹 СКРЫВАЕМ ЛЕВЫЙ СТАТИЧНЫЙ КАТАЛОГ НА ПЛАНШЕТАХ */

        #block60 {

            display: none !important;

            visibility: hidden !important;

            opacity: 0 !important;

            position: absolute !important;

            left: -9999px !important;

            top: -9999px !important;

            width: 0 !important;

            height: 0 !important;

            overflow: hidden !important;

            clip: rect(0, 0, 0, 0) !important;

        }



        /* 🔹 ИСПРАВЛЯЕМ ВЫПАДАЮЩИЙ СПИСОК КАТАЛОГА */

        .menu-button-body {

            max-height: 95vh !important;

            overflow-y: auto !important;

            clip-path: none !important;

        }



        .menu-button-body li {

            overflow: visible !important;

            text-overflow: clip !important;

            padding: 10px 15px !important;

            border-bottom: 1px solid #f0f0f0 !important;

            margin: 0 !important;

        }



        .menu-button-body li:last-child {

            border-bottom: none !important;

        }



        /* 🔹 ПРЕДОТВРАЩЕНИЕ ГОРИЗОНТАЛЬНЫХ СКРОЛЛОВ */

        body,

        html {

            overflow-x: hidden !important;

            overflow-y: auto !important;

            max-width: 100% !important;

        }



        #main,

        #content,

        #site {

            width: 100% !important;

            max-width: 100% !important;

            overflow-x: hidden !important;

            overflow-y: auto !important;

        }



        /* 🔹 АДАПТИВНАЯ ШАПКА - ПРЕДОТВРАЩЕНИЕ СЪЕЗЖАНИЯ НАДПИСЕЙ */

        .top-bar,

        .header-top {

            display: flex !important;

            flex-wrap: nowrap !important;

            /* НЕ ПЕРЕНОСИМ НА НОВУЮ СТРОКУ! */

            gap: 8px !important;

            /* Уменьшаем отступы между элементами */

            justify-content: flex-start !important;

            align-items: flex-start !important;

            padding: 10px 15px !important;

            box-sizing: border-box !important;

            overflow: visible !important;

            /* Показываем все элементы */

        }



        .top-bar>*,

        .header-top>* {

            flex-shrink: 1 !important;

            /* ЭЛЕМЕНТЫ СЖИМАЮТСЯ ПОД РАЗМЕР ЭКРАНА! */

            white-space: nowrap !important;

            margin: 0 !important;

            min-width: auto !important;

            /* Убираем минимальную ширину */

            max-width: none !important;

            /* Убираем максимальную ширину */

        }



        /* 🔹 АДАПТИВНЫЕ ЭЛЕМЕНТЫ ШАПКИ */

        .regper_link.i_city {

            margin-right: 15px !important;

            /* Уменьшаем отступ */

        }



        .regper_link.i_sendmail {

            margin-right: 15px !important;

            /* Уменьшаем отступ */

        }



        /* 🔹 АДАПТИВНОЕ МЕНЮ ШАПКИ - ВСЕ В ОДНОЙ СТРОКЕ! */

        ul.header_menu {

            display: flex !important;

            flex-wrap: nowrap !important;

            /* НЕ ПЕРЕНОСИМ НА НОВУЮ СТРОКУ! */

            gap: 5px !important;

            /* Минимальные отступы между пунктами */

            justify-content: flex-start !important;

            margin: 0 !important;

            padding: 0 !important;

            overflow: visible !important;

            /* Показываем все элементы */

        }



        ul.header_menu>li {

            flex-shrink: 1 !important;

            /* ЭЛЕМЕНТЫ СЖИМАЮТСЯ ПОД РАЗМЕР ЭКРАНА! */

            white-space: nowrap !important;

            min-width: auto !important;

            /* Убираем минимальную ширину */

            max-width: none !important;

            /* Убираем максимальную ширину */

        }



        ul.header_menu>li>a>span.mn_sp_1 {

            padding: 6px 8px !important;

            /* Уменьшаем отступы */

            font-size: 12px !important;

            /* Уменьшаем размер шрифта */

            white-space: nowrap !important;

            overflow: visible !important;

            /* Показываем весь текст */

            text-overflow: clip !important;

            /* Не обрезаем текст */

        }



        /* 🔹 АДАПТИВНЫЙ ПОДВАЛ */

        .benefits-section {

            display: flex !important;

            flex-wrap: wrap !important;

            gap: 15px !important;

            justify-content: flex-start !important;

            align-items: flex-start !important;

            padding: 20px 15px !important;

            box-sizing: border-box !important;

        }



        .benefits-section .benefit-item {

            flex: 1 1 200px !important;

            min-width: 200px !important;

            max-width: 300px !important;

            margin-bottom: 15px !important;

        }



        /* 🔹 АДАПТИВНЫЕ ЭЛЕМЕНТЫ ПРЕИМУЩЕСТВ - РАСТЯГИВАЕМСЯ ПО ШИРИНЕ ЭКРАНА! */

        .advantage-item,

        .advantage-item.obj {

            display: flex !important;

            flex: 1 1 auto !important;

            /* РАСТЯГИВАЕМСЯ ПО ШИРИНЕ ЭКРАНА! */

            width: 100% !important;

            /* Растягиваем на всю ширину */

            min-width: 200px !important;

            /* Минимальная ширина для читаемости */

            max-width: none !important;

            /* Убираем ограничение максимальной ширины */

            margin: 0 5px 10px 0 !important;

            /* Отступы между элементами */

            box-sizing: border-box !important;

            min-height: 72px !important;

        }



        /* 🔹 АДАПТИВНАЯ ОБЕРТКА ЭЛЕМЕНТОВ ПРЕИМУЩЕСТВ */

        .advantage-items {

            display: flex !important;

            flex-wrap: wrap !important;

            /* ПЕРЕНОСИМ НА НОВУЮ СТРОКУ! */

            gap: 10px !important;

            /* Отступы между элементами */

            justify-content: flex-start !important;

            /* ВЫРАВНИВАЕМ ПО ЛЕВОМУ КРАЮ! */

            align-items: flex-start !important;

            /* Выравниваем по верху */

            padding: 10px !important;

            /* Отступы */

            box-sizing: border-box !important;

            width: 100% !important;

            max-width: 100% !important;

        }



        /* 🔹 ПРИНУДИТЕЛЬНО ИСПРАВЛЯЕМ #block54 - РАСТЯГИВАЕМ ЭЛЕМЕНТЫ ПО ШИРИНЕ! */

        #block54 .advantage-items {

            display: grid !important;

            grid-template-columns: repeat(2, 1fr) !important;

            /* 2 колонки на мобильных для лучшей читаемости */

            gap: 15px !important;

            /* Отступы между элементами */

            justify-items: stretch !important;

            /* Растягиваем элементы по ширине колонок */

            align-items: stretch !important;

            /* Выравниваем по верху */

            padding: 15px !important;

            /* Отступы */

            box-sizing: border-box !important;

            width: 100% !important;

            max-width: 100% !important;

            margin: 0 !important;

        }

        

        /* ПРИНУДИТЕЛЬНО РАСТЯГИВАЕМ ЭЛЕМЕНТЫ НА МОБИЛЬНЫХ */

        #block54 .advantage-items > li {

            width: 100% !important;

            max-width: 100% !important;

            min-width: 0 !important;

            margin: 0 !important;

            padding: 0 !important;

            float: none !important;

            display: block !important;

            box-sizing: border-box !important;

            justify-self: stretch !important;

            align-self: stretch !important;

        }

        

        #block54 .advantage-items .adv-info {

            width: 100% !important;

            max-width: 100% !important;

            box-sizing: border-box !important;

        }

        

        /* Показываем все элементы */

        #block54 .advantage-items {

            overflow: visible !important;

        }



        /* УДАЛЕНО - КОНФЛИКТУЮЩИЕ СТИЛИ ДЛЯ ОБЪЕКТОВ */

        

        /* Рамки для мобильных устройств */

        #block54 .advantage-items li.advantage-item {

            box-shadow: 0 0 0 1px rgb(1 71 177 / 45%) !important;

            border: 1px solid rgb(1 71 177 / 45%) !important;

            border-radius: 4px !important;

            position: relative !important;

            overflow: visible !important;

            box-sizing: border-box !important;

        }

        

        /* Правильное отображение содержимого внутри рамок для мобильных устройств */

        #block54 .advantage-items .adv-info {

            width: 100% !important;

            box-sizing: border-box !important;

            padding: 10px !important;

            border-radius: 4px !important;

        }

        

        /* Растягиваем элементы на мобильных устройствах */

        #block54 .advantage-items {

            grid-template-columns: repeat(2, 1fr) !important;

            gap: 15px !important;

            padding: 15px !important;

        }



        #block54 .adv-info {

            display: flex !important;

            align-items: flex-start !important;

            padding: 10px !important;

            /* Стандартные отступы */

            width: 100% !important;

            box-sizing: border-box !important;

            flex-wrap: wrap !important;

            /* ПЕРЕНОСИМ ТЕКСТ НА НОВУЮ СТРОКУ! */

            gap: 10px !important;

            /* Отступ между иконкой и текстом */

            justify-content: flex-start !important;

            min-height: 72px !important;

            position: relative !important;

            overflow: visible !important;

            border-radius: 4px !important;

        }



        #block54 .image-default {

            height: 35px !important;

            /* Возвращаем стандартный размер иконки */

            width: 35px !important;

            flex-shrink: 0 !important;

            /* Иконка не сжимается */

            margin: 0 !important;

            position: relative !important;

            z-index: 1 !important;

        }



        #block54 .adv-data {

            flex: 0 1 auto !important;

            /* Текст НЕ растягивает блок */

            min-width: 0 !important;

            /* Позволяет сжиматься */

            padding: 0 !important;

            /* Убираем отступы */

            overflow: visible !important;

            /* Показываем весь текст */

            width: auto !important;

            /* Автоматическая ширина по содержимому */

            max-width: calc(100% - 45px) !important;

            /* Максимальная ширина минус иконка и отступ */

            position: relative !important;

            z-index: 1 !important;

        }



        #block54 .adv-name {

            font-size: 12px !important;

            /* Стандартный размер шрифта */

            white-space: normal !important;

            /* ПЕРЕНОСИМ ТЕКСТ НА НОВУЮ СТРОКУ! */

            overflow: visible !important;

            /* Показываем весь текст */

            text-overflow: clip !important;

            /* Не обрезаем текст */

            word-wrap: break-word !important;

            /* Переносим длинные слова */

            line-height: 1.3 !important;

            /* Оптимальная высота строки */

            margin: 0 !important;

        }



        /* 🔹 АДАПТИВНЫЕ КОЛОНКИ ПОДВАЛА */

        .footer-content {

            display: flex !important;

            flex-wrap: wrap !important;

            gap: 20px !important;

            justify-content: flex-start !important;

            align-items: flex-start !important;

            padding: 20px 15px !important;

            box-sizing: border-box !important;

        }



        .footer-column {

            flex: 1 1 250px !important;

            min-width: 250px !important;

            margin-bottom: 20px !important;

        }



        /* 🔹 АДАПТИВНЫЕ ИКОНКИ И ТЕКСТ */

        .benefit-icon,

        .footer-icon {

            width: 40px !important;

            height: 40px !important;

            flex-shrink: 0 !important;

        }



        .benefit-title,

        .footer-title {

            font-size: 16px !important;

            margin-bottom: 8px !important;

            white-space: normal !important;

            word-wrap: break-word !important;

        }



        .benefit-description,

        .footer-text {

            font-size: 14px !important;

            line-height: 1.4 !important;

            white-space: normal !important;

            word-wrap: break-word !important;

        }



        /* 🔹 КОМПАКТНЫЕ ВНУТРЕННИЕ ЭЛЕМЕНТЫ ПРЕИМУЩЕСТВ */

        .advantage-item .adv-info {

            display: flex !important;

            align-items: flex-start !important;

            gap: 10px !important;

            width: 100% !important;

            min-height: 72px !important;

            padding: 10px !important;

            box-sizing: border-box !important;

            flex-wrap: wrap !important;

            /* ПЕРЕНОСИМ ТЕКСТ НА НОВУЮ СТРОКУ! */

            justify-content: flex-start !important;

            align-items: flex-start !important;

        }



        .advantage-item .image-default {

            height: 35px !important;

            width: 35px !important;

            flex-shrink: 0 !important;

            /* Иконка не сжимается */

            margin: 0 !important;

        }
        .advantage-item .adv-data {

            flex: 0 1 auto !important;

            /* Текст НЕ растягивает блок */

            min-width: 0 !important;

            /* Позволяет сжиматься */

            padding: 0 !important;

            overflow: visible !important;

            /* Показываем весь текст */

            width: auto !important;

            /* Автоматическая ширина по содержимому */

            max-width: calc(100% - 45px) !important;

            /* Максимальная ширина минус иконка и отступ */

        }



        .advantage-item .adv-name {

            font-size: 12px !important;

            white-space: normal !important;

            /* ПЕРЕНОСИМ ТЕКСТ НА НОВУЮ СТРОКУ! */

            overflow: visible !important;

            /* Показываем весь текст */

            text-overflow: clip !important;

            /* Не обрезаем текст */

            word-wrap: break-word !important;

            /* Переносим длинные слова */

            line-height: 1.3 !important;

            /* Оптимальная высота строки */

            margin: 0 !important;

        }







        /* 🔹 УМЕНЬШАЕМ ШИРИНУ БЛОКА ГОРОДА В 2 РАЗА ДЛЯ ПЛАНШЕТОВ */

        #block28 {

            width: 87.5px !important;

            /* 175px / 2 = 87.5px */

            min-width: 87.5px !important;

            max-width: 87.5px !important;

            padding: 0 !important;

            margin: 0 !important;

            box-sizing: border-box !important;

        }



        #block28 .blk_body {

            width: 100% !important;

            padding: 0 !important;

            margin: 0 !important;

        }



        #block28 .regper_link.iconsCol.icons.i_city {

            padding-left: 15px !important;

            /* Уменьшаем отступ для иконки */

            font-size: 12px !important;

            /* Уменьшаем размер шрифта */

            white-space: nowrap !important;

            overflow: hidden !important;

            text-overflow: ellipsis !important;

        }



        #block28 .regper_link.iconsCol.icons.i_city a {

            font-size: 12px !important;

            /* Уменьшаем размер шрифта ссылки */

            padding: 5px 0 !important;

            /* Уменьшаем вертикальные отступы */

            display: block !important;

            width: 100% !important;

            text-align: left !important;

        }



        /* 🔹 ПРЕДОТВРАЩЕНИЕ СЪЕЗЖАНИЯ НАДПИСЕЙ В ШАПКЕ */

        /* Принудительно убираем перенос строк для всех элементов шапки */

        .top-bar,

        .header-top,

        .main-header {

            flex-wrap: nowrap !important;

            white-space: nowrap !important;

            overflow: visible !important;

        }



        /* Элементы шапки не сжимаются и не переносятся */

        .top-bar>*,

        .header-top>*,

        .main-header>* {

            flex-shrink: 0 !important;

            white-space: nowrap !important;

            min-width: auto !important;

            max-width: none !important;

            overflow: visible !important;

        }



        /* Меню навигации всегда в одной строке */

        ul.header_menu {

            flex-wrap: nowrap !important;

            white-space: nowrap !important;

            overflow: visible !important;

            gap: 8px !important;

        }



        ul.header_menu>li {

            flex-shrink: 0 !important;

            white-space: nowrap !important;

            min-width: auto !important;

            max-width: none !important;

            overflow: visible !important;

        }



        ul.header_menu>li>a>span.mn_sp_1 {

            padding: 6px 8px !important;

            font-size: 12px !important;

            white-space: nowrap !important;

            overflow: visible !important;

            text-overflow: clip !important;

        }



        /* Уменьшаем отступы между элементами шапки */

        .regper_link.i_city {

            margin-right: 15px !important;

        }



        .regper_link.i_sendmail {

            margin-right: 15px !important;

        }



        /* УДАЛЕНО - КОНФЛИКТУЮЩИЕ СТИЛИ ДЛЯ ПЛАНШЕТОВ */







        /* УДАЛЕНО - КОНФЛИКТУЮЩИЕ СТИЛИ ДЛЯ TEMPLATE-2 */



        /* 🔹 ПРАВИЛЬНЫЙ ПЕРЕНОС ТЕКСТА ВНУТРИ БЛОКОВ - ШИРИНА БЛОКОВ НЕ МЕНЯЕТСЯ */

        .advantage-item .adv-name,

        #block54 .adv-name {

            font-size: 12px !important;

            /* Стандартный размер шрифта */

            white-space: normal !important;

            /* ПЕРЕНОСИМ ТЕКСТ НА НОВУЮ СТРОКУ! */

            overflow: visible !important;

            /* Показываем весь текст */

            text-overflow: clip !important;

            /* Не обрезаем текст */

            word-wrap: break-word !important;

            /* Переносим длинные слова */

            word-break: break-word !important;

            /* Принудительно переносим слова */

            line-height: 1.3 !important;

            /* Оптимальная высота строки */

            margin: 0 !important;

            width: 100% !important;

            /* Текст занимает всю доступную ширину блока */

            box-sizing: border-box !important;

        }

    }

}

/* Оставляем каталог видимым */
html body #header.menu-open #block58,
html body #zone1 #header.menu-open #block58 {
    opacity: 1 !important;
    pointer-events: auto !important;
    filter: none !important;
}
}