/* ":portal OPLATY" i ekrany po wyslaniu do sprawdzenia (makieta 03.11: P02-P13, U6-U14, Z6-Z14).
   Liczby 1:1 z `gen.py` (opl_gora, wybor, dop, seg, tog, faktura, sposob, para, mini_reels, mini_lenta, dol).
   Motyw "czarne zloto" - strona ma jeden wyglad, jak makieta. */
.fp{--zl:linear-gradient(135deg,#FBEFC2,#D9B64A 45%,#B08A24);--t:#F2EFE8;--t2:#A9A49A;--t3:#8B867E;--kr:#26262B;--kr2:#2E2E34;--pole:rgba(20,20,22,.9);
  margin:0;min-height:100vh;min-height:100dvh;box-sizing:border-box;display:flex;flex-direction:column;color:var(--t);font-family:Manrope,system-ui,sans-serif;
  background:radial-gradient(110% 55% at 100% 0%,rgba(217,182,74,.20),rgba(217,182,74,0) 60%),radial-gradient(90% 45% at 0% 100%,rgba(176,138,36,.16),rgba(176,138,36,0) 65%),linear-gradient(180deg,#0D0B07,#08080A 40%,#0A0906);
  background-attachment:fixed;-webkit-text-size-adjust:100%}
html:has(body.fp){background:#08080A}
.fp *,.fp *::before,.fp *::after{box-sizing:border-box}
.fp a{color:inherit;text-decoration:none}
.fp-ekran{flex:1;display:flex;flex-direction:column;width:100%;max-width:480px;margin:0 auto;min-height:100vh;min-height:100dvh}
.fp-sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* Naglowek ":portal Oplaty" (opl_gora). */
.fp-gora{padding:calc(14px + env(safe-area-inset-top,0px)) 16px 14px;display:flex;align-items:center;gap:10px;border-bottom:1px solid #1C1C20}
.fp-gora-t{flex:1;min-width:0}
.fp-gora-t small{display:block;font-size:12px;font-weight:700;color:var(--t2);letter-spacing:.04em;text-transform:uppercase}
.fp-gora-t h1{margin:0;font-size:18px;font-weight:800;line-height:1.3}
.fp-gora-k{color:#E8C96A;font-weight:800;white-space:nowrap}
.fp-znak{width:32px;height:32px;border-radius:8px;background:var(--zl);display:flex;align-items:center;justify-content:center;flex:none;position:relative;color:#1A1405}
.fp-znak svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.fp-znak .fp-znak-pin{position:absolute;right:3px;bottom:2px;width:7px;height:11px;fill:#1A1405;stroke:none}
.fp-znak-24{width:24px;height:24px;border-radius:6px}.fp-znak-24 svg{width:13px;height:13px}.fp-znak-24 .fp-znak-pin{width:5px;height:8px;right:2px;bottom:1px}
.fp-znak-34{width:34px;height:34px;border-radius:9px}.fp-znak-34 svg{width:19px;height:19px}

/* Naglowek kreatora w aplikacji (gora: P02). */
.fp-kr{padding:14px 16px 10px;display:flex;flex-direction:column;gap:12px;border-bottom:1px solid #1C1C20}
.fp-kr-r{display:flex;align-items:center;gap:10px}
.fp-kr-b{width:40px;height:40px;border-radius:12px;background:#141416;display:flex;align-items:center;justify-content:center;color:var(--t);flex:none}
.fp-kr-b svg,.fp-ik{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;flex:none}
.fp-kr-t{flex:1;min-width:0}
.fp-kr-t small{display:block;font-size:12px;font-weight:700;color:var(--t2);letter-spacing:.06em;text-transform:uppercase}
.fp-kr-t h1{margin:0;font-size:19px;font-weight:800}
.fp-kr-pas{display:flex;gap:5px}.fp-kr-pas i{flex:1;height:4px;border-radius:4px;background:#D9B64A}

/* Tresc. */
.fp-tr{flex:1;padding:14px 16px;display:flex;flex-direction:column;gap:9px}
.fp-tr-10{gap:10px;padding:18px 16px}
.fp-tr-14{gap:14px;padding:18px 16px}
.fp-et{font-size:12px;font-weight:800;color:var(--t2);letter-spacing:.06em;text-transform:uppercase;margin-top:4px}

/* Dwa podglady (para). */
.fp-para{display:flex;gap:10px;justify-content:center}
.fp-para-k{display:flex;flex-direction:column;gap:5px;align-items:center}
.fp-para-p{font-size:11px;font-weight:800;color:var(--t2)}
.fp-mr,.fp-ml{position:relative;width:var(--w);height:var(--h);border-radius:12px;overflow:hidden;flex:none;border:1.5px solid rgba(217,182,74,.55);box-shadow:0 6px 18px rgba(0,0,0,.45)}
.fp-mr{background:#000}
.fp-mr-in{position:absolute;left:0;top:0;width:390px;height:calc(var(--h) / var(--k));transform:scale(var(--k));transform-origin:0 0;text-shadow:0 1px 3px rgba(0,0,0,.75)}
.fp-mr-in>img,.fp-mr-tlo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.fp-mr-tlo{background:radial-gradient(90% 60% at 50% 35%,#3a2f17,#0B0A08 75%)}
.fp-mr-g{position:absolute;left:0;right:0;top:0;padding:18px 16px;display:flex;align-items:center;gap:22px;color:#fff}
.fp-mr-g svg{width:28px;height:28px;fill:none;stroke:#fff;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.fp-mr-g svg:first-child{width:30px;height:30px}
.fp-mr-g span{flex:1}
.fp-mr-n{position:absolute;left:50%;top:30%;max-width:84%;transform:translateX(-50%);text-align:center;transform-origin:center}
.fp-mr-n b{display:inline-block;padding:6px 14px;border-radius:10px;line-height:1.15;white-space:pre-wrap}
.fp-mr-kol{position:absolute;right:12px;top:42%;display:flex;flex-direction:column;gap:14px;align-items:center;color:#fff;font-size:13px;font-weight:800}
.fp-mr-kol>span{display:flex;flex-direction:column;align-items:center;gap:2px}
.fp-mr-kol svg{width:28px;height:28px;fill:none;stroke:#E8C96A;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.fp-mr-kol .fp-mr-kr svg{width:24px;height:24px}
.fp-mr-av{width:44px;height:44px;border-radius:12px;background:#2D4A2A;color:#CFE8C4;border:1.5px solid #D9B64A;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:800;overflow:hidden}
.fp-mr-av img,.fp-ml-av img{width:100%;height:100%;object-fit:cover}
.fp-mr-d{position:absolute;left:0;right:0;bottom:0;padding:0 74px 18px 16px;display:flex;flex-direction:column;gap:5px}
.fp-mr-r{align-self:flex-start;font-size:12px;font-weight:800;padding:3px 8px;border-radius:6px;background:rgba(21,18,10,.75);color:#FBEFC2;text-shadow:none;text-transform:uppercase}
.fp-mr-t{font-size:22px;line-height:1.2;color:#fff;font-weight:800}
.fp-mr-c{font-size:18px;color:#E8C96A;font-weight:800}
.fp-mr-a{font-size:18px;margin-top:6px;color:#fff;font-weight:800}
.fp-mr-m{font-size:15px;color:#fff}
.fp-mr-cta{margin-top:10px;margin-right:-58px;height:48px;border-radius:14px;background:var(--zl);color:#1A1405;font-size:17px;font-weight:800;display:flex;align-items:center;justify-content:center;text-shadow:none}
.fp-ml{background:#141416;display:flex;flex-direction:column}
.fp-ml-g{padding:calc(7px * var(--k));display:flex;gap:calc(6px * var(--k));align-items:center}
.fp-ml-av{width:calc(22px * var(--k));height:calc(22px * var(--k));border-radius:6px;background:#2D4A2A;color:#CFE8C4;font-size:calc(9px * var(--k));font-weight:800;display:flex;align-items:center;justify-content:center;flex:none;overflow:hidden}
.fp-ml-g>span:last-child{font-size:calc(9.5px * var(--k));font-weight:800;line-height:1.2;color:var(--t);min-width:0;overflow:hidden}
.fp-ml-g>span:last-child small{display:block;color:var(--t2);font-weight:600;font-size:inherit;white-space:nowrap}
.fp-ml-f{width:100%;flex:1;min-height:0;object-fit:cover;display:block}
.fp-ml-f.fp-mr-tlo{position:static}
.fp-ml-b{padding:calc(8px * var(--k));display:flex;flex-direction:column;gap:calc(4px * var(--k))}
.fp-ml-t{font-size:calc(12px * var(--k));line-height:1.2;color:var(--t);font-weight:800}
.fp-ml-c{font-size:calc(11px * var(--k));color:#E8C96A;font-weight:800}
.fp-ml-m{display:flex;gap:calc(3px * var(--k));flex-wrap:wrap}
.fp-ml-m i{font-style:normal;font-size:calc(8.5px * var(--k));font-weight:700;padding:2px 4px;border-radius:4px;background:#1C1C20;color:#E7E3DB}
.fp-ml-i{display:flex;gap:calc(10px * var(--k));padding-top:calc(3px * var(--k));color:var(--t2)}
.fp-ml-i svg{width:calc(14px * var(--k));height:calc(14px * var(--k));fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}

/* "Wybierz jedno" (wybor). */
.fp-pl{position:relative;padding:13px;border-radius:14px;display:flex;gap:12px;align-items:flex-start;background:var(--pole);border:1px solid var(--kr);cursor:pointer}
.fp-pl input,.fp-sp input,.fp-seg input,.fp-tg input{position:absolute;opacity:0;width:1px;height:1px;pointer-events:none}
.fp-pl:has(input:checked){background:#1A160B;border:1.5px solid #D9B64A;padding:12.5px}
.fp-pl:has(input:focus-visible),.fp-sp:has(input:focus-visible){outline:2px solid #FBEFC2;outline-offset:2px}
.fp-kolo{width:22px;height:22px;border-radius:11px;flex:none;margin-top:2px;border:2px solid #5A5650}
.fp-pl:has(input:checked) .fp-kolo,.fp-sp:has(input:checked) .fp-kolo{background:var(--zl);border:0}
.fp-pl-t{flex:1;display:flex;flex-direction:column;gap:3px;min-width:0}
.fp-pl-t b{font-size:16px}
.fp-pl-t span{font-size:13px;color:var(--t2);line-height:1.4}
.fp-pl-r .fp-pl-t{padding-right:8px}
.fp-pl-c{font-size:16px;font-weight:800;white-space:nowrap;color:#E7E3DB;display:flex;flex-direction:column;align-items:flex-end;gap:2px}
.fp-pl-c s{font-size:13px;font-weight:600;color:var(--t2)}
.fp-pl-r .fp-pl-c{margin-top:22px}
.fp-pl:has(input:checked) .fp-pl-c{color:#E8C96A}
.fp-pl-m{position:absolute;right:-1px;top:-1px;font-size:11px;font-weight:800;padding:3px 8px;border-radius:0 13px 0 10px;background:var(--zl);color:#1A1405}

/* "Dodatkowo" (dop, seg, tog). */
.fp-dop{padding:11px 12px 11px 14px;border-radius:14px;background:var(--pole);border:1px solid var(--kr);display:flex;gap:10px;align-items:center}
.fp-dop[hidden]{display:none}
.fp-dop-t{flex:1;min-width:0}
.fp-dop-t b{display:block;font-size:15px}
.fp-dop-t span{font-size:12px;color:var(--t2)}
.fp-seg{display:flex;gap:4px;padding:3px;border-radius:10px;background:#0E0E11;border:1px solid var(--kr2);flex:none;margin:0;min-width:0}
.fp-seg label{position:relative;padding:6px 9px;border-radius:8px;font-size:13px;font-weight:800;white-space:nowrap;color:#E7E3DB;cursor:pointer;min-height:30px;display:flex;align-items:center}
.fp-seg label:has(input:checked){background:var(--zl);color:#1A1405}
.fp-seg label:has(input:focus-visible){outline:2px solid #FBEFC2}
.fp-tg{display:flex;align-items:center;gap:10px;cursor:pointer;position:relative;flex:none}
.fp-tg b,.fp-dop-c{font-size:14px;font-weight:800;white-space:nowrap}
/* Wspolny przelacznik `.tg-in` + `.tg-tor` (regula 173, PrzelacznikJedenTest) - liczby z makiety (tog): 44 x 26, galka 20 biala. */
.fp .tg-in{position:absolute;opacity:0;width:1px;height:1px;margin:0}
.fp .tg-tor{width:44px;height:26px;border-radius:13px;position:relative;flex:none;background:var(--kr2);display:block}
.fp .tg-tor::after{content:"";position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:10px;background:#fff;transition:transform .15s}
.fp .tg-in:checked + .tg-tor{background:#D9B64A}
.fp .tg-in:checked + .tg-tor::after{transform:translateX(18px)}
.fp .tg-in:focus-visible + .tg-tor{outline:2px solid #FBEFC2;outline-offset:2px}

/* Faktura. */
.fp-fk{padding:12px 14px;border-radius:14px;background:var(--pole);border:1.5px solid #D9B64A;display:flex;flex-direction:column;gap:10px}
.fp-fk-g{display:flex;gap:10px;align-items:center}
.fp-fk-g>span{flex:1;min-width:0}
.fp-fk-g b{display:block;font-size:15px}
.fp-fk-g small{font-size:12px;color:var(--t2)}
.fp-fk:not(.on){padding:11px 12px 11px 14px;border:1px solid var(--kr)}
.fp-fk:not(.on) .fp-fk-pola{display:none}
.fp-fk.on .fp-fk-g small{display:none}
.fp-fk-pola{display:flex;flex-direction:column;gap:10px}
.fp-pole{display:flex;flex-direction:column;gap:6px;min-width:0}
.fp-pole>span{font-size:12px;font-weight:800;color:var(--t2);letter-spacing:.06em;text-transform:uppercase}
.fp-pole-w{height:50px;padding:0 12px 0 14px;border-radius:12px;background:rgba(20,20,22,.92);border:1px solid var(--kr2);display:flex;align-items:center;gap:8px}
.fp-pole-w:focus-within{border:1.5px solid #D9B64A;padding:0 11.5px 0 13.5px}
.fp-pole-w input,.fp-pole-w output{flex:1;min-width:0;height:100%;border:0;background:none;color:var(--t);font:600 16px Manrope,system-ui,sans-serif;outline:0;padding:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:flex;align-items:center}
.fp-pole-w input::placeholder{color:var(--t3)}
.fp-pole-w svg{width:18px;height:18px;fill:none;stroke:var(--t2);stroke-width:2;stroke-linecap:round;stroke-linejoin:round;flex:none}
.fp-fk-suma{font-size:13px;color:var(--t2)}
.fp-fk-suma b{color:#E7E3DB}
.fp-blad{font-size:13px;color:#F07167}

/* Dolny pasek (dol). */
.fp-dol{position:sticky;bottom:0;margin-top:auto;padding:12px 16px 22px;padding-bottom:max(22px,env(safe-area-inset-bottom));background:rgba(12,11,9,.82);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid #1C1C20;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;z-index:2}
.fp-g,.fp-g2{height:52px;border-radius:14px;display:flex;align-items:center;justify-content:center;font:800 16px Manrope,system-ui,sans-serif;text-align:center;padding:0 10px;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.fp-g{grid-column:span 2;background:var(--zl);color:#1A1405;border:0}
.fp-g.fp-g-sz{background:#1C1C20;color:var(--t)}
.fp-g2{grid-column:span 1;border:1px solid var(--kr2);color:var(--t);background:none}
.fp-g:disabled{opacity:.55;cursor:default}
.fp-g:focus-visible,.fp-g2:focus-visible{outline:2px solid #FBEFC2;outline-offset:2px}

/* Sposob platnosci (sposob). */
.fp-suma{padding:13px 14px;border-radius:14px;background:var(--pole);border:1px solid var(--kr);display:flex;flex-direction:column;gap:6px}
.fp-suma-w{display:flex;justify-content:space-between;gap:10px;font-size:16px;font-weight:800}
.fp-suma-w b{color:#E8C96A}
.fp-suma small{font-size:12px;color:var(--t2)}
.fp-sp{position:relative;padding:14px;border-radius:14px;display:flex;gap:12px;align-items:center;background:var(--pole);border:1px solid var(--kr);cursor:pointer}
.fp-sp:has(input:checked){background:#1A160B;border:1.5px solid #D9B64A;padding:13.5px}
.fp-sp-z{width:44px;height:32px;border-radius:8px;background:#F2EFE8;color:#15120A;font-size:12px;font-weight:800;display:flex;align-items:center;justify-content:center;flex:none}
.fp-sp-z svg{width:20px;height:20px;fill:none;stroke:#15120A;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.fp-sp-t{flex:1;min-width:0}
.fp-sp-t b{display:block;font-size:16px}
.fp-sp-t span{font-size:13px;color:var(--t2)}
.fp-sp .fp-kolo{margin-top:0}
.fp-zgoda{display:flex;gap:10px;align-items:flex-start;font-size:13px;line-height:1.45;color:#E7E3DB;cursor:pointer;position:relative}
.fp-zgoda input{position:absolute;opacity:0;width:1px;height:1px}
.fp-kw{width:22px;height:22px;border-radius:6px;flex:none;border:2px solid #5A5650;display:flex;align-items:center;justify-content:center}
.fp-kw svg{width:14px;height:14px;fill:none;stroke:#1A1405;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round;opacity:0}
.fp-zgoda:has(input:checked) .fp-kw{background:var(--zl);border:0}
.fp-zgoda:has(input:checked) .fp-kw svg{opacity:1}
.fp-zgoda:has(input:focus-visible) .fp-kw{outline:2px solid #FBEFC2;outline-offset:2px}

/* BLIK: kod i klawiatura. */
.fp-nota{text-align:center;font-size:15px;color:var(--t2)}
.fp-nota-m{text-align:center;font-size:13px;color:var(--t3)}
.fp-cyfry{display:flex;gap:8px;position:relative}
.fp-cyfry span{flex:1;height:58px;border-radius:12px;background:rgba(20,20,22,.92);border:1px solid var(--kr2);display:flex;align-items:center;justify-content:center;font-size:26px;font-weight:800}
.fp-cyfry span.on{border:1.5px solid #D9B64A}
.fp-cyfry input{position:absolute;inset:0;opacity:0;font-size:16px;width:100%;height:100%;border:0;caret-color:transparent}
.fp-klaw{padding:10px 12px 8px;background:#1E1E22;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
.fp-klaw button{height:50px;border-radius:10px;background:#2A2A30;border:0;color:var(--t);display:flex;align-items:center;justify-content:center;font:600 22px Manrope,system-ui,sans-serif;cursor:pointer}
.fp-klaw button.fp-klaw-x{background:none}
.fp-klaw button svg{width:22px;height:22px;fill:none;stroke:#E7E3DB;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.fp-klaw i{display:block}

/* BLIK: potwierdz w banku. */
.fp-bank{flex:1;padding:40px 20px;display:flex;flex-direction:column;align-items:center;gap:18px;text-align:center}
.fp-krag{width:96px;height:96px;animation:fp-krec 1.1s linear infinite}
.fp-krag circle{fill:none;stroke-width:4}
@keyframes fp-krec{to{transform:rotate(360deg)}}
@media (prefers-reduced-motion:reduce){.fp-krag{animation:none}}
.fp-bank h2{margin:0;font-size:23px;font-weight:800}
.fp-bank p{margin:0;font-size:15px;color:var(--t2);line-height:1.45}
.fp-bank-p{width:100%;padding:14px;border-radius:16px;background:rgba(30,30,34,.95);display:flex;gap:10px;text-align:left}
.fp-bank-p>span:first-child{width:38px;height:38px;border-radius:10px;background:#F2EFE8;color:#15120A;font-size:11px;font-weight:800;display:flex;align-items:center;justify-content:center;flex:none}
.fp-bank-p>span:last-child{display:flex;flex-direction:column;gap:2px}
.fp-bank-p small{font-size:12px;color:var(--t2)}
.fp-bank-p b{font-size:15px}
.fp-bank-p em{font-style:normal;font-size:13px;color:#E7E3DB}

/* Gotowe (P06 / P11). */
.fp-ok{flex:1;padding:18px 16px 12px;display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center}
.fp-ok-z{width:60px;height:60px;border-radius:17px;background:var(--zl);display:flex;align-items:center;justify-content:center;color:#1A1405}
.fp-ok-z svg{width:32px;height:32px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.fp-ok h2{margin:0;font-size:22px;line-height:1.25;font-weight:800}
.fp-ok-pod{font-size:13px;color:var(--t2)}
.fp-wiersz{width:100%;padding:12px 14px;border-radius:14px;background:#1A160B;border:1.5px solid #D9B64A;display:flex;gap:12px;align-items:center;text-align:left}
.fp-wiersz>span:nth-child(2){flex:1;min-width:0}
.fp-wiersz b{display:block;font-size:16px}
.fp-wiersz small{font-size:13px;color:var(--t2)}
.fp-wiersz svg{width:24px;height:24px;fill:none;stroke:#E8C96A;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;flex:none}
.fp-wiersz svg.fp-dalej{width:20px;height:20px}
.fp-inst{width:100%;padding:10px 14px;border-radius:14px;background:var(--pole);border:1px solid var(--kr2);display:flex;gap:12px;align-items:center;text-align:left;color:var(--t);font:inherit;cursor:pointer}
.fp-inst>span:last-child{flex:1;min-width:0}
.fp-inst b{display:block;font-size:15px}
.fp-inst small{font-size:12px;color:var(--t2)}
/* W zainstalowanym ":portal Oplaty" (P10/P11) nie ma paska przegladarki i guzika instalacji; naglowek "Gotowe" - tylko tam. */
.fp-tylko-pwa{display:none}
@media (display-mode:standalone){.fp-tylko-pwa{display:flex}.fp-bez-pwa{display:none!important}}

/* P02 (aplikacja): wyslane do sprawdzenia. */
.fp-wys{flex:1;padding:22px 16px 14px;display:flex;flex-direction:column;align-items:center;gap:14px;text-align:center}
.fp-wys-z{width:72px;height:72px;border-radius:20px;background:rgba(20,20,22,.9);border:1.5px solid #D9B64A;display:flex;align-items:center;justify-content:center;color:#E8C96A}
.fp-wys-z svg{width:38px;height:38px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.fp-wys h2{margin:0;font-size:24px;font-weight:800}
.fp-wys p{margin:0;font-size:15px;color:var(--t2);line-height:1.45}
.fp-wys p b{color:#E7E3DB}

/* Przelew. */
.fp-dane{padding:13px 14px;border-radius:14px;background:var(--pole);border:1px solid var(--kr);display:flex;flex-direction:column;gap:10px}
.fp-dane div{display:flex;justify-content:space-between;gap:10px;font-size:15px}
.fp-dane div span{color:var(--t2)}
.fp-dane div b{text-align:right;word-break:break-all}
.fp-tekst{margin:0;font-size:15px;color:var(--t2);line-height:1.45}

/* Laptop od 1024 px: ta sama kolumna telefonu w srodku (makieta rysuje tylko telefon). */
@media (min-width:1024px){.fp-ekran{border-left:1px solid #1C1C20;border-right:1px solid #1C1C20}}
/* Karkas 05.11: rama Oplat bez menu portalu - zapas na dolne menu z `tabbar.css` jej nie dotyczy.
   Od 768: ekran --kr-waska, cennik (pakiety) --kr-tresc i karty pakietow w kolumnach --kr-kol. */
body.fp{padding-bottom:0}
@media (min-width:768px){
  .fp-ekran{max-width:calc(var(--kr-waska) + 2 * var(--kr-pole))}
  .fp-ekran:has([data-fp-pakiety]){max-width:calc(var(--kr-tresc) + 2 * var(--kr-pole))}
  .fp-ekran .fp-tr,.fp-ekran .fp-gora,.fp-ekran .fp-dol{padding-left:var(--kr-pole);padding-right:var(--kr-pole)}
  .fp-ekran [data-fp-pakiety]{display:grid;grid-template-columns:repeat(var(--kr-kol),minmax(0,1fr));gap:var(--kr-odstep);align-content:start;align-items:start}
  .fp-ekran [data-fp-pakiety]>:not(.fp-pak){grid-column:1/-1}
}

/* /cennik "Pakiety dla firm" (makieta 03.11): przelacznik na pelna szerokosc i karty pakietow. */
.fp-seg-2{display:grid;grid-template-columns:1fr 1fr;gap:4px}
.fp-seg-2 a{display:flex;align-items:center;justify-content:center;min-height:40px;padding:6px 9px;border-radius:8px;font-size:14px;font-weight:800;color:#E7E3DB;text-decoration:none}
.fp-seg-2 a[aria-current=page]{background:var(--zl);color:#1A1405}
.fp-pak{position:relative;display:flex;flex-direction:column;gap:8px;padding:14px;border-radius:14px;background:var(--pole);border:1px solid var(--kr);cursor:pointer}
.fp-pak input{position:absolute;opacity:0;width:1px;height:1px;pointer-events:none}
.fp-pak:has(input:checked){background:#1A160B;border:1.5px solid #D9B64A;padding:13.5px}
.fp-pak:has(input:focus-visible){outline:2px solid #FBEFC2;outline-offset:2px}
.fp-pak-g{display:flex;align-items:baseline;justify-content:space-between;gap:10px}
.fp-pak-g b{font-size:18px;font-weight:800}
.fp-pak-c{font-size:15px;font-weight:800;color:#E7E3DB;white-space:nowrap}
.fp-pak:has(input:checked) .fp-pak-c{color:#E8C96A}
.fp-pak-c s{font-size:13px;font-weight:600;color:var(--t2);margin-right:4px}
div.fp-pak{cursor:default}
.fp-pak-n{margin:4px 0 0;font-size:12.5px;line-height:1.45;color:var(--t2)}
.fp-pak-m{align-self:flex-start;font-style:normal;font-size:11px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;padding:3px 8px;border-radius:6px;background:rgba(227,179,65,.16);color:#E8C96A}
.fp-pak-l{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}
.fp-pak-l li{position:relative;padding-left:22px;font-size:13.5px;line-height:1.4;color:#E7E3DB}
.fp-pak-l li::before{content:"";position:absolute;left:2px;top:5px;width:10px;height:5px;border-left:2px solid #E8C96A;border-bottom:2px solid #E8C96A;transform:rotate(-45deg)}
/* 04.11: film w podgladach (petla, bez dzwieku) i guzik dzwieku w Reels. */
.fp-mr-in>video.fp-film{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;background:#000}
.fp-dzwiek{position:absolute;left:8px;top:8px;z-index:3;width:36px;height:36px;border:0;border-radius:50%;background:rgba(0,0,0,.55);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;pointer-events:auto}
.fp-dzwiek svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.fp-dzwiek .on{display:none}.fp-dzwiek.on .on{display:block}.fp-dzwiek.on .off{display:none}
.fp-mr[aria-hidden] .fp-dzwiek{pointer-events:auto}
.fp-mr-in:has(.fp-dzwiek) .fp-mr-g > svg:first-child{visibility:hidden}

/* KASANIE (05.11) - te same trzy rzeczy, co w site.css (ta strona nie laduje site.css). */
html{touch-action:manipulation;-webkit-tap-highlight-color:transparent}
:where(a,button,summary,label,select,[role=button],[role=tab],input[type=checkbox],input[type=radio],input[type=submit],input[type=button]){touch-action:manipulation;-webkit-tap-highlight-color:transparent}
:where(button,[role=button],[role=tab],summary,input[type=submit],input[type=button]):where(:not(:disabled)):active{transform:scale(.97)}
:where(a[href],label):active{opacity:.8}