/* Bezpłatna diagnoza firmy. Zasada linii: jedna linia otwiera grupę pytań, w środku odstępy. Wyjątki: ramki odpowiedzi (kontrolki) i pasek postępu (dane). */ .jp-diag-strona .site.grid-container{max-width:none;padding:0} .jp-diag-strona .site-content{display:block;padding:0} .jp-diag{padding-top:32px;padding-bottom:96px} .jp-diag__glowa h1{margin:0 0 18px;max-width:16em} .jp-diag__glowa .jp-karta__lead{max-width:36em;margin-bottom:14px} .jp-diag__meta{margin:0;font-size:15px;line-height:1.5;color:var(--pomocniczy);max-width:44em} .jp-diag__form{max-width:860px} .jp-diag__grupa{margin:56px 0 0;padding-top:20px;border-top:1px solid var(--atrament)} .jp-diag__grupa h2{font-size:clamp(24px,2.4vw,30px);margin:0 0 8px} .jp-diag__pytanie{border:0;margin:28px 0 0;padding:0;min-width:0} .jp-diag__pytanie legend{display:flex;gap:14px;padding:0;margin:0 0 14px;font-size:18px;line-height:1.5;font-weight:600;color:var(--atrament)} .jp-diag__nr{flex:0 0 26px;font-family:var(--kroj-szeryf);font-weight:600;color:var(--zielen);font-variant-numeric:lining-nums tabular-nums} .jp-diag__opcje{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-left:40px;max-width:620px} @media (max-width:640px){.jp-diag__opcje{grid-template-columns:repeat(2,minmax(0,1fr));margin-left:0}} .jp-diag__opcje label{position:relative;display:block;cursor:pointer;margin:0} .jp-diag__opcje input{position:absolute;opacity:0;width:1px;height:1px} .jp-diag__opcje span{display:flex;align-items:center;justify-content:center;min-height:46px;padding:0 10px;border:1px solid var(--linia-2);border-radius:2px;background:var(--biel);font-size:16px;font-weight:600;text-align:center;transition:border-color .12s,background-color .12s} .jp-diag__opcje label:hover span{border-color:var(--atrament)} .jp-diag__opcje input:checked+span{background:var(--atrament);border-color:var(--atrament);color:var(--biel)} .jp-diag__opcje input:focus-visible+span{outline:2px solid var(--zolty);outline-offset:2px} .jp-diag__pytanie--brak legend{color:#8a2a12} .jp-diag__pytanie--brak .jp-diag__opcje span{border-color:#8a2a12} /* Pasek z postępem i przyciskiem, przyklejony do dołu ekranu */ .jp-diag__pasek{position:sticky;bottom:0;z-index:5;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 24px;margin:48px 0 0;padding:14px 0;background:var(--biel);box-shadow:0 -1px 0 var(--atrament)} .jp-diag__postep{flex:1 1 240px;min-width:0;font-size:15px;color:var(--pomocniczy)} .jp-diag__tor{position:relative;height:6px;margin-top:8px;background:var(--tor);max-width:360px} .jp-diag__tor::after{content:"";position:absolute;left:0;top:0;bottom:0;width:var(--postep,0%);background:var(--zielen);transition:width .2s} .jp-diag__brak-info{margin:12px 0 0;font-size:15px;color:#8a2a12} .jp-diag__brak-info:empty{display:none} /* Po wyniku formularz znika, wraca przyciskiem „Zmień odpowiedzi” */ .jp-diag--wyniki .jp-diag__form{display:none} .jp-diag__po{display:none;max-width:860px} .jp-diag--wyniki .jp-diag__po{display:block} /* Wynik */ .jp-diag__wyniki{max-width:860px;margin-top:48px;padding-top:24px;border-top:1px solid var(--atrament)} .jp-diag__wynik{display:grid;grid-template-columns:auto minmax(0,1fr);gap:16px 40px;align-items:start} @media (max-width:640px){.jp-diag__wynik{grid-template-columns:minmax(0,1fr)}} .jp-diag__punkty{font-family:var(--kroj-szeryf);font-weight:600;font-size:22px;color:var(--pomocniczy);font-variant-numeric:lining-nums tabular-nums;white-space:nowrap} .jp-diag__punkty span{font-size:clamp(56px,6vw,76px);line-height:1;color:var(--atrament);letter-spacing:-.02em} .jp-diag__wynik h3{margin:6px 0 10px;font-size:clamp(24px,2.4vw,30px)} .jp-diag__wynik h3:focus{outline:none} .jp-diag__wynik p{margin:0 0 10px;line-height:1.6;max-width:40em} .jp-diag__podsumowanie{font-weight:600} .jp-diag__blok{margin:48px 0 0} .jp-diag__blok h3{margin:0 0 14px;font-size:24px} .jp-diag__oferta{padding:22px 0 0;border-top:2px solid var(--atrament)} .jp-diag__oferta>p{margin:0 0 12px;line-height:1.6} .jp-diag__oferta ul{list-style:none;margin:0 0 14px;padding:0;max-width:560px} .jp-diag__oferta li{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 12px;padding:6px 0;font-size:17px} .jp-diag__oferta li span{font-size:15px;color:var(--pomocniczy)} .jp-diag__oferta li strong{margin-left:auto;font-family:var(--kroj-szeryf);font-variant-numeric:lining-nums tabular-nums} .jp-diag__suma{font-weight:600} .jp-diag__braki{list-style:none;margin:0;padding:0;counter-reset:brak} .jp-diag__braki>li{margin:0 0 32px;padding:0 0 0 40px;position:relative;counter-increment:brak} .jp-diag__braki>li::before{content:counter(brak);position:absolute;left:0;top:1px;font-family:var(--kroj-szeryf);font-weight:600;font-size:19px;color:var(--zielen)} .jp-diag__brak-glowa{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px;margin:0 0 4px} .jp-diag__brak-tytul{font-family:var(--kroj-szeryf);font-weight:600;font-size:20px;line-height:1.3} .jp-diag__braki p{margin:0 0 8px;line-height:1.6;max-width:42em} .jp-diag__odp{font-size:15px;color:var(--pomocniczy)} .jp-diag__dobrze{margin:0;padding:0 0 0 20px;line-height:1.7} .jp-diag__przyciski{display:flex;flex-wrap:wrap;gap:12px;margin:40px 0 0} .jp-diag__konsultacja{margin:48px 0 0;padding-top:20px;border-top:1px solid var(--atrament)} .jp-diag__konsultacja h3{margin:0 0 8px;font-size:24px} .jp-diag__konsultacja p{margin:0 0 14px;max-width:40em;line-height:1.6} /*