.pffnav{--g:#c9a227;--g2:#e8c766;--bg:#0d0d0f;--card:#17171b;--tx:#f4f1ea;--mu:#9a968c;--r:#b3202a;
  background:var(--bg);color:var(--tx);border-radius:14px;padding:28px 20px;font:15px/1.45 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  position:relative;overflow:hidden;box-sizing:border-box}
.pffnav *{box-sizing:border-box}
.pffnav::before,.pffnav::after{content:"";position:absolute;left:0;right:0;height:14px;
  background:repeating-linear-gradient(90deg,transparent 0 10px,#fff2 10px 22px,transparent 22px 32px);opacity:.5}
.pffnav::before{top:6px}.pffnav::after{bottom:6px}
.pffnav-head{text-align:center;margin:10px 0 22px}
.pffnav-kicker{color:var(--g);letter-spacing:.14em;text-transform:uppercase;font-size:12px;font-weight:600}
.pffnav-title{margin:6px 0 6px;font:700 clamp(26px,4vw,40px)/1.1 Georgia,"Times New Roman",serif;color:var(--tx)}
.pffnav-lead{margin:0;color:var(--mu)}
.pffnav-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:14px}
.pffnav-film{position:relative;background:var(--card);border:2px solid transparent;border-radius:10px;overflow:hidden;cursor:pointer;
  text-align:left;padding:0;color:inherit;font:inherit;transition:transform .15s,border-color .15s}
.pffnav-film:hover{transform:translateY(-2px)}
.pffnav-film:focus-visible{outline:2px solid var(--g2);outline-offset:2px}
.pffnav-film[aria-checked=true]{border-color:var(--g)}
.pffnav-film img,.pffnav-ph{display:block;width:100%;aspect-ratio:2/3;object-fit:cover;background:#222}
.pffnav-ph{display:flex;align-items:center;justify-content:center;color:var(--mu);font-size:32px}
.pffnav-name{display:block;padding:9px 10px 11px;font-weight:600;font-size:14px;line-height:1.25}
.pffnav-tick{position:absolute;top:8px;right:8px;width:28px;height:28px;border-radius:50%;background:var(--g);color:#111;
  display:none;align-items:center;justify-content:center;font-weight:800}
.pffnav-film[aria-checked=true] .pffnav-tick{display:flex}
.pffnav-res{display:none;padding:0 10px 10px}
.pffnav-res i{display:block;height:6px;border-radius:3px;background:#333;overflow:hidden}
.pffnav-res b{display:block;height:100%;background:var(--g)}
.pffnav-res span{font-size:12px;color:var(--mu)}
.pffnav.is-done .pffnav-res{display:block}
.pffnav.is-done .pffnav-film{cursor:default}
.pffnav.is-done .pffnav-film:hover{transform:none}
.pffnav-bar{position:sticky;bottom:0;display:flex;flex-direction:column;align-items:center;gap:8px;margin-top:22px;padding:12px 0;
  background:linear-gradient(transparent,var(--bg) 30%)}
.pffnav-btn{background:var(--g);color:#111;border:0;border-radius:999px;padding:14px 34px;font:700 16px/1 system-ui,sans-serif;cursor:pointer;min-width:240px}
.pffnav-btn:disabled{opacity:.4;cursor:not-allowed}
.pffnav-btn:not(:disabled):hover{background:var(--g2)}
.pffnav-msg{min-height:20px;text-align:center;color:var(--g2);font-weight:600}
.pffnav-share{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;margin-top:6px}
.pffnav-share-label{color:var(--mu);font-size:13px;width:100%;text-align:center}
.pffnav-share a,.pffnav-copy{border:1px solid #fff3;color:var(--tx)!important;text-decoration:none!important;background:none;border-radius:999px;
  padding:8px 16px;font:600 13px/1 system-ui,sans-serif;cursor:pointer}
.pffnav-share a:hover,.pffnav-copy:hover{border-color:var(--g);color:var(--g2)!important}
.pffnav-hp{position:absolute!important;left:-9999px!important;width:1px;height:1px;opacity:0}
@media(max-width:480px){.pffnav{padding:24px 12px}.pffnav-grid{grid-template-columns:repeat(2,1fr);gap:10px}.pffnav-btn{min-width:0;width:100%}}
/* baner */
.pffnab{display:flex;align-items:center;gap:22px;max-width:1200px;margin:24px auto;padding:18px 24px;border-radius:14px;
  background:linear-gradient(110deg,#0d0d0f 0%,#1d1a12 60%,#3a2e0c 100%);border:1px solid #c9a22766;color:#f4f1ea!important;
  text-decoration:none!important;font:15px/1.35 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;box-sizing:border-box;
  box-shadow:0 10px 30px #0004;transition:transform .15s,box-shadow .15s}
.pffnab:hover{transform:translateY(-2px);box-shadow:0 14px 36px #0006}
.pffnab-posters{display:flex;flex:none}
.pffnab-posters img{width:54px;height:80px;object-fit:cover;border-radius:5px;border:2px solid #0d0d0f;margin-left:-14px;box-shadow:0 4px 10px #0007}
.pffnab-posters img:first-child{margin-left:0}
.pffnab-txt{display:flex;flex-direction:column;gap:3px;flex:1;min-width:0}
.pffnab-k{color:#c9a227;font-size:12px;letter-spacing:.12em;text-transform:uppercase;font-weight:700}
.pffnab-h{font:700 clamp(20px,2.6vw,28px)/1.15 Georgia,"Times New Roman",serif;color:#fff}
.pffnab-s{color:#b8b3a6;font-size:13px}
.pffnab-cta{flex:none;background:#c9a227;color:#111;border-radius:999px;padding:14px 26px;font-weight:800;white-space:nowrap}
.pffnab:hover .pffnab-cta{background:#e8c766}
@media(max-width:760px){.pffnab{flex-direction:column;text-align:center;margin:16px;gap:12px}.pffnab-txt{align-items:center}.pffnab-cta{width:100%}}
/* pływający przycisk */
.pffnaf{position:fixed;left:16px;bottom:16px;z-index:9999;display:flex;align-items:center;gap:8px;background:#c9a227;color:#111!important;
  text-decoration:none!important;border-radius:999px;padding:12px 18px;font:800 14px/1 system-ui,sans-serif;box-shadow:0 6px 20px #0006;
  animation:pffnaf-p 2.4s ease-in-out infinite}
.pffnaf:hover{background:#e8c766}
@keyframes pffnaf-p{0%,100%{box-shadow:0 6px 20px #0006,0 0 0 0 #c9a22780}50%{box-shadow:0 6px 20px #0006,0 0 0 10px #c9a22700}}
@media(max-width:480px){.pffnaf span{display:none}.pffnaf{padding:14px;font-size:20px}}