/* ============================================================
   certificates.css — Technical Certifications Section
   ============================================================ */

.certificates__grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: var(--space-xl);
  margin-top: var(--space-xl);
  max-width: 1000px;
  margin-left: auto;
  margin-right: auto;
}

.certificate-card {
  position: relative;
  z-index: 1;
}

.certificate-card:hover {
  z-index: 100;
}

.certificate-card__image {
  position: relative;
  overflow: hidden;
  border-radius: var(--radius-sm);
  border: 1px solid var(--color-border);
  background: var(--color-bg-card);
  transition: transform 0.4s cubic-bezier(0.34, 1.56, 0.64, 1), 
              border-color var(--transition-base), 
              box-shadow var(--transition-base);
  cursor: zoom-in;
}

.certificate-card__image img {
  width: 100%;
  height: auto;
  display: block;
  object-fit: cover;
}

.certificate-card:hover .certificate-card__image {
  transform: scale(1.25); /* Magnify to double size */
  border-color: var(--color-accent);
  box-shadow: 0 30px 60px rgba(0, 0, 0, 0.8), 0 0 30px rgba(215, 35, 35, 0.5);
}

.certificate-card__info {
  display: none;
}

/* ─── Responsive ─── */
@media (max-width: 768px) {
  .certificates__grid {
    grid-template-columns: repeat(2, 1fr);
    max-width: 400px;
  }
}

@media (max-width: 480px) {
  .certificates__grid {
    grid-template-columns: 1fr;
    max-width: 150px;
  }

  .certificate-card:hover .certificate-card__image {
     transform: scale(1);
  }
}