/* =========================================================
   services.css — Hizmetler sayfası
   ========================================================= */

.services-nav{
  position: sticky;
  top: 84px;
  z-index: 100;
  background: var(--white);
  border-bottom: 1px solid #ececec;
  padding: 18px 0;
}
.services-nav ul{
  display:flex;
  gap: 30px;
  flex-wrap:wrap;
  justify-content:center;
}
.services-nav a{
  font-family: var(--font-button);
  font-size:.82rem;
  font-weight:600;
  letter-spacing:.5px;
  text-transform:uppercase;
  color: var(--gray-dark);
  padding: 8px 4px;
  border-bottom: 2px solid transparent;
  transition: var(--transition);
}
.services-nav a:hover, .services-nav a.active{ color: var(--gold-dark); border-color: var(--gold); }

.service-detail{
  padding: 100px 0;
  border-bottom: 1px solid #f0f0f0;
}
.service-detail:last-child{ border-bottom:none; }
.service-detail:nth-child(even){ background: var(--gray-light); }

.service-detail-grid{
  display:grid;
  grid-template-columns: 1fr 1fr;
  gap: 70px;
  align-items:center;
}
.service-detail:nth-child(odd) .sd-media{ order:2; }

.sd-media .frame{
  position:relative;
  aspect-ratio: 4/3.2;
  border-radius: 10px;
  overflow:hidden;
  background: linear-gradient(145deg, #1c1c1c 0%, #0c0c0c 100%);
  box-shadow: var(--shadow-strong);
}
.sd-media .frame img{ width:100%; height:100%; object-fit:cover; }

.sd-icon-badge{
  width:64px; height:64px;
  border-radius:12px;
  background: var(--black);
  color: var(--gold);
  display:flex; align-items:center; justify-content:center;
  font-size:1.6rem;
  margin-bottom: 22px;
}

.sd-scope{ margin: 26px 0; display:grid; gap:12px; }
.sd-scope li{
  display:flex; align-items:center; gap:10px;
  font-size:.94rem;
  font-weight:500;
  color: var(--black);
}
.sd-scope li i{ color: var(--gold); }

.sd-advantages{
  display:grid;
  grid-template-columns: repeat(2,1fr);
  gap: 10px 24px;
  margin-bottom: 30px;
}
.sd-advantages li{
  font-size:.88rem;
  padding-left: 18px;
  position:relative;
  color: var(--gray-dark);
}
.sd-advantages li::before{
  content:"—";
  color: var(--gold);
  position:absolute; left:0;
}

@media (max-width: 860px){
  .service-detail-grid{ grid-template-columns: 1fr; }
  .service-detail:nth-child(odd) .sd-media{ order:0; }
  .sd-advantages{ grid-template-columns: 1fr; }
  .services-nav ul{ gap:16px; }
  .services-nav{ top:0; overflow-x:auto; justify-content:flex-start; }
}