/* Burning Buttons — defensive overrides on top of Tilda export.
   Tilda positions every element absolutely with fixed `top:` values, so when
   Russian text (longer than English) wraps to more lines than the original
   layout allowed, headings overflow into the content below.

   IMPORTANT: Tilda element-IDs (data-elem-id="...") are NOT page-unique. The
   same ID often appears on multiple pages with different content/position.
   ALL rules below must be scoped to a specific #rec<id> ancestor so they
   don't bleed across pages. */


/* ==========================================================================
   /ru/about — page13523404.html
   ========================================================================== */

/* Founder names — never wrap. Scoped to the founders rec (#rec224308576). */
#rec224308576 .tn-elem[data-elem-id="1539588927506"] .tn-atom,    /* Степан Леонов */
#rec224308576 .tn-elem[data-elem-id="1539588927522"] .tn-atom,    /* Сооснователь */
#rec224308576 .tn-elem[data-elem-id="1539248342793"] .tn-atom,    /* Максим Тищенко */
#rec224308576 .tn-elem[data-elem-id="1539248436309"] .tn-atom {   /* Сооснователь */
    white-space: nowrap;
}

/* Founder name container width at narrow viewports */
@media screen and (max-width:1199px) {
    #rec224308576 .tn-elem[data-elem-id="1539588927506"],
    #rec224308576 .tn-elem[data-elem-id="1539248342793"] {
        width: 240px !important;
    }
}
@media screen and (max-width:959px) {
    #rec224308576 .tn-elem[data-elem-id="1539588927506"],
    #rec224308576 .tn-elem[data-elem-id="1539248342793"] {
        width: 220px !important;
    }
}

/* Section h2 headings: widen to prevent wrap. Scoped to rec on /ru/about. */
@media screen and (max-width:1199px) {
    #rec224308576 .tn-elem[data-elem-id="1544165502451"] {  /* Миссия и видение */
        width: 420px !important;
    }
    #rec224308577 .tn-elem[data-elem-id="1478011377640"] {  /* Ценности */
        width: 420px !important;
    }
}

/* Values sub-section headings — widen at 1199px breakpoint. */
@media screen and (max-width:1199px) {
    #rec224308577 .tn-elem[data-elem-id="1474457702916"] { width: 330px !important; }
    #rec224308577 .tn-elem[data-elem-id="1539761382232"] { width: 380px !important; }
    #rec224308577 .tn-elem[data-elem-id="1539761411410"] { width: 270px !important; }
    #rec224308577 .tn-elem[data-elem-id="1539761428687"] { width: 270px !important; }
}

/* Values cards stacked single-column at viewports < 480px — push headings
   2/3/4 + paragraphs down so they don't overlap the previous card. */
@media screen and (max-width:479px) {
    #rec224308577 .tn-elem[data-elem-id="1539761382232"] { top: 305px !important; }
    #rec224308577 .tn-elem[data-elem-id="1539761382218"] { top: 340px !important; }
    #rec224308577 .tn-elem[data-elem-id="1539761428687"] { top: 555px !important; }
    #rec224308577 .tn-elem[data-elem-id="1539761428676"] { top: 590px !important; }
    #rec224308577 .tn-elem[data-elem-id="1539761411410"] { top: 770px !important; }
    #rec224308577 .tn-elem[data-elem-id="1539761411397"] { top: 805px !important; }
    #rec224308577 .t396__artboard,
    #rec224308577 .t396__filter,
    #rec224308577 .t396__carrier { min-height: 1000px !important; }
}

@media screen and (min-width:480px) and (max-width:639px) {
    #rec224308577 .tn-elem[data-elem-id="1539761382232"] { top: 290px !important; }
    #rec224308577 .tn-elem[data-elem-id="1539761382218"] { top: 325px !important; }
    #rec224308577 .tn-elem[data-elem-id="1539761428687"] { top: 470px !important; }
    #rec224308577 .tn-elem[data-elem-id="1539761428676"] { top: 505px !important; }
    #rec224308577 .tn-elem[data-elem-id="1539761411410"] { top: 640px !important; }
    #rec224308577 .tn-elem[data-elem-id="1539761411397"] { top: 675px !important; }
    #rec224308577 .t396__artboard,
    #rec224308577 .t396__filter,
    #rec224308577 .t396__carrier { min-height: 880px !important; }
}


/* ==========================================================================
   /ru/turnkey-it-solutions (RU home) — page37633580.html
   ========================================================================== */

/* Stats counter heading "ЗАРАБОТАНО БОЛЬШЕ" wraps to 2 lines at < 480px and
   overlaps with "5 Миллионов Долларов" below. Force single line via nowrap. */
#rec607998696 .tn-elem[data-elem-id="1572343804640"] .tn-atom {
    white-space: nowrap;
}
@media screen and (max-width:479px) {
    #rec607998696 .tn-elem[data-elem-id="1572343804640"] .tn-atom {
        font-size: 11px !important;
    }
}

/* CTA section ("У вас есть отличная идея?") — Russian heading wraps to 3 lines
   at narrow viewports, overlapping the subtitle. Push subtitle down. */
@media screen and (max-width:959px) {
    #rec607998716 .tn-elem[data-elem-id="1687605936898"] {
        top: 160px !important;
    }
}
@media screen and (max-width:639px) {
    #rec607998716 .tn-elem[data-elem-id="1687605936898"] {
        top: 140px !important;
    }
}

