* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: 'Montserrat', 'Helvetica Neue', Arial, sans-serif;
    font-weight: 800;
}
@media (min-width: 1920px) {
  body {
    zoom: 1.25; 
  }
}
@media (min-width: 2560px) {
  body {
    zoom: 1.5; 
  }
}
html, body {
    width: 100%;
    max-width: 100vw;
    overflow-x: hidden !important;
    position: relative;
}
.omnie_btn_fix{
    display:flex; 
    flex-direction:row;
    justify-content:space-between;
}

@media (max-width: 1050px) {

    .info_box {
        width: 100% !important;
        margin-left: 0 !important;
    }
    
    .callendar_index.callendar_zywial,
    .callendar_index {
        width: 100% !important;
    }
}
body {
    background-color: #ffffff;
    color: #333;
    line-height: 1.6;
    font-size: 18px;
    overflow-x: hidden;
    max-width: 1920px;
    margin: 0;
   
}
.main-nav {
    position: relative;
    background: #f8f8f8;
    border-bottom: 1px solid #ddd;
    padding: 0.5rem 1rem;
    z-index: 100;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    user-select: none;
    max-width: 1920px;
    align-self: center;
    font-size: 20px;
    width: 100%;
}
.menu-toggle {
    display: none;
}
.menu-toggle {
    animation: none;
}
.nav_bar_icon {
    transform: translateY(5px);
}
.logo {
    height: 70px;
    width: 210px;
    transition: 0.2s ease-in-out;
}
.logo:hover {
    scale: 1.05;
}
.nav-links {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    gap: 1rem;
}
.nav-links li {
    position: relative;
}
.nav-links li:hover {
    background: #e0e0e0;
}
.nav-links a,
.nav-links p {
    text-decoration: none;
    color: #333;
    padding: 0.5rem 1rem;
    display: block;
}
.ogien_nav {
    background-color: var(--warm);
    color: white;
}
.ogien_nav:hover {
    background-color: white;
    color: var(--warm);
    transition: 0.15s ease-in-out;
}
.woda_nav {
    background-color: var(--accent);
    color: white;
}
.woda_nav:hover {
    background-color: white;
    color: var(--accent);
}
.powietrze_nav {
    background-color: var(--air);
    color: white;
}
.powietrze_nav:hover {
    color: var(--air);
    background-color: white;
}
.ziemia_nav {
    background-color: var(--earth);
    color: white;
}
.ziemia_nav:hover {
    background-color: white;
    color: var(--earth);
}
.submenu {
    position: absolute;
    left: 0;
    top: 100%;
    min-width: 160px;
    background: white;
    border: 1px solid #ddd;
    display: none;
    z-index: 200;
    animation: wybij reverse 0.3s ease-in-out;
    transition: opacity 0.3s ease, transform 0.3s ease;
    border-radius: 25px;
}
.sub_menu_element{
    border-radius: 25px;
}
.sub_menu_element a{
    color: white !important;
}
.sub_menu_element a:hover{
    color: white !important;
}
.submenu_fire a:hover{
    background-color: #d83014 !important;
}
.submenu_water a:hover{
    background-color: var(--accent-dark) !important;
}
.submenu_earth a:hover{
    background-color: var(--evenearther) !important;
}
.submenu_air a:hover{
    background-color: var(--evenairer) !important;
}
.submenu li {
    display: block;
}
.submenu a {
    display: block;
    padding: 0.5rem 1rem;
    white-space: nowrap;
}
.has-submenu:hover>.submenu,
.has-submenu:focus-within>.submenu {
    display: block;
}
@keyframes heroSlideInLeft {
    0% {
        opacity: 0;
        transform: translateX(-100px); 
        filter: blur(5px); 
    }
    100% {
        opacity: 1;
        transform: translateX(0);
        filter: blur(0);
    }
}
@keyframes heroSlideInRight {
    0% {
        opacity: 0;
        transform: translateX(100px);
        filter: blur(5px);
    }
    100% {
        opacity: 1;
        transform: translateX(0);
        filter: blur(0);
    }
}
.top-Left .topLeftText,
.top-Left .zapisz_sie_outter {
    opacity: 0;
    animation: heroSlideInLeft 1s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards;
}
.top-Left p.topLeftText:nth-child(1) {
    animation-delay: 0.1s;
}
.top-Left p.topLeftText:nth-child(2) {
    animation-delay: 0.3s;
}
.top-Left p.topLeftText:nth-child(3) {
    animation-delay: 0.5s;
}
.top-Left p.topLeftText:nth-child(4) {
    animation-delay: 0.7s;
}
.top-Left .zapisz_sie_outter {
    animation-delay: 0.9s;
}
.top-right img {
    transition: 0.2s ease-in-out;
    overflow: hidden;
    position: relative;
}


.top-right:has(.top-right:hover) .top-right::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: var(--muted);
    opacity: 0.3;
    z-index: 4;
}
@media (max-width: 1050px) {
     .top-Left .topLeftText,
     .top-Left .zapisz-sie {
         animation-name: heroSlideInLeft;
     }
}
.top_vid_holder{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: none;
    justify-content: center;
    gap: 40px;
    align-items: center;
    background-color: rgba(86, 114, 124, 0.8);
}
.top_vid {
    width: 26%; 
    z-index: 2000;
}
.top_vid video{
    width: 100%;
    height: auto;
    object-fit: cover;
    display: block;
}
.show_vid{
    display: flex;
    z-index: 1000;
    width: 100%;
}
.top_vid_wroc{
    width: 10%; 
    height: 100%; 
    display: flex;
    justify-content: center;
    align-items: end;    
    margin-bottom: 4%;
}
.top-section {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
}
.top-Left {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    justify-content: end;
    font-size: 24px;
    margin: 20px 20px 0 0;
    width: 40%
}
.topLeftText {
    margin-bottom: 10px;
    font-size: 70px;
    color: #333;
    text-align: end;
    font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;
}
.topLeftText.notfilled{
    color: transparent !important; 
    -webkit-text-stroke: 2px #333;
    font-weight: 900;
}
.zapisz-sie {
    display: inline-block;
    padding: 10px 20px;
    font-size: 18px;
    color: #fff;
    background-color: #007BFF;
    border: none;
    border-radius: 5px;
    text-decoration: none;
    margin-top: 20px;
}
.top-right {
    width: 60%;
    overflow: hidden;
}
.top_right_inner{
    border: none;
    overflow: hidden;
    animation: heroSlideInRight 1.2s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards 0.2s;
    background-color: transparent;
}
.main_vid_play:hover{
    opacity: 0.85;
    cursor:pointer;

}
.top_right_inner:has(.main_vid_play:hover) .main_vid_img{
    scale: 1.05;
    filter: blur(2px);
}
.main_vid_play{
    position: absolute !important;
    opacity: 0;
    z-index: 2;
    left: 0;
    top: 0;
}
.main_vid_img{
    z-index: 1;
}
.Pierwszy {
    display: flex;
    justify-content: left;
    align-items: left;
    margin: 50px 150px;
    width: 100%;
    flex-direction: column;
    font-size: 28px;
    height: auto;
}
.Pierwszy p, .Pierwszy ul{
    font-weight: 400;
}
.Pierwszy_slide.blu, .Pierwszy_slide.blu::before{
    background-color: var(--accenter);
}
.Pierwszy_slide.ret, .Pierwszy_slide.ret::before{
    background-color: var(--warmer);
}
.Pierwszy_slide.bro, .Pierwszy_slide.bro::before{
    background-color: var(--earth);
}
.Pierwszy_slide.sil, .Pierwszy_slide.sil::before{
    background-color: var(--air);
}
.Pierwszy_slide{
    border-radius: 0 150px 150px 0 ;
    padding: 50px;
    margin: 15px 0 ;
    width: 80%;
    max-width: 1200px;
    animation: hidden 2s ease-in-out;
    position: relative;
}
.Pierwszy_slide::before{
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
     z-index: -1;
    transform: translateX(-150px);
}
.Pierwszy_slidein h3{
    font-size: 34px;
    font-weight: 1000;
    margin: 0;
    padding: 0;
}
.Drugi {
    flex-direction: column;
    display: flex;
    align-items: center;
    width: 100%;
}
.zywioly_outter {
    width: 90%;
    justify-content: center;
    align-items: center;
    display: flex;
    flex-direction: row;
}
.zywiol {
    width: 100%;
    height: 100%;
    margin: 10px 10px 10px 10px;
    border-radius: 15px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 20px;
    color: #fff;
}
.zywial {
    width: 100%;
    height: 200px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-decoration: none;
    transition: 0.2s;
    min-width: 383px;
}
.zywial:hover {
    scale: 1.05;
}
.imie-R,
.imie-L {
    font-size: 52px;
    font-weight: 700;
    margin-top: 15px;
    color: var(--bg);
    z-index: 5;
    position: absolute;
}
.imie-L{
    transform: translateY(400px) translateX(-100px);
}
.imie-R{
    transform: translateY(400px) translateX(100px);
}
.ikar::before,
.prana::before{
    content: '';
    position: absolute;
    left: 25%;
    top: 25%;
    width: 300px;
    height: 850px;
     z-index: -1;
    transform: translateX(-150px) translateY(-200px);
}
.ikar::before{
    background-color: rgba(238, 106, 40, 0.9);
    box-shadow: 0 10px 100px 300px rgba(238, 106, 40, 0.9);
}
.prana::before{
    background-color: rgba(248, 249, 245, 0.9);
    box-shadow: 0 10px 100px 300px rgba(248, 249, 245, 0.9);
}
.ikar, .prana{
    position: fixed;
    top: 0;
    left: 0;
    z-index: -1;
    transition: 0.4s;
    opacity: 0;
    transform: translateX(-150px);
    filter: blur(10px);
    }
.Drugi:has(.ikark:hover) .ikar,
.Drugi:has(.pranak:hover) .prana{
    opacity: 1;
    display: flex;
    transform: translate(0);
    filter: blur(0px);
    z-index: 5;
    justify-content: center;
    align-items: center;
}
.prana img, .ikar img{
    width: 620px;
    height: auto;
    transform: translateX(50px);
}
.atlas::before,
.aura::before{
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    width: 300px;
    height: 850px;
     z-index: -1;
    transform: translateX(320px) ;
}
.atlas::before{
    background-color: rgba(196, 154, 108, 0.9);
    box-shadow: 0 10px 100px 300px rgba(196, 154, 108, 0.9);
}
.aura::before{
    background-color: rgba(110, 198, 255,0.8);
    box-shadow: 0 10px 100px 300px rgba(110, 198, 255,0.8);
}
.atlas, .aura{
    position: fixed;
    top: 0;
    right: 0;
    z-index: -1;
    transition: 0.4s;
    opacity: 0;
    transform: translateX(150px);
    filter: blur(10px);
    }
.Drugi:has(.atlask:hover) .atlas,
.Drugi:has(.aurak:hover) .aura{
     opacity: 1;
    display: flex;
    transform: translate(0);
    filter: blur(0px);
    z-index: 5;
    justify-content: center;
    align-items: center;
}
.atlas img, .aura img{
    width: 620px;
    height: auto;
}
.holder_center_holder_holder{
    width: 650px;
    height: 650px;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}
