/* Pre-launch responsive safeguards.
   Keep this layer small and reversible; broad P3 CSS consolidation remains post-launch. */

@media (min-width: 769px) and (max-width: 960px) {
  .site-header .container {
    width: min(100% - 28px, 1120px);
  }

  .header-inner {
    gap: 12px;
  }

  .logo-inline {
    width: 108px;
  }

  .main-nav {
    justify-content: flex-end;
    gap: 12px;
    min-width: 0;
    font-size: 12.5px;
  }

  .main-nav .nav-guides,
  .main-nav > a[href="/om-oss/"],
  .main-nav > a[href="/kontakt/"],
  .main-nav .nav-phone {
    display: none;
  }

  .header-cta {
    flex: 0 0 auto;
    min-height: 38px;
    padding-inline: 12px;
    font-size: 12px;
  }
}

@media (max-width: 768px) {
  input,
  select,
  textarea {
    font-size: max(16px, 1em);
  }

  img,
  picture,
  video,
  iframe,
  table {
    max-width: 100%;
  }

  .mobile-main,
  .m-section,
  .m-hero,
  .m-cta,
  .m-process,
  .m-faq {
    min-width: 0;
  }

  .mobile-nav a,
  .mobile-nav button {
    min-width: 40px;
    min-height: 44px;
  }
}