* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { font-family: 'Barlow Semi Condensed', sans-serif; margin: 0; }

/* ── Nav ───────────────────────────────────────────── */
#sticky-nav { position: fixed; top: 0; left: 0; right: 0; z-index: 100;
  background: white; box-shadow: 0 2px 10px rgba(0,0,0,0.08); }
.nav-link { transition: color 0.2s; }
.nav-link:hover { color: #0d46ef; }

/* ── Mobile drawer ─────────────────────────────────── */
#mobile-menu { transform: translateX(100%); transition: transform 0.3s ease; }
#mobile-menu.open { transform: translateX(0); }
#mobile-overlay { opacity: 0; pointer-events: none; transition: opacity 0.3s ease; }
#mobile-overlay.open { opacity: 1; pointer-events: auto; }
.ham-bar { display: block; width: 24px; height: 2px; background: #3b3b3b;
  border-radius: 2px; transition: transform 0.25s ease, opacity 0.25s ease; }
.ham-open .bar1 { transform: translateY(8px) rotate(45deg); }
.ham-open .bar2 { opacity: 0; }
.ham-open .bar3 { transform: translateY(-8px) rotate(-45deg); }

/* ── Hero bg ───────────────────────────────────────── */
.hero-bg { background-image: url('../4df469ef-30d1-419f-b422-0ce788adeb9e.jpg');
  background-size: cover; background-position: center center; }
@media (min-width: 1024px) { .hero-bg { background-position: center top; } }

/* ── O NÁS photo bg ────────────────────────────────── */
.onas-photo-bg { position: absolute; inset: 0;
  background-image: url('../95a4f87e-52b2-484b-8fef-fb84063020ba.jpg');
  background-size: cover; background-position: center; }


/* ── Reference table ───────────────────────────────── */
.ref-row-blue  { background: #e5f1ff; }
.ref-row-white { background: #f6faff; }

/* ── Slider ────────────────────────────────────────── */
.bullet { width: 10px; height: 10px; border-radius: 50%;
  background: #ccc; cursor: pointer; transition: background 0.2s; flex-shrink: 0; }
.bullet.active { background: #0d46ef; }
.onas-bulb { position:absolute; right:4%; top:50%; transform:translateY(-50%); width:200px; height:314px; opacity:0.55; pointer-events:none; }
@media (max-width: 639px) { .onas-bulb { top:50px; transform:none; height:264px; } }

.slider-wrap { overflow: hidden; padding-left: 20px; }
@media (min-width: 640px)  { .slider-wrap { padding-left: 32px; } }
@media (min-width: 1024px) { .slider-wrap { padding-left: calc(max(0px, (100vw - 1440px) / 2) + 135px); } }

/* ── Form ──────────────────────────────────────────── */
.form-input { border: 1px solid #d4d4d4; background: white; padding: 12px 16px;
  font-family: 'Barlow Semi Condensed', sans-serif; font-size: 17px; width: 100%;
  outline: none; transition: border-color 0.2s; }
.form-input:focus { border-color: #0d46ef; }
.form-input::placeholder { color: #8e9799; }
.btn-primary { background: #0d46ef; color: white; font-family: 'Barlow Semi Condensed', sans-serif;
  font-weight: 700; letter-spacing: 2px; text-transform: uppercase; font-size: 15px;
  padding: 16px 28px; border: none; cursor: pointer; transition: background 0.2s; white-space: nowrap; }
.btn-primary:hover { background: #0a38c4; }