.elementor-kit-7{--e-global-color-primary:#EABABC;--e-global-color-secondary:#FC797E;--e-global-color-text:#262222;--e-global-color-accent:#FFFFFF;--e-global-typography-primary-font-family:"Inter";--e-global-typography-primary-font-size:48px;--e-global-typography-primary-font-weight:600;--e-global-typography-primary-line-height:1.2em;--e-global-typography-primary-letter-spacing:-1.6px;--e-global-typography-secondary-font-family:"Inter";--e-global-typography-secondary-font-size:24px;--e-global-typography-secondary-font-weight:500;--e-global-typography-secondary-line-height:1.2em;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-size:20px;--e-global-typography-text-font-weight:400;--e-global-typography-text-line-height:1.2em;--e-global-typography-accent-font-family:"Inter";--e-global-typography-accent-font-size:20px;--e-global-typography-accent-font-weight:800;--e-global-typography-accent-line-height:1.2em;background-color:#FFF0F1;}.elementor-kit-7 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1920px;}.e-con{--container-max-width:1920px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-7{--e-global-typography-primary-font-size:32px;--e-global-typography-primary-line-height:1.2em;--e-global-typography-secondary-font-size:24px;--e-global-typography-secondary-line-height:1.2em;--e-global-typography-text-font-size:20px;--e-global-typography-text-line-height:1.2em;--e-global-typography-accent-font-size:20px;--e-global-typography-accent-line-height:1.2em;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* =====================================
   DESKTOP / TABLET DEFAULT
   На десктопе меню не позиционируется
===================================== */

.lytbox-nav_control {
    position: absolute;
    width: 1px;
    height: 1px;
    opacity: 0;
    pointer-events: none;
}

.lytbox-button,
.lytbox-navigation {
    display: none;
}


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

@media (max-width: 767px) {

    /* Кнопка hamburger */
    .lytbox-button {
        display: inline-block;
        position: relative;
        z-index: 99999;
    }

    /* Само мобильное меню */
    .lytbox-navigation {
        position: fixed;
        top: 0;
        left: 0;

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

        width: 100%;
        height: 100vh;
        height: 100dvh;

        z-index: 99998;

        overflow: hidden;

        transform: translateX(100%);
        opacity: 0;
        visibility: hidden;
        pointer-events: none;

        transition:
            transform 0.3s ease,
            opacity 0.3s ease,
            visibility 0.3s ease;
    }

    /* ВАЖНО: ID должен совпадать с ID твоего Elementor template */
    .elementor-1315 {
        width: 100%;
    }

    /* Открытое меню */
    .lytbox-nav_control:checked ~ .lytbox-navigation {
        transform: translateX(0);
        opacity: 1;
        visibility: visible;
        pointer-events: auto;
    }


    /* =====================================
       HAMBURGER ICON
    ===================================== */

    .hamburger {
        --hamburger-color: #313131;
        --hamburger-active-color: #313131;

        padding: 8px;
        background-color: transparent;

        cursor: pointer;

        transition-property: opacity, filter;
        transition-duration: 0.15s;
        transition-timing-function: linear;

        font: inherit;
        color: inherit;
        text-transform: none;

        border: 0;
        margin: 0;
        overflow: visible;
    }

    .hamburger:hover {
        opacity: 0.7;
    }

    .hamburger:focus:not(:focus-visible) {
        outline: none;
    }

    .hamburger-box {
        width: 40px;
        height: 24px;
        display: inline-block;
        position: relative;
    }

    .hamburger-inner {
        display: block;
        top: 50%;
        margin-top: -2px;
    }

    .hamburger-inner,
    .hamburger-inner::before,
    .hamburger-inner::after {
        width: 40px;
        height: 3px;

        background-color: var(--hamburger-color);
        border-radius: 4px;

        position: absolute;

        transition-property: transform;
        transition-duration: 0.15s;
        transition-timing-function: ease;
    }

    .hamburger-inner::before,
    .hamburger-inner::after {
        content: "";
        display: block;
    }

    .hamburger-inner::before {
        top: -10px;
    }

    .hamburger-inner::after {
        bottom: -10px;
    }


    /* =====================================
       ELASTIC ANIMATION
    ===================================== */

    .hamburger--elastic .hamburger-inner {
        top: 2px;

        transition-duration: 0.275s;
        transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
    }

    .hamburger--elastic .hamburger-inner::before {
        top: 10px;

        transition:
            opacity 0.125s 0.275s ease,
            background-color 0.15s ease;
    }

    .hamburger--elastic .hamburger-inner::after {
        top: 20px;

        transition:
            transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55),
            background-color 0.15s ease;
    }


    /* =====================================
       ACTIVE STATE
    ===================================== */

    .lytbox-nav_control:checked ~ .hamburger .hamburger-inner,
    .lytbox-nav_control:checked ~ .hamburger .hamburger-inner::before,
    .lytbox-nav_control:checked ~ .hamburger .hamburger-inner::after {
        background-color: var(--hamburger-active-color);
    }

    .lytbox-nav_control:checked ~ .hamburger--elastic .hamburger-inner {
        transform: translate3d(0, 10px, 0) rotate(135deg);
        transition-delay: 0.075s;
    }

    .lytbox-nav_control:checked ~ .hamburger--elastic .hamburger-inner::before {
        transition-delay: 0s;
        opacity: 0;
    }

    .lytbox-nav_control:checked ~ .hamburger--elastic .hamburger-inner::after {
        transform: translate3d(0, -20px, 0) rotate(-270deg);
        transition-delay: 0.075s;
    }
}/* End custom CSS */