/* ============================================================
   التجاوب مع الشاشات الصغيرة — النيف بار والعناصر بالكامل
   ============================================================ */

@media(max-width:980px){
  .hero-grid{ grid-template-columns:1fr; }
  .hero-visual{ order:-1; max-width:300px; margin:0 auto; }
  .grid-4{ grid-template-columns:repeat(2,1fr); }
  .grid-3{ grid-template-columns:repeat(2,1fr); }
  .stats-grid{ grid-template-columns:repeat(2,1fr); }
  .footer-grid{ grid-template-columns:1fr 1fr; }
  .contact-grid{ grid-template-columns:1fr; }
  .process-row{ flex-wrap:wrap; }
  .t-card{ flex:0 0 calc(50% - 13px); }
}

@media(max-width:760px){
  .topbar-links:last-child{ display:none; }
  .topbar .container{ justify-content:center; text-align:center; }

  /* ===== النيف بار على الموبايل: قائمة كاملة الشاشة سهلة اللمس ===== */
  nav.main-nav{
    position:fixed; inset:0 0 0 0; z-index:99;
    background:var(--bg); flex-direction:column; align-items:stretch;
    padding:110px 20px 30px; gap:2px; overflow-y:auto;
    transform:translateX(120%); transition:transform .35s cubic-bezier(.4,0,.2,1);
  }
  nav.main-nav.open{ transform:translateX(0); }
  nav.main-nav a{
    padding:18px 20px; font-size:17px; font-weight:700; border-bottom:1px solid var(--line-soft);
    border-radius:10px; display:flex; align-items:center; justify-content:space-between;
  }
  nav.main-nav a.active, nav.main-nav a:active{ background:var(--primary-tint); color:var(--primary-dark); }
  .menu-toggle{ display:block; position:relative; z-index:101; }

  .brand-text span{ display:none; }
  .brand-mark{ width:40px; height:40px; }
  .hotline-chip{ padding:8px 14px; }
  .hotline-chip small{ display:none; }
  .hotline-chip .num{ font-size:13.5px; }
  .nav-wrap{ padding:12px 0; }

  .hero{ padding:44px 0 56px; text-align:center; }
  .hero .lead{ margin-left:auto; margin-right:auto; }
  .hero-cta{ justify-content:center; }
  .trust-row{ justify-content:center; }

  .grid-3,.grid-4,.grid-2{ grid-template-columns:1fr; }
  .t-card{ flex:0 0 100%; }
  .section{ padding:52px 0; }
  .section-head{ text-align:center; }
  .cta-band{ padding:32px 24px; flex-direction:column; text-align:center; }
  .form-row{ grid-template-columns:1fr; }
  .process-row{ flex-direction:column; gap:30px; }
  .footer-grid{ grid-template-columns:1fr; text-align:center; }
  .footer-brand p{ margin-left:auto; margin-right:auto; }
  .social-row{ justify-content:center; }
  .float-wa{ width:54px; height:54px; bottom:18px; left:18px; }
  .float-wa svg{ width:26px; height:26px; }
  .contact-info-card, .contact-form, .booking-form{ padding:24px; }
}

@media(max-width:420px){
  .stats-grid{ grid-template-columns:1fr 1fr; gap:16px; }
  .stat b{ font-size:24px; }
  .btn{ width:100%; justify-content:center; }
  .hero-cta .btn{ flex:1 1 auto; }
}