/* ============================================================
   Hello Biztonság — PÉNZÜGYI BIZTONSÁG aloldal stílus
   Minden szabály .pb alá skópozva, hogy ne ütközzön a témával.
   A blokkjaidra tedd rá a .pb wrappert (ld. szekció-fájl).
   A dinamikus listákat (swipe-kártyák, pajzs, csalások, lépések)
   a pb-page.js építi fel — a belső stílus ott, inline van.
   ============================================================ */

.pb{
  --navy:#003153; --navy-d:#00263f; --teal:#11B7A3; --lime:#C9EA3D;
  --cream:#F7F5F0; --danger:#FF5A5A;
  --f-display:'Anton',sans-serif;
  --f-head:'Space Grotesk',sans-serif;
  --f-body:'DM Sans',system-ui,sans-serif;
  --f-mono:'Space Mono',monospace;
  background:var(--navy); color:var(--cream); font-family:var(--f-body);
}
.pb *{box-sizing:border-box}
.pb img{display:block}
.pb a{text-decoration:none}
.pb button{font-family:inherit}
.pb .i{display:inline-flex;align-items:center;justify-content:center}
.pb .i svg{width:100%;height:100%;display:block}

/* ---- Swipe-kártya ---- */
.pb-card{cursor:grab;touch-action:none;user-select:none}
.pb-fraud{cursor:pointer;transition:border-color .2s}
.pb-check{cursor:pointer;transition:all .18s}
.pb-step{cursor:pointer;transition:background .2s,border-color .2s}
.pb-hidden{display:none!important}

/* ---- Animációk ---- */
@keyframes pbfloat{0%,100%{transform:translateY(0) rotate(-3deg)}50%{transform:translateY(-14px) rotate(-1deg)}}
@keyframes pbpulse{0%,100%{box-shadow:0 0 0 0 rgba(255,90,90,.55)}70%{box-shadow:0 0 0 18px rgba(255,90,90,0)}}
@keyframes pbpulseL{0%,100%{box-shadow:0 0 0 0 rgba(201,234,61,.5)}70%{box-shadow:0 0 0 16px rgba(201,234,61,0)}}
@keyframes pbmarq{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}
@keyframes pbrise{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}

/* ---- Reszponzív ---- */
@media(max-width:900px){
  .pb-hero-grid{grid-template-columns:1fr!important}
  .pb-swipe-grid{grid-template-columns:1fr!important}
  .pb-prev-grid{grid-template-columns:1fr!important}
  .pb-fraud-grid{grid-template-columns:1fr 1fr!important}
}
@media(max-width:600px){
  .pb-nav-links{display:none!important}
  .pb-fraud-grid{grid-template-columns:1fr!important}
}