
/* ==========================================
   HERO: ONE TEAM IMAGE INSTEAD OF TWO MEN
   ========================================== */

/* Другого старого чоловіка прибираємо */
#rec856540695 [data-elem-id="1737897650647"] {
    display: none !important;
}

/* Нова групова картинка */
#rec856540695 [data-elem-id="1737897615075"] {
    z-index: 3 !important;
    overflow: visible !important;
}

#rec856540695 [data-elem-id="1737897615075"] .tn-atom {
    overflow: visible !important;
}

#rec856540695 [data-elem-id="1737897615075"] .tn-atom__img {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    max-width: none !important;
    max-height: none !important;
    min-width: 0 !important;
    min-height: 0 !important;
}
/* Наклейка "Заряджаємо енергією" */
.t396__elem[data-elem-id="1737739634917"] .tn-atom {
    position: relative !important;
    left: 65px !important;
    top: -15px !important;
}

/* MOBILE */
@media (max-width: 479px) {
    .t396__elem[data-elem-id="1737739634917"] .tn-atom {
        left: 45px !important;
        top: -10px !important;
    }
}


/* DESKTOP 1200+ */
@media screen and (min-width: 1200px) {

    #rec856540695 [data-elem-id="1737897615075"] {
        display: table !important;
        top: 220px !important;

        left: calc(50% - 600px + 230px) !important;

        width: 850px !important;
        height: auto !important;

        transform: none !important;
    }
}


/* DESKTOP / SMALL LAPTOP */
@media screen and (min-width: 960px) and (max-width: 1199px) {

    #rec856540695 [data-elem-id="1737897615075"] {
        display: table !important;
        top: 185px !important;

        left: calc(50% - 480px + 175px) !important;

        width: 700px !important;
        height: auto !important;

        transform: none !important;
    }
}


/* TABLET */
@media screen and (min-width: 640px) and (max-width: 959px) {

    #rec856540695 [data-elem-id="1737897615075"] {
        display: table !important;
        top: 335px !important;

        left: calc(50% - 320px - 5px) !important;

        width: 650px !important;
        height: auto !important;

        transform: none !important;
    }
}


/* SMALL TABLET */
@media screen and (min-width: 480px) and (max-width: 639px) {

    #rec856540695 [data-elem-id="1737897615075"] {
        display: table !important;
        top: 105px !important;

        left: 50% !important;

        width: 440px !important;
        height: auto !important;

        transform: translateX(-50%) !important;
    }
}


/* MOBILE — ВАЖЛИВО: працює і на 375, і на 390, і на 430 */
@media screen and (max-width: 479px) {

    #rec856540695 [data-elem-id="1737897615075"] {
        display: table !important;

        top: 225px !important;
        left: 50% !important;

        width: 508px !important;
        height: auto !important;

        transform: translateX(-50%) !important;

        z-index: 3 !important;
    }

    #rec856540695 [data-elem-id="1737897615075"] .tn-atom__img {
        width: 100% !important;
        height: auto !important;

        position: relative !important;
        left: 0 !important;
        top: 0 !important;

        transform: none !important;
    }
}
/* HERO TITLE — ВСІ ВЕРСІЇ */
#rec856540695 .impulse-original-hero-title .tn-atom,
#rec856540695 .tn-elem:nth-child(6) .tn-atom,
#rec856540695 .tn-elem:nth-child(6) span{
    color:#0042C2 !important;
}

/* DESKTOP */
@media screen and (min-width:1200px){
    #rec856540695 .impulse-original-hero-title .tn-atom,
    #rec856540695 .tn-elem:nth-child(6) .tn-atom,
    #rec856540695 .tn-elem:nth-child(6) span{
        font-size:235px !important;
        line-height:0.9 !important;
    }
}

/* MOBILE */
@media screen and (max-width:479px){
    #rec856540695 .impulse-original-hero-title .tn-atom,
    #rec856540695 .tn-elem:nth-child(6) .tn-atom,
    #rec856540695 .tn-elem:nth-child(6) span{
        font-size:58px !important;
        line-height:1 !important;
        text-align:center !important;
    }
}
/* MOBILE — CENTER HERO TITLE */
@media screen and (max-width:479px){

    #rec856540695 .impulse-original-hero-title,
    #rec856540695 .tn-elem:nth-child(6){
        left:50% !important;
        width:100% !important;
        max-width:100% !important;

        transform:translateX(-50%) !important;

        margin:0 !important;
        padding:0 !important;
    }

    #rec856540695 .impulse-original-hero-title .tn-atom,
    #rec856540695 .tn-elem:nth-child(6) .tn-atom,
    #rec856540695 .tn-elem:nth-child(6) span{
        display:block !important;
        width:100% !important;

        text-align:center !important;

        margin:0 !important;
        padding-left:0 !important;
        padding-right:0 !important;
    }
}
/* MOBILE — підняти жовту плашку "ТИ ЗМОЖЕШ УСЕ" */
@media screen and (max-width:479px){

    #rec856540695 .tn-elem[data-elem-id="1737726282209"]{
        top: 200px !important;
    }

}
/* =========================================
   RESTORE FLOATING CHAT
   ========================================= */

/* Контейнер плаваючої кнопки */
#rec855919792{
    display:block !important;
    position:fixed !important;
    left:0 !important;
    right:0 !important;
    bottom:0 !important;
    top:auto !important;

    width:100% !important;
    height:102px !important;
    min-height:102px !important;

    overflow:visible !important;
    opacity:1 !important;
    visibility:visible !important;

    z-index:999990 !important;
    pointer-events:none !important;

    transform:none !important;
}

/* Синя кнопка чату */
#rec855919792 [data-elem-id="1737850849860"]{
    display:block !important;
    opacity:1 !important;
    visibility:visible !important;
    pointer-events:auto !important;
    z-index:999999 !important;
}

/* Іконка повідомлення всередині */
#rec855919792 [data-elem-id="1737850807882"]{
    display:table !important;
    opacity:1 !important;
    visibility:visible !important;
    z-index:1000000 !important;
}

/* Коли чат відкривається */
#rec863671975.annexx-zero-015-show-block{
    display:block !important;
    opacity:1 !important;
    visibility:visible !important;
    pointer-events:auto !important;
    z-index:999998 !important;
}

/* Фон, який відкривається разом із чатом */
#annexxMenuSecondBlock925080657073879.annexx-zero-bg-015-show-block{
    display:block !important;
    opacity:1 !important;
    visibility:visible !important;
}


/* TABLET */
@media screen and (max-width:639px){

   
        height:86px !important;
        min-height:86px !important;
    }
}


