/* @import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@100;200;300;400;500;600&display=swap');
@font-face {
    font-family: 'AvenirNextLTPro-Regular';
    src: url('http://anthillrealtors.co.id/wp-content/themes/x-child/fonts/AvenirNextLTPro-Regular.eot');
    src: url('http://anthillrealtors.co.id/wp-content/themes/x-child/fonts/AvenirNextLTPro-Regular.eot?#iefix') format('embedded-opentype'), url('http://anthillrealtors.co.id/wp-content/themes/x-child/fonts/AvenirNextLTPro-Regular.woff') format('woff'), url('http://anthillrealtors.co.id/wp-content/themes/x-child/fonts/AvenirNextLTPro-Regular.ttf') format('truetype'), url('http://anthillrealtors.co.id/wp-content/themes/x-child/fonts/AvenirNextLTPro-Regular.svg#AvenirNextLTPro-Regular') format('svg');
} */

:root {
    --box-shadow: 0.4rem 0.5rem .5rem rgba(8, 0, 0, 0.1);
    --box-shadowx: 0rem 0.5rem 0.7rem -0.7rem #111;
}

.grecaptcha-badge {
    display: none;
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    outline: none;
    border: none;
    text-decoration: none;
    font-family: 'AvenirNextLTPro-Regular', sans-serif;
}

.body {
    width: 100%;
    position: relative;
    height: 100%;
    margin: 0;
    padding: 0;
    background-color: #f7f7f7;
}

body.home .grid-container {
    /* width: 1296px; */
    max-width: 96%;
    margin: 0 auto;
}

.banner1 {
    width: 100%;
    background: linear-gradient(rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0.0)), url(../uploads/baner1.jpg);
    /* background:linear-gradient(rgba(0,0,0,0.1),rgba(0,0,0,0.1)), url(../uploads/tlobaner1.png); */
    background-size: cover;
    background-position: center;
    display: flex;
    align-items: center;
}

.page-template-landing-szamba .banner1{
    background: linear-gradient(rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0.0)), url(/wp-content/uploads/2024/05/piwniczka.png);
    background-position: 30% 25%;
}

.zawartoscall {
    padding-bottom: 50px;
    width: 100%;
}

.banner1 .tytul1 {
    width: 55%;
    padding-top: 120px;
    padding-left: 15%;
    float: left;
}

.banner1 .tytul1 .kompleksowa h1 {
    font-size: 48px;
    font-weight: 600;
    color: white;
    letter-spacing: -3px;
}

.banner1 .tytul1 .montaz {
    font-size: 40px;
    font-weight: 600;
    color: white;
    letter-spacing: 0px;
}

.banner1 .contact {
    background-color: white;
    float: left;
    margin-top: 80px;
    width: 30%;
    margin-left: 5%;

    clip-path: polygon(0 0, calc(100% - 62px) 0, 100% 62px, 100% 100%, 0 100%);
}

.grafika div:not(:first-child) {
    display: none;
}

.grafika p {
    font-size: 18px;
    padding-top: 10px;
}

textarea {
    resize: none;
}

.banner1 .contactform {
    padding: 10%;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 50px;
}

#accept {
    width: 10%;
    height: 20px;
    float: left;
    /* margin-top: 5px; */
    border-radius: 0px 0px 0px 0px;
    /* border: 1px solid #E30613; */
    cursor: pointer;
}

input[type=checkbox] {
    accent-color: #E30613;
    cursor: pointer;
}

.accepttext {
    float: left;
    /* width: 90%; */
    padding-left: 5px;
    /* padding-bottom: 10px;
    margin-bottom: 20px; */
    /* height: 60px; */
    cursor: pointer;
}

.banner1 .contactform .formularz {
    font-size: 24px;
    font-weight: 600;
    /* border-bottom: 2px solid #E30613;; */
    width: 100%;
    padding-bottom: 10px;
}

.banner1 .contactform .bracket {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    /* border: 1px solid grey; */
    border: none;
    border-bottom: 1px solid #EAEAEA;
    margin-bottom: 10px;
    padding: 6px;
    font-size: 14px;
    background: transparent;
}

.banner1 .contactform .submit {
    font-size: 18px;
    background-color: black;
    font-style: normal;
    text-align: center;
    width: 120px;
    height: 40px;
    border-radius: 50px 50px 50px 50px;
    float: right;
    color: white;
    padding-top: 5px;
    font-weight: 600;
    box-shadow: inset 0 0 0 0 #000000;
    transition: color .3s ease-in-out, box-shadow .3s ease-in-out;
}

.contactform .submit:hover {
    box-shadow: inset 120px 0 0 0 #E30613;
    color: white;
}

.contactform .buttons {
    float: left;
    width: 170px;
    color: white;
}

.contactform .submitcontainer {
    float: right;
    width: 120px;
    margin-bottom: 50px;
}

.contactform .button1 {
    font-size: 16px;
    background-color: #E30613;
    ;
    font-style: normal;
    text-align: center;
    width: 170px;
    height: 40px;
    border-radius: 50px 50px 50px 50px;
    float: left;
    color: white;
    padding-top: 8px;
    font-weight: 600;
    margin-bottom: 15px;
    box-shadow: inset 0 0 0 0 #E30613;
    transition: color .4s ease-in-out, box-shadow .4s ease-in-out;
}

.contactform .button1:hover {
    box-shadow: inset 230px 0 0 0 #000000;
    color: white;
}

.contactform .button1 #phone {
    width: 30px;
    height: 30px;
    float: left;
    margin-left: 10px;
    margin-top: -4px;
}

.contactform .button2 {
    font-size: 16px;
    background-color: #E30613;
    ;
    font-style: normal;
    text-align: center;
    width: 170px;
    height: 40px;
    border-radius: 50px 50px 50px 50px;
    float: left;
    color: white;
    padding-top: 9px;
    font-weight: 600;
    margin-bottom: 30px;
    box-shadow: inset 0 0 0 0 #E30613;
    transition: color .4s ease-in-out, box-shadow .4s ease-in-out;
}

.contactform .button2:hover {
    box-shadow: inset 230px 0 0 0 #000000;
    color: white;
}

.contactform .button2 #phone {
    width: 30px;
    height: 30px;
    float: left;
    margin-left: 10px;
    margin-top: -4px;
}

.szamba {
    clear: both;
    background-color: #E30613;
    color: white;
    text-align: center;
    width: 100%;
    vertical-align: middle;
    padding-top: 40px;
    padding-bottom: 20px;
}

.strong_hover:hover {
    color: #E30613;
    transition: .3s;

}

.szamba h2 {
    width: 60%;
    margin-left: auto;
    margin-right: auto;
    font-weight: 600;
    font-size: 38px;
}

.grid-table-1 {
    width: 70%;
    margin-right: auto;
    margin-left: auto;
    margin-top: 70px;
    margin-bottom: 50px;
}

.grid-table-2 {
    border-right: 2px solid black;
    font-size: 20px;
    width: 50%;
    float: left;
    margin-right: 2%;
    padding-bottom: 0px;
    margin-bottom: 70px;
}

.szamba_przerwa {
    margin-bottom: 20px;
    margin-top: 40px;
}

.grid-table-2 span {
    text-transform: uppercase;
    cursor: pointer;
}

.grid-table-3 {
    font-size: 20px;
    width: 45%;
    float: left;
}

.changebtn {
    margin-bottom: 20px;
    padding-bottom: 20px;
}

.table-content {
    float: left;
    width: 45%;
    padding-left: 20px;
    padding-right: 20px;
    font-size: 20px;
}

#grafikawektorowa {
    padding-left: 20px;
    height: 80px;
    float: left;
    padding: 10px;
}

#change1 {
    color: #E30613;
    font-weight: 600;
}

.clear {
    clear: both;
    margin-bottom: 20px;
}

.banner2 {
    width: 100%;
    background: url(../uploads/banner2.jpg);
    /* background:linear-gradient(rgba(0,0,0,0.1),rgba(0,0,0,0.1)), url(../uploads/tlobaner1.png); */
    background-size: cover;
    background-position: center;
    display: flex;
    align-items: center;
    border-bottom: 2px solid #E30613;
    ;
}

.banner2 .tytul2 {
    font-size: 46px;
    font-weight: 550;
    color: white;
    width: 600px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    padding-top: 170px;
    padding-bottom: 170px;
}

.banner2 .button1 {
    font-size: 18px;
    background-color: #E30613;
    color: white;
    text-align: center;
    float: left;
    font-weight: 700;
    box-shadow: inset 0 0 0 0 #E30613;
    transition: color .4s ease-in-out, box-shadow .4s ease-in-out;
    margin-left: 80px;

    display: flex;
    height: auto;
    width: auto;
    padding: 13px 18px;
    border-radius: 0;
    column-gap: 10px;
}

.banner2 .button1:hover {
    box-shadow: inset 230px 0 0 0 #000000;
    color: white;
}

.banner2 .button1 #phone {
    width: 40px;
    height: 40px;
    float: left;
    margin-left: 10px;
    margin-top: -5px;
}

.banner2 .button2 {
    font-size: 20px;
    background-color: #E30613;
    ;
    text-align: center;
    float: right;
    color: white;
    margin-right: 80px;
    font-weight: 700;
    box-shadow: inset 0 0 0 0 #E30613;
    transition: color .4s ease-in-out, box-shadow .4s ease-in-out;
    display: flex;
    height: auto;
    width: auto;
    padding: 13px 18px;
    border-radius: 0;
    column-gap: 10px;
}

.banner2 .button2:hover {
    box-shadow: inset 230px 0 0 0 #000000;
    color: white;
}

.banner2 .button2 #phone {
    width: 40px;
    height: 40px;
    float: left;
    margin-left: 10px;
    margin-top: -5px;
}

.banner2 .border1 {
    border-bottom: 2px solid #E30613;
    ;
    margin: 20px;
    margin-bottom: 40px;
}

.section4 p {
    padding-top: 58px;
    padding-bottom: 66px;
    font-size: 14px;
    /* width: 70%; */
    /* margin-left: auto;
    margin-right: auto; */
    text-align: justify;
    line-height: 196%;
}

.banner3 {
    width: 100%;
    background: url(../uploads/baner3.jpg);
    /* background:linear-gradient(rgba(0,0,0,0.1),rgba(0,0,0,0.1)), url(../uploads/tlobaner1.png); */
    background-size: cover;
    background-position: center;
}

.banner3 {
    padding-top: 30px;
    padding-bottom: 320px;
}

.banner3 .tytul4 {
    font-size: 40px;
    font-weight: 600;
    color: white;
    width: 50%;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    padding-top: 50px;
}

.banner3 .tytulslidera1 {
    text-transform: uppercase;
    font-size: 25px;
    font-weight: 600;
    color: white;
    padding-left: 30%;
    text-align: left;
    padding-bottom: 20px;
}

.banner3 .tekstslidera1 {
    font-size: 22px;
    font-weight: 500;
    color: white;
    padding-left: 30%;
    text-align: left;
}

.banner3 .text {
    float: left;
    width: 50%;
}

.banner3 .buttons {
    float: left;
    width: 50%;
    text-align: center;
    color: white;
    align-items: center;
    display: flex;
    padding-left: 10%;
    font-size: 25px;
    padding-top: 100px;
}

.banner3 .button1 {
    font-size: 16px;
    background-color: #E30613;
    font-weight: 700 !important;
    font-style: normal;
    text-align: center;
    width: 150px;
    height: 30px;
    border-radius: 50px 50px 50px 50px;
    float: left;
    color: white;
    padding-top: 4px;
    font-weight: 500;
    box-shadow: inset 0 0 0 0 #E30613;
    transition: color .4s ease-in-out, box-shadow .4s ease-in-out;
    margin-right: 10px;
}

.banner3 .button1:hover {
    box-shadow: inset 150px 0 0 0 #000000;
    color: white;
}

.banner3 .button1 #phone {
    width: 30px;
    height: 30px;
    float: left;
    margin-left: 10px;
    margin-top: -4px;
}

.banner3 .button2 {
    font-size: 16px;
    background-color: #E30613;
    font-weight: 700 !important;
    font-style: normal;
    text-align: center;
    width: 150px;
    height: 30px;
    border-radius: 50px 50px 50px 50px;
    float: right;
    color: white;
    padding-top: 4px;
    font-weight: 500;
    box-shadow: inset 0 0 0 0 #E30613;
    transition: color .4s ease-in-out, box-shadow .4s ease-in-out;
    margin-left: 10px;
}

.banner3 .button2:hover {
    box-shadow: inset 150px 0 0 0 #000000;
    color: white;
}

.banner3 .button2 #phone {
    width: 30px;
    height: 30px;
    float: left;
    margin-left: 10px;
    margin-top: -4px;
}

.banner3 .advancedslider {
    height: 350px;
}

.banner3 .pytania {
    border-bottom: 2px solid #E30613;
    font-weight: 600;
    margin-bottom: 10px;
}

.section6 .tytul3 {
    font-weight: 600;
}

.section6 {
    /* font-size: 42px; */
    text-align: center;
    /* padding-top: 80px;
    width: 70%;
    margin-left: auto;
    margin-right: auto; */
}

.section6 .section_hashtag {
    margin-bottom: 10px;
}

/* .section6 p:not(.section_hashtag) {
    text-align: justify;
    font-size: 14px;
    margin-top: 33px;
    padding-bottom: 66px;
    line-height: 196%;
} */

.tabela1 {
    width: 31%;
    background-color: #d38388;
    float: left;
    /* height: 300px; */
    margin-right: 2%;
    font-size: 25px;
    font-weight: 600;
    padding: 20px 0 15px 0;
}

.tabela1 .wiersz {
    width: 80%;
    border-bottom: 2px solid black;
    font-weight: 400;
    margin-right: auto;
    margin-left: auto;
    padding: 5px;
}

.tabela1 .wierszlast {
    width: 80%;
    font-weight: 400;
    margin-right: auto;
    margin-left: auto;
    padding: 5px;
    padding-bottom: 40px;
}

.tabela1 .lewo {
    padding-right: 5%;
}

.tabela1 .prawo {
    padding-left: 5%;
}

.tabela2 {
    width: 30%;
    background-color: #84a0c1;
    float: left;
    /* height: 300px; */
    margin-right: 2%;
    margin-left: 2%;
    font-size: 25px;
    font-weight: 600;
    padding: 20px 0 15px 0;
}

.tabela2 .wiersz {
    width: 82%;
    border-bottom: 2px solid black;
    font-weight: 400;
    margin-right: auto;
    margin-left: auto;
    padding: 5px;
}

.tabela2 .wierszlast {
    width: 80%;
    font-weight: 400;
    margin-right: auto;
    margin-left: auto;
    padding: 5px;
}

.tabela2 .lewo {
    padding-right: 5%;
}

.tabela2 .prawo {
    padding-left: 5%;
}

.tabela3 {
    width: 31%;
    background-color: #84c1b8;
    float: left;
    /* height: 300px; */
    margin-left: 2%;
    font-size: 25px;
    font-weight: 600;
    padding: 20px 0 15px 0;
}

.tabela3 .wiersz {
    width: 80%;
    border-bottom: 2px solid black;
    font-weight: 400;
    margin-right: auto;
    margin-left: auto;
    padding: 5px;
}

.tabela3 .wierszlast {
    width: 80%;
    font-weight: 400;
    margin-right: auto;
    margin-left: auto;
    padding: 5px;
}

.tabela3 .lewo {
    padding-right: 5%;
}

.tabela3 .prawo {
    padding-left: 5%;
}

#mapka {
    clear: both;
    width: 100%;
    padding-top: 40px;
    background-size: cover;
    background-position: center;
}

.section7 {
    background-color: #f7f7f7;
}

.dodatki {
    font-weight: 600;
}

/* .section7 .tresc {
    width: 70%;
    text-align: left;
    font-size: 25px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 50px;
    padding-bottom: 100px;
} */

.section7 .wiersz {
    border-bottom: 2px solid black;
    clear: both;
}

.section7 .zawartosc1 {
    float: left;
    width: 40%;
    text-align: left;
    padding-left: 0px;
    padding-right: 30px;
    padding-top: 30px;
    padding-bottom: 30px;
}

.section7 .zawartosc2 {
    float: left;
    width: 35%;
    text-align: center;
    padding: 30px;
}

.section7 .zawartosc3 {
    float: left;
    width: 15%;
    text-align: center;
    padding-right: 30px;
    padding-left: 30px;
    padding-top: 30px;
    padding-bottom: 30px;
}

.section7 .zawartosc4 {
    float: right;
    text-align: right;
    width: 10%;
}

.section7 .zawartosc4 img {
    height: 90px;
    width: 90px;
    padding-top: 10px;
    object-fit: contain;
}

.section8 {
    width: 100%;
    background: url(../uploads/questions_section.png);
    /* background:linear-gradient(rgba(0,0,0,0.1),rgba(0,0,0,0.1)), url(../uploads/tlobaner1.png); */
    background-size: cover;
    background-position: center;
    display: flex;
    align-items: center;
    background-repeat: no-repeat;
}


/* I deleted the .pytania class */

.section8 {
    font-weight: 600;
}

.section8 .tytul2 {
    font-size: 42px;
    font-weight: 400;
    color: white;
    width: 500px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    padding-top: 100px;
    padding-bottom: 100px;
}

.section8 p {
    margin-bottom: 0em;
}

.section8 .button1 {
    font-size: 18px;
    background-color: #E30613;
    color: white;
    text-align: center;
    float: left;
    font-weight: 700;
    box-shadow: inset 0 0 0 0 #E30613;
    transition: color .4s ease-in-out, box-shadow .4s ease-in-out;
    margin-left: 40px;
    display: flex;
    height: auto;
    width: auto;
    padding: 13px 18px;
    border-radius: 0;
    column-gap: 10px;
}

.section8 .button1:hover {
    box-shadow: inset 230px 0 0 0 #000000;
    color: white;
}

.section8 .button1 #phone {
    width: 40px;
    height: 40px;
    float: left;
    margin-left: 10px;
    margin-top: -5px;
}

.section8 .button2 {
    font-size: 18px;
    background-color: #E30613;
    color: white;
    text-align: center;
    float: right;
    font-weight: 700;
    box-shadow: inset 0 0 0 0 #E30613;
    transition: color .4s ease-in-out, box-shadow .4s ease-in-out;
    margin-right: 40px;
    display: flex;
    height: auto;
    width: auto;
    padding: 13px 18px;
    border-radius: 0;
    column-gap: 10px;
}

.section8 .button2:hover {
    box-shadow: inset 230px 0 0 0 #000000;
    color: white;
}

.section8 .button2 #phone {
    width: 40px;
    height: 40px;
    float: left;
    margin-left: 10px;
    margin-top: -5px;
}

.section8 .border1 {
    border-bottom: 2px solid #E30613;
    ;
    margin: 20px;
}

.opinie {
    text-align: center;
    padding: 20px;
    padding-top: 60px;
    font-size: 36px;
    font-weight: 600;
    background-color: #f7f7f7;
}

.tloswiper {
    background-color: #f7f7f7;
}

/* 
.section10 {
    background-color: white;
    border-bottom: 2px solid #E30613;
    padding-top: 40px;
    padding-bottom: 40px;
} */

/* .section10 p {
    font-size: 22px;
    width: 70%;
    margin-left: auto;
    margin-right: auto;
    text-align: justify;
}

.section10 li {
    font-size: 22px;
    width: 70%;
    margin-left: auto;
    margin-right: auto;
    text-align: justify;
}

.section10 .opinions_title {
    padding-top: 40px;
    font-size: 36px;
    font-weight: 600;
    width: 70%;
    margin-left: auto;
    margin-right: auto;
    text-align: left;
} */

.section11 {
    padding-top: 20px;
    text-align: center;
}

.section11 img {
    width: 250px;
}

.calyslajd {
    height: 190px;
}

.calyslajd .textdol {
    margin-top: 20px;
    width: 100%;
    display: flex;
    align-items: center;
    margin-left: 50%;
    color: white;
    font-weight: 500;
}

.calyslajd .textgora {
    text-transform: uppercase;
    width: 100%;
    text-align: center;
    color: white;
    font-weight: 500;
}

.visiblenone {
    visibility: hidden;
}

.jedynka .testimonialBoxGora2 {
    padding-top: 38px;
}

.jedynka .swiper-button-next {
    position: absolute;
    top: 50%;
    width: calc(var(--swiper-navigation-size)/ 44 * 27);
    height: var(--swiper-navigation-size);
    margin-top: calc(0px - (var(--swiper-navigation-size)/ 2));
    z-index: 10;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    visibility: hidden;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23808080'%2F%3E%3C%2Fsvg%3E") !important;
}

.jedynka .swiper-button-prev {
    position: absolute;
    top: 50%;
    width: calc(var(--swiper-navigation-size)/ 44 * 27);
    height: var(--swiper-navigation-size);
    margin-top: calc(0px - (var(--swiper-navigation-size)/ 2));
    z-index: 10;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    visibility: hidden;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23808080'%2F%3E%3C%2Fsvg%3E") !important;
}

.dwojka .swiper-button-next {
    position: absolute;
    top: 50%;
    width: calc(var(--swiper-navigation-size)/ 44 * 27);
    height: var(--swiper-navigation-size);
    margin-top: calc(0px - (var(--swiper-navigation-size)/ 2));
    z-index: 100;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #838383;
    float: left;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%838383'%2F%3E%3C%2Fsvg%3E") !important;
}

.dwojka .swiper-button-prev {
    position: absolute;
    top: 50%;
    width: calc(var(--swiper-navigation-size)/ 44 * 27);
    height: var(--swiper-navigation-size);
    margin-top: calc(0px - (var(--swiper-navigation-size)/ 2));
    z-index: 100;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #838383;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%838383'%2F%3E%3C%2Fsvg%3E") !important;
}

.jedynka .testimonialBox2 {
    display: flex;
    position: relative;
    height: 100%;
    z-index: 1;
}

.jedynka .testimonialBox2::after {
    content: '';
    position: absolute;
    top: 50%;
    left: -1px;
    height: 0;
    border-bottom: 3px solid #fff;
    width: calc(100% + 1px);
    transform: translateY(-50%);
    z-index: -1;
}

