/* Generator kodu QR do opinii Google: uzupelnienie stylow site-service (formularz z mini-audytu). */
.qr-tool [hidden],.qr-wynik[hidden]{display:none!important}
.qr-tool{display:none;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:28px;align-items:start}
.qr-tool .audit-form{margin:0}
.qr-tool .form-field small,.qr-tool .qr-hint{display:block;margin-top:6px;font-size:14px;line-height:1.45;color:#4a4f63;background-color:transparent}
.qr-tool select{width:100%}
.qr-radio{display:flex;flex-wrap:wrap;gap:10px 18px;margin-top:6px}
.qr-radio label{display:flex;align-items:center;gap:8px;font-weight:500}
.qr-komunikat{margin:10px 0 0;padding:0;font-size:15px;line-height:1.45;border-radius:12px}
.qr-komunikat:empty{display:none}
.qr-komunikat.qr-dobrze{padding:10px 12px;background:#e7f6ec;color:#185c2e}
.qr-komunikat.qr-uwaga{padding:10px 12px;background:#fff6dc;color:#6b4d00}
.qr-komunikat.qr-blad{padding:10px 12px;background:#fde8e8;color:#8a1c1c}
.qr-uwaga-napis{margin-top:8px;padding:10px 12px;border-radius:12px;background:#fff6dc;color:#6b4d00;font-size:14px}
.qr-wynik{padding:22px;border-radius:24px;background:rgba(255,255,255,.82);box-shadow:0 18px 50px rgba(32,40,90,.12)}
.qr-podglad{max-width:280px;margin:0 auto;background:#fff;border-radius:12px}
.qr-podglad svg{display:block;width:100%;height:auto}
.qr-link-tekst{margin:10px 0 0;font-size:13px;line-height:1.4;color:#4a4f63;overflow-wrap:anywhere;text-align:center}
.qr-test{margin:16px 0 12px;font-size:15px;line-height:1.5}
.qr-przyciski{display:flex;flex-wrap:wrap;gap:10px}
.qr-przyciski .button{flex:1 1 auto;justify-content:center}
.qr-prosba-pole{margin-top:18px}
.qr-prosba-pole textarea{width:100%;min-height:190px;font:inherit;font-size:14px;line-height:1.5;padding:12px;border-radius:12px;border:1px solid #b6bac9;resize:vertical}
.qr-bez-js{padding:14px 16px;border-radius:12px;background:#fff6dc;color:#6b4d00}
.qr-js .qr-bez-js{display:none}
.qr-js .qr-tool{display:grid}
.qr-kartki{display:none}
.qr-stopka{font-size:13px;line-height:1.5;color:#4a4f63;background-color:transparent}
@media (max-width:860px){.qr-js .qr-tool{grid-template-columns:1fr}}

/* Wydruk: tylko kartki. A6 jedna, A4 cztery do pociecia. */
@media print{
  body>*:not(.qr-kartki){display:none!important}
  body{margin:0!important;padding:0!important;background:#fff!important}
  .qr-kartki{display:grid!important;margin:0}
  body[data-wydruk="A4"] .qr-kartki{grid-template-columns:1fr 1fr;grid-auto-rows:148mm;width:210mm}
  body[data-wydruk="A6"] .qr-kartki{width:105mm}
  .qr-kartka{box-sizing:border-box;height:148mm;padding:10mm 8mm;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;font-family:Arial,Helvetica,sans-serif;color:#000;background:#fff;break-inside:avoid}
  body[data-wydruk="A4"] .qr-kartka{border:0.2mm dashed #999}
  .qr-kartka-firma{margin:0 0 3mm;font-size:13pt;font-weight:700}
  .qr-kartka-napis{margin:0 0 5mm;font-size:18pt;font-weight:700}
  .qr-kartka-kod{width:62mm}
  .qr-kartka-kod svg{display:block;width:100%;height:auto}
  .qr-kartka-skan{margin:4mm 0 2mm;font-size:12pt}
  .qr-kartka-link{margin:0;font-size:7pt;overflow-wrap:anywhere;max-width:85mm}
}
.qr-kroki{margin:0 0 16px;padding-left:22px;line-height:1.6}
.qr-kroki li{margin:0 0 6px}
.qr-tool .form-head h2{margin:0;font-size:22px;line-height:1.2}

/* Odświeżenie wizualne. Wyłącznie ekran: oryginalne reguły wydruku bez zmian.
   Podgląd: skrypt kopiuje pierwszą kartkę z #qr-kartki do .tool-live-sheet. */
@media screen {
.qr-js .generator-page .qr-tool { grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:24px; }
.generator-page { background:#f7f8ff; color:#1b2440; }
.generator-page main { --tool-ink:#1b2440; --tool-muted:#505b74; }
.generator-page .service-wrap { width:min(1120px,calc(100% - 48px)); max-width:1120px; }
.generator-page .service-breadcrumbs { padding-top:22px; padding-bottom:0; font-size:12px; color:#505b74; }
.generator-page .service-hero { padding:22px 0 28px; background:transparent; border:0; }
.generator-page .service-hero:before,.generator-page .service-hero:after { display:none; }
.generator-page .service-hero .service-eyebrow { font-size:11px; margin:0 0 12px; color:#5544c4; }
.generator-page .service-hero h1 { max-width:1120px; font-size:clamp(30px,3vw,40px); line-height:1.12; letter-spacing:-.045em; margin:0 0 16px; }
.generator-page .service-hero-lead { max-width:930px; font-size:15px; line-height:1.7; color:#505b74; margin:0; }
.generator-page .tool-section { padding:0 0 32px; }
.generator-page .qr-tool > .audit-form {
 display:grid; grid-template-columns:1fr 1fr; gap:20px;
 padding:28px; margin:0; min-width:0; align-self:start; border:1px solid #d5d9eb;
 border-radius:24px; background:rgba(255,255,255,.9);
 box-shadow:0 12px 36px -24px #34305f33; backdrop-filter:blur(16px);
}
.generator-page .form-head { grid-column:1/-1; margin-bottom:0; padding-bottom:20px; border-bottom:1px solid #e3e5f1; align-items:center; }
.generator-page .form-kicker { display:block; font-size:10px; letter-spacing:.12em; color:#5544c4; margin-bottom:8px; }
.generator-page .qr-tool .form-head h2 { font-size:23px; letter-spacing:-.035em; }
.generator-page .form-free { color:#5544c4; background:#eeebff; border:1px solid #d5cef7; border-radius:100px; padding:6px 10px; white-space:nowrap; }
.generator-page .qr-tool .form-field { margin:0; min-width:0; align-content:start; gap:8px; }
.generator-page .audit-form > .form-field:nth-child(2),.generator-page #qr-wlasny-pole,.generator-page .audit-form > fieldset { grid-column:1/-1; }
.generator-page .qr-tool .form-field:last-child { margin-bottom:0; }
.generator-page .qr-tool label,.generator-page .qr-tool legend { font-size:14px; font-weight:650; color:#1b2440; }
.generator-page .qr-tool input:not([type=radio]),.generator-page .qr-tool select {
 box-sizing:border-box; width:100%; min-height:48px; border:1px solid #7a8299;
 padding:11px 13px; border-radius:10px; background:#fff; color:#1b2440; font:inherit; font-size:16px;
}
.generator-page .qr-tool input::placeholder { color:#626a7e; }
.generator-page .qr-tool .form-field small { font-size:12px; line-height:1.6; margin-top:8px; color:#505b74; }
.generator-page .qr-tool fieldset { padding:18px 0 0; border:0; border-top:1px solid #e3e5f1; }
.generator-page .qr-tool legend { padding:0 8px 0 0; }
.generator-page .qr-radio { display:grid; grid-template-columns:1fr 1fr; gap:8px; margin-top:8px; }
.generator-page .qr-radio label { padding:10px 12px; background:#f7f8ff; border:1px solid #d5d9eb; border-radius:10px; min-height:46px; font-size:12px; font-weight:500; cursor:pointer; }
.generator-page .qr-radio label:has(input:checked) { background:#f0edff; border-color:#5544c4; }
.generator-page .qr-radio input { accent-color:#5544c4; flex:0 0 auto; width:17px; height:17px; margin:0; }
.generator-page .qr-komunikat { border-left:3px solid; font-size:13px; line-height:1.6; border-radius:0 9px 9px 0; }
.generator-page .qr-komunikat.qr-dobrze { background:#ecf6f0; color:#225b40; border-color:#357751; }
.generator-page .qr-komunikat.qr-uwaga,.generator-page .qr-uwaga-napis { background:#fff5e3; color:#775016; border-color:#977124; }
.generator-page .qr-komunikat.qr-blad { background:#fff0ee; color:#96372e; border-color:#b54438; }
.generator-page .qr-wynik,.generator-page .tool-empty {
 box-sizing:border-box; min-width:0; margin:0; padding:28px; border:1px solid #d5d0ef;
 border-radius:24px; background:linear-gradient(150deg,#f1edff 0%,#f9faff 55%,#eff3fc 100%);
 box-shadow:inset 0 1px 0 #fff; align-self:start;
}
.generator-page .tool-preview-head { display:flex; align-items:center; justify-content:space-between; gap:12px; margin:0 0 18px; min-height:29px; }
.generator-page .tool-preview-head h2 { margin:0; font-size:17px; letter-spacing:-.02em; line-height:1.4; }
.generator-page .tool-format { font-size:11px; color:#5544c4; background:#fff; border:1px solid #d5d0ef; border-radius:6px; padding:3px 7px; }
.generator-page .tool-empty { align-self:stretch; display:flex; flex-direction:column; min-height:570px; }
.generator-page .tool-empty-sheet { width:230px; max-width:100%; aspect-ratio:105/148; background:#fff; border:1px solid #d8dce8; box-shadow:0 18px 30px -14px #33335426; margin:16px auto 22px; display:flex; flex-direction:column; justify-content:center; align-items:center; gap:18px; transform:rotate(-3deg); }
.generator-page .tool-empty-sheet:before,.generator-page .tool-empty-sheet:after { content:""; display:block; height:7px; background:#e2e4ed; border-radius:10px; width:46%; }
.generator-page .tool-empty-sheet:after { width:60%; height:5px; }
.generator-page .tool-empty-sheet svg { width:124px; height:124px; color:#bac0d0; }
.generator-page .tool-empty > p { max-width:300px; font-size:14px; line-height:1.6; color:#505b74; text-align:center; margin:12px auto; }
.generator-page:has(#qr-wynik:not([hidden])) .tool-empty { display:none; }
.generator-page .tool-live-sheet { display:flex; justify-content:center; margin:0 0 18px; }
.generator-page .qr-podglad { position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); }
.generator-page .qr-link-tekst { margin:0 0 14px; font-size:12px; color:#505b74; }
.generator-page .qr-test { font-size:13px; line-height:1.65; margin:0 0 18px; color:#414b64; }
.generator-page .qr-przyciski { display:grid; grid-template-columns:1fr 1fr; gap:9px; }
.generator-page .qr-przyciski .button { min-height:46px; font-size:12px; line-height:1.4; padding:11px 12px; border-radius:10px; text-align:center; white-space:normal; box-shadow:none; }
.generator-page #qr-druk { grid-column:1/-1; background:#b53830; color:#fff; border:1px solid #b53830; font-size:14px; min-height:50px; }
.generator-page #qr-druk:hover { background:#982d26; border-color:#982d26; }
.generator-page .qr-przyciski .button-quiet { border:1px solid #7a8299; background:#ffffffd9; color:#343451; }
.generator-page #qr-kopiuj-link { grid-column:1/-1; }
.generator-page .qr-prosba-pole { padding-top:22px; margin-top:24px!important; border-top:1px solid #d5d0ef; }
.generator-page .qr-prosba-pole textarea { box-sizing:border-box; margin:8px 0 0; min-height:160px; font-size:13px; line-height:1.7; border:1px solid #7a8299; background:#fff; color:#1b2440; }
.generator-page .qr-prosba-pole .qr-przyciski { grid-template-columns:1fr; margin-top:12px; }
}
.generator-page .tool-live-sheet .qr-kartka { box-sizing:border-box; width:230px; max-width:100%; height:324px; padding:22px 17px; display:flex; flex-direction:column; align-items:center; justify-content:center; background:#fff; color:#000; border:1px solid #d8dce8; box-shadow:0 18px 30px -14px #33335426; text-align:center; font-family:Arial,Helvetica,sans-serif; }

.generator-page .qr-kartka-firma { margin:0 0 7px; font-size:12px; font-weight:700; max-width:100%; overflow-wrap:anywhere; line-height:1.3; }
.generator-page .qr-kartka-napis { margin:0 0 10px; font-size:17px; font-weight:700; line-height:1.2; max-width:100%; overflow-wrap:anywhere; }
.generator-page .qr-kartka-kod { width:142px; max-width:100%; flex-shrink:0; background:#fff; }
.generator-page .qr-kartka-kod svg { width:100%; height:auto; display:block; }
.generator-page .qr-kartka-skan { margin:10px 0 5px; font-size:11px; line-height:1.3; }
.generator-page .qr-kartka-link { margin:0; max-width:100%; overflow-wrap:anywhere; font-size:6px; line-height:1.3; max-height:32px; overflow:hidden; }
.generator-page .tool-help { max-width:1120px; width:calc(100% - 48px); margin:64px auto; display:grid; grid-template-columns:1.13fr 1fr; gap:48px; align-items:start; }
.generator-page .tool-help .service-section { padding:0; background:none; border:0; }
.generator-page .tool-help .service-wrap { width:100%; }
.generator-page .tool-help .service-section-heading { display:block; margin:0 0 24px; }
.generator-page .tool-help h2,.generator-page .tool-faq h2 { font-size:28px; line-height:1.2; letter-spacing:-.04em; margin:0; }
.generator-page .tool-help h2 span,.generator-page .tool-faq h2 span { color:inherit; }
.generator-page .tool-help p { font-size:14px; line-height:1.75; color:#505b74; }
.generator-page .tool-help .service-section-heading p { margin:12px 0 0; max-width:100%; }
.generator-page .tool-instructions .qr-kroki { list-style:none; padding:0; margin:0 0 24px; counter-reset:steps; }
.generator-page .tool-instructions .qr-kroki li { counter-increment:steps; position:relative; padding:0 0 22px 48px; margin:0; min-height:52px; font-size:14px; line-height:1.6; }
.generator-page .tool-instructions .qr-kroki li:before { content:counter(steps,decimal-leading-zero); position:absolute; left:0; top:0; width:31px; height:31px; display:grid; place-items:center; border:1px solid #c7bff2; border-radius:50%; background:#eeebff; color:#5544c4; font-weight:700; font-size:11px; z-index:1; }
.generator-page .tool-instructions .qr-kroki li:not(:last-child):after { content:""; position:absolute; left:15px; top:31px; bottom:0; width:1px; background:#c7bff2; }
.generator-page .tool-instructions .qr-kroki li:last-child { padding-bottom:0; }
.generator-page .tool-help .tool-rules { padding:28px; border-radius:20px; background:#fff; border:1px solid #d5d9eb; box-shadow:0 10px 30px -25px #303a65; }
.generator-page .tool-rules h2 { font-size:23px; }
.generator-page .tool-rules .qr-kroki { list-style:none; padding:0; margin:0; }
.generator-page .tool-rules .qr-kroki li { position:relative; font-size:13px; line-height:1.7; padding:16px 0 16px 20px; margin:0; border-top:1px solid #e3e5f1; }
.generator-page .tool-rules .qr-kroki li:before { content:""; position:absolute; left:0; top:24px; width:6px; height:6px; border:1.5px solid #5544c4; border-radius:50%; }
.generator-page .tool-rules .qr-stopka { font-size:11px; margin:8px 0 0; }
.generator-page .tool-faq { padding:44px 0; background:#fff; border-top:1px solid #e1e4f0; border-bottom:1px solid #e1e4f0; }
.generator-page .service-faq { grid-template-columns:.75fr 1.4fr; gap:60px; align-items:start; }
.generator-page .tool-faq .service-eyebrow { color:#5544c4; font-size:10px; margin:0 0 12px; }
.generator-page .service-faq-list details { background:transparent; border:0; border-bottom:1px solid #d5d9eb; border-radius:0; padding:17px 0; box-shadow:none; }
.generator-page .service-faq-list details:first-child { padding-top:0; }
.generator-page .service-faq-list summary { font-size:15px; line-height:1.55; }
.generator-page .service-faq-list details p { font-size:14px; line-height:1.8; color:#505b74; }
.generator-page .tool-offer { padding:40px 0; background:transparent; border:0; }
.generator-page .tool-offer > .service-wrap { display:grid; grid-template-columns:1fr auto; align-items:center; column-gap:40px; }
.generator-page .tool-offer p { font-size:14px; line-height:1.75; margin:0; }
.generator-page .tool-offer .qr-stopka { grid-column:1/-1; padding-top:24px; margin-top:24px; border-top:1px solid #d5d9eb; font-size:11px; }
.generator-page main a:not(.button) { color:#5544c4; text-decoration:underline; text-underline-offset:3px; }
.generator-page main :is(a,button,input,select,textarea,summary):focus-visible { outline:3px solid #5544c4; outline-offset:4px; }
@media (max-width:767px) {
 .qr-js .generator-page .qr-tool { grid-template-columns:1fr; gap:16px; }
 .generator-page .service-wrap { width:calc(100% - 32px); }
 .qr-js .generator-page { grid-template-columns:minmax(16px,1fr) minmax(0,600px) minmax(16px,1fr); }
 .generator-page .service-breadcrumbs { padding-top:16px; font-size:11px; }
 .generator-page .service-hero { padding:20px 0 24px; }
 .generator-page .service-hero h1 { font-size:32px; line-height:1.13; }
 .generator-page .service-hero-lead { font-size:14px; line-height:1.75; }
 .generator-page .service-hero .service-eyebrow { font-size:9px; letter-spacing:.08em; }
 .generator-page .qr-tool > .audit-form,.generator-page .qr-wynik,.generator-page .tool-empty { padding:22px; border-radius:18px; }
 .generator-page .qr-tool > .audit-form { grid-template-columns:1fr; }
 .generator-page .qr-radio { grid-template-columns:1fr; }
 .generator-page .tool-empty { min-height:470px; }
 .generator-page .tool-preview-head h2 { font-size:16px; }
 .generator-page .tool-help { width:calc(100% - 32px); grid-template-columns:1fr; gap:30px; margin:40px auto; }
 .generator-page .tool-help .tool-rules { padding:24px; }
 .generator-page .tool-help h2,.generator-page .tool-faq h2 { font-size:26px; }
 .generator-page .tool-faq { padding:32px 0; }
 .generator-page .service-faq { grid-template-columns:1fr; gap:28px; }
 .generator-page .tool-offer > .service-wrap { grid-template-columns:1fr; gap:20px; }
 .generator-page .tool-offer .button { justify-self:start; font-size:13px; }
 .generator-page .tool-offer .qr-stopka { margin-top:0; }
}
@media (min-width:768px) and (max-width:980px) {
 .generator-page .qr-tool > .audit-form { grid-template-columns:1fr; }
 .generator-page .qr-radio { grid-template-columns:1fr; }
 .generator-page .qr-tool > .audit-form,.generator-page .qr-wynik,.generator-page .tool-empty { padding:22px; }
 .generator-page .qr-tool .form-head h2 { font-size:20px; }
 .generator-page .tool-preview-head h2 { font-size:15px; }
 .generator-page .tool-help { gap:28px; }
 .generator-page .service-faq { gap:30px; }
}
}
