/* Tpay WPziom - kafelki metod w kasie i oczekiwanie na BLIK. Barwy z design systemu WPziom. */
.wtw{padding:2px 0 4px}
.wtw-opis{margin:0 0 10px;font-size:14px;line-height:1.5;color:#64748b}
.wtw-tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:8px}
.wtw-tile{appearance:none;-webkit-appearance:none;margin:0;font:inherit;text-transform:none!important;letter-spacing:normal!important;
  border:0!important;cursor:pointer;display:flex!important;align-items:center;justify-content:center;height:64px;min-height:0;
  padding:8px 10px!important;border-radius:12px!important;background:#fff!important;color:#334155!important;
  box-shadow:0 0 0 1px rgba(15,23,42,.05),0 1px 3px rgba(15,23,42,.10)!important;transition:transform .16s ease,box-shadow .16s ease}
.wtw-tile img{display:block;max-width:100%!important;max-height:100%!important;width:auto!important;height:auto!important;
  margin:0!important;padding:0!important;box-shadow:none!important;background:none!important;object-fit:contain;border-radius:5px}
.wtw-tile span{font-size:12.5px;font-weight:600;line-height:1.25;text-align:center}
.wtw-tile.jest{box-shadow:0 0 0 2px #0f172a,0 10px 18px -10px rgba(15,23,42,.35)!important}
.wtw-tile:focus-visible{outline:2px solid #0f172a!important;outline-offset:2px}
.wtw-tile[hidden]{display:none!important}
@media (hover:hover){
  .wtw-tile:hover{transform:translateY(-1px);box-shadow:0 0 0 1px rgba(15,23,42,.07),0 10px 18px -10px rgba(15,23,42,.35)!important}
  .wtw-tile.jest:hover{box-shadow:0 0 0 2px #0f172a,0 10px 18px -10px rgba(15,23,42,.35)!important}
}
.wtw-stopka{margin:12px 0 0;font-size:12.5px;line-height:1.5;color:#94a3b8}
.wtw-blik-etykieta{display:block;margin:0 0 6px;font-size:14px;font-weight:500;color:#334155}
.wtw-blik-kod{display:block;width:100%;max-width:240px;box-sizing:border-box;padding:12px 16px!important;border:1px solid #e9e6df!important;
  border-radius:12px!important;background:#fff!important;box-shadow:none!important;font:600 24px/1.2 Inter,system-ui,sans-serif!important;
  letter-spacing:.18em!important;color:#0f172a!important;text-align:center}
.wtw-blik-kod:focus{outline:none;border-color:#f97316!important;box-shadow:0 0 0 3px rgba(249,115,22,.18)!important}
@media (max-width:600px){.wtw-tiles{grid-template-columns:repeat(auto-fill,minmax(84px,1fr));gap:6px}.wtw-tile{height:52px;padding:6px!important;border-radius:10px!important}}
@media (prefers-reduced-motion:reduce){.wtw-tile{transition:none!important}}

/* Oczekiwanie na potwierdzenie BLIK (strona podziękowania) */
.wtw-czekam{position:fixed;inset:0;z-index:99999;display:flex;align-items:center;justify-content:center;padding:16px;background:rgba(15,23,42,.55)}
.wtw-czekam-karta{width:100%;max-width:420px;box-sizing:border-box;padding:28px 24px;border-radius:20px;background:#fff;text-align:center;
  box-shadow:0 24px 48px -16px rgba(15,23,42,.45);font-family:Inter,system-ui,sans-serif;color:#334155}
.wtw-czekam-karta h3{margin:14px 0 6px;font:700 20px/1.3 Geist,Inter,sans-serif;color:#0f172a}
.wtw-czekam-karta p{margin:0 0 4px;font-size:14.5px;line-height:1.55}
.wtw-krec{width:38px;height:38px;margin:0 auto;border-radius:50%;border:3px solid #fde3cf;border-top-color:#f97316;animation:wtw-krec 1s linear infinite}
@keyframes wtw-krec{to{transform:rotate(360deg)}}
.wtw-czekam-karta .wtw-blik-kod{margin:14px auto 10px}
.wtw-przycisk{display:inline-block;margin-top:6px;padding:12px 22px;border:0;border-radius:13px;background:#f97316;color:#fff;
  font:600 15px/1.2 Geist,Inter,sans-serif;cursor:pointer}
.wtw-przycisk:hover{background:#ea580c}
.wtw-blad{color:#b4443c!important;font-weight:600}
@media (prefers-reduced-motion:reduce){.wtw-krec{animation-duration:3s}}