/* Modrá farebná škála firemných stránok (chronos-pre-firmy.html a chronos-firmy-*.html).
 *
 * Stavba je rovnaká ako na školských stránkach — produkty.css kreslí všetko cez
 * premenné, takže stačí ich prepísať. Farba odlišuje, pre koho stránka je: firma
 * nesmie omylom čítať školské podmienky (5 rokov záruka, mozaBook).
 * Načítava sa VŽDY až po produkty.css. */

body{
  --black:#0d1117;--dark:#121821;--mid:#18202b;--card:#1f2935;
  --gold:#6ea8dc;--gold2:#8dbce6;
  --gold-dim:rgba(110,168,220,0.12);--border:rgba(110,168,220,0.2);
}

/* Úvod firemného rozcestníka: druhý riadok nadpisu rovný, nie zlatá kurzíva ako u škôl. */
.page-hero h1 .druhy{color:var(--gold);font-style:normal;font-weight:700}
.page-hero{background:var(--dark)}

/* Miesta, kde má produkty.css zlatú napevno, nie cez premennú. */
.mobile-menu a{border-bottom-color:rgba(110,168,220,0.08)}
.btn-gold:hover{box-shadow:0 8px 24px rgba(110,168,220,0.25)}
.prod-hlava{background:linear-gradient(135deg,rgba(110,168,220,0.07) 0%,transparent 55%)}
.gal-btn.video{border-color:rgba(110,168,220,0.45)}
.hero-vitrina::before{background:radial-gradient(circle at 50% 45%,rgba(110,168,220,0.22) 0%,rgba(110,168,220,0.07) 42%,transparent 68%)}
.hero-vitrina img{box-shadow:0 26px 60px -18px rgba(0,0,0,0.85),0 0 0 1px rgba(110,168,220,0.22)}
.btn-objednat{box-shadow:0 10px 28px -8px rgba(110,168,220,0.55)}
.btn-objednat:hover{box-shadow:0 14px 34px -8px rgba(110,168,220,0.7)}
.skolenie{background:linear-gradient(135deg,rgba(110,168,220,0.09) 0%,transparent 60%)}
table.spec th,table.spec td{border-bottom-color:rgba(110,168,220,0.1)}
.ob-sekcia{border-bottom-color:rgba(110,168,220,0.1)}