/* =========================================================
   service-detail.css — Hizmet Detay Sayfaları (özel düzenler)
   ========================================================= */

/* 3'lü grid varyantı (Neler Sunuyoruz / Süreç) */
.why-grid.cols-3,
.process-grid.cols-3{
  grid-template-columns: repeat(3, 1fr);
}

/* 4'lü grid varyantı (Diğer Hizmetlerimiz) */
.services-grid.cols-4{
  grid-template-columns: repeat(4, 1fr);
}

@media (max-width: 1080px){
  .services-grid.cols-4{ grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 860px){
  .why-grid.cols-3,
  .process-grid.cols-3{ grid-template-columns: 1fr; }
  .process-grid.cols-3::before{ display:none; }
}
@media (max-width: 520px){
  .services-grid.cols-4{ grid-template-columns: 1fr; }
}

/* Süreç bölümünde 3 adımlık noktalı bağlantı çizgisi konumu */
.process-grid.cols-3::before{
  left: 18%;
  right: 18%;
}