/* ===== 3.11.2026: /wycena — prototyp „Co możemy dla Ciebie zrobić?” (research/2026-11-03-uklad-i-menu.md, sekcja 9).
   Ładowany tylko przez tę stronę, po nowy2.css. Widoczność bloków: skrypt dla-ciebie.js ustawia atrybut hidden;
   reguły :has() poniżej robią to samo bez skryptu (Chrome 105+, Safari 15.4+, Firefox 121+). ===== */

/* 1. Wybór w banerze: sześć kart-przycisków radio */
.hero__text--dc{max-width:780px}
.wyb{border:0;margin:40px 0 0;padding:0;min-width:0}
.wyb__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;max-width:1000px}
.wyb__k{position:relative;display:flex;align-items:center;gap:14px;min-height:78px;padding:14px 18px;border-radius:18px;background:rgba(255,255,255,.94);color:var(--navy);
  cursor:pointer;box-shadow:0 10px 30px rgba(0,0,0,.18);transition:box-shadow .15s,background .15s}
.wyb__k input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer}
.wyb__ico{display:grid;place-items:center;flex:none;width:44px;height:44px;border-radius:12px;background:#E8F0FC;color:var(--blue);transition:background .15s,color .15s}
.wyb__ico svg{width:22px;height:22px}
.wyb__t{font:600 16.5px/1.25 var(--head);letter-spacing:-.01em}
.wyb__t small{display:block;margin-top:3px;font:400 13.5px/1.35 var(--body);color:var(--ink-2)}
.wyb__k:hover{box-shadow:0 10px 30px rgba(0,0,0,.18),inset 0 0 0 2px var(--blue)}
.wyb__k:has(input:checked){background:#fff;box-shadow:0 10px 30px rgba(0,0,0,.18),inset 0 0 0 3px var(--blue)}
.wyb__k:has(input:checked) .wyb__ico{background:var(--blue);color:#fff}
.wyb__k:has(input:focus-visible){outline:3px solid #fff;outline-offset:3px}
.wyb__note{margin:22px 0 0;font-size:15px;line-height:1.55;color:rgba(255,255,255,.85);max-width:780px}
.wyb__note a{color:#fff}

/* 2. Widoczność bloków wyniku (zabezpieczenie bez skryptu; skrypt ustawia hidden) */
[data-for][hidden],[data-pre][hidden]{display:none !important}
body:not(:has(input[name="kim"]:checked)) [data-for]{display:none !important}
body:has(input[name="kim"]:checked) [data-pre]{display:none !important}
body:has(#kim-jdg:checked) [data-for]:not([data-for~="jdg"]){display:none !important}
body:has(#kim-spolka:checked) [data-for]:not([data-for~="spolka"]){display:none !important}
body:has(#kim-online:checked) [data-for]:not([data-for~="online"]){display:none !important}
body:has(#kim-fundacja:checked) [data-for]:not([data-for~="fundacja"]){display:none !important}
body:has(#kim-pit:checked) [data-for]:not([data-for~="pit"]){display:none !important}
body:has(#kim-start:checked) [data-for]:not([data-for~="start"]){display:none !important}
body:not(:has(input[name="prac"][value="tak"]:checked)) [data-prac="tak"]{display:none !important}

/* 3. Wynik */
.wyn{padding-block:64px 96px}
.pre{margin:0 auto;max-width:860px;text-align:center}
.pre ul{list-style:none;display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin:22px 0 0;padding:0}
.pre li{padding:13px 20px;border-radius:999px;background:#fff;box-shadow:inset 0 0 0 1px var(--line);font:600 15.5px/1.2 var(--head);color:var(--navy)}
.wyn__head{margin:0}
.wyn__head .eyebrow a{margin-left:10px;color:var(--blue-d);font-weight:500;text-decoration:underline;text-underline-offset:3px}
.wyn__head h2{outline:none}
.wyn__head h2.is-target{outline:none;box-shadow:none}
.wyn__h{font-size:30px;line-height:1.15;letter-spacing:-.015em;color:var(--navy);text-align:center;margin:80px 0 0}
.wyn__lead{font-size:18px;line-height:1.6;color:var(--ink);max-width:780px;margin:14px auto 0;text-align:center;text-wrap:balance}
.wyn__more{margin:22px 0 0;text-align:center;font-size:15.5px;line-height:1.5}
.wyn__more a{color:var(--blue-d)}
.usl--wyn{margin-top:28px}
.usl--wyn[data-n="0"]{display:none}
.usl--wyn[data-n="2"]{grid-template-columns:repeat(2,minmax(0,1fr))}
.usl--wyn[data-n="1"]{grid-template-columns:minmax(0,1fr)}
.usl--wyn[data-n="1"] li{display:grid;grid-template-columns:52px minmax(0,1fr);column-gap:22px;align-items:start}
.usl--wyn[data-n="1"] li > :not(.usl__ico){grid-column:2}
.usl--wyn[data-n="1"] h3{margin-top:0}
.usl--wyn[data-n="1"] .usl__more{margin-top:14px;padding-top:0}
.wyn .flow{margin-top:28px}
.wyn .flow h3{font-size:20px}
.aside--wyn{margin-top:20px}
.wyn .month{margin-top:32px}
.wyn .cost{margin-top:80px}
.term{list-style:none;margin:28px auto 0;padding:0;max-width:760px;display:grid;gap:10px}
.term li{display:grid;grid-template-columns:auto minmax(0,1fr);gap:16px;align-items:center;padding:16px 20px 16px 16px;border-radius:18px;background:#fff;box-shadow:inset 0 0 0 1px var(--line)}
.term b{display:grid;place-items:center;min-width:68px;height:68px;padding:0 10px;border-radius:14px;background:var(--navy);color:#fff;font:400 20px/1 var(--head);letter-spacing:-.01em;text-align:center;white-space:nowrap}
.term span{font-size:15.5px;line-height:1.45;color:var(--ink)}
.src--wyn{margin:16px 0 0;text-align:center;font-size:13.5px;line-height:1.5;color:var(--ink-2)}
.faq .src{margin-top:12px}

/* 4. Węższe ekrany */
@media (max-width:1000px){
  .wyb__grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .wyn__h{font-size:27px;margin-top:64px}
}
@media (max-width:700px){
  .wyb{margin-top:28px}
  .wyb__grid{gap:10px}
  /* 14.11.2026: na telefonie w wersjach UA/RU długie słowo („предпринимательскую”, „підприємницьку”) wychodziło poza kafelek w dwóch kolumnach */
  html:not([lang="pl"]) .wyb__grid{grid-template-columns:minmax(0,1fr)}
  .wyb__k{min-height:66px;padding:12px 12px;gap:10px;border-radius:14px}
  .wyb__ico{width:38px;height:38px;border-radius:10px}
  .wyb__ico svg{width:20px;height:20px}
  .wyb__t{font-size:15px}
  .wyb__t small{font-size:12.5px;margin-top:2px}
  .wyb__note{font-size:14px;margin-top:18px}
  .wyn{padding-block:44px 64px}
  .wyn__h{font-size:24px;margin-top:52px}
  .wyn__lead{font-size:16.5px}
  .usl--wyn[data-n="2"],.usl--wyn[data-n="1"]{grid-template-columns:minmax(0,1fr)}
  .usl--wyn[data-n="1"] li{display:flex;flex-direction:column}
  .usl--wyn[data-n="1"] h3{margin-top:20px}
  .usl--wyn[data-n="1"] .usl__more{margin-top:auto;padding-top:18px}
  .term b{min-width:60px;height:60px;font-size:18px}
  .wyn .cost{margin-top:56px}
  .pre li{font-size:14.5px;padding:11px 16px}
}


/* 5. Formularz wyceny (3 XI, wieczór; Bartek: „na całą szerokość, bezpośrednio pod pastylkami”) — tylko ta strona.
   Biały panel zaraz pod nagłówkiem sytuacji; pytania jako pastylki w fieldsetach z data-for (niewidoczne = display:none, skrypt dodatkowo disabled). */
.wyc{margin:40px auto 0;max-width:1120px;padding:40px 44px 36px;border-radius:var(--r-l);background:#fff;box-shadow:inset 0 0 0 1px var(--line);display:grid;gap:26px}
.wyc__head{display:grid;gap:10px;max-width:780px}
.wyc__head h3{font-size:30px;line-height:1.15}
.wyc .qform__lead{margin-top:0}
.wyc__intro{font-size:15.5px;line-height:1.55;color:var(--ink-2)}
.wyc__q{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:22px 36px;padding-top:2px}
.wyc__q[hidden]{display:none}
.wyc .chips legend .opt{display:block;margin-top:1px}
.chips__row{display:flex;flex-wrap:wrap;gap:8px;margin-top:2px}
.chips__row label{position:relative;display:block;cursor:pointer}
.chips__row input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer}
.chips__row span{display:block;padding:9px 14px;border-radius:999px;background:#EEF1F6;font:500 14.5px/1.2 var(--body);color:var(--navy);box-shadow:inset 0 0 0 1px transparent;transition:background .15s,color .15s,box-shadow .15s}
.chips__row label:hover span{box-shadow:inset 0 0 0 1px rgba(10,21,71,.25)}
.chips__row input:checked + span{background:var(--navy);color:#fff;box-shadow:none}
.chips__row input:focus-visible + span{outline:2px solid var(--blue);outline-offset:2px}
.wyc__sum{font-size:14.5px;line-height:1.55;color:var(--ink);padding:12px 14px;border-radius:12px;background:#F7F8FA;box-shadow:inset 0 0 0 1px rgba(10,21,71,.10)}
.wyc__sum b{color:var(--navy);font-weight:600}
.wyc__sum:empty{display:none}
.wyc__send{display:grid;gap:16px}
.wyc__row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1.25fr);gap:16px;align-items:start}
.wyc textarea{min-height:76px}
.wyc .btn{width:auto;justify-self:start;padding-inline:40px}
/* dolny Kontakt bez formularza: jedna kolumna + przycisk do formularza wyżej */
.kontakt--solo{grid-template-columns:minmax(0,1fr);gap:0}
.kontakt__cta{margin-top:32px}
.kontakt__cta .btn{width:auto}
@media (max-width:1000px){
  .wyc{padding:32px 28px 28px}
}
@media (max-width:700px){
  .wyc{margin-top:28px;padding:24px 18px 22px;border-radius:22px;gap:20px}
  .wyc__head h3{font-size:26px}
  .wyc__q{gap:18px}
  .wyc__row{grid-template-columns:minmax(0,1fr)}
  .wyc .btn{width:100%}
  .kontakt__cta{order:3;margin-top:24px}
  .chips__row span{padding:9px 12px;font-size:14px}
}