/* Papegojskoj bildspel */
.pjbs { --pj-navy: #0f1b35; --pj-yellow: #f5b800; margin: 1.5rem 0; }
.pjbs__stage { position: relative; background: var(--pj-navy); border-radius: 16px; overflow: hidden; }
.pjbs__track {
  display: flex; margin: 0; padding: 0; list-style: none;
  overflow-x: auto; scroll-snap-type: x mandatory; scroll-behavior: smooth;
  scrollbar-width: none; aspect-ratio: 3 / 2; max-height: 75vh;
}
.pjbs__track::-webkit-scrollbar { display: none; }
.pjbs__track:focus-visible { outline: 3px solid var(--pj-yellow); outline-offset: -3px; }
.pjbs__slide { flex: 0 0 100%; scroll-snap-align: center; display: flex; align-items: center; justify-content: center; margin: 0; }
.pjbs__slide img { max-width: 100%; max-height: 100%; width: auto; height: auto; object-fit: contain; cursor: zoom-in; display: block; }
.pjbs__nav, .pjbs__full {
  position: absolute; border: 0; cursor: pointer; color: var(--pj-navy); background: rgba(255, 255, 255, .88);
  display: flex; align-items: center; justify-content: center; transition: background .15s, transform .15s;
}
.pjbs__nav { top: 50%; transform: translateY(-50%); width: 46px; height: 46px; border-radius: 50%; font-size: 34px; line-height: 1; padding: 0 0 4px; }
.pjbs__nav--prev { left: 12px; }
.pjbs__nav--next { right: 12px; }
.pjbs__full { top: 12px; right: 12px; width: 38px; height: 38px; border-radius: 10px; }
.pjbs__nav:hover, .pjbs__full:hover, .pjbs__nav:focus-visible, .pjbs__full:focus-visible { background: var(--pj-yellow); outline: none; }
.pjbs__counter {
  position: absolute; left: 12px; bottom: 12px; background: rgba(15, 27, 53, .75); color: #fff;
  font-size: .85rem; font-weight: 600; padding: .2rem .6rem; border-radius: 999px;
}
.pjbs__thumbs {
  display: flex; gap: 6px; list-style: none; margin: 8px 0 0; padding: 2px; overflow-x: auto; scrollbar-width: thin;
}
.pjbs__thumbs li { flex: 0 0 auto; margin: 0; }
.pjbs__thumb { display: block; width: 76px; height: 56px; padding: 0; border: 0; border-radius: 8px; overflow: hidden; cursor: pointer; opacity: .6; background: #ddd; }
.pjbs__thumb img { width: 100%; height: 100%; object-fit: cover; display: block; }
.pjbs__thumb.is-active, .pjbs__thumb:hover, .pjbs__thumb:focus-visible { opacity: 1; outline: 3px solid var(--pj-yellow); outline-offset: -3px; }
.pjbs__caption { margin-top: .6rem; font-weight: 600; }
.pjbs__caption a { color: var(--pj-navy); }

.pjbs-noscroll { overflow: hidden; }
.pjbs-lb {
  position: fixed; inset: 0; z-index: 2147483000; background: rgba(6, 11, 24, .96);
  display: flex; align-items: center; justify-content: center;
}
.pjbs-lb[hidden] { display: none; }
.pjbs-lb__img { max-width: 96vw; max-height: 92vh; object-fit: contain; user-select: none; }
.pjbs-lb__btn {
  position: absolute; border: 0; cursor: pointer; background: rgba(255, 255, 255, .12); color: #fff;
  width: 54px; height: 54px; border-radius: 50%; font-size: 38px; line-height: 1; padding: 0 0 4px;
}
.pjbs-lb__btn:hover, .pjbs-lb__btn:focus-visible { background: #f5b800; color: #0f1b35; outline: none; }
.pjbs-lb__prev { left: 16px; top: 50%; transform: translateY(-50%); }
.pjbs-lb__next { right: 16px; top: 50%; transform: translateY(-50%); }
.pjbs-lb__close { right: 16px; top: 16px; font-size: 32px; }
.pjbs-lb__count { position: absolute; bottom: 16px; left: 50%; transform: translateX(-50%); color: #fff; font-weight: 600; }
@media (max-width: 600px) {
  .pjbs__nav { width: 38px; height: 38px; font-size: 28px; }
  .pjbs-lb__prev, .pjbs-lb__next { top: auto; bottom: 10px; transform: none; }
}