/* Shared quality-page palette and cards for TR / EN / DE.
   responsive.css stays last so existing layout breakpoints retain precedence. */
.quality-intro .section-title,
.testing-section .section-title { color: var(--text); }
.quality-intro .section-tag,
.testing-section .section-tag { color: var(--accent-text); }

.page-hero {
  background: #05080e;
  padding: 90px 0 30px;
  text-align: center;
}
.page-hero h1 { font-size:clamp(2rem,4vw,3rem); color:var(--on-dark); font-weight:900; margin-bottom:14px; }
.page-hero p  { color:var(--on-dark-muted); font-size:1rem; max-width:580px; margin:0 auto; }
.breadcrumb   { color:var(--on-dark-muted); font-size:0.8rem; margin-bottom:16px; }
.breadcrumb a { color:var(--orange); }

/* ---- KALİTE POLİTİKASI ---- */
.quality-intro {
  padding: 48px 0;
  background: var(--canvas); scroll-margin-top: 120px; display: flex; align-items: center; min-height: 570px; }
.quality-intro-grid {
  display: grid;
  grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr);
  gap: 60px;
  align-items: center;
}
.quality-intro-text h2 { margin-bottom: 20px; }
.quality-intro-text p {
  color: var(--gray); line-height: 1.8; margin-bottom: 16px; }

.quality-pillars {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  grid-auto-rows: 1fr;
  gap: 16px;
}
.pillar-card {
  background: var(--surface);
  border-radius: 6px;
  padding: 18px 20px;
  box-shadow: var(--card-shadow);
  border: 1px solid var(--border);
}
.pillar-card h4 {
  color: var(--text); font-size: 0.9rem; font-weight: 700;
  margin-bottom: 8px; }
.pillar-card p {
  color: var(--gray);
  font-size: 0.875rem;
  line-height: 1.6; }

#sertifikalar {
  scroll-margin-top: 110px;
}

#taahhut {
  scroll-margin-top: 110px;
}


/* ---- SERTİFİKALAR (büyütülmüş) ---- */
.certs-section { padding: 40px 0; background: var(--navy); }
.certs-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
  margin-top: 48px;
}
.cert-detail-card {
  background: var(--dark-surface);
  border: 1px solid var(--dark-border);
  border-radius: 6px;
  padding: 28px 24px;
  text-align: center;
}
.cert-detail-name {
  color: var(--on-dark);
  font-weight: 700;
  font-size: 0.95rem;
  margin-bottom: 8px;
}
.cert-detail-desc {
  color: var(--on-dark-muted);
  font-size: 0.85rem;
  line-height: 1.65;
}

/* ---- KALİTE KONTROL SÜRECİ ---- */
.qc-section { padding: 50px 0 60px; background: var(--light); }
.qc-steps {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 28px;
  margin-top: 48px;
}
.qc-step-card {
  background: var(--surface);
  border-radius: var(--card-radius);
  padding: 28px;
  border: 1px solid var(--border);
  position: relative;

  box-shadow: var(--card-shadow);
}
.qc-step-num {
  position: absolute;
  top: -16px;
  left: 24px;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background: var(--orange);
  color: var(--on-dark);
  font-size: 0.75rem;
  font-weight: 900;
  display: flex;
  align-items: center;
  justify-content: center;
}
.qc-step-icon {
  width: 48px; height: 48px;
  border-radius: 8px;
  background: rgba(26,111,255,0.08);
  border: 1.5px solid rgba(26,111,255,0.2);
  display: flex; align-items:center; justify-content:center;
  margin-bottom: 14px;
}
.qc-step-title {
  font-size: 0.95rem;
  font-weight: 700;
  color: var(--text);
  margin-bottom: 8px;
}
.qc-step-desc {
  color: var(--gray);
  font-size: 0.82rem;
  line-height: 1.65;
}

/* ---- TEST EKİPMANLARI ---- */
.testing-section { padding: 40px 0;
  background: var(--canvas);
}
.testing-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
  margin-top: 48px;
}
.testing-card {
  text-align: center;
  padding: 24px 16px;
  border: 1px solid var(--border);
  border-radius: 8px;
}
.testing-icon {
  width: 52px; height: 52px;
  border-radius: 50%;
  background: rgba(26,111,255,0.07);
  border: 1.5px solid rgba(26,111,255,0.2);
  display: flex; align-items:center; justify-content:center;
  margin: 0 auto 14px;
}
.testing-name {
  font-size: 0.85rem;
  font-weight: 700;
  color: var(--text);
  margin-bottom: 6px;
}
.testing-desc {
  color: var(--gray);
  font-size: 0.76rem;
  line-height: 1.5;
}

.testing-section .certs-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
  padding: 0;
}

.testing-section .cert-detail-card {
  background: var(--surface);
  border: 1px solid var(--border);
  border-radius: 6px;
  padding: 24px;
  text-align: left;
}

.testing-section .cert-detail-name {
  color: var(--text);
}

.testing-section .cert-detail-desc {
  color: var(--gray);
}