/* Mobile: center block headers */
@media (max-width: 780px) {
    html body .blk_head .h2 {
        text-align: center !important;
    }

    html body .blk_head .h2 h2 {
        text-align: center !important;
        margin-left: auto !important;
        margin-right: auto !important;
        display: block !important;
    }
}

/* Mobile: make block headers wrap and scale to screen width to avoid overflow */
@media (max-width: 780px) {
    html body .blk_head .h2 {
        white-space: normal !important;
        overflow: visible !important;
        box-sizing: border-box !important;
        padding-left: 12px !important;
        padding-right: 12px !important;
    }

    html body .blk_head .h2 h2 {
        font-size: clamp(14px, 5.5vw, 18px) !important;
        line-height: 1.2 !important;
        margin: 0 !important;
        display: block !important;
        white-space: normal !important;
        overflow-wrap: anywhere !important;
        word-break: break-word !important;
        max-width: 100% !important;
    }
}

/* MOBILE: Force advantage-items.template-2.count-advantage-1 to always be 2x2 and shrink content */
@media (max-width: 780px) {
    body .advantage-items.template-2.count-advantage-1 {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 6px !important;
        padding: 6px !important;
        width: 100% !important;
        box-sizing: border-box !important;
        align-items: stretch !important;
        justify-items: stretch !important;
        white-space: normal !important;
    }

    body .advantage-items.template-2.count-advantage-1 > li {
        display: block !important;
        width: 100% !important;
        box-sizing: border-box !important;
        margin: 0 !important;
        padding: 6px !important;
        min-height: 0 !important;
    }

    body .advantage-items.template-2.count-advantage-1 .adv-info {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 4px !important;
        padding: 4px !important;
        text-align: center !important;
    }

    body .advantage-items.template-2.count-advantage-1 .image-default {
        width: 36px !important;
        height: 36px !important;
        min-width: 36px !important;
        min-height: 36px !important;
        margin: 0 auto 4px auto !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
    }

    body .advantage-items.template-2.count-advantage-1 .image-default img {
        max-width: 30px !important;
        max-height: 30px !important;
        width: auto !important;
        height: auto !important;
    }

    body .advantage-items.template-2.count-advantage-1 .adv-name {
        font-size: clamp(9px, 2.8vw, 11px) !important;
        line-height: 1.1 !important;
        margin: 0 !important;
        padding: 0 4px !important;
        white-space: normal !important;
        word-break: break-word !important;
    }
}

/* EXTRA MOBILE TWEAK: force wrapping and much smaller text under 600px */
@media (max-width: 600px) {
    body .advantage-items.template-2.count-advantage-1 {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 6px !important;
        padding: 4px !important;
        box-sizing: border-box !important;
    }

    body .advantage-items.template-2.count-advantage-1 > li {
        padding: 4px !important;
    }

    body .advantage-items.template-2.count-advantage-1 .adv-info {
        gap: 2px !important;
        padding: 2px !important;
        flex-direction: column !important;
        align-items: center !important;
    }

    body .advantage-items.template-2.count-advantage-1 .image-default {
        width: 28px !important;
        height: 28px !important;
        min-width: 28px !important;
        min-height: 28px !important;
    }

    body .advantage-items.template-2.count-advantage-1 .image-default img {
        max-width: 22px !important;
        max-height: 22px !important;
    }

    body .advantage-items.template-2.count-advantage-1 .adv-name {
        font-size: clamp(8px, 2.4vw, 10px) !important;
        line-height: 1.05 !important;
        white-space: normal !important;
        word-break: break-word !important;
        overflow-wrap: anywhere !important;
        text-align: center !important;
        margin: 0 !important;
        padding: 0 2px !important;
    }

    /* Ensure parent wrappers don't prevent wrapping */
    body .advantage-items.template-2.count-advantage-1 .adv-data,
    body .advantage-items.template-2.count-advantage-1 .adv-info {
        white-space: normal !important;
    }
}



@media (max-width: 780px) {
    html body #block54 .advantage-items > li {
        min-height: 56px !important;
        padding: 6px !important;
    }
    html body #block54 .advantage-items .adv-info {
        min-height: 48px !important;
        padding: 6px !important;
    }
}

@media (max-width: 600px) {
    html body #block54 .advantage-items > li {
        min-height: 44px !important;
        padding: 4px !important;
    }
    html body #block54 .advantage-items .adv-info {
        min-height: 40px !important;
        padding: 4px !important;
    }
}






/* EOF STRONG OVERRIDES: ensure catalog button is full-width on mobile regardless of grid system */
@media (max-width: 780px) {
    html body #zone15 .container_12 .grid_2#block58,
    html body .container_12 .grid_2#block58 {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 100% !important;
        float: none !important;
        display: block !important;
        box-sizing: border-box !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    /* force menu-button to occupy full available width with small gutters */
    html body #zone15 .container_12 .grid_2#block58 .menu-button,
    html body .container_12 .grid_2#block58 .menu-button {
        width: 100% !important;
        max-width: 100% !important;
        display: block !important;
        margin: 0 !important;
        padding: 0 12px !important;
        box-sizing: border-box !important;
        position: static !important;
        left: auto !important;
        right: auto !important;
    }

    /* ensure head and text are full width and centered */
    html body #zone15 .container_12 .grid_2#block58 .menu-button-head,
    html body .container_12 .grid_2#block58 .menu-button-head {
        width: 100% !important;
        max-width: 100% !important;
        display: block !important;
        padding: 10px 12px !important;
        box-sizing: border-box !important;
        text-align: center !important;
        border-radius: 12px !important;
    }

    html body #zone15 .container_12 .grid_2#block58 .menu-button-head > span,
    html body .container_12 .grid_2#block58 .menu-button-head > span {
        display: block !important;
        width: 100% !important;
        padding: 0 !important;
        box-sizing: border-box !important;
        text-align: center !important;
    }
}

