/* Sciezka zamowienia w nowej szacie (P3, 2026-10-11): kasa, zamowienie oplacone, platnosc anulowana.
   Klasy formularza (card, field, box-card, summary, dom-row...) sa te same co w zywej kasie, bo uzywa ich
   wspolny skrypt _kasa_skrypty.html. Tu tylko wyglad. */

.n2p--zamow,.n2p--zamowienie-oplacone,.n2p--zamowienie-anulowane{--linia:#e6e1db;--ok:#1f9d55;--granat:#0e1428}
/* Male etykiety (Zamowienie, Domena) zdaniowo, bez rozstrzelonych wersalikow (koordynator #175, #194).
   Ten plik laduja tylko trzy ekrany sciezki zamowienia, wiec wspolna .n2-etykieta zostaje nietknieta. */
.n2p .n2-etykieta{text-transform:none;letter-spacing:0;font-size:max(14px,calc(9*var(--u)));font-weight:700}
.sr-tylko{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* Hero: krotki pas z paskiem krokow */
.kasa-hero{padding-bottom:max(40px,calc(40*var(--u)))}
.kasa-hero-in{display:flex;align-items:flex-end;justify-content:space-between;gap:32px;flex-wrap:wrap}
.kasa-hero h1{font-weight:600}
.kasa-hero p b{color:#fff;font-weight:600}

.kasa-kroki{display:flex;gap:0;counter-reset:krok}
.kasa-krok{position:relative;display:flex;flex-direction:column;align-items:center;gap:10px;min-width:118px;text-align:center}
.kasa-krok + .kasa-krok::before{content:"";position:absolute;top:17px;right:calc(50% + 24px);width:calc(100% - 48px);height:2px;background:rgba(255,255,255,.22)}
.kasa-krok--zrobione + .kasa-krok::before,.kasa-krok--teraz::before{background:var(--pomarancz) !important}
.kasa-krok-nr{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;border:2px solid rgba(255,255,255,.35);font-weight:700;font-size:15px;color:#c9d0e2}
.kasa-krok-nr svg{width:16px;height:16px}
.kasa-krok--teraz .kasa-krok-nr{border-color:var(--pomarancz);background:var(--pomarancz);color:#fff;box-shadow:0 0 0 6px rgba(255,106,26,.18)}
.kasa-krok--zrobione .kasa-krok-nr{border-color:var(--pomarancz);color:var(--pomarancz)}
.kasa-krok-nazwa{font-size:13px;color:#c9d0e2}
.kasa-krok--teraz .kasa-krok-nazwa{color:#fff;font-weight:600}

/* Wersja krokow na jasnej karcie (ekrany po platnosci) */
.kasa-kroki--jasne .kasa-krok + .kasa-krok::before{background:var(--linia)}
.kasa-kroki--jasne .kasa-krok-nr{border-color:var(--linia);color:var(--szary)}
.kasa-kroki--jasne .kasa-krok--zrobione .kasa-krok-nr{border-color:var(--pomarancz);background:var(--pomarancz);color:#fff}
.kasa-kroki--jasne .kasa-krok--teraz .kasa-krok-nr{background:#fff;color:var(--pomarancz)}
.kasa-kroki--jasne .kasa-krok-nazwa{color:var(--szary)}
.kasa-kroki--jasne .kasa-krok--teraz .kasa-krok-nazwa,.kasa-kroki--jasne .kasa-krok--zrobione .kasa-krok-nazwa{color:var(--tekst);font-weight:600}

/* Uklad kasy */
.kasa{padding:max(32px,calc(32*var(--u))) 0 max(56px,calc(56*var(--u)))}
.kasa-msg{margin-bottom:18px;padding:14px 18px;border-radius:14px;background:#fff;border:1px solid var(--linia);font-size:14px}
.kasa-msg--error{border-color:#f3c2c2;background:#fff5f5;color:#9b1c1c}
.kasa-msg--success{border-color:#bfe6cf;background:#f2fbf5;color:#14532d}
.kasa-siatka{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:28px;align-items:start}

.n2p--zamow .card{margin-bottom:16px;padding:26px 28px;border-radius:20px;background:#fff;border:1px solid rgba(17,22,42,.06);
  box-shadow:0 1px 0 rgba(17,22,42,.04),0 18px 36px -26px rgba(17,22,42,.28)}
.n2p--zamow .card h3{display:flex;align-items:center;gap:12px;font-size:18px;font-weight:700;letter-spacing:-.01em}
.step-num{display:grid;place-items:center;flex:none;width:32px;height:32px;border-radius:50%;background:#eef0f4;color:var(--tekst);font-size:14px;font-weight:700}
.step-num svg{width:16px;height:16px}
.n2p--zamow .lead{margin:8px 0 18px;color:var(--szary);font-size:14.5px}
.n2p--zamow .lead--drobne{margin-top:-8px;font-size:13.5px}

/* Kafelki planow */
.box-cards{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}
.box-card{display:flex;flex-direction:column;align-items:center;gap:4px;padding:14px 8px;border:1px solid var(--linia);border-radius:14px;background:#fff;
  font:inherit;color:var(--tekst);cursor:pointer;text-align:center;transition:border-color .15s,box-shadow .15s}
.box-card:hover{border-color:#cfc8bf}
.box-card.selected{border-color:var(--pomarancz);box-shadow:0 0 0 1px var(--pomarancz),0 10px 22px -16px rgba(255,106,26,.6)}
.bc-name{font-size:14px;font-weight:700}
.bc-specs{font-size:12px;color:var(--szary)}
.bc-price{margin-top:4px;font-size:14px;font-weight:700;color:var(--tekst)}
.bc-price small{font-weight:500;font-size:11px;color:var(--szary)}
.box-card.selected .bc-price{color:var(--pomarancz-2)}

/* Pola */
.n2p--zamow .field{margin-top:16px}
.n2p--zamow .field:first-of-type{margin-top:0}
.n2p--zamow label{display:block;margin-bottom:7px;font-size:14px;font-weight:600;color:var(--tekst)}
.req{color:var(--pomarancz-2)}
.n2p--zamow input[type=text],.n2p--zamow input[type=email]{width:100%;height:50px;padding:0 16px;border:1px solid #dcd6cf;border-radius:12px;background:#fff;
  font:inherit;font-size:15.5px;color:var(--tekst);transition:border-color .15s,box-shadow .15s}
.n2p--zamow input::placeholder{color:#9aa0ae}
.n2p--zamow input[type=text]:focus,.n2p--zamow input[type=email]:focus{outline:0;border-color:var(--pomarancz);box-shadow:0 0 0 4px rgba(255,106,26,.14)}
.field-row{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:16px}
.field-row .field{margin-top:0}
.err{margin-top:7px;font-size:13.5px;color:#b42318}
.kasa-pole-z-przyciskiem{display:flex;gap:10px;align-items:stretch}
.kasa-pole-z-przyciskiem input{flex:1;min-width:0}
.btn-step{flex:none;height:50px;padding:0 20px;border:1.5px solid var(--granat);border-radius:999px;background:#fff;color:var(--granat);
  font:inherit;font-size:15px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;transition:background .15s,color .15s}
.btn-step:hover{background:var(--granat);color:#fff}
.btn-step--solid{background:var(--granat);color:#fff}
.btn-step--solid:hover{background:#1b2440}
.btn-step:disabled{opacity:.6;cursor:wait}
.kasa-ramka{margin-top:14px;padding:16px 18px;border-radius:14px}
.kasa-ramka--info{background:#f3f5fa;border:1px solid #d9deeb}
.kasa-ramka--kod{background:#fff7f1;border:1px solid #ffd2b5}
.kasa-ramka-tekst{font-size:14.5px;line-height:1.55;color:var(--tekst-2)}
.kasa-ramka-akcje{display:flex;gap:16px;align-items:center;flex-wrap:wrap;margin-top:12px}
.kasa-ramka-akcje .btn-step{height:44px;text-decoration:none}
.kasa-link{font-size:14px;color:var(--tekst-2);text-decoration:underline;text-underline-offset:3px}
.n2p--zamow input.kasa-kod{letter-spacing:.3em;text-align:center;font-size:20px;font-weight:600}
.kasa-podpowiedz{margin-top:8px;font-size:13px;color:var(--szary)}
.kasa-potwierdzone{align-items:center;gap:8px;margin-top:12px;font-size:14.5px;font-weight:600;color:var(--ok)}
.kasa-opc{color:var(--szary);font-weight:400}
.n2p--zamow input.kasa-wielkie{text-transform:uppercase}

/* Faktura: osoba czy firma */
.btype-choice{display:flex;gap:12px;flex-wrap:wrap}
.n2p--zamow .btype-opt{flex:1;min-width:170px;display:flex;align-items:center;gap:10px;margin:0;padding:14px 16px;border:1px solid var(--linia);border-radius:12px;
  background:#fff;font-weight:600;cursor:pointer;transition:border-color .15s}
.btype-opt:has(input:checked){border-color:var(--pomarancz);box-shadow:0 0 0 1px var(--pomarancz)}
.btype-opt input{width:18px;height:18px;accent-color:var(--pomarancz)}

/* Okres probny, warunki */
.n2p--zamow .trial-banner{display:flex;gap:14px;align-items:center;margin:0;padding:16px 18px;border-radius:14px;background:#f2fbf5;border:1px solid #c6ebd4;cursor:pointer;font-weight:400}
.trial-banner input{width:20px;height:20px;flex:none;accent-color:var(--ok)}
.trial-banner .copy{font-size:15px;color:var(--tekst-2)}
.trial-banner .copy strong{color:var(--tekst)}
.kasa-warunki-wstep{margin:10px 0 16px;font-size:14px;line-height:1.6;color:var(--szary)}
.terms-stack{display:flex;flex-direction:column;gap:14px}
.n2p--zamow .term-check{display:flex;gap:12px;align-items:flex-start;margin:0;font-size:14.5px;font-weight:400;line-height:1.55;color:var(--tekst-2);cursor:pointer}
.term-check input{width:19px;height:19px;flex:none;margin-top:2px;accent-color:var(--pomarancz)}
.term-check a,.zwrot-info a{color:var(--pomarancz-2);font-weight:600;text-decoration:underline;text-underline-offset:2px}
.n2p--zamow .term-check--wszystko{padding-bottom:14px;border-bottom:1px solid var(--linia);font-weight:600;color:var(--tekst)}
.zwrot-info{margin-top:18px;padding:16px 18px;border-radius:14px;background:#f2fbf5;border:1px solid #c6ebd4;font-size:14px;line-height:1.6;color:#245a3a}
.zwrot-info b{display:block;margin-bottom:4px;color:#14532d}

/* Przycisk platnosci */
.submit-row{margin-top:8px;text-align:center}
.btn-pay{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;height:60px;border:0;border-radius:999px;background:var(--pomarancz);color:#fff;
  font:inherit;font-size:17px;font-weight:700;cursor:pointer;box-shadow:0 14px 30px -14px rgba(255,106,26,.75);transition:background .2s,translate .2s}
.btn-pay:hover:not(:disabled){background:var(--pomarancz-2);translate:0 -1px}
.n2p--zamow .note{display:flex;align-items:center;justify-content:center;gap:7px;margin-top:12px;font-size:13.5px;color:var(--szary)}
.n2p--zamow .note--uwaga{color:#b45309}

/* Podsumowanie */
.summary{position:sticky;top:96px;border-radius:20px;background:#fff;border:1px solid rgba(17,22,42,.06);box-shadow:0 1px 0 rgba(17,22,42,.04),0 24px 44px -28px rgba(17,22,42,.35);overflow:hidden}
.summary-top{padding:24px 26px 18px;border-bottom:1px solid var(--linia)}
.summary-top .pn{font-size:14px;font-weight:600;color:var(--pomarancz-2)}
.n2p--zamow .summary-top h2{margin-top:6px;font-size:26px;font-weight:700;letter-spacing:-.02em}
.summary-top .tag{margin-top:4px;font-size:14px;color:var(--szary)}
.summary-top .tag:empty{display:none}
.summary-body{padding:8px 26px 24px}
.n2p--zamow .line{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 0;border-top:1px solid var(--linia);font-size:14.5px}
.summary-body > .line:first-child{border-top:0}
.line .lbl{color:var(--szary)}
.line .val{color:var(--tekst);font-weight:700}
.line.dom-line{display:none}
.line.dom-line .rm{margin-left:10px;font-size:12.5px;color:#b42318;cursor:pointer;text-decoration:underline}
.kasa-skreslona{margin-right:6px;font-weight:500;text-decoration:line-through;opacity:.5}
.kasa-rabat{color:var(--ok) !important}
.dom-add-cta{display:flex;align-items:center;gap:8px;margin:6px 0 10px;padding:12px 14px;border:1px dashed #d9d2c9;border-radius:12px;font-size:14px;font-weight:600;color:var(--pomarancz-2)}
.dom-add-cta:hover{border-color:var(--pomarancz);background:#fff8f3}
.dom-add-cta .plus{font-size:18px;line-height:1}
.total{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding:16px 0 4px;border-top:2px solid var(--tekst);font-size:15px;font-weight:600}
.total .val{font-size:34px;font-weight:700;letter-spacing:-.03em;color:var(--tekst)}
.total .val small{font-size:14px;font-weight:500;letter-spacing:0;color:var(--szary)}
.kasa-vat{font-size:12px;font-weight:500;color:var(--szary)}
.guarantee{display:flex;gap:10px;margin-top:16px;padding:14px 16px;border-radius:14px;background:#f6f4f1;font-size:13.5px;line-height:1.55;color:var(--tekst-2)}
.guarantee svg{flex:none;margin-top:2px;color:var(--szary)}
.guarantee strong{color:var(--tekst)}
.sec-label{margin:20px 0 12px;font-size:14px;font-weight:700;color:var(--tekst)}
.spec{display:grid;grid-template-columns:1fr 1fr;gap:10px 14px}
.spec li{display:flex;gap:8px;align-items:flex-start;font-size:14px;color:var(--tekst-2)}
.spec .ck{flex:none;width:16px;height:16px;margin-top:3px;color:var(--ok)}
.spec strong{color:var(--tekst)}
.kasa-bramka{display:flex;align-items:center;gap:8px;margin-top:18px;padding-top:16px;border-top:1px solid var(--linia);font-size:13.5px;color:var(--szary)}

/* Domena: granatowy panel jak hero */
.domain-band{margin-top:max(40px,calc(40*var(--u)));padding:max(32px,calc(36*var(--u))) max(24px,calc(40*var(--u)));border-radius:24px;color:#fff;
  background:radial-gradient(ellipse 45% 80% at 95% 100%,rgba(255,120,40,.35) 0%,rgba(255,96,20,0) 70%),
    radial-gradient(ellipse 55% 90% at 5% 30%,rgba(40,90,220,.5) 0%,rgba(40,90,220,0) 70%),linear-gradient(180deg,#071030 0%,#0b1a52 100%)}
.domain-in{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px 40px;align-items:center}
.domain-in > .n2-etykieta,.domain-in > h2,.domain-in > p{grid-column:1}
.kasa-etykieta-jasna{color:#ffb489}
.n2p--zamow .domain-band h2{color:#fff;font-size:max(26px,calc(24*var(--u)));font-weight:700}
.domain-band p{color:#c9d0e2;font-size:15px}
.domain-search{grid-column:2;grid-row:1 / span 3;display:flex;gap:8px;padding:6px;border-radius:999px;background:#fff}
.domain-search input{flex:1;min-width:0;height:48px !important;border:0 !important;box-shadow:none !important;padding:0 18px !important}
.domain-search button{display:inline-flex;align-items:center;gap:8px;padding:0 22px;border:0;border-radius:999px;background:var(--pomarancz);color:#fff;font:inherit;font-weight:700;cursor:pointer}
.domain-search button:hover{background:var(--pomarancz-2)}
.dom-results{grid-column:2;display:flex;flex-direction:column;gap:8px}
.dom-results:empty{display:none}
.dom-row{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:14px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14)}
.dom-row .dname{font-size:15px;font-weight:600;color:#fff}
.dom-row .dstatus{font-size:12.5px;color:#c9d0e2}
.dom-row .dprice{margin-left:auto;font-size:14px;font-weight:600;color:#ffd2b5}
.dom-row .dadd{padding:9px 16px;border:0;border-radius:999px;background:var(--pomarancz);color:#fff;font:inherit;font-size:13.5px;font-weight:700;cursor:pointer}
.dom-row .dadd.added{background:var(--ok);cursor:default}
.dom-row.taken{opacity:.55}
.dom-row.added{opacity:.6}
.dom-hint{grid-column:2;font-size:13px;color:#c9d0e2}
.dom-hint:empty{display:none}
.dom-hint.ok{color:#9be5b8;font-weight:600}
.dom-toast{position:fixed;top:18px;left:50%;z-index:9999;display:flex;align-items:center;gap:10px;padding:13px 22px;border-radius:14px;background:var(--ok);color:#fff;
  font-weight:700;font-size:14.5px;box-shadow:0 16px 38px -14px rgba(0,0,0,.4);opacity:0;pointer-events:none;transform:translateX(-50%) translateY(-16px);transition:opacity .25s,transform .25s}
.dom-toast.show{opacity:1;transform:translateX(-50%) translateY(0)}

/* Dodatki */
.addons{margin-top:max(40px,calc(40*var(--u)))}
.addons-head{display:flex;align-items:baseline;gap:14px;flex-wrap:wrap}
.n2p--zamow .addons-head h2{font-size:max(24px,calc(22*var(--u)));font-weight:700}
.addons-head .hint{color:var(--szary);font-size:14.5px}
.addons-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:20px}
.addon{padding:22px;border-radius:18px;background:#fff;border:1px solid rgba(17,22,42,.06);box-shadow:0 14px 30px -24px rgba(17,22,42,.3)}
.addon-ic img{width:44px;height:44px;object-fit:contain}
.addon h4{margin-top:14px;font-size:16px;font-weight:700}
.addon p{margin-top:6px;font-size:14px;line-height:1.55;color:var(--szary)}
.addon .ap{margin-top:12px;font-size:14px;font-weight:700;color:var(--tekst)}
.addon .ap .u{font-weight:500;color:var(--szary)}
.addons-note{display:flex;align-items:center;gap:8px;margin-top:16px;font-size:13.5px;color:var(--szary)}

@media (max-width:1100px){
  .kasa-siatka{grid-template-columns:minmax(0,1fr)}
  .summary{position:static}
  .kasa-siatka > aside{order:-1}
  .addons-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:760px){
  .kasa-hero-in{flex-direction:column;align-items:flex-start}
  .kasa-kroki{width:100%}
  .kasa-krok{flex:1;min-width:0}
  .kasa-krok-nazwa{font-size:12px}
  .box-cards{grid-template-columns:repeat(3,minmax(0,1fr))}
  .n2p--zamow .card{padding:20px 18px;border-radius:18px}
  .field-row{grid-template-columns:1fr}
  .domain-in{grid-template-columns:1fr}
  .domain-search,.dom-results,.dom-hint{grid-column:1;grid-row:auto}
  .addons-grid{grid-template-columns:1fr}
  .spec{grid-template-columns:1fr 1fr}
}
@media (max-width:440px){
  .box-cards{grid-template-columns:repeat(2,minmax(0,1fr))}
  .kasa-pole-z-przyciskiem{flex-direction:column}
  /* w kolumnie flex:1 (podstawa 0) zgniatal pole do ~21 px */
  .kasa-pole-z-przyciskiem input{flex:none}
  .btn-step{justify-content:center}
  .domain-search button span{display:none}
}

/* Ekrany po platnosci: oplacone i anulowane */
.suk{padding:calc(68px + max(36px,calc(40*var(--u)))) 0 max(56px,calc(60*var(--u)))}
.n2p--zamowienie-oplacone .n2-nav:not(.przewiniete):not(.mega-otwarte),.n2p--zamowienie-anulowane .n2-nav:not(.przewiniete):not(.mega-otwarte){background:#0b1428}
.suk-hero{max-width:760px;margin:0 auto;padding:max(30px,calc(36*var(--u))) max(22px,calc(40*var(--u)));border-radius:24px;background:#fff;text-align:center;
  border:1px solid rgba(17,22,42,.06);box-shadow:0 1px 0 rgba(17,22,42,.04),0 28px 50px -30px rgba(17,22,42,.35)}
.suk-znak{display:grid;place-items:center;width:72px;height:72px;margin:0 auto 18px;border-radius:50%;background:var(--ok);color:#fff;box-shadow:0 0 0 10px rgba(31,157,85,.12)}
.suk-znak svg{width:34px;height:34px}
.suk-znak--uwaga{background:#f59e0b;box-shadow:0 0 0 10px rgba(245,158,11,.14)}
.suk-znak--ikona{width:88px;height:88px;background:#fff4e6;box-shadow:0 0 0 10px rgba(245,158,11,.14)}
.suk-znak--ikona img{width:56px;height:56px;object-fit:contain}
.suk-eyebrow{font-size:15px;font-weight:600;color:var(--pomarancz-2)}
.suk-hero h1{margin-top:10px;font-size:max(30px,calc(30*var(--u)));line-height:1.12;font-weight:700;letter-spacing:-.03em}
.suk-hero > .suk-hero-in > p{max-width:56ch;margin:14px auto 0;color:var(--tekst-2);font-size:16px;line-height:1.6}
.suk-hero p b{color:var(--tekst)}
.suk-hero .kasa-kroki{justify-content:center;margin:28px auto 4px}
.suk-cta{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin-top:26px}
.suk-btn{display:inline-flex;align-items:center;gap:10px;height:54px;padding:0 28px;border-radius:999px;background:var(--pomarancz);color:#fff !important;font-weight:700;font-size:16px;
  box-shadow:0 14px 30px -14px rgba(255,106,26,.75);transition:background .2s}
.suk-btn:hover{background:var(--pomarancz-2)}
.suk-btn-ghost{display:inline-flex;align-items:center;height:54px;padding:0 26px;border-radius:999px;border:1.5px solid var(--granat);color:var(--granat);font-weight:600;font-size:16px}
.suk-btn-ghost:hover{background:var(--granat);color:#fff}
.suk-grid{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:24px;max-width:1100px;margin:28px auto 0;align-items:start}
.suk-grid--solo{grid-template-columns:minmax(0,760px);justify-content:center}
.suk-steps,.suk-sum{border-radius:20px;background:#fff;border:1px solid rgba(17,22,42,.06);box-shadow:0 18px 36px -26px rgba(17,22,42,.28)}
.suk-steps{padding:26px 28px}
.n2p .suk-steps h2,.n2p .suk-sum h2{font-size:22px;font-weight:700;letter-spacing:-.02em}
.suk-steps-lead{margin-top:6px;color:var(--szary);font-size:14.5px}
.suk-step{display:flex;gap:16px;margin-top:14px;padding:18px;border-radius:16px;border:1px solid var(--linia);transition:border-color .15s,box-shadow .15s}
.suk-step:hover{border-color:#ffc6a3;box-shadow:0 10px 24px -18px rgba(255,106,26,.6)}
.suk-step-num{display:grid;place-items:center;flex:none;width:40px;height:40px;border-radius:50%;background:#eef0f4;font-weight:700;font-size:14px;color:var(--tekst)}
.suk-step-body{display:flex;flex-direction:column;gap:4px}
.suk-step-h{font-weight:700;font-size:16px;color:var(--tekst)}
.suk-step-p{font-size:14px;line-height:1.55;color:var(--szary)}
.suk-step-go{display:inline-flex;align-items:center;gap:6px;margin-top:4px;font-size:14px;font-weight:600;color:var(--pomarancz-2)}
.suk-help{display:flex;gap:10px;margin-top:18px;padding:14px 16px;border-radius:14px;background:#f6f4f1;font-size:14px;line-height:1.55;color:var(--tekst-2)}
.suk-help svg{flex:none;margin-top:2px;color:var(--szary)}
.suk-help a,.suk-pomoc a{color:var(--pomarancz-2);font-weight:600}
.suk-sum{overflow:hidden;position:sticky;top:96px}
.suk-sum-top{padding:22px 24px 16px;border-bottom:1px solid var(--linia)}
.suk-sum-pn{font-size:14px;font-weight:600;color:var(--pomarancz-2)}
.suk-sum-tag{margin-top:4px;font-size:14px;color:var(--szary)}
.suk-sum-body{padding:6px 24px 22px}
.suk-line{display:flex;justify-content:space-between;gap:12px;padding:11px 0;border-top:1px solid var(--linia);font-size:14.5px}
.suk-sum-body > .suk-line:first-child{border-top:0}
.suk-line .lbl{color:var(--szary)}
.suk-line .val{display:inline-flex;align-items:center;gap:7px;font-weight:700;color:var(--tekst)}
.suk-dot{width:8px;height:8px;border-radius:50%;background:var(--ok)}
.suk-sum-label{margin:16px 0 8px;font-size:14px;font-weight:700;color:var(--tekst)}
.suk-specs{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.suk-spec{display:flex;flex-direction:column;padding:10px 12px;border-radius:12px;background:#f6f4f1;font-size:13px;color:var(--szary)}
.suk-spec b{font-size:15px;color:var(--tekst)}
.suk-note{margin-top:16px;padding:14px 16px;border-radius:14px;background:#f6f4f1;font-size:13.5px;line-height:1.55;color:var(--tekst-2)}
.suk-note b{color:var(--tekst)}
.suk--waska .suk-hero{max-width:680px}
.suk-powody{max-width:460px;margin:24px auto 0;padding:18px 22px;border-radius:16px;background:#f6f4f1;text-align:left;font-size:15px;color:var(--tekst-2)}
.suk-powody b{color:var(--tekst)}
.suk-powody ul{margin-top:8px;display:flex;flex-direction:column;gap:6px}
.suk-powody li{position:relative;padding-left:18px}
.suk-powody li::before{content:"";position:absolute;left:0;top:.62em;width:7px;height:7px;border-radius:50%;background:var(--pomarancz)}
.suk-hero p.suk-drobne{font-size:14.5px;color:var(--szary);margin-top:18px}
.suk-pomoc{margin-top:18px;font-size:14px;color:var(--szary)}
@media (max-width:1000px){.suk-grid{grid-template-columns:minmax(0,1fr)}.suk-sum{position:static}}
@media (max-width:560px){.suk-cta a{width:100%;justify-content:center}.kasa-kroki--jasne .kasa-krok{min-width:0;flex:1}}
.suk--z-zamowieniem .suk-hero{max-width:1100px}