.jedynka .testimonialBox2 .naglowek2 {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.jedynka .testimonialBox2 .point {
    width: 40px;
    height: 40px;
    background-color: white;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
    border-radius: 50%;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

.swiper-slide.swiper-slide-active .naglowek2 div {
    background-color: transparent;
    background-size: cover;
    box-shadow: unset;
    transition: 0.2s;
    background-position: center;
    width: 110px;
    height: 110px;
}

.swiper-slide:not(.swiper-slide-active) .naglowek2 div {
    background-image: unset !important;
}

.swiper-slide.swiper-slide-visible.swiper-slide-active .textgora {
    color: white;
    font-weight: 600;
    width: 100%;
}

.swiper-slide:nth-child(odd) .testimonialBox2 {
    align-items: end;
}

.swiper-slide:nth-child(even) .testimonialBox2 {
    align-items: start;
}

.swiper-slide.swiper-slide-visible.swiper-slide-active .textdol {
    margin-top: 40px;
    width: 100%;
    display: flex;
    align-items: center;
    margin-left: 50%;
    color: white;
    font-weight: 500;
}

html,
body {
    position: relative;
    height: 100%;
}

body {
    background: #eee;
    font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
    font-size: 14px;
    margin: 0;
    padding: 0;
}

body .site {
    color: #000;
}

.jedynka .swiper {
    overflow: hidden;
}

.jedynka .swiper {
    width: 100%;
    padding-top: 50px;
    padding-bottom: 50px;
}

.jedynka .swiper-slide {
    background-position: center;
    background-size: cover;
    width: 320px;
}

.jednynka .swiper-slide img {
    display: block;
    width: 100%;
}

.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-left {
    background-image: none;
}

.dwojka .testimonialBox .face img {
    height: 80px;
    width: 80px;
    border-radius: 50%;
    float: left;
    text-align: left;
    padding: 10px;
    margin-left: 10px;
}

.dwojka .testimonialBox .imie {
    float: right;
    font-size: 20px;
    font-weight: 600;
}

.dwojka .testimonialBox .naglowek {
    background: url(../uploads/tloimie.jpg);
    background-size: cover;
    background-position: center;
    display: flex;
    align-items: center;
}

.dwojka .testimonialBox .content {
    background: url(../uploads/tlocontent.jpg);
    background-size: cover;
    background-position: center;
    height: 320px;
    padding: 20px;
    color: white;
    clear: both;
}

.dwojka .testimonialBox .content p {
    height: 170px;
}

.dwojka .testimonialBox .images a {
    height: 80px;
    width: 80px;
    object-fit: scale-down;
    float: left;
    text-align: left;
    padding: 10px;
}

.dwojka .testimonialBox .content p {
    font-size: 14px;
}

.dwojka .swiper {
    width: 70%;
    padding-top: 50px;
    padding-bottom: 50px;
}

.dwojka .swiper-wrapper {
    width: 100%;
}

.dwojka .swiper-slide {
    background-position: center;
    background-size: cover;
    width: 32%;
    height: 400px;
    /* box-shadow: 0 15px 50px rgba(0,0,0,0.2); */
    padding-left: 30px;
    padding-right: 30px;
    /* filter: blur(1px); */
    z-index: 100;
}

@media(min-width: 480px) and (max-width: 1100) {}

.dwojka .swiper-slide img {
    display: block;
    width: 100%;
}

.dwojka .swiper-slide-active {
    filter: blur(0px);
}

.dwojka .swiper-container-3d .swiper-slide-shadow-right,
.dwojka .swiper-container-3d .swiper-slide-shadow-left {
    background-image: none;
}

.naglowek2 {
    height: 1px;
    display: flex;
    align-items: center;
}

.jedynka.testimonialBox2 .images a {
    height: 80px;
    width: 80px;
    object-fit: scale-down;
    float: left;
    text-align: left;
    padding: 10px;
}

@media only screen and (max-width:1000px) {
    .szamba h2 {
        width: 95%;
        margin-left: auto;
        margin-right: auto;
        font-weight: 600;
        font-size: 34px;
    }

    .banner1 .contact {
        background-color: white;
        float: left;
        margin-top: 80px;
        width: 100%;
        margin-right: auto;
        margin-left: auto;
    }

    .dwojka .swiper {
        width: 90%;
    }

    .dwojka .swiper-slide {
        width: 90%;
    }

    .banner3 {
        padding-bottom: 300px;
    }

    .banner3 .tekstslidera1 {
        padding-left: 5%;
    }

    .banner3 .tytulslidera1 {
        padding-left: 5%;
    }

    .jedynka .swiper-button-next {
        visibility: visible;
    }

    .jedynka .swiper-button-prev {
        visibility: visible
    }

    .grid-table-1 {
        width: 80%;
        margin-left: auto;
        margin-right: auto;
        padding-left: 0;
    }

    .grid-table-2 {
        width: 100%;
        border-right: none;
        border-bottom: 2px solid black;
        margin-left: auto;
        margin-right: auto;
        font-size: 18px;
        padding-bottom: 10px;
    }

    .grafika {
        font-size: 18px;
    }

    .grid-table-3 {
        width: 80%;
    }

    .table-content {
        font-size: 12px;
    }

    .banner1 .tytul1 {
        width: 100%;
        padding-top: 20px;
        padding-left: 5%;
        padding-right: 5%;
        text-align: center;
    }

    .banner1 .tytul1 .kompleksowa h1 {
        font-size: 38px;
        font-weight: 600;
        color: white;
        margin-left: auto;
        margin-right: auto;
        padding-top: 50px;
    }

    .banner1 .tytul1 .montaz {
        font-size: 22px;
        font-weight: 500;
        color: white;
        letter-spacing: 0px;
        margin-left: auto;
        margin-right: auto;
    }

    .szamba {
        background-color: #E30613;
        color: white;
        text-align: center;
        width: 100%;
        vertical-align: middle;
        font-weight: 600;
        font-size: 42px;
        padding-top: 40px;
        padding-bottom: 40px;
    }

    .banner1 .contact {
        margin-top: 20px;
        background-color: transparent;
        color: white;
        border: none;
    }

    .banner2 .tytul2 {
        font-size: 20px;
        font-weight: 400;
        color: white;
        width: 300px;
        margin-left: auto;
        margin-right: auto;
        text-align: center;
        padding-top: 150px;
        padding-bottom: 150px;
    }




    .banner3 .button1 {
        font-size: 20px;
        background-color: #E30613;
        color: white;
        font-style: normal;
        text-align: center;
        width: 200px;
        height: 45px;
        border-radius: 50px 50px 50px 50px;
        float: left;
        font-weight: 600;
        box-shadow: inset 0 0 0 0 #E30613;
        transition: color .4s ease-in-out, box-shadow .4s ease-in-out;
        padding-top: 8px;
        margin-left: 80px;
        margin-left: 15%;
        margin-right: 15%;
        margin-bottom: 20px;
    }

    .banner3 .button1:hover {
        box-shadow: inset 230px 0 0 0 #000000;
        color: white;
    }

    .banner3 .button1 #phone {
        width: 40px;
        height: 40px;
        float: left;
        margin-left: 10px;
        margin-top: -5px;
    }

    .banner3 .button2 {
        font-size: 20px;
        background-color: #E30613;
        ;
        font-style: normal;
        text-align: center;
        width: 200px;
        height: 45px;
        border-radius: 50px 50px 50px 50px;
        float: right;
        color: white;
        padding-top: 8px;
        margin-right: 80px;
        font-weight: 600;
        margin-left: 15%;
        margin-right: 15%;
        box-shadow: inset 0 0 0 0 #E30613;
        transition: color .4s ease-in-out, box-shadow .4s ease-in-out;
    }

    .banner3 .button2:hover {
        box-shadow: inset 230px 0 0 0 #000000;
        color: white;
    }

    .banner3 .button2 #phone {
        width: 40px;
        height: 40px;
        float: left;
        margin-left: 10px;
        margin-top: -5px;
    }







    .banner2 .button1 {
        width: 70%;
        margin-left: 15%;
        margin-right: 15%;
        margin-bottom: 20px;
    }

    .banner2 .button2 {
        width: 70%;
        margin-left: 15%;
        margin-right: 15%;
    }

    .banner2 .border1 {
        border-bottom: 2px solid #E30613;
        ;
        margin: 20px;
    }

    .section4 p {
        padding-top: 75px;
        padding-bottom: 75px;
        font-size: 16px;
        width: 80%;
        margin-left: auto;
        margin-right: auto;
        text-align: justify;
    }

    .banner3 {
        padding-bottom: 580px;
    }

    .banner3 .pytania {
        font-size: 28px;
    }

    .banner3 .tytul4 {
        font-size: 22px;
        font-weight: 500;
        color: white;
        width: 80%;
        margin-left: auto;
        margin-right: auto;
        text-align: center;
        padding-top: 50px;
    }

    .banner3 .tytul5 {
        font-size: 16px;
        font-weight: 600;
        color: white;
        text-align: center;
        padding-bottom: 20px;
        width: 100%;
        margin-left: auto;
        margin-right: auto;
        padding-left: 10%;
    }

    .text .tekst5 {
        font-size: 14px;
        font-weight: 400;
        color: white;
        padding: 0;
        padding-left: 10%;
        text-align: center;
        margin-left: auto;
        margin-right: auto;
    }

    .banner3 .text {
        width: 90%;
        margin-left: auto;
        margin-right: auto;
    }

    .banner3 .buttons {
        width: 100%;
        text-align: center;
        color: white;
        align-items: center;
        display: flex;
        font-size: 18px;
        margin-top: 80px;
        margin-left: auto;
        margin-right: auto;
        font-weight: 600;
        padding-top: 0px;
        padding-left: 0%;
    }



    .srodek {
        width: 70%;
        margin-left: auto;
        margin-right: auto;
    }

    .tabela1 {
        width: 100%;
        height: 250px;
        margin-right: 1%;
        font-size: 18px;
        font-weight: 600;
        padding-top: 20px;
        margin-left: auto;
        margin-right: auto;
    }

    .tabela2 {
        width: 100%;
        height: 250px;
        margin-right: 1%;
        font-size: 18px;
        font-weight: 600;
        padding-top: 20px;
        margin-left: auto;
        margin-right: auto;
    }

    .tabela3 {
        width: 100%;
        height: 250px;
        margin-right: 1%;
        font-size: 18px;
        font-weight: 600;
        padding-top: 20px;
        margin-left: auto;
        margin-right: auto;
    }

    #mapka {
        padding-top: 0px;
    }

    /* .section6 {
        font-size: 25px;
        text-align: center;
        padding-top: 80px;
        width: 80%;
        margin-left: auto;
        margin-right: auto;
    }

    .section6 p {
        text-align: justify;
        font-size: 18px;
        padding-top: 50px;
        padding-bottom: 50px;
    } */

    .section7 .tresc {
        width: 80%;
        text-align: left;
        font-size: 18px;
        margin-left: auto;
        margin-right: auto;
    }

    .section7 .wiersz {
        border-bottom: 2px solid black;
        clear: both;
        padding-bottom: 200px;
    }

    .section7 .zawartosc1 {
        width: 100%;
        text-align: left;
        padding: 0px;
        padding-bottom: 30px;
        padding-top: 20px;
    }

    .section7 .zawartosc2 {
        width: 100%;
        text-align: left;
        padding: 0px;
    }

    .section7 .zawartosc3 {
        float: left;
        width: 40%;
        text-align: left;
        padding-top: 30px;
        padding-bottom: 30px;
        padding-left: 0px;
        padding-right: 0px;

    }

    .section7 .zawartosc4 {
        float: right;
        text-align: right;
        width: 30%;
    }

    .section7 .zawartosc4 img {
        height: 90px;
        width: 90px;
        padding-top: 10px;
        object-fit: contain;
    }

    .dwojka .testimonialBox .images a {
        height: 60px;
        width: 60px;
        padding: 7px;
    }

    .section8 {
        background-position: center;
    }

    .section8 .tytul2 {
        font-size: 26px;
        font-weight: 400;
        color: white;
        width: 300px;
        margin-left: auto;
        margin-right: auto;
        text-align: center;
        padding-top: 150px;
        padding-bottom: 150px;
    }


    .section8 .button1 {
        width: 70%;
        margin-left: 15%;
        margin-right: 15%;
        margin-bottom: 20px;
    }

    .section8 .button2 {
        width: 70%;
        margin-left: 15%;
        margin-right: 15%;
    }


    .section8 .border1 {
        border-bottom: 2px solid #E30613;
        margin: 20px;
    }

    .section10 {
        background-color: white;
        border-bottom: 2px solid #E30613;
        padding-top: 40px;
        padding-bottom: 40px;
    }

    .section10 p {
        font-size: 16px;
        width: 80%;
        margin-left: auto;
        margin-right: auto;
        text-align: justify;
    }

    .section10 .opinions_title {
        padding-top: 40px;
        font-size: 28px;
        font-weight: 600;
        width: 80%;
        margin-left: auto;
        margin-right: auto;
        text-align: left;
    }
}

.section6 .tabela1 .wiersz:nth-last-child(1),
.section6 .tabela2 .wiersz:nth-last-child(1),
.section6 .tabela3 .wiersz:nth-last-child(1) {
    border-bottom: none;
}

.mr_single_photo_opinion_gallery a img {
    object-fit: cover;
    max-height: 60px;
}

.testimonialBox .content .images {
    display: flex;
}

.tytul2 h2 {
    font-size: 38px;
    font-weight: 600;
    color: #fff;
    line-height: 134%;
}

.banner3 .tytul4 {
    font-size: 34px;
    font-weight: 700;
    color: #fff;
    width: 95%;
    margin-left: auto;
    margin-right: auto;
}

.opinie h2 {
    font-size: 42px;
    font-weight: 700;
}

.accepttext a {
    color: #000;
}

@media only screen and (max-width: 1000px) {
    .accepttext a {
        color: white;
    }
}

.policy {
    display: flex;
    align-items: center;
    padding: 17px 0 37px 0;
    font-size: 13px;
}

.accepttext {
    align-items: center;
}

.policy_text {
    display: flex;
    align-items: center;
}

.section4 p {
    margin-bottom: 0 !important;
}

/* fornt page */

/* global */

.front_page_button {
    background-color: #E30613;
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    padding: 16px 55px 16px 25px;
    position: relative;
    /* display: flex;
    width: fit-content; */
}

.front_page_button:after {
    background-image: url("/wp-content/themes/generatepress-child/files/images/button-arrow.svg");
    content: "";
    position: absolute;
    width: 20px;
    height: 10px;
    top: 50%;
    right: 25px;
    transform: translateY(-50%);
    fill: #000
}

.sections_description {
    color: #7E7E7E;
    line-height: 196%;
    font-size: 14px;
    letter-spacing: 1%;
}

/* bulletpoints section */

.bulletpoints__single_title h3 {
    font-size: 18px;
    font-weight: 700;
    margin: 0;
}

.bulletpoints__inner {
    padding: 48px 0 30px;
    border-bottom: 1px solid #E4E4E4;
}

.bulletpoints__slider {
    display: flex;
    justify-content: space-between;
}

.bulletpoints__single_description p {
    margin: 0;
    line-height: 150%;
    font-size: 13px;
}

.bulletpoints__single_image_inner {
    border: 1px solid #E4E4E4;
    padding: 14px;
    border-radius: 100%;
    width: fit-content;
    display: flex;
}

.bulletpoints__single_image_inner img {
    max-width: 42px;
}

.bulletpoints__slider .swiper-wrapper {
    display: flex;
    justify-content: space-between;
}

.bulletpoints__single {
    display: flex;
    align-items: center;
    column-gap: 25px;
}

@media screen and (max-width: 992px) {
    .slick-initialized .bulletpoints__single.slick-slide {
        display: flex;
        flex-direction: column;
        row-gap: 20px;
    }

    .bulletpoints__single_text {
        text-align: center;
    }
}

/* check septic tanks */

.product_list__inner {
    padding: 48px 0 104px;
}

@media screen and (min-width: 992px) {
    .product_list__slider {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        column-gap: 25px;
    }
}

.product_list__inner .slick-slide {
    margin: 0 12px;
}

.product_list__inner .slick-list {
    margin: 0 -12px;
}

.section_hashtag {
    color: #E30613;
    font-size: 14px;
    letter-spacing: 6px;
    line-height: 140%;
    font-weight: 500;
    margin: 0;
}

.section_title {
    font-size: 38px;
    font-weight: 600;
    margin: 0;
}

.section_title .red-title {
    color: #E30613;
}

.product_list__title {
    display: flex;
    row-gap: 10px;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    margin-bottom: 48px;
}

.product_list__title h2,
.product_list__title p {
    margin: 0;
}

/* product miniature */

.product_miniature {
    border: 4px solid #F2F2F2;
    display: flex;
}

.product_miniature__inner {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.product_miniature__inner_image {
    padding: 46px 50px 0 50px;
    margin-bottom: 20px;
}

@media screen and (max-width: 992px) {
    .product_miniature__inner_image {
        padding: 46px 22px 0 22px;
    }

    .product_miniature__inner_image img {
        object-fit: contain;
    }
}

.product_miniature__inner_content_text {
    padding: 0 22px;
    display: flex;
    flex-direction: column;
    min-height: 100px;
}

.product_miniature__inner_content_text p,
.product_miniature__inner_content_text h3 {
    margin: 0;
}

.product_miniature__inner_content_text h3 {
    font-weight: 500;
}

.product_miniature__inner_name {
    margin-bottom: 20px;
    color: #1D1D1B;
    font-size: 18px;
    font-weight: 500;
}

.product_miniature__inner_price .amount bdi {
    margin-bottom: 29px;
    color: #E30613;
    font-size: 28px;
}

@media screen and (max-width: 992px) {
    .product_miniature__inner_price .amount bdi {
        font-size: 25px;
    }
}

.product_miniature__inner_price .amount {
    color: #CACACA;
    font-weight: 700;
    font-size: 18px;
}

.product_miniature__inner_image img {
    min-height: 250px;
    object-fit: contain;
}

.product_miniature__inner_button_icon {
    background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_8_869)'%3E%3Cpath d='M0.833333 3.9583H3.11333C3.2922 4.61641 3.68264 5.19738 4.22444 5.61158C4.76623 6.02578 5.42927 6.25019 6.11125 6.25019C6.79323 6.25019 7.45627 6.02578 7.99806 5.61158C8.53986 5.19738 8.9303 4.61641 9.10917 3.9583H19.1667C19.3877 3.9583 19.5996 3.87051 19.7559 3.71423C19.9122 3.55795 20 3.34599 20 3.12497C20 2.90396 19.9122 2.692 19.7559 2.53572C19.5996 2.37944 19.3877 2.29164 19.1667 2.29164H9.10917C8.9303 1.63353 8.53986 1.05256 7.99806 0.638362C7.45627 0.224165 6.79323 -0.000244141 6.11125 -0.000244141C5.42927 -0.000244141 4.76623 0.224165 4.22444 0.638362C3.68264 1.05256 3.2922 1.63353 3.11333 2.29164H0.833333C0.61232 2.29164 0.400358 2.37944 0.244078 2.53572C0.0877974 2.692 0 2.90396 0 3.12497C0 3.34599 0.0877974 3.55795 0.244078 3.71423C0.400358 3.87051 0.61232 3.9583 0.833333 3.9583ZM6.11083 1.66664C6.39926 1.66664 6.68122 1.75217 6.92104 1.91241C7.16086 2.07266 7.34778 2.30042 7.45816 2.56689C7.56854 2.83337 7.59742 3.12659 7.54115 3.40948C7.48488 3.69237 7.34598 3.95222 7.14203 4.15617C6.93808 4.36012 6.67823 4.49901 6.39534 4.55528C6.11245 4.61155 5.81923 4.58267 5.55275 4.4723C5.28628 4.36192 5.05852 4.175 4.89827 3.93518C4.73803 3.69536 4.6525 3.4134 4.6525 3.12497C4.65294 2.73833 4.80673 2.36766 5.08012 2.09426C5.35352 1.82087 5.72419 1.66708 6.11083 1.66664Z' fill='white'/%3E%3Cpath d='M19.1667 9.16666H16.8867C16.7081 8.50839 16.3178 7.92722 15.7761 7.51285C15.2343 7.09848 14.5712 6.87396 13.8892 6.87396C13.2071 6.87396 12.544 7.09848 12.0023 7.51285C11.4605 7.92722 11.0702 8.50839 10.8917 9.16666H0.833333C0.61232 9.16666 0.400358 9.25446 0.244078 9.41074C0.0877974 9.56702 0 9.77898 0 9.99999C0 10.221 0.0877974 10.433 0.244078 10.5892C0.400358 10.7455 0.61232 10.8333 0.833333 10.8333H10.8917C11.0702 11.4916 11.4605 12.0728 12.0023 12.4871C12.544 12.9015 13.2071 13.126 13.8892 13.126C14.5712 13.126 15.2343 12.9015 15.7761 12.4871C16.3178 12.0728 16.7081 11.4916 16.8867 10.8333H19.1667C19.3877 10.8333 19.5996 10.7455 19.7559 10.5892C19.9122 10.433 20 10.221 20 9.99999C20 9.77898 19.9122 9.56702 19.7559 9.41074C19.5996 9.25446 19.3877 9.16666 19.1667 9.16666ZM13.8892 11.4583C13.6007 11.4583 13.3188 11.3728 13.079 11.2126C12.8391 11.0523 12.6522 10.8245 12.5418 10.5581C12.4315 10.2916 12.4026 9.99837 12.4589 9.71548C12.5151 9.4326 12.654 9.17274 12.858 8.96879C13.0619 8.76484 13.3218 8.62595 13.6047 8.56968C13.8875 8.51341 14.1808 8.54229 14.4472 8.65267C14.7137 8.76304 14.9415 8.94996 15.1017 9.18978C15.262 9.42961 15.3475 9.71156 15.3475 9.99999C15.3471 10.3866 15.1933 10.7573 14.9199 11.0307C14.6465 11.3041 14.2758 11.4579 13.8892 11.4583Z' fill='white'/%3E%3Cpath d='M19.1667 16.0417H9.10917C8.9303 15.3836 8.53986 14.8026 7.99806 14.3884C7.45627 13.9742 6.79323 13.7498 6.11125 13.7498C5.42927 13.7498 4.76623 13.9742 4.22444 14.3884C3.68264 14.8026 3.2922 15.3836 3.11333 16.0417H0.833333C0.61232 16.0417 0.400358 16.1295 0.244078 16.2857C0.0877974 16.442 0 16.654 0 16.875C0 17.096 0.0877974 17.308 0.244078 17.4643C0.400358 17.6205 0.61232 17.7083 0.833333 17.7083H3.11333C3.2922 18.3664 3.68264 18.9474 4.22444 19.3616C4.76623 19.7758 5.42927 20.0002 6.11125 20.0002C6.79323 20.0002 7.45627 19.7758 7.99806 19.3616C8.53986 18.9474 8.9303 18.3664 9.10917 17.7083H19.1667C19.3877 17.7083 19.5996 17.6205 19.7559 17.4643C19.9122 17.308 20 17.096 20 16.875C20 16.654 19.9122 16.442 19.7559 16.2857C19.5996 16.1295 19.3877 16.0417 19.1667 16.0417ZM6.11083 18.3333C5.8224 18.3333 5.54045 18.2478 5.30063 18.0876C5.0608 17.9273 4.87389 17.6996 4.76351 17.4331C4.65313 17.1666 4.62425 16.8734 4.68052 16.5905C4.73679 16.3076 4.87568 16.0478 5.07964 15.8438C5.28359 15.6399 5.54344 15.501 5.82633 15.4447C6.10922 15.3884 6.40244 15.4173 6.66891 15.5277C6.93539 15.6381 7.16315 15.825 7.32339 16.0648C7.48364 16.3046 7.56917 16.5866 7.56917 16.875C7.56851 17.2616 7.41465 17.6321 7.1413 17.9055C6.86795 18.1788 6.4974 18.3327 6.11083 18.3333Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_8_869'%3E%3Crect width='20' height='20' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
    height: 20px;
    width: 20px;
    display: block;
}

.product_miniature__inner_button {
    margin: 0 -3px;
}

.product_miniature__inner_button a.button {
    background-color: #E30613;
    width: 100%;
    display: flex;
    justify-content: center;
    gap: 10px;
    align-items: center;
    padding: 15px 0;
    transition: background-color .3s ease;
}

.product_miniature__inner_button a.button:hover {
    background-color: #000;
}

/* for demanding section */

.for_demanding__text_title {
    display: grid;
    row-gap: 7px;
    margin-bottom: 30px;
}

.for_demanding__inner {
    display: grid;
    grid-template-columns: 1fr 50%;
    column-gap: 60px;
    align-items: center;
}

.for_demanding__image {
    clip-path: polygon(0 0, calc(100% - 80px) 0, 100% 80px, 100% 100%, 0 100%);

}

@media only screen and (max-width: 992px) {
    .for_demanding__inner {
        display: flex;
        flex-direction: column-reverse;
    }
}

/* another products section */

.another_products__inner {
    padding: 48px 0;
}

.another_products__title {
    margin-bottom: 16px;
    display: grid;
    row-gap: 7px;
}

/* comprehensive service section */

.comprehensive_service {
    position: relative;
    background-color: #E30613;
}

.comprehensive_service:after,
.comprehensive_service:before {
    content: "";
    background-color: #E30613;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
}

@media screen and (max-width: 992px) {
    .comprehensive_service .comprehensive_service__inner {
        grid-template-columns: 100%;

    }

    .comprehensive_service .comprehensive_service__image {
        margin-left: auto;
    }

    .comprehensive_service__inner .comprehensive_service__text_services {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        justify-items: center;
    }

    .comprehensive_service__inner .comprehensive_service__service {
        text-align: center;
    }
}



.comprehensive_service:after {
    left: 100%;
}

.comprehensive_service:before {
    right: 100%;
    z-index: -1;
}

.comprehensive_service__inner {
    display: grid;
    grid-template-columns: 424px 1fr;
    column-gap: 66px;
}

.comprehensive_service__image {
    margin-left: -155px;
    clip-path: polygon(0 0, calc(100% - 80px) 0, 100% 80px, 100% 100%, 0 100%);
}

.comprehensive_service__image img {
    height: 100%;
    object-fit: cover;
}

.comprehensive_service__text {
    padding: 41px 0;
}

.comprehensive_service__text_guarantee p {
    margin-top: 35px;
    margin-bottom: 0;
    color: #fff;
    font-size: 28px;
    font-weight: 700;
}

.comprehensive_service__text_services {
    display: flex;
    justify-content: space-between;
}

.comprehensive_service__text_title h2 {
    color: #fff;
    line-height: 134%;
    font-weight: 600;
    font-size: 38px;
}

.comprehensive_service__text_title {
    margin-bottom: 59px;
}

.comprehensive_service__service_name p {
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 0;
}

.comprehensive_service__service {
    display: grid;
    row-gap: 19px;
    align-content: start;
}

.comprehensive_service__service.check_offer__service {
    row-gap: 10px;
}

.check_offer__service_icon {
    display: flex;
}

.check_offer__service_icon img {
    width: 82px;
}

/* our offer */

.our_offer__text_offer_icon {
    width: 24px;
    height: 24px;
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='12' cy='12' r='11.25' stroke='%23E30613' stroke-width='1.5'/%3E%3Cpath d='M7.20074 12.0705L10.7561 15.5998L16.8002 9.6001' stroke='%23E30613' stroke-width='1.5' stroke-linecap='square'/%3E%3C/svg%3E%0A");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.our_offer__text_offer {
    padding: 15px 0;
    border-bottom: 1px solid #DDDDDD;
    display: flex;
    column-gap: 13px;
    align-items: center;
}

.our_offer__text_list {
    display: grid;
    column-gap: 27px;
    grid-template-columns: repeat(2, 1fr);
}

.our_offer__text_offer_name p {
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 500;
}

.our_offer__text_title {
    margin-bottom: 8px;
}

.our_offer__inner {
    display: grid;
    grid-template-columns: 50% 1fr;
    column-gap: 145px;
    background-color: #F6F6F6;
    position: relative;
}

.our_offer__text_button {
    display: flex;
    margin-top: 25px;
}

.our_offer__text_button .front_page_button {
    width: 100%;
    text-align: center;
}

.our_offer__text_button .front_page_button::after {
    right: 40%;
}

.our_offer__image {
    padding-right: 46px;
    margin-top: -67px;
}

@media screen and (max-width: 1170px) {
    .our_offer__image {
        margin-top: unset;
    }
}

.our_offer__inner:before,
.our_offer__inner:after {
    content: "";
    position: absolute;
    width: 70px;
    height: 100%;
    background-color: #F6F6F6;
    top: 0;
}

.our_offer__inner::before {
    right: 100%;
    clip-path: polygon(0 62px, 62px 0, 100% 0, 100% 100%, 0 100%);
}

.our_offer__inner::after {
    left: 100%;
}