/* MOBILE */
@media screen and (max-width:479px){

    #rec855919792{
        height:81px !important;
        min-height:81px !important;
    }

    #rec855919792 [data-elem-id="1737850849860"]{
        width:46px !important;
        height:46px !important;
    }
}
/* Прибрати маленьке відео */
#rec857177330 [data-elem-id="1737997833857"]{
    display:none !important;
    visibility:hidden !important;
    opacity:0 !important;
    pointer-events:none !important;
}
/* Повністю прибрати відео + його підкладку */
#rec857177330 [data-elem-id="1737997833857"],
#rec857177330 [data-elem-id="1738000217427"]{
    display:none !important;
    visibility:hidden !important;
    opacity:0 !important;
    pointer-events:none !important;
}

/* Ховаємо білу полоску, але залишаємо її місце */
#rec855990375 [data-elem-id="1737735683662"] .tn-atom span:nth-of-type(2){
    visibility:hidden !important;
}
/* =========================================
   HEADINGS — SLIGHTLY BOLDER
   ========================================= */

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

    /* Стандартні заголовки */
    h1,
    h2,
    h3,
    h4,
    h5,
    h6,
    #allrecords .t-title,
    #allrecords .t-name{
        -webkit-text-stroke: 0.25px currentColor;
    }

    /* Заголовки у Tilda Zero Block */
    #allrecords .t396
    .tn-elem[data-elem-type="text"][data-field-fontsize-value="20"] .tn-atom,

    #allrecords .t396
    .tn-elem[data-elem-type="text"][data-field-fontsize-value="22"] .tn-atom,

    #allrecords .t396
    .tn-elem[data-elem-type="text"][data-field-fontsize-value="24"] .tn-atom,

    #allrecords .t396
    .tn-elem[data-elem-type="text"][data-field-fontsize-value="26"] .tn-atom,

    #allrecords .t396
    .tn-elem[data-elem-type="text"][data-field-fontsize-value="28"] .tn-atom,

    #allrecords .t396
    .tn-elem[data-elem-type="text"][data-field-fontsize-value="30"] .tn-atom,

    #allrecords .t396
    .tn-elem[data-elem-type="text"][data-field-fontsize-value="32"] .tn-atom,

    #allrecords .t396
    .tn-elem[data-elem-type="text"][data-field-fontsize-value="36"] .tn-atom,

    #allrecords .t396
    .tn-elem[data-elem-type="text"][data-field-fontsize-value="38"] .tn-atom,

    #allrecords .t396
    .tn-elem[data-elem-type="text"][data-field-fontsize-value="40"] .tn-atom,

    #allrecords .t396
    .tn-elem[data-elem-type="text"][data-field-fontsize-value="42"] .tn-atom{
        -webkit-text-stroke: 0.25px currentColor;
    }
}
/* =========================================
   ДЕТАЛЬНІШЕ ПРО КОМАНДУ — CENTER FIX
   ========================================= */

/* Ховаємо окремі текстові елементи */
#rec856011470 [data-elem-id="1740246169399"],
#rec856156682 [data-elem-id="1740247578390"]{
    display:none !important;
}


/* Нормально центруємо контент самих кнопок */
#rec856011470 [data-elem-id="1740246169396"] .tn-atom,
#rec856156682 [data-elem-id="1740247578389"] .tn-atom{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    text-align:center !important;
}


/* Контейнер тексту кнопки */
#rec856011470 [data-elem-id="1740246169396"] .tn-atom__button-content,
#rec856156682 [data-elem-id="1740247578389"] .tn-atom__button-content{
    width:100% !important;
    height:100% !important;

    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
}


/* Додаємо напис прямо ВСЕРЕДИНУ кнопки */
#rec856011470 [data-elem-id="1740246169396"] .tn-atom__button-text,
#rec856156682 [data-elem-id="1740247578389"] .tn-atom__button-text{
    width:100% !important;

    display:flex !important;
    align-items:center !important;
    justify-content:center !important;

    text-align:center !important;
}


#rec856011470 [data-elem-id="1740246169396"] .tn-atom__button-text::before,
#rec856156682 [data-elem-id="1740247578389"] .tn-atom__button-text::before{
    content:"Детальніше про команду";

    display:block;

    width:100%;

    text-align:center;
    white-space:nowrap;
}
@media screen and (max-width:479px){

    #rec856197907 [data-elem-id="1737806876721"] .tn-atom{
        font-size:0 !important;
    }

    #rec856197907 [data-elem-id="1737806876721"] .tn-atom::after{
        content:"Складно будувати\Aсильний бренд онлайн";
        white-space:pre-line;

        font-family:'Custom', Arial, sans-serif;
        font-size:10px;
        line-height:13px;
        color:#eaeaea;
    }

}
/* =================================================
   БЛОК "ХТО МИ?" — DESKTOP
   ================================================= */
@media (min-width: 981px) {

    /* Головний текст */
    .t396__elem[data-elem-id="1737735683662"] {
        height: auto !important;
        min-height: 0 !important;
    }

    .t396__elem[data-elem-id="1737735683662"] .tn-atom {
        height: auto !important;
        min-height: 0 !important;

        font-size: 42px !important;
        line-height: 1.18 !important;

        white-space: normal !important;
        padding: 0 !important;
        margin: 0 !important;
    }


    /* Фото між словами */
    .t396__elem[data-elem-id="1737735981654"] {
        transform: translate(58px, 2px) !important;
        z-index: 5 !important;
    }


    /* Прибираємо величезний пустий простір під блоком */
    .t396__artboard:has(
        .tn-elem[data-elem-id="1737735683662"]
    ) {
        height: 340px !important;
        min-height: 340px !important;
    }
}
.t396__elem[data-elem-id="1737999716179"] {
    display: none !important;
}
.t396__elem[data-elem-id="1737985426330"] .tn-atom,
.t396__elem[data-elem-id="1737985426330"] .tn-atom a,
.t396__elem[data-elem-id="1737985426330"] .tn-atom a:visited,
.t396__elem[data-elem-id="1737985426330"] .tn-atom a:hover {
    color: #ffffff !important;
}
/* Підняти ВЕСЬ плаваючий чат на ПК */
@media (min-width: 981px) {
    #rec855919792 {
        bottom: 50px !important;
        top: auto !important;
        transform: none !important;
    }
}
#rec856540695 .tn-elem[data-elem-id="1737897767506"] .tn-atom__img {
    content: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMzkiIGhlaWdodD0iODEiIHZpZXdCb3g9IjAgMCAxMzkgODEiPjxyZWN0IHg9IjE0Ljg0NzgiIHk9Ii0xLjk0ODMiIHdpZHRoPSIxMzIuMTY1IiBoZWlnaHQ9IjQwLjA2NDYiIHJ4PSIxNi41NDY3IiB0cmFuc2Zvcm09InJvdGF0ZSgyMC45ODYyIDE0Ljg0NzggLTEuOTQ4MykiIGZpbGw9IiNFRUVFRUUiIHN0cm9rZT0iI0VFRUVFRSIgc3Ryb2tlLXdpZHRoPSI1LjA1NTIyIi8+PHJlY3QgeD0iMTYuOTc3OCIgeT0iMi44MzIxNiIgd2lkdGg9IjEyNC43NjUiIGhlaWdodD0iMzIuNjY0MSIgcng9IjEyLjg0NjUiIHRyYW5zZm9ybT0icm90YXRlKDIwLjk4NjIgMTYuOTc3OCAyLjgzMjE2KSIgZmlsbD0iI0VFRUVFRSIgc3Ryb2tlPSIjMzAzMDMwIiBzdHJva2Utd2lkdGg9IjIuMzQ1MjEiLz48dGV4dCB4PSI3OS4zNjAzIiB5PSIxOS4xNjQyIiB0cmFuc2Zvcm09InJvdGF0ZSgyMC45ODYyIDE2Ljk3NzggMi44MzIxNikiIGZpbGw9IiMzMDMwMzAiIGZvbnQtZmFtaWx5PSJJbnRlcixBcmlhbCxzYW5zLXNlcmlmIiBmb250LXNpemU9IjEwLjUiIGZvbnQtd2VpZ2h0PSI3MDAiIHRleHQtYW5jaG9yPSJtaWRkbGUiIGRvbWluYW50LWJhc2VsaW5lPSJtaWRkbGUiPtCi0Jgg0JfQnNCe0JbQldCoINCj0KHQlTwvdGV4dD48L3N2Zz4=") !important;

    width: 100% !important;
    height: auto !important;
}
/* Плашки ДОСВІД / У ЦИФРАХ */
.tn-atom:has(> .tn-atom__button-content) {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    box-sizing: border-box !important;
}