/* ULTIMATE FALLBACK: aggressively override any carousel/flex rules that force single-row layout */
@media (max-width: 780px) {
    /* Force UL itself */
    body #block54 ul.advantage-items.template-2.count-advantage-2,
    body #block54 ul.advantage-items.template-2.count-advantage-2[data-sizeitem] {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0,1fr)) !important;
        gap: 6px !important;
        padding: 6px !important;
        width: 100% !important;
        box-sizing: border-box !important;
        overflow: visible !important;
        white-space: normal !important;
    }

    /* Override Owl carousel wrappers */
    body #block54 .advantage-items.template-2.count-advantage-2.owl-carousel,
    body #block54 .advantage-items.template-2.count-advantage-2.owl-carousel .owl-stage-outer,
    body #block54 .advantage-items.template-2.count-advantage-2.owl-carousel .owl-stage {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0,1fr)) !important;
        gap: 6px !important;
        width: 100% !important;
        transform: none !important;
        -webkit-transform: none !important;
        justify-items: stretch !important;
    }

    /* Make each item behave like a grid cell */
    body #block54 .advantage-items.template-2.count-advantage-2 .owl-item,
    body #block54 .advantage-items.template-2.count-advantage-2 > li,
    body #block54 .advantage-items.template-2.count-advantage-2 .obj {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
        float: none !important;
        position: static !important;
        transform: none !important;
        -webkit-transform: none !important;
    }

    /* Defensive: remove inline widths set by JS */
    body #block54 .advantage-items.template-2.count-advantage-2 [style] {
        width: auto !important;
        max-width: 100% !important;
    }
}

/* Handle case when JS (Owl) wraps items: force owl structure into grid on mobile */
@media (max-width: 780px) {
    /* target the owl carousel wrapper on this specific list */
    body #block54 .advantage-items.template-2.count-advantage-2.owl-carousel,
    body #block54 .advantage-items.template-2.count-advantage-2.owl-carousel .owl-stage-outer,
    body #block54 .advantage-items.template-2.count-advantage-2.owl-carousel .owl-stage {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0,1fr)) !important;
        gap: 6px !important;
        padding: 0 !important;
        width: 100% !important;
        box-sizing: border-box !important;
    }

    /* each owl-item should act as a grid cell */
    body #block54 .advantage-items.template-2.count-advantage-2.owl-carousel .owl-item {
        display: block !important;
        width: 100% !important;
        box-sizing: border-box !important;
        padding: 0 !important;
        transform: none !important;
        position: static !important;
    }

    /* place by index to guarantee two rows */
    body #block54 .advantage-items.template-2.count-advantage-2.owl-carousel .owl-item:nth-child(1) { grid-column:1 !important; grid-row:1 !important }
    body #block54 .advantage-items.template-2.count-advantage-2.owl-carousel .owl-item:nth-child(2) { grid-column:2 !important; grid-row:1 !important }
    body #block54 .advantage-items.template-2.count-advantage-2.owl-carousel .owl-item:nth-child(3) { grid-column:1 !important; grid-row:2 !important }
    body #block54 .advantage-items.template-2.count-advantage-2.owl-carousel .owl-item:nth-child(4) { grid-column:2 !important; grid-row:2 !important }

    /* inner content rules for owl-wrapped items */
    body #block54 .advantage-items.template-2.count-advantage-2.owl-carousel .owl-item .adv-info {
        display:flex !important; flex-direction:column !important; align-items:center !important; justify-content:center !important; text-align:center !important; gap:4px !important; padding:4px !important;
    }
}

/* EXTRA FORCE: if anything still forces a single-row layout, override all common flex/grid/display rules
   for this specific list to guarantee 2 columns at mobile widths. */
@media (max-width: 780px) {
    /* target both generic and specifically attributed variants */
    body #block54 .advantage-items.template-2.count-advantage-2,
    body #block54 .advantage-items.template-2.count-advantage-2[data-sizeitem],
    .advantage-items.template-2.count-advantage-2 {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        grid-auto-flow: row !important;
        gap: 6px !important;
        padding: 6px !important;
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
        white-space: normal !important;
    }

    /* ensure no flex rules affect children */
    body #block54 .advantage-items.template-2.count-advantage-2 > li,
    body #block54 .advantage-items.template-2.count-advantage-2 > li.obj,
    .advantage-items.template-2.count-advantage-2 > li {
        display: block !important;
        float: none !important;
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        box-sizing: border-box !important;
        margin: 0 !important;
        padding: 4px !important;
        flex: none !important;
    }

    /* defensive reset of any inline-flex on inner wrappers */
    body #block54 .advantage-items.template-2.count-advantage-2 .adv-info,
    .advantage-items.template-2.count-advantage-2 .adv-info {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: center !important;
        text-align: center !important;
    }

    /* explicitly place items into two rows */
    body #block54 .advantage-items.template-2.count-advantage-2 > li:nth-child(1) { grid-column: 1 !important; grid-row: 1 !important; }
    body #block54 .advantage-items.template-2.count-advantage-2 > li:nth-child(2) { grid-column: 2 !important; grid-row: 1 !important; }
    body #block54 .advantage-items.template-2.count-advantage-2 > li:nth-child(3) { grid-column: 1 !important; grid-row: 2 !important; }
    body #block54 .advantage-items.template-2.count-advantage-2 > li:nth-child(4) { grid-column: 2 !important; grid-row: 2 !important; }
}

/* STRONGST FINAL OVERRIDE: Force exactly 2 columns and wrap items into 2 rows
   for .advantage-items.template-2.count-advantage-2 on all mobile widths (<=780px).
   This block is deliberately extremely specific and uses !important to beat
   any conflicting rules elsewhere in the stylesheet. */
