/* page-kontakt-m: mobile layer for /kontakt/ (ADR 0019). Everything below 900px; desktop untouched.
   Existing #kt-form becomes a 3-step wizard (JS sets data-mm-wiz + data-mm-step on the form). */
@media (min-width:900px){.m-only{display:none!important}}

@media (max-width:899.98px){
  .kt-page{--mm-eo:cubic-bezier(0.23,1,0.32,1)}

  /* ---------- hero: flatten so card can sit between the intro and the channel list ---------- */
  .kt-hero{padding:96px 12px 8px}
  .kt-hero__glow{background:radial-gradient(ellipse 80% 40% at 80% 0%,rgba(0,87,255,.22),transparent 70%)}
  .kt-hero__inner{flex-direction:column;flex-wrap:nowrap;align-items:stretch;gap:16px}
  .kt-hero__main{display:contents}
  .kt-crumbs{display:none}
  .kt-page .kt-status{order:1;margin:0 8px;gap:9px;padding:7px 13px}
  .kt-status__dot{width:7px;height:7px;box-shadow:none;animation:mm-kt-ping 1.8s ease-out infinite}
  .kt-status__t{font-size:12px}
  .kt-page .kt-h1{order:2;margin:0 8px;font-size:46px;line-height:.92;letter-spacing:-0.055em}
  .kt-page .kt-lede{order:3;margin:0 8px;max-width:none;font-size:16px;line-height:1.55}
  .kt-page .kt-lede + .kt-lede{display:none}
  .kt-page .mm-kt-team{order:4;margin:0 8px;display:flex;align-items:center;gap:12px}
  .mm-kt-team__imgs{display:flex}
  .mm-kt-team__imgs img{width:40px;height:40px;border-radius:50%;object-fit:cover;border:2px solid #0a0c10;display:block}
  .mm-kt-team__imgs img + img{margin-left:-12px}
  .mm-kt-team__t{font-size:13px;color:#aeb4c2;line-height:1.35}
  .mm-kt-team__t strong{color:#fff;font-weight:600}
  .kt-card{order:5;flex:none;width:100%;margin-top:12px;padding:22px 18px;border-radius:30px;box-shadow:none}
  .kt-page .mm-kt-or{order:6;margin:28px 8px -8px;color:#6699ff;font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase}
  .kt-page .kt-channels{order:7;gap:8px;margin:0}
  .kt-page .mm-kt-company{order:8;margin:8px 8px 0;color:#6b7385;font-size:12px;line-height:1.6}

  /* channels: rows min-h 64 / r20, arrow at the right, order WA, WA, mail, tel, panel */
  .kt-channels li[data-mm-o="1"]{order:1}
  .kt-channels li[data-mm-o="2"]{order:2}
  .kt-channels li[data-mm-o="3"]{order:3}
  .kt-channels li[data-mm-o="4"]{order:4}
  .kt-channels li[data-mm-o="5"]{order:5}
  .kt-channel{flex-wrap:nowrap;min-height:64px;padding:12px 18px;border-radius:20px;gap:12px}
  .kt-channel__main{gap:3px}
  .kt-channel__l{font-size:12px}
  .kt-channel__v{font-size:16px;letter-spacing:0}
  .kt-channel__note{display:none}
  .kt-channel::after{content:"\2197";flex:none;color:#6699ff;font-size:18px;line-height:1}

  /* ---------- form wizard ---------- */
  .kt-form{gap:14px}
  .mm-kt-sr{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
  /* fallback: without JS (no data-mm-wiz) the plain long form stays, wizard chrome is hidden */
  .kt-form:not([data-mm-wiz]) .mm-kt-prog,
  .kt-form:not([data-mm-wiz]) .mm-kt-step-h,
  .kt-form:not([data-mm-wiz]) .mm-kt-when,
  .kt-form:not([data-mm-wiz]) .mm-kt-back,
  .kt-form:not([data-mm-wiz]) .mm-kt-next{display:none!important}

  .mm-kt-prog{display:flex;flex-direction:column;gap:12px}
  .mm-kt-prog__top{display:flex;justify-content:space-between;align-items:baseline}
  .mm-kt-prog__k{font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#6699ff}
  .mm-kt-prog__s{font-size:12px;color:#aeb4c2}
  .mm-kt-prog__bar{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}
  .mm-kt-prog__bar i{display:block;height:4px;border-radius:4px;background:rgba(255,255,255,.1);transition:background-color .3s var(--mm-eo)}
  .mm-kt-prog__bar i.is-on{background:#0057FF}
  .kt-page .mm-kt-step-h{font-size:24px;font-weight:600;letter-spacing:-0.03em;line-height:1.15;outline:none;margin-top:6px}

  /* step gating */
  .kt-form[data-mm-wiz][data-mm-step="1"] [data-mm-s]:not([data-mm-s="1"]),
  .kt-form[data-mm-wiz][data-mm-step="2"] [data-mm-s]:not([data-mm-s="2"]),
  .kt-form[data-mm-wiz][data-mm-step="3"] [data-mm-s]:not([data-mm-s="3"]){display:none}
  .kt-form[data-mm-wiz] [data-mm-s]{animation:mm-kt-in .4s var(--mm-eo) both}
  .mm-kt-skip{display:none!important}
  .kt-form[data-mm-wiz] .kt-fieldset[data-mm-s="1"] > .kt-label{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

  /* step 1: chips */
  .kt-topics{gap:8px}
  .kt-topic{height:44px;padding:0 16px;border-radius:999px;background:rgba(255,255,255,.04);border-color:rgba(255,255,255,.14);color:#d7dbe4}
  .kt-topic[aria-pressed="true"]{background:rgba(0,87,255,.2);border-color:#3378ff;color:#fff}
  .mm-kt-err{font-size:13px;line-height:1.4;color:#ff8a80}
  .mm-kt-err[hidden]{display:none}

  /* step 2: radio rows */
  .mm-kt-when{gap:8px}
  .mm-kt-opt{position:relative;display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:56px;padding:0 18px;border-radius:18px;color:#fff;font-size:15px;font-weight:600;cursor:pointer;-webkit-tap-highlight-color:transparent}
  .mm-kt-opt input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer;z-index:2}
  .mm-kt-opt__box{position:absolute;inset:0;border-radius:18px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.03);transition:background-color .2s var(--mm-eo),border-color .2s var(--mm-eo),transform .14s var(--mm-eo)}
  .mm-kt-opt__t,.mm-kt-opt__dot{position:relative;z-index:1}
  .mm-kt-opt__dot{flex:none;width:20px;height:20px;border-radius:50%;border:2px solid rgba(255,255,255,.3);background:transparent;box-shadow:inset 0 0 0 3px #12161f;transition:background-color .2s var(--mm-eo),border-color .2s var(--mm-eo)}
  .mm-kt-opt input:checked ~ .mm-kt-opt__box{background:rgba(0,87,255,.14);border-color:#3378ff}
  .mm-kt-opt input:checked ~ .mm-kt-opt__dot{border-color:#3378ff;background:#3378ff}
  .mm-kt-opt input:focus-visible ~ .mm-kt-opt__box{outline:2px solid #3378ff;outline-offset:3px}
  .mm-kt-opt:active .mm-kt-opt__box{transform:scale(.985)}

  /* step 3: fields */
  .kt-grid{grid-template-columns:1fr;gap:12px}
  .kt-field{gap:6px}
  .kt-form[data-mm-wiz] .kt-label{font-size:13px;font-weight:500;color:#aeb4c2}
  .kt-input{height:52px;padding:0 16px;border-radius:16px;background:#0a0c10;border-color:rgba(255,255,255,.1);font-size:16px}
  .kt-textarea{height:104px;min-height:104px;padding:14px 16px;resize:none}
  .kt-input:focus{border-color:#6699ff}
  .kt-input[aria-invalid="true"]{border-color:#ff8a80}
  .kt-consent{font-size:12.5px;line-height:1.55}
  .kt-consent.is-invalid{color:#ff8a80}
  .kt-error{font-size:13px;line-height:1.5;color:#ff8a80}
  .kt-slots__toggle{height:44px}

  /* buttons: Wstecz (ghost) / Dalej + Wyślij (white pill, blue circle) */
  .kt-foot{flex-wrap:nowrap;gap:8px;margin-top:4px}
  .kt-note{display:none}
  .kt-page .mm-kt-back{flex:none;height:54px;padding:0 20px;border-radius:999px;border:1px solid rgba(255,255,255,.2);background:transparent;color:#fff;font-size:15px;font-weight:600;cursor:pointer;transition:transform .14s var(--mm-eo)}
  .kt-page .mm-kt-next,.kt-page .kt-submit{flex:1;display:flex;align-items:center;justify-content:space-between;gap:12px;height:54px;padding:0 8px 0 22px;border-radius:999px;border:0;background:#fff;color:#050914;font-size:15px;font-weight:700;text-align:left;cursor:pointer;box-shadow:none;transition:transform .14s var(--mm-eo),opacity .2s ease}
  .mm-kt-next__icon,.kt-submit__icon{flex:none;width:38px;height:38px;border-radius:50%;background:#0057FF;display:flex;align-items:center;justify-content:center}
  .kt-submit__icon path{stroke:#fff}
  .mm-kt-back:active,.mm-kt-next:active,.kt-submit:active{transform:scale(.97)}
  .mm-kt-back:focus-visible,.mm-kt-next:focus-visible{outline:2px solid #3378ff;outline-offset:3px}
  .kt-submit[disabled]{opacity:.7;cursor:progress}
  .kt-form[data-mm-wiz][data-mm-step="1"] .mm-kt-back{display:none}
  .kt-form[data-mm-wiz][data-mm-step="3"] .mm-kt-next{display:none}
  .kt-form[data-mm-wiz]:not([data-mm-step="3"]) .kt-submit{display:none}
  .kt-form[aria-busy="true"] .kt-submit__icon{background:rgba(0,87,255,.85)}

  /* success state */
  .kt-sent{gap:14px;padding:8px 0;animation:mm-kt-in .5s var(--mm-eo) both}
  .kt-sent__icon{width:56px;height:56px;background:rgba(77,255,159,.14);border:1px solid rgba(77,255,159,.4)}
  .kt-sent__icon svg{width:24px;height:24px}
  .kt-sent__icon path{stroke:#4dff9f}
  .kt-sent__h{font-size:28px;letter-spacing:-0.04em;line-height:1}
  .kt-sent__p{font-size:15px;line-height:1.55;max-width:none}
  .kt-again{height:46px;padding:0 18px;border-color:rgba(255,255,255,.2)}

  /* promises (existing copy) */
  .kt-section{padding:24px 12px 24px}
  .kt-promise{padding:22px 20px;border-radius:24px;gap:8px}
  .kt-promise__t{font-size:16px;line-height:1.5}

  @keyframes mm-kt-ping{0%{box-shadow:0 0 0 0 rgba(77,255,159,.5)}80%,100%{box-shadow:0 0 0 8px rgba(77,255,159,0)}}
  @keyframes mm-kt-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
}

@media (max-width:899.98px) and (prefers-reduced-motion:reduce){
  .kt-status__dot{animation:none}
  .kt-form[data-mm-wiz] [data-mm-s],.kt-sent{animation:none}
  .mm-kt-prog__bar i,.mm-kt-opt__box,.mm-kt-opt__dot{transition:none}
}
@media (max-width:899.98px) and (prefers-reduced-transparency:reduce){
  .kt-card{background:#12161f}
}