.elementor-33 .elementor-element.elementor-element-8e93570{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}/* Start custom CSS for html, class: .elementor-element-8f2e6ca *//* Приховуємо кастомний кружечок за замовчуванням для мобілок і Elementor */
.custom-cursor {
    display: none;
}

/* Застосовуємо стилі ТІЛЬКИ для десктопів (там, де є мишка) */
@media (hover: hover) and (pointer: fine) {
    
    /* Показуємо наш кастомний курсор */
    body:not(.elementor-editor-active) .custom-cursor {
        display: block;
        width: 30px;
        height: 30px;
        background-color: #fff;
        border-radius: 50%;
        position: fixed;
        top: 0;
        left: 0;
        pointer-events: none; /* Щоб курсор не заважав клікати по кнопках */
        z-index: 9999;
        mix-blend-mode: difference; /* Створює реверсивний колір */
        transition: transform 0.15s ease-out, width 0.2s, height 0.2s;
        transform: translate(-50%, -50%);
    }

    /* Збільшення при наведенні */
    body:not(.elementor-editor-active) .custom-cursor.active {
        width: 80px;
        height: 80px;
    }

    /* Ховаємо стандартний курсор для всього сайту, ОКРІМ редактора Elementor */
    body:not(.elementor-editor-active), 
    body:not(.elementor-editor-active) a, 
    body:not(.elementor-editor-active) button, 
    body:not(.elementor-editor-active) h1, 
    body:not(.elementor-editor-active) h2, 
    body:not(.elementor-editor-active) h3, 
    body:not(.elementor-editor-active) p {
        cursor: none !important;
    }
}/* End custom CSS */