@media (max-width: 780px) {
    body #block54 .advantage-items.template-2.count-advantage-2 {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        grid-auto-flow: row !important;
        gap: 6px !important;
        padding: 6px !important;
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
        overflow-x: hidden !important;
        white-space: normal !important;
    }

    /* Ensure each item occupies a single grid cell and can shrink */
    body #block54 .advantage-items.template-2.count-advantage-2 > li.advantage-item,
    body #block54 .advantage-items.template-2.count-advantage-2 > li.obj {
        display: block !important;
        grid-column: auto !important;
        grid-row: auto !important;
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        box-sizing: border-box !important;
        margin: 0 !important;
        padding: 4px !important;
        float: none !important;
    }

    /* Defensive: if any rule sets .obj to fixed width, override it */
    body #block54 .advantage-items.template-2.count-advantage-2 .obj {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        flex: none !important;
    }

    /* Make inner content stack and center */
    body #block54 .advantage-items.template-2.count-advantage-2 .adv-info {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: center !important;
        text-align: center !important;
        gap: 4px !important;
        padding: 2px !important;
    }

    /* Small icons and compact text */
    body #block54 .advantage-items.template-2.count-advantage-2 .image-default { width: 24px !important; height: 24px !important; }
    body #block54 .advantage-items.template-2.count-advantage-2 .image-default img { max-width: 20px !important; max-height: 20px !important; }
    body #block54 .advantage-items.template-2.count-advantage-2 .adv-name { font-size: clamp(10px, 2.6vw, 11px) !important; line-height:1.1 !important; }

    /* If layout engine still tries to put items in one row, force wrap by placing
       first two items on row 1 and last two on row 2 via grid placement */
    body #block54 .advantage-items.template-2.count-advantage-2 > li:nth-child(1) { grid-column: 1 !important; grid-row: 1 !important; }
    body #block54 .advantage-items.template-2.count-advantage-2 > li:nth-child(2) { grid-column: 2 !important; grid-row: 1 !important; }
    body #block54 .advantage-items.template-2.count-advantage-2 > li:nth-child(3) { grid-column: 1 !important; grid-row: 2 !important; }
    body #block54 .advantage-items.template-2.count-advantage-2 > li:nth-child(4) { grid-column: 2 !important; grid-row: 2 !important; }
}

/* MOBILE: make advantage-items adaptive — stack and shrink content to avoid overflow */
@media (max-width: 780px) {
    /* Stack the advantage items vertically and add comfortable gaps */
    #block54 .advantage-items {
        display: flex !important;
        flex-direction: column !important;
        gap: 12px !important;
        padding-left: 12px !important;
        padding-right: 12px !important;
        box-sizing: border-box !important;
        align-items: stretch !important;
    }

    /* Each item occupies full width on mobile */
    #block54 .advantage-items>li,
    #block54 .advantage-item {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        box-sizing: border-box !important;
        padding: 10px 12px !important;
    }

    /* Make item content flow: icon on left, text on right */
    #block54 .advantage-items .adv-info {
        display: flex !important;
        flex-direction: row !important;
        align-items: center !important;
        gap: 12px !important;
    }

    /* Scale down icons and keep them fixed-width so text can wrap */
    #block54 .advantage-items .image-default {
        width: 56px !important;
        height: 56px !important;
        flex: 0 0 56px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        box-sizing: border-box !important;
    }

    #block54 .advantage-items .image-default img {
        max-width: 100% !important;
        max-height: 56px !important;
        height: auto !important;
        width: auto !important;
    }

    /* Let text area grow/shrink and wrap lines */
    #block54 .advantage-items .adv-data {
        flex: 1 1 auto !important;
        min-width: 0 !important;
        box-sizing: border-box !important;
    }

    /* Make title/text readable and wrap instead of overflowing */
    #block54 .advantage-items .adv-name {
        font-size: 14px !important;
        line-height: 1.25 !important;
        white-space: normal !important;
        word-wrap: break-word !important;
        overflow-wrap: break-word !important;
        text-align: left !important;
        margin: 0 !important;
    }

    /* Smaller screens: slightly smaller text */
    @media (max-width: 420px) {
        #block54 .advantage-items .image-default { width: 44px !important; height:44px !important; flex:0 0 44px !important; }
        #block54 .advantage-items .adv-name { font-size: 13px !important; }
    }
}

/* FINAL MOBILE CENTERED FULL-WIDTH: keep block centered and span viewport
   Use transform approach to center and avoid layout shifting from negative margins */
@media (max-width: 780px) {
    /* Reset any transform/position tricks and make containers full width */
    html body #zone15 .container_12 .grid_2#block58,
    html body .container_12 .grid_2#block58,
    html body #zone15 .container_12,
    html body .container_12 {
        position: static !important;
        left: auto !important;
        right: auto !important;
        transform: none !important;
        width: 100% !important;
        max-width: 100% !important;
        min-width: 100% !important;
        box-sizing: border-box !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    /* menu-button centered and with small gutters inside viewport */
    html body #zone15 .container_12 .grid_2#block58 .menu-button,
    html body .container_12 .grid_2#block58 .menu-button {
        position: relative !important;
        left: auto !important;
        right: auto !important;
        transform: none !important;
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        box-sizing: border-box !important;
        display: block !important;
    }

    html body #zone15 .container_12 .grid_2#block58 .menu-button-head,
    html body .container_12 .grid_2#block58 .menu-button-head {
        width: 100% !important;
        padding: 10px 12px !important;
        box-sizing: border-box !important;
        display: block !important;
        text-align: center !important;
        border-radius: 12px !important;
    }
}

/* Ultimate button-level override: center in viewport and span nearly full viewport width */
@media (max-width: 780px) {
    html body #zone15 .container_12 .grid_2#block58 .menu-button,
    html body .container_12 .grid_2#block58 .menu-button {
        position: relative !important;
        left: 50% !important;
        transform: translateX(-50%) !important;
        width: calc(100vw - 24px) !important; /* 12px gutters on both sides */
        max-width: calc(100vw - 24px) !important;
        display: block !important;
        margin: 0 !important;
        padding: 0 !important;
        box-sizing: border-box !important;
    }

    /* ensure the head occupies full width of the button */
    html body #zone15 .container_12 .grid_2#block58 .menu-button-head,
    html body .container_12 .grid_2#block58 .menu-button-head {
        width: 100% !important;
        max-width: 100% !important;
        display: block !important;
    }
}

/* FINAL: force 2x2 layout for advantage-items.template-2.count-advantage-2 on all mobile widths
   Placed at EOF to override conflicting rules elsewhere */
@media (max-width: 780px) {
    body #block54 .advantage-items.template-2.count-advantage-2 {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        grid-auto-flow: row !important;
        grid-auto-rows: minmax(0, auto) !important;
        gap: 6px !important;
        padding: 6px !important;
        width: 100% !important;
        box-sizing: border-box !important;
        white-space: normal !important;
        overflow: visible !important;
    }

    /* make each item occupy one grid cell and be allowed to shrink */
    body #block54 .advantage-items.template-2.count-advantage-2 > li {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
        margin: 0 !important;
        padding: 4px !important;
        flex: none !important;
    }

    /* ensure inner content stacks and centers */
    body #block54 .advantage-items.template-2.count-advantage-2 .adv-info {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: center !important;
        text-align: center !important;
        gap: 4px !important;
        padding: 4px !important;
    }

    /* shrink icons and text to fit narrow columns */
    body #block54 .advantage-items.template-2.count-advantage-2 .image-default {
        width: 26px !important;
        height: 26px !important;
        min-width: 26px !important;
        min-height: 26px !important;
    }
    body #block54 .advantage-items.template-2.count-advantage-2 .image-default img {
        max-width: 22px !important;
        max-height: 22px !important;
    }

    body #block54 .advantage-items.template-2.count-advantage-2 .adv-name {
        font-size: clamp(10px, 2.6vw, 12px) !important;
        line-height: 1.1 !important;
        text-align: center !important;
        white-space: normal !important;
        word-break: break-word !important;
    }
}