/* wrapper має 0×0 — прибираємо його з геометрії */
.tn-atom__button-content {
    display: contents !important;
}

/* Сам текст */
.tn-atom__button-text {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: 100% !important;
    height: 100% !important;

    margin: 0 !important;
    padding: 0 !important;

    line-height: 1 !important;
    text-align: center !important;
}
.impulse-title-fit {
    font-family: Inter, Arial, sans-serif !important;
    font-size: 270px !important;
    line-height: .92 !important;
    font-weight: 900 !important;

    white-space: nowrap !important;

    --impulse-condense: .559;
    transform: scaleX(var(--impulse-condense)) !important;
    transform-origin: left center !important;
}
/* "Інформація про твій проект захищена" — ПК */
@media (min-width: 981px) {
    #rec856349784 .tn-elem[data-elem-id="1737834910649"] {
        width: 240px !important;
    }

    #rec856349784 .tn-elem[data-elem-id="1737834910649"] .tn-atom {
        width: 100% !important;
        white-space: normal !important;

        font-size: 20px !important;
        line-height: 1.05 !important;
    }
}
@media (max-width: 479px) {

    #rec856356466 [data-elem-id="1737841668071"] {
        left: 253px !important;
        top: 88px !important;
    }

    #rec856356466 [data-elem-id="1737841668073"] {
        left: 281px !important;
        top: 88px !important;
    }

    #rec856356466 [data-elem-id="1737841668075"] {
        left: 282px !important;
        top: 108px !important;
        display: table !important;
    }

    #rec856356466 #sbs-856356466-1737841668075 {
        animation: sbs-856356466-1737841668075 2.8s infinite linear !important;
    }
}
/* =========================================
   СІРІ ПЛАШКИ У БЛОЦІ #rec856370000
   фон автоматично під ширину тексту
   ========================================= */

/* Прибираємо старі фіксовані фони */
#rec856370000 .tn-elem[data-elem-type="button"][data-field-top-value="40"] {
    display: none !important;
}


/* Тексти плашок */
#rec856370000 .tn-elem[data-elem-type="text"][data-field-top-value="45"] {
    overflow: visible !important;
    z-index: 10 !important;
}


/* Сам текст */
#rec856370000 .tn-elem[data-elem-type="text"][data-field-top-value="45"] .tn-atom {
    position: relative !important;
    z-index: 1 !important;

    width: max-content !important;
    overflow: visible !important;

    white-space: nowrap !important;
    line-height: 22px !important;

    color: #f9f9f9 !important;

    isolation: isolate !important;
}


/* =========================================
   СІРІ ПЛАШКИ — #rec856370000
   автоматична ширина + правильний центр
   ========================================= */


/* Прибираємо старі фіксовані сірі фони */
#rec856370000
.tn-elem[data-elem-type="button"][data-field-top-value="40"] {
    display: none !important;
}


/* Усі тексти плашок */
#rec856370000
.tn-elem[data-elem-type="text"][data-field-top-value="45"] {
    width: max-content !important;
    overflow: visible !important;
    z-index: 10 !important;
}


/* Сам текст */
#rec856370000
.tn-elem[data-elem-type="text"][data-field-top-value="45"] .tn-atom {
    position: relative !important;

    display: block !important;
    width: max-content !important;

    margin: 0 !important;
    padding: 0 !important;

    white-space: nowrap !important;
    text-align: center !important;

    line-height: 22px !important;
    color: #f9f9f9 !important;

    overflow: visible !important;
    isolation: isolate !important;
}


/* =========================================
   КОРЕКЦІЯ ЦЕНТРУ
   Компенсує реальну ширину кастомного шрифту
   ========================================= */


/* Позиціонування / Команда */
#rec856370000 [data-elem-id="1737837863350"],
#rec856370000 [data-elem-id="1737840993863"],
#rec856370000 [data-elem-id="1739149242505"],
#rec856370000 [data-elem-id="1739149242538"] {
    transform: translateX(calc(-50% + 37px)) !important;
}


/* Стратегія */
#rec856370000 [data-elem-id="1737840999209"] {
    transform: translateX(calc(-50% + 33.5px)) !important;
}


/* Інструменти */
#rec856370000 [data-elem-id="1737841003921"] {
    transform: translateX(calc(-50% + 44px)) !important;
}


/* UX-помилки */
#rec856370000 [data-elem-id="1737841008265"] {
    transform: translateX(calc(-50% + 83px)) !important;
}


/* Продукт */
#rec856370000 [data-elem-id="1739149242571"] {
    transform: translateX(calc(-50% + 35.5px)) !important;
}


/* =========================================
   НОВИЙ СІРИЙ ФОН
   завжди росте симетрично від тексту
   ========================================= */

#rec856370000
.tn-elem[data-elem-type="text"][data-field-top-value="45"] .tn-atom::before {
    content: "" !important;

    position: absolute !important;

    left: -16px !important;
    right: -16px !important;

    top: -5px !important;
    bottom: -5px !important;

    background: #404040 !important;
    border-radius: 10px !important;

    z-index: -1 !important;
    pointer-events: none !important;
}


/* =========================================
   АНІМАЦІЯ 2 КВАДРАТИ + РУКА
   MOBILE
   ========================================= */

