h1.big-label { font-size: 0; } h1.big-label::before { content: 'Stay Old Town '; font-size: 1.75rem; /* dopasuj do oryginału */ } h1.big-label small { font-size: 1rem; /* dopasuj do oryginału */ } /* ===================================================================== §SOT-CMS-SEKCJE - styl natywnych sekcji CMS na stronie glownej Dodane 2026-09-16 (zgloszenie 1240114482). PO CO: blok "O nas" byl wczesniej jednym kawalkiem HTML z trzema zdjeciami wpisanymi na sztywno (indeksy 3, 4, 5 galerii). Klient nie mial jak ich podmienic bez programisty. Teraz blok jest natywna sekcja typu "photo_and_text", wiec w panelu ma KLIKALNY slot zdjecia - ale platforma renderuje taka sekcje jako goly wiersz Bootstrapa (`.section_sub.container > .row > .col-12.col-md-6`), bez zadnych klas. Ten blok nadaje jej wyglad reszty serwisu: Unna w naglowku, morska zielen #106166, lista z ikonami zamiast kropek, zdjecie w kadrze. UWAGA NA SELEKTORY: zdjecie sekcji jest BEZPOSREDNIM dzieckiem kolumny, a ikonki listy siedza glebiej (li > img). Dlatego wszedzie jest `> img`, nie `img` - inaczej ikonki dostawalyby wysokosc 400 px. ===================================================================== */ html body.page-index .section_sub.container > .row { align-items: center; margin-bottom: 56px; } /* Zdjecie sekcji - kadr zamiast pelnej wysokosci pliku. HISTORIA PROPORCJI (zeby nie wrocic do bledu): pierwotne zdjecie z galerii mialo 513x1080 px, czyli WASKI PION (0,47). Wciskanie go w kadr poziomy obcinalo ponad polowe i wieza wygladala na zblizona - zgloszone przez Damiana. Od 2026-09-16 w slocie jest zdjecie Rynku Starego Miasta z Adobe Stock (licencja standardowa, plik 749763727), przeskalowane przez platforme do 1625x1080, czyli 3:2. Kadr idzie za zdjeciem, nie odwrotnie: `aspect-ratio: 3 / 2` nic nie obcina. Zmieniasz zdjecie w panelu na pion? Zmien tez ta wartosc. */ html body.page-index .section_sub.container > .row > [class*="col-"] > img { display: block; width: 100%; aspect-ratio: 3 / 2; object-fit: cover; object-position: center center; } html body.page-index .section_sub.container > .row h2 { font-family: 'Unna', serif; font-size: clamp(26px, 3.2vw, 36px); font-weight: 700; color: #282828; margin: 0 0 14px; } html body.page-index .section_sub.container > .row > [class*="col-"] > p { color: #6b6b6b; margin: 0; } html body.page-index .section_sub.container > .row ul { list-style: none; margin: 24px 0 28px; padding: 0; } html body.page-index .section_sub.container > .row ul li { display: flex; align-items: center; gap: 12px; padding: 11px 0; border-bottom: 1px solid #ececec; font-size: 15px; color: #282828; } html body.page-index .section_sub.container > .row ul li:last-child { border-bottom: none; } html body.page-index .section_sub.container > .row ul li img { flex: 0 0 20px; width: 20px; height: 20px; object-fit: contain; } /* przycisk: platforma rozciaga .btn na cala szerokosc kolumny */ html body.page-index .section_sub.container > .row .btn { display: inline-block; width: auto; padding: 0 32px; line-height: 48px; border-radius: 4px; } @media (min-width: 768px) { html body.page-index .section_sub.container > .row > [class*="col-"]:last-child { padding-left: 48px; } } @media (max-width: 767px) { html body.page-index .section_sub.container > .row > [class*="col-"] > img { aspect-ratio: 4 / 3; } html body.page-index .section_sub.container > .row { margin-bottom: 36px; } } /* ===================================================================== §SOT-IKONY-LISTY - ikony listy w bloku "O nas" (dodane 2026-09-16) PO CO: te cztery piktogramy byly PLIKAMI w galerii strony glownej (6-9.svg), a ta galeria jest ZRODLEM SLAJDOW HERO - platforma nie ma przy zdjeciu zadnego przelacznika "pokaz w sliderze". Efekt: co drugi slajd hero byl pojedyncza ikonka 16x16 rozciagnieta na 2825 px szerokosci. Zgloszone przez Damiana 16.09. Ikony sa teraz w CSS (data URI, kolor oryginalny #856945), a pliki z galerii usuniete - wiec hero pokazuje wylacznie zdjecia. Tekst listy w panelu to zwykle
  • , bez ; klient moze go edytowac i nie musi wiedziec o ikonach. KOLEJNOSC MA ZNACZENIE: ikona jest przypisana do pozycji na liscie (nth-child). Piata i kolejna pozycja dostaje kropke w kolorze marki. ===================================================================== */ html body.page-index .section_sub.container > .row ul li::before { content: ""; flex: 0 0 20px; width: 20px; height: 20px; background-repeat: no-repeat; background-position: center center; background-size: 16px 16px; background-image: radial-gradient(circle at center, #106166 0 3px, transparent 3px); } /* kamienica - Wyjatkowy klimat (ex 6.svg z galerii) */ html body.page-index .section_sub.container > .row ul li:nth-child(1)::before { background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E %3Cpath d='M15 13.5001H14V6.5004C14 6.2352 13.8946 5.98086 13.7071 5.79333C13.5196 5.6058 13.2652 5.50045 13 5.50045H9V2.5006C9.00012 2.31952 8.95106 2.14181 8.85807 1.98644C8.76507 1.83106 8.63163 1.70385 8.47199 1.61839C8.31234 1.53292 8.13248 1.49241 7.95161 1.50117C7.77073 1.50993 7.59564 1.56764 7.445 1.66814L2.445 5.00047C2.30784 5.09198 2.19543 5.21599 2.11779 5.36145C2.04015 5.5069 1.99969 5.6693 2 5.83418V13.5001H1C0.867392 13.5001 0.740215 13.5527 0.646447 13.6465C0.552678 13.7403 0.5 13.8674 0.5 14C0.5 14.1326 0.552678 14.2598 0.646447 14.3536C0.740215 14.4473 0.867392 14.5 1 14.5H15C15.1326 14.5 15.2598 14.4473 15.3536 14.3536C15.4473 14.2598 15.5 14.1326 15.5 14C15.5 13.8674 15.4473 13.7403 15.3536 13.6465C15.2598 13.5527 15.1326 13.5001 15 13.5001ZM13 6.5004V13.5001H9V6.5004H13ZM3 5.83418L8 2.5006V13.5001H3V5.83418ZM7 7.50035V8.5003C7 8.6329 6.94732 8.76007 6.85355 8.85384C6.75979 8.9476 6.63261 9.00027 6.5 9.00027C6.36739 9.00027 6.24021 8.9476 6.14645 8.85384C6.05268 8.76007 6 8.6329 6 8.5003V7.50035C6 7.36775 6.05268 7.24058 6.14645 7.14681C6.24021 7.05305 6.36739 7.00037 6.5 7.00037C6.63261 7.00037 6.75979 7.05305 6.85355 7.14681C6.94732 7.24058 7 7.36775 7 7.50035ZM5 7.50035V8.5003C5 8.6329 4.94732 8.76007 4.85355 8.85384C4.75979 8.9476 4.63261 9.00027 4.5 9.00027C4.36739 9.00027 4.24021 8.9476 4.14645 8.85384C4.05268 8.76007 4 8.6329 4 8.5003V7.50035C4 7.36775 4.05268 7.24058 4.14645 7.14681C4.24021 7.05305 4.36739 7.00037 4.5 7.00037C4.63261 7.00037 4.75979 7.05305 4.85355 7.14681C4.94732 7.24058 5 7.36775 5 7.50035ZM5 11.0002V12.0001C5 12.1327 4.94732 12.2599 4.85355 12.3537C4.75979 12.4474 4.63261 12.5001 4.5 12.5001C4.36739 12.5001 4.24021 12.4474 4.14645 12.3537C4.05268 12.2599 4 12.1327 4 12.0001V11.0002C4 10.8676 4.05268 10.7404 4.14645 10.6466C4.24021 10.5529 4.36739 10.5002 4.5 10.5002C4.63261 10.5002 4.75979 10.5529 4.85355 10.6466C4.94732 10.7404 5 10.8676 5 11.0002ZM7 11.0002V12.0001C7 12.1327 6.94732 12.2599 6.85355 12.3537C6.75979 12.4474 6.63261 12.5001 6.5 12.5001C6.36739 12.5001 6.24021 12.4474 6.14645 12.3537C6.05268 12.2599 6 12.1327 6 12.0001V11.0002C6 10.8676 6.05268 10.7404 6.14645 10.6466C6.24021 10.5529 6.36739 10.5002 6.5 10.5002C6.63261 10.5002 6.75979 10.5529 6.85355 10.6466C6.94732 10.7404 7 10.8676 7 11.0002Z' fill='%23856945'/%3E %3C/svg%3E"); } /* gwiazda - Stylowe wnetrza (ex 7.svg z galerii) */ html body.page-index .section_sub.container > .row ul li:nth-child(2)::before { background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E %3Cpath d='M14.9501 6.35163C14.8895 6.16728 14.7754 6.00459 14.622 5.88384C14.4686 5.76309 14.2826 5.6896 14.0872 5.67254L10.3761 5.35645L8.92141 1.93876C8.84567 1.75942 8.71792 1.60624 8.55425 1.49849C8.39057 1.39075 8.19829 1.33325 8.00161 1.33325C7.80493 1.33325 7.61264 1.39075 7.44897 1.49849C7.28529 1.60624 7.15755 1.75942 7.08181 1.93876L5.6315 5.35645L1.91606 5.67439C1.71988 5.69068 1.53293 5.76383 1.37865 5.88467C1.22438 6.00551 1.10966 6.16867 1.04886 6.35367C0.988066 6.53868 0.983911 6.7373 1.03692 6.92463C1.08992 7.11196 1.19773 7.27966 1.34681 7.40669L4.16557 9.84032L3.32076 13.4543C3.27608 13.6435 3.28883 13.8414 3.3574 14.0234C3.42597 14.2054 3.54733 14.3634 3.70629 14.4776C3.86526 14.5919 4.05478 14.6573 4.25116 14.6657C4.44754 14.6741 4.64207 14.6251 4.81043 14.5248L7.99723 12.611L11.1909 14.5248C11.3593 14.6251 11.5538 14.6741 11.7502 14.6657C11.9466 14.6573 12.1361 14.5919 12.295 14.4776C12.454 14.3634 12.5754 14.2054 12.6439 14.0234C12.7125 13.8414 12.7253 13.6435 12.6806 13.4543L11.8364 9.83661L14.6545 7.40669C14.8036 7.27922 14.9112 7.11104 14.9638 6.92332C15.0164 6.73559 15.0116 6.53669 14.9501 6.35163ZM13.999 6.66031L11.1809 9.09023C11.0438 9.2081 10.9417 9.36069 10.8858 9.53158C10.8299 9.70248 10.8221 9.8852 10.8635 10.0601L11.7102 13.6803L8.51899 11.7665C8.3633 11.6728 8.18452 11.6232 8.00223 11.6232C7.81994 11.6232 7.64116 11.6728 7.48547 11.7665L4.29867 13.6803L5.13973 10.0626C5.18107 9.88767 5.17335 9.70494 5.11742 9.53405C5.06149 9.36316 4.95946 9.21057 4.8223 9.0927L2.00292 6.66401C2.00269 6.66217 2.00269 6.6603 2.00292 6.65846L5.71711 6.34113C5.89844 6.32534 6.07197 6.26094 6.21898 6.15486C6.36599 6.04879 6.48089 5.90507 6.5513 5.73921L8.00161 2.32584L9.45129 5.73921C9.5217 5.90507 9.6366 6.04879 9.78361 6.15486C9.93061 6.26094 10.1041 6.32534 10.2855 6.34113L14.0003 6.65846C14.0003 6.65846 14.0003 6.66216 14.0003 6.66278L13.999 6.66031Z' fill='%23856945'/%3E %3C/svg%3E"); } /* pinezka - Kilka lokalizacji (ex 8.svg z galerii) */ html body.page-index .section_sub.container > .row ul li:nth-child(3)::before { background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E %3Cpath d='M8.00016 3.80964C7.49073 3.80964 6.99273 3.96324 6.56915 4.25103C6.14557 4.53882 5.81543 4.94786 5.62047 5.42643C5.42552 5.90501 5.37451 6.43162 5.4739 6.93967C5.57328 7.44772 5.8186 7.91439 6.17883 8.28068C6.53905 8.64696 6.99801 8.8964 7.49766 8.99746C7.99731 9.09852 8.5152 9.04665 8.98586 8.84842C9.45652 8.65019 9.8588 8.31449 10.1418 7.88379C10.4249 7.45309 10.5759 6.94671 10.5759 6.42871C10.5759 5.73409 10.3045 5.06792 9.8215 4.57675C9.33845 4.08557 8.6833 3.80964 8.00016 3.80964ZM8.00016 8.00016C7.6945 8.00016 7.3957 7.90799 7.14155 7.73532C6.88741 7.56265 6.68932 7.31722 6.57235 7.03008C6.45538 6.74293 6.42477 6.42697 6.4844 6.12214C6.54404 5.81731 6.69123 5.5373 6.90736 5.31753C7.1235 5.09776 7.39887 4.9481 7.69866 4.88746C7.99845 4.82683 8.30919 4.85795 8.59158 4.97689C8.87398 5.09582 9.11534 5.29724 9.28516 5.55566C9.45498 5.81409 9.54562 6.11791 9.54562 6.42871C9.54562 6.84548 9.38279 7.24519 9.09296 7.53989C8.80314 7.83459 8.41004 8.00016 8.00016 8.00016ZM8.00016 0.666748C6.49779 0.668481 5.05744 1.2761 3.99511 2.3563C2.93277 3.4365 2.3352 4.90108 2.3335 6.42871C2.3335 8.48468 3.26785 10.6638 5.03804 12.7309C5.83345 13.6649 6.72867 14.506 7.70717 15.2386C7.79379 15.3003 7.89698 15.3334 8.00274 15.3334C8.10849 15.3334 8.21169 15.3003 8.29831 15.2386C9.275 14.5057 10.1685 13.6646 10.9623 12.7309C12.7299 10.6638 13.6668 8.48468 13.6668 6.42871C13.6651 4.90108 13.0676 3.4365 12.0052 2.3563C10.9429 1.2761 9.50253 0.668481 8.00016 0.666748ZM8.00016 14.155C6.93573 13.3038 3.3638 10.1773 3.3638 6.42871C3.3638 5.17839 3.85227 3.97928 4.72176 3.09517C5.59125 2.21106 6.77052 1.71438 8.00016 1.71438C9.2298 1.71438 10.4091 2.21106 11.2786 3.09517C12.1481 3.97928 12.6365 5.17839 12.6365 6.42871C12.6365 10.176 9.06459 13.3038 8.00016 14.155Z' fill='%23856945'/%3E %3C/svg%3E"); } /* klucz - Dobrze wyposazone (ex 9.svg z galerii) */ html body.page-index .section_sub.container > .row ul li:nth-child(4)::before { background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E %3Cpath d='M13.6412 4.70696H9.23798L11.4399 2.53214C11.5361 2.43707 11.5902 2.30813 11.5902 2.17369C11.5902 2.03924 11.5361 1.9103 11.4399 1.81523C11.3437 1.72016 11.2132 1.66675 11.0771 1.66675C10.941 1.66675 10.8105 1.72016 10.7143 1.81523L8.00016 4.49733L5.28606 1.81523C5.23841 1.76815 5.18185 1.73081 5.1196 1.70534C5.05734 1.67986 4.99062 1.66675 4.92324 1.66675C4.85586 1.66675 4.78914 1.67986 4.72688 1.70534C4.66463 1.73081 4.60807 1.76815 4.56042 1.81523C4.46419 1.9103 4.41013 2.03924 4.41013 2.17369C4.41013 2.30813 4.46419 2.43707 4.56042 2.53214L6.76234 4.70696H2.35914C2.08712 4.70696 1.82624 4.81372 1.6339 5.00375C1.44155 5.19379 1.3335 5.45153 1.3335 5.72027V13.3201C1.3335 13.5888 1.44155 13.8466 1.6339 14.0366C1.82624 14.2267 2.08712 14.3334 2.35914 14.3334H13.6412C13.9132 14.3334 14.1741 14.2267 14.3664 14.0366C14.5588 13.8466 14.6668 13.5888 14.6668 13.3201V5.72027C14.6668 5.45153 14.5588 5.19379 14.3664 5.00375C14.1741 4.81372 13.9132 4.70696 13.6412 4.70696ZM13.6412 13.3201H2.35914V5.72027H13.6412V13.3201Z' fill='%23856945'/%3E %3C/svg%3E"); } /* 2026-10-05 - kontrast WCAG: drobne przypisy na podstronach Okolica i Przewodnik mialy #8a8a8a (3,45:1). Dopisane NA KONIEC pola custom_style_1_input i _2_input (Strona www -> Arkusz stylow CSS); reszta tego pola to tresc sprzed nas. */ html body .sot-okolica__przypis, html body .sot-art__zrodlo { color: #5F5F5F !important; }