/* Force specific items (obj2691 and obj2692) to second row and compress them on mobile */
@media (max-width: 780px) {
    /* Ensure grid exists */
    body #block54 .advantage-items.template-2.count-advantage-2 { display: grid !important; }

    /* Place the two specified items on the second row */
    body #block54 .advantage-items.template-2.count-advantage-2 .obj2691,
    body #block54 .advantage-items.template-2.count-advantage-2 .obj2692 {
        grid-column: auto !important;
        grid-row: 2 !important;
        min-height: 44px !important;
        padding: 4px !important;
    }

    /* Tighter content for those items */
    body #block54 .advantage-items.template-2.count-advantage-2 .obj2691 .adv-info,
    body #block54 .advantage-items.template-2.count-advantage-2 .obj2692 .adv-info {
        gap: 4px !important;
        padding: 2px !important;
    }

    body #block54 .advantage-items.template-2.count-advantage-2 .obj2691 .adv-name,
    body #block54 .advantage-items.template-2.count-advantage-2 .obj2692 .adv-name {
        font-size: 11px !important;
        line-height: 1.05 !important;
    }
}


/* Адаптивность для мобильных */
@media (max-width: 780px) {
    #block54 .advantage-items {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 15px !important;
        padding: 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;
    }
    
    #block54 .advantage-items .adv-info {
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
    }
    
    /* ПРИНУДИТЕЛЬНО РАСТЯГИВАЕМ ОБЪЕКТЫ ВНУТРИ ЭЛЕМЕНТОВ */
    #block54 .advantage-items .obj {
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
    }
}

/* Compact mobile layout for template-2 (4 items): 2 columns, smaller cards, icon above centered text */
@media (max-width: 780px) {
    /* keep two columns at all mobile widths and allow items to shrink */
    #block54 .advantage-items.template-2.count-advantage-2 {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 6px !important;
        padding: 6px !important;
        width: 100% !important;
        box-sizing: border-box !important;
        list-style: none !important;
        align-items: stretch !important;
        justify-items: stretch !important;
    }

    /* make items compact and allow them to shrink vertically */
    #block54 .advantage-items.template-2.count-advantage-2 > li {
        width: 100% !important;
        box-sizing: border-box !important;
        margin: 0 !important;
        padding: 4px 6px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        border: 1px solid rgba(1,71,177,0.06) !important;
        border-radius: 6px !important;
        min-height: 0 !important;
        height: auto !important;
    }

    /* icon above text, centered, and small gaps */
    #block54 .advantage-items.template-2.count-advantage-2 .adv-info {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: center !important;
        text-align: center !important;
        gap: 4px !important;
        padding: 2px !important;
    }

    /* reduce icon size so boxes remain compact */
    #block54 .advantage-items.template-2.count-advantage-2 .image-default {
        width: 30px !important;
        height: 30px !important;
        min-width: 30px !important;
        min-height: 30px !important;
        margin-bottom: 4px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
    }

    #block54 .advantage-items.template-2.count-advantage-2 .image-default img {
        max-width: 24px !important;
        max-height: 24px !important;
        width: auto !important;
        height: auto !important;
    }

    /* center and shrink text; allow wrapping */
    #block54 .advantage-items.template-2.count-advantage-2 .adv-name {
        font-size: clamp(11px, 2.4vw, 12px) !important;
        line-height: 1.1 !important;
        text-align: center !important;
        margin: 0 !important;
        padding: 0 !important;
        white-space: normal !important;
        word-break: break-word !important;
    }

    /* extra small screens: reduce gaps even more */
    @media (max-width: 420px) {
        #block54 .advantage-items.template-2.count-advantage-2 {
            gap: 6px !important;
            padding: 4px !important;
        }
        #block54 .advantage-items.template-2.count-advantage-2 .image-default { width: 26px !important; height:26px !important; }
        #block54 .advantage-items.template-2.count-advantage-2 .image-default img { max-width:20px !important; max-height:20px !important; }
        #block54 .advantage-items.template-2.count-advantage-2 .adv-name { font-size: 11px !important; }
    }
}

/* Mobile: make catalog button full-width with small side margins */
@media (max-width: 780px) {
    html body .container_12 .grid_2#block58 {
        width: 100% !important;
        max-width: 100% !important;
        padding-left: 12px !important;
        padding-right: 12px !important;
        box-sizing: border-box !important;
    }

    html body .container_12 .grid_2#block58 .menu-button {
        width: 100% !important;
        display: block !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
    }

    html body .container_12 .grid_2#block58 .menu-button-head {
        display: block !important;
        width: 100% !important;
        padding: 10px 14px !important;
        box-sizing: border-box !important;
        text-align: center !important;
        border-radius: 12px !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    html body .container_12 .grid_2#block58 .menu-button-head > span {
        display: inline-block !important;
        width: 100% !important;
        box-sizing: border-box !important;
        text-align: center !important;
    }
}

/* Force full-viewport width on very small screens to override container paddings */
@media (max-width: 780px) {
    html body .container_12 .grid_2#block58 .menu-button {
        width: calc(100vw - 24px) !important; /* account for 12px gutters set on container */
        margin-left: auto !important;
        margin-right: auto !important;
        left: 0 !important;
        right: 0 !important;
        box-sizing: border-box !important;
    }

    /* If site wrapper has side padding, ensure button spans full visible area */
    html body .container_12 .grid_2#block58 {
        padding-left: 12px !important;
        padding-right: 12px !important;
    }
}

