/* Dodatečné responzivní úpravy pro telefony a tablety. */
.site-nav img { display:none !important; }
.brand { white-space:nowrap; font-size:29px; letter-spacing:-.065em; }

@media (max-width:1100px) {
  .header-inner { height:86px; }
  .menu-toggle { position:relative; display:grid; gap:6px; padding:9px; border:1px solid var(--line); border-radius:8px; background:rgba(5,28,46,.7); }
  .menu-toggle span { display:block; width:21px; height:2px; background:#fff; }
  .site-nav { position:absolute; left:32px; right:32px; top:78px; display:none; flex-direction:column; align-items:stretch; gap:13px; padding:18px 21px; border:1px solid var(--line); border-radius:12px; background:#091f35; box-shadow:0 18px 45px rgba(0,0,0,.32); }
  .menu-open .site-nav { display:flex; }
  .site-nav>ul { display:block; }
  .site-nav li { padding:9px 0; border-bottom:1px solid rgba(151,221,255,.13); }
  .site-nav li:last-child { border-bottom:0; }
  .header-cta { justify-content:center; text-align:center; }
  .hero { min-height:650px; padding:145px 0 58px; background-position:63% center; }
  .hero-signal { display:none; }
  .service-grid { grid-template-columns:repeat(2,1fr); }
  .service-card-wide { grid-column:span 2; }
  .steps { grid-template-columns:repeat(2,1fr); }
  .steps article:nth-child(2) { border-right:0; }
  .steps article:nth-child(3), .steps article:nth-child(4) { padding-top:28px; border-top:1px solid #bcd5e1; }
  .steps article:nth-child(3) { padding-left:0; }
}

@media (max-width:650px) {
  .simago-wrap { width:min(calc(100% - 40px),var(--wrap)); }
  .topline-inner { justify-content:center; gap:10px; text-align:center; font-size:10px; }
  .topline-inner span:first-of-type { display:none; }
  .site-header { top:38px; }
  .header-inner { height:76px; }
  .brand { font-size:25px; }
  .site-nav { left:20px; right:20px; top:68px; }
  .hero { min-height:610px; padding:138px 0 48px; background-position:67% center; }
  .hero h1 { font-size:clamp(42px,13vw,63px); }
  .hero-lead { max-width:380px; font-size:15px; }
  .hero-actions { gap:9px; }
  .button { padding:13px 15px; font-size:12px; }
  .section-heading, .contact-inner { display:block; }
  .section-heading>p { margin-top:25px; }
  .services, .process { padding:75px 0; }
  .service-grid, .steps { grid-template-columns:1fr; gap:14px; }
  .service-card { min-height:225px; padding:23px; }
  .service-card-wide { grid-column:auto; }
  .steps { border-top:0; }
  .steps article, .steps article+article, .steps article:nth-child(3), .steps article:nth-child(4) { min-height:auto; padding:21px 0; border-right:0; border-top:1px solid #bcd5e1; }
  .contact-band { padding:75px 0; }
  .contact-inner>p { margin-top:35px; }
  .content-grid { grid-template-columns:1fr; gap:25px; }
  .page-content { padding-top:120px; padding-bottom:65px; }
  .component-area { padding:22px; }
  .footer-inner { display:block; line-height:1.9; }
}

@media (max-width:390px) {
  .topline-inner span:last-child { display:none; }
  .hero h1 { font-size:42px; }
  .hero-lead { font-size:14px; }
  .hero-actions { display:grid; }
  .button { width:100%; justify-content:center; }
  .card-more { bottom:22px; left:23px; }
}