.foto-okno{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;padding:56px 76px 60px;background:rgba(17,16,15,.97);font-family:var(--pismo),system-ui,sans-serif;color:#fff;touch-action:manipulation;overscroll-behavior:contain;-webkit-user-select:none;-moz-user-select:none;user-select:none;animation:foto-okno-vjezd .2s ease-out}.foto-okno,.foto-okno *{box-sizing:border-box}.foto-okno .foto-okno-img{display:block;max-width:100%;max-height:calc(100vh - 116px);max-height:calc(100dvh - 116px);width:auto;height:auto;object-fit:contain;border-radius:6px;box-shadow:0 30px 80px rgba(0,0,0,.45);opacity:0;transition:opacity .2s ease;-webkit-user-drag:none}.foto-okno .foto-okno-img.nacteno{opacity:1}.foto-okno.foto-okno-vraci{transition:background-color .2s ease}.foto-okno.foto-okno-vraci .foto-okno-img{transition:transform .2s ease,opacity .2s ease}.foto-okno .foto-okno-popisek{position:absolute;left:76px;right:76px;bottom:18px;margin:0;display:flex;justify-content:center;align-items:baseline;gap:14px;flex-wrap:wrap;font-size:14px;line-height:20px;color:rgba(255,255,255,.86);text-align:center}.foto-okno .foto-okno-pocet{color:rgba(255,255,255,.55);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.foto-okno .foto-okno-sipka,.foto-okno .foto-okno-zavrit{position:absolute;display:grid;place-items:center;padding:0;border:0;border-radius:50%;background:rgba(255,255,255,.12);color:#fff;font:inherit;cursor:pointer;transition:background-color .2s}.foto-okno .foto-okno-zavrit{top:12px;right:12px;width:44px;height:44px}.foto-okno .foto-okno-sipka{top:50%;width:52px;height:52px;margin-top:-26px}.foto-okno .foto-okno-sipka.vlevo{left:12px}.foto-okno .foto-okno-sipka.vpravo{right:12px}.foto-okno .foto-okno-sipka:hover,.foto-okno .foto-okno-zavrit:hover{background:rgba(255,255,255,.24)}.foto-okno button:focus-visible{outline:2px solid #ffc93c;outline-offset:2px}@keyframes foto-okno-vjezd{0%{opacity:0}}@media (max-width:700px){.foto-okno{padding:calc(60px + env(safe-area-inset-top)) 0 calc(76px + env(safe-area-inset-bottom))}.foto-okno .foto-okno-img{border-radius:0;box-shadow:none;max-height:calc(100vh - 136px);max-height:calc(100dvh - 136px - env(safe-area-inset-top) - env(safe-area-inset-bottom))}.foto-okno .foto-okno-popisek{left:64px;right:64px;bottom:calc(24px + env(safe-area-inset-bottom));font-size:13px;line-height:18px}.foto-okno .foto-okno-sipka{top:auto;bottom:calc(12px + env(safe-area-inset-bottom));margin-top:0;width:44px;height:44px}.foto-okno .foto-okno-sipka.vlevo{left:10px}.foto-okno .foto-okno-sipka.vpravo{right:10px}.foto-okno .foto-okno-zavrit{top:calc(8px + env(safe-area-inset-top));right:8px}}@media (prefers-reduced-motion:reduce){.foto-okno,.foto-okno.foto-okno-vraci{animation:none;transition:none}.foto-okno .foto-okno-img,.foto-okno.foto-okno-vraci .foto-okno-img{transition:none}}.foto-okno-obraz{position:relative;max-width:100%;min-width:0}.foto-okno.foto-okno-vraci .foto-okno-obraz{transition:transform .2s ease}.foto-okno-obraz.vazba-mockup{width:min(calc(100vw - 152px),calc((100dvh - 116px) * (1122 / 1402)))}.foto-okno-obraz.vazba-mockup .foto-okno-img{width:100%}@media (max-width:700px){.foto-okno-obraz.vazba-mockup{width:min(100vw,calc((100dvh - 136px - env(safe-area-inset-top) - env(safe-area-inset-bottom)) * (1122 / 1402)))}}