@font-face{font-family:"Geologica rezerva";src:local('Arial Bold'), local('Arial');size-adjust:95.28%;ascent-override:102.33%;descent-override:28.86%;line-gap-override:0.00%}@font-face{font-family:"Geologica";src:url(/fonts/naslov.7f3d7e74.woff2) format("woff2");font-weight:300 800;font-style:normal;font-display:swap}@font-face{font-family:"Inclusive Sans rezerva";src:local('Arial');size-adjust:100.68%;ascent-override:94.35%;descent-override:24.83%;line-gap-override:0.00%}@font-face{font-family:"Inclusive Sans";src:url(/fonts/telo.fee9f9ad.woff2) format("woff2");font-weight:400 700;font-style:normal;font-display:swap}/* WINMEDIC · „Bestsenčno svetlo" (atelier-plan.md). Platno 60 %, mornarica sa znaka 30 %, hirurška zelena 10 % samo za radnje. */
:root{
  --platno:#EFF2F6;--pomak:#E6EBF1;--polje:#F8FAFC;--mornarica:#0C2458;--mornarica2:#122E6B;--tiho:#4A5A7E;--ivica:#7C89A6;
  --zelena:#0A6F5B;--zelena2:#085A4A;--zelena-sv:#5CC9AE;--upoz:#8A4B00;--greska:#A1262E;
  --linija:rgba(12,36,88,.14);--linija2:rgba(12,36,88,.24);
  --naslov:"Geologica","Geologica rezerva",sans-serif;--telo:"Inclusive Sans","Inclusive Sans rezerva",sans-serif;
  --gut:clamp(1rem,3.6vw,2.75rem);--max:84rem;--r:6px;--pod:var(--platno);
  --senka:0 1px 2px rgba(12,36,88,.06),0 18px 40px -22px rgba(12,36,88,.28);
  --ease:cubic-bezier(.2,.7,.2,1);
  color-scheme:light;
}
*,*::before,*::after{box-sizing:border-box}
[hidden]{display:none!important}
figure{margin:0}
html{-webkit-text-size-adjust:100%;scroll-padding-top:7rem}
body{margin:0;background:var(--platno);color:var(--mornarica);font-family:var(--telo);font-size:1.0625rem;line-height:1.6;font-weight:400}
.sifra,.plocica,input.br,.pd-tabela td:nth-child(2){font-feature-settings:"zero" 1}
.tamno .znak-pod{color:#A9B6D3}
img,svg,picture{display:block;max-width:100%}img{height:auto}
a{color:inherit;text-underline-offset:.22em;text-decoration-thickness:1px}
p{margin:0}ul,ol{margin:0;padding:0;list-style:none}dl,dd{margin:0}
h1,h2,h3,h4{font-family:var(--naslov);font-weight:700;line-height:1.08;margin:0;text-wrap:balance;letter-spacing:-.015em}
button,input,select,textarea{font:inherit;color:inherit}
button{cursor:pointer}
.omot{width:min(100% - 2*var(--gut),var(--max));margin-inline:auto}
.vs{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}
.preskoci{position:absolute;left:.75rem;top:-4rem;z-index:90;background:var(--mornarica);color:#fff;padding:.75rem 1rem;border-radius:var(--r)}
.preskoci:focus{top:.75rem}
:focus-visible{outline:2px solid var(--zelena);outline-offset:3px}
.tamno :focus-visible{outline-color:var(--zelena-sv)}
.nb{white-space:nowrap}
.br,.tab{font-variant-numeric:tabular-nums}
.nadnaslov{font-family:var(--telo);font-size:.78rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--tiho)}
.tamno .nadnaslov{color:#A9B6D3}
.ik{width:1.25em;height:1.25em;flex:none;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}

/* ───────── dugmad */
.dugme{display:inline-flex;align-items:center;justify-content:center;gap:.55rem;min-height:3rem;padding:.7rem 1.35rem;border:0;border-radius:var(--r);background:var(--zelena);color:#F8FAFC;font-weight:600;font-size:1rem;line-height:1.2;text-decoration:none;transition:background-color .18s var(--ease),transform .09s var(--ease)}
.dugme:hover{background:var(--zelena2)}
.dugme:active{transform:scale(.97)}
.dugme-obris{background:transparent;color:var(--mornarica);box-shadow:inset 0 0 0 1.5px var(--linija2)}
.dugme-obris:hover{background:rgba(12,36,88,.05)}
.tamno .dugme-obris{color:#F8FAFC;box-shadow:inset 0 0 0 1.5px rgba(248,250,252,.4)}
.tamno .dugme-obris:hover{background:rgba(248,250,252,.08)}
.dugme[disabled]{opacity:.55;cursor:not-allowed}
.veza{color:var(--zelena);font-weight:600;text-decoration:none;display:inline-flex;align-items:center;gap:.35rem}
.veza:hover{text-decoration:underline}
.veza .ik{transition:transform .2s var(--ease)}
.veza:hover .ik{transform:translateX(3px)}
.tamno .veza{color:var(--zelena-sv)}

/* ───────── polje svetla (potpis): krug sa dvostrukim prstenom znaka */
/* Kvadrat slike staje u krug (stranica 70 % prečnika), a krug seče sve van sebe; bela podloga se stapa sa svetlom
   kroz multiply na <picture> (ne na <img>: animacija ili pomeranje slike bi napravilo svoj sloj i belo bi ostalo) */
.polje{position:relative;display:block;aspect-ratio:1;border-radius:50%;isolation:isolate;overflow:hidden;
  background:radial-gradient(circle at 50% 40%,#fff 0,var(--polje) 58%,#EDF1F6 100%);
  box-shadow:0 0 0 1px rgba(12,36,88,.22),0 0 0 7px var(--pod),0 0 0 8px rgba(12,36,88,.1)}
.polje picture,.polje>img{position:absolute;inset:15%;width:70%;height:70%;mix-blend-mode:multiply}
.polje img{width:100%;height:100%;object-fit:contain}
.polje.foto picture{inset:0;width:100%;height:100%;mix-blend-mode:normal}
.polje.foto img{object-fit:cover}

/* ───────── zaglavlje */
.demo-traka{background:var(--mornarica);color:#C9D3E8;font-size:.78rem;text-align:center;padding:.35rem var(--gut);white-space:nowrap;overflow:hidden;text-overflow:clip}
.zaglavlje{position:sticky;top:0;z-index:50;background:rgba(239,242,246,.94);backdrop-filter:saturate(1.2) blur(10px);-webkit-backdrop-filter:saturate(1.2) blur(10px);border-bottom:1px solid var(--linija)}
.zg-red{display:flex;align-items:center;gap:clamp(.75rem,2vw,2rem);min-height:4.5rem}
.znak{display:flex;align-items:center;gap:.7rem;text-decoration:none;flex:none}
.znak svg{width:2.75rem;height:2.75rem}
.znak-tekst{display:grid;line-height:1}
.znak-ime{font-family:var(--naslov);font-weight:800;font-size:1.32rem;letter-spacing:.05em}
.znak-pod{font-size:.56rem;letter-spacing:.2em;text-transform:uppercase;color:var(--tiho);margin-top:.32rem;font-weight:600}
.pretraga{position:relative;flex:1;max-width:34rem;margin-inline:auto}
.pretraga-polje{display:flex;align-items:center;gap:.5rem;background:#fff;border-radius:var(--r);box-shadow:inset 0 0 0 1px var(--linija2);padding:0 .9rem;min-height:2.85rem;transition:box-shadow .18s}
.pretraga-polje:focus-within{box-shadow:inset 0 0 0 2px var(--zelena)}
.pretraga input{flex:1;min-width:0;border:0;background:transparent;padding:.55rem 0;outline:0}
.pretraga input::placeholder{color:#6D7A97}
.pretraga .ik{color:var(--tiho)}
.rezultati{position:absolute;left:0;right:0;top:calc(100% + .4rem);background:var(--polje);border-radius:var(--r);box-shadow:var(--senka),0 0 0 1px var(--linija);padding:.4rem;z-index:60;max-height:min(70vh,32rem);overflow:auto}
.rezultati[hidden]{display:none}
.rez{display:grid;grid-template-columns:3rem minmax(0,1fr);gap:.75rem;align-items:center;padding:.45rem .55rem;border-radius:4px;text-decoration:none}
.rez[aria-selected="true"],.rez:hover{background:var(--pomak)}
.rez .polje{width:3rem;--pod:var(--polje);box-shadow:0 0 0 1px rgba(12,36,88,.18)}
.rez-ime{font-weight:600;line-height:1.3;display:block}
.rez-meta{font-size:.82rem;color:var(--tiho)}
.rez-meta b{font-weight:600;color:var(--mornarica)}
.rez-nista{padding:.8rem;color:var(--tiho);font-size:.95rem}
mark{background:rgba(92,201,174,.35);color:inherit;border-radius:2px}
.zg-desno{display:flex;align-items:center;gap:.4rem;flex:none}
.zg-tel{display:inline-flex;align-items:center;gap:.5rem;text-decoration:none;font-weight:600;padding:.5rem .7rem;border-radius:var(--r);white-space:nowrap}
.zg-tel:hover{background:rgba(12,36,88,.06)}
.zg-tel small{display:block;font-size:.7rem;font-weight:400;color:var(--tiho);line-height:1}
.korpa-dugme{position:relative;display:inline-flex;align-items:center;gap:.5rem;min-height:2.85rem;padding:.5rem .95rem;border-radius:var(--r);background:var(--mornarica);color:#F8FAFC;text-decoration:none;font-weight:600}
.korpa-dugme:hover{background:var(--mornarica2)}
.znacka{display:inline-grid;place-items:center;min-width:1.45rem;height:1.45rem;padding:0 .35rem;border-radius:999px;background:var(--zelena-sv);color:var(--mornarica);font-size:.8rem;font-weight:700;font-variant-numeric:tabular-nums}
.znacka[hidden]{display:none}
.znacka.skok{animation:skok .3s var(--ease)}
@keyframes skok{0%{transform:scale(1)}45%{transform:scale(1.22)}100%{transform:scale(1)}}
.ikona-dugme{display:none;align-items:center;justify-content:center;width:2.85rem;height:2.85rem;border:0;border-radius:var(--r);background:transparent;color:var(--mornarica)}
.ikona-dugme:hover{background:rgba(12,36,88,.06)}

/* glavni meni (računar) */
.meni-red{display:flex;align-items:stretch;gap:.25rem;min-height:3rem;border-top:1px solid var(--linija);overflow-x:auto;scrollbar-width:none}
.meni-red::-webkit-scrollbar{display:none}
.meni-stavka{display:inline-flex;align-items:center;gap:.4rem;padding:0 .9rem;border:0;background:none;font-weight:600;font-size:.97rem;text-decoration:none;white-space:nowrap;position:relative;color:var(--mornarica)}
.meni-stavka::after{content:"";position:absolute;left:.9rem;right:.9rem;bottom:-1px;height:2px;background:var(--zelena);transform:scaleX(0);transform-origin:left;transition:transform .22s var(--ease)}
.meni-stavka:hover::after,.meni-stavka[aria-expanded="true"]::after,.meni-stavka[aria-current="page"]::after{transform:scaleX(1)}
.meni-stavka .strelica{width:.7rem;height:.7rem;transition:transform .2s var(--ease)}
.meni-stavka[aria-expanded="true"] .strelica{transform:rotate(180deg)}
.meni-red .razmak{flex:1}
.meni-sitno{font-weight:400;color:var(--tiho)}

/* mega panel */
.mega{position:absolute;left:0;right:0;top:100%;background:var(--polje);border-bottom:1px solid var(--linija);box-shadow:0 30px 60px -30px rgba(12,36,88,.35);visibility:hidden;opacity:0;transform:translateY(-6px);transition:opacity .18s var(--ease),transform .18s var(--ease),visibility 0s .18s;max-height:calc(100vh - 8rem);overflow:auto}
.mega.otvoren{visibility:visible;opacity:1;transform:none;transition:opacity .18s var(--ease),transform .18s var(--ease),visibility 0s}
.mega-unutra{display:grid;grid-template-columns:minmax(0,1fr) 19rem;gap:clamp(1.5rem,3vw,3rem);padding:2rem 0 1.6rem}
.mega-kolone{columns:3 13rem;column-gap:2.25rem}
.mega-grupa{break-inside:avoid;margin:0 0 1.5rem}
.mega-naslov{display:flex;justify-content:space-between;gap:.75rem;font-family:var(--naslov);font-weight:600;font-size:1.05rem;text-decoration:none;padding:.15rem 0 .45rem;border-bottom:1px solid var(--linija);margin-bottom:.4rem}
.mega-naslov:hover{color:var(--zelena)}
.broj{font-variant-numeric:tabular-nums;color:var(--tiho);font-weight:400;font-family:var(--telo);font-size:.85rem}
.mega-grupa li a{display:flex;justify-content:space-between;gap:.75rem;padding:.28rem 0;color:var(--tiho);text-decoration:none;font-size:.95rem}
.mega-grupa li a:hover{color:var(--mornarica)}
.mega-grupa li a:hover .broj{color:var(--zelena)}
.mega-strana{background:var(--platno);border-radius:var(--r);padding:1.25rem;display:grid;align-content:start;gap:1rem}
.mega-strana .polje{width:min(100%,12rem);margin:.5rem auto;--pod:var(--platno)}
.mega-strana p{font-size:.92rem;color:var(--tiho)}
.mega-sve{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center;gap:1rem;border-top:1px solid var(--linija);padding-top:1rem;flex-wrap:wrap}
.mega .mega-grupa,.mega .mega-strana{opacity:0;transform:translateY(4px)}
.mega.otvoren .mega-grupa,.mega.otvoren .mega-strana{opacity:1;transform:none;transition:opacity .28s var(--ease),transform .28s var(--ease)}
@media (prefers-reduced-motion:no-preference){
  .mega.otvoren .mega-grupa:nth-child(2){transition-delay:30ms}.mega.otvoren .mega-grupa:nth-child(3){transition-delay:60ms}.mega.otvoren .mega-grupa:nth-child(4){transition-delay:90ms}.mega.otvoren .mega-grupa:nth-child(5){transition-delay:120ms}.mega.otvoren .mega-grupa:nth-child(n+6){transition-delay:150ms}.mega.otvoren .mega-strana{transition-delay:80ms}
}
.prostorije-mega{display:grid;grid-template-columns:repeat(auto-fill,minmax(14rem,1fr));gap:1rem}
.prostorija-k{display:grid;grid-template-columns:4.5rem minmax(0,1fr);gap:.9rem;align-items:center;padding:.6rem;border-radius:var(--r);text-decoration:none}
.prostorija-k:hover{background:var(--platno)}
.prostorija-k .polje{--pod:var(--polje)}
.prostorija-k b{display:block;font-family:var(--naslov);font-weight:600}
.prostorija-k span{font-size:.85rem;color:var(--tiho)}

/* meni na telefonu */
.fioka{border:0;padding:0;margin:0 0 0 auto;width:min(100%,26rem);max-width:100%;height:100dvh;max-height:100dvh;background:var(--polje);color:var(--mornarica)}
.fioka::backdrop{background:rgba(12,36,88,.45)}
.fioka[open]{animation:fioka-ulaz .26s var(--ease)}
@keyframes fioka-ulaz{from{transform:translateX(24px);opacity:0}}
.fioka-glava{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;border-bottom:1px solid var(--linija)}
.fioka-glava .pretraga{max-width:none}
.fioka-telo{position:relative;overflow:hidden;height:calc(100dvh - 4.4rem)}
.nivo{position:absolute;inset:0;overflow:auto;padding:.5rem 0 2rem;background:var(--polje);transition:transform .26s var(--ease),visibility 0s}
.nivo[aria-hidden="true"]{transform:translateX(100%);visibility:hidden;transition:transform .26s var(--ease),visibility 0s .26s}
.nivo.levo[aria-hidden="true"]{transform:translateX(-30%)}
.nivo a,.nivo button{display:flex;align-items:center;justify-content:space-between;gap:.75rem;width:100%;min-height:3.1rem;padding:.6rem 1.25rem;border:0;background:none;text-align:left;text-decoration:none;font-size:1.02rem;border-bottom:1px solid rgba(12,36,88,.07)}
.nivo .nazad{color:var(--zelena);font-weight:600;justify-content:flex-start}
.nivo .sve{font-weight:600}
.nivo-naslov{padding:1rem 1.25rem .4rem;font-family:var(--naslov);font-weight:700;font-size:1.35rem}
.nivo .gore{font-family:var(--naslov);font-weight:600;font-size:1.1rem}
.fioka-dno{padding:1rem 1.25rem;display:grid;gap:.5rem}
.nivo .fioka-dno .dugme{justify-content:center;background:var(--zelena);color:#F8FAFC;border-bottom:0;border-radius:var(--r);padding:.7rem 1.35rem}
.nivo .broj{display:inline-flex;align-items:center;gap:.5rem}
.nivo .broj .ik{width:1rem;height:1rem;color:var(--ivica)}

/* ───────── heroj (početna) */
.tamno{background:var(--mornarica);color:#F8FAFC;--pod:var(--mornarica)}
.tamno .tiho,.tamno p.uvod{color:#C2CCE2}
.heroj{position:relative;overflow:hidden}
.heroj-mreza{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:clamp(2rem,5vw,5rem);align-items:center;padding:clamp(2.5rem,6vw,5.5rem) 0 clamp(2.5rem,5vw,4.5rem)}
.heroj h1{font-size:clamp(2.55rem,1.2rem + 4.4vw,5.25rem);font-weight:800;line-height:1;letter-spacing:-.03em;margin:.9rem 0 1.4rem}
.heroj h1 .svetlo{color:var(--zelena-sv)}
.heroj .uvod{font-size:clamp(1.05rem,1rem + .3vw,1.22rem);max-width:36rem;color:#C2CCE2}
.heroj-radnje{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:2rem}
.heroj-brojevi{display:flex;flex-wrap:wrap;gap:1.75rem 2.75rem;margin-top:2.75rem;padding-top:1.5rem;border-top:1px solid rgba(248,250,252,.14)}
.heroj-brojevi div{display:grid}
.heroj-brojevi b{font-family:var(--naslov);font-weight:300;font-size:clamp(2rem,1.4rem + 1.6vw,2.9rem);line-height:1;font-variant-numeric:tabular-nums}
.heroj-brojevi span{font-size:.85rem;color:#A9B6D3;margin-top:.35rem}
.lampa{position:relative;width:min(100%,34rem);margin-inline:auto}
.lampa-krug{position:relative;aspect-ratio:1}
.lampa-krug .polje{position:absolute;inset:8%;--pod:var(--mornarica);box-shadow:0 0 0 1px rgba(248,250,252,.35),0 0 0 9px var(--mornarica),0 0 0 10px rgba(248,250,252,.14),0 0 120px 10px rgba(248,250,252,.12)}
.ledovi{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.ledovi circle{fill:#F8FAFC}
.ledovi .prsten{fill:none;stroke:rgba(248,250,252,.16);stroke-width:.6}
.slajd{position:absolute;inset:0;opacity:0;transition:opacity .6s var(--ease);mix-blend-mode:multiply}
.slajd.tekuci{opacity:1}
.slajd picture{position:absolute;inset:8%;width:84%;height:84%;mix-blend-mode:normal}
.lampa-natpis{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-top:1.4rem;min-height:3.2rem}
.lampa-natpis a{text-decoration:none;display:grid;gap:.15rem}
.lampa-natpis b{font-family:var(--naslov);font-weight:600;font-size:1.08rem}
.lampa-natpis small{color:#A9B6D3;font-size:.85rem}
.lampa-tacke{display:flex;gap:.25rem}
.lampa-tacke button{width:2.75rem;height:2.75rem;border:0;background:none;display:grid;place-items:center;padding:0}
.lampa-tacke button::before{content:"";width:.6rem;height:.6rem;border-radius:50%;box-shadow:inset 0 0 0 1.5px rgba(248,250,252,.55);transition:background .2s,transform .2s}
.lampa-tacke button[aria-current="true"]::before{background:var(--zelena-sv);box-shadow:none;transform:scale(1.15)}
@media (prefers-reduced-motion:no-preference){
  .js .ledovi circle.led{opacity:.12;animation:upali .45s var(--ease) forwards}
  .js .lampa-krug .polje{animation:polje-pali .7s .55s var(--ease) both}
  .js .slajd.tekuci picture{animation:proizvod-ulaz .7s .75s var(--ease) both}
  .ledovi.trepni circle.led{animation:trepni .5s var(--ease)}
  .js .heroj-tekst>*{animation:tekst-ulaz .6s var(--ease) both}
  .js .heroj-tekst>:nth-child(2){animation-delay:80ms}.js .heroj-tekst>:nth-child(3){animation-delay:160ms}.js .heroj-tekst>:nth-child(4){animation-delay:240ms}.js .heroj-tekst>:nth-child(5){animation-delay:320ms}
}
@keyframes upali{to{opacity:1}}
@keyframes trepni{0%{opacity:1}40%{opacity:.25}100%{opacity:1}}
@keyframes polje-pali{from{transform:scale(.94);opacity:.3}}
@keyframes proizvod-ulaz{from{opacity:0;transform:translateY(10px)}}
@keyframes tekst-ulaz{from{opacity:0;transform:translateY(8px)}}

/* ───────── sekcije početne */
.sekcija{padding:clamp(3.5rem,8vw,7rem) 0}
.sekcija-glava{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:1.5rem 3rem;align-items:end;margin-bottom:clamp(2rem,4vw,3.25rem)}
.sekcija-glava h2{font-size:clamp(2rem,1.2rem + 2.8vw,3.6rem);font-weight:800;letter-spacing:-.025em;margin-top:.6rem}
.sekcija-glava>p{color:var(--tiho);max-width:34rem;justify-self:end}
.tamno .sekcija-glava>p{color:#C2CCE2}
.oblasti{border-top:1px solid var(--linija2)}
.oblast{position:relative;display:grid;grid-template-columns:4rem minmax(0,1fr) auto;gap:1rem 2rem;align-items:center;padding:clamp(1.1rem,2.4vw,1.8rem) 0;border-bottom:1px solid var(--linija2);text-decoration:none}
.oblast-br{font-family:var(--naslov);font-weight:300;font-size:1rem;color:var(--tiho);font-variant-numeric:tabular-nums}
.oblast-ime{font-family:var(--naslov);font-weight:700;font-size:clamp(1.7rem,1rem + 3.2vw,4.1rem);line-height:1;letter-spacing:-.03em;transition:transform .35s var(--ease),color .2s}
.oblast-desno{display:flex;align-items:center;gap:1.25rem;color:var(--tiho);text-align:right}
.oblast-desno b{font-family:var(--naslov);font-weight:300;font-size:clamp(1.3rem,1rem + 1vw,2rem);color:var(--mornarica);font-variant-numeric:tabular-nums}
.oblast .polje{position:absolute;right:16%;top:50%;width:clamp(8rem,13vw,11rem);translate:0 -50%;opacity:0;scale:.86;transition:opacity .25s var(--ease),scale .35s var(--ease);pointer-events:none;z-index:2;--pod:var(--platno)}
.oblast-pod{grid-column:2/-1;color:var(--tiho);font-size:.95rem;margin-top:-.4rem}
@media (hover:hover) and (min-width:64rem){
  .oblast:hover .oblast-ime{transform:translateX(.6rem);color:var(--zelena)}
  .oblast:hover .polje{opacity:1;scale:1}
}
.prostorije{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(2rem,5vw,5rem);align-items:start}
.p-tabovi{display:grid;gap:.25rem}
.p-tab{display:grid;grid-template-columns:2.25rem minmax(0,1fr);gap:.75rem;align-items:center;text-align:left;border:0;background:none;padding:.85rem 1rem;border-radius:var(--r);font-family:var(--naslov);font-weight:600;font-size:clamp(1.05rem,1rem + .4vw,1.3rem);color:var(--tiho);transition:background .2s,color .2s}
.p-tab:hover{color:var(--mornarica);background:rgba(12,36,88,.04)}
.p-tab[aria-selected="true"]{background:var(--polje);color:var(--mornarica);box-shadow:var(--senka)}
.p-tab .br{font-family:var(--telo);font-weight:400;font-size:.85rem;color:var(--ivica)}
.p-tab[aria-selected="true"] .br{color:var(--zelena)}
.p-panel{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:2rem;align-items:center;background:var(--polje);border-radius:var(--r);padding:clamp(1.25rem,3vw,2.5rem);box-shadow:var(--senka);--pod:var(--polje)}
.p-panel[hidden]{display:none}
.p-panel h3{font-size:clamp(1.5rem,1.1rem + 1.4vw,2.2rem);font-weight:800;margin-bottom:.6rem}
.p-panel p{color:var(--tiho);margin-bottom:1.1rem}
.p-lista li{border-top:1px solid var(--linija)}
.p-lista a{display:flex;justify-content:space-between;gap:1rem;padding:.55rem 0;text-decoration:none}
.p-lista a:hover{color:var(--zelena)}
@media (prefers-reduced-motion:no-preference){.p-panel:not([hidden]){animation:proizvod-ulaz .4s var(--ease)}}
.koraci{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(1rem,2.5vw,2.25rem);counter-reset:k}
.korak{display:grid;gap:.8rem;align-content:start}
.korak-krug{position:relative;width:5.5rem;height:5.5rem}
.korak-krug svg{position:absolute;inset:0;width:100%;height:100%;transform:rotate(-90deg)}
.korak-krug .tr{fill:none;stroke:var(--linija2);stroke-width:1}
.korak-krug .lk{fill:none;stroke:var(--zelena-sv);stroke-width:2;stroke-dasharray:1;stroke-dashoffset:0}
.korak-krug b{position:absolute;inset:0;display:grid;place-items:center;font-family:var(--naslov);font-weight:300;font-size:1.9rem;font-variant-numeric:tabular-nums}
.korak h3{font-size:1.25rem;font-weight:700}
.korak p{color:#C2CCE2;font-size:.98rem}
@media (prefers-reduced-motion:no-preference){
  .js .koraci .lk{stroke-dashoffset:1;transition:stroke-dashoffset 1.1s var(--ease)}
  .js .koraci.vidljivo .lk{stroke-dashoffset:0}
  .js .koraci .korak:nth-child(2) .lk{transition-delay:.2s}.js .koraci .korak:nth-child(3) .lk{transition-delay:.4s}.js .koraci .korak:nth-child(4) .lk{transition-delay:.6s}
}
.izdvojeno{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:clamp(1.5rem,3vw,3rem);align-items:center}
.izdvojeno-veliko{display:grid;gap:1.25rem;justify-items:center;text-align:center;text-decoration:none}
.izdvojeno-veliko .polje{width:min(100%,30rem)}
.izdvojeno-veliko>b{font-family:var(--naslov);font-size:clamp(1.3rem,1rem + 1vw,1.8rem);font-weight:700}
.izdvojeno-mala{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(1rem,2.5vw,2rem)}
.vrednosti{display:flex;flex-wrap:wrap;gap:.25rem .9rem;font-family:var(--naslov);font-weight:300;font-size:clamp(1.6rem,.9rem + 2.3vw,3rem);line-height:1.15;letter-spacing:-.02em}
.vrednosti span:not(:last-child)::after{content:"·";margin-left:.9rem;color:var(--zelena)}
.misija{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(2rem,5vw,5rem);margin-top:clamp(2rem,4vw,3.5rem)}
.misija blockquote{margin:0;font-family:var(--naslov);font-weight:600;font-size:clamp(1.3rem,1rem + 1.1vw,1.9rem);line-height:1.25}
.misija p{color:var(--tiho)}
.misija p+p{margin-top:1rem}
.kontakt-mreza{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.5rem}
.kontakt-k{display:grid;gap:.6rem;align-content:start;background:var(--polje);border-radius:var(--r);padding:1.4rem;box-shadow:var(--senka);text-decoration:none}
.kontakt-k .ik{width:1.75rem;height:1.75rem;color:var(--zelena)}
.kontakt-k b{font-family:var(--naslov);font-size:1.25rem;font-weight:700}
.kontakt-k span{color:var(--tiho);font-size:.95rem}
a.kontakt-k:hover b{color:var(--zelena)}

/* ───────── otkrivanje na skrol */
@media (prefers-reduced-motion:no-preference){
  .js [data-otkrij]{opacity:0;transform:translateY(8px);transition:opacity .7s var(--ease),transform .7s var(--ease)}
  .js [data-otkrij].vidljivo{opacity:1;transform:none}
}

/* ───────── kartice proizvoda */
.mreza{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,13.5rem),1fr));gap:clamp(1.75rem,3vw,2.75rem) clamp(1rem,2.4vw,2rem)}
.kartica{position:relative;display:grid;grid-template-rows:auto 1fr auto;gap:.8rem;text-align:center}
.kartica-link{display:grid;gap:1rem;text-decoration:none;justify-items:center}
.kartica .polje{width:100%;max-width:15rem;transition:box-shadow .25s var(--ease)}
.kartica .polje picture{transition:transform .45s var(--ease)}
.kartica-ime{font-family:var(--naslov);font-weight:600;font-size:1.04rem;line-height:1.25;text-wrap:balance}
.kartica-dno{display:flex;align-items:center;justify-content:center;gap:.6rem;flex-wrap:wrap}
.sifra{display:inline-flex;align-items:center;gap:.4rem;font-size:.74rem;letter-spacing:.06em;color:var(--tiho);font-variant-numeric:tabular-nums}
.sifra b{font-weight:600;color:var(--mornarica);letter-spacing:.03em}
.cena-mala{font-size:.9rem;font-weight:600}
.dodaj-mali{display:inline-flex;align-items:center;gap:.35rem;min-height:2.75rem;padding:.45rem .95rem;border:0;border-radius:var(--r);background:transparent;color:var(--zelena);font-weight:600;font-size:.92rem;box-shadow:inset 0 0 0 1.5px rgba(10,111,91,.45);transition:background .18s,color .18s,transform .09s}
.dodaj-mali:hover{background:var(--zelena);color:#F8FAFC}
.dodaj-mali:active{transform:scale(.96)}
.dodaj-mali.dodato{background:var(--zelena);color:#F8FAFC}
@media (hover:hover){
  .kartica:hover .polje{box-shadow:0 0 0 1px rgba(12,36,88,.38),0 0 0 7px var(--pod),0 0 0 8px rgba(10,111,91,.35)}
  .kartica:hover .polje picture{transform:translateY(-3%) scale(1.04)}
}

/* ───────── kategorija */
.mrvice{display:flex;flex-wrap:wrap;gap:.25rem .5rem;font-size:.88rem;color:var(--tiho);padding:1.25rem 0 0}
.mrvice a{text-decoration:none}
.mrvice a:hover{color:var(--zelena);text-decoration:underline}
.mrvice li:not(:last-child)::after{content:"/";margin-left:.5rem;color:var(--ivica)}
.kat-glava{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:1rem 2rem;align-items:end;padding:1.5rem 0 2rem;border-bottom:1px solid var(--linija);margin-bottom:2rem}
.kat-glava h1{font-size:clamp(2.1rem,1.2rem + 3vw,4rem);font-weight:800;letter-spacing:-.03em}
.kat-glava p{color:var(--tiho);max-width:42rem;margin-top:.75rem}
.kat-broj{font-family:var(--naslov);font-weight:300;font-size:clamp(2rem,1.4rem + 2vw,3.4rem);line-height:1;font-variant-numeric:tabular-nums;text-align:right}
.kat-broj small{display:block;font-family:var(--telo);font-size:.82rem;color:var(--tiho);margin-top:.35rem}
.kat-mreza{display:grid;grid-template-columns:15rem minmax(0,1fr);gap:clamp(1.5rem,3vw,3rem);align-items:start;padding-bottom:5rem}
.kat-strana{position:sticky;top:9rem;display:grid;gap:.15rem}
.kat-strana h2{font-size:.78rem;font-family:var(--telo);font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--tiho);margin:0 0 .5rem}
.kat-strana a{display:flex;justify-content:space-between;gap:.75rem;padding:.45rem .7rem;border-radius:4px;text-decoration:none;font-size:.95rem}
.kat-strana a:hover{background:rgba(12,36,88,.05)}
.kat-strana a[aria-current="page"]{background:var(--polje);font-weight:600;box-shadow:var(--senka)}
.kat-strana .dete{padding-left:1.5rem}
.cipovi{display:none}

/* ───────── proizvod */
.pr-mreza{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(1.5rem,4vw,4.5rem);align-items:start;padding:1rem 0 3rem}
.galerija{display:grid;gap:1.25rem;justify-items:center}
.galerija-glavna{position:relative;width:min(100%,35rem)}
.galerija-glavna .polje{width:100%;cursor:zoom-in}
.galerija-glavna .polje picture{transition:opacity .3s var(--ease)}
.galerija-glavna .polje picture.menja{opacity:0}
.uvecaj{position:absolute;right:6%;bottom:6%;width:2.75rem;height:2.75rem;border:0;border-radius:50%;background:var(--polje);box-shadow:var(--senka);display:grid;place-items:center;color:var(--mornarica)}
.slicice{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center}
.slicica{width:4.25rem;padding:0;border:0;background:none;border-radius:50%}
.slicica .polje{--pod:var(--platno);box-shadow:0 0 0 1px rgba(12,36,88,.18)}
.slicica[aria-current="true"] .polje{box-shadow:0 0 0 2px var(--zelena),0 0 0 5px var(--platno),0 0 0 6px rgba(10,111,91,.3)}
.kupi-kolona{position:sticky;top:8.5rem;display:grid;gap:1.1rem}
.kupi-kolona h1{font-size:clamp(1.85rem,1.2rem + 2vw,3rem);font-weight:800;letter-spacing:-.025em}
.plocica{display:inline-flex;align-items:stretch;border:1.5px solid var(--mornarica);border-radius:4px;font-variant-numeric:tabular-nums;width:max-content;max-width:100%}
.plocica span{background:var(--mornarica);color:#F8FAFC;font-size:.7rem;letter-spacing:.18em;font-weight:600;padding:.3rem .55rem;display:grid;place-items:center}
.plocica b{padding:.3rem .7rem;font-weight:600;letter-spacing:.06em}
.namena{color:var(--tiho);font-size:1.05rem;max-width:34rem}
.kupi{display:grid;gap:.9rem;padding:1.25rem;background:var(--polje);border-radius:var(--r);box-shadow:var(--senka)}
.kupi-red{display:flex;gap:.75rem;align-items:stretch;flex-wrap:wrap}
.kolicina{display:inline-flex;align-items:center;border-radius:var(--r);box-shadow:inset 0 0 0 1.5px var(--linija2);background:#fff}
.kolicina button{width:2.85rem;height:3rem;border:0;background:none;font-size:1.3rem;line-height:1;color:var(--mornarica);border-radius:var(--r)}
.kolicina button:hover{background:var(--pomak)}
.kolicina input{width:3.2rem;height:3rem;border:0;background:none;text-align:center;font-weight:600;font-variant-numeric:tabular-nums;-moz-appearance:textfield;appearance:textfield}
.kolicina input::-webkit-inner-spin-button,.kolicina input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
.kupi .dugme{flex:1;min-width:11rem}
.cena-blok{display:flex;align-items:baseline;gap:.75rem;flex-wrap:wrap}
.cena-blok b{font-family:var(--naslov);font-weight:700;font-size:1.6rem;font-variant-numeric:tabular-nums}
.kupi-nap{font-size:.9rem;color:var(--tiho)}
.uveravanja{display:grid;gap:.55rem;font-size:.92rem}
.uveravanja li{display:flex;gap:.6rem;align-items:center}
.uveravanja .ik{color:var(--zelena)}
.opis{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(1.5rem,4vw,4.5rem);padding:clamp(2rem,4vw,3.5rem) 0;border-top:1px solid var(--linija)}
.opis h2{font-size:1.5rem;font-weight:700;margin-bottom:1rem}
.podaci{display:grid}
.podaci div{display:grid;grid-template-columns:minmax(0,11rem) minmax(0,1fr);gap:1rem;padding:.7rem 0;border-bottom:1px solid var(--linija)}
.podaci dt{color:var(--tiho);font-size:.92rem}
.podaci dd{font-weight:500}
.stavke-opisa li{position:relative;padding:.4rem 0 .4rem 1.4rem}
.stavke-opisa li::before{content:"";position:absolute;left:0;top:.95em;width:.55rem;height:.55rem;border-radius:50%;box-shadow:inset 0 0 0 1.5px var(--zelena)}
.opis-tekst p+p{margin-top:.9rem}
.opis-tekst h3{font-size:1.1rem;margin:1.5rem 0 .5rem}
.slicni{padding:1rem 0 5rem}
.slicni h2{font-size:clamp(1.5rem,1.1rem + 1.4vw,2.2rem);font-weight:800;margin-bottom:2rem}
.kupi-traka{position:fixed;left:0;right:0;bottom:0;z-index:40;display:none;gap:.6rem;align-items:center;padding:.6rem var(--gut) calc(.6rem + env(safe-area-inset-bottom));background:rgba(248,250,252,.97);box-shadow:0 -10px 30px -18px rgba(12,36,88,.45);border-top:1px solid var(--linija);transition:transform .25s var(--ease)}
.kupi-traka .dugme{flex:1;min-width:0}
.kupi-traka.sakrij{transform:translateY(110%)}
.bez-prelaza,.bez-prelaza *{transition:none!important}
.zoom{border:0;padding:0;background:var(--polje);width:min(92vw,60rem);max-height:92vh;border-radius:var(--r)}
.zoom::backdrop{background:rgba(12,36,88,.7)}
.zoom img{width:100%;height:auto;max-height:86vh;object-fit:contain;mix-blend-mode:multiply}
.zoom form{position:absolute;top:.5rem;right:.5rem}

/* ───────── „Odličan izbor" */
.izbor{position:fixed;z-index:80;right:max(var(--gut),calc((100vw - var(--max))/2));top:6.5rem;width:min(calc(100vw - 2*var(--gut)),23rem);background:var(--polje);border-radius:var(--r);box-shadow:0 30px 60px -20px rgba(12,36,88,.45),0 0 0 1px var(--linija);padding:1.1rem 1.1rem 1rem;display:grid;grid-template-columns:4rem minmax(0,1fr);gap:.4rem 1rem;align-items:center;visibility:hidden;opacity:0;transform:translateY(-8px) scale(.98);transition:opacity .24s var(--ease),transform .24s var(--ease),visibility 0s .24s}
.izbor.otvoren{visibility:visible;opacity:1;transform:none;transition:opacity .24s var(--ease),transform .24s var(--ease),visibility 0s}
.izbor-krug{position:relative;width:4rem;height:4rem;grid-row:span 2}
.izbor-krug .polje{position:absolute;inset:.35rem;--pod:var(--polje);box-shadow:none}
.izbor-krug svg{position:absolute;inset:0;width:100%;height:100%;transform:rotate(-90deg)}
.izbor-krug .lk{fill:none;stroke:var(--zelena);stroke-width:2.2;stroke-dasharray:1;stroke-dashoffset:0}
.izbor-krug .kv{position:absolute;right:-.15rem;bottom:-.15rem;width:1.5rem;height:1.5rem;border-radius:50%;background:var(--zelena);color:#fff;display:grid;place-items:center}
.izbor-krug .kv svg{position:static;width:.9rem;height:.9rem;transform:none;fill:none;stroke:#fff;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}
.izbor-krug .kv path{stroke-dasharray:1;stroke-dashoffset:0}
.izbor-naslov{font-family:var(--naslov);font-weight:700;font-size:1.35rem;line-height:1.1}
.izbor-sta{font-size:.92rem;line-height:1.35}
.izbor-nap{grid-column:1/-1;font-size:.85rem;color:var(--tiho);margin-top:.3rem}
.izbor-radnje{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.5rem}
.izbor-radnje .dugme{flex:1 1 auto;white-space:nowrap;min-height:2.75rem;font-size:.95rem;padding:.55rem .8rem}
.izbor-zatvori{position:absolute;top:.3rem;right:.3rem;width:2.5rem;height:2.5rem;border:0;background:none;border-radius:50%;color:var(--tiho);display:grid;place-items:center}
.izbor-zatvori:hover{background:var(--pomak)}
@media (prefers-reduced-motion:no-preference){
  .izbor.otvoren .lk{animation:crtaj .55s .12s var(--ease) both}
  .izbor.otvoren .kv{animation:kv-ulaz .3s .55s var(--ease) both}
  .izbor.otvoren .kv path{animation:crtaj .3s .65s var(--ease) both}
  .izbor.otvoren .izbor-naslov{animation:tekst-ulaz .35s .1s var(--ease) both}
}
@keyframes crtaj{from{stroke-dashoffset:1}}
@keyframes kv-ulaz{from{transform:scale(0)}}
.let{position:fixed;z-index:85;left:0;top:0;width:56px;height:56px;pointer-events:none}
.let-unutra{width:100%;height:100%;border-radius:50%;overflow:hidden;background:var(--polje);box-shadow:0 0 0 2px var(--zelena),0 10px 24px -8px rgba(12,36,88,.5)}
.let-unutra img{width:100%;height:100%;object-fit:contain;padding:6px;mix-blend-mode:multiply}

/* ───────── korpa */
.korpa-mreza{display:grid;grid-template-columns:minmax(0,1fr) 23rem;gap:clamp(1.5rem,4vw,4rem);align-items:start;padding:1rem 0 5rem}
.strana-naslov{font-size:clamp(2.1rem,1.2rem + 3vw,3.8rem);font-weight:800;letter-spacing:-.03em;padding:1.5rem 0 .5rem}
.korpa-lista{border-top:1px solid var(--linija2)}
.stavka{display:grid;grid-template-columns:5.5rem minmax(0,1fr) auto;gap:1rem 1.5rem;align-items:center;padding:1.25rem 0;border-bottom:1px solid var(--linija2)}
.stavka .polje{width:5.5rem;--pod:var(--platno)}
.stavka-ime{font-family:var(--naslov);font-weight:600;font-size:1.1rem;line-height:1.25;text-decoration:none}
.stavka-ime:hover{color:var(--zelena)}
.stavka-meta{display:flex;flex-wrap:wrap;gap:.35rem 1rem;margin-top:.35rem;font-size:.88rem;color:var(--tiho)}
.stavka-desno{display:flex;align-items:center;gap:.75rem}
.ukloni{border:0;background:none;color:var(--tiho);text-decoration:underline;text-underline-offset:.2em;font-size:.9rem;min-height:2.75rem;padding:0 .4rem}
.ukloni:hover{color:var(--greska)}
.stavka.uklonjena{grid-template-columns:minmax(0,1fr) auto;background:var(--pomak);padding:.9rem 1rem;border-radius:var(--r);border-bottom:0;margin:.5rem 0}
.stavka.kostur>div:nth-child(2){height:1.3rem;width:70%;border-radius:4px;background:var(--pomak)}
.stavka.kostur .kolicina{visibility:hidden}
.prazno{padding:3rem 0;display:grid;gap:1.25rem;justify-items:start}
.prazno .polje{width:9rem}
.rezime{position:sticky;top:8.5rem;background:var(--polje);border-radius:var(--r);box-shadow:var(--senka);padding:1.5rem;display:grid;gap:1.1rem}
.rezime h2{font-size:1.35rem;font-weight:700}
.rezime-red{display:flex;justify-content:space-between;gap:1rem;font-variant-numeric:tabular-nums}
.rezime-red.jako{font-weight:700;font-size:1.1rem;border-top:1px solid var(--linija);padding-top:.8rem}
.put{display:grid;gap:0;counter-reset:put;margin-top:.25rem}
.put li{position:relative;display:grid;grid-template-columns:1.9rem minmax(0,1fr);gap:.75rem;padding-bottom:.85rem;font-size:.9rem;color:var(--tiho)}
.put li::before{counter-increment:put;content:counter(put);width:1.9rem;height:1.9rem;border-radius:50%;display:grid;place-items:center;box-shadow:inset 0 0 0 1.5px var(--linija2);font-weight:600;color:var(--mornarica);font-size:.82rem;background:var(--polje);position:relative;z-index:1}
.put li:not(:last-child)::after{content:"";position:absolute;left:.95rem;top:1.9rem;bottom:0;width:1px;background:var(--linija2)}
.put li b{display:block;color:var(--mornarica)}
.put li.sada::before{background:var(--zelena);color:#fff;box-shadow:none}

/* ───────── kasa */
.kasa-zaglavlje{border-bottom:1px solid var(--linija);background:var(--platno)}
.kasa-zaglavlje .zg-red{min-height:4.25rem}
.kasa-mreza{display:grid;grid-template-columns:minmax(0,1fr) 23rem;gap:clamp(1.5rem,4vw,4rem);align-items:start;padding:1rem 0 5rem}
.forma{display:grid;gap:1.25rem}
.odeljak{background:var(--polje);border-radius:var(--r);box-shadow:var(--senka);padding:clamp(1.25rem,3vw,2rem);border:0;margin:0;min-width:0}
.odeljak legend{float:left;width:100%;padding:0;margin:0 0 1.25rem;display:flex;align-items:center;gap:.8rem;font-family:var(--naslov);font-weight:700;font-size:1.35rem}
.odeljak legend+*{clear:both}
.odeljak legend span{width:2rem;height:2rem;border-radius:50%;display:grid;place-items:center;background:var(--mornarica);color:#F8FAFC;font-size:.95rem;font-weight:600;flex:none}
.polja{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:1rem 1.1rem}
.p6{grid-column:span 6}.p4{grid-column:span 4}.p3{grid-column:span 3}.p2{grid-column:span 2}
.pf{display:grid;gap:.35rem;align-content:start;min-width:0}
.pf label,.pf .oznaka{font-weight:600;font-size:.92rem}
.pf label small,.pf .oznaka small{font-weight:400;color:var(--tiho)}
.pf input,.pf textarea,.pf select{width:100%;min-height:3rem;padding:.65rem .85rem;border:0;border-radius:var(--r);background:#fff;box-shadow:inset 0 0 0 1.5px var(--ivica);transition:box-shadow .15s}
.pf textarea{min-height:5.5rem;resize:vertical}
.pf input:focus,.pf textarea:focus{outline:0;box-shadow:inset 0 0 0 2px var(--zelena)}
.pf input.br{font-variant-numeric:tabular-nums;letter-spacing:.06em}
.pf .pomoc{font-size:.84rem;color:var(--tiho)}
.pf .greska-polja{font-size:.86rem;color:var(--greska);font-weight:600;display:flex;gap:.4rem;align-items:flex-start}
.pf .greska-polja[hidden]{display:none}
.pf.ima-gresku input,.pf.ima-gresku textarea{box-shadow:inset 0 0 0 2px var(--greska)}
.pf.ispravno input{box-shadow:inset 0 0 0 1.5px var(--zelena)}
.pf .stanje{font-size:.84rem;color:var(--zelena);font-weight:600}
.unos-ikona{position:relative}
.unos-ikona input{padding-right:2.6rem}
.pecat-krug .ik{width:1.35rem;height:1.35rem;stroke-width:2.2}
.adm-red .chip{justify-self:end;align-self:start}
.adm:not(.prijavljen) .adm-glava .zg-desno{display:none}
.unos-ikona .znak-ok{position:absolute;right:.8rem;top:50%;translate:0 -50%;width:1.3rem;height:1.3rem;color:var(--zelena);opacity:0;scale:.6;transition:opacity .2s,scale .25s var(--ease)}
.pf.ispravno .znak-ok{opacity:1;scale:1}
.vrsta{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.6rem}
.vrsta label{position:relative;display:grid;gap:.15rem;padding:.8rem .9rem;border-radius:var(--r);background:#fff;box-shadow:inset 0 0 0 1.5px var(--ivica);cursor:pointer;font-weight:600;font-size:.95rem;line-height:1.25}
.vrsta label small{font-weight:400;color:var(--tiho);font-size:.82rem}
.vrsta input{position:absolute;opacity:0;pointer-events:none}
.vrsta label:has(input:checked){box-shadow:inset 0 0 0 2px var(--zelena);background:#F2FAF7}
.vrsta label:has(input:focus-visible){outline:2px solid var(--zelena);outline-offset:3px}
.pecat{display:grid;grid-template-columns:4.5rem minmax(0,1fr);gap:1rem;align-items:center;padding:1rem 1.1rem;border-radius:var(--r);background:#F2FAF7;box-shadow:inset 0 0 0 1px rgba(10,111,91,.3)}
.pecat[hidden]{display:none}
.pecat.zaustavi{background:#FBF1F1;box-shadow:inset 0 0 0 1px rgba(161,38,46,.35)}
.pecat.rucno{background:var(--pomak);box-shadow:inset 0 0 0 1px var(--linija2)}
.pecat-krug{position:relative;width:4.5rem;height:4.5rem;border-radius:50%;display:grid;place-items:center;box-shadow:0 0 0 1px rgba(10,111,91,.5),0 0 0 5px #F2FAF7,0 0 0 6px rgba(10,111,91,.25);color:var(--zelena);font-family:var(--naslov);font-weight:800;font-size:.72rem;letter-spacing:.08em;text-align:center;line-height:1.1}
.pecat.zaustavi .pecat-krug{color:var(--greska);box-shadow:0 0 0 1px rgba(161,38,46,.5),0 0 0 5px #FBF1F1,0 0 0 6px rgba(161,38,46,.25)}
.pecat.rucno .pecat-krug{color:var(--tiho);box-shadow:0 0 0 1px var(--linija2),0 0 0 5px var(--pomak),0 0 0 6px var(--linija)}
.pecat-ime{font-weight:600;line-height:1.35;overflow-wrap:anywhere}
.pecat-meta{font-size:.86rem;color:var(--tiho);margin-top:.2rem}
@media (prefers-reduced-motion:no-preference){.pecat:not([hidden]){animation:pecat .45s var(--ease)}}
@keyframes pecat{from{opacity:0;transform:scale(.97)}}
.izbor-isporuke{display:grid;gap:.5rem}
.izbor-isporuke label,.potvrda{display:flex;gap:.7rem;align-items:flex-start;cursor:pointer;line-height:1.4}
.izbor-isporuke input,.potvrda input{width:1.25rem;height:1.25rem;margin:.1rem 0 0;accent-color:var(--zelena);flex:none}
.potvrda{padding:1rem 1.1rem;border-radius:var(--r);background:#fff;box-shadow:inset 0 0 0 1.5px var(--ivica);font-weight:600}
.potvrda.ima-gresku{box-shadow:inset 0 0 0 2px var(--greska)}
.greske-vrh{background:#FBF1F1;border-radius:var(--r);padding:1rem 1.25rem;box-shadow:inset 0 0 0 1px rgba(161,38,46,.35)}
.greske-vrh[hidden]{display:none}
.greske-vrh h2{font-size:1.1rem;color:var(--greska);margin-bottom:.4rem}
.greske-vrh a{color:var(--greska);font-weight:600}
.greske-vrh li{padding:.15rem 0}
.mamac{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.kasa-stavke{display:grid;gap:.75rem;max-height:22rem;overflow:auto;padding-right:.25rem}
.kasa-stavka{display:grid;grid-template-columns:3rem minmax(0,1fr) auto;gap:.75rem;align-items:center;font-size:.9rem;line-height:1.3}
.kasa-stavka .polje{width:3rem;--pod:var(--polje);box-shadow:0 0 0 1px rgba(12,36,88,.18)}
.kasa-stavka b{font-weight:600}
.slanje{display:grid;gap:.75rem}
.slanje .dugme{width:100%;min-height:3.4rem;font-size:1.05rem}
.slanje .dugme .vrti{width:1.1rem;height:1.1rem;border-radius:50%;border:2px solid rgba(248,250,252,.4);border-top-color:#F8FAFC;animation:vrti .8s linear infinite;display:none}
.slanje .dugme.salje .vrti{display:block}
@keyframes vrti{to{transform:rotate(360deg)}}

/* ───────── strana porudžbine */
.por-omot{width:min(100% - 2*var(--gut),52rem);margin-inline:auto;padding:2.5rem 0 5rem;display:grid;gap:1.75rem}
.por-naslov{font-size:clamp(1.9rem,1.2rem + 2.4vw,3.2rem);font-weight:800;letter-spacing:-.025em}
.por-uvod{color:var(--tiho);margin-top:-.75rem}
.por-hvala{display:grid;grid-template-columns:5rem minmax(0,1fr);gap:1.25rem;align-items:center;background:#F2FAF7;border-radius:var(--r);padding:1.25rem;box-shadow:inset 0 0 0 1px rgba(10,111,91,.3)}
.por-hvala b{font-family:var(--naslov);font-size:1.35rem;display:block}
.por-hvala .polje{width:5rem;display:grid;place-items:center;color:var(--zelena);--pod:#F2FAF7}
.por-hvala .polje .ik{width:2.2rem;height:2.2rem;stroke-width:2.2}
.por-hvala .polje path{stroke-dasharray:1;stroke-dashoffset:0}
@media (prefers-reduced-motion:no-preference){.por-hvala .polje path{animation:crtaj .6s .25s var(--ease) both}.por-hvala{animation:pecat .5s var(--ease)}}
.por-koraci{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.5rem;padding:1.25rem;background:var(--polje);border-radius:var(--r);box-shadow:var(--senka)}
.por-korak{position:relative;display:grid;gap:.3rem;justify-items:center;text-align:center;font-size:.85rem;color:var(--tiho)}
.por-tacka{width:1.15rem;height:1.15rem;border-radius:50%;box-shadow:inset 0 0 0 1.5px var(--linija2);background:var(--polje);position:relative;z-index:1}
.por-korak:not(:last-child)::after{content:"";position:absolute;top:.55rem;left:calc(50% + .7rem);right:calc(-50% + .7rem);height:1.5px;background:var(--linija2)}
.por-korak.gotov .por-tacka{background:var(--zelena);box-shadow:none}
.por-korak.gotov:not(:last-child)::after{background:var(--zelena)}
.por-korak.tekuci .por-tacka{box-shadow:inset 0 0 0 4px var(--zelena)}
.por-korak-ime{font-weight:600;color:var(--mornarica)}
.por-korak-kad{font-size:.76rem}
.por-korak-opis{display:none}
.por-blok{background:var(--polje);border-radius:var(--r);box-shadow:var(--senka);padding:clamp(1.25rem,3vw,2rem);display:grid;gap:1rem}
.por-h2{font-size:1.3rem;font-weight:700}
.por-stavke{display:grid}
.por-stavka{display:grid;grid-template-columns:4.5rem minmax(0,1fr) auto auto;gap:1rem;align-items:center;padding:.75rem 0;border-bottom:1px solid var(--linija)}
.por-sl{width:4.5rem;height:4.5rem;border-radius:50%;background:#fff;object-fit:contain;padding:6px;mix-blend-mode:multiply;box-shadow:0 0 0 1px var(--linija)}
.por-st-tekst a{font-weight:600;text-decoration:none}
.por-st-tekst small{display:block;color:var(--tiho)}
.por-kol,.por-cena{font-variant-numeric:tabular-nums;white-space:nowrap}
.por-okvirno{font-size:.92rem;color:var(--tiho)}
.por-dl{display:grid;gap:0}
.por-dl div{display:grid;grid-template-columns:minmax(0,10rem) minmax(0,1fr);gap:1rem;padding:.6rem 0;border-bottom:1px solid var(--linija)}
.por-dl dt{color:var(--tiho);font-size:.92rem}
.por-dl dd small{display:block;color:var(--tiho);font-size:.88rem}
.por-iznos{font-family:var(--naslov);font-weight:700;font-size:1.4rem;font-variant-numeric:tabular-nums}
.por-demo{background:var(--mornarica);color:#F8FAFC;border-radius:var(--r);padding:clamp(1.25rem,3vw,2rem);display:grid;gap:.9rem}
.por-demo p{color:#C2CCE2}
.por-mejlovi{display:grid;gap:.5rem}
.por-mejlovi a{color:var(--zelena-sv);font-weight:600}
.por-mejlovi small{display:block;color:#A9B6D3;font-size:.84rem}
.por-demo .dugme-obris{color:#F8FAFC;box-shadow:inset 0 0 0 1.5px rgba(248,250,252,.4)}
.por-pitanje{color:var(--tiho)}

/* ───────── predračun za štampu */
.dok{background:#E9EDF2}
.pd-alati{width:min(100% - 2*var(--gut),52rem);margin:1.25rem auto;display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap}
.pd-list{width:min(100% - 2*var(--gut),52rem);margin:0 auto 3rem;background:#fff;color:#0C2458;padding:clamp(1.25rem,4vw,3rem);box-shadow:var(--senka);font-size:.92rem;display:grid;gap:1.25rem}
.pd-glava{display:flex;justify-content:space-between;gap:2rem;flex-wrap:wrap;border-bottom:2px solid var(--mornarica);padding-bottom:1.25rem}
.pd-znak{font-family:var(--naslov);font-weight:800;font-size:1.5rem;letter-spacing:.06em}
.pd-naslov h1{font-size:2rem;font-weight:800;text-align:right}
.pd-naslov h1 span{display:block;font-size:1rem;font-weight:400;color:var(--tiho)}
.pd-naslov p{text-align:right}
.pd-kupac h2{font-size:.78rem;letter-spacing:.16em;text-transform:uppercase;font-family:var(--telo);color:var(--tiho);margin-bottom:.35rem}
.pd-tabela{width:100%;border-collapse:collapse;font-variant-numeric:tabular-nums}
.pd-tabela th{font-size:.75rem;text-align:left;color:var(--tiho);font-weight:600;border-bottom:1px solid var(--linija2);padding:.45rem .4rem}
.pd-tabela td{border-bottom:1px solid var(--linija);padding:.5rem .4rem;vertical-align:top}
.pd-tabela .br{text-align:right;white-space:nowrap}
.pd-zbir{justify-self:end;display:grid;min-width:18rem;font-variant-numeric:tabular-nums}
.pd-zbir div{display:flex;justify-content:space-between;gap:2rem;padding:.3rem 0}
.pd-ukupno{border-top:2px solid var(--mornarica);font-weight:700;font-size:1.1rem;padding-top:.5rem!important}
.pd-demo{background:var(--pomak);padding:.75rem 1rem;border-radius:4px;color:var(--tiho)}
.pd-sitno{font-size:.78rem;color:var(--tiho)}
@media print{
  .pd-alati,.demo-traka{display:none}
  .dok{background:#fff}
  .pd-list{box-shadow:none;width:100%;margin:0;padding:0}
  @page{size:A4;margin:16mm}
}

/* ───────── podnožje */
.podnozje{background:var(--mornarica);color:#C2CCE2;padding:clamp(3rem,6vw,4.5rem) 0 2rem;font-size:.95rem;--pod:var(--mornarica)}
.pn-mreza{display:grid;grid-template-columns:minmax(0,1.4fr) repeat(3,minmax(0,1fr));gap:2rem}
.podnozje h2{font-family:var(--telo);font-size:.78rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:#A9B6D3;margin-bottom:.9rem}
.podnozje a{text-decoration:none;color:#F8FAFC}
.podnozje a:hover{text-decoration:underline;color:var(--zelena-sv)}
.podnozje li{padding:.25rem 0}
.pn-znak{display:flex;align-items:center;gap:.7rem;color:#F8FAFC;margin-bottom:1rem}
.pn-znak svg{width:2.75rem;height:2.75rem}
.pn-dno{display:flex;flex-wrap:wrap;justify-content:space-between;gap:.5rem 2rem;margin-top:3rem;padding-top:1.25rem;border-top:1px solid rgba(248,250,252,.14);font-size:.84rem;color:#A9B6D3}

/* ───────── administracija */
.adm{min-height:100vh}
.adm-glava{background:var(--mornarica);color:#F8FAFC;--pod:var(--mornarica)}
.adm-glava .zg-red{min-height:4rem}
.adm-glava .znak-pod{color:#A9B6D3}
.adm-mreza{display:grid;grid-template-columns:minmax(0,26rem) minmax(0,1fr);gap:0;min-height:calc(100vh - 4rem)}
.adm-lista{border-right:1px solid var(--linija);background:var(--platno);display:grid;grid-template-rows:auto minmax(0,1fr);max-height:calc(100vh - 4rem);position:sticky;top:0}
.adm-filteri{display:flex;gap:.35rem;padding:.75rem;flex-wrap:wrap;border-bottom:1px solid var(--linija)}
.adm-filteri button{border:0;background:none;padding:.4rem .7rem;border-radius:999px;font-size:.86rem;font-weight:600;color:var(--tiho);min-height:2.4rem}
.adm-filteri button[aria-pressed="true"]{background:var(--mornarica);color:#F8FAFC}
.adm-red{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.2rem 1rem;width:100%;text-align:left;border:0;background:none;padding:.9rem 1rem;border-bottom:1px solid var(--linija)}
.adm-red:hover{background:var(--pomak)}
.adm-red[aria-current="true"]{background:var(--polje);box-shadow:inset 3px 0 0 var(--zelena)}
.adm-red b{font-weight:600}
.adm-red.novo b::before{content:"";display:inline-block;width:.5rem;height:.5rem;border-radius:50%;background:var(--zelena);margin-right:.45rem;vertical-align:middle}
.adm-red small{color:var(--tiho);font-size:.84rem}
.adm-spisak{overflow:auto}
.chip{display:inline-block;font-size:.76rem;font-weight:600;padding:.15rem .55rem;border-radius:999px;background:var(--pomak);color:var(--mornarica);white-space:nowrap}
.chip.nova{background:#DDF3EC;color:var(--zelena2)}
.chip.otkazana{background:#F6E3E4;color:var(--greska)}
.chip.upoz{background:#F7EBD9;color:var(--upoz)}
.adm-detalj{padding:clamp(1.25rem,3vw,2.5rem);display:grid;gap:1.25rem;align-content:start}
.adm-detalj h1{font-size:clamp(1.6rem,1.2rem + 1.4vw,2.4rem);font-weight:800}
.adm-kartice{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,20rem),1fr));gap:1.25rem}
.adm-k{background:var(--polje);border-radius:var(--r);box-shadow:var(--senka);padding:1.25rem;display:grid;gap:.75rem;align-content:start}
.adm-k h2{font-size:1.05rem;font-weight:700}
.nalaz{display:grid;grid-template-columns:1.4rem minmax(0,1fr);gap:.4rem;font-size:.92rem;line-height:1.4}
.nalaz i{font-style:normal;font-weight:700;text-align:center}
.nalaz.ok i{color:var(--zelena)}.nalaz.upozorenje i{color:var(--upoz)}.nalaz.info i{color:var(--tiho)}
.adm-radnje{display:flex;flex-wrap:wrap;gap:.5rem}
.adm-radnje .dugme{min-height:2.75rem;font-size:.95rem}
.adm-forma{display:grid;gap:1rem}
.adm-forma[hidden]{display:none}
.pr-tabela{width:100%;border-collapse:collapse;font-size:.92rem}
.pr-tabela th{text-align:left;font-size:.78rem;color:var(--tiho);font-weight:600;padding:.4rem;border-bottom:1px solid var(--linija2)}
.pr-tabela td{padding:.4rem;border-bottom:1px solid var(--linija);vertical-align:middle}
.pr-tabela input,.pr-tabela select{width:100%;min-height:2.6rem;padding:.4rem .55rem;border:0;border-radius:4px;box-shadow:inset 0 0 0 1.5px var(--ivica);background:#fff;font-variant-numeric:tabular-nums}
.pr-tabela .br{text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}
.istorija li{display:grid;grid-template-columns:1rem minmax(0,1fr);gap:.6rem;font-size:.9rem;padding:.3rem 0}
.istorija li::before{content:"";width:.6rem;height:.6rem;border-radius:50%;background:var(--zelena);margin-top:.45rem}
.mejl-dijalog{border:0;padding:0;width:min(96vw,44rem);height:min(92vh,56rem);border-radius:var(--r);overflow:hidden}
.mejl-dijalog::backdrop{background:rgba(12,36,88,.6)}
.mejl-dijalog iframe{width:100%;height:calc(100% - 3.25rem);border:0;background:#fff}
.mejl-dijalog .glava{display:flex;justify-content:space-between;align-items:center;padding:.5rem .75rem;background:var(--mornarica);color:#fff;height:3.25rem}
.prijava{min-height:calc(100vh - 4rem);display:grid;place-items:center;padding:2rem var(--gut)}
.prijava form{width:min(100%,24rem);background:var(--polje);border-radius:var(--r);box-shadow:var(--senka);padding:2rem;display:grid;gap:1rem}
.adm-prazno{color:var(--tiho);padding:2rem 1rem;text-align:center}
.poruka{font-size:.92rem;font-weight:600;color:var(--zelena)}
.poruka.los{color:var(--greska)}

/* ───────── 404 i proste strane */
.prosta{padding:clamp(2rem,5vw,4rem) 0 5rem;display:grid;gap:1.25rem;max-width:46rem}
.prosta h1{font-size:clamp(2.1rem,1.2rem + 3vw,3.8rem);font-weight:800;letter-spacing:-.03em}
.prosta h2{font-size:1.4rem;margin-top:1rem}
.prosta p,.prosta li{color:var(--tiho)}
.prosta ul{list-style:disc;padding-left:1.25rem}

/* ───────── prelomi */
@media (max-width:80rem){.zg-tel small{display:none}}
@media (max-width:64rem){
  .zg-tel span,.meni-red,.pretraga.za-racunar{display:none}
  .ikona-dugme{display:inline-flex}
  .korpa-dugme .tekst-korpa{display:none}
  .korpa-dugme{padding:.5rem .8rem}
  .zg-red{min-height:4rem;gap:.5rem}
  .zg-desno{margin-left:auto}
  .heroj-mreza{grid-template-columns:minmax(0,1fr)}
  .lampa{width:min(100%,26rem)}
  .sekcija-glava{grid-template-columns:minmax(0,1fr)}
  .sekcija-glava p{justify-self:start}
  .prostorije{grid-template-columns:minmax(0,1fr)}
  .p-tabovi{display:flex;flex-wrap:wrap;gap:.4rem}
  .p-tab{grid-template-columns:auto;font-size:.98rem;padding:.55rem .9rem;flex:0 1 auto;box-shadow:inset 0 0 0 1px var(--linija2);border-radius:999px;line-height:1.25}
  .p-tab[aria-selected="true"]{background:var(--mornarica);color:#F8FAFC;box-shadow:none}
  .p-tab .br{display:none}
  .koraci{grid-template-columns:repeat(2,minmax(0,1fr))}
  .izdvojeno{grid-template-columns:minmax(0,1fr)}
  .misija{grid-template-columns:minmax(0,1fr)}
  .kat-mreza{grid-template-columns:minmax(0,1fr)}
  .kat-strana{display:none}
  .cipovi{display:flex;flex-wrap:wrap;gap:.5rem;margin:0 0 1.75rem}
  .cipovi a{flex:0 1 auto;display:inline-flex;align-items:center;gap:.4rem;min-height:2.75rem;padding:.45rem .9rem;border-radius:999px;background:var(--polje);box-shadow:inset 0 0 0 1px var(--linija2);text-decoration:none;font-size:.92rem;line-height:1.25}
  .cipovi a[aria-current="page"]{background:var(--mornarica);color:#F8FAFC}
  .pr-mreza{grid-template-columns:minmax(0,1fr)}
  .kupi-kolona{position:static}
  .kupi-traka{display:flex}
  .js .sa-trakom .podnozje{padding-bottom:6rem}
  .opis{grid-template-columns:minmax(0,1fr)}
  .korpa-mreza,.kasa-mreza{grid-template-columns:minmax(0,1fr)}
  .rezime{position:static}
  .pn-mreza{grid-template-columns:repeat(2,minmax(0,1fr))}
  .adm-mreza{grid-template-columns:minmax(0,1fr)}
  .adm-lista{position:static;max-height:none}
  .izbor{top:auto;bottom:calc(1rem + env(safe-area-inset-bottom));right:var(--gut)}
  .sa-trakom .izbor{bottom:calc(5.5rem + env(safe-area-inset-bottom))}
}
@media (max-width:40rem){
  .tel-ne{display:none}
  .kasa-zaglavlje .dugme{padding:.6rem .9rem}
  .znak-tekst .znak-pod{display:none}
  .znak svg{width:2.4rem;height:2.4rem}
  .znak-ime{font-size:1.12rem}
  .heroj-brojevi{gap:1.25rem 2rem}
  .oblast{grid-template-columns:2.5rem minmax(0,1fr);gap:.4rem 1rem}
  .oblast-desno{grid-column:2;justify-content:flex-start;text-align:left}
  .oblast-pod{display:none}
  .p-panel{grid-template-columns:minmax(0,1fr)}
  .p-panel .polje{width:min(100%,15rem);margin-inline:auto}
  .koraci{grid-template-columns:minmax(0,1fr)}
  .korak{grid-template-columns:4.5rem minmax(0,1fr);gap:.4rem 1rem}
  .korak-krug{width:4.5rem;height:4.5rem;grid-row:span 2}
  .izdvojeno-mala{gap:1.25rem}
  .kontakt-mreza{grid-template-columns:minmax(0,1fr)}
  .mreza{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.75rem .9rem}
  .kartica-ime{font-size:.95rem}
  .kat-glava{grid-template-columns:minmax(0,1fr)}
  .kat-broj{text-align:left}
  .stavka{grid-template-columns:4.25rem minmax(0,1fr);gap:.75rem 1rem}
  .stavka .polje{width:4.25rem}
  .stavka-desno{grid-column:2}
  .polja{grid-template-columns:minmax(0,1fr)}
  .p6,.p4,.p3,.p2{grid-column:auto}
  .vrsta{grid-template-columns:minmax(0,1fr)}
  .por-koraci{grid-template-columns:minmax(0,1fr);gap:.9rem}
  .por-korak{grid-template-columns:1.15rem minmax(0,1fr) auto;justify-items:start;text-align:left;gap:.75rem;align-items:center}
  .por-korak:not(:last-child)::after{display:none}
  .por-korak-opis{display:none}
  .por-stavka{grid-template-columns:3.5rem minmax(0,1fr);gap:.5rem 1rem}
  .por-sl{width:3.5rem;height:3.5rem}
  .por-kol,.por-cena{grid-column:2}
  .por-dl div{grid-template-columns:minmax(0,1fr);gap:.15rem}
  .podaci div{grid-template-columns:minmax(0,1fr);gap:.15rem}
  .pn-mreza{grid-template-columns:minmax(0,1fr)}
  .pd-tabela{font-size:.8rem}
  .pd-tabela th:nth-child(2),.pd-tabela td:nth-child(2),.pd-tabela th:nth-child(6),.pd-tabela td:nth-child(6){display:none}
  .pd-zbir{min-width:0;justify-self:stretch}
}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}
@media (prefers-reduced-motion:no-preference){.js .ledovi circle.led:nth-of-type(1){animation-delay:0ms}.js .ledovi circle.led:nth-of-type(2){animation-delay:22ms}.js .ledovi circle.led:nth-of-type(3){animation-delay:44ms}.js .ledovi circle.led:nth-of-type(4){animation-delay:66ms}.js .ledovi circle.led:nth-of-type(5){animation-delay:88ms}.js .ledovi circle.led:nth-of-type(6){animation-delay:110ms}.js .ledovi circle.led:nth-of-type(7){animation-delay:132ms}.js .ledovi circle.led:nth-of-type(8){animation-delay:154ms}.js .ledovi circle.led:nth-of-type(9){animation-delay:176ms}.js .ledovi circle.led:nth-of-type(10){animation-delay:198ms}.js .ledovi circle.led:nth-of-type(11){animation-delay:220ms}.js .ledovi circle.led:nth-of-type(12){animation-delay:242ms}.js .ledovi circle.led:nth-of-type(13){animation-delay:264ms}.js .ledovi circle.led:nth-of-type(14){animation-delay:286ms}.js .ledovi circle.led:nth-of-type(15){animation-delay:308ms}.js .ledovi circle.led:nth-of-type(16){animation-delay:330ms}.js .ledovi circle.led:nth-of-type(17){animation-delay:352ms}.js .ledovi circle.led:nth-of-type(18){animation-delay:374ms}.js .ledovi circle.led:nth-of-type(19){animation-delay:396ms}.js .ledovi circle.led:nth-of-type(20){animation-delay:418ms}.js .ledovi circle.led:nth-of-type(21){animation-delay:440ms}.js .ledovi circle.led:nth-of-type(22){animation-delay:462ms}.js .ledovi circle.led:nth-of-type(23){animation-delay:484ms}.js .ledovi circle.led:nth-of-type(24){animation-delay:506ms}.js .ledovi circle.led:nth-of-type(25){animation-delay:528ms}.js .ledovi circle.led:nth-of-type(26){animation-delay:550ms}.js .ledovi circle.led:nth-of-type(27){animation-delay:572ms}.js .ledovi circle.led:nth-of-type(28){animation-delay:594ms}.js .ledovi circle.led:nth-of-type(29){animation-delay:616ms}.js .ledovi circle.led:nth-of-type(30){animation-delay:638ms}.js .ledovi circle.led:nth-of-type(31){animation-delay:660ms}.js .ledovi circle.led:nth-of-type(32){animation-delay:682ms}}.dugme.iskljuceno{opacity:.5;pointer-events:none}