.ast-single-post.ast-page-builder-template .site-main > article, .ast-page-builder-template .post-navigation { 
padding-top: 0; 
padding-left: 0; 
padding-right: 0; 
} .hero-benefits-page{ --overlay-angle:90deg;
--overlay-start:rgba(0,0,0,0.0);
--overlay-end:rgba(0,0,0,0.11);
--overlay-stop:100%;
min-height:600px;
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
text-align:center; background:
linear-gradient(
var(--overlay-angle),
var(--overlay-start) 0%,
var(--overlay-end) var(--overlay-stop)
),
var(--hero-image);
background-position:center;
background-size:cover;
background-repeat:no-repeat; width:100vw;
margin-left:calc(-50vw + 50%);
position:relative;
overflow:hidden;
} .page-id-670 .hero-benefits-page{
--hero-image:url(//www.kreidl.cz/wp-content/uploads/2026/03/preliv-page.webp);
}
.page-id-505 .hero-benefits-page{
--hero-image:url(//www.kreidl.cz/wp-content/uploads/2026/03/skimmer-page.webp);
}
.page-id-32 .hero-benefits-page{
--hero-image:url(//www.kreidl.cz/wp-content/uploads/2026/03/onas-page.webp);
} body{
overflow-x:hidden;
} .benefits-title-page{
color:#fff;
font-size:3.5rem;
font-weight:500;
margin-bottom:50px;
} .benefits-row-page{
display:flex;
gap:30px;
justify-content:center;
max-width:1200px;
margin:auto;
} .benefit-box-page{
background:rgba(0,0,0,0.65);
color:#fff;
padding:22px 28px;
min-width:240px;
border-radius:12px;
font-weight: 600;
border:1px solid rgba(255,255,255,0.15);
box-shadow:0 10px 30px rgba(0,0,0,0.4);
transform:translateX(120vw);
animation:slideBoxesPage 0.9s ease forwards;
} .benefit-box-page:nth-child(1){animation-delay:0.2s;}
.benefit-box-page:nth-child(2){animation-delay:0.4s;}
.benefit-box-page:nth-child(3){animation-delay:0.6s;}
.benefit-box-page:nth-child(4){animation-delay:0.8s;} @keyframes slideBoxesPage{
to{
transform:translateX(0);
}
}   @media (max-width:1100px){
.hero-benefits-page{
height:auto;
padding:80px 20px;
}
.benefits-title-page{
font-size:40px;
margin-bottom:40px;
}
.benefits-row-page{
flex-wrap:wrap;
gap:20px;
}
.benefit-box-page{
min-width:200px;
padding:18px 22px;
}
}   @media (max-width:768px){
.hero-benefits-page{
padding:70px 20px;
}
.benefits-title-page{
font-size:30px;
font-weight: 600;
margin-bottom:30px;
}
.benefits-row-page{
flex-direction:column;
align-items:center;
gap:16px;
}
.benefit-box-page{
width:100%;
max-width:420px;
transform:translateX(60vw);
}
}   @media (max-width:480px){
.benefits-title-page{
font-size:26px;
}
.benefit-box-page{
padding:16px 18px;
}
} .hero-video {
width: 100vw; 
max-width: 100vw;
height: 760px;   
margin: 0;
padding: 0;
overflow: hidden;
position: relative; 
margin-left: calc(-50vw + 50%);
} .hero-video video {
width: 100%;
height: 100%;
object-fit: cover;  
} @media (max-width: 768px) {
.hero-video {
height: 500px;  
}
.hero-video video {
width: 100%;
height: 100%;
}
} #menu-item-46 > a {
border: 1px solid;
padding: 0px 20px;             
border-radius: 5px;             
transition: all 0.3s ease;       
text-transform: uppercase;       
font-weight: 600; 
}
#menu-item-46 > a:hover {
background-color: #074a99;       
color: #ffffff;
box-shadow: 0 4px 8px rgba(0,0,0,0.2); 
}   .contact-map-card {
display: flex;
flex-wrap: wrap;
gap: 20px;
background: #ffffff;
padding: 20px;
border-radius: 12px;
box-shadow: 0 4px 20px rgba(0,0,0,0.3);
max-width: 1200px;
margin: 50px auto 40px auto !important;
} .contact-info {
flex: 1 1 300px;
}
.contact-info h2, .contact-info h3 {
margin: 20px 0 10px 0;
font-family: sans-serif;
}
.contact-info p {
margin: 5px 0;
line-height: 1.5;
}
.contact-info a {
color: #00523d;
text-decoration: none;
}
.contact-info a:hover {
text-decoration: underline;
} .contact-map {
flex: 1 1 400px;
position: relative;
min-height: 330px;
border-radius: 12px;
overflow: hidden;
} .map-button {
position: absolute;
bottom: 15px;
left: 50%;
transform: translateX(-50%);
background: #0858b8;
color: #ffffff;
padding: 10px 20px;
border-radius: 50px;
text-decoration: none !important;
font-weight: bold;
font-family: sans-serif;
transition: background 0.3s ease, transform 0.3s ease;
}
.map-button:hover {
background: #fff;
transform: translateX(-50%) scale(1.05);
} .contact-map iframe {
width: 100%;
height: 100%;
border: 0;
} @media (max-width: 768px) {
.contact-map-card {
flex-direction: column;
gap: 15px;
margin: 30px 0 !important;
padding: 15px;
} .contact-info {
order: 1;
} .contact-map {
order: 2;
top: 20px;
min-height: 200px;
}
} .pool-water-care {
padding: 80px 20px;
color: #0E2A47;
width: 100%;
box-sizing: border-box;
} .pool-water-care .section-header {
max-width: 1400px;
margin: 0 auto 60px;
text-align: center;
}
.pool-water-care .section-header h2 {
font-size: 36px;
font-weight: 700;
color: #111;
margin-bottom: 15px;
}
.pool-water-care .section-header p {
font-size: 18px;
line-height: 1.6;
color: #0E2A47;
} .pool-water-care .water-problems {
grid-template-columns: repeat(3, 1fr); 
gap: 30px;
max-width: 1200px;
margin: 0 auto;
align-items: stretch; } .pool-water-care .problem {
display: flex;
flex-direction: column;
justify-content: flex-start;
background: white;
border-radius: 16px;
padding: 30px;
box-shadow: 0 15px 40px rgba(0,0,0,0.1);
transition: transform 0.3s ease, box-shadow 0.3s ease;
width: 100%;
height: 100%;
}
.pool-water-care .problem:hover {
transform: translateY(-5px);
box-shadow: 0 20px 50px rgba(0,0,0,0.15);
} .pool-water-care .problem h3 {
font-size: 24px;
font-weight: 600;
margin-bottom: 15px;
color: #0E2A47;
position: relative;
}
.pool-water-care .problem h3::after {
content: '';
display: block;
width: 60px;
height: 3px;
background: linear-gradient(90deg, #0858b8, #1E88E5);
margin-top: 6px;
border-radius: 2px;
} .pool-water-care .problem ul {
list-style: disc inside;
line-height: 1.7;
padding-left: 0;
margin-top: 0;
}
.pool-water-care .problem ul li {
margin-bottom: 8px;
font-size: 16px;
}
.pool-water-care .problem ul li strong {
color: #1E88E5;
} @media (max-width: 1200px) {
.pool-water-care .water-problems {
grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 768px) {
.pool-water-care .water-problems {
grid-template-columns: 1fr; }
.pool-water-care .problem {
padding: 25px 20px;
}
.pool-water-care .section-header h2 {
font-size: 28px;
}
.pool-water-care .section-header p {
font-size: 16px;
}
}    .zastreseni-section{
max-width:1400px;
margin:auto;
padding:60px 20px;
} .zastreseni-nadpis{
text-align:center;
font-size:36px;
margin-bottom:40px;
line-height:1.2;
} .style-boxy{
display:flex;
gap:30px;
margin-bottom:60px;
flex-wrap:wrap;
}
.style-box{
flex:1;
min-width:280px;
border:1px solid #3c3d3a;
padding:30px;
border-radius:6px;
background:#fff;
transition:0.25s;
}
.style-box:hover{
border-color:#1e1e1e;
transform:translateY(-3px);
}
.style-box h3{
margin-top:0;
font-size:20px;
margin-bottom:10px;
} .produkty-grid{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:40px;
margin:40px 0;
} .produkt{
background:#333;
border-radius:12px;
overflow:hidden;
box-shadow:0 8px 25px rgba(0,0,0,0.08);
text-align:left;
transition:all .3s ease;
display:flex;
flex-direction:column;
height:100%;
}
.produkt:hover{
transform:translateY(-6px);
box-shadow:0 22px 50px rgba(0,0,0,0.18);
} .produkt img {
width: 100%;
display: block;
height: auto;        
} .produkt-text {
padding: 0 20px; }
.produkt-text h3 {
font-size: 26px;
margin: 18px 0 8px 0; 
color: #fff;
}
.produkt-text p {
font-size: 18px;
color: #fff;
margin: 0 0 14px 0;
}
.produkt-text .produkt-link {
display: inline-block;
margin-bottom: 18px;
font-size: 20px !important;
color: #fff;
text-decoration: none !important;
transition: text-decoration 0.2s ease;
}
.produkt-link:hover{
text-decoration:underline;
} @media (max-width:900px){
.produkty-grid{
grid-template-columns:repeat(2,1fr);
}
} @media (max-width:600px){
.produkty-grid{
grid-template-columns:1fr;
}
} .galery-section {
display: flex;
justify-content: center; padding: 20px;
}
.galery-wrapper {
max-width: 1400px; width: 100%;
display: flex;
justify-content: center; gap: 20px; flex-wrap: wrap; }
.galery-wrapper img {
border-radius: 12px; display: block;
height: auto;
width: 300px; transition: transform 0.3s;
}
.galery-wrapper img:hover {
transform: scale(1.05);
} .bazeny-section {
max-width: 1400px;
margin: 0 auto;
padding: 0 20px 60px 20px;
} .bazeny-nadpis {
font-size: 42px;
font-weight: 700;
margin-bottom: 15px;
color: #004466;
text-align: left;
} .bazeny-uvod {
font-size: 18px;
color: #333;
margin-bottom: 40px;
line-height: 1.6;
} .bazeny-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 30px;
align-items: stretch;
} .bazeny-box {
background: rgba(255, 255, 255, 0.08);
border-radius: 20px;
padding: 25px 20px 20px;
display: flex;
flex-direction: column;
justify-content: space-between;
box-shadow: 0 8px 20px rgba(0, 0, 0, 0.3);
transition: transform 0.3s ease, box-shadow 0.3s ease;
position:relative;
overflow:hidden;
} .product-overlay{
position:absolute;
bottom:0;
left:0;
width:100%;
background:rgba(0,0,0,0.75);
color:#fff;
padding:15px;
font-size:16px;
text-align: center;
line-height:1.5;
opacity:0;
transform:translateY(100%);
transition:all 0.3s ease;
}
.bazeny-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 30px;
align-items: start;
}
.bazeny-box:hover .product-overlay{
opacity:1;
transform:translateY(0);
} .bazeny-box:hover {
transform: translateY(-8px);
box-shadow: 0 15px 30px rgba(0, 0, 0, 0.25);
} .bazeny-box h3 {
font-size: 26px;
font-weight: 700;
margin-bottom: 10px;
color: #004466;
text-align: left;
} .bazeny-box p {
font-size: 24px;
color: #222;
margin-bottom: 12px;
line-height: 1.5;
} .bazeny-link {
font-weight: 600;
color: #0858b8;
text-decoration: none !important;
margin-bottom: 15px;
font-size: 18px;
}
.bazeny-link:hover {
text-decoration: underline;
} .bazeny-box img {
width: auto; max-width: 100%;
display: block;
margin-top: 15px;  
border-radius: 12px;
align-self: center;
} @media (max-width: 1100px) {
.bazeny-grid {
grid-template-columns: repeat(2, 1fr);
gap: 30px; }
.bazeny-nadpis,
.bazeny-uvod {
text-align: center;
margin-left: auto;
margin-right: auto;
}
}
@media (max-width: 700px) {
.bazeny-grid {
grid-template-columns: 1fr;
gap: 20px;
}
.bazeny-nadpis,
.bazeny-uvod {
text-align: center;
margin-left: auto;
margin-right: auto;
}
} .slim-skimmer {
display: flex; gap: 20px;
flex-wrap: wrap; }
.slim-product {
position: relative;
display: inline-block;
cursor: pointer;
min-width: 180px; min-height: 180px; }
.slim-card {
background: white;
color: #111;
border: 1px solid;
padding: 15px 25px 15px; 
border-radius: 12px;
text-align: center;
font-weight: 600;
transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.slim-card:hover {
transform: translateY(-5px);
box-shadow: 0 8px 20px rgba(0,0,0,0.3);
}
.slim-overlay {
position: absolute;
top: 0; left: 0;
width: 100%;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
background: rgba(0,0,0,0.7);
opacity: 0;
transition: opacity 0.3s ease;
border-radius: 12px;
padding: 20px; }
.slim-product:hover .slim-overlay {
opacity: 1;
}
.slim-overlay img {
max-width: 90%;
max-height: 150px;
border-radius: 8px;
object-fit: contain;
} @media (max-width: 768px) {
.slim-skimmer-products-wrapper {
text-align: center;
}
} .bazeny-section {
padding: 40px 0;
margin: 0 auto;
}
.bazeny-text {
text-align: left;
line-height: 1.7;
color: #333;
}
.bazeny-title {
font-size: 2rem;
font-weight: 700;
margin-bottom: 20px;
color: #111;
}
.bazeny-subtitle {
font-size: 1.5rem;
font-weight: 600;
margin-top: 30px;
margin-bottom: 15px;
color: #111;
}
.bazeny-paragraph {
font-size: 20px;
margin-bottom: 15px;
}
.bazeny-list {
list-style: disc inside;
padding-left: 20px;
margin-bottom: 20px;
}
.bazeny-list li {
margin-bottom: 10px;
font-size: 20px;
}
.bazeny-footer {
font-weight: 600;
margin-top: 25px;
color: #004d7a;
} .zastreseni-section {
padding: 40px 20px;
margin: 0 auto;
}
.zastreseni-detail {
text-align: left;
line-height: 1.7;
color: #333;
margin: 0 auto;
}
.zastreseni-title {
font-size: 2rem;
font-weight: 700;
margin-bottom: 20px;
color: #111;
}
.zastreseni-paragraph {
font-size: 20px;
margin-bottom: 15px;
}    .hanscraft-intro{
padding:50px 20px 0 20px;
background:#f7f7f7;
}
.intro-container{
max-width:1400px;
margin:auto;
} .intro-top{
margin:0 auto 60px auto;
text-align:center;
font-size:20px;
line-height:1.7;
color:#333;
} .intro-columns{
display:flex;
gap:60px;
align-items:center;
} .intro-benefits{
flex:1;
}
.intro-benefits h3{
font-size:30px;
margin-bottom:30px;
color:#111;
}
.benefit{
font-size:18px;
line-height:1.6;
margin-bottom:16px;
color:#333;
} .intro-image{
flex:1;
}
.intro-image img{
width:100%;
height:auto;
display:block;
border-radius:16px;
box-shadow:0 20px 50px rgba(0,0,0,0.15);
} .intro-bottom{
margin-top:60px;
text-align:center;
margin-left:auto;
margin-right:auto;
}
.intro-bottom p{
font-size:19px;
line-height:1.7;
color:#333;
}
.intro-bottom .highlight{
font-size:22px;
font-weight:600;
margin-top:20px;
color:#0a7bc1;
} @media (max-width:768px){
.intro-columns{
flex-direction:column;
gap:30px;
}
.intro-image{
order:-1;
}
.intro-benefits h3{
text-align:center;
}
.benefit{
font-size:17px;
}
}    .whirlpool-products{
padding:80px 20px;
background:#fff;
}
.products-container{
display:flex;
flex-wrap:wrap;
gap:50px; justify-content:center;
} .product-card{
position:relative;
width:calc(25% - 50px); text-align:center;
cursor:pointer;
transition:transform 0.3s ease;
}
.product-card:hover{
transform:translateY(-10px);
} .product-image{
position:relative;
overflow:hidden;
border-radius:16px;
}
.product-image img{
width:100%;
height:auto;
display:block;
transition:transform 0.3s ease;
}
.product-card:hover .product-image img{
transform:scale(1.05);
} .product-overlay{
position:absolute;
bottom:0;
left:0;
width:100%;
background:rgba(0,0,0,0.75);
color:#fff;
padding:15px;
font-size:16px;
line-height:1.5;
opacity:0;
transform:translateY(100%);
transition:all 0.3s ease;
}
.product-card:hover .product-overlay{
opacity:1;
transform:translateY(0);
} .product-card h4{
margin:12px 0 4px 0;
font-size:20px;
color:#111;
}
.product-card .subtitle{
display:block;
font-size:16px;
color:#555;
} .poptavky-cta{
text-align:center;
margin-top:50px;
}
.poptavky-cta .btn-poptavky{
border: 1px solid;
color: #111111;
padding: 20px 20px;             
border-radius: 5px;             
transition: all 0.3s ease;       
text-transform: uppercase;       
font-weight: 600;    
text-decoration: none !important;  
margin-bottom: 20px;          
}
.poptavky-cta .btn-poptavky:hover{
background-color: #074a99;       
color: #ffffff;
box-shadow: 0 4px 8px rgba(0,0,0,0.2); 
}  @media (max-width:1024px){
.product-card{
width:calc(50% - 25px);
}
} @media (max-width:600px){
.product-card{
width:100%;
}
.products-container{
gap:20px;
}
}    .sauna-intro{
padding:50px 20px 0 20px;
background:#f7f7f7;
}
.sauna-container{
max-width:1400px;
margin:auto;
} .sauna-top{
margin:0 auto 60px auto;
text-align:center;
font-size:20px;
line-height:1.7;
color:#333;
} .sauna-columns{
display:flex;
gap:60px;
align-items:center;
} .sauna-benefits{
flex:1;
}
.sauna-benefits h3{
font-size:30px;
margin-bottom:30px;
color:#111;
}
.sauna-benefits .benefit{
font-size:18px;
line-height:1.6;
margin-bottom:16px;
color:#333;
} .sauna-image{
flex:1;
}
.sauna-image img{
width:100%;
height:auto;
display:block;
border-radius:16px;
box-shadow:0 20px 50px rgba(0,0,0,0.15);
} .sauna-bottom{
margin-top:60px;
text-align:center;
margin-left:auto;
margin-right:auto;
}
.sauna-bottom p{
font-size:19px;
line-height:1.7;
color:#333;
}
.sauna-bottom .highlight{
font-size:22px;
font-weight:600;
margin-top:20px;
color:#0858b8;
} @media (max-width:768px){
.sauna-columns{
flex-direction:column;
gap:30px;
}
.sauna-image{
order:-1;
}
.sauna-benefits h3{
text-align:center;
}
.sauna-benefits .benefit{
font-size:17px;
}
}   .sauna-products{
padding:80px 20px;
background:#fff;
}
.products-container{
display:flex;
flex-wrap:wrap;
gap:20px; 
justify-content:center;
} .product-card{
position:relative;
width:calc(25% - 50px); 
text-align:center;
cursor:pointer;
transition:transform 0.3s ease;
}
.product-card:hover{
transform:translateY(-10px);
} .product-image{
position:relative;
overflow:hidden;
border-radius:16px;
}
.product-image img{
width:100%;
height:auto;
display:block;
transition:transform 0.3s ease;
}
.product-card:hover .product-image img{
transform:scale(1.05);
} .product-overlay{
position:absolute;
bottom:0;
left:0;
width:100%;
background:rgba(0,0,0,0.75);
color:#fff;
padding:15px;
font-size:16px;
line-height:1.5;
opacity:0;
transform:translateY(100%);
transition:all 0.3s ease;
}
.product-card:hover .product-overlay{
opacity:1;
transform:translateY(0);
} .product-card h4{
margin:12px 0 4px 0;
font-size:20px;
color:#111;
}
.product-card .subtitle{
display:block;
font-size:16px;
color:#555;
} .products-cta{
text-align:center;
margin-top:50px;
}
.products-cta .cta-button{
display:inline-block;
padding:16px 35px;
background:#0858b8;
color:#fff;
font-weight:500;
font-size:18px;
border-radius:10px;
text-decoration:none !important;
transition:all 0.3s ease;
}
.products-cta .cta-button:hover{
background:#606060;
}  @media (max-width:1024px){
.product-card{
width:calc(50% - 20px);
}
} @media (max-width:600px){
.product-card{
width:100%;
}
.products-container{
gap:20px;
}
}    .skimmer-intro{
padding:0px 20px;
}
.skimmer-container{
max-width:1400px;
margin:auto;
}
.skimmer-link {
color: #000;             
text-decoration: underline !important;    
} .skimmer-title{
text-align:center;
font-size:36px;
margin-bottom:50px;
color:#111;
font-weight:600;
} .skimmer-benefits{
display:flex;
flex-wrap:wrap;
gap:30px;
justify-content:center;
margin-bottom:60px;
}
.skimmer-box{
flex:1 1 calc(20% - 24px); 
background:#fff;
padding:30px 20px;
text-align:center;
font-weight:600;
font-size: 20px;
color:#0858b8;
border-radius:16px;
box-shadow:0 15px 35px rgba(0,0,0,0.1);
transition:transform 0.3s ease, box-shadow 0.3s ease;
min-width:180px;
}
.skimmer-box:hover{
transform:translateY(-10px);
box-shadow:0 25px 50px rgba(0,0,0,0.15);
} .skimmer-text p{
margin:0 auto 40px auto;
font-size:18px;
line-height:1.7;
color:#333;
text-align:justify;
} .slim-skimmer{
margin:0 auto;
text-align:left;
}
.slim-skimmer h3{
font-size:28px;
margin-bottom:15px;
color:#111;
}
.slim-skimmer p{
font-size:18px;
line-height:1.6;
color:#333;
}  @media (max-width:1024px){
.skimmer-box{
flex:1 1 calc(50% - 20px);
margin-bottom:20px;
}
} @media (max-width:600px){
.skimmer-box{
flex:1 1 100%;
}
.skimmer-text p,
.slim-skimmer p{
font-size:16px;
}
.skimmer-title{
font-size:28px;
}
.slim-skimmer h3{
font-size:24px;
}
}    .kreidl-section{
width:100%;
padding:80px 6%;
box-sizing:border-box;
font-size:18px;
line-height:1.75;
color:#333;
} .kreidl-container{
max-width:1200px;
margin:0 auto;
} .kreidl-text{
margin-bottom:40px;
} .kreidl-subtitle{
font-size:34px;
font-weight:700;
margin:70px 0 40px 0;
line-height:1.35;
color:#111;
text-align:center;
} .kreidl-list-reasons {
width: 100%;
display: flex;
justify-content: center;
padding: 60px 20px;
background-color: #f9f9f9;
}
.kreidl-list-reasons-container {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 40px;
width: 100%;
} .kreidl-list-reason-box {
background-color: #fff;
padding: 0 20px 30px; 
border-radius: 12px;
box-shadow: 0 4px 20px rgba(0,0,0,0.08);
display: flex;
flex-direction: column;
align-items: center;
max-width: 320px;
width: 100%;
flex: 0 0 320px;
transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.kreidl-list-reason-box:hover {
transform: translateY(-8px);
box-shadow: 0 8px 25px rgba(0,0,0,0.12);
} .kreidl-list-reason-icon {
width: 60px;
margin-bottom: 20px; 
}
.kreidl-list-reason-icon svg {
width: 100%;
height: 100%;
fill: #2c6cff;
} .kreidl-list-reason-box h4 {
font-size: 1.2rem;
margin-bottom: 12px;
color: #1a1a1a;
}
.kreidl-list-reason-box p {
font-size: 17px;
line-height: 1.75;
text-align: center;
} @media (max-width: 992px) {
.kreidl-list-reasons-container {
gap: 30px;
}
.kreidl-list-reason-box {
max-width: 280px;
padding: 50px 15px 25px;
}
}
@media (max-width: 600px) {
.kreidl-list-reasons-container {
flex-direction: column;
gap: 20px;
align-items: center;
}
.kreidl-list-reason-box {
width: 100%;
padding: 40px 15px 20px;
}
}   .kreidl-poptavka-section {
margin: 50px auto 0 auto;
padding: 0 20px;
text-align: center;
}
.kreidl-poptavka-title {
font-size: 2em;
font-weight: 400;
margin-bottom: 20px;
color: #111;
line-height: 3rem;
font-size: 2.5rem;
}
.kreidl-poptavka-text {
font-size: 18px;
margin-bottom: 20px;
}
.kreidl-poptavka-thanks {
font-size: 1.2em;
font-weight: 600;
margin-top: 20px;
color: #111;
}
.kreidl-poptavka-signature {
margin-top: 15px;
font-style: italic;
font-size: 1em;
}     .jkp-pool-section .ast-container,
.jkp-pool-section .site-content {
max-width: 100% !important;
padding: 0 !important;
} .jkp-pool-section,
.jkp-pool-section * {
box-sizing: border-box;
} .jkp-pool-section {
width: 100%;
padding: 20px 20px;
} .jkp-container {
max-width: 1400px;
margin: 0 auto;
} .jkp-header {
text-align: center;
margin-bottom: 60px;
}
.jkp-header h2 {
font-size: 36px;
margin-bottom: 10px;
}
.jkp-header p {
font-size: 18px;
color: #666;
}   .jkp-grid {
display: flex;
gap: 30px;
align-items: stretch; } .jkp-grid > * {
min-width: 0;
}   .jkp-card {
flex: 1 1 0;
background: #fff;
padding: 40px;
border-radius: 20px;
display: flex;
flex-direction: column; justify-content: flex-start;
box-shadow: 0 10px 40px rgba(0,0,0,0.06);
position: relative;
} .jkp-card > * {
flex-shrink: 0;
} .jkp-list {
flex-grow: 1;
}   .jkp-comfort h3 {
color: #0a7cff;
font-size: 30px;
}
.jkp-premium h3 {
color: #0c8f4f;
font-size: 30px;
}
.jkp-premium {
border: 2px solid #0c8f4f;
}
.jkp-comfort {
border: 1px solid #9db7c4;
}   .jkp-badge {
position: absolute;
top: -10px;
left: 20px;
background: #0a7cff;
color: #fff;
padding: 6px 12px;
font-size: 12px;
border-radius: 20px;
}   .jkp-subtitle {
color: #777;
font-size: 20px;
margin-bottom: 20px;
}   .jkp-list {
list-style: none;
padding: 0;
margin-bottom: 30px;
font-size: 17px;
}
.jkp-list li {
margin-bottom: 10px;
padding-left: 22px;
position: relative;
line-height: 1.5;
}
.jkp-list li::before {
content: "✓";
position: absolute;
left: 0;
color: #0a7cff;
font-weight: bold;
}   .jkp-price {
margin-top: auto; 
margin-bottom: 20px;
}
.jkp-price span {
font-size: 16px;
color: #888;
}
.jkp-price strong {
font-size: 30px;
display: block;
}
.jkp-price small {
color: #999;
}   .jkp-btn {
display: block;
text-align: center;
padding: 14px;
border-radius: 10px;
background: #0a7cff;
color: #fff;
text-decoration: none !important;
font-weight: bold;
transition: all 0.25s ease;
}
.jkp-premium .jkp-btn {
background: #0c8f4f;
}
.jkp-btn:hover {
transform: translateY(-2px);
opacity: 0.95;
color: #fafafa;
}   .jkp-addons {
margin-top: 80px;
text-align: center;
}
.jkp-addons h3 {
margin-bottom: 30px;
font-size: 28px;
}
.jkp-addons-grid {
display: flex;
flex-wrap: wrap;
gap: 15px;
font-size:16px;
justify-content: center;
}
.jkp-addons-grid div {
background: #fff;
padding: 12px 16px;
border-radius: 10px;
box-shadow: 0 5px 20px rgba(0,0,0,0.05);
font-size: 14px;
}
.jkp-addons-grid span {
color: #0a7cff;
font-size: 12px;
}   @media (max-width: 1100px) {
.jkp-grid {
gap: 20px;
}
.jkp-card {
padding: 30px;
}
}
@media (max-width: 900px) {
.jkp-grid {
flex-direction: column;
}
.jkp-card {
width: 100%;
}
}
@media (max-width: 600px) {
.jkp-header h2 {
font-size: 26px;
}
.jkp-header p {
font-size: 16px;
}
.jkp-card {
padding: 25px;
}
.jkp-price strong {
font-size: 26px;
}
}