/* ========================================================================== Widget filtrow produktow w kolumnie col-md-3 (src/kategorie/kategoria.njk, src/strony/produkty.njk, markup: src/kategorie/filtry-sidebar.njk, logika: public/filtry.js). Nowy, samodzielny plik (dozwolony przez GRANICE zadania: "public/css/ (dopisy/nowy filtry.css)") - linkowany wprost z body obu szablonow (layout.njk ma tylko jeden slot extraCss, wiec nie mozna dodac trzeciego w bez ruszania layout.njk, ktore jest poza GRANICE; w jest poprawnym HTML5 i dziala identycznie). UWAGA (diagnostyka, dla przyszlych zmian w tym pliku): reguly te probowalem najpierw dopisac na koniec public/css/strony.css (@import-owanego tez przez kategorie.css) - w narzedziu podgladu przegladarki uzywanym w tej sesji regula @media(min-width:768px) z .col-md-3/.col-md-9 byla tam pomijana przy renderowaniu (getComputedStyle dawal width:1140px zamiast 285px=25%, mimo ze fetch() z cache:'no-store' pokazywal poprawna, kompletna tresc pliku). Po przeniesieniu do osobnego pliku problem sie POWTORZYL, dopoki ta sama regula siedziala zaraz po duzym bloku komentarza /* ... */ na poczatku pliku - dopiero przesuniecie jej NA KONIEC pliku (ponizej) naprawilo renderowanie (zweryfikowane getComputedStyle: 285px/855px, plus zrzut ekranu). Przyczyna nieznana (mozliwy blad/limit samego narzedzia podgladu przy pierwszej regule @media po dlugim komentarzu w pliku laczonym przez w poczatkowym HTML) - nie CSS, bo ta sama regula podana dynamicznie (inline