.eko{padding:92px 0 98px}
.eko-poswiata{position:absolute;inset:auto -10% -20% -10%;height:640px;pointer-events:none;z-index:0;background:radial-gradient(38% 46% at 76% 40%, var(--poswiata-1), transparent 70%),radial-gradient(34% 40% at 18% 70%, var(--poswiata-2), transparent 72%)}
.eko-naglowek{max-width:700px;margin-bottom:30px}
.znacznik{display:inline-flex;align-items:center;gap:9px;border:1px solid var(--linia);border-radius:100px;padding:9px 16px;font:500 12px/1 var(--f-mono);color:var(--tekst);background:var(--szklo);margin-bottom:26px}
.znacznik i{width:6px;height:6px;border-radius:50%;background:var(--akcent);box-shadow:0 0 0 0 var(--akcent);animation:tetno 2.8s infinite}
@keyframes tetno{0%{box-shadow:0 0 0 0 var(--poswiata-1)}70%{box-shadow:0 0 0 10px transparent}100%{box-shadow:0 0 0 0 transparent}}
.pulpit{position:relative;z-index:3;display:grid;grid-template-columns:.84fr 1.16fr;gap:20px;align-items:stretch}
.eko-lista{display:flex;flex-direction:column;gap:10px}
.poz{position:relative;overflow:hidden;text-align:left;cursor:pointer;font-family:inherit;border:1px solid var(--karta-linia);background:var(--karta);color:var(--karta-tekst);border-radius:15px;padding:15px 17px;display:flex;gap:13px;align-items:flex-start;transition:transform var(--t-mikro) var(--ease),border-color var(--t-mikro) var(--ease),box-shadow var(--t-mikro) var(--ease)}
.poz:hover{transform:translateX(3px)}
.poz .nr{font:500 10.5px/1.6 var(--f-mono);color:var(--karta-szept);flex:0 0 auto;letter-spacing:.06em}
.poz b{display:block;font:600 15.5px/1.25 var(--f-naglowki);letter-spacing:-.01em}
.poz small{display:block;font-size:12.5px;line-height:1.45;color:var(--karta-szept);margin-top:4px}
.poz .czas{position:absolute;left:0;bottom:0;height:2px;width:0;background:var(--karta-akcent);opacity:.9}
.poz.aktywna{border-color:var(--karta-akcent);box-shadow:var(--cien);transform:translateX(6px)}
.poz.glowna{padding:19px 20px}.poz.glowna b{font-size:20px}
.poz.glowna .znak-glowny{position:absolute;right:14px;top:14px;font:500 10px/1 var(--f-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--karta-akcent)}
.eko-stopka{margin-top:4px;font:400 12.5px/1.5 var(--f-mono);color:var(--szept);padding:0 4px}
 .scena-eko{position:relative;display:grid;border-radius:20px;border:1px solid var(--karta-linia);background:var(--karta);box-shadow:var(--cien);overflow:hidden}
