.wpcf7-list-item{
  margin-left:0;
}
.wpcf7-list-item label {
    color: #8d9091;
    font-weight: 400!important;
        font-size: .88em;
    line-height: 1.3;
}
.wpcf7-list-item label {
    display: flex;
    align-items: flex-start;
}
.wpcf7-list-item label a{
     color: #8d9091;
}
input[type="checkbox"] {
    flex-shrink: 0;
    margin-right: 10px;
    margin-top:4px;
}
.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output {
    border-color: #ce0202;
    background: #ce0202;
    color: #fff;
    padding: 10px;
    margin: 10px 0px 20px 0px;
    font-size: 14px;
    line-height: 21px;
}
.wpcf7 form.sent .wpcf7-response-output {
    border-color: #46b450;
    background: #46b450;
    color: #fff;
    padding: 10px;
    margin: 0px;
    font-size: 14px;
    line-height: 21px;
    margin-bottom: 20px;
    margin-top:10px;
}
.home .navbar{
    background:transparent;
}
.slick-dots{
    position:static;
}

.slick-dots {
    grid-column-gap: 1.88em;
    grid-row-gap: 1.88em;
    color: #aeadaa;
    letter-spacing: 2.4px;
    text-transform: uppercase;
    font-size: 1em;
    font-weight: 600;
    line-height: 1.6;
    display: flex;
}
.slick-dots .slick-active > div{
        color: #00255b;
}
.cs-slide-bg{
    background:rgba(0, 0, 0, 0.10);
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
}
.container.no-padding{
    padding:0;
}
.opinie-right{
    width:70%;
}

  /* the slides */
.is-opinie-slider .slick-slide {
      margin: 0 10px;
  }

.is-opinie-slider .slick-list {
      margin: 0 -10px;
  }
.is-opinie-slider .slick-track
{
    display: flex !important;
}

.is-opinie-slider .slick-slide
{
    height: inherit !important;
}
@media screen and (max-width: 991px) {
.opinie-right{
    width:100%;
}
}
.slick-dotted.slick-slider {
    margin-bottom: 0px;
}
.navbar{
   transition: top 0.4s ease-in-out, background-color 0.4s ease-in-out;
}
.darkHeader{
        background-color: #f5f5f4!important;
     
}

.navbar.navbar-hidden {
    /* Ta klasa chowa menu. 
      Przesuwa je o -200px w górę (tak jak sugerowałeś).
      Możesz też użyć -100%, aby schowało się całe, niezależnie od wysokości.
    */
    top: -200px; 
}
.image-29{
    height:auto;
}
.slidery-historii{
    overflow:hidden;
}
 
/* Poprawka dla flexboxa (już to masz, ale upewnij się, że jest) */
.slider-historia1,
.slider-historia2 {
  min-width: 0;
}

/* * NOWY KOD: Stylizacja trybu Center Mode dla slidera historii
 */

/* Dodajemy płynne przejście, aby zmiany były animowane */
.slider-historia2 .his-slide {
  transition: transform 0.4s ease, opacity 0.4s ease;
}

 
.slider-historia1{
    min-width:250px;
}
.historia-right {
    width: 66%;
}
.historia-left {
    width: 34%;
}
@media (max-width:991px){
.slider-partnerzy .slick-slide img {
    display: block;
    max-width: 150px;
    height: auto;
}
}
@media screen and (max-width: 991px) {
    .historia-left, .historia-right {
        width: 100%!important;
    }
    .historia-left{
        padding-left:2em!important;
    }
    .his-slide-img{
        height:100%;
        object-fit: cover;
    }
}
  /* the slides */
.slider-historia2 .slick-slide {
      margin: 0 10px;
  }

.slider-historia2 .slick-list {
      margin: 0 -10px;
  }
.slider-historia2 .slick-track
{
    display: flex !important;
}

.slider-historia2 .slick-slide
{
    height: inherit !important;
}
@media (max-width:500px){
.slider-historia1 {
    min-width: 200px;
}
.slider-arrows {
    min-width: 60px;
}
.section-procesy-slider .slick-dots{
    gap:1em;
}
.section-procesy-slider .hero-slider-nav {
    justify-content: space-between;
}
}
@media screen and (max-width: 479px) {
    .historia-left{
        padding-left:1em!important;
    }
    .historia-right {
        padding:0 1em;
    }
}
.is-list-item-text p{
    margin:0;
}
.realizacje-tab-link.w--current {
    color: #00255b!important;
    background-color: #0000;
    border-bottom-color: #00255b;
}
.realizacje-ajax-wrapper .btn-centered{
    margin-top:3.2em;
}
textarea.w-input, textarea.w-select {
    height: 70px;
}
.w-slide .cta-box{
    opacity:1!important;
}
#acf-google-map {
    height: 450px; /* Możesz zmienić tę wartość */
    width: 100%;
}


 

 

