/* ===== TEUDOT — certificates (Splide slider) ===== */
.teudot { background: #f6f6f6; padding: 48px 0 20px; }
.teudot__title { color: #000; }
.tcert { position: relative; width: 100%; aspect-ratio: 303 / 413; border-radius: 8px; overflow: hidden; }
.tcert__img { width: 100%; height: 100%; object-fit: cover; display: block; }
/* sized in % of the card so it keeps its proportion when the slider narrows */
.tcert__zoom {
  position: absolute; left: 4.6%; bottom: 3.4%; width: 15.8%; height: auto; aspect-ratio: 1;
  background: #fff; border-radius: 8px; box-shadow: 0 0 4px rgba(0,0,0,.25);
  display: flex; align-items: center; justify-content: center; cursor: pointer;
}
.tcert__zoom img { width: 62%; height: auto; }

@media (max-width: 600px) {
    .teudot {
        padding: 54px 0 32px;
    }
    .teudot .splide {
        padding: 0;
        position: relative;
        right: 0;
        width: 100%;
    }
    .tcert {
        height: 318px;
    }
    .tcert__zoom {
        top: 15px;
        bottom: unset;
        width: 38px;
    }
    .teudot__title {
        font-size: 36px;
    }
}