.our_offer__text {
    padding: 45px 0;
}

.our_offer__text_title .section_title p {
    margin-bottom: 0;
}

@media screen and (max-width: 992px) {
    .our_offer__inner {
        grid-template-columns: 100%;
    }

    .our_offer__image {
        padding: 0;
        margin: 0;
    }
}

@media screen and (max-width: 630px) {
    .our_offer__text_list {
        grid-template-columns: 100%;
    }
}

/* blog list */

@media screen and (min-width: 992px) {
    .blog_section__blog_list {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        column-gap: 25px;
    }
}

@media screen and (max-width: 992px) {
    .blog_section__blog_list .slick-slide {
        margin: 0 12px;
    }

    .blog_section__blog_list .slick-list {
        margin: 0 -12px;
    }
}

.blog_section__title {
    display: grid;
    justify-content: center;
    text-align: center;
    row-gap: 7px;
    margin-bottom: 47px;
}


.single_post__thumbnail {
    max-height: 233px;
    position: relative;
    margin-bottom: 27px;
}

.single_post__thumbnail img {
    height: 100%;
    width: 100%;
    max-height: 233px;
    object-fit: fill;
}

.post_tag_name {
    background-color: #E30613;
    color: white;
    padding: 8px 27px;
    position: absolute;
    left: 14px;
    bottom: 14px;
    font-size: 11px;
    font-weight: 400;
    margin: 0;
}

.single_post__content_title h2 {
    color: #000;
    font-size: 15px;
    font-weight: 600;
    line-height: 172%;
    margin: 0;
}

.single_post__content_title {
    margin-bottom: 14px;
}

.single_post__content_excerpt {
    margin-bottom: 20px;
    color: #6A6A6A;
    font-size: 14px;
    font-weight: 400;
    line-height: 172%;
}

.single_post__button .front_page_button {
    background-color: transparent;
    color: #000;
}

.single_post {
    display: grid;
    align-content: space-between;
}

.single_post div:first-of-type h2,
.single_post div:first-of-type p:not(.post_tag_name),
.single_post div:last-of-type a {
    transition: color .3s ease;
}

.single_post div:last-of-type:hover a,
.single_post div:first-of-type:hover h2,
.single_post div:first-of-type:hover p:not(.post_tag_name) {
    color: #E30613;
}

.single_post .front_page_button {
    display: block;
    width: fit-content;
    background: transparent;
    color: #000;
    padding: 0;
}

.single_post .front_page_button:after {
    background-image: url("/wp-content/themes/generatepress-child/files/images/red-arrow.svg");
    right: -30px;
    background-size: auto;
    background-repeat: no-repeat;
    width: 22px;
    height: 11px;
}

.single_post__content_title,
.single_post__content_excerpt,
.single_post .front_page_button {
    padding: 0 14px;
}

/* customer service */

@media screen and (min-width: 992px) {
    .customer_service {
        margin-bottom: -77px;
        margin-top: 76px;
    }
}



.customer_service__inner {
    background-image: url('/wp-content/themes/generatepress-child/files/images/background.png');
    display: flex;
    justify-content: space-between;
    padding: 50px 62px 50px 44px;
    background-size: cover;
    clip-path: polygon(0 62px, 62px 0, 100% 0, 100% 100%, 0 100%);
}

.customer_service__content_text {
    max-width: 755px;
}

.customer_service__content {
    display: flex;
    column-gap: 22px;
    align-items: center;
    margin-right: 22px;
}

.customer_service__content_text h2,
.customer_service__content_text p {
    margin: 0;
    color: #fff;
}

.customer_service__content_text h2 {
    font-size: 38px;
}

.customer_service__content_text p {
    margin-top: 10px;
    font-size: 16px;
}

.customer_service__button a {
    color: #fff;
    height: 100%;
    display: flex;
    max-width: 260px;
    width: 100%;
    padding: 48px 60px 21px 24px;
    border: 1px solid #fff;
    position: relative;
    transition: border .3s ease, color .3s ease, background-color .3s ease;
}

.customer_service__button a svg {
    position: absolute;
    width: 24px;
    height: 24px;
    top: 20px;
    right: 20px;
}

.customer_service__button a svg path {
    transition: stroke .3s ease;
}

.customer_service__button a:hover svg path {
    stroke: #fff;
}

.customer_service__button {
    font-size: 15px;
}

.customer_service__button a:hover {
    border: 1px solid #000;
    color: #fff;
    background-color: #000;
}

@media screen and (max-width: 992px) {
    .customer_service__inner {
        flex-direction: column;
        row-gap: 23px;
    }

    .customer_service__button a {
        max-width: 100%;
    }
}

@media screen and (max-width: 600px) {
    .customer_service__content {
        flex-direction: column;
        text-align: center;
        row-gap: 20px;
    }
}

/* footer */

.front_page_footer {
    background: #000;
}

.footer_content__logo p {
    font-size: 13px;
    color: #fff;
    font-weight: 400;
    margin-top: 20px;
}

.footer_content__logo p span {
    color: #808080;
}

.footer_content__inner {
    padding-top: 129px;
    padding-bottom: 87px;
    grid-template-columns: 55% 1fr;
    display: grid;
    width: 1300px;
    max-width: 96%;
    margin: 0 auto;
    column-gap: 120px;
}

.front_page_footer .dev_link {
    color: #fff;
    transition: color .3s ease;
}

.front_page_footer .dev_link:hover {
    color: #E30613;
}

.footer_content__category_menu h2,
.footer_content__right_menu_content h2 {
    color: #fff;
    font-size: 15px;
    font-weight: 700;
}

.footer_content__left_menu_content {
    display: grid;
    grid-template-columns: 210px 1fr;
    column-gap: 104px;
}

.footer_content__category_menu nav ul {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    column-gap: 50px;
    margin: 0;
}

.footer_content__category_menu nav ul a,
.footer_content__right_menu_content nav ul a {
    color: #7C7C7C;
    font-size: 13px;
    line-height: 130%;
}

.footer_content__right_menu_content nav ul {
    margin: 0;
}

.footer_content__right_menu_content {
    display: grid;
    grid-template-columns: 210px 1fr;
}

a.phone_number,
.number_wrapper,
.mail_adrress {
    color: #fff;
    font-size: 16px;
    font-weight: 500;
}

.top_bar__contant_info {
    display: flex;
}

img.number_icon,
img.mail_icon {
    width: 24px;
    height: 24px;
    margin-right: 15px;
}

.top_bar__contant_info.global_info .number_wrapper:nth-child(2) .phone_number {
    margin-right: 8px;
    font-size: 18px;
}

.top_bar__contant_info.global_info .number_wrapper:nth-child(3) .phone_number {
    margin-left: 8px;
    font-size: 18px;
}

.top_bar__contant_info.global_info.mail_info {
    margin-top: 19px;
}

.top_bar__contant_info.global_info .phone_number:hover,
.top_bar__contant_info.global_info .mail_adrress:hover {
    color: #fff;
    text-decoration: underline;
}

.footer_content__contact_socials {
    margin-top: 32px;
}

.social_media {
    display: flex;
    column-gap: 16px;
}

li.menu-item a {
    display: flex;
    align-items: center;
    column-gap: 10px;
    transition: color .3s ease;
}

li.menu-item a:hover {
    color: #E30613;
    text-decoration: underline;
}

li.menu-item:not {
    margin-bottom: 17px;
}

@media screen and (max-width: 1350px) {
    .footer_content__inner {
        column-gap: 60px;
    }
}

@media screen and (max-width: 1200px) {
    .footer_content__category_menu nav ul {
        grid-template-columns: repeat(2, 1fr);
        width: fit-content;
    }

    .footer_content__inner {
        grid-template-columns: 100%;
        column-gap: 60px;
    }

    .footer_content__left_menu_content {
        grid-template-columns: 100%;
    }

}

@media screen and (max-width: 500px) {
    .footer_content__category_menu nav ul {
        grid-template-columns: 100%;
    }

    .footer_content__right_menu_content {
        grid-template-columns: 100%;
    }
}

@media screen and (max-width: 992px) {
    .footer_content__inner {
        padding-top: 40px;
    }
}

/* main banner */

.main_banner {
    position: relative;
    width: 100vw;
    left: 50%;
    right: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
}

.main_banner__text::before {
    content: '';
    position: absolute;
    height: 100%;
    width: 100%;
    /* background: linear-gradient(180deg, rgba(0, 0, 0, 1) 0%, rgba(255, 255, 255, 0) 100%); */
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.8) 0%, rgba(255, 255, 255, 0) 100%);
    z-index: 1;
    pointer-events: none;
    top: 0;
    left: 0;
}

.main_banner__text::after {
    content: '';
    position: absolute;
    height: 100%;
    width: 100%;
    background: #000;
    opacity: 0.35;
    z-index: 1;
    pointer-events: none;
    top: 0;
    left: 0;
}

.main_banner__image img {
    width: 100%;
    max-height: 750px;
    object-fit: cover;
}

.main_banner__single_slide {
    position: relative;
}

.main_banner__text {
    display: flex;
    align-items: center;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.main_banner__text__inner {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    margin-left: auto;
    margin-right: auto;
    position: absolute;
    width: 1300px;
    max-width: 96%;
    display: grid;
    row-gap: 28px;
    z-index: 2;
}

.main_banner__text_title {
    font-size: 46px;
    font-weight: 700;
    color: #fff;
}

.main_banner__text_button {
    display: flex;
}

.slick-next {
    right: 0;

}

.slick-arrow {
    width: 65px;
    height: 65px;
    background-color: #E30613;
    top: 100%;
    transition: background-color .3s ease;
}

.slick-arrow:hover {
    background-color: #fff;
}

.slick-prev {
    left: 0;
    z-index: 1;
}

.slick-next:hover svg path,
.slick-prev:hover svg path {
    stroke: #E30613;
}

.map_section__map path {
    transition: fill .3s ease;
}

@media screen and (max-width: 992px) {
    .main_banner__image img {
        height: 500px;
        max-height: none;
    }

    .main_banner__text_title {
        font-size: 29px;
    }
}

.gallery_section__single_photo img {
    width: 100%;
    height: 482px;
    object-fit: cover;
}

.gallery_section__gallery_slider .slick-slide {
    margin: 0 12px;
}

.gallery_section__gallery_slider .slick-list {
    margin: 0 -12px;
}

.gallery_section {
    position: relative;
    width: 100vw;
    left: 50%;
    right: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
}

.gallery_section__title {
    display: grid;
    justify-content: center;
    text-align: center;
    row-gap: 7px;
    margin-bottom: 50px;
}

.gallery_section__inner {
    padding: 42px 0 52px;
}

.slick-initialized .gallery_section__single_photo.slick-slide {
    display: flex;
    max-height: 482px;
}

.gallery_section__gallery_slider .slick-arrow {
    transform: translate(0, 0);
}

.gallery_section__gallery_slider .slick-arrow {
    top: unset;
    bottom: 0;
}

/* map section */


.map_section__map path {
    stroke: #BABABA;
    fill: #fff;
    --transition-property: fill;
}

.map_section__inner {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    column-gap: 60px;
    padding: 74px 0 45px;
}

@media screen and (max-width: 992px) {
    .map_section__inner {
        display: flex;
        flex-direction: column-reverse;
    }

    .map_section__title {
        margin-bottom: 25px;
    }

    .map_section__content {
        margin-bottom: 20px;
    }
}

@media screen and (max-width: 450px) {
    .map_section__cities .map_section__cities_list.visible {
        grid-template-columns: 100%;
    }
}

.map_section__map path:hover {
    fill: #E30613;
}

.map_section__cities_list,
.section_title__voivodeship {
    display: none;
}

.map_section__cities_list.visible,
.section_title__voivodeship.visible {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    column-gap: 25px;
}

path.voivodeship.active {
    fill: #E30613;
}

.map_section h2.section_title,
.map_section .section_title__voivodeship.visible {
    display: inline;
    margin-right: 5px;
}

.map_section .section_title__voivodeship.visible {
    color: #E30613;
}

.map_section__title {
    margin-bottom: 45px;
}

.map_section__city {

    border-bottom: 1px solid #DEDEDE;
}

.map_section__city p {
    margin: 0;
    font-size: 14px;
    font-weight: 500;
}

.map_section__city a {
    color: #000;
    ;
}

.map_section__city_plus,
.map_section__city_check_inner,
.map_section__city_check {
    display: flex;
}

.map_section__city_check_inner {
    align-items: center;
    column-gap: 13px;
}

.map_section__city a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 16px 0;
    transition: color .3s ease;
}

.map_section__city path,
.map_section__city circle {
    transition: stroke .3s ease;
}

.map_section__city a:hover {
    color: #E30613;
}

.map_section__city a:hover path,
.map_section__city a:hover circle {
    stroke: #E30613;
}


/* Header styles */
body {
    overflow: hidden visible;
}

body *:not(i) {
    font-family: 'Manrope' !important;
}

.mr_header {
    /* position: absolute; */
    left: 0;
    width: 100%;
    z-index: 20;
    padding: 0 20px;
    background-color: #000;
}

.header_container {
    max-width: 1300px;
    margin: 0 auto;
}

@media screen and (min-width: 992px) {
    .mr_header_toggler_wrapper {
        display: none;
    }
}

.header_bottom__wrapper,
.header__top_bar {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

@media screen and (min-width: 992px) {

    .header_bottom__wrapper,
    .header__top_bar {
        align-items: center;
    }
}

.header__top_bar {
    padding: 8px 0;
}

.header_bottom {
    padding: 28px 0;
    border-bottom: 1px solid rgb(255, 255, 255, 0.3)
}

#menu-menu-header,
#menu-menu-header-1,
.menu-menu-header-container,
#menu-menu-top-bara,
#menu-menu-top-bara-1,
.top_bar__right {
    display: flex;
}

#menu-menu-header-1,
#menu-menu-header {
    gap: 30px;
}

#menu-menu-header-1 li a,
#menu-menu-header li a {
    font-size: 13px;
    font-weight: 700;
    flex-wrap: wrap;
}

@media screen and (min-width: 992px) {

    .menu-menu-header-container,
    #menu-menu-top-bara,
    .top_bar__right {
        align-items: center;
    }

    #menu-menu-header-1 li.menu-item,
    #menu-menu-header li.menu-item,
    #menu-menu-top-bara-1 li.menu-item,
    #menu-menu-top-bara-1 li.menu-item,
    #menu-menu-top-bara li.menu-item {
        margin-bottom: 0;
    }

    .menu-menu-header-container {
        margin-left: 38px;
        margin-right: auto;
    }
}

#menu-menu-top-bara-1 li a,
#menu-menu-header-1 li a,
#menu-menu-header li a,
#menu-menu-top-bara li a {
    color: #fff;
}

#menu-menu-top-bara-1 li a,
#menu-menu-top-bara li a,
.mr_header .phone_number {
    font-size: 15px;
    line-height: 1.3;
}

#menu-menu-top-bara-1,
#menu-menu-top-bara {
    gap: 30px;
    margin-right: 26px;
}

.mr_header .top_bar__contant_info {
    align-items: center;
}

@media screen and (max-width: 767px) {
    .mr_header .top_bar__contant_info.main {
        flex-direction: column;
    }

    .mr_header .top_bar__contant_info.main .top_bar__contant_info {
        margin-left: -20px !important;
    }
}

.mr_header .top_bar__contant_info.global_info.mail_info {
    margin-left: 24px;
    margin-top: 0;
}

.mr_header .phones_wrapper {
    display: flex;
    align-items: center;
}

.mr_header .top_bar__contant_info.global_info.mail_info .mail_adrress {
    font-size: 18px;
    font-weight: 500;
}

.mr_header img.number_icon,
.mr_header img.mail_icon {
    width: 18px;
    height: 18px;
}

.mr_header .custom-logo {
    width: 100%;
    max-width: 171px;
    height: auto;
}

.menu,
nav ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.nav-icon-5 {
    width: 35px;
    height: 30px;
    margin: 10px 10px;
    position: relative;
    cursor: pointer;
    display: inline-block;
}

body .mr_header .header__top_bar a,
body .mr_header .header_bottom a {
    transition: color .3s ease !important;
}

body .mr_header .header__top_bar a:hover,
body .mr_header .header_bottom a:hover {
    color: #E30613 !important;
    text-decoration: unset !important;
}

.search_trigger,
.search_trigger:hover {
    padding: 0;
    border-radius: 0;
    border: unset;
    background-color: transparent;
}

.mr_header .nav_wrapper {
    display: flex;
    place-content: center;
    gap: 17px;
}

.search_popup {
    display: none;
}

.search_popup.open {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.8);
    z-index: 100;
}

.search_wrapper {
    position: relative;
    width: 80%;
    max-width: 600px;
}

.search_popup.open .close_btn {
    position: absolute;
    top: -130px;
    right: 0;
    width: 50px;
    height: 50px;
    background-color: transparent;
    padding: 0;
}

@media screen and (min-width: 992px) {
    .search_popup.open .close_btn {
        right: -100px;
    }
}

.search_popup.open .close_btn svg {
    width: 100%;
    height: 100%;
}

.search_wrapper .search-form {
    display: flex;
}

.search-field {
    width: 100%;
}

.search_wrapper .search-form label {
    width: 80%;
}

.search_wrapper .search-submit {
    width: 20%;
}

.search-field,
.search_wrapper .search-submit {
    box-sizing: content-box;
}

@media screen and (max-width: 991px) {

    .header__top_bar .menu-menu-top-bara-container,
    .header_bottom__wrapper.desktop {
        display: none;
    }

    .mr_header {
        position: relative;
    }

    .mr_header .menu-wrapper {
        position: fixed;
        top: 180px;
        left: -200vw;
        display: grid;
        padding: 20px 30px;
        width: 100%;
        background-color: #000;
        transition: left .3s ease;
        overflow-y: scroll;
        height: calc(100svh - 180px);
    }

    .mr_header.open .menu-wrapper {
        left: 0;
    }

    #menu-menu-top-bara-1,
    #menu-menu-header {
        flex-direction: column;
        gap: 10px
    }

    #menu-menu-top-bara-1 li a,
    #menu-menu-header li a {
        font-size: 15px
    }

    .mr_header .nav_wrapper {
        gap: 20px;
    }
}

@media screen and (min-width: 992px) {
    .header_bottom__wrapper.mobile {
        display: none;
    }
}

.nav-icon-5 span {
    background-color: #E30613;
    position: absolute;
    border-radius: 2px;
    transition: 0.3s cubic-bezier(0.8, 0.5, 0.2, 1.4);
    width: 100%;
    height: 4px;
    transition-duration: 500ms;
}

.nav-icon-5 span:nth-child(1) {
    top: 0px;
    left: 0px;
}

.nav-icon-5 span:nth-child(2) {
    top: 13px;
    left: 0px;
    opacity: 1;
}

.nav-icon-5 span:nth-child(3) {
    bottom: 0px;
    left: 0px;
}

.nav-icon-5:not(.open):hover span:nth-child(1) {
    transform: rotate(-3deg) scaleY(1.1);
}

.nav-icon-5:not(.open):hover span:nth-child(2) {
    transform: rotate(3deg) scaleY(1.1);
}

.nav-icon-5:not(.open):hover span:nth-child(3) {
    transform: rotate(-4deg) scaleY(1.1);
}

.nav-icon-5.open span:nth-child(1) {
    transform: rotate(45deg);
    top: 13px;
}

.nav-icon-5.open span:nth-child(2) {
    opacity: 0;
}

.nav-icon-5.open span:nth-child(3) {
    transform: rotate(-45deg);
    top: 13px;
}

/* landing page */

.landing_container {
    max-width: 96%;
    width: 1296px;
    margin: 0 auto;
}

.comprehensive_service {
    clear: both;
}

.complex_service__inner {
    padding: 66px 0;
}

.complex_service__services_list {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
}

.complex_service__service_item {
    background-color: #F6F6F6;
}

.complex_service__service_title h3 {
    font-size: 19px;
    font-weight: 600;
    margin-bottom: 16px;
    margin-top: 10px;
}

.complex_service__service_description p {
    margin: 0;
    line-height: 170%;
    font-size: 15px;
    font-weight: 400;
}

.complex_service__service_item {
    display: grid;
    grid-template-columns: 86px 1fr;
    column-gap: 14px;
    padding: 25px;
}

