/* Okienko wersji próbnej: dopisuje się do stylów .szs-z z zamowienie.css. */
.szs-p { width: min(560px, calc(100% - 32px)); }
.szs-p .szs-z__tytul { margin-bottom: 12px; }
.szs-p__ukryte { position: absolute !important; left: -9999px; width: 1px; height: 1px; overflow: hidden; }
.szs-p__male { margin: 0; font-size: 14px; line-height: 1.45; color: var(--z-muted); }
.szs-p__male a { color: var(--z-link); font-weight: 700; }
.szs-p__kroki { margin: 0 0 18px; padding: 0; list-style: none; counter-reset: szs-p; display: flex; flex-direction: column; gap: 12px; }
.szs-p__kroki li { position: relative; margin: 0; padding: 3px 0 0 44px; counter-increment: szs-p; font-size: 15.5px; line-height: 1.45; }
.szs-p__kroki li::before {
	content: counter(szs-p); position: absolute; left: 0; top: 0;
	display: grid; place-items: center; width: 30px; height: 30px;
	background: var(--z-yellow); border: 2.5px solid var(--z-ink); border-radius: 50%;
	font: 800 15px/1 var(--z-display);
}
.szs-p [data-widok="gotowe"] .szs-p__male { margin-bottom: 22px; }
@media (max-width: 620px) { .szs-p { width: 100%; } }