/* ── HİZMETLER SAYFASINA ÖZEL ── */

/* Hizmet detay kartları */
.hizmet-detail-grid{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:0;
  max-width:1200px;
  margin:0 auto;
  border:1px solid var(--border);
}
.hizmet-card{
  padding:3rem;
  border-right:1px solid var(--border);
  border-bottom:1px solid var(--border);
  position:relative;
  overflow:hidden;
  transition:background 0.35s;
  cursor:default;
}
.hizmet-card:nth-child(2n){border-right:none}
.hizmet-card:nth-last-child(-n+2){border-bottom:none}
.hizmet-card:hover{background:var(--navy)}
.hizmet-card::before{
  content:'';
  position:absolute;
  top:0;left:0;
  width:0;height:4px;
  background:linear-gradient(90deg,var(--navy),var(--blue));
  transition:width 0.4s ease;
}
.hizmet-card:hover::before{width:100%}

.hizmet-card-num{
  font-family:'Fira Code',monospace;
  font-size:0.55rem;
  letter-spacing:3px;
  text-transform:uppercase;
  color:var(--text-light);
  margin-bottom:1.5rem;
  transition:color 0.3s;
}
.hizmet-card:hover .hizmet-card-num{color:rgba(255,255,255,0.3)}

.hizmet-card-icon{
  width:56px;height:56px;
  border:1px solid var(--border);
  display:flex;align-items:center;justify-content:center;
  font-size:1.5rem;
  margin-bottom:1.5rem;
  background:var(--bg2);
  transition:0.3s;
}
.hizmet-card:hover .hizmet-card-icon{
  border-color:rgba(255,255,255,0.15);
  background:rgba(255,255,255,0.06);
}

.hizmet-card h3{
  font-family:'Bebas Neue',sans-serif;
  font-size:1.8rem;
  letter-spacing:1px;
  color:var(--navy);
  margin-bottom:1rem;
  line-height:1;
  transition:color 0.3s;
}
.hizmet-card:hover h3{color:#fff}

.hizmet-card-desc{
  font-size:0.9rem;
  color:var(--text-muted);
  line-height:1.8;
  font-weight:300;
  margin-bottom:1.5rem;
  transition:color 0.3s;
}
.hizmet-card:hover .hizmet-card-desc{color:rgba(255,255,255,0.55)}

.hizmet-card-features{
  list-style:none;
  display:flex;
  flex-direction:column;
  gap:0.5rem;
  margin-bottom:1.75rem;
}
.hizmet-card-features li{
  font-size:0.82rem;
  color:var(--text-muted);
  display:flex;
  align-items:center;
  gap:0.6rem;
  font-weight:300;
  transition:color 0.3s;
}
.hizmet-card:hover .hizmet-card-features li{color:rgba(255,255,255,0.5)}
.hizmet-card-features li::before{
  content:'';
  width:5px;height:5px;
  border-radius:50%;
  background:var(--blue);
  flex-shrink:0;
  transition:background 0.3s;
}
.hizmet-card:hover .hizmet-card-features li::before{background:#6fa8ff}

.hizmet-card-tag{
  display:inline-block;
  font-family:'Fira Code',monospace;
  font-size:0.52rem;
  letter-spacing:2px;
  text-transform:uppercase;
  padding:0.3rem 0.75rem;
  border:1px solid rgba(26,86,196,0.25);
  color:var(--blue);
  transition:0.3s;
}
.hizmet-card:hover .hizmet-card-tag{
  border-color:rgba(111,168,255,0.3);
  color:#6fa8ff;
}

/* ── SÜREÇ (nasıl çalışıyoruz) ── */
.surec-section{background:var(--navy);padding:6rem 4rem}
.surec-steps{
  display:grid;
  grid-template-columns:repeat(5,1fr);
  gap:0;
  max-width:1200px;
  margin:0 auto;
  position:relative;
}
.surec-steps::before{
  content:'';
  position:absolute;
  top:28px;left:10%;right:10%;
  height:1px;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,0.1),rgba(255,255,255,0.1),rgba(255,255,255,0.1),transparent);
  z-index:0;
}
.surec-step{
  display:flex;
  flex-direction:column;
  align-items:center;
  text-align:center;
  padding:0 1.5rem 2rem;
  position:relative;
  z-index:1;
}
.surec-step-dot{
  width:56px;height:56px;
  border:1px solid rgba(255,255,255,0.15);
  border-radius:50%;
  display:flex;align-items:center;justify-content:center;
  font-family:'Bebas Neue',sans-serif;
  font-size:1.4rem;
  color:#fff;
  background:var(--navy);
  margin-bottom:1.5rem;
  position:relative;
  transition:0.3s;
}
.surec-step:hover .surec-step-dot{
  border-color:#6fa8ff;
  background:rgba(111,168,255,0.08);
  color:#6fa8ff;
}
.surec-step-icon{
  position:absolute;
  top:-8px;right:-8px;
  width:22px;height:22px;
  background:var(--blue);
  border-radius:50%;
  display:flex;align-items:center;justify-content:center;
  font-size:0.65rem;
}
.surec-step-title{
  font-family:'Bebas Neue',sans-serif;
  font-size:1.1rem;
  letter-spacing:1px;
  color:#fff;
  margin-bottom:0.6rem;
}
.surec-step-desc{
  font-size:0.78rem;
  color:rgba(255,255,255,0.4);
  line-height:1.6;
  font-weight:300;
}