@media (max-width: 479px) {

    #rec856608455 [data-elem-id="1737841668071"] {
        left: 253px !important;
        top: 112px !important;
    }

    #rec856608455 [data-elem-id="1737841668073"] {
        left: 281px !important;
        top: 123px !important;
    }

    #rec856608455 [data-elem-id="1737841668075"] {
        left: 282px !important;
        top: 142px !important;
        display: table !important;
    }

    #rec856608455 #sbs-856608455-1737841668075 {
        animation:
            sbs-856608455-1737841668075
            2.8s
            infinite
            linear !important;
    }
}
@media (max-width: 479px) {

    #rec856608455 [data-elem-id="1737841668071"] {
        left: 253px !important;
        top: 131px !important;
    }

    #rec856608455 [data-elem-id="1737841668073"] {
        left: 281px !important;
        top: 131px !important;
    }

    #rec856608455 [data-elem-id="1737841668075"] {
        left: 282px !important;
        top: 154px !important;
        display: table !important;
    }

    #rec856608455 #sbs-856608455-1737841668075 {
        animation: sbs-856608455-1737841668075 2.8s infinite linear !important;
    }
}
@media (max-width: 479px) {

    /* БЛОК 1 */
    #rec856356466 [data-elem-id="1737841668071"] {
        top: 113px !important;
    }

    #rec856356466 [data-elem-id="1737841668073"] {
        top: 113px !important;
    }

    #rec856356466 [data-elem-id="1737841668075"] {
        top: 135px !important;
    }


    /* БЛОК 2 */
    #rec856608455 [data-elem-id="1737841668071"] {
        top: 140px !important;
    }

    #rec856608455 [data-elem-id="1737841668073"] {
        top: 152px !important;
    }

    #rec856608455 [data-elem-id="1737841668075"] {
        top: 173px !important;
    }
}
/* =========================================
   ПОВНІСТЮ ПРИБРАТИ БЛОК РЕЗУЛЬТАТІВ + ВІДЕО
   PC + TABLET + MOBILE
   ========================================= */

#rec856608455,
#rec1222205876 {
    display: none !important;
    height: 0 !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
}
/* Заголовок "Стань частиною..." — MOBILE */
@media (max-width: 479px) {

    #rec856620445 [data-elem-id="1737735683662"] {
        left: 30px !important;
        width: 230px !important;
        max-width: 230px !important;
        height: auto !important;
        overflow: visible !important;
    }

    #rec856620445 [data-elem-id="1737735683662"] .tn-atom__sbs-anim-wrapper {
        width: 230px !important;
        max-width: 230px !important;
        height: auto !important;
        overflow: visible !important;
    }

    #rec856620445 [data-elem-id="1737735683662"] .tn-atom {
        width: 230px !important;
        max-width: 230px !important;
        height: auto !important;

        font-size: 24px !important;
        line-height: 1.05 !important;

        white-space: normal !important;
        word-break: normal !important;
        overflow-wrap: normal !important;
        hyphens: none !important;

        overflow: visible !important;
    }
}
/* Текст під формою — опустити нижче на мобільному */
@media (max-width: 479px) {
    #rec856620453 [data-elem-id="1737984496012"] {
        top: 600px !important;
    }
}
/* =========================================
   MOBILE HEADER — одразу як після скролу
   ========================================= */

@media (max-width: 639px) {

    /* Сам хедер */
    #rec855887243 {
        position: relative !important;
        z-index: 99999 !important;
    }

    #rec855887243 .t396__artboard,
    #rec855887243 .t396__carrier,
    #rec855887243 .t396__filter {
        height: 70px !important;
    }


    /* =========================
       LOGO — біла плашка
       ========================= */

    #rec855887243 [data-elem-id="1737724070358"] {
        left: 15px !important;
        top: 8px !important;

        width: 177px !important;
        height: 52px !important;
    }

    #rec855887243 [data-elem-id="1737724070358"] .tn-atom {
        width: 177px !important;
        height: 52px !important;

        display: flex !important;
        align-items: center !important;
        justify-content: flex-start !important;

        padding: 0 12px !important;
        box-sizing: border-box !important;

        background: #ffffff !important;
        border: 1px solid #d9d9d9 !important;
        border-radius: 11px !important;
    }

    #rec855887243 [data-elem-id="1737724070358"] .tn-atom__img {
        width: 140px !important;
        height: auto !important;

        display: block !important;
    }


    /* =========================
       BURGER — біла квадратна плашка
       ========================= */

    #rec855887243 [data-elem-id="1737793522240"] {
        left: auto !important;
        right: 15px !important;
        top: 8px !important;

        width: 52px !important;
        height: 52px !important;
    }

    #rec855887243 [data-elem-id="1737793522240"] .tn-atom {
        width: 52px !important;
        height: 52px !important;

        background: #ffffff !important;
        border: 1px solid #d9d9d9 !important;
        border-radius: 11px !important;

        box-sizing: border-box !important;
    }


    /* Іконка бургера — по центру плашки */
    #rec855887243 [data-elem-id="1737793432756"] {
        left: auto !important;
        right: 26px !important;
        top: 23px !important;

        width: 31px !important;
        height: auto !important;

        z-index: 10 !important;
    }
}
/* =========================================
   MOBILE HEADER
   існуючий перемикач UA / SK з ПК
   ========================================= */

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

    /* ---------- LOGO ---------- */

    #rec855887243 [data-elem-id="1737724070358"],
    #rec856183863 [data-elem-id="1737724070358"] {
        top: 9px !important;
        left: 15px !important;

        width: calc(100% - 162px) !important;
        height: 52px !important;

        zoom: 1 !important;
    }

    #rec855887243 [data-elem-id="1737724070358"] .tn-atom,
    #rec856183863 [data-elem-id="1737724070358"] .tn-atom {
        width: 100% !important;
        height: 52px !important;

        display: flex !important;
        align-items: center !important;

        padding: 0 12px !important;

        background: #fff !important;

        border: 1px solid #d9d9d9 !important;
        border-radius: 11px !important;

        box-sizing: border-box !important;
    }


    /* ---------- ІСНУЮЧИЙ LANGUAGE HOST ---------- */

    #rec855887243 .impulse-lang-host,
    #rec856183863 .impulse-lang-host {
        display: block !important;

        position: absolute !important;

        top: 9px !important;
        left: auto !important;
        right: 75px !important;

        width: 64px !important;
        height: 52px !important;

        zoom: 1 !important;

        overflow: visible !important;

        opacity: 1 !important;
        visibility: visible !important;

        z-index: 99999 !important;
    }


    /* Ховаємо лише стару кнопку "Результати",
       яка є батьківською для перемикача */
    #rec855887243 .impulse-lang-host > .tn-atom,
    #rec856183863 .impulse-lang-host > .tn-atom {
        display: none !important;
    }


    /* ---------- ТОЙ САМИЙ UA / SK ---------- */

    #rec855887243 .impulse-lang-switch,
    #rec856183863 .impulse-lang-switch {
        position: absolute !important;

        top: 0 !important;
        left: 0 !important;

        transform: none !important;

        width: 64px !important;
        height: 52px !important;

        display: flex !important;
        align-items: center !important;
        justify-content: center !important;

        gap: 2px !important;

        padding: 4px !important;

        background: #fff !important;

        border: 1px solid #d9d9d9 !important;
        border-radius: 11px !important;

        box-sizing: border-box !important;

        box-shadow: none !important;

        opacity: 1 !important;
        visibility: visible !important;
    }


    /* UA / SK */
    #rec855887243 .impulse-lang-switch a,
    #rec856183863 .impulse-lang-switch a {
        width: 26px !important;
        height: 42px !important;

        display: flex !important;
        align-items: center !important;
        justify-content: center !important;

        margin: 0 !important;
        padding: 0 !important;

        border-radius: 8px !important;

        font-size: 9px !important;
        line-height: 1 !important;
        font-weight: 700 !important;

        color: #1a1a1a !important;
        text-decoration: none !important;
    }


    /* Активна мова */
    #rec855887243 .impulse-lang-switch a.active,
    #rec856183863 .impulse-lang-switch a.active {
        background: #1a1a1a !important;
        color: #fff !important;
    }


    /* ---------- BURGER ---------- */

    #rec855887243 [data-elem-id="1737793522240"],
    #rec856183863 [data-elem-id="1737793522240"] {
        top: 9px !important;

        left: auto !important;
        right: 15px !important;

        width: 52px !important;
        height: 52px !important;

        zoom: 1 !important;
    }

    #rec855887243 [data-elem-id="1737793522240"] .tn-atom,
    #rec856183863 [data-elem-id="1737793522240"] .tn-atom {
        width: 52px !important;
        height: 52px !important;

        background: #fff !important;

        border: 1px solid #d9d9d9 !important;
        border-radius: 11px !important;

        box-sizing: border-box !important;
    }


    /* Іконка бургера */
    #rec855887243 [data-elem-id="1737793432756"],
    #rec856183863 [data-elem-id="1737793432756"] {
        top: 20px !important;

        left: auto !important;
        right: 26px !important;

        width: 31px !important;

        zoom: 1 !important;
    }
}
/* =====================================================
   HERO TITLE "ВЕБ-РОЗРОБНИК"
   ЖОРСТКЕ ЦЕНТРУВАННЯ PC + MOBILE
   ===================================================== */

