/* ============================================================
   ايجاد | responsive.css
   All screen-size breakpoints (max-width media queries).
   Mobile-first overrides layered on top of style.css.
   ============================================================ */

@media(max-width:1240px){
    .nav-tagline{display:none;}
    .nav-links a{padding:0 13px;}
  }

@media(max-width:1050px){
    .nav-links{
      display:flex;flex-direction:column;gap:0;
      position:fixed;top:64px;right:0;left:0;
      background:rgba(9,15,26,0.98);backdrop-filter:blur(16px);
      border-bottom:1px solid var(--line);
      max-height:0;overflow:hidden;opacity:0;
      transition:max-height .35s ease, opacity .3s ease;
      z-index:99;margin-inline-start:0;
    }
    .nav-links.mobile-open{max-height:420px;opacity:1;}
    .nav-links a{padding:16px 24px;border:none;border-bottom:1px solid var(--line);font-size:16px;}
    .burger{display:flex;margin-inline-start:auto;}
    .nav-cta{display:none;}
    .adg-nav{align-items:center;}
    .logo-box{padding:8px 14px;}
  }

@media(max-width:980px){ .float-card{display:none;} }

@media(max-width:600px){ .hero h1{min-height:calc(1.18em * 5 + 0.4em);} }

@media(max-width:900px){ .dash-main-grid{grid-template-columns:1fr;} .dash-kpi-row{grid-template-columns:1fr;} }

@media(max-width:900px){ .bento-grid,.bento-row2{grid-template-columns:1fr;} }



@media(max-width:860px){
    .process-quad{grid-template-columns:1fr;gap:32px;}
    .quad-center{order:-1;margin-bottom:6px;}
    .conn{display:none;}
    .step-num-big{font-size:70px;}
  }

@media(max-width:600px){ .pf-tab{padding:9px 18px;font-size:13px;} }

@media(max-width:1100px){
    .services-track{grid-auto-columns:calc((100% - 40px) / 3);}
  }

@media(max-width:900px){
    .pf-slider-track{grid-auto-columns:calc((100% - 20px) / 2);}
  }

@media(max-width:600px){
    .pf-slider-track{grid-auto-columns:100%;}
  }

@media(max-width:980px){ .pricing-grid{grid-template-columns:1fr;} .price-card.popular{transform:none;} }

@media(max-width:900px){
    .testi-columns{grid-template-columns:1fr;height:auto;max-height:none;mask-image:none;}
    .testi-col:nth-child(2),.testi-col:nth-child(3){display:none;}
    .testi-col{animation:none !important;transform:none !important;}
    .testi-col.col-b{margin-top:0;}
    .testi-col .testi-card:nth-child(n+3){display:none;}
  }

@media(max-width:980px){
    .process-steps{grid-template-columns:1fr;gap:50px;}
    .process-steps::before{display:none;}
    .portfolio-grid{grid-template-columns:repeat(2,1fr);}
    .testi-grid{grid-template-columns:1fr;}
  }

@media(max-width:600px){
    .portfolio-grid{grid-template-columns:1fr;}
    .trust-item{padding:0 20px;border-left:none;}
  }

