/* ===== PISKEI DIN — case results carousel ===== */
.psk { --h: 740; background: #fff; }
.psk__title {
  position: absolute; top: 101px; left: 50%; transform: translateX(-50%);
  width: 700px; text-align: center; font-size: 42px; line-height: 48px; font-weight: 400; color: #000;
  transform: translate(-50%, -50%);
}
.psak { position: absolute; top: 166px; width: 303px; }
.psak__card { position: relative; width: 303px; height: 413px; background: #fff; border-radius: 8px; overflow: hidden; box-shadow: 0 6px 24px rgba(0,0,0,.07); }
.psak__doc { position: absolute; top: 12px; left: 12px; width: 280px; height: 387px; object-fit: contain; }
.psak__badge {
  position: absolute; top: 18px; right: 13px; background: #b58d41; color: #fff;
  font-size: 20px; line-height: 1; border-radius: 4px; padding: 7px 16px; box-shadow: 0 0 4px rgba(0,0,0,.25);
}
.psak__zoom {
  position: absolute; left: 14px; bottom: 14px; width: 48px; height: 48px; background: #fff; border-radius: 4px;
  box-shadow: 0 0 4px rgba(0,0,0,.25); display: flex; align-items: center; justify-content: center;
}
.psak__zoom img { width: 30px; height: 30px; }
.psak__cap { margin-top: 22px; text-align: center; font-size: 21px; line-height: 26px; color: #000; }

.psk__arrow { position: absolute; top: 343px; width: 62px; height: 62px; background: none; border: 0; padding: 0; }
.psk__arrow img { width: 100%; height: 100%; }
.psk__arrow--right { left: 1634px; }
.psk__arrow--left { left: 223px; transform: scaleX(-1); }
.psk__track { display: contents; }

@media (max-width: 1024px) {
  .psk { --h: auto; height: auto; }
  .psk .stage { position: static; width: 100%; height: auto; transform: none; padding: 40px 0; }
  .psk__title { position: relative; top: 0; left: 0; transform: none; width: auto; font-size: 26px; padding: 0 16px; }
  .psk__track {
    display: flex; gap: 14px; overflow-x: auto; scroll-snap-type: x mandatory;
    padding: 22px 16px 0; -webkit-overflow-scrolling: touch;
  }
  .psak { position: relative !important; top: 0 !important; left: 0 !important; width: auto; margin: 0; flex: 0 0 80%; scroll-snap-align: center; }
  .psak__card { width: 100%; }
  .psk__arrow { display: none; }
}