:root{
/* paleta: ciepla — wartości źródłowe, w CSS sekcji używamy ról, nie tych zmiennych */
--pal-akcent:#b45309;
--pal-na-akcencie:#ffffff;
--pal-tekst:#1c1917;
--pal-tlo:#ffffff;
--pal-powierzchnia:#faf5ee;
--pal-muted:#6e6c6b;
--pal-border:#e1dddb;
--pal-border-mocny:#978981;
--pal-akcent-tekst:#b45309;
--pal-powierzchnia-akcent:#aa4f09;
--pal-muted-na-akcencie:#ffffff;
--pal-border-na-akcencie:#c5793f;
--pal-border-na-akcencie-mocny:#e6c5ad;
--pal-tlo-ciemne:#201d1a;
--pal-powierzchnia-ciemna:#312c28;
--pal-tekst-ciemny:#f7f6f5;
--pal-muted-ciemny:#989795;
--pal-border-ciemny:#4c443e;
--pal-border-ciemny-mocny:#82756c;
--pal-akcent-ciemny:#f18d41;
--pal-na-akcencie-ciemnym:#000000;
--pal-tlo-kontrast:#0f0e0d;
--pal-powierzchnia-kontrast:#1d1a18;
--pal-tekst-kontrast:#fdfcfc;
--pal-muted-kontrast:#868585;
--pal-border-kontrast:#3e3733;
--pal-border-kontrast-mocny:#766961;
--pal-akcent-kontrast:#f59852;
--pal-na-akcencie-kontrast:#000000;
/* domyślny motyw dokumentu = jasny */
--tlo:#ffffff;
--powierzchnia:#faf5ee;
--tekst:#1c1917;
--muted:#6e6c6b;
--border:#e1dddb;
--border-mocny:#978981;
--akcent:#b45309;
--na-akcencie:#ffffff;
--akcent-tekst:#b45309;
--tekst-rgb:28, 25, 23;
--akcent-rgb:180, 83, 9;
--cien-maly:0 1px 2px rgba(var(--tekst-rgb),.06),0 2px 8px rgba(var(--tekst-rgb),.05);
--cien-duzy:0 2px 6px rgba(var(--tekst-rgb),.07),0 18px 38px rgba(var(--tekst-rgb),.10);
/* znaki typograficzne: elegancki */
--font-naglowki:"Playfair Display", "Playfair Display zastępczy", Georgia, 'Times New Roman', Times, serif;
--font-tekst:"Lato", "Lato zastępczy", Arial, 'Helvetica Neue', Helvetica, sans-serif;
--waga-naglowki:600;
--waga-tekst:400;
--waga-mocna:700;
--interlinia-naglowki:1.12;
--interlinia-tekst:1.7;
--odstep-liter-naglowki:-0.01em;
--odstep-liter-tekst:0.005em;
--wersaliki-naglowki:none;
--tekst-xs:clamp(0.65rem, 0.634rem + 0.071vw, 0.69rem);
--tekst-s:clamp(0.806rem, 0.786rem + 0.088vw, 0.857rem);
--tekst-m:clamp(1rem, 0.976rem + 0.109vw, 1.063rem);
--tekst-l:clamp(1.216rem, 1.137rem + 0.349vw, 1.416rem);
--tekst-xl:clamp(1.478rem, 1.318rem + 0.712vw, 1.888rem);
--tekst-2xl:clamp(1.797rem, 1.516rem + 1.251vw, 2.517rem);
--tekst-3xl:clamp(2.185rem, 1.728rem + 2.034vw, 3.355rem);
--tekst-4xl:clamp(2.657rem, 1.947rem + 3.156vw, 4.472rem);
--miara-tekstu:64ch;
/* odstępy: luzno */
--sekcja-pad:clamp(4.5rem, 2.739rem + 7.826vw, 9rem);
--kontener:1240px;
--odstep-xs:0.506rem;
--odstep-s:1.013rem;
--odstep-m:1.688rem;
--odstep-l:2.7rem;
--odstep-xl:4.388rem;
--odstep-2xl:6.75rem;
/* zaokrąglenia: mocne */
--r-male:8px;
--r:18px;
--r-duze:28px;
--r-pelne:999px;
}
.sekcja--jasny{
--tlo:var(--pal-tlo);
--powierzchnia:var(--pal-powierzchnia);
--tekst:var(--pal-tekst);
--muted:var(--pal-muted);
--border:var(--pal-border);
--border-mocny:var(--pal-border-mocny);
--akcent:var(--pal-akcent);
--na-akcencie:var(--pal-na-akcencie);
--akcent-tekst:var(--pal-akcent-tekst);
background:var(--tlo);color:var(--tekst);
}
.sekcja--jasny_alt{
--tlo:var(--pal-powierzchnia);
--powierzchnia:var(--pal-tlo);
--tekst:var(--pal-tekst);
--muted:var(--pal-muted);
--border:var(--pal-border);
--border-mocny:var(--pal-border-mocny);
--akcent:var(--pal-akcent);
--na-akcencie:var(--pal-na-akcencie);
--akcent-tekst:var(--pal-akcent-tekst);
background:var(--tlo);color:var(--tekst);
}
.sekcja--akcent{
--tlo:var(--pal-akcent);
--powierzchnia:var(--pal-powierzchnia-akcent);
--tekst:var(--pal-na-akcencie);
--muted:var(--pal-muted-na-akcencie);
--border:var(--pal-border-na-akcencie);
--border-mocny:var(--pal-border-na-akcencie-mocny);
--akcent:var(--pal-na-akcencie);
--na-akcencie:var(--pal-akcent);
--akcent-tekst:var(--pal-na-akcencie);
background:var(--tlo);color:var(--tekst);
}
.sekcja--ciemny{
--tlo:var(--pal-tlo-ciemne);
--powierzchnia:var(--pal-powierzchnia-ciemna);
--tekst:var(--pal-tekst-ciemny);
--muted:var(--pal-muted-ciemny);
--border:var(--pal-border-ciemny);
--border-mocny:var(--pal-border-ciemny-mocny);
--akcent:var(--pal-akcent-ciemny);
--na-akcencie:var(--pal-na-akcencie-ciemnym);
--akcent-tekst:var(--pal-akcent-ciemny);
background:var(--tlo);color:var(--tekst);
}
.sekcja--kontrast{
--tlo:var(--pal-tlo-kontrast);
--powierzchnia:var(--pal-powierzchnia-kontrast);
--tekst:var(--pal-tekst-kontrast);
--muted:var(--pal-muted-kontrast);
--border:var(--pal-border-kontrast);
--border-mocny:var(--pal-border-kontrast-mocny);
--akcent:var(--pal-akcent-kontrast);
--na-akcencie:var(--pal-na-akcencie-kontrast);
--akcent-tekst:var(--pal-akcent-kontrast);
background:var(--tlo);color:var(--tekst);
}
@font-face{font-family:"Playfair Display";font-style:normal;font-weight:600;font-display:swap;src:url("/assets/iqb/f/playfair-display-600-latin.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}
@font-face{font-family:"Playfair Display";font-style:normal;font-weight:600;font-display:swap;src:url("/assets/iqb/f/playfair-display-600-latin-ext.woff2") format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;}
@font-face{font-family:"Playfair Display zastępczy";src:local("Georgia");size-adjust:106.2%;ascent-override:101.9%;descent-override:23.6%;line-gap-override:0%;}
@font-face{font-family:"Lato";font-style:normal;font-weight:400;font-display:swap;src:url("/assets/iqb/f/lato-400-latin.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}
@font-face{font-family:"Lato";font-style:normal;font-weight:400;font-display:swap;src:url("/assets/iqb/f/lato-400-latin-ext.woff2") format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;}
@font-face{font-family:"Lato zastępczy";src:local("Arial");size-adjust:97.7%;ascent-override:101%;descent-override:21.8%;line-gap-override:0%;}
.sekcja--odstep-ciasno{--sekcja-pad:clamp(2.5rem, 1.717rem + 3.478vw, 4.5rem)}.sekcja--odstep-normalnie{--sekcja-pad:clamp(3.5rem, 2.13rem + 6.087vw, 7rem)}.sekcja--odstep-luzno{--sekcja-pad:clamp(4.5rem, 2.739rem + 7.826vw, 9rem)}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;background:var(--tlo);color:var(--tekst);font-family:var(--font-tekst);font-size:var(--tekst-m);font-weight:var(--waga-tekst);line-height:var(--interlinia-tekst);letter-spacing:var(--odstep-liter-tekst);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
img,svg,video{max-width:100%}
img{display:block;height:auto}
h1,h2,h3,h4,p,figure,blockquote,dl,dd{margin:0}
ul,ol{margin:0;padding:0}
h1,h2,h3,h4{font-family:var(--font-naglowki);font-weight:var(--waga-naglowki);line-height:var(--interlinia-naglowki);letter-spacing:var(--odstep-liter-naglowki);text-wrap:balance}
h1,h2{text-transform:var(--wersaliki-naglowki)}
a{color:inherit}
strong,b{font-weight:var(--waga-mocna)}
:focus-visible{outline:3px solid var(--akcent-tekst);outline-offset:3px;border-radius:2px}
.tylko-czytnik{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0}
.pomin{position:absolute;left:-100vw;top:.5rem;z-index:30;padding:.7rem 1.2rem;background:var(--pal-akcent);color:var(--pal-na-akcencie);border-radius:var(--r-male);font-weight:var(--waga-mocna);text-decoration:none}
.pomin:focus{left:.5rem}
.sekcja{padding-block:var(--sekcja-pad)}
.sekcja__wnetrze{width:100%;max-width:var(--kontener);margin-inline:auto;padding-inline:clamp(1rem,4vw,2.5rem)}
.naglowek-sekcji{max-width:46rem;margin-bottom:var(--odstep-l)}
.naglowek-sekcji--srodek{margin-inline:auto;text-align:center}
.naglowek-sekcji__tytul{font-size:var(--tekst-3xl)}
h1.naglowek-sekcji__tytul{font-size:var(--tekst-4xl)}
.naglowek-sekcji__wstep{margin-top:var(--odstep-s);color:var(--muted);font-size:var(--tekst-l);max-width:var(--miara-tekstu)}
.naglowek-sekcji__wstep p+p{margin-top:var(--odstep-xs)}
.nadtytul{display:block;font-family:var(--font-tekst);font-size:var(--tekst-s);font-weight:var(--waga-mocna);letter-spacing:.12em;text-transform:uppercase;color:var(--akcent-tekst);margin-bottom:var(--odstep-s)}
.tekst{max-width:var(--miara-tekstu)}
.tekst p+p,.tekst ul,.tekst ol,.tekst h3{margin-top:var(--odstep-s)}
.tekst h3{font-size:var(--tekst-xl)}
.tekst ul,.tekst ol{padding-left:1.35em}
.tekst li+li{margin-top:.35em}
.tekst a{color:var(--akcent-tekst);text-underline-offset:.18em}
.przyciski{display:flex;flex-wrap:wrap;gap:var(--odstep-s);margin-top:var(--odstep-m)}
.przycisk{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:2.9rem;padding:.75rem 1.5rem;border:2px solid transparent;border-radius:var(--r-male);font-family:var(--font-tekst);font-size:var(--tekst-m);font-weight:var(--waga-mocna);line-height:1.2;text-decoration:none;cursor:pointer;transition:filter .15s ease,transform .15s ease}
.przycisk--glowny{background:var(--akcent);color:var(--na-akcencie)}
.przycisk--drugi{background:transparent;color:var(--tekst);border-color:var(--border-mocny)}
.przycisk:hover{filter:brightness(.93)}
.przycisk--drugi:hover{background:var(--powierzchnia);filter:none}
.przycisk:active{transform:translateY(1px)}
.karta{background:var(--powierzchnia);border:1px solid var(--border);border-radius:var(--r);padding:var(--odstep-m)}
.siatka{display:grid;gap:var(--odstep-m);grid-template-columns:repeat(auto-fit,minmax(min(100%,var(--kol,17rem)),1fr))}
.ikona{width:1.5rem;height:1.5rem;flex:none;color:var(--akcent-tekst)}
.obraz{display:block}
.obraz img{width:100%;border-radius:var(--r)}
.obraz--kadr img{aspect-ratio:4/3;object-fit:cover}
.obraz--kwadrat img{aspect-ratio:1/1;object-fit:cover}
.obraz--portret img{aspect-ratio:3/4;object-fit:cover}
.dwie-kolumny{display:grid;gap:var(--odstep-xl);align-items:center;grid-template-columns:1fr}
@media (min-width:52em){.dwie-kolumny{grid-template-columns:1fr 1fr}.dwie-kolumny--odwrotnie>:first-child{order:2}}
.pole{display:flex;flex-direction:column;gap:.35rem}
.pole>label{font-size:var(--tekst-s);font-weight:var(--waga-mocna)}
.adres{font-style:normal}
.adres__linia{display:block}
.pole input,.pole textarea{width:100%;min-height:2.9rem;padding:.7rem .85rem;background:var(--tlo);color:var(--tekst);border:2px solid var(--border-mocny);border-radius:var(--r-male);font:inherit;font-size:var(--tekst-m)}
.pole textarea{min-height:8rem;resize:vertical}
.pole input::placeholder,.pole textarea::placeholder{color:var(--muted)}
.zgoda{display:flex;gap:.6rem;align-items:flex-start;font-size:var(--tekst-s);color:var(--muted);line-height:1.5}
.zgoda input{width:1.5rem;height:1.5rem;margin-top:.05rem;flex:none;accent-color:var(--akcent)}
.pulapka{position:absolute;left:-100vw;width:1px;height:1px;overflow:hidden}
.sekcja--bez-telefonu{display:block}
@media (max-width:47.99em){.sekcja--bez-telefonu{display:none}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
.naglowek{position:sticky;top:0;z-index:20;border-bottom:1px solid var(--border)}
.sekcja{scroll-margin-top:var(--wysokosc-naglowka,4.5rem)}
.naglowek__wnetrze{display:flex;align-items:center;gap:var(--odstep-m);width:100%;max-width:var(--kontener);margin-inline:auto;padding:.7rem clamp(1rem,4vw,2.5rem)}
.marka{display:inline-flex;align-items:center;gap:.6rem;text-decoration:none;color:inherit;font-family:var(--font-naglowki);font-weight:var(--waga-naglowki);font-size:var(--tekst-l);letter-spacing:var(--odstep-liter-naglowki)}
.marka__logo{max-height:2.6rem;width:auto}
.naglowek__przelacznik{position:absolute;opacity:0;width:1px;height:1px;margin:0}
.naglowek__hamburger{display:inline-flex;align-items:center;justify-content:center;width:2.9rem;height:2.9rem;margin-left:auto;border:1px solid var(--border-mocny);border-radius:var(--r-male);cursor:pointer;color:inherit}
.naglowek__przelacznik:focus-visible+.naglowek__hamburger{outline:3px solid var(--akcent-tekst);outline-offset:3px}
.nawigacja{display:none;flex-basis:100%;padding-bottom:.75rem}
.naglowek__przelacznik:checked~.nawigacja{display:block}
.nawigacja__lista{list-style:none;display:flex;flex-direction:column;gap:.15rem}
.nawigacja__link{display:block;padding:.7rem .25rem;text-decoration:none;font-size:var(--tekst-m);border-radius:var(--r-male)}
.nawigacja__link:hover{color:var(--akcent-tekst)}
.nawigacja__akcja{margin-top:.75rem}
.nawigacja__akcja .przycisk{width:100%}
.naglowek__pasek{border-bottom:1px solid var(--border);font-size:var(--tekst-s)}
.naglowek__pasek-wnetrze{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem var(--odstep-m);max-width:var(--kontener);margin-inline:auto;padding:.45rem clamp(1rem,4vw,2.5rem)}
.naglowek__pasek a,.naglowek__pasek span{display:inline-flex;align-items:center;gap:.35rem;text-decoration:none;color:var(--muted)}
.pasek__telefon{font-weight:var(--waga-mocna);color:var(--tekst)!important}
.ikona--mala{width:1.05rem;height:1.05rem}
.naglowek--wysrodkowany .naglowek__wnetrze{flex-wrap:wrap;justify-content:center;text-align:center}
/* Przyklejony naglowek z paskiem kontaktu ma na telefonie 107 px, sam naglowek 70 px
   (zmierzone na opublikowanych stronach). Bez tego kotwica „Cennik” chowala poczatek
   sekcji pod paskiem. Przegladarka bez :has() zostaje przy 4,5 rem — tak samo jak dotad. */
body:has(.naglowek--z_paskiem_kontaktu){--wysokosc-naglowka:7rem}
@media (min-width:56em){
:root{--wysokosc-naglowka:7.5rem}
.naglowek__hamburger{display:none}
.naglowek__przelacznik{display:none}
.nawigacja{display:flex!important;align-items:center;gap:var(--odstep-m);flex-basis:auto;margin-left:auto;padding-bottom:0}
.nawigacja__lista{flex-direction:row;align-items:center;gap:var(--odstep-m)}
.nawigacja__link{padding:.35rem 0}
.nawigacja__akcja{margin-top:0}
.nawigacja__akcja .przycisk{width:auto;padding:.6rem 1.2rem;min-height:2.6rem}
.naglowek--wysrodkowany .naglowek__wnetrze{flex-direction:column;gap:.5rem}
.naglowek--wysrodkowany .nawigacja{margin-left:0}
}
.stopka{padding-block:var(--odstep-xl) var(--odstep-l);border-top:1px solid var(--border);font-size:var(--tekst-s)}
.stopka__kolumny{display:grid;gap:var(--odstep-l);grid-template-columns:repeat(auto-fit,minmax(min(100%,15rem),1fr));margin-bottom:var(--odstep-l)}
.stopka__tytul{font-family:var(--font-tekst);font-size:var(--tekst-s);font-weight:var(--waga-mocna);letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-bottom:var(--odstep-s)}
.stopka__nazwa{font-weight:var(--waga-mocna);font-size:var(--tekst-m)}
.stopka .adres{font-style:normal;margin-top:.35rem;color:var(--muted)}
.stopka__lista,.stopka__menu,.stopka__social{list-style:none;display:flex;flex-direction:column;gap:.4rem;margin-top:.6rem}
.stopka__menu{gap:.45rem}
.stopka__lista a,.stopka__menu a{display:inline-flex;align-items:center;min-height:1.5rem}
.stopka a{text-decoration:none}
.stopka a:hover{text-decoration:underline}
.stopka__godziny{display:grid;gap:.3rem}
.stopka__dzien{display:flex;justify-content:space-between;gap:1rem;color:var(--muted)}
.stopka__dzien.jest-dzis{color:var(--tekst);font-weight:var(--waga-mocna)}
.stopka__dzien dd{margin:0;font-variant-numeric:tabular-nums}
.stopka__notka,.stopka__obszar{margin-top:.7rem;color:var(--muted);max-width:34rem}
.stopka__dol{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem var(--odstep-m);padding-top:var(--odstep-m);border-top:1px solid var(--border);color:var(--muted)}
.stopka__dol .stopka__menu{flex-direction:row;flex-wrap:wrap;gap:.5rem var(--odstep-m);margin-top:0}
.stopka__znak{margin-left:auto}
.stopka--prosta{padding-block:var(--odstep-l)}
.stopka--prosta .stopka__dol{border-top:0;padding-top:0}
.powitanie__tytul{font-size:var(--tekst-4xl);max-width:18ch}
.powitanie__opis{margin-top:var(--odstep-m);font-size:var(--tekst-l);color:var(--muted);max-width:var(--miara-tekstu)}
.powitanie__opis p+p{margin-top:var(--odstep-s)}
.powitanie--typograficzny{max-width:56rem}
.powitanie--typograficzny .powitanie__tytul{max-width:22ch}
.powitanie--ze_zdjeciem .obraz img{aspect-ratio:4/5;max-height:34rem;object-fit:cover}
.powitanie--dwie_kolumny{display:grid;gap:var(--odstep-m) var(--odstep-xl);grid-template-columns:1fr}
.powitanie__szeroki{margin-top:var(--odstep-l)}
.powitanie__szeroki img{aspect-ratio:21/9;object-fit:cover}
.sekcja--powitanie .powitanie--pelny_ekran{position:relative;isolation:isolate;display:flex;align-items:center;min-height:min(78vh,40rem);margin-inline:calc(-1 * clamp(1rem,4vw,2.5rem))}
.powitanie__tlo{position:absolute;inset:0;z-index:-1;overflow:hidden}
.powitanie__tlo img,.powitanie__obraz{width:100%;height:100%;border-radius:0}
.powitanie__tlo img{object-fit:cover}
.powitanie__panel{background:var(--tlo);border-radius:var(--r-duze);box-shadow:var(--cien-duzy);padding:clamp(1.5rem,4vw,3rem);margin:clamp(1rem,4vw,3rem);max-width:44rem}
.powitanie__panel .powitanie__tytul{font-size:var(--tekst-3xl)}
@media (min-width:52em){
.powitanie--dwie_kolumny{grid-template-columns:1.05fr 1fr;align-items:start}
.powitanie--dwie_kolumny .powitanie__opis{margin-top:0}
.powitanie--dwie_kolumny .powitanie__tytul{max-width:14ch}
}
.uslugi--karty{--kol:17rem;list-style:none}
.usluga{display:flex;flex-direction:column;gap:.5rem}
.usluga__ikona{display:inline-flex;align-items:center;justify-content:center;width:2.75rem;height:2.75rem;border-radius:var(--r-male);background:var(--tlo);color:var(--akcent-tekst);margin-bottom:.35rem}
.usluga__tytul{font-size:var(--tekst-l)}
.usluga__opis{color:var(--muted)}
.usluga__cena{margin-top:auto;padding-top:.4rem;font-weight:var(--waga-mocna);color:var(--akcent-tekst);font-variant-numeric:tabular-nums}
.uslugi--lista{list-style:none;display:grid;gap:0;border-top:1px solid var(--border)}
.usluga-wiersz{display:flex;align-items:flex-start;gap:var(--odstep-s);padding:var(--odstep-s) 0;border-bottom:1px solid var(--border)}
.usluga-wiersz__ikona{display:inline-flex;color:var(--akcent-tekst);padding-top:.1rem}
.usluga-wiersz__tresc{display:flex;flex-direction:column;gap:.15rem;flex:1 1 auto}
.usluga-wiersz__tytul{font-weight:var(--waga-mocna)}
.usluga-wiersz__opis{color:var(--muted);font-size:var(--tekst-s)}
.usluga-wiersz .usluga__cena{margin:0;padding:0;white-space:nowrap}
.uslugi--kroki{list-style:none;counter-reset:krok;display:grid;gap:0}
.krok{counter-increment:krok;display:grid;grid-template-columns:auto 1fr;gap:.35rem var(--odstep-m);padding:var(--odstep-m) 0;border-top:1px solid var(--border)}
.krok:last-child{border-bottom:1px solid var(--border)}
.krok::before{content:counter(krok,decimal-leading-zero);grid-row:1/span 3;font-family:var(--font-naglowki);font-size:var(--tekst-2xl);line-height:1;color:var(--akcent-tekst);font-variant-numeric:tabular-nums}
.krok__tytul{font-size:var(--tekst-l)}
.krok__opis{color:var(--muted);max-width:var(--miara-tekstu)}
.krok .usluga__cena{margin:0;padding:0}
@media (min-width:44em){
.uslugi--lista{grid-template-columns:repeat(2,1fr);column-gap:var(--odstep-xl)}
}
.cennik--tabela,.cennik--menu_lokalu{display:grid;gap:var(--odstep-l)}
.cennik--tabela{max-width:min(100%,46rem)}
.cennik__nazwa-grupy{font-size:var(--tekst-xl);padding-bottom:.5rem;border-bottom:2px solid var(--border-mocny)}
.cennik__opis-grupy{margin-top:.5rem;color:var(--muted);max-width:var(--miara-tekstu)}
.cennik__pozycje{list-style:none;margin-top:var(--odstep-s)}
.pozycja{display:flex;flex-wrap:wrap;align-items:baseline;gap:0 .25rem;padding:.55rem 0;border-bottom:1px solid var(--border)}
.pozycja:last-child{border-bottom:0}
.pozycja__glowna{display:flex;flex-wrap:wrap;align-items:baseline;gap:0 .6rem}
.pozycja__nazwa{font-weight:var(--waga-mocna)}
.pozycja__czas{font-size:var(--tekst-s);color:var(--muted);white-space:nowrap}
.pozycja__kropki{flex:1 1 2rem;min-width:1.5rem;border-bottom:1px dotted var(--border-mocny);transform:translateY(-.3em)}
.pozycja__cena{white-space:nowrap;font-weight:var(--waga-mocna);color:var(--akcent-tekst);font-variant-numeric:tabular-nums}
.pozycja__opis{flex:1 0 100%;margin-top:.15rem;font-size:var(--tekst-s);color:var(--muted);max-width:var(--miara-tekstu)}
.cennik__notka{margin-top:var(--odstep-m);font-size:var(--tekst-s);color:var(--muted);max-width:var(--miara-tekstu)}
.cennik--pakiety{--kol:16rem;list-style:none;align-items:start}
.pakiet{position:relative;display:flex;flex-direction:column;gap:.5rem;height:100%}
.pakiet--polecany{border:2px solid var(--akcent-tekst);box-shadow:var(--cien-duzy)}
.pakiet__etykieta{position:absolute;top:0;right:var(--odstep-m);transform:translateY(-50%);padding:.25rem .7rem;border-radius:var(--r-pelne);background:var(--akcent);color:var(--na-akcencie);font-size:var(--tekst-xs);font-weight:var(--waga-mocna);letter-spacing:.08em;text-transform:uppercase}
.pakiet__nazwa{font-size:var(--tekst-l)}
.pakiet__cena{font-family:var(--font-naglowki);font-size:var(--tekst-2xl);color:var(--akcent-tekst);font-variant-numeric:tabular-nums}
.pakiet__lista{list-style:none;display:grid;gap:.45rem;margin:.35rem 0 var(--odstep-s)}
.pakiet__lista li{display:flex;gap:.5rem;align-items:flex-start;font-size:var(--tekst-s)}
.pakiet__ptaszek{margin-top:.15rem}
.pakiet__cena-pozycji{color:var(--muted);white-space:nowrap}
.pakiet .przycisk{margin-top:auto;width:100%}
@media (min-width:52em){
.cennik--menu_lokalu{grid-template-columns:1fr 1fr;column-gap:var(--odstep-xl)}
}
.o-nas__tekst{margin-top:var(--odstep-m)}
.o-nas__zdjecie img{max-height:36rem;object-fit:cover}
.zespol{--kol:14rem;list-style:none;margin-top:var(--odstep-l)}
.osoba{display:flex;flex-direction:column;gap:.3rem}
.osoba__zdjecie{margin-bottom:.6rem}
.osoba__zdjecie img{aspect-ratio:3/4;object-fit:cover}
.osoba__imie{font-size:var(--tekst-l)}
.osoba__rola{color:var(--akcent-tekst);font-size:var(--tekst-s);font-weight:var(--waga-mocna)}
.osoba__opis{color:var(--muted);font-size:var(--tekst-s)}
.liczby{display:grid;gap:var(--odstep-m);grid-template-columns:repeat(auto-fit,minmax(min(100%,11rem),1fr));margin-top:var(--odstep-l)}
.liczba{padding-top:var(--odstep-s);border-top:2px solid var(--border-mocny)}
.liczba__wartosc{font-family:var(--font-naglowki);font-size:var(--tekst-3xl);line-height:1;color:var(--akcent-tekst);font-variant-numeric:tabular-nums}
.liczba__etykieta{margin:.4rem 0 0;font-weight:var(--waga-mocna)}
.liczba__opis{display:block;margin-top:.25rem;font-weight:var(--waga-tekst);font-size:var(--tekst-s);color:var(--muted)}
.faq{display:grid;gap:0}
.faq__pozycja{border-top:1px solid var(--border)}
.faq__pozycja:last-child{border-bottom:1px solid var(--border)}
.faq__pytanie{display:flex;align-items:center;justify-content:space-between;gap:var(--odstep-s);padding:var(--odstep-s) 0;font-family:var(--font-tekst);font-size:var(--tekst-l);font-weight:var(--waga-mocna);line-height:1.4;cursor:pointer;list-style:none}
.faq__pytanie::-webkit-details-marker{display:none}
.faq__pytanie:hover{color:var(--akcent-tekst)}
.faq__znak{flex:none;color:var(--akcent-tekst);transition:transform .18s ease}
.faq__pozycja[open] .faq__znak{transform:rotate(180deg)}
.faq__odpowiedz{padding:0 0 var(--odstep-m);color:var(--muted);max-width:var(--miara-tekstu)}
.faq__pozycja--otwarta{padding:var(--odstep-s) 0}
.faq__pozycja--otwarta .faq__pytanie{padding:0 0 .35rem;cursor:auto}
.faq__pozycja--otwarta .faq__odpowiedz{padding-bottom:0}
@media (min-width:52em){
.faq--dwie_kolumny{grid-template-columns:1fr 1fr;column-gap:var(--odstep-xl)}
}
.kontakt--formularz,.kontakt--dane_mapa{align-items:start}
.formularz__pola{display:grid;gap:var(--odstep-s);grid-template-columns:1fr}
.pole--szerokie{grid-column:1/-1}
.pole__opcja{font-weight:var(--waga-tekst);color:var(--muted)}
.formularz .zgoda{margin-top:var(--odstep-s)}
.formularz .zgoda a{color:var(--akcent-tekst)}
.dane__lista{list-style:none;display:grid;gap:var(--odstep-s)}
.dane__wiersz{display:flex;align-items:flex-start;gap:.7rem}
.dane__wiersz a{text-decoration:none;display:inline-flex;align-items:center;min-height:1.5rem}
.dane__wiersz a:hover{text-decoration:underline}
.dane__mocny{font-size:var(--tekst-l);font-weight:var(--waga-mocna)}
.dane .adres{font-style:normal}
.dane__godziny{color:var(--muted)}
.kontakt--telefon{display:flex;flex-direction:column;gap:var(--odstep-m);align-items:flex-start}
.kontakt__duzy{margin-top:0}
.kontakt__duzy .przycisk{font-size:var(--tekst-l);padding:1rem 2rem;min-height:3.4rem}
.mapa{display:grid;place-items:center;min-height:18rem;background:var(--powierzchnia);border:1px solid var(--border);border-radius:var(--r);overflow:hidden}
.mapa__ramka{width:100%;height:100%;min-height:18rem;border:0;display:block}
@media (min-width:44em){
.formularz__pola{grid-template-columns:1fr 1fr}
}
.godziny__tabela{width:100%;max-width:30rem;border-collapse:collapse;font-variant-numeric:tabular-nums}
.godziny__tabela th,.godziny__tabela td{padding:.5rem 0;text-align:left;font-weight:var(--waga-tekst);border-bottom:1px solid var(--border)}
.godziny__tabela td{text-align:right}
.godziny__wiersz--zamkniete{color:var(--muted)}
.godziny__wiersz.jest-dzis{color:var(--tekst);font-weight:var(--waga-mocna)}
.godziny__wiersz.jest-dzis th,.godziny__wiersz.jest-dzis td{font-weight:var(--waga-mocna);border-bottom-color:var(--border-mocny)}
.godziny__dzis{color:var(--akcent-tekst);font-weight:var(--waga-mocna)}
.godziny__notka{margin-top:var(--odstep-s);font-size:var(--tekst-s);color:var(--muted);max-width:var(--miara-tekstu)}
.godziny--pasek{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem var(--odstep-m)}
.godziny__tytul{font-size:var(--tekst-l)}
.godziny__dzis-pasek{font-weight:var(--waga-mocna);color:var(--akcent-tekst)}
.godziny__zakresy{list-style:none;display:flex;flex-wrap:wrap;gap:.3rem var(--odstep-m);color:var(--muted);font-variant-numeric:tabular-nums}
.godziny__zakresy li{display:flex;gap:.4rem}
.godziny__dni{font-weight:var(--waga-mocna);color:var(--tekst)}
.godziny--pasek .godziny__notka{flex-basis:100%;margin-top:0}
.zacheta--pasek{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--odstep-m)}
.zacheta__tytul{font-size:var(--tekst-2xl);max-width:24ch}
.zacheta--pasek .zacheta__przyciski{margin-top:0;flex:none}
.zacheta--blok{max-width:44rem;margin-inline:auto;text-align:center}
.zacheta--blok .zacheta__tytul{font-size:var(--tekst-3xl);max-width:100%}
.zacheta__opis{margin-top:var(--odstep-s);font-size:var(--tekst-l);color:var(--muted)}
.zacheta--blok .zacheta__przyciski{justify-content:center}
.tresc__tekst{margin-top:var(--odstep-m)}
.tresc--jedna_kolumna{max-width:var(--miara-tekstu)}
.tresc--tekst_obraz .obraz img{max-height:32rem;object-fit:cover}