/* =============================================================
   GRUPA POLSKIE ZDROWIE — publiczna strona smartlukasz.pl
   (strona główna, O Grupie, placówki, dla lekarzy, kontakt)
   ============================================================= */
@font-face{font-family:"Plex Sans";src:url("fonts/IBMPlexSans-Regular.woff2") format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"Plex Sans";src:url("fonts/IBMPlexSans-Medium.woff2") format("woff2");font-weight:500;font-display:swap}
@font-face{font-family:"Plex Sans";src:url("fonts/IBMPlexSans-SemiBold.woff2") format("woff2");font-weight:600;font-display:swap}
@font-face{font-family:"Plex Sans";src:url("fonts/IBMPlexSans-Bold.woff2") format("woff2");font-weight:700;font-display:swap}
:root{--granat:#162044;--granat-900:#0C1330;--granat-700:#26325C;--turkus:#0097B2;--turkus-tekst:#0B7286;--turkus-tlo:#E6F4F7;
 --bez:#D6CAAA;--ink:#131A2E;--ink-2:#4C566E;--ink-3:#7A8397;--linia:#E4E8EF;--plane:#F4F6FA;--surface:#FFFFFF;
 --ui:"Plex Sans",ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;--r:14px;--cien:0 18px 40px -24px rgba(12,19,48,.45)}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;background:var(--plane);color:var(--ink);font-family:var(--ui);font-size:16px;line-height:1.55;-webkit-font-smoothing:antialiased}
a{color:var(--turkus-tekst)}
:focus-visible{outline:2px solid var(--turkus);outline-offset:2px;border-radius:4px}
.wnetrze{max-width:1120px;margin:0 auto;padding:0 20px}

