/* Certificate lookup page (from new-theme-html pages.css §18 + about-cards). */

.zhaket-cert-sec{padding-top:34px}
.cert-box{max-width:620px;margin:0 auto;background:#fff;border:1px solid var(--g3);
  border-radius:var(--r);box-shadow:var(--sh-s);padding:32px;text-align:center}
.cert-box .ic{width:76px;height:76px;border-radius:50%;background:var(--orange1);color:var(--orange5);
  display:grid;place-items:center;margin:0 auto 18px}
.cert-box h2{font-size:21px;margin-bottom:9px}
.cert-box>p{font-size:14px;color:var(--g7);line-height:2;margin-bottom:22px}
.cert-form{display:flex;gap:10px;margin-bottom:14px}
.cert-form .input{flex:1;min-width:0;text-align:center}
.cert-form .btn{flex:none}
.cert-hint{display:block;font-size:12px;color:var(--g6);margin-bottom:4px}
.cert-error{display:none;margin-top:14px;padding:12px 14px;border-radius:var(--r-sm);
  background:#FFF1F0;border:1px solid #FFCDC9;color:var(--red);font-size:13.5px;text-align:start;line-height:1.9}
.cert-error.on{display:block}
.cert-result{border:1px solid #DCEFC8;background:var(--greenL);border-radius:var(--r);
  padding:22px;text-align:start;margin-top:22px;display:none}
.cert-result.on{display:block;animation:zhaketCertFade .3s ease}
.cert-result .ok{display:flex;align-items:center;gap:10px;color:var(--green-d);
  font-weight:700;font-size:15px;margin-bottom:16px}
.cert-rows{display:grid;gap:1px;background:#DCEFC8;border-radius:var(--r-sm);overflow:hidden}
.cert-rows div{background:#fff;display:flex;padding:11px 14px;font-size:13.5px;gap:12px}
.cert-rows div[hidden]{display:none!important}
.cert-rows div span{color:var(--g7)}
.cert-rows div b{margin-inline-start:auto;color:var(--g9);text-align:end}
.cert-result-actions{display:flex;gap:10px;margin-top:16px;flex-wrap:wrap}
.cert-box .input{width:100%;border:1px solid var(--g4);border-radius:var(--r-sm);
  background:#fff;padding:0 14px;height:48px;font-size:14px;outline:none;transition:.16s;color:var(--g10);
  font-family:inherit}
.cert-box .input::placeholder{color:var(--g5)}
.cert-box .input:hover{border-color:var(--g5)}
.cert-box .input:focus{border-color:var(--orange);box-shadow:0 0 0 3px var(--orange1)}
.cert-recaptcha{display:flex;justify-content:center;margin:12px 0 4px}
.cert-form.is-loading .btn{opacity:.75;pointer-events:none;cursor:wait}

.about-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--gap);margin-top:40px}
.value-card{background:#fff;border:1px solid var(--g3);border-radius:var(--r);padding:26px;
  box-shadow:var(--sh-xs);transition:.2s}
.value-card:hover{box-shadow:var(--sh-m);transform:translateY(-3px)}
.value-card .ic{width:52px;height:52px;border-radius:var(--r);display:grid;place-items:center;
  margin-bottom:16px;background:var(--orange1);color:var(--orange5)}
.value-card h3{font-size:17px;margin-bottom:10px}
.value-card p{font-size:13.5px;color:var(--g7);line-height:2}

@keyframes zhaketCertFade{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}

@media (max-width:980px){
  .about-cards{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:720px){
  .about-cards{grid-template-columns:1fr}
  .cert-box{padding:20px}
  .cert-form{flex-direction:column}
  .cert-form .btn{width:100%}
}