/* JAZ ZNAM – hero gumb »Poglej, kako deluje« z razlagalnim videom (vzorec po gloglo.si, barve JAZ ZNAM). */
.landing-hero .hero-actions .btn.hero-play{display:inline-flex;align-items:center;gap:10px;padding-left:10px;cursor:pointer}
.landing-hero .hero-play .hero-play-icon{position:relative;display:inline-grid;place-items:center;flex:0 0 auto;width:30px;height:30px;border-radius:50%;background:#ffd95a;color:#5b30cd;box-shadow:0 6px 16px rgba(44,23,79,.28);transition:transform .2s ease,box-shadow .2s ease;top:.5px}
/* top:.5px = optical vertical centre between cap-height and x-height of the label (measured, Inter bold 12–13px). */
/* Triangle bbox is 1 unit right of the 24-unit centre (centroid 0.67 left): standard optical centring for play icons; no extra margin. */
.landing-hero .hero-play .hero-play-icon svg{display:block;width:16px;height:16px;fill:currentColor;stroke:currentColor;stroke-width:1.5;stroke-linejoin:round;overflow:visible}
.landing-hero .hero-play .hero-play-icon::after{content:"";position:absolute;inset:-5px;transform-origin:50% 50%;box-sizing:border-box;pointer-events:none;border-radius:50%;border:2px solid rgba(255,217,90,.6);animation:jzHeroPlayPulse 2.4s ease-out infinite}
.landing-hero .hero-play:hover .hero-play-icon,.landing-hero .hero-play:focus-visible .hero-play-icon{transform:scale(1.08);box-shadow:0 8px 22px rgba(44,23,79,.38)}
.landing-hero .hero-play:focus-visible{outline:3px solid #fff09a;outline-offset:3px}
@keyframes jzHeroPlayPulse{0%{transform:scale(.85);opacity:.9}70%,100%{transform:scale(1.35);opacity:0}}
@media (prefers-reduced-motion:reduce){.landing-hero .hero-play .hero-play-icon::after{animation:none;opacity:0}.landing-hero .hero-play .hero-play-icon{transition:none}}
@media (max-width:760px){.landing-hero .hero-play .hero-play-icon{width:26px;height:26px}.landing-hero .hero-play .hero-play-icon svg{width:14px;height:14px}}

.jz-video-dialog{width:100vw;height:100vh;height:100dvh;max-width:none;max-height:none;margin:0;padding:0;border:0;background:transparent;overflow:hidden;color:#fff}
.jz-video-dialog::backdrop{background:rgba(32,18,66,.86);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
.jz-video-dialog[open]{display:grid;place-items:center}
.jz-video-frame{position:relative;width:min(92vw,calc(86vh * 16 / 9));aspect-ratio:16/9;border-radius:20px;overflow:hidden;background:#20123f center/contain no-repeat;box-shadow:0 30px 90px rgba(0,0,0,.5),0 0 0 1px rgba(255,255,255,.12)}
.jz-video-dialog[data-format="9x16"] .jz-video-frame{width:min(92vw,calc(84vh * 9 / 16),calc(84dvh * 9 / 16));aspect-ratio:9/16;border-radius:18px}
/* transparent video so the frame's poster background shows instantly until the first frame / poster is painted */
.jz-video-frame video{display:block;width:100%;height:100%;object-fit:contain;background:transparent}
.jz-video-close{position:absolute;top:max(14px,env(safe-area-inset-top));right:max(14px,env(safe-area-inset-right));z-index:2;display:grid;place-items:center;width:44px;height:44px;border:0;border-radius:50%;background:rgba(255,255,255,.95);color:#20213d;font:800 20px/1 system-ui,sans-serif;cursor:pointer;box-shadow:0 6px 18px rgba(0,0,0,.3)}
.jz-video-close:hover{background:#fff09a}
.jz-video-close:focus-visible{outline:3px solid #ffd95a;outline-offset:3px}
html.jz-video-open{overflow:hidden}

/* fix2 (mobile): the header is sticky (72px) at <=1000px. Anchor jumps / scrollIntoView to the landing hero must stop
   below it so the eyebrow pill, orange circle and speech bubble are never hidden. Layout at scroll 0 is unchanged; desktop (>1000px, non-sticky header) untouched. */
@media (max-width:1000px){#landing,.landing-hero{scroll-margin-top:72px}}