/* V6.8 SYSTEM INTERAKCJI (02.11.2026; warstwa na V6.7, ładowana tylko przy budowie z --v68).
   Po ocenie właściciela V6.7 („hiperłącza i rozwijane widoki to jakby dziecko w Paincie projektowało”): jeden system dla WSZYSTKIEGO, co klikalne.
   TRZY RODZINY, rozpoznawalne po formie (nigdy luźna linia tekstu):
     1. KONTROLKA ROZWIJANIA (z8-tog): ramka jasna, nazwa TEGO, co się odkrywa („Pokaż 2 pozostałe pozycje”), kółko z chevronem ↓; po otwarciu: „Ukryj …”, chevron ↑ (kółko wypełnione granatem), tło.
        Odkryta treść jest dalszymi wierszami TEJ SAMEJ listy (te same linie, rytm, znaczki), rozwija się animacją wysokości (przy prefers-reduced-motion bez animacji).
     2. PRZEJŚCIE (z8-nav): ramka granatowa, etykieta, kółko ze strzałką →; hover wypełnia granatem. Telefon i „Napisz” to wezwanie (przycisk pomarańczowy).
     3. LINK W TREŚCI: granat, pomarańczowe podkreślenie 2 px, hover z tłem, fokus granatowy; wewnętrzny kończy się →, zewnętrzny ↗.
   Strzałki: ↓/↑ tylko odkrywanie, → tylko przejście dalej, ↗ tylko link zewnętrzny. Cel dotyku ≥ 44 px, fokus 3 px, aria-expanded/aria-controls, Enter/Spacja (przyciski natywne). */

.v68{--ease:cubic-bezier(.2,.7,.2,1)}

