/* Osobne nazwy menu zapobiegają kolizjom z regułami starych wtyczek. */
#pe-site-header { width: 100%; margin: 0; background: #fffdf9; color: #10384d; border-bottom: 1px solid #132f3e14; z-index: 100; }
#pe-site-header .pe-banner-inner {
    position: relative;
    width: min(1240px, calc(100% - 96px));
    margin-inline: auto;
    min-height: 108px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
}
#pe-site-header .pe-brand { display: flex; align-items: center; gap: 12px; text-decoration: none; color: #10384d; }
#pe-site-header .pe-brand img { display: block; width: 82px; height: 82px; max-width: none; object-fit: contain; }
#pe-site-header .pe-brand span { font: 700 .85rem/1.22 Arial, Helvetica, sans-serif; letter-spacing: .035em; text-transform: uppercase; }
#pe-site-header .pe-brand small { display: block; margin-top: .35rem; font-size: .65rem; font-weight: 400; letter-spacing: .02em; text-transform: none; }
#pe-site-header .pe-navigation {
    display: flex;
    align-items: center;
    gap: 1.6rem;
    visibility: visible;
    opacity: 1;
}
#pe-site-header .pe-navigation a {
    display: inline-flex;
    align-items: center;
    font-size: .9rem;
    line-height: 1.5;
    white-space: nowrap;
    text-decoration: none;
    color: var(--navy);
}
#pe-site-header .pe-navigation a:hover,
#pe-site-header .pe-navigation a[aria-current="page"] { text-decoration: underline; }
#pe-site-header .pe-navigation .button { color: #fff; }
#pe-site-header .pe-mobile-menu { display: none; }
@media (min-width: 761px) and (max-width: 1150px) {
    #pe-site-header .pe-banner-inner { flex-wrap: wrap; justify-content: center; padding: 12px 0; }
    #pe-site-header #pe-desktop-nav { flex-wrap: wrap; justify-content: center; gap: 1rem; }
}
@media (max-width: 760px) {
    #pe-site-header .pe-banner-inner { width: calc(100% - 40px); min-height: 84px; gap: 16px; }
    #pe-site-header .pe-brand img { width: 62px; height: 62px; }
    #pe-site-header .pe-brand span { font-size: .78rem; }
    #pe-site-header .pe-brand small { display: none; }
    #pe-site-header #pe-desktop-nav { display: none; }
    #pe-site-header .pe-mobile-menu { display: block; }
    #pe-site-header .pe-mobile-menu > summary {
        cursor: pointer;
        padding: 10px 14px;
        color: var(--navy);
        background: var(--white);
        border: 1px solid var(--navy);
        border-radius: 3px;
        font: inherit;
        list-style: none;
    }
    #pe-site-header .pe-mobile-menu > summary::-webkit-details-marker { display: none; }
    #pe-site-header .pe-mobile-menu > summary:focus-visible { outline: 3px solid #8aa9a0; outline-offset: 3px; }
    #pe-site-header .pe-mobile-menu[open] #pe-mobile-nav {
        position: absolute;
        top: 100%;
        left: -20px;
        right: -20px;
        display: flex;
        align-items: stretch;
        flex-direction: column;
        gap: .4rem;
        padding: 20px;
        background: var(--white);
        box-shadow: 0 10px 20px #132f3e18;
        border-bottom: 1px solid var(--line);
        z-index: 101;
    }
    #pe-site-header #pe-mobile-nav a { font-size: 1rem; min-height: 44px; padding: 8px 0; }
    #pe-site-header #pe-mobile-nav .button { justify-content: center; padding: 12px; }
}
