/* Auto-generated navigations.css - All navigations for website 019c14a0-ad63-e750-e4f1-0b4ee08d6505 */
/* Generated: 2026-02-06 21:49:03 */

/* Navigation: Main Header (ID: 019c14a0-ad7c-d4b2-0b8e-6a1b333a5eae) */
/* Auto-generated navigation CSS for: Main Header (main_header) */
/* Generated at: 2026-02-06 21:49:03 */

/* ========================================
   BREAKPOINTS (from Website settings)
   ========================================
   Mobile:   0 - 575px
   Tablet:   576px - 767px
   Desktop:  >= 768px (DEFAULT)
   ======================================== */

nav:has(ul.navigation-main_header),
ul.navigation-main_header {
    position: relative;
    z-index: 1000;
}

ul.navigation-main_header {
    display: none; /* Hidden by default - media queries will show for enabled breakpoints */
    list-style: none;
    margin: 0;
    padding: 0;
}

/* ========== DESKTOP MENU: Desktop only (>= 768px) ========== */
@media (min-width: 768px) /* Desktop >= 768px */ {
    ul.navigation-main_header {
        display: flex !important;
        flex-direction: row;
        flex-wrap: wrap;
        align-items: center;
    }
    ul.navigation-main_header > li > a {
        text-decoration: none;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-align: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
        -webkit-transition: all 300ms ease;
        -moz-transition: all 300ms ease;
        -o-transition: all 300ms ease;
        transition: all 300ms ease;
    }

    @media (min-width: 1200px) {
        ul.navigation-main_header > li > a {
            background-color: transparent;
            font-family: inherit;
            font-size: 1rem;
            padding: 8px 16px 8px 16px;
            margin: 0px 0 0px 0;
        }
    }

    @media (min-width: 768px) and (max-width: 1199px) {
        ul.navigation-main_header > li > a {
            background-color: transparent;
            font-family: inherit;
            font-size: 1rem;
            padding: 8px 16px 8px 16px;
            margin: 0px 0 0px 0;
        }
    }

    @media (max-width: 767px) {
        ul.navigation-main_header > li > a {
            background-color: transparent;
            font-family: inherit;
            font-size: 1rem;
            padding: 8px 16px 8px 16px;
            margin: 0px 0 0px 0;
        }
    }

    ul.navigation-main_header > li > a:hover {
        -webkit-transition: background-color 300ms ease, color 300ms ease;
        -moz-transition: background-color 300ms ease, color 300ms ease;
        -o-transition: background-color 300ms ease, color 300ms ease;
        transition: background-color 300ms ease, color 300ms ease;
    }

    @media (min-width: 1200px) {
        ul.navigation-main_header > li > a:hover {
            background-color: transparent;
        }
    }

    @media (min-width: 768px) and (max-width: 1199px) {
        ul.navigation-main_header > li > a:hover {
            background-color: transparent;
        }
    }

    @media (max-width: 767px) {
        ul.navigation-main_header > li > a:hover {
            background-color: transparent;
        }
    }

    ul.navigation-main_header > li > a.active,
    ul.navigation-main_header > li.active > a {
        -webkit-transition: -webkit-transform 200ms ease;
        -moz-transition: -moz-transform 200ms ease;
        -o-transition: -o-transform 200ms ease;
        transition: transform 200ms ease;
        -webkit-transform: scale(1.05);
        -moz-transform: scale(1.05);
        -ms-transform: scale(1.05);
        -o-transform: scale(1.05);
        transform: scale(1.05);
    }

    @media (min-width: 1200px) {
        ul.navigation-main_header > li > a.active,
        ul.navigation-main_header > li.active > a {
            background-color: transparent;
        }
    }

    @media (min-width: 768px) and (max-width: 1199px) {
        ul.navigation-main_header > li > a.active,
        ul.navigation-main_header > li.active > a {
            background-color: transparent;
        }
    }

    @media (max-width: 767px) {
        ul.navigation-main_header > li > a.active,
        ul.navigation-main_header > li.active > a {
            background-color: transparent;
        }
    }

    ul.navigation-main_header > li {
        position: relative;
    }

    ul.navigation-main_header > li > ul {
        position: absolute;
        top: 100%;
        left: 0;
        background-color: #ffffff;
        box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
        min-width: 200px;
        list-style: none;
        margin: 0;
        padding: 0.5rem 0;
        display: none;
        z-index: 1000;
        opacity: 0;
        transition: opacity 300ms ease;
    }

    @media (min-width: 1200px) /* Desktop submenu position - >= 1200px */ {
        ul.navigation-main_header > li > ul {
            top: 100%;
            left: 0;
        }
    }

    @media (min-width: 768px) and (max-width: 1199px) /* Tablet submenu position - 768px to 1199px */ {
        ul.navigation-main_header > li > ul {
            top: 100%;
            left: 0;
        }
    }

    @media (max-width: 767px) /* Mobile submenu position - <= 767px */ {
        ul.navigation-main_header > li > ul {
            top: 100%;
            left: 0;
        }
    }

    ul.navigation-main_header > li:hover > ul {
        display: block;
        opacity: 1;
    }

    ul.navigation-main_header > li > ul > li {
        margin: 0;
        padding: 0;
        list-style: none;
    }

    ul.navigation-main_header > li > ul > li > a {
        color: ;
        font-size: 14px;
        font-weight: 400;
        font-style: normal;
        line-height: 1.5;
        padding: 8px 16px 8px 16px;
        text-decoration: none;
        display: block;
        transition: all 0.3s ease;
    }

    ul.navigation-main_header > li > ul > li > a:hover {
        background-color: transparent;
    }

}

