/* Nowy wygląd – strony CMS (agent cms): „Jak zamawiać” (/promation-zamowienie.php; treść z klasami jz-*, i-pyt). Ładuje _cms/info.html.twig, gdy treść ma jz-.
   Część dawnego cms.css (podział 04.10 – każdy układ ładuje tylko swoje reguły; kolejność reguł bez zmian).
   Wspólne poprawki stron CMS: cms.css (ładowany PO tym pliku). */
/* ---- info.css: Jak zamawiać, O firmie, Nasi klienci, strony o firmie ---- */
/* znak ? z dymkiem pomocy */
.i-pyt{position:relative;display:inline-block;vertical-align:middle;margin-left:4px}
.i-pyt summary{display:inline-flex;align-items:center;gap:6px;cursor:pointer;list-style:none;font-size:14px;font-weight:600;color:var(--blue-700)}
.i-pyt summary::-webkit-details-marker{display:none}
.i-pyt-z{display:inline-grid;place-items:center;width:22px;height:22px;border-radius:50%;border:2px solid var(--blue);background:#fff;color:var(--blue-700);font-size:13px;font-weight:800;line-height:1}
.i-pyt-t{text-decoration:underline dotted;text-underline-offset:3px}
.i-pyt[open] .i-pyt-z{background:var(--blue);color:#fff}
.i-dymek{position:absolute;z-index:30;left:0;top:calc(100% + 8px);width:min(360px,80vw);padding:14px 16px;border-radius:14px;background:#fff;border:1px solid var(--sky-200);box-shadow:var(--shadow-3);font-size:14px;line-height:1.5;font-weight:400;color:var(--ink);text-align:left}
.i-dymek::before{content:"";position:absolute;left:14px;top:-7px;width:12px;height:12px;background:#fff;border-left:1px solid var(--sky-200);border-top:1px solid var(--sky-200);transform:rotate(45deg)}
.i-dymek b{display:block;margin-bottom:6px;color:var(--navy);font-size:14.5px}
.i-dymek ul{margin:0 0 8px;padding-left:18px}.i-dymek li{margin:3px 0}.i-dymek p{margin:0 0 6px}.i-dymek p:last-child{margin:0}
/* dwie karty */
.jz-dwie{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,1fr);gap:16px;margin:4px 0 30px}
.jz-karta{position:relative;display:flex;flex-direction:column;gap:12px;padding:24px;border:1px solid var(--line);border-radius:22px;background:#fff;font-size:15.5px;line-height:1.6}
.jz-karta h3{margin:0;font-size:21px}
.jz-karta p,.jz-p{margin:0}
.jz-karta .btn{align-self:flex-start;margin-top:auto;text-decoration:none!important}
.jz-karta--koszyk{border:2px solid var(--blue);background:linear-gradient(160deg,var(--sky-50),#fff 55%);box-shadow:0 10px 30px rgba(1,179,225,.12)}
.jz-znak{position:absolute;right:18px;top:18px;padding:3px 11px;border-radius:999px;background:var(--blue);color:#fff;font-size:12.5px;font-weight:700}
.jz-ikona{display:grid;place-items:center;width:54px;height:54px;border-radius:50%;background:#fff;border:2px solid var(--sky-200);color:var(--blue-700);box-shadow:0 0 0 6px var(--sky-50)}
.jz-karta--koszyk .jz-ikona{background:var(--blue);border-color:var(--blue);color:#fff;box-shadow:0 0 0 6px var(--sky-100)}
.jz-ikona--m{width:46px;height:46px;flex:none}
.jz-pkt{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.jz-pkt li{display:flex;gap:8px;align-items:flex-start;font-size:15px}
.jz-pkt svg{flex:none;margin-top:4px;color:var(--green)}
.jz-pkt--rzad{grid-template-columns:repeat(2,minmax(0,1fr));margin:16px 0}
.jz-adres{font-weight:800;color:var(--navy)!important;white-space:nowrap}
.jz-zal{display:block;padding:10px 12px;border-radius:12px;background:#F7FBFE;border:1px dashed var(--sky-200);font-size:14.5px;color:#34424F}
.jz-zal svg{vertical-align:-3px;color:var(--blue-700)}
/* co dalej – kroki */
.jz-kroki{list-style:none;margin:4px 0 30px;padding:0;display:grid;gap:14px}
.jz-kroki li{display:grid;grid-template-columns:44px minmax(0,1fr);gap:14px;align-items:start}
.jz-kroki b{display:block;color:var(--navy);font-size:16.5px;margin-top:2px}
.jz-kroki p{margin:4px 0 0;font-size:15px;line-height:1.55;color:#34424F}
.jz-nr{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:var(--blue);color:#fff;font-weight:800;font-size:17px;box-shadow:0 0 0 6px var(--sky-100)}
.jz-kroki--poziom{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;position:relative}
.jz-kroki--poziom::before{content:"";position:absolute;left:22px;right:22px;top:21px;height:2px;background:var(--sky-200);z-index:0}
.jz-kroki--poziom li{grid-template-columns:1fr;position:relative;z-index:1}
/* fakty */
.jz-fakty{list-style:none;margin:4px 0 22px;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.jz-fakty li{display:flex;flex-direction:column;gap:6px;padding:16px;border:1px solid var(--line);border-radius:16px;background:#fff}
.jz-fakty b{color:var(--navy);font-size:15.5px;line-height:1.3}
.jz-fakty small{font-size:13.5px;line-height:1.5;color:var(--muted)}
.jz-fi{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:var(--sky-50);color:var(--blue-700)}
/* instytucje */
.jz-inst{display:flex;gap:16px;align-items:flex-start;margin:0 0 30px;padding:22px 24px;border-radius:20px;background:linear-gradient(120deg,#F7FBFE,#fff);border:1px solid var(--sky-200);font-size:15.5px;line-height:1.6}
.jz-inst h3{margin:2px 0 8px;font-size:19px}
.jz-inst p,.jz-inst .jz-p{margin:0 0 10px}
.jz-faq{margin:4px 0 18px}
.jz-dalej{font-size:15px;color:var(--muted)}
/* 2 – przełącznik */
.jz-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:6px;border-radius:18px;background:var(--sky-50);border:1px solid var(--sky-100);margin:4px 0 14px}
.jz-tabs button{display:flex;align-items:center;justify-content:center;gap:10px;min-height:58px;border:0;border-radius:14px;background:transparent;color:var(--navy);font:700 16.5px/1.2 var(--font);cursor:pointer}
.jz-tabs button small{padding:2px 9px;border-radius:999px;background:var(--blue);color:#fff;font-size:12px;font-weight:700}
.jz-tabs button[aria-selected="true"]{background:#fff;box-shadow:var(--shadow-1);color:var(--blue-700)}
.jz-panel{margin:0 0 30px;padding:24px;border:1px solid var(--line);border-radius:22px;background:#fff}
.jz-panel .btn{text-decoration:none!important}
.jz-panel-lead{margin:0 0 16px!important;font-size:16.5px}
.jz-panel .jz-kroki{margin-bottom:6px}
.jz-wzor{margin:0 0 14px;border:1px dashed var(--sky-200);border-radius:16px;background:#F7FBFE;overflow:hidden}
.jz-wzor-h{display:flex;align-items:center;gap:8px;padding:10px 14px;border-bottom:1px dashed var(--sky-200);font-size:14px;font-weight:700;color:var(--navy)}
.jz-wzor-h .btn{margin-left:auto}
.jz-wzor pre{margin:0;padding:14px 16px;font:14.5px/1.6 ui-monospace,Consolas,monospace;white-space:pre-wrap;color:#26323e}
.jz-panel-akcje{display:flex;flex-wrap:wrap;align-items:center;gap:14px;margin:0 0 14px}
/* 3 – ścieżka */
.jz-droga{list-style:none;margin:6px 0 30px;padding:0}
.jz-droga>li{position:relative;display:grid;grid-template-columns:52px minmax(0,1fr);gap:18px;padding:0 0 26px}
.jz-droga>li::before{content:"";position:absolute;left:25px;top:52px;bottom:4px;width:2px;background:var(--sky-200)}
.jz-droga>li:last-child::before{display:none}
.jz-droga .jz-nr{width:52px;height:52px;font-size:19px}
.jz-droga h3{margin:10px 0 8px;font-size:19px}
.jz-droga p{margin:0}
.jz-dwie--male{margin:10px 0 0}
.jz-dwie--male .jz-karta{padding:20px}
.jz-dwie--male .jz-karta h3{font-size:18px}
@media (max-width:1100px){.jz-fakty{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:860px){
  .jz-dwie{grid-template-columns:minmax(0,1fr)}
  .jz-kroki--poziom{grid-template-columns:1fr}.jz-kroki--poziom::before{display:none}
  .jz-kroki--poziom li{grid-template-columns:44px minmax(0,1fr)}
  .jz-pkt--rzad{grid-template-columns:1fr}
}
@media (max-width:560px){
  .jz-fakty{grid-template-columns:1fr}
  .jz-tabs{grid-template-columns:1fr}
  .jz-inst{flex-direction:column;padding:18px}
  .jz-karta,.jz-panel{padding:18px}
  .i-pyt{display:block;margin:8px 0 0}
  .i-dymek{position:static;width:auto;margin-top:8px;box-shadow:none}
  .i-dymek::before{display:none}
  .jz-droga>li{grid-template-columns:40px minmax(0,1fr);gap:12px}.jz-droga .jz-nr{width:40px;height:40px;font-size:16px}.jz-droga>li::before{left:19px;top:42px}
}
@media (max-width:560px){.jz-karta .btn,.jz-panel .btn{white-space:normal;align-self:stretch;text-align:center}}