/* ---------- 1. KONTROLKA ROZWIJANIA ---------- */
.z8-tog{display:none}
.z8js .z8-tog{display:flex}
.v68 .z8-tog{align-items:center;justify-content:space-between;gap:14px;width:100%;min-height:56px;margin:0;padding:8px 10px 8px 18px;border:2px solid var(--line-s);border-radius:0;background:#fff;color:var(--navy);font:600 var(--d-title)/1.25 var(--f);text-align:left;cursor:pointer;transition:background .15s,border-color .15s}
.v68 .z8-tog:hover,.v68 .z8-tog[aria-expanded=true]{background:var(--bg);border-color:var(--navy)}
.v68 .z8-tog:focus-visible,.v68 .z8-nav:focus-visible{outline:3px solid var(--navy);outline-offset:3px}
.v68 .z8-tog__t .p-z{display:none}
.v68 .z8-tog[aria-expanded=true] .z8-tog__t .p-o{display:none}
.v68 .z8-tog[aria-expanded=true] .z8-tog__t .p-z{display:inline}
.v68 .z8-tog__i,.v68 .z8-nav__i{flex:none;display:grid;place-items:center;width:32px;height:32px;border:2px solid currentColor;border-radius:50%;color:var(--navy);transition:background .15s,color .15s}
.v68 .z8-ch,.v68 .z8-ar{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.v68 .z8-ch{transition:transform .28s var(--ease)}
.v68 .z8-tog[aria-expanded=true] .z8-ch{transform:rotate(180deg)}
.v68 .z8-tog[aria-expanded=true] .z8-tog__i{background:var(--navy);color:#fff}
/* odkrywana treść: ten sam komponent, animacja wysokości; bez JavaScriptu wszystko widoczne (kontrolki ukryte) */
.z8js .z8-reg{display:grid;grid-template-rows:0fr;visibility:hidden;transition:grid-template-rows .32s var(--ease),visibility 0s .32s}
.z8js .z8-reg.is-open{grid-template-rows:1fr;visibility:visible;transition:grid-template-rows .32s var(--ease),visibility 0s}
.v68 .z8-reg__in{min-height:0;overflow:hidden}
@media (prefers-reduced-motion:reduce){.z8js .z8-reg,.z8js .z8-reg.is-open,.v68 .z8-ch,.v68 .z8-tog,.v68 .z8-nav{transition:none}}
.v68 .z8-reg+.z8-tog{margin-top:14px}
.v68 .z7-gr>ul+.z8-tog{margin-top:14px}

/* lista grupy: dalsze wiersze tej samej listy (te same linie i rytm) */
.v68 .z8-reg--lista ul{margin:0}
.v68 .z8-reg--lista li:first-child{border-top:0}
/* karty: dalsze punkty z tymi samymi znaczkami */
.v68 .z8-reg .z7-fakty{margin:0;border-top:0}
.v68 .z8-karta__d{margin-top:auto;padding-top:18px}
.v68 .z8-karta__a{margin:12px 0 0}
.v68 .z8-karta__d>.z8-reg+.z8-tog{margin-top:12px}
/* lista usług z cennika w lewej kolumnie: te same znaczki */
.v68 .z7-koszt .z8-reg .z7-fakty li{font-size:var(--d-small);padding:10px 0 10px 32px}
.v68 .z7-koszt .z8-reg .z7-fakty li::before{top:.95em}
.v68 .z7-koszt .z8-reg .maly{margin-top:12px}
.v68 .z7-koszt .z7-extra .z8-tog{margin-top:16px}

/* ---------- 2. PRZEJŚCIE (nawigacja) ---------- */
.v68 .z8-nav{display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:56px;padding:8px 10px 8px 18px;border:2px solid var(--navy);border-radius:0;background:transparent;color:var(--navy);font:600 var(--d-title)/1.25 var(--f);text-decoration:none;cursor:pointer;transition:background .15s,color .15s,border-color .15s;text-align:left}
.v68 .z8-nav:hover{background:var(--navy);color:#fff}
.v68 .z8-nav:hover .z8-nav__i{color:#fff}
.v68 .z8-nav--maly{min-height:48px}
.v68 .z8-nav--hero{margin-top:12px;width:100%}
.v68 .z8-nav--ciemny{border-color:#fff;color:#fff}
.v68 .z8-nav--ciemny:hover{background:#fff;color:var(--navy)}
.v68 .z8-nav--ciemny .z8-nav__i{color:inherit}
.v68 .z8-tylko-m{display:none}
.v68 .z7-skroty{display:grid;grid-template-columns:minmax(0,1fr);gap:10px;margin-top:24px}
.v68 .z7-ins--warunki .z7-ins__a{margin-top:26px}
.v68 .z7-ins--warunki .z8-nav{width:auto;min-width:min(100%,340px)}
@media (max-width:759px){
  .v68 .z8-tylko-d{display:none}
  .v68 .z8-tylko-m{display:flex;width:100%}
}

/* ---------- 3. LINK W TREŚCI + wezwanie (telefon) ---------- */
.v68 .z7-steps p a,.v68 .z7-bliski dd a,.v68 .sig-link{color:var(--navy);text-decoration:underline;text-decoration-color:var(--orange);text-decoration-thickness:2px;text-underline-offset:4px;transition:background .15s}
.v68 .z7-steps p a:hover,.v68 .z7-bliski dd a:hover,.v68 .sig-link:hover{background:rgba(245,132,37,.16);color:var(--navy);text-decoration-color:var(--navy)}
.v68 .z7-steps p a:focus-visible,.v68 .z7-bliski dd a:focus-visible,.v68 .sig-link:focus-visible{outline:3px solid var(--navy);outline-offset:2px}
.v68 .z8-arr{display:inline-block;margin-left:.3em;color:var(--orange-d);text-decoration:none}
.v68 .z8-ext{display:inline-block;margin-left:.3em;color:var(--orange-d);text-decoration:none}
.v68 .z7-pomoc__tel{margin-top:4px}
.v68 .z7-faq .z7-pomoc .btn,.v68 .z7-koszt-cta .btn{font-size:var(--d-title)}
.v68 .z7-koszt-cta{border-top:0;padding-top:0;margin-top:30px}
.v68 .z7-ins--pytaj .z7-ins__a .btn{font-size:var(--d-title)}

/* ---------- FAQ: pytanie jest kontrolką (cały wiersz) ---------- */
.v68 .z8-qh{margin:0}
.v68 .z8-q{border-bottom:1px solid var(--line);transition:background .2s}
.v68 .z8-q.is-open{background:var(--bg)}
.v68 .z8-tog--row{min-height:72px;padding:14px 12px 14px 6px;border:0;background:transparent;gap:10px;font:inherit}
.v68 .z8-tog--row:hover{background:var(--bg)}
.v68 .z8-tog--row[aria-expanded=true]{background:transparent}
.v68 .z8-tog--row .q__n{flex:none;width:30px;font-size:var(--d-small);font-weight:500;color:var(--mut)}
.v68 .z8-tog--row .q__t{flex:1 1 auto;min-width:0;font-size:var(--d-title);font-weight:600;line-height:1.28;letter-spacing:-.01em}
.v68 .z8-tog--row .z8-tog__t{flex:none;font-size:var(--d-small);font-weight:600;color:var(--navy)}
.v68 .z8-dl{display:none}
@media (min-width:1200px){.v68 .z8-dl{display:inline}}
.v68 .z8-reg--odp .z8-reg__in p{margin:0;max-width:34em;padding:0 20px 24px 46px;font-size:var(--d-body);line-height:1.5}
.v68 .z7-faq__c{border-top:1px solid var(--navy)}
.v68 .z7-pomoc{margin-top:26px}

/* „Jak weryfikujemy informacje”: wiersz-kontrolka */
.v68 .z8-jak .z8-q{border-top:1px solid var(--navy)}
.v68 .z8-reg--jak .z8-reg__in>:first-child{margin-top:6px}
.v68 .z8-reg--jak .z8-reg__in>:last-child{margin-bottom:22px}
.v68 .z8-reg--jak p{margin:0 0 10px;max-width:44em;font-size:var(--d-body);line-height:1.45}
.v68 .z8-reg--jak ul li{display:grid;gap:2px 20px;padding:9px 0;border-top:1px solid var(--line);font-size:var(--d-small)}
@media (min-width:760px){.v68 .z8-reg--jak ul li{grid-template-columns:minmax(0,5fr) minmax(0,5fr) 13rem}}
.v68 .z8-reg--jak .jak__data{color:var(--mut)}
.v68 .z8-reg--jak .z7-przyp{margin-top:14px}

/* ---------- PLAN: dalsze punkty tym samym paskiem ---------- */
.v68 .z8-podtytul--pierwszy{margin-top:30px}
.v68 .z8-dzien--dalej{margin-top:0}
.v68 .z8-podtytul{margin:26px 0 10px;font-size:var(--d-title);font-weight:600}
.v68 .z8-reg .z7-przyp{margin:20px 0 0}
.v68 .z7-plan .z7-r>.z7-dzien+.z8-reg{margin-top:0}
.v68 .z7-plan .z7-r>.z8-reg+.z8-tog{margin-top:22px}
.v68 .z7-plan .z7-r>.z7-dzien+.z8-tog{margin-top:22px}
@media (max-width:759px){.v68 .z8-podtytul--pierwszy{margin-top:18px}.v68 .z8-dzien--dalej{padding-top:0}}

/* ---------- układ: baner przed galerią ---------- */
.v68 .ca-miejsce .z7-ins{margin-top:28px}
.v68 .ca-gal{padding-top:clamp(28px,4vw,56px)}
.v68 .z7-grupy{align-items:start}
.v68 .z7-gr .z8-tog{font-size:var(--d-small);padding-left:14px}
@media (max-width:759px){
  .v68 .z8-tog,.v68 .z8-nav{padding-left:14px;font-size:var(--d-body)}
  .v68 .z8-tog--row{padding-left:2px}
  .v68 .z8-reg--odp .z8-reg__in p{padding:0 8px 18px 42px}
  .v68 .z7-skroty{display:none}
  .v68 .z7-gr>ul+.z8-tog{margin-top:10px}
}

/* ---------- PASKI KONTAKTU: ta sama zasada (telefon = wezwanie, „Napisz” = przejście) ---------- */
@media (min-width:900px){.v68 .pasek__napisz{border-width:2px}.v68 .pasek__napisz:hover{background:#fff;color:var(--navy)}}
@media (max-width:899px){
  .v68.v61 .pasek__w{gap:10px;padding:8px var(--m,16px)}
  .v68.v61 .pasek .btn{min-height:48px}
  .v68.v61 .pasek__tel{flex:1.5 1 0;justify-content:center;background:var(--orange);color:var(--navy)}
  .v68.v61 .pasek__napisz{flex:1 1 0;justify-content:space-between;border:2px solid var(--navy);padding:0 14px;background:#fff;color:var(--navy)}
  .v68.v61 .pasek{border-top:1px solid var(--line)}
}

/* ================= V6.8 + copy-v68 ================= */
/* wybór „Dla kogo dzwonisz?”: pole ze znakiem ✓ (wybrane: wypełnione, nieaktywne: puste) */
.v68 .z8-chk{position:relative;flex:none;width:24px;height:24px;border:2px solid currentColor;border-radius:50%}
.v68 .z7-tabs button[aria-selected=true] .z8-chk{background:var(--orange);border-color:var(--orange)}
.v68 .z7-tabs button[aria-selected=true] .z8-chk::after{content:"";position:absolute;left:7px;top:3px;width:6px;height:11px;border:solid var(--navy);border-width:0 2.5px 2.5px 0;transform:rotate(40deg)}
.v68 .z8-cytat{margin:22px 0 0;padding:2px 0 2px 16px;border-left:3px solid var(--navy);font-size:var(--d-body);line-height:1.5;color:var(--navy);max-width:24em}
.v68 .z8-cytat[hidden]{display:none}
.v68 .z8-prog{margin:12px 0 0;font-size:var(--d-small);line-height:1.45;color:var(--mut);max-width:26em}
.v68 .z8-zrodla{margin:2px 0 clamp(8px,2vw,24px);font-size:var(--d-label);line-height:1.5;color:var(--mut)}
/* W czym pomaga: dwie kolumny z pełnymi listami */
.v68 .z7-grupy--2{grid-template-columns:repeat(2,minmax(0,1fr))}
.v68 .z8-mieszane{margin:26px 0 0;padding-top:16px;border-top:1px solid var(--line);font-size:var(--d-body);line-height:1.4}
.v68 .z8-karta__sub{margin:20px 0 0;font-size:var(--d-body);font-weight:600}
.v68 .z7-karta .z7-fakty{margin-top:10px}
/* Plan dnia: godzina | zajęcie */
.v68 .z8-godz{margin:0}
.v68 .z8-godz li{display:grid;grid-template-columns:clamp(104px,13vw,168px) minmax(0,1fr);gap:0 18px;align-items:baseline;padding:13px 0;border-top:1px solid var(--line)}
.v68 .z8-godz li:last-child{border-bottom:1px solid var(--line)}
.v68 .z8-godz b{font-size:var(--d-lead);font-weight:500;letter-spacing:-.04em;line-height:1.1;font-variant-numeric:lining-nums tabular-nums;white-space:nowrap}
.v68 .z8-godz b.z8-godz__z{font-size:var(--d-title);font-weight:600;letter-spacing:-.01em}
.v68 .z8-godz span{font-size:var(--d-title);font-weight:500;line-height:1.3}
.v68 .z8-godz__n{grid-template-columns:minmax(0,1fr)!important}
.v68 .z8-godz__n span{font-weight:600}
.v68 .z7-plan .z7-przyp{margin:16px 0 0}
.v68 .z8-notka{margin:18px 0 0;max-width:22em;font-size:var(--d-small);line-height:1.45;color:var(--mut)}
.v68 .z8-reg .z8-podtytul{margin:22px 0 4px}
.v68 .z8-reg .z8-podtytul:first-child{margin-top:18px}
.v68 .z7-plan .z7-r>.z8-reg+.z8-tog{margin-top:18px}
.v68 .z7-plan .z7-przyp+.z8-reg{margin-top:0}
.v68 .z7-plan .z7-przyp+.z8-tog,.v68 .z7-plan .z7-przyp+.z8-reg+.z8-tog{margin-top:18px}
/* Koszty: grupy w odkrytej liście */
.v68 .z7-koszt .z8-reg .z8-podtytul{font-size:var(--d-small);color:var(--mut);margin:18px 0 2px}
.v68 .z7-koszt .z8-reg .z7-fakty{margin:0}
/* FAQ: jedna kolumna + kontrolka zbiorcza */
.v68 .z7-faq .z7-r{display:block}
.v68 .z8-tog--wszystkie{min-height:52px;margin:0 0 16px}
.v68 .z7-faq .z7-faq__c{max-width:none}
/* Insert „Na rozmowę”: kopiowanie pytań (kontrolka na ciemnym tle) */
.v68 .z7-ins .z8-tog--kopiuj{margin-top:20px;max-width:340px;background:transparent;border-color:rgba(255,255,255,.6);color:#fff}
.v68 .z7-ins .z8-tog--kopiuj:hover{background:rgba(255,255,255,.1);border-color:#fff}
.v68 .z7-ins .z8-tog--kopiuj .z8-tog__i{color:#fff}
.v68 .z7-ins--pytaj .z7-ins__a{margin-top:22px}
/* galeria na telefonie: kontrolka pod zdjęciami */
.v68 .z8-gal__a{margin:16px 0 0}
.v68 .z8-tog--gal::after{content:"";flex:none;width:32px;height:32px;border:2px solid var(--navy);border-radius:50%;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23011627' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") center/16px no-repeat;transition:transform .28s var(--ease)}
.v68 .z8-tog--gal[aria-expanded=true]::after{transform:rotate(180deg)}
/* Skąd te informacje */
.v68 .z8-jak__n{font-weight:400;color:var(--mut)}
.v68 .z8-reg--jak .jak__marka{font-weight:600}
.v68 .z8-jak{padding-top:clamp(24px,4vw,48px)}
@media (max-width:759px){
  .v68 .z8-godz li{grid-template-columns:92px minmax(0,1fr);gap:0 10px;padding:9px 0}
  .v68 .z8-godz b{font-size:var(--d-lead)}
  .v68 .z8-godz b.z8-godz__z{font-size:var(--d-small)}
  .v68 .z8-godz span{font-size:var(--d-body)}
  .v68 .z7-grupy--2{grid-template-columns:minmax(0,1fr)}
  .v68 .z8-cytat{margin-top:12px}
  .v68 .z8-notka{display:none}
}
.v68 .z8-nav--hero{order:3}
.v68 .z8-prog{order:2}
.v68 .ca-fakt{padding-bottom:4px}
.v68 .z7-karty__g{align-items:start}
.v68 .z8-karta__d{margin-top:0}
.v68 .z8-mieszane{margin-top:22px;font-size:var(--d-small);color:var(--mut)}
.v68 .z8-lfoto{margin:28px 0 0;aspect-ratio:4/3;overflow:hidden;background:var(--tint)}
.v68 .z8-lfoto img{width:100%;height:100%;object-fit:cover}
@media (max-width:959px){.v68 .z8-lfoto{display:none}}
/* Koszty: lista usług pod cenami (dwie kolumny na komputerze) */
.v68 .z8-ramach{margin-top:34px}
.v68 .z8-reg--ramach .z8-reg__in>.z8-gr{padding:0}
@media (min-width:760px){
  .v68 .z8-reg--ramach .z8-reg__in{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 clamp(24px,3.6vw,52px)}
  .v68 .z8-reg--ramach .z8-gr:first-child{grid-row:1/span 2}
  .v68 .z8-reg--ramach .z8-uwaga{grid-column:1/-1}
}
.v68 .z8-reg--ramach .z8-podtytul{margin:20px 0 4px}
.v68 .z8-reg--ramach .z8-podtytul:first-child{margin-top:20px}
.v68 .z7-koszt .z8-reg .z7-fakty li{font-size:var(--d-body);padding:11px 0 11px 32px}
.v68 .z7-koszt .z8-reg .z7-fakty li::before{top:1.05em}
.v68 .z7-koszt-cta{margin-top:28px}
.v68 .z7-ins .z7-lead{color:var(--on-navy)}

/* ---------- telefon: zwarty rytm (kolejna pasa po copy-v68) ---------- */
@media (max-width:759px){
  .v68 .z8-godz li{padding:6px 0;grid-template-columns:76px minmax(0,1fr)}
  .v68 .z8-godz b{font-size:var(--d-title);letter-spacing:-.02em}
  .v68 .z8-godz span{font-size:var(--d-small);line-height:1.3}
  .v68 .z7-plan .z7-przyp{font-size:var(--d-label);margin-top:10px}
  .v68 .z7-fakty li,.v68 .z7-karta .z7-fakty li{padding:7px 0 7px 28px;font-size:var(--d-small);line-height:1.35}
  .v68 .z7-fakty li::before{top:.85em;left:5px}
  .v68 .z7-karta{padding:16px 14px}
  .v68 .z7-karta__lead{font-size:var(--d-body);margin-top:6px}
  .v68 .z8-karta__sub{margin-top:12px;font-size:var(--d-small)}
  .v68 .z8-karta__a{margin-top:10px}
  .v68 .ca-rozdz__opis li{padding:2px 0}
  .v68 .ca-rozdz__opis ul{font-size:var(--d-label);line-height:1.35}
  .v68 .z7-ins--pytaj .z7-lead{display:none}
  .v68 .z7-pyt li{padding:8px 0}
  .v68 .z8-tog--kopiuj{margin-top:12px}
  .v68 .z8-mieszane{margin-top:10px;font-size:var(--d-small)}
  .v68 .z8-prog{margin-top:8px}
  .v68 .z7-koszt .z8-reg .z7-fakty li{font-size:var(--d-small);padding:7px 0 7px 28px}
  .v68 .z8-ramach{margin-top:22px}
  .v68 .z8-reg--ramach .z8-podtytul{margin-top:12px}
}
@media (max-width:759px){
  .v68 .ca-rozdz__opis ul{display:block;line-height:1.4}
  .v68.v61 .ca-rozdz__opis li{display:inline;padding:0;border:0}
  .v68.v61 .ca-rozdz__opis li:not(:last-child)::after{content:"; "}
  .v68 .ca-miejsce__glowa .ca-lead{display:none}
  .v68 .ca-rozdz__opis h3{margin-bottom:4px}
}
@media (max-width:959px){.v68 .z7-ins--pytaj .z8-tog--kopiuj{order:3}}
.v68 .z7-ins--pytaj .z7-l .z8-tog--kopiuj{margin-top:24px}