body:has([data-dp-strana="galerija"]){
background:#fff}
html[data-hm="light"]:has([data-dp-strana="galerija"]){
--hbg:255,255,255;--ha:.72}
:where(body:has([data-dp-strana="galerija"])) .ga-u{
padding:calc(var(--hh) + clamp(24px,3.4vw,44px)) 0 clamp(20px,2.4vw,32px)}
:where(body:has([data-dp-strana="galerija"])) .ga-u-g{
display:flex;justify-content:space-between;align-items:end;gap:12px 40px;flex-wrap:wrap}
:where(body:has([data-dp-strana="galerija"])) .ga-u h1{
font-size:clamp(2.1rem,3.8vw,3.1rem);margin:14px 0 0;max-width:none}
:where(body:has([data-dp-strana="galerija"])) .ga-u p{
max-width:46ch;font-size:.9375rem;color:var(--tekst-2)}
:where(body:has([data-dp-strana="galerija"])) .ga{
padding:0 0 clamp(72px,9vw,128px)}
:where(body:has([data-dp-strana="galerija"])) .ga-bar{
--bt:14,42,54;position:sticky;top:var(--hh);z-index:85;margin-bottom:clamp(16px,2vw,24px);background:rgba(255,255,255,.7);-webkit-backdrop-filter:blur(18px) saturate(1.4);backdrop-filter:blur(18px) saturate(1.4);border-block:1px solid rgba(var(--bt),.1)}
:where(body:has([data-dp-strana="galerija"])) .ga-f{
display:flex;gap:4px;height:56px;align-items:center;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}
:where(body:has([data-dp-strana="galerija"])) .ga-f::-webkit-scrollbar{
display:none}
:where(body:has([data-dp-strana="galerija"])) .ga-f button{
flex:none;display:flex;align-items:center;min-height:40px;padding:0 16px;border:0;border-radius:999px;background:none;cursor:pointer;white-space:nowrap;font:500 .8125rem/1 var(--b);letter-spacing:.04em;color:rgba(var(--bt),.78);transition:background .4s var(--ease),color .4s var(--ease)}
:where(body:has([data-dp-strana="galerija"])) .ga-f{
margin-left:-16px}
:where(body:has([data-dp-strana="galerija"])) .ga-f button:hover{
color:rgb(var(--bt));background:rgba(var(--bt),.08)}
:where(body:has([data-dp-strana="galerija"])) .ga-f button[aria-pressed="true"]{
background:var(--med);color:var(--dubina);font-weight:600}
:where(body:has([data-dp-strana="galerija"])) .ga-f button:focus-visible{
outline:1.5px solid rgb(var(--bt));outline-offset:2px}
:where(body:has([data-dp-strana="galerija"])) .ga-f sup{
margin-left:5px;font-size:.62rem;font-weight:600;color:var(--zlato-t);font-variant-numeric:tabular-nums}
:where(body:has([data-dp-strana="galerija"])) .ga-f button[aria-pressed="true"] sup{
color:var(--dubina)}
:where(body:has([data-dp-strana="galerija"])) .ga-g{
display:grid;grid-template-columns:repeat(12,minmax(0,1fr));grid-auto-rows:clamp(60px,7.2vw,104px);grid-auto-flow:row dense;gap:12px}
:where(body:has([data-dp-strana="galerija"])) .ga-i{
position:relative;display:block;margin:0;overflow:hidden;border-radius:4px;background:var(--pesak);grid-column:span 4;grid-row:span 3;color:var(--pena);text-decoration:none;-webkit-tap-highlight-color:transparent}
:where(body:has([data-dp-strana="galerija"])) .ga-i[hidden]{
display:none}
:where(body:has([data-dp-strana="galerija"])) .ga-i[data-s="L"]{
grid-column:span 7;grid-row:span 4}
:where(body:has([data-dp-strana="galerija"])) .ga-i[data-s="Lr"]{
grid-column:6/span 7;grid-row:span 4}
:where(body:has([data-dp-strana="galerija"])) .ga-i[data-s="X"]{
grid-column:1/-1;grid-row:span 4}
:where(body:has([data-dp-strana="galerija"])) .ga-i[data-s="m"]{
grid-column:span 5;grid-row:span 2}
:where(body:has([data-dp-strana="galerija"])) .ga-i[data-s="M"]{
grid-column:span 5;grid-row:span 4}
:where(body:has([data-dp-strana="galerija"])) .ga-i[data-s="h"]{
grid-column:span 6;grid-row:span 3}
:where(body:has([data-dp-strana="galerija"])) .ga-i[data-s="w"]{
grid-column:1/-1;grid-row:span 3}
:where(body:has([data-dp-strana="galerija"])) .ga-i img,:where(body:has([data-dp-strana="galerija"])) .ga-i video{
display:block;width:100%;height:100%;object-fit:cover;transition:transform 1.4s var(--ease)}
:where(body:has([data-dp-strana="galerija"])) .ga-i::after{
content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 58%,rgba(6,23,30,.58));opacity:0;transition:opacity .6s var(--ease);pointer-events:none}
:where(body:has([data-dp-strana="galerija"])) .ga-c{
position:absolute;left:18px;right:18px;bottom:16px;z-index:1;font:400 1.05rem/1.25 var(--h);transform:translateY(12px);opacity:0;transition:transform .7s var(--ease),opacity .5s var(--ease);pointer-events:none}
:where(body:has([data-dp-strana="galerija"])) .ga-v::after{
opacity:1}
:where(body:has([data-dp-strana="galerija"])) .ga-v .ga-c{
transform:none;opacity:1;display:flex;align-items:center;gap:10px}
:where(body:has([data-dp-strana="galerija"])) .ga-v .ga-c::before{
content:"";flex:none;width:8px;height:8px;border-radius:50%;background:var(--med);box-shadow:0 0 0 4px rgba(212,168,102,.28)}
:where(body:has([data-dp-strana="galerija"])) .ga-i:focus-visible{
outline:2px solid var(--dubina);outline-offset:3px}
@media(hover:hover){
:where(body:has([data-dp-strana="galerija"])) a.ga-i{
cursor:zoom-in}
:where(body:has([data-dp-strana="galerija"])) a.ga-i:hover img{
transform:scale(1.045)}
:where(body:has([data-dp-strana="galerija"])) a.ga-i:hover::after,:where(body:has([data-dp-strana="galerija"])) a.ga-i:focus-visible::after{
opacity:1}
:where(body:has([data-dp-strana="galerija"])) a.ga-i:hover .ga-c,:where(body:has([data-dp-strana="galerija"])) a.ga-i:focus-visible .ga-c{
transform:none;opacity:1}
}
.js :where(body:has([data-dp-strana="galerija"])) .ga-i{
opacity:0}
:where(body:has([data-dp-strana="galerija"])) .ga-poz{
background:var(--dubina);color:var(--pena);padding:clamp(72px,9vw,120px) 0}
:where(body:has([data-dp-strana="galerija"])) .ga-poz h2{
color:var(--pena);margin:18px 0 34px;max-width:18ch}
:where(body:has([data-dp-strana="galerija"])) .ga-poz .eyebrow{
color:var(--med)}
@media(max-width:760px){
:where(body:has([data-dp-strana="galerija"])) .ga-u{
padding-top:calc(var(--hh) + 20px)}
:where(body:has([data-dp-strana="galerija"])) .ga-f{
height:52px}
:where(body:has([data-dp-strana="galerija"])) .ga-f button{
padding:0 12px;min-height:38px}
:where(body:has([data-dp-strana="galerija"])) .ga-f{
margin:0 -20px 0 -12px;padding-right:20px}
:where(body:has([data-dp-strana="galerija"])) .ga-g{
grid-template-columns:1fr 1fr;grid-auto-rows:27vw;gap:8px}
:where(body:has([data-dp-strana="galerija"])) .ga-i[data-s]{
grid-column:span 1;grid-row:span 2}
:where(body:has([data-dp-strana="galerija"])) .ga-i:is([data-s="L"],[data-s="Lr"],[data-s="X"],[data-s="M"],[data-s="w"]){
grid-column:1/-1}
:where(body:has([data-dp-strana="galerija"])) .ga-c{
left:12px;right:12px;bottom:10px;font-size:.9rem}
:where(body:has([data-dp-strana="galerija"])) a.ga-i .ga-c{
display:none}
}