/* Sertifikalar / Certificates — dikey belge kartları (lightbox tetikleyici) */

.certcard {
  display: flex; flex-direction: column; width: 100%; height: 100%;
  padding: 0; border: 0; text-align: left;
  border-radius: var(--r-3); overflow: hidden;
  background: var(--c-bg-alt); color: var(--c-text);
  transition: box-shadow var(--t-slow) var(--ease-out);
}
.certcard:hover { box-shadow: var(--sh-3); }
.certcard__media {
  display: flex; align-items: center; justify-content: center;
  aspect-ratio: 3 / 4; padding: clamp(20px, 3vw, 32px);
}
.certcard__media picture { width: 100%; height: 100%; }
.certcard__media img {
  width: 100%; height: 100%; object-fit: contain;
  filter: drop-shadow(0 6px 18px rgba(0, 0, 0, .12));
}
.certcard__body { display: grid; gap: 4px; padding: 0 24px 24px; }
.certcard__title { display: block; font-size: 1.0625rem; line-height: 1.3; font-weight: 600; letter-spacing: -.012em; }
.certcard__text { display: block; font-size: var(--fs-small); color: var(--c-text-2); }

@media (prefers-reduced-motion: no-preference) {
  .certcard__media img { transition: transform 900ms var(--ease-out); }
  .certcard:hover .certcard__media img { transform: scale(1.02); }
}

.certs-note, .certs-empty {
  margin-top: var(--s-6);
  text-align: center; font-size: var(--fs-small); color: var(--c-text-2);
}
.certs-empty { margin-top: 0; font-size: var(--fs-body); }