#rec856540695 [data-elem-id="1737821608201"] {
    left: 50% !important;
    right: auto !important;

    width: 100vw !important;
    max-width: 100vw !important;

    transform: translateX(-50%) !important;

    overflow: visible !important;
}


/* Контейнер самого тексту */
#rec856540695 [data-elem-id="1737821608201"] .tn-atom {
    width: 100% !important;
    max-width: 100% !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    text-align: center !important;

    overflow: visible !important;
}
/* ТІЛЬКИ TITLE "ВЕБ-РОЗРОБНИК" */
.impulse-title-fit {
    display: block !important;

    width: fit-content !important;
    max-width: none !important;

    margin-left: auto !important;
    margin-right: auto !important;

    left: auto !important;
    right: auto !important;

    white-space: nowrap !important;
    text-align: center !important;

    transform-origin: center center !important;
}
/* Іконка біля "Один крок до твого росту" — вправо на ПК */
@media (min-width: 960px) {
    .tn-elem__8566181921737914016165 {
        translate: 40px 0 !important;
    }
}
/* =========================================
   СІРА ПЛАШКА
   БЛИСКАВКА + ТЕКСТ ТОЧНО ПО ЦЕНТРУ
   ТІЛЬКИ ПК
   ========================================= */

@media screen and (min-width: 960px) {

    /* 1. Ховаємо старий окремий текст */
    #rec856620453 [data-elem-id="1737984678795"] {
        display: none !important;
    }

    /* 2. Ховаємо стару окрему блискавку */
    #rec856620453 [data-elem-id="1737984753520"] {
        display: none !important;
    }


    /* 3. Сама сіра плашка */
    #rec856620453 [data-elem-id="1737984678793"] .tn-atom {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;

        width: 100% !important;
        height: 100% !important;

        padding: 0 !important;

        background: #9f9f9f !important;
        border-radius: 10px !important;

        box-sizing: border-box !important;
    }


    /* Прибираємо старі псевдоелементи, які давали дубль */
    #rec856620453 [data-elem-id="1737984678793"] .tn-atom::before,
    #rec856620453 [data-elem-id="1737984678793"] .tn-atom::after {
        content: "" !important;
        display: none !important;
    }


    /* 4. Внутрішній контейнер — це тепер один комплект */
    #rec856620453 [data-elem-id="1737984678793"]
    .tn-atom__button-content {
        display: flex !important;

        align-items: center !important;
        justify-content: center !important;

        width: 100% !important;
        height: 100% !important;

        gap: 8px !important;

        padding: 0 !important;
        margin: 0 !important;

        box-sizing: border-box !important;
    }


    /* 5. Оригінальна блискавка */
    #rec856620453 [data-elem-id="1737984678793"]
    .tn-atom__button-content::before {
        content: "" !important;

        display: block !important;

        width: 14px !important;
        height: 17px !important;

        flex: 0 0 14px !important;

        background-image:
            url("https://static.tildacdn.com/tild3237-6633-4163-b032-366531643038/flash.svg") !important;

        background-repeat: no-repeat !important;
        background-position: center !important;
        background-size: contain !important;
    }


    /* 6. Текст */
    #rec856620453 [data-elem-id="1737984678793"]
    .tn-atom__button-content::after {
        content: "старт проєкту після узгодження" !important;

        display: block !important;

        width: auto !important;
        height: auto !important;

        font-family: 'Custom', Arial, sans-serif !important;
        font-size: 14px !important;
        font-weight: 400 !important;
        line-height: 1 !important;

        color: #1a1a1a !important;

        white-space: nowrap !important;

        padding: 0 !important;
        margin: 0 !important;
    }


    /* Старий порожній span кнопки */
    #rec856620453 [data-elem-id="1737984678793"]
    .tn-atom__button-text {
        display: none !important;
    }
}
/* Повністю видалити "made by lensa" */
#rec863638510 [data-elem-id="1737992787748"] {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
}
/* =========================================
   ПОВНІСТЮ ВИДАЛИТИ БЛОК "ПАРТНЕРИ"
   ПК + МОБІЛКА
   ========================================= */

#rec863638510 [data-elem-id="1737993355265"],
#rec863638510 [data-elem-id="1737993054855"] {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
}
/* =========================================
   FOOTER — прибрати "ПАРТНЕРИ"
   і рівномірно розтягнути інші колонки
   ТІЛЬКИ ПК
   ========================================= */

