/* Mobilní prezentační vrstva. Desktop (nad 760 px) zůstává beze změny. */
@media (max-width: 760px) {
  html { scroll-padding-top: 76px; }
  .wrap { padding-left: 16px !important; padding-right: 16px !important; }

  .site-header .wrap,
  .site-header .head { min-height: 62px !important; }
  .site-header .logo img { width: 34px !important; height: 34px !important; }
  .site-header .logo .sub { display: none; }
  .nav-toggle {
    width: 42px !important; height: 38px !important; min-height: 38px !important;
    padding: 0 !important; margin-left: auto !important;
    align-items: center; justify-content: center;
  }
  .nav-toggle span {
    display: block !important; width: 18px !important; height: 2px !important;
    margin: 3px auto !important; padding: 0 !important;
  }
  nav.main-nav,
  .main-nav { max-height: calc(100dvh - 128px); overflow-y: auto; }

  h1 { font-size: clamp(2rem, 10vw, 2.65rem) !important; line-height: 1.04 !important; }
  h2 { font-size: clamp(1.55rem, 7vw, 2rem) !important; }
  h3 { line-height: 1.2; }
  p { line-height: 1.58; }
  .eyebrow { font-size: .68rem !important; letter-spacing: .09em !important; }

  .hero { padding-top: 48px !important; padding-bottom: 42px !important; }
  .hero.hero-photo { min-height: 430px !important; }
  .hero-photo .hero-inner { padding-top: 58px !important; padding-bottom: 32px !important; }
  .hero p.lead { margin-bottom: 12px; font-size: 1rem; }
  .hero-benefits { grid-template-columns: 1fr !important; gap: 5px !important; margin-top: 10px !important; }
  .hero-benefits li { font-size: .84rem !important; padding: 4px 0 4px 22px !important; }
  .hero .cta-row { display: grid !important; grid-template-columns: 1fr !important; gap: 9px !important; margin-top: 18px !important; }
  .hero .cta-row .btn { width: 100%; text-align: center; padding: 12px 14px !important; }
  .hero > .wrap .apk-help,
  .hero .hero-inner > .apk-help { display: block; margin-top: 12px; }

  .stat-strip .wrap { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
  .stat { min-height: 86px !important; padding: 15px 8px !important; }
  .stat .n { font-size: 1.65rem !important; }
  .stat .l { font-size: .64rem !important; line-height: 1.3; }
  .stat:last-child:nth-child(odd) { grid-column: 1 / -1; }

  .app-promo { min-height: 680px !important; }
  .app-promo-bg { object-position: 67% center !important; }
  .app-promo::after { background: linear-gradient(90deg, rgba(18,17,15,.97) 0%, rgba(18,17,15,.86) 56%, rgba(18,17,15,.28) 100%) !important; }
  .app-promo-content { max-width: 88% !important; padding: 42px 0 !important; }
  .app-promo-content > p { font-size: .9rem; }
  .app-feature-list { gap: 7px !important; margin: 17px 0 !important; }
  .app-feature-list li { font-size: .82rem; }
  .app-promo .apk-help { display: block; margin-top: 12px; }
  .app-version { display: block; margin: 8px 0 0 !important; }

  .section { padding-top: 42px !important; padding-bottom: 42px !important; }
  .section-head { margin-bottom: 22px !important; }
  .section-head p { margin-bottom: 0; }
  .grid, .grid-2, .grid-3 { grid-template-columns: 1fr !important; gap: 13px !important; }
  .card, .panel { padding: 18px !important; }
  .card h3, .panel h3 { margin-top: 8px; margin-bottom: 8px; }
  .card p, .panel p { margin-top: 7px; margin-bottom: 10px; }
  .list-item { grid-template-columns: 1fr !important; gap: 4px !important; padding: 17px 0 !important; }
  .list-item .date { font-size: .72rem !important; }
  .cta-band { padding: 42px 16px !important; }
  .cta-band .cta-row { display: grid !important; grid-template-columns: 1fr !important; gap: 9px !important; }
  .cta-band .btn { width: 100%; }

  .form-row.two { grid-template-columns: 1fr !important; }
  input, select, textarea, button, .btn { min-height: 44px; }
  .footer-grid { grid-template-columns: 1fr !important; gap: 20px !important; }
  .site-footer { padding-bottom: 24px !important; }

}

@media (max-width: 390px) {
  .app-promo-content { max-width: 94% !important; }
}