/* O nás (22. 9. 2026). Logá sú jednofarebné masky: tvar dáva súbor, farbu
   background-color, takže v noci sa samy prefarbia na svetlé. */
.on-pas{margin:4px 0 26px;padding:20px 16px;border-radius:var(--r,16px);
  background:var(--plocha);border:1px solid var(--ram2)}
.on-loga{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;
  justify-content:center;align-items:center;gap:18px 28px}
.on-logo{height:28px;aspect-ratio:var(--pomer);background-color:var(--text2);
  -webkit-mask:var(--src) center/contain no-repeat;mask:var(--src) center/contain no-repeat}
.on-profil{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:22px 0 8px}
.on-fakt{background:var(--plocha);border:1px solid var(--ram2);border-radius:var(--r,16px);
  padding:14px 12px;display:flex;flex-direction:column;gap:4px;font-size:13.5px;color:var(--text2);line-height:1.35}
.on-cislo{font-size:26px;font-weight:700;letter-spacing:-.02em;color:var(--text)}
.on-ocenenia{list-style:none;margin:14px 0 0;padding:0;display:grid;
  grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:10px}
.on-ocenenia li{background:var(--plocha);border:1px solid var(--ram2);border-radius:var(--r,16px);
  padding:14px 16px;display:flex;flex-direction:column;gap:4px}
.on-ocenenia strong{font-size:16px;letter-spacing:-.01em}
.on-ocenenia span{color:var(--text2);font-size:14.5px;line-height:1.45}
.on-zdroj{color:var(--text3);font-size:13px;margin-top:12px}
.on-akcie{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}
.on-tl{display:inline-flex;align-items:center;min-height:46px;padding:0 20px;border-radius:999px;
  background:var(--tl-oranz);color:var(--tl-oranz-text,#fff);font-weight:650}
.on-tl:hover{background:var(--tl-oranz-hover);text-decoration:none}
.on-tl2{background:var(--plocha);color:var(--text);border:1px solid var(--ram2)}
.on-tl2:hover{background:var(--plocha3)}
@media (max-width:560px){
  .on-pas{padding:16px 12px}
  .on-loga{gap:14px 22px}
  .on-logo{height:22px}
  .on-profil{gap:8px}
  .on-fakt{padding:12px 10px;font-size:12.5px}
  .on-cislo{font-size:22px}
  .on-ocenenia{grid-template-columns:1fr}
  .on-tl{flex:1 1 100%;justify-content:center}
}