/* V7.1 TŁA PREMIUM (02.11.2026; warstwa na V7.0, ładowana razem z v70.css przy budowie z --v70).
   Powód: właściciel odrzucił kierunek 4 V7.0 słowami „nie podobają mi się te tła, miała być wizytówka premium, a wyszła disco polo”.
   Diagnoza (zmierzona): granat #011627 obok piasku #F3E8D8 w połówkach 37 / 63 % (kontrast połówek ok. 15:1), pięć ciemnych stref na stronie (Jak zacząć, Plan dnia, Zespół, „O co zapytać”, stopka),
   cztery kolory tła naraz (granat, piasek, ciepła biel, biel) plus pomarańcz w 6 wypełnionych przyciskach, mgła zdjęcia (gradient do granatu) w banerze pokoi i w „O co zapytać”.
   Trzy kierunki, ten sam układ treści i te same fakty (przełączane ?tlo=5|6|7, atrybut data-tlo na body; kierunki 1–4 z v70.css działają bez zmian):
   5 „Kość słoniowa”: dwa odcienie kości słoniowej + cienkie linie, granat tylko w stopce (Paracelsus Recovery: kość słoniowa #F9F6EF, jedna ciemna strefa).
   6 „Cisza i jeden granat”: biel i ciepła kość słoniowa na przemian, granat w jednym miejscu: „O co zapytać przez telefon” (moment wezwania) i stopka (Six Senses: #FFFFFF / #F8F9F4 na przemian, jeden głęboki akcent).
   7 „Chłodne panele”: biel i blady chłód #F3F6F8, lewa kolumna na bardzo bladym panelu #E8EEF3 (podział tonalny jak w Lanserhof, bez ciemnych bloków), granat tylko w stopce.
   Wspólne: tło jest kolorem (żadne zdjęcie ani gradient nie jest tłem sekcji), pomarańcz wypełniony tylko w wezwaniach do telefonu (hero, Jak zacząć, pasek; w kierunku 6 także „O co zapytać”), pozostałe w obrysie; przycisk wysyłki formularza granatowy. */