.logo_center_holder {
    position: absolute;
}
.logo_center{
        max-width: 700px;
    width: 100%;
    scale: 140%;
}
.ogienBG {
    background: var(--warm);
}
.wodaBG {
        background:var(--accent);
}
.ziemiaBG {
    background: var(--earth);
}
.powietrzeBG {
        background: var(--evenairer);
}
.zywiol_text {
    font-size: 28px;
    line-height: 1.4;
    height: 100%;
    width: 30%;
    text-align: center;
    align-items: center;
    display: flex;
    justify-content: center;
    flex-direction: column;
    font-weight: bold;
}
.zywiol_inner_placement {
    text-align: center;
    height: 90%;
    width: 100%;
    display: flex;
    flex-direction: row;
}
.zywiol_inner_placement_L {
    width: 48%;
    text-align: right;
    align-items: center;
    display: flex;
    justify-content: center;
    height: 100%;
    font-size: 40px;
    border-right: solid 2px #fff;
}
.zywiol_inner_placement_R {
    width: 52%;
    text-align: center;
    font-weight: bold;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.zywiol_inner_placement p {
    margin: 0;
    padding: 0;
}
.material-symbols-outlined.ogien,
.material-symbols-outlined.woda,
.material-symbols-outlined.powietrze,
.material-symbols-outlined.ziemia {
    font-variation-settings: 'FILL' 0, 'wght' 700, 'GRAD' 100, 'opsz' 48;
    font-size: 80px;
    color: #fff;
}
.trzeci {
    flex-direction: column;
    display: flex;
    align-items: center;
    width: 100%;
    justify-content: center;
    height: fit-content;
    margin: 50px 0;
}
.trzeci_outter {
    width: 95%;
    justify-content: space-between;
    align-items: baseline;
    display: flex;
    flex-direction: row;
    height: 600px;
    padding: 0 10px;
    margin-top: 15px;
}
.trzeci_innerL {
    width: 100%;
    height: 40%;
    display: flex;
    justify-content: space-between;
    align-items: start;
    flex-direction: row;
    border-top: solid 4px;
}
.circle {
    transform: translateY(-9px);
    width: 40px;
    height: 15px;
    background-color: #333;
    border-radius: 15px;
    border: solid 3px #333;
    color: #FF6F61;
}
.circle_fake {
    width: 0;
    height: 0;
}
.allOfIt {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: row;
    width: 100%;
}
.trzeci_info {
    width: 80%;
    height: auto;
}
.trzeci_info h3 {
    font-size: 27px;
    color: #333;
    text-align: center;
    background-color: #ddd;
    width: 350px;
    border-radius: 10px;
    padding: 5px;
    margin-left: 10px;
    border: solid 4px #333;
    border-bottom: 4px solid #444;
    transform: translateY(4px);
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}
.trzeci_info_outter1 {
    display: flex;
    justify-content: left;
    align-items: center;
    flex-direction: column;
    height: auto;
    width: 100%;
}
.info_box {
    width: 110%;
    height: auto;
    background-color: #f0f0f0;
    border-radius: 15px;
    border: solid 4px #333;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    padding: 20px;
    padding-left: 40px;
    margin: 0 0 10px 0;
    font-size: 25px;
    color: #333;
    display: flex;
    justify-content: left;
}
.connector {
    width: 4px;
    height: 40px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-direction: column;
    z-index: 1;
}
.circle.fixLeft {
    transform: translateY(-10px);
    width: 20px;
    height: 15px;
}
.circle.fixRight {
    transform: translateY(10px);
    width: 20px;
    height: 15px;
}
.info_box li {
    list-style-type: disc;
    text-align: start;
}
.info_box_inner {
    justify-content: center;
    align-items: center;
    display: flex;
    flex-direction: column;
    transform: translateX(5px);
}
.czwarty {
    border-top: 5px solid var(--evenairer);
    border-bottom: 5px solid var(--evenairer);
    height: fit-content;
    width: 100%;
    display: flex;
    justify-content: space-around;
    align-items: center;
    padding: 30px 0;
    flex-direction: column;
}
.czwarty_outter {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: row;
    width: 95%;
}
.czwarty_left{
    width: 40%;
}
.czwarty_left img{
    width: 90%;
    max-width: 572px;
    max-height: 850px;
    border: 8px solid var(--air);
    border-radius: 120px 0 0 0;
    box-shadow: 20px 20px 0px var(--evenairer);
}
.czwarty_right{
    width: 60%;
}
.czwarty_outter, .czwarty_outter1{
    font-size: 18px;
    font-weight: 600;
}
.czwarty_text_pierwszy{
    position: relative;
}
.czwarty_text_pierwszy::before{
    position: absolute;
    content: '';
    bottom: 0;
    left: 0;
    height: 5px;
    width: 100%;
    background-color: var(--air);
    transform: translateY(5px);
    border-radius: 5px 0 0 5px;
} 
.czwarty_text_pierwszy::after{
    position: absolute;
    content: '';
    bottom: 0;
    right: 0; 
    background-color: var(--air);
    transform: translateY(5px) translateX(500px);
    height: 5px;
    width: 100%;
}
.czwarty_text_right h2{
    position: relative;
    margin-bottom: 10px;
}
.czwarty_text_right h2::before{
    position: absolute;
    content: '';
    bottom: 0;
    left: 0;
    height: 5px;
    background-color: var(--evenairer);
    border-radius: 5px 0 0 5px;
    width: 160%;
}
.czwarty_text_right{
    margin: 20px 0;
    position: relative;
    border-radius: 80px 0 0 80px;
    background-color: var(--air);
    padding: 30px 60px;
    filter: drop-shadow(-20px 20px 0px var(--evenairer));
}
.czwarty_text_right::before{
    position: absolute;
    content: '';
    bottom: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-color: var(--air);
    transform: translateX(99%);
}
.czwarty_outter1{
    display: flex;
    justify-content: space-around;
    align-items: center;
    flex-direction: row;
    width: 90%;
}
.czwarty_bottom_right{
    width: 40%;
}
.czwarty_bottom_right img{
    width: 120%;
    max-width: 572px;
    max-height: 850px;
    border: 8px solid var(--air);
    border-radius: 0 120px 0 0;
    box-shadow: -20px 20px 0px var(--evenairer);
}
.czwarty_bottom_left_text{
    margin: 20px 0;
    width: 90%;
    border-radius: 0 50px 50px 0;
    padding: 40px 60px 40px 30px;
    background-color: var(--air);
    filter: drop-shadow(20px 20px 0px var(--evenairer));
}
.czwarty_bottom_left_header h3{
    position: relative;
    margin-bottom: 10px;
    width: fit-content;
}
.czwarty_bottom_left_header h3::before{
    position: absolute;
    content: '';
    bottom: 0;
    right: 0;
    height: 5px;
    width: 180%;
    background-color: var(--evenairer);
    border-radius: 0 5px 5px 0;
    font-weight: 600;
}
.czwarty_bottom_left_text::before{
    position: absolute;
    content: '';
    bottom: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-color: var(--air);
    transform: translateX(-99%);
}
.czwarty_bottom_button{
    display: flex;
    flex-direction:row;
    gap: 20px;
    align-items: end;
    justify-content: space-evenly;
}
.czwarty_bottom_button a{
    background-color: var(--airer);
    border: solid 10px var(--air);
    text-decoration: none;
    color: var(--text);
    padding: 15px;
    transition: 0.15s ease-in-out;
    border-radius:  0 25px 0 0 ;
    font-weight: 800;
    font-size: 26px;
}
.czwarty_bottom_button a:hover{
    transform: translateX(-10px) translateY(-10px);
    box-shadow: 10px 10px 0px var(--evenairer);
}
.piaty {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    flex-direction: column;
}
.piaty_galeria {
    width: 100%;
    max-width: 1100px;
    height: 520px;
    margin: 0 auto;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    position: relative;
    overflow: hidden;
    outline: none;
}
.piaty_galeria .wheel {
    display: flex;
    gap: 18px;
    align-items: center;
    width: max-content;
    transition: transform 520ms cubic-bezier(.22, .9, .3, 1);
    will-change: transform;
    padding: 24px 0;
}
.piaty_galeria .gal {
    flex: 0 0 400px;
    height: 420px;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.06);
    background: var(--card-bg);
    transition: transform 520ms cubic-bezier(.22, .9, .3, 1), opacity 420ms ease, box-shadow 420ms ease;
    transform-origin: center;
    pointer-events: none;
}
.piaty_galeria .gal img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform 520ms cubic-bezier(.22, .9, .3, 1);
}
.piaty_btns {
    justify-content: space-between;
    display: flex;
    align-items: center;
    width: 70%;
}
.btn_gal {
    width: 90px;
    height: 90px;
    border-radius: 8px;
    color: white;
    border: none;
    cursor: pointer;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.08);
    background: var(--accenter);
    background-size: 100% 200%; 
    background-position: 0% 0%; 
    transition: transform 180ms ease, background-position 180ms ease, box-shadow 180ms ease;
}
.btn_gal:hover {
    transform: scale(1.1);
    background-position: 0% 100%; 
}
.btn_gal:active {
    transform: scale(0.96);
}
.piaty_text {
    text-align: start;
    width: 90%;
    font-size: 28px;
    font-weight: 600;
    display: flex;
    justify-content: space-around;
    align-items: center;
}
.piaty_text p {
    margin: 40px 0;
    padding-left: 20px;
    width: 50%;
    position: relative;
}
.piaty_text p::before{
    left: 0;
    bottom: 0;
    width: 3px;
    background: linear-gradient(to top, var(--warm), var(--evenwarmer));
    height: 100%;
    position: absolute;
    content: '';
    border-radius: 15px;
}
.szosty {
    text-align: center;
    height: fit-content;
    max-height: 600px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    width: 100%;
}
.callendar_index{
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: start;
    align-items: center;
    overflow-y: scroll;
    height: fit-content;
    max-height: 600px;
}
.callendar_index_pusto{
    width: 80%;
    font-size: 2rem;
    font-weight: 600;
    text-align: center;
    color: var(--bg);

}
.callendar_index::-webkit-scrollbar{
    display: block;
}
.card_index{background:var(--card);border-radius:var(--radius);padding:18px;box-shadow:0 8px 24px rgba(20,30,20,0.06);width: 80%;}
    .term_index{display:flex;align-items:center;justify-content:space-between;padding:12px;border-radius:10px;border:2px solid #edf7ed}
    .term_index_left{display:flex;gap:12px;align-items:center;flex-direction: row; width: 65%;}
    .badge_index{background:var(--accent-2);padding:8px 12px;border-radius:10px;font-weight:600;
        color: var(--bg);
    }
    .badge_index.Ogien{
        background: var(--warm);
    }
    .badge_index.Woda{
        background: var(--accent);
    }
    .badge_index.Powietrze{
        background: var(--evenairer);
    }
    .badge_index.Ziemia{
        background: var(--earther);
    }
    .meta_index{font-size:1.1rem;color:var(--muted)}
    .availability_index{font-weight:700; display: flex;flex-direction: row;}
    .btn_index{background:var(--accent);text-decoration: none;color:white;padding:10px 14px;border-radius:10px;border:0;cursor:pointer;transition: 0.2s ease-in-out;}
    .btn_index:hover{
        background: var(--bg) !important;
        scale: 1.1;
        transition: 0.1s;
        font-weight: 600;
    }
    .btn_index.Ogien{
        background: var(--warm);
        border: 2px solid  var(--warm);
    }
    .btn_index.Ogien:hover{
        color: var(--warm);
    }
    .btn_index.Woda{
        background: var(--accent);
        border: 2px solid  var(--accent);
    }
    .btn_index.Woda:hover{
        color: var(--accent);
    }
    .btn_index.Powietrze{
        background: var(--evenairer);
        border: 2px solid  var(--evenairer);
    }
    .btn_index.Powietrze:hover{
        color: var(--evenairer);
    }
    .btn_index.Ziemia{
        background: var(--earther);
        border: 2px solid  var(--earther);
    }
    .btn_index.Ziemia:hover{
        color: var(--earther);
    }
@keyframes fadeIn {
    from {
        opacity: 0;
        transform: translateY(5px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}
.osmy {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    min-height: 200px;
    width: 100%;
    margin: 30px 0;
}
.osmy_outter {
    width: 90%;
    height: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    align-items: center;
}
.osmy_text {
    justify-content: start;
    display: flex;
    align-items: center;
    font-weight: bolder;
    font-size: 28px;
    position: relative;
    padding-left: 20px;
    width: 60%;
}
.osmy_text::before{
    left: 0;
    bottom: 0;
    width: 3px;
    background: linear-gradient(to top, var(--warm), var(--evenwarmer));
    height: 100%;
    position: absolute;
    content: '';
    border-radius: 15px;
}
footer {
    padding: 10px;
    height: 300px;
    background-color: #5FA8D3;
    margin: 0;
    display: flex;
    align-items: center;
    flex-direction: column;
    width: 100%;
    height: fit-content;
}
footer p {
    display: flex;
    justify-content: center;
    align-items: end;
    height: 30%;
    font-size: 18px;
    font-weight: 700;
}
.footer {
    display: flex;
    flex-direction: row;
    margin-top: 20px;
    height: auto;
    align-items: center;
    width: 100%;
    height: fit-content;
}
.footer_element {
    margin: 30px 0 0 30px;
    width: 25%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    font-weight: 800;
    color: var(--bg);
}
.footer_jeden {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: start;
}
.footer_jeden p {
    margin-top: 10px;
    color: var(--bg);
    position: relative;
    padding-left: 20px;
    width: fit-content;
}
.footer_jeden p::before {
    position: absolute;
    content: '';
    left: 0;
    bottom: 0;
    height: 100%;
    width: 5px;
    border-radius: 15px;
    background: linear-gradient(to top, var(--bg), var(--card-bg));
}
.footer_jeden img {
    height: 85px;
    width: 220px;
    transition: 0.2s ease-in-out;
    background-color: white;
    border-radius: 15px 5px 5px 5px;
    padding: 10px;
}
.footer_jeden img:hover {
    scale: 1.05;
}
.footer_dwa {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: start;
}
.footer_element.footer_dwa p, .footer_element.footer_trzy p{
    color: var(--bg);
    position: relative;
    width: fit-content;
    font-size: 22px;
}
.footer_dwa_wl {
    flex-direction: column;
    display: flex;
}
.footer_dwa a {
    color: white;
}
.footer_trzy {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: start;
    color: white;
}
.footer_czwarty {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: start;
    gap: 10px;
}
.social_icon_footer{
    width: 40px;
    height: 40px;
    transform: translateX(10px);
}
.white_text{
    color: white;
    text-decoration: none;
    display: flex;
    align-items: center;
    justify-content: center;
}
.white_text:hover{
    text-decoration: underline;
    color: white;
    transition: 0.1s;
}
.nizy{
    font-size: 24px;
    margin-top: 30px;
    color: var(--bg);
}
.nizy a{
    margin-left: 7px;
    color: var(--bg);
}
@keyframes fadeIn {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}
@keyframes wybij {
    0% {
        transform: translateY(0px);
        opacity: 1;
    }
    100% {
        transform: translateY(200px);
        opacity: 0;
        display: none;
    }
}
.showHandler{
    opacity: 1 !important;
}
.zywial_1_postac_handler{
    position: absolute;
    width: 100%;
    height: 600px;
    opacity: 0;
    padding: 0 100px;
}
.zywial_1_postac_top{
    position: absolute;
    left: 0;
    top: 0;
    width: 500px;
    z-index: 1;
    transform: translateY(50px);
}
.zywial_1_postac_text_box{
    position: absolute;
    left: 0;
    top: 0;
    width: 92%;
    height: 500px;
     z-index: 2;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    transform: translateX(470px) translateY(-35px);
}
.zywial_1_text{
    width:50%; 
    font-size:24px; 
    font-weight: 600; 
    transform: translateX(-32%);
}
.postac_text_box_1_anim.slideinR, 
.postac_text_box_2_anim.slidein, 
.postac_text_box_4_anim.slideinR {
    animation-delay: 0.5s; 
    opacity: 0;
}
.zywial_1_section {
    margin: 60px 0;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    flex-direction: column;
    height: 600px;
}
.zywial_1_section h2 {
    position: relative;
}
.zywial_1_section h2::before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 4px;
    border-radius: 15px;
}
.zywial_2_section {
    display: flex;
    justify-content: center;
    align-items: center;
    height: max-content;
    padding: 40px 0 ;
}
.slidein {
    animation: slidein 1.0s ease-out forwards;
}
@keyframes slidein {
    from {
        transform: translateX(-400px);
        filter: blur(10px);
        opacity: 0;
    }
    to {
        opacity: 1;
        filter: blur(0);
        transform: translateX(0%);
    }
}
.slideinR{
    animation: slideinR 0.8s ease-out forwards;
}
@keyframes slideinR {
    from {
        opacity: 0;
        transform: translateX(400px);
        filter: blur(10px);
    }
    to {
        transform: translateX(0%);
        opacity: 1;
        filter: blur(0);
    }
}
.slideinU{
    animation: slideinU 0.8s ease-out forwards;
}
@keyframes slideinU {
    from {
        opacity: 0;
        transform: translateY(400px);
        filter: blur(10px);
    }
    to {
        transform: translateY(0%);
        opacity: 1;
        filter: blur(0);
    }
}
.zywial_2_postac{
    position: absolute;
    width: 500px;
    transform: translateX(500px);
    top: 0;
    left: 0;
     z-index: 1;
}
.zywial_2_handler{
    position: relative;
    height: 900px;
    transform: translateX(-200px) translateY(100px);
    opacity: 0;
}
.zywial_2_postac_text_box{
    position: absolute;
    left: 0;
    top: 00;
    width: 800px;
    height: 800px;
    transform: translateX(-300px);
}
.zywial_2_text{
     width:90%; 
    font-size:24px; 
    font-weight: 600; 
    transform: translateX(8%) translateY(100px);
}
.zywial_3_section {
    padding: 100px 0;
    display: flex;
    width: 100%;
    justify-content: space-around;
    height: max-content;
    align-items: center;
}
.zywial_3_section ul {
    list-style-type: square;
}
.zywial_4_section {
    height: 800px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.zywial_4_postac_handler{
    position: relative;
    width: 100%;
    height: 600px;
    transform: translateY(-50px);
    opacity: 0;
}
.zywial_4_postac{
    width: 500px;
    position: absolute;
    left: 0;
    bottom: 0;
    transform: translateY(100px);
}
.zywial_4_postac_text_box{
    height: 500px;
    transform: translateX(500px);
}
.zywial_4_text{
    width: 80%;
    font-size: 24px;
    font-weight: 600;
    transform: translateX(130px) translateY(100px);
}
.zywial_5_section {
    display: flex;
    align-items: center;
    justify-content: space-around;
    flex-direction: row;
    height: fit-content;
    width: 100%;
    color: var(--bg);
    padding: 50px 0;
}
.callendar_index.callendar_zywial{
    width: 55%;
    max-height: 350px;
}
.card_index.card_zywial{
    padding: 10px 0;
    margin: 0 0;
}
.term_index.term_zywial{
    background-color: var(--card-bg);
}
.availability_index.availability_zywial{
    color: var(--muted);
    font-weight: 600;
}
.dostepnosc{
        width: 18px;
        height: 18px;
        border-radius: 40px;
        transform: translateY(3px);
        margin: 3px;
        margin-left: 6px;
    }
    .dostepnosc.duzo{
        background-color: var(--lightgreen);
    }
    .dostepnosc.malo{
        background-color: var(--lightred);
        animation: pulse 1s infinite ease-in-out;
    }
    @keyframes pulse {
        0% {
            scale: 0.9;
        }
        50% {
            scale: 1.1;
        }
        100%{
            scale: 0.9;
        }
    }
    .dostepnosc.nic{
        background-color: var(--muted);
    }
.zywial_6_section {
    height: fit-content;
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    align-items: center;
    width: 100%;
    padding: 50px 0;
}
.zywial_6_tekst_outter {
    width: 30%;
    font-size: 38px;
    font-weight: 900;
    position: relative;
    padding-left: 60px;
}
.zywial_6_tekst_outter::before,
.zywial_6_tekst_outter::after {
    position: absolute;
    content: '';
    width: 13px;
    height: 100%;
    bottom: 0;
    left: 0;
    border-radius: 15px;
}
.zywial_6_tekst_outter::after {
    filter: blur(1.5rem);
    animation: up-down 5s infinite ease-in-out;
    height: 25%;
    padding: 5px;
}
.zywial_6_btn{
    border-radius: 15px;
    color: var(--bg);
    text-decoration: none;
    border: 2px solid var(--bg);
    font-size: 26px;
    font-weight: 700;
    padding: 10px 15px;
    transition: 0.1s ease-in-out;
}
.zywial_6_btn:hover{
    scale: 1.1;
    background: var(--bg) !important;
}
@keyframes up-down {
    0% {
        transform: translateY(20%) translateX(-5px);
    }
    50% {
        transform: translateY(-270%)translateX(-5px);
    }
    100% {
        transform: translateY(20%)translateX(-5px);
    }
}
.zywial_5_outter{
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: row;
    width: 50%;
    transform: translateX(-60px);
}
.zywial_5_postac_glowa{
    width: 300px;
    height: 300px;
    margin-left: 30px;
}
.zywial_5_text{
    color: var(--bg);
    font-size: 44px;
    position: relative;
}
.zywial_5_text::before{
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 5px;
    border-radius: 5px;
    background-color: var(--bg);
}
.zywial_2_izar_tlo{
    background: url(img/postacie/podloga.webp);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 600px;
    width: 1000px;
    height: 1000px;
    position: absolute;
    transform: translateX(250px) translateY(-200px);
}
.izar_pogrubienie{
    color: #ee6a28; 
    font-weight: 800;
}
.zywial_1_section.ogien_zywial h2::before {
    background: linear-gradient(to right, var(--warm), var(--evenwarmer));
}
.zywial_3_section.ogien_zywial {
    background-color: rgba(238, 106, 40, 0.9);
}
.zywial_5_section.ogien_zywial {
    background-color: var(--warmer);
}
.zywial_6_tekst_outter.ogien_zywial {
    color: var(--warm);
}
.zywial_6_tekst_outter.ogien_zywial::before,
.zywial_6_tekst_outter.ogien_zywial::after {
    background: linear-gradient(to top, var(--warm), var(--evenwarmer));
}
.zywial_6_tekst_outter.ogien_zywial::after {
    background: var(--evenwarmer);
}
.zywial_6_btn.Ogien{
    background: linear-gradient(to left, var(--warmer), var(--evenwarmer));
}
.zywial_6_btn.Ogien:hover{
    color: var(--warm);
    border-color: var(--warm);
}
.zywial_2_aura_tlo{
 background: url(img/postacie/podloga.webp);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 500px;
    width: 1000px;
    height: 1000px;
    position: absolute;
    transform: translateX(250px) translateY(-150px);
}
.aura_pogrubienie{
    color: #0b9bce; 
    font-weight: 800;
}
.zywial_1_section.woda_zywial h2::before {
    background: linear-gradient(to right, var(--accent), var(--accent-dark));
}
.zywial_3_section.woda_zywial {
    background-color: rgba(110, 198, 255, 0.6);
}
.zywial_5_section.woda_zywial {
    background-color: var(--accent);
}
.zywial_6_tekst_outter.woda_zywial {
    color: var(--accent);
}
.zywial_6_tekst_outter.woda_zywial::before,
.zywial_6_tekst_outter.woda_zywial::after {
    background: linear-gradient(to top, var(--accenter), var(--accent));
}
.zywial_6_tekst_outter.woda_zywial::after {
    background: var(--accent);
}
.zywial_6_btn.Woda{
    background: linear-gradient(to left, var(--accenter), var(--accent));
}
.zywial_6_btn.Woda:hover{
    color: var(--accent);
    border-color: var(--accent);
}
.zywial_2_atlas_tlo{
 background: url(img/postacie/podloga.webp);
    position: absolute;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 600px;
    width: 1000px;
    height: 1000px;
    transform: translateX(220px) translateY(-190px);
}
.atlas_pogrubienie{
    color: #ba7036;
    font-weight: 800;
}
.zywial_1_section.ziemia_zywial h2::before {
    background: linear-gradient(to right, var(--earth), var(--evenearther));
}
.zywial_3_section.ziemia_zywial {
    background-color: rgba(138, 98, 56,0.9);
}
.zywial_5_section.ziemia_zywial {
    background-color: var(--earth);
}
.zywial_6_tekst_outter.ziemia_zywial {
    color: var(--earth);
}
.zywial_6_tekst_outter.ziemia_zywial::before,
.zywial_6_tekst_outter.ziemia_zywial::after {
    background: linear-gradient(to top, var(--earth), var(--evenearther));
}
.zywial_6_tekst_outter.ziemia_zywial::after {
    background: var(--evenearther);
}
.zywial_6_btn.Ziemia{
    background: linear-gradient(to left, var(--earther), var(--earth));
}
.zywial_6_btn.Ziemia:hover{
    color: var(--earth);
    border-color: var(--earth);
}
.zywial_2_prana_tlo{
 background: url(img/postacie/podloga.webp);
    position: absolute;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 600px;
    width: 1000px;
    height: 1000px;
    transform: translateX(250px) translateY(-170px);
}
.prana_pogrubienie{
    color: #56727c;
    font-weight: 800;
}
.zywial_1_section.powietrze_zywial h2::before {
    background: linear-gradient(to right, var(--air), var(--evenairer));
}
.zywial_3_section.powietrze_zywial {
    background-color:   rgba(86, 114, 124,0.7);
;
}
.zywial_5_section.powietrze_zywial {
    background-color: rgba(86, 114, 124,0.8);
}
.zywial_6_tekst_outter.powietrze_zywial {
    color: var(--air);
}
.zywial_6_tekst_outter.powietrze_zywial::before,
.zywial_6_tekst_outter.powietrze_zywial::after {
    background: linear-gradient(to top, var(--air), var(--evenairer));
}
.zywial_6_tekst_outter.powietrze_zywial::after {
    background: var(--evenairer);
}
.zywial_6_btn.Powietrze{
    background: var(--evenairer);
}
.zywial_6_btn.Powietrze:hover{
    color: var(--air);
    border-color: var(--air);
}
.o_mnie_bio_1{
    display: flex;
    flex-direction: row;
    width: 100%;
    justify-content: space-between;
    align-items: center;
    font-weight: 600;
    font-size: 20px;
    position: relative;
}
.o_mnie_bio_2_outter{
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.o_mnie_bio_2{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 90%;
    padding: 20px;
    font-weight: 600;
    font-size: 20px;
}
.o_mnie_bio_story{
    background-color: var(--airer);
    border-bottom: 5px solid var(--evenairer);
    border-top: 5px solid var(--evenairer);
}
.o_mnie_text_L{

    margin: 20px 0;
    max-width: 70%;
    border-radius: 0 50px 50px 0;
    padding: 40px 30px;
    background-color: var(--air);
    filter: drop-shadow(20px 20px 0px var(--evenairer));
}
.o_mnie_text_L::before{
    position: absolute;
    content: '';
    bottom: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-color: var(--air);
    transform: translateX(-99%);
}
.omnie-hero {
    width: 100%;
    min-height: 80vh;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: var(--bg);
    overflow: hidden; 
    padding: 40px 0;
    background-color: var(--airer);
}
.omnie-hero-container {
    width: 90%;
    max-width: 1400px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 50px; 
}
.omnie-photo-wrapper {
    width: 50%;
    max-width: 600px;
    position: relative;
}
.omnie-photo-wrapper img {
    width: 100%;
    height: auto;
    border-radius: 20px;
    box-shadow: 20px 20px 0px var(--evenairer); 
    border: 5px solid var(--air);
    object-fit: cover;
    aspect-ratio: 3/4; 
}
.omnie-hero-words {
    width: 40%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 15px;
}
.word-deco {
    font-size: 60px;
    font-weight: 900;
    text-transform: uppercase;
    line-height: 1;
    color: transparent;
    -webkit-text-stroke: 2px var(--text); 
    transition: 0.3s;
    cursor: default;
}
.word-deco.filled {
    color: var(--air); 
    -webkit-text-stroke: 0;
}
.word-deco:hover {
    color: var(--evenairer);
    -webkit-text-stroke: 0;
    transform: translateX(20px); 
}
.omnie_bio_header_1{
    width: 380px;
     text-align:right;
     padding-right:10px; 
    position: relative;
    margin-bottom: 10px;
}
.omnie_bio_header_1::before{
     position: absolute;
    content: '';
    bottom: 0;
    right: 0;
    height: 5px;
    width: 180%;
    background-color: var(--evenairer);
    border-radius: 0 5px 5px 0;
    font-weight: 600;
}
.omnie-bio {
    width: 100%;
    display: flex;
    justify-content: center;
    padding: 60px 0;
}
.omnie_bio_outter_1_gal{
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 20px;
}
.omnie_bio_inner_1_gal{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.omnie_bio_1_img_L img, .omnie_bio_1_img_R img{
    width: 90%;
    max-height: 580px;
    border: 8px solid var(--air);
}
.omnie_bio_1_img_L img{
    box-shadow: -20px 20px 0px var(--evenairer);
    border-radius:  0 120px 0 0;
}
.omnie_bio_1_img_R img{
    border-radius:  120px 0 0 0;
    box-shadow: 20px 20px 0px var(--evenairer);
}
.omnie_bio_1_btn{
    background-color: var(--airer);
    border: solid 10px var(--air);
    text-decoration: none;
    color: var(--text);
    padding: 15px;
    transition: 0.15s ease-in-out ;
    border-radius:  0 25px 0 0 ;
    font-weight: 800;
    font-size: 26px;
}
.omnie_bio_1_btn:hover{
    transform: translateX(-10px) translateY(-10px);
    box-shadow: 10px 10px 0px var(--evenairer);
    cursor:pointer;

}
.certyfikaty img{
    width: 20%;
    height: auto;
    border-radius: 20px;
    border: 5px solid var(--air);
    transition: 0.2s ease-in-out;
}
.certyfikaty img:hover{
    scale: 1.6;
}
.certyfikaty_gal_outter{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center ;
}
.certyfikaty_gal{
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 50px;
}
.certyfikaty {
    position: fixed;
    top: -40vh;
    left: 0;
    height: 180vh;
    z-index: 1000;
    display: flex; 
    justify-content: center;
    align-items: center;
    opacity: 0;
    visibility: hidden; 
    transform: translateY(200px);
    transition: all 0.5s ease-out; 
    background-color: rgba(86, 114, 124, 0.7);
}
.czwarty_center_text{
    box-shadow: -20px 20px 0px var(--evenairer);
    border: 5px solid var(--air);
    padding: 30px;
    padding-right: 40px;
    border-radius: 25px;
    background-color: var(--air);
    width: 45%;
}
.czwarty_center_text_bottom{
    box-shadow: -20px 20px 0px var(--evenairer);
    border: 5px solid var(--air);
    padding: 30px;
    padding-right: 40px;
    border-radius: 25px;
    background-color: var(--air);
    width: 96%;
    margin-left: 25px;
}
.more_visible {
    opacity: 1;
    visibility: visible;
    transform: translateY(0); 
}
.bio_top_content{
    width: 40%;
}
.bio-content {
    width: 100%;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}
.bio-content h2{
    font-size: 40px;
    margin-bottom: 30px;
    color: var(--text);
}
.bio-content h2::after{
    content: '';
    display: block;
    width: 60%;
    height: 4px;
    background: var(--evenairer);
    margin: 10px auto 0;
    border-radius: 2px;
}
.bio-content p {
    font-size: 20px;
    line-height: 1.8;
    margin-bottom: 20px;
    color: var(--text);
}
.omnie-bio_R{
    padding-right: 5%;
    width: 60%;
}
.omnie-bio_L{
    height: fit-content;
    max-width: 55%;
    padding-left: 6%;
}
.omnie_2_outter{
    width: 80%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.omnie_2_holder_L, .omnie_2_holder_R{
    width: 76%;
}
.omnie_2_holder_R{
    align-items: end;
    display: flex;    
    justify-content: end;
}
.img_gal_2_my_top, .img_gal_2_my_bottom{
    width:480px;
    border: 5px solid var(--air);
}
.img_gal_2_my_top{
    transform: translateY(24px);
    border-radius: 0 0 150px 0;
    box-shadow: -20px -20px 0px var(--evenairer);
}
.img_gal_2_my_bottom{
    transform: translateY(-24px);
    border-radius: 150px 0 0 0;
    box-shadow: 20px 20px 0px var(--evenairer);
}
.omnie_bio_bottom_sec1{
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 30px;
    width: 100%;
}
.omnie_bio_bottom_sec1 img{
    height: 550px !important;
}
.hidden-element {
    opacity: 0;
    transition: all 1s cubic-bezier(0.25, 0.46, 0.45, 0.94); 
}
.hidden-element_index{
    opacity: 0;
    transition: all 1s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.from-left_index{
    transform: translateX(-50%);
}
.from-right_index{
    transform: translateX(50%);
}
.from-bottom_index{
    transform: translateY(50%);
}
.from-left {
    transform: translateX(-100px);
}
.from-right {
    transform: translateX(100px);
}
.from-bottom {
    transform: translateY(50px);
}
.from-top {
    transform: translateY(-50px);
}
.mini_gal_1{
    width: 100%;
    height: fit-content;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 140px;
}
.mini_gal_1 img{
    border-radius: 30px 0 0 0 ;
    border: 10px solid var(--air);
    box-shadow: 20px 20px 0px var(--evenairer);
    width: 500px;
    height: 700px;
    object-fit: cover;
}
.quote h1{
    text-align:center; 
    font-weight:800;
}
.hidden-element.visible, .hidden-element_index.visible {
    opacity: 1;
    transform: translate(0);
}
.mobile_certy{
    display: none;
}
.omnie_bio_bottom_sec1 {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap; 
    align-items: stretch;
    gap: 2rem; 
    margin-bottom: 3rem;
}
.omnie_bio_bottom_sec1 > div {
    flex: 1; 
    min-width: 0; 
}
.omnie_bio_text_center {
    display: flex;
    flex-direction: column;
    justify-content: center;
    opacity: 1;
    transform: translate(0);
}
.czwarty_center_text_bottom h3 {
    margin: 1.5rem 0 1rem 0; 
}
.czwarty_center_text_bottom p {
    margin-bottom: 1rem;
}
.camp-list {
    margin-top: 0.5rem;
    padding-left: 1.5rem; 
}
.omnie_bio_bottom_sec1 img {
    width: 100%;
    height: 100%;
    max-height: 32rem; 
    object-fit: cover; 
    display: block;
}
.img-radius-br { border-radius: 0 0 9rem 0; }     
.img-radius-tr { border-radius: 0 9rem 0 0; }
.img-radius-bl { border-radius: 0 0 0 9rem; }
.img-radius-normal { border-radius: 1rem; }  
.holder_center_holder_holder_mobile, .logo_center_holder_mobile{
    display: none;
}

@media (max-width: 1050px) {

    .miejsce_5_main_L_inner{
        width: 100%;
    }

   .holder_center_holder_holder{
    height: 60px;
   }
   .holder_center_holder_holder_mobile{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
   }
   .logo_center_holder_mobile{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
   }
     .omnie_bio_bottom_sec1 {
        flex-direction: column; 
        gap: 1.5rem;
        justify-content: center;
        display: flex;
        align-items: center;
    }
    .omnie_bio_bottom_sec1 img {
        max-height: 25rem; 
    }
    .bio_top_content{
        width: 90%;
    }
    .mini_gal_1{
        flex-direction: column;
    }
    .mini_gal_1 img{
        width: 350px;
    }
    .omnie-hero-container {
        flex-direction: column;
        gap: 30px;
    }
    .quote_outter{
        width: 100%
        ;display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
    }
    .quote{
        width: 70%;
    }
    .omnie_bio_inner_1_gal{
        flex-direction: column;
        gap: 20px;
        height: fit-content;
    }
    .omnie-bio_L{
        width: 100%;
    }
    .omnie-bio_R{
        padding: 0;
        width: 100%;
    }    
    .o_mnie_bio_1{
        flex-direction: column;
    }
    .omnie_bio_outter_1_gal{
        flex-direction: column;
        justify-content: center;
        align-items: center;
        height: fit-content;
    }
    .certyfikaty_gal_outter{
        width: 100%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        height: 1800px;
    }
    .certyfikaty_gal{
        flex-direction: column;
        scale: 0.2;
        gap: 10px;
    }
    #omnie_bio_1_btn_certy{
        display: none;
    }
    .mobile_certy{
        display: flex;
        gap: 60px;
        justify-content: center;
        align-items: center;
        width: 100%;
        flex-direction: column;
    }
    .mobile_certy img{
        width: 400px;
        border: 5px solid var(--air);
        border-radius: 25px;
    }
    .omnie_bio_1_img_R img{
        width: 360px;
        height: auto;
    }
    .omnie_bio_1_img_L img{
        margin-top: 20px;
        width: 360px;
        height: auto;
    }
    .img_gal_2_my_top, .img_gal_2_my_bottom{
        height: auto;
        width: 380px;
        transform: translate(0);
        margin: 20px 0;
    }
    .omnie_2_holder_L, .omnie_2_holder_R{
        width: 100%;
    }
    .czwarty_center_text{
        width: 90%;
        margin-top: 50px;
    }
    .mobile_center{
        display: flex;
        gap: 60px;
        justify-content: center;
        align-items: center;
        width: 100%;
        flex-direction: column;
    }
    .czwarty_text_right{
        padding-right: 10px;
        width: 95%;
    }
    .czwarty_text_right hr{
        margin: 1px;
    }
    #main_site_czwarty_text_right{
        margin-left: 0;
    }
    .bio-content h2{
        font-size: 30px ;
        width: 90%;
    }
    .omnie_bio_bottom_sec1{
        flex-direction: column;
    }
    .czwarty_center_text_bottom{
        width: 100%;
        margin-left: 10px;
    }
    .o_mnie_bio_2{
        width: 100%;
    }
    .mobil_16_9 img{
        width: 380px !important;
        height: auto !important;
    }
    .nizy{
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
    }
    .omnie-photo-wrapper {
        width: 90%;
        max-width: 100%;
    }
    .omnie-hero-words {
        width: 100%;
        align-items: center; 
    }
    .word-deco {
        font-size: 45px;
    }
    .omnie-bio {
        padding: 40px 0;
    }
    .miejsce_1_outter, .miejsce_2_outter, .miejsce_3_outter, .miejsce_4_outter, 
    .miejsce_5_outter, .miejsce_6_outter, .miejsce_7_outter {
        height: auto !important;
        min-height: auto !important;
        padding: 40px 20px !important;
        flex-direction: column !important;
    }
    .miejsce_1_main_left, .miejsce_1_main_right {
        width: 100% !important;
        height: auto !important;
        padding: 0 !important;
    }
    .miejsce_1_main_left_img {
        height: 350px !important; 
    }
    .miejsce_1_main_right {
        margin-top: 30px !important;
    }
    .miejsce_1_main_right_text, .miejsce_1_main_right_bio {
        width: 100% !important;
    }
    .miejsce_1_main_right_text h1, .miejsce_1_main_right_text span {
        font-size: 42px !important;
    }
    .miejsce_1_main_right_bottom_outter {
        width: 100% !important;
        flex-direction: column !important; 
    }
    .miejsce_1_main_right_bottom_element {
        width: 100% !important;
        height: auto !important;
        border-left: none !important;
        border-bottom: 2px solid var(--border) !important;
        flex-direction: row !important; 
        align-items: center !important;
        gap: 20px !important;
        padding: 20px 0 !important;
    }
    .miejsce_1_main_right_bottom_element_inner{
        min-width: 170px !important;
         display: flex;
         flex-direction: column;
         justify-content: center;
         align-items: end;
    }
    .miejsce_1_main_right_bottom_element:last-child {
        border-bottom: none !important;
    }
    .miejsce_2_left, .miejsce_2_right {
        width: 100% !important;
        height: auto !important;
    }
    .miejsce_2_left h1 {
        font-size: 38px !important;
    }
    .miejsce_2_left p {
        width: 100% !important;
        margin: 20px 0 !important;
        padding: 10px !important;
    }
    .miejsce_2_right {
        height: 350px !important;
        margin-top: 30px !important;
    }
    .miejsce_4_outter h1 {
        width: 100% !important;
        font-size: 32px !important;
    }
    .miejsce_4_inner {
        flex-direction: column !important;
        width: 100% !important;
    }
    .miejsce_4_inner_element {
        width: 100% !important;
        min-height: auto !important;
        padding-bottom: 70px !important; 
        border-right: none !important;
        border-bottom: 2px solid var(--earth) !important;
    }
    .miejsce_4_inner_element:last-child {
        border-bottom: none !important;
    }
    .miejsce_5_main, .miejsce_6_main {
        flex-direction: column !important;
        width: 100% !important;
        padding: 0 !important;
        gap: 30px !important;
    }
    .miejsce_5_main_L, .miejsce_5_main_P, .miejsce_6_main_L, .miejsce_6_main_P {
        width: 100% !important;
    }
    .miejsce_5_main_L p, .miejsce_6_main_P p {
        width: 100% !important;
    }
    .miejsce_5_main_L p::before, .miejsce_6_main_P p::before {
        display: none !important; 
    }
    .miejsce_5_main_P_element p {
        padding-left: 20px !important;
    }
    .miejsce_5_googlemap {
        margin-top: 20px !important;
    }
    .miejsce_6_inner h2 {
        font-size: 26px !important;
        text-align: center !important;
        padding-top: 100px !important;
    }
    .miejsce_6_main_L table {
        width: 100% !important;
    }
    .miejsce_6_main_L_tab_el {
        max-width: 100% !important;
        width: 100% !important;
        min-height: auto !important;
        flex-direction: row !important; 
        align-items: center !important;
        gap: 20px !important;
    }
    .miejsce_7_outter h1 {
        text-align: center !important;
        font-size: 38px !important;
    }
    .miejsce_7_outter p {
        width: 100% !important;
    }
    .miejsce_3_btns{
        padding: 0 20px !important;
    }
}
@media (max-width: 1820px) {
    #omnie_fake_element{
        display: none;
    }
}
.miejsce_1_outter, .miejsce_2_outter, .miejsce_3_outter, .miejsce_4_outter{
    width: 100%;
    margin: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: var(--airer);
}
.miejsce_1_outter{
    min-height: 1000px;
}
.miejsce_1_main_left{
    height: 1000px;
    width: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.miejsce_1_main_left_img{
    background: url(img/miejsce/DJI_0611.webp) center / cover no-repeat;
    width: 100%;
    height: 1000px;
    overflow: hidden;
}
.miejsce_1_main_right{
    width: 50%;
    padding-left: 60px;
}
.miejsce_1_main_right_text{
    width: 40%;
}
.miejsce_1_main_right_text h1, .miejsce_1_main_right_text span{
    font-size: 70px;
    font-family: Playfair Display;
}
.miejsce_1_main_right_bio{
    font-size: 20px;
    width: 50%;
    text-underline-offset: 2px;
}
.miejsce_1_main_right_bottom_outter{
    width: 80%;
    display: flex;
    flex-direction: row;
    justify-content: start;
    align-items: center;
}
.miejsce_1_main_right_bottom_element{
    width: 33%;
    border-left: 1px solid var(--text);
    padding: 20px;
    min-height: 180px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    transition: 0.15s ease-in-out;
}
.miejsce_1_main_right_bottom_element h3{
    font-weight: 800;
    color: var(--warm);
    font-size: 18px;
}
.miejsce_1_main_right_bottom_element svg{
    margin-bottom: 20px;
}
.miejsce_1_main_right_bottom_element:hover{
    scale: 1.10;
}
.miejsce_2_outter{
    min-height: 900px;
    padding: 3rem 5vw;
    justify-content: space-between;
    align-items: stretch;
}
.miejsce_2_left{
    width: 65%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: start;
}
.miejsce_2_left h1{
    font-family: Playfair Display;
    font-weight: 800;
    font-size: 50px;
    font-size: 3rem; 
    margin: 0;
}
.miejsce_2_left_text{
    background-color: var(--accent);
    width: 100%;
}
.miejsce_2_left p{
    font-size: 20px;
    margin: 30px;
    width: 70%;
}
.miejsce_2_right{
    width: 35%;
    height: 100%;
    display: flex;
    justify-content: end;
    max-height: 850px;
}
.miejsce_2_right img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.miejsce_3_outter{
    padding: 3rem 5vw;
    min-height: 800px;
    flex-direction: column;
}
.miejsce_3_btns{
    width: 100%;
    padding: 0 150px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.miejsce_3_gal{
    width: 100%;
    display: flex;
    flex-direction: column;
}
.miejsce_3_gal_element{
    flex: 0 0 520px;
    height: 520px;
    width: 520px;
    overflow: hidden;
    background: var(--card-bg);
    transition: transform 520ms cubic-bezier(.22, .9, .3, 1), opacity 420ms ease, box-shadow 420ms ease;
    transform-origin: center;
    pointer-events: none;
}
.miejsce_3_gal_element img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.miejsce_3_outter h1, .miejsce_3_outter span, .miejsce_5_inner h1, .miejsce_5_inner span{
        font-family: Playfair Display;
        font-size: 48px;
}
.miejsce_3_gal_btn.btn_gal{
    background: var(--earther) !important;
}
.miejsce_4_outter{
    padding: 3rem 5vw;
    background-color: var(--evenearther);
    color: var(--airer);
    flex-direction: column;
    align-items: center;
}
.miejsce_4_outter h1{
    width: 70%;
    text-align: center;
}
.miejsce_4_inner{
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    width: 80%;
}
.miejsce_4_inner_element{
    width: 36%;
    padding: 20px;
    position: relative;
    min-height: 470px;
}
.miejsce_4_inner_element p {
    padding: 10px;
    width: 95%;
    font-size: 16px;
}
.miejsce_4_inner_element svg{
    margin-bottom: 30px;
}
.miejsce_4_btn_el{
    bottom: 10px;
    right: 10px;
    background:none;
    border: none;
    transition: 0.15s ease-out;
}
.miejsce_4_btn_el:hover{
    scale: 1.1;
    cursor: pointer;
}
.miejsce_4_gallery_main.miejsce_4_gallery_hidden{
    opacity: 0;
    visibility: hidden;
    transform: translateY(200px);
}
.miejsce_4_gallery_main{
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    z-index: 1000;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    opacity: 1;
    visibility: visible;
    transform: translate(0);
    transition: all 0.3s ease-out; 
    background-color: rgba(196, 154, 108, 0.8);
    padding: 3rem 5vw;
}
.miejsce_4_gallery_gal.miejsce_4_gallery_hidden{
    display: none;
}
.miejsce_4_gallery_gal{
    display: flex;
    width: 100%;
    height: 100%;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}
.miejsce_4_btn_gal{
    width: 200px;
    height: 100px;
    color: white;
    background-color: var(--evenearther);
    font-size: 28px;
    border: none;
    transition: 0.15s ease-out;
}
.miejsce_4_btn_gal:hover{
    scale: 1.05;
    cursor: pointer;
}
.piaty_galeria {
    touch-action: pan-y;
}
.miejsce_3_gal_element {
    transition: transform 0.4s ease, opacity 0.4s ease, filter 0.4s ease !important;
}
.miejsce_5_outter{
    padding: 20px 0;
    background-color: var(--airer);
}
.miejsce_5_inner{
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}
.miejsce_5_main{
    padding: 3rem 5vw;
    width: 80%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: row;
}
.miejsce_5_main_L{
    width: 50%;
}
.miejsce_5_main_L_inner{
    width: 85%;
    background-color: var(--evenairer);
    color: var(--airer);
    padding: 20px;
    position: relative;
    font-size: 22px;

}
.miejsce_5_main_L_inner::before{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: var(--evenairer);
    transform: translateX(-99%);
}
.miejsce_5_main_P{
    width: 40%;
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    gap: 20px;
    align-items: start;
}
.miejsce_5_googlemap{
    width: 100%;
}
.miejsce_5_main_P_element{
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
}
.miejsce_5_main_P_element p{
    padding-left: 70px;
}
.miejsce_5_main_P_element_inner{
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
}
.miejsce_5_main_P_element_inner svg{
    margin: 10px;
}
.miejsce_6_outter{
    background-color: var(--airer);
    padding: 3rem 5vw;
    display: flex;
    justify-content: center;
    align-items: center;
}
.miejsce_6_inner{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 20px;
}
.miejsce_6_inner_quote{
    height: fit-content;
}
.miejsce_6_main_L, .miejsce_6_main_P{
    width: 40%;
}
.miejsce_6_main_L{
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}
.miejsce_6_main_L_tab_el{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: start;
    min-height: 210px;
    border: 3px var(--airer) solid;
    padding: 15px;
    max-width: 230px;
    background-color: var(--air);
}
.miejsce_6_main_L_tab_el_head{
    font-family: Playfair Display;
    font-size: 38px;
    color: var(--evenairer);
    font-weight: 800;
}
.miejsce_6_main_L_tab_el_body{
    font-size: 24px;
    text-align: right;
}
.miejsce_6_main{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.miejsce_6_main_L, .miejsce_6_main_P{
    display: flex;
    justify-content: center;
    align-items: center;
}
.miejsce_6_main_P p, .miejsce_6_main_L p{
    width: 80%;
    background-color: var(--evenairer); 
    color: var(--airer);
    padding: 20px;
    position: relative;
    font-size: 22px;
}
.miejsce_6_main_P p::before{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 200%;
    height: 100%;
    background-color: var(--evenairer);
    transform: translateX(49%);
}

.miejsce_6_main_L p:before{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 200%;
    height: 100%;
    background-color: var(--evenairer);
    transform: translateX(-99%);
}
.miejsce_7_outter{
    background-color: rgba(238, 106, 40, 0.9);
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    width: 100%;
    padding: 50px 0;    
}
.miejsce_7_outter h1{
    font-family: Playfair Display;
    font-size: 48px;
    color: var(--airer);
}
.miejsce_7_outter p{
    width: 50%;
    color: var(--airer);
    padding: 5px 0;
    position: relative;
    font-size: 20px;
    text-align: center;
}
.miejsce_7_outter a{
    margin-top: 20px;
    color: var(--airer);
    text-decoration: none;
    font-weight: 600;
    border: 2px solid var(--airer);
    padding: 10px 20px;
    transition: 0.15s ease-in-out;
}
.miejsce_7_outter a:hover{
    background-color: var(--airer);
    color: rgba(238, 106, 40, 0.9);
    border-color: var(--airer);
}
.non{
    display: flex;
    justify-content: flex-start;
    align-items: start;
    flex-direction: column;
}
.non p{
    font-size: 20px;
}
.non a{
    color: var(--bg);
    font-weight: 700;
}

@media (max-width: 1050px) {
    .menu-toggle {
        display: inline-block;
        cursor: pointer;
        background: none;
        border: none;
        font-size: 1.5rem;
        color: #333;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        transform: translateZ(0);
        backface-visibility: hidden;
        -webkit-backface-visibility: hidden;
        transition: all 0.3s ease;
        height: 100px;
    }
    .miejsce_6_main_L{
        width: 100%;
        flex-direction: column;
    }
    .menu-toggle:hover {
        color: #007BFF;
        scale: 1.2;
        transition: all 0.3s ease;
        text-rendering: geometricPrecision;
    }
    .nav-header {
        width: 100%;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    .logo img {
        height: 70px;
        width: auto;
    }
    .menu-toggle {
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .hamburger-box {
        width: 30px;
        height: 24px;
        display: inline-block;
        position: relative;
    }
    .hamburger-inner {
        display: block;
        top: 50%;
        margin-top: -2px;
        width: 100%;
        height: 3px;
        background-color: var(--text);
        border-radius: 3px;
        position: absolute;
        transition: transform 0.15s ease;
    }
    .hamburger-inner::before,
    .hamburger-inner::after {
        content: "";
        display: block;
        width: 100%;
        height: 3px;
        background-color: var(--text);
        border-radius: 3px;
        position: absolute;
        transition: transform 0.15s ease;
    }
    .hamburger-inner::before { top: -10px; }
    .hamburger-inner::after { bottom: -10px; }
    .menu-toggle.is-active .hamburger-inner {
        transform: rotate(45deg);
    }
    .menu-toggle.is-active .hamburger-inner::before {
        top: 0;
        opacity: 0;
    }
    .menu-toggle.is-active .hamburger-inner::after {
        bottom: 0;
        transform: rotate(-90deg);
    }
    .nav-links {
        position: absolute;
        top: 100%;
        left: 0;
        width: 100%;
        background-color: #ffffff;
        flex-direction: column;
        align-items: flex-start;
        gap: 0;
        overflow: hidden;
        max-height: 0; 
        opacity: 0;
        visibility: hidden; 
        pointer-events: none; 
        border-bottom: none;
        box-shadow: none;
        transition: max-height 0.5s ease-in-out, opacity 0.3s ease-in-out, visibility 0.5s;
    }
    .nav-links.nav-open {
        max-height: 100vh; 
        opacity: 1;
        visibility: visible; 
        pointer-events: auto; 
        padding-bottom: 20px;
        border-bottom: 2px solid var(--accent);
        box-shadow: 0 10px 20px rgba(0,0,0,0.1);
    }
    .has-submenu:hover > .submenu,
    .has-submenu:focus-within > .submenu {
        display: none; 
    }
    .has-submenu.submenu-open > .submenu {
        display: block !important;
        animation: fadeIn 0.3s;
    }
    .nav-links li {
        width: 100%;
        border-top: 1px solid var(--border);
    }
    .nav-links a,
    .nav-links p {
        padding: 1.2rem 2rem;
        width: 100%;
        font-size: 20px;
        justify-content: space-between;
    }
    .submenu {
        position: static;
        width: 100%;
        box-shadow: none;
        border: none;
        background-color: #f9f9f9;
        display: none;
        padding: 0;
        opacity: 1;
        transform: none;
    }
    .submenu li {
        border-top: 1px solid #eee;
    }
    .submenu a {
        padding-left: 3rem; 
        font-size: 18px;
    }
    .has-submenu.submenu-open .submenu {
        display: block;
        animation: fadeIn 0.3s;
    }
    .nav_bar_icon {
        transition: transform 0.3s ease;
    }
.zywial_1_section,
    .zywial_3_section,
    .zywial_4_section,
    .zywial_5_section {
        height: auto !important;
        min-height: auto !important;
        padding: 40px 15px !important;
    }
    .zywial_1_postac_handler,
    .zywial_4_postac_handler {
        position: relative !important;
        height: auto !important;
        width: 100% !important;
        display: flex !important;
        flex-direction: column-reverse !important; 
        align-items: center !important;
        padding: 0 !important;
        transform: none !important;
        gap: 20px;
    }
    .postac_text_box_1_anim,
    .postac_1_anim,
    .postac_text_box_4_anim,
    .postac_4_anim {
        width: 100% !important;
        display: flex;
        justify-content: center;
    }
    .zywial_1_postac_text_box,
    .zywial_4_postac_text_box {
        position: relative !important;
        width: 100% !important;
        max-width: 500px !important;
        height: auto !important;
        min-height: 350px !important;
        transform: none !important; 
        background-size: 100% 100% !important; 
        background-position: center !important;
        padding: 40px 30px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
    }
    .zywial_1_text,
    .zywial_4_text {
        width: 100% !important;
        transform: none !important; 
        font-size: 16px !important;
        text-align: center !important;
        padding: 0 10px !important;
        margin: 0 !important;
    }
    .zywial_1_postac_top,
    .zywial_4_postac {
        position: relative !important;
        width: 100% !important;
        max-width: 320px !important;
        height: auto !important;
        transform: none !important;
    }
    .zywial_2_handler {
        position: relative !important;
        height: auto !important;
        width: 100% !important;
        transform: none !important;
        display: flex !important;
        flex-direction: column-reverse !important;
        align-items: center !important;
        gap: 30px;
        padding-top: 40px;
    }
    .postac_text_box_2_anim,
    .postac_2_anim {
        width: 100% !important;
        display: flex;
        justify-content: center;
    }
    .zywial_2_postac_text_box {
        position: relative !important;
        width: 100% !important;
        max-width: 500px !important;
        height: auto !important;
        min-height: 300px !important;
        transform: none !important;
        background-size: 100% 100% !important;
        padding: 40px 20px !important;
        display: flex !important;
        justify-content: center !important;
        align-items: center !important;
        z-index: 5;
    }
    .zywial_2_text {
        width: 100% !important;
        transform: none !important;
        font-size: 16px !important;
        text-align: center !important;
    }
    .zywial_2_postac {
        position: relative !important;
        width: 100% !important;
        max-width: 320px !important;
        transform: none !important;
        z-index: 2;
    }
    .zywial_2_izar_tlo,
    .zywial_2_aura_tlo,
    .zywial_2_atlas_tlo,
    .zywial_2_prana_tlo {
        width: 120% !important; 
        max-width: 500px !important;
        height: 300px !important;
        background-size: contain !important;
        transform: translateX(-10%) !important; 
        top: auto !important;
        bottom: 0 !important;
        z-index: 1;
    }
    .zywial_5_outter {
        width: 100% !important;
        flex-direction: column !important;
        transform: none !important;
        text-align: center;
        gap: 20px;
        margin-top: 40px;
    }
    .zywial_5_text {
        font-size: 32px !important;
    }
    .zywial_5_postac_glowa {
        width: 250px !important;
        height: auto !important;
        margin-left: 0 !important;
    }
    .zywial_6_section {
        padding: 40px 15px !important;
        gap: 30px;
    }
    .zywial_6_tekst_outter {
        width: 100% !important;
        padding-left: 20px !important;
        font-size: 24px !important;
        text-align: left;
    }
    .zywial_6_btn {
        width: 100% !important;
        text-align: center;
        font-size: 20px !important;
        padding: 15px !important;
    }
    @keyframes slidein {
        from { opacity: 0; transform: translateX(-50px); filter: blur(5px); }
        to { opacity: 1; filter: blur(0); transform: translateX(0%); }
    }
    @keyframes slideinR {
        from { opacity: 0; transform: translateX(50px); filter: blur(5px); }
        to { opacity: 1; filter: blur(0); transform: translateX(0%); }
    }
    @keyframes slideinU {
        from { opacity: 0; transform: translateY(50px); filter: blur(5px); }
        to { opacity: 1; filter: blur(0); transform: translateY(0%); }
    }
@keyframes fadeIn {
    from { opacity: 0; transform: translateY(-10px); }
    to { opacity: 1; transform: translateY(0); }
}
.topLeftText.notfilled{
    color: var(--bg) !important;
}
    .top-Left {
        height: 800px;
        width: 100%;
        margin: 0;
        padding: 20px;
        background-image: url(img/index_gal/main_site.webp);
        background-size: cover;
        background-position: center;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: right;
        position: relative;
    }
    .top-Left::before{
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(255, 255, 255, 0.5);
        z-index: 0;
    }
    .topLeftText {
        font-size: 70px;
        text-align: right;
        text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.7);
    }
    .top-right {
        display: none;
    }
    .top-section {
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .zapisz-sie {
        margin-top: 40px;
        padding: 15px 20px;
        font-size: 27px;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .zapisz-sie.zapisz_sie_bottom{
        font-size: 20px;
        font-weight: 600;
    }
    .meta_index{
        font-size: 14px;
    }
    .Pierwszy {
        margin: 20px 0;
        height: fit-content;
        justify-content: center;
        align-items: center;
    }
    .Pierwszy_mobile{
        width: 90%;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
    }
    .Pierwszy p{
        width: 90%;
    }
    .Pierwszy h2 {
        font-size: 30px;
        margin-bottom: 20px;
    }
    .Pierwszy_slide{
        width: 95%;
        padding: 40px;
    }
    .Pierwszy_slide p{
        font-size: 24px;
    }
    .Drugi {
        flex-direction: column;
        display: flex;
        align-items: center;
        width: 100%;
    }
    .Drugi h1{
        margin-bottom: 40px;
    }
    .zywioly_outter {
        width: 90%;
        justify-content: center;
        align-items: center;
        display: flex;
        flex-direction: column;
    }
    .zywiol {
        width: 60%;
        height: 150px;
        margin-bottom: 30px;
        border-radius: 15px;
        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 20px;
        color: #fff;
    }
    .Drugi:has(.ikark:hover) .ikar, .Drugi:has(.pranak:hover) .prana {
        display: none;
    }
    .Drugi:has(.atlask:hover) .atlas, .Drugi:has(.aurak:hover) .aura {
        display: none;
    }
    .mobil_not{
        display: none;
    }
    .logo_center_holder{
        width: 80%;
        display: none;
    }
    .logo_center{
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        scale: 100%;
    }
    .zywiol_text {
        font-size: 26px;
        line-height: 1.4;
        height: 100%;
        width: 30%;
        text-align: center;
        align-items: center;
        display: flex;
        justify-content: center;
        flex-direction: column;
        font-weight: bold;
    }
    .zywiol_inner_placement {
        text-align: center;
        height: auto;
        width: 90%;
        display: flex;
        flex-direction: row;
    }
    .zywiol_inner_placement_L {
        width: 48%;
        text-align: right;
        align-items: center;
        display: flex;
        justify-content: center;
        height: 100%;
        font-size: 40px;
        border-right: solid 2px #fff;
    }
    .zywiol_inner_placement_R {
        width: 52%;
        text-align: center;
        font-weight: bold;
        min-height: 100px;
    }
    .zywiol_inner_placement p {
        margin: 0;
        padding: 0;
        font-size: 16px;
    }
    .material-symbols-outlined.ogien,
    .material-symbols-outlined.woda,
    .material-symbols-outlined.powietrze,
    .material-symbols-outlined.ziemia {
        font-variation-settings: 'FILL' 0, 'wght' 700, 'GRAD' 100, 'opsz' 48;
        font-size: 80px;
        color: #fff;
    }
    .trzeci {
        flex-direction: column;
        display: flex;
        align-items: center;
        width: 100%;
        height: auto;
    }
    .trzeci_outter {
        width: 95%;
        justify-content: space-between;
        align-items: center;
        display: flex;
        flex-direction: row;
        height: 1300px;
        padding: 0 10px;
    }
    .trzeci_innerL {
        width: 100%;
        height: 80%;
        display: flex;
        justify-content: space-between;
        align-items: start;
        flex-direction: column;
        border: none;
        border-left: solid 4px;
    }
    .circle {
        transform: translateX(-9px);
        width: 15px;
        height: 20px;
        background-color: #333;
        border-radius: 15px;
        border: solid 3px #333;
        color: #FF6F61;
    }
    .circle_fake {
        width: 0;
        height: 0;
    }
    .allOfIt {
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: row;
        width: 100%;
    }
    .trzeci_info {
        width: 80%;
        height: auto;
    }
    .trzeci_info h3 {
        font-size: 20px;
        color: #333;
        text-align: center;
        background-color: #ddd;
        width: 250px;
        border-radius: 10px;
        padding: 5px;
        margin-left: 10px;
        border: solid 4px #333;
        border-bottom: 4px solid #444;
        transform: translateY(4px);
        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    }
    .trzeci_info_outter1 {
        display: flex;
        justify-content: left;
        align-items: center;
        flex-direction: row;
        height: auto;
        width: 100%;
    }
    .info_box {
        width: 115%;
        height: auto;
        background-color: #f0f0f0;
        border-radius: 15px;
        border: solid 4px #333;
        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
        padding: 20px;
        padding-left: 40px;
        margin: 0 0 10px 0;
        font-size: 20px;
        color: #333;
        display: flex;
        justify-content: left;
    }
    .connector {
        width: 40px;
        height: 4px;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    .circle.fixLeft {
        transform: translateX(-22px) translateY(-5px);
        padding: 5px;
        position: absolute;
    }
    .circle.fixRight {
        padding: 5px;
        transform: translateX(22px) translateY(-5px);
        position: absolute;
    }
    .info_box li {
        list-style-type: disc;
        text-align: start;
    }
    .info_box_inner {
        justify-content: center;
        align-items: center;
        display: flex;
        flex-direction: column;
        transform: translateX(5px);
    }
    .czwarty {
        height: fit-content;
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
    }
    .czwarty_left{
        width: 90%;
    }
    .czwarty_left img{
        width: 100%;
        height:auto;
    }
    .czwarty_text_pierwszy{
        width: 90%;
    }
    .czwarty_outter {
        height: auto;
        flex-direction: column;
        width: 90%;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .czwarty h2 {
        font-size: 22px;
    }
    .czwarty_text {
        width:100%;
        margin-left: 0;
        height: fit-content;
        margin-top: 40px;
    }
    .czwarty_right{
        width: 90%;
    }
    .czwarty_bottom_text{
        width: 100%;
    }
    .czwarty_bottom_button_outter{
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .czwarty_outter1{
        flex-direction: column;
        width: 100%;
    }
    .czwarty_bottom_left_header{
        margin-left: 40px;
        width: 80%;
    }
    .czwarty_bottom_button{
        flex-direction: column;
        justify-content: center;
        align-items: baseline;
        margin-bottom: 20px;
    }
    .czwarty_text hr {
        margin: 4px 0;
    }
    .czwarty_bottom_right{
        width: 380px;
        height: auto;
    }
    .czwarty_bottom_right img{
        width: 100%;
        height: auto;
    }
    .piaty {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;
        flex-direction: column;
    }
    .piaty_galeria {
        width: 100%;
        max-width: 1100px;
        height: 520px;
        margin: 0 auto;
        display: flex;
        justify-content: center;
        align-items: center;
        position: relative;
        overflow: hidden;
        outline: none;
    }
    .piaty_galeria .wheel {
        display: flex;
        gap: 18px;
        align-items: center;
        transition: transform 520ms cubic-bezier(.22, .9, .3, 1);
        will-change: transform;
        padding: 24px 0;
    }
    .piaty_galeria .gal {
        flex: 0 0 300px;
        height: 420px;
        border-radius: 10px;
        overflow: hidden;
        box-shadow: 0 10px 30px rgba(0, 0, 0, 0.06);
        background: var(--card-bg);
        transition: transform 520ms cubic-bezier(.22, .9, .3, 1), opacity 420ms ease, box-shadow 420ms ease;
        transform-origin: center;
        pointer-events: none;
    }
    .piaty_galeria .gal img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        display: block;
        transition: transform 520ms cubic-bezier(.22, .9, .3, 1);
    }
    .piaty_btns {
        justify-content: space-between;
        display: flex;
        align-items: center;
        width: 70%;
    }
    .btn_gal {
        width: 46px;
        height: 46px;
        border-radius: 8px;
        color: white;
        border: none;
        cursor: pointer;
        font-size: 18px;
        box-shadow: 0 8px 20px rgba(0, 0, 0, 0.08);
        transition: transform 180ms ease, box-shadow 180ms ease, opacity 180ms ease;
    }
    .btn_gal:active {
        transform: scale(0.96);
    }
    .piaty_text {
        margin: 40px 0;
        text-align: start;
        width: 80%;
        font-size: 18px;
        font-weight: 600;
        display: flex;
        flex-direction: column;
    }
    .piaty_text p {
        width: auto;
        font-size: 25px;
    }
    .szosty {
        text-align: center;
    }
    .osmy {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        min-height: 400px;
        width: 100%;
    }
    .osmy_outter {
        width: 90%;
        height: 100%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    .osmy_text {
        justify-content: start;
        display: flex;
        align-items: center;
        width: auto;
    }
    footer {
        padding: 10px;
        background-color: #5FA8D3;
        margin: 0;
    }
    footer p {
        height: auto;
        text-align: center;
    }
    .footer {
        display: flex;
        flex-direction: column;
        margin-top: 20px;
        height: auto;
        align-items: center;
    }
    .footer_element {
        margin: 20px 0;
        width: 90%;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }
    .footer_jeden {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        padding: 0;
    }
    .footer_jeden a{
        width: 100%;
        height: 100%;
        align-items: center;
        justify-content: center;
        display: flex;
    }
    .footer_jeden p {
        text-align: left;
        text-wrap: balance;
        padding-left: 20px;
        font-size: 24px
    }
    .footer_jeden img {
        width: auto;
        height: 100px;
        margin-bottom: 25px;
    }
    .footer_dwa {
        display: flex;
        flex-direction: column;
        justify-content: space-around;
        align-items: center;
        font-size: 28px;
    }
    .footer_element.footer_dwa p{
        font-size: 28px;
        font-weight: 900;
    }
    .footer_dwa p {
        font-size: 28px;
        font-weight: 600;
    }
    .footer_dwa a {
        margin: 5px 0;
        font-size: 28px;
        font-weight: 600;
    }
    .footer_dwa_wl {
        display: flex;
        flex-direction: column;
        width: 100%;
        justify-content: center;
        align-items: center;
    }
    .footer_trzy {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    .footer_trzy p {
        height: auto;
    }
    .footer_czwarty {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    .footer_czwarty a {
        font-size: 28px;
        font-weight: 600;
    }
    .footer_el_4{
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: row;
        width: 100%;
        min-height: 60px;
    }
    .footer_el_4 p{
        font-size: 28px;
        font-weight: 600;
        
    }
.callendar_index.callendar_zywial{
    width: 110%;
    display: flex;
    justify-content: end;
    align-items: center;
}
.callendar_index{
    width: 110%;
}
.term_index{
    width: 100%;
}
.card_index{
    width: 100%;
}
.availability_index{
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.badge_index{
    display: none;
}
.btn_index{
    font-size: 12px;
}

.non p, .non a{
    font-size: 28px !important;
}
    .zywial_3_section {
        flex-direction: column;
    }
    .zywial_4_section {
        align-items: center;
        justify-content: center;
        box-shadow: inset 0 0 10px 10px var(--bg);
    }
    .zywial_5_section {
        flex-direction: column;
        justify-content: center;
    }
    .zywial_6_section {
        flex-direction: column;
        width: 100%;
    }
    .zywial_6_tekst_outter {
        width: 90%;
        font-size: 30px;
        margin-bottom: 50px;
    }
    @media (max-width: 900px) {
        .piaty_galeria {
            height: 420px;
            perspective: 900px;
            margin-bottom: 20px;
        }
        .piaty_galeria .wheel {
            width: 520px;
            height: 360px;
        }
        .piaty_galeria .gal {
            width: 220px;
            height: 320px;
        }
    }
    .piaty_galeria .gal {
        pointer-events: auto;
    }
    .piaty_galeria .gal {
        pointer-events: auto;
    }
}
:root {
    --bg: #fbfdff;
    --text: #1e2933;
    --muted: #6b7b88;
    --accenter: #6EC6FF;
    --accent: #9ed3ff;
    --accent-dark: #165fb8;
    --warm: #ee6a28;
    --warmer: #fd6e3a;
    --evenwarmer: #ff591c;
    --earth: #C49A6C;
    --earther: #8a6238;
    --evenearther: #4b3620;
    --air: #c0ced3;
    --airer: #f8f9f5;
    --evenairer: #56727c;
    --card-bg: #ffffff;
    --border: #e6eef6;
    --shadow-color: rgba(30, 41, 51, 0.06);
    --lightgreen: #6cce6e;
    --lightred: #f28b8b;
}
body {
    background-color: var(--bg) !important;
    color: var(--text) !important;
}
.main-nav {
    background: linear-gradient(180deg, #ffffff 0%, #f3f9ff 100%) !important;
    color: var(--text) !important;
    border-bottom: 2px solid var(--border) !important;
}
.nav-links a,
.nav-links p {
    color: var(--text) !important;
}
.nav-links li{
    transition: 0.25s;
    background-color: transparent;
}
.nav-links li:hover {
    background-color: var(--air);
    color: var(--airer);
    border-radius: 25px;
}
.menu-toggle {
    color: var(--text) !important;
}
.menu-toggle:hover {
    color: var(--accent) !important;
}
.topLeftText {
    text-shadow: 0 6px 18px rgba(0, 119, 200, 0.06) !important;
}
.zapisz-sie {
    background-color: var(--warm) !important;
    box-shadow: 0 8px 20px var(--shadow-color) !important;
    color: #fff !important;
}
.zapisz-sie:hover {
    background-color: var(--evenwarmer) !important;
}
.trzeci_info h3 {
    background-color: var(--accent) !important;
    color: #ffffff !important;
    border-color: color-mix(in srgb, var(--accent) 80%, black 10%) !important;
    box-shadow: 0 8px 20px rgba(0, 119, 200, 0.06) !important;
}
.trzeci_innerL {
    border-color: var(--muted);
}
.info_box {
    background-color: var(--card-bg) !important;
    border-color: var(--border) !important;
    color: var(--text) !important;
    box-shadow: 0 8px 20px var(--shadow-color) !important;
}
.connector {
    background-color: var(--muted);
}
.circle {
    background-color: var(--accent) !important;
    border-color: #fff !important;
    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.06) !important;
}
.czwarty {
    background-color: var(--airer);
}
.nav-links li a:hover {
    transition: all 0.25s ease-in-out;
}
body {
    background: #fdfdfd;
    color: #2b2b2b;
}
.main-nav {
    background: linear-gradient(180deg, #ffffff 0%, #f9fcff 100%);
}
.zapisz-sie {
    background-color: var(--accent);
    border: none;
    transition: all 0.3s ease;
    backface-visibility: hidden;
  transform: translateZ(0);
  -webkit-font-smoothing: subpixel-antialiased;
}
.zapisz-sie:hover {
    background-color: var(--accenter);
    transition: transform 0.3s; transform: scale(1.05);
}
.cookie-banner {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    background-color: var(--card-bg);
    border-top: 2px solid var(--border);
    box-shadow: 0 -10px 30px rgba(0, 0, 0, 0.1);
    z-index: 9999;
    display: flex;
    justify-content: center;
    padding: 20px;
    transform: translateY(100%);
    transition: transform 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.cookie-banner.show {
    transform: translateY(0);
}
.cookie-content {
    max-width: 1100px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    gap: 30px;
    width: 100%;
}
.cookie-content p {
    margin: 0;
    font-size: 16px;
    color: var(--text);
    line-height: 1.5;
}
.cookie-content a {
    color: var(--accent-dark);
    text-decoration: underline;
    font-weight: 600;
}
.cookie-btn {
    background-color: var(--accent);
    color: white;
    border: none;
    padding: 12px 24px;
    border-radius: 10px;
    font-weight: 700;
    font-size: 16px;
    cursor: pointer;
    transition: all 0.2s ease-in-out;
    white-space: nowrap;
}
.cookie-btn:hover {
    background-color: var(--text);
    transform: scale(1.05);
}
@media (max-width: 800px) {
    .cookie-content {
        flex-direction: column;
        text-align: center;
        gap: 15px;
    }
    .cookie-btn {
        width: 100%;
    }
}
footer {
    background-color: #5FA8D3;
    color: #fff;
}
.zywial_1_postac_handler,
.zywial_2_handler,
.zywial_4_postac_handler {
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    max-width: 1300px !important;
    margin: 0 auto !important;
    height: auto !important;
    min-height: 500px !important;
    padding: 40px 20px !important;
    transform: none !important; 
    gap: 50px !important;
}
.zywial_1_postac_handler,
.zywial_4_postac_handler {
    flex-direction: row-reverse !important; 
}
.zywial_2_handler {
    flex-direction: row !important; 
}
.postac_text_box_1_anim, .postac_text_box_2_anim, .postac_text_box_4_anim,
.postac_1_anim, .postac_2_anim, .postac_4_anim {
    position: relative !important;
    width: 50% !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    left: auto !important;
    right: auto !important;
    top: auto !important;
    bottom: auto !important;
}
.zywial_1_postac_text_box,
.zywial_2_postac_text_box,
.zywial_4_postac_text_box {
    position: relative !important;
    transform: none !important;
    left: auto !important;
    right: auto !important;
    top: auto !important;
    bottom: auto !important;
    width: 100% !important;
    max-width: 650px !important;
    height: auto !important;
    background-image: none !important;
}
.zywial_1_postac_top, 
.zywial_2_postac, 
.zywial_4_postac {
    position: relative !important;
    transform: none !important;
    left: auto !important;
    right: auto !important;
    top: auto !important;
    bottom: auto !important;
    width: 100% !important;
    max-width: 450px !important;
    height: auto !important;
    object-fit: contain !important;
}
.speech_bubble {
    background: var(--card-bg) !important;
    border: 5px solid var(--text) !important;
    border-radius: 30px !important;
    padding: 40px 50px !important;
    width: 100% !important; 
    box-sizing: border-box !important;
    box-shadow: none !important; 
    z-index: 5 !important;
}
.speech_bubble p {
    font-size: 22px !important; 
    font-weight: 600 !important;
    line-height: 1.6 !important;
    margin: 0 !important;
    width: 100% !important;
    text-align: left !important;
    transform: none !important;
}
.ogien_zywial .speech_bubble { border-color: var(--warm) !important; }
.woda_zywial .speech_bubble { border-color: var(--accent) !important; }
.ziemia_zywial .speech_bubble { border-color: var(--earth) !important; }
.powietrze_zywial .speech_bubble { border-color: var(--air) !important; }
.speech_bubble::before,
.speech_bubble::after {
    content: '' !important;
    position: absolute !important;
    display: block !important;
    width: 0 !important;
    height: 0 !important;
    z-index: 1 !important;
    border-style: solid !important;
    transform: none !important;
}
@media (min-width: 1051px) {
    .speech_bubble.pointer_left::after {
        left: -18px !important; top: 50px !important;
        border-width: 20px 20px 20px 0 !important;
        border-color: transparent var(--card-bg) transparent transparent !important;
        z-index: 2 !important;
    }
    .speech_bubble.pointer_left::before {
        left: -25px !important; top: 48px !important;
        border-width: 22px 22px 22px 0 !important;
    }
    .speech_bubble.pointer_right::after {
        right: -18px !important; top: 50px !important;
        border-width: 20px 0 20px 20px !important;
        border-color: transparent var(--card-bg) transparent transparent !important;
        z-index: 2 !important;
    }
    .speech_bubble.pointer_right::before {
        right: -25px !important; top: 48px !important;
        border-width: 22px 0 22px 22px !important;
    }
    .ogien_zywial .speech_bubble.pointer_left::before { border-color: transparent var(--warm) transparent transparent !important; }
    .ogien_zywial .speech_bubble.pointer_right::before { border-color: transparent transparent transparent var(--warm) !important; }
    .woda_zywial .speech_bubble.pointer_left::before { border-color: transparent var(--accent) transparent transparent !important; }
    .woda_zywial .speech_bubble.pointer_right::before { border-color: transparent transparent transparent var(--accent) !important; }
    .ziemia_zywial .speech_bubble.pointer_left::before { border-color: transparent var(--earth) transparent transparent !important; }
    .ziemia_zywial .speech_bubble.pointer_right::before { border-color: transparent transparent transparent var(--earth) !important; }
    .powietrze_zywial .speech_bubble.pointer_left::before { border-color: transparent var(--air) transparent transparent !important; }
    .powietrze_zywial .speech_bubble.pointer_right::before { border-color: transparent transparent transparent var(--air) !important; }
}
@media (max-width: 1050px) {
    .zywial_1_postac_handler,
    .zywial_2_handler,
    .zywial_4_postac_handler {
        flex-direction: column-reverse !important; 
        padding: 20px !important;
        gap: 30px !important;
    }
    .speech_bubble p {
        font-size: 18px !important;
        text-align: center !important;
    }
    .speech_bubble.pointer_left::after,
    .speech_bubble.pointer_left::before,
    .speech_bubble.pointer_right::after,
    .speech_bubble.pointer_right::before {
        left: 50% !important;
        right: auto !important;
        transform: translateX(-50%) !important;
    }
    .speech_bubble.pointer_left::after,
    .speech_bubble.pointer_right::after {
        top: -18px !important;
        border-width: 0 20px 20px 20px !important;
        border-color: transparent transparent var(--card-bg) transparent !important;
        z-index: 2 !important;
    }
    .speech_bubble.pointer_left::before,
    .speech_bubble.pointer_right::before {
        top: -25px !important;
        border-width: 0 22px 22px 22px !important;
    }
    .ogien_zywial .speech_bubble.pointer_left::before, .ogien_zywial .speech_bubble.pointer_right::before { border-color: transparent transparent var(--warm) transparent !important; }
    .woda_zywial .speech_bubble.pointer_left::before, .woda_zywial .speech_bubble.pointer_right::before { border-color: transparent transparent var(--accent) transparent !important; }
    .ziemia_zywial .speech_bubble.pointer_left::before, .ziemia_zywial .speech_bubble.pointer_right::before { border-color: transparent transparent var(--earth) transparent !important; }
    .powietrze_zywial .speech_bubble.pointer_left::before, .powietrze_zywial .speech_bubble.pointer_right::before { border-color: transparent transparent var(--air) transparent !important; }
}
.speech_bubble p,
.zywial_1_text,
.zywial_2_text,
.zywial_4_text {
    width: 100% !important;
    max-width: 100% !important;
    transform: none !important;
    margin: 0 !important;
    padding: 0 !important;
    text-align: left !important;
}
@media (max-width: 1050px) {
    .speech_bubble p,
    .zywial_1_text,
    .zywial_2_text,
    .zywial_4_text {
        text-align: center !important;
    }
    .speech_bubble {
        padding: 25px 20px !important;
    }
    .speech_bubble::after,
    .speech_bubble::before {
        left: 50% !important;
        right: auto !important;
        transform: translateX(-50%) !important;
    }
    .speech_bubble::after {
        top: -18px !important;
        bottom: auto !important;
        border-width: 0 20px 20px 20px !important;
        border-style: solid !important;
        border-color: transparent transparent var(--card-bg) transparent !important;
    }
    .speech_bubble::before {
        top: -25px !important;
        bottom: auto !important;
        border-width: 0 22px 22px 22px !important;
        border-style: solid !important;
    }
    .ogien_zywial .speech_bubble::before { border-color: transparent transparent var(--warm) transparent !important; }
    .woda_zywial .speech_bubble::before { border-color: transparent transparent var(--accent) transparent !important; }
    .ziemia_zywial .speech_bubble::before { border-color: transparent transparent var(--earth) transparent !important; }
    .powietrze_zywial .speech_bubble::before { border-color: transparent transparent var(--air) transparent !important; }
}
.postac_text_box_1_anim, .postac_text_box_2_anim, .postac_text_box_4_anim,
.postac_1_anim, .postac_2_anim, .postac_4_anim {
    opacity: 0; 
}
.slidein { animation: slidein_new 0.8s ease-out forwards !important; }
.slideinR { animation: slideinR_new 0.8s ease-out forwards !important; }
@keyframes slidein_new {
    from { transform: translateX(-150px); filter: blur(8px); opacity: 0; }
    to { transform: translateX(0); filter: blur(0); opacity: 1; }
}
@keyframes slideinR_new {
    from { transform: translateX(150px); filter: blur(8px); opacity: 0; }
    to { transform: translateX(0); filter: blur(0); opacity: 1; }
}
@media (max-width: 1050px) {
    @keyframes slidein_new {
        from { transform: translateX(-40px); filter: blur(5px); opacity: 0; }
        to { transform: translateX(0); filter: blur(0); opacity: 1; }
    }
    @keyframes slideinR_new {
        from { transform: translateX(40px); filter: blur(5px); opacity: 0; }
        to { transform: translateX(0); filter: blur(0); opacity: 1; }
    }
}
.zywial_4_postac_text_box {
    position: relative !important;
    left: auto !important;
    top: auto !important;
    width: 100% !important;
    max-width: 650px !important;
    height: auto !important;
    z-index: 5 !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    flex-direction: column !important;
    transform: none !important;
    background-image: none !important;
}
.zywial_4_text {
    width: 100% !important;
    max-width: 100% !important;
    font-size: 22px !important;
    font-weight: 600 !important;
    transform: none !important;
    text-align: left !important;
    margin: 0 !important;
    padding: 0 !important;
}
@media (max-width: 1050px) {
    .zywial_1_postac_handler,
    .zywial_2_handler,
    .zywial_4_postac_handler {
        width: 100% !important;
        max-width: 100vw !important;
        box-sizing: border-box !important;
        padding: 20px 15px !important;
        overflow: visible !important;
        margin: 0 auto !important;
    }
    .zywial_1_postac_text_box,
    .zywial_2_postac_text_box,
    .zywial_4_postac_text_box,
    .speech_bubble {
        width: 100% !important;
        max-width: 92vw !important; 
        box-sizing: border-box !important; 
        margin: 0 auto !important; 
        padding: 25px 20px !important; 
    }
    .speech_bubble p,
    .zywial_1_text,
    .zywial_2_text,
    .zywial_4_text {
        font-size: 17px !important; 
        text-align: left !important; 
        word-wrap: break-word !important; 
        line-height: 1.5 !important;
    }
    .postac_text_box_1_anim, 
    .postac_text_box_2_anim, 
    .postac_text_box_4_anim {
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
    }
}
@media (max-width: 1050px) {
    .zywial_2_tlo {
        position: absolute !important;
        top: 20px !important; 
        left: 0 !important;
        width: 100% !important;
        height: 380px !important; 
        transform: none !important;
        display: flex !important;
        justify-content: center !important;
        align-items: flex-end !important; 
        z-index: 1 !important;
    }
    .zywial_2_izar_tlo,
    .zywial_2_aura_tlo,
    .zywial_2_atlas_tlo,
    .zywial_2_prana_tlo {
        width: 350px !important;
        height: 120px !important; 
        max-width: 90vw !important;
        background-size: 100% 100% !important; 
        background-position: center !important;
        background-repeat: no-repeat !important;
        margin: 0 !important;
        transform: translateY(20px) !important; 
    }
    .postac_2_anim {
        z-index: 2 !important;
    }
}
@media (max-width: 1050px) {
    .zywial_1_postac_handler .postac_1_anim,
    .zywial_2_handler .postac_2_anim,
    .zywial_4_postac_handler .postac_4_anim {
        width: 100% !important;
        height: 480px !important; 
        display: flex !important;
        justify-content: center !important;
        align-items: flex-start !important;
        position: relative !important;
        overflow: hidden !important; 
        margin-top: -20px !important;
        z-index: 10 !important;
        /* ZAMIAST CZARNEGO CIENIA: Płynna maska przezroczystości! 
           Od góry obrazek jest w 100% widoczny, na dole płynnie znika, wtapiając się w tło */
        -webkit-mask-image: linear-gradient(to bottom, black 65%, transparent 100%) !important;
        mask-image: linear-gradient(to bottom, black 65%, transparent 100%) !important;
        box-shadow: none !important; 
    }
    .zywial_1_postac_handler .zywial_1_postac_top,
    .zywial_2_handler .zywial_2_postac,
    .zywial_4_postac_handler .zywial_4_postac {
        width: auto !important;
        max-width: none !important;
        height: 600px !important; 
        position: relative !important;
        top: 0 !important;
        transform: none !important;
        margin: 0 auto !important;
        z-index: 1 !important;
        opacity: 1 !important;
    }
    /* Ukrywamy białą plamę (starą podłogę z sekcji 2) na mobile, 
       bo przy zanikających nogach nie jest już potrzebna i psułaby iluzję */
    .zywial_2_handler .zywial_2_tlo {
        display: none !important; 
    }
}
.postac_text_box_1_anim, 
.postac_text_box_2_anim, 
.postac_text_box_4_anim {
    animation-delay: 0.75s !important;
}
@media (min-width: 1051px) {
    .zywial_2_tlo {
        position: absolute !important;
        top: 50% !important;
        left: 50% !important;
        transform: translate(-50%, -50%) !important;
        width: 100% !important;
        height: 100% !important;
        display: flex !important;
        justify-content: center !important;
        align-items: center !important;
        z-index: 0 !important;
        pointer-events: none; 
    }
    .zywial_2_izar_tlo, 
    .zywial_2_aura_tlo, 
    .zywial_2_atlas_tlo, 
    .zywial_2_prana_tlo {
        position: relative !important;
        transform: translate(240px, 120px) !important; 
        width: 800px !important;
        height: 800px !important;
        background-size: 600px !important; 
        background-repeat: no-repeat !important;
        background-position: center !important;
        opacity: 1 !important;
        display: block !important;
    }
    .postac_2_anim {
        z-index: 2 !important;
    }
}
.postac_text_box_1_anim, 
.postac_text_box_2_anim, 
.postac_text_box_4_anim {
    animation-delay: 0.5s !important;
}
@media (min-width: 1051px) {
    .zywial_2_izar_tlo, 
    .zywial_2_aura_tlo, 
    .zywial_2_atlas_tlo, 
    .zywial_2_prana_tlo {
        transform: translate(320px, -70px) !important; 
        width: 100% !important;
        height: 150% !important;
        opacity: 1 !important;
        display: block !important;
    }
}

@media (max-width: 1050px) {
    .cookie-content {
        flex-direction: column;
        text-align: center;
        gap: 15px;
    }
    
    .cookie-btn {
        flex: 1; 
        width: auto;
    }
    .piaty_title_outter {
        flex-direction: column-reverse; /* Układa zdjęcie nad tekstem */
        text-align: center;
        gap: 40px;
        margin: 50px auto;
    }

    .piaty_title_L {
        text-align: center; /* Na telefonie tekst często wygląda lepiej wyśrodkowany */
        max-width: 100%;
    }
    .index_header{
        margin-bottom: 20px;
    }
    .index_header h1{
        font-size: 28px;
        margin-bottom: 20px;
    }
    .index_header::before{
        bottom: -5%;
        width: 105%;
        height: 8px;
    }
    .piaty_title_outter{
        flex-direction: column !important;
    }
    .piaty_title_L_text{
        width: 105% !important;
    }
}
@media (max-width: 524px) {
    .index_header h1{
        max-width: 350px;
    }
}
.piaty_title_outter {
    display: flex;
    flex-direction: row;
    align-items: center; /* Wyśrodkowanie w pionie */
    justify-content: center;
    gap: 60px; /* Zastępuje space-around - daje pełną kontrolę nad odstępem */
    width: 80%;
    margin: 80px auto; /* Wyśrodkowanie całej sekcji + marginesy góra/dół */
    padding: 0 20px;
}

/* Lewa kolumna (tekst) */
.piaty_title_L {
    flex: 1; /* Pozwala sekcji rosnąć proporcjonalnie */
    max-width: 500px;
    text-align: left; /* Tekst wyrównany do lewej jest czytelniejszy w blokach */
}

.piaty_title_L p {
    font-size: 1.1rem;
    line-height: 1.8; /* Większy odstęp między liniami dodaje oddechu */
    color: #4a4a4a; /* Miękki grafit zamiast smolistej czerni */
    margin: 0;
}

.piaty_title_L p strong {
    display: block;
    margin-top: 20px;
    font-size: 1.25rem;
    color: #1a1a1a;
}

.piaty_title_R {
    flex: 1;
    max-width: 700px;
    display: flex;
    justify-content: center;
}

.piaty_title_R img {
    width: 100%;
    height: auto;
    aspect-ratio: 1.5/1; /* Wymusza format kwadratu niezależnie od szerokości */
    object-fit: cover;
    border-radius: 12px; /* Lekkie zaokrąglenie rogów (nowoczesny wygląd) */
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08); /* Miękki, elegancki cień */
    transition: transform 0.4s ease; /* Płynna animacja */
}
.piaty_title_L_text{
    font-size: 24px !important;
    flex-direction: column;
    text-align: left;
}
.index_header{
    font-size: 28px;
    position: relative;
    text-align: center;
    margin-bottom: 20px;
}
.index_header h1{
    z-index: 1;
}
.index_header::before{
    position: absolute;
    content: '';
    left: 0;
    bottom: -35%;
    width: 110%;
    height: 20px;
    transform: translateY(-100%) translateX(-5%);
    background-color: var(--warm);
    clip-path: polygon(
        15px 0%,                  
        calc(100% - 15px) 0%,     
        100% 50%,       
        calc(100% - 15px) 100%, 
        15px 100%,                
        0% 50%                    
    );
}