/* ============================================================
   ZONA24 - popup s otviracim plakatem (homepage)
   Markup je staticky v index.html, chovani resi js/poster-popup.js
   ============================================================ */
.poster-pop{position:fixed;inset:0;z-index:1100;display:flex;align-items:center;justify-content:center;
  padding:clamp(20px,3vw,36px);background:rgba(11,13,20,.9);backdrop-filter:blur(6px);
  opacity:0;visibility:hidden;transition:opacity .3s,visibility .3s}
.poster-pop.open{opacity:1;visibility:visible}

.poster-pop__box{position:relative;max-width:100%;max-height:100%;
  transform:translateY(14px) scale(.985);
  transition:transform .35s var(--ease-sharp,cubic-bezier(.7,0,.3,1))}
.poster-pop.open .poster-pop__box{transform:none}

/* pomer stran drzi intrinsic velikost obrazku (693x1003), skaluje se do obou limitu */
.poster-pop__img{display:block;width:auto;height:auto;
  max-width:min(92vw,693px);max-height:min(88vh,1003px);
  box-shadow:0 0 0 1px rgba(113,226,252,.35),0 0 60px rgba(0,0,0,.75)}

.poster-pop__close{position:absolute;top:-14px;right:-14px;width:48px;height:48px;
  display:flex;align-items:center;justify-content:center;cursor:pointer;
  background:var(--bg-secondary,#12151F);color:var(--cyan-base,#71E2FC);
  border:2px solid var(--cyan-base,#71E2FC);
  box-shadow:0 0 18px rgba(113,226,252,.55),0 4px 18px rgba(0,0,0,.6);
  transition:background .2s,color .2s,box-shadow .2s;
  clip-path:polygon(12px 0,100% 0,100% calc(100% - 12px),calc(100% - 12px) 100%,0 100%,0 12px)}
.poster-pop__close svg{width:22px;height:22px}
.poster-pop__close:hover{background:var(--cyan-base,#71E2FC);color:#06222b;
  box-shadow:0 0 28px rgba(113,226,252,.75),0 4px 18px rgba(0,0,0,.6)}
.poster-pop__close:focus-visible{outline:none;
  box-shadow:0 0 0 3px rgba(113,226,252,.45),0 0 28px rgba(113,226,252,.7)}

@media(max-width:520px){
  .poster-pop{padding:22px}
  .poster-pop__close{top:-12px;right:-12px;width:44px;height:44px}
}

@media(prefers-reduced-motion:reduce){
  .poster-pop,.poster-pop__box{transition:none}
}