/* Galerija (/galerija) - zaglavlje koristi .fh iz fenetres-v2.css (isto kao Česta pitanja).
   Grid = "justified" redovi: svaka pločica raste srazmerno svom odnosu stranica (--r), pa su sve u redu iste visine
   i fotografije se vide cele (portret ostaje portret, pejzaž pejzaž). Filter samo sakriva pločice. */
.gal-sec{padding-top:clamp(28px,4vw,56px)}
.gal{--rh:clamp(210px,19vw,290px);display:flex;flex-wrap:wrap;align-items:flex-start;gap:clamp(8px,1vw,14px);margin:0;transition:opacity .25s var(--ease)}
.gal::after{content:"";flex:100000 1 0} /* poslednji red se ne razvlači */
.gal.sw{opacity:0}
.gal__i{position:relative;margin:0;flex:var(--g) 1 calc(var(--r)*var(--rh));border-radius:var(--r-m);overflow:hidden;background:var(--sand);isolation:isolate}
.gal__i::before{content:"";display:block;padding-bottom:calc(100% / var(--r))} /* visina iz konačne širine (aspect-ratio u flex redu daje pogrešnu visinu reda) */
.gal__i[hidden]{display:none}
.gal__i img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.gal .fx.in img{transition:transform .9s var(--ease)}
.gal__i:hover img{transform:scale(1.035)}
/* potpis = mali glass chip dole levo (ostavlja mesto za zoom dugme desno) */
.gal__i figcaption{position:absolute;left:12px;bottom:12px;right:auto;z-index:2;margin:0;display:block;width:auto;max-width:calc(100% - 70px);padding:5px 10px;border-radius:10px;text-transform:none;background:rgba(255,255,255,.78);-webkit-backdrop-filter:blur(14px) saturate(1.6);backdrop-filter:blur(14px) saturate(1.6);border:1px solid rgba(255,255,255,.85);box-shadow:0 4px 14px rgba(25,21,18,.16);color:var(--ink);font-family:var(--m);font-weight:500;font-size:12px;line-height:1.3;letter-spacing:0;text-align:left;white-space:normal;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;opacity:0;transform:translateY(6px);transition:opacity .35s var(--ease),transform .4s var(--ease)}
.gal__i:hover figcaption,.gal__i:focus-visible figcaption{opacity:1;transform:none}
/* lightbox ikonica - ista kao na naslovnoj: krug 40px, beli liquid glass, Lucide maximize-2 */
.gal__zoom{position:absolute;right:12px;bottom:12px;z-index:2;width:40px;height:40px;border-radius:50%;display:grid;place-items:center;color:var(--ink);background:rgba(255,255,255,.72);-webkit-backdrop-filter:blur(14px) saturate(1.6);backdrop-filter:blur(14px) saturate(1.6);border:1px solid rgba(255,255,255,.85);box-shadow:0 4px 14px rgba(25,21,18,.18);opacity:0;transform:scale(.9);transition:opacity .35s var(--ease),transform .4s var(--ease);pointer-events:none}
.gal__zoom svg{width:16px;height:16px}
.gal__i:hover .gal__zoom,.gal__i:focus-visible .gal__zoom{opacity:1;transform:none}
.gal__f button b{font-family:var(--m);font-weight:400;font-size:.66rem;color:var(--ink-3)}
@media (hover:none){.gal__i figcaption{display:none}.gal__zoom{opacity:.9;transform:none}}
@media (max-width:760px){
  /* telefon: justified redovi bi ostavili portret sam preko cele širine - zato 2 kolone, pejzaž preko obe */
  .gal{display:grid;grid-template-columns:1fr 1fr;grid-auto-flow:row dense;gap:8px}
  .gal::after{display:none}
  .gal__i{border-radius:6px}
  .gal__i::before{padding-bottom:150%}
  .gal__i--w{grid-column:span 2}
  .gal__i--w::before{padding-bottom:calc(100% / var(--r))}
  .gal__zoom{right:8px;bottom:8px}
}