/* Permanentky — overovacia stránka a karty v Mojej zóne. */

.perm-stranka{padding:72px 0 96px}
.perm-stranka .perm-kod{margin:0 0 .4em;letter-spacing:.14em;text-transform:uppercase;font-size:.78rem;color:#858160}
.perm-stranka h1{margin:0 0 .5em}
.perm-stav{display:inline-block;padding:10px 20px;border-radius:999px;font-weight:600;margin:0 0 1.4em}
.perm-stav.je-platna{background:#ECDFC1;color:#5D4A31}
.perm-stav.je-neplatna{background:#F3DED2;color:#9A4A22}
.perm-udaje{list-style:none;margin:0 0 1.8em;padding:0;display:grid;gap:.45em;max-width:34rem}
.perm-udaje li{display:flex;justify-content:space-between;gap:1.5em;border-bottom:1px solid rgba(216,167,122,.45);padding-bottom:.45em;color:#5D4A31}
.perm-zapis{margin-top:2em;display:flex;align-items:center;gap:14px;flex-wrap:wrap}

.perm-karty{display:grid;gap:18px;grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}
.perm-karta{display:flex;flex-direction:column;gap:.35em}
.perm-karta h3{margin:0;font-size:1.08rem}
.perm-karta-kod{margin:0;letter-spacing:.12em;font-size:.82rem;color:#858160}
.perm-karta-vstupy{margin:.3em 0 0}
.perm-karta-vstupy strong{font-size:1.5rem;color:#B4693B}
.perm-karta-platnost,.perm-karta-darcek{margin:0;font-size:.88rem;color:#5D4A31}
.perm-karta-odkazy{margin:.6em 0 0;font-size:.9rem}
.perm-karta.je-neplatna{opacity:.62}