/* max0640px.css — mobile (≤639px)
   Nawigacja mobilna obsługiwana przez nav.css (@media max-width: 1023px). */

html { font-size: 4dvw; }

.kide_btn_primary { font-size: 1.15rem; padding: 1dvw 2dvw; }
.kide_hero_title, h1 { font-size: 3rem; }
.kide_header .kide_btn_primary { margin-right: 8dvw !important; }
h2 { font-size: 2.5rem !important; line-height: 1.2; }
h3 { font-size: 2rem !important; line-height: 1.2; }
p  { font-size: 1.25rem !important; }

.grid_mobile_2fr { grid-template-columns: 1fr 1fr; }

.kide_footer_grid { grid-template-columns: 1fr; }

table { display: block; overflow-x: scroll; width: 90dvw; }
.pricelist .pc { display: none; }
.pricelist .mobile table:not(:first-of-type) { margin-top: 10dvw; }
.pricelist .mobile .price { background-color: #efefef; text-align: center; color: #444; }

.kide_control_center > div > a > span { display: none; }
.kide_control_center { bottom: 1dvw; right: 1dvw; }
.kide_control_center img { padding: 1.5dvw !important; width: 12dvw !important; height: 12dvw !important; box-shadow: 1px 1px 2px rgba(0,0,0,.4); }
.kide_control_center > div > a { padding: .5dvw; }


.services_prices>.service_set{margin-bottom: 2rem}

.services_prices{
    display: grid; grid-template-columns: repeat(1, 1fr); grid-gap: .25rem;
}
.services_prices>div:first-of-type{display: none}

.services_prices>.service_set>div{display: flex; text-align: center;min-height: 1rem; justify-content: center;align-items : center;  width: calc(100% - 1rem); padding: .5rem; margin-bottom: 0; border-bottom: solid 1px #ccc}
.services_prices>.service_set>div:first-of-type{height: 2rem; background-color: green; color: #fff}
.services_prices>.service_set>div:nth-child(even){background-color: #eee}
.services_prices>.service_set div:not(:first-of-type) label{display: inline !important; margin: 0 .5rem; text-align: left;}
.services_prices>.service_set>div:has(p:empty){display: none;}
.services_prices>.service_set{}


/* ============================================
   SLIDER REKOMENDACJI - MOBILE
   ============================================ */

/* Pojedynczy slajd - pionowy układ */
.kide_slider_item {
    flex: 0 0 100%;
}

/* Rekomendacja - pionowy układ */
.kide_recommendation {
    flex-direction: column;
    min-height: 500px;
}

/* Header - pionowy układ dla mobile */
.kide_rec_header {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 1rem;
}

/* Zdjęcie na górze - duże */
.kide_rec_photo {
    width: 100%;
    height: 250px;
    max-width: 100%;
}

/* Dane osobowe pod zdjęciem */
.kide_rec_header > div {
    width: 100%;
}

.kide_rec_name,
.kide_rec_position {
    text-align: center;
}

/* Treść pod danymi */
.kide_rec_content {
    text-align: left;
}

/* Nawigacja - ukryj na mobile */
.kide_slider_nav {
    display: none;
}

/* Dots - większe na mobile */
.kide_slider_dot {
    width: 1rem;
    height: 1rem;
}

.kide_slider_dot.active {
    width: 2.5rem;
}


.faq>li>input:checked ~ div{
    max-height: 150dvh; /* wartość większa niż najdłuższa odpowiedź */
}