.elementor-643 .elementor-element.elementor-element-33ebe41{--display:flex;--gap:45px 45px;--row-gap:45px;--column-gap:45px;--padding-top:50px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-643 .elementor-element.elementor-element-d622ce5{text-align:start;}.elementor-643 .elementor-element.elementor-element-d622ce5 .elementor-heading-title{font-family:"Manrope", Sans-serif;font-size:54px;font-weight:700;text-transform:uppercase;line-height:60px;color:#171717;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-643 .elementor-element.elementor-element-5ede137{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;font-family:"Manrope", Sans-serif;font-size:18px;font-weight:500;color:#000000;}body.elementor-page-643:not(.elementor-motion-effects-element-type-background), body.elementor-page-643 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#E9E8E8;}@media(max-width:767px){.elementor-643 .elementor-element.elementor-element-d622ce5 .elementor-heading-title{font-size:33px;}.elementor-643 .elementor-element.elementor-element-5ede137{font-size:14px;}}@media(min-width:768px){.elementor-643 .elementor-element.elementor-element-33ebe41{--content-width:1160px;}}/* Start custom CSS for heading, class: .elementor-element-d622ce5 *//* 1. Плавность для самого контейнера */
#div-hide {
    transition: all 0.4s ease-in-out;
}

/* 2. Базовое состояние кнопки: скрыта, высота 0 */
#button-hide {
    max-height: 0;
    opacity: 0;
    visibility: hidden;
    overflow: hidden;
    margin: 0 !important;
    transform: translateY(15px);
    transition: all 0.4s ease-in-out;
}

/* 3. Десктопы и планшеты (от 768px): показываем при наведении */
@media (min-width: 768px) {
    #parent-hide:hover #button-hide {
        max-height: 150px;
        opacity: 1;
        visibility: visible;
        margin-top: 20px !important;
        transform: translateY(0);
    }
}

/* 4. Мобильные устройства (до 767px): кнопка видна всегда */
@media (max-width: 767px) {
    #button-hide {
        max-height: 150px; /* Раскрываем высоту */
        opacity: 1; /* Делаем видимой */
        visibility: visible; /* Возвращаем кликабельность */
        margin-top: 20px !important; /* Возвращаем отступ от текста */
        transform: translateY(0); /* Ставим на место */
    }
}/* End custom CSS */