/* 7. Nawigacja (bez zmian) */
.drzwi-slider-nav .slider-nav-numbers {
    display: flex;
    justify-content: center;
}
.drzwi-slider-nav .slick-dots-container {
    display: none !important;
}
.drzwi-slider-nav .slider-dot-item {
background-color: #818594;
    width: .5em;
    height: .5em;
    border-radius: 0%;
    transition: background-color 0.3s ease;
    cursor: pointer;
}
.drzwi-slider-nav .slider-dot-item.active {
    background-color: #00255b;
}

/* 8. Strzałki (bez zmian) */
.is-drzwi-slider-slick .slick-arrow {
    display: none !important; /* Ukryj domyślne strzałki Slicka */
}
.drzwi-slider-nav .slide-prev,
.drzwi-slider-nav .slide-next {
    cursor: pointer;
    z-index: 10;
}
.dost-item{
    margin:0.5%;
}
.profile-popup-title{
    max-width:580px;
}
.section-hero.is-meble-hero {
    padding-top: 9.6em;
}
.wpml-ls-legacy-dropdown{
    width:auto;
}
.wpml-ls-legacy-dropdown a{
    border:0;
    background:transparent;
}
.wpml-ls-legacy-dropdown a:hover{
    background:transparent;
}
.wpml-ls-legacy-dropdown .wpml-ls-current-language:hover>a, .wpml-ls-legacy-dropdown a:focus, .wpml-ls-legacy-dropdown a:hover{
     background:transparent!important;
}

.is-home-popup{
    z-index: 9999;
    background-color: #fffc;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    display: none;
    position: fixed;
    inset: 0%;
}
.home-popup-inner {
    background-color: #fff;
    justify-content: center;
    align-items: center;
    width: 90vw;
    padding: 4.69em;
    display: flex;
    position: relative;
}

.no-link:hover{
        color: #737887;
}
.oferta-item-img img{
    transition:0.5s all;
}
..oferta-item-img{
    overflow: hidden;
}
.s-offer-item:hover .oferta-item-img img{
    transform: scale(1.05);
}
.home .realizacje-galeria .os-badge{
    display:none;
}
.home .realizacje-galeria .is-gallery--item-info{
    display: none;
}
.image-12{
    max-height:100%!important;
}
.realizacja-slide-img a{
    height: 100%;
    width: 100%;
}
.realizacja-slide-img{
    height:auto;
}
.rel-imm-limited{
    height:100%;
}
.section-realizacje-tabs{
    padding-left:2em;
    padding-right:2em;
}
.footer-bottom {
    background-color: #ecece8;
}
.footer-copy {
    color: #7e838d;
}
.section-dlaczego .container,
.section-uslugi .container,
.section-co-nas-wyroznia .container,
.section-ktt .container,
.section-uslugi-items .container,
.section-offer-items .container,
.section-rodzaje .container,
.section-drzwi-portfolio .container,
.section-sprawdz .container,
.section-dlaczego-warto .container,
.section-s-drzwi-slider .container,
.section-mozliwe-wykonczenia .container,
.section-z-kim-wspolpracujemy .container,
.section-dostosowanie .container,
.section-infot-techniczne .container,
.section-okna-details .container,
.secton-okna-info .container,
.section-dwa-materialy .container,
.section-profile .container,
.section-ksztalty .container,
.section-realizacje-meble .container,
.section-meble-kategorie .container,
.section-dlaczego-warto-copy .container,
.section-partnerzy .container,
.section-realiacje-page .container,
.section-showroom-info .container,
.section-firma-rodzinna .container,
.section-wizja .container,
.section-historia .container,
.section-wartosci .container,
.section-showroom-contact .container,
.section-map .container,
.section-osoby .container{
    max-width:100%;
}
.section-ktt .container,
.section-uslugi-items .container,
.section-offer-items .container,
.section-rodzaje .container,
.section-infot-techniczne .container,
.section-okna-details .container,
.secton-okna-info .container,
.section-firma-rodzinna .container,
.section-wizja .container,
.section-wartosci .container,
.page-template-page-showroom .section-showroom-info .container{
    padding:0;
}
.image-19 {
    width: 100%;
    height: 12em;
    object-fit: cover;
}
.jak-item {
    transition: all 0.5s ease; /* Płynne przejście */
    opacity: 0.5; /* Przykładowy stan początkowy - np. półprzezroczysty */
    transform: translateY(20px); /* Przykładowe lekkie przesunięcie w dół */
}

/* Styl po dodaniu klasy active przez JS */
.jak-item.active {
    opacity: 1;
    transform: translateY(0);
    /* Tutaj dodaj inne style z Webflow, które mają się pojawić, np. zmiana koloru ramki itp. */
}
.is-rodzaj-img{
    height:auto;
}
.sprawdz-item-img.dz-item {
    height: auto;
    aspect-ratio: 344 / 455;
}
.cta-slider-auto {
    height: auto;
}
.sprawdz-item-img {
    aspect-ratio: 446 / 291;
    width:100%;
    height:auto;
}
.drzwi-slider-slide {
    height: 45.19em;
}
.image-31{
    height:auto;
}
.dost-item-img{
    height:auto;
}
.partner-content a{
    display: none;
}
.realizacje-ajax-wrapper .btn-centered {
    margin-top: 8.2em;
}