@media screen and (max-width: 992px) {
    .complex_service__services_list {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media screen and (max-width: 600px) {
    .complex_service__services_list {
        grid-template-columns: 100%;
    }
}

.complex_service__title {
    display: grid;
    justify-content: center;
    text-align: center;
    row-gap: 10px;
    margin-bottom: 66px;
}

.complex_service .complex_service__inner {
    max-width: 96%;
    width: 1296px;
    margin: 0 auto;
}

/* questions_section */

.questions_section__button {
    display: flex;
    justify-content: center;
}

.questions_section__title h2 {
    margin-bottom: 0;
    line-height: 134%;
    font-size: 38px;
    font-weight: 600;
}

.questions_section__inner {
    display: grid;
    justify-content: center;
    row-gap: 22px;
    padding: 66px 0;
}

/* price list cennik */

.price_list_section {
    clear: both;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    column-gap: 25px;
    background-color: #F6F6F6;
    position: relative;
    padding: 55px 0;
    margin-bottom: 80px;
}

.price_list_section:before {
    right: 100%;
}

.price_list_section:after {
    left: 100%;
}

.price_list_section:after,
.price_list_section:before {
    content: '';
    position: absolute;
    height: 100%;
    width: 100%;
    background-color: #F6F6F6;
    top: 0;
}

.price_list_section__zone {
    color: #fff;
    padding: 36px 42px 42px 42px;
}

.price_list_section__zone:nth-child(1){
    background-color: #E30613;
}

.price_list_section__zone:nth-child(2) {
    background-color: #2E85D1;
}

.price_list_section__zone:nth-child(3) {
    background-color: #2ED16F;
}

.price_list_section__zone_dimension {
    display: flex;
    column-gap: 15px;
    align-items: center;
}

.price_list_section__zone_dimension svg path{
    fill: #fff;
}

.price_list_section__zone_dimension p {
    margin: 0;
}

.price_list_section__zone_prices {
    display: flex;
    justify-content: space-between;

    padding: 15px 0;
    align-items: center;
}

.price_list_section__zone_prices:not(:last-child) {
    border-bottom: 1px solid #3A3A3A;
}

.price_list_section__zone_title h3 {
    font-size: 25px;
    font-weight: 700;
    text-align: center;
}

.price_list_section__zone_price p {
    font-size: 22px;
    font-weight: 700;
    margin: 0;
}

.price_list__header {
    font-size: 14px;
    text-align: justify;
    line-height: 196%;
    margin-bottom: 66px;
}

@media screen and (max-width: 992px) {
    .price_list_section {
        grid-template-columns: repeat(2, 1fr);
        row-gap: 25px;
    }

    .price_list_section__zone:last-child {
        grid-column: 1/3;
    }
}

@media screen and (max-width: 700px) {
    .price_list_section {
        grid-template-columns: 100%;
    }

    .price_list_section__zone:last-child {
        grid-column: 1/2;
    }
}

.title_above_map {
    font-size: 38px;
    font-weight: 600;
}

@media screen and (min-width: 992px) {
    #mapka {
        padding-left: 54px;
        padding-right: 54px;
    }
}

/* accessories section */

.accessories_section__single_accessory {
    display: flex;
    justify-content: space-between;
    background-color: #fff;
    padding: 21px 25px;
}

.accessories_section {
    background-color: #F6F6F6;
}

.accessories_section__inner {
    padding: 74px 0;
}

.accessories_section__accessory_button {
    height: 18px;
    width: 18px;
    border: 1px solid #E30613;
    background-color: transparent;
    transition: background-color .3s ease;
    border-radius: 100%;
    margin-top: 4px;
}

.accessories_section__accessory_name_side {
    display: flex;
    column-gap: 13px;
    align-items: flex-start;
}

.accessories_section__accessory_name p,
.accessories_section__accessory_price p {
    margin: 0;
}

.accessories_section__accessory_name p {
    font-size: 17px;
    font-weight: 500;
}

.accessories_section__accessory_price p {
    font-size: 20px;
    font-weight: 700;
}

.accessories_section__accessories {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 25px;
}

.accessories_section__title {
    display: grid;
    row-gap: 8px;
    text-align: center;
    margin-bottom: 46px;
}

.accessories_section__title h2 {
    font-size: 38px;
    font-weight: 600;
    margin: 0;
}

.accessories_section__accessory_name {
    width: fit-content;
    max-width: 350px;
}

.accessories_section__single_accessory:hover .accessories_section__accessory_button {
    background-color: #E30613;
}

/* opinion section */

.opinion_section__slider {
    padding-bottom: 43px;
}

@media screen and (min-width: 992px) {
    .opinion_section__slider {
        padding-bottom: 86px;
    }
}

.opinion_section__slider .slick-slide {
    margin: 0 12px;
}

.opinion_section__slider .slick-list {
    margin: 0 -12px;
    overflow: visible;
}

.opinion_section__slider .slick-track {
    display: flex !important;
}

.opinion_section__slider .slick-slide {
    height: inherit !important;
}

.opinion_section {
    background-color: #F6F6F6;
}

.slick-initialized .slick-slide.opinion_section__opnion .opinion_section__opnion_wrapper {
    background-color: #fff;
    padding: 54px 32px 68px 30px;
    display: flex;
    flex-direction: column;
    clip-path: polygon(0 0, calc(100% - 103px) 0, 100% 103px, 100% 100%, 0 100%);
    height: 100%;
}

.opinion_section__opnion_name_author {
    font-size: 20px;
    font-weight: 700;
    line-height: 155%;
    color: #41434B;
    margin-bottom: 39px;
}

.opinion_section__opnion_name_author p {
    margin-bottom: 0;
    max-width: 200px;
}

.opinion_section__opnion_text {
    font-size: 14px;
    font-weight: 400;
    color: #7E7E7E;
    font-weight: 177%;
}

.opinion_section__opnion_text p {
    margin: 0;
}

.opinion_section__opnion_inner {
    display: flex;
    flex-direction: column;
}

/* .opinion_section__opnion_name_badge {
    background-image: url("data:image/svg+xml,%3Csvg width='76' height='65' viewBox='0 0 76 65' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M43.9375 65V44.3071C43.9375 32.4594 46.6292 22.7216 52.0125 15.0936C57.5542 7.30337 65.55 2.27216 76 0V13.3895C70.9333 14.6879 66.975 17.1223 64.125 20.6929C61.275 24.1011 59.5333 28.3209 58.9 33.3521H71.25V65H43.9375ZM0 65V44.3071C0 32.4594 2.69167 22.7216 8.075 15.0936C13.6167 7.30337 21.6125 2.27216 32.0625 0V13.3895C26.9958 14.6879 23.0375 17.1223 20.1875 20.6929C17.3375 24.1011 15.5958 28.3209 14.9625 33.3521H27.3125V65H0Z' fill='%23E30613'/%3E%3C/svg%3E");
    width: 76px;
    height: 65px;
} */

.opinion_section__opnion_name {
    display: flex;
    justify-content: space-between;
}

.opinion_section__opnion {
    position: relative;
}

.opinion_section__opnion::after {
    content: '';
    background-image: url("data:image/svg+xml,%3Csvg width='76' height='65' viewBox='0 0 76 65' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M43.9375 65V44.3071C43.9375 32.4594 46.6292 22.7216 52.0125 15.0936C57.5542 7.30337 65.55 2.27216 76 0V13.3895C70.9333 14.6879 66.975 17.1223 64.125 20.6929C61.275 24.1011 59.5333 28.3209 58.9 33.3521H71.25V65H43.9375ZM0 65V44.3071C0 32.4594 2.69167 22.7216 8.075 15.0936C13.6167 7.30337 21.6125 2.27216 32.0625 0V13.3895C26.9958 14.6879 23.0375 17.1223 20.1875 20.6929C17.3375 24.1011 15.5958 28.3209 14.9625 33.3521H27.3125V65H0Z' fill='%23E30613'/%3E%3C/svg%3E");
    width: 76px;
    height: 65px;
    position: absolute;
    top: 21px;
    right: 23px;
}

/* popular tanks */

.popular_tanks__inner .section_hashtag {
    margin-bottom: 10px;
}

.popular_tanks__inner h2 {
    font-size: 38px;
    line-height: 134%;
    font-weight: 600;
    margin-bottom: 12px
}

.popular_tanks__inner h2 a {
    color: #000;
}

.popular_tanks__inner li {
    list-style-type: none;
}

.popular_tanks__inner li a {
    color: #000;
    font-weight: 400;
    line-height: 196%;
    font-size: 14px;
}

.popular_tanks__inner {
    padding: 59px 0;
}

.popular_tanks__comment p:not(.section_hashtag) {
    line-height: 196%;
    font-size: 14px;
    font-weight: 400;
    text-align: justify;
}

.popular_tanks__comment p:not(.section_hashtag) a {
    color: #000;
}

.popular_tanks__comment {
    margin-top: 45px;
}

.opinion_section__title {
    padding-top: 43px;
    text-align: center;
}

.opinion_section__title h2 {
    margin-bottom: 40px;
}

@media screen and (min-width: 992px) {
    .opinion_section__title {
        padding-top: 86px;
    }

    .opinion_section__title h2 {
        margin-bottom: 79px;
    }
}

.page-template-landing .customer_service {
    width: 1296px;
    max-width: 96%;
    margin: 0 auto;
}

@media (-webkit-device-pixel-ratio: 1.25) {
    .gallery_section__gallery_slider .gallery_section__single_photo * {
        zoom: 0.8;
    }
}

/* header */

.mr_header .menu-item-has-children {
    position: relative;
    z-index: 5;
}



.mr_header .sub-menu li {
    padding: 10px 0;
}

ul.list-reset,
ol.list-reset,
.list-reset-inside ul,
.list-reset-inside ol {
    list-style: none;
    margin: 0;
    padding: 0;
}

.mr_header .menu-item-has-children .sub-menu .menu-item-has-children{
    position: unset;
    z-index: 5;
}

.mr_header li {
    list-style: none;
}

.mr_header .menu-item-has-children .sub-menu .menu-item-has-children .sub-menu {
    top: 0;
    left: 100%;
    margin-left: 0;
}

@media screen and (min-width: 992px) {
    .mr_header .menu-item-has-children:hover>.sub-menu {
        display: block;
        position: absolute;
        top: 100%;
        min-height: max-content;
        min-width: 23.8rem;
        padding: 2rem 0 1rem 1.6rem;
        z-index: -1;
        background-color: #000;
    }
    
    .mr_header .sub-menu {
        display: none;
    }
}

@media screen and (max-width: 992px) {
    .mr_header .menu-item-has-children .sub-menu .menu-item-has-children .sub-menu {
        padding-left: 30px;
        margin-top: 17px;
    }

    li.menu-item:not(.menu-item-has-children) {
        margin-bottom: 17px;
    }

    .mr_header .menu-item-has-children .sub-menu .menu-item-has-children .sub-menu li:last-child {
        margin-bottom: 0px;
    }
}

/* simple product  */

body.woocommerce div.product.elementor .elementor-add-to-cart--align-left form.cart:not(.grouped_form):not(.variations_form) {
    display: flex;
    justify-content: end;
}

body.woocommerce .product-type-simple .cart .single_add_to_cart_button  {
    border-radius: 4px;
    margin: 0 0 0 20px !important;
    font-family: 'Avenir Next',Sans-serif;
    text-transform: uppercase;
    letter-spacing: .5px;
    color: #fff;
    padding: 15px 20px;
    max-width: 320px;
    line-height: 1;
    font-size: 14px;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: 700;
    min-width: 320px !important;
    border: 1px solid #474747 !important;
}

.product-type-simple .cart .quantity {
    display: block;
}

.product-type-simple .woocommerce-Price-amount {
    color: #ea5056;
    font-size: 30px;
    font-weight: 600;
    line-height: 1;
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: fit-content;
}

.product-type-variable .elementor-widget-woocommerce-product-price,
.product-type-variable .elementor-element-6c1ee77 {
    display: none;
}       

/* szmba z wykopem item menu */

li.menu-item-4833 a,
li.menu-item-6678 a {
    padding-left: 30px;
    position: relative;
}

li.menu-item-4833 a:before,
li.menu-item-6678 a:before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    background-image: url("data:image/svg+xml,%3Csvg width='20' height='22' viewBox='0 0 20 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2.37853 18.0124C2.20104 18.0096 2.02475 18.0421 1.85995 18.1081C1.69515 18.174 1.54512 18.2721 1.41861 18.3967C1.29209 18.5212 1.19162 18.6696 1.12303 18.8334C1.05445 18.9971 1.01913 19.1729 1.01913 19.3504C1.01913 19.5279 1.05445 19.7036 1.12303 19.8674C1.19162 20.0311 1.29209 20.1795 1.41861 20.3041C1.54512 20.4286 1.69515 20.5267 1.85995 20.5927C2.02475 20.6586 2.20104 20.6912 2.37853 20.6884H11.396C11.5735 20.6912 11.7498 20.6586 11.9146 20.5927C12.0794 20.5267 12.2294 20.4286 12.356 20.3041C12.4825 20.1795 12.583 20.0311 12.6515 19.8674C12.7201 19.7036 12.7554 19.5279 12.7554 19.3504C12.7554 19.1729 12.7201 18.9971 12.6515 18.8334C12.583 18.6696 12.4825 18.5212 12.356 18.3967C12.2294 18.2721 12.0794 18.174 11.9146 18.1081C11.7498 18.0421 11.5735 18.0096 11.396 18.0124H2.37853ZM11.396 21.7006H2.37853C2.06753 21.7043 1.75888 21.6463 1.47047 21.5298C1.18206 21.4134 0.919635 21.2409 0.698394 21.0223C0.477152 20.8037 0.301499 20.5433 0.181615 20.2563C0.061731 19.9693 0 19.6614 0 19.3504C0 19.0393 0.061731 18.7314 0.181615 18.4444C0.301499 18.1574 0.477152 17.8971 0.698394 17.6785C0.919635 17.4599 1.18206 17.2874 1.47047 17.1709C1.75888 17.0545 2.06753 16.9964 2.37853 17.0002H11.396C11.707 16.9964 12.0157 17.0545 12.3041 17.1709C12.5925 17.2874 12.8549 17.4599 13.0762 17.6785C13.2974 17.8971 13.4731 18.1574 13.593 18.4444C13.7128 18.7314 13.7746 19.0393 13.7746 19.3504C13.7746 19.6614 13.7128 19.9693 13.593 20.2563C13.4731 20.5433 13.2974 20.8037 13.0762 21.0223C12.8549 21.2409 12.5925 21.4134 12.3041 21.5298C12.0157 21.6463 11.707 21.7043 11.396 21.7006Z' fill='%23E30613'/%3E%3Cpath d='M14.9304 14.271L16.334 15.2238C16.5895 15.3972 16.8874 15.4977 17.1956 15.5145C17.5039 15.5313 17.811 15.4638 18.0838 15.3192C18.3566 15.1747 18.5849 14.9585 18.7442 14.694C18.9034 14.4295 18.9876 14.1266 18.9877 13.8179V12.6086L14.9304 14.271ZM17.2834 16.536C16.7411 16.5342 16.2119 16.3687 15.7651 16.0613L13.5817 14.5791C13.506 14.5277 13.4455 14.4567 13.4069 14.3737C13.3683 14.2907 13.3529 14.1988 13.3624 14.1077C13.3718 14.0166 13.4059 13.9298 13.4608 13.8566C13.5157 13.7833 13.5894 13.7263 13.6742 13.6917L19.3018 11.3858C19.3787 11.3543 19.4621 11.3422 19.5448 11.3506C19.6274 11.359 19.7067 11.3876 19.7757 11.4338C19.8447 11.4801 19.9013 11.5427 19.9403 11.616C19.9794 11.6893 19.9999 11.7711 19.9999 11.8542V13.8175C20.0043 14.3111 19.8719 14.7962 19.6173 15.2191C19.3628 15.6419 18.996 15.986 18.5578 16.2131C18.1658 16.4232 17.7282 16.5338 17.2834 16.5353V16.536Z' fill='%23E30613'/%3E%3Cpath d='M2.60054 9.42739C2.54064 9.42748 2.48323 9.45133 2.44091 9.49372C2.39858 9.5361 2.37481 9.59355 2.37481 9.65345V12.8618C2.3749 12.9217 2.39871 12.979 2.44102 13.0214C2.48334 13.0637 2.5407 13.0875 2.60054 13.0876H11.174C11.2339 13.0876 11.2914 13.0638 11.3338 13.0215C11.3761 12.9792 11.4 12.9217 11.4001 12.8618V9.33494C11.4 9.15418 11.3518 8.9767 11.2604 8.82073L9.45663 5.74393C9.41198 5.66769 9.34824 5.6044 9.27167 5.56032C9.19511 5.51624 9.10837 5.49289 9.02002 5.49256H5.96549C5.90556 5.49265 5.84811 5.51649 5.80574 5.55887C5.76336 5.60124 5.73951 5.65869 5.73943 5.71862V8.91993C5.73943 9.05416 5.6861 9.18289 5.59119 9.2778C5.49628 9.37271 5.36754 9.42604 5.23332 9.42604L2.60054 9.42739ZM11.174 14.0998H2.60054C2.27232 14.0994 1.95766 13.9689 1.72557 13.7368C1.49349 13.5047 1.36295 13.1901 1.36259 12.8618V9.65345C1.36286 9.32518 1.49336 9.01042 1.72546 8.77827C1.95755 8.54611 2.27227 8.41553 2.60054 8.41517H4.72619V5.71997C4.72655 5.39167 4.85713 5.07691 5.08927 4.84477C5.32142 4.61262 5.63617 4.48205 5.96447 4.48169H9.01901C9.28371 4.48223 9.5437 4.55171 9.77337 4.68329C10.003 4.81487 10.1945 5.00401 10.3288 5.23208L12.1326 8.30855C12.315 8.61987 12.4112 8.97413 12.4113 9.33494V12.8618C12.4108 13.1901 12.2802 13.5048 12.0481 13.7368C11.816 13.9689 11.5013 14.0994 11.173 14.0998H11.174Z' fill='%23E30613'/%3E%3Cpath d='M11.9062 11.1273H6.99797C6.5259 11.1273 6.06643 10.975 5.68784 10.693C5.30925 10.411 5.03176 10.0144 4.8966 9.56206L4.74848 9.06641C4.72945 9.00271 4.72315 8.93589 4.72994 8.86977C4.73674 8.80364 4.75649 8.7395 4.78807 8.681C4.81965 8.62251 4.86245 8.5708 4.91401 8.52885C4.96557 8.48689 5.02489 8.4555 5.08859 8.43647C5.15228 8.41744 5.2191 8.41114 5.28523 8.41793C5.35136 8.42473 5.4155 8.44448 5.47399 8.47606C5.53249 8.50764 5.58419 8.55043 5.62615 8.602C5.6681 8.65356 5.69949 8.71288 5.71852 8.77657L5.86664 9.27155C5.94033 9.51458 6.08994 9.72762 6.29354 9.87942C6.49714 10.0312 6.74401 10.1138 6.99797 10.1151H11.9062C12.0404 10.1151 12.1692 10.1684 12.2641 10.2633C12.359 10.3582 12.4123 10.4869 12.4123 10.6212C12.4123 10.7554 12.359 10.8841 12.2641 10.979C12.1692 11.074 12.0404 11.1273 11.9062 11.1273Z' fill='%23E30613'/%3E%3Cpath d='M3.70791 17.5061C3.57368 17.5061 3.44495 17.4528 3.35003 17.3579C3.25512 17.263 3.2018 17.1342 3.2018 17V13.5938C3.2018 13.4595 3.25512 13.3308 3.35003 13.2359C3.44495 13.141 3.57368 13.0876 3.70791 13.0876C3.84213 13.0876 3.97087 13.141 4.06578 13.2359C4.16069 13.3308 4.21402 13.4595 4.21402 13.5938V17C4.21402 17.1342 4.16069 17.263 4.06578 17.3579C3.97087 17.4528 3.84213 17.5061 3.70791 17.5061Z' fill='%23E30613'/%3E%3Cpath d='M10.0667 17.5061C9.93244 17.5061 9.80371 17.4528 9.7088 17.3579C9.61388 17.263 9.56056 17.1342 9.56056 17V13.5938C9.56056 13.4595 9.61388 13.3308 9.7088 13.2359C9.80371 13.141 9.93244 13.0876 10.0667 13.0876C10.2009 13.0876 10.3296 13.141 10.4245 13.2359C10.5195 13.3308 10.5728 13.4595 10.5728 13.5938V17C10.5728 17.1342 10.5195 17.263 10.4245 17.3579C10.3296 17.4528 10.2009 17.5061 10.0667 17.5061Z' fill='%23E30613'/%3E%3Cpath d='M12.5345 6.82906C12.4229 6.82933 12.3143 6.79273 12.2257 6.72494C12.1371 6.65715 12.0734 6.56198 12.0444 6.45423C12.0155 6.34647 12.023 6.23217 12.0657 6.12911C12.1084 6.02604 12.184 5.93999 12.2807 5.88432L18.6705 2.19546C18.8162 2.11135 18.9224 1.97282 18.9659 1.81036C19.0094 1.6479 18.9866 1.47481 18.9025 1.32917C18.8184 1.18354 18.6798 1.07728 18.5174 1.03378C18.3549 0.990274 18.1818 1.01309 18.0362 1.09721L11.6022 4.81171C11.4859 4.87882 11.3476 4.89698 11.2179 4.86217C11.0882 4.82737 10.9776 4.74247 10.9105 4.62614C10.8434 4.50981 10.8253 4.37158 10.8601 4.24186C10.8949 4.11215 10.9798 4.00157 11.0961 3.93445L17.5301 0.220627C17.7173 0.112513 17.924 0.0423354 18.1384 0.0141002C18.3527 -0.014135 18.5705 0.000125235 18.7793 0.0560668C18.9882 0.112008 19.184 0.208536 19.3555 0.340138C19.527 0.471739 19.671 0.635838 19.7791 0.823065C19.8872 1.01029 19.9574 1.21698 19.9856 1.43133C20.0138 1.64568 19.9996 1.86349 19.9436 2.07232C19.8877 2.28116 19.7912 2.47693 19.6596 2.64847C19.528 2.82 19.3639 2.96393 19.1766 3.07204L12.7868 6.76124C12.7101 6.80543 12.623 6.8287 12.5345 6.82872V6.82906Z' fill='%23E30613'/%3E%3Cpath d='M17.5422 13.1601C17.408 13.1601 17.2793 13.1068 17.1844 13.0119C17.0894 12.917 17.0361 12.7882 17.0361 12.654V5.27796C17.0361 5.14373 17.0894 5.015 17.1844 4.92009C17.2793 4.82517 17.408 4.77185 17.5422 4.77185C17.6765 4.77185 17.8052 4.82517 17.9001 4.92009C17.995 5.015 18.0483 5.14373 18.0483 5.27796V12.654C18.0483 12.7882 17.995 12.917 17.9001 13.0119C17.8052 13.1068 17.6765 13.1601 17.5422 13.1601Z' fill='%23E30613'/%3E%3Cpath d='M19.4938 12.3605C19.3596 12.3605 19.2308 12.3071 19.1359 12.2122C19.041 12.1173 18.9877 11.9886 18.9877 11.8543V1.64612C18.9877 1.5119 19.041 1.38316 19.1359 1.28825C19.2308 1.19334 19.3596 1.14001 19.4938 1.14001C19.628 1.14001 19.7567 1.19334 19.8517 1.28825C19.9466 1.38316 19.9999 1.5119 19.9999 1.64612V11.8543C19.9999 11.9886 19.9466 12.1173 19.8517 12.2122C19.7567 12.3071 19.628 12.3605 19.4938 12.3605Z' fill='%23E30613'/%3E%3C/svg%3E");    
    width: 20px;
    height: 24px;
    background-position: center;
    background-repeat: no-repeat;
}

li.menu-item-has-children .sub-menu > .menu-item-has-children a {
    position: relative;
}

li.menu-item-has-children .sub-menu > .menu-item-has-children > a:after {
    content: '';
    position: absolute;
    right: 5%;
    top: 50%;
    transform: translateY(-50%) rotate(90deg);
    background-image: url("data:image/svg+xml,%3Csvg width='7' height='12' viewBox='0 0 7 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L6 6L1 11' stroke='%23E30613' stroke-width='1.3'/%3E%3C/svg%3E%0A");
    height: 10px;
    width: 10px;
    background-position: center;
    background-repeat: no-repeat;
    transition: transform .3s ease;
}

li.menu-item-has-children .sub-menu > .menu-item-has-children:hover > a:after {
    transform: translateY(-50%) rotate(0deg);
}

/* correct ptoduct list */

#k-product-container .jet-woo-products__item .jet-woo-products__inner-box {
    height: 100%;
}

.jet-woo-products .jet-woo-product-price {
    margin-top: auto;
}

/* gallery product list */

.elementor-shortcode .gallery_section__gallery {
    padding: 30px 0;
}

.elementor-widget-shortcode ul.products {
    display: flex;
    flex-wrap: wrap;
    margin-left: -10px;
    margin-right: -10px;
}

.elementor-widget-shortcode ul.products li.product {
    flex: 0 0 25%;
    max-width: 25%;
    position: relative;
    min-height: 1px;
    padding: 10px;
    width: 100%;
}

.woocommerce .elementor-widget-shortcode .jet-woo-products__inner-box,
.cellars_products .jet-woo-products__inner-box{
    background-color: #fafafa;
    height: 100%;
    display: flex;
    flex-direction: column;
    width: 100%;
    box-sizing: border-box;
    overflow: hidden;
}

.woocommerce .elementor-widget-shortcode .jet-woo-product-thumbnail,
.cellars_products .jet-woo-product-thumbnail{
    padding: 30px 40px;
    position: relative;
    font-size: 0;
    text-align: center;
    overflow: hidden;
    transform: translate3d(0, 0, 0);
}

.woocommerce .elementor-widget-shortcode .jet-woo-product-thumbnail img,
.cellars_products .jet-woo-product-thumbnail img{
    height: auto;
    max-width: 100%;
    border: none;
    border-radius: 0;
    box-shadow: none;
    width: 100%;
}

.woocommerce .elementor-widget-shortcode h3.jet-woo-product-title,
.cellars_products h3.jet-woo-product-title {
    font-size: 18px;
    font-weight: 400;
    text-align: center;
    order: 1;
    margin-bottom: 20px;
    line-height: 1.2em;
    font-weight: 400;
    text-transform: none;
}

.woocommerce .elementor-widget-shortcode h3.jet-woo-product-title a,
.cellars_products h3.jet-woo-product-title a {
    font-size: 17px;
    padding: 0 10px;
    display: block;
    color: var( --e-global-color-secondary );
}

.woocommerce .elementor-widget-shortcode .jet-woo-product-price,
.cellars_products .jet-woo-product-price {
    text-align: center;
    order: 1;
    margin-top: auto;
    box-sizing: border-box;
}

.woocommerce .elementor-widget-shortcode .jet-woo-product-price span bdi,
.woocommerce .elementor-widget-shortcode .jet-woo-product-price span,
.cellars_products .jet-woo-product-price span bdi,
.cellars_products .jet-woo-product-price span {
    font-size: 18px;
    font-weight: 600;
}

.woocommerce .elementor-widget-shortcode .jet-woo-product-price span bdi,
.cellars_products .jet-woo-product-price span bdi {
    color: #000;
}

.woocommerce .elementor-widget-shortcode .jet-woo-product-button,
.cellars_products .jet-woo-product-button {
    margin: 10px 0 20px 0;
    text-align: center;
    order: 1;
}

.woocommerce .elementor-widget-shortcode .jet-woo-product-button a,
.cellars_products .jet-woo-product-button a {
    display: inline-flex !important;
    align-items: center;
    background-color: #6EC1E400;
    color: #000000;
    text-decoration: none;
    font-weight: var( --e-global-typography-text-font-weight );
    font-size: 100%;
    margin: 0;
    line-height: 1;
    cursor: pointer;
    position: relative;
    text-decoration: none;
    overflow: visible;
    padding: .618em 1em;
    font-weight: 700;
    border-radius: 3px;
    left: auto;
    color: #515151;
    background-color: #ebe9eb;
    border: 0;
    display: inline-block;
    background-image: none;
    box-shadow: none;
    text-shadow: none;
    transition: color .1s ease-in-out,background-color .1s ease-in-out;
    background-color: #6EC1E400;
    color: #000000;
    text-decoration: none;
    font-weight: var( --e-global-typography-text-font-weight );
}

.woocommerce .elementor-widget-shortcode .woocommerce-Price-amount.amount::after,
.cellars_products .woocommerce-Price-amount.amount::after {
    display: block;
    color: #000;
}

.jet-woo-product-button a::before {
    content: '\f1de';
    font-family: 'Font Awesome 5 Free';
    display: table-footer-group;
    font-size: 20px;
    color: #e30613;
    font-weight: 900;
    margin: 0 10px 0 0;
}
/* 
body.term-piwniczki-ogrodowe #k-product-container {
    display: none;
} */

.page-id-6548 .customer_service__inner {
    max-width: 96%;
    width: 1296px;
    margin: 0 auto;
}

.gallery_section__single_photo a {
    width: 100%;
}

.term-kanaly-samochodowe .gallery_section__single_photo img {
    object-fit: cover;
    height: 400px;
}

/* cellar products piwnice landing */

.cellars_products__inner .products {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    margin: 20px 0;
}

@media screen and (max-width: 992px){
    .cellars_products__inner .products {
        grid-template-columns: repeat(2, 1fr);
    }
}

.cellars_products__inner .products .col-desk-4 {
    max-width: none;
}

.cellars_products__title {
    display: grid;
    justify-content: center;
    text-align: center;
    row-gap: 7px;
    margin-bottom: 50px;
  }

.cellars_products__inner {
    margin-top: 20px;
    margin-bottom: 20px;
}
#blog-txtt {
    text-align: justify;
}

.k-map-list .k-map-item ul li a {
    font-size: 12px;
}

.woocommerce-cart-form table {
    background-color: #fff;
}

.cart_totals table {
    background-color: #fff;
}

body .k-none {
    display: none;
}

.single-product .k-single-content .elementor-add-to-cart.elementor-product-variable table.variations {
    border-bottom: 1px solid #e0dddd;
    padding: 0 0 40px 0;
}

.single-product .k-single-content .elementor-add-to-cart.elementor-product-variable .single_variation_wrap .woocommerce-variation-add-to-cart .qty {
    color: #000;
    font-family: 'Avenir Next', Sans-serif;
    padding: 8px;
}

.k-single-product-bread nav.woocommerce-breadcrumb,
.k-single-product-bread nav.woocommerce-breadcrumb a {
    font-size: 16px !important;
    color: #000;
    font-weight: 700;
}

