/* ============================================================
   BURAQ LINK GLOBAL SERVICES — responsive stylesheet
   ============================================================ */

/* ---------- ≤ 1180px : laptops ---------- */
@media (max-width:1180px){
  .services-grid{grid-template-columns:repeat(2,1fr);}
  .why-grid{grid-template-columns:repeat(3,1fr);}
  .hero .container{grid-template-columns:1.05fr .85fr;}
  .hc-2{right:0;}
  .hc-3{left:0;}
}

/* ---------- ≤ 1024px : tablets ---------- */
@media (max-width:1024px){
  .main-nav{display:none;}
  .hamburger{display:inline-flex;}
  .header-actions .btn-whatsapp{display:none;}

  .hero{padding-bottom:8rem;}
  .hero .container{grid-template-columns:1fr;gap:3rem;text-align:center;}
  .hero-copy{display:flex;flex-direction:column;align-items:center;}
  .hero-sub{margin-inline:auto;}
  .hero-ctas,.hero-trust{justify-content:center;}
  .hero-visual{min-height:420px;order:-1;max-width:560px;margin-inline:auto;width:100%;}

  .about-grid,.split,.contact-grid{grid-template-columns:1fr;}
  .sidebar{position:static;}
  .about-badge{right:1rem;}
  .process-grid{grid-template-columns:repeat(2,1fr);gap:2.2rem 1.4rem;}
  .process-grid::before{display:none;}
  .footer-top{grid-template-columns:1fr 1fr;}
  .f-brand{grid-column:1/-1;}
}

/* ---------- ≤ 768px : large phones / small tablets ---------- */
@media (max-width:768px){
  :root{--header-h:74px;}
  .stats-wrap{margin-top:-3.2rem;}
  .stats-band{grid-template-columns:repeat(2,1fr);}
  .stat-card{padding:1.7rem 1rem;}
  .services-grid{grid-template-columns:1fr;}
  .why-grid{grid-template-columns:repeat(2,1fr);}
  .form-grid{grid-template-columns:1fr;}
  .hero-visual{min-height:360px;}
  .globe{width:min(300px,88%);}
  .hc-1{left:-2%;}.hc-2{right:-4%;}.hc-3{left:-4%;}.hc-4{right:0;}
  .hero-card{padding:.5rem .7rem;}
  .hero-card .fc-flag{width:28px;height:20px;}
  .footer-bottom{justify-content:center;text-align:center;}
  .to-top{right:18px;bottom:88px;}
  .fab-wa{right:18px;bottom:18px;}
  .country-grid{grid-template-columns:repeat(2,1fr) !important;}
}

/* ---------- ≤ 560px : phones ---------- */
@media (max-width:560px){
  .why-grid{grid-template-columns:1fr 1fr;gap:1rem;}
  .why-card{padding:1.4rem 1.1rem;}
  .why-card h3{font-size:.95rem;}
  .why-card p{font-size:.82rem;}
  .country-grid{grid-template-columns:1fr 1fr !important;}
  .country-card{padding:.9rem 1rem;}
  .country-card .fl{width:42px;height:30px;}
  .cta-band .hero-ctas{flex-direction:column;align-items:stretch;}
  .cta-band .btn{width:100%;}
  .hero-ctas .btn{flex:1 1 100%;justify-content:center;}
  .hero-trust{flex-direction:column;align-items:center;}
  .page-hero{padding-top:calc(var(--header-h) + 3rem);}
  .hero-badge{font-size:.7rem !important;}
  .scroll-cue{display:none;}
  .fab-wa{width:52px;height:52px;}
  .about-badge{right:.4rem;bottom:-1.2rem;padding:.9rem 1.1rem;}
}

/* ---------- ≤ 400px : small phones ---------- */
@media (max-width:400px){
  .brand-logo{height:34px;}


  .country-grid{grid-template-columns:1fr !important;}
  .hero-visual{min-height:320px;}
  .globe{width:min(260px,92%);}
  .hc-2{right:-2%;top:20%;}
  .hc-4{bottom:2%;right:0;}
  .hc-1{top:4%;left:0;}
  .hc-3{bottom:12%;left:0;}
  .footer-top{grid-template-columns:1fr;}
}

/* ---------- Additional component responsiveness ---------- */
@media (max-width:1100px){.country-grid{grid-template-columns:repeat(4,1fr);}}
@media (max-width:900px){.country-grid{grid-template-columns:repeat(3,1fr);}.values-grid{grid-template-columns:repeat(2,1fr);}}
@media (max-width:640px){.svc-mini-grid{grid-template-columns:1fr;}.svc-row{grid-template-columns:1fr;text-align:center;}.svc-ic{margin-inline:auto;}.svc-body ul li{padding-left:1.2rem;text-align:left;}.svc-body ul{display:inline-block;text-align:left;}}
@media (max-width:560px){.values-grid{grid-template-columns:1fr;}}
