/* ============================================================
   Bynteq v2.0 — responsive.css
   ============================================================ */

@media (max-width: 1024px) {
  .hero__inner{grid-template-columns:1fr;text-align:center;}
  .hero__description{margin:0 auto var(--space-xl);}
  .hero__actions{justify-content:center;}
  .hero__stats{justify-content:center;}
  .hero__visual{display:none;}
  .footer-grid{grid-template-columns:1fr 1fr;gap:var(--space-xl);}
  .footer-about{grid-column:1/-1;}
  .stats__inner{grid-template-columns:repeat(2,1fr);}
  .about-hero{grid-template-columns:1fr;}
  .contact-grid{grid-template-columns:1fr;}
}

@media (max-width: 768px) {
  :root {
    --navbar-h: 64px;
    --space-3xl: 64px;
    --space-2xl: 48px;
  }

  .navbar {
    padding: 0 var(--space-lg);
    z-index: 1000;
  }

  .nav-links {
    position: fixed;
    top: var(--navbar-h);
    left: 0;
    bottom: 0;

    height: calc(100dvh - var(--navbar-h));
    max-height: calc(100vh - var(--navbar-h));
    overscroll-behavior: contain;
    -webkit-overflow-scrolling: touch;

    width: 80%;
    max-width: 320px;

    background: var(--bg-glass);
    backdrop-filter: blur(24px);
    -webkit-backdrop-filter: blur(24px);

    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 0;

    padding: var(--space-lg);
    overflow-y: auto;

    transform: translateX(-100%);
    transition: transform var(--dur-base) var(--ease-out);

    border-right: 1px solid var(--border);

    z-index: 1001;
  }

  .nav-links.active {
    transform: translateX(0);
  }

  .nav-links a {
    padding: var(--space-md) var(--space-lg);
    border-radius: var(--radius-md);
    font-size: var(--text-base);
  }

  .menu-toggle {
    display: flex;
    z-index: 1002;
  }
}

@media (max-width: 400px) {
  .category-grid{grid-template-columns:1fr;}
}

@media (max-width: 900px) {
  .article-layout{grid-template-columns:1fr;padding:0 var(--space-lg) var(--space-2xl);}
  .article-sidebar{position:static;}
  .article-toc{display:none;}
  .article-header{padding:calc(var(--navbar-h) + var(--space-xl)) var(--space-lg) var(--space-lg);}
  .article-cover-wrap{padding:0 var(--space-lg);}
  .related-articles{padding:var(--space-xl) var(--space-lg) var(--space-2xl);}
  .related-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));}
  .author-box{flex-direction:column;text-align:center;}
}

@media (prefers-reduced-motion: reduce) {
  *,*::before,*::after{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important;}
  .bg-blobs__blob{animation:none;}
}

@media print {
  .navbar,#topBtn,#toast-container,.bg-blobs,.newsletter,#loading-screen{display:none !important;}
  body{background:#fff;color:#000;}
  a{color:#000;text-decoration:underline;}
}