/* Moje konto v2, etap 1 (menu, pulpit, lista zamowien, strona zamowienia). Tokeny z makiety: tlo #efefef, ink #0d1017, zloto #f3b300.
   Wszystko pod .k2; kontener 100% szerokosci (B6: bez width:auto + margin auto w kolumnie flex). Ruch wylaczony przy prefers-reduced-motion. */
.k2 { --k2-ink:#0d1017; --k2-zloto:#f3b300; --k2-tekst:#1a2230; --k2-tlo:#efefef; --k2-biel:#fff; --k2-linia:#e1e3e7; --k2-zielony:#1e9e5a; --k2-czerw:#d64545; --k2-szary:#6b7280;
  font-family: Barlow,'Helvetica Neue',Arial,sans-serif; color:var(--k2-tekst); display:flex; gap:20px; width:100%; max-width:100%; box-sizing:border-box; padding:12px 0 28px; }
.k2 *, .k2 *::before, .k2 *::after { box-sizing:border-box; }
.k2-tresc { flex:1 1 auto; min-width:0; display:flex; flex-direction:column; gap:14px; width:100%; }
.k2-h1 { font:800 30px/1 'Barlow Condensed','Arial Narrow',sans-serif; text-transform:uppercase; margin:0; }
.k2-h1-jasny { color:#fff; font-size:34px; }
.k2-h2 { font:800 20px/1.1 'Barlow Condensed','Arial Narrow',sans-serif; text-transform:uppercase; margin:0; }
.k2-h3 { font:700 14px/1.2 Barlow,sans-serif; margin:14px 0 6px; color:var(--k2-szary); text-transform:uppercase; letter-spacing:.5px; }
.k2 a { color:#8a6500; } .k2 a:hover { color:#5f4600; }
.k2-link { font-weight:700; text-decoration:underline; }
.k2-pusto { padding:18px; background:var(--k2-biel); border-radius:12px; margin:0; }
.k2-staff { display:flex; justify-content:space-between; gap:10px; flex-wrap:wrap; padding:8px 12px; border-radius:8px; background:#fff7d6; font-size:13px; }
.k2-trust { text-align:center; font-size:13px; color:var(--k2-szary); margin:6px 0 0; }

/* menu: komputer = boczne, telefon = pasek 6 ikon */
.k2-menu { flex:0 0 230px; background:var(--k2-ink); border-radius:16px; padding:10px; align-self:flex-start; }
.k2-menu-lista { list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:2px; }
.k2-menu-poz { display:flex; align-items:center; gap:12px; width:100%; padding:11px 12px; border:0; border-radius:10px; background:transparent; color:#d7dbe2 !important; font:600 15px Barlow,sans-serif; text-decoration:none; cursor:pointer; text-align:left; }
.k2-menu-poz:hover { background:rgba(255,255,255,.07); color:#fff !important; }
.k2-menu-poz.jest-aktywna { background:var(--k2-zloto); color:var(--k2-ink) !important; }
.k2-ikona { position:relative; width:24px; height:24px; flex:none; }
.k2-ikona svg { width:24px; height:24px; fill:none; stroke:currentColor; stroke-width:1.9; stroke-linecap:round; stroke-linejoin:round; }
.k2-licznik { position:absolute; top:-6px; right:-8px; min-width:17px; height:17px; padding:0 4px; border-radius:9px; background:var(--k2-czerw); color:#fff; font:800 11px/17px Barlow,sans-serif; text-align:center; }
.k2-menu-saldo { margin-left:auto; font-size:13px; color:var(--k2-zloto); font-weight:800; }
.k2-menu-poz.jest-aktywna .k2-menu-saldo { color:var(--k2-ink); }
.k2-menu-wyloguj { margin-top:8px; border-top:1px solid #262b36; padding-top:8px; }

/* przyciski */
.k2-btn { display:inline-flex; align-items:center; justify-content:center; gap:8px; min-height:42px; padding:0 20px; border:2px solid transparent; border-radius:10px; font:800 14px Barlow,sans-serif; text-transform:uppercase; letter-spacing:.3px; text-decoration:none; cursor:pointer; transition:filter .15s ease, transform .15s ease; max-width:100%; text-align:center; }
.k2-btn:hover { filter:brightness(1.07); } .k2-btn:active { transform:scale(.98); }
.k2-btn-zloty { background:var(--k2-zloto); color:var(--k2-ink) !important; }
.k2-btn-ciemny { background:var(--k2-ink); color:#fff !important; }
.k2-btn-kontur { background:transparent; border-color:var(--k2-ink); color:var(--k2-ink) !important; }
.k2-btn-kontur-jasny { background:transparent; border-color:#4a5160; color:#fff !important; }
.k2-btn[disabled] { opacity:.75; cursor:progress; }
.k2-btn.k2-ladowanie .k2-btn-tekst { visibility:hidden; }
.k2-btn.k2-ladowanie { position:relative; }
.k2-btn.k2-ladowanie::after { content:""; position:absolute; width:20px; height:20px; border:3px solid rgba(13,16,23,.25); border-top-color:var(--k2-ink); border-radius:50%; animation:k2Spin .8s linear infinite; }
.k2-btn.k2-gotowe { background:var(--k2-zielony); color:#fff !important; }
@keyframes k2Spin { to { transform:rotate(360deg); } }

/* pulpit: powitanie i kafle */
.k2-powitanie { background:radial-gradient(120% 90% at 50% 0%, #1b2636 0%, #0d1017 65%); color:#fff; border-radius:20px; padding:20px; display:flex; flex-direction:column; gap:14px; }
.k2-oczko { display:inline-block; padding:4px 12px; border-radius:999px; border:1px solid rgba(243,179,0,.55); color:var(--k2-zloto); font:800 11px Barlow,sans-serif; letter-spacing:1.2px; text-transform:uppercase; margin-bottom:8px; }
.k2-kafle { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; }
.k2-kafel { display:flex; flex-direction:column; gap:4px; text-align:left; padding:12px 14px; border-radius:14px; border:1px solid rgba(255,255,255,.14); background:rgba(255,255,255,.06); color:#fff; cursor:pointer; font-family:inherit; min-width:0; }
.k2-kafel[aria-expanded="true"] { border-color:var(--k2-zloto); background:rgba(243,179,0,.12); }
.k2-kafel-etykieta { font:700 11px Barlow,sans-serif; text-transform:uppercase; letter-spacing:.6px; color:#aab2c0; }
.k2-kafel-liczba { font:800 24px/1.05 'Barlow Condensed','Arial Narrow',sans-serif; overflow-wrap:anywhere; }
.k2-kafel-liczba small { font-size:14px; color:var(--k2-zloto); }
.k2-kafel-swieci { box-shadow:0 0 18px 2px rgba(243,179,0,.35); }
.k2-szczegoly { background:rgba(255,255,255,.06); border-radius:14px; padding:14px; display:flex; flex-direction:column; gap:10px; }
.k2-szczegoly[hidden] { display:none; }
.k2-szczegoly.k2-otwiera { animation:k2Roz .28s cubic-bezier(.2,.8,.2,1) both; }
@keyframes k2Roz { from { opacity:0; transform:translateY(-8px); } to { opacity:1; transform:none; } }
.k2-szcz-wiersz { display:flex; gap:10px; align-items:baseline; flex-wrap:wrap; }
.k2-szcz-wiersz b { font:800 22px 'Barlow Condensed',sans-serif; }
.k2-mniej { font-size:13px; color:#aab2c0; display:flex; gap:14px; flex-wrap:wrap; }
.k2-szcz-akcje { display:flex; gap:10px; flex-wrap:wrap; align-items:center; }
.k2-pkt { display:inline-block; width:10px; height:10px; border-radius:50%; margin-right:6px; }
.k2-platne { background:var(--k2-zloto); } .k2-darmowe { background:#34d399; }
.k2-pierscien-wiersz { display:flex; gap:14px; align-items:center; }
.k2-pierscien { width:84px; height:84px; flex:none; transform:rotate(-90deg); }
.k2-pierscien circle { fill:none; stroke-width:10; }
.k2-pierscien-tlo { stroke:rgba(255,255,255,.14); } .k2-pierscien-wart { stroke:var(--k2-zloto); stroke-linecap:round; }

/* paski */
.k2-pasek { height:10px; border-radius:6px; background:#d9dce2; overflow:hidden; display:flex; }
.k2-pasek > i { display:block; height:100%; background:var(--k2-zloto); border-radius:6px; transition:width .6s ease; }
.k2-powitanie .k2-pasek { background:rgba(255,255,255,.14); }
.k2-pasek-dwa > i { border-radius:0; }

/* kafle, akcje, sekcje */
.k2-baner { display:flex; gap:12px; align-items:center; justify-content:space-between; flex-wrap:wrap; padding:14px 16px; border-radius:14px; background:#fff7d6; border:1px solid #f0d36a; }
.k2-baner div { display:flex; flex-direction:column; gap:2px; min-width:0; flex:1 1 220px; }
.k2-akcje { display:grid; grid-template-columns:repeat(auto-fit,minmax(130px,1fr)); gap:10px; }
.k2-akcja { display:flex; align-items:center; justify-content:center; min-height:54px; padding:8px 12px; border-radius:12px; background:var(--k2-biel); border:1px solid var(--k2-linia); color:var(--k2-ink) !important; text-decoration:none; text-align:center; text-transform:uppercase; font-size:13px; }
.k2-akcja:hover { box-shadow:0 8px 22px rgba(13,16,23,.08); transform:translateY(-1px); }
.k2-sekcja { background:var(--k2-biel); border-radius:14px; border:1px solid var(--k2-linia); padding:16px; display:flex; flex-direction:column; gap:10px; }
.k2-sekcja > .k2-h2, .k2-sekcja-gora { margin:-16px -16px 6px; padding:11px 16px; background:var(--k2-ink); color:#fff; border-radius:13px 13px 0 0; }
.k2-sekcja-gora { display:flex; justify-content:space-between; align-items:center; gap:10px; }
.k2-sekcja-gora .k2-link { color:var(--k2-zloto) !important; font-size:13px; }
.k2-sprzedaz-wiersz { display:flex; justify-content:space-between; gap:10px; flex-wrap:wrap; }
.k2-karty { display:flex; flex-direction:column; gap:12px; width:100%; }
.k2-sekcja .k2-karty { gap:10px; }

/* karty zamowien */
.k2-karta { position:relative; display:flex; flex-direction:column; gap:8px; padding:14px 16px; border-radius:14px; background:var(--k2-biel); border:1px solid var(--k2-linia); width:100%; min-width:0; }
.k2-karta-gora { display:flex; justify-content:space-between; gap:10px; align-items:center; flex-wrap:wrap; }
.k2-karta-numer { font:800 17px 'Barlow Condensed',sans-serif; color:var(--k2-ink) !important; text-decoration:none; display:flex; gap:10px; align-items:baseline; white-space:nowrap; }
.k2-karta-data { font:500 13px Barlow,sans-serif; color:var(--k2-szary); }
.k2-karta-produkt { font-weight:700; color:var(--k2-ink) !important; text-decoration:none; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; overflow-wrap:anywhere; }
.k2-karta-kwota { color:var(--k2-szary); font-size:14px; }
.k2-karta-termin { font-size:13px; }
.k2-karta-akcje { display:flex; flex-wrap:wrap; gap:10px; align-items:center; margin-top:4px; }
.k2-status { display:inline-flex; align-items:center; gap:6px; padding:3px 10px; border-radius:999px; font:800 12px Barlow,sans-serif; background:#e8eaee; color:#374151; max-width:100%; }
.k2-st-realizacja { background:#fff3c4; color:#6a4b00; } .k2-st-dostarczone { background:#d7f3e3; color:#14633a; }
.k2-st-uwaga { background:#fde0e0; color:#9b1f1f; } .k2-st-nieoplacone { background:#e5e7eb; } .k2-st-anulowane { background:#e5e7eb; color:#6b7280; }
.k2-kropka { display:inline-block; width:9px; height:9px; border-radius:50%; background:#34d399; animation:k2Puls 1.8s ease-out infinite; }
@keyframes k2Puls { 0% { box-shadow:0 0 0 0 rgba(52,211,153,.6); } 100% { box-shadow:0 0 0 10px rgba(52,211,153,0); } }
.k2-r-uwaga.k2-karta { border:2px solid var(--k2-czerw); }
.k2-powod { padding:8px 12px; border-radius:10px; background:#fde8e8; color:#8c1d1d; font-size:14px; border-left:4px solid var(--k2-czerw); }
.k2-zywo, .k2-naZywo { background:var(--k2-ink); color:#fff; border-color:var(--k2-ink); }
.k2-zywo .k2-karta-numer, .k2-zywo .k2-karta-produkt, .k2-zywo .k2-karta-kwota { color:#fff !important; }
.k2-zywo .k2-karta-data, .k2-zywo .k2-karta-termin { color:#aab2c0; }
.k2-zywo .k2-pasek, .k2-naZywo .k2-pasek { background:#262b36; }
.k2-zywo .k2-link, .k2-zywo a:not(.k2-btn) { color:var(--k2-zloto) !important; }
.k2-naZywo { border-radius:16px; padding:16px; display:flex; flex-direction:column; gap:8px; }
.k2-naZywo a:not(.k2-btn) { color:var(--k2-zloto) !important; }
.k2-naZywo-gora { display:flex; gap:8px; align-items:center; font:800 13px Barlow,sans-serif; text-transform:uppercase; letter-spacing:.8px; }
.k2-naZywo .k2-karta-produkt { color:#fff !important; }
.k2-postep-opis { font-weight:700; font-size:14px; }

/* lista: szukanie, filtry */
.k2-szukaj { display:flex; gap:8px; }
.k2-pole { flex:1 1 auto; min-width:0; height:44px; padding:0 12px; border:1px solid #cfd3da; border-radius:10px; background:#fff; font:500 15px Barlow,sans-serif; width:100%; }
textarea.k2-pole { height:auto; padding:10px 12px; resize:vertical; }
.k2-pole:focus { outline:none; border-color:var(--k2-ink); box-shadow:0 0 0 4px rgba(243,179,0,.22); }
.k2-filtry { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; }
.k2-filtr { display:flex; justify-content:space-between; align-items:center; gap:6px; padding:9px 12px; border-radius:10px; background:#fff; border:1px solid var(--k2-linia); color:var(--k2-ink) !important; font-weight:700; text-decoration:none; font-size:14px; min-width:0; }
.k2-filtr b { font-size:12px; background:#eceef2; border-radius:999px; padding:1px 8px; }
.k2-filtr.jest-aktywny { background:var(--k2-ink); color:#fff !important; border-color:var(--k2-ink); }
.k2-f-wszystkie { grid-column:1 / -1; }
.k2-filtr-alarm { border:2px solid var(--k2-czerw); } .k2-filtr-alarm b { background:var(--k2-czerw); color:#fff; }
.k2-alarm { padding:10px 14px; border-radius:10px; background:#fde8e8; color:#8c1d1d; font-weight:700; }
.k2-wiecej { align-self:center; }
.k2-sk { position:relative; overflow:hidden; background:#e9e7e5; border-radius:12px; height:120px; width:100%; }
.k2-sk::after { content:""; position:absolute; inset:0 auto 0 0; width:160px; background:linear-gradient(90deg,rgba(255,255,255,0),rgba(255,255,255,.75),rgba(255,255,255,0)); animation:k2Blysk .9s linear infinite; }
@keyframes k2Blysk { from { transform:translateX(-160px); } to { transform:translateX(100vw); } }

/* strona zamowienia */
.k2-zam { display:flex; flex-direction:column; gap:14px; width:100%; min-width:0; }
.k2-zam-glowa { background:var(--k2-ink); color:#fff; border-radius:14px; border-left:8px solid var(--k2-zloto); padding:16px 18px; display:flex; flex-direction:column; gap:8px; }
.k2-zam-produkt { font:800 24px/1.05 'Barlow Condensed',sans-serif; text-transform:uppercase; overflow-wrap:anywhere; }
.k2-zam-meta { display:flex; gap:12px; flex-wrap:wrap; align-items:center; font-size:14px; color:#c9ced6; }
.k2-zam-numer { font:700 15px Barlow,sans-serif; }
.k2-zloto { color:var(--k2-zloto); }
.k2-os { list-style:none; margin:0; padding:14px 6px; display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); background:#fff; border-radius:14px; border:1px solid var(--k2-linia); }
.k2-os li { position:relative; display:flex; flex-direction:column; align-items:center; gap:6px; text-align:center; font-size:12px; font-weight:700; color:var(--k2-szary); }
.k2-os li i { width:22px; height:22px; border-radius:50%; background:#d9dce2; position:relative; z-index:1; }
.k2-os li::before { content:""; position:absolute; top:10px; left:-50%; width:100%; height:3px; background:#d9dce2; }
.k2-os li:first-child::before { display:none; }
.k2-os li.zrobiony i, .k2-os li.zrobiony::before, .k2-os li.biezacy::before { background:var(--k2-zielony); }
.k2-os li.biezacy i { background:var(--k2-zloto); box-shadow:0 0 0 5px rgba(243,179,0,.3); }
.k2-os li.zrobiony, .k2-os li.biezacy { color:var(--k2-ink); }
.k2-platnosc { display:flex; gap:10px; align-items:center; flex-wrap:wrap; padding:12px 14px; background:#fff; border-radius:12px; border:1px solid var(--k2-linia); }
.k2-platnosc form { margin:0; }
.k2-zywo-blok { background:var(--k2-ink); color:#fff; border-radius:14px; padding:16px; display:flex; flex-direction:column; gap:10px; }
.k2-zywo-blok .k2-pasek { background:#262b36; height:12px; }
.k2-c3 { display:grid; grid-template-columns:1fr 1fr; gap:10px; }
.k2-c3-kafel { display:flex; flex-direction:column; gap:3px; padding:12px 14px; border-radius:12px; background:rgba(255,255,255,.07); border:1px solid rgba(255,255,255,.12); min-width:0; }
.k2-c3-kafel b { font:800 24px/1.05 'Barlow Condensed',sans-serif; overflow-wrap:anywhere; }
.k2-c3-et { font:700 11px Barlow,sans-serif; text-transform:uppercase; letter-spacing:.6px; color:#aab2c0; }
.k2-c3-kafel small { color:#aab2c0; }
.k2-c3-po { display:none; background:#8c1d1d; border-color:#d64545; grid-column:1 / -1; }
.k2-c3-po a { color:#fff !important; text-decoration:underline; font-weight:700; }
.k2-c3-czesc { color:var(--k2-zloto) !important; font-weight:700; }
.k2-tylko-kom { display:none; }
[data-c3="przed_startem"] .k2-c3-szac, [data-c3="bez_szacunku"] .k2-c3-szac, [data-c3="czesci"] .k2-c3-szac, [data-c3="po_terminie"] .k2-c3-szac,
[data-c3="po_terminie"] .k2-c3-maks { display:none; }
[data-c3="przed_startem"] .k2-c3-maks, [data-c3="bez_szacunku"] .k2-c3-maks, [data-c3="czesci"] .k2-c3-maks { grid-column:1 / -1; }
[data-c3="po_terminie"] .k2-c3-po { display:flex; }
.k2-cotera { background:#fff; border-radius:14px; border:1px solid var(--k2-linia); padding:14px 16px; }
.k2-cotera p { margin:6px 0; }
.k2-tabela { overflow-x:auto; }
.k2-tabela table { width:100%; border-collapse:collapse; font-size:14px; }
.k2-tabela th, .k2-tabela td { padding:8px 6px; text-align:left; border-bottom:1px solid var(--k2-linia); overflow-wrap:anywhere; }
.k2-dl { display:grid; grid-template-columns:minmax(0,160px) minmax(0,1fr); gap:6px 12px; margin:0; }
.k2-dl dt { color:var(--k2-szary); font-weight:600; } .k2-dl dd { margin:0; overflow-wrap:anywhere; }
.k2-czat { padding-top:0; }
.k2-czat-glowa { margin:0 -16px 6px; padding:11px 16px; background:var(--k2-ink); color:#fff; border-radius:13px 13px 0 0; font:800 18px 'Barlow Condensed',sans-serif; text-transform:uppercase; }
.k2-czat-form { display:flex; flex-direction:column; gap:8px; align-items:flex-start; }
.k2-wiadomosci { list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:8px; }
.k2-wiad { padding:10px 12px; border-radius:10px; background:#f4f5f7; } .k2-wiad-obsluga { background:#fff7d6; }
.k2-wiad-gora { display:flex; justify-content:space-between; gap:10px; font-size:13px; margin-bottom:4px; } .k2-wiad-gora time { color:var(--k2-szary); }
.k2-wiad-status { display:flex; justify-content:space-between; gap:10px; padding:6px 12px; background:#e5e7eb; border-radius:6px; font-size:13px; color:#374151; }

/* komunikat na dole (#056) */
#k2-toast { position:fixed; right:16px; bottom:16px; z-index:9000; max-width:calc(100vw - 32px); background:#111a24; color:#fff; border-radius:10px; padding:12px 16px; font:700 14px Barlow,sans-serif; box-shadow:0 10px 26px rgba(0,0,0,.3); display:flex; gap:10px; align-items:center; }
#k2-toast.k2-blad { background:#8c1d1d; }

/* telefon: pasek 6 ikon u gory, bez przewijania */
@media (max-width: 991px) {
  .k2 { flex-direction:column; gap:12px; }
  .k2-menu { flex:none; width:100%; padding:6px; border-radius:14px; }
  .k2-menu-lista { display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:2px; }
  .k2-menu-wyloguj { display:none; }
  .k2-menu-poz { flex-direction:column; gap:3px; padding:8px 2px; font-size:10.5px; text-align:center; justify-content:center; }
  .k2-menu-etykieta { max-width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
  .k2-menu-saldo { display:none; }
  .k2-h1-jasny { font-size:28px; }
  .k2-kafel-liczba { font-size:20px; }
}
@media (max-width: 480px) {
  .k2-kafle { grid-template-columns:1fr 1fr; } .k2-kafle .k2-kafel:first-child { grid-column:1 / -1; }
  .k2-dl { grid-template-columns:1fr; }
  .k2-zam-produkt { font-size:20px; }
}
@media (min-width: 992px) {
  .k2-filtry { grid-template-columns:repeat(5,minmax(0,1fr)); } .k2-f-wszystkie { grid-column:auto; }
  .k2-tylko-tel { display:none; } .k2-tylko-kom { display:inline; }
}
@media (prefers-reduced-motion: reduce) {
  .k2-kropka, .k2-sk::after, .k2-szczegoly.k2-otwiera, .k2-btn.k2-ladowanie::after { animation:none; }
  .k2-pasek > i, .k2-btn, .k2-akcja { transition:none; }
}

/* etap 2 (E1-E6): portfel SCP */
.k2-portfel { background:radial-gradient(120% 90% at 0% 0%, #1b2636 0%, #0d1017 65%); color:#fff; border-radius:20px; padding:22px; display:flex; flex-direction:column; gap:10px; }
.k2-portfel .k2-oczko { align-self:flex-start; margin-bottom:0; }
.k2-portfel-saldo b { font:800 64px/.9 'Barlow Condensed','Arial Narrow',sans-serif; color:var(--k2-zloto); }
.k2-portfel-saldo small { font:800 24px 'Barlow Condensed','Arial Narrow',sans-serif; color:var(--k2-zloto); }
.k2-portfel-wydanie { margin:0; font-size:15px; color:#d4d9e1; } .k2-portfel-wydanie span { margin-left:6px; }
.k2-portfel .k2-pasek { max-width:440px; background:#243042; }
.k2-portfel-pule { display:flex; gap:18px; flex-wrap:wrap; font-size:14px; color:#d4d9e1; } .k2-portfel-pule b { color:#fff; }
.k2-portfel-rezerwacja { margin:0; padding:8px 12px; border-radius:10px; background:rgba(243,179,0,.12); color:var(--k2-zloto); font-size:14px; font-weight:700; align-self:flex-start; }
.k2-portfel-uklad { display:grid; grid-template-columns:minmax(0,2fr) minmax(0,1fr); gap:16px; align-items:start; }
.k2-portfel-bok { display:flex; flex-direction:column; gap:16px; min-width:0; }
.k2-historia .k2-filtry { display:flex; flex-wrap:wrap; gap:6px; }
.k2-historia .k2-filtr { border-radius:999px; padding:7px 13px; font-size:13px; }
.k2-hist { display:flex; flex-direction:column; }
.k2-hist-miesiac { padding:14px 0 6px; font-size:12px; font-weight:800; color:var(--k2-szary); text-transform:uppercase; letter-spacing:.6px; }
.k2-hist-wiersz { display:flex; gap:12px; align-items:center; padding:10px 0; border-bottom:1px solid #f0f0f0; }
.k2-hist-ikona { flex:0 0 40px; height:40px; border-radius:12px; display:flex; align-items:center; justify-content:center; }
.k2-hist-ikona svg { width:20px; height:20px; fill:none; stroke-width:2.4; stroke-linecap:round; }
.k2-hist-plus { background:rgba(243,179,0,.16); } .k2-hist-plus svg { stroke:#8a6500; }
.k2-hist-minus { background:#eef0f3; } .k2-hist-minus svg { stroke:#444c58; }
.k2-hist-opis { flex-grow:1; min-width:0; display:flex; flex-direction:column; gap:2px; }
.k2-hist-opis b { font-size:15px; } .k2-hist-opis > span { font-size:13px; color:var(--k2-szary); overflow-wrap:anywhere; }
.k2-hist-pula { font-style:normal; font-weight:700; } .k2-pula-platne { color:#8a6500; } .k2-pula-darmowe { color:#0b6b47; } .k2-pula-mieszane { color:#444c58; }
.k2-hist-czeka { align-self:flex-start; margin-top:2px; padding:3px 8px; border-radius:999px; background:rgba(243,179,0,.16); color:#8a6500; font-size:12px; font-style:normal; font-weight:700; }
.k2-hist-kwota { display:flex; flex-direction:column; align-items:flex-end; gap:2px; flex-shrink:0; }
.k2-hist-kwota b { font-size:16px; } .k2-hist-kwota span { font-size:12px; color:var(--k2-szary); }
.k2-plus { color:#0b6b47; } .k2-minus { color:#444c58; }
.k2-historia .k2-wiecej { align-self:center; }
.k2-kod { background:#111a24; color:#fff; border-radius:18px; padding:18px; display:flex; flex-direction:column; gap:12px; }
.k2-kod .k2-h2 { display:flex; align-items:center; gap:10px; }
.k2-kod .k2-h2 svg { width:22px; height:22px; fill:none; stroke:var(--k2-zloto); stroke-width:2; stroke-linecap:round; stroke-linejoin:round; }
.k2-kod p { margin:0; font-size:14px; color:#c9ced6; line-height:1.4; }
.k2-kod form { display:flex; flex-direction:column; gap:10px; }
.k2-kod-pole { height:50px; box-sizing:border-box; padding:0 14px; border:2px solid #2a3442; border-radius:10px; background:#0d1017; color:#fff; font:16px 'Courier New',monospace; letter-spacing:1px; text-transform:uppercase; }
.k2-kod-pole:focus { outline:none; border-color:var(--k2-zloto); }
.k2-zwrot { display:flex; flex-direction:column; gap:6px; padding:12px; border-radius:12px; background:#f7f7f7; }
.k2-zwrot-gora, .k2-zwrot-dol { display:flex; justify-content:space-between; gap:8px; font-size:14px; } .k2-zwrot-dol { font-size:13px; color:var(--k2-szary); }
.k2-zwrot-st { font-style:normal; font-weight:700; padding:2px 8px; border-radius:999px; background:#eceef2; color:#444c58; }
.k2-zwrot-paid, .k2-zwrot-delivered { background:rgba(30,158,90,.14); color:#0b6b47; } .k2-zwrot-pending, .k2-zwrot-confirmed, .k2-zwrot-submitted { background:rgba(243,179,0,.16); color:#8a6500; }
.k2-sekcja .k2-link { color:#8a6500 !important; font-weight:800; text-decoration:none; }
.k2-jak { margin:0; padding:0; list-style:none; display:flex; flex-direction:column; gap:10px; font-size:14px; line-height:1.4; }
.k2-jak li { display:flex; gap:10px; } .k2-jak b { color:#8a6500; }
.k2-opis-cms summary { cursor:pointer; list-style:none; }
.k2-opis-cms > div { font-size:14px; line-height:1.5; overflow-wrap:anywhere; }
@media (max-width: 991px) {
  .k2-portfel-uklad { grid-template-columns:minmax(0,1fr); }
  .k2-portfel-saldo b { font-size:52px; }
}
/* etap 2 (H1-H3): poziom i nagrody */
.k2-nagrody-hero { background:#111a24; color:#fff; border-radius:20px; padding:22px; display:flex; gap:18px; align-items:center; }
.k2-nagrody-tekst { flex-grow:1; display:flex; flex-direction:column; gap:8px; min-width:0; }
.k2-nagrody-tekst p { margin:0; color:#d4d9e1; }
.k2-nagrody-hero .k2-oczko { align-self:flex-start; margin-bottom:0; }
.k2-nagrody-hero .k2-pasek { background:rgba(255,255,255,.14); max-width:440px; }
.k2-nagrody-hero > .k2-btn { flex-shrink:0; min-height:50px; }
.k2-hist-opis a { color:inherit; }
@media (max-width: 991px) { .k2-nagrody-hero { flex-direction:column; align-items:stretch; } }

/* etap 2 (F1-F3): doladowanie SC Points wg makiety Doladuj-* (karty 1-2 z czarnym naglowkiem, ciemna karta "Otrzymasz") */
.k2-wroc { align-self:flex-start; display:inline-flex; align-items:center; gap:6px; color:#444c58 !important; font-size:14px; font-weight:700; text-decoration:none; padding:4px 0; }
.k2-dol-gora { display:flex; flex-direction:column; gap:4px; }
.k2-dol-lead { margin:0; font-size:15px; color:#5b6472; }
.k2-dol-info { display:flex; gap:10px; align-items:center; flex-wrap:wrap; padding:14px 16px; border-radius:14px; background:#fff6d6; border:1px solid #f0d27a; font-size:15px; line-height:1.4; }
.k2-dol-info svg { flex-shrink:0; }
.k2-dol-info-ok { background:#e7f6ee; border-color:#9fd8b7; justify-content:space-between; font-weight:700; }
.k2-dol-uklad { display:grid; grid-template-columns:minmax(0,1.5fr) minmax(0,1fr); gap:16px; align-items:start; }
.k2-dol-lewa { display:flex; flex-direction:column; gap:16px; min-width:0; }
.k2-nr-tytul { display:flex; align-items:center; gap:10px; }
.k2-nr { width:26px; height:26px; border-radius:50%; background:var(--k2-zloto); color:var(--k2-ink); font-size:15px; display:inline-flex; align-items:center; justify-content:center; flex:none; }
.k2-dol-kafle { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:8px; }
.k2-dol-kafel { height:64px; border-radius:12px; border:2px solid #e3e3e3; background:#fff; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:2px; cursor:pointer; padding:0 4px; }
.k2-dol-kafel b { font-size:17px; color:var(--k2-tekst); white-space:nowrap; } .k2-dol-kafel span { font-size:12px; color:var(--k2-szary); font-weight:700; } .k2-dol-kafel i { font-style:normal; }
.k2-dol-kafel.jest-aktywny { border-color:#111a24; background:#fff6d6; }
.k2-dol-wlasna { display:flex; flex-direction:column; gap:6px; font-size:13px; font-weight:700; margin:0; }
.k2-dol-pole { position:relative; display:flex; }
.k2-dol-pole input { flex-grow:1; height:52px; padding:0 48px 0 14px; border:1.5px solid #d6d6d6; border-radius:12px; font-size:18px; font-weight:700; width:100%; }
.k2-dol-pole i { position:absolute; right:16px; top:15px; font-size:16px; font-weight:700; font-style:normal; color:var(--k2-szary); }
.k2-dol-metoda { width:100%; margin:0; padding:14px; border-radius:14px; border:2px solid #e3e3e3; background:#fff; display:flex; align-items:center; gap:12px; cursor:pointer; font-weight:400; }
.k2-dol-metoda input { position:absolute; opacity:0; width:1px; height:1px; }
.k2-dol-metoda.jest-aktywna { border-color:#111a24; background:#fffbea; }
.k2-dol-metoda:focus-within { outline:2px solid var(--k2-zloto); outline-offset:2px; }
.k2-dol-kropka { width:22px; height:22px; flex-shrink:0; border-radius:50%; border:2px solid #c9ced6; background:#fff; display:flex; align-items:center; justify-content:center; }
.k2-dol-metoda.jest-aktywna .k2-dol-kropka { border-color:#111a24; } .k2-dol-metoda.jest-aktywna .k2-dol-kropka::after { content:""; width:10px; height:10px; border-radius:50%; background:#111a24; }
.k2-dol-metoda-tekst { flex-grow:1; min-width:0; display:flex; flex-direction:column; gap:6px; } .k2-dol-metoda-tekst b { font-size:15px; color:var(--k2-tekst); }
.k2-dol-marki { display:flex; align-items:center; gap:8px; flex-wrap:wrap; } .k2-dol-marki img { height:20px; display:block; } .k2-dol-marki span { font-size:13px; color:var(--k2-szary); }
.k2-dol-otrzymasz { background:#111a24; border-radius:18px; padding:22px; color:#fff; display:flex; flex-direction:column; gap:12px; position:sticky; top:12px; }
.k2-dol-oczko { font-size:12px; font-weight:800; letter-spacing:1px; color:#9aa3b2; text-transform:uppercase; }
.k2-dol-scp { display:flex; align-items:center; gap:12px; } .k2-dol-scp b { font:800 52px/1 'Barlow Condensed','Arial Narrow',sans-serif; color:var(--k2-zloto); }
.k2-dol-otrzymasz dl { margin:0; display:grid; grid-template-columns:auto 1fr; gap:9px 12px; font-size:14px; color:#c9ced6; }
.k2-dol-otrzymasz dt { font-weight:400; } .k2-dol-otrzymasz dd { margin:0; text-align:right; color:#fff; font-weight:700; }
.k2-dol-za-malo { margin:0; padding:10px 12px; border-radius:10px; background:rgba(240,82,82,.15); color:#ff8a80; font-size:14px; font-weight:700; }
.k2-dol-zgody .ckz-zgody { margin:4px 0 0 !important; color:#c9ced6; } .k2-dol-zgody a { color:var(--k2-zloto) !important; }
.k2-dol-zaplac { height:56px; font-size:17px; width:100%; position:relative; overflow:hidden; }
.k2-dol-metoda-nazwa { font-size:13px; color:#9aa3b2; text-align:center; }
.k2-dol-opis summary { cursor:pointer; list-style:none; margin:-16px -16px 0; padding:11px 16px; background:var(--k2-ink); color:#fff; border-radius:13px; }
.k2-dol-opis[open] summary { border-radius:13px 13px 0 0; margin-bottom:6px; }
.k2-dol-opis-tresc { font-size:14px; line-height:1.55; overflow-x:auto; }
@media (max-width: 991px) {
  .k2-dol-uklad { grid-template-columns:minmax(0,1fr); }
  .k2-dol-kafle { grid-template-columns:repeat(3,minmax(0,1fr)); }
  .k2-dol-otrzymasz { position:static; padding:16px; }
}

/* etap 2 (J1-J3): platnosc SC Points wg makiety Scp-* (pasek krokow, ciemna karta, kafle Masz / Placisz / Zostanie) */
.k2-sp-kroki { display:flex; gap:8px; justify-content:space-between; background:var(--k2-biel); border:1px solid var(--k2-linia); border-radius:14px; padding:12px 16px; }
.k2-sp-krok { display:flex; align-items:center; gap:8px; font-size:14px; font-weight:700; color:#8b94a3; }
.k2-sp-krok-kolo { width:28px; height:28px; border-radius:50%; border:2px solid #d3d7dd; background:#fff; display:inline-flex; align-items:center; justify-content:center; font-weight:800; flex:none; }
.k2-sp-krok.jest-zrobiony { color:var(--k2-tekst); } .k2-sp-krok.jest-zrobiony .k2-sp-krok-kolo { background:#2f9e62; border-color:#2f9e62; }
.k2-sp-krok.jest-biezacy { color:var(--k2-tekst); } .k2-sp-krok.jest-biezacy .k2-sp-krok-kolo { background:var(--k2-zloto); border-color:var(--k2-zloto); color:#111; }
.k2-sp-uklad { display:grid; grid-template-columns:minmax(0,1.6fr) minmax(0,1fr); gap:16px; align-items:start; }
.k2-sp { background:radial-gradient(120% 90% at 0% 0%, #1b2636 0%, #0d1017 65%); color:#fff; border-radius:20px; padding:24px; display:flex; flex-direction:column; gap:16px; }
.k2-sp-gora { display:flex; align-items:center; gap:16px; }
.k2-sp-moneta { flex:none; }
.k2-sp-koszt b { font:800 56px/1 'Barlow Condensed','Arial Narrow',sans-serif; color:var(--k2-zloto); } .k2-sp-koszt span { font:800 22px 'Barlow Condensed',sans-serif; color:var(--k2-zloto); }
.k2-sp-za { font-size:14px; color:#c9ced6; } .k2-sp-za b { color:#fff; }
.k2-sp-saldo { display:flex; flex-direction:column; gap:8px; }
.k2-sp-saldo-gora { display:flex; justify-content:space-between; gap:10px; font-size:14px; color:#c9ced6; } .k2-sp-saldo-gora b { color:#fff; }
.k2-sp-pasek { display:flex; height:12px; border-radius:6px; overflow:hidden; background:#243042; }
.k2-sp-pasek i { display:block; height:100%; }
i.k2-sp-zostaje { background:var(--k2-zloto); } i.k2-sp-schodzi { background:#ffb4ae; }
.k2-sp-pasek.jest-brak i.k2-sp-schodzi, .k2-sp-legenda i.k2-sp-schodzi { background:#e5484d; }
.k2-sp-legenda { display:flex; justify-content:space-between; gap:10px; flex-wrap:wrap; font-size:13px; color:#c9ced6; }
.k2-sp-legenda i { display:inline-block; width:10px; height:10px; border-radius:50%; margin-right:6px; }
.k2-sp-kafle { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; }
.k2-sp-kafel { border:1px solid rgba(255,255,255,.1); border-radius:14px; padding:12px; display:flex; flex-direction:column; gap:2px; min-width:0; }
.k2-sp-kafel span { font-size:12px; color:#9aa3b2; } .k2-sp-kafel b { font:800 28px/1.1 'Barlow Condensed',sans-serif; color:#fff; overflow-wrap:anywhere; }
.k2-sp-kafel.jest-zostaje { border-color:rgba(243,179,0,.45); } .k2-sp-kafel.jest-zostaje b { color:var(--k2-zloto); }
.k2-sp-kafel.jest-brak { border-color:rgba(229,72,77,.5); } .k2-sp-kafel.jest-brak b { color:#ff8a84; }
.k2-sp-kolejnosc { margin:0; font-size:13px; color:#9aa3b2; }
.k2-sp-bezp { display:flex; gap:10px; align-items:flex-start; font-size:14px; color:#c9ced6; } .k2-sp-bezp svg { flex:none; margin-top:1px; }
.k2-sp-przycisk { width:100%; min-height:56px; font-size:17px; }
.k2-sp form { margin:0; }
.k2-sp-alert { display:flex; gap:10px; align-items:flex-start; padding:12px 14px; border-radius:12px; background:rgba(229,72,77,.15); color:#ffd2cf; font-size:14px; }
.k2-sp-alert > span:first-child { width:22px; height:22px; border-radius:50%; background:#e5484d; color:#fff; font-weight:800; display:inline-flex; align-items:center; justify-content:center; flex:none; }
.k2-sp-inna { align-self:center; color:#c9ced6 !important; font-size:14px; font-weight:700; text-decoration:none; }
.k2-sp-srodek { display:flex; flex-direction:column; align-items:center; text-align:center; gap:12px; padding:12px 0; }
.k2-sp-srodek p { margin:0; color:#d4d9e1; font-size:15px; max-width:520px; } .k2-sp-srodek p b { color:#fff; }
.k2-sp-ikona { width:84px; height:84px; border-radius:50%; background:rgba(243,179,0,.12); display:inline-flex; align-items:center; justify-content:center; }
.k2-sp-ikona-ok { background:#2f9e62; }
.k2-sp-waznosc { font-weight:700; color:var(--k2-zloto) !important; }
.k2-sp-akcje { display:flex; gap:10px; flex-wrap:wrap; justify-content:center; } .k2-sp-akcje form { margin:0; }
.k2-sp-uwaga { font-size:13px; color:#9aa3b2; }
.k2-sp-plakietka { padding:6px 12px; border-radius:20px; background:rgba(255,255,255,.1); font-weight:800; } .k2-sp-plakietka.jest-zostaje { color:var(--k2-zloto); }
.k2-sp-podsum { margin:0; display:grid; grid-template-columns:auto 1fr; gap:9px 12px; font-size:14px; }
.k2-sp-podsum dt { color:var(--k2-szary); font-weight:400; } .k2-sp-podsum dd { margin:0; text-align:right; font-weight:700; overflow-wrap:anywhere; }
@media (max-width: 991px) {
  .k2-sp-uklad { grid-template-columns:minmax(0,1fr); }
  .k2-sp { padding:18px; }
  .k2-sp-krok > span:last-child { display:none; } .k2-sp-krok.jest-biezacy > span:last-child { display:inline; }
  .k2-sp-kafle { grid-template-columns:minmax(0,1fr); }
  .k2-sp-koszt b { font-size:44px; }
}

/* etap 2 (G1-G4): ustawienia */
.k2-ust { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; align-items:start; }
.k2-ust-form { display:flex; flex-direction:column; gap:12px; }
.k2-ust-pole { display:flex; flex-direction:column; gap:6px; margin:0; font-size:13px; font-weight:700; }
.k2-ust-email { display:flex; align-items:center; gap:8px; height:44px; padding:0 12px; border-radius:10px; background:#f3f4f6; color:#444c58; font-weight:600; font-size:15px; overflow-wrap:anywhere; }
.k2-ust-btn { align-self:flex-start; }
.k2-ust-przel { display:flex; gap:14px; align-items:flex-start; padding:4px 0; }
.k2-ust-przel-tekst { flex-grow:1; min-width:0; display:flex; flex-direction:column; gap:3px; font-size:14px; line-height:1.4; }
.k2-ust-przel-tekst b { font-size:15px; } .k2-ust-przel-tekst > span { color:#5b6472; }
.k2-przel { flex-shrink:0; width:54px; height:32px; border:0; border-radius:999px; background:#c9ced6; position:relative; padding:0; cursor:pointer; transition:background .2s ease; }
.k2-przel span { position:absolute; top:4px; left:4px; width:24px; height:24px; border-radius:50%; background:#fff; box-shadow:0 1px 3px rgba(0,0,0,.3); transition:left .2s ease; }
.k2-przel[aria-checked="true"] { background:var(--k2-zielony); } .k2-przel[aria-checked="true"] span { left:26px; }
.k2-przel.k2-ladowanie { opacity:.6; cursor:progress; }
.k2-przel:focus-visible { outline:2px solid var(--k2-zloto); outline-offset:2px; }
input.k2-przel { -webkit-appearance:none; appearance:none; margin:0; display:inline-block; }
input.k2-przel::before { content:""; position:absolute; top:4px; left:4px; width:24px; height:24px; border-radius:50%; background:#fff; box-shadow:0 1px 3px rgba(0,0,0,.3); transition:left .2s ease; }
input.k2-przel:checked { background:var(--k2-zielony); } input.k2-przel:checked::before { left:26px; }
.k2-ust-uwaga { display:block; padding:10px 12px; border-radius:10px; background:#f6f6f6; font-size:13px; color:#444c58; line-height:1.4; }
.k2-ust-gdpr { margin:4px 0 6px; }
.k2-sila { display:flex; flex-direction:column; gap:4px; }
.k2-sila-pasek { height:6px; border-radius:6px; background:#e3e3e3; overflow:hidden; } .k2-sila-pasek i { display:block; height:100%; width:15%; background:var(--k2-czerw); transition:width .2s ease; }
.k2-sila[data-poziom="1"] .k2-sila-pasek i { width:60%; background:var(--k2-zloto); } .k2-sila[data-poziom="2"] .k2-sila-pasek i { width:100%; background:var(--k2-zielony); }
@media (max-width: 991px) { .k2-ust { grid-template-columns:minmax(0,1fr); } }
@media (prefers-reduced-motion: reduce) { .k2-przel, .k2-przel span, input.k2-przel::before, .k2-sila-pasek i { transition:none; } }
/* etap 2 (F4-F5): zwrot SCP - uklad i ciemna karta jak doladowanie (.k2-dol-*) */
.k2-zw-mozesz { display:flex; justify-content:space-between; align-items:center; gap:10px; padding:12px 14px; border-radius:12px; background:#fff6d6; font-size:14px; }
.k2-zw-mozesz b { font:800 26px/1.1 'Barlow Condensed','Arial Narrow',sans-serif; }
.k2-zw-uwaga { margin:0; font-size:13px; color:var(--k2-szary); line-height:1.45; }
.k2-zw-ile { display:flex; gap:8px; } .k2-zw-ile .k2-dol-pole { flex-grow:1; min-width:0; }
.k2-zw-calosc { flex-shrink:0; height:52px; padding:0 16px; font-size:14px; }
.k2-zw-etykieta { font-size:13px; font-weight:700; }
.k2-zw-metoda-opis { font-size:13px; color:var(--k2-szary); }
.k2-zw-pola { border:0; margin:0; padding:0; min-width:0; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
.k2-zw-pola[hidden] { display:none; } .k2-zw-pola-3 { grid-template-columns:repeat(3,minmax(0,1fr)); }
.k2-zw-pola label { display:flex; flex-direction:column; gap:6px; font-size:13px; font-weight:700; margin:0; }
.k2-zw-pola input, .k2-zw-pola select { height:48px; padding:0 14px; border:1.5px solid #d6d6d6; border-radius:10px; font-size:15px; font-weight:400; width:100%; background:#fff; }
.k2-zw-mono { font-family:'Courier New',monospace; }
.k2-zw-kwota { font:800 52px/1 'Barlow Condensed','Arial Narrow',sans-serif; color:#34d399; word-break:break-word; }
.k2-zw-kroki { margin:6px 0 0; padding-left:18px; display:flex; flex-direction:column; gap:6px; font-size:13px; color:#c9ced6; line-height:1.4; } .k2-zw-kroki b { color:#fff; }
.k2-zw-rezerwacja { margin:0; font-size:12px; color:#9aa3b2; line-height:1.45; }
.k2-zw-lista { display:flex; flex-direction:column; gap:8px; }
@media (max-width: 991px) { .k2-zw-pola, .k2-zw-pola-3 { grid-template-columns:minmax(0,1fr); } .k2-zw-kwota { font-size:42px; } }

/* obrazki z makiety */
.k2-tlo { position:absolute; inset:0; display:block; width:100%; height:100%; z-index:0; pointer-events:none; }
.k2-tlo img { display:block; width:100%; height:100%; object-fit:cover; }
.k2-tlo-powitanie img { object-position:72% center; }
.k2-tlo-sledzenie img { object-position:right center; opacity:.35; }
.k2-tlo-cien { position:absolute; inset:0; z-index:0; pointer-events:none; background:linear-gradient(90deg, rgba(13,16,23,.94) 0%, rgba(13,16,23,.72) 50%, rgba(13,16,23,.2) 100%); }
.k2-zywo-tlo .k2-tlo-cien { background:linear-gradient(90deg, rgba(13,16,23,.96) 30%, rgba(13,16,23,.6) 100%); }
.k2-powitanie, .k2-zywo-tlo { position:relative; overflow:hidden; }
.k2-powitanie > :not(.k2-tlo):not(.k2-tlo-cien):not(.k2-dust), .k2-zywo-tlo > :not(.k2-tlo):not(.k2-tlo-cien) { position:relative; z-index:1; }
.k2-dust { position:absolute; z-index:1; border-radius:50%; background:#ffd24a; pointer-events:none; animation:kDust 6s linear infinite; }
.k2-dust:nth-child(3) { right:18%; bottom:20%; width:3px; height:3px; }
.k2-dust:nth-child(4) { right:26%; bottom:35%; width:2px; height:2px; animation-delay:1.8s; }
.k2-dust:nth-child(5) { right:10%; bottom:28%; width:3px; height:3px; animation-delay:3.4s; }
@keyframes kDust { 0% { transform:translateY(0); opacity:0; } 20% { opacity:.9; } 100% { transform:translateY(-120px); opacity:0; } }
.k2-metody { display:flex; gap:10px; align-items:center; flex-wrap:wrap; flex-basis:100%; }
.k2-metody img { width:auto; max-width:64px; }
@media (min-width: 761px) { .k2-powitanie { min-height:290px; } .k2-tlo-powitanie img { object-position:right center; } }
@media (max-width: 760px) { .k2-tlo-cien { background:linear-gradient(90deg, rgba(13,16,23,.92) 0%, rgba(13,16,23,.66) 100%); } .k2-zywo-tlo .k2-tlo-cien { background:linear-gradient(90deg, rgba(13,16,23,.94) 0%, rgba(13,16,23,.7) 100%); } }
@media (prefers-reduced-motion: reduce) { .k2-dust { animation:none; display:none; } }

/* etap 3 (I1, I2): logowanie. Wszystko pod .k2a; telefon najpierw (1 kolumna), od 992 px dwie kolumny 1120 px.
   Kolory i efekty z makiety (Konto.dc.html, ekran logowania); ruch wylaczony przy prefers-reduced-motion. */
.k2a { --k2-ink:#0d1017; --k2-zloto:#f3b300; --k2-tekst:#1a2230; --k2-biel:#fff; --k2-linia:#e3e3e3; --k2-szary:#6b7380; --k2-czerw:#b42318;
  font-family: Barlow,'Helvetica Neue',Arial,sans-serif; color:var(--k2-tekst); width:100%; max-width:100%; box-sizing:border-box; padding:12px 12px 28px; }
.k2a *, .k2a *::before, .k2a *::after { box-sizing:border-box; }
.k2a-staff { max-width:1120px; margin:0 auto 12px; }
.k2a-siatka { display:grid; grid-template-columns:minmax(0,1fr); gap:14px; width:100%; max-width:1120px; margin:0 auto; align-items:stretch; }
.k2a-link { border:0; background:transparent; padding:0; color:#8a6500 !important; font-size:13px; font-weight:800; text-decoration:none; }
.k2a-link:hover { color:#5f4600 !important; text-decoration:underline; }

/* hero (ciemna karta stadionu) */
.k2a-hero { position:relative; border-radius:22px; overflow:hidden; background:radial-gradient(120% 70% at 50% 0%, #1b2636 0%, #0d1017 60%); color:#fff; align-self:start; animation:k2aUp .5s cubic-bezier(.2,.8,.2,1) both; }
.k2a-hero-tlo { position:absolute; inset:0; pointer-events:none; }
.k2a-reflektor { position:absolute; top:-6px; width:38px; height:12px; border-radius:4px; background:#fff7d6; box-shadow:0 0 22px 8px rgba(255,230,150,.55); }
.k2a-reflektor-l { left:14%; } .k2a-reflektor-p { right:14%; }
.k2a-beam { position:absolute; top:0; width:46%; height:85%; background:linear-gradient(180deg, rgba(255,226,140,.26), rgba(255,226,140,0) 85%); animation:k2aBeam 4.5s ease-in-out infinite; }
.k2a-beam-l { left:4%; clip-path:polygon(18% 0, 26% 0, 100% 100%, 0 100%); }
.k2a-beam-p { right:4%; clip-path:polygon(74% 0, 82% 0, 100% 100%, 0 100%); animation-delay:1.3s; }
.k2a-murawa { position:absolute; left:-10%; right:-10%; bottom:0; height:34%; background:linear-gradient(180deg, rgba(20,90,55,0), rgba(20,110,65,.45)); clip-path:polygon(14% 0, 86% 0, 100% 100%, 0 100%); }
.k2a-kolo { position:absolute; left:50%; bottom:-60px; width:170px; height:120px; margin-left:-85px; border:2px solid rgba(255,255,255,.12); border-radius:50%; }
.k2a-linia { position:absolute; left:8%; right:8%; bottom:60px; height:2px; background:rgba(255,255,255,.1); }
.k2a-dust { position:absolute; width:3px; height:3px; border-radius:50%; background:#ffd24a; animation:k2aDust 6s linear infinite; }
.k2a-dust-z { width:2px; height:2px; }
.k2a-hero-tresc { position:relative; padding:20px; display:flex; flex-direction:column; gap:14px; height:100%; }
.k2a-eyebrow { align-self:flex-start; padding:5px 12px; border-radius:999px; border:1px solid rgba(243,179,0,.55); background:rgba(243,179,0,.1); color:var(--k2-zloto); font-size:11px; font-weight:800; letter-spacing:1.2px; text-transform:uppercase; }
.k2a-h1 { margin:0; font:800 38px/.95 'Barlow Condensed','Arial Narrow',sans-serif; text-transform:uppercase; color:#fff; }
.k2a-h1 span { color:var(--k2-zloto); }
.k2a-sub { margin:0; font-size:15px; color:#c9ced6; line-height:1.45; max-width:420px; }

/* karta klubowa (dane demo rozmyte) */
.k2a-karta { position:relative; overflow:hidden; margin:14px auto 6px; width:100%; max-width:330px; padding:18px; border-radius:18px; border:1.5px solid rgba(243,179,0,.6); background:linear-gradient(145deg, rgba(40,46,58,.92), rgba(16,20,28,.94)); box-shadow:0 24px 60px rgba(0,0,0,.45), inset 0 1px 0 rgba(255,255,255,.08); display:flex; flex-direction:column; gap:12px; animation:k2aTilt 6s ease-in-out infinite; }
.k2a-shine { position:absolute; top:0; bottom:0; left:0; width:35%; background:linear-gradient(90deg, transparent, rgba(255,255,255,.1), transparent); animation:k2aShine 3.4s ease-in-out 1s infinite; pointer-events:none; }
.k2a-karta-gora { display:flex; justify-content:space-between; align-items:center; }
.k2a-karta-logo { display:flex; align-items:center; gap:8px; }
.k2a-karta-logo > span { display:flex; flex-direction:column; line-height:1.1; }
.k2a-karta-logo b { font:800 15px 'Barlow Condensed','Arial Narrow',sans-serif; letter-spacing:.6px; }
.k2a-karta-logo small { font-size:10px; color:#9aa3b2; }
.k2a-karta-gra { font:800 16px 'Barlow Condensed','Arial Narrow',sans-serif; color:var(--k2-zloto); }
.k2a-karta-mala { font-size:11px; color:#9aa3b2; }
.k2a-karta-poziom { display:flex; gap:10px; align-items:stretch; }
.k2a-karta-poziom > b { font:800 40px/.9 'Barlow Condensed','Arial Narrow',sans-serif; color:var(--k2-zloto); flex-grow:1; }
.k2a-karta-nagrody { display:flex; align-items:center; gap:6px; padding:6px 9px; border-radius:10px; border:1px solid rgba(243,179,0,.4); background:rgba(243,179,0,.08); font-size:10px; color:#c9ced6; line-height:1.15; }
.k2a-karta-nagrody b { color:var(--k2-zloto); font-size:13px; }
.k2a-karta-kafle { display:grid; grid-template-columns:repeat(2, minmax(0,1fr)); gap:8px; }
.k2a-karta-kafle > span { padding:8px 10px; border-radius:10px; background:rgba(255,255,255,.05); border:1px solid rgba(255,255,255,.08); display:flex; flex-direction:column; gap:2px; }
.k2a-karta-kafle small { font-size:10px; color:#9aa3b2; }
.k2a-karta-kafle b { font:800 18px 'Barlow Condensed','Arial Narrow',sans-serif; color:var(--k2-zloto); }
.k2a-karta-cap { display:flex; align-items:center; gap:6px; font-size:11px; color:#c9ced6; }
.k2a-rozmyte { filter:blur(5px); user-select:none; }

/* co daje konto: komputer w hero, telefon pod formularzem */
.k2a-ben { display:flex; flex-direction:column; gap:12px; }
.k2a-ben-desk { display:none; margin-top:auto; }
.k2a-ben-tel { border-radius:20px; background:#111a24; color:#fff; padding:20px 18px; animation:k2aUp .5s cubic-bezier(.2,.8,.2,1) .16s both; }
.k2a-ben-tytul { font-size:11px; font-weight:800; letter-spacing:1.2px; color:#9aa3b2; text-transform:uppercase; }
.k2a-ben-poz { display:flex; gap:12px; align-items:center; }
.k2a-ben-desk .k2a-ben-poz { animation:k2aUp .5s cubic-bezier(.2,.8,.2,1) both; }
.k2a-ben-ik { width:36px; height:36px; flex-shrink:0; border-radius:10px; border:1px solid rgba(243,179,0,.45); background:rgba(243,179,0,.08); display:flex; align-items:center; justify-content:center; color:var(--k2-zloto); font-weight:800; font-size:15px; }
.k2a-ben-poz > span:last-child { display:flex; flex-direction:column; gap:1px; }
.k2a-ben-poz b { font-size:14px; color:#fff; }
.k2a-ben-poz small { font-size:12px; color:#9aa3b2; }

/* biala karta z formularzem */
.k2a-panel { background:var(--k2-biel); border:1px solid var(--k2-linia); border-radius:22px; padding:18px; display:flex; flex-direction:column; justify-content:center; box-shadow:0 24px 60px rgba(13,16,23,.08); animation:k2aUp .5s cubic-bezier(.2,.8,.2,1) .08s both; }
.k2a-panel-w { width:100%; max-width:440px; margin:0 auto; display:flex; flex-direction:column; gap:18px; }
.k2a-zakladki { position:relative; display:flex; padding:5px; border-radius:14px; background:#eef0f3; }
.k2a-zakl-wsk { position:absolute; top:5px; bottom:5px; left:5px; width:calc(50% - 5px); border-radius:10px; background:#111a24; box-shadow:0 6px 16px rgba(13,16,23,.25); }
.k2a-zakl { position:relative; flex:1; height:44px; display:flex; align-items:center; justify-content:center; color:#5b6472 !important; font:800 17px 'Barlow Condensed','Arial Narrow',sans-serif; letter-spacing:.6px; text-transform:uppercase; text-decoration:none !important; transition:color .3s ease; }
.k2a-zakl.jest-aktywna { color:#fff !important; }
.k2a-zakl:not(.jest-aktywna):hover { color:var(--k2-ink) !important; }
.k2a-form { display:flex; flex-direction:column; gap:16px; margin:0; }
.k2a-h2 { margin:0; font:800 32px/1.05 'Barlow Condensed','Arial Narrow',sans-serif; color:var(--k2-ink); }
.k2a-opis { margin:4px 0 0; font-size:14px; color:#5b6472; }
.k2a-blad { display:flex; gap:10px; align-items:flex-start; padding:12px 14px; border-radius:12px; background:#fdecea; border:1px solid #f3b2ab; color:#8f1d14; font-size:14px; line-height:1.4; }
.k2a-blad:not([hidden]) { animation:k2aShake .45s ease both; }
.k2a-blad[hidden], .k2a-pole-blad[hidden], .k2a-caps[hidden], .k2a-social[hidden], .k2a [data-k2a-blad-dalej][hidden] { display:none; }
.k2a-blad-ik { width:22px; height:22px; flex-shrink:0; border-radius:50%; background:#d92d20; color:#fff; font-weight:800; display:flex; align-items:center; justify-content:center; font-size:13px; }
.k2a-blad a { color:#8f1d14 !important; font-weight:800; text-decoration:underline; }
.k2a-pole { display:flex; flex-direction:column; gap:7px; margin:0; font-size:14px; font-weight:700; color:var(--k2-tekst); }
.k2a-pole-rzad { display:flex; justify-content:space-between; align-items:center; gap:10px; }
.k2a-wej { position:relative; display:flex; }
.k2a-wej-ik { position:absolute; left:15px; top:50%; transform:translateY(-50%); z-index:1; pointer-events:none; }
.k2a-in { flex-grow:1; width:100%; height:52px; padding:0 14px 0 46px; border:1.5px solid #d6d6d6; border-radius:12px; background:#fff; color:var(--k2-tekst); font:500 16px Barlow,sans-serif; transition:border-color .15s ease, box-shadow .15s ease; }
.k2a-in-haslo { padding-right:52px; }
/* ikona w polu: stały padding-left, wysokość 52 px i margin 0 w każdym stanie (all.css ma dla input[type=email|password|text] height:38px, a na wąskim ekranie margin-bottom:15px, o wyższej specyficzności; margines rozciągał .k2a-wej do 53 px i zsuwał ikonę o 7,5 px) */
.k2a .k2a-wej .k2a-in, .k2a .k2a-wej .k2a-in:placeholder-shown, .k2a .k2a-wej .k2a-in:focus, .k2a .k2a-wej .k2a-in.k2a-in-zle, .k2a .k2a-wej .k2a-in.k2a-in-ok, .k2a .k2a-wej .k2a-in:-webkit-autofill, .k2a .k2a-wej .k2a-in:autofill { padding-left:46px !important; box-sizing:border-box; font-size:16px; height:52px; margin:0; }
.k2a .k2a-wej .k2a-in-haslo { padding-right:52px; }
/* autofill Chrome: tło i tekst jak w zwykłym polu */
.k2a .k2a-wej .k2a-in:-webkit-autofill, .k2a .k2a-wej .k2a-in:-webkit-autofill:hover, .k2a .k2a-wej .k2a-in:-webkit-autofill:focus, .k2a .k2a-wej .k2a-in:autofill { -webkit-box-shadow:0 0 0 1000px #fff inset; box-shadow:0 0 0 1000px #fff inset; -webkit-text-fill-color:var(--k2-tekst); caret-color:var(--k2-tekst); transition:background-color 9999s ease-in-out 0s; }
.k2a .k2a-wej .k2a-in:-webkit-autofill:focus { -webkit-box-shadow:0 0 0 1000px #fff inset, 0 0 0 4px rgba(243,179,0,.22); box-shadow:0 0 0 1000px #fff inset, 0 0 0 4px rgba(243,179,0,.22); }
.k2a-in:focus { border-color:var(--k2-ink); box-shadow:0 0 0 4px rgba(243,179,0,.22); outline:none; }
.k2a-in.k2a-in-zle { border-color:#d92d20; }
.k2a-oko { position:absolute; right:4px; top:5px; width:44px; height:42px; border:0; border-radius:10px; background:transparent; display:flex; align-items:center; justify-content:center; cursor:pointer; }
.k2a-oko:focus-visible { outline:2px solid var(--k2-zloto); }
.k2a-oko .k2a-oko-kreska { display:none; }
.k2a-oko[aria-pressed="true"] .k2a-oko-kreska { display:inline; }
.k2a-pole-blad { font-size:13px; color:var(--k2-czerw); font-weight:600; }
.k2a-caps { display:flex; align-items:center; gap:8px; padding:8px 10px; border-radius:9px; background:#fff6d6; color:#7a5a00; font-size:13px; font-weight:700; animation:k2aPop .4s cubic-bezier(.2,.8,.2,1) both; }
.k2a-check { position:relative; display:flex; align-items:flex-start; gap:10px; margin:0; cursor:pointer; color:var(--k2-tekst); font-weight:400; }
.k2a-check input { position:absolute; opacity:0; width:20px; height:20px; margin:0; }
.k2a-check-box { width:20px; height:20px; flex-shrink:0; border-radius:6px; border:2px solid #c4c9d1; background:#fff; display:flex; align-items:center; justify-content:center; transition:background .2s ease, border-color .2s ease; }
.k2a-check-box svg { opacity:0; }
.k2a-check input:checked + .k2a-check-box { background:#111a24; border-color:#111a24; }
.k2a-check input:checked + .k2a-check-box svg { opacity:1; }
.k2a-check input:focus-visible + .k2a-check-box { box-shadow:0 0 0 4px rgba(243,179,0,.3); }
.k2a-check-tekst { display:flex; flex-direction:column; gap:1px; }
.k2a-check-tekst b { font-size:14px; } .k2a-check-tekst small { font-size:12px; color:var(--k2-szary); }
.k2a-submit { position:relative; overflow:hidden; width:100%; height:56px; border-radius:14px; font:800 20px 'Barlow Condensed','Arial Narrow',sans-serif; letter-spacing:.6px; box-shadow:0 10px 26px rgba(243,179,0,.32); color:#111 !important; }
.k2a-strz { display:inline-block; transition:transform .2s ease; }
.k2a-submit:hover .k2a-strz { transform:translateX(4px); }
.k2a-stopka { display:flex; flex-direction:column; gap:6px; align-items:flex-start; padding-top:16px; border-top:1px solid #eceef1; }
.k2a-stopka > span { font-size:14px; color:#3b4452; }
.k2a-stopka .k2a-link { font-size:14px; text-decoration:underline; }
.k2a-stopka small { font-size:12px; color:var(--k2-szary); }
.k2a-zaufanie { display:flex; flex-wrap:wrap; justify-content:center; gap:6px 14px; font-size:12px; color:#0b6b47; font-weight:600; }
.k2a-zaufanie span { display:flex; align-items:center; gap:5px; }

@media (min-width: 992px) {
  .k2a { padding:34px 0 64px; }
  .k2a-siatka { grid-template-columns:minmax(0,.82fr) minmax(0,1fr); gap:20px; }
  .k2a-hero { min-height:640px; }
  .k2a-hero-tresc { padding:40px; }
  .k2a-h1 { font-size:52px; }
  .k2a-ben-desk { display:flex; }
  .k2a-ben-tel { display:none; }
  .k2a-panel { padding:44px 48px; }
  .k2a-stopka { align-items:center; text-align:center; }
}
@keyframes k2aUp { from { opacity:0; transform:translateY(12px); } to { opacity:1; transform:none; } }
@keyframes k2aBeam { 0%,100% { opacity:.75; } 50% { opacity:1; } }
@keyframes k2aDust { 0% { transform:translateY(0); opacity:0; } 20% { opacity:.9; } 100% { transform:translateY(-120px); opacity:0; } }
@keyframes k2aTilt { 0%,100% { transform:perspective(900px) rotateX(4deg) rotateY(-8deg) translateY(0); } 50% { transform:perspective(900px) rotateX(2deg) rotateY(-3deg) translateY(-6px); } }
@keyframes k2aShine { 0% { transform:translateX(-140%) skewX(-22deg); } 55%,100% { transform:translateX(420%) skewX(-22deg); } }
@keyframes k2aShake { 0%,100% { transform:none; } 20%,60% { transform:translateX(-6px); } 40%,80% { transform:translateX(6px); } }
@keyframes k2aPop { 0% { transform:scale(.6); opacity:0; } 70% { transform:scale(1.08); opacity:1; } 100% { transform:scale(1); opacity:1; } }
@media (prefers-reduced-motion: reduce) {
  .k2a-hero, .k2a-panel, .k2a-ben-tel, .k2a-ben-poz, .k2a-beam, .k2a-karta, .k2a-blad:not([hidden]), .k2a-caps { animation:none !important; }
  .k2a-shine, .k2a-dust { display:none; }
  .k2a-strz, .k2a-zakl, .k2a-in, .k2a-check-box { transition:none; }
}

/* etap 3 (I3): rejestracja i "Konto gotowe" (makieta: Konto.dc.html, ekrany register i welcome). Miernik = .k2-sila z ustawien etapu 2 + lista wymagan. */
.k2a-zakladki-rej .k2a-zakl-wsk { left:50%; }
.k2a-sila { gap:10px; padding:12px; border-radius:12px; background:#f6f7f9; border:1px solid #eceef1; font-weight:600; }
.k2a-sila [data-k2-sila-tekst]:empty { display:none; }
.k2a-sila[data-poziom="0"] [data-k2-sila-tekst] { color:var(--k2-czerw); font-weight:800; }
.k2a-sila[data-poziom="1"] [data-k2-sila-tekst] { color:#b45309; font-weight:800; }
.k2a-sila[data-poziom="2"] [data-k2-sila-tekst] { color:#0b6b47; font-weight:800; }
.k2a-sila:not([data-poziom]) .k2-sila-pasek i { width:0; }
.k2-sila-wym { display:grid; grid-template-columns:repeat(2, minmax(0,1fr)); gap:6px 10px; }
.k2-sila-wym > span { display:flex; align-items:flex-start; gap:7px; font-size:12px; font-weight:600; color:var(--k2-szary); line-height:1.3; }
.k2-sila-kropka { width:16px; height:16px; flex-shrink:0; border-radius:50%; background:#d3d7dd; display:flex; align-items:center; justify-content:center; transition:background .3s ease; }
.k2-sila-kropka svg { opacity:0; transition:opacity .2s ease; }
.k2-sila-wym > span.jest-ok { color:#0b6b47; }
.k2-sila-wym > span.jest-ok .k2-sila-kropka { background:#2f9e62; }
.k2-sila-wym > span.jest-ok .k2-sila-kropka svg { opacity:1; }
.k2a-zgodnosc { font-size:13px; font-weight:700; color:var(--k2-czerw); }
.k2a-zgodnosc.jest-ok { color:#0b6b47; }
.k2a-zgodnosc[hidden], .k2a [data-k2a-zgody-blad][hidden] { display:none; }
.k2a-in.k2a-in-ok { border-color:#2f9e62; }
.k2a-zgody { display:flex; flex-direction:column; gap:10px; padding:14px; border-radius:12px; border:1.5px solid #eceef1; background:#fafbfc; transition:border-color .25s ease, background .25s ease; }
.k2a-zgody.jest-blad { border-color:#e5484d; background:#fff5f4; }
.k2a-zgody.jest-blad [data-k2a-regulamin]:not(:checked) + .k2a-check-box { border-color:#e5484d; }
.k2a-zgoda-tekst { font-size:13px; line-height:1.45; color:var(--k2-tekst); }
.k2a-zgoda-tekst a { color:#8a6500 !important; text-decoration:underline; }
.k2a-obow { color:var(--k2-czerw); } .k2a-opc { color:#1d6fd8; }
.k2a-notka { font-size:13px; color:var(--k2-szary); text-align:center; line-height:1.4; }
.k2a-gotowe { align-items:center; text-align:center; gap:16px; }
.k2a-gotowe-ik { position:relative; display:block; width:96px; height:96px; }
.k2a-gotowe-kolo { position:absolute; inset:0; border-radius:50%; background:#2f9e62; display:flex; align-items:center; justify-content:center; box-shadow:0 14px 34px rgba(47,158,98,.35); animation:k2aPop .5s cubic-bezier(.2,.8,.2,1) both; }
.k2a-draw { stroke-dasharray:24; stroke-dashoffset:24; animation:k2aDraw .45s ease .35s forwards; }
.k2a-konf { position:absolute; left:50%; top:50%; width:0; height:0; }
.k2a-konf > span { position:absolute; left:0; top:0; }
.k2a-konf i { position:absolute; left:-4px; width:8px; height:12px; border-radius:2px; opacity:0; animation:k2aKonf .9s ease-out both; }
.k2a-gotowe .k2a-h2 { font-size:34px; }
.k2a-gotowe-tekst { margin:6px 0 0; font-size:15px; color:#3b4452; line-height:1.5; }
.k2a-kroki { width:100%; display:flex; flex-direction:column; gap:10px; padding:16px; border-radius:14px; background:#f6f7f9; border:1px solid #eceef1; text-align:left; }
.k2a-krok { display:flex; gap:10px; align-items:flex-start; font-size:14px; color:#3b4452; line-height:1.4; animation:k2aUp .45s cubic-bezier(.2,.8,.2,1) both; }
.k2a-krok-nr { width:24px; height:24px; flex-shrink:0; border-radius:50%; background:#111a24; color:var(--k2-zloto); font-size:12px; font-weight:800; display:flex; align-items:center; justify-content:center; }
.k2a-gotowe .k2a-submit { text-decoration:none !important; }
.k2a-drugi { width:100%; height:50px; display:flex; align-items:center; justify-content:center; border:1.5px solid #d6d6d6; border-radius:12px; background:#fff; color:var(--k2-ink) !important; font-size:15px; font-weight:700; text-decoration:none !important; }
.k2a-drugi:hover { border-color:var(--k2-ink); }
@keyframes k2aDraw { to { stroke-dashoffset:0; } }
@keyframes k2aKonf { 0% { opacity:0; transform:translateY(0) scale(.4); } 25% { opacity:1; } 100% { opacity:0; transform:translateY(-34px) rotate(160deg) scale(1); } }
@media (max-width: 420px) { .k2-sila-wym { grid-template-columns:minmax(0,1fr); } }
@media (prefers-reduced-motion: reduce) {
  .k2a-gotowe-kolo, .k2a-krok { animation:none !important; }
  .k2a-draw { animation:none !important; stroke-dashoffset:0; }
  .k2a-konf { display:none; }
  .k2-sila-kropka, .k2-sila-kropka svg, .k2a-zgody { transition:none; }
}

/* etap 3 (I4): reset hasla w 3 krokach (makieta: Konto.dc.html, ekrany reset, sent, newpass). Pasek krokow w hero, "Sprawdz skrzynke", karta adresu przy nowym hasle. */
.k2a-pole[hidden], .k2a-dla[hidden] { display:none; }
.k2a-wroc { align-self:flex-start; font-size:14px; }
.k2a-info { display:flex; gap:10px; align-items:flex-start; padding:12px 14px; border-radius:12px; background:#f6f7f9; border:1px solid #eceef1; font-size:13px; color:#3b4452; line-height:1.45; }
.k2a-rs-kroki { list-style:none; margin:4px 0 0; padding:14px 6px; display:grid; grid-template-columns:repeat(3, minmax(0,1fr)); border-radius:14px; background:rgba(255,255,255,.05); border:1px solid rgba(255,255,255,.1); position:relative; }
.k2a-rs-kroki::before, .k2a-rs-kroki::after { content:""; position:absolute; top:32px; height:2px; left:16.6%; }
.k2a-rs-kroki::before { right:16.6%; background:#2a3546; }
.k2a-rs-kroki::after { width:var(--k2a-rs-pasek, 0%); max-width:66.8%; background:#34d399; transition:width .6s ease; }
.k2a-rs-krok { position:relative; z-index:1; display:flex; flex-direction:column; align-items:center; gap:6px; font-size:12px; font-weight:700; color:#8b94a3; text-align:center; }
.k2a-rs-krok.jest-zrobiony, .k2a-rs-krok.jest-teraz { color:#fff; }
.k2a-rs-nr { position:relative; width:36px; height:36px; border-radius:50%; border:2px solid #3a4558; background:#111a24; display:flex; align-items:center; justify-content:center; font-size:14px; font-weight:800; }
.k2a-rs-krok.jest-zrobiony .k2a-rs-nr { background:#2f9e62; border-color:#2f9e62; }
.k2a-rs-krok.jest-teraz .k2a-rs-nr { background:#f3b300; border-color:#f3b300; color:#111; animation:k2aRsPuls 1.8s ease-out infinite; }
.k2a-bezp { display:none; }
.k2a-bezp-poz { display:flex; gap:10px; align-items:flex-start; font-size:14px; color:#d4d9e1; line-height:1.4; }
.k2a-bezp-ok { color:#34d399; font-weight:800; }
.k2a-wyslano { align-items:center; text-align:center; gap:16px; }
.k2a-koperta { position:relative; width:88px; height:88px; border-radius:50%; background:#e7f6ee; display:flex; align-items:center; justify-content:center; animation:k2aPop .5s cubic-bezier(.2,.8,.2,1) both; }
.k2a-ripple { position:absolute; inset:0; border-radius:50%; border:2px solid #34d399; animation:k2aRipple 2.2s ease-out infinite; }
.k2a-ponownie { display:flex; flex-direction:column; gap:6px; width:100%; }
.k2a-pasek { display:block; height:6px; border-radius:999px; background:#eceef1; overflow:hidden; }
.k2a-pasek i { display:block; height:100%; width:100%; background:#c4c9d1; }
.k2a-pasek i.jest-w-toku { animation:k2aPasek 45s linear both; }
.k2a-dla { display:flex; align-items:center; gap:12px; padding:12px 14px; border-radius:12px; background:#f6f7f9; border:1px solid #eceef1; }
.k2a-dla-ik { width:36px; height:36px; flex-shrink:0; border-radius:50%; background:#111a24; display:flex; align-items:center; justify-content:center; }
.k2a-dla-t { display:flex; flex-direction:column; min-width:0; }
.k2a-dla-t small { font-size:12px; color:#6b7380; }
.k2a-dla-t b { font-size:15px; overflow-wrap:anywhere; }
.k2a-dla .k2a-link { margin-left:auto; flex-shrink:0; }
.k2a-drugi:disabled { opacity:.55; cursor:default; }
.k2a-drugi:disabled:hover { border-color:#d6d6d6; }
@keyframes k2aRsPuls { 0% { box-shadow:0 0 0 0 rgba(243,179,0,.55); } 100% { box-shadow:0 0 0 10px rgba(243,179,0,0); } }
@keyframes k2aRipple { 0% { transform:scale(1); opacity:.8; } 100% { transform:scale(1.45); opacity:0; } }
@keyframes k2aPasek { from { width:0; } to { width:100%; } }
@media (min-width: 992px) {
  .k2a-bezp { display:flex; flex-direction:column; gap:10px; margin-top:auto; padding:16px; border-radius:14px; background:rgba(255,255,255,.05); border:1px solid rgba(255,255,255,.1); }
}
@media (prefers-reduced-motion: reduce) {
  .k2a-rs-krok.jest-teraz .k2a-rs-nr, .k2a-koperta, .k2a-ripple { animation:none !important; }
  .k2a-ripple { display:none; }
  .k2a-rs-kroki::after { transition:none; }
  .k2a-pasek i.jest-w-toku { animation:none !important; width:100%; }
}

/* moje-konto-v2 etap 3: rejestracja i reset hasła pokazują każdy błąd w karcie albo przy polu - globalny pasek błędów layoutu powtarzał go drugi raz.
   Logowanie zostawia pasek (inne ścieżki, np. blokada konta albo logowanie zewnętrzne, przekierowują na /login z błędem tylko w pasku). */
body:has(.k2a-bez-paska) .content > .alert-danger { display:none !important; }

/* etap 4: zakladka Sprzedaz (skup coins i skup kont), blok miejsca w kolejce, karta na pulpicie */
.k2-sp-hero { position:relative; overflow:hidden; border-radius:20px; background:#070a0f; color:#fff; min-height:260px; }
.k2-sp-hero-img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:70% 50%; }
.k2-sp-hero::before { content:""; position:absolute; inset:0; z-index:1; background:linear-gradient(90deg, rgba(7,10,15,.94) 0%, rgba(7,10,15,.78) 48%, rgba(7,10,15,.2) 100%); }
.k2-sp-hero-tresc { position:relative; z-index:2; padding:24px; display:flex; flex-direction:column; align-items:flex-start; gap:10px; max-width:640px; }
.k2-sp-hero-tresc .k2-oczko { margin-bottom:0; color:#34d399; border-color:rgba(52,211,153,.55); }
.k2-sp-hero-male { margin:0; font-size:16px; font-weight:600; color:#c9ced6; }
.k2-sp-hero-kwota { font:800 60px/.95 'Barlow Condensed','Arial Narrow',sans-serif; color:#fff; overflow-wrap:anywhere; }
.k2-sp-hero-zacheta { font-size:44px; color:var(--k2-zloto); text-transform:uppercase; }
.k2-sp-hero-staty { display:flex; flex-wrap:wrap; gap:8px 22px; font-size:14px; color:#c9ced6; }
.k2-sp-hero-staty b { color:#fff; font-size:17px; }
.k2-konf { position:absolute; left:50%; top:50%; width:0; height:0; pointer-events:none; }
.k2-konf i { position:absolute; width:8px; height:8px; border-radius:2px; background:var(--k2-zloto); opacity:0; animation:k2Konf 1.6s ease-out .4s both; }
.k2-konf i:nth-child(3n) { background:#34d399; } .k2-konf i:nth-child(3n+1) { background:#fff; }
@keyframes k2Konf { 0% { opacity:0; transform:rotate(calc(var(--i) * 30deg)) translateY(0) scale(1); } 15% { opacity:1; } 100% { opacity:0; transform:rotate(calc(var(--i) * 30deg)) translateY(-130px) scale(.4); } }
.k2-sp-zlecenie { gap:12px; }
.k2-sp-zywo { border-color:rgba(52,211,153,.55); }
.k2-sp-znaczek { display:inline-block; padding:3px 10px; border-radius:999px; background:var(--k2-zielony); color:#fff; font:800 11px Barlow,sans-serif; letter-spacing:.8px; text-transform:uppercase; animation:k2Pop .4s cubic-bezier(.2,.8,.2,1) both; }
@keyframes k2Pop { 0% { transform:scale(.6); opacity:0; } 70% { transform:scale(1.08); opacity:1; } 100% { transform:scale(1); opacity:1; } }
.k2-sp-podsumowanie { display:flex; justify-content:space-between; align-items:center; gap:10px 18px; flex-wrap:wrap; }
.k2-sp-podsumowanie > span:first-child b { font:800 26px 'Barlow Condensed',sans-serif; color:var(--k2-ink); }
.k2-sp-podsumowanie small { padding:2px 8px; border-radius:6px; background:#eef0f3; font-weight:700; color:var(--k2-szary); }
.k2-sp-wyplata { display:flex; align-items:center; gap:8px; font-size:14px; color:var(--k2-szary); flex-wrap:wrap; }
.k2-sp-wyplata img { width:28px; height:28px; object-fit:contain; }
.k2-sp-wyplata b { font:800 20px 'Barlow Condensed',sans-serif; color:var(--k2-ink); }
.k2-os-sp { grid-template-columns:repeat(var(--n, 4), minmax(0, 1fr)); }
.k2-sp-dalej { padding:12px 14px; border-radius:12px; background:#f6f7f9; }
.k2-sp-dalej > span { font:700 11px Barlow,sans-serif; text-transform:uppercase; letter-spacing:.8px; color:var(--k2-szary); }
.k2-sp-dalej p { margin:4px 0 0; }
.k2-sp-reakcja { margin:0; padding:12px 14px; border-radius:12px; background:#fdecec; color:#8a2323; font-weight:600; }
.k2-sp-kolejka { display:flex; flex-direction:column; gap:12px; padding:14px; border-radius:14px; background:rgba(243,179,0,.08); border:1px solid rgba(243,179,0,.4); }
.k2-sp-miejsce { display:flex; align-items:center; gap:16px; }
.k2-sp-numer { display:flex; flex-direction:column; align-items:center; min-width:92px; padding:8px 12px; border-radius:16px; background:var(--k2-zloto); color:var(--k2-ink); box-shadow:0 0 22px 3px rgba(243,179,0,.35); }
.k2-sp-numer small { font:800 11px Barlow,sans-serif; letter-spacing:1.2px; text-transform:uppercase; }
.k2-sp-numer b { font:800 56px/.95 'Barlow Condensed',sans-serif; }
.k2-sp-miejsce-opis { display:flex; flex-direction:column; gap:2px; min-width:0; }
.k2-sp-miejsce-opis b { font:800 22px/1.1 'Barlow Condensed',sans-serif; text-transform:uppercase; color:var(--k2-ink); }
.k2-sp-miejsce-opis span { font-size:14px; color:#4b5261; }
.k2-sp-tor-podpisy { display:flex; justify-content:space-between; gap:8px; font-size:12px; font-weight:700; color:var(--k2-szary); margin-bottom:6px; }
.k2-sp-eta { margin:0; display:flex; flex-wrap:wrap; align-items:baseline; gap:4px 10px; font-size:14px; color:#4b5261; }
.k2-sp-eta b { font:800 26px 'Barlow Condensed',sans-serif; color:var(--k2-ink); }
.k2-sp-licznik { display:flex; flex-direction:column; gap:6px; font-size:14px; color:#4b5261; }
.k2-sp-licznik b { font:800 22px 'Barlow Condensed',sans-serif; color:var(--k2-ink); }
.k2-sp-aktualizacja { margin:0; font-size:12px; color:var(--k2-szary); }
.k2-sp-kurs-jedn { font-size:13px; color:#c9ced6; }
.k2-sp-kurs-siatka { display:grid; grid-template-columns:repeat(2, minmax(0, 1fr)); gap:12px; }
.k2-sp-kurs-kafel { display:flex; flex-direction:column; gap:4px; padding:12px 14px; border-radius:12px; background:#f6f7f9; min-width:0; color:var(--k2-zielony); }
.k2-sp-kurs-kafel b { font:800 28px 'Barlow Condensed',sans-serif; color:var(--k2-ink); }
.k2-sp-kurs-plat { font:700 12px Barlow,sans-serif; text-transform:uppercase; letter-spacing:.8px; color:var(--k2-szary); }
.k2-sp-kurs-kafel small { font-size:13px; font-weight:700; color:var(--k2-szary); }
.k2-sp-plus { color:var(--k2-zielony) !important; } .k2-sp-minus { color:var(--k2-czerw) !important; }
.k2-sp-spark { width:100%; height:34px; display:block; }
.k2-sp-metody-lista { list-style:none; margin:0; padding:0; display:grid; grid-template-columns:repeat(auto-fit, minmax(210px, 1fr)); gap:10px; }
.k2-sp-metody-lista li { display:flex; align-items:center; gap:10px; padding:10px 12px; border-radius:12px; background:#f6f7f9; min-width:0; }
.k2-sp-metody-lista img { width:30px; height:30px; object-fit:contain; flex:none; }
.k2-sp-metody-lista small { display:block; color:var(--k2-szary); font-size:12px; }
.k2-sp-konta-suma { margin:0; color:var(--k2-szary); } .k2-sp-konta-suma b { font:800 22px 'Barlow Condensed',sans-serif; color:var(--k2-ink); }
.k2-sp-konto { border-color:var(--k2-linia); }
.k2-sp-coins .k2-sp-podsumowanie > span:first-child b { font-size:22px; }
.k2-sp-strony { display:flex; align-items:center; justify-content:space-between; gap:10px; flex-wrap:wrap; margin-top:4px; }
.k2-sp-strony-nr { color:var(--k2-szary); font-weight:600; }
.k2-sp-strony-off { opacity:.4; pointer-events:none; }
@media (max-width: 480px) { .k2-sp-strony { justify-content:center; } .k2-sp-strony-nr { order:-1; flex-basis:100%; text-align:center; } }
.k2-sp-pulpit-kolejka { display:flex; align-items:center; gap:12px; padding:10px 12px; border-radius:12px; background:rgba(243,179,0,.08); border:1px solid rgba(243,179,0,.35); color:var(--k2-ink) !important; text-decoration:none; font-size:13px; }
.k2-sp-pulpit-kolejka b { display:block; color:var(--k2-ink); }
.k2-sp-pulpit-numer { min-width:38px; height:38px; padding:0 6px; border-radius:10px; background:var(--k2-zloto); color:var(--k2-ink); font:800 22px 'Barlow Condensed',sans-serif; display:flex; align-items:center; justify-content:center; animation:k2Glow 2.6s ease-in-out infinite; }
@keyframes k2Glow { 0%,100% { box-shadow:0 0 0 0 rgba(243,179,0,0); } 50% { box-shadow:0 0 18px 3px rgba(243,179,0,.4); } }
@media (max-width: 480px) {
  .k2-sp-hero-tresc { padding:18px; }
  .k2-sp-hero-kwota { font-size:46px; } .k2-sp-hero-zacheta { font-size:36px; }
  .k2-sp-hero::before { background:linear-gradient(180deg, rgba(7,10,15,.7) 0%, rgba(7,10,15,.92) 100%); }
  .k2-sp-miejsce { gap:12px; } .k2-sp-numer { min-width:76px; } .k2-sp-numer b { font-size:46px; }
  .k2-sp-kurs-siatka { grid-template-columns:1fr; }
  .k2-os-sp li { font-size:10.5px; }
}
@media (prefers-reduced-motion: reduce) {
  .k2-konf { display:none; }
  .k2-sp-znaczek, .k2-sp-pulpit-numer { animation:none; }
}

/* szczegoly zlecenia sprzedazy (coins i konta): powrot do zakladki, naglowek, okno zmiany ilosci */
.k2-sp-powrot { align-self:flex-start; color:#8a6500 !important; text-decoration:none; font-size:14px; }
.k2-sp-szczegoly { display:flex; flex-direction:column; gap:14px; min-width:0; }
.k2-sp-szczegoly .k2-sekcja-gora .k2-h2 { color:#fff; }
.k2-sp-szczegoly .k2-dl dt { text-align:left; }
@media (min-width: 681px) { .k2-sp-szczegoly .k2-dl { grid-template-columns:minmax(0,240px) minmax(0,1fr); } }
@media (max-width: 480px) { .k2-sp-szczegoly .k2-os-sp li { font-size:9.5px; } }
.k2-sp-glowa-etykieta { font:700 12px Barlow,sans-serif; text-transform:uppercase; letter-spacing:.8px; color:#c9ced6; }
.k2-sp-przypis { display:block; margin-top:2px; color:var(--k2-szary); font-size:13px; }
.k2-sp-okno { position:fixed; inset:0; z-index:10050; display:flex; align-items:center; justify-content:center; padding:16px; background:rgba(7,10,15,.72); overflow:auto; }
.k2-sp-okno[hidden] { display:none; }
.k2-sp-okno-tresc { position:relative; width:100%; max-width:520px; margin:auto; padding:20px; border-radius:14px; background:var(--k2-biel); color:var(--k2-ink); display:flex; flex-direction:column; gap:12px; }
.k2-sp-okno-tytul { margin:0; padding-right:32px; font:800 22px/1.1 'Barlow Condensed',sans-serif; text-transform:uppercase; }
.k2-sp-okno-x { position:absolute; top:10px; right:10px; width:36px; height:36px; border:0; border-radius:8px; background:#eef0f3; color:var(--k2-ink); font-size:22px; line-height:1; cursor:pointer; }
.k2-sp-okno form { display:flex; flex-direction:column; gap:12px; } .k2-sp-okno form[hidden] { display:none; }
.k2-sp-okno label { margin:0; font-weight:600; }
.k2-sp-okno-ilosc { display:flex; align-items:center; gap:8px; font-weight:800; }
.k2-sp-okno-tabela { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px 14px; margin:0; padding:12px; border-radius:10px; background:#f6f7f9; }
.k2-sp-okno-tabela dt { color:var(--k2-szary); font-weight:600; font-size:13px; }
.k2-sp-okno-tabela dd { margin:0; font-weight:800; overflow-wrap:anywhere; }
.k2-sp-okno-blad { padding:8px 12px; border-radius:10px; background:#fde8e8; color:#8c1d1d; font-size:14px; }
.k2-sp-okno-ok { padding:12px; border-radius:10px; background:#d7f3e3; color:#14633a; font-weight:600; }
@media (max-width: 480px) { .k2-sp-okno-tabela { grid-template-columns:minmax(0,1fr); } }

/* ---- sprzedaz-szczegoly-v2 (ab): zlecenie coins / zgloszenie konta ---- */
.k2-sp2-uklad { display:grid; grid-template-columns:minmax(0, 1fr); gap:16px; }
.k2-sp2-glowna { display:flex; flex-direction:column; gap:14px; min-width:0; }
.k2-sp2-prawa { display:flex; flex-direction:column; gap:12px; min-width:0; }
.k2-sp2-box { background:var(--k2-biel); border:1px solid var(--k2-linia); border-radius:14px; padding:14px 16px; }
.k2-sp2-box h3 { margin:0 0 8px; font:800 15px/1.2 Barlow,sans-serif; text-transform:uppercase; letter-spacing:.4px; }
.k2-sp2-przypis { margin:6px 0 0; font-size:13px; color:var(--k2-szary); }
.k2-sp2-maska { margin:0; font:700 17px/1.3 Barlow,sans-serif; letter-spacing:.5px; word-break:break-all; }
.k2-sp2-metoda { display:flex; align-items:center; gap:8px; margin:0 0 4px; font-weight:700; }
.k2-sp2-metoda img { width:26px; height:26px; object-fit:contain; }
.k2-sp2-etykieta { display:inline-block; margin-left:6px; padding:1px 7px; border-radius:8px; background:#fff4d1; font-size:11px; font-weight:800; }
.k2-sp2-pytania details { border-top:1px solid var(--k2-linia); padding:8px 0; }
.k2-sp2-pytania details:first-of-type { border-top:0; }
.k2-sp2-pytania summary { cursor:pointer; font-weight:700; }
.k2-sp2-pytania details p { margin:6px 0 0; font-size:14px; color:var(--k2-szary); }
.k2-sp2-kopiuj { margin-left:8px; padding:3px 10px; border:1px solid rgba(255,255,255,.35); border-radius:8px; background:transparent; color:#fff; font:700 12px Barlow,sans-serif; cursor:pointer; }
.k2-sp2-kopiuj.skopiowano { background:var(--k2-zielony); border-color:var(--k2-zielony); }
.k2-sp2-kwota small { margin-right:4px; opacity:.75; }
.k2-sp2-karta { position:relative; overflow:hidden; }
.k2-sp2-kolejka { display:flex; flex-direction:column; gap:10px; }
.k2-sp2-belka { margin:0; padding:10px 14px; border-radius:10px; background:#e6f6ee; color:#146c3e; font-size:14px; font-weight:600; }
.k2-sp2-algorytm { display:inline-block; margin-left:6px; padding:1px 8px; border:1px dashed var(--k2-szary); border-radius:8px; font:700 11px Barlow,sans-serif; font-style:normal; text-transform:uppercase; color:var(--k2-szary); }
.k2-sp2-ramka { margin:0; padding:10px 12px; border:1px dashed var(--k2-szary); border-radius:10px; font-size:13px; line-height:1.45; color:#4b5261; background:#fafafa; }
.k2-sp2-prognoza { display:flex; flex-direction:column; gap:8px; }
.k2-sp2-uwaga { padding:12px 14px; border-radius:12px; background:#fff1e0; border:1px solid #f5c58b; color:#7a4300; }
.k2-sp2-uwaga ul { margin:6px 0 0; padding-left:18px; }
.k2-sp2-strumien { display:flex; align-items:center; gap:10px; padding:12px; border-radius:12px; background:var(--k2-ink); color:#fff; font:800 14px Barlow,sans-serif; }
.k2-sp2-strumien img { flex:1 1 auto; min-width:0; max-height:52px; object-fit:contain; }
.k2-sp2-wymaga, .k2-sp2-odrzucone { border-left:5px solid var(--k2-czerw); }
.k2-sp2-odrzucone { border-left-color:var(--k2-szary); background:#f1f2f4; }
.k2-sp2-wyplata, .k2-sp2-wyplacone { border-left:5px solid var(--k2-zielony); }
.k2-sp2-powod { margin:0 0 6px; }
.k2-sp2-kroki { margin:0 0 10px; padding-left:20px; }
.k2-sp2-nie-pobrano { margin:0 0 10px; font-weight:700; }
.k2-sp2-duza-kwota { margin:4px 0 8px; font:800 40px/1 'Barlow Condensed',Barlow,sans-serif; color:var(--k2-zielony); }
.k2-sp2-kafle { display:grid; grid-template-columns:repeat(3, minmax(0, 1fr)); gap:8px; margin:10px 0; }
.k2-sp2-kafle div { background:#f6f7f9; border-radius:10px; padding:8px 10px; min-width:0; }
.k2-sp2-kafle small { display:block; font-size:11px; color:var(--k2-szary); }
.k2-sp2-kafle b { font:800 17px Barlow,sans-serif; word-break:break-word; }
.k2-sp2-gwiazdki { margin:6px 0; font-size:22px; color:var(--k2-zloto); letter-spacing:2px; }
.k2-sp2-konto-gora { display:flex; gap:14px; align-items:center; margin-bottom:10px; }
.k2-sp2-stawka { flex:0 0 auto; width:96px; padding:10px 6px; border-radius:12px; text-align:center; color:#2b1a00; background:linear-gradient(160deg, #e9c58a, #b57a2d); }
.k2-sp2-stawka-srebro { background:linear-gradient(160deg, #eef0f3, #a8afba); color:#1e242e; }
.k2-sp2-stawka-zloto { background:linear-gradient(160deg, #ffe58a, #e2a800); }
.k2-sp2-stawka small { display:block; font:800 11px Barlow,sans-serif; text-transform:uppercase; }
.k2-sp2-stawka b { display:block; font:800 24px 'Barlow Condensed',Barlow,sans-serif; }
.k2-sp2-stawka span { font:700 11px Barlow,sans-serif; }
.k2-sp2-wer { margin:8px 0 12px; }
.k2-sp2-wer-opis { display:flex; justify-content:space-between; gap:8px; margin-top:6px; font-size:12px; color:var(--k2-szary); }
.k2-sp2-wer-opis small { display:block; }
.k2-sp2-warunki ul { list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:6px; }
.k2-sp2-warunki li { display:flex; align-items:center; gap:10px; padding:8px 10px; border-radius:10px; background:#f6f7f9; font-size:14px; }
.k2-sp2-warunki li span { flex:1 1 auto; min-width:0; }
.k2-sp2-warunki li small { font-size:12px; color:var(--k2-szary); }
.k2-sp2-warunki li i { flex:0 0 auto; width:22px; height:22px; border-radius:50%; background:#d9dce2; color:#fff; font:800 13px/22px Barlow,sans-serif; font-style:normal; text-align:center; }
.k2-sp2-w-zielony i { background:var(--k2-zielony); }
.k2-sp2-w-czerwony i { background:var(--k2-czerw); }
.k2-sp2-w-czerwony { background:#fdeaea !important; }
.k2-sp2-ostrzezenie { margin:4px 0 8px; font-size:12.5px; color:var(--k2-szary); }
/* oś: pionowa na telefonie, pozioma na komputerze */
.k2-sp2-os { list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:0; }
.k2-sp2-os li { position:relative; display:grid; grid-template-columns:28px 1fr; column-gap:10px; padding:0 0 16px; font-size:14px; color:var(--k2-szary); }
.k2-sp2-os li:last-child { padding-bottom:0; }
.k2-sp2-os li::before { content:""; position:absolute; left:13px; top:26px; bottom:0; width:2px; background:#d9dce2; }
.k2-sp2-os li:last-child::before { display:none; }
.k2-sp2-os li i { grid-row:1 / span 2; width:26px; height:26px; border-radius:50%; background:#d9dce2; color:#fff; font:800 14px/26px Barlow,sans-serif; font-style:normal; text-align:center; }
.k2-sp2-os li span { font-weight:700; }
.k2-sp2-os li time { font-size:12px; }
.k2-sp2-os li.zrobiony { color:var(--k2-tekst); }
.k2-sp2-os li.zrobiony i { background:var(--k2-zielony); }
.k2-sp2-os li.zrobiony::before { background:var(--k2-zielony); }
.k2-sp2-os li.biezacy { color:var(--k2-tekst); }
.k2-sp2-os li.biezacy i { background:var(--k2-zloto); box-shadow:0 0 0 4px rgba(243,179,0,.25); }
.k2-sp2-os li.blad { color:var(--k2-czerw); }
.k2-sp2-os li.blad i { background:var(--k2-czerw); }
.k2-sp2-os-prog { font-style:italic; }
.k2-sp2-czat .k2-wiadomosci { max-height:420px; overflow:auto; }
@media (min-width: 900px) {
  .k2-sp2-uklad { grid-template-columns:minmax(0, 1fr) 320px; align-items:start; }
  .k2-sp2-os { flex-direction:row; }
  .k2-sp2-os li { flex:1 1 0; grid-template-columns:1fr; justify-items:center; text-align:center; padding:0 4px; row-gap:4px; }
  .k2-sp2-os li i { grid-row:auto; }
  .k2-sp2-os li::before { left:calc(50% + 18px); right:calc(-50% + 18px); top:12px; bottom:auto; width:auto; height:2px; }
}
@media (max-width: 480px) { .k2-sp2-kafle { grid-template-columns:1fr 1fr; } .k2-sp2-duza-kwota { font-size:34px; } }
/* sprzedaz-szczegoly-v2 ab: wąska prawa kolumna - etykieta nie zabiera szerokości wartości */
.k2-sp-szczegoly .k2-sp2-box .k2-dl { grid-template-columns:auto minmax(0,1fr); }
.k2-sp-szczegoly .k2-sp2-box .k2-dl dd { text-align:right; overflow-wrap:break-word; }
/* sprzedaz-szczegoly-v2 (naprawa): formularz kodów, hasła i linku do filmu */
.k2-sp2-nap { display:flex; flex-direction:column; gap:10px; scroll-margin-top:80px; }
.k2-sp2-nap-form { display:flex; flex-direction:column; gap:12px; align-items:stretch; }
.k2-sp2-nap-form .k2-btn { align-self:flex-start; }
.k2-sp2-nap-kody { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; }
.k2-sp2-nap-pole { display:flex; flex-direction:column; gap:4px; margin:0; font-weight:600; font-size:14px; min-width:0; }
.k2-sp2-nap-pole .k2-pole { flex:0 0 auto; }
.k2-sp2-nap-kody .k2-pole { font-variant-numeric:tabular-nums; letter-spacing:.04em; text-align:center; }
.k2-sp2-nap-info { margin:0; color:var(--k2-szary); font-size:13px; }
.k2-sp2-nap-ok { margin:0; padding:12px; border-radius:10px; background:#d7f3e3; color:#14633a; font-weight:600; }
.k2-sp2-nap-blad { margin:0; padding:8px 12px; border-radius:10px; background:#fde8e8; color:#8c1d1d; font-size:14px; }
.k2-sp2-nap-znow > summary { cursor:pointer; font-weight:600; margin-bottom:10px; }
@media (max-width: 480px) { .k2-sp2-nap-kody { grid-template-columns:repeat(2,minmax(0,1fr)); } .k2-sp2-nap-form .k2-btn { align-self:stretch; } }
/* sprzedaz-szczegoly-v2 d: usun konto */
.k2-usun-lead { margin:0; font-weight:600; }
.k2-usun-scp { margin:0; padding:10px 12px; border-radius:10px; background:#fff4d6; color:#6b4e00; font-weight:600; }
.k2-usun-listy { display:grid; grid-template-columns:repeat(2, minmax(0, 1fr)); gap:14px; }
.k2-usun-listy ul, .k2-usun-blokady ul { margin:6px 0 0; padding-left:18px; list-style:disc; font-size:14px; line-height:1.4; }
.k2-usun-listy li, .k2-usun-blokady li { display:list-item; margin-bottom:4px; }
.k2-usun-blad { margin:0; padding:10px 12px; border-radius:10px; background:#fde8e8; color:#8c1d1d; font-weight:600; }
.k2-usun-blokady { display:flex; flex-direction:column; align-items:flex-start; gap:10px; padding:12px; border-radius:10px; background:#f3f4f6; }
.k2-usun-krok summary { cursor:pointer; font-weight:700; color:#8c1d1d; min-height:32px; }
.k2-usun-krok .k2-ust-form { margin-top:10px; max-width:420px; }
.k2-usun-zgoda { display:flex; align-items:flex-start; gap:8px; font-size:14px; line-height:1.4; }
.k2-usun-zgoda input { margin-top:3px; flex-shrink:0; }
.k2-usun-przycisk { align-self:flex-start; background:#b42318; color:#fff !important; }
.k2-usuniete { max-width:560px; margin:40px auto; padding:0 16px; display:flex; flex-direction:column; align-items:flex-start; gap:14px; }
@media (max-width: 640px) { .k2-usun-listy { grid-template-columns:minmax(0, 1fr); } }