/* WYGLĄD E (runda 3, 10.11.2026) — „Szklany szczyt”: zdjęcie na całą szerokość ekranu, wyszukiwarka na szklanej karcie
   (glassmorphism), turkus + elektryczny błękit + słoneczna żółć, jasne turkusowe tła. Urbanist (całość).
   Nakładka na wk.css. Zdjęcie w pełnych barwach; przyciemnienie tylko pod tekstem (środek u dołu). Bez opacity w animacjach. */
:root{
  --ink:#0b2a3a; --ink2:#244657; --muted:#557282;
  --las:#0b2a3a; --swierk:#00a3a8; --swierk2:#00878c;
  --miod:#1565ff; --miod2:#0b4fd6; --terakota:#1565ff; --slonce:#ffd23f;
  --krem:#eafbfb; --krem2:#d3f5f5; --papier:#f6fdfd; --karta:#fff; --linia:#d6eef0; --mech:#e6f8ef; --mech2:#c9efdc; --niebo:#e8f1ff;
  --turkus:#00b8bd; --blekit:#1565ff; --zolc:#ffd23f;
  --r:28px; --r-m:22px; --r-s:14px;
  --cien:0 1px 2px rgba(11,42,58,.06),0 18px 40px -20px rgba(0,120,140,.45);
  --cien-h:0 2px 6px rgba(11,42,58,.08),0 30px 60px -22px rgba(21,101,255,.5);
  --f-tyt:'Urbanist',system-ui,sans-serif;
  --f:'Urbanist',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;
}
body{font:500 17.5px/1.65 var(--f);background:var(--papier)}
a{color:var(--blekit)}
a:hover{color:var(--swierk2)}
:focus-visible{outline:3px solid var(--zolc)}
h1,h2,h3{font-weight:800;letter-spacing:-.03em;line-height:1.02}
h1{font-size:clamp(2.6rem,7vw,5.8rem)}
h2{font-size:clamp(2rem,4vw,3.3rem)}
h1 em,h2 em{font-style:normal;background:linear-gradient(90deg,var(--turkus),var(--blekit));-webkit-background-clip:text;background-clip:text;color:transparent}
.kicker{font:800 .78rem/1 var(--f);letter-spacing:.14em;color:var(--swierk2)}
.kicker::before{width:26px;height:4px;border-radius:4px;background:linear-gradient(90deg,var(--turkus),var(--blekit))}

/* pasek: szkło na jasnym */
.top{background:rgba(246,253,253,.82);backdrop-filter:saturate(1.6) blur(18px)}
.top.przewiniete{border-color:var(--linia);box-shadow:0 12px 30px -22px rgba(0,120,140,.7)}
.logo b{font:800 1.3rem/1 var(--f-tyt);letter-spacing:-.03em}
.logo small{color:var(--swierk2);font-weight:800}
.nav a{font-weight:700;color:var(--ink2)}
.nav a:hover,.nav a[aria-current]{background:var(--krem2);color:var(--ink)}
.nav a.nav__cta{background:linear-gradient(90deg,var(--turkus),var(--blekit));box-shadow:0 10px 22px -12px rgba(21,101,255,.9)}
.nav a.nav__cta:hover{background:var(--blekit)}
.burger{background:linear-gradient(135deg,var(--turkus),var(--blekit));border-radius:16px}
.szuflada__panel .on{background:var(--blekit)}
.szuflada__panel a:hover,.szuflada__panel a[aria-current]{background:var(--krem)}

