/* STEP 2.2 – Sertifikalar örnek paneli */
.cert-page{
  display:none;position:fixed;inset:88px 0 0;z-index:1000;
  background:rgba(7,31,58,.20);backdrop-filter:blur(3px);
  padding:14px 0;
}
.cert-page.open{display:block}
.cert-shell{
  width:min(90vw,1120px);height:calc(100vh - 116px);margin:auto;
  background:var(--navy);border:1px solid #ffffff2b;border-radius:16px;
  box-shadow:0 20px 50px #0005;padding:16px 18px 14px;
  display:flex;flex-direction:column;overflow:hidden;
}
.cert-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:10px}
.cert-head h1{margin:0;font-size:25px;line-height:1;color:#fff}
.cert-head p{margin:6px 0 0;color:#dbe7f2;font-size:14px}
.cert-close{
  border:1px solid #ffffff66;background:#0b2b50;color:#fff;border-radius:8px;
  padding:8px 13px;font-weight:800;cursor:pointer
}
.cert-layout{
  flex:1;min-height:0;display:grid;grid-template-columns:minmax(0,1.38fr) minmax(300px,.92fr);
  gap:14px;align-items:stretch
}
.cert-visual{
  min-height:0;background:#fff;border-radius:12px;padding:10px;
  display:flex;align-items:center;justify-content:center;overflow:hidden
}
.cert-visual img{display:block;max-width:100%;max-height:100%;object-fit:contain}
.cert-copy{min-height:0;display:grid;grid-template-rows:repeat(4,1fr) auto;gap:8px}
.cert-card{
  background:#0b2b50;border:1px solid #ffffff25;border-radius:10px;
  padding:10px 12px;display:flex;gap:10px;align-items:flex-start
}
.cert-icon{
  width:34px;height:34px;flex:0 0 34px;border-radius:50%;
  display:flex;align-items:center;justify-content:center;background:#fff;color:#071f3a;
  font-weight:900;font-size:17px
}
.cert-card h2{margin:0 0 3px;font-size:15px;color:#fff}
.cert-card p{margin:0;color:#d7e3ef;font-size:12.5px;line-height:1.38}
.cert-note{
  border-left:3px solid var(--orange);background:#f47b0014;border-radius:8px;
  padding:9px 11px;color:#fff;font-size:12.5px;line-height:1.4
}
.cert-note strong{color:var(--orange)}
@media(max-width:820px){
  .cert-page{inset:72px 0 0;padding:6px 0}
  .cert-shell{width:98vw;height:calc(100vh - 82px);padding:10px}
  .cert-layout{grid-template-columns:1fr;grid-template-rows:minmax(250px,1.2fr) 1fr}
  .cert-copy{grid-template-columns:1fr 1fr;grid-template-rows:auto auto auto}
  .cert-note{grid-column:1/-1}
}