/* Ogłoszenia (korkizmatmy.online/ogloszenia/, seria ogl 29.10.2026). Tokeny z glowna.css (:root), formularz i nagłówek z falą z dobor.css
   (db-*), tu: tablica (drogi, zakładki, filtry, karty), strona rodzica, potwierdzenie, bramka. Przejścia 450 ms ease-in-out (design.md 4.5),
   reakcja na kursor tylko tam, gdzie coś jest klikalne. Bez stylów w linii (CSP). */
.strona-ogl{--ogl-r:12px;--ogl-cien:0 2px 10px 0 rgba(40,72,120,.14);--ogl-cien-mocny:0 10px 28px -6px rgba(40,72,120,.28)}

/* --- nagłówek z dwiema drogami */
.ogl-naglowek{padding-bottom:calc(var(--fala) * .63 + 92px)}
.ogl-naglowek h1{max-width:24ch}
.ogl-drogi{display:grid;gap:12px;margin-top:26px;max-width:880px}
@media (min-width:720px){.ogl-drogi{grid-template-columns:1fr 1fr;gap:16px}}
.ogl-droga{position:relative;display:flex;align-items:center;gap:14px;padding:16px 16px 16px 14px;border-radius:14px;text-decoration:none;color:#fff;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.2);
  -webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transition:transform .45s ease-in-out,background-color .45s ease-in-out,box-shadow .45s ease-in-out,border-color .45s ease-in-out}