.single-product .k-text-info .elementor-widget-container {
    padding: 30px 0 0 0 !important;
    font-size: 16px;
    margin-left: 42% !important;
    color: #5d5a5a;
}

.single-product .k-single-content form.cart {
    margin: 0 !important;
}

.k-btn-tel a {
    border-radius: 4px;
    margin: 0;
    background-color: #E30613;
    font-family: 'Avenir Next', Sans-serif;
    text-transform: uppercase;
    letter-spacing: .5px;
    color: #fff;
    padding: 15px 20px;
    max-width: 320px;
    line-height: 1;
    font-size: 14px;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: 700;
    min-width: 320px !important;
}

.k-btn-tel {
    display: flex;
    justify-content: flex-end;
    min-width: 320px !important;
    margin-top: 20px;
}

.k-btn-tel a i {
    margin: 0 10px 0 0;
}

.single-product .k-single-content .elementor-add-to-cart.elementor-product-variable .single_variation_wrap {
    display: flex;
    flex-wrap: wrap;
    margin: 40px 0 0 0;
    flex-direction: column;
    justify-content: flex-end;
}

@media all and (min-width:768px) {
    .single-product .k-single-content .elementor-add-to-cart.elementor-product-variable .single_variation_wrap {
        flex-direction: column;
    }

    .single-product .k-single-content .elementor-add-to-cart.elementor-product-variable .woocommerce-variation {
        justify-content: unset;
    }
}

@media all and (min-width:1069px) {
    .single-product .k-single-content .elementor-add-to-cart.elementor-product-variable .single_variation_wrap {
        justify-content: space-between;
        flex-direction: row;
    }

    .k-btn-tel {
        margin-top: unset;
    }
}

.single-product .k-single-content .elementor-add-to-cart.elementor-product-variable .woocommerce-variation {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
}

.single-product .k-single-content .elementor-add-to-cart.elementor-product-variable .woocommerce-variation .woocommerce-variation-price span {
    color: #ea5056;
    font-size: 30px;
    font-weight: 600;
    line-height: 1;
}

.single-product .k-single-content .elementor-add-to-cart.elementor-product-variable .woocommerce-variation .woocommerce-variation-price span:after {
    display: block;
    text-align: center;
}

.single-product .k-single-content .elementor-add-to-cart.elementor-product-variable .single_variation_wrap .woocommerce-variation-add-to-cart {
    width: 60%;
    display: flex;
    justify-content: flex-end !important;
    align-items: center;
}

.single-product .k-single-content .elementor-add-to-cart.elementor-product-variable .single_variation_wrap .woocommerce-variation-add-to-cart button.single_add_to_cart_button {
    width: 100%;
    border-radius: 4px;
    margin: 0 0 0 20px;
    background-color: #474747;
    font-family: 'Avenir Next', Sans-serif;
    text-transform: uppercase;
    letter-spacing: .5px;
    color: #fff;
    padding: 15px 20px;
    max-width: 320px;
}

.single-product .k-single-content h1.product_title {
    font-size: 28px !important;
    margin: 0 0 20px 0;
    font-family: 'Avenir Next', Sans-serif;
}

.single-product .k-single-content .elementor-add-to-cart.elementor-product-variable table.variations tbody tr td a.reset_variations {
    display: none !important;
}

.single-product .k-single-content .elementor-add-to-cart.elementor-product-variable table.variations tbody {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.single-product .k-single-content .elementor-add-to-cart.elementor-product-variable table.variations tbody tr {
    display: flex;
    flex-wrap: wrap;
    width: 210px;
}

.single-product .k-single-content .elementor-add-to-cart.elementor-product-variable table.variations tbody tr td.label {
    height: auto;
    line-height: 1;
    min-height: 1px;
    display: flex;
    margin: 0 0 10px 0;
}

.single-product .k-single-content .elementor-add-to-cart.elementor-product-variable table.variations tbody tr td {
    width: 100%;
    padding: 0;
    display: flex;
}

.single-product .k-single-content .elementor-add-to-cart.elementor-product-variable table.variations tbody tr td.value select {
    width: 100%;
    font-size: 16px;
    font-family: 'Avenir Next', Sans-serif;
    padding: 10px 14px;
    border: none;
    background-color: transparent;
    height: 100%;
    margin: 0 10px 0 0;
    cursor: pointer;
}

.single-product .k-single-content .elementor-add-to-cart.elementor-product-variable table.variations tbody tr td.value {
    border: 1px solid #e0dddd;
    border-radius: 4px;
    background-color: #fafafa;
}

.single-product .k-single-content .elementor-add-to-cart.elementor-product-variable table.variations tbody tr td {
    width: 100%;
    padding: 0;
    display: flex;
}


.k-single-product {
    font-family: 'Avenir Next', Sans-serif;
    font-size: 16px;
}

.single-product .k-single-content .woocommerce-product-details__short-description {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.single-product .k-single-content .woocommerce-product-details__short-description p {
    width: 49%;
    font-size: 15px;
    background-color: #fafafa;
    padding: 20px;
    margin: 0;
}


.single-product .k-single-gallery .elementor-column-wrap.elementor-element-populated {
    padding: 0 30px 0 0;
}

.single-product .k-single-content .elementor-column-wrap.elementor-element-populated {
    padding: 30px;
    background-color: #fff;
}

.single-product .k-more-product-single {
    background-color: #fff;
    padding: 50px 0;
}

.single-product .k-more-product-single .elementor-heading-title {
    font-size: 24px;
}

.k-product-category ul.product-categories {
    list-style-type: none;
    padding: 0;
    background-color: #fafafa;
    margin: 0 20px 20px 0;
    border: 1px solid #f3f3f3;
    font-family: 'Avenir Next', Sans-seri;
    border-top: none;
}

.k-product-category ul.product-categories>li.cat-item {
    padding: 0;
}

.k-product-category ul.product-categories>li.cat-item:first-child>a {
    border: none;
}

.k-product-category ul.product-categories li.cat-item a {
    font-size: 16px;
    font-weight: 400;
    color: #333;
    width: 100%;
    display: block;
    padding: 0 20px;
}

.k-product-category ul.product-categories>li.cat-item>a {
    font-size: 16px;
    color: #333;
    font-weight: 600 !important;
    background-color: #f0f0f0;
    padding: 15px 20px !important;
    border-top: 1px solid #f3f3f3;
}

.k-product-category ul.product-categories li.cat-item ul.children {
    font-size: 16px;
    margin: 10px 0 10px 10px;
    list-style-type: none;
}

.k-product-category ul.product-categories li.cat-item ul.children li {
    margin: 5px 0;
}

.k-cat-category-title .elementor-heading-title {
    padding: 25px 20px;
    margin: 30px 20px 0 0;
    font-size: 20px;
    color: #333;
    font-family: 'Avenir Next', Sans-seri;
    background-color: #fafafa;
    border: 1px solid #f3f3f3;
    border-bottom: none;
}

.k-cat-category-title {
    margin: 0 !important;
}

.tax-product_cat .elementor-section-wrap {
    background: none;
}

.tax-product_cat .elementor-column-gap-default>.elementor-row>.elementor-column>.elementor-element-populated {
    padding: 0;
}

.k_description_bottom .k_desc_bot-container {
    width: 100%;
    max-width: 1300px;
    margin: 0 auto;
}

.k_description_bottom .k_desc_bot {
    padding: 50px 0;
}

.k_desc_bot.k_desc_bot-dark {
    background-color: #171717;
}

.k_desc_bot.k_desc_bot-bg {
    background-image: url(https://szamborambo.pl/wp-content/uploads/2019/11/OCCNAP0.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.k_description_bottom .k_desc_bot-container p:last-child {
    margin: 0;
}

.k_desc_bot.k_desc_bot-dark p,
.k_desc_bot.k_desc_bot-dark a,
.k_desc_bot.k_desc_bot-dark h2 {
    color: #fff;
}

.k_desc_bot .kh2 {
    font-size: 30px;
    margin-bottom: 20px;
    line-height: 1.2em;
    font-weight: 300;
    text-transform: none;
}

.k_desc_bot.k_desc_bot-dark ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
}

.k_desc_bot.k_desc_bot-dark ul li {
    width: 433px;
    padding: 0 20px 0 0;
    color: #9e9e9e;
    font-family: 'Avenir Next', Sans-serif;
    margin: 5px 0;
}

.k_desc_bot.k_desc_bot-dark ul li a {
    color: #9e9e9e;
    font-family: 'Avenir Next', Sans-serif;
}

.k_description_bottom .k_desc_bot-container-img {
    display: flex;
    align-items: center;
    width: 100%;
    max-width: 100%;
    margin: 0 auto;
}

.k_desc_bot-col.text-left {
    margin-left: calc((100% - 1300px) / 2);
}

.k_desc_bot-col.text-right {
    margin-right: calc((100% - 1300px) / 2);
}

.k_desc_bot-col {
    width: 50%;
    position: relative;
    height: 100%;
    display: flex;
    flex-wrap: wrap;
}

.k_desc_bot-col img {
    width: 100%;
    height: auto;
    padding: 0 50px;
    display: flex;
    max-height: 500px;
    object-fit: cover;
}

.k_description_top p,
.k_description_bottom p,
.k_description_bottom h2 {
    font-family: 'Avenir Next', Sans-serif;
}

#k-product-container .jet-woo-products__item .jet-woo-products__inner-box {
    background-color: #fafafa;
}

#k-product-container .jet-woo-product-button a:before {
    content: '\f1de';
    font-family: 'Font Awesome 5 Free';
    display: table-footer-group;
    font-size: 20px;
    color: #e30613;
    font-weight: 900;
    margin: 0 10px 0 0;
}

#k-product-container .jet-woo-product-button a {
    display: inline-flex !important;
    align-items: center;
}

#k-product-container .jet-woo-products__item .jet-woo-products__inner-box .jet-woo-product-thumbnail {
    padding: 20px 40px;
}

.k_description_bottom,
.k_description_top {
    padding: 30px 0 0 0;
}

.k_description_top p {
    margin: 0;
}

#k-product-container .jet-woo-products__item .jet-woo-products__inner-box span.woocommerce-Price-amount.amount {
    font-size: 18px;
    font-weight: 600;
}

#k-product-container .jet-woo-products__item .jet-woo-products__inner-box span.woocommerce-Price-amount.amount:after {
    display: block;
}

#k-product-container .jet-woo-products__item .jet-woo-products__inner-box .jet-woo-product-title a {
    font-size: 17px;
    padding: 0 10px;
    display: block;
}

#k-product-container .jet-woo-products__item .jet-woo-products__inner-box .jet-woo-product-button {
    margin: 10px 0 20px 0;
}



li.jet-woo-products-list__item.jet-woo-builder-product {
    border-bottom: 1px solid black !important;

}

.woocommerce-error,
.woocommerce-info,
.woocommerce-message {
    color: black;

}

.woocommerce-error .woocommerce-message,
.woocommerce-info .woocommerce-message,
.woocommerce-message {
    color: black;
    border-top-color: black;

}

.woocommerce-message::before {
    color: black;
}

.woocommerce-message .button.wc-forward {
    color: black;
    background-color: white;
}

.woocommerce-message .button.wc-forward:hover {
    color: white;
    background-color: black;
}

span.woofrom {
    display: none
}

.woocommerce-Price-amount.amount {
    font-family: Avenir Next, Sans-serif;
}

.k-products .bdt-wc-carousel-image.bdt-background-cover {
    max-height: 380px;
}

.k-products .bdt-wc-carousel-image.bdt-background-cover a {
    display: flex;
    justify-content: center;
}

.k-products .bdt-wc-carousel-image.bdt-background-cover img {
    height: 100%;
    width: auto;
    object-fit: contain;
}

.k-products .bdt-wc-carousel-title {
    border-top: 7px solid #E30613;
    padding: 10px 0 0 0;
    text-align: center;
}

.k-products .bdt-wc-carousel .bdt-wc-carousel-item {
    box-shadow: none;
}

.k-products .bdt-wc-carousel .bdt-products-skin-price span {
    font-weight: 600;
}

.k-products .bdt-wc-carousel .bdt-wc-add-to-cart a {
    background-color: #d8000e;
    color: #fff;
    border-color: #d8000e;
}

.elementor-nav-menu>li a {
    cursor: pointer;
}

.elementor-section-wrap {
    background-image: url(https://szamborambo.pl/wp-content/uploads/2019/11/OCCNAP0.jpg);
    background-repeat: repeat;
}

.elementor-text-editor {
    color: black
}

@media (max-width: 1024px) {
    .elementor-1299 .elementor-element.elementor-element-75c366e.elementor-column.elementor-element[data-element_type="column"]>.elementor-column-wrap.elementor-element-populated>.elementor-widget-wrap {
        z-index: 9999999999999;
    }

    .smallText {
        font-size: 24px;
        text-align: center;
    }
}

.elementor-nav-menu__text-align-center .elementor-nav-menu--dropdown .elementor-nav-menu a {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: flex-start;
}

li.jet-woo-products-list__item.jet-woo-builder-product {
    border-bottom: 0 solid black !important;
}

@media (min-width: 1025px) {
    .smallText {
        font-size: 53px;
        text-align: center;
    }
}

.woocommerce-Price-amount.amount::after {
    /* content: " (kwota netto)"; */
    font-size: 14px;
    font-weight: 400;
}

.tax-rate-vat-1 .woocommerce-Price-amount.amount::after,
.order-total .woocommerce-Price-amount.amount::after,
.product-price .woocommerce-Price-amount.amount::after {
    content: "";
}

@media (max-width: 1360px) {
    .k_description_bottom .k_desc_bot {
        padding: 50px 30px;
    }

    .k_desc_bot-col {
        width: 100%;
    }

    .k_description_bottom .k_desc_bot-container-img {
        flex-wrap: wrap;
    }

    .k_desc_bot-col img {
        padding: 0;
    }

    .k_desc_bot-col.text-right {
        margin: 20px 0 0 0;
    }

    .k_desc_bot-col.text-left {
        margin: 0;
    }

    .k_description_top {
        padding: 30px 30px 0 30px;
    }
}

@media (max-width: 768px) {
    .single-product .k-single-gallery .elementor-column-wrap.elementor-element-populated {
        padding: 0;
    }

    .single-product .k-single-content .elementor-add-to-cart.elementor-product-variable table.variations tbody tr {

        margin: 10px 0;
    }

    .single-product .k-single-content .woocommerce-product-details__short-description p {
        width: 100%;
        margin: 10px 0;
    }

    .single-product .k-single-content .elementor-add-to-cart.elementor-product-variable .single_variation_wrap .woocommerce-variation-add-to-cart {
        width: 100%;
    }

    .single-product .k-text-info .elementor-widget-container {
        margin-left: 0 !important;
        padding: 20px 30px 0 30px !important;
    }

    .single-product .k-single-content .elementor-add-to-cart.elementor-product-variable .woocommerce-variation {

        width: 100%;
        margin: 0 0 10px 0;
    }

    .k-single-product-bread nav.woocommerce-breadcrumb {
        padding: 0 20px;

    }

    .k-single-product-bread nav.woocommerce-breadcrumb,
    .k-single-product-bread nav.woocommerce-breadcrumb a {

        font-size: 14px !important;
    }

    .archive .k-category-sidebar {
        display: none;
    }

}


.hoverek ul li>a:hover {
    color: red !important;
}

.hoverek ul li>a {
    font-size: 18px !important;
    letter-spacing: -1.5px;
}

@media (max-width:768px) {
    .hoverek ul {
        flex-direction: column;

        margin-right: auto !important;
    }

    .hoverek ul li {
        padding: 0 !important;
    }

    .k-single-product .k-mobile-class .elementor-row {
        display: flex;
        flex-wrap: wrap;
        flex-direction: column-reverse;
    }
}

.listing-wpisow-img {
    width: 32%;
    margin-right: 3.3%;
    float: left;
    position: relative;
}

#listing-wpisow-title {
    margin: 20px 0 0;
    padding: 0;
}

p#listing-wpisow-title a {
    color: black;
    font-size: 20px;
    text-transform: uppercase !important;
    letter-spacing: 1.5px;
}

.listing-wpisow-czytajwiecej a {
    background: #8a939e;
    color: #fff;
    font-size: 14px;
    padding: 0 15px;
    line-height: 32px;
    height: 32px;
    margin-top: -20px;
    display: inline-block;
    border: 0;
    text-decoration: none;
    vertical-align: middle;
}

.listing-wpisow-skrot {
    font-size: 12px;
}

#szczegoly {
    width: 56%;
    float: left;
    padding-bottom: 15px;
}

.listng-wpisow-tytul {
    margin-top: 35px;
}

.listing-wpisow-data {
    font-size: 1rem;
    margin-bottom: .5rem;
}

.listing-wpisow:after {
    clear: both;
    content: "";
    display: block;
    height: 30px;
    visibility: hidden;
}

@media (max-width:991px) {
    .listing-wpisow-img {
        width: 100%;
        float: none;
        padding: 0;
        margin: 0 !important;
    }

    #szczegoly {
        width: 100%;
        float: none;
    }
}

@media (max-width:991px) {
    .listing-wpisow {
        padding: 0 10px !important;
    }

}

h2#listing-wpisow-title {
    color: black;
    font-size: 20px;
    text-transform: uppercase !important;
    letter-spacing: 1.5px;
}

h2#listing-wpisow-title a {
    color: black;
}

#blog-txtt p {
    font-family: 'Avenir Next', Sans-serif;
    font-size: 17px;
    font-weight: 400;
}

.listing-wpisow-skrot p {
    font-family: 'Avenir Next', Sans-serif;
    font-weight: 400;
}


/* faq */

#faqsection {
    max-width: 1840px;
    width: 100%;
    margin: 0 auto;
    clear: both;
    padding: 30px 0 0 0;
}

#faqsection .tabs {
    border-radius: 0px;
    overflow: hidden;
    border: 1px solid #eee;
}

#faqsection .tab {
    width: 100%;
    color: white;
    overflow: hidden;
}

#faqsection input {
    position: absolute;
    opacity: 0;
    z-index: -1;
}

#faqsection h2 {
    margin: 0;
    font-size: 16px;
}

#faqsection .tab:first-child .tab-label {
    border-top: none;
}

#faqsection .tab-label {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
    padding: 1em;
    background: #9B0009;
    font-weight: bold;
    cursor: pointer;
    color: white;
    transition: all .3s;
    border-top: 1px solid #eee;
}

#faqsection .tab-content {
    max-height: 0;
    padding: 0 1em;
    color: #333;
    background: white;
    -webkit-transition: all .35s;
    transition: all .35s;
}


#faqsection h2>.tab-label::after {
    content: "\276F";
    width: 1em;
    height: 1em;
    text-align: center;
    -webkit-transition: all .35s;
    transition: all .35s;
}


#faqsection input:checked~.tab-content {
    max-height: 100vh;
    padding: 1em;
}

#faqsection input:checked+h2>.tab-label::after {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}

#faqsection input:checked+h2>.tab-label::after {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}

#faqsection h2>.tab-label::after {
    content: "\276F";
    width: 1em;
    height: 1em;
    text-align: center;
    -webkit-transition: all .35s;
    transition: all .35s;
}

#faqsection input:checked+h2>.tab-label::after {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}

#faqsection input:checked+h2>.tab-label::after {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}


#faqsection:checked+.tab-label {
    background: black;
    color: #fff;
}

#faqsection input:checked+h2>.tab-label {
    background: #171717 !important;
    color: #fff;
}

#faqsection .tab>p {
    display: none;
}

.k_blog-post {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 50px 0;
    padding: 0 30px;
}

.k_post-image img {
    width: 400px;
    height: 267px;
    object-fit: cover;
}

.k_blog-post .k_blog-item {
    width: 100%;
    max-width: 400px;
    margin: 20px 0;
}

.k_blog-title {
    margin: 10px 0;
}

.k_blog-title .title {
    margin: 0;
}

.k_blog-title .title a {
    color: black;
    font-size: 20px;
    text-transform: uppercase !important;
    letter-spacing: 1.5px;
    font-weight: 700;
}

.k_blog-post .k_blog-maintitle {
    display: flex;
    width: 100%;
    justify-content: center;
    font-weight: 700;
    font-size: 30px;
    line-height: 1.2em;
    margin-bottom: 20px;
}

@media (max-width:860px) {
    .k_blog-post {
        justify-content: center;
    }
}



@media (max-width:450px) {
    .elementor.elementor-14.elementor-location-header {
        height: 180px;
    }
}

.title-table-of-content {
    font-weight: 900;
    margin-bottom: 5px;
}

.table-of-content ol {
    margin-left: 20px;

}

.col-lg-12.mb-5.content-list {
    margin-top: 30px;
    background-color: rgba(234, 235, 234, 0.19);
    padding-top: 10px;
    padding-bottom: 5px;
    padding-left: 15px;
    border-top: 5px solid #eaebea;
}

#opt-usp {
    margin-top: 30px;
    margin-bottom: 40px;
}

#opt-usp .opt-img-usp {
    height: 100%;
    object-fit: cover;
}

#opt-usp:before {
    z-index: 0;
}

@media (max-width:768px) {
    #opt-usp {
        overflow-x: hidden;
        margin-left: -10px;
        margin-right: -10px;
    }

    #opt-usp .opt-img-usp {
        height: auto;
    }
}

#realated-products-header {
    font-size: 24px;
    margin: 20px auto !important;
}

.post-template-default h3.has-text-align-center.wp-block-post-title a {
    font-size: 17px;
    display: block;
    color: #54595F;
    font-family: 'Manrope' !important;
}

.wp-block-woocommerce-product-collection.is-layout-flow .woocommerce-Price-amount.amount {
    font-size: 18px;
    margin: 5px auto;
}

.wp-block-woocommerce-product-collection.is-layout-flow .woocommerce-Price-amount.amount .woocommerce-Price-currencySymbol {
    margin-top: 10px !important;
}
/* =========================================================================
   LANDING: USLUGA KOMPLEKSOWA (page-kompleksowa.php)
   Wzorowane na istniejacym systemie front-page: .landing_container,
   .section_hashtag, .section_title, .front_page_button.
   Kolory: czerwien #E30613, panel #F6F6F6, border #E4E4E4, tekst #7E7E7E.
   ========================================================================= */

.kompleksowa {
    display: block;
    color: #111111;
}

/* --- Wspolne primitywy --- */

.kompleksowa_section_head {
    display: grid;
    row-gap: 8px;
    margin-bottom: 36px;
}

body.page-id-64 .grid-container,
body.page-id-252 .grid-container,
body.page-id-421 .grid-container,
body.page-id-951 .grid-container {
    max-width: 100%;
} 

body.page-id-64 .grid-container .site-content,
body.page-id-252 .grid-container .site-content,
body.page-id-421 .grid-container .site-content,
body.page-id-951 .grid-container .site-content {
    display: block;
}

body.page-id-64 header.mr_header,
body.page-id-64 .site-footer,
body.page-id-252 .site-footer,
body.page-id-252 header.mr_header,
body.page-id-421 header.mr_header,
body.page-id-421 .site-footer,
body.page-id-951 .site-footer,
body.page-id-951 header.mr_header,
body.page-id-1239 header.mr_header,
body.page-id-1239 .site-footer {
    display: none;
}

.kompleksowa_section_head--center {
    justify-items: center;
    text-align: center;
}

.kompleksowa_note {
    color: #7E7E7E;
    font-size: 13px;
    line-height: 160%;
    margin: 20px 0 0;
}

.kompleksowa_note a {
    color: #E30613;
    font-weight: 700;
}

/* Lista checkow (czerwony okrag + check) */
.kompleksowa_check_list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    row-gap: 14px;
}

.kompleksowa_check_list__item {
    display: flex;
    column-gap: 13px;
    align-items: flex-start;
    font-size: 16px;
    line-height: 150%;
}