@media(max-width:640px){
    .hero{padding:130px 0 70px;}
    .wrap{padding:0 20px;}
    .eyebrow{font-size:12px;padding:6px 14px;}
    .hero h1{font-size:clamp(26px,7.5vw,34px);margin-bottom:16px;}
    .lead{font-size:15px;}
    .hero-actions{flex-direction:column;width:100%;}
    .hero-actions .btn-primary, .hero-actions .btn-ghost{width:100%;text-align:center;justify-content:center;}
    .hero-trust{gap:0;margin-top:40px;}
    .trust-item{padding:10px 14px;flex:1 1 40%;border-left:none !important;border-bottom:1px solid var(--line);}

    .trusted-band{padding:36px 0;}
    .trusted-card{padding:26px 18px 20px;border-radius:18px;}
    .trusted-label{font-size:13.5px;line-height:1.8;margin-bottom:20px;}
    .tl-highlight{padding:2px 9px;margin:0 2px;}

    #salla-demo{padding:60px 0;}
    #salla-demo .sec-head{margin-bottom:28px;}
    .video-frame{border-radius:16px;}

    .dash-wrap{margin:40px auto 0;}
    .dash-mock{padding:14px;border-radius:16px;}
    .dash-topbar{flex-wrap:wrap;gap:10px;}
    .dash-rail{order:2;width:100%;justify-content:center;}
    .dash-search{order:1;flex:1 1 100%;font-size:11px;}
    .dash-kpi-row{gap:10px;}
    .dash-kpi-card{padding:12px;}
    .kc-top{font-size:11px;}
    .kc-top b{font-size:16px;}
    .dash-chart-panel{padding:14px;}
    .line-chart{height:110px;}
    .chart-months span{font-size:8.5px;}
    .task-row{flex-wrap:wrap;gap:8px;padding:10px;}
    .task-info{flex:1 1 60%;min-width:120px;}
    .task-progress{display:none;}
    .order-badge{order:3;}
    .task-pct{order:4;margin-right:auto;}
    .side-schedule, .side-messages{padding:14px;}

    .service-card{padding:26px 20px;}
    .picon{width:44px;height:44px;border-radius:13px;}
    .picon svg{width:20px;height:20px;}
    .picon.picon-sm{width:36px;height:36px;}
    .picon.picon-sm svg{width:16px;height:16px;}

    .bento-grid, .bento-row2{gap:14px;}
    .bento-card{padding:24px 20px;border-radius:18px;}
    .kanban-mock{flex-direction:column;}

    .price-card{padding:28px 22px;}
    .price-card.popular{transform:none;}
    .price-amount{font-size:32px;}

    .step-card{padding:26px 22px;min-height:auto;}
    .step-num-big{font-size:64px;}

    .port-card{padding:16px;}
    .cta-band{padding:44px 22px;}
    .cta-band h2{font-size:24px;}
    .cta-form{flex-direction:column;}
    .cta-input{width:100%;}
    .integ-icons{gap:10px;}

    /* shorten scroll: tighter section rhythm on mobile */
    section{padding:60px 0;}
    .sec-head{margin-bottom:40px;}
    .sec-head h2{font-size:clamp(22px,6vw,28px);}
    .sec-head p{font-size:14px;}

    /* hero dashboard: drop decorative/supplementary chrome, keep the essential story */
    .dash-rail{display:none;}
    .dash-search{order:0;}
    .dash-kpi-row{grid-template-columns:1fr 1fr;}
    .dash-side-col{display:none;}

    /* bento features: simpler nested widgets */
    .team-network{gap:14px;}
    .team-avatar{width:32px;height:32px;font-size:12px;}
    .team-center{width:52px;height:52px;font-size:20px;}
    .donut-ring{width:90px;height:90px;}
    .donut-ring::after{width:62px;height:62px;font-size:13px;}

    /* tap targets */
    .service-card .more{display:inline-block;padding:6px 0;}
    .faq-q{padding:20px 16px;min-height:44px;}
    .price-cta, .btn-primary, .btn-ghost, .nav-cta{min-height:46px;}

    /* final tap-target and readability polish */
    .price-features li{padding:11px 0;font-size:13.5px;}
    .integrations-panel{padding:28px 20px;}
    .integrations-panel h3{font-size:17px;}
    section[id]{scroll-margin-top:70px;}
    .port-card h4{font-size:16px;}
    .testi-card{padding:22px;}
    .testi-card p{font-size:14px;}

    /* reduce GPU cost of blur-heavy ambient layers on mobile */
    .ambient-orb{filter:blur(50px);}
    .blob{filter:blur(45px);}
    .wp{animation:none;}
    .bg-vignette{background:radial-gradient(ellipse 130% 95% at 50% 42%, transparent 60%, rgba(0,0,0,0.28) 100%);}
  }

@media(max-width:380px){
    .trust-item{flex:1 1 100%;}
    .dash-kpi-row{grid-template-columns:1fr !important;}
  }

/* ===== قائمة الخدمات المنسدلة على الموبايل ===== */
@media(max-width:1050px){
    /* القائمة بتفتح بالضغط مش بالـ hover */
    .nav-dd{flex-direction:column;}
    .nav-dd-toggle{justify-content:space-between;}
    .nav-dd-menu{
      position:static;min-width:0;padding:0;
      background:rgba(0,0,0,0.25);border:none;box-shadow:none;
      opacity:1;visibility:visible;transform:none;
      max-height:0;overflow:hidden;
      transition:max-height .3s ease;
    }
    .nav-dd:hover .nav-dd-menu{max-height:0;}     /* تعطيل الـ hover */
    .nav-dd.open .nav-dd-menu{max-height:340px;}
    .nav-dd-menu a{
      padding:14px 34px;font-size:14.5px;
      border:none;border-bottom:1px solid var(--line);
    }
}