/* ==========================================================================
   JEDNO CIĄGŁE TŁO DLA HEADERA + HERO
   ========================================================================== */

body#index {
    position: relative;
    isolation: isolate;
}

/* Jedna wspólna mapa */
body#index::before {
    content: "";

    position: absolute;
    top: 0;
    left: 0;
    right: 0;

    height: 780px;

    background-image:
        linear-gradient(
            rgba(255, 255, 255, .08),
            rgba(255, 255, 255, .08)
        ),
        url('/img/cms/background.png');

    background-repeat: no-repeat;
    background-position: center top;
    background-size: cover;
    pointer-events: none;
    z-index: -1;
}

/* Header i hero bez własnego tła */
body#index #header,
body#index #header .header-bottom,
body#index #header .header-bottom__container,
body#index .pi-banner,
body#index .pi-slider {
    background: transparent;
}

/* Wyłączenie starych warstw */
body#index #header::before,
body#index #header .header-bottom::before,
body#index .pi-slider::before {
    content: none;
    display: none;
}

/* Elementy ponad wspólnym tłem */
body#index #header,
body#index .pi-banner,
body#index .pi-slider {
    position: relative;
}

/* Biała belka menu */
@media (min-width: 1200px) {
    body#index #header .header-bottom__row {
        background: rgba(255, 255, 255, .96);
        border-radius: 42px;
        box-shadow: 0 8px 30px rgba(18, 42, 69, .08);
    }
}


 .header-bottom {
    border-bottom: none;
}


/* ==========================================================================
   STATS — FULL WIDTH BACKGROUND
   ========================================================================== */

body#index .pis-stats-bar {
    position: relative !important;

    width: 100vw !important;
    max-width: none !important;

    margin-left: calc(50% - 50vw) !important;
    margin-right: calc(50% - 50vw) !important;

    padding: 60px 0 !important;

    background: #FBFAF8 !important;
}


/* środek nadal ograniczony do szerokości contentu */
body#index .pis-stats-bar__inner {
    width: 100% !important;
    max-width: 1400px !important;

    margin: 0 auto !important;
    padding-left: 32px !important;
    padding-right: 32px !important;

    background: transparent !important;
}



body#index .pis-stats-bar::before {
    content: "" !important;

    position: absolute !important;

    left: 50% !important;
    top: -48px !important;

    width: 100vw !important;
    height: 48px !important;

    background-color: #FBFAF8 !important;

    transform: translateX(-50%) !important;

    z-index: 0 !important;
}