/* === СТИЛИ ДЛЯ МОБИЛЬНЫХ УСТРОЙСТВ === */
/* На мобильных скрываем поле поиска полностью */
@media (max-width: 780px) {
    /* Скрываем весь блок поиска на мобильных */
    html body #zone15 .container_12 .grid_8#block33 {
        display: none !important;
        visibility: hidden !important;
        width: 0 !important;
        height: 0 !important;
        opacity: 0 !important;
        position: absolute !important;
        left: -9999px !important;
        top: -9999px !important;
    }
    
    /* Настраиваем layout для оставшихся блоков - в две строки по центру */
    html body #zone15 .container_12 {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 7.5px !important;
        text-align: center !important;
    }
    
    /* Логотип и каталог занимают всю ширину и центрируются */
    html body #zone15 .container_12 .grid_2#block15,
    html body #zone15 .container_12 .grid_2#block58 {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 100% !important;
        float: none !important;
        display: flex !important;
        justify-content: center !important;
        align-items: center !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        margin-bottom: 0 !important;
        margin-top: 0 !important;
        order: unset !important;
    }
    
    /* Порядок блоков на мобильных */
    html body #zone15 .container_12 .grid_2#block15 {
        order: 1 !important;
    }
    
    html body #zone15 .container_12 .grid_2#block58 {
        order: 2 !important;
    }
    
    /* Логотип на мобильных - центрируем */
    html body .container_12 .grid_2#block15 .logo-img {
        display: flex !important;
        justify-content: center !important;
        align-items: center !important;
        width: 100% !important;
    }
    
    html body .container_12 .grid_2#block15 .logo-img img {
        max-height: 60px !important;
        margin: 0 auto !important;
    }
    
    /* Кнопка каталога на мобильных - центрируем */
    html body .container_12 .grid_2#block58 .menu-button {
        display: flex !important;
        justify-content: center !important;
        align-items: center !important;
        width: 100% !important;
    }
    
    html body .container_12 .grid_2#block58 .menu-button-head {
        padding: 12px 20px !important;
        font-size: 16px !important;
        text-align: center !important;
        min-width: 120px !important;
    }
}

/* Переопределение для мобильных */
@media (max-width: 780px) {
    html body .container_12 .grid_2#block15,
    html body .container_12 .grid_2#block58,
    html body .container_12 .grid_8#block33 {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 100% !important;
        float: none !important;
        display: block !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
}

@media only screen and (max-width: 780px) {
    #zone13 .blocks {
        height: auto;
        line-height: normal;
    }
}



@media only screen and (max-width: 780px) {
    #zone13>*:not(.zone-bg) {
        height: auto;
        min-height: auto;
    }

    #zone13>.zone-bg {
        height: 100%;
    }
}



@media only screen and (max-width: 780px) {
    #zone1 .blocks {
        height: auto;
        line-height: normal;
    }
}



@media only screen and (max-width: 780px) {
    #zone1>*:not(.zone-bg) {
        height: auto;
        min-height: auto;
    }

    #zone1>.zone-bg {
        height: 100%;
    }
}

@media only screen and (max-width: 780px) {
    #zone2>.zone-bg {
        height: 100%;
    }
}



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

    #zone3>.zone-bg {
        height: 100%;
    }
}



@media only screen and (max-width: 780px) {
    #zone4>.zone-bg {
        height: 100%;
    }
}

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

    #zone5>.zone-bg {
        height: 100%;
    }
}



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

    #zone9>.zone-bg {
        height: 100%;
    }
}



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

    #zone11>.zone-bg {
        height: 100%;
    }
}



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

    #zone10>.zone-bg {
        height: 100%;
    }
}



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

    #zone6>.zone-bg {
        height: 100%;
    }
}



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

    #zone12>.zone-bg {
        height: 100%;
    }
}

/* EOF HIGH-PRIORITY MOBILE OVERRIDE: Force #block54 advantage-items to 2x2 for small screens <=600px */
@media (max-width: 600px) {
    html body #block54 .advantage-items.template-2.count-advantage-1,
    html body #block54 .advantage-items.template-2.count-advantage-1[data-sizeitem] {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        grid-auto-flow: row !important;
        gap: 6px !important;
        padding: 6px !important;
        width: 100% !important;
        box-sizing: border-box !important;
        white-space: normal !important;
        overflow: visible !important;
    }

    /* Ensure each item occupies one grid cell and can shrink/wrap */
    html body #block54 .advantage-items.template-2.count-advantage-1 > li {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
        margin: 0 !important;
        padding: 4px !important;
        min-height: 0 !important;
    }

    /* Force inner wrappers to allow wrapping and small text */
    html body #block54 .advantage-items.template-2.count-advantage-1 .adv-info,
    html body #block54 .advantage-items.template-2.count-advantage-1 .adv-data,
    html body #block54 .advantage-items.template-2.count-advantage-1 .adv-name {
        white-space: normal !important;
        word-break: break-word !important;
        overflow-wrap: anywhere !important;
    }

    /* Shrink visual elements aggressively */
    html body #block54 .advantage-items.template-2.count-advantage-1 .image-default {
        width: 28px !important;
        height: 28px !important;
        min-width: 28px !important;
        min-height: 28px !important;
        margin-bottom: 4px !important;
    }

    html body #block54 .advantage-items.template-2.count-advantage-1 .adv-name {
        font-size: 9px !important;
        line-height: 1.05 !important;
        padding: 0 3px !important;
        text-align: center !important;
    }
}

