/* ===== TEUDOT — certificates carousel ===== */
.teudot { --h: 572; background: #fff; }
.teudot__title {
  position: absolute; top: 24px; left: 50%; transform: translateX(-50%);
  width: 686px; text-align: center; font-size: 42px; line-height: 48px; font-weight: 400; color: #000;
  transform: translate(-50%, -50%);
}
.teudot__track {
  position: absolute; top: 81px; left: 313px; width: 1302px;
  display: grid; grid-template-columns: repeat(4, 303px); gap: 0 30px; direction: rtl;
}
.tcert { position: relative; height: 413px; border-radius: 8px; overflow: hidden; }
.tcert__img { width: 100%; height: 100%; object-fit: cover; display: block; }
.tcert__zoom {
  position: absolute; left: 14px; bottom: 14px; width: 48px; height: 48px;
  background: #fff; border-radius: 8px; box-shadow: 0 0 4px rgba(0,0,0,.25);
  display: flex; align-items: center; justify-content: center;
}
.tcert__zoom img { width: 30px; height: 30px; }
.teudot__arrow {
  position: absolute; top: 259px; width: 62px; height: 62px; background: none; border: 0; padding: 0;
}
.teudot__arrow img { width: 100%; height: 100%; }
.teudot__arrow--right { left: 1637px; }
.teudot__arrow--left { left: 226px; transform: scaleX(-1); }

@media (max-width: 1024px) {
  .teudot { --h: auto; height: auto; }
  .teudot .stage { position: static; width: 100%; height: auto; transform: none; padding: 36px 0; }
  .teudot__title { position: relative; top: 0; left: 0; transform: none; width: auto; font-size: 26px; padding: 0 16px; }
  .teudot__track {
    position: relative; top: 0; left: 0; width: auto; margin: 22px 0 0; padding: 0 16px;
    grid-template-columns: none; grid-auto-flow: column; grid-auto-columns: 70%;
    gap: 12px; overflow-x: auto; scroll-snap-type: x mandatory; -webkit-overflow-scrolling: touch;
  }
  .tcert { scroll-snap-align: center; }
  .teudot__arrow { display: none; }
}