>

Zaloguj się

Nie pamiętam hasła
Nie masz konta? Załóż konto

Darmowy skan
/* ================= LIGHTBOX DARMOWEGO SKANU ================= */ .sl-open{overflow:hidden} .sl{position:fixed;inset:0;z-index:320;display:flex;align-items:center; justify-content:center;padding:20px;opacity:0;pointer-events:none; transition:opacity .26s ease} .sl.on{opacity:1;pointer-events:auto} .sl-bg{position:absolute;inset:0;background:rgba(14,15,18,.55); -webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)} .sl-box{position:relative;width:min(1140px,100%);max-height:min(94vh,760px); background:#fff;border-radius:22px;overflow:hidden;display:grid; grid-template-columns:0.78fr 1.22fr; box-shadow:0 40px 90px -30px rgba(14,15,18,.6); transform:translateY(14px) scale(.985);transition:transform .34s cubic-bezier(.16,1,.3,1)} .sl.on .sl-box{transform:none} .sl-x{position:absolute;top:0;right:0;z-index:6;width:52px;height:52px; background:var(--ink);border:0;cursor:pointer;color:#fff;font-size:22px; line-height:52px;transition:background .2s ease} .sl-x:hover{background:var(--signal-dk,#3f7d3a)} /* lewa kolumna, krotki opis */ .sl-art{position:relative;padding:40px 36px;display:flex;flex-direction:column; justify-content:center;color:#fff;overflow:hidden;background:var(--ink)} .sl-art::before{content:"";position:absolute;inset:0; background-image:url(https://seostreets.com/img/seostreets-background.jpg); background-size:cover;background-position:center;filter:grayscale(1);opacity:.16} .sl-art>*{position:relative} .sl-art .sl-lab{font-size:11px;font-weight:700;letter-spacing:.16em; text-transform:uppercase;color:rgba(255,255,255,.62);margin-bottom:13px} .sl-art h3{margin:0;font-size:25px;font-weight:700;letter-spacing:-.026em;line-height:1.18} .sl-art p{margin:12px 0 0;font-size:14px;line-height:1.6;color:rgba(255,255,255,.84)} .sl-steps{margin:20px 0 0;padding:0;list-style:none;display:grid;gap:10px} .sl-steps li{position:relative;padding-left:29px;font-size:13.5px;line-height:1.5; color:rgba(255,255,255,.9)} .sl-steps li b{display:inline-block;position:absolute;left:0;top:0;width:20px;height:20px; border-radius:50%;border:1px solid rgba(255,255,255,.45);font-size:11px;font-weight:700; line-height:19px;text-align:center;color:#fff} .sl-art .sl-fine{margin-top:20px;font-size:12.5px;line-height:1.55;color:rgba(255,255,255,.6)} /* prawa kolumna, formularz */ .sl-form{padding:36px 36px 32px;overflow-y:auto;-webkit-overflow-scrolling:touch} .sl-form h2{margin:0 0 5px;font-size:24px;font-weight:700;letter-spacing:-.026em; line-height:1.2;color:var(--ink)} .sl-form>p.sl-sub{margin:0 0 18px;font-size:13.5px;line-height:1.55;color:var(--grey)} .sl-grid{display:grid;grid-template-columns:1fr 1fr;gap:11px} .sl-f{position:relative;margin:0} .sl-f.wide{grid-column:1 / -1} .sl-f label{display:block;font-size:12px;font-weight:600;color:var(--grey);margin-bottom:5px} .sl-f label span{text-transform:none;letter-spacing:0;color:var(--grey-2);font-weight:400} .sl-f input{width:100%;padding:12px 14px;border:1px solid var(--line);border-radius:11px; font-family:inherit;font-size:15px;color:var(--ink);background:#fff; -webkit-appearance:none;appearance:none;transition:border-color .2s ease} .sl-f input:focus{outline:none;border-color:var(--ink)} .sl-ac{position:absolute;left:0;right:0;top:calc(100% + 5px);z-index:8;background:#fff; border:1px solid var(--line);border-radius:12px;box-shadow:0 18px 40px -18px rgba(14,15,18,.4); max-height:206px;overflow-y:auto;display:none} .sl-ac.open{display:block} .sl-ac div{padding:10px 14px;font-size:14px;color:var(--ink);cursor:pointer;line-height:1.35} .sl-ac div:hover,.sl-ac div[aria-selected="true"]{background:var(--wash,#f7f7f5)} .sl-hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden} .sl-go{width:100%;margin-top:15px;padding:15px 24px;border:0;border-radius:999px; background:var(--ink);color:#fff;font-family:inherit;font-size:15px;font-weight:600; cursor:pointer;transition:background .2s ease} .sl-go:hover{background:var(--signal-dk,#3f7d3a)} .sl-go:disabled{opacity:.6;cursor:default} .sl-msg{margin-top:11px;font-size:13.5px;line-height:1.55;display:none; padding:11px 14px;border-radius:10px} .sl-msg.err{display:block;background:rgba(217,97,79,.14);color:#9c3a2c} .sl-msg.ok{display:block;background:rgba(108,190,69,.14);color:#2f6b1c} /* Rzad silnikow w oknie ma zmiescic sie w dwoch liniach: silniki w pierwszej, jezyk i powtorzenia w drugiej. Stad width:100% na bloku z powtorzeniami, ktore spycha go do wlasnego wiersza, oraz nowrap, ktory nie pozwala mu rozlac sie na trzeci. */ .sl-eng{display:flex;flex-wrap:wrap;align-items:center;gap:5px; margin-top:16px;padding-top:15px;border-top:1px solid var(--line)} .sl-eng .sl-lab2{font-size:11.5px;color:var(--grey-2);align-self:center; margin-right:3px;white-space:nowrap} .sl-eng .chip{padding:4px 8px;font-size:11px;gap:5px;border-radius:8px;white-space:nowrap} .sl-eng .chip i{width:5px;height:5px} .sl-eng .chip s{font-size:7.5px;margin-left:1px} .sl-runs{display:flex;align-items:center;gap:5px;flex-wrap:nowrap; width:100%;margin-top:3px} .sl-note{margin:13px 0 0;font-size:12.5px;line-height:1.6;color:var(--grey-2)} .sl-note b{color:var(--ink);font-weight:600} .sl-legal{margin:9px 0 0;font-size:12px;line-height:1.55;color:var(--grey-2)} .sl-legal a{color:var(--grey);text-decoration:underline} /* ---- tablet ---- */ @media(max-width:900px){ .sl{padding:0;align-items:stretch} .sl-box{grid-template-columns:1fr;width:100%;max-height:100%;height:100%; border-radius:0;overflow-y:auto;transform:translateY(24px)} .sl-art{padding:26px 22px 24px} .sl-art h3{font-size:21px} .sl-steps{gap:9px;margin-top:15px} .sl-art .sl-fine{display:none} .sl-form{padding:24px 22px 40px} .sl-x{background:rgba(255,255,255,.16);width:46px;height:46px;line-height:46px; font-size:19px;border-radius:0 0 0 14px} .sl-x:hover{background:rgba(255,255,255,.3)} } /* ---- telefon ---- */ @media(max-width:560px){ .sl-grid{grid-template-columns:1fr} .sl-art{padding:24px 18px 22px} .sl-art h3{font-size:20px} .sl-art p{font-size:13.5px} .sl-form{padding:22px 18px 36px} .sl-form h2{font-size:21px} /* 16px chroni przed przyblizaniem widoku na iOS */ .sl-f input{font-size:16px;padding:13px 14px} .sl-go{padding:16px 24px} .sl-eng{gap:6px} .sl-runs{flex-wrap:wrap;white-space:normal} } @media(max-height:640px) and (min-width:901px){ .sl-box{max-height:96vh} .sl-art{padding:26px 30px} .sl-form{padding:26px 30px} } /* ====== rzad silnikow w hero: wszystko w jednej linii ====== */ .eng{gap:5px} .eng-lab{font-size:12px;margin-right:3px} .eng .chip{padding:5px 9px;font-size:11.5px;gap:6px;border-radius:8px} .eng .chip i{width:5px;height:5px} .eng .chip s{font-size:8px} .eng .runs{margin-left:14px;gap:5px;white-space:nowrap;flex-wrap:nowrap} .eng .runs span{font-size:12px} @media(max-width:1150px){ .eng .runs{margin-left:0;width:100%;margin-top:4px;flex-wrap:wrap;white-space:normal} } /* Etykieta i oba przyciski trzymamy w jednej linii. nowrap, bo przy zawijaniu rzad rosl o drugi wiersz i cala kolumna sie przesuwala. */ .site-row{display:flex;align-items:center;gap:8px;margin:0 0 5px; flex-wrap:nowrap;white-space:nowrap} .site-row>label{margin:0!important;flex:none} .site-pick{display:flex;align-items:center;gap:5px;flex-wrap:nowrap;margin:0} .site-pick .chip{padding:4px 9px;font-size:11px;border-radius:8px;white-space:nowrap} /* Zaznaczona odpowiedz koloruje ramke: zielona przy "mam strone", czerwona przy "nie mam". Bez tego oba przyciski wygladaly tak samo. */ .site-pick .site-yes[aria-pressed="true"]{color:var(--ink);border-color:#3f7d3a; box-shadow:inset 0 0 0 1px #3f7d3a} .site-pick .site-no[aria-pressed="true"]{color:var(--ink);border-color:#c0392b; box-shadow:inset 0 0 0 1px #c0392b} .site-pick .chip[aria-pressed="false"]{color:var(--grey-2)} .site-pick .chip[aria-pressed="false"]:hover{color:var(--grey)} /* HERO: pole znika calkowicie, ale visibility zamiast display, wiec miejsce po nim zostaje zarezerwowane i nic w formularzu nie podskakuje. */ .fld input.site-off{visibility:hidden} /* OKNO SKANU: pole zostaje widoczne, tylko wygaszone na szaro. */ .sl-f input:disabled{background:var(--wash,#f7f7f5);color:var(--grey-2); border-color:var(--line);cursor:not-allowed} .sl-f input:disabled::placeholder{color:var(--grey-2)} /* wybor sciezki na cenniku */ .path-pick{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:32px} .path-card{position:relative;text-align:left;padding:26px 26px 30px;border:1px solid var(--line); border-radius:18px;background:#fff;font-family:inherit;cursor:pointer; transition:border-color .2s ease,box-shadow .2s ease} .path-card:hover{border-color:var(--grey-2)} .path-card[aria-pressed="true"]{border-color:var(--ink); box-shadow:0 18px 40px -26px rgba(14,15,18,.45)} .path-card b{display:block;font-size:18px;font-weight:700;color:var(--ink);margin-bottom:10px} .path-card span{display:block;font-size:14.5px;line-height:1.62;color:var(--grey)} .path-mark{position:absolute;top:16px;right:18px;font-style:normal;font-size:10.5px; font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--signal-dk,#3f7d3a); opacity:0;transition:opacity .2s ease} .path-card[aria-pressed="true"] .path-mark{opacity:1} @media(max-width:760px){.path-pick{grid-template-columns:1fr}} /* wiersze zalezne od wyboru sciezki */ tr[data-only="site"]{display:none} html.has-site tr[data-only="site"]{display:table-row} html.has-site tr[data-only="nosite"]{display:none} /* podkreslone zdanie w sekcji zamykajacej: tlo tylko pod tekstem */ .close p .k{display:block;width:fit-content;max-width:100%;margin:8px auto 0} ass="rail" aria-label="Skróty">Darmowy skan