@media screen and (max-width: 780px) {
    #logo.mainlogo-name .logo-img img {
        height: 40px !important;
    }

    span.logo-subname {
        font-size: 12px !important;
    }

    .logo-img {
        margin-bottom: 0;
    }

    #block15 .blk_body a {
        padding: 10px 0;
    }

    #block25 {
        padding-top: 15px;
    }

    #block3 {
        margin-bottom: 0;
    }

    #zone10 {
        padding-top: 40px;
        padding-bottom: 0;
    }

    #block19 {
        margin-bottom: 0;
    }

    #block43 .blk_body {
        display: flex;
        align-items: center;
        justify-content: center;
    }

    #block43 .blk_body .blk_body_wrap {
        width: 300px;
    }

    #block21 {
        padding-left: 0 !important;
    }

    .btn-strt input {
        padding: 20px 25px 20px;
    }

    .mh-line-btn a {
        border-radius: 100px;
    }

    .mh-line-btn.mh-line-contacts a {
        background: #0147b1;
    }

    .tel_mobl {
        padding: 22px 15px 29px;
        text-align: left;
    }

    .regper_mobl.iconsCol.icons.i_sendmail a:before {
        content: '\e9ee';
        width: 20px;
        height: 20px;
        position: absolute;
        left: -25px;
        top: 4px;
        font-family: 'krz-font';
        font-size: 15px;
    }

    .tel_mobl .regper_mobl.icons:before {
        left: -25px;
    }

    #block40 .blk_body {
        text-align: center;
        padding: 0;
    }

    .zone-title,
    .zone-sort {
        background: #f6f8ff;
    }

    .subdivision-top .subivision-ul li.sub-li a {
        height: 40px;
    }

    .subdivision-items .sub,
    .subivision-ul .sub-li {
        min-height: 60px;
    }

    .subdivision-top .subivision-ul {
        padding: 20px 15px 0;
    }

    .subdiv-informaciya .subdivision-top .sub:first-child,
    .subdivision-top .sub-li:first-child,
    .subdiv-pomocsh .subdivision-top .sub:first-child,
    .subdiv-pomocsh .subdivision-top .sub-li:first-child {
        border-top: none;
    }

    .subdiv-informaciya .subdivision-top .subivision-ul .sub-li,
    .subdiv-pomocsh .subdivision-top .subivision-ul .sub-li,
    .subdiv-about .subdivision-top .subivision-ul .sub-li {
        border-bottom: none;
    }

    .subdivision-top .subivision-ul li.sub-li a span,
    .subdiv-about .subdivision-top .subivision-ul li.sub-li a span {
        color: white !important;
    }

    ul.subdivision-items .wrapper .name a {
        background: transparent;
    }

    .subdivision-items .wrapper {
        border-bottom: 1px solid rgb(223 223 223) !important;
    }

    .store-list .store {
        flex-wrap: wrap;
    }

    .catalog-item-full .store_price {
        padding: 20px 0;
    }

    #zone13 {
        display: none;
    }

    #zone1 .logo-img img {
        max-height: 65px;
    }

    section.slider-items .slider-item img {
        min-width: auto;
        min-height: auto;
        object-fit: cover;
    }

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

    #block26 .blk_head {
        padding-bottom: 10px;
    }

    #block26 {
        padding-top: 25px;
    }

    #block53 {
        margin-bottom: 18px;
        padding-top: 22px;
    }

    #block1 {
        padding-bottom: 0;
    }

    #zone9 {
        padding-top: 40px;
        padding-bottom: 25px;
    }

    .blocks .blk_head,
    .blocks .blk_body,
    #content .blk_head {
        padding-left: 15px;
        padding-right: 15px;
    }

    #block1 .text-items.txt {
        font-size: 14px;
    }

    #block3 .otzyvy_blk .otzyv_item.obj {
        width: 100%;
        margin-right: 0;
    }

    #block3 .blk_head {
        margin-bottom: 0;
        padding-bottom: 0;
    }

    #zone11 {
        padding-bottom: 25px;
    }

    #logo .logo-img img {
        max-height: 65px;
    }

    .innerpage section#zone1 {
        border-bottom: none;
        margin-bottom: 0;
    }

    .template-type2 .gallery {
        padding: 21px;
    }

    /* 🔹 Адаптивность для мобильных */
    @media (max-width: 960px) {
        .benefits-section {
            flex-direction: column;
            /* Карточки в столбик */
            align-items: center;
        }

        .benefit-card {
            width: 90%;
            /* Уменьшаем ширину, чтобы красиво смотрелось */
            max-width: 300px;
            /* Ограничиваем максимальную ширину */
        }
    }

    .whatsapp-button {
        position: fixed;
        right: -8px;
        bottom: 50px;
        transform: translate(-50%, -50%);
        border-radius: 50%;
        width: 60px;
        height: 60px;
        z-index: 9999;
        background-color: #25D366;
        background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg role='img' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='%23FFF' d='M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 01-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 01-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 012.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0012.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 005.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 00-3.48-8.413Z'/%3e%3c/svg%3e");
        background-size: 50%;
        background-repeat: no-repeat;
        background-position: 50% 50%;
    }

    .whatsapp-button:before,
    .whatsapp-button:after {
        content: " ";
        display: block;
        position: absolute;
        border: 1px solid #25D366;
        left: -20px;
        right: -20px;
        top: -20px;
        bottom: -20px;
        border-radius: 50%;
        animation: border-animate 1.5s linear infinite;
        opacity: 0;
    }

    .whatsapp-button:after {
        animation-delay: .5s;
    }

    @keyframes border-animate {
        0% {
            transform: scale(0.5);
            opacity: 0;
        }

        50% {
            opacity: 1;
        }

        100% {
            transform: scale(1.2);
            opacity: 0;
        }
    }

    #bottombut {
        bottom: 24px !important;
        right: 25px;
    }

    .whatsap {

        color: #38c500;
        position: relative;
        padding-left: 30px;
        display: block;

    }

    h1 {
        font-size: 25px;
    }

    /* 🔹 Исправления для мобильных - предотвращение съезжания кнопок */
    @media (max-width: 780px) {

            /* Исправляем размеры блоков для мобильных */
    #block15 {
        width: 100% !important;
        min-width: 100%;
        margin-bottom: 10px;
    }

    #block58 {
        width: 100% !important;
        min-width: 100%;
        margin-bottom: 10px;
    }

    #block33 {
        width: 100% !important;
        min-width: 100%;
        margin-bottom: 10px;
    }

    #block50 {
        width: 100% !important;
        min-width: 100%;
        margin-bottom: 10px;
    }

    #block49 {
        width: 100% !important;
        min-width: 100%;
        margin-bottom: 10px;
    }

    #block28 {
        width: 100% !important;
        min-width: 100%;
        margin-bottom: 10px;
    }

    #block51 {
        width: 100% !important;
        min-width: 100%;
        margin-bottom: 10px;
    }

        /* Адаптируем кнопки для мобильных */
        a.vcatalog {
            padding: 6px 15px 7px;
            font-size: 12px;
            white-space: nowrap;
            display: block;
            text-align: center;
            margin-bottom: 5px;
        }

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

        /* Исправляем слайдер для мобильных */
        section.slider-items .slider-item img {
            min-width: 100%;
            max-width: 100%;
            width: 100%;
            height: auto;
            object-fit: cover;
        }

        /* Адаптируем поиск для мобильных */
        .header_search {
            margin-bottom: 15px;
            width: 100% !important;
        }
        
        .container_12 #block33.grid_8 .searchform {
            width: 100% !important;
            display: flex !important;
            align-items: center !important;
        }
        
        .container_12 #block33.grid_8 .searchform-inp {
            flex: 1 1 auto !important;
            min-width: 0 !important;
        }
        
        .container_12 #block33.grid_8 .searchform-inp input.inp {
            width: 100% !important;
            min-width: 0 !important;
            box-sizing: border-box !important;
        }
        
        .container_12 #block33.grid_8 .btn-strt {
            flex: 0 0 auto !important;
            margin-left: 5px !important;
        }

        /* Адаптируем меню для мобильных */
        ul.header_menu>li>a>span.mn_sp_1 {
            padding: 8px 5px 8px;
            font-size: 12px;
        }
        
        /* === АДАПТИВНОСТЬ КАТАЛОГА ДЛЯ МОБИЛЬНЫХ === */
        /* На мобильных также блокируем ссылки неактивного каталога */
        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;
        }
        
        /* === МОБИЛЬНЫЕ СТИЛИ ДЛЯ КНОПКИ КАТАЛОГА === */
        /* Предотвращаем наложение элементов в кнопке каталога на мобильных */
        html body .container_12 .grid_2#block58 .menu-button-head {
            padding: 8px 10px !important;
            font-size: 12px !important;
            white-space: nowrap !important;
            overflow: hidden !important;
            text-overflow: ellipsis !important;
            display: flex !important;
            align-items: center !important;
            justify-content: center !important;
            gap: 5px !important;
            min-width: 80px !important;
            max-width: 150px !important;
            box-sizing: border-box !important;
        }
        
        /* Иконка каталога для мобильных - еще меньше */
        html body .container_12 .grid_2#block58 .menu-button-head.icons::before {
            width: 14px !important;
            height: 14px !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;
        }
    }
}