.hamburger-wrapper[data-navigation-id="019c14a0-ad7c-d4b2-0b8e-6a1b333a5eae"] {
    position: relative;
    z-index: 9998;
}

/* Close button (X) - visible ONLY when mobile menu is active */
.mobile-nav-close {
    display: none !important; /* Hidden by default */
}

/* Show close button ONLY in mobile view when menu is active */
@media (max-width: 767px) {
    body.mobile-nav-open .mobile-nav-active .mobile-nav-close {
        display: flex !important;
        position: absolute;
        top: 20px;
        right: 20px;
        background: transparent;
        border: none;
        cursor: pointer;
        padding: 0;
        z-index: 10;
        color: currentColor;
        transition: transform 0.2s ease, background-color 0.2s ease;
        width: 32px;
        height: 32px;
        border-radius: 4px;
        align-items: center;
        justify-content: center;
    }

    body.mobile-nav-open .mobile-nav-active .mobile-nav-close:hover {
        transform: scale(1.1);
        background-color: rgba(0, 0, 0, 0.05);
    }
}

.hamburger-button[data-navigation-id="019c14a0-ad7c-d4b2-0b8e-6a1b333a5eae"],
.hamburger-button.hamburger--default {
    display: none; /* Hidden by default */
    padding: 15px;
    background-color: transparent;
    border: none;
    cursor: pointer;
    outline: none;
    min-width: 40px;
    min-height: 30px;
    align-items: center;
    justify-content: center;
    border-radius: 0px;
    box-shadow: none;
    transition: background-color 0.3s ease, box-shadow 0.3s ease;
}

@media (min-width: 768px) /* Desktop hamburger hidden - >= 768px */ {
    .hamburger-button[data-navigation-id="019c14a0-ad7c-d4b2-0b8e-6a1b333a5eae"],
    .hamburger-button.hamburger--default {
        display: none !important;
    }
}

@media (min-width: 576px) and (max-width: 767px) /* Tablet hamburger hidden - 576px to 767px */ {
    .hamburger-button[data-navigation-id="019c14a0-ad7c-d4b2-0b8e-6a1b333a5eae"],
    .hamburger-button.hamburger--default {
        display: none !important;
    }
}

@media (max-width: 575px) /* Mobile hamburger - <= 575px */ {
    .hamburger-button[data-navigation-id="019c14a0-ad7c-d4b2-0b8e-6a1b333a5eae"],
    .hamburger-button.hamburger--default {
        display: inline-flex !important;
    }
}