@media screen and (min-width: 1200px) {

    /* ПАРТНЕРИ — видаляємо повністю */
    #rec863638510 [data-elem-id="1737993355265"],
    #rec863638510 [data-elem-id="1737993054855"] {
        display: none !important;
        visibility: hidden !important;
        opacity: 0 !important;
    }


    /* =========================
       ПОСЛУГИ
       ========================= */

    #rec863638510 [data-elem-id="1737993248255"],
    #rec863638510 [data-elem-id="1737992948594"],
    #rec863638510 [data-elem-id="1737992806246"] {
        left: calc(50% - 600px + 40px) !important;
    }


    /* =========================
       ПРО НАС
       ========================= */

    #rec863638510 [data-elem-id="1737993341952"],
    #rec863638510 [data-elem-id="1737993026671"],
    #rec863638510 [data-elem-id="1737992825910"] {
        left: calc(50% - 600px + 245px) !important;
    }


    /* =========================
       SOCIAL
       ========================= */

    #rec863638510 [data-elem-id="1737993369175"],
    #rec863638510 [data-elem-id="1737993064887"] {
        left: calc(50% - 600px + 450px) !important;
    }


    /* =========================
       РЕКВІЗИТИ
       ========================= */

    #rec863638510 [data-elem-id="1737993378897"],
    #rec863638510 [data-elem-id="1737993091870"],
    #rec863638510 [data-elem-id="1737992495211"] {
        left: calc(50% - 600px + 655px) !important;
    }
}
/* =========================================================
   SK ONLY
   ЗАМІНА "ТИ ЗМОЖЕШ УСЕ" → "ZVLÁDNEŠ VŠETKO"
   Українська версія НЕ змінюється
   ========================================================= */

/* Сам елемент */
html[lang^="sk"] .tn-elem[data-elem-id="1737897767506"] {
    opacity: 1 !important;
    visibility: visible !important;
    filter: none !important;
    mix-blend-mode: normal !important;
}

/* Обгортка анімації */
html[lang^="sk"] .tn-elem[data-elem-id="1737897767506"] .tn-atom__sbs-anim-wrapper {
    opacity: 1 !important;
    visibility: visible !important;
    filter: none !important;
    mix-blend-mode: normal !important;
}

/* Контейнер картинки */
html[lang^="sk"] .tn-elem[data-elem-id="1737897767506"] .tn-atom {
    position: relative !important;

    opacity: 1 !important;
    visibility: visible !important;

    overflow: visible !important;

    filter: none !important;
    backdrop-filter: none !important;
    mix-blend-mode: normal !important;

    background: transparent !important;
    background-image: none !important;

    box-shadow: none !important;
}


/* =========================================================
   ХОВАЄМО ОРИГІНАЛЬНИЙ УКРАЇНСЬКИЙ SVG
   ========================================================= */

html[lang^="sk"] .tn-elem[data-elem-id="1737897767506"] .tn-atom > img {
    opacity: 0 !important;
    visibility: hidden !important;

    filter: none !important;
    mix-blend-mode: normal !important;
}


/* =========================================================
   НОВИЙ СЛОВАЦЬКИЙ СТІКЕР
   ========================================================= */

html[lang^="sk"] .tn-elem[data-elem-id="1737897767506"] .tn-atom::after {

    content: "ZVLÁDNEŠ VŠETKO" !important;

    position: absolute !important;

    /*
     * Відсунули вправо,
     * щоб НЕ залазив на жовтий стікер
     */
    left: 76% !important;
    top: 43% !important;

    width: 132px !important;
    height: 40px !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    padding: 0 10px !important;
    margin: 0 !important;

    transform:
        translate(-50%, -50%)
        rotate(-7deg) !important;

    transform-origin: center center !important;


    /* =========================
       ЧИСТИЙ БІЛИЙ ФОН
       ========================= */

    background: #ffffff !important;
    background-color: #ffffff !important;
    background-image: none !important;

    opacity: 1 !important;
    visibility: visible !important;

    filter: none !important;
    backdrop-filter: none !important;
    mix-blend-mode: normal !important;


    /* =========================
       РАМКА
       ========================= */

    border: 2px solid #697780 !important;
    border-radius: 12px !important;

    outline: none !important;

    box-shadow: none !important;


    /* =========================
       ТЕКСТ
       ========================= */

    color: #596770 !important;

    font-family: "Custom", Arial, sans-serif !important;

    font-size: 10px !important;
    line-height: 1 !important;
    font-weight: 700 !important;

    letter-spacing: 0 !important;

    text-align: center !important;
    text-transform: uppercase !important;

    white-space: nowrap !important;

    text-shadow: none !important;


    /* =========================
       ІНШЕ
       ========================= */

    box-sizing: border-box !important;

    z-index: 50 !important;

    pointer-events: none !important;
}
/* =========================================================
   SK ONLY — фото всередині великого заголовка
   Українську версію НЕ чіпає
   ========================================================= */

html[lang^="sk"] #rec855990375
.tn-elem[data-elem-id="1737735981654"] {
    top: 129px !important;
    left: calc(50% - 621px + 305px) !important;

    transform: none !important;

    width: 118px !important;
    height: auto !important;

    z-index: 5 !important;
}

html[lang^="sk"] #rec855990375
.tn-elem[data-elem-id="1737735981654"] .tn-atom,
html[lang^="sk"] #rec855990375
.tn-elem[data-elem-id="1737735981654"] .tn-atom__img {
    width: 100% !important;
    height: auto !important;

    display: block !important;

    border-radius: 8px !important;
}
/* =========================================================
   SK ONLY — ПЛАШКИ "skúsenosti / v číslach"
   Українську версію НЕ чіпає
   ========================================================= */

/* ---------- ПЕРША ПЛАШКА: skúsenosti ---------- */

html[lang^="sk"] #rec856011470
.tn-elem[data-elem-id="1737740514730"] {
    width: 100px !important;
    left: calc(50% - 600px + 455px) !important;
}

html[lang^="sk"] #rec856011470
.tn-elem[data-elem-id="1737740514730"] .tn-atom {
    width: 100% !important;
    height: 36px !important;
}


/* текст skúsenosti */
html[lang^="sk"] #rec856011470
.tn-elem[data-elem-id="1737740514733"] {
    left: calc(50% - 600px + 455px) !important;
    width: 100px !important;
}

html[lang^="sk"] #rec856011470
.tn-elem[data-elem-id="1737740514733"] .tn-atom {
    width: 100% !important;
    text-align: center !important;
    white-space: nowrap !important;
}


/* ---------- ДРУГА ПЛАШКА: v číslach ---------- */

html[lang^="sk"] #rec856011470
.tn-elem[data-elem-id="1737740605561"] {
    width: 92px !important;
    left: calc(50% - 600px + 561px) !important;
}

html[lang^="sk"] #rec856011470
.tn-elem[data-elem-id="1737740605561"] .tn-atom {
    width: 100% !important;
    height: 36px !important;
}


/* текст v číslach */
html[lang^="sk"] #rec856011470
.tn-elem[data-elem-id="1737740605567"] {
    left: calc(50% - 600px + 561px) !important;
    width: 92px !important;
}

