/* Scoped with a "v" prefix so these rules never collide with the .certs / .certc
   classes already used elsewhere on this page. */
.vcert-section{position:relative;z-index:5;margin-top:0;overflow:hidden;margin-bottom:40px;padding:56px 0}

/* single horizontal row — 4 equal cards */
.vcert-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;align-items:stretch}

/* horizontal card: image left | title right */
.vcert-card{display:flex;align-items:stretch;background:#fff;border:1px solid var(--line);border-radius:12px;overflow:hidden;box-shadow:0 6px 22px rgba(16,76,141,.08);transition:transform .26s,box-shadow .26s,border-color .26s}
.vcert-card:hover{transform:translateY(-4px);box-shadow:0 18px 40px rgba(16,76,141,.16);border-color:rgba(16,76,141,.22)}

/* left — logo panel */
.vcert-card .vclogo{width:88px;min-width:88px;flex-shrink:0;background:#ffffff;display:flex;align-items:center;justify-content:center;padding:18px 12px;position:relative}
.vcert-card .vclogo::after{content:"";position:absolute;right:0;top:12px;bottom:12px;width:3px;background:var(--amber);border-radius:2px}
.vcert-card .vclogo img{max-width:58px;max-height:54px;width:auto;height:auto;object-fit:contain}

/* right — text panel */
.vcert-card .vcinfo{flex:1;min-width:0;padding:14px 16px;display:flex;flex-direction:column;justify-content:center;gap:6px}
.vcert-card h3{font-family:"Archivo";font-weight:800;font-size:clamp(12px,1.1vw,14.5px);color:var(--ink);text-transform:uppercase;letter-spacing:.02em;line-height:1.2;margin:0}
.vcstatus{display:inline-flex;align-items:center;gap:5px;font-family:"Archivo";font-size:10px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:#127a3e}
.vcstatus::before{content:"";width:5px;height:5px;border-radius:50%;background:#127a3e;flex:none}

.vtbanner{margin-top:clamp(30px,3.6vw,46px);display:flex;align-items:center;justify-content:center;gap:14px;text-align:center;background:#104c8d;color:#fff;border-radius:14px;padding:20px 28px;border-left:4px solid var(--amber)}
.vtbanner svg{width:24px;height:24px;stroke:var(--amber);fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;flex:none}
.vtbanner p{font-family:"Archivo";font-weight:600;font-size:clamp(14px,1.6vw,16.5px);color:#fff}

/* responsive breakpoints */
@media(max-width:1100px){
  .vcert-card .vclogo{width:76px;min-width:76px;padding:14px 10px}
  .vcert-card .vclogo img{max-width:50px;max-height:46px}
  .vcert-card .vcinfo{padding:12px 14px}
  .vcert-card h3{font-size:12px}
}
@media(max-width:800px){
  .vcert-grid{grid-template-columns:1fr 1fr;gap:12px}
}
@media(max-width:500px){
  .vcert-grid{grid-template-columns:1fr;gap:10px}
  .vcert-card .vclogo{width:80px;min-width:80px}
  .vcert-card h3{font-size:13px}
}
@media(max-width:760px){.vtbanner{flex-direction:column;gap:10px}}