.kompleksowa_check_icon {
    flex: 0 0 auto;
    width: 24px;
    height: 24px;
    margin-top: 1px;
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='12' cy='12' r='11.25' stroke='%23E30613' stroke-width='1.5'/%3E%3Cpath d='M7.20074 12.0705L10.7561 15.5998L16.8002 9.6001' stroke='%23E30613' stroke-width='1.5' stroke-linecap='square'/%3E%3C/svg%3E%0A");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

/* Przyciski CTA - bazuja na .front_page_button, z dopracowanym hover */
.kompleksowa_btn.front_page_button {
    display: inline-block;
    width: fit-content;
    transition: background-color .25s ease;
}

.kompleksowa_btn.front_page_button:hover {
    background-color: #C8000D;
}

.kompleksowa_btn.front_page_button:after {
    transition: right .25s ease;
}

.kompleksowa_btn.front_page_button:hover:after {
    right: 18px;
}

.kompleksowa_btn.front_page_button:focus-visible,
.kompleksowa_phone:focus-visible,
.kompleksowa_accordion__trigger:focus-visible,
.kompleksowa_availability__select:focus-visible,
.kompleksowa_video__play:focus-visible,
.kompleksowa_final_cta__btn:focus-visible,
.kompleksowa_voivodeship:focus-visible {
    outline: 3px solid #111111;
    outline-offset: 2px;
}

button.kompleksowa_accordion__trigger:hover,
button.kompleksowa_accordion__trigger:focus {
    background-color: transparent;
}

/* Placeholdery obrazow (do podmiany na realne zdjecia) */
.kompleksowa_ph {
    width: 100%;
    height: 100%;
    min-height: 280px;
    background-color: #ECECEC;
    background-image: linear-gradient(135deg, #F2F2F2 0%, #E4E4E4 100%);
    border: 1px solid #E4E4E4;
}

.kompleksowa_ph--dark {
    background-image: linear-gradient(135deg, #2a2a2a 0%, #111111 100%);
    border-color: #000;
}

/* ---------------- HERO ---------------- */

.kompleksowa_hero {
    position: relative;
    background-color: #111111;
    background-image: linear-gradient(120deg, rgba(0,0,0,.92) 0%, rgba(0,0,0,.55) 60%, rgba(0,0,0,.35) 100%), linear-gradient(135deg, #2a2a2a 0%, #111111 100%);
    background-size: cover;
    background-position: center;
    overflow: hidden;
}

.kompleksowa_hero__overlay {
    position: absolute;
    inset: 0;
    background: radial-gradient(120% 120% at 0% 0%, rgba(227,6,19,.18) 0%, rgba(0,0,0,0) 55%);
    pointer-events: none;
}

.kompleksowa_hero__inner {
    position: relative;
    padding: 110px 0 90px;
}

.kompleksowa_hero__content {
    max-width: 720px;
}

.kompleksowa_hero__eyebrow {
    margin-bottom: 18px;
}

.kompleksowa_hero__title {
    color: #fff;
    font-size: clamp(38px, 5vw, 64px);
    line-height: 1.06;
    font-weight: 800;
    margin: 0 0 22px;
}

.kompleksowa_hero__title .red-title {
    color: #E30613;
}

.kompleksowa_hero__lead {
    color: #E6E6E6;
    font-size: 18px;
    line-height: 1.65;
    margin: 0 0 30px;
    max-width: 620px;
}

.kompleksowa_hero__list {
    margin-bottom: 34px;
}

.kompleksowa_hero__list .kompleksowa_check_list__item {
    color: #fff;
}

.kompleksowa_hero__cta {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 20px 30px;
    margin-bottom: 26px;
}

.kompleksowa_phone {
    display: inline-flex;
    align-items: center;
    column-gap: 12px;
    color: #fff;
}

.kompleksowa_phone__number {
    font-size: clamp(28px, 3.4vw, 40px);
    font-weight: 800;
    letter-spacing: -1px;
}

.kompleksowa_phone:hover {
    color: #E30613;
}

.kompleksowa_hero__trust {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px 14px;
    margin: 0;
    color: #BDBDBD;
    font-size: 14px;
    font-weight: 600;
}

.kompleksowa_hero__trust_sep {
    color: #E30613;
}

/* ---------------- PASEK BENEFITOW ---------------- */

.kompleksowa_benefits__inner {
    padding: 48px 0;
    border-bottom: 1px solid #E4E4E4;
}

.kompleksowa_benefits__grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 30px;
}

.kompleksowa_benefits__item {
    display: flex;
    align-items: center;
    column-gap: 20px;
}

.kompleksowa_benefits__icon {
    flex: 0 0 auto;
    width: 76px;
    height: 76px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #E4E4E4;
    border-radius: 100%;
    color: #E30613;
}

.kompleksowa_benefits__title {
    font-size: 18px;
    font-weight: 700;
    margin: 0 0 6px;
}

.kompleksowa_benefits__desc {
    margin: 0;
    font-size: 14px;
    line-height: 1.5;
    color: #555;
}

/* ---------------- DLA KOGO ---------------- */

.kompleksowa_for_whom__inner {
    display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: 70px;
    align-items: center;
    padding: 90px 0;
}

.kompleksowa_for_whom__micro {
    margin-top: 34px;
    padding-top: 26px;
    border-top: 1px solid #E4E4E4;
}

.kompleksowa_for_whom__micro_text {
    font-size: 16px;
    font-weight: 600;
    margin: 0 0 18px;
}

.kompleksowa_for_whom__media {
    align-self: stretch;
    min-height: 420px;
    clip-path: polygon(0 0, 100% 0, 100% calc(100% - 60px), calc(100% - 60px) 100%, 0 100%);
}

.kompleksowa_for_whom__media img,
.kompleksowa_for_whom__media .kompleksowa_ph {
    width: 100%;
    height: 100%;
    object-fit: cover;
    min-height: 420px;
}

/* ---------------- CO ZAWIERA (SCOPE) ---------------- */

.kompleksowa_scope__inner {
    padding: 90px 0;
}

.kompleksowa_scope__body {
    display: grid;
    grid-template-columns: 1fr 460px;
    column-gap: 60px;
    align-items: stretch;
    background-color: #F6F6F6;
    padding: 50px;
}

.kompleksowa_scope__standard {
    margin-bottom: 28px;
}

.kompleksowa_scope__optional {
    background-color: #fff;
    border: 1px solid #E4E4E4;
    padding: 22px 24px;
    margin-bottom: 6px;
}

.kompleksowa_scope__optional_title {
    font-weight: 700;
    font-size: 16px;
    margin: 0 0 16px;
}

.kompleksowa_scope__lists .kompleksowa_btn {
    margin-top: 26px;
}

.kompleksowa_scope__media {
    min-height: 360px;
}

.kompleksowa_scope__media img,
.kompleksowa_scope__media .kompleksowa_ph {
    width: 100%;
    height: 100%;
    object-fit: cover;
    min-height: 360px;
    background-color: #fff;
}

/* ---------------- CZERWONY PANEL 4 W 1 ---------------- */

.kompleksowa_panel {
    background-color: #E30613;
    overflow: hidden;
}

.kompleksowa_panel__inner {
    display: grid;
    grid-template-columns: 45% 1fr;
    column-gap: 60px;
    align-items: center;
}

.kompleksowa_panel__image {
    align-self: stretch;
    position: relative;
    margin-left: calc((100vw - 1296px) / -2);
    min-height: 460px;
    clip-path: polygon(0 0, 100% 0, calc(100% - 80px) 100%, 0 100%);
}

@media (max-width: 1340px) {
    .kompleksowa_panel__image { margin-left: -2%; }
}

.kompleksowa_panel__image img,
.kompleksowa_panel__image .kompleksowa_ph {
    width: 100%;
    height: 100%;
    object-fit: cover;
    min-height: 460px;
}

.kompleksowa_panel__text {
    padding: 60px 0;
}

.kompleksowa_panel__title {
    color: #fff;
    font-size: clamp(28px, 3.2vw, 44px);
    line-height: 1.15;
    font-weight: 800;
    margin: 0 0 40px;
}

.kompleksowa_panel__items {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 28px;
    margin-bottom: 40px;
}

.kompleksowa_panel__item {
    display: grid;
    row-gap: 16px;
}

.kompleksowa_panel__item_icon {
    color: #fff;
}

.kompleksowa_panel__item_name {
    color: #fff;
    font-size: 15px;
    font-weight: 600;
    line-height: 1.4;
    margin: 0;
}

.kompleksowa_panel__guarantee {
    color: #fff;
    font-size: 26px;
    font-weight: 800;
    margin: 0;
}

/* ---------------- DOSTEPNOSC + MAPA ---------------- */

.kompleksowa_availability__inner {
    display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: 60px;
    align-items: center;
    padding: 80px 0;
}

.kompleksowa_availability__svg {
    width: 100%;
    height: auto;
}

.kompleksowa_voivodeship {
    stroke: #BABABA;
    fill: #fff;
    cursor: pointer;
    transition: fill .2s ease;
}

.kompleksowa_voivodeship:hover {
    fill: #f1b5b9;
}

path.kompleksowa_voivodeship.active {
    fill: #E30613;
}

.kompleksowa_availability__intro {
    font-size: 16px;
    font-weight: 600;
    margin: 0 0 16px;
}

.kompleksowa_availability__picker {
    margin: 28px 0 22px;
    display: grid;
    row-gap: 8px;
    max-width: 360px;
}

.kompleksowa_availability__label {
    font-size: 13px;
    font-weight: 700;
    letter-spacing: .04em;
    text-transform: uppercase;
    color: #555;
}

.kompleksowa_availability__select {
    appearance: none;
    -webkit-appearance: none;
    width: 100%;
    padding: 14px 44px 14px 16px;
    font-size: 16px;
    font-weight: 600;
    color: #111;
    background-color: #fff;
    border: 1px solid #CFCFCF;
    background-image: url("data:image/svg+xml,%3Csvg width='14' height='8' viewBox='0 0 14 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1l6 6 6-6' stroke='%23E30613' stroke-width='2'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 16px center;
    cursor: pointer;
}

.kompleksowa_availability__status {
    display: flex;
    align-items: center;
    column-gap: 12px;
    padding: 16px 20px;
    background-color: #F6F6F6;
    border-left: 4px solid #E30613;
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 6px;
}

.kompleksowa_availability__status_dot {
    flex: 0 0 auto;
    width: 12px;
    height: 12px;
    border-radius: 100%;
    background-color: #E30613;
}

.kompleksowa_availability__status--partial .kompleksowa_availability__status_dot {
    background-color: #6f7782;
}

.kompleksowa_availability__status--partial {
    border-left-color: #6f7782;
}

.kompleksowa_availability__content .kompleksowa_btn {
    margin-top: 22px;
}

/* ---------------- TABELA ZBIORNIKOW ---------------- */

.kompleksowa_table__inner {
    padding: 80px 0;
}

.kompleksowa_table__scroll {
    overflow-x: auto;
}

.kompleksowa_table__table {
    width: 100%;
    border-collapse: collapse;
    min-width: 760px;
}

.kompleksowa_table__table th,
.kompleksowa_table__table td {
    padding: 16px 18px;
    text-align: left;
    border: 1px solid #E4E4E4;
    font-size: 15px;
}

.kompleksowa_table__table thead th {
    background-color: #111111;
    color: #fff;
    font-weight: 700;
    border-color: #111111;
}

.kompleksowa_table__table tbody tr:nth-child(even) td {
    background-color: #F6F6F6;
}

/* ---------------- JAK WYGLADA REALIZACJA ---------------- */

.kompleksowa_process__inner {
    padding: 80px 0;
}

.kompleksowa_process__steps {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 40px;
}

.kompleksowa_process__step {
    position: relative;
    padding-top: 18px;
    border-top: 2px solid #E4E4E4;
}

.kompleksowa_process__num {
    display: block;
    font-size: 56px;
    font-weight: 800;
    line-height: 1;
    color: #E30613;
    margin-bottom: 18px;
}

.kompleksowa_process__title {
    font-size: 22px;
    font-weight: 700;
    margin: 0 0 12px;
}

.kompleksowa_process__desc {
    margin: 0;
    color: #555;
    line-height: 1.65;
}

/* ---------------- GALERIA REALIZACJI ---------------- */

.kompleksowa_gallery__inner {
    padding: 80px 0;
}

.kompleksowa_gallery__grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
    margin-bottom: 40px;
}

.kompleksowa_gallery__item {
    margin: 0;
}

.kompleksowa_gallery__item img,
.kompleksowa_gallery__item .kompleksowa_ph {
    width: 100%;
    height: 280px;
    object-fit: cover;
    min-height: 0;
}

.kompleksowa_gallery__caption {
    margin-top: 12px;
    font-size: 14px;
    font-weight: 600;
    color: #333;
}

.kompleksowa_gallery__videos {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 24px;
}

.kompleksowa_video {
    position: relative;
    aspect-ratio: 16 / 9;
    overflow: hidden;
    background-color: #111;
}

.kompleksowa_video .kompleksowa_ph,
.kompleksowa_video__poster {
    width: 100%;
    height: 100%;
    object-fit: cover;
    min-height: 0;
}

.kompleksowa_video iframe,
.kompleksowa_video video {
    width: 100%;
    height: 100%;
    display: block;
    border: 0;
}

.kompleksowa_video__play {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 78px;
    height: 78px;
    border-radius: 100%;
    background-color: #E30613;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: background-color .25s ease, transform .25s ease;
}

.kompleksowa_video__play:hover {
    background-color: #C8000D;
    transform: translate(-50%, -50%) scale(1.06);
}

/* ---------------- SOLIDNE WYKONANIE ---------------- */

.kompleksowa_quality__inner {
    display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: 70px;
    align-items: center;
    padding: 90px 0;
}

.kompleksowa_quality__media {
    min-height: 440px;
}

.kompleksowa_quality__media img,
.kompleksowa_quality__media .kompleksowa_ph {
    width: 100%;
    height: 100%;
    object-fit: cover;
    min-height: 440px;
}

/* ---------------- DOKUMENTACJA ---------------- */

.kompleksowa_docs__inner {
    padding: 0 0 90px;
}

.kompleksowa_docs__panel {
    background-color: #F6F6F6;
    border: 1px solid #E4E4E4;
    padding: 50px;
}

.kompleksowa_docs__head {
    display: flex;
    column-gap: 24px;
    align-items: flex-start;
    margin-bottom: 30px;
}

.kompleksowa_docs__icon {
    flex: 0 0 auto;
    width: 76px;
    height: 76px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #fff;
    border: 1px solid #E4E4E4;
    border-radius: 100%;
    color: #E30613;
}

.kompleksowa_docs__lead {
    margin: 10px 0 0;
    color: #555;
    line-height: 1.6;
    max-width: 720px;
}

.kompleksowa_docs__list {
    grid-template-columns: repeat(2, 1fr);
    gap: 14px 40px;
}

/* ---------------- OBOWIAZKI ---------------- */

.kompleksowa_obligations__inner {
    padding: 90px 0;
}

.kompleksowa_obligations__lead {
    font-size: 17px;
    line-height: 1.65;
    color: #444;
    max-width: 820px;
    margin: 0 0 36px;
}

.kompleksowa_obligations__body {
    display: grid;
    grid-template-columns: 1fr 420px;
    column-gap: 50px;
    align-items: start;
}

.kompleksowa_obligations__media {
    position: sticky;
    top: 30px;
    min-height: 320px;
}

.kompleksowa_obligations__media img,
.kompleksowa_obligations__media .kompleksowa_ph {
    width: 100%;
    height: auto;
    min-height: 320px;
    object-fit: cover;
}

/* ---------------- AKORDEON (obowiazki + FAQ) ---------------- */

.kompleksowa_accordion {
    border-top: 1px solid #E4E4E4;
}

.kompleksowa_accordion__item {
    border-bottom: 1px solid #E4E4E4;
}

.kompleksowa_accordion__heading {
    margin: 0;
    font-size: inherit;
    font-weight: inherit;
}

.kompleksowa_accordion__trigger {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    column-gap: 20px;
    padding: 22px 4px;
    background: none;
    cursor: pointer;
    text-align: left;
}

.kompleksowa_accordion__title {
    font-size: 18px;
    font-weight: 700;
    color: #111;
    line-height: 1.4;
}

.kompleksowa_accordion__icon {
    position: relative;
    flex: 0 0 auto;
    width: 24px;
    height: 24px;
}

.kompleksowa_accordion__icon::before,
.kompleksowa_accordion__icon::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 14px;
    height: 2px;
    background-color: #E30613;
    transform: translate(-50%, -50%);
    transition: transform .25s ease, opacity .25s ease;
}

.kompleksowa_accordion__icon::after {
    transform: translate(-50%, -50%) rotate(90deg);
}

.kompleksowa_accordion__trigger[aria-expanded="true"] .kompleksowa_accordion__icon::after {
    transform: translate(-50%, -50%) rotate(0deg);
    opacity: 0;
}

.kompleksowa_accordion__panel[hidden] {
    display: none;
}

.kompleksowa_accordion__content {
    padding: 0 4px 24px;
    color: #555;
    line-height: 1.7;
}

.kompleksowa_accordion__content p {
    margin: 0 0 12px;
}

.kompleksowa_accordion__content p:last-child {
    margin-bottom: 0;
}

.kompleksowa_accordion__content .kompleksowa_check_list {
    margin-top: 4px;
}

/* ---------------- FINALNY CTA ---------------- */

.kompleksowa_final_cta {
    background-color: #E30613;
    position: relative;
    overflow: hidden;
}

.kompleksowa_final_cta::before {
    content: "";
    position: absolute;
    top: -60px;
    right: -40px;
    width: 320px;
    height: 320px;
    border-radius: 100%;
    background-color: rgba(255, 255, 255, .06);
    pointer-events: none;
}

.kompleksowa_final_cta__inner {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 30px 40px;
    padding: 60px 0;
}

.kompleksowa_final_cta__content {
    display: flex;
    align-items: center;
    column-gap: 26px;
    max-width: 640px;
}

.kompleksowa_final_cta__icon {
    flex: 0 0 auto;
    width: 78px;
    height: 78px;
    border-radius: 100%;
    background-color: #fff;
    color: #E30613;
    display: flex;
    align-items: center;
    justify-content: center;
}

.kompleksowa_final_cta__title {
    color: #fff;
    font-size: clamp(26px, 3vw, 38px);
    font-weight: 800;
    line-height: 1.15;
    margin: 0 0 10px;
}

.kompleksowa_final_cta__desc {
    color: #fff;
    font-size: 17px;
    margin: 0;
    opacity: .95;
}

.kompleksowa_final_cta__action {
    display: grid;
    row-gap: 14px;
    justify-items: stretch;
}

.kompleksowa_final_cta__btn {
    display: inline-flex;
    align-items: center;
    column-gap: 16px;
    background-color: #fff;
    color: #E30613;
    font-weight: 800;
    font-size: 15px;
    padding: 20px 28px;
    border: 2px solid #fff;
    transition: background-color .25s ease, color .25s ease;
    max-width: 460px;
}

.kompleksowa_final_cta__btn:hover {
    background-color: transparent;
    color: #fff;
}

.kompleksowa_final_cta__btn svg {
    flex: 0 0 auto;
}

.kompleksowa_final_cta__phone {
    color: #fff;
    font-size: 26px;
    font-weight: 800;
    text-align: center;
    letter-spacing: -.5px;
}

.kompleksowa_final_cta__phone:hover {
    text-decoration: underline;
}

/* ---------------- STICKY MOBILE BAR ---------------- */

.kompleksowa_sticky {
    display: none;
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 999;
    grid-template-columns: 1fr;
    box-shadow: 0 -4px 18px rgba(0,0,0,.18);
}

.kompleksowa_sticky__phone,
.kompleksowa_sticky__cta {
    display: flex;
    align-items: center;
    justify-content: center;
    column-gap: 10px;
    padding: 16px 10px;
    font-size: 16px;
    font-weight: 800;
}

.kompleksowa_sticky__phone {
    background-color: #111111;
    color: #fff;
}

.kompleksowa_sticky__cta {
    background-color: #E30613;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: .02em;
}

/* =========================================================================
   STREFY: MAPA + CENNIK + AUTO Z DZWIGIEM (zones_map / zones_pricing / crane)
   Styl spojny z reszta landingu: plaskie krawedzie (bez border-radius/cieni),
   panele #F6F6F6, obwódki #E4E4E4, akcent #E30613 (lewa krawedz jak box statusu),
   naglowki kart na #111 (jak thead tabeli), ciemna sekcja jak hero.
   Kolory stref: 1 zielona #2E9E4F | 2 zolta #F2B705 | 3 czerwona #E30613 | 4 niebieska #2563EB
   ========================================================================= */

/* ---------------- MAPA STREF + LEGENDA ---------------- */
.zone-map__inner { padding: 80px 0; }

.zone-map__layout {
    display: grid;
    grid-template-columns: 1.45fr 1fr;
    column-gap: 60px;
    align-items: stretch;
}

.zone-map__frame {
    position: relative;
    border: 1px solid #E4E4E4;
    background-color: #F6F6F6;
    overflow: hidden;
    min-height: 440px;
}

.zone-map__iframe,
.zone-map__placeholder {
    width: 100%;
    height: 100%;
    min-height: 440px;
    border: 0;
    display: block;
}

.zone-map__aside { display: flex; flex-direction: column; }

.zone-map__intro {
    font-size: 16px;
    line-height: 1.65;
    color: #555;
    margin: 0 0 24px;
}

.zone-map__legend {
    list-style: none;
    margin: 0 0 28px;
    padding: 0;
    display: grid;
    row-gap: 14px;
}

/* Element legendy wzorowany na boxie statusu dostepnosci (plaskie tlo + akcent z lewej) */
.zone-map__legend_item {
    display: flex;
    align-items: center;
    column-gap: 14px;
    padding: 16px 20px;
    background-color: #F6F6F6;
    border-left: 4px solid #E30613;
}

.zone-map__legend_dot {
    flex: 0 0 auto;
    width: 14px;
    height: 14px;
    border-radius: 100%;
}

.zone-map__legend_label { display: flex; flex-direction: column; line-height: 1.25; }
.zone-map__legend_label strong { font-size: 16px; color: #111; }
.zone-map__legend_color { font-size: 13px; color: #7E7E7E; text-transform: capitalize; }
.zone-map__cta { margin-top: auto; }

.zone-map__legend_item--1 { border-left-color: #2E9E4F; }
.zone-map__legend_item--1 .zone-map__legend_dot { background-color: #2E9E4F; }
.zone-map__legend_item--2 { border-left-color: #F2B705; }
.zone-map__legend_item--2 .zone-map__legend_dot { background-color: #F2B705; }
.zone-map__legend_item--3 { border-left-color: #E30613; }
.zone-map__legend_item--3 .zone-map__legend_dot { background-color: #E30613; }
.zone-map__legend_item--4 { border-left-color: #2563EB; }
.zone-map__legend_item--4 .zone-map__legend_dot { background-color: #2563EB; }

/* ---------------- CENNIK STREFOWY (zakladki CSS-only) ---------------- */
.zone-pricing__inner { padding: 80px 0; }
.zone-pricing__tabs { position: relative; }

/* Inputy radio: ukryte wizualnie, ale dostepne z klawiatury (strzalki) */
.zone-pricing__radio {
    position: absolute;
    top: 0;
    left: 0;
    width: 1px;
    height: 1px;
    opacity: 0;
    pointer-events: none;
}

.zone-pricing__tablist {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    justify-content: center;
    margin-bottom: 40px;
}

.zone-pricing__tab {
    display: inline-flex;
    align-items: center;
    column-gap: 10px;
    padding: 14px 24px;
    background-color: #fff;
    border: 1px solid #E4E4E4;
    font-weight: 700;
    color: #555;
    cursor: pointer;
    user-select: none;
    transition: color .2s ease, border-color .2s ease, background-color .2s ease;
}

.zone-pricing__tab:hover { border-color: #111; color: #111; }
.zone-pricing__tab_dot { flex: 0 0 auto; width: 14px; height: 14px; border-radius: 100%; }
.zone-pricing__tab_color { font-size: 12px; font-weight: 600; color: #9A9A9A; text-transform: capitalize; }

.zone-pricing__tab--1 .zone-pricing__tab_dot { background-color: #2E9E4F; }
.zone-pricing__tab--2 .zone-pricing__tab_dot { background-color: #F2B705; }
.zone-pricing__tab--3 .zone-pricing__tab_dot { background-color: #E30613; }
.zone-pricing__tab--4 .zone-pricing__tab_dot { background-color: #2563EB; }

/* Aktywna zakladka — wypelnienie kolorem strefy (jak czerwony panel / thead tabeli) */
#zone-tab-1:checked ~ .zone-pricing__tablist .zone-pricing__tab--1 { background-color: #2E9E4F; border-color: #2E9E4F; color: #fff; }
#zone-tab-3:checked ~ .zone-pricing__tablist .zone-pricing__tab--3 { background-color: #E30613; border-color: #E30613; color: #fff; }
#zone-tab-4:checked ~ .zone-pricing__tablist .zone-pricing__tab--4 { background-color: #2563EB; border-color: #2563EB; color: #fff; }
#zone-tab-2:checked ~ .zone-pricing__tablist .zone-pricing__tab--2 { background-color: #F2B705; border-color: #F2B705; color: #1A1A1A; }

/* Kropka i podpis koloru na aktywnym (wypelnionym) tle */
#zone-tab-1:checked ~ .zone-pricing__tablist .zone-pricing__tab--1 .zone-pricing__tab_dot,
#zone-tab-3:checked ~ .zone-pricing__tablist .zone-pricing__tab--3 .zone-pricing__tab_dot,
#zone-tab-4:checked ~ .zone-pricing__tablist .zone-pricing__tab--4 .zone-pricing__tab_dot { background-color: #fff; }
#zone-tab-2:checked ~ .zone-pricing__tablist .zone-pricing__tab--2 .zone-pricing__tab_dot { background-color: #1A1A1A; }
#zone-tab-1:checked ~ .zone-pricing__tablist .zone-pricing__tab--1 .zone-pricing__tab_color,
#zone-tab-3:checked ~ .zone-pricing__tablist .zone-pricing__tab--3 .zone-pricing__tab_color,
#zone-tab-4:checked ~ .zone-pricing__tablist .zone-pricing__tab--4 .zone-pricing__tab_color { color: rgba(255,255,255,.8); }
#zone-tab-2:checked ~ .zone-pricing__tablist .zone-pricing__tab--2 .zone-pricing__tab_color { color: rgba(0,0,0,.6); }

/* Focus klawiaturowy na aktywnym radio -> ramka na odpowiedniej zakladce */
#zone-tab-1.zone-pricing__radio:focus-visible ~ .zone-pricing__tablist .zone-pricing__tab--1,
#zone-tab-2.zone-pricing__radio:focus-visible ~ .zone-pricing__tablist .zone-pricing__tab--2,
#zone-tab-3.zone-pricing__radio:focus-visible ~ .zone-pricing__tablist .zone-pricing__tab--3,
#zone-tab-4.zone-pricing__radio:focus-visible ~ .zone-pricing__tablist .zone-pricing__tab--4 {
    outline: 3px solid #111111;
    outline-offset: 2px;
}

/* Panele stref */
.zone-pricing__panel { display: none; }
#zone-tab-1:checked ~ .zone-pricing__panels .zone-pricing__panel--1,
#zone-tab-2:checked ~ .zone-pricing__panels .zone-pricing__panel--2,
#zone-tab-3:checked ~ .zone-pricing__panels .zone-pricing__panel--3,
#zone-tab-4:checked ~ .zone-pricing__panels .zone-pricing__panel--4 { display: block; }

/* Uklad kolumnowy (masonry): karty o roznej wysokosci pakuja sie ciasno,
   bez poszarpanych pustych przestrzeni typowych dla sztywnego gridu. */
.zone-pricing__cards {
    columns: 2;
    column-gap: 24px;
}

@media (min-width: 1280px) {
    .zone-pricing__cards { columns: 3; }
}

.zone-pricing__card {
    width: 100%;
    margin-bottom: 24px;
    background-color: #fff;
    border: 1px solid #E4E4E4;
    break-inside: avoid;
    -webkit-column-break-inside: avoid;
}

/* Naglowek karty — jak naglowek tabeli zbiornikow (#111, bialy tekst) */
.zone-pricing__card_title {
    margin: 0;
    padding: 16px 18px;
    font-size: 16px;
    font-weight: 700;
    color: #fff;
    background-color: #111111;
}

.zone-pricing__list { list-style: none; margin: 0; padding: 0; }

.zone-pricing__row {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    column-gap: 18px;
    padding: 14px 18px;
    border-top: 1px solid #E4E4E4;
}

/* Naprzemienne tlo wierszy — jak w tabeli zbiornikow */
.zone-pricing__row:nth-child(even) { background-color: #F6F6F6; }
.zone-pricing__name { color: #333; font-size: 15px; line-height: 1.4; }
.zone-pricing__price { flex: 0 0 auto; font-size: 15px; font-weight: 700; color: #111; white-space: nowrap; }

/* Akcent koloru strefy na naglowku karty */
.zone-pricing__panel--1 .zone-pricing__card_title { background-color: #2E9E4F; }
.zone-pricing__panel--2 .zone-pricing__card_title { background-color: #F2B705; color: #1A1A1A; }
.zone-pricing__panel--3 .zone-pricing__card_title { background-color: #E30613; }
.zone-pricing__panel--4 .zone-pricing__card_title { background-color: #2563EB; }

.zone-pricing__note { text-align: center; max-width: 760px; margin-left: auto; margin-right: auto; }

/* ---------------- AUTO Z DZWIGIEM (ciemna sekcja, jak hero) ---------------- */
.crane-section {
    background-color: #111111;
    background-image:
        radial-gradient(120% 120% at 0% 0%, rgba(227,6,19,.18) 0%, rgba(0,0,0,0) 55%),
        linear-gradient(135deg, #2a2a2a 0%, #111111 100%);
}

.crane-section__inner { padding: 80px 0; }
.crane-section__title { color: #fff; }

.crane-section__layout {
    display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: 60px;
    align-items: center;
}

.crane-section__media { margin: 0; min-height: 360px; }

.crane-section__media img,
.crane-section__placeholder {
    width: 100%;
    height: 100%;
    min-height: 360px;
    object-fit: cover;
    display: block;
    border: 1px solid rgba(255,255,255,.14);
}

.crane-section__desc { font-size: 16px; line-height: 1.7; color: #BDBDBD; margin: 0 0 28px; }

.crane-section__params {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 14px;
    margin: 0 0 26px;
}

/* Box parametru — wzorowany na boxie statusu (akcent z lewej), wariant ciemny */
.crane-section__param {
    padding: 16px 18px;
    background-color: rgba(255,255,255,.04);
    border-left: 4px solid #E30613;
}

.crane-section__param_label {
    margin: 0 0 4px;
    font-size: 12px;
    letter-spacing: .04em;
    text-transform: uppercase;
    color: #9A9A9A;
}

.crane-section__param_value { margin: 0; font-size: 17px; font-weight: 800; color: #fff; }

.crane-section__param--todo { border-left-color: #6f7782; }
.crane-section__param--todo .crane-section__param_value {
    font-size: 14px;
    font-weight: 600;
    color: #8A8A8A;
}

/* Zasieg HDS — dwa przypadki zaleznie od pojemnosci zbiornika */
.crane-section__hds { margin: 0 0 26px; }

.crane-section__hds_title {
    margin: 0 0 14px;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: .04em;
    text-transform: uppercase;
    color: #fff;
}

.crane-section__hds_grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 14px;
}

.crane-section__hds_item {
    display: flex;
    flex-direction: column;
    row-gap: 6px;
    padding: 18px;
    background-color: rgba(255,255,255,.04);
    border-left: 4px solid #E30613;
}

.crane-section__hds_reach { font-size: 22px; font-weight: 800; line-height: 1.1; color: #fff; }
.crane-section__hds_tanks { font-size: 14px; font-weight: 700; color: #fff; }
.crane-section__hds_note { font-size: 13px; font-weight: 600; color: #9A9A9A; }

.crane-section__access {
    margin: 0 0 26px;
    padding: 16px 20px;
    background-color: rgba(255,255,255,.04);
    border-left: 4px solid rgba(255,255,255,.3);
    font-size: 14px;
    line-height: 1.6;
    color: #BDBDBD;
}

/* ---------------- RESPONSYWNOSC: STREFY ---------------- */
@media (max-width: 992px) {
    .zone-map__inner,
    .zone-pricing__inner,
    .crane-section__inner { padding: 60px 0; }

    .zone-map__layout { grid-template-columns: 1fr; row-gap: 40px; }
    .zone-map__frame,
    .zone-map__iframe,
    .zone-map__placeholder { min-height: 360px; }

    .zone-pricing__cards { columns: 1; }

    .crane-section__layout { grid-template-columns: 1fr; row-gap: 40px; }
    .crane-section__media { order: -1; }
}

@media (max-width: 768px) {
    /* Zakladki stref -> poziomy scroll (scroll-snap) zamiast zawijania */
    .zone-pricing__tablist {
        flex-wrap: nowrap;
        justify-content: flex-start;
        overflow-x: auto;
        scroll-snap-type: x mandatory;
        -webkit-overflow-scrolling: touch;
        padding-bottom: 8px;
    }
    .zone-pricing__tablist::-webkit-scrollbar { height: 4px; }
    .zone-pricing__tablist::-webkit-scrollbar-thumb { background: #ccc; }
    .zone-pricing__tab { flex: 0 0 auto; scroll-snap-align: start; }

    .crane-section__params,
    .crane-section__hds_grid { grid-template-columns: 1fr; }
}

@media (max-width: 576px) {
    .zone-pricing__row { padding: 12px 16px; }
    .zone-pricing__name { font-size: 14px; }
    .zone-pricing__tab { padding: 12px 18px; }
}

/* =========================================================================
   RESPONSYWNOSC
   ========================================================================= */

@media (max-width: 1200px) {
    .kompleksowa_panel__items { gap: 22px; }
    .kompleksowa_scope__body { grid-template-columns: 1fr 360px; }
}

@media (max-width: 992px) {
    .kompleksowa_hero__inner { padding: 80px 0 64px; }

    .kompleksowa_benefits__grid { grid-template-columns: repeat(2, 1fr); gap: 26px; }

    .kompleksowa_for_whom__inner,
    .kompleksowa_quality__inner,
    .kompleksowa_availability__inner {
        grid-template-columns: 1fr;
        row-gap: 40px;
        padding: 60px 0;
    }

    .kompleksowa_quality__media {
        order: -1;
        display: flex;
        justify-content: center;
    }

    .kompleksowa_quality__media img {
        max-width: 280px;
        object-fit: contain;
    }

    .kompleksowa_scope__inner { padding: 60px 0; }
    .kompleksowa_scope__body { grid-template-columns: 1fr; row-gap: 36px; padding: 34px; }
    .kompleksowa_scope__media { order: -1; }

    .kompleksowa_panel__inner { grid-template-columns: 1fr; column-gap: 0; }
    .kompleksowa_panel__image { margin-left: 0; clip-path: none; min-height: 320px; }
    .kompleksowa_panel__image img,
    .kompleksowa_panel__image .kompleksowa_ph { min-height: 320px; }
    .kompleksowa_panel__text { padding: 44px 0; }
    .kompleksowa_panel__items { grid-template-columns: repeat(2, 1fr); gap: 26px; }

    .kompleksowa_process__steps { grid-template-columns: 1fr; gap: 30px; }

    .kompleksowa_gallery__grid { grid-template-columns: repeat(2, 1fr); }

    .kompleksowa_obligations__body { grid-template-columns: 1fr; row-gap: 36px; }
    .kompleksowa_obligations__media { position: static; order: -1; }

    .kompleksowa_docs__list { grid-template-columns: 1fr; }

    .kompleksowa_final_cta__inner { flex-direction: column; align-items: flex-start; }
    .kompleksowa_final_cta__action { width: 100%; }
    .kompleksowa_final_cta__btn { max-width: none; justify-content: center; }

    /* Sticky bar widoczny na mobile/tablet; dol strony z zapasem miejsca */
    .kompleksowa_sticky { display: grid; }
    .kompleksowa { padding-bottom: 64px; }
}

@media (max-width: 768px) {
    .kompleksowa_hero__cta { gap: 16px 22px; }
    .kompleksowa_hero__title { font-size: clamp(30px, 8vw, 44px); }

    .kompleksowa_scope__body { padding: 26px; }
    .kompleksowa_docs__panel { padding: 30px 24px; }
    .kompleksowa_docs__head { flex-direction: column; row-gap: 16px; }

    .kompleksowa_gallery__videos { grid-template-columns: 1fr; }

    /* Galeria zdjec -> poziomy slider (scroll-snap), oszczedza pionowa przestrzen */
    .kompleksowa_gallery__grid {
        display: flex;
        grid-template-columns: none;
        gap: 14px;
        margin-bottom: 32px;
        overflow-x: auto;
        scroll-snap-type: x mandatory;
        -webkit-overflow-scrolling: touch;
        scroll-padding-left: 0;
        padding-bottom: 8px;
    }
    .kompleksowa_gallery__grid::-webkit-scrollbar { height: 4px; }
    .kompleksowa_gallery__grid::-webkit-scrollbar-thumb { background: #ccc; border-radius: 4px; }
    .kompleksowa_gallery__item {
        flex: 0 0 82%;
        scroll-snap-align: center;
    }
    .kompleksowa_gallery__item img,
    .kompleksowa_gallery__item .kompleksowa_ph { height: 220px; }

    /* Tabela -> karty */
    .kompleksowa_table__scroll { overflow-x: visible; }
    .kompleksowa_table__table { min-width: 0; }
    .kompleksowa_table__table thead { display: none; }
    .kompleksowa_table__table,
    .kompleksowa_table__table tbody,
    .kompleksowa_table__table tr,
    .kompleksowa_table__table td { display: block; width: 100%; }
    .kompleksowa_table__table tr {
        margin-bottom: 18px;
        border: 1px solid #E4E4E4;
    }
    .kompleksowa_table__table tbody tr:nth-child(even) td { background-color: #fff; }
    .kompleksowa_table__table td {
        display: flex;
        justify-content: space-between;
        column-gap: 18px;
        border: none;
        border-bottom: 1px solid #EEE;
        padding: 12px 16px;
    }
    .kompleksowa_table__table td:last-child { border-bottom: none; }
    .kompleksowa_table__table td::before {
        content: attr(data-label);
        font-weight: 700;
        color: #111;
        flex: 0 0 45%;
    }
}

@media (max-width: 576px) {
    .kompleksowa_benefits__grid { grid-template-columns: 1fr; }
    .kompleksowa_panel__items { grid-template-columns: 1fr 1fr; }
    .kompleksowa_hero__trust { font-size: 13px; }
    .kompleksowa_scope__body { padding: 20px; }
}

/* =========================================================================
   LANDING: PIWNICE OGRODOWE (page-piwnice-ogrodowe.php)
   Dziedziczy prymitywy z sekcji USLUGA KOMPLEKSOWA (.landing_container,
   .section_hashtag, .section_title, .kompleksowa_check_list, .kompleksowa_btn,
   .kompleksowa_section_head, .kompleksowa_ph). Ponizej tylko sekcje specyficzne
   dla piwnic: karty „Dlaczego warto”, porownanie dachow, katalog modeli, klienci.
   Kolory zgodne z marka: czerwien #E30613, panel #F6F6F6, border #E4E4E4.
   ========================================================================= */

/* ---------------- DLACZEGO WARTO (karty) ---------------- */

.piwnice_why__inner {
    padding: 90px 0;
}

.piwnice_why__lead {
    font-size: 17px;
    line-height: 1.65;
    color: #444;
    max-width: 820px;
    margin: -12px 0 40px;
}

.piwnice_why__grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
}

.piwnice_card {
    background-color: #fff;
    border: 1px solid #E4E4E4;
    padding: 32px 30px;
}

.piwnice_card__icon {
    width: 64px;
    height: 64px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #E4E4E4;
    border-radius: 100%;
    color: #E30613;
    margin-bottom: 20px;
}

.piwnice_card__title {
    font-size: 19px;
    font-weight: 700;
    line-height: 1.3;
    margin: 0 0 12px;
}

.piwnice_card__desc {
    margin: 0;
    color: #555;
    font-size: 15px;
    line-height: 1.65;
}

/* ---------------- KTORA PIWNICE WYBRAC (porownanie) ---------------- */

.piwnice_compare__inner {
    padding: 0 0 90px;
}

.piwnice_compare__grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 30px;
}

.piwnice_compare__card {
    border: 1px solid #E4E4E4;
    background-color: #fff;
    display: flex;
    flex-direction: column;
}

.piwnice_compare__card--dome {
    background-color: #F6F6F6;
}

.piwnice_compare__media {
    height: 280px;
}

.piwnice_compare__media img,
.piwnice_compare__media .kompleksowa_ph {
    width: 100%;
    height: 100%;
    object-fit: contain;
    min-height: 0;
}

.piwnice_compare__body {
    padding: 32px 34px 36px;
}

.piwnice_compare__title {
    font-size: 24px;
    font-weight: 800;
    margin: 0 0 22px;
}

.piwnice_compare__foot {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 22px 40px;
    margin-top: 36px;
    padding-top: 30px;
    border-top: 1px solid #E4E4E4;
}

.piwnice_compare__advice {
    font-size: 16px;
    font-weight: 600;
    line-height: 1.6;
    margin: 0;
    max-width: 680px;
}

/* ---------------- KATALOG MODELI ---------------- */

.piwnice_models__inner {
    padding: 90px 0;
    background-color: #F6F6F6;
}

.piwnice_models {
    background-color: #F6F6F6;
}

.piwnice_models__intro {
    text-align: center;
    font-size: 17px;
    line-height: 1.65;
    color: #444;
    max-width: 760px;
    margin: -20px auto 34px;
}

.piwnice_models__tabs {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 12px;
    margin-bottom: 40px;
}

.piwnice_models__tab {
    padding: 13px 26px;
    background-color: #fff;
    border: 1px solid #E4E4E4;
    font-size: 15px;
    font-weight: 700;
    color: #111;
    cursor: pointer;
    transition: background-color .2s ease, color .2s ease, border-color .2s ease;
}

.piwnice_models__tab:hover {
    border-color: #E30613;
    color: #E30613;
}

.piwnice_models__tab.is-active {
    background-color: #E30613;
    border-color: #E30613;
    color: #fff;
}

.piwnice_models__tab:focus-visible {
    outline: 3px solid #111111;
    outline-offset: 2px;
}

.piwnice_models__grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 28px;
}

.piwnice_model {
    background-color: #fff;
    border: 1px solid #E4E4E4;
    display: flex;
    flex-direction: column;
}

.piwnice_model__media {
    position: relative;
    height: 230px;
}

.piwnice_model__media img,
.piwnice_model__media .kompleksowa_ph {
    width: 100%;
    height: 100%;
    object-fit: cover;
    min-height: 0;
}

.piwnice_model__tag {
    position: absolute;
    top: 16px;
    left: 16px;
    background-color: #E30613;
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: .04em;
    text-transform: uppercase;
    padding: 7px 12px;
}

.piwnice_model__body {
    padding: 26px 28px 28px;
    display: flex;
    flex-direction: column;
    flex: 1;
}

.piwnice_model__name {
    font-size: 19px;
    font-weight: 800;
    line-height: 1.3;
    margin: 0 0 6px;
}

.piwnice_model__dims {
    font-size: 14px;
    font-weight: 700;
    color: #E30613;
    margin: 0 0 14px;
}

.piwnice_model__desc {
    font-size: 15px;
    line-height: 1.6;
    color: #555;
    margin: 0 0 18px;
}

.piwnice_model__points {
    row-gap: 10px;
    margin-bottom: 22px;
}

.piwnice_model__points .kompleksowa_check_list__item {
    font-size: 14px;
}

.piwnice_model__links {
    display: flex;
    flex-wrap: wrap;
    gap: 10px 22px;
    margin-top: auto;
    padding-top: 6px;
}

.piwnice_model__detail,
.piwnice_model__project {
    font-size: 14px;
    font-weight: 700;
    color: #111;
    text-decoration: underline;
    text-underline-offset: 3px;
}

.piwnice_model__detail:hover,
.piwnice_model__project:hover {
    color: #E30613;
}

.piwnice_model__project {
    color: #7E7E7E;
}

.piwnice_model__cta {
    display: inline-block;
    margin-top: 18px;
    padding: 14px 18px;
    text-align: center;
    background-color: #fff;
    border: 1px solid #E30613;
    color: #E30613;
    font-size: 14px;
    font-weight: 700;
    transition: background-color .2s ease, color .2s ease;
}

.piwnice_model__cta:hover {
    background-color: #E30613;
    color: #fff;
}

/* Dodatki do piwnic */
.piwnice_addons {
    margin-top: 50px;
    background-color: #fff;
    border: 1px solid #E4E4E4;
    padding: 36px 40px;
}

.piwnice_addons__title {
    font-size: 22px;
    font-weight: 800;
    margin: 0 0 26px;
}

.piwnice_addons__grid {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 22px;
}

.piwnice_addons__item {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    row-gap: 12px;
}

.piwnice_addons__icon {
    width: 58px;
    height: 58px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #E4E4E4;
    border-radius: 100%;
    color: #E30613;
}

.piwnice_addons__name {
    font-size: 14px;
    font-weight: 700;
    color: #111;
}

.piwnice_models__cta {
    display: flex;
    justify-content: center;
    margin-top: 48px;
}

/* ---------------- DLACZEGO WYBIERAJA NAS KLIENCI ---------------- */

.piwnice_clients__inner {
    padding: 90px 0;
}

.piwnice_clients__panel {
    display: grid;
    grid-template-columns: 1fr 360px;
    column-gap: 60px;
    align-items: center;
    background-color: #F6F6F6;
    border: 1px solid #E4E4E4;
    padding: 56px;
}

.piwnice_clients__list {
    margin: 4px 0 30px;
}

.piwnice_clients__stats {
    display: grid;
    row-gap: 22px;
}

.piwnice_clients__stat {
    background-color: #fff;
    border: 1px solid #E4E4E4;
    border-left: 4px solid #E30613;
    padding: 22px 26px;
}

.piwnice_clients__stat_num {
    display: block;
    font-size: 34px;
    font-weight: 800;
    line-height: 1;
    color: #E30613;
    margin-bottom: 6px;
}

.piwnice_clients__stat_label {
    font-size: 14px;
    font-weight: 600;
    color: #555;
}

/* ---------------- PROCES: stopka z CTA ---------------- */

.piwnice_process__foot {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 18px 30px;
    margin-top: 48px;
    text-align: center;
}

.piwnice_process__foot_text {
    margin: 0;
    font-size: 17px;
    font-weight: 600;
    color: #111;
}

/* ---------------- RESPONSYWNOSC: PIWNICE ---------------- */

@media (max-width: 992px) {
    .piwnice_why__inner,
    .piwnice_clients__inner { padding: 60px 0; }
    .piwnice_compare__inner { padding: 0 0 60px; }
    .piwnice_models__inner { padding: 60px 0; }

    .piwnice_why__grid { grid-template-columns: repeat(2, 1fr); }
    .piwnice_compare__grid { grid-template-columns: 1fr; }
    .piwnice_models__grid { grid-template-columns: repeat(2, 1fr); }
    .piwnice_addons__grid { grid-template-columns: repeat(3, 1fr); }

    .piwnice_clients__panel {
        grid-template-columns: 1fr;
        row-gap: 36px;
        padding: 40px 34px;
    }
    .piwnice_clients__stats {
        grid-template-columns: repeat(3, 1fr);
        column-gap: 18px;
    }
}

@media (max-width: 768px) {
    .piwnice_why__grid { grid-template-columns: 1fr; }
    .piwnice_models__grid { grid-template-columns: 1fr; }
    .piwnice_addons { padding: 28px 22px; }
    .piwnice_addons__grid { grid-template-columns: repeat(2, 1fr); gap: 24px 16px; }
    .piwnice_compare__body { padding: 26px 24px 30px; }
    .piwnice_clients__stats { grid-template-columns: 1fr; }

    /* Zakladki modeli -> poziomy scroll (scroll-snap) zamiast zawijania */
    .piwnice_models__tabs {
        flex-wrap: nowrap;
        justify-content: flex-start;
        overflow-x: auto;
        scroll-snap-type: x mandatory;
        -webkit-overflow-scrolling: touch;
        padding-bottom: 8px;
    }
    .piwnice_models__tabs::-webkit-scrollbar { height: 4px; }
    .piwnice_models__tabs::-webkit-scrollbar-thumb { background: #ccc; }
    .piwnice_models__tab { flex: 0 0 auto; scroll-snap-align: start; }

    .piwnice_models__cta .kompleksowa_btn.front_page_button,
    .piwnice_compare__foot .kompleksowa_btn.front_page_button { width: 100%; text-align: center; }
}

@media (max-width: 576px) {
    .piwnice_addons__grid { grid-template-columns: 1fr 1fr; }
    .piwnice_clients__panel { padding: 30px 22px; }
}

/* =========================================================================
   LANDING: ZBIORNIKI NA DESZCZOWKE (page-zbiornik-na-deszczowke-oferta.php)
   Reuzywa primitywow .kompleksowa_* (section_head, check_list, btn, ph,
   accordion, gallery, table, process, docs, final_cta).
   Ponizej wylacznie style specyficzne dla tego landingu.
   Kolory: czerwien #E30613, panel #F6F6F6, border #E4E4E4, tekst #7E7E7E.
   ========================================================================= */

/* ---------------- HERO ---------------- */

.deszczowka_hero__bg {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: 0;
}

.deszczowka_hero .kompleksowa_hero__inner {
    position: relative;
    z-index: 2;
}

/* Scrim nad zdjeciem - gwarantuje czytelnosc bialego tekstu na jasnym zdjeciu. */
.deszczowka_hero .kompleksowa_hero__overlay {
    z-index: 1;
    background:
        radial-gradient(120% 120% at 0% 0%, rgba(227,6,19,.18) 0%, rgba(0,0,0,0) 55%),
        linear-gradient(120deg, rgba(0,0,0,.90) 0%, rgba(0,0,0,.65) 55%, rgba(0,0,0,.45) 100%);
}

.deszczowka_hero {
    padding: 10px;
}

/* ---------------- PASEK CTA (#1 i #2) ---------------- */

.deszczowka_bar {
    background-color: #111111;
}

/* Mobile-first: na telefonie numer nad przyciskiem, przycisk pelnej szerokosci.
   Uklad w jednym rzedzie wraca dopiero od 993px (sekcja RESPONSYWNOSC nizej). */
.deszczowka_bar__inner {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 20px;
    padding: 28px 0;
}

.deszczowka_bar__cta.front_page_button {
    width: 100%;
    text-align: center;
}

.deszczowka_bar__phone {
    display: inline-flex;
    align-items: center;
    gap: 14px;
    color: #FFFFFF;
    text-decoration: none;
}

.deszczowka_bar__phone svg {
    color: #E30613;
    flex: 0 0 auto;
}

.deszczowka_bar__number {
    font-size: 30px;
    font-weight: 800;
    line-height: 1.1;
    letter-spacing: 1px;
}

.deszczowka_bar__phone:hover .deszczowka_bar__number {
    color: #E30613;
}

/* ---------------- CENNIK ----------------
   Podejscie mobile-first: reguly bazowe opisuja telefon, media queries
   (min-width) rozbudowuja uklad na wieksze ekrany. Zachowana identyfikacja
   marki: plaskie krawedzie bez zaokraglen, czerwien #E30613, panel #F6F6F6. */

.deszczowka_pricing__inner {
    padding: 56px 0;
}

.deszczowka_pricing__lead {
    max-width: 780px;
    margin: -8px auto 26px;
    text-align: center;
    color: #7E7E7E;
    font-size: 16px;
    line-height: 1.55;
}

.deszczowka_pricing__catalog_title {
    margin: 40px 0 14px;
    font-size: clamp(20px, 5vw, 26px);
    font-weight: 800;
    line-height: 1.25;
}

/* ---------------- FILTR POJEMNOSCI ----------------
   Chipy zawijaja sie do dwoch wierszy - bez poziomego przewijania. */

.deszczowka_filter {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-bottom: 16px;
}

.deszczowka_filter__chip {
    /* min-height 44px = minimalna powierzchnia dotykowa */
    min-height: 44px;
    padding: 10px 16px;
    border: 1px solid #E4E4E4;
    background-color: #FFFFFF;
    color: #111111;
    font-family: inherit;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.4;
    cursor: pointer;
    transition: background-color .2s ease, border-color .2s ease, color .2s ease;
}

.deszczowka_filter__chip:hover {
    border-color: #111111;
}

.deszczowka_filter__chip.is-active {
    background-color: #111111;
    border-color: #111111;
    color: #FFFFFF;
}

/* ---------------- KATALOG MODELI (akordeon) ---------------- */

.deszczowka_models {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.deszczowka_modelrow {
    border: 1px solid #E4E4E4;
    background-color: #FFFFFF;
}

.deszczowka_modelrow__heading {
    margin: 0;
    font-size: inherit;
    font-weight: inherit;
}

.deszczowka_modelrow__trigger {
    display: grid;
    grid-template-columns: 1fr auto auto;
    align-items: center;
    column-gap: 12px;
    width: 100%;
    min-height: 56px;
    padding: 14px 16px;
    border: 0;
    background-color: transparent;
    font-family: inherit;
    text-align: left;
    cursor: pointer;
}

.deszczowka_modelrow__title {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: 4px 8px;
    min-width: 0;
}

.deszczowka_modelrow__name {
    font-size: 18px;
    font-weight: 800;
    line-height: 1.3;
    color: #111111;
}

.deszczowka_modelrow__variant {
    padding: 2px 8px;
    background-color: #F0F0F0;
    color: #555555;
    font-size: 13px;
    font-weight: 700;
    line-height: 1.5;
    white-space: nowrap;
}

.deszczowka_modelrow__price {
    font-size: 17px;
    font-weight: 800;
    color: #111111;
    white-space: nowrap;
}

/* Gdy ceny jeszcze nie ma - slabszy akcent, zeby nie udawala kwoty. */
.deszczowka_modelrow__price--empty {
    font-size: 14px;
    font-weight: 700;
    color: #7E7E7E;
}

/* Strzalka rozwiniecia (czysty CSS, bez dodatkowej grafiki). */
.deszczowka_modelrow__icon {
    position: relative;
    width: 16px;
    height: 16px;
    flex: none;
}

.deszczowka_modelrow__icon::before,
.deszczowka_modelrow__icon::after {
    content: "";
    position: absolute;
    background-color: #E30613;
    transition: transform .2s ease, opacity .2s ease;
}

.deszczowka_modelrow__icon::before {
    top: 7px;
    left: 0;
    width: 16px;
    height: 2px;
}

.deszczowka_modelrow__icon::after {
    top: 0;
    left: 7px;
    width: 2px;
    height: 16px;
}

.deszczowka_modelrow__trigger[aria-expanded="true"] .deszczowka_modelrow__icon::after {
    transform: scaleY(0);
    opacity: 0;
}

.deszczowka_modelrow__trigger[aria-expanded="true"] {
    background-color: #F6F6F6;
}

.deszczowka_modelrow__panel {
    padding: 4px 16px 18px;
    border-top: 1px solid #E4E4E4;
}

.deszczowka_modelrow__fullname {
    margin: 14px 0 12px;
    color: #7E7E7E;
    font-size: 14px;
    line-height: 1.5;
}

.deszczowka_modelrow__prices {
    margin: 0 0 14px;
    display: grid;
    row-gap: 8px;
}

.deszczowka_modelrow__price_row {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 14px;
}

.deszczowka_modelrow__price_row dt {
    color: #7E7E7E;
    font-size: 15px;
    line-height: 1.5;
}

.deszczowka_modelrow__price_row dd {
    margin: 0;
    font-size: 17px;
    font-weight: 800;
    color: #111111;
    text-align: right;
}

.deszczowka_modelrow__price_row--total {
    padding-top: 8px;
    border-top: 1px solid #E4E4E4;
}

.deszczowka_modelrow__price_row--total dt {
    color: #111111;
    font-weight: 800;
}

.deszczowka_modelrow__price_row--total dd {
    color: #E30613;
    font-size: 20px;
}

/* Komunikat stanu zamiast kwoty - mniejszy i spokojniejszy niz cena. */
.deszczowka_modelrow__price_row dd.is-hint,
.deszczowka_calc__result_row dd.is-hint {
    font-size: 14px;
    font-weight: 600;
    color: #7E7E7E;
}

.deszczowka_modelrow__dims {
    margin: 0 0 16px;
    display: grid;
    gap: 10px;
}

.deszczowka_modelrow__dim {
    padding: 10px 12px;
    background-color: #F6F6F6;
}

/* Wymiary wykopu to informacja operacyjna - wyrozniamy je czerwona krawedzia. */
.deszczowka_modelrow__dim--pit {
    background-color: #FDF2F3;
    border-left: 4px solid #E30613;
}

.deszczowka_modelrow__dim dt {
    color: #7E7E7E;
    font-size: 13px;
    line-height: 1.4;
}

.deszczowka_modelrow__dim dd {
    margin: 2px 0 0;
    font-size: 18px;
    font-weight: 800;
    line-height: 1.35;
}

.deszczowka_modelrow__project {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-height: 48px;
    padding: 12px 16px;
    border: 1px solid #111111;
    background-color: transparent;
    color: #111111;
    font-family: inherit;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.35;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
    transition: background-color .2s ease, color .2s ease, border-color .2s ease;
}

.deszczowka_modelrow__project:hover {
    background-color: #E30613;
    border-color: #E30613;
    color: #FFFFFF;
}

.deszczowka_modelrow__project--empty,
.deszczowka_modelrow__project--empty:hover {
    border-color: #E4E4E4;
    background-color: #F6F6F6;
    color: #9A9A9A;
    cursor: not-allowed;
}

.deszczowka_models__empty {
    margin: 16px 0 0;
    padding: 18px 16px;
    background-color: #F6F6F6;
    color: #7E7E7E;
    font-size: 15px;
    line-height: 1.55;
}

/* ---------------- CENNIK: TRANSPORT I DODATKI ---------------- */

.deszczowka_pricing__tables {
    display: grid;
    grid-template-columns: 1fr;
    gap: 16px;
    margin-top: 32px;
}

.deszczowka_pricing__table {
    background-color: #F6F6F6;
    border: 1px solid #E4E4E4;
    padding: 20px 18px;
}

.deszczowka_pricing__table_title {
    margin: 0 0 12px;
    font-size: 18px;
    font-weight: 800;
    line-height: 1.3;
}

.deszczowka_pricing__list {
    list-style: none;
    margin: 0;
    padding: 0;
}

.deszczowka_pricing__row {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 14px;
    padding: 11px 0;
    border-bottom: 1px solid #E4E4E4;
    font-size: 16px;
    line-height: 1.5;
}

.deszczowka_pricing__row:last-child {
    border-bottom: 0;
}

.deszczowka_pricing__row_name {
    display: flex;
    align-items: center;
    gap: 8px;
}

.deszczowka_pricing__row_price {
    font-weight: 800;
    white-space: nowrap;
}

/* ---------------- KALKULATOR + MAPA ----------------
   Kolejnosc w DOM = kolejnosc mobilna: naglowek, zdanie o strefach, mapa,
   legenda, wybor zbiornika, wybor strefy, podsumowanie, przycisk telefoniczny. */

.deszczowka_calc {
    margin: 0 0 32px;
    padding: 20px 16px;
    background-color: #F6F6F6;
    border: 1px solid #E4E4E4;
}

.deszczowka_calc__title {
    margin: 0 0 8px;
    font-size: clamp(20px, 5vw, 26px);
    font-weight: 800;
    line-height: 1.25;
}

.deszczowka_calc__lead {
    margin: 0 0 18px;
    color: #555555;
    font-size: 16px;
    line-height: 1.55;
}

.deszczowka_calc__layout {
    display: grid;
    grid-template-columns: 1fr;
    gap: 20px;
    align-items: start;
}

.deszczowka_calc__map_col {
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.deszczowka_calc__map {
    border: 1px solid #E4E4E4;
    background-color: #FFFFFF;
}

.deszczowka_calc__map_link {
    display: block;
    position: relative;
    text-decoration: none;
}

.deszczowka_calc__map_img {
    display: block;
    width: 100%;
    height: auto;
}

/* Podpowiedz lezy na mapie, zeby nie zabierac dodatkowej wysokosci. */
.deszczowka_calc__map_hint {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 10px 12px;
    background-color: rgba(17, 17, 17, .78);
    color: #FFFFFF;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.35;
    text-align: center;
}

.deszczowka_calc__iframe,
.deszczowka_calc__placeholder {
    display: block;
    width: 100%;
    aspect-ratio: 868 / 719;
    border: 0;
}

.deszczowka_calc__legend {
    display: flex;
    flex-wrap: wrap;
    gap: 10px 20px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.deszczowka_calc__legend_item {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 15px;
    line-height: 1.45;
}

.deszczowka_calc__legend_dot {
    flex: none;
    width: 14px;
    height: 14px;
    border: 1px solid rgba(0, 0, 0, .15);
    border-radius: 50%;
}

.deszczowka_calc__panel {
    background-color: #FFFFFF;
    border: 1px solid #E4E4E4;
    padding: 20px 18px;
    display: flex;
    flex-direction: column;
    gap: 18px;
}

.deszczowka_calc__label {
    display: block;
    margin-bottom: 8px;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.4;
}

.deszczowka_calc__select {
    width: 100%;
    /* 48px minimalnej wysokosci; 16px chroni przed auto-zoomem iOS Safari. */
    min-height: 48px;
    padding: 12px 14px;
    border: 1px solid #B9B9B9;
    background-color: #FFFFFF;
    font-family: inherit;
    font-size: 16px;
    line-height: 1.4;
    color: #111111;
}

/* Podsumowanie: wyraznie odrebny panel pod selectami. */
.deszczowka_calc__result {
    margin: 0;
    padding: 16px 16px 18px;
    background-color: #F6F6F6;
    border: 1px solid #E4E4E4;
    display: grid;
    row-gap: 10px;
}

.deszczowka_calc__result_row {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 14px;
}

.deszczowka_calc__result_row dt {
    color: #7E7E7E;
    font-size: 15px;
    line-height: 1.5;
}

.deszczowka_calc__result_row dd {
    margin: 0;
    font-size: 18px;
    font-weight: 800;
    text-align: right;
}

.deszczowka_calc__result_row--total {
    border-top: 1px solid #D6D6D6;
    padding-top: 12px;
}

.deszczowka_calc__result_row--total dt {
    color: #111111;
    font-weight: 800;
    font-size: 17px;
}

/* „Lacznie” to najsilniejszy element panelu. */
.deszczowka_calc__result_row--total dd {
    color: #E30613;
    font-size: 26px;
    line-height: 1.15;
}

.deszczowka_calc__error {
    margin: 0;
    padding: 12px 14px;
    background-color: #FDF2F3;
    border-left: 4px solid #E30613;
    color: #111111;
    font-size: 15px;
    line-height: 1.5;
}

.deszczowka_calc__cta {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    width: 100%;
    min-height: 52px;
    padding: 14px 18px;
    background-color: #E30613;
    color: #FFFFFF;
    font-size: 17px;
    font-weight: 800;
    line-height: 1.3;
    text-align: center;
    text-decoration: none;
    transition: background-color .2s ease;
}

.deszczowka_calc__cta:hover,
.deszczowka_calc__cta:active {
    background-color: #B4050F;
    color: #FFFFFF;
}

.deszczowka_calc__note {
    margin: 0;
    text-align: center;
}

.deszczowka_calc__phone {
    display: inline-block;
    color: #111111;
    font-size: 22px;
    font-weight: 800;
    line-height: 1.3;
    text-decoration: none;
}

.deszczowka_calc__phone:hover {
    color: #E30613;
}

.deszczowka_calc__note_text {
    display: block;
    margin-top: 4px;
    color: #7E7E7E;
    font-size: 14px;
    line-height: 1.5;
}

/* ---------------- DIALOG Z MAPA ---------------- */

.deszczowka_mapdialog {
    width: min(96vw, 1100px);
    max-width: 96vw;
    max-height: 92vh;
    padding: 0;
    border: 0;
    background-color: transparent;
    overflow: visible;
}

.deszczowka_mapdialog::backdrop {
    background-color: rgba(0, 0, 0, .8);
}

.deszczowka_mapdialog__inner {
    position: relative;
    background-color: #FFFFFF;
}

.deszczowka_mapdialog__img {
    display: block;
    width: 100%;
    height: auto;
    max-height: 92vh;
    object-fit: contain;
}

.deszczowka_mapdialog__close {
    position: absolute;
    top: 0;
    right: 0;
    /* 44x44 - minimalna powierzchnia dotykowa */
    width: 48px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 0;
    background-color: #111111;
    color: #FFFFFF;
    cursor: pointer;
}

.deszczowka_mapdialog__close:hover {
    background-color: #E30613;
}

/* ---------------- FOCUS ---------------- */

.deszczowka_bar__phone:focus-visible,
.deszczowka_calc__select:focus-visible,
.deszczowka_calc__cta:focus-visible,
.deszczowka_calc__phone:focus-visible,
.deszczowka_calc__map_link:focus-visible,
.deszczowka_filter__chip:focus-visible,
.deszczowka_modelrow__trigger:focus-visible,
.deszczowka_modelrow__project:focus-visible,
.deszczowka_table__more:focus-visible,
.deszczowka_mapdialog__close:focus-visible,
.deszczowka_final_cta__phone:focus-visible {
    outline: 3px solid #E30613;
    outline-offset: 2px;
}

.deszczowka_calc__select:focus {
    border-color: #111111;
}

/* ---------------- TABELA / KARTY WYMIAROW ---------------- */

.deszczowka_table__format {
    margin: -8px 0 12px;
    color: #7E7E7E;
    font-size: 15px;
    line-height: 1.55;
}

.deszczowka_table__pending {
    margin: 0 0 18px;
    padding: 14px 16px;
    background-color: #F6F6F6;
    border-left: 4px solid #E30613;
    font-size: 15px;
    line-height: 1.55;
}

.deszczowka_table__name {
    font-weight: 800;
}

.deszczowka_table__badge {
    display: inline-block;
    margin-left: 8px;
    padding: 2px 8px;
    background-color: #F0F0F0;
    color: #555555;
    font-size: 13px;
    font-weight: 700;
    line-height: 1.5;
}

.deszczowka_table__more {
    width: 100%;
    min-height: 48px;
    margin-top: 16px;
    padding: 12px 18px;
    border: 1px solid #111111;
    background-color: transparent;
    color: #111111;
    font-family: inherit;
    font-size: 16px;
    font-weight: 700;
    cursor: pointer;
    transition: background-color .2s ease, color .2s ease;
}

.deszczowka_table__more:hover {
    background-color: #111111;
    color: #FFFFFF;
}

/* MOBILE: wiersze tabeli renderowane jako karty. Ten sam HTML, inny uklad. */
@media (max-width: 768px) {
    .deszczowka_table .kompleksowa_table__scroll { overflow-x: visible; }
    .deszczowka_table__table { min-width: 0; }
    .deszczowka_table__table thead { display: none; }

    .deszczowka_table__table,
    .deszczowka_table__table tbody,
    .deszczowka_table__table tr,
    .deszczowka_table__table td { display: block; width: 100%; }

    .deszczowka_table__table tr {
        margin-bottom: 12px;
        padding: 16px;
        border: 1px solid #E4E4E4;
        background-color: #FFFFFF;
    }

    .deszczowka_table__table tbody tr:nth-child(even) td { background-color: transparent; }

    .deszczowka_table__table td {
        padding: 0;
        border: 0;
    }

    /* Nazwa modelu = naglowek karty (bez etykiety „Zbiornik” przed nia). */
    .deszczowka_table__table td[data-label="Zbiornik"] {
        display: block;
        margin-bottom: 12px;
        font-size: 19px;
        line-height: 1.3;
    }

    .deszczowka_table__table td[data-label="Zbiornik"]::before { content: none; display: none; }

    /* Etykieta mala i spokojna, wartosc duza i latwa do zeskanowania.
       Selektory zlozone (td.klasa), bo generyczne reguly .kompleksowa_table__table td
       z bloku „USLUGA KOMPLEKSOWA” maja wyzsza specyficznosc niz sama klasa. */
    .deszczowka_table__table td.deszczowka_table__val {
        margin-top: 8px;
        padding: 10px 12px;
        background-color: #F6F6F6;
        font-size: 18px;
        font-weight: 800;
        line-height: 1.35;
    }

    .deszczowka_table__table td.deszczowka_table__val::before {
        content: attr(data-label);
        display: block;
        flex: none;
        color: #7E7E7E;
        font-size: 13px;
        font-weight: 600;
        line-height: 1.4;
    }

    /* Wymiary wykopu to informacja operacyjna - mocniejszy akcent. */
    .deszczowka_table__table td.deszczowka_table__val--pit {
        background-color: #FDF2F3;
        border-left: 4px solid #E30613;
    }

    /* Nadmiarowe modele chowamy do czasu klikniecia „Pokaz wszystkie modele”. */
    .deszczowka_table.is-collapsible:not(.is-expanded) .deszczowka_table__row.is-extra {
        display: none;
    }
}

/* Na desktopie komplet modeli jest widoczny, wiec przycisk jest zbedny. */
@media (min-width: 769px) {
    .deszczowka_table__more { display: none; }
}

/* ---------------- DOSTAWA / INFORMACJE ---------------- */

.deszczowka_delivery__inner {
    display: grid;
    grid-template-columns: 1fr;
    gap: 28px;
    align-items: center;
    padding: 56px 0;
}

.deszczowka_delivery__media img,
.deszczowka_delivery__media .kompleksowa_ph {
    width: 100%;
    aspect-ratio: 4 / 3;
    object-fit: cover;
    display: block;
}

/* ---------------- CO ZAWIERA OFERTA ---------------- */

.deszczowka_offer__inner {
    padding: 56px 0;
}

.deszczowka_offer__panel {
    background-color: #F6F6F6;
    border: 1px solid #E4E4E4;
    padding: 28px 20px;
}

.deszczowka_offer__list {
    grid-template-columns: 1fr;
    column-gap: 34px;
}

/* ---------------- DLACZEGO WARTO ZBIERAC DESZCZOWKE ---------------- */

.deszczowka_why__inner {
    padding: 56px 0;
}

.deszczowka_why__grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 14px;
}

.deszczowka_why__item {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 12px;
    padding: 22px 12px;
    border: 1px solid #E4E4E4;
    background-color: #FFFFFF;
}

.deszczowka_why__icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 56px;
    height: 56px;
    border-radius: 100%;
    border: 1px solid #E30613;
    color: #E30613;
}

.deszczowka_why__icon svg {
    width: 26px;
    height: 26px;
}

.deszczowka_why__text {
    margin: 0;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.45;
}

/* ---------------- PROCES ---------------- */

.deszczowka_process__note {
    margin: 26px 0 0;
    text-align: center;
    font-size: 17px;
    font-weight: 800;
    line-height: 1.45;
    color: #E30613;
}

/* ---------------- FAQ ---------------- */

.deszczowka_faq .kompleksowa_faq__inner {
    padding: 56px 0;
}

/* ---------------- OBOWIAZKI KLIENTA ---------------- */

.deszczowka_obligations__inner {
    padding: 56px 0;
}

.deszczowka_obligations__lead {
    margin: -8px 0 26px;
    font-size: 16px;
    line-height: 1.6;
}

.deszczowka_obligations__layout {
    display: grid;
    grid-template-columns: 1fr;
    gap: 24px;
    align-items: start;
}

.deszczowka_obligations__list {
    list-style: none;
    margin: 0;
    padding: 0;
    border: 1px solid #E4E4E4;
}

.deszczowka_obligations__item {
    display: flex;
    align-items: flex-start;
    gap: 14px;
    padding: 16px 14px;
    border-bottom: 1px solid #E4E4E4;
    font-size: 16px;
    line-height: 1.6;
}

.deszczowka_obligations__item:nth-child(even) {
    background-color: #F6F6F6;
}

.deszczowka_obligations__item:last-child {
    border-bottom: 0;
}

.deszczowka_obligations__media {
    margin: 0;
}

.deszczowka_obligations__media img,
.deszczowka_obligations__media .kompleksowa_ph {
    width: 100%;
    display: block;
    border: 1px solid #E4E4E4;
}

.deszczowka_obligations__caption {
    margin-top: 10px;
    color: #7E7E7E;
    font-size: 14px;
    line-height: 1.5;
}

.deszczowka_obligations__plates {
    margin-top: 32px;
}

.deszczowka_obligations__subtitle {
    margin: 0 0 14px;
    font-size: 19px;
    font-weight: 800;
    line-height: 1.3;
}

.deszczowka_obligations__boxes {
    display: grid;
    grid-template-columns: 1fr;
    gap: 16px;
    margin-top: 28px;
}

.deszczowka_obligations__box {
    background-color: #F6F6F6;
    border-left: 4px solid #E30613;
    padding: 22px 18px;
}

.deszczowka_obligations__box_text {
    margin: 0;
    font-size: 16px;
    line-height: 1.6;
}

/* ---------------- FINALNE CTA ---------------- */

.deszczowka_final_cta__phone {
    color: #FFFFFF;
    font-size: 30px;
    font-weight: 800;
    line-height: 1.1;
    text-decoration: none;
}

.deszczowka_final_cta__phone:hover {
    text-decoration: underline;
}

/* =========================================================================
   RESPONSYWNOSC - rozbudowa ukladu na wieksze ekrany (mobile-first).
   ========================================================================= */

@media (max-width: 768px) {
    /* Oddech przy krawedziach ekranu: globalne .landing_container ma max-width
       96%, co na ekranie 360px zostawia ok. 7px marginesu. */
    .deszczowka .landing_container {
        width: 100%;
        max-width: 100%;
        padding-left: 16px;
        padding-right: 16px;
    }

    .deszczowka_hero .kompleksowa_hero__inner { padding: 64px 0 52px; }
}

@media (max-width: 400px) {
    .deszczowka_why__grid { grid-template-columns: 1fr; }
    .deszczowka_bar__number { font-size: 27px; }
    .deszczowka_final_cta__phone { font-size: 27px; }
    .deszczowka_modelrow__trigger { grid-template-columns: 1fr auto; row-gap: 6px; }
    .deszczowka_modelrow__price { grid-column: 1; }
    .deszczowka_modelrow__icon { grid-column: 2; grid-row: 1 / span 2; }
}

@media (min-width: 577px) {
    .deszczowka_pricing__tables { grid-template-columns: 1fr 1fr; }
    .deszczowka_obligations__boxes { grid-template-columns: 1fr 1fr; }
}

@media (min-width: 769px) {
    .deszczowka_pricing__inner,
    .deszczowka_offer__inner,
    .deszczowka_why__inner,
    .deszczowka_obligations__inner,
    .deszczowka_delivery__inner { padding: 80px 0; }

    .deszczowka_faq .kompleksowa_faq__inner { padding: 80px 0; }

    .deszczowka_calc { padding: 30px; margin-bottom: 44px; }

    /* Desktop: mapa z legenda po lewej, panel wyliczenia po prawej.
       Kolejnosc DOM zostaje mobilna - przenosi je siatka, nie duplikat HTML. */
    .deszczowka_calc__layout {
        grid-template-columns: 1.1fr 0.9fr;
        gap: 30px;
    }

    .deszczowka_calc__panel { padding: 32px 30px; }

    /* Na myszce podpowiedz o powiekszeniu pokazujemy dopiero przy najechaniu. */
    .deszczowka_calc__map_hint { opacity: 0; transition: opacity .2s ease; }
    .deszczowka_calc__map_link:hover .deszczowka_calc__map_hint,
    .deszczowka_calc__map_link:focus-visible .deszczowka_calc__map_hint { opacity: 1; }

    .deszczowka_models { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
    .deszczowka_modelrow { align-self: start; }

    .deszczowka_delivery__inner { grid-template-columns: 1.05fr 0.95fr; gap: 44px; }
    .deszczowka_obligations__layout { grid-template-columns: 1.15fr 0.85fr; gap: 34px; }
    .deszczowka_offer__list { grid-template-columns: 1fr 1fr; }
    .deszczowka_offer__panel { padding: 46px 44px; }
    .deszczowka_why__grid { grid-template-columns: repeat(4, 1fr); gap: 24px; }
    .deszczowka_why__item { padding: 34px 22px; gap: 16px; }
    .deszczowka_why__icon { width: 72px; height: 72px; }
    .deszczowka_why__icon svg { width: 34px; height: 34px; }
    .deszczowka_why__text { font-size: 17px; }

    .deszczowka_pricing__table { padding: 28px 26px; }
    .deszczowka_pricing__table_title { font-size: 20px; }
    .deszczowka_obligations__item { padding: 18px 20px; font-size: 15px; }
    .deszczowka_obligations__box { padding: 28px 26px; }
    .deszczowka_obligations__subtitle { font-size: 20px; }

    .deszczowka_final_cta__phone { font-size: 38px; }
    .deszczowka_bar__number { font-size: 40px; }

    /* Desktop: wieksze oddechy w tabeli wymiarow. */
    .deszczowka_table__table th,
    .deszczowka_table__table td { padding: 16px 18px; }
    .deszczowka_table__table thead th {
        background-color: #111111;
        color: #FFFFFF;
        font-size: 15px;
    }
    .deszczowka_table__val { font-variant-numeric: tabular-nums; }
    .deszczowka_table__val--pit { font-weight: 700; }
}

@media (min-width: 993px) {
    .deszczowka_bar__inner { flex-direction: row; gap: 20px 40px; padding: 34px 0; }
    .deszczowka_bar__cta.front_page_button { width: auto; }
    .deszczowka_models { grid-template-columns: 1fr 1fr 1fr; }
}