/* v2 — Sertifika Sorgulama sayfasına özel (site.css token'ları kullanılır) */

/* Siyah hero + arama kutusu */
.cs-hero{padding:44px 0 52px;text-align:center}
@media(min-width:960px){.cs-hero{padding:88px 0 96px}}
.cs-head{max-width:680px;margin:0 auto}
.cs-head .hero-kicker{display:inline-flex;align-items:center;gap:8px;margin-top:0}
.cs-head .hero-sub{margin-left:auto;margin-right:auto}
.cs-form{max-width:680px;margin:28px auto 0;text-align:left}
.cs-label{display:block;font-size:13px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--on-ink-3);margin-bottom:10px}
.cs-box{position:relative;display:grid;gap:10px}
.cs-box input{width:100%;min-height:58px;padding:14px 16px 14px 48px;border:1.5px solid var(--ink-line-strong);border-radius:14px;background:rgba(255,255,255,.06);color:#fff;font-size:16px;-webkit-appearance:none;appearance:none;transition:border-color .15s,box-shadow .15s,background .15s}
.cs-box input::placeholder{color:var(--on-ink-3)}
.cs-box input:focus{outline:none;border-color:var(--accent-on-dark);background:rgba(255,255,255,.09);box-shadow:0 0 0 4px rgba(169,180,245,.22)}
.cs-ic{position:absolute;left:16px;top:19px;color:var(--on-ink-3);pointer-events:none}
.cs-btn{min-height:56px;width:100%}
@media(min-width:640px){
  .cs-box{display:block;padding:6px;border:1.5px solid var(--ink-line-strong);border-radius:18px;background:rgba(255,255,255,.06)}
  .cs-box:focus-within{border-color:var(--accent-on-dark);box-shadow:0 0 0 4px rgba(169,180,245,.22)}
  .cs-box input{min-height:52px;border:0;background:transparent;padding:12px 150px 12px 44px;box-shadow:none!important}
  .cs-ic{left:20px;top:22px}
  .cs-btn{position:absolute;right:6px;top:6px;width:auto;min-height:52px;padding:0 24px}
}
.cs-help{font-size:13.5px;color:var(--on-ink-3);margin-top:12px;line-height:1.55}
.cs-help strong{color:var(--on-ink)}
.cs-trust{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 18px;margin-top:26px;font-size:13px;font-weight:600;color:var(--on-ink-2)}
.cs-trust span{display:inline-flex;align-items:center;gap:6px}
.cs-trust svg{color:var(--accent-on-dark)}

/* Sonuç */
.cs-res.sec{padding:40px 0 56px}
@media(min-width:960px){.cs-res.sec{padding:64px 0 80px}}
.cs-sum{display:flex;align-items:center;justify-content:center;gap:8px;font-size:14.5px;font-weight:700;color:var(--ok);margin-bottom:16px}
.cs-cert,.cs-card{position:relative;background:var(--paper);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow-lg);padding:22px 18px;overflow:hidden}
@media(min-width:640px){.cs-cert,.cs-card{padding:32px}}
.cs-cert+.cs-cert{margin-top:16px}
.cs-cert::before{content:"";position:absolute;left:0;right:0;top:0;height:4px;background:linear-gradient(90deg,var(--ok),var(--accent) 70%)}
.cs-cert-top{display:flex;flex-wrap:wrap;gap:8px}
.cs-chip-basari{background:var(--warn-soft);color:var(--warn);border-color:transparent}
.cs-no{margin-top:18px;font-size:12.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--text-3)}
.cs-no span{font-family:var(--mono);color:var(--accent);letter-spacing:.04em;word-break:break-all}
.cs-name{font-size:clamp(26px,7vw,36px);letter-spacing:-.03em;margin:6px 0 20px;overflow-wrap:anywhere}
.cs-cert .facts{margin-bottom:20px}
.cs-cert .fact:last-child:nth-child(odd){grid-column:1/-1}
@media(min-width:640px){.cs-cert .facts{grid-template-columns:repeat(3,minmax(0,1fr))}.cs-cert .fact:last-child:nth-child(odd){grid-column:auto}}
.cs-cert .fact-v{overflow-wrap:anywhere}
.cs-dl{width:100%;white-space:normal;text-wrap:balance;font-size:15px;line-height:1.3;padding:10px 18px}
@media(min-width:640px){.cs-dl{width:auto}}
.cs-foot{display:flex;align-items:center;gap:6px;font-size:12.5px;color:var(--text-3);margin-top:14px}
.cs-card{text-align:center}
.cs-card h2{font-size:clamp(24px,6vw,32px)}
.cs-card .lead{max-width:480px;margin-left:auto;margin-right:auto}
.cs-muted{font-size:14px;color:var(--text-3);margin:18px 0 12px}
.cs-ic--warn{background:var(--warn-soft);color:var(--warn)}