/* Druga Priča · NASLOVNA - CSS ograničen na stranu sa [data-dp-strana="naslovna"] (bez promene specifičnosti).
   Izvor: hero-5.css + sekcija-video.css + inline <style> iz index.html. Generisano scope-css.py - menjaj izvor pa ponovo generiši
   ili menjaj ovde pažljivo (prefiks :where(body:has(...)) mora ostati). */
:where(body:has([data-dp-strana="naslovna"])) #hero-5{
background:var(--pena)}
:where(body:has([data-dp-strana="naslovna"])) .h5{
--at:240px;--ab:206px;--pad:max(32px,calc(50% - 660px));--in:1;--e:0;
  position:relative;height:100vh;height:100svh;min-height:640px;overflow:hidden;background:var(--pena)}
.js :where(body:has([data-dp-strana="naslovna"])) .h5{
--in:0}
:where(body:has([data-dp-strana="naslovna"])) .h5-win{
position:absolute;inset:0;z-index:1;-webkit-mask-image:var(--mk);mask-image:var(--mk);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;
  -webkit-mask-position:var(--mp);mask-position:var(--mp);-webkit-mask-size:var(--ms);mask-size:var(--ms)}
:where(body:has([data-dp-strana="naslovna"])) .h5-win.full{
-webkit-mask:none;mask:none}
:where(body:has([data-dp-strana="naslovna"])) .h5-v{
position:absolute;inset:0;overflow:hidden;clip-path:inset(calc((100% - var(--ab) - var(--hx,0px)) * (1 - var(--in))) 0 0)}
:where(body:has([data-dp-strana="naslovna"])) .h5-a{
position:absolute;max-width:none;display:block}
:where(body:has([data-dp-strana="naslovna"])) .h5-u,:where(body:has([data-dp-strana="naslovna"])) .h5-in{
clip-path:none;opacity:0;background:#140c06}
:where(body:has([data-dp-strana="naslovna"])) .h5-in{
visibility:hidden}
:where(body:has([data-dp-strana="naslovna"])) .h5-uv,:where(body:has([data-dp-strana="naslovna"])) .h5-b{
width:100%;height:100%;object-fit:cover;will-change:transform}
:where(body:has([data-dp-strana="naslovna"])) .h5-flash{
position:absolute;inset:0;opacity:0;pointer-events:none;background:radial-gradient(60% 70% at 50% 55%,#fff3dc,#f1c27d 45%,rgba(241,194,125,0) 80%);mix-blend-mode:screen}
:where(body:has([data-dp-strana="naslovna"])) .h5-scrim{
position:absolute;inset:auto 0 0;height:55%;background:linear-gradient(to top,rgba(6,23,30,.62),rgba(6,23,30,0));opacity:var(--e);pointer-events:none}
:where(body:has([data-dp-strana="naslovna"])) .h5-cap{
position:absolute;right:var(--pad);bottom:40px;display:flex;align-items:baseline;gap:14px;color:var(--pena);font:500 1.0625rem/1.3 var(--b);letter-spacing:.05em;opacity:0;text-shadow:0 1px 12px rgba(6,23,30,.5)}
:where(body:has([data-dp-strana="naslovna"])) .h5-cap b{
font:600 .8rem/1 var(--b);letter-spacing:.18em;text-transform:uppercase;color:var(--med)}
:where(body:has([data-dp-strana="naslovna"])) .h5-fin{
position:absolute;z-index:3;left:var(--pad);bottom:56px;max-width:780px;opacity:0}
:where(body:has([data-dp-strana="naslovna"])) .h5-fin h2{
max-width:13ch;color:var(--pena);font-size:clamp(2.2rem,4.6vw,4.2rem);line-height:1.02;text-shadow:0 2px 28px rgba(6,23,30,.5)}
:where(body:has([data-dp-strana="naslovna"])) .h5-fin .row{
margin-top:26px}
:where(body:has([data-dp-strana="naslovna"])) .h5-svg{
position:absolute;inset:0;width:100%;height:100%;z-index:2;pointer-events:none;overflow:visible}
:where(body:has([data-dp-strana="naslovna"])) .h5-deco{
fill:none}
:where(body:has([data-dp-strana="naslovna"])) .h5-deco .h5ln{
stroke:rgba(14,42,54,.5);stroke-width:1}
:where(body:has([data-dp-strana="naslovna"])) .h5-deco .rf{
stroke:none;opacity:.25}
:where(body:has([data-dp-strana="naslovna"])) .h5-deco .ol{
fill:none;stroke:rgba(14,42,54,.16);stroke-width:1;vector-effect:non-scaling-stroke}
:where(body:has([data-dp-strana="naslovna"])) .h5-kn path{
fill:none;stroke:rgba(250,246,238,.42);stroke-width:1.1;stroke-linecap:round}
:where(body:has([data-dp-strana="naslovna"])) .h5-lamp circle{
fill:#FFC86B;stroke:none}
:where(body:has([data-dp-strana="naslovna"])) .h5-lamp{
filter:drop-shadow(0 0 3px rgba(255,176,64,.95)) drop-shadow(0 0 9px rgba(255,176,64,.5))}
:where(body:has([data-dp-strana="naslovna"])) .h5-svb{
position:absolute;inset:0;width:100%;height:100%;z-index:0;pointer-events:none;overflow:visible}
:where(body:has([data-dp-strana="naslovna"])) .h5-nt ellipse{
fill:rgba(14,42,54,.62)}
:where(body:has([data-dp-strana="naslovna"])) .h5-nt path{
fill:none;stroke:rgba(14,42,54,.62);stroke-width:1.3;stroke-linecap:round}
:where(body:has([data-dp-strana="naslovna"])) .h5-nt .bm{
stroke-width:2.6}
:where(body:has([data-dp-strana="naslovna"])) .h5-nt>g:nth-child(3n+2) ellipse{
fill:#B8873E}
:where(body:has([data-dp-strana="naslovna"])) .h5-nt>g:nth-child(3n+2) path{
stroke:#B8873E}
:where(body:has([data-dp-strana="naslovna"])) .h5-nt .nt{
opacity:.7;transform-box:fill-box;transform-origin:50% 100%}
.js :where(body:has([data-dp-strana="naslovna"])) .h5-nt .nt{
animation:h5n 7s ease-in-out infinite backwards}
:where(body:has([data-dp-strana="naslovna"])) .h5-suma path{
vector-effect:non-scaling-stroke}
:where(body:has([data-dp-strana="naslovna"])) .h5-suma .sf0,:where(body:has([data-dp-strana="naslovna"])) .h5-suma .sf1{
fill:url(#h5h);stroke:none}
:where(body:has([data-dp-strana="naslovna"])) .h5-suma .sf0{
opacity:.035}
:where(body:has([data-dp-strana="naslovna"])) .h5-suma .sf1{
opacity:.06}
:where(body:has([data-dp-strana="naslovna"])) .h5-suma .sl0,:where(body:has([data-dp-strana="naslovna"])) .h5-suma .sl1{
fill:none;stroke:#0E2A36;stroke-width:1;stroke-linejoin:round}
:where(body:has([data-dp-strana="naslovna"])) .h5-suma .sl0{
opacity:.16}
:where(body:has([data-dp-strana="naslovna"])) .h5-suma .sl1{
opacity:.28}
@media(max-width:860px){
:where(body:has([data-dp-strana="naslovna"])) .h5-suma .sl0,:where(body:has([data-dp-strana="naslovna"])) .h5-suma .sl1{
stroke-width:.8}
}
@keyframes h5n{
0%{
opacity:0;transform:translate(-2px,14px) rotate(-6deg)}
22%,62%{
opacity:.75}
100%{
opacity:0;transform:translate(5px,-16px) rotate(7deg)}
}
:where(body:has([data-dp-strana="naslovna"])) .h5.off .h5-nt .nt{
animation-play-state:paused}
:where(body:has([data-dp-strana="naslovna"])) .h5-rm .h5-nt .nt{
animation:none}
@media(prefers-reduced-motion:reduce){
:where(body:has([data-dp-strana="naslovna"])) .h5-nt .nt{
animation:none!important}
}
:where(body:has([data-dp-strana="naslovna"])) .h5-an .tb{
fill:url(#h5d);stroke:var(--dubina);stroke-width:1.8;vector-effect:non-scaling-stroke;filter:drop-shadow(0 6px 14px rgba(14,42,54,.18))}
:where(body:has([data-dp-strana="naslovna"])) .h5-an .tb2{
fill:none;stroke:rgba(14,42,54,.14);stroke-width:1;vector-effect:non-scaling-stroke}
:where(body:has([data-dp-strana="naslovna"])) .h5-an .halo{
opacity:0;transition:opacity .6s var(--ease)}
:where(body:has([data-dp-strana="naslovna"])) .h5.glow .h5-an .halo{
opacity:1}
:where(body:has([data-dp-strana="naslovna"])) .h5-gl path{
stroke:rgba(14,42,54,.55);stroke-width:1.3;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}
:where(body:has([data-dp-strana="naslovna"])) .h5-gls .h5-gl path{
transform-box:fill-box;transform-origin:50% 100%;animation:h5f 3.4s ease-in-out infinite}
:where(body:has([data-dp-strana="naslovna"])) .h5-gls .h5-gl:nth-child(2) path{
animation-duration:2.7s;animation-delay:-1s}
:where(body:has([data-dp-strana="naslovna"])) .h5-gls .h5-gl:nth-child(3) path{
animation-duration:3.9s;animation-delay:-2s}
:where(body:has([data-dp-strana="naslovna"])) .h5-gls{
animation:h5d 9s ease-in-out infinite alternate}
:where(body:has([data-dp-strana="naslovna"])) .h5-bv .o,:where(body:has([data-dp-strana="naslovna"])) .h5-bv .kp,:where(body:has([data-dp-strana="naslovna"])) .h5-bv .rp{
fill:none;stroke:rgba(14,42,54,.62);stroke-width:1.3;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}
:where(body:has([data-dp-strana="naslovna"])) .h5-bv path.o[fill]{
fill:#FAF6EE}
:where(body:has([data-dp-strana="naslovna"])) .h5-bv .kp{
stroke-dasharray:3 3;stroke:rgba(14,42,54,.45)}
:where(body:has([data-dp-strana="naslovna"])) .h5-bv .rp{
stroke:rgba(31,94,122,.5)}
:where(body:has([data-dp-strana="naslovna"])) .h5-bv .sv{
fill:#FFC86B;filter:drop-shadow(0 0 3px rgba(255,176,64,.95)) drop-shadow(0 0 8px rgba(255,176,64,.6))}
:where(body:has([data-dp-strana="naslovna"])) .h5-bv .bb{
transform-box:fill-box;transform-origin:50% 80%;animation:h5b 4.4s ease-in-out infinite}
:where(body:has([data-dp-strana="naslovna"])) .h5-bv .b2{
animation-duration:3.6s;animation-delay:-1.4s}
@keyframes h5b{
0%,100%{
transform:translateY(0) rotate(-3deg)}
50%{
transform:translateY(-3px) rotate(4deg)}
}
:where(body:has([data-dp-strana="naslovna"])) .h5.off .h5-bv .bb,:where(body:has([data-dp-strana="naslovna"])) .h5-rm .h5-bv .bb{
animation-play-state:paused}
@media(prefers-reduced-motion:reduce){
:where(body:has([data-dp-strana="naslovna"])) .h5-bv .bb{
animation:none}
}
@keyframes h5f{
50%{
transform:translateY(-5px) scaleY(.55)}
}
@keyframes h5d{
to{
transform:translate(14px,-6px)}
}
:where(body:has([data-dp-strana="naslovna"])) .h5-wv{
position:absolute;z-index:2;left:0;width:100%;bottom:calc(var(--ab) - 51px);height:60px;fill:none;stroke:var(--dunav);stroke-width:1.7;overflow:visible}
:where(body:has([data-dp-strana="naslovna"])) .h5::before{
content:"";position:absolute;left:0;right:0;top:calc(100% - var(--ab) - 6px);height:110px;z-index:0;pointer-events:none;
  background:linear-gradient(to bottom,rgba(31,94,122,.13),rgba(31,94,122,.05) 45%,rgba(31,94,122,0))}
:where(body:has([data-dp-strana="naslovna"])) .h5-wv path{
will-change:transform;animation:h5w 4.6s linear infinite,h5s 2.4s ease-in-out infinite alternate}
:where(body:has([data-dp-strana="naslovna"])) .h5-wv .w1{
stroke-dasharray:1;stroke-dashoffset:var(--wv,0)}
:where(body:has([data-dp-strana="naslovna"])) .h5-wv .w2{
stroke:rgba(31,94,122,.6);stroke-width:1.4;animation-duration:6.2s,3s;animation-direction:reverse,alternate}
:where(body:has([data-dp-strana="naslovna"])) .h5-wv .w3{
stroke:rgba(31,94,122,.36);stroke-width:1.2;animation-duration:8.5s,3.7s}
:where(body:has([data-dp-strana="naslovna"])) .h5-wv .w4{
stroke:#9CCBDC;stroke-width:2;stroke-linecap:round;stroke-dasharray:4 70 16 110;animation-duration:3.6s,2s;animation-direction:reverse,alternate}
.js :where(body:has([data-dp-strana="naslovna"])) .h5-wv .w1{
--wv:1}
@keyframes h5w{
to{
transform:translateX(-180px)}
}
@keyframes h5s{
from{
translate:0 -2px}
to{
translate:0 3px}
}
:where(body:has([data-dp-strana="naslovna"])) .h5.off .h5-wv path,:where(body:has([data-dp-strana="naslovna"])) .h5.off .h5-f,:where(body:has([data-dp-strana="naslovna"])) .h5.off .h5-gls,:where(body:has([data-dp-strana="naslovna"])) .h5.off .h5-gl path{
animation-play-state:paused}
:where(body:has([data-dp-strana="naslovna"])) .h5-rm .h5-wv path,:where(body:has([data-dp-strana="naslovna"])) .h5-rm .h5-gls,:where(body:has([data-dp-strana="naslovna"])) .h5-rm .h5-gl path{
animation:none}
@media(prefers-reduced-motion:reduce){
:where(body:has([data-dp-strana="naslovna"])) .h5-wv path,:where(body:has([data-dp-strana="naslovna"])) .h5-gls,:where(body:has([data-dp-strana="naslovna"])) .h5-gl path{
animation:none}
}
:where(body:has([data-dp-strana="naslovna"])) .h5 .h5-t{
position:absolute;z-index:3;left:var(--pad);right:var(--pad);top:98px;text-align:center;max-width:none;
  font-size:clamp(2.2rem,3.75vw,3.6rem);line-height:1.04;letter-spacing:-.005em;color:var(--dubina)}
:where(body:has([data-dp-strana="naslovna"])) .h5-goo{
position:absolute;z-index:3;left:var(--pad);top:calc(100% - var(--ab) + 76px);display:flex;align-items:center;gap:40px}
:where(body:has([data-dp-strana="naslovna"])) .h5-goo>div{
display:flex;align-items:center;gap:14px}
:where(body:has([data-dp-strana="naslovna"])) .h5-goo em{
font-style:normal;white-space:nowrap}
:where(body:has([data-dp-strana="naslovna"])) .h5-goo em~em{
display:none}
:where(body:has([data-dp-strana="naslovna"])) .h5-g{
width:34px;height:34px;flex:none}
:where(body:has([data-dp-strana="naslovna"])) .h5-goo b{
font:400 2.6rem/1 var(--h);color:var(--dubina);letter-spacing:-.02em}
:where(body:has([data-dp-strana="naslovna"])) .h5-goo span{
display:grid;gap:5px;font:500 .75rem/1 var(--b);letter-spacing:.08em;text-transform:uppercase;color:var(--tekst-2)}
:where(body:has([data-dp-strana="naslovna"])) .h5-st{
position:relative;display:block;font:normal 1rem/1 sans-serif;letter-spacing:2px;color:var(--linija)}
:where(body:has([data-dp-strana="naslovna"])) .h5-st::before,:where(body:has([data-dp-strana="naslovna"])) .h5-st::after{
content:"★★★★★"}
:where(body:has([data-dp-strana="naslovna"])) .h5-st::after{
position:absolute;left:0;top:0;width:96%;overflow:hidden;white-space:nowrap;color:#F4B400}
:where(body:has([data-dp-strana="naslovna"])) .h5-bu::before,:where(body:has([data-dp-strana="naslovna"])) .h5-bu::after{
content:"●●●●●"}
:where(body:has([data-dp-strana="naslovna"])) .h5-bu::after{
color:#00AA6C}
:where(body:has([data-dp-strana="naslovna"])) .h5-cta{
position:absolute;z-index:3;right:var(--pad);top:calc(100% - var(--ab) + 72px);display:flex;align-items:center;gap:10px}
:where(body:has([data-dp-strana="naslovna"])) .h5-ib{
width:54px;height:54px;flex:none;display:grid;place-items:center;border:1px solid var(--ln);border-radius:50%;color:var(--dubina);transition:background .45s var(--ease),color .45s var(--ease),border-color .45s var(--ease)}
:where(body:has([data-dp-strana="naslovna"])) .h5-ib svg{
width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
:where(body:has([data-dp-strana="naslovna"])) .h5-ib.vb{
color:#7360F2}
:where(body:has([data-dp-strana="naslovna"])) .h5-ib.wa{
color:#1DA851}
:where(body:has([data-dp-strana="naslovna"])) .h5-ib.vb:hover{
background:#7360F2;border-color:#7360F2;color:#fff}
:where(body:has([data-dp-strana="naslovna"])) .h5-ib.wa:hover{
background:#25D366;border-color:#25D366;color:#fff}
:where(body:has([data-dp-strana="naslovna"])) .h5-ib:focus-visible{
outline:1.5px solid var(--dubina);outline-offset:4px}
:where(body:has([data-dp-strana="naslovna"])) .h5-traka{
position:absolute;z-index:3;left:var(--pad);right:var(--pad);bottom:0;height:64px;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:24px;font:500 .75rem/1.3 var(--b);letter-spacing:.08em;text-transform:uppercase;color:var(--tekst-2)}
:where(body:has([data-dp-strana="naslovna"])) .h5-traka li{
display:flex;align-items:center;gap:10px}
:where(body:has([data-dp-strana="naslovna"])) .h5-ti{
width:20px;height:20px;flex:none;fill:none;stroke:var(--med);stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
:where(body:has([data-dp-strana="naslovna"])) .h5-traka .m,:where(body:has([data-dp-strana="naslovna"])) .h5-after .d{
display:none}
:where(body:has([data-dp-strana="naslovna"])) .h5-after{
display:none}
:where(body:has([data-dp-strana="naslovna"])) .h5-fade{
position:absolute;inset:0;z-index:4;opacity:0;pointer-events:none;background:radial-gradient(120% 80% at 50% 45%,#FFFDF8,var(--pena) 70%)}
.js :where(body:has([data-dp-strana="naslovna"])) .h5-f{
animation:h5in .8s var(--ease) .5s backwards}
@keyframes h5in{
from{
opacity:0;transform:translateY(12px)}
}
/* dok je hero video otvoren (html.h5-vid, naslovna.js): čist video - bez zaglavlja, loga, progres linije i mobilne trake */
html.h5-hdr .hdr{
transition:background-color .5s var(--ease),border-color .5s var(--ease),opacity .5s var(--ease),visibility 0s}
html.h5-hdr .mlogo,html.h5-hdr .pbar{
transition:color .5s var(--ease),opacity .5s var(--ease),visibility 0s}
html.h5-vid .hdr,html.h5-vid .mlogo,html.h5-vid .pbar{
opacity:0!important;visibility:hidden;pointer-events:none;transition:opacity .5s var(--ease),visibility 0s .5s}
html.h5-vid .mbar{
transform:translateY(160%)!important}
@media(min-width:961px){
html.h5-hdr .hdr nav{
transform:translateX(calc(var(--nx,0px) * (1 - clamp(0, var(--lp,1) * 1.9, 1))));will-change:transform}
}
@media(max-width:1180px){
:where(body:has([data-dp-strana="naslovna"])) .h5-traka li:nth-child(2){
display:none}
}
@media(max-width:860px){
:where(body:has([data-dp-strana="naslovna"])) .h5{
--ab:296px;--at:176px;--pad:20px;min-height:600px}
:where(body:has([data-dp-strana="naslovna"])) .h5 .h5-t{
top:68px;font-size:clamp(2.2rem,11vw,2.9rem);line-height:1.02}
:where(body:has([data-dp-strana="naslovna"])) .h5-wv{
width:300%;height:42px;bottom:calc(var(--ab) - 35px)}
:where(body:has([data-dp-strana="naslovna"])) .h5-wv .w4{
stroke-width:1.6}
:where(body:has([data-dp-strana="naslovna"])) .h5-traka,:where(body:has([data-dp-strana="naslovna"])) .h5-fin .btn-v{
display:none}
:where(body:has([data-dp-strana="naslovna"])) .h5-goo{
left:0;right:0;top:calc(100% - var(--ab) + 64px);justify-content:center}
:where(body:has([data-dp-strana="naslovna"])) .h5-goo{
gap:18px}
:where(body:has([data-dp-strana="naslovna"])) .h5-goo>div{
gap:8px}
:where(body:has([data-dp-strana="naslovna"])) .h5-goo .h5-g{
width:26px;height:26px}
:where(body:has([data-dp-strana="naslovna"])) .h5-goo b{
font-size:1.6rem}
:where(body:has([data-dp-strana="naslovna"])) .h5-goo span{
font-size:.6rem;letter-spacing:.04em;gap:4px}
:where(body:has([data-dp-strana="naslovna"])) .h5-goo em{
display:none}
:where(body:has([data-dp-strana="naslovna"])) .h5-goo em~em{
display:inline}
:where(body:has([data-dp-strana="naslovna"])) .h5-st{
font-size:.8rem;letter-spacing:1px}
:where(body:has([data-dp-strana="naslovna"])) .h5-cta{
left:var(--pad);right:var(--pad);top:calc(100% - var(--ab) + 124px)}
:where(body:has([data-dp-strana="naslovna"])) .h5-cta{
gap:8px}
:where(body:has([data-dp-strana="naslovna"])) .h5-cta .btn-p{
flex:1;justify-content:center;gap:10px;padding:0 10px;font-size:.75rem;letter-spacing:.01em;white-space:nowrap}
:where(body:has([data-dp-strana="naslovna"])) .h5-ib{
width:50px;height:50px}
:where(body:has([data-dp-strana="naslovna"])) .h5-fin{
bottom:calc(152px + env(safe-area-inset-bottom));right:var(--pad)}
:where(body:has([data-dp-strana="naslovna"])) .h5-fin .row{
display:none!important}
:where(body:has([data-dp-strana="naslovna"])) .h5-cap{
right:auto;left:var(--pad);bottom:calc(32px + env(safe-area-inset-bottom));font-size:.95rem}
:where(body:has([data-dp-strana="naslovna"])) .h5-after{
display:block;position:relative;z-index:5;margin-top:-3px;padding:13px 0 4px;background:var(--pena)}
:where(body:has([data-dp-strana="naslovna"])) .h5-after ul{
list-style:none;display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--linija)}
:where(body:has([data-dp-strana="naslovna"])) .h5-after li{
display:flex;align-items:center;gap:10px;padding:14px 6px 14px 0;border-bottom:1px solid var(--linija);white-space:nowrap}
:where(body:has([data-dp-strana="naslovna"])) .h5-after li:nth-child(odd){
border-right:1px solid var(--linija)}
:where(body:has([data-dp-strana="naslovna"])) .h5-after li:nth-child(even){
padding-left:12px}
:where(body:has([data-dp-strana="naslovna"])) .h5-after .h5-ti{
width:38px;height:38px;padding:8.5px;border:1px solid rgba(184,135,62,.45);border-radius:50%;stroke:var(--dubina);stroke-width:1.4;background:#FFFDF8}
:where(body:has([data-dp-strana="naslovna"])) .h5-after .m{
display:grid;gap:2px;font:500 .75rem/1.25 var(--b);color:var(--tekst-2)}
:where(body:has([data-dp-strana="naslovna"])) .h5-after .m b{
font:400 1.0625rem/1.1 var(--h);color:var(--dubina);letter-spacing:-.005em}
}
/* Android: kad se adresna traka skupi, ekran naraste (svh -> lvh), a zakačen hero ostaje visine svh. Video sloj i pretapanje
   se produžavaju ispod za tu razliku (--hx), clip-margin ih pušta da se vide - nema bele rupe, raspored se ne pomera. */
@media(max-width:860px){
@supports (height:100lvh){
:where(body:has([data-dp-strana="naslovna"])) .h5{
--hx:calc(100lvh - 100svh);overflow:clip;overflow-clip-margin:calc(100lvh - 100svh)}
:where(body:has([data-dp-strana="naslovna"])) .h5-win,:where(body:has([data-dp-strana="naslovna"])) .h5-fade{
bottom:calc(-1 * var(--hx))}
}
}
@media(max-width:760px){
:where(body:has([data-dp-strana="naslovna"])) .h5-deco .rf{
opacity:1}
:where(body:has([data-dp-strana="naslovna"])) .h5{
--ab:236px;--at:214px}
:where(body:has([data-dp-strana="naslovna"])) .h5 .h5-t{
top:94px}
}
@media(max-width:760px) and (max-height:700px){
html :where(body:has([data-dp-strana="naslovna"])) .h5{
--ab:206px;--at:196px}
:where(body:has([data-dp-strana="naslovna"])) .h5 .h5-t{
top:80px}
}
@media(max-width:860px) and (max-height:700px){
:where(body:has([data-dp-strana="naslovna"])) .h5{
--ab:250px}
:where(body:has([data-dp-strana="naslovna"])) .h5-goo{
top:calc(100% - var(--ab) + 58px)}
:where(body:has([data-dp-strana="naslovna"])) .h5-cta{
top:calc(100% - var(--ab) + 112px)}
}
:where(body:has([data-dp-strana="naslovna"])) .vp{
position:relative;background:var(--pena);overflow:hidden}
:where(body:has([data-dp-strana="naslovna"])) .vp-st{
position:relative;height:100vh;height:100svh;min-height:560px}
:where(body:has([data-dp-strana="naslovna"])) .vp-m{
position:absolute;inset:0;margin:0;background:var(--dubina);overflow:hidden;
  clip-path:inset(18% max(20px,calc((100% - 1320px)/2)) 18% max(20px,calc((100% - 1320px)/2)) round 6px);will-change:clip-path}
:where(body:has([data-dp-strana="naslovna"])) .vp-m video,:where(body:has([data-dp-strana="naslovna"])) .vp-m img{
position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;will-change:transform}
:where(body:has([data-dp-strana="naslovna"])) .vp-msg{
position:absolute;inset:0;display:grid;place-items:end end;z-index:2;pointer-events:none;padding:0 max(24px,calc((100% - 1320px)/2)) clamp(40px,7vh,72px)}
:where(body:has([data-dp-strana="naslovna"])) .vp-msg span{
grid-area:1/1;padding:.5em .8em;font:400 clamp(1.5rem,2.5vw,2.3rem)/1.15 var(--h);color:var(--pena);text-align:right;max-width:18ch;
  text-shadow:0 1px 18px rgba(6,23,30,.6),0 1px 3px rgba(6,23,30,.4);
  background:radial-gradient(closest-side,rgba(6,23,30,.34),rgba(6,23,30,0));visibility:hidden}
:where(body:has([data-dp-strana="naslovna"])) .vp-msg span:nth-of-type(2){
white-space:nowrap}
@media(max-width:760px){
:where(body:has([data-dp-strana="naslovna"])) .vp-st{
height:88svh;min-height:520px}
:where(body:has([data-dp-strana="naslovna"])) .vp{
background:transparent;pointer-events:none}
:where(body:has([data-dp-strana="naslovna"])) .vp-m{
clip-path:inset(calc(50% - 31vw + 12px) 20px calc(50% - 31vw + 12px) 20px round 6px)}
:where(body:has([data-dp-strana="naslovna"])) .vp-msg{
place-items:end start;padding:0 20px 92px}
:where(body:has([data-dp-strana="naslovna"])) .vp-msg span{
text-align:left;font-size:min(1.5rem,6.6vw);max-width:none}
}
@media(prefers-reduced-motion:reduce){
:where(body:has([data-dp-strana="naslovna"])) .vp-st{
height:auto;min-height:0;padding:clamp(72px,9vw,120px) 0;display:flex;justify-content:center}
:where(body:has([data-dp-strana="naslovna"])) .vp-m{
position:relative;inset:auto;width:min(1320px,calc(100% - 40px));aspect-ratio:16/9;clip-path:none;border-radius:6px}
:where(body:has([data-dp-strana="naslovna"])) .vp-msg{
display:none}
}
:where(body:has([data-dp-strana="naslovna"])) .dg{
background:var(--pena)}
:where(body:has([data-dp-strana="naslovna"])) .dg .wrap{
display:grid;grid-template-columns:4fr 8fr;gap:40px 72px;align-items:start}
:where(body:has([data-dp-strana="naslovna"])) .dg-l{
position:sticky;top:130px}
:where(body:has([data-dp-strana="naslovna"])) .dg-l h2{
margin-top:16px;max-width:9ch}
:where(body:has([data-dp-strana="naslovna"])) .dg-l h2{
max-width:11ch}
:where(body:has([data-dp-strana="naslovna"])) .dg-lead{
margin-top:20px;font-size:1rem;line-height:1.65;max-width:36ch}
:where(body:has([data-dp-strana="naslovna"])) .dg-k{
display:block;width:260px;height:260px;margin-top:44px;overflow:visible;stroke:var(--dubina);stroke-width:.8;stroke-linejoin:round;fill:none}
:where(body:has([data-dp-strana="naslovna"])) .dg-k .k-dr{
fill:#E3CBA4}
:where(body:has([data-dp-strana="naslovna"])) .dg-k .k-rim{
stroke:#C99F6E;stroke-width:12}
:where(body:has([data-dp-strana="naslovna"])) .dg-k .k-ln{
fill:none}
:where(body:has([data-dp-strana="naslovna"])) .dg-k .k-gr{
stroke:rgba(14,42,54,.35);stroke-width:.4;stroke-dasharray:9 5 3 6}
:where(body:has([data-dp-strana="naslovna"])) .dg-k .k-gr2{
stroke-dasharray:4 7 12 4}
:where(body:has([data-dp-strana="naslovna"])) .dg-k .k-br{
stroke:var(--med);stroke-width:2.2}
:where(body:has([data-dp-strana="naslovna"])) .dg-k .k-bz{
fill:var(--med)}
:where(body:has([data-dp-strana="naslovna"])) .dg-k .k-hb{
fill:var(--dubina);stroke:none}
:where(body:has([data-dp-strana="naslovna"])) .dg-grid{
display:grid;grid-template-columns:1fr 1fr;gap:18px}
:where(body:has([data-dp-strana="naslovna"])) .dg-grid .dg-t:nth-child(even){
margin:64px 0 -64px}
:where(body:has([data-dp-strana="naslovna"])) .dg-t{
--ak:var(--dunav);position:relative;display:flex;flex-direction:column;min-height:330px;padding:30px 30px 28px;border-radius:4px;background:var(--bg);text-decoration:none;color:var(--tekst);overflow:hidden;isolation:isolate}
:where(body:has([data-dp-strana="naslovna"])) .dg-t::after{
content:"";position:absolute;inset:0;z-index:-1;background:rgba(14,42,54,.045);transform:scaleY(0);transform-origin:bottom;transition:transform .7s var(--ease)}
:where(body:has([data-dp-strana="naslovna"])) .dg-t:hover::after{
transform:scaleY(1)}
:where(body:has([data-dp-strana="naslovna"])) .dg-n{
position:absolute;top:28px;right:30px;font-size:.72rem;font-weight:600;letter-spacing:.16em;color:var(--tekst-2)}
:where(body:has([data-dp-strana="naslovna"])) .dg-i{
width:96px;height:96px;margin:-8px 0 0 -8px;stroke:var(--dubina);fill:none;stroke-width:1;stroke-linecap:round;stroke-linejoin:round;transition:transform .8s var(--ease)}
:where(body:has([data-dp-strana="naslovna"])) .dg-i use{
stroke-dasharray:1;stroke-dashoffset:1;transition:stroke-dashoffset 1.8s var(--ease)}
:where(body:has([data-dp-strana="naslovna"])) .dg-t.drawn .dg-i use,:where(body:has([data-dp-strana="naslovna"])) .no-js .dg-i use{
stroke-dashoffset:0}
:where(body:has([data-dp-strana="naslovna"])) .dg-t:hover .dg-i{
transform:translateY(-5px) rotate(-5deg)}
:where(body:has([data-dp-strana="naslovna"])) .dg-t h3{
margin-top:auto;padding-top:40px}
:where(body:has([data-dp-strana="naslovna"])) .dg-t p{
margin-top:10px;font-size:.9375rem;line-height:1.6}
:where(body:has([data-dp-strana="naslovna"])) .dg-t .btn-t{
margin-top:18px;font-size:.8125rem}
:where(body:has([data-dp-strana="naslovna"])) .dg-t:hover .btn-t::before{
transform:scaleX(1);transform-origin:left}
:where(body:has([data-dp-strana="naslovna"])) .dg-t:hover .ar{
animation:arr .7s var(--ease)}
@media(max-width:960px){
:where(body:has([data-dp-strana="naslovna"])) .dg .wrap{
grid-template-columns:1fr}
:where(body:has([data-dp-strana="naslovna"])) .dg-l{
position:relative;padding-right:130px}
:where(body:has([data-dp-strana="naslovna"])) .dg-l h2{
max-width:none}
:where(body:has([data-dp-strana="naslovna"])) .dg-k{
position:absolute;top:0;right:-6px;width:118px;height:118px;margin:0}
}
@media(max-width:640px){
:where(body:has([data-dp-strana="naslovna"])) .dg-grid{
grid-template-columns:1fr;gap:10px}
:where(body:has([data-dp-strana="naslovna"])) .dg-grid .dg-t:nth-child(even){
margin:0}
:where(body:has([data-dp-strana="naslovna"])) .dg-t{
min-height:0;display:grid;grid-template-columns:58px 1fr;gap:0 18px;padding:22px 20px}
:where(body:has([data-dp-strana="naslovna"])) .dg-i{
width:62px;height:62px;margin:-4px 0 0 -4px;grid-row:1/4}
:where(body:has([data-dp-strana="naslovna"])) .dg-t h3{
padding-top:0;font-size:1.3rem}
:where(body:has([data-dp-strana="naslovna"])) .dg-t p{
margin-top:6px;font-size:.875rem}
:where(body:has([data-dp-strana="naslovna"])) .dg-t .btn-t{
margin-top:10px}
:where(body:has([data-dp-strana="naslovna"])) .dg-n{
display:none}
}
:where(body:has([data-dp-strana="naslovna"])) .pk{
background:var(--dubina);color:var(--pena)}
:where(body:has([data-dp-strana="naslovna"])) .pk h2,:where(body:has([data-dp-strana="naslovna"])) .pk h3{
color:var(--pena)}
:where(body:has([data-dp-strana="naslovna"])) .pk .eyebrow{
color:var(--med)}
:where(body:has([data-dp-strana="naslovna"])) .pk p{
color:rgba(250,246,238,.74)}
:where(body:has([data-dp-strana="naslovna"])) .pk{
overflow:clip}
:where(body:has([data-dp-strana="naslovna"])) .pk-h{
display:grid;grid-template-columns:8fr 4fr;gap:20px 72px;align-items:end}
:where(body:has([data-dp-strana="naslovna"])) .pk-h h2{
margin-top:16px;max-width:20ch}
:where(body:has([data-dp-strana="naslovna"])) .pk-h .lead{
color:var(--pena);max-width:28ch;padding-bottom:10px}
:where(body:has([data-dp-strana="naslovna"])) .pk-row{
list-style:none;display:grid;grid-template-columns:repeat(5,1fr);gap:22px;margin-top:clamp(52px,6vw,84px)}
:where(body:has([data-dp-strana="naslovna"])) .pk-c{
display:flex;flex-direction:column;will-change:transform}
:where(body:has([data-dp-strana="naslovna"])) .pk-n{
display:flex;align-items:center;gap:14px;margin-bottom:20px;font:400 1.05rem/1 var(--h);color:var(--med)}
:where(body:has([data-dp-strana="naslovna"])) .pk-n::after{
content:"";flex:1;height:1px;margin-right:-22px;background:rgba(250,246,238,.2)}
:where(body:has([data-dp-strana="naslovna"])) .pk-c:last-child .pk-n::after{
margin-right:0;background:linear-gradient(90deg,rgba(250,246,238,.2),transparent)}
:where(body:has([data-dp-strana="naslovna"])) .pk-c figure{
aspect-ratio:1/1;border-radius:4px;overflow:hidden;background:rgba(250,246,238,.06)}
:where(body:has([data-dp-strana="naslovna"])) .pk-c img{
width:100%;height:100%;object-fit:cover;transition:transform 1.2s var(--ease)}
:where(body:has([data-dp-strana="naslovna"])) .pk-c:hover img{
transform:scale(1.06)}
:where(body:has([data-dp-strana="naslovna"])) .pk-c h3{
margin-top:22px;font-size:1.3rem}
:where(body:has([data-dp-strana="naslovna"])) .pk-c p{
margin-top:10px;font-size:.9rem;line-height:1.6}
:where(body:has([data-dp-strana="naslovna"])) .pk-bot{
display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:20px 40px;margin-top:clamp(52px,5vw,76px);padding-top:30px;border-top:1px solid rgba(250,246,238,.18)}
:where(body:has([data-dp-strana="naslovna"])) .pk-ct{
font:400 1.35rem/1.3 var(--h);color:var(--pena)!important}
:where(body:has([data-dp-strana="naslovna"])) .pk-note{
margin-top:6px;font-size:.9375rem}
@media(max-width:1100px){
:where(body:has([data-dp-strana="naslovna"])) .pk-row{
display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;margin:48px -32px 0;padding:0 32px 4px;scroll-padding:0 32px}
:where(body:has([data-dp-strana="naslovna"])) .pk-row::-webkit-scrollbar{
display:none}
:where(body:has([data-dp-strana="naslovna"])) .pk-c{
flex:0 0 min(300px,70vw);scroll-snap-align:start}
:where(body:has([data-dp-strana="naslovna"])) .pk-n::after{
margin-right:-14px}
}
@media(max-width:860px){
:where(body:has([data-dp-strana="naslovna"])) .pk-h{
grid-template-columns:1fr}
:where(body:has([data-dp-strana="naslovna"])) .pk-h .lead{
padding:0}
}
@media(max-width:640px){
:where(body:has([data-dp-strana="naslovna"])) .pk-row{
margin:40px -20px 0;padding:0 20px 4px;scroll-padding:0 20px}
:where(body:has([data-dp-strana="naslovna"])) .pk-c h3{
font-size:1.25rem}
:where(body:has([data-dp-strana="naslovna"])) .pk-bot .btn{
width:100%;justify-content:center}
}
:where(body:has([data-dp-strana="naslovna"])) .pr{
background:var(--pena);padding:clamp(88px,11vw,150px) 0 clamp(80px,9vw,130px)}
:where(body:has([data-dp-strana="naslovna"])) .pr-h{
display:grid;grid-template-columns:6fr 5fr;gap:24px 72px;align-items:end;margin-bottom:clamp(40px,5vw,64px)}
:where(body:has([data-dp-strana="naslovna"])) .pr-h h2{
margin-top:16px;max-width:13ch}
:where(body:has([data-dp-strana="naslovna"])) .pr-h .row{
margin-top:26px}
:where(body:has([data-dp-strana="naslovna"])) .pr-pin{
height:100vh;display:flex;align-items:center;justify-content:center;overflow:hidden}
:where(body:has([data-dp-strana="naslovna"])) .pr-frame{
position:relative;width:calc(100% - 64px);max-width:1440px;height:min(80vh,820px);border-radius:6px;overflow:hidden;background:var(--dubina)}
:where(body:has([data-dp-strana="naslovna"])) .pr-frame img{
position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
:where(body:has([data-dp-strana="naslovna"])) .pr-noc{
clip-path:inset(0 0 0 100%)}
:where(body:has([data-dp-strana="naslovna"])) .pr-line{
position:absolute;top:0;bottom:0;left:100%;width:1px;background:rgba(250,246,238,.85)}
:where(body:has([data-dp-strana="naslovna"])) .pr-line::after{
content:"";position:absolute;top:50%;left:-22px;width:44px;height:44px;margin-top:-22px;border-radius:50%;border:1px solid rgba(250,246,238,.85);background:rgba(14,42,54,.25);backdrop-filter:blur(4px)}
:where(body:has([data-dp-strana="naslovna"])) .pr-lbl{
position:absolute;bottom:26px;font:600 .72rem/1 var(--b);letter-spacing:.22em;text-transform:uppercase;color:var(--pena);padding:10px 14px;background:rgba(14,42,54,.42);border-radius:2px;backdrop-filter:blur(6px)}
:where(body:has([data-dp-strana="naslovna"])) .pr-d{
left:26px}
:where(body:has([data-dp-strana="naslovna"])) .pr-nn{
right:26px}
:where(body:has([data-dp-strana="naslovna"])) .sl{
position:relative;padding-top:clamp(24px,4vw,56px);padding-bottom:clamp(72px,9vw,130px)}
:where(body:has([data-dp-strana="naslovna"])) .sl-ln{
position:absolute;left:32px;right:32px;top:12%;width:calc(100% - 64px);height:70%;fill:none;stroke:var(--med);stroke-width:1.2;stroke-dasharray:2 7;stroke-linecap:round;overflow:visible}
:where(body:has([data-dp-strana="naslovna"])) .sl-ln path{
vector-effect:non-scaling-stroke}
:where(body:has([data-dp-strana="naslovna"])) .sl-s{
position:relative;z-index:1;display:grid;grid-template-columns:repeat(12,1fr);column-gap:24px}
:where(body:has([data-dp-strana="naslovna"])) .sl-f{
position:relative;margin:0;aspect-ratio:16/10;border-radius:6px;overflow:hidden;background:var(--pesak)}
:where(body:has([data-dp-strana="naslovna"])) .sl-f img{
position:absolute;left:0;top:-9%;width:100%;height:118%;object-fit:cover}
:where(body:has([data-dp-strana="naslovna"])) .sl-t{
position:relative;z-index:2;background:var(--pena)}
:where(body:has([data-dp-strana="naslovna"])) .sl-1 .sl-f{
grid-column:1/9;grid-row:1}
:where(body:has([data-dp-strana="naslovna"])) .sl-1 .sl-t{
grid-column:7/13;grid-row:2;margin-top:-110px;padding:40px 0 0 48px}
:where(body:has([data-dp-strana="naslovna"])) .sl-2{
margin-top:clamp(90px,11vw,170px)}
:where(body:has([data-dp-strana="naslovna"])) .sl-2 .sl-t{
grid-column:1/7;padding:0 48px 40px 0}
:where(body:has([data-dp-strana="naslovna"])) .sl-2 .sl-f{
grid-column:5/13;margin-top:-56px}
:where(body:has([data-dp-strana="naslovna"])) .sl-i{
font:600 .75rem/1 var(--b);letter-spacing:.22em;text-transform:uppercase;color:var(--zlato-t)}
:where(body:has([data-dp-strana="naslovna"])) .sl-n{
display:flex;flex-wrap:wrap;align-items:baseline;gap:0 12px;margin-top:22px;font-family:var(--h);color:var(--dubina);line-height:.82}
:where(body:has([data-dp-strana="naslovna"])) .sl-n small{
flex-basis:100%;margin:0 0 10px 6px;font:600 .75rem/1 var(--b);letter-spacing:.2em;text-transform:uppercase;color:var(--tekst-2)}
:where(body:has([data-dp-strana="naslovna"])) .sl-n b{
margin-left:-.04em;font-weight:400;font-size:clamp(5.5rem,12.5vw,10.5rem);letter-spacing:-.02em}
:where(body:has([data-dp-strana="naslovna"])) .sl-n i{
font-style:normal;font-size:clamp(1.6rem,3vw,2.6rem);color:var(--dunav)}
:where(body:has([data-dp-strana="naslovna"])) .sl-t h3{
margin-top:22px;font-size:clamp(1.6rem,2.4vw,2.1rem)}
:where(body:has([data-dp-strana="naslovna"])) .sl-t p{
margin-top:12px;max-width:42ch}
:where(body:has([data-dp-strana="naslovna"])) .sl-tg{
list-style:none;display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}
:where(body:has([data-dp-strana="naslovna"])) .sl-tg li{
padding:9px 15px;border:1px solid var(--ln);border-radius:40px;font-size:.8125rem;color:var(--tekst)}
:where(body:has([data-dp-strana="naslovna"])) .sl-z{
position:relative;z-index:1;display:grid;grid-template-columns:auto 1fr;gap:20px 56px;align-items:end;margin-top:clamp(80px,9vw,130px);padding-top:34px;border-top:1px solid var(--dubina)}
:where(body:has([data-dp-strana="naslovna"])) .sl-z .sl-n{
margin:0}
:where(body:has([data-dp-strana="naslovna"])) .sl-z p{
max-width:34ch;padding-bottom:14px;font:400 clamp(1.2rem,1.8vw,1.5rem)/1.4 var(--h);color:var(--dubina)}
@media(max-width:860px){
:where(body:has([data-dp-strana="naslovna"])) .pr-h{
grid-template-columns:1fr}
:where(body:has([data-dp-strana="naslovna"])) .sl-ln{
display:none}
:where(body:has([data-dp-strana="naslovna"])) .sl-s{
grid-template-columns:1fr}
:where(body:has([data-dp-strana="naslovna"])) .sl-s .sl-f,:where(body:has([data-dp-strana="naslovna"])) .sl-s .sl-t{
grid-column:1;grid-row:auto}
:where(body:has([data-dp-strana="naslovna"])) .sl-1 .sl-t{
margin:-40px 0 0 20px;padding:26px 0 0 20px}
:where(body:has([data-dp-strana="naslovna"])) .sl-2 .sl-t{
padding:0}
:where(body:has([data-dp-strana="naslovna"])) .sl-2 .sl-f{
margin-top:30px}
:where(body:has([data-dp-strana="naslovna"])) .sl-z{
grid-template-columns:1fr}
}
@media(max-width:640px){
:where(body:has([data-dp-strana="naslovna"])) .pr-frame{
width:calc(100% - 28px);height:68vh}
:where(body:has([data-dp-strana="naslovna"])) .pr-lbl{
bottom:16px}
:where(body:has([data-dp-strana="naslovna"])) .pr-d{
left:16px}
:where(body:has([data-dp-strana="naslovna"])) .pr-nn{
right:16px}
:where(body:has([data-dp-strana="naslovna"])) .sl-f{
aspect-ratio:4/3.4}
:where(body:has([data-dp-strana="naslovna"])) .sl-n b{
font-size:6.2rem}
}
:where(body:has([data-dp-strana="naslovna"])) .gs{
background:var(--pesak)}
:where(body:has([data-dp-strana="naslovna"])) .gs .wrap{
display:grid;grid-template-columns:4fr 8fr;gap:48px 80px;align-items:start}
:where(body:has([data-dp-strana="naslovna"])) .gs-l h2{
margin-top:16px}
:where(body:has([data-dp-strana="naslovna"])) .gs-r{
display:flex;align-items:flex-end;gap:18px;margin-top:36px}
:where(body:has([data-dp-strana="naslovna"])) .gs-big{
font:400 clamp(5rem,9vw,7.5rem)/.85 var(--h);color:var(--dubina);font-variant-numeric:tabular-nums}
:where(body:has([data-dp-strana="naslovna"])) .gs-r span{
font-size:.875rem;color:var(--tekst-2);line-height:1.5;padding-bottom:6px}
:where(body:has([data-dp-strana="naslovna"])) .gs-st{
display:flex;gap:4px;margin-top:18px}
:where(body:has([data-dp-strana="naslovna"])) .gs-st svg{
width:16px;height:16px;fill:var(--zlato-t)}
:where(body:has([data-dp-strana="naslovna"])) .gs-ta{
margin-top:14px;font-size:.875rem}
@media(max-width:960px){
:where(body:has([data-dp-strana="naslovna"])) .gs .wrap{
grid-template-columns:1fr}
}
:where(body:has([data-dp-strana="naslovna"])) .zp{
background:var(--bistra);padding-top:clamp(150px,15vw,210px);overflow:hidden}
:where(body:has([data-dp-strana="naslovna"])) .zp-lamp{
position:absolute;left:0;top:0;width:100%;height:140px;overflow:visible}
:where(body:has([data-dp-strana="naslovna"])) .zp-lamp .wire{
fill:none;stroke:var(--dubina);stroke-width:1;opacity:.55}
:where(body:has([data-dp-strana="naslovna"])) .zp-lamp .sock{
stroke:var(--dubina);stroke-width:1.4;opacity:.7}
:where(body:has([data-dp-strana="naslovna"])) .zp-lamp .bulb{
fill:var(--pena);stroke:var(--dubina);stroke-width:.8;transition:fill .5s,filter .5s}
:where(body:has([data-dp-strana="naslovna"])) .zp-lamp .bulb.on{
fill:var(--med);stroke:var(--zlato-t);filter:drop-shadow(0 0 7px rgba(212,168,102,.95)) drop-shadow(0 0 18px rgba(212,168,102,.55))}
:where(body:has([data-dp-strana="naslovna"])) .zp-h{
display:grid;grid-template-columns:7fr 5fr;gap:20px 80px;align-items:end}
:where(body:has([data-dp-strana="naslovna"])) .zp-h h2{
margin-top:18px;max-width:19ch;font-size:clamp(2.3rem,5vw,4rem)}
:where(body:has([data-dp-strana="naslovna"])) .zp-h .lead{
padding-bottom:8px}
:where(body:has([data-dp-strana="naslovna"])) .zp-tl{
list-style:none;position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin-top:clamp(48px,6vw,80px);counter-reset:k}
:where(body:has([data-dp-strana="naslovna"])) .zp-tl::before{
content:"";position:absolute;left:0;right:0;top:63px;border-top:1.5px dashed rgba(14,42,54,.45);transform:scaleX(0);transform-origin:left;transition:transform 1.6s var(--ease)}
:where(body:has([data-dp-strana="naslovna"])) .zp-tl.on::before{
transform:scaleX(1)}
:where(body:has([data-dp-strana="naslovna"])) .zp-tl li{
position:relative;background:var(--pena);border-radius:4px;padding:34px 32px 36px;opacity:0;transform:translateY(24px);transition:opacity .9s var(--ease),transform .9s var(--ease)}
:where(body:has([data-dp-strana="naslovna"])) .zp-tl.on li{
opacity:1;transform:none}
:where(body:has([data-dp-strana="naslovna"])) .zp-tl.on li:nth-child(2){
transition-delay:.35s}
:where(body:has([data-dp-strana="naslovna"])) .zp-tl.on li:nth-child(3){
transition-delay:.7s}
:where(body:has([data-dp-strana="naslovna"])) .zp-ik{
width:58px;height:58px;display:grid;place-items:center;border:1px solid var(--dubina);border-radius:50%;background:var(--pena);color:var(--dubina);transition:background .5s var(--ease),color .5s var(--ease)}
:where(body:has([data-dp-strana="naslovna"])) .zp-ik svg{
width:26px;height:26px;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}
:where(body:has([data-dp-strana="naslovna"])) .zp-ik .v48{
width:32px;height:32px;stroke-width:1.1}
:where(body:has([data-dp-strana="naslovna"])) .zp-tl li:hover .zp-ik{
background:var(--dubina);color:var(--med)}
:where(body:has([data-dp-strana="naslovna"])) .zp-tl li::after{
counter-increment:k;content:"0" counter(k);position:absolute;top:26px;right:30px;font:400 3.4rem/1 var(--h);color:var(--bistra)}
:where(body:has([data-dp-strana="naslovna"])) .zp-tl h3{
margin-top:30px;font-size:1.55rem}
:where(body:has([data-dp-strana="naslovna"])) .zp-tl p{
margin-top:12px;font-size:.9375rem;line-height:1.65}
:where(body:has([data-dp-strana="naslovna"])) .zp-tl li:last-child{
background:var(--dubina)}
:where(body:has([data-dp-strana="naslovna"])) .zp-tl li:last-child h3{
color:var(--pena)}
:where(body:has([data-dp-strana="naslovna"])) .zp-tl li:last-child p{
color:rgba(250,246,238,.74)}
:where(body:has([data-dp-strana="naslovna"])) .zp-tl li:last-child .zp-ik{
background:var(--med);border-color:var(--med);color:var(--dubina)}
:where(body:has([data-dp-strana="naslovna"])) .zp-tl li:last-child::after{
color:rgba(250,246,238,.1)}
:where(body:has([data-dp-strana="naslovna"])) .zp-cta{
display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:28px 40px;margin-top:44px;padding-top:32px;border-top:1px solid rgba(14,42,54,.16)}
:where(body:has([data-dp-strana="naslovna"])) .zp-cta .row{
display:flex;flex-wrap:wrap;gap:12px 14px}
:where(body:has([data-dp-strana="naslovna"])) .zp-who{
display:block;margin-top:12px;font-size:.8125rem;color:var(--tekst-2)}
:where(body:has([data-dp-strana="naslovna"])) .zp-mi{
display:grid;gap:10px;justify-items:start}
:where(body:has([data-dp-strana="naslovna"])) .zp-park{
display:flex;gap:10px;align-items:center;font-size:.875rem;color:var(--tekst-2)}
:where(body:has([data-dp-strana="naslovna"])) .zp-park svg{
width:18px;height:18px;flex:none;stroke:var(--dunav);fill:none;stroke-width:1.5}
@media(max-width:960px){
:where(body:has([data-dp-strana="naslovna"])) .zp-h{
grid-template-columns:1fr}
:where(body:has([data-dp-strana="naslovna"])) .zp-tl{
grid-template-columns:1fr;gap:16px}
:where(body:has([data-dp-strana="naslovna"])) .zp-tl::before{
left:61px;right:auto;top:0;bottom:0;border-top:0;border-left:1.5px dashed rgba(14,42,54,.45);transform:scaleY(0);transform-origin:top}
:where(body:has([data-dp-strana="naslovna"])) .zp-tl.on::before{
transform:scaleY(1)}
:where(body:has([data-dp-strana="naslovna"])) .zp-tl li{
display:grid;grid-template-columns:58px 1fr;gap:4px 22px;padding:26px 24px 28px 32px}
:where(body:has([data-dp-strana="naslovna"])) .zp-ik{
grid-row:1/3}
:where(body:has([data-dp-strana="naslovna"])) .zp-tl h3{
margin-top:4px}
:where(body:has([data-dp-strana="naslovna"])) .zp-tl p{
margin-top:0}
:where(body:has([data-dp-strana="naslovna"])) .zp-tl li::after{
top:20px;right:20px;font-size:2.4rem}
}
@media(max-width:640px){
:where(body:has([data-dp-strana="naslovna"])) .zp{
padding-top:130px}
:where(body:has([data-dp-strana="naslovna"])) .zp-lamp{
height:100px}
:where(body:has([data-dp-strana="naslovna"])) .zp-tl li{
grid-template-columns:48px 1fr;padding:22px 20px 24px 22px}
:where(body:has([data-dp-strana="naslovna"])) .zp-tl::before{
left:46px}
:where(body:has([data-dp-strana="naslovna"])) .zp-ik{
width:48px;height:48px}
:where(body:has([data-dp-strana="naslovna"])) .zp-tl h3{
font-size:1.3rem}
:where(body:has([data-dp-strana="naslovna"])) .zp-cta .row{
display:grid;width:100%}
:where(body:has([data-dp-strana="naslovna"])) .zp-cta .row .btn{
justify-content:center}
}
:where(body:has([data-dp-strana="naslovna"])) #ukljuceno{
z-index:3}