.plan{grid-area:1/1;position:relative;padding:26px 28px;opacity:0;transform:translate3d(0,18px,0) scale(.99);pointer-events:none;transition:opacity 520ms var(--ease),transform 620ms var(--ease);color:var(--karta-tekst)}
.plan.aktywny{opacity:1;transform:none;pointer-events:auto}
.plan-gora{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-bottom:18px}
.plan-gora b{font:800 19px/1.2 var(--f-naglowki);letter-spacing:-.025em}
.chip{font:500 11px/1 var(--f-mono);color:var(--karta-szept);border:1px solid var(--karta-linia);border-radius:100px;padding:7px 12px;white-space:nowrap}
.zakres{list-style:none;margin:0;padding:0;display:grid;gap:9px}
.zakres li{display:flex;align-items:center;gap:11px;padding:11px 13px;border-radius:11px;background:color-mix(in srgb, var(--karta-akcent) 6%, transparent);font-size:14px;opacity:0;transform:translate3d(-10px,0,0);transition:opacity 460ms var(--ease),transform 460ms var(--ease);transition-delay:calc(var(--i) * 90ms + 160ms)}
.plan.aktywny .zakres li{opacity:1;transform:none}
.zakres li i{width:20px;height:20px;border-radius:50%;flex:0 0 auto;display:grid;place-items:center;font-size:10px;background:var(--karta-akcent);color:#fff;font-style:normal}
.zakres li span{margin-left:auto;font:400 11.5px/1 var(--f-mono);color:var(--karta-szept)}
.plan-dol{display:flex;align-items:center;gap:12px;margin-top:18px;padding-top:16px;border-top:1px solid var(--karta-linia)}
.awatar{width:36px;height:36px;border-radius:11px;flex:0 0 auto;display:grid;place-items:center;background:color-mix(in srgb, var(--karta-akcent) 16%, transparent);color:var(--karta-akcent);font:600 13px/1 var(--f-tekst)}
.plan-dol b{display:block;font:600 14px/1.3 var(--f-tekst)}.plan-dol small{display:block;font-size:12px;color:var(--karta-szept);margin-top:2px}
.www-rzad{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.mini{border-radius:11px;overflow:hidden;border:1px solid var(--karta-linia);background:#fff;box-shadow:0 14px 30px rgba(0,0,0,.16);opacity:0;transform:translate3d(0,22px,0);transition:opacity 560ms var(--ease),transform 660ms var(--ease);transition-delay:calc(var(--i) * 130ms + 140ms)}
.plan.aktywny .mini{opacity:1;transform:none}.mini:hover{transform:translateY(-5px)}
.mini-bar{height:20px;background:#EFEFED;display:flex;align-items:center;gap:3px;padding:0 7px}
.mini-bar i{width:5px;height:5px;border-radius:50%;background:#CFCFCC;display:block}
.mini-bar span{margin-left:6px;flex:1;background:#fff;border-radius:6px;height:11px;font:400 7px/11px var(--f-mono);color:#9C9C98;text-align:center}
.mini-hero{height:96px;display:flex;flex-direction:column;justify-content:center;gap:5px;padding:0 13px;color:#fff}
.mini-hero b{font:700 14px/1.15 var(--f-naglowki);letter-spacing:-.02em}.mini-hero small{font:400 8.5px/1.3 var(--f-tekst);opacity:.85}
.mini-hero .pigulka{align-self:flex-start;margin-top:4px;border-radius:100px;padding:5px 10px;font:600 8px/1 var(--f-tekst)}
.mini-tresc{padding:12px 13px 14px;background:#fff}.mini-tresc .kreska{height:4px;border-radius:2px;background:#E4E4E1;margin-bottom:6px}
.mini-kafle{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:10px}.mini-kafle i{height:34px;border-radius:5px;display:block}
.m-fryz .mini-hero{background:linear-gradient(120deg,#2B2226,#4C3A40)}.m-fryz .pigulka{background:#E4B7A0;color:#3A2A2E}.m-fryz .mini-kafle i{background:linear-gradient(160deg,#EADFD8,#D8C3B8)}
.m-ogr .mini-hero{background:linear-gradient(120deg,#1E3D24,#3C6E42)}.m-ogr .pigulka{background:#C7E3A8;color:#20361F}.m-ogr .mini-kafle i{background:linear-gradient(160deg,#DCE9D3,#BBD3AE)}
.podpis-mini{display:block;font:400 11.5px/1.4 var(--f-mono);color:var(--karta-szept);margin-top:14px}
.makieta-posta{border:1px solid var(--karta-linia);border-radius:14px;overflow:hidden;background:#fff;box-shadow:0 14px 30px rgba(0,0,0,.12);max-width:330px}
.mp-gora{display:flex;align-items:center;gap:10px;padding:11px 13px}.mp-gora b{display:block;font:600 12.5px/1.2 var(--f-tekst);color:#1B1A18}.mp-gora small{display:block;font:400 10.5px/1.2 var(--f-tekst);color:#8B8A86}
.mp-obraz{height:120px;display:flex;align-items:flex-end;padding:12px 14px;color:#fff;font:700 15px/1.2 var(--f-naglowki);letter-spacing:-.02em;background:linear-gradient(120deg,#2B2226,#4C3A40)}
.mp-dol{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:11px 13px;font:400 11px/1 var(--f-mono);color:#8B8A86}
.mp-dol .pigulka2{background:#E9EAE7;color:#1B1A18;border-radius:7px;padding:8px 12px;font:600 11px/1 var(--f-tekst)}
.wyniki{margin-top:18px;display:flex;align-items:flex-end;gap:20px}
.licznik{font:800 44px/1 var(--f-naglowki);letter-spacing:-.04em;color:var(--karta-akcent)}
.wyniki small{display:block;font-size:12.5px;color:var(--karta-szept);margin-top:4px;max-width:150px;line-height:1.4}
.slupki{display:flex;align-items:flex-end;gap:7px;height:64px;margin-left:auto}
.slupki i{width:16px;border-radius:4px 4px 2px 2px;background:color-mix(in srgb, var(--karta-akcent) 30%, transparent);height:0;transition:height 700ms var(--ease);transition-delay:calc(var(--i) * 90ms + 240ms)}
.plan.aktywny .slupki i{height:var(--h)}.slupki i:last-child{background:var(--karta-akcent)}
.gmb-mapa{height:120px;position:relative;background:linear-gradient(90deg,rgba(0,0,0,.07) 1px,transparent 1px) 0 0/44px 44px,linear-gradient(rgba(0,0,0,.07) 1px,transparent 1px) 0 0/44px 44px,linear-gradient(120deg,#E8EEE8,#DCE7DC)}
.gmb-mapa::before{content:"";position:absolute;left:0;right:0;top:54%;height:9px;background:#fff;transform:rotate(-7deg)}
.gmb-mapa .pin{position:absolute;left:50%;top:44%;width:16px;height:16px;border-radius:50% 50% 50% 0;transform:translate(-50%,-50%) rotate(-45deg);background:var(--karta-akcent);box-shadow:0 0 0 0 var(--karta-akcent);animation:puls-pin 2.4s infinite}
@keyframes puls-pin{0%{box-shadow:0 0 0 0 rgba(0,0,0,.18)}70%{box-shadow:0 0 0 16px transparent}100%{box-shadow:0 0 0 0 transparent}}
.ocena{display:flex;align-items:center;gap:7px;margin-top:6px;font:600 13px/1 var(--f-tekst);color:#1B1A18}
.gwiazdki{color:#E8A33D;letter-spacing:1px;font-size:13px}.ocena small{font-weight:400;color:#8B8A86;font-size:12px}
.gmb-chipy{display:flex;gap:6px;flex-wrap:wrap;margin-top:11px}
.gmb-chipy span{font:500 10.5px/1 var(--f-mono);border:1px solid #E4E4E1;border-radius:100px;padding:6px 10px;color:#6C6B67}
.gmb-chipy span.otw{color:#1D7A46;border-color:#BFE3CD;background:#F0FAF3}
.pp-mini{display:grid;grid-template-columns:.88fr 1.12fr;gap:12px;align-items:center}
.pp-karta{background:#fff;border:1px solid var(--karta-linia);border-radius:13px;overflow:hidden}
.pp-przed{opacity:.68;filter:saturate(.5);transform:scale(.97)}
.pp-po{border-color:var(--karta-akcent);box-shadow:0 16px 40px rgba(var(--tekst-rgb),.16)}
.pp-glowka{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:9px 12px;border-bottom:1px solid var(--karta-linia)}
.pp-glowka b{font:700 12px/1.2 var(--f-naglowki);letter-spacing:-.02em;color:#1B1A18}
.pp-glowka small{font:500 9px/1 var(--f-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--karta-szept)}
.pp-badge{font:700 8px/1 var(--f-mono);letter-spacing:.12em;text-transform:uppercase;color:#fff;background:var(--karta-akcent);border-radius:100px;padding:4px 8px}
.pp-mini .gmb-mapa{height:44px;border-radius:0}.pp-mini .pin.szary{background:#9AA69F;animation:none}
.pp-tresc{padding:9px 12px 11px}.pp-tresc .ocena{margin-top:0}.gwiazdki.wygasle{color:#C9CFC9}
@media (max-width:760px){.eko{padding:54px 0 58px}.eko-naglowek{margin-bottom:22px}.znacznik{font-size:11px;padding:8px 13px;margin-bottom:18px;line-height:1.4;border-radius:14px}
.pulpit{grid-template-columns:1fr;gap:14px}.eko-lista{display:grid;grid-template-columns:1fr 1fr;gap:8px}.poz{padding:12px 13px;border-radius:12px;gap:8px}.poz small{display:none}.poz b{font-size:13.5px}
.poz.glowna{grid-column:1 / -1}.poz.glowna b{font-size:17px}.poz.glowna small{display:block;font-size:12px}.poz:hover,.poz.aktywna{transform:none}.eko-stopka{grid-column:1 / -1;font-size:11.5px;text-align:center;margin-top:2px}
.scena-eko{border-radius:16px}.plan{padding:18px 18px}.plan-gora b{font-size:16px}.plan-gora .chip{display:none}.zakres li{padding:9px 11px;font-size:12.5px;gap:9px}.zakres li span{display:none}
.www-rzad{gap:10px}.mini-hero{height:74px}.mini-hero b{font-size:11.5px}.mini-kafle i{height:24px}.licznik{font-size:34px}.slupki{height:48px}.slupki i{width:12px}.gmb-mapa{height:96px}}