/* ── PAKET / FİYATLANDIRMA ── */
.paket-section{background:var(--bg2);padding:6rem 4rem}
.paket-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:0;
  max-width:1100px;
  margin:0 auto;
  border:1px solid var(--border);
}
.paket-card{
  padding:3rem 2.5rem;
  border-right:1px solid var(--border);
  position:relative;
  overflow:hidden;
  transition:background 0.3s;
}
.paket-card:last-child{border-right:none}
.paket-card.featured{background:var(--navy);border-right-color:rgba(255,255,255,0.08)}
.paket-card.featured::before{
  content:'';
  position:absolute;
  top:0;left:0;right:0;
  height:3px;
  background:linear-gradient(90deg,var(--blue),#6fa8ff);
}
.paket-badge{
  font-family:'Fira Code',monospace;
  font-size:0.5rem;
  letter-spacing:3px;
  text-transform:uppercase;
  padding:0.25rem 0.6rem;
  border:1px solid rgba(111,168,255,0.4);
  color:#6fa8ff;
  display:inline-block;
  margin-bottom:1.5rem;
}
.paket-name{
  font-family:'Bebas Neue',sans-serif;
  font-size:2rem;
  letter-spacing:1px;
  margin-bottom:0.5rem;
  line-height:1;
}
.paket-card:not(.featured) .paket-name{color:var(--navy)}
.paket-card.featured .paket-name{color:#fff}
.paket-desc{
  font-size:0.82rem;
  font-weight:300;
  line-height:1.6;
  margin-bottom:2rem;
  padding-bottom:2rem;
  border-bottom:1px solid var(--border);
}
.paket-card:not(.featured) .paket-desc{color:var(--text-muted)}
.paket-card.featured .paket-desc{color:rgba(255,255,255,0.5);border-color:rgba(255,255,255,0.08)}
.paket-list{list-style:none;display:flex;flex-direction:column;gap:0.75rem;margin-bottom:2.5rem}
.paket-list li{
  font-size:0.85rem;
  display:flex;align-items:center;gap:0.75rem;
  font-weight:300;
}
.paket-card:not(.featured) .paket-list li{color:var(--text-muted)}
.paket-card.featured .paket-list li{color:rgba(255,255,255,0.65)}
.paket-list li::before{
  content:'✓';
  font-size:0.7rem;
  font-weight:600;
  flex-shrink:0;
}
.paket-card:not(.featured) .paket-list li::before{color:var(--blue)}
.paket-card.featured .paket-list li::before{color:#6fa8ff}
.paket-cta{
  display:inline-flex;
  align-items:center;
  gap:0.5rem;
  padding:0.9rem 2rem;
  font-family:'Fira Code',monospace;
  font-size:0.7rem;
  letter-spacing:2px;
  text-transform:uppercase;
  text-decoration:none;
  transition:0.3s;
  width:100%;
  justify-content:center;
}
.paket-card:not(.featured) .paket-cta{
  border:1px solid var(--border-strong);
  color:var(--navy);
  background:transparent;
}
.paket-card:not(.featured) .paket-cta:hover{background:var(--navy);color:#fff;border-color:var(--navy)}
.paket-card.featured .paket-cta{
  background:#fff;
  color:var(--navy);
  clip-path:polygon(0 0,100% 0,calc(100% - 10px) 100%,0 100%);
}
.paket-card.featured .paket-cta:hover{background:#e8f0ff}

/* ── SSS ── */
.sss-section{background:var(--bg);padding:6rem 4rem}
.sss-grid{
  display:grid;
  grid-template-columns:1fr 1.5fr;
  gap:5rem;
  max-width:1200px;
  margin:0 auto;
  align-items:start;
}
.sss-list{display:flex;flex-direction:column;gap:0}
.sss-item{
  border-bottom:1px solid var(--border);
  overflow:hidden;
}
.sss-q{
  width:100%;
  padding:1.5rem 0;
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:1rem;
  background:transparent;
  border:none;
  cursor:pointer;
  text-align:left;
  font-family:'Bebas Neue',sans-serif;
  font-size:1.1rem;
  letter-spacing:1px;
  color:var(--navy);
  transition:color 0.3s;
}
.sss-q:hover{color:var(--blue)}
.sss-q-icon{
  width:24px;height:24px;
  border:1px solid var(--border);
  border-radius:50%;
  display:flex;align-items:center;justify-content:center;
  font-size:1rem;
  flex-shrink:0;
  color:var(--text-light);
  transition:0.3s;
  line-height:1;
}
.sss-item.open .sss-q-icon{
  background:var(--navy);
  border-color:var(--navy);
  color:#fff;
  transform:rotate(45deg);
}
.sss-a{
  max-height:0;
  overflow:hidden;
  transition:max-height 0.4s ease, padding 0.3s;
  font-size:0.88rem;
  color:var(--text-muted);
  line-height:1.8;
  font-weight:300;
  padding:0 0 0;
}
.sss-item.open .sss-a{
  max-height:300px;
  padding-bottom:1.5rem;
}

/* ── TESTİMONİALLAR ── */
.testimonials-section{background:var(--bg3);padding:6rem 4rem}

/* ── CTA BANNER ── */
.hizmet-cta{
  background:var(--navy);
  padding:6rem 4rem;
  text-align:center;
  position:relative;
  overflow:hidden;
}
.hizmet-cta::before{
  content:'';
  position:absolute;inset:0;
  background:repeating-linear-gradient(45deg,transparent,transparent 60px,rgba(255,255,255,0.012) 60px,rgba(255,255,255,0.012) 61px);
}
.hizmet-cta-content{position:relative;z-index:1;max-width:700px;margin:0 auto}
.hizmet-cta h2{
  font-family:'Bebas Neue',sans-serif;
  font-size:clamp(2.5rem,5vw,4.5rem);
  color:#fff;
  letter-spacing:-1px;
  line-height:0.95;
  margin-bottom:1rem;
}
.hizmet-cta h2 span{color:#6fa8ff}
.hizmet-cta p{
  color:rgba(255,255,255,0.5);
  font-size:1rem;
  font-weight:300;
  margin-bottom:2.5rem;
  line-height:1.7;
}
.hizmet-cta-btns{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}

/* Responsive */
@media(max-width:968px){
  .hizmet-detail-grid{grid-template-columns:1fr}
  .hizmet-card{border-right:none}
  .hizmet-card:nth-last-child(-n+2){border-bottom:1px solid var(--border)}
  .hizmet-card:last-child{border-bottom:none}
  .surec-steps{grid-template-columns:repeat(3,1fr)}
  .surec-steps::before{display:none}
  .paket-grid{grid-template-columns:1fr}
  .paket-card{border-right:none;border-bottom:1px solid var(--border)}
  .paket-card:last-child{border-bottom:none}
  .sss-grid{grid-template-columns:1fr;gap:3rem}
  .surec-section{padding:5rem 2rem}
  .paket-section{padding:5rem 2rem}
  .sss-section{padding:5rem 2rem}
  .hizmet-cta{padding:5rem 2rem}
}
@media(max-width:600px){
  .surec-steps{grid-template-columns:1fr 1fr}
  .testimonials-section{padding:5rem 1.5rem}
}