.hamburger-button[data-navigation-id="019c14a0-ad7c-d4b2-0b8e-6a1b333a5eae"].is-active,
.hamburger-button[data-navigation-id="019c14a0-ad7c-d4b2-0b8e-6a1b333a5eae"].active,
.hamburger-button[data-navigation-id="019c14a0-ad7c-d4b2-0b8e-6a1b333a5eae"]:active,
.hamburger-button.hamburger--default.is-active,
.hamburger-button.hamburger--default.active,
.hamburger-button.hamburger--default:active {
    background-color: transparent;
}

.hamburger-button[data-navigation-id="019c14a0-ad7c-d4b2-0b8e-6a1b333a5eae"] .hamburger-box,
.hamburger-button.hamburger--default .hamburger-box {
    width: 40px !important;
    height: 30px !important;
    position: relative !important;
    display: inline-block !important;
    top: 20px !important;
}

.hamburger-button[data-navigation-id="019c14a0-ad7c-d4b2-0b8e-6a1b333a5eae"] .hamburger-inner,
.hamburger-button[data-navigation-id="019c14a0-ad7c-d4b2-0b8e-6a1b333a5eae"] .hamburger-inner::before,
.hamburger-button[data-navigation-id="019c14a0-ad7c-d4b2-0b8e-6a1b333a5eae"] .hamburger-inner::after,
.hamburger-button.hamburger--default .hamburger-inner,
.hamburger-button.hamburger--default .hamburger-inner::before,
.hamburger-button.hamburger--default .hamburger-inner::after {
    background-color: #333333 !important;
    width: 40px !important;
    height: 3px !important;
    position: absolute !important;
}

.hamburger-button[data-navigation-id="019c14a0-ad7c-d4b2-0b8e-6a1b333a5eae"].is-active .hamburger-inner,
.hamburger-button[data-navigation-id="019c14a0-ad7c-d4b2-0b8e-6a1b333a5eae"].is-active .hamburger-inner::before,
.hamburger-button[data-navigation-id="019c14a0-ad7c-d4b2-0b8e-6a1b333a5eae"].is-active .hamburger-inner::after,
.hamburger-button[data-navigation-id="019c14a0-ad7c-d4b2-0b8e-6a1b333a5eae"].active .hamburger-inner,
.hamburger-button[data-navigation-id="019c14a0-ad7c-d4b2-0b8e-6a1b333a5eae"].active .hamburger-inner::before,
.hamburger-button[data-navigation-id="019c14a0-ad7c-d4b2-0b8e-6a1b333a5eae"].active .hamburger-inner::after,
.hamburger-button[data-navigation-id="019c14a0-ad7c-d4b2-0b8e-6a1b333a5eae"]:active .hamburger-inner,
.hamburger-button[data-navigation-id="019c14a0-ad7c-d4b2-0b8e-6a1b333a5eae"]:active .hamburger-inner::before,
.hamburger-button[data-navigation-id="019c14a0-ad7c-d4b2-0b8e-6a1b333a5eae"]:active .hamburger-inner::after,
.hamburger-button.hamburger--default.is-active .hamburger-inner,
.hamburger-button.hamburger--default.is-active .hamburger-inner::before,
.hamburger-button.hamburger--default.is-active .hamburger-inner::after,
.hamburger-button.hamburger--default.active .hamburger-inner,
.hamburger-button.hamburger--default.active .hamburger-inner::before,
.hamburger-button.hamburger--default.active .hamburger-inner::after,
.hamburger-button.hamburger--default:active .hamburger-inner,
.hamburger-button.hamburger--default:active .hamburger-inner::before,
.hamburger-button.hamburger--default:active .hamburger-inner::after {
    background-color: #333333 !important;
}

.nav-wrapper[data-navigation-id="019c14a0-ad7c-d4b2-0b8e-6a1b333a5eae"] {
    position: relative;
}

nav.header-navigation[data-navigation-id="019c14a0-ad7c-d4b2-0b8e-6a1b333a5eae"] {
    transition: transform 0.3s ease-in-out;
}

