/* Стили для центрирования превью картинки */
.certificate-item {
    cursor: pointer;
    text-align: center;
    transition: transform 0.3s ease;
}

.certificate-img {
    display: block;
    margin: 0 auto;
    max-width: 100%;
    height: auto;
    border: 1px solid #e0e0e0;
    border-radius: 8px;
    padding: 10px;
    background: #fff;
}

/* Стили для модального окна */
.modal-certificate-img {
    max-width: 100%;    max-height: 70vh;
    width: auto;
    height: auto;
    margin: 0 auto;
    display: block;
}

/* Для отладки - убедимся что модальное окно работает */
.certificate-item:hover {
    transform: translateY(-5px);
}