/* ============================================================
   Nexbyte Mis — التجاوب Responsive (محسّن للهواتف)
   ============================================================ */

/* ===== لابتوب صغير / تابلت ===== */
@media(max-width:1199px){
  body .menu{display:none;}
  body .hamburger{display:inline-flex;}
  body .foot-grid{grid-template-columns:repeat(2,1fr);}
  body .hero-layout{grid-template-columns:1fr;}
  body .hero-visual{min-height:0;margin-top:20px;}
  body .feature-card{position:static;margin-top:16px;}
  body .feature-card .card-one,body .feature-card.card-two,body .feature-card.card-three{top:auto;bottom:auto;left:auto;right:auto;}
  body .hero-container{padding:50px 20px 70px;}
}

/* ===== تابلت ضيق < 900px ===== */
@media(max-width:900px){
  body .foot-grid{grid-template-columns:repeat(2,1fr)!important;row-gap:36px;}
}

/* ===== موبايل عريض < 760px ===== */
@media(max-width:760px){
  body .foot-grid{grid-template-columns:1fr!important;}
  body .section{padding:56px 0;}
  body .section-title{font-size:24px;line-height:1.5;}
  body .section-sub{margin-bottom:30px;}

  body .hero-buttons{flex-direction:column;}
  body .hero-buttons .btn{width:100%;}
  body .proof-card{padding:36px 22px;}

  body .clients-track{gap:12px;}
  body .client-pill{padding:12px 18px;font-size:13px;}

  body .tech-tag{padding:12px 18px;}

  body .form-head{padding:24px 20px;}
  body .form-body{padding:22px 18px;}

  body .about-story{gap:28px;}
  body .contact-grid{gap:32px;}
}

/* ===== موبايل ضيق < 480px ===== */
@media(max-width:480px){
  body .mini-grid,
  body .stats-row,
  body .why-grid,
  body .values-grid,
  body .sectors-grid,
  body .services-grid{
    grid-template-columns:1fr!important;
  }

  body .stat-card{padding:26px 14px;}
  body .stat-card b{font-size:2.5rem;}
  body .stat-logo svg{width:90px!important;}

  body .proof-card{padding:28px 18px;}
  body .service-card,body .system-card{padding:26px 20px;}
  body .why-card{padding:24px 18px;}
  body .mini-item{padding:20px 18px;}
  body .why-checklist li{font-size:14px;}

  .form-row{grid-template-columns:1fr;}
  .form-head h4{font-size:19px;}

  body .hero-container{padding:40px 18px 56px;}
  body .hero-badge{padding:8px 14px;font-size:12.5px;}
  body .hero-tag{padding:7px 14px;font-size:12px;}

  body .cta-section .btn{width:100%;margin-bottom:10px;margin-right:0!important;}
  body .system-icons i,body .service-icon{width:56px;height:56px;font-size:24px;}

  body .faq-q{padding:18px 16px;font-size:15px;}
  body .faq-a p{padding:0 16px 18px;}

  body .foot-grid{padding-bottom:30px;}
  body .foot-col{padding:0 4px;}

  /* الحاسبة تتوافق جيدًا على الموبايل */
  body .pc-types,body .pc-grid2{grid-template-columns:1fr!important;}
}

/* ===== شاشات صغيرة جدًا < 380px ===== */
@media(max-width:380px){
  .header .container{gap:8px;}
  .header-actions{gap:5px;}
  .nx-logo{font-size:17px;}
  .nx-logo svg{width:28px;height:28px;}
  .hbtn{width:34px;height:34px;font-size:14px;}
  .hbtn-calc{width:34px;height:34px;}
  .hamburger{width:34px;height:34px;}
}

/* ===== الأزرار العائمة في الموبايل (تحويلها لدوائر أيقونات) ===== */
@media(max-width:560px){
  body .pc-launcher,
  body.pc-launcher{
    min-width:auto!important;
    width:54px!important;
    height:54px!important;
    padding:0!important;
    border-radius:100%!important;
    justify-content:center!important;
    font-size:0!important;
    gap:0!important;
  }
  body .pc-launcher i,
  body.pc-launcher i{font-size:22px!important;}
  body .pc-launcher span,
  body.pc-launcher span{display:none!important;}
  /* زر تيليجرام: تحويله لدائرة أيقونة في الأسفل */
  body .wa-fab,
  body.wa-fab{
    width:54px!important;
    height:54px!important;
    padding:0!important;
    border-radius:100%!important;
    justify-content:center!important;
    font-size:0!important;
    gap:0!important;
  }
  body .wa-fab i,
  body.wa-fab i{font-size:22px!important;}
  /* الشريط الثابت للسعر في الحاسبة */
  body .pc-price-sticky{margin:4px 12px 16px!important;}
}