/* ===================================================================
   RESPONSIVE.CSS — شکست‌نقاط مشترک (Mobile First Overrides)
=================================================================== */

@media (max-width: 1100px){
  .nav-links{ display:none; }
  .nav-toggle{ display:flex; }
  .nav-cta-btn{ display:none; }
  .footer-grid{ grid-template-columns: 1fr 1fr; gap:40px; }
}

@media (max-width: 860px){
  .section{ padding: 90px 0; }
  .container{ padding: 0 22px; }
  .footer-grid{ grid-template-columns: 1fr; gap:36px; }
  .footer-bottom{ flex-direction:column; text-align:center; }
}

@media (max-width: 640px){
  body{ font-size:15px; }
  .section-title{ font-size: clamp(26px,7vw,34px); }
  .btn{ padding:14px 24px; font-size:14px; }
  .back-to-top{ left:18px; bottom:18px; width:46px; height:46px; }
  .page-hero{ padding: calc(var(--header-h) + 40px) 0 56px; }
}