/* Close button (X) - visible only when mobile menu is active */
.mobile-nav-close {
    display: none; /* Hidden by default */
    position: absolute;
    top: 20px;
    right: 20px;
    background: transparent;
    border: none;
    cursor: pointer;
    padding: 0;
    z-index: 10; /* Above UL (z-index: 1) */
    color: currentColor;
    transition: transform 0.2s ease, background-color 0.2s ease;
    width: 32px;
    height: 32px;
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.mobile-nav-close:hover {
    transform: scale(1.1);
    background-color: rgba(0, 0, 0, 0.05);
}

/* Show close button ONLY in Mobile view */
@media (max-width: 575px) {
    body.mobile-nav-open .mobile-nav-active .mobile-nav-close {
        display: flex !important;
    }
}

/* Mobile menu - enabled ONLY for Mobile (<= 575px) */
@media (max-width: 575px) /* Mobile <= 575px */ {
    nav.header-navigation[data-navigation-id="019c14a0-ad7c-d4b2-0b8e-6a1b333a5eae"] {
        position: fixed;
        top: 0;
        right: -100%;
        transition: left 0.3s cubic-bezier(0.4, 0.0, 0.2, 1), right 0.3s cubic-bezier(0.4, 0.0, 0.2, 1), transform 0.3s cubic-bezier(0.4, 0.0, 0.2, 1), opacity 0.3s ease;
    }

    /* Mobile menu OPEN - wszystkie style */
    body.mobile-nav-open nav.header-navigation[data-navigation-id="019c14a0-ad7c-d4b2-0b8e-6a1b333a5eae"].mobile-nav-active {
        position: fixed;
        top: 0;
        right: 0;
        width: 80dvw;
        max-width: 400px;
        height: 100dvh;
        overflow-y: auto;
        overflow-x: hidden;
        z-index: 9999;
        box-shadow: 0 0 20px rgba(0,0,0,0.3);
        padding: 20px;
        background-color: #ffffff;
    }

    /* Animacja zamykania */
    nav.header-navigation[data-navigation-id="019c14a0-ad7c-d4b2-0b8e-6a1b333a5eae"].closing {
        right: -100% !important;
    }

    /* UL vertical layout w menu mobilnym */
    body.mobile-nav-open .mobile-nav-active ul.navigation-main_header {
        display: flex;
        flex-direction: column !important;
        padding: 0;
        margin: 0;
        list-style: none;
        position: relative;
        z-index: 1; /* Above backdrop (::before) */
    }

    /* LI items 100% width */
    body.mobile-nav-open .mobile-nav-active ul.navigation-main_header > li {
        width: 100%;
        margin: 0;
        padding: 0;
    }
}

@media (min-width: 768px) /* Desktop mobile menu background - >= 768px */ {
    body.mobile-nav-open .mobile-nav-active {
    }
}

@media (min-width: 576px) and (max-width: 767px) /* Tablet mobile menu background - 576px to 767px */ {
    body.mobile-nav-open .mobile-nav-active {
    }
}

@media (max-width: 575px) /* Mobile menu background - <= 575px */ {
    body.mobile-nav-open .mobile-nav-active {
    }
}

/* Backdrop overlay - on .nav-wrapper, displays under hamburger and menu */
.nav-wrapper[data-navigation-id="019c14a0-ad7c-d4b2-0b8e-6a1b333a5eae"]::before {
    content: '';
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 9997; /* Under hamburger (9998) and nav (9999) */
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease, visibility 0.3s ease;
    pointer-events: none; /* Allow clicks to pass through when hidden */
}

/* Backdrop visible when menu is open */
body.mobile-nav-open .nav-wrapper[data-navigation-id="019c14a0-ad7c-d4b2-0b8e-6a1b333a5eae"]::before {
    opacity: 1;
    visibility: visible;
    pointer-events: auto; /* Allow backdrop clicks when visible */
}

/* Prevent body scroll when mobile menu is open */
body.mobile-nav-open {
    overflow: hidden;
}


/* Navigation: Main Footer (ID: 019c14a0-ad7c-d4b2-0b8e-6a1b333a5ec7) */
/* Auto-generated navigation CSS for: Main Footer (main_footer) */
/* Generated at: 2026-02-06 21:49:03 */

/* ========================================
   BREAKPOINTS (from Website settings)
   ========================================
   Mobile:   0 - 575px
   Tablet:   576px - 767px
   Desktop:  >= 768px (DEFAULT)
   ======================================== */

nav:has(ul.navigation-main_footer),
ul.navigation-main_footer {
    position: relative;
    z-index: 1000;
}

ul.navigation-main_footer {
    display: none; /* Hidden by default - media queries will show for enabled breakpoints */
    list-style: none;
    margin: 0;
    padding: 0;
}

/* ========== DESKTOP MENU: Desktop only (>= 768px) ========== */
@media (min-width: 768px) /* Desktop >= 768px */ {
    ul.navigation-main_footer {
        display: flex !important;
        flex-direction: row;
        flex-wrap: wrap;
        align-items: center;
    }
    ul.navigation-main_footer > li > a {
        text-decoration: none;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-align: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
        -webkit-transition: all 300ms ease;
        -moz-transition: all 300ms ease;
        -o-transition: all 300ms ease;
        transition: all 300ms ease;
    }

    @media (min-width: 1200px) {
        ul.navigation-main_footer > li > a {
            background-color: transparent;
            font-family: inherit;
            font-size: 1rem;
            padding: 8px 16px 8px 16px;
            margin: 0px 0 0px 0;
        }
    }

    @media (min-width: 768px) and (max-width: 1199px) {
        ul.navigation-main_footer > li > a {
            background-color: transparent;
            font-family: inherit;
            font-size: 1rem;
            padding: 8px 16px 8px 16px;
            margin: 0px 0 0px 0;
        }
    }

    @media (max-width: 767px) {
        ul.navigation-main_footer > li > a {
            background-color: transparent;
            font-family: inherit;
            font-size: 1rem;
            padding: 8px 16px 8px 16px;
            margin: 0px 0 0px 0;
        }
    }

    ul.navigation-main_footer > li > a:hover {
        -webkit-transition: background-color 300ms ease, color 300ms ease;
        -moz-transition: background-color 300ms ease, color 300ms ease;
        -o-transition: background-color 300ms ease, color 300ms ease;
        transition: background-color 300ms ease, color 300ms ease;
    }

    @media (min-width: 1200px) {
        ul.navigation-main_footer > li > a:hover {
            background-color: transparent;
        }
    }

    @media (min-width: 768px) and (max-width: 1199px) {
        ul.navigation-main_footer > li > a:hover {
            background-color: transparent;
        }
    }

    @media (max-width: 767px) {
        ul.navigation-main_footer > li > a:hover {
            background-color: transparent;
        }
    }

    ul.navigation-main_footer > li > a.active,
    ul.navigation-main_footer > li.active > a {
        -webkit-transition: -webkit-transform 200ms ease;
        -moz-transition: -moz-transform 200ms ease;
        -o-transition: -o-transform 200ms ease;
        transition: transform 200ms ease;
        -webkit-transform: scale(1.05);
        -moz-transform: scale(1.05);
        -ms-transform: scale(1.05);
        -o-transform: scale(1.05);
        transform: scale(1.05);
    }

    @media (min-width: 1200px) {
        ul.navigation-main_footer > li > a.active,
        ul.navigation-main_footer > li.active > a {
            background-color: transparent;
        }
    }

    @media (min-width: 768px) and (max-width: 1199px) {
        ul.navigation-main_footer > li > a.active,
        ul.navigation-main_footer > li.active > a {
            background-color: transparent;
        }
    }

    @media (max-width: 767px) {
        ul.navigation-main_footer > li > a.active,
        ul.navigation-main_footer > li.active > a {
            background-color: transparent;
        }
    }

    ul.navigation-main_footer > li {
        position: relative;
    }

    ul.navigation-main_footer > li > ul {
        position: absolute;
        top: 100%;
        left: 0;
        background-color: #ffffff;
        box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
        min-width: 200px;
        list-style: none;
        margin: 0;
        padding: 0.5rem 0;
        display: none;
        z-index: 1000;
        opacity: 0;
        transition: opacity 300ms ease;
    }

    @media (min-width: 1200px) /* Desktop submenu position - >= 1200px */ {
        ul.navigation-main_footer > li > ul {
            top: 100%;
            left: 0;
        }
    }

    @media (min-width: 768px) and (max-width: 1199px) /* Tablet submenu position - 768px to 1199px */ {
        ul.navigation-main_footer > li > ul {
            top: 100%;
            left: 0;
        }
    }

    @media (max-width: 767px) /* Mobile submenu position - <= 767px */ {
        ul.navigation-main_footer > li > ul {
            top: 100%;
            left: 0;
        }
    }

    ul.navigation-main_footer > li:hover > ul {
        display: block;
        opacity: 1;
    }

    ul.navigation-main_footer > li > ul > li {
        margin: 0;
        padding: 0;
        list-style: none;
    }

    ul.navigation-main_footer > li > ul > li > a {
        color: ;
        font-size: 14px;
        font-weight: 400;
        font-style: normal;
        line-height: 1.5;
        padding: 8px 16px 8px 16px;
        text-decoration: none;
        display: block;
        transition: all 0.3s ease;
    }

    ul.navigation-main_footer > li > ul > li > a:hover {
        background-color: transparent;
    }

}

.hamburger-wrapper[data-navigation-id="019c14a0-ad7c-d4b2-0b8e-6a1b333a5ec7"] {
    position: relative;
    z-index: 9998;
}

/* Close button (X) - visible ONLY when mobile menu is active */
.mobile-nav-close {
    display: none !important; /* Hidden by default */
}

/* Show close button ONLY in mobile view when menu is active */
@media (max-width: 767px) {
    body.mobile-nav-open .mobile-nav-active .mobile-nav-close {
        display: flex !important;
        position: absolute;
        top: 20px;
        right: 20px;
        background: transparent;
        border: none;
        cursor: pointer;
        padding: 0;
        z-index: 10;
        color: currentColor;
        transition: transform 0.2s ease, background-color 0.2s ease;
        width: 32px;
        height: 32px;
        border-radius: 4px;
        align-items: center;
        justify-content: center;
    }

    body.mobile-nav-open .mobile-nav-active .mobile-nav-close:hover {
        transform: scale(1.1);
        background-color: rgba(0, 0, 0, 0.05);
    }
}

.hamburger-button[data-navigation-id="019c14a0-ad7c-d4b2-0b8e-6a1b333a5ec7"],
.hamburger-button.hamburger--default {
    display: none; /* Hidden by default */
    padding: 15px;
    background-color: transparent;
    border: none;
    cursor: pointer;
    outline: none;
    min-width: 40px;
    min-height: 30px;
    align-items: center;
    justify-content: center;
    border-radius: 0px;
    box-shadow: none;
    transition: background-color 0.3s ease, box-shadow 0.3s ease;
}

@media (min-width: 768px) /* Desktop hamburger hidden - >= 768px */ {
    .hamburger-button[data-navigation-id="019c14a0-ad7c-d4b2-0b8e-6a1b333a5ec7"],
    .hamburger-button.hamburger--default {
        display: none !important;
    }
}

@media (min-width: 576px) and (max-width: 767px) /* Tablet hamburger hidden - 576px to 767px */ {
    .hamburger-button[data-navigation-id="019c14a0-ad7c-d4b2-0b8e-6a1b333a5ec7"],
    .hamburger-button.hamburger--default {
        display: none !important;
    }
}

@media (max-width: 575px) /* Mobile hamburger - <= 575px */ {
    .hamburger-button[data-navigation-id="019c14a0-ad7c-d4b2-0b8e-6a1b333a5ec7"],
    .hamburger-button.hamburger--default {
        display: inline-flex !important;
    }
}

.hamburger-button[data-navigation-id="019c14a0-ad7c-d4b2-0b8e-6a1b333a5ec7"].is-active,
.hamburger-button[data-navigation-id="019c14a0-ad7c-d4b2-0b8e-6a1b333a5ec7"].active,
.hamburger-button[data-navigation-id="019c14a0-ad7c-d4b2-0b8e-6a1b333a5ec7"]:active,
.hamburger-button.hamburger--default.is-active,
.hamburger-button.hamburger--default.active,
.hamburger-button.hamburger--default:active {
    background-color: transparent;
}

.hamburger-button[data-navigation-id="019c14a0-ad7c-d4b2-0b8e-6a1b333a5ec7"] .hamburger-box,
.hamburger-button.hamburger--default .hamburger-box {
    width: 40px !important;
    height: 30px !important;
    position: relative !important;
    display: inline-block !important;
    top: 20px !important;
}

.hamburger-button[data-navigation-id="019c14a0-ad7c-d4b2-0b8e-6a1b333a5ec7"] .hamburger-inner,
.hamburger-button[data-navigation-id="019c14a0-ad7c-d4b2-0b8e-6a1b333a5ec7"] .hamburger-inner::before,
.hamburger-button[data-navigation-id="019c14a0-ad7c-d4b2-0b8e-6a1b333a5ec7"] .hamburger-inner::after,
.hamburger-button.hamburger--default .hamburger-inner,
.hamburger-button.hamburger--default .hamburger-inner::before,
.hamburger-button.hamburger--default .hamburger-inner::after {
    background-color: #333333 !important;
    width: 40px !important;
    height: 3px !important;
    position: absolute !important;
}

.hamburger-button[data-navigation-id="019c14a0-ad7c-d4b2-0b8e-6a1b333a5ec7"].is-active .hamburger-inner,
.hamburger-button[data-navigation-id="019c14a0-ad7c-d4b2-0b8e-6a1b333a5ec7"].is-active .hamburger-inner::before,
.hamburger-button[data-navigation-id="019c14a0-ad7c-d4b2-0b8e-6a1b333a5ec7"].is-active .hamburger-inner::after,
.hamburger-button[data-navigation-id="019c14a0-ad7c-d4b2-0b8e-6a1b333a5ec7"].active .hamburger-inner,
.hamburger-button[data-navigation-id="019c14a0-ad7c-d4b2-0b8e-6a1b333a5ec7"].active .hamburger-inner::before,
.hamburger-button[data-navigation-id="019c14a0-ad7c-d4b2-0b8e-6a1b333a5ec7"].active .hamburger-inner::after,
.hamburger-button[data-navigation-id="019c14a0-ad7c-d4b2-0b8e-6a1b333a5ec7"]:active .hamburger-inner,
.hamburger-button[data-navigation-id="019c14a0-ad7c-d4b2-0b8e-6a1b333a5ec7"]:active .hamburger-inner::before,
.hamburger-button[data-navigation-id="019c14a0-ad7c-d4b2-0b8e-6a1b333a5ec7"]:active .hamburger-inner::after,
.hamburger-button.hamburger--default.is-active .hamburger-inner,
.hamburger-button.hamburger--default.is-active .hamburger-inner::before,
.hamburger-button.hamburger--default.is-active .hamburger-inner::after,
.hamburger-button.hamburger--default.active .hamburger-inner,
.hamburger-button.hamburger--default.active .hamburger-inner::before,
.hamburger-button.hamburger--default.active .hamburger-inner::after,
.hamburger-button.hamburger--default:active .hamburger-inner,
.hamburger-button.hamburger--default:active .hamburger-inner::before,
.hamburger-button.hamburger--default:active .hamburger-inner::after {
    background-color: #333333 !important;
}

.nav-wrapper[data-navigation-id="019c14a0-ad7c-d4b2-0b8e-6a1b333a5ec7"] {
    position: relative;
}

nav.header-navigation[data-navigation-id="019c14a0-ad7c-d4b2-0b8e-6a1b333a5ec7"] {
    transition: transform 0.3s ease-in-out;
}

/* Close button (X) - visible only when mobile menu is active */
.mobile-nav-close {
    display: none; /* Hidden by default */
    position: absolute;
    top: 20px;
    right: 20px;
    background: transparent;
    border: none;
    cursor: pointer;
    padding: 0;
    z-index: 10; /* Above UL (z-index: 1) */
    color: currentColor;
    transition: transform 0.2s ease, background-color 0.2s ease;
    width: 32px;
    height: 32px;
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.mobile-nav-close:hover {
    transform: scale(1.1);
    background-color: rgba(0, 0, 0, 0.05);
}

/* Show close button ONLY in Mobile view */
@media (max-width: 575px) {
    body.mobile-nav-open .mobile-nav-active .mobile-nav-close {
        display: flex !important;
    }
}

/* Mobile menu - enabled ONLY for Mobile (<= 575px) */
@media (max-width: 575px) /* Mobile <= 575px */ {
    nav.header-navigation[data-navigation-id="019c14a0-ad7c-d4b2-0b8e-6a1b333a5ec7"] {
        position: fixed;
        top: 0;
        right: -100%;
        transition: left 0.3s cubic-bezier(0.4, 0.0, 0.2, 1), right 0.3s cubic-bezier(0.4, 0.0, 0.2, 1), transform 0.3s cubic-bezier(0.4, 0.0, 0.2, 1), opacity 0.3s ease;
    }

    /* Mobile menu OPEN - wszystkie style */
    body.mobile-nav-open nav.header-navigation[data-navigation-id="019c14a0-ad7c-d4b2-0b8e-6a1b333a5ec7"].mobile-nav-active {
        position: fixed;
        top: 0;
        right: 0;
        width: 80dvw;
        max-width: 400px;
        height: 100dvh;
        overflow-y: auto;
        overflow-x: hidden;
        z-index: 9999;
        box-shadow: 0 0 20px rgba(0,0,0,0.3);
        padding: 20px;
        background-color: #ffffff;
    }

    /* Animacja zamykania */
    nav.header-navigation[data-navigation-id="019c14a0-ad7c-d4b2-0b8e-6a1b333a5ec7"].closing {
        right: -100% !important;
    }

    /* UL vertical layout w menu mobilnym */
    body.mobile-nav-open .mobile-nav-active ul.navigation-main_footer {
        display: flex;
        flex-direction: column !important;
        padding: 0;
        margin: 0;
        list-style: none;
        position: relative;
        z-index: 1; /* Above backdrop (::before) */
    }

    /* LI items 100% width */
    body.mobile-nav-open .mobile-nav-active ul.navigation-main_footer > li {
        width: 100%;
        margin: 0;
        padding: 0;
    }
}

@media (min-width: 768px) /* Desktop mobile menu background - >= 768px */ {
    body.mobile-nav-open .mobile-nav-active {
    }
}

@media (min-width: 576px) and (max-width: 767px) /* Tablet mobile menu background - 576px to 767px */ {
    body.mobile-nav-open .mobile-nav-active {
    }
}

@media (max-width: 575px) /* Mobile menu background - <= 575px */ {
    body.mobile-nav-open .mobile-nav-active {
    }
}

/* Backdrop overlay - on .nav-wrapper, displays under hamburger and menu */
.nav-wrapper[data-navigation-id="019c14a0-ad7c-d4b2-0b8e-6a1b333a5ec7"]::before {
    content: '';
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 9997; /* Under hamburger (9998) and nav (9999) */
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease, visibility 0.3s ease;
    pointer-events: none; /* Allow clicks to pass through when hidden */
}

/* Backdrop visible when menu is open */
body.mobile-nav-open .nav-wrapper[data-navigation-id="019c14a0-ad7c-d4b2-0b8e-6a1b333a5ec7"]::before {
    opacity: 1;
    visibility: visible;
    pointer-events: auto; /* Allow backdrop clicks when visible */
}

/* Prevent body scroll when mobile menu is open */
body.mobile-nav-open {
    overflow: hidden;
}