.elementor-3837 .elementor-element.elementor-element-4a1d6516{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-3837 .elementor-element.elementor-element-569100b{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:flex-start;--gap:00px 00px;--row-gap:00px;--column-gap:00px;}.elementor-3837 .elementor-element.elementor-element-6a3ad6ee{text-align:left;}.elementor-3837 .elementor-element.elementor-element-6a3ad6ee img{width:75%;}.elementor-3837 .elementor-element.elementor-element-1a89371f{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:flex-start;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-3837 .elementor-element.elementor-element-fa03aa4{text-align:left;}.elementor-3837 .elementor-element.elementor-element-fa03aa4 img{width:65%;}.elementor-3837 .elementor-element.elementor-element-335494e4{--display:flex;--justify-content:center;--align-items:flex-end;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:0px 0px;--row-gap:0px;--column-gap:0px;}@media(max-width:767px){.elementor-3837 .elementor-element.elementor-element-4a1d6516{--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-3837 .elementor-element.elementor-element-569100b{--width:30%;}.elementor-3837 .elementor-element.elementor-element-6a3ad6ee{text-align:center;}.elementor-3837 .elementor-element.elementor-element-6a3ad6ee img{width:100%;}.elementor-3837 .elementor-element.elementor-element-1a89371f{--width:0px;}.elementor-3837 .elementor-element.elementor-element-335494e4{--width:70%;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-end;}.elementor-3837 .elementor-element.elementor-element-357d9a8{width:100%;max-width:100%;}.elementor-3837 .elementor-element.elementor-element-357d9a8 .custom-header-nav #site-navigation-wrap, .elementor-3837 .elementor-element.elementor-element-357d9a8 .custom-header-nav .fs-dropdown-menu, .elementor-3837 .elementor-element.elementor-element-357d9a8 .custom-header-nav .oceanwp-mobile-menu-icon{text-align:right;}}@media(min-width:768px){.elementor-3837 .elementor-element.elementor-element-4a1d6516{--content-width:1380px;}.elementor-3837 .elementor-element.elementor-element-569100b{--width:10%;}.elementor-3837 .elementor-element.elementor-element-1a89371f{--width:10%;}.elementor-3837 .elementor-element.elementor-element-335494e4{--width:80%;}}/* Start custom CSS for container, class: .elementor-element-4a1d6516 *//* ===== STAN POCZĄTKOWY ===== */
.site-header {
    width: 100%;
    left: 0;
    right: 0;
    background: transparent;
    transition: all 0.3s ease;
    z-index: 9999;
}

.site-header > .elementor-container {
    max-width: 100% !important;
    width: 100% !important;
    padding: 0 0px;
    margin: 0 auto;
    box-sizing: border-box;
    transition: height 0.3s ease, padding 0.3s ease;
    height: 120px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}



/* ===== PO SCROLLU (STICKY) ===== */
.site-header.elementor-sticky--effects {
    background: rgba(238, 235, 231, 0.9);
    box-shadow: 0 2px 8px rgba(0,0,0,0.1);
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    width: 100% !important;
}

/* kluczowe — wymuszamy te same ustawienia kontenera w sticky */
.site-header.elementor-sticky--effects > .elementor-container {
    max-width: 100% !important;
    width: 100% !important;
    padding: 0 20px;
    margin: 0 auto !important;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 80px;
}



.site-header.elementor-sticky--effects,
.site-header.elementor-sticky--effects > .elementor-container {
    transform: none !important;
    left: 0 !important;
    margin-left: 0 !important;
    right: 0 !important;
}
/* ===== Sticky wygląd ===== */
.site-header.elementor-sticky--effects {
    background: rgba(102, 101, 100, 0.9); /* kolor tła */
    box-shadow: 0 2px 8px rgba(0,0,0,0.1);
    height: 80px !important; /* cała wysokość headera */
    display: flex;
    align-items: center;
}

/* Wysokość kontenera wewnątrz */
.site-header.elementor-sticky--effects > .elementor-container {
    height: 90px !important;
    display: flex;
    align-items: center;
}
/* Zmniejszamy obrazki w headerze po scrollu (sticky) */
.site-header.elementor-sticky--effects img {
    max-height: 70px;  /* lub inna wysokość, którą chcesz */
    width: auto;       /* zachowaj proporcje */
    transition: max-height 0.3s ease;
}

/* Normalny header na stronie o ID 8 - tło przezroczyste */
.page-id-8 .site-header {
    background: transparent; !important;
    box-shadow: none !important;
}

/* Sticky header na stronie o ID 8 - tło półprzezroczyste */
.page-id-8 .site-header.elementor-sticky--effects {
    background: rgba(102, 101, 100, 0.9) !important;
    box-shadow: 0 2px 8px rgba(0,0,0,0.1) !important;
}

/* Startowy header czarny na wszystkich stronach poza ID 8 */
body:not(.page-id-8) #site-header {
    background: #000 !important;
    width: 100% !important;
    position: relative;
    left: 0;
    right: 0;
    box-shadow: none !important;
}/* End custom CSS */