.hero-master-container{
margin:0;
padding:0;
background-image:url("https://festiwalaktywnosci.pl/wp-content/uploads/2025/08/tlo2.webp");
background-repeat: no-repeat;
background-size: 100% 100%;
width:100%;
height:100vh;
box-sizing: border-box;
overflow:hidden;
position:relative;
}
.hero-inner-container{
display: flex;
height:100%;
align-items: center;
}

.hero-place{
background-color: #457D7D;
padding: .5rem;
color: white;
font-weight: 500;
display: inline-flex;
margin: 0;
user-select:none;
}

.hero-place-span{
padding: 0 .5rem;
font-size: .6rem;
margin: auto;
}

.hero-place::before{
content: "\F1F3"; 
font-family: "bootstrap-icons";
font-style: normal;
font-weight: normal;
display: inline-block;
margin-right: 0.5rem;
color: white;
}

.hi-left{
padding:5%;
width:40%;
box-sizing: border-box;
}

.hi-right{
position:relative;
height: 100%;
width:60%;
box-sizing: border-box;
}
.hero-image{
height: 100%;
position: absolute;
bottom:-10%;
left: 0;
z-index: 2;
}

.senior{
z-index2;
left:40%;
}
.seniorka{
z-index:1;
left:20%;
height:90%;
}

.hero-h1{
font-size:clamp(2rem, 3.0vw, 16rem);
padding:0;
margin:0;
}
.hero-lead{
font-size:clamp(1rem, 1.5vw, 12rem);
padding:.8rem 0;
margin:0;
font-weight:600;
}

.hero-digit-container{
position:absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
opacity: 0.5;
height:100%;
}
.hero-digit{
height:100%;
animation: sway 18s ease-in-out infinite;
}

@keyframes sway {
  0%   { transform: translateX(0); }
  50%  { transform: translateX(50px); }
  100% { transform: translateX(0); }
}

.hero-buttons-container{
margin-top:.2rem;
display:flex;
gap:1rem;
}
.hero-buttons{
background:#5e6c66;
color:white;
padding: .6rem 1.2rem;
border:0;
cursor:pointer;
font-weight:600;
font-size:clamp(1rem, 1.1vw, 8rem);
border: 2px solid #5e6c66;
}
.second-button{
background:none!important;
color:black!important;
}
.second-button a{
color:#5e6c66!important;
}
.hero-buttons:hover{
background:#39443f;
}

@media only screen and (max-width: 600px) {
.hero-inner-container{
align-items: center;
flex-direction: column-reverse;
justify-content: flex-end;
}
.hi-left{
width:100%;
background: white;
height:40%;
padding:10%;
}
.hi-right{
width:100%;
max-height:60%;
}
.hero-image{
height:90%;
bottom:0;
}
.seniorka{
height:80%;
left:5%;
}
.senior{
left:25%;
}
.hero-digit{
left: 50%;
transform: translate(-50%, -0%);
opacity: 0.5;
height: 60%;
position: relative;
animation: none 18s ease-in-out infinite;
}
.hero-master-container{
margin:0;
padding:0;
background-image:url("https://festiwalaktywnosci.pl/wp-content/uploads/2025/08/tlo-mobile.webp");
}
.zones, .zones2 {
display: grid!important;
grid-template-columns: repeat(1, 1fr)!important;
}
.zones > .wp-block-column:nth-child(1), .zones > .wp-block-column:nth-child(3), .zones2 > .wp-block-column:nth-child(3), .zones2 > .wp-block-column:nth-child(4) {
background-color: #5e6c6657!important;
}
.zones > .wp-block-column:nth-child(2), .zones > .wp-block-column:nth-child(4), .zones2 > .wp-block-column:nth-child(2), .zones2 > .wp-block-column:nth-child(4) {
background-color: white!important;
}
}