/* ===== Sahte PDF önizlemesi — Sertifikalar (Silva 2026) =====
 * Referans: silva-certificates.jsx → DocPreview
 * Sahne 16/11 tonlu · sayfa %16 kenar boşluklu, alta taşar (bottom -18%)
 * Başlık bandı %22 tür renginde gradyan · çizgiler soluk · mühür 40px daire
 * Tür renkleri data-cat ile: cert mavi / analiz bronz / antibac yeşil
 */

.cc_dht747cl_8Qk3EFZtaB .silva-docprev, .cc_dht747cl_JLm3S9Fc9W .silva-docprev {
  position: relative;
  aspect-ratio: 16 / 11;
  overflow: hidden;
}

.cc_dht747cl_8Qk3EFZtaB .silva-docprev[data-cat="cert"], .cc_dht747cl_JLm3S9Fc9W .silva-docprev[data-cat="cert"] {
  --docprev-accent: var(--silva-blue);
  --docprev-tone: var(--silva-doc-cert-tone);
  --docprev-soft: var(--silva-doc-cert-soft);
}

.cc_dht747cl_8Qk3EFZtaB .silva-docprev[data-cat="analiz"], .cc_dht747cl_JLm3S9Fc9W .silva-docprev[data-cat="analiz"] {
  --docprev-accent: var(--silva-gold);
  --docprev-tone: var(--silva-doc-analiz-tone);
  --docprev-soft: var(--silva-doc-analiz-soft);
}

.cc_dht747cl_8Qk3EFZtaB .silva-docprev[data-cat="antibac"], .cc_dht747cl_JLm3S9Fc9W .silva-docprev[data-cat="antibac"] {
  --docprev-accent: var(--silva-green-text);
  --docprev-tone: var(--silva-green-bg);
  --docprev-soft: var(--silva-doc-antibac-soft);
}

.cc_dht747cl_8Qk3EFZtaB .silva-docprev, .cc_dht747cl_JLm3S9Fc9W .silva-docprev {
  background: var(--docprev-tone);
}

.cc_dht747cl_8Qk3EFZtaB .silva-docprev__page, .cc_dht747cl_JLm3S9Fc9W .silva-docprev__page {
  position: absolute;
  left: 16%;
  right: 16%;
  top: 13%;
  bottom: -18%;
  background: var(--kombos-white);
  border-radius: 6px 6px 0 0;
  box-shadow: 0 18px 40px -22px rgba(20, 22, 40, 0.4);
  overflow: hidden;
}

.cc_dht747cl_8Qk3EFZtaB .silva-docprev__band, .cc_dht747cl_JLm3S9Fc9W .silva-docprev__band {
  height: 22%;
  background: linear-gradient(
    135deg,
    var(--docprev-accent) 0%,
    color-mix(in srgb, var(--docprev-accent) 80%, transparent) 100%
  );
}

.cc_dht747cl_8Qk3EFZtaB .silva-docprev__lines, .cc_dht747cl_JLm3S9Fc9W .silva-docprev__lines {
  position: relative;
}

.cc_dht747cl_8Qk3EFZtaB .silva-docprev__line, .cc_dht747cl_JLm3S9Fc9W .silva-docprev__line {
  position: absolute;
  left: 12%;
  border-radius: 4px;
  background: var(--silva-cream-deep);
  height: 0.25rem;
}

.cc_dht747cl_8Qk3EFZtaB .silva-docprev__line--head, .cc_dht747cl_JLm3S9Fc9W .silva-docprev__line--head {
  top: 1rem;
  width: 46%;
  height: 0.4375rem;
  background: var(--docprev-soft);
}

.cc_dht747cl_8Qk3EFZtaB .silva-docprev__line--1, .cc_dht747cl_JLm3S9Fc9W .silva-docprev__line--1 {
  top: 2rem;
  width: 70%;
}

.cc_dht747cl_8Qk3EFZtaB .silva-docprev__line--2, .cc_dht747cl_JLm3S9Fc9W .silva-docprev__line--2 {
  top: 2.75rem;
  width: 62%;
}

.cc_dht747cl_8Qk3EFZtaB .silva-docprev__line--3, .cc_dht747cl_JLm3S9Fc9W .silva-docprev__line--3 {
  top: 3.5rem;
  width: 68%;
}

.cc_dht747cl_8Qk3EFZtaB .silva-docprev__seal, .cc_dht747cl_JLm3S9Fc9W .silva-docprev__seal {
  position: absolute;
  right: 12%;
  bottom: 16%;
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 50%;
  background: var(--docprev-tone);
  border: 1.5px solid var(--docprev-soft);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.125rem;
  color: var(--docprev-accent);
}

.cc_dht747cl_8Qk3EFZtaB .silva-docprev__chip, .cc_dht747cl_JLm3S9Fc9W .silva-docprev__chip {
  position: absolute;
  top: 0.75rem;
  right: 0.75rem;
  font-size: 0.625rem;
  font-weight: 600;
  letter-spacing: 0.08em;
  color: var(--docprev-accent);
  background: rgba(255, 255, 255, 0.92);
  border: 1px solid var(--docprev-soft);
  border-radius: 6px;
  padding: 3px 8px;
}