/* FINAL MOBILE OVERRIDES: force catalog to be full-width inside mobile viewport */
@media (max-width: 780px) {
    /* Make the grid cell containing the catalog behave as a full-width block */
    html body .container_12 .grid_2#block58 {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 100% !important;
        float: none !important;
        display: block !important;
        box-sizing: border-box !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    /* Make the menu-button span the viewport (with small gutters) */
    html body .container_12 .grid_2#block58 .menu-button {
        position: relative !important;
        width: calc(100% - 24px) !important;
        max-width: calc(100% - 24px) !important;
        margin: 0 12px !important;
        left: 0 !important;
        right: 0 !important;
        display: block !important;
        box-sizing: border-box !important;
        overflow: visible !important;
    }

    /* Ensure menu-button-head is full-width and centered */
    html body .container_12 .grid_2#block58 .menu-button-head {
        width: 100% !important;
        max-width: 100% !important;
        padding: 10px 14px !important;
        box-sizing: border-box !important;
        display: block !important;
        margin: 0 auto !important;
        text-align: center !important;
        border-radius: 12px !important;
    }

    /* Make text occupy full width */
    html body .container_12 .grid_2#block58 .menu-button-head > span {
        display: block !important;
        width: 100% !important;
        box-sizing: border-box !important;
        text-align: center !important;
        padding: 0 !important;
    }

    /* Remove any upper constraints applied elsewhere */
    html body .container_12 .grid_2#block58 .menu-button-head {
        min-width: 0 !important;
        max-width: 100% !important;
    }
}

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

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

        height: 40px !important;

    }



    span.logo-subname {

        font-size: 12px !important;

    }



    .logo-img {

        margin-bottom: 0;

    }



    #block15 .blk_body a {

        padding: 10px 0;

    }



    #block25 {

        padding-top: 15px;

    }



    #block3 {

        margin-bottom: 0;

    }



    #zone10 {

        padding-top: 40px;

        padding-bottom: 0;

    }



    #block19 {

        margin-bottom: 0;

    }



    #block43 .blk_body {

        display: flex;

        align-items: center;

        justify-content: center;

    }



    #block43 .blk_body .blk_body_wrap {

        width: 300px;

    }



    #block21 {

        padding-left: 0 !important;

    }



    .btn-strt input {

        padding: 20px 25px 20px;

    }



    .mh-line-btn a {

        border-radius: 100px;

    }



    .mh-line-btn.mh-line-contacts a {

        background: #0147b1;

    }



    .tel_mobl {

        padding: 22px 15px 29px;

        text-align: left;

    }



    .regper_mobl.iconsCol.icons.i_sendmail a:before {

        content: '\e9ee';

        width: 20px;

        height: 20px;

        position: absolute;

        left: -25px;

        top: 4px;

        font-family: 'krz-font';

        font-size: 15px;

    }



    .tel_mobl .regper_mobl.icons:before {

        left: -25px;

    }



    #block40 .blk_body {

        text-align: center;

        padding: 0;

    }



    .zone-title,

    .zone-sort {

        background: #f6f8ff;

    }



    .subdivision-top .subivision-ul li.sub-li a {

        height: 40px;

    }



    .subdivision-items .sub,

    .subivision-ul .sub-li {

        min-height: 60px;

    }



    .subdivision-top .subivision-ul {

        padding: 20px 15px 0;

    }



    .subdiv-informaciya .subdivision-top .sub:first-child,

    .subdivision-top .sub-li:first-child,

    .subdiv-pomocsh .subdivision-top .sub:first-child,

    .subdiv-pomocsh .subdivision-top .sub-li:first-child {

        border-top: none;

    }



    .subdiv-informaciya .subdivision-top .subivision-ul .sub-li,

    .subdiv-pomocsh .subdivision-top .subivision-ul .sub-li,

    .subdiv-about .subdivision-top .subivision-ul .sub-li {

        border-bottom: none;

    }



    .subdivision-top .subivision-ul li.sub-li a span,

    .subdiv-about .subdivision-top .subivision-ul li.sub-li a span {

        color: white !important;

    }



    ul.subdivision-items .wrapper .name a {

        background: transparent;

    }



    .subdivision-items .wrapper {

        border-bottom: 1px solid rgb(223 223 223) !important;

    }



    .store-list .store {

        flex-wrap: wrap;

    }



    .catalog-item-full .store_price {

        padding: 20px 0;

    }



    #zone13 {

        display: none;

    }



    #zone1 .logo-img img {

        max-height: 65px;

    }



    section.slider-items .slider-item img {

        min-width: auto;

        min-height: auto;

        object-fit: cover;

    }



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



    #block26 .blk_head {

        padding-bottom: 10px;

    }



    #block26 {

        padding-top: 25px;

    }



    #block53 {

        margin-bottom: 18px;

        padding-top: 22px;

    }



    #block1 {

        padding-bottom: 0;

    }



    #zone9 {

        padding-top: 40px;

        padding-bottom: 25px;

    }



    .blocks .blk_head,

    .blocks .blk_body,

    #content .blk_head {

        padding-left: 15px;

        padding-right: 15px;

    }



    #block1 .text-items.txt {

        font-size: 14px;

    }



    #block3 .otzyvy_blk .otzyv_item.obj {

        width: 100%;

        margin-right: 0;

    }



    #block3 .blk_head {

        margin-bottom: 0;

        padding-bottom: 0;

    }



    #zone11 {

        padding-bottom: 25px;

    }



    #logo .logo-img img {

        max-height: 65px;

    }



    .innerpage section#zone1 {

        border-bottom: none;

        margin-bottom: 0;

    }



    .template-type2 .gallery {

        padding: 21px;

    }



    /* 🔹 Адаптивность для мобильных */

    @media (max-width: 960px) {

        .benefits-section {

            flex-direction: column;

            /* Карточки в столбик */

            align-items: center;

        }



        .benefit-card {

            width: 90%;

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

            max-width: 300px;

            /* Ограничиваем максимальную ширину */

        }

    }



    .whatsapp-button {

        position: fixed;

        right: -8px;

        bottom: 50px;

        transform: translate(-50%, -50%);

        border-radius: 50%;

        width: 60px;

        height: 60px;

        z-index: 9999;

        background-color: #25D366;

        background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg role='img' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='%23FFF' d='M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 01-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 01-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 012.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0012.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 005.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 00-3.48-8.413Z'/%3e%3c/svg%3e");

        background-size: 50%;

        background-repeat: no-repeat;

        background-position: 50% 50%;

    }



    .whatsapp-button:before,

    .whatsapp-button:after {

        content: " ";

        display: block;

        position: absolute;

        border: 1px solid #25D366;

        left: -20px;

        right: -20px;

        top: -20px;

        bottom: -20px;

        border-radius: 50%;

        animation: border-animate 1.5s linear infinite;

        opacity: 0;

    }



    .whatsapp-button:after {

        animation-delay: .5s;

    }



    @keyframes border-animate {

        0% {

            transform: scale(0.5);

            opacity: 0;

        }



        50% {

            opacity: 1;

        }



        100% {

            transform: scale(1.2);

            opacity: 0;

        }

    }



    #bottombut {

        bottom: 24px !important;

        right: 25px;

    }



    .whatsap {



        color: #38c500;

        position: relative;

        padding-left: 30px;

        display: block;



    }



    h1 {

        font-size: 25px;

    }



    /* 🔹 Исправления для мобильных - предотвращение съезжания кнопок */

    @media (max-width: 780px) {



            /* Исправляем размеры блоков для мобильных */

    #block15 {

        width: 100% !important;

        min-width: 100%;

        margin-bottom: 10px;

    }



    #block58 {

        width: 100% !important;

        min-width: 100%;

        margin-bottom: 10px;

    }



    #block33 {

        width: 100% !important;

        min-width: 100%;

        margin-bottom: 10px;

    }



    #block50 {

        width: 100% !important;

        min-width: 100%;

        margin-bottom: 10px;

    }



    #block49 {

        width: 100% !important;

        min-width: 100%;

        margin-bottom: 10px;

    }



    #block28 {

        width: 100% !important;

        min-width: 100%;

        margin-bottom: 10px;

    }



    #block51 {

        width: 100% !important;

        min-width: 100%;

        margin-bottom: 10px;

    }
        /* Адаптируем кнопки для мобильных */

        a.vcatalog {

            padding: 6px 15px 7px;

            font-size: 12px;

            white-space: nowrap;

            display: block;

            text-align: center;

            margin-bottom: 5px;

        }



        .header_search .btn-strt input {

            padding: 3px 15px;

            font-size: 11px;

            white-space: nowrap;

        }



        /* Исправляем слайдер для мобильных */

        section.slider-items .slider-item img {

            min-width: 100%;

            max-width: 100%;

            width: 100%;

            height: auto;

            object-fit: cover;

        }



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

        .header_search {

            margin-bottom: 15px;

            width: 100% !important;

        }

        

        .container_12 #block33.grid_8 .searchform {

            width: 100% !important;

            display: flex !important;

            align-items: center !important;

        }

        

        .container_12 #block33.grid_8 .searchform-inp {

            flex: 1 1 auto !important;

            min-width: 0 !important;

        }

        

        .container_12 #block33.grid_8 .searchform-inp input.inp {

            width: 100% !important;

            min-width: 0 !important;

            box-sizing: border-box !important;

        }

        

        .container_12 #block33.grid_8 .btn-strt {

            flex: 0 0 auto !important;

            margin-left: 5px !important;

        }



        /* Адаптируем меню для мобильных */

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

            padding: 8px 5px 8px;

            font-size: 12px;

        }

        

        /* === АДАПТИВНОСТЬ КАТАЛОГА ДЛЯ МОБИЛЬНЫХ === */

        /* На мобильных также блокируем ссылки неактивного каталога */
        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;
        }

        

        /* === МОБИЛЬНЫЕ СТИЛИ ДЛЯ КНОПКИ КАТАЛОГА === */

        /* Предотвращаем наложение элементов в кнопке каталога на мобильных */

        html body .container_12 .grid_2#block58 .menu-button-head {

            padding: 8px 10px !important;

            font-size: 12px !important;

            white-space: nowrap !important;

            overflow: hidden !important;

            text-overflow: ellipsis !important;

            display: flex !important;

            align-items: center !important;

            justify-content: center !important;

            gap: 5px !important;

            min-width: 80px !important;

            max-width: 150px !important;

            box-sizing: border-box !important;

        }

        

        /* Иконка каталога для мобильных - еще меньше */

        html body .container_12 .grid_2#block58 .menu-button-head.icons::before {

            width: 14px !important;

            height: 14px !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;

        }

    }

}