/* ============================================================
   CERTIFICATIONS
   ============================================================ */
.certs-hero { background:var(--clr-red); padding:40px 0 60px; }
.certs-hero .container { position:relative; }
.certs-hero-body {
  margin-top:32px;
  display:grid; grid-template-columns:1fr; gap:24px;
}
.certs-divider-left  { width:100%; height:1px; background:rgba(255,255,255,0.25); grid-column:1/-1; }
.certs-desc { font-family:var(--ff-body); font-size:clamp(14px,1.6vw,16px); color:rgba(255,255,255,.88); line-height:1.75; max-width:640px; text-align:justify; justify-self:end; }
.certs-divider-right { width:60%; height:1px; background:rgba(255,255,255,0.25); grid-column:1/-1; justify-self:end; }
@media(min-width:768px) {
  .certs-hero-body { grid-template-columns:1fr 1fr; gap:20px 60px; }
  .certs-divider-left  { grid-column:1/2; align-self:center; }
  .certs-desc          { grid-column:2/3; justify-self:start; }
  .certs-divider-right { grid-column:2/3; width:80%; justify-self:end; }
}

.certs-badges-wrap { background:var(--clr-pink-bg); padding:60px 0 80px; }
.certs-grid {
  display:grid; grid-template-columns:repeat(2,1fr); gap:16px;
}
@media(min-width:600px){ .certs-grid{grid-template-columns:repeat(3,1fr);} }
@media(min-width:900px){ .certs-grid{grid-template-columns:repeat(4,1fr);gap:20px;} }

/* MODIFICATION: Longer base delays for badge entrance */
.cert-badge {
  perspective:800px; height:160px; cursor:default;
  opacity:0; transform:scale(0) translateY(20px);
  transition:
    opacity 0.5s var(--ease-out-expo) var(--delay),
    transform 0.6s var(--ease-bounce) var(--delay);
}
.cert-badge.in-view { opacity:1; transform:scale(1) translateY(0); }
.cert-badge:hover .cert-badge-inner,
.cert-badge:focus-within .cert-badge-inner { transform:rotateY(360deg); }
.cert-badge-inner { position:relative; width:100%; height:100%; transform-style:preserve-3d; transition:transform .9s var(--ease-out-expo); }
.cert-badge-front,.cert-badge-back {
  position:absolute; inset:0; backface-visibility:hidden; -webkit-backface-visibility:hidden;
  border-radius:var(--radius-md); display:flex; align-items:center; justify-content:center;
  background:var(--clr-white); border:1px solid rgba(204,31,43,0.12);
  box-shadow:0 4px 20px rgba(0,0,0,.06);
}
.cert-badge-front img { max-width:80%; max-height:70%; object-fit:contain; }
.cert-badge-back { background:var(--clr-red); transform:rotateY(180deg); }
.cert-badge-label { font-family:var(--ff-display); font-weight:900; font-size:18px; color:var(--clr-white); letter-spacing:.04em; }