html[lang^="sk"] #rec856011470
.tn-elem[data-elem-id="1737740605567"] .tn-atom {
    width: 100% !important;
    text-align: center !important;
    white-space: nowrap !important;
}


/* =========================================================
   960–1199
   ========================================================= */

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

    html[lang^="sk"] #rec856011470
    .tn-elem[data-elem-id="1737740514730"],
    html[lang^="sk"] #rec856011470
    .tn-elem[data-elem-id="1737740514733"] {
        left: calc(50% - 480px + 405px) !important;
        width: 100px !important;
    }

    html[lang^="sk"] #rec856011470
    .tn-elem[data-elem-id="1737740605561"],
    html[lang^="sk"] #rec856011470
    .tn-elem[data-elem-id="1737740605567"] {
        left: calc(50% - 480px + 511px) !important;
        width: 92px !important;
    }
}


/* =========================================================
   640–959
   ========================================================= */

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

    html[lang^="sk"] #rec856011470
    .tn-elem[data-elem-id="1737740514730"],
    html[lang^="sk"] #rec856011470
    .tn-elem[data-elem-id="1737740514733"] {
        left: calc(50% - 320px + 50px) !important;
        width: 94px !important;
    }

    html[lang^="sk"] #rec856011470
    .tn-elem[data-elem-id="1737740605561"],
    html[lang^="sk"] #rec856011470
    .tn-elem[data-elem-id="1737740605567"] {
        left: calc(50% - 320px + 150px) !important;
        width: 88px !important;
    }
}


/* =========================================================
   480–639
   ========================================================= */

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

    html[lang^="sk"] #rec856011470
    .tn-elem[data-elem-id="1737740514730"],
    html[lang^="sk"] #rec856011470
    .tn-elem[data-elem-id="1737740514733"] {
        left: calc(50% - 240px + 40px) !important;
        width: 92px !important;
    }

    html[lang^="sk"] #rec856011470
    .tn-elem[data-elem-id="1737740605561"],
    html[lang^="sk"] #rec856011470
    .tn-elem[data-elem-id="1737740605567"] {
        left: calc(50% - 240px + 138px) !important;
        width: 86px !important;
    }
}


/* =========================================================
   MOBILE 320–479
   ========================================================= */

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

    html[lang^="sk"] #rec856011470
    .tn-elem[data-elem-id="1737740514730"],
    html[lang^="sk"] #rec856011470
    .tn-elem[data-elem-id="1737740514733"] {
        left: calc(50% - 160px + 31px) !important;
        width: 88px !important;
    }

    html[lang^="sk"] #rec856011470
    .tn-elem[data-elem-id="1737740605561"],
    html[lang^="sk"] #rec856011470
    .tn-elem[data-elem-id="1737740605567"] {
        left: calc(50% - 160px + 125px) !important;
        width: 84px !important;
    }

    html[lang^="sk"] #rec856011470
    .tn-elem[data-elem-id="1737740514733"] .tn-atom,
    html[lang^="sk"] #rec856011470
    .tn-elem[data-elem-id="1737740605567"] .tn-atom {
        font-size: 12px !important;
    }
}
/* =========================================================
   SK ONLY — ДРУГИЙ БЛОК
   skúsenosti / v číslach
   Українську версію НЕ чіпає
   ========================================================= */

/* ---------- skúsenosti ---------- */

html[lang^="sk"] #rec856156682
.tn-elem[data-elem-id="1737740514730"] {
    width: 100px !important;
    left: calc(50% - 600px + 75px) !important;
}

html[lang^="sk"] #rec856156682
.tn-elem[data-elem-id="1737740514730"] .tn-atom {
    width: 100% !important;
    height: 36px !important;
}

html[lang^="sk"] #rec856156682
.tn-elem[data-elem-id="1737740514733"] {
    left: calc(50% - 600px + 75px) !important;
    width: 100px !important;
}

html[lang^="sk"] #rec856156682
.tn-elem[data-elem-id="1737740514733"] .tn-atom {
    width: 100% !important;
    text-align: center !important;
    white-space: nowrap !important;
}


/* ---------- v číslach ---------- */

html[lang^="sk"] #rec856156682
.tn-elem[data-elem-id="1737740605561"] {
    width: 92px !important;
    left: calc(50% - 600px + 181px) !important;
}

html[lang^="sk"] #rec856156682
.tn-elem[data-elem-id="1737740605561"] .tn-atom {
    width: 100% !important;
    height: 36px !important;
}

html[lang^="sk"] #rec856156682
.tn-elem[data-elem-id="1737740605567"] {
    left: calc(50% - 600px + 181px) !important;
    width: 92px !important;
}

html[lang^="sk"] #rec856156682
.tn-elem[data-elem-id="1737740605567"] .tn-atom {
    width: 100% !important;
    text-align: center !important;
    white-space: nowrap !important;
}


/* =========================================================
   960–1199
   ========================================================= */

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

    html[lang^="sk"] #rec856156682
    .tn-elem[data-elem-id="1737740514730"],
    html[lang^="sk"] #rec856156682
    .tn-elem[data-elem-id="1737740514733"] {
        left: calc(50% - 480px + 50px) !important;
        width: 100px !important;
    }

    html[lang^="sk"] #rec856156682
    .tn-elem[data-elem-id="1737740605561"],
    html[lang^="sk"] #rec856156682
    .tn-elem[data-elem-id="1737740605567"] {
        left: calc(50% - 480px + 156px) !important;
        width: 92px !important;
    }
}


/* =========================================================
   640–959
   ========================================================= */

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

    html[lang^="sk"] #rec856156682
    .tn-elem[data-elem-id="1737740514730"],
    html[lang^="sk"] #rec856156682
    .tn-elem[data-elem-id="1737740514733"] {
        left: calc(50% - 320px + 50px) !important;
        width: 94px !important;
    }

    html[lang^="sk"] #rec856156682
    .tn-elem[data-elem-id="1737740605561"],
    html[lang^="sk"] #rec856156682
    .tn-elem[data-elem-id="1737740605567"] {
        left: calc(50% - 320px + 150px) !important;
        width: 88px !important;
    }
}


/* =========================================================
   480–639
   ========================================================= */

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

    html[lang^="sk"] #rec856156682
    .tn-elem[data-elem-id="1737740514730"],
    html[lang^="sk"] #rec856156682
    .tn-elem[data-elem-id="1737740514733"] {
        left: calc(50% - 240px + 40px) !important;
        width: 92px !important;
    }

    html[lang^="sk"] #rec856156682
    .tn-elem[data-elem-id="1737740605561"],
    html[lang^="sk"] #rec856156682
    .tn-elem[data-elem-id="1737740605567"] {
        left: calc(50% - 240px + 138px) !important;
        width: 86px !important;
    }
}


