/* Sprawdz dzialke pod OZE: mapa ofert i wejscie do karty miejsca. Zmienne kolorow z styl.css.
   v14 (23.09.2026, AL): sciaga wejsc schowana w batonie .mk-skad, pod nazwa jedno zdanie.
   v12 (23.09.2026, AL): sciaga wejsc .mk-wzory i baton .mk-skad pod nazwa uslugi.
   v11 (23.09.2026, decyzja AL): landing w jezyku karty miejsca (reguly .mk-* na koncu pliku);
   widok lista + mapa, tryb celownika i pas .bs-pas tej strony przestaly istniec. */
.md-app{background:#fff;border-bottom:1px solid var(--line)}
.md-row2{display:grid;grid-template-columns:repeat(3,200px);justify-content:center;gap:12px;align-items:end}
/* Grupa chipow wewnatrz drugiego rzedu bloku: bez wlasnego pudelka, zeby przy waskim
   ekranie chipy lamaly sie pojedynczo razem z reszta rzedu. */
.md-f{min-width:0}
.md-f label{display:block;font-size:14px;font-weight:700;color:var(--muted);letter-spacing:.2px;margin-bottom:4px}
.md-f input,.md-f select{width:100%;min-width:0;box-sizing:border-box;min-height:44px;padding:10px 12px;border:1px solid var(--line);border-radius:10px;font:400 14px Lato,sans-serif;background:#fff;color:var(--ink)}
.md-f input:focus,.md-f select:focus{outline:2px solid var(--green);outline-offset:1px}
.md-btn{min-height:44px;padding:10px 16px;border-radius:10px;border:1px solid var(--line);background:#fff;font:700 14px Lato,sans-serif;color:var(--navy);cursor:pointer}
.md-btn.primary{background:var(--navy);color:#fff;border-color:var(--navy)}
.md-btn.on{background:var(--green-l);border-color:var(--green);color:var(--green-d)}
/* Kreska rozdzielajaca ma sens tylko w jednym rzedzie. Drugi rzad filtrow tej strony
   niesie szesc chipow etapu, zakres mocy i dwa przyciski, a blok filtrow ma 920 px takze
   na monitorze, wiec rzad zawija sie rowniez na 1440 px. Zmierzone na renderze 8.09.2026:
   etykieta „Etap" i chipy stoja na y=533, zakres mocy i przyciski na y=564, a kreska
   zostaje na koncu pierwszej linii (x=1064) jak zgubiony znak. Grupy rozdziela tu
   etykieta pisana wersalikami, nie linia. */
.md-app .bs-drugi .bs-sep{display:none}
.md-more{display:none}
.md-app.md-open .md-more{display:grid;margin-top:12px;padding-top:12px;border-top:1px solid #f1f3f6}
.md-card{display:block;background:#fff;border:1px solid var(--line);border-radius:12px;padding:12px 14px;text-decoration:none;color:var(--ink);transition:border-color .15s,box-shadow .15s}
.md-card:hover,.md-card.active{border-color:var(--green);box-shadow:0 6px 18px rgba(0,181,176,.12)}
.md-price{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}
.md-price b{font-size:18px;color:var(--navy)}
.md-price span{font-size:14px;color:var(--muted)}
.md-title{font:700 14px/1.35 Lato,sans-serif;color:var(--navy);margin:6px 0 2px}
.md-meta{font-size:14px;color:var(--muted);line-height:1.5}
.md-tags{display:flex;gap:6px;flex-wrap:wrap;margin-top:6px}
.md-tag{font-size:14px;font-weight:800;letter-spacing:.2px;padding:2px 9px;border-radius:20px;background:#dfe7e7;color:#00625f}
.md-tag.new{background:#fdf6e3;color:#8a5d00}
.md-see{display:inline-block;margin-top:8px;font-size:14px;font-weight:700;color:var(--green-d)}
/* Widok mapy ma byc WLASNYM poziomem malowania. Leaflet trzyma panele i kontrolki na
   wysokich poziomach (kafle 200, znaczniki 600, dymki 700, kontrolki 800, naroza 1000),
   a #md-map nie ma wlasnego z-index, wiec bez isolation te poziomy licza sie wzgledem
   calej strony. Lista podpowiedzi adresowych siedzi w pasku wyszukiwania (.bs ma z-index 3),
   wiec rozwinieta zachodzila pod przyciski powiekszania mapy i pod przycisk „Sprawdz dzialke
   w tym miejscu". Po zamknieciu widoku we wlasnym kontekscie cala mapa stoi na jednym
   poziomie 0 i podpowiedzi maluja sie nad nia. Szuflada wyniku (.md-drawer, z-index 1200)
   jest poza widokiem, wiec nadal przykrywa mape. */
.md-map-wrap{position:relative;border-radius:12px;overflow:hidden;z-index:0;isolation:isolate}
#md-map{position:absolute;inset:0;background:#e9eef0}
/* Wlosowe szpary miedzy kaflami: przegladarka zaokragla pozycje kafla w dol, wiec przy
   niecalkowitym skalowaniu miedzy sasiadami zostaje pol piksela tla. Poltora promila naddatku
   zamyka szpare, nie przesuwajac obrazu w widoczny sposob. */
#md-map .leaflet-tile-container img.leaflet-tile{width:256.5px !important;height:256.5px !important;mix-blend-mode:normal !important;will-change:transform}
.md-pin{position:absolute;left:0;top:0;width:max-content;background:#fff;border:2px solid var(--green);color:var(--navy);font:800 14px/1 Lato,sans-serif;padding:6px 9px;border-radius:14px;white-space:nowrap;box-shadow:0 2px 6px rgba(0,0,0,.22);transform:translate(-50%,-100%)}
.md-pin.t-wind{border-color:#2856a3}.md-pin.t-bess{border-color:#e0a800}
.md-pin.active,.md-pin:hover{background:var(--navy);color:#fff;border-color:var(--navy)}
.md-marker .md-pin{position:static;box-sizing:border-box;width:100%;height:100%;transform:none;text-align:center}
.md-marker:focus-visible .md-pin{outline:3px solid #2856a3;outline-offset:3px}
.md-cluster{background:var(--navy);color:#fff;border-radius:50%;width:38px;height:38px;display:flex;align-items:center;justify-content:center;font:800 14px Lato,sans-serif;border:2.5px solid #fff;box-shadow:0 2px 8px rgba(0,0,0,.3)}
/* Podglad oferty czeka ukryty przez visibility, a NIE przez display. Powod jest mierzalny:
   skrypt wylicza jego pozycje zaraz po wypelnieniu trescia, a element bez pudelka ma
   offsetHeight rowne zero, wiec karta ladowala nizej, niz powinna, i po przycieciu mapy
   do zaokraglonych rogow gubila dol razem z odnoslnikiem „Zobacz oferte". */
.md-hover{position:absolute;z-index:900;width:260px;background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:0 10px 30px rgba(0,0,0,.18);padding:12px 14px;visibility:hidden;pointer-events:none}
.md-hover.show{visibility:visible;pointer-events:auto}
.md-hover .md-price b{font-size:16px}
/* SZERSZA SZUFLADA (AL, 10.09.2026: „ten pasek powinien byc troche szerszy zeby lepiej sie
   napisy lamaly"). Przy 520 px nazwy planow miejscowych, uchwaly i adresy zrodel lamaly sie
   po dwa slowa w wierszu. 640 px daje wierszowi okolo 70 znakow, czyli miare, w ktorej tekst
   czyta sie normalnie, a szuflada dalej zostawia widoczna mape pod spodem. */
.md-drawer{position:fixed;top:0;right:0;bottom:0;width:min(640px,100vw);background:#fff;box-shadow:-12px 0 30px rgba(0,0,0,.18);z-index:1200;transform:translateX(105%);transition:transform .25s;overflow:auto;padding:16px 18px 40px}
.md-drawer.open{transform:none}
.md-drawer-top{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:8px}
.md-drawer-top b{font-size:15px;color:var(--navy)}
#l360-app .t360-mapbox{display:none}
#l360-app .t360-title{font-size:20px}

/* ---------- legenda technologii ---------- */
/* Obwodka znacznika koduje technologie. Bez klucza kolor byl ozdoba, nie informacja
   (decyzja wlascicielki 4.09.2026: klucz w rogu mapy, a nie technologia na znaczniku,
   bo pigulki z nazwa technologii nachodza na siebie przy wiekszym zageszczeniu). */
.md-legenda{position:absolute;left:12px;bottom:14px;z-index:800;background:rgba(255,255,255,.96);
  border:1px solid var(--line);border-radius:10px;padding:9px 12px;box-shadow:0 2px 10px rgba(1,22,39,.16);
  font:400 14px Lato,sans-serif;color:var(--ink);display:flex;gap:12px;align-items:center;flex-wrap:wrap;max-width:calc(100% - 24px)}
.md-legenda b{font-weight:800;color:var(--navy);font-size:14px;letter-spacing:.2px}
.md-legenda span{display:inline-flex;align-items:center;gap:5px;white-space:nowrap}
.md-legenda i{width:14px;height:14px;border-radius:8px;background:#fff;border:2px solid var(--green);display:inline-block;flex:0 0 auto}
.md-legenda i.lg-wiatr{border-color:#2856a3}
.md-legenda i.lg-bess{border-color:#e0a800}
/* Na telefonie legenda ustepuje miejsca mapie: zostaja same kropki z krotkimi nazwami. */
@media (max-width:620px){
  .md-legenda{left:8px;bottom:10px;gap:8px;padding:7px 9px;font-size:14px}
  .md-legenda b{display:none}
}
/* ---------- bramka konta ---------- */
/* Panel staje w szufladzie ZAMIAST wyniku: mapa, lista i tresc strony zostaja publiczne,
   sciana dotyczy wylacznie wyniku sprawdzenia dzialki. Uklad ekranu zszedl 8.09.2026 do
   assets/bramka-konta.css, wspolnego dla mapy dzialek i kart, zeby te sama regule trzymalo
   jedno miejsce. */

.md-pin.t-land{border-color:#626b61;background:#eef1eb;color:#263b24}

.md-legenda .lg-land{background:#626b61}
/* PUSTY STAN LISTY (AL, 10.09.2026: „tu po lewej jest zbyt pusto popraw wizualnie").
   Kolumna listy ma stala wysokosc, wiec brak wynikow zostawial kilkaset pikseli bieli pod
   jednym zdaniem. Blok stoi w pionie na srodku tej przestrzeni i niesie akcje, nie sam komunikat. */
.md-pusty{display:flex;flex-direction:column;align-items:flex-start;gap:12px;padding:34px 18px;min-height:260px;justify-content:center}
.md-pusty-ic{width:42px;height:42px;border-radius:11px;background:#eaf5f4;color:var(--green-d,#007672);display:flex;align-items:center;justify-content:center}
.md-pusty-h{font-size:16px;line-height:1.55;color:var(--ink,#0f2a2e);font-weight:700;margin:0;max-width:30em}
.md-pusty-akcje{display:flex;gap:8px;flex-wrap:wrap;margin:2px 0 4px}
.md-pusty-akcja{font:600 14px/1.2 'Lato',sans-serif;color:var(--green-d,#007672);background:#f4f8f7;border:1px solid #dbeae7;border-radius:999px;padding:9px 16px;cursor:pointer;transition:background .15s,border-color .15s}
.md-pusty-akcja:hover,.md-pusty-akcja:focus-visible{background:#e9f4f2;border-color:var(--green,#00b5b0)}
.md-pusty-alt{font-size:14px;line-height:1.6;color:var(--muted,#5b6b68);margin:0;max-width:34em;padding-top:10px;border-top:1px solid var(--line,#e7eeec)}

/* Chip technologii z zerem zostaje (mowi, ze tej technologii dzis nie ma w ofertach), ale nie
   udaje wyboru: wygaszony, z kreskowana obwodka. Klase stawia mapa-dzialki.js po policzeniu. */
.md-app .ch.ch-zero:not([aria-pressed="true"]){color:#8b9096;border-style:dashed}
.md-app .ch.ch-zero:not([aria-pressed="true"]) small{color:#a0a5ab}
@media (max-width:980px){ .md-row2{grid-template-columns:1fr 1fr;justify-content:stretch} }

/* ============================================================================
   v11 (23.09.2026): LANDING W JEZYKU KARTY MIEJSCA (decyzja AL po pokazie propozycji).
   Pasek zapytania (.kd-bar, reguly w karta-dzialki.css), naglowek z kickerem, mapa nad
   trescia, pas liczb, sekcje-pytania, siatka kart: te same miary co karta-obiektu.css
   i karta-dzialki.css (kolumna 1120, nazwa 36/1,1, sekcja 22/1,2, liczby 28; kicker
   i etykiety liczb 14 px, bo 14 px to podloga bramki drobnego druku z 8.09.2026). Ciemnego pasa tu nie ma; klik w mape otwiera dymek z jednym przyciskiem.
   ============================================================================ */
/* Powloka wejscia (.mk, pasek, glowa z kickerem, pigulki, naglowek sekcji) mieszka
   od 23.09.2026 w assets/karta-obiektu.css: niosa ja TRZY wejscia „Sprawdz". Tutaj zostaje
   to, co ma tylko dzialka: mapa, panel filtrow nad nia, pas liczb, siatka kart. */
/* Sciaga wejsc pod nazwa uslugi (AL 23.09.2026): trzy przyklady do klikniecia, ktore
   WYPELNIAJA pole. Pigulka lzejsza od .mk-pill (36 px zamiast 40), bo to pomoc, nie
   dzialanie glowne. Przyklad pisany krojem o stalej szerokosci, zeby bylo widac, ze to
   doslowny tekst do wpisania, a nie nazwa wlasna. 14 px to podloga drobnego druku. */
.mk-wzory{list-style:none;display:flex;flex-wrap:wrap;gap:8px;margin:10px 0 12px;padding:0}
.mk-wzor{display:inline-flex;align-items:baseline;gap:8px;min-height:36px;padding:6px 13px;border:1px solid var(--ko-line,#e6e9ec);
  background:#fff;border-radius:999px;cursor:pointer;font:400 14px "Lato",sans-serif;color:var(--ko-muted,#5d646d);
  transition:border-color .15s,color .15s,background-color .15s}
.mk-wzor code{font:700 14px/1.2 ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--ko-ink,#161922);white-space:nowrap}
.mk-wzor:hover{border-color:var(--ko-green,#007672);background:#f4faf9}
.mk-wzor:hover code{color:var(--ko-green,#007672)}
.mk-wzor:focus-visible{outline:3px solid var(--ko-green,#007672);outline-offset:2px}
/* Wyjasnienie w batonie chowanym: na stronie zostaje jedna linia, tresc po kliknieciu. */
.mk-skad{margin:12px 0 0;font-size:14px;line-height:1.6;color:var(--ko-muted,#5d646d)}
.mk-skad>summary{cursor:pointer;color:var(--ko-green,#007672);font-weight:800;list-style:none;display:inline-flex;align-items:center;gap:7px;min-height:32px}
.mk-skad>summary::-webkit-details-marker{display:none}
.mk-skad>summary::before{content:"";width:7px;height:7px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(-45deg);transition:transform .15s}
.mk-skad[open]>summary::before{transform:rotate(45deg)}
.mk-skad>summary:focus-visible{outline:3px solid var(--ko-green,#007672);outline-offset:2px}
.mk-skad p{margin:8px 0 0;max-width:62ch}
/* Bez tla i paddingu: tlo z paddingiem tworzylo widoczna SPACJE przed kropka konczaca
   zdanie („na przyklad Trzebnica . W miastach"), a interpunkcja ma przylegac do wyrazu
   (obejrzane na renderze 1440, 23.09.2026). Przyklad odroznia sam kroj i kolor. */
.mk-skad code{font:700 14px/1.2 ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--ko-green,#007672);white-space:nowrap}
/* Mapa: pelna szerokosc kolumny, nad trescia, jak w karcie miejsca (tam 380 px pod obrys,
   tu 480 px, bo na mapie stoja jeszcze oferty i panel filtrow). */
.mk-mapblock{margin:24px 0 0}
.mk-map{position:relative;height:480px;border-radius:16px;border:1px solid var(--ko-line,#e6e9ec);overflow:hidden;isolation:isolate;z-index:0;background:#e9eef0}
.mk-map #md-map{position:absolute;inset:0}
/* O kliknieciu mowi linia pod nazwa i kursor celownika; klik otwiera pytanie z jednym przyciskiem. */
.mk-map .leaflet-container{cursor:crosshair}
.mk-map .leaflet-marker-icon,.mk-map .leaflet-control{cursor:pointer}
/* Panel filtrow wysuwany nad mapa, po prawej, w ksztalcie wspolnego bloku „Sprawdz".
   Selektor o trzech klasach, bo arkusz wspolnego bloku (blok-szukaj.css) laduje sie PO tym
   arkuszu i jego .bs (position:relative, z-index:3, ujemny margines) wygrywal z jedna klasa:
   panel rysowal sie w toku, pod kaflami mapy (zmierzone 23.09.2026 na zrzucie 1440). */
.mk-map .bs.mk-filtry{position:absolute;top:12px;right:12px;z-index:900;width:min(470px,calc(100% - 24px));margin:0;--bs-szer:none;--bs-etykieta:118px;
  padding:14px 16px;max-height:calc(100% - 24px);overflow:auto;box-sizing:border-box;box-shadow:0 10px 30px rgba(0,0,0,.18)}
.mk-map .bs.mk-filtry[hidden]{display:none}
.mk-filtry .bs-chipy{margin-top:0}
.mk-filtry .md-row2{grid-template-columns:1fr 1fr}
.mk-filtry .bs-drugi .ch{font-size:14px;padding:0 12px}
/* Dymek po kliknieciu w mape: jedno pytanie, jeden przycisk. */
.mk-pop .leaflet-popup-content-wrapper{border-radius:12px;box-shadow:0 10px 30px rgba(0,0,0,.18)}
.mk-pop .leaflet-popup-content{margin:14px 16px;font:14px/1.45 "Lato",sans-serif;color:var(--ko-ink,#161922);min-width:220px}
.mk-pop b{display:block;font-size:15px;font-weight:900}
.mk-pop span{display:block;margin-top:2px;color:var(--ko-muted,#5d646d);font-variant-numeric:tabular-nums}
.mk-pop-btn{display:block;width:100%;margin-top:10px;background:var(--ko-ink,#161922);color:#fff;border:0;border-radius:9px;padding:10px 14px;font:800 14px "Lato",sans-serif;cursor:pointer}
.mk-pop-btn:hover{background:#00534f}
/* Pas liczb pod mapa: ten sam rytm co w karcie (liczba 28, etykieta wersalikami 12). */
.mk-facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px 20px;margin:26px 0 0;padding:22px 0 26px;
  border-top:1px solid var(--ko-line,#e6e9ec);border-bottom:1px solid var(--ko-line,#e6e9ec)}
.mk-facts .ko-fact{text-decoration:none;color:var(--ko-ink,#161922);display:block;min-width:0}
.mk-facts .ko-fact b{display:block;font-size:28px;line-height:1.05;font-weight:900;letter-spacing:-.02em;font-variant-numeric:tabular-nums}
.mk-facts .ko-fact span{display:block;margin-top:6px;font-size:14px;letter-spacing:.05em;text-transform:uppercase;color:var(--ko-muted,#5d646d);font-weight:700}
.mk-facts a.ko-fact:hover b{color:var(--ko-green,#007672)}
/* Sekcje-pytania jak w karcie: pytanie nad kreska, po prawej liczba. */
.mk-sec .md-count{position:static;margin:0;padding:0;font-size:15px;line-height:1.45;color:var(--ko-muted,#5d646d);text-align:right;max-width:60%}
/* Lista ofert: siatka kart zamiast kolumny przy mapie; szesc na start, reszta po kliknieciu. */
.mk-lista.md-list{display:block;overflow:visible;border:0;border-radius:0;background:transparent;margin-top:14px;height:auto}
.mk-cards.md-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;padding:0}
.mk-cards.mk-skrot .md-card:nth-child(n+7){display:none}
.mk .md-card{border-radius:14px;padding:16px 18px;border:1px solid var(--ko-line,#e6e9ec)}
.mk .md-price b{font-size:22px;font-weight:900;letter-spacing:-.02em;color:var(--ko-ink,#161922)}
.mk .md-title{font-size:15px}
.mk .md-pusty{grid-column:1/-1}
.mk-wiecej{display:inline-block;margin:16px 0 0;padding:0;font:800 15px "Lato",sans-serif;color:var(--ko-green,#007672);background:none;border:0;cursor:pointer;text-decoration:underline;text-underline-offset:3px;min-height:44px}
.mk-wiecej[hidden]{display:none}
/* Przyklad wyniku: te same karty co w karcie miejsca, pod pytaniem. */
.mk-przyklad{margin-top:14px;padding-bottom:56px}
.mk-przyklad .pex-t{margin:0 0 12px}
.mk-przyklad .pex-more{margin-top:12px}
@media (max-width:760px){
  .mk-map{height:380px;border-radius:12px}
  .mk-map .bs.mk-filtry{left:12px;right:12px;width:auto;--bs-etykieta:100px}
  .mk-facts{grid-template-columns:repeat(2,minmax(0,1fr))}
  .mk-cards.md-cards{grid-template-columns:1fr}
  .mk-sec .md-count{max-width:none;text-align:left}
}