na tej stronie), a nie na

wprost — dzięki temu jedna * reguła działa niezależnie od tego, jaki tag/id ma wrapper treści na * danym szablonie (patrz różne warianty #header + X w CLAUDE.md). * * Overlay istnieje w drzewie ZAWSZE (nie tylko pod :has()) — inaczej * przy odpowiedniej selekcji :has() element pojawiałby/znikałby skokowo, * bez możliwości przejścia. Zamiast tego bazowy stan ma opacity:0 + * visibility:hidden, a stan :has(...) go odsłania — ten sam wzorzec * opacity+visibility+transition-delay co panel FAQ akordeonu w * mobilet.eu (CLAUDE.md, "Początek odpowiedzi widoczny przy zwiniętym * akordeonie"): visibility znika/pojawia się DOPIERO po zakończeniu * animacji opacity, więc pod overlayem nie da się kliknąć w trakcie * fade-outu, a pojawia się natychmiast razem z fade-inem. * * z-index:50 — poniżej #header (z-index:100, nowymobilet.css:2991). * .mega-menu--test jest potomkiem #header w DOM, więc mimo position: * fixed stackuje się w obrębie stacking contextu #header (position+ * z-index na #header go tworzy) — efektywnie zawsze NAD overlayem, bez * potrzeby podbijania z-index samego panelu. * * top:0 (NIE var(--header-height)) — overlay zaczyna się od samej góry * viewportu, zamiast próbować trafić dokładnie w dół headera. Nie jest * to potrzebne: #header ma z-index:100 (nad overlayem, z-index:50) i jest * w pełni kryjący — a dokładnie w momencie, gdy overlay staje się widoczny * (:has(.js-mega-menu-miasta:hover)), reguła wyżej wymusza na headerze * background-color:white (już nie może być przezroczysty, patrz * #header:has() niżej) — więc górna część overlaya jest ZAWSZE fizycznie * zasłonięta przez nieprzezroczysty header, niezależnie od tego, czy * overlay i header pokrywają się co do piksela. Wyrównanie przez * kolejność malowania (stacking), nie przez zgodność współrzędnych. * * pointer-events:none — overlay jest czysto dekoracyjny/samoznikający: * zjechanie kursorem z triggera/bridge/panelu na obszar pod overlayem * i tak usuwa :hover z .js-mega-menu-miasta, co zamyka panel I overlay * jednym mechanizmem — nie trzeba przechwytywać kliknięć, żeby "kliknij * poza, by zamknąć" zadziałało. * * Czas .28s ease-in-out — DOKŁADNIE ta sama wartość co animacja wysokości * panelu (patrz nadpisanie transition na .sub-menu.mega-menu--test wyżej), * żeby przyciemnienie tła i wyrastanie panelu czytały się jako jeden ruch, * a nie dwie doganiające się animacje. #header od migracji na produkcję * (2026-09-07) NIE jest już do tego tempa dostrajany — zostaje przy * produkcyjnym .1s, patrz komentarz przy regule #header na górze pliku. */ body::after { content: ''; position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(0, 0, 0, .5); backdrop-filter: blur(3px); -webkit-backdrop-filter: blur(3px); z-index: 50; opacity: 0; visibility: hidden; pointer-events: none; /* .07s → .28s (2026-09-04), patrz komentarz przy #header na górze pliku */ transition: opacity .28s ease-in-out, visibility 0s linear .28s; } body:has(.js-mega-menu-miasta:is(:hover, .mm-force-open))::after { opacity: 1; visibility: visible; transition: opacity .28s ease-in-out, visibility 0s linear 0s; } } /* * WRAPPER (2026-09-03) — struktura panelu od tej zmiany: `

` (wymagany przez HTML — `
- ` jako dzieci, więc to jedyny sposób, * żeby "wepchnąć" pod spód zwykły `
  `) > `
  ` (DWIE klasy na jednym elemencie: `.wrapper` to * dosłownie ta sama sitewide klasa co reszta treści strony — * centrowanie/boczny padding identyczne jak wszędzie indziej — z jednym * świadomym wyjątkiem od 2026-09-05: max-width, patrz override * `.mega-menu--test .wrapper.mega-menu__grid` niżej, tuż pod * `.mega-menu__grid` — `.mega-menu__grid` niżej dokłada `display:grid` dla * layoutu wewnętrznego. Poza `list-style:none` (zbędne dzięki globalnemu resetowi, * zostawione jawnie) `.mega-menu__inner-item` nie miało własnego stylu do * 2026-09-04 — od tej daty dostaje `overflow:hidden` na desktopie, patrz * niżej. * * Konsekwencja: `.mega-menu__top` (niżej) i przyszła siatka miast żyją teraz * jako `
  `-y WEWNĄTRZ `.wrapper.mega-menu__grid`, nie jako bezpośrednie * `
- ` dzieci `.sub-menu` — stąd też usunięcie martwego już override'a * ucinania listy na górze pliku, patrz tamten komentarz. */ .mega-menu__inner-item { list-style: none; } .mega-menu__grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: .35rem 1.5rem; } /* * ZMIANA 2026-09-05 — max-width całej treści panelu (searchbar+przyciski, * przyszła siatka miast) ograniczony do stałych 1200px, na życzenie — * odstępstwo od sitewide `.wrapper` (750/980/1170/1370/1560px na kolejnych * breakpointach, nowymobilet.css, patrz komentarz przy "WRAPPER" wyżej), * które przy szerokich ekranach (≥1400px) rozciągało panel mega-menu do * 1370/1560px — szerzej, niż tu pożądane. Selektor `.mega-menu--test * .wrapper.mega-menu__grid` (specyficzność 0,3,0) bije każdą z sitewide * reguł `.wrapper{max-width:...}` (0,1,0 każda) niezależnie od breakpointu i * kolejności ładowania arkuszy — bez `!important`, bez media query. Poniżej * ≥1400px sitewide wartości (750/980/1170px) i tak są już mniejsze niż * 1200px, więc ten override efektywnie nic tam nie zmienia (max-width nigdy * nie jest osiągane) — praktyczny skutek widoczny dopiero od ≥1400px, * gdzie panel przestaje rosnąć razem z resztą strony i zatrzymuje się na * 1200px. `.mega-menu__grid` w selektorze (nie sam `.wrapper`) gwarantuje, * że reguła dotyczy WYŁĄCZNIE wrappera treści mega-menu, nie żadnego innego * użycia sitewide `.wrapper` na stronie. */ .mega-menu--test .wrapper.mega-menu__grid { max-width: 1200px; } /* * Mechanika wzrostu wysokości panelu (2026-09-04) — patrz obszerny komentarz * przy `.js-mega-menu-miasta>.sub-menu.mega-menu--test` (góra pliku) po pełne * uzasadnienie. W skrócie: `
  - `) potrzebuje `overflow:hidden`, żeby ta animacja * realnie kolapsowała do zera (spec: automatic minimum size grid itemu * rozwiązuje się do 0 tylko, gdy jego overflow nie jest `visible` — identyczna * mechanika co `.faq-accordion__panel-inner` w mobilet.eu). Pionowy padding * (`1px` góra / `1rem` dół, wartości z 2026-09-03) PRZENIESIONY tu z `
    - * (jedyny grid-item animowanego