/* Second CTA section ("У вас есть отличная идея?" / different rec) — same
   wrap-then-overlap issue, different element IDs. Visible at 1100-1199px. */
@media screen and (max-width:1199px) {
    #rec607998715 .tn-elem[data-elem-id="1539683922149"] { top: 160px !important; }
}
@media screen and (max-width:639px) {
    #rec607998715 .tn-elem[data-elem-id="1539683922149"] { top: 140px !important; }
}


/* ==========================================================================
   /ru/services — page37691846.html
   ========================================================================== */

/* "Корпоративная сеть через облачные сервисы" — long use-case caption wraps
   at < 480px and overlaps next caption. Widen and push. */
/* Note: widening was tried but caused cascade collisions in this dense list.
   Solution chosen: shorten Russian captions in HTML to fit Tilda's English
   layout assumption — see web/page37691846.html (services list) edits. */


/* ==========================================================================
   /ru/contact-us — page12383430.html
   ========================================================================== */

/* "Давайте поговорим" hero heading wraps at < 480px and overlaps subtitle.
   Push subtitle down. */
@media screen and (max-width:479px) {
    #rec608892455 .tn-elem[data-elem-id="1470210011265"] { top: 125px !important; }
}


/* ==========================================================================
   EN home — page7475179.html, "Testimonials of Our Clients" section
   ========================================================================== */

/* "Testimonials of Our Clients" heading wraps to 2 lines at < 480px and
   overlaps the subtitle. Push subtitle down. */
@media screen and (max-width:479px) {
    #rec137016928 .tn-elem[data-elem-id="1571919382398"] { top: 105px !important; }
}


/* ==========================================================================
   /portfolio/mealz — page6290296.html, recipe platform description
   ========================================================================== */

/* Long English description paragraph (704px tall on mobile) overlaps the
   BACKEND/FRONTEND tech-stack labels at its bottom. Push labels down. */
@media screen and (max-width:479px) {
    #rec111655786 .tn-elem[data-elem-id="1561018375902"] { top: 890px !important; }
    #rec111655786 .tn-elem[data-elem-id="1561018389126"] { top: 890px !important; }
}


/* ==========================================================================
   Footer — "Occupancy safety and health" link drifts off-viewport at mobile
   ========================================================================== */

/* On /ru/about and /about, the footer link is positioned at left:530px in
   the Tilda artboard. At < 480px viewport that's far to the right and clips.
   Bring it back into the viewport and stack above the copyright line. */
/* All viewports < 1200px (mobile + tablet): center the "Occupancy safety"
   link below the email row and push the copyright down to clear it.
   Original Tilda design parks it in the bottom-right corner which looks
   like a stray off-canvas element at smaller widths. */
@media screen and (max-width:1199px) {
    #rec224308591 .tn-elem[data-elem-id="1584106029599"] {
        left: 0 !important;
        right: 0 !important;
        top: 245px !important;
        width: 100% !important;
        text-align: center !important;
    }
    #rec224308591 .tn-elem[data-elem-id="1584106029599"] .tn-atom {
        text-align: center !important;
    }
    #rec224308591 .tn-elem[data-elem-id="1539757526032"] {
        top: 295px !important;
    }
}

/* On the very narrowest screens the absolute element gets nudged tighter. */
@media screen and (max-width:479px) {
    #rec224308591 .tn-elem[data-elem-id="1584106029599"] {
        top: 245px !important;
    }
    #rec224308591 .tn-elem[data-elem-id="1539757526032"] {
        top: 295px !important;
    }
}

/* "Хотите такой же проект?" CTA heading wraps and overlaps subtitle. */
@media screen and (max-width:639px) {
    #rec608906189 .tn-elem[data-elem-id="1687769779974"] { width: 290px !important; }
    #rec608906189 .tn-elem[data-elem-id="1687769779981"] { top: 130px !important; }
}


/* ==========================================================================
   /your-remote-it-department — remote-it.html, stats section
   ========================================================================== */

/* At 980-1200px viewport, the long English paragraph "Burning Buttons is an
   IT development company with a system-based approach..." is positioned at
   top=690 left=220 width=560 — directly on top of the 3-column stats
   (12 / 150+ / 16+). Wider text overflow makes it collide with the "150+"
   number at left=431, top=702 (caption: "complex completed projects").
   Push paragraph below all stats and widen to full artboard. */
@media screen and (min-width:980px) and (max-width:1199px) {
    #rec72998045 .tn-elem[data-elem-id="1540306687492"] {
        top: 940px !important;
        left: 0 !important;
        right: 0 !important;
        width: 100% !important;
        padding: 0 60px !important;
        box-sizing: border-box !important;
        text-align: center !important;
    }
    #rec72998045 .t396__artboard,
    #rec72998045 .t396__filter,
    #rec72998045 .t396__carrier {
        min-height: 1050px !important;
    }
}

/* Same paragraph element id is reused at 640-980px viewport (different rec)
   — also overflows there. */
@media screen and (min-width:640px) and (max-width:979px) {
    #rec73001305 .tn-elem[data-elem-id="1540306687492"] {
        top: 870px !important;
        left: 0 !important;
        right: 0 !important;
        width: 100% !important;
        padding: 0 40px !important;
        box-sizing: border-box !important;
        text-align: center !important;
    }
    #rec73001305 .t396__artboard,
    #rec73001305 .t396__filter,
    #rec73001305 .t396__carrier {
        min-height: 1000px !important;
    }
}