/* ==========================================================
   ps-lightbox — полноэкранный просмотр фото команды
   Открывается по клику на фото в карточке выбора команды.
   Механика навигации та же, что у мини-карусели: стрелки + точки-радио.
   ========================================================== */

/* Курсор-подсказка, что фото кликабельно */
.ps-carousel__slide{cursor:zoom-in;}

.ps-lightbox{
  position:fixed;inset:0;z-index:2000;
  display:none;
  align-items:center;justify-content:center;
  font-family:"Manrope",system-ui,sans-serif;
}
.ps-lightbox.is-open{display:flex;}

.ps-lightbox__backdrop{
  position:absolute;inset:0;cursor:zoom-out;
  background:radial-gradient(circle at 50% 40%, rgba(40,22,8,.82), rgba(14,9,5,.94));
  backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);
}
.ps-lightbox.is-open .ps-lightbox__backdrop{animation:psLbFade .28s ease;}

.ps-lightbox__dialog{
  position:relative;z-index:1;
  width:min(1100px, 94vw);
  display:flex;flex-direction:column;align-items:center;gap:18px;
}
.ps-lightbox.is-open .ps-lightbox__dialog{animation:psLbIn .3s cubic-bezier(.2,.8,.25,1);}
@keyframes psLbFade{from{opacity:0;}to{opacity:1;}}
@keyframes psLbIn{from{opacity:0;transform:scale(.96);}to{opacity:1;transform:none;}}

/* Сцена с изображением и стрелками */
.ps-lightbox__stage{
  position:relative;width:100%;
  display:flex;align-items:center;justify-content:center;
}
.ps-lightbox__frame{
  position:relative;
  width:100%;
  aspect-ratio:16 / 10;
  max-height:74vh;
  border-radius:20px;overflow:hidden;
  background:rgba(255,255,255,.04);
  box-shadow:0 40px 90px -30px rgba(0,0,0,.7);
}
.ps-lightbox__slide{
  position:absolute;inset:0;
  width:100%;height:100%;object-fit:contain;
  opacity:0;pointer-events:none;
}
.ps-lightbox__slide.is-active{opacity:1;animation:psLbFade .32s ease;}
/* Видео-слайд получает control-bar браузера и обрабатывает клики */
video.ps-lightbox__slide{background:#000;}
video.ps-lightbox__slide.is-active{pointer-events:auto;}

/* Стрелки навигации */
.ps-lightbox__arrow{
  position:absolute;top:50%;transform:translateY(-50%);z-index:3;
  width:56px;height:56px;flex:0 0 auto;
  display:inline-flex;align-items:center;justify-content:center;
  border:none;border-radius:50%;cursor:pointer;
  background:rgba(255,255,255,.92);color:var(--ps-ink,#2a1808);
  box-shadow:0 10px 28px -8px rgba(0,0,0,.5);
  transition:background .15s, transform .15s, color .15s;
}
.ps-lightbox__arrow:hover{background:var(--ps-orange,#ff6a1a);color:#fff;}
.ps-lightbox__arrow:active{transform:translateY(-50%) scale(.92);}
.ps-lightbox__arrow svg{width:24px;height:24px;}
.ps-lightbox__arrow--prev{left:-22px;}
.ps-lightbox__arrow--next{right:-22px;}

/* Кнопка закрытия */
.ps-lightbox__close{
  position:absolute;top:-2px;right:-2px;z-index:4;
  transform:translate(40%,-40%);
  width:46px;height:46px;border-radius:50%;cursor:pointer;
  border:none;background:#fff;color:var(--ps-ink,#2a1808);
  display:inline-flex;align-items:center;justify-content:center;
  box-shadow:0 10px 28px -8px rgba(0,0,0,.5);
  transition:background .15s,color .15s,transform .15s;
}
.ps-lightbox__close:hover{background:var(--ps-orange,#ff6a1a);color:#fff;transform:translate(40%,-40%) rotate(90deg);}
.ps-lightbox__close svg{width:18px;height:18px;}

/* Подпись — название команды + счётчик */
.ps-lightbox__caption{
  display:flex;align-items:center;gap:12px;
  color:#fff;
}
.ps-lightbox__title{
  font-family:"Unbounded","Manrope",sans-serif;
  font-size:clamp(18px,2.4vw,24px);font-weight:800;letter-spacing:-.01em;
}
.ps-lightbox__counter{
  font-size:13px;font-weight:700;letter-spacing:.04em;white-space:nowrap;
  color:rgba(255,255,255,.62);
  padding:4px 10px;border-radius:999px;background:rgba(255,255,255,.1);
}

/* Точки-переключатели (та же механика, что в мини-карусели) */
.ps-lightbox__dots{
  display:flex;align-items:center;justify-content:center;gap:10px;
}
.ps-lightbox__dot{
  width:11px;height:11px;border-radius:50%;cursor:pointer;padding:0;
  border:2px solid rgba(255,255,255,.55);background:transparent;
  transition:background .18s, border-color .18s, transform .18s;
}
.ps-lightbox__dot:hover{border-color:#fff;}
.ps-lightbox__dot.is-active{
  background:var(--ps-orange,#ff6a1a);border-color:var(--ps-orange,#ff6a1a);
  transform:scale(1.25);
}

@media (max-width:720px){
  .ps-lightbox__dialog{width:100vw;height:100dvh;justify-content:center;gap:14px;}
  .ps-lightbox__frame{border-radius:0;width:100vw;aspect-ratio:auto;height:64vh;max-height:none;}
  .ps-lightbox__arrow{width:46px;height:46px;}
  .ps-lightbox__arrow--prev{left:8px;}
  .ps-lightbox__arrow--next{right:8px;}
  .ps-lightbox__close{top:14px;right:14px;transform:none;}
  .ps-lightbox__close:hover{transform:rotate(90deg);}
}