/* ---- nagłówek z zakładkami ---- */
.www-naglowek{background:var(--granat);color:#fff;position:sticky;top:0;z-index:30;box-shadow:0 2px 14px rgba(12,19,48,.25)}
.www-naglowek .wnetrze{display:flex;align-items:center;gap:18px;min-height:64px;flex-wrap:wrap}
.marka{display:flex;align-items:center;gap:11px;color:#fff;text-decoration:none;padding:8px 0}
.marka .sygnet{width:36px;height:36px;flex:none}
.marka b{font-weight:700;font-size:17px;letter-spacing:.01em}
.marka b i{font-style:normal;font-weight:500;opacity:.9}
.marka small{display:block;font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;opacity:.65;margin-top:1px}
.zakladki{display:flex;gap:2px;flex-wrap:wrap;margin-left:auto}
.zakladki a{color:#dbe4f5;text-decoration:none;padding:9px 13px;border-radius:10px;font-weight:500;font-size:14.5px;transition:background .15s}
.zakladki a:hover{background:rgba(255,255,255,.1);color:#fff}
.zakladki a.aktywna{background:var(--turkus);color:#fff}
.zakladki a.portal{border:1.5px solid rgba(255,255,255,.45);margin-left:6px}
.zakladki a.portal:hover{background:#fff;color:var(--granat)}

/* ---- hero ---- */
.hero{background:linear-gradient(180deg,#fff 0%,#eef4f7 100%);border-bottom:4px solid var(--turkus)}
.hero .wnetrze{display:grid;grid-template-columns:1.15fr 1fr;gap:32px;align-items:center;padding:44px 20px 40px}
.hero h1{font-size:clamp(28px,4vw,42px);line-height:1.15;margin:0 0 14px;color:var(--granat);letter-spacing:-.01em}
.hero h1 span{color:var(--turkus)}
.hero p{font-size:17px;color:var(--ink-2);margin:0 0 20px;max-width:560px}
.hero img{width:100%;max-width:420px;justify-self:center;display:block}
.przyciski{display:flex;gap:12px;flex-wrap:wrap}
.przycisk{display:inline-block;background:var(--turkus);color:#fff;text-decoration:none;font-weight:700;padding:12px 20px;border-radius:12px;font-size:15px;transition:transform .15s,box-shadow .15s}
.przycisk:hover{transform:translateY(-1px);box-shadow:var(--cien)}
.przycisk.granat{background:var(--granat)}
.przycisk.drugi{background:#fff;color:var(--granat);border:2px solid var(--granat)}

/* ---- sekcje ---- */
section.sekcja{padding:40px 0 8px}
section.sekcja h2{font-size:26px;margin:0 0 6px;color:var(--granat);letter-spacing:-.01em}
section.sekcja .pod{color:var(--ink-2);margin:0 0 22px;max-width:760px}
.kafelki{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:18px;margin:0 0 28px}
.kafelek{background:var(--surface);border:1px solid var(--linia);border-radius:var(--r);padding:22px 22px 20px;box-shadow:0 1px 2px rgba(19,26,46,.05);display:flex;flex-direction:column;gap:8px;color:inherit;text-decoration:none;transition:transform .15s,box-shadow .15s,border-color .15s}
a.kafelek:hover{transform:translateY(-2px);box-shadow:var(--cien);border-color:var(--turkus)}
.kafelek .etykieta{font-size:11.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--turkus-tekst);font-weight:700}
.kafelek h3{margin:0;font-size:19px;color:var(--granat)}
.kafelek p{margin:0;color:var(--ink-2);font-size:15px}
.kafelek .dalej{margin-top:auto;padding-top:6px;font-weight:700;color:var(--turkus-tekst)}
.karta{background:var(--surface);border:1px solid var(--linia);border-radius:var(--r);padding:24px 26px;margin:0 0 22px;box-shadow:0 1px 2px rgba(19,26,46,.05)}
.karta h3{margin:0 0 8px;color:var(--granat);font-size:20px}
.karta p{margin:0 0 10px;color:var(--ink-2)}
.karta p:last-child{margin-bottom:0}
.karta ul{margin:0;padding-left:20px;color:var(--ink-2)}
.karta li{margin:4px 0}
.dwie{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.tabela-danych{border-collapse:collapse;width:100%;max-width:760px}
.tabela-danych th,.tabela-danych td{text-align:left;padding:9px 10px;border-bottom:1px solid var(--linia);vertical-align:top;font-size:15px}
.tabela-danych th{color:var(--ink-3);font-weight:600;width:44%;font-size:13.5px;text-transform:uppercase;letter-spacing:.06em}
.lokalizacje{display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none}
.lokalizacje li{background:var(--turkus-tlo);color:var(--granat);border-radius:999px;padding:7px 14px;font-weight:600;font-size:14.5px}
.lokalizacje li.szpital{background:var(--granat);color:#fff}
.znak{display:grid;grid-template-columns:auto 1fr;gap:10px 16px;align-items:start;margin:0;padding:0;list-style:none}
.znak dt{font-weight:700;color:var(--granat)}
.znak dd{margin:0;color:var(--ink-2)}
.kolory{display:flex;gap:14px;flex-wrap:wrap;margin-top:10px}
.kolor{display:flex;align-items:center;gap:10px;font-size:14px;color:var(--ink-2)}
.kolor i{display:inline-block;width:28px;height:28px;border-radius:8px;border:1px solid var(--linia)}
.kroki{counter-reset:k;margin:0;padding:0;list-style:none;display:grid;gap:12px}
.kroki li{position:relative;padding-left:46px;color:var(--ink-2)}
.kroki li::before{counter-increment:k;content:counter(k);position:absolute;left:0;top:0;width:32px;height:32px;border-radius:50%;background:var(--turkus);color:#fff;font-weight:700;display:flex;align-items:center;justify-content:center}
.kroki b{color:var(--ink)}
.uwaga{background:var(--turkus-tlo);border-left:4px solid var(--turkus);border-radius:10px;padding:14px 18px;color:var(--ink-2);margin:0 0 22px}

/* ---- stopka ---- */
.www-stopka{background:var(--granat-900);color:#c9d3e8;margin-top:40px;padding:34px 0 26px;font-size:14px}
.www-stopka .wnetrze{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:26px}
.www-stopka h4{margin:0 0 8px;color:#fff;font-size:14px;letter-spacing:.08em;text-transform:uppercase}
.www-stopka p{margin:0 0 6px}
.www-stopka a{color:#8fd7e6}
.www-stopka .drobne{grid-column:1/-1;border-top:1px solid rgba(255,255,255,.12);padding-top:14px;color:#8a97b8;font-size:12.5px;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}

/* ---- dostępność i strony prawne ---- */
.pomin{position:absolute;left:-999px;top:8px;background:var(--turkus);color:#fff;padding:10px 16px;border-radius:10px;z-index:100;font-weight:700;text-decoration:none}
.pomin:focus{left:12px}
main:focus{outline:none}
.prawne .karta h3{font-size:18px}
.prawne p{line-height:1.6}
.tabela-cele th{width:auto;text-transform:none;letter-spacing:0;font-size:14px;color:var(--granat)}
.tabela-cele td{font-size:14.5px}
code{font-family:ui-monospace,Consolas,monospace;background:var(--plane);padding:1px 6px;border-radius:6px}
.cookie-info{position:fixed;left:16px;right:16px;bottom:16px;max-width:820px;margin:0 auto;background:var(--granat-900);color:#e7edf8;border-radius:14px;padding:16px 18px;display:flex;gap:16px;align-items:center;flex-wrap:wrap;box-shadow:0 18px 40px -20px rgba(0,0,0,.6);z-index:60;font-size:14px}
.cookie-info[hidden]{display:none}
.cookie-info p{margin:0;flex:1 1 420px}
.cookie-info a{color:#8fd7e6}
.cookie-info button{font:inherit;font-weight:700;background:var(--turkus);color:#fff;border:none;border-radius:10px;padding:10px 18px;cursor:pointer}

@media (max-width:820px){.hero .wnetrze{grid-template-columns:1fr;padding:30px 20px}.hero img{max-width:260px;order:-1}.dwie{grid-template-columns:1fr}.www-stopka .wnetrze{grid-template-columns:1fr}
 .www-naglowek .wnetrze{gap:8px;padding-bottom:8px}.zakladki{margin-left:0;width:100%}.zakladki a{padding:8px 10px;font-size:14px}}