/* ===== vodic.css ===== */
:where(body:has([data-dp-strana="vodic"])) .mono{
display:block;font:600 .6875rem/1.4 var(--b);letter-spacing:.18em;text-transform:uppercase;color:var(--tekst-2);margin-bottom:12px}
:where(body:has([data-dp-strana="vodic"])) .nd{
display:inline-block;background:#FBEDEA;color:var(--greska);font-size:.75rem;font-weight:600;padding:2px 8px;border-radius:3px;letter-spacing:.02em}
.js :where(body:has([data-dp-strana="vodic"])) [data-rs]>*{
opacity:0;transform:translateY(24px)}
:where(body:has([data-dp-strana="vodic"])) .vh-h{
position:relative;padding:128px 0 0}
:where(body:has([data-dp-strana="vodic"])) .vh-h .wrap{
display:grid;grid-template-columns:360px minmax(0,1fr) minmax(220px,300px);gap:0 48px;align-items:end}
:where(body:has([data-dp-strana="vodic"])) .vh-in{
grid-column:2;max-width:620px}
:where(body:has([data-dp-strana="vodic"])) .vh-ph{
grid-column:3;aspect-ratio:3/4;margin:0}
:where(body:has([data-dp-strana="vodic"])) .vh-f{
grid-column:1/-1}
:where(body:has([data-dp-strana="vodic"])) .vh-in h1{
margin:18px 0 22px;max-width:14ch;font-size:clamp(2.6rem,5.4vw,4.4rem)}
:where(body:has([data-dp-strana="vodic"])) .vh-in .row{
margin-top:32px}
:where(body:has([data-dp-strana="vodic"])) .vh-f{
list-style:none;display:grid;grid-template-columns:repeat(5,1fr);margin-top:clamp(56px,7vw,96px);border-top:1px solid var(--ln)}
:where(body:has([data-dp-strana="vodic"])) .vh-f li+li{
border-left:1px solid var(--linija)}
:where(body:has([data-dp-strana="vodic"])) .vh-f a{
display:block;padding:22px 20px 26px;text-decoration:none;color:var(--tekst);transition:background .5s var(--ease)}
:where(body:has([data-dp-strana="vodic"])) .vh-f a:hover{
background:var(--bistra)}
:where(body:has([data-dp-strana="vodic"])) .vh-f b{
display:block;font:400 clamp(2.2rem,3.6vw,3.2rem)/1 var(--h);letter-spacing:-.01em;font-variant-numeric:lining-nums}
:where(body:has([data-dp-strana="vodic"])) .vh-f small{
font-size:.45em;letter-spacing:0}
:where(body:has([data-dp-strana="vodic"])) .vh-f span{
display:block;margin-top:10px;font-size:.8125rem;line-height:1.45;color:var(--tekst-2)}
:where(body:has([data-dp-strana="vodic"])) .vh-reka{
display:block;width:100%;height:40px;margin-top:24px;stroke:var(--med);stroke-width:1.2;fill:none}
.js :where(body:has([data-dp-strana="vodic"])) .vh-reka path{
stroke-dasharray:1;stroke-dashoffset:1}
@media(max-width:1100px){
:where(body:has([data-dp-strana="vodic"])) .vh-h .wrap{
grid-template-columns:320px minmax(0,1fr)}
:where(body:has([data-dp-strana="vodic"])) .vh-ph{
display:none}
}
@media(max-width:960px){
:where(body:has([data-dp-strana="vodic"])) .vh-h .wrap{
grid-template-columns:minmax(0,1fr)}
:where(body:has([data-dp-strana="vodic"])) .vh-in{
grid-column:1}
:where(body:has([data-dp-strana="vodic"])) .vh-h{
padding-top:calc(88px + 140px + 36px)}
}
@media(max-width:760px){
:where(body:has([data-dp-strana="vodic"])) .vh-f{
grid-template-columns:1fr 1fr}
:where(body:has([data-dp-strana="vodic"])) .vh-f li:nth-child(odd){
border-left:0}
:where(body:has([data-dp-strana="vodic"])) .vh-f li{
border-bottom:1px solid var(--linija)}
:where(body:has([data-dp-strana="vodic"])) .vh-f li:last-child{
grid-column:1/-1}
:where(body:has([data-dp-strana="vodic"])) .vh-f a{
padding:18px 4px 20px}
:where(body:has([data-dp-strana="vodic"])) .vh-f li:nth-child(even) a{
padding-left:16px}
}
:where(body:has([data-dp-strana="vodic"])) .vg{
display:grid;grid-template-columns:250px minmax(0,1fr);gap:clamp(48px,6vw,96px);align-items:start}
:where(body:has([data-dp-strana="vodic"])) .vg-a{
position:sticky;top:calc(var(--hh) + 28px);margin-top:clamp(72px,9vw,112px);z-index:40}
:where(body:has([data-dp-strana="vodic"])) .toc{
display:flex;flex-direction:column;counter-reset:t}
:where(body:has([data-dp-strana="vodic"])) .toc-h{
font:600 .6875rem/1 var(--b);letter-spacing:.18em;text-transform:uppercase;color:var(--zlato-t);margin-bottom:14px}
:where(body:has([data-dp-strana="vodic"])) .toc a{
counter-increment:t;display:flex;gap:12px;align-items:baseline;padding:7px 0 7px 16px;border-left:1px solid var(--linija);text-decoration:none;color:var(--tekst-2);font-size:.875rem;font-weight:500;position:relative;transition:color .4s var(--ease)}
:where(body:has([data-dp-strana="vodic"])) .toc a::before{
content:"0" counter(t);font-size:.66rem;font-weight:600;letter-spacing:.1em;color:var(--onem-tx)}
:where(body:has([data-dp-strana="vodic"])) .toc a::after{
content:"";position:absolute;left:-1px;top:0;bottom:0;width:2px;background:var(--med);transform:scaleY(0);transition:transform .5s var(--ease)}
:where(body:has([data-dp-strana="vodic"])) .toc a:hover{
color:var(--tekst)}
:where(body:has([data-dp-strana="vodic"])) .toc a.on{
color:var(--dubina)}
:where(body:has([data-dp-strana="vodic"])) .toc a.on::before{
color:var(--zlato-t)}
:where(body:has([data-dp-strana="vodic"])) .toc a.on::after{
transform:scaleY(1)}
:where(body:has([data-dp-strana="vodic"])) .sp{
margin-top:28px;background:var(--dubina);color:var(--pena);border-radius:6px;padding:22px;display:grid;gap:10px}
:where(body:has([data-dp-strana="vodic"])) .sp .status{
color:var(--pena);font-size:.72rem;margin-bottom:4px}
:where(body:has([data-dp-strana="vodic"])) .sp-t{
font:400 1.12rem/1.35 var(--h);color:var(--pena);margin-bottom:6px;min-height:4.05em;transition:opacity .35s var(--ease),transform .35s var(--ease)}
:where(body:has([data-dp-strana="vodic"])) .sp-t.sw{
opacity:0;transform:translateY(6px)}
:where(body:has([data-dp-strana="vodic"])) .sp .btn{
min-height:46px;justify-content:center;padding:0 16px}
:where(body:has([data-dp-strana="vodic"])) .sp-u{
color:var(--pesak);font-size:.8125rem;margin-top:4px}
:where(body:has([data-dp-strana="vodic"])) .sp small{
font-size:.75rem;color:rgba(250,246,238,.6)}
@media(max-width:960px){
:where(body:has([data-dp-strana="vodic"])) .vg{
grid-template-columns:minmax(0,1fr);gap:0}
:where(body:has([data-dp-strana="vodic"])) .vg-a{
top:var(--hh);padding:0;margin:0 -32px;background:rgba(250,246,238,.96);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-bottom:1px solid var(--linija);border-top:1px solid var(--linija)}
:where(body:has([data-dp-strana="vodic"])) .toc{
flex-direction:row;overflow-x:auto;scrollbar-width:none;padding:0 20px}
:where(body:has([data-dp-strana="vodic"])) .toc::-webkit-scrollbar{
display:none}
:where(body:has([data-dp-strana="vodic"])) .toc-h,:where(body:has([data-dp-strana="vodic"])) .sp{
display:none}
:where(body:has([data-dp-strana="vodic"])) .toc a{
flex:none;border-left:0;padding:15px 12px;white-space:nowrap;font-size:.8125rem}
:where(body:has([data-dp-strana="vodic"])) .toc a::after{
left:12px;right:12px;top:auto;bottom:-1px;width:auto;height:2px;transform:scaleX(0)}
:where(body:has([data-dp-strana="vodic"])) .toc a.on::after{
transform:scaleX(1)}
}
@media(max-width:640px){
:where(body:has([data-dp-strana="vodic"])) .vg-a{
margin:0 -20px}
}
@media(max-width:960px){
:where(body:has([data-dp-strana="vodic"])) .vs{
scroll-margin-top:calc(var(--hh) + 64px)}
}
:where(body:has([data-dp-strana="vodic"])) .vs{
padding:clamp(72px,9vw,112px) 0;position:relative}
:where(body:has([data-dp-strana="vodic"])) .vs+.vs{
border-top:1px solid var(--linija)}
:where(body:has([data-dp-strana="vodic"])) .vs-n{
display:block;font:600 .72rem/1 var(--b);letter-spacing:.2em;color:var(--zlato-t);margin-bottom:18px}
:where(body:has([data-dp-strana="vodic"])) .vs h2{
max-width:18ch;margin-bottom:28px}
:where(body:has([data-dp-strana="vodic"])) .vs>p,:where(body:has([data-dp-strana="vodic"])) .vs .sm{
margin-bottom:20px}
:where(body:has([data-dp-strana="vodic"])) .sm{
font-size:.9375rem}
:where(body:has([data-dp-strana="vodic"])) .sat{
margin:44px 0 36px}
:where(body:has([data-dp-strana="vodic"])) .sat-h{
color:var(--tekst);margin-bottom:18px}
:where(body:has([data-dp-strana="vodic"])) .sat-bar{
display:grid;grid-template-columns:repeat(6,1fr) 1.4fr;height:56px;gap:3px}
:where(body:has([data-dp-strana="vodic"])) .sat-bar i{
background:var(--dunav);transform-origin:left}
:where(body:has([data-dp-strana="vodic"])) .sat-bar i:first-child{
border-radius:3px 0 0 3px}
:where(body:has([data-dp-strana="vodic"])) .sat-bar i:nth-child(6){
border-radius:0 3px 3px 0}
:where(body:has([data-dp-strana="vodic"])) .sat-x{
margin-left:8px;border:1px dashed var(--ln);border-radius:3px;display:grid;place-items:center;font:600 .75rem/1 var(--b);letter-spacing:.08em;color:var(--tekst-2)}
:where(body:has([data-dp-strana="vodic"])) .sat-l{
display:grid;grid-template-columns:repeat(6,1fr) 1.4fr;margin-top:10px;font:600 .75rem/1 var(--b);letter-spacing:.06em;color:var(--tekst-2)}
:where(body:has([data-dp-strana="vodic"])) .sat-l span:nth-child(2){
grid-column:3}
:where(body:has([data-dp-strana="vodic"])) .sat-l span:nth-child(3){
grid-column:5}
:where(body:has([data-dp-strana="vodic"])) .sat-l span:nth-child(4){
grid-column:7;transform:translateX(-50%)}
:where(body:has([data-dp-strana="vodic"])) .ned{
background:#fff;border:1px solid var(--linija);border-radius:6px;padding:clamp(22px,3vw,36px)}
:where(body:has([data-dp-strana="vodic"])) .ned-d{
display:grid;grid-template-columns:repeat(7,1fr);gap:6px;margin-bottom:22px}
:where(body:has([data-dp-strana="vodic"])) .ned-d b{
display:grid;place-items:center;height:62px;border-radius:3px;background:var(--bistra);color:var(--dubina);font:600 .75rem/1 var(--b);letter-spacing:.12em;text-transform:uppercase;position:relative}
:where(body:has([data-dp-strana="vodic"])) .ned-d b::after{
content:"-%";position:absolute;top:7px;right:8px;font-size:.6rem;letter-spacing:0;color:var(--dunav)}
:where(body:has([data-dp-strana="vodic"])) .ned-d b.pun{
background:none;border:1px dashed var(--ln);color:var(--tekst-2)}
:where(body:has([data-dp-strana="vodic"])) .ned-d b.pun::after{
content:none}
:where(body:has([data-dp-strana="vodic"])) .ned p{
color:var(--tekst)}
:where(body:has([data-dp-strana="vodic"])) .ned strong{
font-weight:600}
:where(body:has([data-dp-strana="vodic"])) .fir{
margin-top:10px;font-size:.9375rem;color:var(--tekst-2)!important}
:where(body:has([data-dp-strana="vodic"])) .ukl{
display:grid;grid-template-columns:1fr 1fr;gap:32px;margin:40px 0 32px}
:where(body:has([data-dp-strana="vodic"])) .ukl .mono+p{
color:var(--tekst)}
:where(body:has([data-dp-strana="vodic"])) .chk{
list-style:none;margin-bottom:22px}
:where(body:has([data-dp-strana="vodic"])) .chk li{
position:relative;padding:9px 0 9px 32px;border-bottom:1px solid var(--linija);font-size:1.0625rem;color:var(--tekst)}
:where(body:has([data-dp-strana="vodic"])) .chk li::before{
content:"";position:absolute;left:3px;top:17px;width:13px;height:6px;border-left:1.6px solid var(--uspeh);border-bottom:1.6px solid var(--uspeh);transform:rotate(-45deg)}
:where(body:has([data-dp-strana="vodic"])) .chk-o li::before{
width:9px;height:9px;border:1.4px solid var(--zlato-t);border-radius:50%;transform:none;top:16px}
:where(body:has([data-dp-strana="vodic"])) .cena{
font:400 clamp(1.25rem,2vw,1.5rem)/1.35 var(--h);color:var(--tekst);border-left:2px solid var(--med);padding-left:20px;max-width:30ch}
@media(max-width:560px){
:where(body:has([data-dp-strana="vodic"])) .ukl{
grid-template-columns:1fr;gap:8px}
:where(body:has([data-dp-strana="vodic"])) .ned-d{
gap:3px}
:where(body:has([data-dp-strana="vodic"])) .ned-d b{
height:52px;font-size:.62rem;letter-spacing:.06em}
:where(body:has([data-dp-strana="vodic"])) .ned-d b::after{
top:4px;right:4px}
}
:where(body:has([data-dp-strana="vodic"])) .m2{
display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin:8px 0 40px}
:where(body:has([data-dp-strana="vodic"])) .m2>div{
border-top:1px solid var(--ln);padding-top:16px}
:where(body:has([data-dp-strana="vodic"])) .m2 b{
display:block;font:400 clamp(2.4rem,4.4vw,3.6rem)/1 var(--h);color:var(--dubina);letter-spacing:-.01em}
:where(body:has([data-dp-strana="vodic"])) .m2 small{
font-size:.4em;letter-spacing:0;color:var(--tekst-2)}
:where(body:has([data-dp-strana="vodic"])) .m2 span{
display:block;margin-top:10px;font-size:.875rem;color:var(--tekst-2)}
:where(body:has([data-dp-strana="vodic"])) .ph{
margin:0 0 28px}
:where(body:has([data-dp-strana="vodic"])) .ph img{
width:100%;border-radius:6px;object-fit:cover}
:where(body:has([data-dp-strana="vodic"])) .ph-w img{
aspect-ratio:16/9}
:where(body:has([data-dp-strana="vodic"])) .ph figcaption{
margin-top:12px;font-size:.8125rem;color:var(--tekst-2)}
:where(body:has([data-dp-strana="vodic"])) .sema{
display:grid;grid-template-columns:1.5fr 1fr;gap:32px;align-items:end;margin:44px 0 32px;background:#fff;border:1px solid var(--linija);border-radius:6px;padding:clamp(18px,3vw,36px)}
:where(body:has([data-dp-strana="vodic"])) .sema svg{
width:100%;height:auto;overflow:visible}
:where(body:has([data-dp-strana="vodic"])) .sema figcaption span:last-child{
font-size:.9375rem;color:var(--tekst-2);display:block}
:where(body:has([data-dp-strana="vodic"])) .sema .zid{
fill:var(--pena);stroke:var(--dubina);stroke-width:1.4}
:where(body:has([data-dp-strana="vodic"])) .sema .zona{
fill:var(--pa4);stroke:var(--dubina);stroke-width:.8}
:where(body:has([data-dp-strana="vodic"])) .sema .zona-l{
fill:none;stroke:var(--dubina);stroke-width:.8}
:where(body:has([data-dp-strana="vodic"])) .sema .lb{
font:italic 400 14px var(--h);fill:var(--tekst-2);text-anchor:middle}
:where(body:has([data-dp-strana="vodic"])) .sema .stub{
fill:var(--dubina)}
:where(body:has([data-dp-strana="vodic"])) #t-k>rect,:where(body:has([data-dp-strana="vodic"])) #t-o>circle,:where(body:has([data-dp-strana="vodic"])) #t-d>rect{
fill:var(--bistra);stroke:var(--dubina);stroke-width:.9}
:where(body:has([data-dp-strana="vodic"])) .st *{
fill:#fff;stroke:var(--dubina);stroke-width:.7}
:where(body:has([data-dp-strana="vodic"])) .sto{
transform-box:fill-box;transform-origin:center}
:where(body:has([data-dp-strana="vodic"])) .sto text{
font:500 15px var(--h);fill:var(--dubina);text-anchor:middle}
@media(max-width:760px){
:where(body:has([data-dp-strana="vodic"])) .sema{
grid-template-columns:1fr;gap:16px}
:where(body:has([data-dp-strana="vodic"])) .m2{
grid-template-columns:1fr 1fr}
:where(body:has([data-dp-strana="vodic"])) .m2>div:last-child{
grid-column:1/-1}
}
:where(body:has([data-dp-strana="vodic"])) .mn-i{
display:grid;grid-template-columns:1.2fr 1fr;gap:clamp(24px,4vw,56px);align-items:end;margin-bottom:28px}
:where(body:has([data-dp-strana="vodic"])) .ph-a{
margin:0}
:where(body:has([data-dp-strana="vodic"])) .ph-a img{
aspect-ratio:4/3}
:where(body:has([data-dp-strana="vodic"])) .mn{
border-top:1px solid var(--dubina);margin-top:12px}
:where(body:has([data-dp-strana="vodic"])) .mn details,:where(body:has([data-dp-strana="vodic"])) .faq details{
border-bottom:1px solid var(--linija)}
:where(body:has([data-dp-strana="vodic"])) .mn summary,:where(body:has([data-dp-strana="vodic"])) .faq summary{
list-style:none;cursor:pointer}
:where(body:has([data-dp-strana="vodic"])) .mn summary::-webkit-details-marker,:where(body:has([data-dp-strana="vodic"])) .faq summary::-webkit-details-marker{
display:none}
:where(body:has([data-dp-strana="vodic"])) .mn summary{
display:grid;grid-template-columns:44px minmax(0,1fr) auto 22px;gap:18px;align-items:center;padding:24px 0;transition:background .4s var(--ease)}
:where(body:has([data-dp-strana="vodic"])) .mn summary:hover{
background:linear-gradient(90deg,transparent,rgba(220,235,238,.55),transparent)}
:where(body:has([data-dp-strana="vodic"])) .mn-n{
font:400 2rem/1 var(--h);color:var(--zlato-t);text-align:center}
:where(body:has([data-dp-strana="vodic"])) .mn-t b{
display:block;font:500 1.35rem/1.2 var(--h);color:var(--dubina)}
:where(body:has([data-dp-strana="vodic"])) .mn-t em{
display:block;margin-top:6px;font-style:normal;font-size:.9rem;line-height:1.55;color:var(--tekst-2);max-width:56ch}
:where(body:has([data-dp-strana="vodic"])) .mn-c{
font:400 1.75rem/1 var(--h);color:var(--dubina);text-align:right;white-space:nowrap}
:where(body:has([data-dp-strana="vodic"])) .mn-c small{
display:block;font:600 .62rem/1 var(--b);letter-spacing:.16em;text-transform:uppercase;color:var(--tekst-2);margin-bottom:6px}
:where(body:has([data-dp-strana="vodic"])) .pl{
width:20px;height:20px;stroke:var(--dubina);fill:none;stroke-width:1.3;transition:transform .5s var(--ease)}
:where(body:has([data-dp-strana="vodic"])) details[open]>summary .pl{
transform:rotate(45deg)}
:where(body:has([data-dp-strana="vodic"])) .mn-s>div{
padding:0 0 26px 62px;display:grid;gap:14px;animation:otv .6s var(--ease)}
:where(body:has([data-dp-strana="vodic"])) .mn-s p{
font-size:.9375rem;max-width:70ch}
:where(body:has([data-dp-strana="vodic"])) .mn-s .mono{
margin-bottom:4px;color:var(--zlato-t)}
@keyframes otv{
from{
opacity:0;transform:translateY(-8px)}
}
:where(body:has([data-dp-strana="vodic"])) .mn-x{
display:flex;gap:20px;align-items:center;margin-top:32px;background:var(--pa2);border-radius:6px;padding:22px 26px}
:where(body:has([data-dp-strana="vodic"])) .mn-x svg{
width:44px;height:44px;flex:none;stroke:var(--dubina);fill:none;stroke-width:1.2;stroke-linecap:round;stroke-linejoin:round;--ak:var(--zlato-t)}
:where(body:has([data-dp-strana="vodic"])) .mn-x p{
color:var(--tekst)}
@media(max-width:760px){
:where(body:has([data-dp-strana="vodic"])) .mn-i{
grid-template-columns:1fr}
:where(body:has([data-dp-strana="vodic"])) .mn summary{
grid-template-columns:30px minmax(0,1fr) 20px;gap:12px}
:where(body:has([data-dp-strana="vodic"])) .mn-c{
grid-column:2;grid-row:2;text-align:left;font-size:1.35rem}
:where(body:has([data-dp-strana="vodic"])) .mn-c small{
display:inline;margin:0 8px 0 0}
:where(body:has([data-dp-strana="vodic"])) .pl{
grid-column:3;grid-row:1}
:where(body:has([data-dp-strana="vodic"])) .mn-n{
font-size:1.5rem}
:where(body:has([data-dp-strana="vodic"])) .mn-s>div{
padding-left:42px}
}
:where(body:has([data-dp-strana="vodic"])) .vs-d{
background:var(--dubina);color:var(--pena);border-radius:6px;padding:clamp(40px,6vw,80px) clamp(24px,5vw,64px);margin:24px 0;overflow:hidden;isolation:isolate}
:where(body:has([data-dp-strana="vodic"])) .vs+.vs-d,:where(body:has([data-dp-strana="vodic"])) .vs-d+.vs{
border-top:0}
:where(body:has([data-dp-strana="vodic"])) .vs-d-bg{
position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.16;z-index:-1}
:where(body:has([data-dp-strana="vodic"])) .vs-d::before{
content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(160deg,rgba(14,42,54,.2),var(--dubina) 70%)}
:where(body:has([data-dp-strana="vodic"])) .vs-d h2{
color:var(--pena)}
:where(body:has([data-dp-strana="vodic"])) .vs-d p{
color:rgba(250,246,238,.78)}
:where(body:has([data-dp-strana="vodic"])) .vs-d .vs-n{
color:var(--med)}
:where(body:has([data-dp-strana="vodic"])) .vs-d .mono{
color:var(--pesak)}
:where(body:has([data-dp-strana="vodic"])) .pc{
display:grid;grid-template-columns:auto 1fr;gap:clamp(24px,4vw,56px);align-items:center;margin:8px 0 48px}
:where(body:has([data-dp-strana="vodic"])) .pc-b b{
display:block;font:400 clamp(3rem,6vw,4.8rem)/1 var(--h);color:var(--med);letter-spacing:-.01em;white-space:nowrap}
:where(body:has([data-dp-strana="vodic"])) .pc-b span:last-child{
font-size:.875rem;color:rgba(250,246,238,.7)}
:where(body:has([data-dp-strana="vodic"])) .pc-l ul{
list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:0 32px;margin-bottom:48px}
:where(body:has([data-dp-strana="vodic"])) .pc-l li{
border-top:1px solid rgba(250,246,238,.16);padding:16px 0;font-size:.9375rem;color:rgba(250,246,238,.78)}
:where(body:has([data-dp-strana="vodic"])) .pc-l li b{
display:block;font:400 1.25rem/1.3 var(--h);color:var(--pena);margin-bottom:4px}
:where(body:has([data-dp-strana="vodic"])) .os{
border-top:1px solid rgba(250,246,238,.16);padding-top:28px}
:where(body:has([data-dp-strana="vodic"])) .os-g{
display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:28px}
:where(body:has([data-dp-strana="vodic"])) .os-g b{
display:block;font:400 clamp(2.4rem,4vw,3.2rem)/1 var(--h);color:var(--med)}
:where(body:has([data-dp-strana="vodic"])) .os-g small{
font-size:.45em}
:where(body:has([data-dp-strana="vodic"])) .os-g span{
display:block;margin-top:8px;font-size:.8125rem;line-height:1.45;color:rgba(250,246,238,.75)}
@media(max-width:760px){
:where(body:has([data-dp-strana="vodic"])) .pc{
grid-template-columns:1fr}
:where(body:has([data-dp-strana="vodic"])) .pc-l ul{
grid-template-columns:1fr}
:where(body:has([data-dp-strana="vodic"])) .os-g{
grid-template-columns:1fr 1fr}
:where(body:has([data-dp-strana="vodic"])) .vs-d{
margin:0 -20px;border-radius:0}
}
:where(body:has([data-dp-strana="vodic"])) .dz{
display:grid;grid-template-columns:1.3fr 1fr;gap:clamp(28px,5vw,64px);align-items:center}
:where(body:has([data-dp-strana="vodic"])) .dz-f{
aspect-ratio:3/4;max-width:380px;width:100%;justify-self:end}
:where(body:has([data-dp-strana="vodic"])) .dz-q{
font:400 clamp(1.35rem,2.2vw,1.7rem)/1.3 var(--h);color:var(--tekst)!important;border-left:2px solid var(--med);padding-left:20px;margin:26px 0}
:where(body:has([data-dp-strana="vodic"])) .tg{
list-style:none;display:flex;flex-wrap:wrap;gap:8px}
:where(body:has([data-dp-strana="vodic"])) .tg li{
padding:8px 16px;border:1px solid var(--ln);border-radius:999px;font-size:.8125rem;font-weight:500;color:var(--tekst)}
@media(max-width:760px){
:where(body:has([data-dp-strana="vodic"])) .dz{
grid-template-columns:1fr}
:where(body:has([data-dp-strana="vodic"])) .dz-f{
justify-self:start;max-width:300px}
}
:where(body:has([data-dp-strana="vodic"])) .pk{
display:grid;grid-template-columns:.85fr 1.3fr;gap:clamp(24px,4vw,48px);align-items:start;margin-top:8px}
:where(body:has([data-dp-strana="vodic"])) .pk-s{
list-style:none;counter-reset:k}
:where(body:has([data-dp-strana="vodic"])) .pk-s li{
counter-increment:k;position:relative;padding:12px 0 22px 56px;color:var(--tekst);font-size:1.0625rem;line-height:1.5}
:where(body:has([data-dp-strana="vodic"])) .pk-s li::before{
content:counter(k);position:absolute;left:0;top:6px;width:38px;height:38px;border-radius:50%;border:1px solid var(--dubina);display:grid;place-items:center;font:400 1.1rem/1 var(--h);color:var(--dubina)}
:where(body:has([data-dp-strana="vodic"])) .pk-s li:not(:last-child)::after{
content:"";position:absolute;left:19px;top:48px;bottom:0;border-left:1px dashed var(--ln)}
:where(body:has([data-dp-strana="vodic"])) .mapa{
background:#fff;border:1px solid var(--linija);border-radius:6px;padding:14px;margin:0}
:where(body:has([data-dp-strana="vodic"])) .mapa svg{
width:100%;height:auto}
:where(body:has([data-dp-strana="vodic"])) .mapa figcaption{
padding:14px 6px 2px}
:where(body:has([data-dp-strana="vodic"])) .mapa figcaption span:last-child{
font-size:.8125rem;color:var(--tekst-2)}
:where(body:has([data-dp-strana="vodic"])) .m-reka{
fill:var(--bistra)}
:where(body:has([data-dp-strana="vodic"])) .m-ostrvo{
fill:#E6EFEA;stroke:var(--dunav);stroke-width:.7}
:where(body:has([data-dp-strana="vodic"])) .m-park{
fill:#E6EFEA;stroke:#9DB8A8;stroke-width:.8;stroke-dasharray:3 4}
:where(body:has([data-dp-strana="vodic"])) .m-put{
stroke:var(--pesak);stroke-width:16;stroke-linecap:round;fill:none}
:where(body:has([data-dp-strana="vodic"])) .m-kej,:where(body:has([data-dp-strana="vodic"])) .m-skr{
stroke:var(--pesak);stroke-width:8;stroke-linecap:round;fill:none}
:where(body:has([data-dp-strana="vodic"])) .m-hot{
fill:var(--dubina)}
:where(body:has([data-dp-strana="vodic"])) .m-it{
font:italic 400 15px var(--h);fill:var(--dunav);text-anchor:middle}
:where(body:has([data-dp-strana="vodic"])) .m-dun{
font-size:22px}
:where(body:has([data-dp-strana="vodic"])) .m-lb{
font:600 11px var(--b);letter-spacing:.08em;fill:var(--tekst);text-anchor:middle}
:where(body:has([data-dp-strana="vodic"])) .m-pk{
fill:#5E7F6C}
:where(body:has([data-dp-strana="vodic"])) .m-ze{
fill:var(--tekst-2)}
:where(body:has([data-dp-strana="vodic"])) .m-dp{
font:500 17px var(--h);letter-spacing:0;fill:var(--dubina)}
:where(body:has([data-dp-strana="vodic"])) .m-ar{
stroke:var(--dubina);stroke-width:1.5;fill:none;stroke-linecap:round}
:where(body:has([data-dp-strana="vodic"])) .m-p rect{
fill:var(--dunav)}
:where(body:has([data-dp-strana="vodic"])) .m-p text{
font:700 16px var(--b);fill:#fff;text-anchor:middle}
:where(body:has([data-dp-strana="vodic"])) .m-step{
fill:none;stroke:var(--zlato-t);stroke-width:2.4;stroke-linecap:round;stroke-dasharray:.012 .02}
:where(body:has([data-dp-strana="vodic"])) .m-pin circle{
fill:var(--med)}
:where(body:has([data-dp-strana="vodic"])) .m-pin path{
fill:var(--dubina)}
:where(body:has([data-dp-strana="vodic"])) .m-pin{
transform-box:fill-box;transform-origin:center bottom}
:where(body:has([data-dp-strana="vodic"])) .pk-n{
display:grid;grid-template-columns:1fr auto;gap:12px 32px;align-items:center;margin:32px 0 24px;padding:20px 0;border-top:1px solid var(--linija);border-bottom:1px solid var(--linija)}
:where(body:has([data-dp-strana="vodic"])) .pk-n p{
color:var(--tekst)}
:where(body:has([data-dp-strana="vodic"])) .adr{
display:flex;align-items:center;gap:10px;font-size:.9375rem;white-space:nowrap}
:where(body:has([data-dp-strana="vodic"])) .adr svg{
width:20px;height:20px;stroke:var(--zlato-t);fill:none;stroke-width:1.5}
:where(body:has([data-dp-strana="vodic"])) .pk-v{
position:relative;margin-bottom:24px}
:where(body:has([data-dp-strana="vodic"])) .pk-v video{
width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:6px;background:var(--dubina);display:block}
:where(body:has([data-dp-strana="vodic"])) .pk-v .mono{
position:absolute;left:18px;bottom:6px;color:var(--pena)}
@media(max-width:860px){
:where(body:has([data-dp-strana="vodic"])) .pk{
grid-template-columns:1fr}
:where(body:has([data-dp-strana="vodic"])) .pk-n{
grid-template-columns:1fr}
:where(body:has([data-dp-strana="vodic"])) .adr{
white-space:normal}
}
:where(body:has([data-dp-strana="vodic"])) .kr{
list-style:none;counter-reset:s;position:relative;margin:12px 0 40px}
:where(body:has([data-dp-strana="vodic"])) .kr::before,:where(body:has([data-dp-strana="vodic"])) .kr::after{
content:"";position:absolute;left:21px;top:22px;bottom:22px;width:2px;background:var(--linija)}
:where(body:has([data-dp-strana="vodic"])) .kr::after{
background:var(--med);transform:scaleY(var(--k,0));transform-origin:top}
:where(body:has([data-dp-strana="vodic"])) .kr li{
counter-increment:s;position:relative;padding:10px 0 26px 72px;font-size:1.125rem;line-height:1.5;color:var(--tekst-2);z-index:1}
:where(body:has([data-dp-strana="vodic"])) .kr li::before{
content:counter(s);position:absolute;left:0;top:0;width:44px;height:44px;border-radius:50%;background:var(--pena);border:1px solid var(--ln);display:grid;place-items:center;font:400 1.15rem/1 var(--h);color:var(--dubina);transition:background .5s var(--ease),color .5s var(--ease),border-color .5s}
:where(body:has([data-dp-strana="vodic"])) .kr li.on::before{
background:var(--dubina);color:var(--pena);border-color:var(--dubina)}
:where(body:has([data-dp-strana="vodic"])) .kr li b{
font-weight:600;color:var(--dubina)}
:where(body:has([data-dp-strana="vodic"])) .faq{
border-top:1px solid var(--dubina)}
:where(body:has([data-dp-strana="vodic"])) .faq summary{
display:flex;justify-content:space-between;align-items:center;gap:20px;padding:22px 0;font:400 clamp(1.15rem,1.8vw,1.35rem)/1.3 var(--h);color:var(--dubina)}
:where(body:has([data-dp-strana="vodic"])) .faq summary:hover{
color:var(--dunav)}
:where(body:has([data-dp-strana="vodic"])) .faq .mn-s>div{
padding-left:0}
:where(body:has([data-dp-strana="vodic"])) .zp{
position:relative;background:var(--dubina);color:var(--pena);padding:clamp(96px,12vw,160px) 0;overflow:hidden;isolation:isolate}
:where(body:has([data-dp-strana="vodic"])) .zp-bg{
position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.28;z-index:-2}
:where(body:has([data-dp-strana="vodic"])) .zp::before{
content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,var(--dubina) 30%,rgba(14,42,54,.72))}
:where(body:has([data-dp-strana="vodic"])) .zp-g{
display:grid;grid-template-columns:1fr 1.05fr;gap:clamp(40px,6vw,96px);align-items:center}
:where(body:has([data-dp-strana="vodic"])) .zp .eyebrow{
color:var(--med)}
:where(body:has([data-dp-strana="vodic"])) .zp h2{
color:var(--pena);margin:18px 0 20px;max-width:14ch}
:where(body:has([data-dp-strana="vodic"])) .zp-t>p{
color:rgba(250,246,238,.78)}
:where(body:has([data-dp-strana="vodic"])) .zp-tel{
display:inline-block;margin:28px 0 24px;font:400 clamp(2.6rem,5.4vw,4.4rem)/1 var(--h);color:var(--med);text-decoration:none;letter-spacing:.01em;font-variant-numeric:lining-nums}
:where(body:has([data-dp-strana="vodic"])) .zp-tel:hover{
color:var(--pesak)}
:where(body:has([data-dp-strana="vodic"])) .zp-d{
margin-top:22px;font-size:.875rem}
@media(max-width:960px){
:where(body:has([data-dp-strana="vodic"])) .zp-g{
grid-template-columns:1fr}
}

/* ===== sekcije-r2.css ===== */
:where(body:has([data-dp-strana="vodic"])) #dogadjaji .dg-k .k-dr{
fill:#F4EEE4}
:where(body:has([data-dp-strana="vodic"])) #dogadjaji .dg-k .k-rim{
stroke:#EFE7DA;stroke-width:10}
:where(body:has([data-dp-strana="vodic"])) #dogadjaji .dg-k{
stroke:rgba(14,42,54,.62)}
:where(body:has([data-dp-strana="vodic"])) #dogadjaji .dg-k .k-br{
stroke:rgba(212,168,102,.7);stroke-width:1.6}
:where(body:has([data-dp-strana="vodic"])) .dg-ko{
position:absolute;left:0;bottom:0;width:260px;height:260px;overflow:visible;pointer-events:none;fill:none;stroke:var(--dunav);stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;--ak:var(--med)}
:where(body:has([data-dp-strana="vodic"])) .dg-ko g{
opacity:.78;scale:1.3;transform-box:fill-box;transform-origin:center;animation:r2f 6.5s ease-in-out var(--d) infinite;transition:opacity .5s var(--ease),scale .6s var(--ease)}
:where(body:has([data-dp-strana="vodic"])) .dg-ko g.on{
opacity:1;scale:1.6}
@keyframes r2f{
50%{
transform:translateY(-5px) rotate(-5deg)}
}
@media(max-width:960px){
:where(body:has([data-dp-strana="vodic"])) #dogadjaji .dg-l{
top:auto;padding:0 0 36px}
:where(body:has([data-dp-strana="vodic"])) #dogadjaji .dg-k{
position:relative;top:auto;right:auto;width:220px;height:220px;margin:52px 22px 0 auto}
:where(body:has([data-dp-strana="vodic"])) #dogadjaji .dg-ko{
left:auto;right:22px;bottom:36px;width:220px;height:220px}
:where(body:has([data-dp-strana="vodic"])) #dogadjaji .dg-ko g{
scale:1.55;opacity:.9}
}
@media(max-width:640px){
:where(body:has([data-dp-strana="vodic"])) #dogadjaji .dg-grid{
position:relative;gap:30px}
:where(body:has([data-dp-strana="vodic"])) #dogadjaji .dg-grid::before{
content:"";position:absolute;left:50%;top:-40px;bottom:0;width:2px;margin-left:-1px;background:repeating-linear-gradient(var(--med) 0 3px,transparent 3px 10px)}
:where(body:has([data-dp-strana="vodic"])) #dogadjaji .dg-t{
grid-template-columns:1fr 78px;gap:0 12px;padding:22px 18px 22px 20px}
:where(body:has([data-dp-strana="vodic"])) #dogadjaji .dg-i{
grid-column:2;grid-row:1/4;width:90px;height:90px;margin:-10px -10px 0 0;stroke-width:1.1}
}
@media(prefers-reduced-motion:reduce){
:where(body:has([data-dp-strana="vodic"])) .dg-ko g{
animation:none}
}
:where(body:has([data-dp-strana="vodic"])) .pr{
position:relative;padding-top:clamp(72px,8vw,110px);padding-bottom:clamp(40px,5vw,72px)}
:where(body:has([data-dp-strana="vodic"])) .r2-hd{
grid-template-columns:7fr 5fr;margin-bottom:28px}
:where(body:has([data-dp-strana="vodic"])) .r2-hd h2{
max-width:16ch}
:where(body:has([data-dp-strana="vodic"])) .r2-hd p{
max-width:52ch;padding-bottom:6px}
:where(body:has([data-dp-strana="vodic"])) .sl.r2{
padding-top:clamp(48px,5vw,72px);padding-bottom:clamp(40px,5vw,72px)}
:where(body:has([data-dp-strana="vodic"])) .r2-ln{
position:absolute;left:0;top:0;width:100%;pointer-events:none;overflow:visible;z-index:0}
:where(body:has([data-dp-strana="vodic"])) .r2-lp{
fill:none;stroke:var(--med);stroke-width:1.6;stroke-dasharray:.01 7;stroke-linecap:round;opacity:.65}
:where(body:has([data-dp-strana="vodic"])) .r2-lm{
fill:none;stroke:#fff;stroke-width:8}
:where(body:has([data-dp-strana="vodic"])) .r2-h{
position:relative;z-index:1;display:grid;grid-template-columns:repeat(12,1fr);column-gap:24px}
:where(body:has([data-dp-strana="vodic"])) .r2-h+.r2-h{
margin-top:clamp(120px,11vw,150px)}
:where(body:has([data-dp-strana="vodic"])) .r2-h1 .r2-car{
grid-column:1/9;grid-row:1}
:where(body:has([data-dp-strana="vodic"])) .r2-h1 .r2-tx{
grid-column:9/13;grid-row:1;align-self:end;margin:0 0 -56px -64px;padding:30px 0 0 34px;border-top-left-radius:6px}
:where(body:has([data-dp-strana="vodic"])) .r2-h2 .r2-car{
grid-column:5/13;grid-row:1}
:where(body:has([data-dp-strana="vodic"])) .r2-h2 .r2-tx{
grid-column:1/5;grid-row:1;align-self:end;margin:0 -64px -56px 0;padding:30px 34px 0 0;border-top-right-radius:6px}
:where(body:has([data-dp-strana="vodic"])) .r2-tx{
position:relative;z-index:2;background:var(--pena)}
:where(body:has([data-dp-strana="vodic"])) .r2-k{
display:flex;align-items:baseline;gap:14px;flex-wrap:wrap;font:600 .72rem/1 var(--b);letter-spacing:.2em;text-transform:uppercase;color:var(--zlato-t)}
:where(body:has([data-dp-strana="vodic"])) .r2-m{
font:400 .95rem/1 var(--h);letter-spacing:0;text-transform:none;color:var(--dunav)}
:where(body:has([data-dp-strana="vodic"])) .r2-m b{
font-weight:400;font-size:1.5rem;margin:0 2px}
:where(body:has([data-dp-strana="vodic"])) .r2-tx h3{
margin-top:14px;font-size:clamp(1.6rem,2.5vw,2.25rem);text-wrap:balance}
:where(body:has([data-dp-strana="vodic"])) .r2-tx>p:not(.r2-k){
margin-top:10px;font-size:.9375rem;line-height:1.6;max-width:44ch}
:where(body:has([data-dp-strana="vodic"])) .r2-bd{
list-style:none;display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}
:where(body:has([data-dp-strana="vodic"])) .r2-bd li{
display:inline-flex;align-items:center;gap:8px;padding:8px 14px 8px 10px;border-radius:40px;background:var(--dunav);color:var(--pena);font:500 .8125rem/1.2 var(--b);letter-spacing:.01em}
:where(body:has([data-dp-strana="vodic"])) .r2-bd svg{
width:17px;height:17px;flex:none;fill:none;stroke:var(--pesak);stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
:where(body:has([data-dp-strana="vodic"])) .r2-bd li:nth-child(-n+2){
background:var(--dubina)}
:where(body:has([data-dp-strana="vodic"])) .r2-h2 .r2-bd li:nth-child(2){
background:var(--dunav)}
:where(body:has([data-dp-strana="vodic"])) .r2-car{
position:relative;border-radius:6px;overflow:hidden;background:var(--pesak);aspect-ratio:3/2}
:where(body:has([data-dp-strana="vodic"])) .r2-tr{
display:flex;height:100%;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain}
:where(body:has([data-dp-strana="vodic"])) .r2-tr::-webkit-scrollbar{
display:none}
:where(body:has([data-dp-strana="vodic"])) .r2-tr:focus-visible{
outline:2px solid var(--med);outline-offset:-2px}
:where(body:has([data-dp-strana="vodic"])) .r2-tr figure{
flex:0 0 100%;margin:0;scroll-snap-align:start}
:where(body:has([data-dp-strana="vodic"])) .r2-tr img{
width:100%;height:100%;object-fit:cover;display:block}
:where(body:has([data-dp-strana="vodic"])) .r2-ar{
position:absolute;top:16px;width:46px;height:46px;display:grid;place-items:center;border:0;border-radius:50%;background:rgba(250,246,238,.94);color:var(--dubina);cursor:pointer;transition:background .35s var(--ease),color .35s var(--ease),transform .35s var(--ease)}
:where(body:has([data-dp-strana="vodic"])) .r2-ar svg{
width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
:where(body:has([data-dp-strana="vodic"])) .r2-h1 .r2-prev{
left:16px}
:where(body:has([data-dp-strana="vodic"])) .r2-h1 .r2-next{
left:70px}
:where(body:has([data-dp-strana="vodic"])) .r2-h2 .r2-prev{
right:70px}
:where(body:has([data-dp-strana="vodic"])) .r2-h2 .r2-next{
right:16px}
:where(body:has([data-dp-strana="vodic"])) .r2-prev svg{
transform:rotate(180deg)}
:where(body:has([data-dp-strana="vodic"])) .r2-ar:hover{
background:var(--dubina);color:var(--pena)}
:where(body:has([data-dp-strana="vodic"])) .r2-ar:active{
transform:scale(.94)}
:where(body:has([data-dp-strana="vodic"])) .r2-ar:focus-visible{
outline:2px solid var(--med);outline-offset:2px}
:where(body:has([data-dp-strana="vodic"])) .r2-cnt{
position:absolute;bottom:16px;padding:8px 12px;border-radius:40px;background:rgba(14,42,54,.55);backdrop-filter:blur(6px);color:var(--pena);font:500 .75rem/1 var(--b);letter-spacing:.08em}
:where(body:has([data-dp-strana="vodic"])) .r2-h1 .r2-cnt{
left:16px}
:where(body:has([data-dp-strana="vodic"])) .r2-h2 .r2-cnt{
right:16px}
:where(body:has([data-dp-strana="vodic"])) .r2-cta .btn svg.ic{
width:20px;height:20px}
:where(body:has([data-dp-strana="vodic"])) .r2-z{
position:relative;z-index:1;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:20px 40px;margin-top:clamp(88px,9vw,120px);padding-top:28px;border-top:1px solid var(--ln)}
:where(body:has([data-dp-strana="vodic"])) .r2-zn{
font:400 1.05rem/1 var(--h);color:var(--tekst-2)}
:where(body:has([data-dp-strana="vodic"])) .r2-zn small{
font:600 .7rem/1 var(--b);letter-spacing:.2em;text-transform:uppercase}
:where(body:has([data-dp-strana="vodic"])) .r2-zn b{
font-weight:400;font-size:2.6rem;color:var(--dubina);margin:0 4px}
:where(body:has([data-dp-strana="vodic"])) .r2-dlg{
position:fixed;inset:0;margin:auto;width:min(1200px,calc(100% - 48px));height:fit-content;max-height:calc(100svh - 48px);padding:0;border:0;border-radius:6px;background:#000;overflow:visible;color:var(--pena)}
:where(body:has([data-dp-strana="vodic"])) .r2-dlg::backdrop{
background:rgba(6,23,30,.9);backdrop-filter:blur(4px)}
:where(body:has([data-dp-strana="vodic"])) .r2-dlg video{
display:block;width:100%;max-height:calc(100svh - 48px);aspect-ratio:16/9;border-radius:6px;background:#000}
:where(body:has([data-dp-strana="vodic"])) .r2-x{
position:absolute;top:-58px;right:0;z-index:2;width:46px;height:46px;display:grid;place-items:center;border:1px solid rgba(250,246,238,.45);border-radius:50%;background:rgba(6,23,30,.5);color:var(--pena);cursor:pointer}
:where(body:has([data-dp-strana="vodic"])) .r2-x svg{
width:20px;height:20px;transform:rotate(45deg);fill:none;stroke:currentColor;stroke-width:1.6}
:where(body:has([data-dp-strana="vodic"])) .r2-x:hover{
background:var(--pena);color:var(--dubina)}
:where(body:has([data-dp-strana="vodic"])) .r2-x:focus-visible{
outline:2px solid var(--med);outline-offset:3px}
@media(min-width:961px) and (max-width:1280px){
:where(body:has([data-dp-strana="vodic"])) .r2-h1 .r2-car{
grid-column:1/8}
:where(body:has([data-dp-strana="vodic"])) .r2-h1 .r2-tx{
grid-column:8/13;margin:0 0 -40px -60px;padding:26px 0 0 30px}
:where(body:has([data-dp-strana="vodic"])) .r2-h2 .r2-car{
grid-column:6/13}
:where(body:has([data-dp-strana="vodic"])) .r2-h2 .r2-tx{
grid-column:1/6;margin:0 -60px -40px 0;padding:26px 30px 0 0}
}
@media(max-width:960px){
:where(body:has([data-dp-strana="vodic"])) .r2-h{
grid-template-columns:1fr}
:where(body:has([data-dp-strana="vodic"])) .r2-h .r2-car,:where(body:has([data-dp-strana="vodic"])) .r2-h .r2-tx{
grid-column:1;grid-row:auto}
:where(body:has([data-dp-strana="vodic"])) .r2-h .r2-tx,:where(body:has([data-dp-strana="vodic"])) .r2-h2 .r2-tx{
margin:0;padding:22px 0 0;border-radius:0}
:where(body:has([data-dp-strana="vodic"])) .r2-h2 .r2-car{
grid-row:1}
:where(body:has([data-dp-strana="vodic"])) .r2-h+.r2-h{
margin-top:72px}
:where(body:has([data-dp-strana="vodic"])) .r2-z{
margin-top:56px}
}
@media(max-width:640px){
:where(body:has([data-dp-strana="vodic"])) .r2-car{
aspect-ratio:4/3.3}
:where(body:has([data-dp-strana="vodic"])) .r2-ar{
width:42px;height:42px;top:12px}
:where(body:has([data-dp-strana="vodic"])) .r2-h1 .r2-prev,:where(body:has([data-dp-strana="vodic"])) .r2-h2 .r2-prev{
left:auto;right:60px}
:where(body:has([data-dp-strana="vodic"])) .r2-h1 .r2-next,:where(body:has([data-dp-strana="vodic"])) .r2-h2 .r2-next{
left:auto;right:12px}
:where(body:has([data-dp-strana="vodic"])) .r2-h1 .r2-cnt,:where(body:has([data-dp-strana="vodic"])) .r2-h2 .r2-cnt{
left:auto;right:12px;bottom:56px}
:where(body:has([data-dp-strana="vodic"])) .r2-cta .btn{
width:100%;justify-content:center}
:where(body:has([data-dp-strana="vodic"])) .r2-bd li{
font-size:.78rem;padding:7px 12px 7px 9px}
:where(body:has([data-dp-strana="vodic"])) .r2-dlg{
width:100%;max-width:none;height:100%;max-height:none;border-radius:0;display:none}
:where(body:has([data-dp-strana="vodic"])) .r2-dlg[open]{
display:grid;place-items:center}
:where(body:has([data-dp-strana="vodic"])) .r2-dlg video{
max-height:100svh;border-radius:0}
:where(body:has([data-dp-strana="vodic"])) .r2-x{
top:max(14px,env(safe-area-inset-top));right:14px}
}
:where(body:has([data-dp-strana="vodic"])) .pr-pin{
position:relative}
:where(body:has([data-dp-strana="vodic"])) .pr-su,:where(body:has([data-dp-strana="vodic"])) .pr-noc{
clip-path:inset(0 0 0 100%)}
:where(body:has([data-dp-strana="vodic"])) .pr-lbls{
position:absolute;left:50%;bottom:24px;translate:-50% 0;display:flex;gap:4px;padding:5px;border-radius:40px;background:rgba(14,42,54,.42);backdrop-filter:blur(6px);z-index:2}
:where(body:has([data-dp-strana="vodic"])) .pr-lbls span{
padding:9px 16px;border-radius:40px;font:600 .7rem/1 var(--b);letter-spacing:.2em;text-transform:uppercase;color:rgba(250,246,238,.7);transition:background .5s var(--ease),color .5s var(--ease)}
:where(body:has([data-dp-strana="vodic"])) .pr-lbls span.on{
background:var(--pena);color:var(--dubina)}
@media(max-width:640px){
:where(body:has([data-dp-strana="vodic"])) .pr-lbls{
bottom:14px}
:where(body:has([data-dp-strana="vodic"])) .pr-lbls span{
padding:8px 11px;font-size:.62rem;letter-spacing:.14em}
}
@media(max-width:640px){
:where(body:has([data-dp-strana="vodic"])) #dogadjaji,:where(body:has([data-dp-strana="vodic"])) #ukljuceno,:where(body:has([data-dp-strana="vodic"])) #utisci{
padding:64px 0}
:where(body:has([data-dp-strana="vodic"])) #prostor{
padding:64px 0 0}
:where(body:has([data-dp-strana="vodic"])) #prostor .sl.r2{
padding-top:36px;padding-bottom:0}
:where(body:has([data-dp-strana="vodic"])) #prostor .r2-z{
margin-top:48px}
:where(body:has([data-dp-strana="vodic"])) #dan-noc{
height:auto;margin-top:56px}
:where(body:has([data-dp-strana="vodic"])) #dan-noc .pr-frame{
height:62vh}
:where(body:has([data-dp-strana="vodic"])) #utisci .wrap{
gap:36px}
}
:where(body:has([data-dp-strana="vodic"])) .lb{
position:fixed;inset:0;margin:0;width:100%;height:100%;max-width:none;max-height:none;padding:0;border:0;background:rgba(6,23,30,0);color:var(--pena);overflow:hidden;overscroll-behavior:contain;outline:0;transition:background .45s var(--ease),backdrop-filter .45s var(--ease)}
:where(body:has([data-dp-strana="vodic"])) .lb::backdrop{
background:transparent}
:where(body:has([data-dp-strana="vodic"])) .lb{
color:var(--dubina)}
:where(body:has([data-dp-strana="vodic"])) .lb.in{
background:rgba(255,255,255,.84);-webkit-backdrop-filter:blur(30px) saturate(1.15) brightness(1.25);backdrop-filter:blur(30px) saturate(1.15) brightness(1.25)}
:where(body:has([data-dp-strana="vodic"])) .lb .gl{
background:rgba(255,255,255,.82);border-color:rgba(14,42,54,.1);box-shadow:inset 0 1px 0 #fff,0 6px 20px rgba(14,42,54,.08)}
:where(body:has([data-dp-strana="vodic"])) .lb .lb-s img{
box-shadow:0 24px 60px rgba(14,42,54,.16)}
:where(body:has([data-dp-strana="vodic"])) .lb .lb-s:not(.on) img{
opacity:.5}
:where(body:has([data-dp-strana="vodic"])) .lb .lb-c{
color:var(--tekst-2)}
:where(body:has([data-dp-strana="vodic"])) .lb .lb-c b{
color:var(--dubina)}
:where(body:has([data-dp-strana="vodic"])) .lb .lb-x,:where(body:has([data-dp-strana="vodic"])) .lb .lb-a{
color:var(--dubina)}
:where(body:has([data-dp-strana="vodic"])) .lb .lb-x:hover,:where(body:has([data-dp-strana="vodic"])) .lb .lb-a:hover{
background:var(--dubina);color:var(--pena)}
:where(body:has([data-dp-strana="vodic"])) .lb .lb-cap{
color:var(--tekst-2)}
:where(body:has([data-dp-strana="vodic"])) .lb>*{
opacity:0;transition:opacity .45s var(--ease),transform .55s var(--ease)}
:where(body:has([data-dp-strana="vodic"])) .lb.in>*{
opacity:1}
:where(body:has([data-dp-strana="vodic"])) .lb-st{
position:absolute;inset:72px 0 132px;overflow:hidden;touch-action:pan-y;cursor:grab;transform:scale(.96)}
:where(body:has([data-dp-strana="vodic"])) .lb.in .lb-st{
transform:none}
:where(body:has([data-dp-strana="vodic"])) .lb-st:active{
cursor:grabbing}
:where(body:has([data-dp-strana="vodic"])) .lb-tr{
display:flex;height:100%;transition:transform .6s cubic-bezier(.22,.8,.2,1);will-change:transform}
:where(body:has([data-dp-strana="vodic"])) .lb-s{
flex:0 0 100%;height:100%;margin:0;display:grid;grid-template:minmax(0,1fr)/minmax(0,1fr);place-items:center;padding:0 clamp(16px,7vw,120px)}
:where(body:has([data-dp-strana="vodic"])) .lb-s img{
max-width:100%;max-height:100%;object-fit:contain;border-radius:4px;user-select:none;-webkit-user-drag:none;opacity:.35;scale:.94;transition:opacity .6s var(--ease),scale .7s var(--ease);box-shadow:0 30px 80px rgba(0,0,0,.35)}
:where(body:has([data-dp-strana="vodic"])) .lb-s.on img{
opacity:1;scale:1}
:where(body:has([data-dp-strana="vodic"])) .gl{
background:rgba(250,246,238,.1);-webkit-backdrop-filter:blur(14px) saturate(1.5);backdrop-filter:blur(14px) saturate(1.5);border:1px solid rgba(250,246,238,.2);box-shadow:inset 0 1px 0 rgba(255,255,255,.18),0 8px 24px rgba(0,0,0,.18)}
:where(body:has([data-dp-strana="vodic"])) .lb-top{
position:absolute;top:16px;left:16px;right:16px;display:flex;justify-content:space-between;align-items:center}
:where(body:has([data-dp-strana="vodic"])) .lb-c{
padding:10px 16px;border-radius:40px;font:500 .8125rem/1 var(--b);letter-spacing:.12em;font-variant-numeric:tabular-nums;color:rgba(250,246,238,.75)}
:where(body:has([data-dp-strana="vodic"])) .lb-c b{
font-weight:600;color:var(--pena)}
:where(body:has([data-dp-strana="vodic"])) .lb-x,:where(body:has([data-dp-strana="vodic"])) .lb-a{
width:52px;height:52px;display:grid;place-items:center;border-radius:50%;color:var(--pena);cursor:pointer;transition:background .35s var(--ease),color .35s var(--ease),scale .35s var(--ease)}
:where(body:has([data-dp-strana="vodic"])) .lb-x svg,:where(body:has([data-dp-strana="vodic"])) .lb-a svg{
width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
:where(body:has([data-dp-strana="vodic"])) .lb-x svg{
transform:rotate(45deg)}
:where(body:has([data-dp-strana="vodic"])) .lb-x:hover,:where(body:has([data-dp-strana="vodic"])) .lb-a:hover{
background:var(--pena);color:var(--dubina)}
:where(body:has([data-dp-strana="vodic"])) .lb-a:active,:where(body:has([data-dp-strana="vodic"])) .lb-x:active{
scale:.94}
:where(body:has([data-dp-strana="vodic"])) .lb-x:focus-visible,:where(body:has([data-dp-strana="vodic"])) .lb-a:focus-visible,:where(body:has([data-dp-strana="vodic"])) .lb-th button:focus-visible{
outline:2px solid var(--med);outline-offset:3px}
:where(body:has([data-dp-strana="vodic"])) .lb-a{
position:absolute;top:calc(50% - 30px)}
:where(body:has([data-dp-strana="vodic"])) .lb-p{
left:24px}
:where(body:has([data-dp-strana="vodic"])) .lb-p svg{
transform:rotate(180deg)}
:where(body:has([data-dp-strana="vodic"])) .lb-n{
right:24px}
:where(body:has([data-dp-strana="vodic"])) .lb-cap{
position:absolute;left:0;right:0;bottom:96px;text-align:center;padding:0 24px;font-size:.875rem;color:rgba(250,246,238,.72)}
:where(body:has([data-dp-strana="vodic"])) .lb-th{
position:absolute;left:0;right:0;bottom:16px;display:flex;gap:8px;justify-content:safe center;overflow-x:auto;padding:4px 16px;scrollbar-width:none}
:where(body:has([data-dp-strana="vodic"])) .lb-th::-webkit-scrollbar{
display:none}
:where(body:has([data-dp-strana="vodic"])) .lb-th button{
flex:none;width:84px;height:56px;padding:0;border:0;border-radius:4px;overflow:hidden;cursor:pointer;opacity:.45;outline-offset:2px;background:var(--dubina);transition:opacity .35s var(--ease),transform .35s var(--ease)}
:where(body:has([data-dp-strana="vodic"])) .lb-th button:hover{
opacity:.8}
:where(body:has([data-dp-strana="vodic"])) .lb-th button.on{
opacity:1;box-shadow:0 0 0 2px var(--med)}
:where(body:has([data-dp-strana="vodic"])) .lb-th img{
width:100%;height:100%;object-fit:cover;display:block}
@media(max-width:760px){
:where(body:has([data-dp-strana="vodic"])) .lb-st{
inset:64px 0 72px}
:where(body:has([data-dp-strana="vodic"])) .lb-s{
padding:0}
:where(body:has([data-dp-strana="vodic"])) .lb-s img{
border-radius:0}
:where(body:has([data-dp-strana="vodic"])) .lb-a{
top:auto;bottom:14px;width:46px;height:46px}
:where(body:has([data-dp-strana="vodic"])) .lb-p{
left:14px}
:where(body:has([data-dp-strana="vodic"])) .lb-n{
right:14px}
:where(body:has([data-dp-strana="vodic"])) .lb-cap{
bottom:24px;padding:0 72px;font-size:.78rem}
:where(body:has([data-dp-strana="vodic"])) .lb-th{
display:none}
:where(body:has([data-dp-strana="vodic"])) .lb-top{
top:12px;left:12px;right:12px}
}
@media(prefers-reduced-motion:reduce){
:where(body:has([data-dp-strana="vodic"])) .lb-tr,:where(body:has([data-dp-strana="vodic"])) .lb>*,:where(body:has([data-dp-strana="vodic"])) .lb-s img{
transition:none}
}

/* ===== vodic-v3.css ===== */
body:has([data-dp-strana="vodic"]){
background:#fff}
html[data-hm="light"]:has([data-dp-strana="vodic"]){
--hbg:255,255,255;--ha:.72}
:where(body:has([data-dp-strana="vodic"])) .v3s h2,:where(body:has([data-dp-strana="vodic"])) .v3u h1{
max-width:none;margin:0}
:where(body:has([data-dp-strana="vodic"])) .v3s h2{
font-size:clamp(1.9rem,3.4vw,2.6rem)}
:where(body:has([data-dp-strana="vodic"])) .v3s{
padding:clamp(56px,7vw,96px) 0;scroll-margin-top:calc(var(--hh) + 64px)}
:where(body:has([data-dp-strana="vodic"])) .waap_component_wrapper:has(>.v3s)+.waap_component_wrapper>.v3s{
border-top:1px solid var(--linija)}
:where(body:has([data-dp-strana="vodic"])) .v3-h{
display:flex;justify-content:space-between;align-items:end;gap:16px 40px;flex-wrap:wrap;margin-bottom:28px}
:where(body:has([data-dp-strana="vodic"])) .v3-h p{
max-width:44ch}
:where(body:has([data-dp-strana="vodic"])) .v3s svg{
fill:none;stroke-linecap:round;stroke-linejoin:round}
:where(body:has([data-dp-strana="vodic"])) .v3u{
padding:calc(var(--hh) + clamp(28px,4vw,56px)) 0 clamp(48px,6vw,80px)}
:where(body:has([data-dp-strana="vodic"])) .v3u-g{
display:grid;grid-template-columns:1.15fr .85fr;gap:clamp(32px,5vw,72px);align-items:center}
:where(body:has([data-dp-strana="vodic"])) .v3u h1{
font-size:clamp(2.1rem,3.8vw,3.1rem);margin:16px 0 18px}
:where(body:has([data-dp-strana="vodic"])) .v3u .lead{
max-width:48ch}
:where(body:has([data-dp-strana="vodic"])) .v3u .row{
margin-top:28px}
:where(body:has([data-dp-strana="vodic"])) .v3u .btn-t{
align-self:center}
:where(body:has([data-dp-strana="vodic"])) .v3-hl{
list-style:none;display:grid;grid-template-columns:repeat(4,1fr);margin-top:36px;border-top:1px solid var(--dubina)}
:where(body:has([data-dp-strana="vodic"])) .v3-hl li{
display:grid;grid-template-columns:22px 1fr;gap:2px 10px;padding:16px 14px 0 0}
:where(body:has([data-dp-strana="vodic"])) .v3-hl li+li{
padding-left:14px;border-left:1px solid var(--linija)}
:where(body:has([data-dp-strana="vodic"])) .v3-hl svg{
grid-row:1/3;width:22px;height:22px;margin-top:3px;stroke:var(--zlato-t);fill:none;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
:where(body:has([data-dp-strana="vodic"])) .v3-hl b{
font:400 1.3rem/1.15 var(--h);color:var(--dubina);white-space:nowrap}
:where(body:has([data-dp-strana="vodic"])) .v3-hl span{
font-size:.8125rem;line-height:1.35;color:var(--tekst-2)}
:where(body:has([data-dp-strana="vodic"])) .v3u-v{
position:relative;aspect-ratio:1;border-radius:6px;overflow:hidden;background:var(--dubina)}
:where(body:has([data-dp-strana="vodic"])) .v3u-v video{
position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
:where(body:has([data-dp-strana="vodic"])) .v3u-v::after{
content:"";position:absolute;inset:10px;border:1px solid rgba(250,246,238,.35);border-radius:3px;pointer-events:none}
:where(body:has([data-dp-strana="vodic"])) .v3-bar{
--bbg:255,255,255;--ba:.7;--bt:14,42,54;position:sticky;top:var(--hh);z-index:85;background:rgba(var(--bbg),var(--ba));-webkit-backdrop-filter:blur(18px) saturate(1.4);backdrop-filter:blur(18px) saturate(1.4);border-block:1px solid rgba(var(--bt),.1);transition:background-color .5s var(--ease),border-color .5s var(--ease)}
:where(body:has([data-dp-strana="vodic"])) .v3-bar[data-m="dark"]{
--bbg:14,42,54;--ba:.94;--bt:250,246,238}
:where(body:has([data-dp-strana="vodic"])) .v3-bar[data-m="video"]{
--ba:.08;--bt:250,246,238}
:where(body:has([data-dp-strana="vodic"])) .v3-bar ol{
list-style:none;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="vodic"])) .v3-bar ol::-webkit-scrollbar{
display:none}
:where(body:has([data-dp-strana="vodic"])) .v3-bar a{
display:flex;align-items:center;gap:8px;min-height:40px;padding:0 16px 0 12px;border-radius:999px;white-space:nowrap;text-decoration:none;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="vodic"])) .v3-bar[data-m="video"] a{
text-shadow:0 1px 10px rgba(0,0,0,.45)}
:where(body:has([data-dp-strana="vodic"])) .v3-bar a:hover{
color:rgb(var(--bt));background:rgba(var(--bt),.08)}
:where(body:has([data-dp-strana="vodic"])) .v3-bar a.on{
background:var(--med);color:var(--dubina);text-shadow:none;font-weight:600}
:where(body:has([data-dp-strana="vodic"])) .v3-bar a:focus-visible{
outline:1.5px solid rgb(var(--bt));outline-offset:2px}
:where(body:has([data-dp-strana="vodic"])) .v3-bar svg{
flex:none;width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round;--ak:var(--zlato-t)}
:where(body:has([data-dp-strana="vodic"])) .v3-bar[data-m="dark"] svg,:where(body:has([data-dp-strana="vodic"])) .v3-bar[data-m="video"] svg{
--ak:var(--med)}
:where(body:has([data-dp-strana="vodic"])) .v3-bar a.on svg{
--ak:var(--dubina)}
:where(body:has([data-dp-strana="vodic"])) .v3-chips{
list-style:none;display:flex;flex-wrap:wrap;gap:8px}
:where(body:has([data-dp-strana="vodic"])) .v3-chips li{
display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:0 16px;border:1px solid var(--ln);border-radius:999px;font-size:.8125rem;font-weight:500;color:var(--dubina)}
:where(body:has([data-dp-strana="vodic"])) .v3-chips li:first-child{
background:var(--dubina);border-color:var(--dubina);color:var(--pena)}
:where(body:has([data-dp-strana="vodic"])) .v3-chips svg{
width:16px;height:16px;stroke:var(--med);stroke-width:1.8}
:where(body:has([data-dp-strana="vodic"])) .v3-dani{
display:grid;grid-template-columns:1fr 1fr;gap:12px}
:where(body:has([data-dp-strana="vodic"])) .v3-dan{
display:grid;align-content:start;gap:14px;padding:22px 24px;background:#fff;border:1px solid var(--linija);border-radius:6px}
:where(body:has([data-dp-strana="vodic"])) .v3-dan .mono{
margin:0;color:var(--zlato-t)}
:where(body:has([data-dp-strana="vodic"])) .v3-dd{
display:flex;gap:4px}
:where(body:has([data-dp-strana="vodic"])) .v3-dd b{
display:grid;place-items:center;width:42px;height:42px;border-radius:50%;font:600 .7rem/1 var(--b);letter-spacing:.06em;text-transform:uppercase;background:var(--bistra);color:var(--dubina)}
:where(body:has([data-dp-strana="vodic"])) .v3-dd b.on{
background:var(--dubina);color:var(--med)}
:where(body:has([data-dp-strana="vodic"])) .v3-dan p{
font-size:.9375rem;line-height:1.55;color:var(--tekst)}
:where(body:has([data-dp-strana="vodic"])) .v3-dan strong{
color:var(--dubina);font-weight:600}
:where(body:has([data-dp-strana="vodic"])) .v3-dan .nd{
margin-top:4px}
:where(body:has([data-dp-strana="vodic"])) .v3-op{
display:grid;grid-template-columns:1fr 1.25fr;gap:12px;margin-top:12px}
:where(body:has([data-dp-strana="vodic"])) .v3-o{
position:relative;padding:26px 28px 28px;border:1px solid var(--linija);border-radius:6px;background:var(--pena)}
:where(body:has([data-dp-strana="vodic"])) .v3-on{
display:inline-block;padding:5px 12px;border-radius:999px;background:var(--pa2);font:600 .66rem/1 var(--b);letter-spacing:.18em;text-transform:uppercase;color:var(--zlato-t)}
:where(body:has([data-dp-strana="vodic"])) .v3-o h3{
margin:12px 0 8px}
:where(body:has([data-dp-strana="vodic"])) .v3-o>p{
font-size:.9375rem}
:where(body:has([data-dp-strana="vodic"])) .v3-ol{
list-style:none;margin:14px 0 0;display:grid;gap:8px}
:where(body:has([data-dp-strana="vodic"])) .v3-ol li{
position:relative;padding-left:22px;font-size:.9375rem;line-height:1.5;color:var(--tekst)}
:where(body:has([data-dp-strana="vodic"])) .v3-ol li::before{
content:"";position:absolute;left:0;top:.72em;width:12px;height:1.5px;background:var(--med)}
:where(body:has([data-dp-strana="vodic"])) .v3-ol b{
font-weight:600;color:var(--dubina)}
:where(body:has([data-dp-strana="vodic"])) .v3-o .nd{
margin-top:14px}
:where(body:has([data-dp-strana="vodic"])) .v3-o2{
background:var(--dubina);border-color:var(--dubina)}
:where(body:has([data-dp-strana="vodic"])) .v3-o2 h3,:where(body:has([data-dp-strana="vodic"])) .v3-o2 .v3-ol b{
color:var(--pena)}
:where(body:has([data-dp-strana="vodic"])) .v3-o2>p,:where(body:has([data-dp-strana="vodic"])) .v3-o2 .v3-ol li{
color:rgba(250,246,238,.8)}
:where(body:has([data-dp-strana="vodic"])) .v3-o2 .v3-on{
background:var(--med);color:var(--dubina)}
:where(body:has([data-dp-strana="vodic"])) .v3-nap{
margin-top:18px;font-size:.875rem}
:where(body:has([data-dp-strana="vodic"])) .v3-zk{
margin-bottom:12px;padding:22px 24px;background:#fff;border:1px solid var(--linija);border-radius:6px}
:where(body:has([data-dp-strana="vodic"])) .v3-zk .mono{
margin:0 0 16px;color:var(--zlato-t)}
:where(body:has([data-dp-strana="vodic"])) .v3-zk ol{
list-style:none;display:grid;grid-template-columns:repeat(3,1fr);gap:20px 24px}
:where(body:has([data-dp-strana="vodic"])) .v3-zk li{
display:grid;grid-template-columns:44px minmax(0,1fr);gap:14px;align-items:start}
:where(body:has([data-dp-strana="vodic"])) .v3-zk li+li{
border-left:1px solid var(--linija);padding-left:24px}
:where(body:has([data-dp-strana="vodic"])) .v3-zk svg{
width:44px;height:44px;padding:11px;border-radius:50%;background:var(--dubina);stroke:var(--pena);stroke-width:2.6;--ak:var(--med)}
:where(body:has([data-dp-strana="vodic"])) .v3-zk svg.t{
stroke:var(--med);stroke-width:1.4}
:where(body:has([data-dp-strana="vodic"])) .v3-zk b{
display:block;margin:2px 0 4px;font:500 1.15rem/1.25 var(--h);color:var(--dubina)}
:where(body:has([data-dp-strana="vodic"])) .v3-zk li span{
display:block;font-size:.9375rem;line-height:1.5;color:var(--tekst)}
:where(body:has([data-dp-strana="vodic"])) .v3-zk a{
display:inline-block;margin-top:8px;font:400 1.3rem/1 var(--h);color:var(--dubina);text-decoration:none;border-bottom:1px solid var(--med);padding-bottom:3px;font-variant-numeric:lining-nums;transition:color .4s var(--ease)}
:where(body:has([data-dp-strana="vodic"])) .v3-zk a:hover{
color:var(--dunav)}
@media(max-width:860px){
:where(body:has([data-dp-strana="vodic"])) .v3-zk ol{
grid-template-columns:minmax(0,1fr);gap:0}
:where(body:has([data-dp-strana="vodic"])) .v3-zk li{
padding:14px 0}
:where(body:has([data-dp-strana="vodic"])) .v3-zk li+li{
border-left:0;padding-left:0;border-top:1px solid var(--linija)}
}
@media(max-width:768px){
:where(body:has([data-dp-strana="vodic"])) .v3-zk{
padding:18px}
:where(body:has([data-dp-strana="vodic"])) .v3u-g{
gap:0}
:where(body:has([data-dp-strana="vodic"])) .v3u-t{
display:contents}
:where(body:has([data-dp-strana="vodic"])) .v3u-v{
order:1;margin-top:24px}
:where(body:has([data-dp-strana="vodic"])) .v3u .row,:where(body:has([data-dp-strana="vodic"])) .v3u .v3-hl{
order:2}
}
:where(body:has([data-dp-strana="vodic"])) .v3-mf{
display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:12px;margin-bottom:clamp(28px,3.4vw,44px)}
:where(body:has([data-dp-strana="vodic"])) .v3-mf figure{
margin:0;height:clamp(200px,22vw,300px);border-radius:6px;overflow:hidden;background:var(--pesak)}
:where(body:has([data-dp-strana="vodic"])) .v3-mf img{
width:100%;height:100%;object-fit:cover;display:block}
:where(body:has([data-dp-strana="vodic"])) .v3-mn{
border-bottom:1px solid var(--linija)}
:where(body:has([data-dp-strana="vodic"])) .v3-mn details{
border-top:1px solid var(--linija)}
:where(body:has([data-dp-strana="vodic"])) .v3-mn details:first-child{
border-top-color:var(--dubina)}
:where(body:has([data-dp-strana="vodic"])) .v3-mn summary{
list-style:none;cursor:pointer;display:grid;grid-template-columns:44px 1fr auto 20px;gap:18px;align-items:center;padding:16px 0}
:where(body:has([data-dp-strana="vodic"])) .v3-mn summary::-webkit-details-marker{
display:none}
:where(body:has([data-dp-strana="vodic"])) .v3-mn .mi{
width:44px;height:44px;stroke:var(--dubina);stroke-width:1.5;--ak:var(--zlato-t);transition:transform .6s var(--ease)}
:where(body:has([data-dp-strana="vodic"])) .v3-mn summary:hover .mi{
transform:translateY(-3px)}
:where(body:has([data-dp-strana="vodic"])) .v3-mn summary b{
font:400 clamp(1.15rem,1.6vw,1.35rem)/1.25 var(--h);color:var(--dubina)}
:where(body:has([data-dp-strana="vodic"])) .v3-mn summary i{
display:block;margin-bottom:6px;font:600 .62rem/1 var(--b);font-style:normal;letter-spacing:.18em;text-transform:uppercase;color:var(--zlato-t)}
:where(body:has([data-dp-strana="vodic"])) .v3-mn summary span{
font:400 clamp(1.3rem,1.9vw,1.6rem)/1 var(--h);color:var(--dubina);white-space:nowrap}
:where(body:has([data-dp-strana="vodic"])) .v3-mn summary:hover b{
color:var(--dunav)}
:where(body:has([data-dp-strana="vodic"])) .v3-mn details[open] summary .mi{
--ak:var(--dubina);stroke:var(--zlato-t)}
:where(body:has([data-dp-strana="vodic"])) .v3-mn .mn-s>div{
padding:0 38px 26px 62px;gap:18px}
:where(body:has([data-dp-strana="vodic"])) .v3-mg{
display:grid;grid-template-columns:130px 1fr;gap:6px 24px;align-items:start}
:where(body:has([data-dp-strana="vodic"])) .v3-mg .mono{
margin:9px 0 0;color:var(--zlato-t)}
:where(body:has([data-dp-strana="vodic"])) .v3-mg ul{
list-style:none;columns:3 210px;column-gap:28px}
:where(body:has([data-dp-strana="vodic"])) .v3-mg li{
break-inside:avoid;padding:8px 0;border-bottom:1px dotted var(--ln);font-size:.9375rem;line-height:1.4;color:var(--dubina)}
:where(body:has([data-dp-strana="vodic"])) .v3-mg li em{
display:block;font-style:normal;font-size:.8125rem;color:var(--tekst-2)}
:where(body:has([data-dp-strana="vodic"])) .v3-mg p{
padding-top:6px;font-size:.9375rem}
:where(body:has([data-dp-strana="vodic"])) .v3-mn+.v3-nap{
margin-top:20px}
:where(body:has([data-dp-strana="vodic"])) .v3-nap strong{
color:var(--dubina);font-weight:600}
:where(body:has([data-dp-strana="vodic"])) .v3-pr-cta{
margin-top:clamp(28px,3.4vw,44px)}
:where(body:has([data-dp-strana="vodic"])) .v3-pr{
display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
:where(body:has([data-dp-strana="vodic"])) .v3-pr figure{
margin:0}
:where(body:has([data-dp-strana="vodic"])) .v3-pr img{
width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:6px;background:var(--pesak)}
:where(body:has([data-dp-strana="vodic"])) .v3-pr figcaption{
padding-top:14px}
:where(body:has([data-dp-strana="vodic"])) .v3-pr b{
display:flex;justify-content:space-between;align-items:baseline;gap:12px;font:400 1.3rem/1.2 var(--h);color:var(--dubina);padding-bottom:8px;border-bottom:1px solid var(--linija)}
:where(body:has([data-dp-strana="vodic"])) .v3-pr b i{
font:600 .68rem/1 var(--b);font-style:normal;letter-spacing:.14em;text-transform:uppercase;color:var(--zlato-t);white-space:nowrap}
:where(body:has([data-dp-strana="vodic"])) .v3-pr span{
display:block;margin-top:8px;font-size:.875rem;line-height:1.55;color:var(--tekst-2)}
:where(body:has([data-dp-strana="vodic"])) .v3-pl{
list-style:none;counter-reset:p;display:grid;grid-template-columns:repeat(6,1fr);gap:0;margin-top:28px;position:relative}
:where(body:has([data-dp-strana="vodic"])) .v3-pl::before{
content:"";position:absolute;left:22px;right:22px;top:22px;height:1px;background:var(--ln)}
:where(body:has([data-dp-strana="vodic"])) .v3-pl li{
counter-increment:p;position:relative;padding:62px 18px 0 0;font-size:.875rem;line-height:1.45;color:var(--tekst-2)}
:where(body:has([data-dp-strana="vodic"])) .v3-pl li::before{
content:counter(p);position:absolute;left:0;top:0;width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:#fff;border:1px solid var(--ln);font:400 1.15rem/1 var(--h);color:var(--dubina)}
:where(body:has([data-dp-strana="vodic"])) .v3-pl li:last-child::before{
background:var(--med);border-color:var(--med)}
:where(body:has([data-dp-strana="vodic"])) .v3-pl b{
display:block;margin-bottom:4px;font:400 1.1rem/1.2 var(--h);color:var(--dubina)}
:where(body:has([data-dp-strana="vodic"])) .v3p{
background:var(--dubina);color:var(--pena)}
:where(body:has([data-dp-strana="vodic"])) .waap_component_wrapper:has(>.v3s)+.waap_component_wrapper>.v3p,:where(body:has([data-dp-strana="vodic"])) .waap_component_wrapper:has(>.v3p)+.waap_component_wrapper>.v3s{
border-top:0}
:where(body:has([data-dp-strana="vodic"])) .v3p h2{
color:var(--pena)}
:where(body:has([data-dp-strana="vodic"])) .v3p-g{
display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(28px,4vw,64px);align-items:center}
:where(body:has([data-dp-strana="vodic"])) .v3p .kd-adr{
display:flex;gap:12px;align-items:flex-start;margin:18px 0 18px;font:400 1.2rem/1.3 var(--h);color:var(--pena)}
:where(body:has([data-dp-strana="vodic"])) .v3p .kd-adr svg{
flex:none;width:22px;height:22px;margin-top:2px;stroke:var(--med);stroke-width:1.6}
:where(body:has([data-dp-strana="vodic"])) .v3p .kd-adr small{
display:block;margin-top:4px;font:400 .8125rem/1.4 var(--b);color:rgba(250,246,238,.62)}
:where(body:has([data-dp-strana="vodic"])) .v3p-l{
font-size:.9375rem;line-height:1.6;color:rgba(250,246,238,.78);max-width:40ch}
:where(body:has([data-dp-strana="vodic"])) .v3p-v{
margin:0;min-width:0}
:where(body:has([data-dp-strana="vodic"])) .v3p-st{
position:relative;aspect-ratio:16/9;border-radius:6px;overflow:hidden;background:#000}
:where(body:has([data-dp-strana="vodic"])) .v3p-st video{
position:absolute;inset:0;width:100%;height:100%;display:block;object-fit:cover}
:where(body:has([data-dp-strana="vodic"])) .v3p-v figcaption{
margin-top:12px;font-size:.8125rem;color:rgba(250,246,238,.6)}
:where(body:has([data-dp-strana="vodic"])) .v3p .mono{
display:inline;margin:0 10px 0 0;color:var(--med)}
:where(body:has([data-dp-strana="vodic"])) .v3k{
display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(28px,4vw,64px);align-items:center;margin-top:clamp(36px,4.4vw,56px);padding-top:clamp(36px,4.4vw,56px);border-top:1px solid rgba(250,246,238,.14)}
:where(body:has([data-dp-strana="vodic"])) .v3k-l{
min-width:0}
:where(body:has([data-dp-strana="vodic"])) .v3p .kd-op{
display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:12px}
:where(body:has([data-dp-strana="vodic"])) .v3p .kd-op button{
display:flex;align-items:center;gap:10px;min-height:48px;padding:0 14px;border:1px solid rgba(250,246,238,.22);border-radius:6px;background:none;font:600 .8125rem/1.2 var(--b);color:var(--pena);text-align:left;cursor:pointer;transition:background .45s var(--ease),color .45s var(--ease),border-color .45s}
:where(body:has([data-dp-strana="vodic"])) .v3p .kd-op svg{
flex:none;width:22px;height:22px;stroke:currentColor;stroke-width:1.6}
:where(body:has([data-dp-strana="vodic"])) .v3p .kd-op button:hover{
border-color:var(--pena)}
:where(body:has([data-dp-strana="vodic"])) .v3p .kd-op button[aria-pressed="true"]{
background:var(--med);border-color:var(--med);color:var(--dubina)}
:where(body:has([data-dp-strana="vodic"])) .v3p .kd-op button:focus-visible{
outline:1.5px solid var(--med);outline-offset:2px}
:where(body:has([data-dp-strana="vodic"])) .v3p .kd-p{
padding:18px 18px 16px;border:1px solid rgba(250,246,238,.14);border-radius:6px;background:rgba(250,246,238,.04);font-size:.875rem;line-height:1.5}
:where(body:has([data-dp-strana="vodic"])) .v3p .kd-p[hidden]{
display:none}
:where(body:has([data-dp-strana="vodic"])) .v3p .kd-p small{
display:block;margin-top:12px;padding-top:12px;border-top:1px solid rgba(250,246,238,.12);font-size:.8125rem;color:var(--med)}
:where(body:has([data-dp-strana="vodic"])) .v3p .kd-s{
list-style:none;counter-reset:s;display:grid;gap:12px}
:where(body:has([data-dp-strana="vodic"])) .v3p .kd-s li{
counter-increment:s;display:grid;grid-template-columns:26px 1fr;gap:12px;align-items:baseline;color:rgba(250,246,238,.78)}
:where(body:has([data-dp-strana="vodic"])) .v3p .kd-s li::before{
content:counter(s);display:grid;place-items:center;width:24px;height:24px;border:1px solid var(--med);border-radius:50%;font:600 .7rem/1 var(--b);color:var(--med);transform:translateY(-1px)}
:where(body:has([data-dp-strana="vodic"])) .v3p .kd-s b{
font-weight:600;color:var(--pena)}
:where(body:has([data-dp-strana="vodic"])) .v3p .mapa2{
margin:0;padding:10px;min-width:0;background:#fff;border:0;border-radius:6px}
:where(body:has([data-dp-strana="vodic"])) .mapa2-s{
overflow:hidden;border-radius:4px}
:where(body:has([data-dp-strana="vodic"])) .mapa2 svg{
display:block;width:100%;height:auto}
:where(body:has([data-dp-strana="vodic"])) .mapa2 figcaption{
display:flex;gap:10px;flex-wrap:wrap;align-items:baseline;padding:12px 6px 4px;font-size:.8125rem;color:var(--tekst-2)}
:where(body:has([data-dp-strana="vodic"])) .mapa2 figcaption .mono{
color:var(--zlato-t)}
:where(body:has([data-dp-strana="vodic"])) .m-tlo{
fill:#F3EEE4}
:where(body:has([data-dp-strana="vodic"])) .m-blok rect{
fill:#E9E1D1}
:where(body:has([data-dp-strana="vodic"])) .m-hotel{
fill:#E4DED2;stroke:#CFC6B5;stroke-dasharray:6 6}
:where(body:has([data-dp-strana="vodic"])) .m-suma{
fill:#DDE8DF}
:where(body:has([data-dp-strana="vodic"])) .m-drvo circle{
fill:#B9CDBF}
:where(body:has([data-dp-strana="vodic"])) .m-akv{
fill:#EEF3EF;stroke:#B9CDBF;stroke-width:1.2}
:where(body:has([data-dp-strana="vodic"])) .mapa2 .m-reka{
fill:var(--bistra)}
:where(body:has([data-dp-strana="vodic"])) .m-splav rect{
fill:#fff;stroke:#9FB6BF;stroke-width:1}
:where(body:has([data-dp-strana="vodic"])) .m-zabar{
fill:#fff;stroke:var(--dunav);stroke-width:1.4}
:where(body:has([data-dp-strana="vodic"])) .m-set{
fill:none;stroke:#fff;stroke-width:10;stroke-linecap:round}
:where(body:has([data-dp-strana="vodic"])) .mapa2 .m-put{
stroke:#fff;stroke-width:30;fill:none}
:where(body:has([data-dp-strana="vodic"])) .m-ul{
fill:none;stroke:#fff;stroke-width:12;stroke-linecap:round}
:where(body:has([data-dp-strana="vodic"])) .m-sud{
fill:var(--dubina)}
:where(body:has([data-dp-strana="vodic"])) .mapa2 .m-it{
font:italic 400 19px var(--h);fill:var(--tekst-2);text-anchor:middle}
:where(body:has([data-dp-strana="vodic"])) .mapa2 .m-dun{
font-size:30px;fill:var(--dunav)}
:where(body:has([data-dp-strana="vodic"])) .mapa2 .m-lb{
font:600 15px var(--b);letter-spacing:.06em;fill:var(--tekst-2);text-anchor:middle}
:where(body:has([data-dp-strana="vodic"])) .m-sm{
font:600 16px var(--b);fill:var(--dubina);text-anchor:middle;paint-order:stroke;stroke:#F3EEE4;stroke-width:5px;stroke-linejoin:round}
:where(body:has([data-dp-strana="vodic"])) .mapa2 .m-dp{
font:500 24px var(--h);fill:var(--dubina);paint-order:stroke;stroke:var(--bistra);stroke-width:6px}
:where(body:has([data-dp-strana="vodic"])) .m-dp2{
text-anchor:start;font-weight:500;stroke:var(--bistra)}
:where(body:has([data-dp-strana="vodic"])) .m-r1,:where(body:has([data-dp-strana="vodic"])) .m-r2{
fill:none;stroke-linecap:round;stroke-linejoin:round;transition:opacity .5s var(--ease),stroke-width .5s var(--ease)}
:where(body:has([data-dp-strana="vodic"])) .mapa2 .m-r1{
stroke:var(--dunav);stroke-width:7}
:where(body:has([data-dp-strana="vodic"])) .m-r2{
stroke:var(--zlato-t);stroke-width:5;stroke-dasharray:.006 .014}
:where(body:has([data-dp-strana="vodic"])) .mapa2 .m-p rect{
fill:var(--dunav)}
:where(body:has([data-dp-strana="vodic"])) .mapa2 .m-p text,:where(body:has([data-dp-strana="vodic"])) .m-p2 text{
font:700 26px var(--b);fill:#fff;text-anchor:middle}
:where(body:has([data-dp-strana="vodic"])) .m-p2 rect{
fill:var(--zlato-t)}
:where(body:has([data-dp-strana="vodic"])) .m-p2 text{
font-size:20px}
:where(body:has([data-dp-strana="vodic"])) .m-x circle{
fill:var(--dubina)}
:where(body:has([data-dp-strana="vodic"])) .m-x path{
stroke:var(--pena);stroke-width:2.4;stroke-linecap:round}
:where(body:has([data-dp-strana="vodic"])) .mapa2 .m-pin circle{
fill:var(--med)}
:where(body:has([data-dp-strana="vodic"])) .m-p2,:where(body:has([data-dp-strana="vodic"])) .m-r2t,:where(body:has([data-dp-strana="vodic"])) .m-r1t{
transition:opacity .5s var(--ease)}
:where(body:has([data-dp-strana="vodic"])) .v3k[data-op="1"] .m-r2,:where(body:has([data-dp-strana="vodic"])) .v3k[data-op="1"] .m-p2,:where(body:has([data-dp-strana="vodic"])) .v3k[data-op="1"] .m-r2t{
opacity:.22}
:where(body:has([data-dp-strana="vodic"])) .v3k[data-op="2"] .m-r1,:where(body:has([data-dp-strana="vodic"])) .v3k[data-op="2"] .m-r1t{
opacity:.2}
:where(body:has([data-dp-strana="vodic"])) .v3k[data-op="2"] .m-r2{
stroke-width:7}
:where(body:has([data-dp-strana="vodic"])) .m-hint{
display:none;font-style:normal;font-weight:600;color:var(--dubina)}
:where(body:has([data-dp-strana="vodic"])) .v3p-m{
margin:clamp(36px,4.4vw,56px) 0 0}
:where(body:has([data-dp-strana="vodic"])) .v3p-mf{
position:relative;height:clamp(280px,30vw,400px);border-radius:6px;overflow:hidden;background:var(--pesak)}
:where(body:has([data-dp-strana="vodic"])) .v3p-mf iframe{
position:absolute;inset:0;width:100%;height:100%;border:0;display:block}
:where(body:has([data-dp-strana="vodic"])) .v3p-m figcaption{
display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px 20px;margin-bottom:14px;font-size:.875rem;color:rgba(250,246,238,.78)}
:where(body:has([data-dp-strana="vodic"])) .v3p-m figcaption>span{
display:flex;gap:10px;align-items:center}
:where(body:has([data-dp-strana="vodic"])) .v3p-m figcaption>span svg{
flex:none;width:20px;height:20px;stroke:var(--med);stroke-width:1.6}
:where(body:has([data-dp-strana="vodic"])) .v3-faq{
display:grid;grid-template-columns:1fr 1fr;gap:0 48px;margin-top:28px;border-top:0}
:where(body:has([data-dp-strana="vodic"])) .v3-faq details{
border-top:1px solid var(--linija);border-bottom:0}
:where(body:has([data-dp-strana="vodic"])) .v3-faq details:nth-child(-n+2){
border-top-color:var(--dubina)}
:where(body:has([data-dp-strana="vodic"])) .v3-faq summary{
padding:18px 0;font-size:1.1rem}
:where(body:has([data-dp-strana="vodic"])) #upit{
padding:clamp(64px,8vw,112px) 0}
:where(body:has([data-dp-strana="vodic"])) #upit .zp-t .row{
margin-top:30px}
@media(min-width:961px){
:where(body:has([data-dp-strana="vodic"])) .zp-g{
grid-template-columns:1fr minmax(0,580px)}
}
@media(max-width:1000px){
:where(body:has([data-dp-strana="vodic"])) .v3-pr{
grid-template-columns:1fr 1fr}
:where(body:has([data-dp-strana="vodic"])) .v3-pl{
grid-template-columns:repeat(3,1fr);row-gap:28px}
:where(body:has([data-dp-strana="vodic"])) .v3-pl::before{
display:none}
}
@media(max-width:860px){
:where(body:has([data-dp-strana="vodic"])) .v3u-g,:where(body:has([data-dp-strana="vodic"])) .v3p-g,:where(body:has([data-dp-strana="vodic"])) .v3k,:where(body:has([data-dp-strana="vodic"])) .v3-op,:where(body:has([data-dp-strana="vodic"])) .v3-dani{
grid-template-columns:minmax(0,1fr)}
:where(body:has([data-dp-strana="vodic"])) .v3u-v{
max-width:560px}
:where(body:has([data-dp-strana="vodic"])) .v3-mn .mn-s>div{
padding:0 0 22px}
:where(body:has([data-dp-strana="vodic"])) .v3-mg{
grid-template-columns:1fr}
:where(body:has([data-dp-strana="vodic"])) .v3-mg .mono{
margin:0}
:where(body:has([data-dp-strana="vodic"])) .mapa2-s{
overflow-x:auto;-webkit-overflow-scrolling:touch}
:where(body:has([data-dp-strana="vodic"])) .mapa2-s svg{
min-width:620px}
:where(body:has([data-dp-strana="vodic"])) .m-hint{
display:inline}
}
@media(max-width:760px){
:where(body:has([data-dp-strana="vodic"])) .v3s{
padding:48px 0}
:where(body:has([data-dp-strana="vodic"])) .v3u{
padding-top:calc(var(--hh) + 24px)}
:where(body:has([data-dp-strana="vodic"])) .v3-hl{
grid-template-columns:1fr 1fr;margin-top:28px}
:where(body:has([data-dp-strana="vodic"])) .v3-hl li{
padding:14px 10px 14px 0}
:where(body:has([data-dp-strana="vodic"])) .v3-hl li+li{
padding-left:0;border-left:0}
:where(body:has([data-dp-strana="vodic"])) .v3-hl li:nth-child(even){
padding-left:12px;border-left:1px solid var(--linija)}
:where(body:has([data-dp-strana="vodic"])) .v3-hl li:nth-child(n+3){
border-top:1px solid var(--linija)}
:where(body:has([data-dp-strana="vodic"])) .v3-bar ol{
height:52px}
:where(body:has([data-dp-strana="vodic"])) .v3-bar a{
padding:0 12px 0 10px;min-height:38px;gap:7px}
:where(body:has([data-dp-strana="vodic"])) .v3-bar svg{
width:17px;height:17px}
:where(body:has([data-dp-strana="vodic"])) .v3-dd b{
width:38px;height:38px}
:where(body:has([data-dp-strana="vodic"])) .v3p-m figcaption .btn{
width:100%;justify-content:center}
:where(body:has([data-dp-strana="vodic"])) .v3p-mf{
height:300px}
:where(body:has([data-dp-strana="vodic"])) .v3-mf{
display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:10px;margin:0 -20px 24px;padding:0 20px;scroll-padding-inline:20px;scrollbar-width:none}
:where(body:has([data-dp-strana="vodic"])) .v3-mf::-webkit-scrollbar{
display:none}
:where(body:has([data-dp-strana="vodic"])) .v3-mf figure{
flex:0 0 80%;height:220px;scroll-snap-align:start}
:where(body:has([data-dp-strana="vodic"])) .v3-mn summary{
grid-template-columns:36px 1fr auto 18px;gap:12px}
:where(body:has([data-dp-strana="vodic"])) .v3-mn .mi{
width:36px;height:36px}
:where(body:has([data-dp-strana="vodic"])) .v3-mn .pl{
grid-column:4}
:where(body:has([data-dp-strana="vodic"])) .v3-mg ul{
columns:1}
:where(body:has([data-dp-strana="vodic"])) .v3-dan{
grid-template-columns:1fr;padding:18px}
:where(body:has([data-dp-strana="vodic"])) .v3-o{
padding:22px 20px}
:where(body:has([data-dp-strana="vodic"])) .v3-pr{
display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:12px;margin:0 -20px;padding:0 20px;scroll-padding-inline:20px;scrollbar-width:none}
:where(body:has([data-dp-strana="vodic"])) .v3-pr::-webkit-scrollbar{
display:none}
:where(body:has([data-dp-strana="vodic"])) .v3-pr figure{
flex:0 0 78%;scroll-snap-align:start}
:where(body:has([data-dp-strana="vodic"])) .v3-pl{
grid-template-columns:1fr;row-gap:0;margin-top:20px}
:where(body:has([data-dp-strana="vodic"])) .v3-pl li{
padding:4px 0 18px 60px;min-height:62px}
:where(body:has([data-dp-strana="vodic"])) .v3-faq{
grid-template-columns:1fr}
:where(body:has([data-dp-strana="vodic"])) .v3-faq details:nth-child(2){
border-top-color:var(--linija)}
}

/* ===== forma-glass.css ===== */
:where(body:has([data-dp-strana="vodic"])) .fg{
position:relative;overflow:clip;isolation:isolate;background:var(--dubina-a);color:var(--pena)}
:where(body:has([data-dp-strana="vodic"])) .fg>video{
position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.38;z-index:-2}
:where(body:has([data-dp-strana="vodic"])) .fg::before{
content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(100deg,rgba(6,23,30,.94) 30%,rgba(6,23,30,.55))}
:where(body:has([data-dp-strana="vodic"])) .fg h2{
color:var(--pena)}
:where(body:has([data-dp-strana="vodic"])) .fg .eyebrow{
color:var(--med)}
:where(body:has([data-dp-strana="vodic"])) .fg .fbox{
padding:clamp(22px,2.8vw,34px)}
:where(body:has([data-dp-strana="vodic"])) .fg .fbox h3{
margin:8px 0 4px}
:where(body:has([data-dp-strana="vodic"])) .fg .fbox>p{
margin-bottom:16px;font-size:.9375rem}
:where(body:has([data-dp-strana="vodic"])) .fg .fbox .eyebrow{
color:var(--zlato-t)}
:where(body:has([data-dp-strana="vodic"])) .fg .fbox .btn-t{
color:var(--dubina)}
:where(body:has([data-dp-strana="vodic"])) .fg .chips{
margin-bottom:8px}
:where(body:has([data-dp-strana="vodic"])) .fg .chips legend{
margin-bottom:8px}
:where(body:has([data-dp-strana="vodic"])) .fg .chips div{
gap:6px}
:where(body:has([data-dp-strana="vodic"])) .fg .chips span{
padding:6px 12px;font-size:.75rem}
:where(body:has([data-dp-strana="vodic"])) .fg .fld{
margin-bottom:8px}
:where(body:has([data-dp-strana="vodic"])) .fg .hint{
margin-top:4px;font-size:.72rem;line-height:1.4}
:where(body:has([data-dp-strana="vodic"])) .fg .fact{
margin-top:8px}
:where(body:has([data-dp-strana="vodic"])) .fsel{
display:none}
:where(body:has([data-dp-strana="vodic"])) .fsel select{
display:block;width:100%;border:0;border-bottom:1px solid var(--ln);border-radius:0;padding:10px 28px 11px 0;font:400 1.0625rem/1.4 var(--b);color:var(--tekst);outline:0;-webkit-appearance:none;appearance:none;background:transparent url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5l5 5 5-5' stroke='%230E2A36' stroke-width='1.4' fill='none'/%3E%3C/svg%3E") right 4px center/12px no-repeat}
:where(body:has([data-dp-strana="vodic"])) .fsel select:focus+.ln{
transform:scaleX(1)}
:where(body:has([data-dp-strana="vodic"])) .fsel .lbl{
top:0;font-size:.6875rem;letter-spacing:.16em;text-transform:uppercase;font-weight:600;color:var(--dubina)}
@media(max-width:560px){
:where(body:has([data-dp-strana="vodic"])) .fg .chips{
display:none}
:where(body:has([data-dp-strana="vodic"])) .fg .fsel{
display:block}
}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){
}
@media(max-width:560px){
}

/* ===== Leonidis omotač ===== */
/* traka sekcija je sticky kroz celu stranu: omotač uvodne komponente ne sme da je zatvori */
.waap_component_wrapper:has(>.v3u){display:contents}