/* ZnanyOśrodek.pl, strona główna (projekt 03.11.2026): system wizualny karty AZYLVIP V7.0, tło „Kamień” (tlo=8).
   Tokeny wzięte z żywej strony /podglady/znanyosrodek-azylvip-v70/ (style obliczone) i zo-karta.css.
   Role pisma (4, grubości 2: 400 i 600): d1 76/40 | d2 36/28 | tekst 18 | etykieta 14 wersaliki. */
@font-face{font-family:'Figtree';font-weight:400;font-style:normal;font-display:swap;src:url(../fonts/figtree-latin-400-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Figtree';font-weight:400;font-style:normal;font-display:swap;src:url(../fonts/figtree-latin-ext-400-normal.woff2) format('woff2');unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Figtree';font-weight:600;font-style:normal;font-display:swap;src:url(../fonts/figtree-latin-600-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Figtree';font-weight:600;font-style:normal;font-display:swap;src:url(../fonts/figtree-latin-ext-600-normal.woff2) format('woff2');unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}

.zg-root{--A:#EDE7DB;--B:#DED5C4;--C:#CDC2AD;--ink:#011627;--mut:#34445A;--line:#B5A992;--line-s:#4F6076;--paper:#F6F2E9;--or:#F58425;--or-h:#E3731A;--r:8px;--s1:8px;--s2:16px;--s3:24px;--s4:32px;--s5:48px;--s6:56px}
.zg,.zg *,.zg *::before,.zg *::after{box-sizing:border-box}
.zg{font-family:'Figtree',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;font-size:18px;line-height:1.55;font-weight:400;color:var(--ink);-webkit-font-smoothing:antialiased;overflow-wrap:break-word}
.zg :where(h1,h2,h3,p,ul,dl,dd,dt,fieldset,legend){margin:0;padding:0;border:0}
.zg :where(ul){list-style:none}
.zg a{color:inherit;text-decoration:none}
.zg :focus-visible{outline:3px solid var(--ink);outline-offset:3px}
.zg-wrap{width:min(1200px,100% - 40px);margin:0 auto}
.zg-ic{width:24px;height:24px;flex:none;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}

/* role pisma */
.zg-d1{font-size:68px;line-height:1.02;font-weight:600;letter-spacing:-.045em;text-wrap:balance}
.zg-d2{font-size:36px;line-height:1.1;font-weight:600;letter-spacing:-.03em}
.zg-kick{font-size:14px;line-height:1.3;font-weight:600;letter-spacing:.1em;text-transform:uppercase}
.zg-kick::before{content:"";display:block;width:44px;height:3px;background:var(--or);margin-bottom:12px}
.zg-kick--sm{margin-bottom:12px}
.zg-kick--nb::before{content:none}
.zg-kick--nb{margin-bottom:8px}
.zg-lead,.zg-txt,.zg-sub{color:var(--mut)}

/* przyciski: 56 px, 2 px obrys, promień 8 (jak w V7.0) */
.zg .zg-btn{display:flex;align-items:center;justify-content:center;gap:10px;min-height:56px;padding:0 24px;border:2px solid var(--ink);border-radius:var(--r);font-size:18px;line-height:1.2;font-weight:600;text-align:center;color:var(--ink);background:transparent;cursor:pointer;font-family:inherit;transition:background-color .15s,color .15s,border-color .15s}
.zg .zg-btn--main{background:var(--or);border-color:var(--or)}
.zg .zg-btn--main:hover{background:var(--or-h);border-color:var(--or-h)}
.zg .zg-btn--line:hover{background:var(--ink);color:#fff}

/* HERO */
.zg-hero{background:var(--A);padding:40px 0 48px}
.zg-hero__in{display:grid;grid-template-columns:1fr 440px;grid-template-areas:"tx fm" "ent fm" "ask fm";grid-template-rows:auto auto 1fr;column-gap:64px;align-items:start}
.zg-hero__tx{grid-area:tx}.zg-hero__fm{grid-area:fm}.zg-ent{grid-area:ent}.zg-ask{grid-area:ask}
.zg-hero__tx h1{margin:0;font:inherit}
.zg-hero__tx .zg-h1t{display:block;margin-top:20px;max-width:none}
.zg-lead{margin-top:20px;max-width:34em}
.zg-search{border:1px solid var(--line-s);border-radius:var(--r);padding:var(--s3)}
.zg-fs{min-width:0}
.zg-tgs{display:grid;grid-template-columns:1fr 1fr;gap:var(--s1)}
.zg-tg{position:relative;display:block}
.zg-tg input{position:absolute;opacity:0;inset:0;width:100%;height:100%;margin:0;cursor:pointer}
.zg-tg span{display:flex;align-items:center;justify-content:center;height:100%;min-height:56px;padding:8px 12px;border:2px solid var(--line-s);font-weight:600;line-height:1.2;text-align:center;background:transparent;transition:background-color .15s}
.zg-tg:hover span{background:rgba(1,22,39,.06)}
.zg-tg input:checked+span{background:var(--ink);border-color:var(--ink);color:#fff}
.zg-tg input:focus-visible+span{outline:3px solid var(--ink);outline-offset:3px}
.zg-lbl{display:block;margin-top:var(--s2);margin-bottom:var(--s1);font-weight:600}
.zg-sel{position:relative}
.zg-sel::after{content:"";position:absolute;right:20px;top:50%;width:10px;height:10px;margin-top:-8px;border-right:2px solid var(--ink);border-bottom:2px solid var(--ink);transform:rotate(45deg);pointer-events:none}
.zg-sel select{appearance:none;-webkit-appearance:none;width:100%;height:56px;padding:8px 48px 8px 16px;border:2px solid var(--line-s);border-radius:var(--r);background:var(--paper);color:var(--ink);font-size:18px;line-height:1.3;font-weight:400;font-family:inherit}
.zg-go{display:flex;gap:var(--s1)}
.zg-go .zg-sel{flex:1;min-width:0}
.zg .zg-go .zg-btn--main{flex:none;padding:0 20px}
.zg-help{margin-top:var(--s3);color:var(--mut);max-width:30em;align-self:start}
.zg-help a{display:inline-flex;align-items:center;min-height:48px;color:var(--ink);font-weight:600;text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:2px}
.zg-help a:hover{text-decoration-color:var(--or)}

/* KARTY PREMIUM */
.zg-cards{background:var(--B);padding:var(--s5) 0 64px}
.zg-h2::before{content:"";display:block;width:44px;height:3px;background:var(--or);margin-bottom:12px}
.zg-h2--nb::before{content:none}
.zg-note{margin:var(--s2) 0 var(--s4);border:1px solid var(--line-s);border-radius:var(--r)}
.zg-note summary{display:flex;gap:12px;align-items:flex-start;padding:12px 16px;cursor:pointer;list-style:none}
.zg-note summary::-webkit-details-marker{display:none}
.zg-note summary .zg-ic{margin-top:2px}
.zg-more{font-weight:600;text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:2px;white-space:nowrap}
.zg-note p{padding:0 16px 14px 52px;color:var(--mut)}

.zg-chips{display:flex;flex-wrap:wrap;gap:var(--s1);align-items:center}
.zg-chipd{position:relative}
.zg-chipd summary{list-style:none}
.zg-chipd summary::-webkit-details-marker{display:none}
.zg-chip{display:inline-flex;align-items:center;gap:8px;min-height:32px;padding:4px 10px;border:1px solid var(--line-s);border-radius:var(--r);font-size:14px;line-height:1.2;font-weight:600;letter-spacing:.1em;text-transform:uppercase;cursor:pointer;background:transparent}
.zg-chip .zg-ic{width:18px;height:18px}
.zg-chip{position:relative}
.zg-chip::after{content:"";position:absolute;inset:-8px 0}
.zg-chip--ok{cursor:default}
.zg-chip--ok::after{content:none}
.zg-tip{position:absolute;z-index:6;left:0;top:calc(100% + 8px);width:min(300px,80vw);padding:12px 16px;background:var(--ink);color:#fff;border-radius:var(--r)}
.zg-loc{display:flex;align-items:center;gap:8px;font-weight:600}
.zg-loc .zg-ic{width:20px;height:20px}
.zg-name a:hover{text-decoration:underline;text-decoration-thickness:3px;text-underline-offset:6px;text-decoration-color:var(--or)}

/* duża karta (miniatura wizytówki V7.0: ta sama nazwa wersalikami, zdjęcia bez zaokrągleń, 2 px linie) */
.zg-big{position:relative}
.zg-mos{display:grid;grid-template-columns:1.5fr 1fr 1fr;grid-template-rows:230px 230px;gap:8px}
.zg-mos a{display:block;position:relative;overflow:hidden;background:var(--C)}
.zg-mos img{display:block;width:100%;height:100%;object-fit:cover}
.zg-mos__1{grid-row:1/3}
.zg-mos__2{grid-column:2;grid-row:1}
.zg-mos__3{grid-column:2;grid-row:2}
.zg-mos__4{grid-column:3;grid-row:1}
.zg-mos__5{grid-column:3;grid-row:2}
.zg-mos__more{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;background:rgba(1,22,39,.6);color:#fff;font-weight:600;text-align:center;padding:16px}
.zg-mos__5:hover .zg-mos__more{background:rgba(1,22,39,.8)}
.zg-big__body{display:grid;grid-template-columns:7fr 5fr;gap:var(--s5);padding-top:var(--s4)}
.zg-big__main>*+*{margin-top:var(--s2)}
.zg-big .zg-name{margin-top:12px;text-transform:uppercase;overflow-wrap:anywhere}
.zg-big .zg-sub{margin-top:12px}
.zg-svc{display:flex;flex-wrap:wrap;gap:12px 24px}
.zg-svc li{display:flex;align-items:center;gap:8px;font-weight:600}
.zg-rows{margin-top:var(--s3)!important;border-top:2px solid var(--ink)}
.zg-rows>div{display:grid;grid-template-columns:230px 1fr;gap:16px;padding:14px 0;border-bottom:1px solid var(--line)}
.zg-rows dt{font-size:14px;line-height:1.5;font-weight:600;letter-spacing:.1em;text-transform:uppercase;padding-top:2px}
.zg-wr{display:flex;flex-wrap:wrap;gap:8px 24px}
.zg-wr li{display:flex;align-items:center;gap:8px}
.zg-panel{align-self:start}
.zg-stat{border-top:2px solid var(--ink);padding-top:14px;margin-bottom:var(--s3)}
.zg-num{display:flex;flex-direction:column;margin-top:8px}
.zg-num+.zg-num{margin-top:16px}
.zg-num span:last-child{color:var(--mut)}
.zg-acts{display:grid;gap:var(--s2)}
.zg-small{display:flex;gap:8px;align-items:center;color:var(--mut)}
.zg-small .zg-ic{width:20px;height:20px}

/* trzy mniejsze karty: ta sama rodzina, tylko to, co mamy */
.zg-minis{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--s4);margin-top:var(--s6)}
.zg-mini{position:relative;display:flex;flex-direction:column}
.zg-mini__ph{position:relative;aspect-ratio:16/9;background:var(--C);overflow:hidden}
.zg-mini__ph>img{display:block;width:100%;height:100%;object-fit:cover}
.zg-mini__logo{position:absolute;left:12px;bottom:12px;background:#fff;padding:6px 10px;line-height:0}
.zg-mini__logo img{display:block;width:104px;height:auto}
.zg-mini__b{display:flex;flex-direction:column;flex:1;border-top:2px solid var(--ink);padding-top:var(--s2);margin-top:0}
.zg-mini__b>*+*{margin-top:12px}
.zg-mini__n{text-transform:uppercase;letter-spacing:-.04em;line-height:1.05}
.zg-mini__a::after{content:"";position:absolute;inset:0;z-index:1}
.zg-mini__a:focus-visible{outline:none}
.zg-mini__a:focus-visible::after{outline:3px solid var(--ink);outline-offset:4px}
.zg-mini .zg-chipd,.zg-mini .zg-chip{position:relative;z-index:2}
.zg-mini .zg-chipd{position:relative}
.zg-mrows{display:grid;gap:8px;margin-bottom:var(--s3)}
.zg-mrows li{display:flex;gap:12px;align-items:flex-start}
.zg-mrows .zg-ic{margin-top:1px}
.zg-mini__btn{margin-top:auto!important}
.zg-mrows+.zg-btn{margin-top:var(--s3)}
.zg .zg-mini:hover .zg-mini__btn{background:var(--ink);color:#fff}
.zg-mini:hover .zg-mini__n .zg-mini__a{text-decoration:underline;text-decoration-thickness:3px;text-underline-offset:6px;text-decoration-color:var(--or)}

/* pas dla właścicieli */
.zg-own{background:var(--A);border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:var(--s5) 0}
.zg-own__in{display:flex;align-items:center;justify-content:space-between;gap:var(--s3) var(--s5);flex-wrap:wrap}
.zg-own .zg-txt{margin-top:8px}
.zg-own .zg-btn{padding:0 24px;flex:none}

@media (max-width:1099px){
 .zg-d1{font-size:60px}
 .zg-hero__in{grid-template-columns:1fr;grid-template-areas:"tx" "fm" "help";grid-template-rows:auto;gap:var(--s4)}
 .zg-help{margin-top:calc(var(--s2) - var(--s4))}
 .zg-hero__tx .zg-d1{max-width:none}
 .zg-minis{gap:var(--s3)}
 .zg-d2{font-size:32px}
 .zg-big__body{grid-template-columns:1fr;gap:var(--s4)}
 .zg-rows>div{grid-template-columns:160px 1fr}
}
@media (max-width:899px){
 .zg-minis{grid-template-columns:1fr;gap:var(--s5)}
 .zg-mini__ph{aspect-ratio:16/9}
}
@media (max-width:719px){
 .zg-wrap{width:calc(100% - 40px)}
 .zg-hero{padding:var(--s3) 0 var(--s4)}
 .zg-go{flex-direction:column}
 .zg .zg-go .zg-btn--main{width:100%}
 .zg-d1{font-size:42px;line-height:1.05;letter-spacing:-.04em}
 .zg-d2{font-size:28px}
 .zg-hero__tx .zg-d1{margin-top:16px}
 .zg-lead{margin-top:16px}
 .zg-search{padding:var(--s2)}
 .zg-cards{padding:var(--s5) 0 var(--s5)}
 .zg-note p{padding-left:16px}
 .zg-chip{letter-spacing:.04em;padding:4px 8px;gap:6px}
 .zg-chips{gap:6px}
 .zg-minis{gap:var(--s4)}
 .zg-mos{grid-template-columns:1fr 1fr;grid-template-rows:auto;gap:6px}
 .zg-mos__1{grid-column:1/-1;grid-row:auto;aspect-ratio:16/10}
 .zg-mos__2,.zg-mos__3,.zg-mos__4,.zg-mos__5{grid-column:auto;grid-row:auto;aspect-ratio:4/3}
 .zg-mos__more .zg-d2{font-size:28px}
 .zg-big .zg-name{font-size:52px}
 .zg-rows>div{grid-template-columns:1fr;gap:4px}
 .zg-svc{gap:8px 20px}
 .zg .zg-acts .zg-btn{width:100%}
 .zg-own{padding:var(--s4) 0}
 .zg .zg-own .zg-btn{width:100%}
}
@media (prefers-reduced-motion:reduce){.zg *{transition:none!important}}

/* --- nowa runda 03.11: oryginalne elementy sekcji „Wyróżnione”, nagłówek, stopka, spójność starych sekcji --- */
.zg-mos__1{overflow:hidden}
.zg-mos__logo{position:absolute;right:16px;top:16px;width:88px;height:88px;border-radius:50%;background:#fff;display:flex;align-items:center;justify-content:center;overflow:hidden}
.zg-mos__logo img{width:72px;height:72px;object-fit:contain}
.zg-seal{position:absolute;left:16px;top:16px;width:128px;height:128px;border-radius:50%;background:var(--ink);color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;text-align:center;box-shadow:inset 0 0 0 5px var(--ink),inset 0 0 0 6px rgba(255,255,255,.55);font-size:14px;line-height:1.15;font-weight:600;letter-spacing:.04em;text-transform:uppercase;padding:12px}
.zg-seal .zg-ic{width:22px;height:22px;stroke:#fff}
.zg-pills{display:flex;flex-wrap:wrap;gap:8px}
.zg-pill{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:8px 14px;border:2px solid var(--line-s);border-radius:var(--r);font-weight:600;line-height:1.2}
.zg-pill .zg-ic{width:22px;height:22px}
.zg-pill--ink{background:var(--ink);border-color:var(--ink);color:#fff}
.zg-mini__tag{position:absolute;left:0;top:0;background:var(--ink);color:#fff;font-size:14px;line-height:1.2;font-weight:600;letter-spacing:.06em;text-transform:uppercase;padding:8px 12px}
.zg-big .zg-pills{margin-top:var(--s3)}
.zg-big .zg-rows{margin-top:var(--s4)!important}

/* nagłówek serwisu */
.zg-hd{position:relative;z-index:40;background:var(--A);border-bottom:1px solid var(--line)}
.zg-hd__in{display:flex;align-items:center;gap:var(--s2);min-height:72px}
.zg-logo{display:flex;align-items:center;min-height:48px;margin-right:auto}
.zg-logo img{display:block;width:200px;height:auto}
.zg-nav{display:contents}
.zg-nav__ul{display:flex;align-items:center;gap:4px;order:1}
.zg-nav__i{position:relative}
.zg .zg-nav__a,.zg .zg-dd summary{display:flex;align-items:center;gap:4px;min-height:48px;padding:0 12px;font-weight:400;cursor:pointer;list-style:none;white-space:nowrap;color:var(--ink)}
.zg .zg-dd summary::-webkit-details-marker{display:none}
.zg .zg-nav__a:hover,.zg .zg-dd summary:hover,.zg .zg-dd[open] summary{text-decoration:underline;text-decoration-color:var(--or);text-decoration-thickness:3px;text-underline-offset:8px}
.zg-dd .zg-ic{width:20px;height:20px;transition:transform .15s}
.zg-dd[open] .zg-ic{transform:rotate(180deg)}
.zg-dd__p{position:absolute;left:0;top:calc(100% + 8px);min-width:260px;background:var(--paper);border:1px solid var(--line-s);border-radius:var(--r);padding:8px;z-index:50}
.zg-dd__p--2{display:grid;grid-template-columns:1fr 1fr;width:520px}
.zg-nav__i:last-child .zg-dd__p{left:auto;right:0}
.zg-dd__p a{display:flex;align-items:center;min-height:44px;padding:0 12px;line-height:1.25}
.zg-dd__p a:hover{background:rgba(1,22,39,.07)}
.zg-hd__add{order:3;flex:none;min-height:48px!important}
.zg-user{order:2;display:flex;align-items:center;justify-content:center;width:48px;height:48px;color:var(--ink);border-radius:var(--r)}
.zg-user:hover{background:rgba(1,22,39,.07)}
.zg-user .zg-ic{width:28px;height:28px}
.zg-burger{display:none;order:3;width:48px;height:48px;border:2px solid var(--ink);border-radius:var(--r);background:transparent;color:var(--ink);align-items:center;justify-content:center;cursor:pointer;padding:0}
.zg-burger .zg-ic{width:26px;height:26px}
@media (max-width:1149px){
 .zg-burger{display:flex}
 .zg-user{order:2}
 .zg-nav{display:none;position:absolute;left:0;right:0;top:100%;background:var(--A);border-bottom:1px solid var(--line);padding:8px 20px 24px;max-height:calc(100vh - 80px);overflow:auto}
 .zg-hd.is-open .zg-nav{display:block}
 .zg-nav__ul{flex-direction:column;align-items:stretch;gap:0}
 .zg-nav__i{border-bottom:1px solid var(--line)}
 .zg .zg-nav__a,.zg .zg-dd summary{justify-content:space-between;min-height:56px;padding:0}
 .zg-dd__p,.zg-dd__p--2{position:static;display:block;width:auto;border:0;background:transparent;padding:0 0 8px 12px}
 .zg-dd__p a{min-height:48px}
 .zg-nav__i:last-child .zg-dd__p{left:auto}
 .zg .zg-hd__add{width:100%;margin-top:var(--s3)}
}

/* stopka */
@media (max-width:719px){.zg-hd__in{min-height:64px}.zg-logo img{width:168px}}

/* stare sekcje (treść bez zmian): tokeny V7.0 samym CSS-em */
.elementor-10019>.elementor-element{--content-width:1200px;background-color:#EDE7DB!important;background-image:none!important}
.elementor-10019>.elementor-element-b7c9004,.elementor-10019>.elementor-element-d16068e{background-color:#DED5C4!important}
.elementor-10019>.elementor-element *:not(i):not([class*="eicon"]):not([class*="fa-"]):not(svg):not(path){font-family:'Figtree',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif!important}
.elementor-10019>.elementor-element :is(h1,h2,h3,h4){font-weight:600!important;letter-spacing:-.03em}
.elementor-10019>.elementor-element .elementor-widget-heading :is(h2,h3){color:#011627}
.elementor-10019 .elementor-button{background:transparent!important;background-image:none!important;border:2px solid #011627!important;color:#011627!important;border-radius:8px!important;min-height:56px;padding:0 24px!important;font-weight:600!important;box-shadow:none!important}
.elementor-10019 .elementor-button:hover{background:#011627!important;color:#fff!important}
.elementor-10019 .elementor-button .elementor-button-text{color:inherit}
.elementor-10019>.elementor-element :is(a.e-con,.e-con-full,.elementor-post__card,.zp-c2__card,.zp-fr__stage,.va-t,.zp-btn,.zp-bn){border-radius:0!important}
.elementor-10019 .zp-btn,.elementor-10019 .zp-bn{border-radius:8px!important;background:#F58425!important;color:#011627!important;border-color:#F58425!important}
.elementor-10019>.elementor-element :is(.zp-fr__av,.zp-c2__logo){border-radius:50%!important}
.elementor-10019 li.is-l,.elementor-10019 li.is-m{border-radius:8px!important}

/* przyciski: stany motywu (różowy #c36 przy hover/focus) nadpisane */
.zg button,.zg button:hover,.zg button:focus,.zg button:active,.zg [type=submit]:hover,.zg [type=submit]:focus{color:var(--ink);text-decoration:none}
.zg .zg-burger,.zg .zg-burger:hover,.zg .zg-burger:focus,.zg .zg-burger:active{background:transparent;border-color:var(--ink);color:var(--ink)}
.zg-hd.is-open .zg-burger.zg-burger,.zg-hd.is-open .zg-burger.zg-burger:hover,.zg-hd.is-open .zg-burger.zg-burger:focus{background:var(--ink);color:#fff}
.zg .zg-btn--main,.zg .zg-btn--main:focus,.zg .zg-btn--main:active{background:var(--or);border-color:var(--or);color:var(--ink)}
.zg .zg-btn--main:hover{background:var(--or-h);border-color:var(--or-h)}
.zg .zg-tg input:focus+span{background:transparent}.zg .zg-tg input:checked+span{background:var(--ink);color:#fff}
.elementor-10019>.elementor-element .e-con::before,.elementor-10019>.elementor-element .e-con::after,.elementor-10019>.elementor-element .elementor-background-overlay{border-radius:0!important}
.elementor-10019 .elementor-button{display:inline-flex!important;align-items:center;justify-content:center;line-height:1.2!important}
.elementor-10019 .elementor-button .elementor-button-content-wrapper{display:flex;align-items:center;justify-content:center}

/* --- hero, lewa część: blok przekazu (etykieta → nagłówek → zdanie → trzy wejścia → „Pomóż mi wybrać”) --- */
.zg-con{margin:0 0 var(--s2);color:var(--ink);text-align:center;font-size:30px;line-height:1.1;font-weight:600;letter-spacing:.06em;text-transform:uppercase}
.zg-ent{margin-top:var(--s4);border-top:2px solid var(--ink)}
.zg-ent li{border-bottom:1px solid var(--line)}
.zg .zg-ent__a{display:grid;grid-template-columns:24px 200px 1fr 24px;column-gap:16px;align-items:center;min-height:56px;padding:12px 0;color:var(--ink)}
.zg-ent__t{font-weight:600}
.zg-ent__s{color:var(--mut)}
.zg-ent__a .zg-ic{width:24px;height:24px;transition:transform .15s}
.zg-ent li:nth-child(3) .zg-ent__a>.zg-ic:last-child{transform:rotate(90deg)}
.zg .zg-ent__a:hover .zg-ent__t{text-decoration:underline;text-decoration-color:var(--or);text-decoration-thickness:3px;text-underline-offset:5px}
.zg-ask{display:flex;align-items:center;flex-wrap:wrap;gap:var(--s2) var(--s3);margin-top:var(--s3);color:var(--mut)}
.zg .zg-ask .zg-btn{flex:none}
.zg .zg-tg input:focus+span{outline:3px solid var(--ink);outline-offset:3px;background:transparent}
.zg .zg-tg input:checked:focus+span{background:var(--ink)}
.zg-search{scroll-margin-top:96px}.zg-cards{scroll-margin-top:0}
@media (max-width:1099px){
 .zg-hero__in{grid-template-columns:1fr;grid-template-areas:"tx" "fm" "ent" "ask";grid-template-rows:auto;row-gap:var(--s3)}
 .zg-ent{margin-top:var(--s1)}
 .zg-ask{margin-top:0}
}
@media (max-width:719px){
 .zg-hero__in{row-gap:var(--s2)}
 .zg-hero__tx .zg-h1t{margin-top:12px}
 .zg-lead{margin-top:12px}
 .zg-con{margin-bottom:var(--s1);font-size:24px}
 .zg .zg-ent__a{grid-template-columns:24px 1fr 24px;grid-template-areas:"i t a" ". s .";row-gap:2px;padding:12px 0}
 .zg-ent__a>.zg-ic:first-child{grid-area:i}.zg-ent__t{grid-area:t}.zg-ent__s{grid-area:s}.zg-ent__a>.zg-ic:last-child{grid-area:a}
 .zg-ent li:nth-child(-n+2) .zg-ent__a>.zg-ic:last-child{transform:rotate(-90deg)}
 .zg .zg-ask{flex-direction:column;align-items:stretch;gap:var(--s1)}
 .zg .zg-ask .zg-btn{width:100%}
 .zg-tg span{min-height:48px}
}
.zg-cards .zg-h2{margin-bottom:var(--s4)}
@media (min-width:1100px){
 .zg-hero__fm{align-self:stretch;display:flex;flex-direction:column}
 .zg-hero__fm .zg-search{flex:1;display:flex;flex-direction:column;padding:28px 24px}
 .zg-hero__fm .zg-lbl{margin-top:auto}
 .zg-hero__fm .zg-tg span{min-height:60px}
 .zg .zg-ent__a{min-height:52px;padding:10px 0}
}
@media (min-width:1100px){
 .zg-hero__fm .zg-fs{flex:1;display:flex;flex-direction:column}
 .zg-hero__fm .zg-tgs{flex:1;grid-auto-rows:1fr}
 .zg-hero__fm .zg-lbl{margin-top:var(--s3)}
 .zg-hero__tx .zg-h1t{margin-top:16px}
 .zg-lead{margin-top:16px}
 .zg-ent{margin-top:28px}
 .zg .zg-ent__a{min-height:48px;padding:9px 0}
 .zg-ask{margin-top:20px}
}

/* =====================================================================
   WYRÓŻNIONE OŚRODKI (03.11.2026): sekcja „Noc”. Najmocniejszy blok strony po hero.
   Odcięcie: ciemne tło (Noc #1F1B17, ton stopki) zamiast Kamienia; tekst w kolorze kości słoniowej (--paper).
   Tokeny przestawione lokalnie, więc ramki/kreski V7.0 (2 px / 1 px) działają bez zmian.
   Pomarańcz: tylko przyciski akcji i kreska 44×3 nad nagłówkiem (jak w całym systemie).
   ===================================================================== */
.zg-cards{--noc:#1F1B17;--noc2:#2A2521;--ink:#F6F2E9;--mut:#D8D0C0;--line:rgba(246,242,233,.28);--line-s:rgba(246,242,233,.6);--on:#011627;
 background:var(--noc);color:var(--paper);padding:40px 0 80px;scroll-margin-top:0}
.zg-cards .zg-h2{color:var(--paper);margin-bottom:var(--s4)}
.zg-cards .zg-h2::before{margin-bottom:16px}
.zg-cards :focus-visible{outline-color:var(--paper)}
/* oprawa dużej karty: ramka 2 px w kolorze kości, „passe-partout” 14 px, jaśniejsza powierzchnia */
.zg-big{background:var(--noc2);border:2px solid var(--paper);padding:14px}
.zg-big__body{padding:var(--s4) var(--s3) var(--s2)}
.zg-big .zg-name a:hover{text-decoration-color:var(--or)}
/* elementy odwrócone: tekst ciemny na jasnym */
.zg.zg-cards .zg-btn--main,.zg.zg-cards .zg-btn--main:hover,.zg.zg-cards .zg-btn--main:focus{color:var(--on)}
.zg.zg-cards .zg-btn--line{border-color:var(--paper);color:var(--paper)}
.zg.zg-cards .zg-btn--line:hover,.zg.zg-cards .zg-mini:hover .zg-mini__btn{background:var(--paper);color:var(--on);border-color:var(--paper)}
.zg-cards .zg-pill--ink{background:var(--paper);border-color:var(--paper);color:var(--on)}
.zg-cards .zg-seal{background:var(--on);color:#fff}
.zg-cards .zg-seal .zg-ic{stroke:#fff}
.zg-cards .zg-mini__tag{background:var(--on);color:#fff}
.zg-cards .zg-mini__logo{background:#fff}
/* trzy mniejsze karty: ten sam język co duża (ramka 1 px kości, powierzchnia Noc 2) */
.zg-minis{margin-top:var(--s5)}
.zg-mini{background:var(--noc2);border:1px solid var(--line-s)}
.zg-mini__b{border-top:2px solid var(--paper);padding:var(--s2) var(--s3) var(--s3)}
.zg-mini:hover{border-color:var(--paper)}
/* strzałka przycisku */
.zg-arr .zg-ic{transition:translate .2s ease}

/* --- ruch: tylko opacity / transform / translate / scale; stan bazowy widoczny (bez JS i przy ?bezruchu=1 / reduced-motion) --- */
.zg-mos__1{--d:100ms}.zg-mos__2{--d:260ms}.zg-mos__3{--d:340ms}.zg-mos__4{--d:420ms}.zg-mos__5{--d:500ms}
.zg-big__body{--d:300ms}
.zg-mini:nth-child(1){--d:0ms}.zg-mini:nth-child(2){--d:120ms}.zg-mini:nth-child(3){--d:240ms}
.zg-js .zg-r{opacity:0;transform:translate3d(0,20px,0);
 transition:opacity .6s cubic-bezier(.22,.8,.3,1) var(--d,0ms),transform .6s cubic-bezier(.22,.8,.3,1) var(--d,0ms),translate .25s ease,border-color .2s ease}
.zg-js .zg-r.is-in{opacity:1;transform:none}
/* bardzo wolne przybliżenie zdjęcia głównego: jednorazowo po wejściu, 14 s */
.zg-js .zg-mos__1 img:first-child{transform:scale(1)}
.zg-js .zg-mos__1.is-in img:first-child{transform:scale(1.06);transition:transform 14s cubic-bezier(.2,.5,.2,1),scale .7s cubic-bezier(.22,.8,.3,1)}
/* pieczęć: krótkie wejście po zdjęciu głównym */
.zg-js .zg-seal{opacity:0;transform:scale(1.35) rotate(-12deg)}
.zg-js .is-in .zg-seal{opacity:1;transform:none;transition:opacity .35s ease .7s,transform .45s cubic-bezier(.2,.9,.25,1) .7s}
@media (prefers-reduced-motion:no-preference){
 .zg-mos a img:first-child{transition:scale .7s cubic-bezier(.22,.8,.3,1)}
 .zg-mos a:hover img:first-child{scale:1.05}
 .zg-mini__ph>img{transition:scale .7s cubic-bezier(.22,.8,.3,1)}
 .zg-mini:hover .zg-mini__ph>img{scale:1.05}
 .zg-mini:hover{translate:0 -4px}
 .zg-big{transition:translate .25s ease}
 .zg-arr:hover .zg-ic,.zg-mini:hover .zg-arr .zg-ic{translate:5px 0}
}
.zg-stop *{transition:none!important;animation:none!important}
@media (max-width:1099px){
 .zg-big__body{padding:var(--s3) var(--s2) var(--s2)}
}
@media (max-width:899px){
 .zg-minis{margin-top:var(--s4)}
 .zg-mini{--d:0ms!important}
}
@media (max-width:719px){
 .zg-cards{padding:var(--s4) 0 var(--s6)}
 .zg-big{padding:8px}
 .zg-big__body{padding:var(--s3) 8px var(--s1)}
 .zg-js .zg-r{transform:translate3d(0,12px,0)}
 .zg-js .zg-mos__1.is-in img:first-child{transform:none;transition:none}
 .zg-js .zg-mos__2,.zg-js .zg-mos__3,.zg-js .zg-mos__4,.zg-js .zg-mos__5{--d:0ms}
 .zg-js .zg-mos__3,.zg-js .zg-mos__5{--d:80ms}
 .zg-mini__b{padding:var(--s2)}
 .zg-cards .zg-seal{width:116px;height:116px;left:12px;top:12px;padding:6px;letter-spacing:0}
 .zg-mos__logo{right:12px;top:12px;width:76px;height:76px}
 .zg-mos__logo img{width:62px;height:62px}
}

/* granica hero / „Wyróżnione”: zdjęcia galerii mają być widoczne już na pierwszym ekranie 1440×900 (teaser) */
@media (min-width:1100px){
 .zg-hero{padding:28px 0 28px}
 .zg-ent{margin-top:20px}
 .zg-ask{margin-top:12px}
 .zg-lead{margin-top:12px}
 .zg-cards{padding-top:32px}
 .zg-cards .zg-h2{margin-bottom:var(--s2)}
 .zg-cards .zg-h2::before{margin-bottom:12px}
}

/* ZnanyOśrodek.pl: stopka serwisu (projekt 03.11.2026, V7.0). Zastępuje reguły .zg-ft* z strona-glowna.css (linie 244-263 i 286).
   Role pisma (4, grubości 2: 400 i 600): hasło 20/600 | przycisk 18/600 | tekst i linki 16/400 | etykieta i znak praw 14 (600 wersaliki / 400).
   Barwy: tło #2B2723, tekst #E3EBF1; pomarańcz tylko w przycisku akcji. Wymaga tokenów .zg-root (--s*, --or) i .zg-btn z strona-glowna.css. */
.zf{background:#2B2723;color:#E3EBF1;padding:48px 0 24px;font-size:16px;line-height:1.5;font-weight:400}
.zf a{color:#E3EBF1;text-decoration:none}
.zf :focus-visible{outline:3px solid #fff;outline-offset:3px}
.zf__sr{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}

/* góra: zamek marki (logo + hasło) po lewej, przycisk, ikony social po prawej */
.zf__top{display:flex;justify-content:space-between;align-items:flex-end;gap:var(--s4);padding-bottom:var(--s5);border-bottom:1px solid rgba(227,235,241,.25)}
.zf__brand{max-width:600px}
.zf__logo{display:flex;align-items:center;min-height:48px;margin-bottom:12px}
.zf__logo img{display:block;width:196px;height:auto}
.zf__tag{font-size:20px;line-height:1.3;font-weight:600;letter-spacing:-.01em;color:#fff;text-wrap:balance}
.zf__txt{margin-top:12px;color:#E3EBF1}
.zf .zg-btn{display:inline-flex;margin-top:var(--s3);min-width:220px;font-size:18px;color:var(--ink)}
.zf .zg-btn:hover,.zf .zg-btn:focus{color:var(--ink)}
.zf__soc{display:flex;gap:12px}
.zf__ic{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border:1px solid rgba(227,235,241,.5);border-radius:var(--r);color:#E3EBF1;transition:border-color .15s,background-color .15s}
.zf__ic:hover{border-color:#fff;background:rgba(227,235,241,.08);color:#fff}
.zf__ic svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.zf__ic svg .f{fill:currentColor;stroke:none}

/* nawigacja: 4 równe kolumny, grupy z podpisami wersalikowymi */
.zf__nav{display:grid;grid-template-columns:repeat(3,minmax(0,max-content)) minmax(0,232px);justify-content:space-between;gap:var(--s5) var(--s4);padding-top:var(--s5)}
.zf__c{display:flex;flex-direction:column;gap:var(--s3)}
.zf__k{display:block;list-style:none;font-size:14px;line-height:1.3;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:#fff;margin-bottom:8px;cursor:default}
.zf__k::-webkit-details-marker{display:none}
.zf__k::before{content:"";display:block;width:44px;height:3px;background:rgba(227,235,241,.6);margin-bottom:12px}
.zf__l a{display:block;padding:3px 0;line-height:1.4;text-underline-offset:4px;text-decoration-thickness:1px}
.zf__l a:hover{color:#fff;text-decoration:underline}
.zf__l--2 a{white-space:nowrap}
.zf__l--2{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:repeat(8,auto);grid-auto-flow:column;column-gap:var(--s3)}

.zf__bot{display:flex;justify-content:space-between;align-items:center;gap:var(--s2);flex-wrap:wrap;border-top:1px solid rgba(227,235,241,.25);margin-top:var(--s5);padding-top:var(--s3)}
.zf__bot p{font-size:14px;line-height:1.4;color:#E3EBF1}
.zf__bot a{display:flex;align-items:center;min-height:48px}
.zf__bot img{display:block;width:140px;height:auto}

/* tablet 720-1199: 2 kolumny grup, wszystko rozwinięte */
@media (max-width:1199px){
 .zf__nav{grid-template-columns:1fr 1fr}
}
/* telefon: grupy zwijane (details), jak wiersze listy */
@media (max-width:719px){
 .zf{padding:var(--s5) 0 var(--s3)}
 .zf__top{flex-direction:column;align-items:flex-start;gap:var(--s3);padding-bottom:var(--s4)}
 .zf__brand{max-width:none;width:100%}
 .zf .zg-btn{display:flex;width:100%}
 .zf__nav{display:block;padding-top:0}
 .zf__c{display:contents}
 .zf__g{border-bottom:1px solid rgba(227,235,241,.25)}
 .zf__k{display:flex;align-items:center;justify-content:space-between;min-height:56px;margin:0;cursor:pointer}
 .zf__k::before{content:none}
 .zf__k::after{content:"";flex:none;width:9px;height:9px;margin-right:6px;border-right:2px solid #E3EBF1;border-bottom:2px solid #E3EBF1;transform:rotate(45deg) translate(-2px,-2px);transition:transform .15s}
 .zf__g[open]>.zf__k::after{transform:rotate(-135deg) translate(-2px,-2px)}
 .zf__l{padding-bottom:var(--s2)}
 .zf__l a{min-height:48px;display:flex;align-items:center;padding:6px 0}
 .zf__l--2{column-gap:var(--s2)}
 .zf__l--2 a{white-space:normal;hyphens:auto;overflow-wrap:anywhere}
 .zf__bot{flex-direction:column;align-items:flex-start;margin-top:0;border-top:0;padding-top:var(--s3)}
}