.v70:is([data-tlo="5"],[data-tlo="6"],[data-tlo="7"],[data-tlo="8"],[data-tlo="9"]){background:var(--A)}
.v70[data-tlo="5"]{--A:#FBF8F2;--B:#F4EEE3;--line:#DDD3C1;--tint:#EDE5D5;--bg:#FBF8F2}
.v70[data-tlo="6"]{--A:#FFFFFF;--B:#FAF6EE;--line:#DDD6C8;--tint:#F1EADD;--bg:#FFFFFF}
.v70[data-tlo="7"]{--A:#FFFFFF;--B:#F3F6F8;--P:#E8EEF3;--line:#CBD6DF;--tint:#E8EEF3;--bg:#FFFFFF}

/* ---------- tła sekcji: kolor, bez zdjęć, bez gradientów ---------- */
.v70:is([data-tlo="5"],[data-tlo="6"],[data-tlo="7"],[data-tlo="8"],[data-tlo="9"]) :is(.gora,.ca-hero,#start,#zakres,#miejsce,#plan,#koszty,#zespol,#pytania,#przewodnik,#kontakt){background:var(--A);background-image:none}
.v70[data-tlo="5"] :is(#start,#plan,#przewodnik){background:var(--B)}
.v70[data-tlo="6"] :is(#start,#miejsce,#koszty,#pytania){background:var(--B)}
.v70[data-tlo="7"] :is(#start,#plan,#zespol,#przewodnik){background:var(--B)}
.v70[data-tlo="6"] #przewodnik{background:#011627}
/* nic z kierunku 4 nie przecieka: żadnej faktury ze zdjęcia */
.v70:is([data-tlo="5"],[data-tlo="6"],[data-tlo="7"],[data-tlo="8"],[data-tlo="9"]) :is(#start,#plan,#zespol)::after{display:none}
/* cienkie linie jako nośnik klasy (kierunki 5 i 7: sąsiednie sekcje bywają tego samego tonu) */
.v70:is([data-tlo="5"],[data-tlo="7"],[data-tlo="8"],[data-tlo="9"]) :is(#start,#zakres,#miejsce,#plan,#koszty,#zespol,#pytania,#przewodnik,#kontakt){box-shadow:inset 0 1px 0 var(--line)}
.v70[data-tlo="6"] :is(#zakres,#plan,#zespol,#kontakt){box-shadow:inset 0 1px 0 var(--line)}

/* ---------- kierunek 7: lewa kolumna na bladym panelu (komputer) ---------- */
@media (min-width:960px){
.v70[data-tlo="7"] :is(#start,#plan,#koszty) .z7-w{position:relative}
.v70[data-tlo="7"] :is(#start,#plan,#koszty) .z7-w::before{content:"";position:absolute;z-index:0;top:calc(-1 * var(--pt));bottom:calc(-1 * var(--pb));left:calc(50% - 50vw);width:calc(50vw - 50% + (100% - var(--z-gap)) / 3 + var(--s3));background:var(--P)}
.v70[data-tlo="7"] :is(#start,#plan,#koszty) .z7-r{position:relative;z-index:1}
.v70[data-tlo="7"] :is(#start,#plan,#koszty) .z7-l{z-index:1}
.v70[data-tlo="7"] #koszty{background:var(--A)}
}

/* ---------- baner pokoi: zdjęcie obok tekstu na kolorze sekcji (bez nakładki i gradientu) ---------- */
.v70:is([data-tlo="5"],[data-tlo="6"],[data-tlo="7"],[data-tlo="8"],[data-tlo="9"]) .z9-baner{display:grid;grid-template-columns:minmax(0,.44fr) minmax(0,.56fr);align-items:stretch;min-height:0;background:transparent;color:var(--navy);margin-top:var(--s5);overflow:visible;padding-inline:max(clamp(16px,4vw,32px),calc((100vw - 1200px) / 2 + clamp(16px,4vw,32px)))}
.v70:is([data-tlo="5"],[data-tlo="6"],[data-tlo="7"],[data-tlo="8"],[data-tlo="9"]) .z9-baner .z7-ins__foto{position:relative;inset:auto;order:2;margin:0;min-height:clamp(320px,30vw,440px)}
.v70:is([data-tlo="5"],[data-tlo="6"],[data-tlo="7"],[data-tlo="8"],[data-tlo="9"]) .z9-baner .z7-ins__foto::after{display:none}
.v70:is([data-tlo="5"],[data-tlo="6"],[data-tlo="7"],[data-tlo="8"],[data-tlo="9"]) .z9-baner .z7-ins__foto img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:60% 55%}
.v70:is([data-tlo="5"],[data-tlo="6"],[data-tlo="7"],[data-tlo="8"],[data-tlo="9"]) .z9-baner>.wrap{order:1;display:flex;align-items:center;width:auto;max-width:none;margin:0;padding:var(--s4) var(--s4) var(--s4) 0}
.v70:is([data-tlo="5"],[data-tlo="6"],[data-tlo="7"],[data-tlo="8"],[data-tlo="9"]) .z9-baner .z7-ins__t{max-width:26rem;padding:0}
.v70:is([data-tlo="5"],[data-tlo="6"],[data-tlo="7"],[data-tlo="8"],[data-tlo="9"]) .z9-baner h3{color:var(--navy)}
.v70:is([data-tlo="5"],[data-tlo="6"],[data-tlo="7"],[data-tlo="8"],[data-tlo="9"]) .z9-baner .z7-ins__b{color:var(--mut)}
.v70:is([data-tlo="5"],[data-tlo="6"],[data-tlo="7"],[data-tlo="8"],[data-tlo="9"]) .z9-baner .z8-nav--ciemny{border-color:var(--navy);color:var(--navy)}
.v70:is([data-tlo="5"],[data-tlo="6"],[data-tlo="7"],[data-tlo="8"],[data-tlo="9"]) .z9-baner .z8-nav--ciemny:hover{background:var(--navy);color:#fff}
@media (max-width:899px){
.v70:is([data-tlo="5"],[data-tlo="6"],[data-tlo="7"],[data-tlo="8"],[data-tlo="9"]) .z9-baner{grid-template-columns:minmax(0,1fr);margin-top:var(--s3);padding-inline:0}
.v70:is([data-tlo="5"],[data-tlo="6"],[data-tlo="7"],[data-tlo="8"],[data-tlo="9"]) .z9-baner .z7-ins__foto{order:1;min-height:0;height:clamp(180px,48vw,260px)}
.v70:is([data-tlo="5"],[data-tlo="6"],[data-tlo="7"],[data-tlo="8"],[data-tlo="9"]) .z9-baner>.wrap{order:2;padding:var(--s3) var(--m,16px) 0;width:100%;box-sizing:border-box}
}

/* ---------- „O co zapytać przez telefon”: bez paska zdjęcia z mgłą ---------- */
.v70:is([data-tlo="5"],[data-tlo="6"],[data-tlo="7"],[data-tlo="8"],[data-tlo="9"]) #przewodnik .z7-ins__pas{display:none}
.v70:is([data-tlo="5"],[data-tlo="6"],[data-tlo="7"],[data-tlo="8"],[data-tlo="9"]) #przewodnik{padding-top:var(--pt);padding-bottom:var(--pb);margin-top:0}
.v70:is([data-tlo="5"],[data-tlo="7"],[data-tlo="9"]) #przewodnik{color:var(--navy)}
.v70:is([data-tlo="5"],[data-tlo="7"],[data-tlo="9"]) #przewodnik h2{color:var(--navy)}
.v70:is([data-tlo="5"],[data-tlo="7"],[data-tlo="9"]) #przewodnik .z7-pyt{border-bottom:1px solid var(--line)}
.v70:is([data-tlo="5"],[data-tlo="7"],[data-tlo="9"]) #przewodnik .z7-pyt li{border-top:1px solid var(--line)}
.v70:is([data-tlo="5"],[data-tlo="7"],[data-tlo="9"]) #przewodnik .z7-pyt li::before{color:var(--mut)}
.v70:is([data-tlo="5"],[data-tlo="7"],[data-tlo="9"]) #przewodnik .z7-pyt li span{color:var(--navy)}
.v70:is([data-tlo="6"],[data-tlo="8"]) #przewodnik .z7-pyt{border-bottom-color:rgba(255,255,255,.22)}
.v70:is([data-tlo="6"],[data-tlo="8"]) #przewodnik .z7-pyt li{border-top-color:rgba(255,255,255,.22)}

/* ---------- pomarańcz tylko w wezwaniu do telefonu; reszta w obrysie ---------- */
.v70:is([data-tlo="5"],[data-tlo="6"],[data-tlo="7"],[data-tlo="8"],[data-tlo="9"]) .btn--glowny:not([type="submit"]){background:transparent;border-color:var(--navy);color:var(--navy)}
.v70:is([data-tlo="5"],[data-tlo="6"],[data-tlo="7"],[data-tlo="8"],[data-tlo="9"]) .btn--glowny:not([type="submit"]):hover{background:var(--navy);border-color:var(--navy);color:#fff}
.v70:is([data-tlo="5"],[data-tlo="6"],[data-tlo="7"],[data-tlo="8"],[data-tlo="9"]) :is(.ca-hero .btn--glowny,#start .z9-tel__n,.pasek__tel){background:var(--orange);border-color:var(--orange);color:#011627}
.v70:is([data-tlo="5"],[data-tlo="6"],[data-tlo="7"],[data-tlo="8"],[data-tlo="9"]) :is(.ca-hero .btn--glowny,#start .z9-tel__n,.pasek__tel):hover{background:var(--orange-h);border-color:var(--orange-h);color:#011627}
.v70:is([data-tlo="6"],[data-tlo="8"]) #przewodnik .btn--glowny{background:var(--orange);border-color:var(--orange);color:#011627}
.v70:is([data-tlo="6"],[data-tlo="8"]) #przewodnik .btn--glowny:hover{background:var(--orange-h);border-color:var(--orange-h);color:#011627}
.v70:is([data-tlo="5"],[data-tlo="6"],[data-tlo="7"],[data-tlo="8"],[data-tlo="9"]) .formularz .btn--glowny{background:var(--navy);border-color:var(--navy);color:#fff}
.v70:is([data-tlo="5"],[data-tlo="6"],[data-tlo="7"],[data-tlo="8"],[data-tlo="9"]) .formularz .btn--glowny:hover{background:#12304A;border-color:#12304A;color:#fff}
.v70:is([data-tlo="5"],[data-tlo="6"],[data-tlo="7"],[data-tlo="8"],[data-tlo="9"]) .formularz .btn--glowny:disabled{opacity:1}

/* ---------- cienkie linie zamiast grubych (2 px granatu → 1 px) ---------- */
.v70:is([data-tlo="5"],[data-tlo="6"],[data-tlo="7"],[data-tlo="8"],[data-tlo="9"]) :is(.z9-cena,.z9-kadra .z7-rola,.ca-rozdz__opis h3){border-top-width:1px}
.v70:is([data-tlo="5"],[data-tlo="6"],[data-tlo="7"],[data-tlo="8"],[data-tlo="9"]) .z9-karta h3{border-bottom-width:1px}
.v70:is([data-tlo="5"],[data-tlo="6"],[data-tlo="7"],[data-tlo="8"],[data-tlo="9"]) .ca-sekcja__w::before{height:1px}

/* ---------- element „Telefon czynny…” (uwaga właściciela do V7.0, 02.11.2026): jedna ramka z pictogramami zamiast trzech gołych linijek ---------- */
.v70 .ca-info{list-style:none;margin:var(--s2) 0 0;padding:var(--s2);display:grid;gap:var(--s2);box-sizing:border-box;border:1px solid var(--line-s);border-radius:var(--btn-r);background:transparent;color:var(--navy)}
.v70 .ca-info li{display:grid;grid-template-columns:24px minmax(0,1fr);gap:var(--s2);align-items:start;margin:0;padding:0;font:400 var(--tx)/1.4 var(--f);color:var(--navy)}
.v70 .ca-info li+li::before{content:none}
.v70 .ca-info .z9-i{width:24px;height:24px;flex:none;stroke:currentColor}
.v70 .ca-info span{min-width:0;text-wrap:balance}
.v70 .ca-hero__cta .ca-info{order:2;width:100%}
.v70 .ca-hero__cta .z8-nav--hero{order:3;margin-top:var(--s2)}
/* skrócona wersja: jeden wiersz bez ramki (Jak zacząć, Dojazd i kontakt), ta sama ikona, ten sam krój */
.v70 .ca-info--k{padding:0;border:0;border-radius:0;margin:var(--s2) 0 0}
.v70 .ca-kontakt .ca-info--k{margin:var(--s1) 0 var(--s2)}

/* =====================================================================================================================
   V7.1b (02.11.2026, po obejrzeniu kierunków 5–7 przez właściciela: „tła ciemniejsze jeszcze”): dwa kierunki o wyraźnie widocznym rytmie
   8 „Kamień”: ciepłe, mało nasycone tła (jasny kamień, kamień, greige) wyraźnie różne od siebie; jedna sekcja („O co zapytać przez telefon”) i stopka w głębokim, zgaszonym grafitowo-brązowym tonie.
   9 „Noc”: ciepły grafit z tekstem w kości słoniowej; wszystkie kolory przez zamianę tokenów (--navy = kość słoniowa), pomarańcz tylko w telefonie (hero, Jak zacząć, pasek).
   ===================================================================================================================== */
.v70[data-tlo="8"]{--A:#EDE7DB;--B:#DED5C4;--C:#CDC2AD;--D:#38332D;--line:#B5A992;--tint:#D3C9B6;--bg:#EDE7DB;--mut:#34445A;--line-s:#4F6076}
.v70[data-tlo="8"] :is(#start,#plan){background:var(--C)}
.v70[data-tlo="8"] :is(#miejsce,#zespol,#kontakt){background:var(--B)}
.v70[data-tlo="8"] #przewodnik{background:var(--D)}
.v70[data-tlo="8"] .stopka{background:#2B2723}
.v70[data-tlo="8"] .gora{border-bottom:1px solid var(--line)}
.v70[data-tlo="8"] .pasek{background:#2B2723;color:#fff}
@media (max-width:899px){.v70[data-tlo="8"].v61 .pasek{background:var(--A);color:var(--navy)}}
.v70[data-tlo="8"] .z7-tabs button:not([aria-selected=true]){background:transparent}
.v70[data-tlo="8"] .pole input,.v70[data-tlo="8"] .pole textarea{background:#F6F2E9}
.v70[data-tlo="8"] .ca-info{border-color:#4F6076}

/* 9 „Noc” */
.v70[data-tlo="9"]{--A:#1C1A18;--B:#2B2825;--C:#38332E;--navy:#EFE9DD;--mut:#BDB5A6;--on-navy:#EFE9DD;--on-navy-m:#BDB5A6;--line:rgba(239,233,221,.18);--line-s:rgba(239,233,221,.5);--tint:rgba(239,233,221,.08);--paper:#2A2724;--bg:#1F1D1B;--orange-d:#F2A465;color:#EFE9DD}
.v70[data-tlo="9"] :is(#start,#miejsce,#koszty,#pytania){background:var(--B)}
.v70[data-tlo="9"] #przewodnik{background:var(--C)}
.v70[data-tlo="9"] #kontakt{background:var(--A)}
.v70[data-tlo="9"] .stopka{background:#0E0D0C;color:#BDB5A6}
.v70[data-tlo="9"] .gora{border-bottom:1px solid var(--line)}
.v70[data-tlo="9"] .gora .logo img{filter:brightness(0) invert(1)}
.v70[data-tlo="9"] :is(h1,h2,h3,h4,.ca-h1){color:#EFE9DD}
.v70[data-tlo="9"] :focus-visible{outline-color:#EFE9DD}
/* przyciski i kontrolki na ciemnym */
.v70[data-tlo="9"] .btn--glowny:not([type="submit"]):hover,.v70[data-tlo="9"] .z8-nav:hover{background:#EFE9DD;border-color:#EFE9DD;color:#1F1D1B}
.v70[data-tlo="9"] :is(.ca-hero .btn--glowny,#start .z9-tel__n,.pasek__tel){background:var(--orange);border-color:var(--orange);color:#011627}
.v70[data-tlo="9"] .formularz .btn--glowny{background:#EFE9DD;border-color:#EFE9DD;color:#1F1D1B}
.v70[data-tlo="9"] .formularz .btn--glowny:hover{background:#fff;border-color:#fff;color:#1F1D1B}
.v70[data-tlo="9"] .z7-tabs button{background:transparent;color:#EFE9DD;border-color:rgba(239,233,221,.55)}
.v70[data-tlo="9"] .z7-tabs button:hover{background:rgba(239,233,221,.1);border-color:#EFE9DD}
.v70[data-tlo="9"] .z7-tabs button[aria-selected=true]{background:#EFE9DD;color:#1F1D1B;border-color:#EFE9DD}
.v70[data-tlo="9"] .z7-tabs button[aria-selected=true] .z8-chk::after{border-color:#1F1D1B}
.v70[data-tlo="9"] .pole input,.v70[data-tlo="9"] .pole textarea{background:#2A2724;color:#EFE9DD;border-color:rgba(239,233,221,.5)}
.v70[data-tlo="9"] .z9-baner .z8-nav--ciemny:hover{color:#1F1D1B}
.v70[data-tlo="9"].v61 .pasek,.v70[data-tlo="9"] .pasek{background:#151311;color:#EFE9DD;border-top:1px solid var(--line)}
.v70[data-tlo="9"] .pasek .pasek__napisz{border-color:#EFE9DD;color:#EFE9DD}
.v70[data-tlo="9"] .pasek .pasek__napisz:hover{background:#EFE9DD;color:#1F1D1B}
.v70[data-tlo="9"] .ca-hero__plansza,.v70[data-tlo="9"] .gal__b{background:#2A2724}

/* =====================================================================================================================
   V7.1c (02.11.2026, przegląd telefonu po wyborze kierunku 8): pasek dolny, pola dotyku, odstępy na dole kontaktu
   ===================================================================================================================== */
/* pasek dolny: siatka (elastyczna kolumna telefonu + „Napisz” o szerokości treści), nigdy szerszy niż okno; te same marginesy po obu stronach */
@media (max-width:899px){
.v70.v61 .pasek__w{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:var(--s1);align-items:center;box-sizing:border-box;padding:8px var(--m,16px)}
.v70.v61 .pasek .pasek__tel{flex:none;width:100%;min-width:0;box-sizing:border-box;justify-content:center;padding:0 var(--s1)}
.v70.v61 .pasek .pasek__napisz{flex:none;width:auto;min-width:0;box-sizing:border-box;padding:0 var(--s2)}
}
@media (max-width:399px){.v70 .pasek__sl{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}}

/* pola dotyku ≥ 44 px bez zmiany układu: niewidoczny obszar kliknięcia (pseudoelement) wokół linków tekstowych */
@media (max-width:759px){
.v70 :is(a.z9-et,.z9-karta__a .z9-link,.z9-w2 .z9-link,.z9-zr .z9-link,.z8-reg--odp .z9-link){position:relative}
.v70 :is(a.z9-et,.z9-karta__a .z9-link,.z9-w2 .z9-link,.z9-zr .z9-link,.z8-reg--odp .z9-link)::after{display:block;content:"";position:absolute;left:-4px;right:-4px;top:50%;height:44px;transform:translateY(-50%)}
/* kontakt: numer, trasa i e-mail jako wiersze 44 px, jeden pod drugim, bez nakładania pól; odstępy z tej samej skali co reszta */
.v70 .z9-kontakt .ca-tel{display:inline-flex;align-items:center;min-height:44px;margin-left:0}
.v70 .z9-kontakt .ca-kontakt__tel{margin-block:0}
.v70 .z9-kontakt .ca-kontakt__linki{display:flex;flex-direction:column;align-items:flex-start;gap:0;margin:0}
.v70 .z9-kontakt .ca-kontakt__linki .z9-link{display:inline-flex;align-items:center;min-height:44px}
.v70 .ca-kontakt__kolumny{gap:var(--s1)}
.v70 .z9-tog--forma{margin-bottom:0}
.v70 .z8-reg--odp.is-open .z8-reg__in{padding-bottom:var(--s2)}
.v70 .z9-form-w .z8-reg:not(.is-open) .z8-reg__in{padding-top:0}
}