/* Wspólne style całej witryny */

@media (max-width:768px) {
    header nav {
        position:relative !important
    }
    .menu-toggle {
        display:flex !important;
        align-items:center !important;
        justify-content:center !important;
        cursor:pointer !important;
        position:relative !important;
        z-index:10010 !important;
        pointer-events:auto !important
    }
    header nav ul,nav ul {
        display:none !important;
        position:absolute !important;
        top:100% !important;
        left:0 !important;
        right:0 !important;
        width:100% !important;
        margin:0 !important;
        padding:14px 22px 18px !important;
        background:rgba(2,78,66,.98) !important;
        flex-direction:column !important;
        align-items:flex-start !important;
        gap:0 !important;
        box-shadow:0 12px 24px rgba(0,0,0,.22) !important;
        z-index:10000 !important
    }
    header nav ul.active,header nav ul.open,nav ul.active,nav ul.open {
        display:flex !important
    }
    nav ul li {
        width:100% !important;
        margin:0 !important;
        padding:0 !important
    }
    nav ul li::after {
        display:none !important
    }
    nav ul li a {
        display:block !important;
        width:100% !important;
        padding:13px 0 !important;
        color:#fff !important;
        text-align:left !important
    }
}

@media (max-width:768px) {
    header {
        overflow:visible !important
    }
    header .container,header nav {
        overflow:visible !important
    }
    .menu-toggle {
        display:flex !important;
        align-items:center !important;
        justify-content:center !important;
        cursor:pointer !important;
        position:relative !important;
        z-index:2147483647 !important;
        pointer-events:auto !important;
        min-width:48px !important;
        min-height:48px !important;
        color:#fff !important
    }
    header nav ul {
        display:none !important;
        position:fixed !important;
        top:var(--gid-mobile-menu-top,128px) !important;
        left:0 !important;
        right:0 !important;
        width:100vw !important;
        margin:0 !important;
        padding:16px 26px 18px !important;
        background:rgba(2,78,66,.98) !important;
        flex-direction:column !important;
        align-items:flex-start !important;
        gap:0 !important;
        box-shadow:0 16px 28px rgba(0,0,0,.24) !important;
        z-index:2147483000 !important
    }
    html.gid-menu-open header nav ul,body.gid-menu-open header nav ul,header nav ul.active,header nav ul.open {
        display:flex !important
    }
    header nav ul li {
        width:100% !important;
        padding:0 !important;
        margin:0 !important
    }
    header nav ul li::after {
        display:none !important
    }
    header nav ul li a {
        display:block !important;
        width:100% !important;
        padding:12px 0 !important;
        color:#fff !important;
        text-align:left !important
    }
}

header {
    background-color:#4f5358 !important;
    background-image:linear-gradient(90deg,rgba(44,47,51,.96),rgba(84,88,94,.95) 48%,rgba(58,61,66,.96)),url("../header-tech.svg") !important;
    background-size:cover,100% 220px !important;
    background-position:center center,center center !important;
    background-repeat:no-repeat,repeat-x !important;
    box-shadow:0 3px 14px rgba(0,0,0,.22) !important;
    border-bottom:1px solid rgba(255,255,255,.14) !important;
    overflow:hidden !important
}

header::before {
    content:"" !important;
    position:absolute !important;
    inset:0 !important;
    pointer-events:none !important;
    opacity:.72 !important;
    background-image:url("../header-tech.svg") !important;
    background-size:100% 220px !important;
    background-position:center center !important;
    background-repeat:repeat-x !important
}

header::after {
    content:"" !important;
    position:absolute !important;
    top:-55px !important;
    left:18% !important;
    width:36% !important;
    height:220px !important;
    pointer-events:none !important;
    background:linear-gradient(90deg,rgba(255,255,255,.04),rgba(255,255,255,.11),rgba(255,255,255,.03)) !important;
    transform:skewX(-30deg) !important
}

header .container,header nav {
    position:relative !important;
    z-index:2 !important
}

nav a {
    color:#fff !important;
    text-shadow:0 1px 2px rgba(0,0,0,.42) !important
}

nav a:hover,nav a.active,.menu-active {
    color:#fff !important
}

nav a::after,.menu-active::after,nav a.active::after {
    background:var(--secondary,#ee302b) !important
}

nav ul li:not(:last-child)::after {
    background:rgba(255,255,255,.52) !important
}

.menu-toggle {
    color:#fff !important
}

@media(max-width:768px) {
    header nav ul,nav ul {
        background:rgba(62,65,70,.98) !important
    }
}

header {
    background-color:#686d73 !important;
    background-image:linear-gradient(90deg,rgba(88,92,98,.96),rgba(116,121,128,.94) 48%,rgba(96,101,108,.96)),url("../header-tech.svg") !important;
    background-size:cover,100% 220px !important;
    background-position:center center,center center !important;
    background-repeat:no-repeat,repeat-x !important
}

header::before {
    opacity:.58 !important
}

@media(max-width:768px) {
    header nav ul,nav ul {
        background:rgba(96,101,108,.98) !important
    }
}