/* Heli Fotoalben – Slideshow Pro & Geo 1.6.0 - smooth mixed transitions */
body.hfspg-active .hfspg-hero-image{backface-visibility:hidden;will-change:transform,opacity,clip-path;transform-origin:center center}
body.hfspg-active .hfspg-hero-image.hfspg-dissolve{animation:hfspgDissolve 1.35s ease-out both}
body.hfspg-active .hfspg-hero-image.hfspg-zoom-in{animation:hfspgZoomIn 5.6s ease-out both}
body.hfspg-active .hfspg-hero-image.hfspg-zoom-out{animation:hfspgZoomOut 5.6s ease-out both}
body.hfspg-active .hfspg-hero-image.hfspg-pan-left{animation:hfspgPanLeft 5.6s cubic-bezier(.22,.7,.2,1) both}
body.hfspg-active .hfspg-hero-image.hfspg-pan-right{animation:hfspgPanRight 5.6s cubic-bezier(.22,.7,.2,1) both}
body.hfspg-active .hfspg-hero-image.hfspg-pan-down{animation:hfspgPanDown 5.6s cubic-bezier(.22,.7,.2,1) both}
body.hfspg-active .hfspg-hero-image.hfspg-cinematic-left{animation:hfspgCinematicLeft 5.6s cubic-bezier(.22,.7,.2,1) both}
body.hfspg-active .hfspg-hero-image.hfspg-cinematic-right{animation:hfspgCinematicRight 5.6s cubic-bezier(.22,.7,.2,1) both}
body.hfspg-active .hfspg-hero-image.hfspg-slide-soft-right{animation:hfspgSlideSoftRight 1.45s cubic-bezier(.2,.75,.2,1) both}
body.hfspg-active .hfspg-hero-image.hfspg-slide-soft-up{animation:hfspgSlideSoftUp 1.45s cubic-bezier(.2,.75,.2,1) both}
body.hfspg-active .hfspg-hero-image.hfspg-tilt-left{animation:hfspgTiltLeft 5.6s cubic-bezier(.22,.7,.2,1) both}
body.hfspg-active .hfspg-hero-image.hfspg-tilt-right{animation:hfspgTiltRight 5.6s cubic-bezier(.22,.7,.2,1) both}
body.hfspg-active .hfspg-hero-image.hfspg-reveal-left{animation:hfspgRevealLeft 1.55s cubic-bezier(.18,.76,.22,1) both}
body.hfspg-active .hfspg-hero-image.hfspg-reveal-right{animation:hfspgRevealRight 1.55s cubic-bezier(.18,.76,.22,1) both}
body.hfspg-active .hfspg-hero-image.hfspg-reveal-up{animation:hfspgRevealUp 1.55s cubic-bezier(.18,.76,.22,1) both}
body.hfspg-active .hfspg-hero-image.hfspg-reveal-center{animation:hfspgRevealCenter 1.65s cubic-bezier(.18,.76,.22,1) both}
@keyframes hfspgDissolve{0%{opacity:.05;transform:scale(1.018)}100%{opacity:1;transform:scale(1)}}
@keyframes hfspgZoomIn{0%{opacity:.45;transform:scale(1.005)}14%{opacity:1}100%{transform:scale(1.085)}}
@keyframes hfspgZoomOut{0%{opacity:.45;transform:scale(1.09)}14%{opacity:1}100%{transform:scale(1.008)}}
@keyframes hfspgPanLeft{0%{opacity:.5;transform:scale(1.12) translate3d(4.5%,0,0)}15%{opacity:1}100%{transform:scale(1.12) translate3d(-4.5%,0,0)}}
@keyframes hfspgPanRight{0%{opacity:.5;transform:scale(1.12) translate3d(-4.5%,0,0)}15%{opacity:1}100%{transform:scale(1.12) translate3d(4.5%,0,0)}}
@keyframes hfspgPanDown{0%{opacity:.5;transform:scale(1.12) translate3d(0,-3.8%,0)}15%{opacity:1}100%{transform:scale(1.12) translate3d(0,3.8%,0)}}
@keyframes hfspgCinematicLeft{0%{opacity:.4;transform:scale(1.025) translate3d(1.5%,0,0)}18%{opacity:1}55%{transform:scale(1.065) translate3d(-1.5%,.6%,0)}100%{transform:scale(1.1) translate3d(-4%,1.2%,0)}}
@keyframes hfspgCinematicRight{0%{opacity:.4;transform:scale(1.025) translate3d(-1.5%,0,0)}18%{opacity:1}55%{transform:scale(1.065) translate3d(1.5%,-.6%,0)}100%{transform:scale(1.1) translate3d(4%,-1.2%,0)}}
@keyframes hfspgSlideSoftRight{0%{opacity:.06;transform:translate3d(-7%,0,0) scale(1.035)}100%{opacity:1;transform:translate3d(0,0,0) scale(1)}}
@keyframes hfspgSlideSoftUp{0%{opacity:.06;transform:translate3d(0,6%,0) scale(1.035)}100%{opacity:1;transform:translate3d(0,0,0) scale(1)}}
@keyframes hfspgTiltLeft{0%{opacity:.45;transform:scale(1.09) translate3d(2.8%,1%,0) rotate(.8deg)}15%{opacity:1}100%{transform:scale(1.1) translate3d(-2.8%,-1%,0) rotate(-.7deg)}}
@keyframes hfspgTiltRight{0%{opacity:.45;transform:scale(1.09) translate3d(-2.8%,-1%,0) rotate(-.8deg)}15%{opacity:1}100%{transform:scale(1.1) translate3d(2.8%,1%,0) rotate(.7deg)}}
@keyframes hfspgRevealLeft{0%{opacity:.25;clip-path:inset(0 100% 0 0);transform:scale(1.025)}100%{opacity:1;clip-path:inset(0 0 0 0);transform:scale(1)}}
@keyframes hfspgRevealRight{0%{opacity:.25;clip-path:inset(0 0 0 100%);transform:scale(1.025)}100%{opacity:1;clip-path:inset(0 0 0 0);transform:scale(1)}}
@keyframes hfspgRevealUp{0%{opacity:.25;clip-path:inset(100% 0 0 0);transform:scale(1.025)}100%{opacity:1;clip-path:inset(0 0 0 0);transform:scale(1)}}
@keyframes hfspgRevealCenter{0%{opacity:.2;clip-path:inset(0 49% 0 49%);transform:scale(1.03)}100%{opacity:1;clip-path:inset(0 0 0 0);transform:scale(1)}}
body.hfspg-active .hfspg-geo-button,body.hfspg-active .hfspg-video-button{align-items:center;gap:6px;min-height:34px;padding:7px 11px;border:1px solid rgba(112,76,49,.18);border-radius:10px;background:rgba(255,252,248,.9);color:#4b3426;text-decoration:none;font-size:11px;line-height:1;box-shadow:0 5px 18px rgba(61,38,23,.07);transition:transform .18s ease,box-shadow .18s ease,background .18s ease}
body.hfspg-active .hfspg-video-button{background:#c9650d;color:#fff;border-color:#c9650d}
body.hfspg-active .hfspg-geo-button:hover,body.hfspg-active .hfspg-video-button:hover{transform:translateY(-1px);box-shadow:0 7px 20px rgba(61,38,23,.11)}
@media(prefers-reduced-motion:reduce){body.hfspg-active .hfspg-hero-image{animation:hfspgDissolve .3s ease both!important}}
body.hfspg-active .hfspg-video-modal{position:fixed;inset:0;z-index:999999;display:flex;align-items:center;justify-content:center;padding:20px;background:rgba(30,22,17,.48);backdrop-filter:blur(4px)}
body.hfspg-active .hfspg-video-dialog{position:relative;width:min(520px,94vw);max-height:80vh;overflow:auto;background:#fffaf5;border:1px solid rgba(112,76,49,.16);border-radius:18px;padding:20px;box-shadow:0 24px 70px rgba(34,22,14,.24)}
body.hfspg-active .hfspg-video-dialog h3{margin:0 40px 14px 0;font-size:22px;color:#38261d}
body.hfspg-active .hfspg-video-close{position:absolute;right:12px;top:10px;border:0;background:transparent;font-size:28px;line-height:1;cursor:pointer;color:#604638}
body.hfspg-active .hfspg-video-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:12px}
body.hfspg-active .hfspg-video-item{display:block;overflow:hidden;border:1px solid rgba(112,76,49,.13);border-radius:13px;background:#fff;color:#3d2c22;text-decoration:none;box-shadow:0 4px 14px rgba(55,35,22,.05)}
body.hfspg-active .hfspg-video-item:hover{background:#fff4e8}
body.hfspg-active .hfspg-video-thumb{position:relative;display:grid;place-items:center;width:100%;aspect-ratio:16/9;background:#2b211b;overflow:hidden} body.hfspg-active .hfspg-video-thumb img,body.hfspg-active .hfspg-video-thumb video{display:block;width:100%;height:100%;object-fit:cover} body.hfspg-active .hfspg-video-play{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:#c9650d;color:#fff;box-shadow:0 5px 18px rgba(0,0,0,.2)} body.hfspg-active .hfspg-video-text{display:block;padding:10px 12px 12px}
body.hfspg-active .hfspg-video-item strong{display:block;font-size:13px;line-height:1.3}.hfspg-video-item small{display:block;margin-top:3px;opacity:.65;font-size:10px}
