/* ============================================================
   CLEANFLO — responsive.css  |  Breakpoint Overrides
   ============================================================ */

/* ── Large Desktop (1280px+) ─────────────────────────────── */
@media (min-width: 1280px) {
  .cf-dropdown { min-width: 720px; }
}

/* ── Tablet/Small Desktop (<1100px) ──────────────────────── */
@media (max-width: 1099px) {
  .cf-nav { display: none; }
  .cf-nav-toggle { display: flex; }
  .cf-mobile-nav { display: block; }

  .cf-header__actions .cf-btn--primary {
    display: none;
  }

  .cf-footer__grid {
    grid-template-columns: 1fr 1fr;
    gap: 2.5rem;
  }

  .cf-footer__brand {
    grid-column: 1 / -1;
  }

  .cf-footer__desc { max-width: 100%; }
}

/* ── Tablet (<768px) ─────────────────────────────────────── */
@media (max-width: 767px) {
  .container { padding: 0 1.25rem; }

  /* Topbar: stack on small screens */
  .cf-topbar__inner {
    justify-content: center;
    gap: 0.5rem;
  }

  .cf-topbar__contacts { gap: 1rem; }

  .cf-badge--tech { display: none; }

  /* Brand banner smaller */
  .cf-brand-banner { padding: 0.5rem 1.25rem; }

  /* Footer */
  .cf-footer__grid {
    grid-template-columns: 1fr;
    gap: 2rem;
  }

  .cf-footer__top { padding: 2.5rem 0 2rem; }

  .cf-footer__bottom-inner {
    flex-direction: column;
    align-items: flex-start;
    gap: 1rem;
  }

  .cf-footer__tagline { display: none; }

  /* Pre-footer */
  .cf-prefooter__inner {
    flex-direction: column;
    text-align: center;
  }

  .cf-prefooter__actions {
    justify-content: center;
    width: 100%;
  }

  /* Hero */
  .cf-hero { min-height: 100svh; padding: 5rem 0 3rem; }
  .cf-hero__stats { gap: 1.5rem; }
  .cf-hero__stat-div { display: none; }
}

/* ── Mobile (<480px) ─────────────────────────────────────── */
@media (max-width: 479px) {
  .cf-topbar__badges {
    display: none;
  }

  .cf-topbar__inner {
    justify-content: flex-start;
  }

  .cf-topbar__contacts { gap: 0.85rem; }

  .cf-brand-banner__text {
    font-size: 1rem;
  }

  .cf-btn {
    padding: 0.6rem 1rem;
    font-size: 0.8rem;
  }

  .cf-hero__actions {
    flex-direction: column;
    align-items: flex-start;
  }

  .cf-hero__title {
    font-size: 1.9rem;
  }

  .cf-footer__bottom-inner {
    gap: 0.75rem;
  }

  .cf-footer__socials {
    gap: 0.4rem;
  }
}

/* ── Print ───────────────────────────────────────────────── */
@media print {
  .cf-topbar,
  .cf-header,
  .cf-mobile-nav,
  .cf-scroll-top,
  .cf-prefooter { display: none !important; }
  .cf-footer { background: #fff !important; color: #000 !important; }
}

/* ── Reduced Motion ──────────────────────────────────────── */
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
  }
}