.kide_header{padding: 1dvw 3dvw}
.columns_none{ grid-template-columns: 1fr !important; grid-column: 1 / -1; }

#nav_open, #lbl_nav_open, #lbl_nav_close {display: none;}
.kide_stats_grid, .kide_cards_grid, .kide_clients_grid{grid-template-columns: repeat(4, 1fr);}
.kide_cards_grid, .kide_features_grid{grid-template-columns: repeat(3, 1fr);}
.kide_services_grid{grid-template-columns: repeat(2, 1fr);}

footer .kide_container{
    display: grid; grid-template-columns: repeat(4, 1fr);
}
.grid{display: grid;}
.grid_align_center{align-content: center; align-items: center;}
.grid_4fr{grid-template-columns: repeat(4, 1fr) !important;}
.grid_3fr{grid-template-columns: repeat(3, 1fr) !important;}
.grid_2fr{grid-template-columns: repeat(2, 1fr) !important;}

.grid_gap_2rem{grid-gap: 2rem}

.kide_hero.single_post{margin-bottom: -5%}
.kide_container{position: relative; z-index: 1;}


.pc_padding{padding: 2rem}

.kide_contact_card{
    display: block;
    position: relative;
    border: solid 1px var(--kide-dark);
    border-radius: .25rem;
    padding: 1rem;
    height: 100%;
}
.kide_contact_card *{padding: initial; margin: initial;}
.kide_contact_card p{display: flex; align-items: center; gap: .5rem;}
.kide_contact_card>img{margin: 0 auto; width: 100% !important; position: relative !important;}
.kide_contact_card:nth-child(2)> img{width: 92% !important; }
.kide_contact_card p img{height: 1.5rem}
.kide_contact_card hr{margin:  1rem 2rem}
.kide_contact_card h3{font-size: 1.5rem}
.kide_contact_card small{font-size: .75rem}

/*.kide_nav :where(ul, li, a, span){font-size: .8rem; }*/

.kide_nav>.menu li{position: relative;}
.kide_nav>.menu>li ul{
    display: flex; position: absolute; left: -100%;
    flex-direction: column; justify-items: left; justify-content: left; text-align: left; gap: 0;
    box-shadow: 0px 1px 2px #ddd; top: 0; transform: scale3d(0, 1, 1); z-index: 1
}
.kide_nav>.menu>li:hover ul{transform: initial; top: 100%; left: 0}
.kide_nav>.menu>li ul a{display: block; width: 100%; padding: .5rem 2rem; background-color: rgba(255, 255, 255, .9); border-bottom: solid 1px #ccc; }
.kide_nav>.menu>li:hover ul a:hover{background-color: #4CAF50; color: #fff;}
.kide_nav>.menu>li ul li{width: 100%; padding: 0;}



form .consents *{font-size: .8rem}
form .consents input{width: .8rem}
.kide_control_center img{padding: 1.5dvw !important; width: 5dvw !important; height: 5dvw !important;}
/* .kide_nav li:has(.sub-menu):after{content: ''; display: block; margin: 0; padding: 0; position: absolute; right: -1rem; top: .65rem;font-weight: bold;
width: 0px;
   height: 0px;
   border-style: solid;
   border-width: .75rem .4rem 0 .4rem;
   border-color: #4CAF50 transparent transparent transparent;
   transform: rotate(0deg);
} */


/* ============================================
   SLIDER REKOMENDACJI - DESKTOP (1024-1399px)
   ============================================ */

/* Dwa slajdy obok siebie */
.kide_slider_item {
    flex: 0 0 50%;
}

/* Rekomendacja - grid layout (2 wiersze) */
.kide_recommendation {
    flex-direction: column;
    min-height: 350px;
    display: grid;
    grid-template-rows: auto 1fr;
    gap: 1rem;
}

/* Górny wiersz - zdjęcie + dane osobowe */
.kide_rec_header {
    display: flex;
    align-items: flex-start;
    gap: 1.5rem;
    margin-bottom: 0;
}

/* Małe zdjęcie w headerze */
.kide_recommendation .kide_rec_photo {
    width: 100px;
    height: 100px;
    object-fit: cover;
    border-radius: .25rem;
    flex-shrink: 0;
    order: -1;
}

/* Dane osobowe obok zdjęcia */
.kide_rec_header > div {
    flex: 1;
}

/* Treść - pełna szerokość */
.kide_rec_content {
/*     padding: 1.5rem; */
    display: flex;
    flex-direction: column;
}

.kide_rec_text {
    margin-top: 0;
}

/* Pokaż nawigację */
.kide_slider_nav {
    display: flex;
}


.h200px{height: 200px !important}
.h600px{height: 600px !important}
.h1000px{height: 1000px !important}

.pricelist .mobile{display: none}


.kide_slider_item.items_2 { flex: 0 0 50%; }
.kide_slider_item.items_3 { flex: 0 0 33.333%; }
.kide_slider_item.items_4 { flex: 0 0 25%; }
.kide_slider_item.items_5 { flex: 0 0 20%; }
.kide_slider_item.items_6 { flex: 0 0 16.666%; }