/* Shared navigation; the test contact bar exists only on the home page. */
@media(min-width:981px) and (max-width:1200px){.navbar{gap:16px}.nav-list{gap:14px;font-size:.85rem}.nav-cta{padding-inline:16px}}
.home-mobile-contact{display:none}
@media(max-width:640px){
  html:has(body.home-mobile-test){
    --home-contact-height:48px;
    --home-contact-bottom:max(12px,env(safe-area-inset-bottom));
    --home-contact-clearance:calc(var(--home-contact-height) + var(--home-contact-bottom) + 12px);
    scroll-padding-bottom:var(--home-contact-clearance);
  }
  .home-mobile-test{padding-bottom:calc(88px + env(safe-area-inset-bottom))}
  .home-mobile-contact{display:flex;align-items:center;justify-content:space-between;position:fixed;z-index:8990;left:12px;right:72px;bottom:var(--home-contact-bottom);height:var(--home-contact-height);min-height:var(--home-contact-height);min-width:0;gap:12px;padding:9px 11px 9px 16px;border:1px solid #84f0ff;border-radius:14px;background:#00e0ff;color:#071219;font-size:15px;font-weight:700;line-height:1.4;box-shadow:0 6px 22px #0005;text-decoration:none;transition:background-color .15s ease,border-color .15s ease}
  .home-mobile-test .kx-chat{right:12px;bottom:var(--home-contact-bottom)}
  .home-mobile-test.menu-open .home-mobile-contact,.home-mobile-test:has(.kx-chat-panel:not([hidden])) .home-mobile-contact{display:none}
  .home-mobile-contact>.cta-label{white-space:nowrap}
  .home-mobile-contact>.cta-arrow{display:grid;place-items:center;width:28px;height:28px;flex:0 0 28px;border-radius:7px;background:#10212e;color:#00e0ff;font-size:21px;font-weight:500;line-height:1}
  .home-mobile-contact:hover{background:#55eaff;border-color:#b4f7ff}
  .home-mobile-contact:active{background:#00c5df}
  .home-mobile-contact:focus-visible{outline:3px solid #fff;outline-offset:3px}
}
.contact-wizard-step{border:0;padding:0;margin:22px 0 0;min-width:0}
.contact-wizard-step[hidden],.contact-wizard-progress[hidden],[data-contact-navigation][hidden]{display:none!important}
.contact-wizard-step legend{font-size:20px;font-weight:650;line-height:1.3;margin-bottom:14px;max-width:100%}
.contact-wizard-step .form-hint{margin:0 0 20px}
.contact-wizard-step .form-group{margin-bottom:18px}
.contact-wizard-progress{display:flex;gap:12px;padding:0;margin:24px 0;list-style:none;font-size:12px;color:#b8b4c7}
.contact-wizard-progress li{flex:1;padding-bottom:10px;border-bottom:2px solid #ffffff25}
.contact-wizard-progress [aria-current=step]{border-color:#bba1ff;color:#f1eaff;font-weight:700}
.contact-wizard-actions{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:24px}
.contact-wizard-actions .primary-button{margin:0;min-height:48px}
.contact-wizard-summary{margin:0 0 24px;overflow-wrap:anywhere}
.contact-wizard-summary dt{font-size:12px;color:#b8b4c7;margin-top:16px}
.contact-wizard-summary dd{margin:4px 0 0;white-space:pre-wrap}
@media(max-width:600px){.contact-wizard-actions{flex-wrap:wrap}.contact-wizard-progress{gap:8px;font-size:11px}.contact-wizard-step legend{font-size:18px}.small-business-page .lp-header{flex-wrap:wrap}.small-business-page .lp-header nav{width:100%;justify-content:space-between;gap:12px}.small-business-page .lp-header nav>a:first-child{display:inline}.small-business-page .lp-header nav>a[href="#zakres"]{display:none}}
.contact-form-card .contact-wizard-actions .primary-button{width:auto;margin:0;min-height:48px}
@media(max-width:600px){.contact-form-card input:not([type=checkbox]),.contact-form-card select,.contact-form-card textarea{font-size:16px}}
.contact-wizard-actions>button{min-width:0;max-width:100%;white-space:normal;text-align:center;line-height:1.3}
/* The home-page test bar replaces repeated contact links in mobile content. */
@media(max-width:640px){
  .home-mobile-test main a[href*="formularz-kontaktowy.html"],
  .home-mobile-test #contact .comic-actions{display:none}
}

@media(max-width:640px) and (prefers-reduced-motion:reduce){.home-mobile-contact{transition:none}}
@media(max-width:640px) and (forced-colors:active){.home-mobile-contact{border:2px solid ButtonText;background:ButtonFace;color:ButtonText;box-shadow:none}.home-mobile-contact>.cta-arrow{background:ButtonFace;color:ButtonText}}

/* Reuse the existing two-line shortcuts for the method link. */
.comic-actions.home-shortcuts-grid.method-shortcut{display:grid;grid-template-columns:minmax(0,1fr);width:100%;max-width:440px}
.method-shortcut a{text-align:left}
.method-shortcut a:focus-visible{outline:2px solid var(--accent-2);outline-offset:4px}

/* Two independent destinations presented as one segmented choice. */
.comic-actions.hero-choice-group{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;width:100%;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.hero-choice-group a{display:flex;align-items:center;justify-content:space-between;gap:12px;align-self:stretch;min-width:0;min-height:84px;padding:18px 16px;text-align:left;color:var(--text);font-size:16px;font-weight:600;line-height:1.5;transition:background-color .2s ease}
.hero-choice-group a+a{border-left:1px solid var(--line)}
.hero-choice-group a>span:last-child{flex-shrink:0;color:var(--accent-2);font-size:20px}
.hero-choice-group a:hover{background:rgba(0,224,255,.05)}
.hero-choice-group a:focus-visible{outline:2px solid var(--accent-2);outline-offset:-3px}
@media(max-width:480px){.hero-choice-group a{min-height:88px;padding:16px 10px;gap:6px;font-size:14px;line-height:1.4}}
@media(prefers-reduced-motion:reduce){.hero-choice-group a{transition:none}}

/* Single actions share the existing shortcut typography and separators. */
.content-shortcut{display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%;max-width:440px;min-width:0;margin-top:28px;padding:24px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);text-align:left;color:var(--text);transition:background-color .2s ease}
.content-shortcut strong{display:block;font-size:1rem;line-height:1.5;font-weight:600}
.content-shortcut small{display:block;font-weight:400;margin-top:5px;color:var(--muted);font-size:.875rem;line-height:1.5}
.content-shortcut>span:last-child{flex-shrink:0;color:var(--accent-2);font-size:1.3rem}
.content-shortcut:hover{background:rgba(0,224,255,.05)}
.content-shortcut:focus-visible{outline:2px solid var(--accent-2);outline-offset:4px}
.cooperation-preview-footer .content-shortcut{margin-top:0}
@media(max-width:760px){.content-shortcut{padding:20px 4px;margin-top:24px}}
@media(prefers-reduced-motion:reduce){.content-shortcut{transition:none}}