.ogl-droga:first-child{background:#fff;color:var(--granat);border-color:#fff;box-shadow:var(--ogl-cien-mocny)}
.ogl-droga:is(:hover,:focus-visible){transform:translateY(-2px);border-color:#F69A4F;outline:none}
.ogl-droga:focus-visible{box-shadow:0 0 0 3px rgba(246,154,79,.55)}
.ogl-droga__ikona{flex:none;display:grid;place-items:center;width:48px;height:48px;border-radius:12px;background:rgba(255,255,255,.14);color:#fff}
.ogl-droga:first-child .ogl-droga__ikona{background:var(--pomarancz-tlo);color:#B45A00}
.ogl-droga__ikona .ikona{width:24px;height:24px}
.ogl-droga__tekst{flex:1;min-width:0;display:grid;gap:2px}
.ogl-droga__tekst strong{font:800 1.12rem/1.2 var(--font-n)}
.ogl-droga__tekst span{font-size:.9rem;line-height:1.4;opacity:.88}
.ogl-droga__strzalka{flex:none;display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:var(--kolko);color:var(--granat);transition:transform .45s ease-in-out}
.ogl-droga__strzalka .ikona{width:18px;height:18px;stroke-width:2.5}
.ogl-droga:is(:hover,:focus-visible) .ogl-droga__strzalka{transform:translateX(3px)}

/* --- układ pod falą */
.ogl-uklad{position:relative;z-index:2;width:100%;max-width:calc(1120px + 2 * var(--margines));margin:calc(var(--fala) * -.63 - 56px) auto 0;padding:0 var(--margines);display:grid;gap:16px}

/* zakładki: dwa duże przyciski segmentowe */
.ogl-zakladki{display:grid;grid-template-columns:1fr 1fr;gap:6px;padding:6px;border-radius:16px;background:#fff;box-shadow:var(--ogl-cien)}
.ogl-zakladka{display:flex;align-items:center;gap:10px;min-height:58px;padding:10px 12px;border-radius:11px;text-decoration:none;color:var(--granat);font:700 .98rem/1.25 var(--font-n)}
.ogl-zakladka .ikona{flex:none;width:22px;height:22px;color:var(--niebieski)}
.ogl-zakladka span:not(.ogl-zakladka__liczba){flex:1;min-width:0}
.ogl-zakladka__liczba{flex:none;min-width:30px;padding:3px 9px;border-radius:999px;background:var(--niebieski-jasny);font:700 .85rem/1.3 var(--font);text-align:center}
.ogl-zakladka:not(.ogl-zakladka--aktywna):is(:hover,:focus-visible){background:var(--tlo)}
.ogl-zakladka--aktywna{background:var(--granat);color:#fff}
.ogl-zakladka--aktywna .ikona{color:var(--pomarancz)}
.ogl-zakladka--aktywna .ogl-zakladka__liczba{background:rgba(255,255,255,.16);color:#fff}
@media (max-width:519px){.ogl-zakladka{flex-wrap:wrap;gap:6px 8px;font-size:.9rem;min-height:64px}.ogl-zakladka .ikona{display:none}}

/* pasek dla zalogowanego korepetytora */
.ogl-pasek{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;margin:0;padding:12px 16px;border-radius:var(--ogl-r);background:var(--niebieski-jasny);color:var(--granat);font-size:.93rem}
.ogl-pasek>.ikona{flex:none;width:20px;height:20px;color:var(--niebieski)}
.ogl-pasek span{flex:1;min-width:200px}
.ogl-pasek a{display:inline-flex;align-items:center;gap:6px;font-weight:700;color:var(--granat);text-decoration:none}
.ogl-pasek a .ikona{width:16px;height:16px;color:#DC7328;transition:transform .45s ease-in-out}
.ogl-pasek a:is(:hover,:focus-visible) .ikona{transform:translateX(3px)}

/* filtry */
.ogl-filtry{padding:16px 18px;border-radius:var(--ogl-r);background:#fff;box-shadow:var(--ogl-cien)}
.ogl-filtry__tytul{display:flex;align-items:center;gap:8px;margin:0;font:700 1rem/1.3 var(--font-n);color:var(--granat)}
.ogl-filtry__tytul .ikona{width:18px;height:18px;color:var(--niebieski)}
.ogl-filtry__pola{display:grid;gap:0 12px}
@media (min-width:640px){.ogl-filtry__pola{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:980px){.ogl-filtry__pola{grid-template-columns:repeat(4,minmax(0,1fr))}.ogl-filtry__pola:has(>:nth-child(3):last-child){grid-template-columns:repeat(3,minmax(0,1fr))}}
.ogl-filtry .db-pole{margin-top:10px}
.ogl-filtry .db-pole label{font-size:.85rem}
.ogl-filtry .db-pole :is(input,select){min-height:46px}
.ogl-filtry__dol{display:flex;flex-wrap:wrap;align-items:center;gap:10px 16px;margin-top:12px}
.ogl-filtry__ile{margin:0 auto 0 0;font-weight:700;color:var(--granat)}
.ogl-filtry__czysc{font-weight:600;font-size:.9rem;color:var(--tekst-2)}
.ogl--js .ogl-filtry__pokaz{display:none}

/* --- karty */
.ogl-lista{list-style:none;margin:0;padding:0;display:grid;gap:14px}
@media (min-width:860px){.ogl-lista:not(.ogl-lista--jedno,.ogl-lista--podglad){grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}}
.ogl-karta{position:relative;display:flex;flex-direction:column;gap:12px;min-width:0;padding:18px 18px 16px;border-radius:var(--ogl-r);background:#fff;box-shadow:var(--ogl-cien);border:1px solid transparent;
  transition:box-shadow .45s ease-in-out,border-color .45s ease-in-out,transform .45s ease-in-out}
@media (min-width:640px){.ogl-karta{padding:22px 24px 18px}}
.ogl-karta:target{border-color:#F69A4F;box-shadow:0 0 0 4px rgba(246,154,79,.18),var(--ogl-cien)}
.ogl-karta--pasuje{border-color:#BFE8CF}
.ogl-karta__gora{display:flex;flex-wrap:wrap;align-items:center;gap:6px 8px}
.ogl-cel{padding:4px 11px;border-radius:999px;background:var(--niebieski-jasny);color:var(--granat);font-weight:600;font-size:.82rem;line-height:1.35}
.ogl-nowe,.ogl-pasuje,.ogl-test{display:inline-flex;align-items:center;gap:5px;padding:3px 10px;border-radius:999px;font:700 .72rem/1.4 var(--font);letter-spacing:.04em;text-transform:uppercase}
.ogl-nowe{background:rgba(17,116,58,.09);color:#11743A}
.ogl-pasuje{background:#E3F6EA;color:#0F5A2E;text-transform:none;letter-spacing:0;font-size:.8rem}
.ogl-pasuje .ikona{width:15px;height:15px}
.ogl-test{background:var(--tlo-2);color:var(--tekst-2)}
.ogl-czas{margin-left:auto;color:var(--tekst-3);font-size:.82rem;white-space:nowrap}
.ogl-karta__tytul{margin:0;font:800 1.2rem/1.3 var(--font-n);color:var(--granat)}
.ogl-karta__tytul a{color:inherit;text-decoration:none}
.ogl-karta__tytul a::after{content:"";position:absolute;inset:0;border-radius:var(--ogl-r)}
.ogl-karta:has(.ogl-karta__tytul a:is(:hover,:focus-visible)){border-color:#BFD9F5;box-shadow:var(--ogl-cien-mocny);transform:translateY(-2px)}
.ogl-karta__tytul a:focus-visible{outline:none}
.ogl-karta:has(.ogl-karta__tytul a:focus-visible){outline:3px solid #007ED3;outline-offset:2px}
.ogl-karta__dol .przycisk,.ogl-karta__dol .link-strzalka,.ogl-karta__dol a{position:relative;z-index:1}
.ogl-fakty{list-style:none;margin:0;padding:0;display:grid;gap:7px}
.ogl-fakty li{display:flex;align-items:flex-start;gap:9px;color:var(--tekst-2);font-size:.95rem;line-height:1.4}
.ogl-fakty .ikona{flex:none;width:18px;height:18px;margin-top:1px;color:var(--niebieski)}
.ogl-opis{margin:0;padding:10px 14px;border-left:3px solid var(--pomarancz);border-radius:0 8px 8px 0;background:var(--tlo);color:var(--tekst);font-size:.95rem;line-height:1.55}
.ogl-opis p{margin:0}
.ogl-opis[hidden]{display:none}
.ogl-opis--krotki p{display:-webkit-box;-webkit-line-clamp:4;line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}
.ogl-karta__dol{display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px;margin-top:auto;padding-top:12px;border-top:1px solid var(--linia)}
.ogl-meta{margin:0 auto 0 0;color:var(--tekst-3);font-size:.85rem}
.ogl-wyslane,.ogl-komplet{display:inline-flex;align-items:center;gap:6px;font-weight:700;font-size:.9rem}
.ogl-wyslane{color:var(--zielony-ciemny)}
.ogl-wyslane .ikona{width:18px;height:18px}
.ogl-komplet{color:var(--tekst-3)}

/* karta korepetytora */
.ogl-kor__glowa{display:flex;align-items:center;gap:14px}
.ogl-awatar{width:56px;height:56px;font-size:1.1rem}
.ogl-kor__kto{flex:1;min-width:0}
.ogl-kor__imie{margin:0;font:800 1.2rem/1.25 var(--font-n);color:var(--granat)}
.ogl-kor__imie a{color:inherit;text-decoration:none}
.ogl-kor__imie a:is(:hover,:focus-visible){text-decoration:underline;text-decoration-color:#F69A4F;text-decoration-thickness:3px;text-underline-offset:4px}
.ogl-kor__tytul{margin:2px 0 0;color:var(--tekst-2);font-size:.95rem;line-height:1.4}
.ogl-chipy{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px}
.ogl-chipy li{padding:4px 10px;border-radius:999px;background:var(--niebieski-jasny);color:var(--granat);font-size:.8rem;font-weight:500}
.ogl-kor__tekst{margin:0;color:var(--tekst);font-size:.95rem;line-height:1.55}
.ogl-kropka{flex:none;width:10px;height:10px;margin:5px 4px 0;border-radius:50%;background:var(--zielony);box-shadow:0 0 0 3px rgba(34,197,94,.18)}
.ogl-zajete .ogl-kropka{background:#F59E0B;box-shadow:0 0 0 3px rgba(245,158,11,.18)}
.ogl-wolne{color:#0F5A2E!important;font-weight:600}

/* puste stany */
.ogl-pusto{display:grid;justify-items:center;gap:6px;padding:34px 22px;border-radius:var(--ogl-r);background:#fff;border:2px dashed var(--linia);text-align:center}
.ogl-pusto h2{margin:6px 0 0;font-size:clamp(1.3rem,1.1rem + 1vw,1.7rem)}
.ogl-pusto p{max-width:52ch;margin:0;color:var(--tekst-2)}
.ogl-pusto p:has(.przycisk){margin-top:10px}
.ogl-pusto__ikona{width:64px;height:64px;padding:16px;border-radius:50%;background:var(--niebieski-jasny);color:var(--niebieski);stroke-width:1.75}
.ogl-pusto__dla-rodzica{font-size:.9rem;margin-top:8px!important}
.ogl-pusto--male{padding:22px 16px;border-width:1px}
.ogl-pusto--male .ogl-pusto__ikona{width:52px;height:52px;padding:13px}

/* --- sekcje „Jak to działa” i pytania */
.ogl-sekcja{padding:clamp(48px,6vw,84px) 0 0}
.ogl-sekcja:last-child{padding-bottom:clamp(40px,5vw,72px)}
.ogl-sekcja__w{width:100%;max-width:calc(1120px + 2 * var(--margines));margin:0 auto;padding:0 var(--margines)}
.ogl-sekcja__w--waska{max-width:calc(820px + 2 * var(--margines))}
.ogl-sekcja h2{margin:0 0 22px}
.ogl-jak__kolumny{display:grid;gap:18px}
@media (min-width:860px){.ogl-jak__kolumny{grid-template-columns:1fr 1fr;gap:22px}}
.ogl-jak__kol{padding:22px;border-radius:var(--ogl-r);background:#fff;box-shadow:var(--ogl-cien)}
.ogl-jak__kol h3{margin:0 0 14px;font:800 1.15rem/1.3 var(--font-n);color:var(--granat)}
.ogl-jak__kroki{list-style:none;margin:0;padding:0;display:grid;gap:14px}
.ogl-jak__kroki li{position:relative;display:grid;grid-template-columns:auto auto 1fr;align-items:start;gap:10px}
.ogl-jak__nr{display:grid;place-items:center;width:26px;height:26px;margin-top:9px;border-radius:50%;background:var(--granat);color:#fff;font:700 .8rem/1 var(--font)}
.ogl-jak__ikona{display:grid;place-items:center;width:44px;height:44px;border-radius:10px;background:var(--pomarancz-tlo);color:#B45A00}
.ogl-jak__ikona .ikona{width:22px;height:22px}
.ogl-jak__kroki h4{margin:2px 0 2px;font:700 1rem/1.3 var(--font-n);color:var(--granat)}
.ogl-jak__kroki p{margin:0;color:var(--tekst-2);font-size:.93rem;line-height:1.5}
.ogl-pytania__lista{display:grid;gap:10px}
.ogl-pytanie{border-radius:10px;background:#fff;box-shadow:var(--ogl-cien)}
.ogl-pytanie summary{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 18px;cursor:pointer;list-style:none;font:700 1rem/1.35 var(--font-n);color:var(--granat)}
.ogl-pytanie summary::-webkit-details-marker{display:none}
.ogl-pytanie summary .ikona{flex:none;width:20px;height:20px;color:#DC7328;transition:transform .45s ease-in-out}
.ogl-pytanie[open] summary .ikona{transform:rotate(180deg)}
.ogl-pytanie summary:focus-visible{outline:3px solid #007ED3;outline-offset:2px;border-radius:10px}
.ogl-pytanie p{margin:0;padding:0 18px 16px;color:var(--tekst-2);line-height:1.6}

/* --- jedno ogłoszenie */
.ogl-jedno{position:relative;z-index:2;width:100%;max-width:calc(1040px + 2 * var(--margines));margin:0 auto;padding:calc(var(--naglowek) + clamp(1.5rem,1rem + 3vw,3rem)) var(--margines) 56px;display:grid;gap:16px}
@media (min-width:960px){.ogl-jedno{grid-template-columns:minmax(0,1fr) 300px;align-items:start}.ogl-wstecz{grid-column:1/-1}}
.ogl-wstecz{margin:0}
.ogl-wstecz a{display:inline-flex;align-items:center;gap:8px;color:#fff;font-weight:600;text-decoration:none}
.ogl-wstecz__ikona{width:18px;height:18px;transform:rotate(180deg);color:var(--pomarancz)}
.ogl-boczna{position:sticky;top:calc(var(--naglowek) + 16px)}
.ogl-boczna p{margin:0 0 .7rem;color:var(--tekst-2);font-size:.93rem}

/* --- formularz: podgląd karty obok */
.ogl-podglad__tytul{margin:0 0 10px;font:700 .8rem/1.3 var(--font);letter-spacing:.08em;text-transform:uppercase;color:var(--tekst-3)}
.ogl-podglad .ogl-karta{box-shadow:var(--ogl-cien-mocny)}
.ogl-podglad .ogl-karta__tytul{font-size:1.1rem}
.ogl-podglad .db-pomoc{margin-top:12px}
.ogl-podglad [data-p].ogl-podglad--zmiana{animation:ogl-blysk .9s ease-out}
@keyframes ogl-blysk{0%{background:rgba(246,154,79,.35)}100%{background:transparent}}
@media (max-width:959px){.ogl--js .ogl-podglad{display:none}.ogl--js .ogl-podglad.ogl-podglad--ostatni{display:block}}
.ogl-rodo{margin:12px 0 0;font-size:.8rem;line-height:1.5;color:var(--tekst-3)}

/* --- potwierdzenie i komunikaty */
.ogl .db-komunikat{position:relative;z-index:2;margin-top:calc(var(--naglowek) + clamp(1.5rem,1rem + 3vw,3rem));margin-bottom:56px}
.ogl-wyslane-strona{text-align:center}
.ogl-wyslane-strona .ogl-kroki-po{max-width:460px;margin:18px auto;text-align:left;color:var(--tekst-2);padding-left:1.3rem}
.ogl-wyslane-strona .ogl-kroki-po li{margin-bottom:.5rem}
.ogl-duza-ikona{display:inline-grid;place-items:center;width:84px;height:84px;margin-bottom:10px;border-radius:50%;background:var(--pomarancz-tlo);color:#B45A00;animation:ogl-wjazd .8s cubic-bezier(.2,.8,.2,1)}
.ogl-duza-ikona .ikona{width:40px;height:40px}
@keyframes ogl-wjazd{0%{transform:translateY(12px) scale(.9);opacity:0}100%{transform:none;opacity:1}}
.ogl-lead{font-size:1.06rem;color:var(--tekst-2)}
.ogl-bramka__ogl{display:flex;gap:12px;align-items:flex-start;padding:12px 14px;border-radius:10px;background:var(--tlo);color:var(--granat)}
.ogl-bramka__ogl .ikona{flex:none;width:22px;height:22px;margin-top:2px;color:#B45A00}
.ogl-bramka .lista-ptaszkow{margin:14px 0}
.ogl-bramka .lista-ptaszkow li{color:var(--tekst-2)}
.ogl-bramka .lista-ptaszkow .ikona{flex:none;width:22px;height:22px;padding:4px;border-radius:50%;background:#E3F6EA;color:#11743A}
.ogl-bramka__przyciski{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0 10px}
@media (max-width:519px){.ogl-bramka__przyciski .przycisk{flex:1 1 100%}}

/* --- strona rodzica */
.ogl-stan{display:inline-flex;align-items:center;gap:8px;margin:14px 0 0;padding:6px 14px 6px 10px;border-radius:999px;background:rgba(255,255,255,.12);color:#fff;font-weight:600;font-size:.93rem}
.ogl-stan .ogl-kropka{margin:0}
.ogl-stan--czeka .ogl-kropka{background:#FBBF24;box-shadow:0 0 0 3px rgba(251,191,36,.25)}
.ogl-stan--koniec .ogl-kropka{background:#CBD5E1;box-shadow:none}
.ogl-stan--blad .ogl-kropka{background:#F87171;box-shadow:0 0 0 3px rgba(248,113,113,.25)}
.ogl-moje__glowna{display:grid;gap:18px;min-width:0}
.ogl-info{margin:0;box-shadow:var(--ogl-cien)}
.ogl-info .ikona{flex:none;width:22px;height:22px}
.ogl-odpowiedzi h2,.ogl-zarzadzaj h2{display:flex;align-items:center;gap:10px;margin:0 0 14px}
.ogl-licznik{display:inline-grid;place-items:center;min-width:30px;height:30px;padding:0 8px;border-radius:999px;background:var(--pomarancz-tlo);color:#B45A00;font:700 .95rem/1 var(--font)}
.ogl-odp-lista{list-style:none;margin:0 0 12px;padding:0;display:grid;gap:14px}
.ogl-odp{display:grid;gap:12px;padding:16px;border-radius:10px;border:1px solid var(--linia);background:#fff}
.ogl-odp .ogl-awatar{width:48px;height:48px;font-size:1rem}
@media (max-width:519px){.ogl-odp .ogl-kor__glowa{flex-wrap:wrap;row-gap:4px}.ogl-odp .ogl-kor__glowa>.ogl-czas{order:3;width:100%;margin-left:62px}}
.ogl-odp__tresc{padding:12px 14px;border-radius:10px;background:var(--tlo);color:var(--tekst);line-height:1.6}
.ogl-odp__tresc p{margin:0}
.ogl-akcje{display:flex;flex-wrap:wrap;align-items:center;gap:10px}
.ogl-akcje form{margin:0}
.ogl-zarzadzaj .ogl-lista{margin-bottom:16px}
.ogl-zarzadzaj .ogl-karta{box-shadow:none;border-color:var(--linia)}
.ogl-niebezpieczne{color:#8A1C14!important}
.ogl-niebezpieczne>.ikona{background-color:#FDECEC!important;color:#8A1C14!important}
.ogl-rady ol{padding-left:1.2rem}
@media (max-width:519px){.ogl-akcje .przycisk{flex:1 1 100%}.ogl-akcje form{flex:1 1 100%}}

@media (prefers-reduced-motion:reduce){.ogl-droga,.ogl-droga__strzalka,.ogl-karta,.ogl-pytanie summary .ikona,.ogl-pasek a .ikona{transition:none}
  .ogl-droga:is(:hover,:focus-visible),.ogl-karta:has(.ogl-karta__tytul a:is(:hover,:focus-visible)){transform:none}.ogl-duza-ikona,.ogl-podglad [data-p].ogl-podglad--zmiana{animation:none}}
/* Podmiana tablicy bez przeładowania (ogloszenia.js, tablica()): na czas ładowania lista lekko przygasa, bez skoku strony. */
.ogl-uklad .ogl-lista,.ogl-uklad .ogl-pusto,.ogl-uklad .ogl-filtry__ile{transition:opacity .2s ease-in-out}
.ogl-uklad--laduje .ogl-lista,.ogl-uklad--laduje .ogl-pusto{opacity:.45}
.ogl-uklad--laduje .ogl-filtry__ile{opacity:.6}
.ogl-zakladka{transition:background-color .3s ease-in-out,color .3s ease-in-out}
@media (prefers-reduced-motion:reduce){.ogl-uklad .ogl-lista,.ogl-uklad .ogl-pusto,.ogl-uklad .ogl-filtry__ile,.ogl-zakladka{transition:none}}

/* --- ogl2 (29.10): rozbudowana karta korepetytora (zdjęcie, liczby, atuty, z kim i jak pracuje, terminy, oferta, opinia).
   Komputer: dwie kolumny w karcie (kto i jak się umówić | konkrety), jedna karta w wierszu; telefon: jedna kolumna. */
@media (min-width:860px){.ogl-lista.ogl-lista--kor{grid-template-columns:minmax(0,1fr)}}
.ogl-karta--bogata{display:grid;gap:18px;padding:20px}
@media (min-width:860px){.ogl-karta--bogata{grid-template-columns:300px minmax(0,1fr);gap:28px;padding:26px 28px}}
.ogl-kor__lewa{display:flex;flex-direction:column;gap:12px;min-width:0}
@media (min-width:860px){.ogl-kor__lewa{padding-right:26px;border-right:1px solid var(--linia)}}
.ogl-kor__prawa{display:flex;flex-direction:column;gap:14px;min-width:0}
.ogl-karta--bogata .ogl-kor__glowa{align-items:center;gap:16px}
.ogl-kor__foto{flex:none;width:96px;height:96px;border-radius:50%;object-fit:cover;border:4px solid #fff;box-shadow:0 2px 10px 0 rgba(40,72,120,.18);background:var(--tlo)}
.ogl-awatar--duzy{width:96px;height:96px;font-size:1.6rem}
.ogl-karta--bogata .ogl-kor__imie{font-size:1.3rem}
.ogl-kor__status{display:flex;align-items:center;gap:2px;margin:4px 0 0;font-size:.88rem}
.ogl-karta--bogata .ogl-kor__tytul{margin:0;font:700 1.02rem/1.4 var(--font-n);color:var(--granat)}
.ogl-oferta{display:flex;align-items:center;gap:8px;margin:0;padding:9px 12px;border-radius:10px;background:var(--pomarancz-tlo);color:#7A3E00;font-weight:600;font-size:.92rem;line-height:1.35}
.ogl-oferta .ikona{flex:none;width:18px;height:18px;color:#B45A00}
.ogl-kor__akcje{display:flex;flex-wrap:wrap;align-items:center;gap:10px 16px;margin-top:auto;padding-top:4px}
.ogl-kor__akcje .przycisk,.ogl-kor__akcje a{position:relative;z-index:1}
.ogl-liczby{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(84px,1fr));gap:8px}
@media (min-width:640px){.ogl-liczby{grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:10px}}
.ogl-liczby li{display:flex;flex-direction:column;gap:2px;padding:12px 14px;border-radius:12px;background:linear-gradient(160deg,#F4F8FE 0%,#EAF2FC 100%);border:1px solid #DCE8F7}
.ogl-liczby strong{font:900 1.35rem/1.05 var(--font-n);color:var(--granat);letter-spacing:-.01em}
@media (min-width:640px){.ogl-liczby strong{font-size:1.65rem}}
/* telefon: kafelki dzielą rząd, ale żaden nie jest węższy niż jego najdłuższe słowo (bez łamania wyrazów); za ciasno = drugi rząd */
@media (max-width:639px){.ogl-liczby{display:flex;flex-wrap:wrap}.ogl-liczby li{flex:1 1 0;min-width:min-content;padding:10px 10px}.ogl-liczby li span{font-size:.78rem;overflow-wrap:break-word}}
.ogl-liczby span{font-size:.82rem;line-height:1.3;color:var(--tekst-2)}
.ogl-atuty{list-style:none;margin:0;padding:0;display:grid;gap:8px}
@media (min-width:640px){.ogl-atuty{grid-template-columns:1fr 1fr;gap:8px 18px}}
.ogl-atuty li{display:flex;align-items:flex-start;gap:9px;color:var(--tekst);font-weight:500;font-size:.95rem;line-height:1.4}
.ogl-atuty .ikona{flex:none;width:22px;height:22px;padding:4px;margin-top:-1px;border-radius:50%;background:#E3F6EA;color:#11743A;stroke-width:3}
.ogl-kor__grupy{display:grid;gap:8px;margin:0}
@media (min-width:640px){.ogl-kor__grupy{grid-template-columns:1fr 1fr;gap:12px 18px}}
.ogl-kor__grupy dt{font:700 .78rem/1.3 var(--font);letter-spacing:.06em;text-transform:uppercase;color:var(--tekst-3)}
.ogl-kor__grupy dd{margin:2px 0 0;color:var(--tekst);font-size:.93rem;line-height:1.45}
.ogl-opinia{margin:0;padding:14px 16px 12px;border-radius:12px;background:var(--tlo);position:relative}
.ogl-opinia::before{content:"„";position:absolute;left:12px;top:-6px;font:900 3rem/1 var(--font-n);color:var(--pomarancz)}
.ogl-opinia blockquote{margin:0;padding-left:22px}
.ogl-opinia p{margin:0;color:var(--tekst);font-size:.95rem;line-height:1.55;font-style:italic}
.ogl-opinia figcaption{margin-top:6px;padding-left:22px;color:var(--tekst-3);font-size:.85rem;font-weight:600}
/* strona podglądu w ramce edytora (Panel::podglad) */
.ogl-podglad-strona{background:transparent;margin:0;padding:6px}
.ogl-podglad-strona main{overflow:visible}
.ogl-podglad-strona .ogl-lista{margin:0}
/* Telefon: lewa kolumna rozpada się na pozycje karty (display: contents), żeby „Umów pierwszą rozmowę” stało na końcu, po argumentach. */
@media (max-width:859px){.ogl-karta--bogata .ogl-kor__lewa{display:contents}.ogl-karta--bogata .ogl-kor__prawa{order:1}.ogl-karta--bogata .ogl-kor__akcje{order:2;margin-top:0;padding-top:14px;border-top:1px solid var(--linia)}}