@font-face{font-family:'Manrope';font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/manrope-latin-ext-500.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Manrope';font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/manrope-latin-500.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Manrope';font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/manrope-latin-ext-600.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Manrope';font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/manrope-latin-600.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Manrope';font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/manrope-latin-ext-700.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Manrope';font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/manrope-latin-700.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Manrope';font-style:normal;font-weight:800;font-display:swap;src:url(/fonts/manrope-latin-ext-800.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Manrope';font-style:normal;font-weight:800;font-display:swap;src:url(/fonts/manrope-latin-800.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Inter';font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/inter-latin-ext-400.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Inter';font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/inter-latin-400.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Inter';font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/inter-latin-ext-500.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Inter';font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/inter-latin-500.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Inter';font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/inter-latin-ext-600.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Inter';font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/inter-latin-600.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

:root{
  --navy:#152B35;--navy-2:#1F3B47;--teal:#00B8A0;--teal-t:#E2F6F2;--teal-d:#00806F;
  --nar:#FF7A1A;--nar-d:#D85F08;--nar-t:#FFF0E5;
  --bijela:#FFFFFF;--pod:#F6F7F5;--krem:#F5F2EB;
  --tekst:#152B35;--siva:#5A6B73;--blijeda:#8FA0A8;--crta:#E4E8E7;
  --eu:#003399;
  --d:'Manrope',system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  --b:'Inter',system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  --r:14px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
[id]{scroll-margin-top:84px}
body{margin:0;background:var(--bijela);color:var(--tekst);font:17px/1.6 var(--b);-webkit-font-smoothing:antialiased;overflow-x:hidden}
img{max-width:100%;display:block}
a{color:inherit}
h1,h2,h3,h4{font-family:var(--d);margin:0;text-wrap:balance;letter-spacing:-.03em}
p{margin:0}
.w{width:100%;max-width:1280px;margin-inline:auto;padding-inline:clamp(16px,4vw,48px)}
.sek{padding-block:clamp(80px,9vw,140px)}
.h2{font:800 clamp(36px,4.6vw,64px)/1 var(--d);letter-spacing:-.04em}
.lead{font-size:clamp(17px,1.4vw,19.5px);color:var(--siva);max-width:52ch}

/* gumbi */
.btn{display:inline-flex;align-items:center;gap:10px;height:52px;padding:0 24px;border-radius:999px;font:700 15.5px var(--d);text-decoration:none;border:0;cursor:pointer;transition:transform .2s,background .2s,box-shadow .2s,color .2s}
.btn-n{background:var(--nar);color:#fff;box-shadow:0 10px 24px -10px rgba(255,122,26,.7)}
.btn-n:hover{background:var(--nar-d);transform:translateY(-2px);box-shadow:0 16px 30px -12px rgba(255,122,26,.8)}
.btn-o{background:transparent;color:var(--navy);box-shadow:inset 0 0 0 2px var(--navy)}
.btn-o:hover{background:var(--navy);color:#fff}
.btn-t{background:var(--navy);color:#fff}
.btn-t:hover{background:var(--teal);color:var(--navy)}

/* zaglavlje */
.zag{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.86);backdrop-filter:saturate(1.6) blur(14px);-webkit-backdrop-filter:saturate(1.6) blur(14px);border-bottom:1px solid transparent;transition:border-color .3s}
.zag.s{border-bottom-color:var(--crta)}
.zag .w{display:flex;align-items:center;gap:24px;height:76px}
.zag .logo{display:block;width:190px;flex:0 0 auto}
.zag .logo svg{display:block;width:100%;height:auto}
.jez{display:flex;gap:2px;font:600 13px var(--b)}
.jez a{text-decoration:none;padding:6px 8px;border-radius:999px;color:var(--blijeda)}
.jez a[aria-current]{color:var(--navy);background:var(--pod)}
.izb{display:none;width:44px;height:44px;border-radius:999px;border:0;background:var(--pod);cursor:pointer;position:relative}
.izb i,.izb i::before,.izb i::after{position:absolute;left:13px;width:18px;height:2px;background:var(--navy);content:"";transition:transform .25s}
.izb i{top:21px}.izb i::before{left:0;top:-6px}.izb i::after{left:0;top:6px}
.zag.otv .izb i{background:transparent}.zag.otv .izb i::before{transform:translateY(6px) rotate(45deg)}.zag.otv .izb i::after{transform:translateY(-6px) rotate(-45deg)}
@media (max-width:420px){.zag .logo{width:150px}.zag .w{gap:12px}}

/* hero */
.hero{position:relative;overflow:hidden;padding-block:clamp(56px,7vw,100px) clamp(64px,8vw,120px)}
.hero canvas{position:absolute;inset:0;width:100%;height:100%;z-index:0}
.hero .w{position:relative;z-index:1;pointer-events:none}
.hero .w>*{pointer-events:auto}
.znacka{display:inline-flex;align-items:center;gap:10px;padding:7px 14px 7px 8px;border-radius:999px;background:#fff;box-shadow:0 0 0 1px var(--crta);font:600 14px var(--b);color:var(--siva)}
.znacka b{font:700 12.5px var(--d);background:var(--teal-t);color:var(--teal-d);padding:4px 10px;border-radius:999px}
.hero h1{font:800 clamp(52px,8.6vw,132px)/.95 var(--d);letter-spacing:-.05em;margin-top:26px;max-width:11ch}
.hero h1 .r{background:linear-gradient(100deg,var(--teal) 0%,var(--teal) 40%,var(--nar) 100%);-webkit-background-clip:text;background-clip:text;color:transparent;background-size:200% 100%;animation:pre 6s ease-in-out infinite alternate}
@keyframes pre{to{background-position:100% 0}}
.hero .lead{margin-top:28px;max-width:46ch;color:#3E5058}
.hero .akc{display:flex;flex-wrap:wrap;gap:12px;margin-top:36px}
.hero .uputa{margin-top:54px;font-size:13.5px;color:var(--blijeda);display:flex;align-items:center;gap:10px}
.hero .uputa svg{flex:0 0 auto}
@media (pointer:coarse){.hero .uputa{display:none}}


/* dvije grane */
.grane{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.gr{position:relative;border-radius:24px;padding:clamp(28px,3.4vw,48px);min-height:560px;display:flex;flex-direction:column;overflow:hidden;text-decoration:none;isolation:isolate}
.gr.dig{background:var(--navy);color:#fff}
.gr.pro{background:var(--teal-t);color:var(--navy)}
.gr .oz{display:inline-flex;align-self:flex-start;font:700 13px var(--d);padding:6px 12px;border-radius:999px}
.gr.dig .oz{background:rgba(255,255,255,.1);color:var(--teal)}
.gr.pro .oz{background:#fff;color:var(--teal-d)}
.gr h3{font:800 clamp(34px,3.6vw,52px)/1 var(--d);letter-spacing:-.04em;margin-top:22px}
.gr p{margin-top:16px;max-width:40ch;font-size:17px}
.gr.dig p{color:#B3C3C9}.gr.pro p{color:#3E5058}
.gr .ide{margin-top:24px;display:inline-flex;align-items:center;gap:10px;font:700 15.5px var(--d)}
.gr .ide i{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:var(--nar);color:#fff;font-style:normal;transition:transform .3s}
.gr:hover .ide i{transform:translateX(6px)}
.gr .vis{margin-top:auto;padding-top:36px}
/* mini sucelje */
.ui{background:#0F232C;border-radius:14px;box-shadow:0 0 0 1px rgba(255,255,255,.08);overflow:hidden;transform:translateY(12px);transition:transform .6s cubic-bezier(.2,.7,.2,1)}
.gr:hover .ui,.gr:hover .slk{transform:translateY(0)}
.ui .bar{display:flex;gap:6px;padding:12px 14px;border-bottom:1px solid rgba(255,255,255,.06)}
.ui .bar i{width:9px;height:9px;border-radius:50%;background:rgba(255,255,255,.18)}
.ui .tijelo{display:grid;grid-template-columns:90px minmax(0,1fr);gap:14px;padding:16px}
.ui .sb{display:grid;gap:8px;align-content:start}
.ui .sb i{height:8px;border-radius:4px;background:rgba(255,255,255,.1)}
.ui .sb i.a{background:var(--teal)}
.ui .gl{display:grid;gap:12px}
.ui .kpi{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.ui .kpi div{background:rgba(255,255,255,.05);border-radius:8px;padding:10px}
.ui .kpi b{display:block;font:800 18px var(--d);color:#fff}
.ui .kpi s{display:block;text-decoration:none;font-size:11px;color:#8FA6AE}
.ui .graf{height:90px;background:rgba(255,255,255,.04);border-radius:8px;position:relative;overflow:hidden}
.ui .graf svg{position:absolute;inset:0;width:100%;height:100%}
.ui .graf path.l{stroke-dasharray:420;stroke-dashoffset:420;animation:crt 2.4s .4s cubic-bezier(.2,.7,.2,1) forwards}
@keyframes crt{to{stroke-dashoffset:0}}
.slk{border-radius:14px;overflow:hidden;box-shadow:0 30px 60px -30px rgba(21,43,53,.45),0 0 0 1px rgba(21,43,53,.08);transform:translateY(12px);transition:transform .6s cubic-bezier(.2,.7,.2,1);background:#fff}
@media (max-width:900px){.grane{grid-template-columns:minmax(0,1fr)}.gr{min-height:0}}
@media (max-width:480px){.ui .tijelo{grid-template-columns:40px minmax(0,1fr);gap:10px;padding:12px}.ui .kpi{gap:6px}.ui .kpi div{padding:8px 6px}.ui .kpi b{font-size:15px}.ui .kpi s{font-size:10px}}

/* usluge harmonika */
.usl-w{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(32px,6vw,96px);align-items:start}
.usl-w .lijevo{position:sticky;top:120px}
.usl-w .lead{margin-top:22px}
.har{border-top:1px solid var(--crta)}
.har details{border-bottom:1px solid var(--crta)}
.har summary{list-style:none;display:flex;align-items:center;gap:18px;padding:24px 0;cursor:pointer;font:700 clamp(20px,2vw,26px)/1.2 var(--d);letter-spacing:-.025em}
.har summary::-webkit-details-marker{display:none}
.har summary .ik{flex:0 0 46px;height:46px;border-radius:12px;background:var(--teal-t);display:grid;place-items:center;transition:background .25s}
.har summary .ik svg{width:22px;height:22px;stroke:var(--teal-d);fill:none;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.har summary .pl{margin-left:auto;flex:0 0 34px;height:34px;border-radius:50%;box-shadow:inset 0 0 0 1.5px var(--crta);position:relative;transition:transform .3s,background .3s}
.har summary .pl::before,.har summary .pl::after{content:"";position:absolute;left:10px;right:10px;top:16px;height:2px;background:var(--navy)}
.har summary .pl::after{transform:rotate(90deg);transition:transform .3s}
.har details[open] summary .pl{background:var(--nar);box-shadow:none}
.har details[open] summary .pl::before,.har details[open] summary .pl::after{background:#fff}
.har details[open] summary .pl::after{transform:rotate(0)}
.har details[open] summary .ik{background:var(--navy)}
.har details[open] summary .ik svg{stroke:var(--teal)}
.har .sad{padding:0 0 28px 64px;color:var(--siva);max-width:60ch}
.har .sad ul{margin:14px 0 0;padding:0;list-style:none;display:flex;flex-wrap:wrap;gap:8px}
.har .sad li{font:600 13.5px var(--b);padding:6px 12px;border-radius:999px;background:var(--pod);color:var(--navy)}
@media (max-width:900px){.usl-w{grid-template-columns:minmax(0,1fr)}.usl-w .lijevo{position:static}.har .sad{padding-left:0}}

/* promo */
.promo{background:var(--pod)}
.promo .w{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(36px,5vw,80px);align-items:center}
.promo .lead{margin-top:22px}
.tocke{list-style:none;padding:0;margin:30px 0 0;display:grid;gap:14px}
.tocke li{display:grid;grid-template-columns:28px minmax(0,1fr);gap:12px;align-items:start;font-size:16.5px}
.tocke li::before{content:"";width:22px;height:22px;margin-top:2px;border-radius:50%;background:var(--teal) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6 12.5l4 4 8-9' fill='none' stroke='%23fff' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/14px no-repeat}
.promo .akc{margin-top:34px;display:flex;flex-wrap:wrap;gap:12px}
.ekran{position:relative}
.ekran .okv{border-radius:16px;overflow:hidden;background:#fff;box-shadow:0 50px 90px -45px rgba(21,43,53,.5),0 0 0 1px rgba(21,43,53,.07)}
.ekran .okv .b{display:flex;align-items:center;gap:6px;height:34px;padding:0 14px;background:#F0F2F1}
.ekran .okv .b i{width:10px;height:10px;border-radius:50%;background:#D5DAD8}
.ekran .okv .b em{margin-left:14px;font:500 12.5px var(--b);font-style:normal;color:var(--siva);background:#fff;padding:3px 14px;border-radius:999px}
.pia{position:absolute;right:-14px;bottom:-30px;width:min(300px,78%);background:#fff;border-radius:16px;padding:16px 18px;box-shadow:0 30px 60px -24px rgba(21,43,53,.45);display:grid;grid-template-columns:40px minmax(0,1fr);gap:12px;align-items:start}
.pia .av{width:40px;height:40px;border-radius:50%;background:var(--nar);color:#fff;display:grid;place-items:center;font:800 16px var(--d)}
.pia b{font:800 15px var(--d)}
.pia p{font-size:14px;color:var(--siva);line-height:1.45;margin-top:2px}
@media (max-width:900px){.promo .w{grid-template-columns:minmax(0,1fr)}.pia{right:8px}}

/* reference */
.ref-vrh{display:flex;flex-wrap:wrap;gap:20px 40px;align-items:flex-end;justify-content:space-between;margin-bottom:48px}
.ref-vrh .lead{max-width:44ch}
.filt{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:28px}
.filt button{font:600 14px var(--b);padding:9px 16px;border-radius:999px;border:0;background:var(--pod);color:var(--navy);cursor:pointer;transition:background .2s,color .2s}
.filt button[aria-pressed="true"]{background:var(--navy);color:#fff}
.mr{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.rk{margin:0;transition:opacity .35s,transform .35s}
.rk[hidden]{display:none}
.rk .sl{border-radius:16px;overflow:hidden;aspect-ratio:5/3;background:var(--pod);box-shadow:0 0 0 1px var(--crta);position:relative}
.rk .sl img{width:100%;height:100%;object-fit:cover;object-position:top;transition:transform .9s cubic-bezier(.2,.7,.2,1)}
.rk:hover .sl img{transform:scale(1.05)}
.rk .vr{position:absolute;left:12px;top:12px;font:700 12px var(--d);padding:6px 11px;border-radius:999px;background:#fff;color:var(--navy);box-shadow:0 6px 14px -8px rgba(0,0,0,.4)}
.rk h3{font:700 21px var(--d);margin-top:16px;letter-spacing:-.02em}
.rk p{color:var(--siva);font-size:15.5px;margin-top:4px}
.rk.siroka{grid-column:span 2}
.rk.siroka .sl{aspect-ratio:auto;height:calc(100% - 88px);min-height:280px}
@media (max-width:900px){.mr{grid-template-columns:repeat(2,minmax(0,1fr))}.rk.siroka{grid-column:span 2}.rk.siroka .sl{height:auto;min-height:0;aspect-ratio:16/8}}
@media (max-width:560px){.mr{grid-template-columns:minmax(0,1fr)}.rk.siroka{grid-column:auto}.rk.siroka .sl{aspect-ratio:5/3}}

/* razvoj + EU */
.raz{background:var(--navy);color:#fff;border-radius:32px;margin-inline:clamp(8px,1.5vw,20px);overflow:hidden}
.raz .w{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(36px,5vw,80px);align-items:center}
.raz .oz{display:inline-flex;font:700 13px var(--d);padding:6px 12px;border-radius:999px;background:rgba(255,255,255,.08);color:var(--teal)}
.raz h2{margin-top:20px}
.raz .lead{color:#B3C3C9;margin-top:20px}
.dah{position:relative;aspect-ratio:1/1;width:100%;max-width:520px;justify-self:center}
.dah canvas{position:absolute;inset:0;width:100%;height:100%}
.dah svg{position:absolute;left:50%;top:50%;width:24%;transform:translate(-50%,-50%)}
.eu{margin-top:32px;background:#fff;color:var(--navy);border-radius:18px;padding:22px 24px}
.eu .gl{display:flex;align-items:center;gap:16px}
.eu .gl svg{flex:0 0 auto;border-radius:3px}
.eu .gl b{font:700 16.5px/1.25 var(--b);color:var(--eu)}
.eu p{margin-top:14px;font-size:15px;color:var(--siva)}
.eu dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 20px;margin:16px 0 0;padding-top:16px;border-top:1px solid var(--crta)}
.eu dt{font:600 12.5px var(--b);color:var(--siva)}
.eu dd{margin:2px 0 0;font:700 15px var(--d)}
.eu dd.c{color:var(--nar-d);font:600 14px var(--b)}
.raz .akc{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px}
.raz .btn-o{color:#fff;box-shadow:inset 0 0 0 2px rgba(255,255,255,.35)}
.raz .btn-o:hover{background:#fff;color:var(--navy)}
@media (max-width:900px){.raz .w{grid-template-columns:minmax(0,1fr)}.dah{max-width:380px}}
@media (max-width:480px){.eu dl{grid-template-columns:minmax(0,1fr)}}

/* proces */
.kor{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;margin-top:52px;position:relative}
.kor::before{content:"";position:absolute;left:0;right:0;top:27px;height:2px;background:repeating-linear-gradient(90deg,var(--crta) 0 8px,transparent 8px 16px)}
.k{position:relative}
.k .br{width:56px;height:56px;border-radius:50%;display:grid;place-items:center;background:#fff;box-shadow:inset 0 0 0 2px var(--navy);font:800 18px var(--d);position:relative}
.k:first-child .br{background:var(--nar);color:#fff;box-shadow:none}
.k h3{font:700 21px var(--d);margin-top:20px}
.k p{color:var(--siva);font-size:15.5px;margin-top:6px}
@media (max-width:900px){.kor{grid-template-columns:repeat(2,minmax(0,1fr));gap:36px 20px}.kor::before{display:none}}
@media (max-width:480px){.kor{grid-template-columns:minmax(0,1fr)}}

/* kontakt */
.kon .kar{background:linear-gradient(120deg,var(--nar) 0%,#FF9447 100%);border-radius:32px;padding:clamp(32px,5vw,72px);color:#fff;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:36px;align-items:end;position:relative;overflow:hidden}
.kon h2{color:#fff}
.kon p{margin-top:18px;font-size:18.5px;max-width:44ch;color:#FFF3EA}
.kon .mail{font:800 clamp(22px,2.6vw,34px) var(--d);letter-spacing:-.03em;color:#fff;text-decoration:none;overflow-wrap:anywhere;border-bottom:3px solid rgba(255,255,255,.55);padding-bottom:4px}
.kon .mail:hover{border-color:#fff}
.kon .des{display:flex;flex-direction:column;align-items:flex-start;gap:18px}
.kon .kop{font:700 14px var(--d);padding:10px 16px;border-radius:999px;border:0;background:var(--navy);color:#fff;cursor:pointer}
.kon .kop:hover{background:#fff;color:var(--navy)}
@media (max-width:900px){.kon .kar{grid-template-columns:minmax(0,1fr)}}

/* podnozje */
.pod{background:var(--navy);color:#A9BBC2;font-size:15px;padding-block:72px 32px;margin-top:clamp(80px,9vw,140px)}
.pod .gor{display:grid;grid-template-columns:minmax(0,1.4fr) repeat(3,minmax(0,1fr));gap:40px}
.pod .logo{width:230px}
.pod .slog{margin-top:18px;font:700 19px var(--d);color:#fff}
.pod h4{font:600 14px var(--b);color:#7F959D;margin:0 0 14px;letter-spacing:0}
.pod ul{list-style:none;padding:0;margin:0;display:grid;gap:9px}
.pod a{text-decoration:none;color:#E1E9EC}.pod a:hover{color:var(--nar)}
.pod .eup{display:flex;gap:14px;align-items:center;margin-top:52px;padding:18px 20px;border-radius:14px;background:rgba(255,255,255,.04);color:#E1E9EC}
.pod .prav{display:flex;flex-wrap:wrap;gap:10px 28px;justify-content:space-between;margin-top:26px;font-size:13px;color:#7F959D}
.pod .prav nav{display:flex;gap:18px}
@media (max-width:900px){.pod .gor{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:520px){.pod .gor{grid-template-columns:minmax(0,1fr)}}

/* pojavljivanje */
.po{opacity:0;transform:translateY(28px);transition:opacity .9s cubic-bezier(.2,.7,.2,1),transform .9s cubic-bezier(.2,.7,.2,1)}
.po.v{opacity:1;transform:none}
:focus-visible{outline:3px solid var(--nar);outline-offset:3px}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}.po{opacity:1;transform:none}.ui .graf path.l{stroke-dashoffset:0}}

/* ===== izbornik ===== */
.preskoci{position:absolute;left:12px;top:-60px;z-index:100;background:var(--navy);color:#fff;padding:10px 14px;border-radius:8px;text-decoration:none;font-weight:600}
.preskoci:focus{top:12px}
.zag .w{position:static}
.glavni{margin-left:auto}
.glavni>ul{list-style:none;display:flex;gap:2px;margin:0;padding:0}
.glavni>ul>li>a,.glavni>ul>li>button{display:inline-flex;align-items:center;gap:7px;font:600 15px var(--d);padding:10px 14px;border-radius:999px;border:0;background:none;color:var(--navy);text-decoration:none;cursor:pointer;transition:background .2s}
.glavni>ul>li>a:hover,.glavni>ul>li>button:hover,.glavni>ul>li.otv>button{background:var(--pod)}
.glavni>ul>li>a[aria-current="page"],.glavni>ul>li>button.akt{box-shadow:inset 0 -2px 0 var(--nar);border-radius:0}
.glavni>ul>li>button::after{content:"";width:7px;height:7px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:translateY(-2px) rotate(45deg);transition:transform .25s}
.glavni>ul>li.otv>button::after{transform:translateY(1px) rotate(-135deg)}
.pad{position:absolute;left:0;right:0;top:100%;background:#fff;border-top:1px solid var(--crta);box-shadow:0 50px 70px -50px rgba(21,43,53,.4);opacity:0;visibility:hidden;transform:translateY(-6px);transition:opacity .22s,transform .22s,visibility 0s .22s}
.glavni li.otv .pad{opacity:1;visibility:visible;transform:none;transition:opacity .22s,transform .22s}
.pad .pw{width:100%;max-width:1280px;margin-inline:auto;padding-inline:clamp(16px,4vw,48px);display:grid;grid-template-columns:repeat(2,minmax(0,1fr)) minmax(0,.9fr);gap:6px 10px;padding-block:26px 30px}
.pad .pw.uska{grid-template-columns:repeat(2,minmax(0,1fr)) minmax(0,1.1fr)}
.st{display:grid;grid-template-columns:44px minmax(0,1fr);gap:14px;align-items:start;padding:14px 16px;border-radius:14px;text-decoration:none;transition:background .2s}
.st:hover{background:var(--pod)}
.st .ik{width:44px;height:44px;border-radius:12px;background:var(--teal-t);display:grid;place-items:center}
.st .ik svg{width:22px;height:22px;stroke:var(--teal-d);fill:none;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.st b{display:block;font:700 16px var(--d);letter-spacing:-.01em}
.st span{display:block;font-size:14px;color:var(--siva);line-height:1.45;margin-top:2px}
.pad .kar{grid-row:span 3;background:var(--navy);color:#fff;border-radius:18px;padding:22px 24px;display:flex;flex-direction:column;gap:10px;text-decoration:none}
.pad .kar small{font:700 12.5px var(--d);color:var(--teal)}
.pad .kar b{font:800 22px/1.15 var(--d);letter-spacing:-.02em}
.pad .kar span{font-size:14.5px;color:#B3C3C9}
.pad .kar em{margin-top:auto;font:700 14.5px var(--d);font-style:normal;color:var(--nar)}
.pad .kar.eu-k{background:#fff;color:var(--navy);box-shadow:inset 0 0 0 2px var(--eu)}
.pad .kar.eu-k span{color:var(--siva)}
.pad .kar.eu-k small{color:var(--eu)}
.zag .kont{height:44px;padding:0 18px;font-size:14.5px;margin-left:8px}
.izb{display:none}
@media (max-width:1260px){
  .glavni{display:none;position:fixed;left:0;right:0;top:76px;bottom:0;background:#fff;overflow-y:auto;padding:8px clamp(16px,4vw,48px) 40px;margin:0}
  .zag.otv .glavni{display:block}
  .glavni>ul{flex-direction:column;gap:0}
  .glavni>ul>li{border-bottom:1px solid var(--crta)}
  .glavni>ul>li>a,.glavni>ul>li>button{width:100%;justify-content:space-between;padding:18px 2px;border-radius:0;font-size:19px}
  .glavni>ul>li>a[aria-current="page"],.glavni>ul>li>button.akt{box-shadow:none;color:var(--nar-d)}
  .glavni>ul>li>a:hover,.glavni>ul>li>button:hover,.glavni>ul>li.otv>button{background:none}
  .pad{position:static;box-shadow:none;border:0;display:none;opacity:1;visibility:visible;transform:none}
  .glavni li.otv .pad{display:block}
  .pad .pw,.pad .pw.uska{grid-template-columns:minmax(0,1fr);padding:0 0 16px}
  .pad .kar{grid-row:auto}
  .st{padding:10px 4px}
  .izb{display:block;width:44px;height:44px;border-radius:999px;border:0;background:var(--pod);cursor:pointer;position:relative;flex:0 0 auto}
  .jez{margin-left:auto}
  .zag .kont{display:none}
  body.zak{overflow:hidden}
}
.glavni .mob-kont{display:none}
@media (max-width:1260px){.glavni .mob-kont{display:flex;margin-top:24px}}

/* ===== zaglavlje podstranice ===== */
.ph{position:relative;overflow:hidden;padding-block:clamp(48px,6vw,88px) clamp(56px,7vw,104px);border-bottom:1px solid var(--crta)}
.ph canvas{position:absolute;inset:0;width:100%;height:100%;z-index:0}
.ph .w{position:relative;z-index:1;pointer-events:none}
.ph .w>*{pointer-events:auto}
.mrv{display:flex;flex-wrap:wrap;gap:8px;list-style:none;padding:0;margin:0 0 22px;font-size:14px;color:var(--blijeda)}
.mrv a{color:var(--siva);text-decoration:none}.mrv a:hover{color:var(--nar-d)}
.mrv li+li::before{content:"/";margin-right:8px;color:#C5CFD3}
.ph h1{font:800 clamp(44px,6.6vw,96px)/.97 var(--d);letter-spacing:-.05em;max-width:14ch}
.ph .lead{margin-top:24px;max-width:50ch;color:#3E5058}
.ph .akc{display:flex;flex-wrap:wrap;gap:12px;margin-top:32px}

/* ===== sadrzajni blokovi ===== */
.blok{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(36px,6vw,96px);align-items:center}
.blok+.blok{margin-top:clamp(80px,9vw,140px)}
.blok.obrnut>:first-child{order:2}
.blok h2{font:800 clamp(32px,3.8vw,52px)/1.02 var(--d);letter-spacing:-.04em}
.blok .lead{margin-top:20px}
.blok .oz{display:inline-flex;font:700 13px var(--d);padding:6px 12px;border-radius:999px;background:var(--teal-t);color:var(--teal-d);margin-bottom:18px}
.cipovi{list-style:none;padding:0;margin:26px 0 0;display:flex;flex-wrap:wrap;gap:8px}
.cipovi li{font:600 14px var(--b);padding:8px 14px;border-radius:999px;background:var(--pod);color:var(--navy)}
.slika-o{border-radius:20px;overflow:hidden;box-shadow:0 40px 80px -45px rgba(21,43,53,.5),0 0 0 1px rgba(21,43,53,.07);background:#fff}
.slika-o .b{display:flex;align-items:center;gap:6px;height:32px;padding:0 14px;background:#F0F2F1}
.slika-o .b i{width:9px;height:9px;border-radius:50%;background:#D5DAD8}
.slika-o .b em{margin-left:12px;font:500 12px var(--b);font-style:normal;color:var(--siva);background:#fff;padding:2px 12px;border-radius:999px}
.vis-p{background:var(--navy);border-radius:20px;padding:clamp(20px,3vw,36px);color:#fff;position:relative;overflow:hidden}
.vis-p.svj{background:var(--pod);color:var(--navy)}
@media (max-width:900px){.blok{grid-template-columns:minmax(0,1fr)}.blok.obrnut>:first-child{order:0}}

/* integracije shema */
.shema{display:grid;grid-template-columns:1fr auto 1fr;gap:18px;align-items:center}
.shema .st2{display:grid;gap:10px}
.shema .cv{background:rgba(255,255,255,.06);border-radius:12px;padding:12px 14px;font:600 14px var(--d);display:flex;align-items:center;gap:10px}
.shema .cv i{width:8px;height:8px;border-radius:50%;background:var(--teal);box-shadow:0 0 0 4px rgba(0,184,160,.18)}
.shema .sred{width:84px;height:84px;border-radius:22px;background:#fff;display:grid;place-items:center}
.shema .sred svg{width:54px}
.shema .lin{position:relative;height:2px;background:repeating-linear-gradient(90deg,var(--teal) 0 6px,transparent 6px 12px);background-size:24px 2px;animation:tok 1s linear infinite}
@keyframes tok{to{background-position:24px 0}}
@media (max-width:520px){.shema{grid-template-columns:minmax(0,1fr)}.shema .sred{justify-self:center}}

/* rezultat trazilice */
.serp{display:grid;gap:12px}
.serp .q{display:flex;align-items:center;gap:10px;background:#fff;border-radius:999px;padding:12px 18px;box-shadow:0 0 0 1px var(--crta);font-size:15px;color:var(--siva)}
.serp .q svg{width:18px;height:18px;stroke:var(--siva);fill:none;stroke-width:2}
.serp .r{background:#fff;border-radius:14px;padding:16px 18px;box-shadow:0 0 0 1px var(--crta)}
.serp .r small{color:var(--teal-d);font-size:13px}
.serp .r b{display:block;font:700 17px var(--d);color:#1A0DAB;margin-top:2px}
.serp .r p{font-size:14px;color:var(--siva);margin-top:4px}
.serp .ai{background:var(--navy);color:#fff;border-radius:14px;padding:16px 18px}
.serp .ai small{color:var(--teal);font:700 12.5px var(--d)}
.serp .ai p{font-size:14.5px;color:#D5E0E4;margin-top:6px}
.serp .ai mark{background:none;color:var(--nar);font-weight:700}

/* kartice */
.kart{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.kart.cetiri{grid-template-columns:repeat(4,minmax(0,1fr))}
.kar3{background:var(--pod);border-radius:20px;padding:28px 26px}
.kar3 .ik{width:48px;height:48px;border-radius:14px;background:#fff;display:grid;place-items:center;margin-bottom:22px}
.kar3 .ik svg{width:24px;height:24px;stroke:var(--teal-d);fill:none;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.kar3 h3{font:700 21px var(--d);letter-spacing:-.02em}
.kar3 p{color:var(--siva);font-size:15.5px;margin-top:8px}
@media (max-width:1000px){.kart.cetiri{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:860px){.kart{grid-template-columns:minmax(0,1fr)}}
@media (max-width:520px){.kart.cetiri{grid-template-columns:minmax(0,1fr)}}

/* sekcija s naslovom */
.glava{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px 64px;align-items:end;margin-bottom:clamp(36px,4vw,56px)}
@media (max-width:860px){.glava{grid-template-columns:minmax(0,1fr)}}

/* pitanja */
.faq-w{display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);gap:clamp(32px,6vw,96px);align-items:start}
.faq-w h2{font:800 clamp(26px,2.6vw,34px)/1.1 var(--d);letter-spacing:-.03em;position:sticky;top:110px}
.faq-w+.faq-w{margin-top:72px}
.har.faq summary{font-size:clamp(18px,1.6vw,21px);padding:22px 0}
.har.faq .sad{padding-left:0}
@media (max-width:860px){.faq-w{grid-template-columns:minmax(0,1fr)}.faq-w h2{position:static}}

/* forma */
.kon-w{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(36px,6vw,96px);align-items:start}
.podaci{list-style:none;padding:0;margin:28px 0 0;display:grid;gap:22px}
.podaci li{display:grid;grid-template-columns:46px minmax(0,1fr);gap:14px;align-items:start}
.podaci .ik{width:46px;height:46px;border-radius:12px;background:var(--teal-t);display:grid;place-items:center}
.podaci .ik svg{width:22px;height:22px;stroke:var(--teal-d);fill:none;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.podaci small{display:block;font:600 13px var(--b);color:var(--siva)}
.podaci b{font:700 18px var(--d)}
.podaci a{text-decoration:none}.podaci a:hover{color:var(--nar-d)}
.forma{background:var(--pod);border-radius:24px;padding:clamp(24px,3.4vw,44px);display:grid;gap:18px}
.forma .dva{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.forma label{display:grid;gap:7px;font:600 14px var(--b)}
.forma input,.forma textarea{font:16px var(--b);color:var(--navy);background:#fff;border:1.5px solid var(--crta);border-radius:12px;padding:13px 14px;width:100%;transition:border-color .2s,box-shadow .2s}
.forma input:focus,.forma textarea:focus{outline:none;border-color:var(--teal);box-shadow:0 0 0 4px rgba(0,184,160,.15)}
.forma textarea{min-height:150px;resize:vertical}
.forma fieldset{border:0;padding:0;margin:0}
.forma legend{font:600 14px var(--b);margin-bottom:10px}
.izbor{display:flex;flex-wrap:wrap;gap:8px}
.izbor label{display:block;cursor:pointer}
.izbor input{position:absolute;opacity:0;width:1px;height:1px}
.izbor span{display:inline-block;font:600 14px var(--b);padding:9px 15px;border-radius:999px;background:#fff;box-shadow:inset 0 0 0 1.5px var(--crta);transition:background .2s,box-shadow .2s,color .2s}
.izbor input:checked+span{background:var(--navy);color:#fff;box-shadow:none}
.izbor input:focus-visible+span{outline:3px solid var(--nar);outline-offset:2px}
.forma .prv{display:flex;gap:10px;align-items:flex-start;font:400 14px var(--b);color:var(--siva)}
.forma .prv input{width:20px;height:20px;flex:0 0 auto;margin-top:2px;accent-color:var(--teal)}
.forma .por{font:600 14.5px var(--b)}
.forma .por.ne{color:#C0392B}.forma .por.ok{color:var(--teal-d)}
@media (max-width:900px){.kon-w{grid-template-columns:minmax(0,1fr)}}
@media (max-width:520px){.forma .dva{grid-template-columns:minmax(0,1fr)}}

/* proza */
.proza{max-width:760px}
.proza h2{font:800 26px/1.2 var(--d);letter-spacing:-.025em;margin:48px 0 12px}
.proza h2:first-child{margin-top:0}
.proza p,.proza li{color:#3E5058;font-size:17px}
.proza p+p{margin-top:12px}
.proza ul{padding-left:20px;margin:10px 0 0;display:grid;gap:6px}
.proza a{color:var(--teal-d)}
.tab{display:grid;grid-template-columns:max-content minmax(0,1fr);gap:0;margin:0;border-radius:16px;overflow:hidden;box-shadow:0 0 0 1px var(--crta)}
.tab dt,.tab dd{margin:0;padding:14px 20px;border-bottom:1px solid var(--crta)}
.tab dt{font:600 14px var(--b);color:var(--siva);background:var(--pod)}
.tab dd{font:600 16px var(--d);overflow-wrap:anywhere}
.tab dt:nth-last-child(2),.tab dd:last-child{border-bottom:0}
.tab dd.c{color:var(--nar-d);font:600 15px var(--b)}
@media (max-width:560px){.tab{grid-template-columns:minmax(0,1fr)}.tab dt{border-bottom:0;padding-bottom:4px}.tab dd{padding-top:4px}}

/* EU stranica */
.eu-vrh{display:flex;flex-wrap:wrap;align-items:center;gap:24px;padding:28px;border-radius:20px;box-shadow:inset 0 0 0 2px var(--eu);margin-bottom:40px}
.eu-vrh b{font:700 22px/1.25 var(--b);color:var(--eu)}

/* faze */
.faze{list-style:none;padding:0;margin:0;display:grid;gap:0;border-left:2px solid var(--crta);margin-left:10px}
.faze li{position:relative;padding:0 0 30px 32px}
.faze li::before{content:"";position:absolute;left:-11px;top:2px;width:20px;height:20px;border-radius:50%;background:#fff;box-shadow:inset 0 0 0 2px var(--blijeda)}
.faze li.g::before{background:var(--teal);box-shadow:none}
.faze li.s::before{background:var(--nar);box-shadow:0 0 0 6px var(--nar-t)}
.faze b{display:block;font:700 19px var(--d)}
.faze p{color:var(--siva);font-size:15.5px;margin-top:2px}

/* 404 */
.prazno{min-height:60vh;display:flex;align-items:center}
.prazno .br4{font:800 clamp(90px,16vw,220px)/.9 var(--d);letter-spacing:-.06em;color:var(--teal-t);-webkit-text-stroke:2px var(--teal)}

/* reference podstranica */
.mr.puna{grid-template-columns:repeat(3,minmax(0,1fr))}
.rk .tk{display:inline-block;margin-top:10px;font:600 13px var(--b);color:var(--nar-d)}

/* zamagljena podloga zaglavlja na pseudo-elementu, da fiksni izbornik ne bude zarobljen u zaglavlju */
.zag{background:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;isolation:isolate}
.zag::before{content:"";position:absolute;inset:0;z-index:-1;background:rgba(255,255,255,.88);backdrop-filter:saturate(1.6) blur(14px);-webkit-backdrop-filter:saturate(1.6) blur(14px)}
.zag.otv::before{background:#fff}
.pod{margin-top:0}
main>section:last-child:not(.kon){padding-bottom:clamp(80px,9vw,140px)}
.kon.sek{padding-top:clamp(40px,5vw,80px)}

/* kartice grana: slika gore, tekst dolje */
.gr{min-height:0;justify-content:flex-start}
.gr .vis-g{position:relative;height:clamp(230px,24vw,300px);margin:-4px 0 30px}
.gr .ek{position:absolute;margin:0;width:68%;border-radius:12px;overflow:hidden;background:#fff;box-shadow:0 24px 50px -24px rgba(0,0,0,.55);transition:transform .6s cubic-bezier(.2,.7,.2,1)}
.gr .ek img{display:block;width:100%;aspect-ratio:5/3;object-fit:cover;object-position:top}
.gr .okb{display:flex;align-items:center;gap:5px;height:24px;padding:0 10px;background:#EEF1F0}
.gr .okb i{width:7px;height:7px;border-radius:50%;background:#CBD2D0}
.gr .okb em{margin-left:8px;font:500 11px var(--b);font-style:normal;color:var(--siva);background:#fff;padding:1px 9px;border-radius:999px}
.gr .ek figcaption{position:absolute;left:10px;bottom:10px;font:700 12px var(--d);padding:5px 10px;border-radius:999px;background:var(--nar);color:#fff}
.gr .e1{left:0;top:18%;z-index:1;transform:rotate(-4deg)}
.gr .e2{left:16%;top:0;z-index:2}
.gr .e3{right:0;top:22%;z-index:3;transform:rotate(4deg)}
.gr .e0{left:6%;right:6%;width:auto;top:0}
.gr:hover .e1{transform:rotate(-6deg) translate(-10px,4px)}
.gr:hover .e3{transform:rotate(6deg) translate(10px,4px)}
.gr:hover .e0{transform:translateY(-6px)}
.gr .oz{margin-top:4px}
@media (max-width:520px){.gr .vis-g{height:200px}.gr .ek{width:78%}.gr .e2{left:11%}}
/* slike referenci u izvornom omjeru 16:10, bez rastezanja */
.rk .sl{aspect-ratio:16/10}
.gr .ek img{aspect-ratio:16/10}
.ekran .okv img,.slika-o img,.slk img{width:100%;height:auto;aspect-ratio:16/10;object-fit:cover;object-position:top}
.gr .ek img{height:auto;width:100%}
.gr .vis-g{height:clamp(250px,25vw,320px)}
.gr .e0{left:4%;right:4%;top:2%}
.gr.pro .vis-g{height:auto}
.gr.pro .e0{position:relative;left:auto;right:auto;top:auto;width:92%;margin-inline:auto}
.glavni>ul>li>a,.glavni>ul>li>button,.zag .kont,.jez a{white-space:nowrap}
@media (min-width:1261px) and (max-width:1360px){.glavni>ul>li>a,.glavni>ul>li>button{padding:10px 10px;font-size:14.5px}.zag .w{gap:14px}}

/* plocice usluga */
.plo{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}
.plo.dva{grid-template-columns:repeat(2,minmax(0,1fr));max-width:820px}
.pl1{display:flex;flex-direction:column;gap:10px;padding:22px 20px;border-radius:18px;background:#fff;box-shadow:0 0 0 1px var(--crta);text-decoration:none;transition:box-shadow .25s,transform .25s}
.pl1:hover{box-shadow:0 0 0 2px var(--teal),0 20px 40px -24px rgba(21,43,53,.35);transform:translateY(-3px)}
.pl1 .ik{width:44px;height:44px;border-radius:12px;background:var(--teal-t);display:grid;place-items:center}
.pl1 .ik svg{width:22px;height:22px;stroke:var(--teal-d);fill:none;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.pl1 b{font:700 17px/1.25 var(--d);letter-spacing:-.01em;margin-top:6px}
.pl1 span:last-child{font-size:14px;color:var(--siva);line-height:1.45}
@media (max-width:1100px){.plo{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:760px){.plo,.plo.dva{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:440px){.plo,.plo.dva{grid-template-columns:minmax(0,1fr)}}
.pad .pw.tri{grid-template-columns:repeat(3,minmax(0,1fr)) minmax(0,.9fr)}
.pad .pw.tri .kar{grid-row:span 4}
.pad .pw.tri .st{padding:10px 12px}
.pad .pw.tri .st span span{font-size:13px}
.rk .tk{display:inline-block;margin-top:10px;font:600 14px var(--d);color:var(--nar-d);text-decoration:none}
.rk .tk:hover{text-decoration:underline}
@media (max-width:1260px){.pad .pw.tri{grid-template-columns:minmax(0,1fr)}.pad .pw.tri .kar{grid-row:auto}}
.pad .pw.tri .kar{grid-column:4;grid-row:1/span 4}
@media (max-width:1260px){.pad .pw.tri .kar{grid-column:auto;grid-row:auto}}
.kart.dvaa{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.kart.dvaa .kar3{padding:22px 20px}
.kart.dvaa .kar3 .ik{margin-bottom:14px}
@media (max-width:520px){.kart.dvaa{grid-template-columns:minmax(0,1fr)}}
@media (max-width:900px){.blok [style*="sticky"]{position:static!important}}

.zamka{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}