/* przyciski */
.btn{font-weight:800;border-radius:16px}
.btn--glowny{background:linear-gradient(90deg,var(--turkus),var(--blekit));box-shadow:0 14px 26px -14px rgba(21,101,255,.95)}
.btn--glowny:hover{background:var(--blekit)}
.btn--ciemny{background:var(--ink)}
.btn--ciemny:hover{background:var(--blekit)}
.btn--drewno{background:var(--turkus);color:#04262c}
.btn--drewno:hover{background:var(--zolc);color:var(--ink)}
.btn--ramka{border-color:#bfe6e9;background:#fff}
.btn--ramka:hover{border-color:var(--blekit);color:var(--blekit)}
.btn--jasny{background:#fff;color:var(--ink)}
.btn--jasny:hover{background:var(--zolc)}

/* hero: na całą szerokość, wysoki, tekst i szklana wyszukiwarka pośrodku u dołu */
.hero{margin:0;border-radius:0 0 40px 40px;min-height:min(92vh,900px);justify-content:center;text-align:center}
.hero>img{filter:saturate(1.1) contrast(1.04)}
.hero::after{background:radial-gradient(70% 62% at 50% 100%,rgba(4,30,44,.66) 0%,rgba(4,30,44,.34) 48%,rgba(4,30,44,0) 78%)}
.hero__in{padding:150px 0 64px;display:flex;flex-direction:column;align-items:center}
.hero h1{max-width:980px;margin-inline:auto;text-shadow:0 3px 30px rgba(0,30,50,.45)}
.hero h1 em{background:none;color:var(--zolc);-webkit-text-fill-color:var(--zolc)}
.hero p.lead{color:#fff;max-width:640px;margin-inline:auto;text-shadow:0 1px 16px rgba(0,30,50,.55)}
.hero .kicker{color:#fff;text-shadow:0 1px 10px rgba(0,0,0,.45)}
.hero .kicker::before{background:var(--zolc)}
.szukaj{width:100%;margin-inline:auto;background:rgba(255,255,255,.2);border:1px solid rgba(255,255,255,.5);backdrop-filter:blur(18px) saturate(1.5);-webkit-backdrop-filter:blur(18px) saturate(1.5);box-shadow:0 30px 60px -24px rgba(0,20,40,.7);border-radius:26px;text-align:left}
.szukaj label{border-radius:18px;background:rgba(255,255,255,.92)}
.szukaj label+label{border-left:0}
.szukaj label:hover{background:#fff}
.szukaj label span{color:var(--swierk2)}
.szukaj input,.szukaj select{color:var(--ink);font-weight:600}
.szukaj .btn{border-radius:18px}
.hero__pigulki{justify-content:center}
.hero__pigulki a{background:rgba(255,255,255,.22);border:1px solid rgba(255,255,255,.55);color:#fff;font-weight:700;backdrop-filter:blur(10px)}
.hero__pigulki a:hover{background:var(--zolc);color:var(--ink);border-color:var(--zolc)}
@media (max-width:820px){
  .hero{border-radius:0 0 28px 28px;text-align:left}
  .hero__in{align-items:stretch}
  .hero h1,.hero p.lead{margin-inline:0}
  .hero__pigulki{justify-content:flex-start}
  .hero::after{background:linear-gradient(180deg,rgba(4,30,44,.08) 0%,rgba(4,30,44,.5) 34%,rgba(4,30,44,.74) 100%)}
  .szukaj{border-radius:22px}
}

/* nagłówki podstron */
.phead{margin:0;border-radius:0 0 34px 34px}
.phead>img{filter:saturate(1.1) contrast(1.04)}
.phead::after{background:linear-gradient(180deg,rgba(4,30,44,0) 38%,rgba(4,30,44,.7) 100%)}
.phead .kicker{color:var(--zolc)}
.phead--bez{background:linear-gradient(120deg,var(--turkus),var(--blekit))}

/* sekcje */
.sek--krem{background:var(--krem)}
.sek--mech{background:var(--mech)}
.sek--niebo{background:var(--niebo)}
.sek--zaokr{border-radius:40px}

/* liczby: szklany pasek na krawędzi zdjęcia */
.liczby{position:relative;z-index:3;margin:-58px auto 0;width:calc(100% - 32px);border-radius:26px;background:rgba(255,255,255,.88);backdrop-filter:blur(16px) saturate(1.4);border:1px solid #fff;box-shadow:var(--cien)}
.liczby div+div{border-left-color:var(--linia)}
.liczby b{font:800 2.7rem/1 var(--f-tyt);letter-spacing:-.04em;background:linear-gradient(90deg,var(--turkus),var(--blekit));-webkit-background-clip:text;background-clip:text;color:transparent}
.liczby span{color:var(--muted);font-weight:600}
@media (max-width:820px){.liczby{margin-top:18px;width:100%}}

/* kafle: duże, mocno zaokrąglone, opis na szklanej plakietce */
.kafel{border-radius:26px;box-shadow:var(--cien)}
.kafel img{filter:saturate(1.08)}
.kafel__t small{color:var(--swierk2);font-weight:800}
.kafel__t b{font:800 1.35rem/1.15 var(--f-tyt)}
.kafle--duze{gap:22px}
.kafle--duze .kafel{border-radius:30px}
.kafle--duze .kafel::after{background:linear-gradient(180deg,rgba(4,30,44,0) 52%,rgba(4,30,44,.72))}
.kafle--duze .kafel__t b{font-size:2.1rem}
.kafle--duze .kafel__t small{color:var(--zolc)}
.rodzaje a{border-radius:20px;border-color:var(--linia)}
.rodzaje a:hover{box-shadow:var(--cien);border-color:var(--turkus)}
.ik{border-radius:16px;background:var(--krem2)}

/* katalog */
.kat-pasek{border-radius:26px}
.kat-pasek input{border-radius:16px;background:var(--krem)}
.kat-pasek output{color:var(--swierk2)}
.filtry button{border-radius:14px;font-weight:700}
.filtry button[aria-pressed=true]{background:var(--blekit);border-color:var(--blekit)}

/* karta obiektu: zdjęcie na całą kartę u góry, tekst w białym bloku zachodzącym na zdjęcie */
.lista{gap:34px 24px}
.ob{background:#fff;border-radius:28px;box-shadow:var(--cien);overflow:hidden;transition:box-shadow .25s,transform .25s}
.ob:hover{box-shadow:var(--cien-h);transform:translateY(-4px)}
.ob__foto{border-radius:0}
.ob__foto img{filter:saturate(1.08)}
.ob__znacz span{border-radius:12px;font-weight:800;background:rgba(255,255,255,.92);color:var(--ink)}
.ob__ile{border-radius:12px;background:rgba(11,42,58,.82)}
.ob__t{position:relative;margin-top:-26px;background:#fff;border-radius:26px 26px 0 0;padding:18px 18px 4px}
.ob__msc{color:var(--swierk2);font-weight:800}
.ob h3{font-weight:800}
.ob__udog span{background:var(--krem);color:#006d71;border-radius:10px;font-weight:700}
.ob__udog span:nth-child(2){background:var(--niebo);color:#0b4fd6}
.ob__a{padding:0 18px 16px}
.ob__a .ob__wiecej{color:var(--blekit);font-weight:800}

/* strona obiektu */
.obh h1{font-weight:800}
.obh__meta span{background:var(--krem);border-radius:999px;padding:6px 12px;font-size:.95rem}
.galeria{border-radius:30px}
.galeria img{filter:saturate(1.08)}
.obc__hasl{font:800 clamp(1.4rem,2.5vw,1.9rem)/1.25 var(--f-tyt);color:var(--swierk2)}
.udog div{border-radius:18px;border-color:var(--linia)}
.info div{background:var(--krem);border-radius:20px}
.info div:nth-child(even){background:var(--niebo)}
.info small{color:var(--swierk2)}
.okolica{border-radius:22px}
.okolica b{color:var(--blekit)}
.rezerw{border-radius:28px;border:1px solid #fff;background:rgba(255,255,255,.92);backdrop-filter:blur(14px);box-shadow:0 2px 6px rgba(11,42,58,.06),0 34px 70px -26px rgba(0,120,140,.55);border-top:6px solid var(--turkus)}
.rezerw__cena{font:800 1.9rem/1.15 var(--f-tyt);color:var(--blekit)}
.pasek-mob{background:rgba(255,255,255,.94);backdrop-filter:blur(14px)}

/* artykuły i reszta */
.art .waski>p:first-child::first-letter{font:800 3.4em/.9 var(--f-tyt);color:var(--turkus)}
.fakty div{border-radius:20px;border-color:var(--linia)}
.fakty b{font-weight:800;color:var(--blekit)}
.ramka{background:var(--mech);border-radius:22px}
.ramka--uwaga{background:#fff7d6}
figure img{border-radius:24px;filter:saturate(1.08)}
.tabela{border-radius:20px}
.tabela th{background:var(--krem2)}
.faq details{border-radius:20px;border-color:var(--linia)}
.faq summary::after{background:linear-gradient(135deg,var(--turkus),var(--blekit));color:#fff}
.pg-teraz{background:linear-gradient(140deg,var(--turkus),var(--blekit))}
.cta{background:linear-gradient(120deg,var(--turkus) 0%,var(--blekit) 100%);color:#eefcff}
.cta::before{background:radial-gradient(circle,rgba(255,210,63,.6),rgba(255,210,63,0) 70%)}
.cta .kicker{color:var(--zolc)}
.cta .btn--jasny{background:var(--zolc)}
.cta .btn--drewno{background:#fff;color:var(--ink)}
.wlasciciel{background:var(--krem)}
.form input,.form select,.form textarea{border-radius:16px;border-color:#bfe6e9}
.form input:focus,.form select:focus,.form textarea:focus{border-color:var(--blekit);box-shadow:0 0 0 4px rgba(21,101,255,.16)}
.form .zgoda input{accent-color:var(--blekit)}
.pigulki a:hover{border-color:var(--blekit);color:var(--blekit)}

/* stopka: głęboki morski z turkusowym gradientem u góry */
.stopka{background:#062433;color:#b9d7df;border-top:0;box-shadow:inset 0 6px 0 var(--turkus)}
.stopka a:hover{color:var(--zolc)}
.stopka .logo small{color:#6fe3e6}
.stopka h4{color:#fff;font:800 1.08rem var(--f-tyt)}
.stopka__d{border-top-color:#16465a;color:#8fb3be}
.ob__ile{bottom:38px}
/* czytelność tytułu na jasnych chmurach: poświata sięga wyżej, pod cały blok tekstu (desktop) */
@media (min-width:821px){.hero::after{background:radial-gradient(72% 74% at 50% 70%,rgba(4,30,44,.6) 0%,rgba(4,30,44,.3) 55%,rgba(4,30,44,0) 86%)}}
/* podpis zdjęcia hero u góry — u dołu zasłaniał go pasek liczb */
@media (min-width:821px){.hero__foto{bottom:auto;top:14px}}