.footer-contact-box{
width:100%;
display:flex;
justify-content:center;
padding:60px 20px;
margin-left:40px;
}
.footer-contact-content{
background:rgba(0,0,0,0.20);
backdrop-filter:blur(6px);
padding:40px 50px;
border-radius:14px;
text-align:center;
color:white;
max-width:420px;
}
.footer-contact-content h3{
font-size:26px;
margin-bottom:18px;
letter-spacing:1px;
color:white;
}
.footer-contact-content p{
margin:8px 0;
font-size:18px;
}
.footer-contact-content a{
color:white;
text-decoration:none !important;
}
.footer-contact-content a:hover{
text-decoration:underline;
} .footer-cta-btn{
display:inline-flex;
align-items:center;
justify-content:center;
margin-top:20px;
padding:12px 20px;
min-width:180px; 
height:44px !important;     
line-height:0.4 ;
background: linear-gradient(135deg, #4facfe, #00f2fe);
color:black !important;
font-weight:600;
font-size:14px;
letter-spacing:0.5px;
box-shadow: 0 5px 15px rgba(0,0,0,0.15);
border-radius:28px;
text-decoration:none;
transition:all .25s ease;
}
.footer-cta-btn:hover{
background: linear-gradient(135deg, #00f2fe, #4facfe);
transform:translateY(-2px);
} @media (max-width:768px){
.footer-contact-content{
padding:30px 25px;
}
.footer-contact-box{
margin-left:0px;
}
.footer-contact-content h3{
font-size:22px;
}
}   .pool-container {
width: 1260px;
max-width: 100%;
margin: auto;
}
section {
padding: 50px 0;
} .pool-hero {
height: 800px;         
max-height: 800px;
min-height: 800px;
background: linear-gradient(rgba(14,42,71,0), rgba(14,42,71,0)),
url(//www.kreidl.cz/wp-content/uploads/2026/03/benefits-banner.webp) center/cover no-repeat;
color: white;                  
text-align: left;                  
margin: 0 10px;
border-radius: 12px;
position: relative;
display: flex;
justify-content: right;                
align-items: center;                    /
} body.page-id-11 .site-header,
body.page-id-239 .site-header,
body.page-id-241 .site-header
{
position: absolute;
width: 100%;
background: transparent !important;
z-index: 10;
}
.pool-hero h1 {
font-size: 48px;
color: white;
font-weight:400;
position: absolute;  
bottom: 50px;         
left: 50px;           
margin: 0;
} .hero-benefits {
display: flex;
flex-direction: column;
gap: 25px;
width: 420px;
margin-left: auto;      
padding-right: 50px;
justify-content: center; 
height: 100%;             
} .benefit-box {
padding: 22px 30px;
border-radius: 18px;
font-size: 22px;
font-weight: 500;
letter-spacing: 0.5px; background: rgba(255, 255, 255, 0.08) !important;
backdrop-filter: blur(12px) !important;
-webkit-backdrop-filter: blur(12px);
border: 1px solid rgba(255, 255, 255, 0.25);
box-shadow: 0 10px 40px rgba(0, 0, 0, 0.35);
color: #fff !important; opacity: 0;
transform: translateX(80px);
transition: all 0.8s ease;
} .benefit-box.show {
opacity: 1;
transform: translateX(0);
} .benefit-box:hover {
background: rgba(255, 255, 255, 0.14);
transform: translateX(0) scale(1.03);
} @media (max-width: 480px) {
.hero-benefits {
display: flex;
flex-direction: column;   
gap: 15px;                
width: 95vw;            
padding: 0;              
box-sizing: border-box;
text-align: center;       
}
.hero-benefits .benefit-box {
width: calc(100% - 10px);
margin: 0 auto;           
padding: 12px 0;          
box-sizing: border-box;
text-align: center;       
} .hero-benefits .benefit-box .text {
position: relative;
z-index: 2;              
}
} .benefits-grid {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 40px;
text-align: center;
}
.benefit h3 {
margin-bottom: 15px;
}
.offer-grid {
display: flex;
gap: 40px;
justify-content: center;
flex-wrap: wrap;
} .fullwidth-slider {
position: relative;
width: 100vw;
left: 50%;
margin-left: -50vw;  
margin-right: -50vw;
padding: 0 0;
background: #f7f9fb;
box-sizing: border-box;
}
.slider-wrapper {
padding: 60px 20px 5px;
box-sizing: border-box;
} .swiper-wrapper {
display: flex !important; 
padding-left: 10px;
}
.swiper-slide {
width: auto; flex-shrink: 0;
display: flex;
justify-content: flex-start;
box-sizing: border-box;
}  .offer-slider{
position:relative;
} .slider-nav{
position:absolute;
right:40px;
top:50%;
transform:translateY(-50%);
display:flex;
align-items:center;
background:rgba(255,255,255,0.85);
backdrop-filter:blur(6px);
border-radius:40px;
padding:8px 12px;
z-index:20;
box-shadow:0 8px 20px rgba(0,0,0,0.15);
} .swiper-button-next,
.swiper-button-prev{
position:relative;
top:auto;
left:auto;
right:auto;
margin:0;
width:40px;
height:40px;
color:#0E2A47;
}
.swiper-button-next::after,
.swiper-button-prev::after{
font-size:18px;
} .slider-nav .divider{
width:1px;
height:20px;
background:#ddd;
} .swiper-button-next:hover,
.swiper-button-prev:hover{
transform:scale(1.1);
} .offer-card {
width: 400px;
height: 555px;
background: #fff;
border-radius: 0 22px 22px 0; box-shadow: 0 20px 50px rgba(0,0,0,0.08);
transition: all 0.35s ease;
position: relative;
overflow: hidden;
display: flex;
flex-direction: column;
}
.offer-card:hover {
transform: translateY(-12px);
box-shadow: 0 30px 70px rgba(0,0,0,0.1);
} .offer-card::before {
content: "";
position: absolute;
left: 0;
top: 0;
width: 4px;
height: 100%;
z-index: 3;
}
.border-blue::before { background: #7fd0ef; }
.border-dark-blue::before { background: #0E2A47; } 
.border-gold::before { background: #C6A15B; }
.border-green::before { background: #b5dfa5; }
.border-rose::before { background: #f2a1bd; }
.border-yellow::before { background: #FFF44F; } .offer-card::after {
content: "";
position: absolute;
right: -60px;
top: 55px;
width: 400px;
height: 400px;
background-repeat: no-repeat;
background-position: right bottom;
background-size: contain;
pointer-events: none;
}
.border-blue::after { background-image: url(//www.kreidl.cz/wp-content/uploads/2026/03/bazeny.webp); }
.border-dark-blue::after { background-image: url(//www.kreidl.cz/wp-content/uploads/2026/03/prelivove-1.webp); }
.border-gold::after { background-image: url(//www.kreidl.cz/wp-content/uploads/2026/03/skimmer.webp); }
.border-green::after { background-image: url(//www.kreidl.cz/wp-content/uploads/2026/03/zastreseni-2.webp); }
.border-rose::after { background-image: url(//www.kreidl.cz/wp-content/uploads/2026/03/spa.webp); }
.border-yellow::after { background-image: url(//www.kreidl.cz/wp-content/uploads/2026/03/sauny.webp); } .card-content {
padding: 45px 35px;
display: flex;
flex-direction: column;
height: 100%;
position: relative;
} .card-bottom {
margin-top: auto; } .offer-card h3 {
font-size: 2rem;
line-height: 1.3;
color: #004b98;
margin-bottom: 20px;
font-weight: 400;
z-index: 1;
}
.offer-card p {
color: #63656a;
margin: 0 0 35px 0;  
font-size: 1.15rem;
line-height: 1.75rem;
} .card-link {
display: flex;
align-items: center;
justify-content: space-between;
text-decoration: none !important;
font-weight: 600;
color: #0E2A47;
border-top: 2px solid rgba(0,0,0,0.06);
font-size: 18px;
margin-top: 0; }
.arrow {
font-size: 18px;
transition: transform 0.3s ease;
}
.card-link:hover .arrow {
animation: arrowMove 0.6s ease infinite alternate;
}
@keyframes arrowMove {
from { transform: translateX(0); }
to { transform: translateX(6px); }
} @media (max-width: 768px) {
.offer-card {
width: 100%;
height: auto;
min-height: 380px;
border-radius: 18px;
}
.card-content {
padding: 28px 22px;
} .offer-card::after {
width: 280px;
height: 280px;
right: -40px;
top: 30px; opacity: 1; }
.offer-card h3 {
font-size: 21px;
margin-bottom: 14px;
}
.offer-card p {
font-size: 15px;
line-height: 1.6;
margin-bottom: 12px;
z-index: 2;
}
.card-link {
font-size: 16px;
padding-top: 14px;
}
}   .pool-process {
background: #F7F9FB;
text-align: center;
padding: 70px 0;
}
.process-steps {
position: relative;
display: flex;
justify-content: space-between;
align-items: center;
margin-top: 50px;
font-weight: 600;
color: #0E2A47;
gap: 60px; } .process-steps::before {
content: "";
position: absolute;
bottom: 0;       
left: 0;
width: 100%;
height: 2px;
background: #D6DEE8;
} .process-steps .benefit {
position: relative;
flex: 1; } .process-steps .benefit:not(:last-child)::after {
content: "";
position: absolute;
bottom: -23px;
right: calc(-30px); width: 15px;
height: 15px;
background: #0E2A47;
border-radius: 50%;
border: 3px solid #F7F9FB;
} .pool-cta {
background: #0E2A47;
color: white;
text-align: center;
}
.pool-cta h2 { color: white; }
.pool-cta p { color: #cfd8dc; margin-bottom: 30px; } .benefit h3 {
display: flex; 
align-items: center; 
justify-content: flex-start;
gap: 12px;   
font-size: 22px;  
margin-bottom: 15px;
}
.benefit h3 img {
width: auto; 
height: 50px;
object-fit: contain;
} @media (max-width: 992px) { .benefits-grid,
.offer-grid {
grid-template-columns: 1fr;
} .pool-hero h1 {
font-size: 34px;
} .benefit h3 img {
height: 40px;
} .process-steps {
flex-direction: column;
gap: 0px;
align-items: center;
}
.process-steps::before {
display: none; 
}
.process-steps .benefit {
flex: none; 
width: auto;
text-align: center;
}
.process-steps .benefit:not(:last-child)::after {
display: none; }
} .smartslider-cta {
position: fixed;
bottom: 0;
right: 0;
width: 470px;
height: 178px;
display: flex;
align-items: center;
justify-content: center;
background: rgba(0,0,0,0.25);
backdrop-filter: blur(10px);
box-shadow: 0 12px 24px rgba(0,0,0,0.35);
color: #fff !important;
font-weight: 500;
font-size: 1.3rem !important;
line-height: 1.8rem !important;
z-index: 9999;
transform: translateX(110%);
opacity: 0;
animation: ctaSlideIn 0.9s ease-out forwards;
animation-delay: 0.8s;
backface-visibility: hidden;
} .cta-text { 
margin-right: 20px;
margin-left: 20px; 
} .cta-img { 
width: 245px; 
height: 175px; 
transition: transform 0.4s ease; 
border-radius: 10px !important;
} .smartslider-cta:hover .cta-img { 
transform: scale(1.05); 
} @keyframes ctaSlideIn {
from {
transform: translateX(110%);
opacity: 0;
}
to {
transform: translateX(0);
opacity: 1;
}
} @media (max-width: 500px) {
.smartslider-cta {
width: 95%;              
}
.cta-img {
width: 58%;              
}
.cta-text {
font-size: 1.2rem !important;
line-height: 1.6rem !important;
}
}