/*----------------------------------------------------------- MAX CONTAINER Plik dodany 2026-07-29. Wszystkie zmiany dotyczace maksymalnej szerokosci tresci trzymamy TUTAJ, zeby nie mieszac ich z generowanym style-size.css ani z reszta style.css. Ladowany jako ostatni w header.php - wygrywa przy rownej specyficznosci. Ograniczane sa rowniez tla sekcji - powyzej 1920px po bokach widac tlo . Pelnoekranowe zostaja tylko nakladki (.overlay-section, #lightbox, #preloader), bo maja przykrywac caly ekran. -------------------------------------------------------------*/ :root { --max-container: 1920px; } /* Naglowek - .header-wrapper zostaje pelnoekranowy, ograniczamy sam .header (a wraz z nim .header-line, ktory jest wzgledem niego absolutny). */ .header { max-width: var(--max-container); margin-left: auto; margin-right: auto; } /* Cale sekcje wraz z tlami. .background-image w hero jest position:absolute wewnatrz #section-1.section (ktory ma position:relative), wiec ogranicza sie sam - nie trzeba go ruszac. .realted-news to osobny pas z tlem #EFEFEF opakowujacy #section-10.section, lezy POZA .section - stad w liscie. Swiadomie ustawiamy margin-left/right zamiast skrotu margin, zeby nie kasowac margin-bottom/top ze style-size.css. */ .section, .realted-news { max-width: var(--max-container); margin-left: auto; margin-right: auto; } /* Tresc sekcji, overlay menu i stopka - wszystkie uzywaja tego samego wrappera .section-width. Dla sekcji jest to juz nadmiarowe, ale .section-width w stopce lezy poza .section, wiec regula musi zostac. */ .section-width { max-width: var(--max-container); margin-left: auto; margin-right: auto; } /* Przycisk "wstecz" jest position:absolute wzgledem .content-wrapper, ktory zostaje pelnoekranowy - bez tego powyzej 1920px odjechalby od krawedzi kontenera. max() dokłada polowe marginesu dopiero gdy viewport przekroczy --max-container. */ #section-2.section.page .back { left: max( clamp(20px, calc(20px + (60) * ((100vw - 320px) / (1680))), 80px), calc((100vw - var(--max-container)) / 2 + clamp(20px, calc(20px + (60) * ((100vw - 320px) / (1680))), 80px)) ); }