/* =========================================================
   MOBILE
   ========================================================= */

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

    html[lang^="sk"] #rec856156682
    .tn-elem[data-elem-id="1737740514730"],
    html[lang^="sk"] #rec856156682
    .tn-elem[data-elem-id="1737740514733"] {
        left: calc(50% - 160px + 31px) !important;
        width: 88px !important;
    }

    html[lang^="sk"] #rec856156682
    .tn-elem[data-elem-id="1737740605561"],
    html[lang^="sk"] #rec856156682
    .tn-elem[data-elem-id="1737740605567"] {
        left: calc(50% - 160px + 125px) !important;
        width: 84px !important;
    }

    html[lang^="sk"] #rec856156682
    .tn-elem[data-elem-id="1737740514733"] .tn-atom,
    html[lang^="sk"] #rec856156682
    .tn-elem[data-elem-id="1737740605567"] .tn-atom {
        font-size: 12px !important;
    }
}
/* =========================================================
   SK ONLY — ТЕГИ 3-Ї КАРТКИ В БЛОЦІ "WEBY A SLUŽBY"

   UX session
   2 hodiny Online

   Українську версію НЕ чіпає
   ========================================================= */


/* ---------------------------------------------------------
   1. ХОВАЄМО СТАРІ ФОНОВІ ПЛАШКИ TILDA
   --------------------------------------------------------- */

html[lang^="sk"] #rec856314643
[data-elem-id="1739148169496"],

html[lang^="sk"] #rec856314643
[data-elem-id="1737824494039"] {
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
}


/* ---------------------------------------------------------
   2. БАЗОВИЙ ВИГЛЯД ОБОХ ТЕГІВ
   --------------------------------------------------------- */

html[lang^="sk"] #rec856314643
[data-elem-id="1739148169508"],

html[lang^="sk"] #rec856314643
[data-elem-id="1737824494052"] {
    width: max-content !important;
    height: auto !important;

    overflow: visible !important;

    z-index: 25 !important;

    transform: none !important;
}


/* сама сіра плашка */

html[lang^="sk"] #rec856314643
[data-elem-id="1739148169508"] .tn-atom,

html[lang^="sk"] #rec856314643
[data-elem-id="1737824494052"] .tn-atom {
    display: flex !important;

    align-items: center !important;
    justify-content: center !important;

    width: max-content !important;
    min-width: 0 !important;

    height: 32px !important;

    padding: 0 13px !important;

    box-sizing: border-box !important;

    background: #4b4b4b !important;

    color: #a9a9a9 !important;

    border-radius: 11px !important;

    white-space: nowrap !important;

    text-align: center !important;

    line-height: 1 !important;
}


/* =========================================================
   DESKTOP 1200+
   ========================================================= */

/* UX session — перший тег */
html[lang^="sk"] #rec856314643
[data-elem-id="1739148169508"] {
    top: 158px !important;
    left: calc(50% - 600px + 825px) !important;
}


/* 2 hodiny Online — другий тег */
html[lang^="sk"] #rec856314643
[data-elem-id="1737824494052"] {
    top: 158px !important;
    left: calc(50% - 600px + 955px) !important;
}


/* =========================================================
   960 — 1199
   ========================================================= */

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

    html[lang^="sk"] #rec856314643
    [data-elem-id="1739148169508"] {
        top: 213px !important;
        left: calc(50% - 480px + 659px) !important;
    }

    html[lang^="sk"] #rec856314643
    [data-elem-id="1737824494052"] {
        top: 213px !important;
        left: calc(50% - 480px + 775px) !important;
    }
}


/* =========================================================
   640 — 959
   ========================================================= */

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

    html[lang^="sk"] #rec856314643
    [data-elem-id="1739148169508"] {
        top: 655px !important;
        left: calc(50% - 320px + 40px) !important;
    }

    html[lang^="sk"] #rec856314643
    [data-elem-id="1737824494052"] {
        top: 655px !important;
        left: calc(50% - 320px + 145px) !important;
    }

    html[lang^="sk"] #rec856314643
    [data-elem-id="1739148169508"] .tn-atom,

    html[lang^="sk"] #rec856314643
    [data-elem-id="1737824494052"] .tn-atom {
        font-size: 13px !important;
    }
}


/* =========================================================
   480 — 639
   ========================================================= */

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

    html[lang^="sk"] #rec856314643
    [data-elem-id="1739148169508"] {
        top: 627px !important;
        left: calc(50% - 240px + 36px) !important;
    }

    html[lang^="sk"] #rec856314643
    [data-elem-id="1737824494052"] {
        top: 627px !important;
        left: calc(50% - 240px + 130px) !important;
    }

    html[lang^="sk"] #rec856314643
    [data-elem-id="1739148169508"] .tn-atom,

    html[lang^="sk"] #rec856314643
    [data-elem-id="1737824494052"] .tn-atom {
        height: 28px !important;

        padding-left: 10px !important;
        padding-right: 10px !important;

        font-size: 10px !important;

        border-radius: 10px !important;
    }
}


/* =========================================================
   MOBILE 320 — 479
   ========================================================= */

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

    html[lang^="sk"] #rec856314643
    [data-elem-id="1739148169508"] {
        top: 821px !important;
        left: calc(50% - 160px + 37px) !important;
    }

    html[lang^="sk"] #rec856314643
    [data-elem-id="1737824494052"] {
        top: 821px !important;
        left: calc(50% - 160px + 130px) !important;
    }

    html[lang^="sk"] #rec856314643
    [data-elem-id="1739148169508"] .tn-atom,

    html[lang^="sk"] #rec856314643
    [data-elem-id="1737824494052"] .tn-atom {
        height: 27px !important;

        padding-left: 9px !important;
        padding-right: 9px !important;

        font-size: 10px !important;

        border-radius: 9px !important;
    }
}
/* SK ONLY — вирівнюємо відстань між тегами 3-ї картки */
html[lang^="sk"] #rec856314643
[data-elem-id="1737824494052"] .tn-atom {
    transform: translateX(-27px) !important;
}
#rec856197907 [data-elem-id="1737805539626"] .tn-atom {
    background-size: 115% auto !important;
    background-repeat: no-repeat !important;
    background-position: center bottom !important;
}
@media (max-width: 480px) {
    #rec856183863 [data-elem-id="1737739267717"] {
        display: none !important;
    }

/* Fix: кружок «8+ років» (.isp-sticker) — Google Translate обгортає текст у <font>, тримаємо рядки один під одним */
.isp-sticker{flex-direction:column;padding:14px;box-sizing:border-box;overflow-wrap:anywhere}
.isp-sticker > font{display:block}
.isp-sticker > font + br{display:none}
.translated-ltr .isp-sticker,.translated-rtl .isp-sticker{font-size:12px;line-height:1.1}
@media (max-width:640px){.translated-ltr .isp-sticker,.translated-rtl .isp-sticker{font-size:9.5px;padding:8px}}

