/* ============================================================
   ARSHMAN.EU — responsive.css
   Shared media query rules (768px / 580px breakpoints).
   Page-specific responsive overrides stay inline per page.
   ============================================================ */

@media (max-width:1024px){
  .why-grid{grid-template-columns:1fr 1fr}
  .footer-main{grid-template-columns:1fr 1fr;gap:32px}
  .nav-links{display:none}
  .burger{display:flex}
  .pillars{grid-template-columns:1fr;max-width:480px;margin:0 auto}
  .steps-grid{grid-template-columns:1fr;gap:28px}
  .steps-grid::before{display:none}
  .req-wrap{grid-template-columns:1fr}
  .spec-grid{grid-template-columns:1fr 1fr}
  .cov-wrap{grid-template-columns:1fr}
  .twoway{grid-template-columns:1fr;gap:14px}
  .tw-div{padding:4px 0}
  .svc-detail{grid-template-columns:1fr;max-width:640px}
  body.page-index .hero-inner{grid-template-columns:1fr;gap:36px}
  body.page-index .hero-card{max-width:560px}
  body.page-freelancers .hero-inner{grid-template-columns:1fr;gap:36px}
  body.page-freelancers .hero-card{max-width:560px}
  body.page-freelancers .steps-grid{grid-template-columns:1fr 1fr;gap:32px}
  body.page-freelancers .steps-grid::before{display:none}
  body.page-freelancers .spec-grid{grid-template-columns:1fr 1fr}
  body.page-partners .steps-grid::before{display:none}
}

@media (max-width:768px){
  .sec{padding:56px 0}
  .hero{padding:64px 0 48px}
  .hero h1{font-size:clamp(1.8rem,5vw,2.4rem)}
  .why-grid{grid-template-columns:1fr}
  .req-wrap{grid-template-columns:1fr}
  .form-row{grid-template-columns:1fr}
  .quote-head,.quote-body{padding:24px 22px}
  .footer-main{grid-template-columns:1fr;gap:28px}
  .cta-btns{flex-direction:column;align-items:center}
  .cta-btns .btn{width:100%;max-width:320px;justify-content:center}
  .type-toggle{grid-template-columns:1fr}
}

@media (max-width:580px){
  .nav-badge{display:none}
  .nav-cta-btn{display:none}
  .langsel-label{display:none}
  .langsel-btn{padding:7px 10px}
}