/* IPIK foto albumi - prikaz + lightbox (self-hosted, v2) */
body.ipik-cursor .list-image a.ipik-photo{display:block}
body.ipik-cursor .list-image a.ipik-photo img{max-width:100%;width:auto;height:auto;display:block;margin:0 auto;cursor:zoom-in}
.ipik-album-head{margin:0 auto 10px}
.ipik-album-head h2{font-size:20px;color:#5a5a5a;font-weight:300;margin:0 0 6px;letter-spacing:.5px}
.ipik-album-head p.desc{font-size:14px;color:#999;max-width:680px;margin:0 auto}
.ipik-wrap{max-width:1120px;margin:0 auto 30px;padding:0 16px;box-sizing:border-box}
.ipik-album-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:22px}
.ipik-album-grid li{margin:0}
.ipik-empty{grid-column:1/-1;color:#999;font-size:15px}
.ipik-tile{display:block;text-decoration:none;color:#5a5a5a}
.ipik-tile .thumb{position:relative;display:block;width:100%;padding-top:70%;overflow:hidden;background:#f1f1f1}
.ipik-tile .thumb img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform .45s ease}
.ipik-tile:hover .thumb img{transform:scale(1.045)}
.ipik-tile .cap{display:block;padding:10px 4px 0;text-align:center}
.ipik-tile .cap b{display:block;font-weight:400;font-size:15px;color:#5a5a5a}
.ipik-tile:hover .cap b{color:#8bc34a}
.ipik-tile .cap small{display:block;font-size:12px;color:#aaa;margin-top:3px}
@media(max-width:767px){.ipik-album-grid{grid-template-columns:repeat(auto-fill,minmax(46%,1fr));gap:12px}}
/* lightbox */
.ipik-lb{position:fixed;inset:0;z-index:99999;background:rgba(12,12,12,.95);display:none;align-items:center;justify-content:center;opacity:0;transition:opacity .2s ease;touch-action:none;text-align:center}
.ipik-lb.open{display:flex;opacity:1}
.ipik-lb .stage{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center}
.ipik-lb img.shot{max-width:92vw;max-height:88vh;width:auto;height:auto;box-shadow:0 10px 60px rgba(0,0,0,.6);-webkit-user-select:none;user-select:none;-webkit-user-drag:none}
.ipik-lb .nav{position:absolute;top:50%;transform:translateY(-50%);width:54px;height:54px;border:0;border-radius:999px;background:rgba(255,255,255,.10);color:#fff;font-size:30px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s;padding:0}
.ipik-lb .nav:hover{background:rgba(255,255,255,.22)}
.ipik-lb .prev{left:18px}.ipik-lb .next{right:18px}
.ipik-lb .close{position:absolute;top:14px;right:18px;width:46px;height:46px;border:0;border-radius:999px;background:rgba(255,255,255,.10);color:#fff;font-size:26px;line-height:1;cursor:pointer}
.ipik-lb .close:hover{background:rgba(255,255,255,.22)}
.ipik-lb .count{position:absolute;top:22px;left:24px;color:#ddd;font-size:14px;letter-spacing:1px}
.ipik-lb .cap{position:absolute;left:0;right:0;bottom:18px;text-align:center;color:#eee;font-size:14px;padding:0 70px;text-shadow:0 1px 3px rgba(0,0,0,.7)}
.ipik-lb .spin{position:absolute;width:42px;height:42px;border-radius:50%;border:4px solid rgba(255,255,255,.25);border-top-color:#fff;animation:ipikspin .8s linear infinite}
@keyframes ipikspin{to{transform:rotate(360deg)}}
@media(max-width:767px){.ipik-lb .nav{width:42px;height:42px;font-size:24px}.ipik-lb .prev{left:6px}.ipik-lb .next{right:6px}.ipik-lb .cap{padding:0 48px;font-size:12px}}