/* Sertifika kartı: belge görseli açık zemin üzerinde "contain", altında başlık + açıklama */
.cc_Jr5z8wEJSM_Bhpj4PDzyf .m-cert {
  display: flex;
  flex-direction: column;
  gap: 12px;
  width: 100%;
  height: 100%;
  padding: 12px;
  box-sizing: border-box;
  border: 1px solid transparent;
  border-radius: var(--m-radius-lg);
  background: var(--m-surface);
  color: var(--m-text);
  font: inherit;
  text-align: left;
  text-decoration: none;
  cursor: default;
  transition: border-color var(--m-dur-fast) var(--m-ease), box-shadow var(--m-dur) var(--m-ease), transform var(--m-dur) var(--m-ease);
}

.cc_Jr5z8wEJSM_Bhpj4PDzyf .m-cert--link, .cc_Jr5z8wEJSM_Bhpj4PDzyf .m-cert--zoom {
  cursor: pointer;
}

.cc_Jr5z8wEJSM_Bhpj4PDzyf .m-cert--link:hover, .cc_Jr5z8wEJSM_Bhpj4PDzyf .m-cert--zoom:hover {
  border-color: var(--m-accent);
  box-shadow: var(--m-shadow);
  transform: translateY(-2px);
}

.cc_Jr5z8wEJSM_Bhpj4PDzyf .m-cert:focus-visible {
  outline: none;
  box-shadow: var(--m-ring);
}

.cc_Jr5z8wEJSM_Bhpj4PDzyf .m-cert__media {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  aspect-ratio: 4 / 3;
  overflow: hidden;
  border-radius: var(--m-radius);
  background: var(--m-bg);
}

.cc_Jr5z8wEJSM_Bhpj4PDzyf .m-cert__img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
  padding: 10px;
  box-sizing: border-box;
}

.cc_Jr5z8wEJSM_Bhpj4PDzyf .m-cert__icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 64px;
  height: 64px;
  border-radius: var(--m-radius-full);
  background: var(--m-accent-soft);
  color: var(--m-accent);
  font-size: 30px;
}

.cc_Jr5z8wEJSM_Bhpj4PDzyf .m-cert__body {
  display: flex;
  flex-direction: column;
  gap: 4px;
  padding-inline: 2px;
}

.cc_Jr5z8wEJSM_Bhpj4PDzyf .m-cert__title {
  font-size: 15px;
  font-weight: 700;
  line-height: 1.3;
}

.cc_Jr5z8wEJSM_Bhpj4PDzyf .m-cert__text {
  font-size: 13px;
  line-height: 1.5;
  color: var(--m-text-muted);
}

@media (prefers-reduced-motion: reduce) {
  .cc_Jr5z8wEJSM_Bhpj4PDzyf .m-cert {
    transition: none;
  }
}
