@font-face{font-family:'Roboto';font-style:normal;font-weight:400 700;font-display:swap;src:url('../fonts/roboto-latin-ext.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:'Roboto';font-style:normal;font-weight:400 700;font-display:swap;src:url('../fonts/roboto-latin.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:'IBM Plex Sans';font-style:normal;font-weight:600 700;font-display:swap;src:url('../fonts/plex-latin-ext.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:'IBM Plex Sans';font-style:normal;font-weight:600 700;font-display:swap;src:url('../fonts/plex-latin.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;}

/* gasnigeneratori.rs — site.css (fonts.css se spaja ispred u build-u) */
:root{
  --zelena:#2fb86a;
  --zelena-tamna:#249a57;
  --zelena-svetla:#e3f6ea;
  --zelena-lajm:#81d742;
  --navy:#253745;
  --navy-tamni:#1c2a35;
  --tekst:#22303a;
  --tekst-2:#5b6b78;
  --tekst-3:#8a97a1;
  --linija:#e2e8ec;
  --povrsina:#f5f7f9;
  --belo:#fff;
  --senka:0 10px 30px rgba(28,42,53,.10);
  --senka-mala:0 2px 8px rgba(28,42,53,.08);
  --radius:12px;
  --radius-mali:8px;
  --font:'Roboto',system-ui,-apple-system,'Segoe UI',Arial,sans-serif;
  --font-naslov:'IBM Plex Sans','Roboto',system-ui,sans-serif;
  --kontejner:1200px;
  --header-h:92px;
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:calc(var(--header-h) + 16px)}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation:none!important;transition:none!important}}
body{margin:0;font-family:var(--font);font-size:17px;line-height:1.65;color:var(--tekst);background:var(--belo);-webkit-font-smoothing:antialiased}
img,svg,video{max-width:100%;height:auto;display:block}
a{color:var(--zelena-tamna);text-decoration:none}
a:hover{text-decoration:underline}
h1,h2,h3,h4{font-family:var(--font-naslov);color:var(--navy);line-height:1.2;margin:0 0 .6em;font-weight:700;text-wrap:balance}
h1{font-size:clamp(2rem,4.2vw,3rem)}
h2{font-size:clamp(1.55rem,2.6vw,2.05rem)}
h3{font-size:1.25rem}
h4{font-size:1.05rem}
p{margin:0 0 1.1em;text-align:justify}
p:last-child{margin-bottom:0}
ul,ol{margin:0 0 1.1em;padding-left:1.3em}
strong{font-weight:700}
button{font:inherit}
:focus-visible{outline:3px solid var(--zelena);outline-offset:2px;border-radius:4px}
.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.preskoci{position:absolute;left:-9999px;top:8px;background:var(--navy);color:#fff;padding:8px 14px;border-radius:6px;z-index:1000}
.preskoci:focus{left:8px}
.kontejner{width:min(var(--kontejner),100% - 2rem);margin-inline:auto}
.kontejner--uski{width:min(880px,100% - 2rem);margin-inline:auto}

/* ---------- dugmad ---------- */
.dugme{display:inline-flex;align-items:center;gap:.55em;padding:.85em 1.6em;border-radius:var(--radius-mali);background:var(--zelena);color:#fff;font-weight:700;font-size:.95rem;line-height:1.2;border:2px solid var(--zelena);cursor:pointer;transition:background .18s,border-color .18s,transform .18s;text-decoration:none}
.dugme:hover{background:var(--zelena-tamna);border-color:var(--zelena-tamna);text-decoration:none;transform:translateY(-1px)}
.dugme--tamno{background:var(--navy);border-color:var(--navy)}
.dugme--tamno:hover{background:var(--navy-tamni);border-color:var(--navy-tamni)}
.dugme--obris{background:transparent;color:var(--navy);border-color:var(--navy)}
.dugme--obris:hover{background:var(--navy);color:#fff}
.dugme--belo{background:#fff;color:var(--navy);border-color:#fff}
.dugme--belo:hover{background:var(--zelena-svetla);border-color:var(--zelena-svetla)}
.dugme--obris-belo{background:transparent;color:#fff;border-color:rgba(255,255,255,.7)}
.dugme--obris-belo:hover{background:#fff;color:var(--navy);border-color:#fff}
.dugme--malo{padding:.6em 1.1em;font-size:.88rem}
.dugme .str{transition:transform .18s}
.dugme:hover .str{transform:translateX(3px)}
.link-strelica{font-weight:700;color:var(--zelena-tamna);display:inline-flex;align-items:center;gap:.4em}
.link-strelica:hover{text-decoration:none;color:var(--navy)}

/* ---------- zaglavlje ---------- */
.zaglavlje{position:sticky;top:0;z-index:100;background:#fff;box-shadow:0 1px 0 var(--linija)}
.zaglavlje__red{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:1rem;height:var(--header-h)}
.zaglavlje__logo{justify-self:start}
.nav{grid-column:2}
.hamburger{justify-self:end;grid-column:3}
.zaglavlje__logo{display:flex;align-items:center;gap:.7rem;color:var(--navy);text-decoration:none}
.zaglavlje__logo img{height:74px;width:auto}
.zaglavlje__logo:hover{text-decoration:none}
.nav__lista{list-style:none;margin:0;padding:0;display:flex;gap:.6rem}
.nav__stavka{position:relative}
.nav__link{display:flex;align-items:center;gap:.4em;padding:.9rem .85rem;font-size:.85rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--navy);border-radius:6px;position:relative}
.nav__link:hover{color:var(--zelena-tamna);text-decoration:none}
.nav__stavka--aktivna>.nav__link{color:var(--zelena-tamna)}
.nav__link::after{content:"";position:absolute;left:.85rem;right:.85rem;bottom:.3rem;height:3px;border-radius:2px;background:var(--zelena);transform:scaleX(0);transform-origin:left;transition:transform .22s ease}
.nav__link:hover::after,.nav__stavka--aktivna>.nav__link::after{transform:scaleX(1)}
.ikona-strelica{transition:transform .18s}
.nav__stavka--pad:hover .ikona-strelica,.nav__stavka--pad:focus-within .ikona-strelica{transform:rotate(180deg)}
.pad{position:absolute;top:100%;left:0;min-width:270px;background:#fff;border:1px solid var(--linija);border-radius:10px;box-shadow:var(--senka);padding:.5rem;margin:0;list-style:none;opacity:0;visibility:hidden;transform:translateY(8px);transition:opacity .18s,transform .18s,visibility .18s}
.nav__stavka--pad:hover .pad,.nav__stavka--pad:focus-within .pad{opacity:1;visibility:visible;transform:translateY(0)}
.pad li a{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:.6rem .8rem;border-radius:6px;color:var(--navy);font-weight:500;font-size:.95rem}
.pad li a:hover{background:var(--zelena-svetla);text-decoration:none;color:var(--zelena-tamna)}
.pad li a small{color:var(--tekst-3);font-weight:400;font-size:.8rem}
.pad__sep{height:1px;background:var(--linija);margin:.4rem .5rem}
.pad__svi{font-weight:700!important;color:var(--zelena-tamna)!important}
.hamburger{display:none;width:44px;height:44px;border:0;background:transparent;padding:8px;cursor:pointer;flex-direction:column;justify-content:center;gap:5px}
.hamburger span{display:block;height:3px;background:var(--navy);border-radius:2px;transition:transform .2s,opacity .2s}
.hamburger[aria-expanded="true"] span:nth-child(1){transform:translateY(8px) rotate(45deg)}
.hamburger[aria-expanded="true"] span:nth-child(2){opacity:0}
.hamburger[aria-expanded="true"] span:nth-child(3){transform:translateY(-8px) rotate(-45deg)}
.mobilni{display:none;background:#fff;border-top:1px solid var(--linija);max-height:calc(100vh - var(--header-h));overflow:auto}
.mobilni__lista{list-style:none;margin:0;padding:.5rem 1rem 1rem}
.mobilni__lista>li{border-bottom:1px solid var(--linija)}
.mobilni__link,.mobilni__okidac{display:flex;width:100%;align-items:center;justify-content:space-between;padding:.95rem .25rem;font-weight:700;color:var(--navy);background:none;border:0;text-align:left;font-size:1rem;cursor:pointer}
.mobilni__pod{list-style:none;margin:0;padding:0 0 .6rem .8rem}
.mobilni__pod a{display:block;padding:.55rem .25rem;color:var(--tekst)}
.mobilni__akcije{display:flex;flex-direction:column;gap:.5rem;padding:0 1rem 1.2rem}
.mobilni__akcije .dugme{justify-content:center}
@media (max-width:1023px){
  .nav{display:none}
  .hamburger{display:flex}
  .mobilni[data-otvoren="true"]{display:block}
  :root{--header-h:76px}
  .zaglavlje__logo img{height:60px}
}

/* ---------- hero ---------- */
.hero{position:relative;color:#fff;background:var(--navy);overflow:hidden;isolation:isolate}
.hero__slika{position:absolute;inset:0;z-index:-2}
.hero__slika img{width:100%;height:100%;object-fit:cover;object-position:var(--fokus,center)}
.hero__slika::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(20,32,42,.86) 0%,rgba(20,32,42,.62) 50%,rgba(20,32,42,.28) 100%)}
.hero__sadrzaj{position:relative;z-index:1;padding:clamp(3.5rem,9vw,7.5rem) 0;max-width:720px}
.hero__nad{display:inline-block;font-weight:700;font-size:.8rem;letter-spacing:.14em;text-transform:uppercase;color:var(--zelena-lajm);margin-bottom:1rem}
.hero h1{color:#fff;margin-bottom:.5em}
.hero__tekst{font-size:1.12rem;color:rgba(255,255,255,.88);max-width:600px;margin-bottom:1.8rem}
.hero__akcije{display:flex;flex-wrap:wrap;gap:.7rem}
.hero--strana .hero__sadrzaj{padding:clamp(2.6rem,6vw,4.6rem) 0}
.hero--strana h1{font-size:clamp(1.9rem,3.6vw,2.7rem)}
.mrvice{list-style:none;margin:0 0 1rem;padding:0;font-size:.85rem;color:rgba(255,255,255,.75);line-height:1.7}
.mrvice li{display:inline}
.mrvice li:not(:last-child)::after{content:"/";margin:0 .35rem;opacity:.5}
.mrvice a{color:#fff}
.mrvice--tamne{color:var(--tekst-3)}
.mrvice--tamne a{color:var(--tekst-2)}

/* ---------- sekcije ---------- */
.sekcija{padding:clamp(3rem,6vw,5.5rem) 0}
.sekcija--uska{padding:clamp(2.2rem,4.5vw,4rem) 0}
.sekcija--siva{background:var(--povrsina)}
.sekcija--zelena{background:var(--zelena-svetla)}
.sekcija--tamna{background:var(--navy);color:rgba(255,255,255,.88)}
.sekcija--tamna h2,.sekcija--tamna h3{color:#fff}
.sekcija--tamna a:not(.dugme){color:var(--zelena-lajm)}
.sekcija--tamna p,.sekcija--tamna .prose p,.sekcija--tamna li{color:rgba(255,255,255,.88)}
.sekcija--mapa{background:var(--navy);position:relative;overflow:hidden}
.sekcija--mapa::before{content:"";position:absolute;inset:0;background:url("/assets/img/mapa-sveta-800.webp?v=f164721a") center 30%/min(900px,90%) no-repeat;opacity:.35}
.sekcija--mapa>*{position:relative}
.nadnaslov{display:block;font-weight:700;font-size:.8rem;letter-spacing:.14em;text-transform:uppercase;color:var(--zelena-tamna);margin-bottom:.6rem}
.sekcija--tamna .nadnaslov{color:var(--zelena-lajm)}
.naslov-bloka{max-width:760px;margin-bottom:2rem}
.naslov-bloka--centar{margin-inline:auto;text-align:center}
.naslov-bloka p{color:var(--tekst-2);font-size:1.05rem}
.sekcija--tamna .naslov-bloka p{color:rgba(255,255,255,.8)}
.prose{max-width:760px}
.prose p{color:var(--tekst)}
.prose h3{margin-top:1.6em}
.dve-kolone{display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(2rem,5vw,4.5rem);align-items:center}
.dve-kolone--obrnuto>:first-child{order:2}
.dve-kolone--slika-levo{grid-template-columns:.8fr 1.2fr}
.dve-kolone--tekst-levo{grid-template-columns:.9fr 1.1fr}
@media (max-width:860px){.dve-kolone,.dve-kolone--slika-levo,.dve-kolone--tekst-levo{grid-template-columns:1fr}.dve-kolone--obrnuto>:first-child{order:0}}
.mreza{display:grid;gap:1.5rem}
.mreza--2{grid-template-columns:repeat(2,1fr)}
.mreza--3{grid-template-columns:repeat(3,1fr)}
.mreza--4{grid-template-columns:repeat(4,1fr)}
@media (max-width:1000px){.mreza--4{grid-template-columns:repeat(2,1fr)}.mreza--3{grid-template-columns:repeat(2,1fr)}}
@media (max-width:600px){.mreza--2,.mreza--3,.mreza--4{grid-template-columns:1fr}}
.centar{text-align:center}
.margina-gore{margin-top:2rem}

/* liste sa kvačicama */
.kvacice{list-style:none;padding:0;margin:0;display:grid;gap:.6rem}
.kvacice li{position:relative;padding-left:2rem;font-weight:500}
.kvacice li::before{content:"";position:absolute;left:0;top:.2em;width:1.3rem;height:1.3rem;border-radius:50%;background:var(--zelena) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E") center/62% no-repeat}
.kvacice--dve{grid-template-columns:repeat(2,1fr);gap:.8rem 1.5rem}
@media (max-width:640px){.kvacice--dve{grid-template-columns:1fr}}
.sekcija--tamna .kvacice li{color:#fff}

/* kartica sa slikom + brojac */
.slika-kartica{position:relative}
.slika-kartica img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:var(--radius);box-shadow:var(--senka)}
.brojac{position:absolute;left:-2.25rem;top:14%;background:var(--zelena);color:#fff;border-radius:var(--radius);padding:1.3rem 1.5rem;box-shadow:var(--senka);min-width:175px}
.brojac__broj{font-family:var(--font-naslov);font-size:2rem;font-weight:700;line-height:1;display:block}
.brojac__tekst{font-size:.85rem;font-weight:500;opacity:.95}
.brojac svg{width:34px;height:34px;margin-bottom:.5rem}
@media (max-width:860px){.brojac{left:.9rem}}

/* citat/istaknuti pasus */
.istaknuto{border-left:4px solid var(--zelena);padding:.2rem 0 .2rem 1.2rem;color:var(--tekst);font-size:1.08rem;margin:0 0 1.2em}
.istaknuto strong{color:var(--navy)}
.tag-vertikalni{display:none}

/* kartice */
.kartica{background:#fff;border:1px solid var(--linija);border-radius:var(--radius);padding:1.6rem;box-shadow:var(--senka-mala);transition:transform .18s,box-shadow .18s}
.kartica:hover{transform:translateY(-3px);box-shadow:var(--senka)}
.kartica h3{font-size:1.1rem;margin-bottom:.5rem}
.kartica p{color:var(--tekst-2);font-size:.97rem}
.kartica__ikona{width:52px;height:52px;border-radius:12px;background:var(--zelena-svetla);color:var(--zelena-tamna);display:grid;place-items:center;margin-bottom:1rem}
.kartica__ikona svg{width:28px;height:28px}
.kartica--ind{padding:0;overflow:hidden}
.kartica--ind img{aspect-ratio:16/10;object-fit:cover;width:100%}
.kartica--ind h3{padding:1rem 1.2rem .2rem}
.kartica--ind p{padding:0 1.2rem 1.2rem}
.industrije{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}
@media (max-width:900px){.industrije{grid-template-columns:1fr}}
.industrije--lista{grid-template-columns:1fr;gap:1.2rem}
.industrije--lista .industrija{padding-left:1.1rem;border-left:3px solid var(--zelena)}
.industrija h3{font-size:1.1rem;margin-bottom:.4rem}
.industrija p{color:var(--tekst-2);font-size:.98rem}

/* akordeon Q&A */
.akordeon{max-width:820px;margin-inline:auto}
.akordeon__stavka{border-bottom:1px solid rgba(255,255,255,.35)}
.akordeon__stavka:first-child{border-top:1px solid rgba(255,255,255,.35)}
.akordeon__dugme{width:100%;display:flex;align-items:center;gap:1rem;padding:1.05rem .25rem;background:none;border:0;color:#fff;font-weight:700;font-size:1.05rem;text-align:left;cursor:pointer;font-family:var(--font-naslov)}
.akordeon__dugme .znak{flex:none;width:28px;height:28px;border-radius:50%;background:#fff;color:var(--zelena-tamna);display:grid;place-items:center;transition:transform .2s}
.akordeon__dugme[aria-expanded="true"] .znak{transform:rotate(90deg)}
.akordeon__telo{display:grid;grid-template-rows:0fr;transition:grid-template-rows .38s ease;color:rgba(255,255,255,.95);font-size:1rem}
.akordeon__telo[data-otvoren="true"]{grid-template-rows:1fr}
.akordeon__unutra{overflow:hidden;visibility:hidden;transition:visibility .38s;padding:0 .25rem 0 3rem}
.akordeon__telo[data-otvoren="true"] .akordeon__unutra{visibility:visible}
.akordeon__telo p{margin:0 0 1.1rem}
.sekcija--qa{background:linear-gradient(135deg,#2fb86a 0%,#27a35c 100%);color:#fff;position:relative;overflow:hidden}
.sekcija--qa::before{content:"";position:absolute;inset:0;background:url("/assets/img/dalekovod-1000.webp?v=1176ab4a") right center/cover no-repeat;opacity:.16;mix-blend-mode:luminosity}
.sekcija--qa>*{position:relative}
.sekcija--qa h2,.sekcija--qa .nadnaslov{color:#fff}

/* katalog / proizvodi */
.model-blok{display:grid;grid-template-columns:320px 1fr;gap:2.5rem;align-items:start;padding:2.2rem 0;border-top:1px solid var(--linija)}
.model-blok:first-of-type{border-top:0}
@media (max-width:860px){.model-blok{grid-template-columns:1fr}}
.model-blok__slika{background:var(--povrsina);border-radius:var(--radius);padding:1.2rem;display:grid;place-items:center;min-height:240px}
.model-blok__slika img{max-height:230px;width:auto}
.model-blok h2{margin-bottom:.2rem}
.model-blok__snaga{color:var(--zelena-tamna);font-weight:700;margin-bottom:1rem}
.varijante{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem .9rem}
.varijante--3{grid-template-columns:repeat(3,1fr)}
@media (max-width:900px){.varijante--3{grid-template-columns:repeat(2,1fr)}}
@media (max-width:560px){.varijante,.varijante--3{grid-template-columns:1fr}}
.varijante a{display:flex;align-items:center;justify-content:space-between;gap:.6rem;padding:.7rem .9rem;border:1px solid var(--linija);border-radius:var(--radius-mali);color:var(--navy);font-weight:500;background:#fff;transition:border-color .18s,background .18s}
.varijante a:hover{border-color:var(--zelena);background:var(--zelena-svetla);text-decoration:none}
.varijante a .str{color:var(--zelena-tamna)}
.varijante a small{color:var(--tekst-3);font-size:.78rem;font-weight:400;white-space:nowrap}
.produkt-vrh{display:grid;grid-template-columns:1.05fr .95fr;grid-template-rows:auto 1fr;gap:1rem clamp(2rem,5vw,4rem);align-items:start}
.produkt-vrh__naslov{grid-column:1;grid-row:1}
.produkt-vrh__tekst{grid-column:1;grid-row:2}
.produkt-vrh__slika{grid-column:2;grid-row:1 / span 2}
@media (max-width:860px){.produkt-vrh{grid-template-columns:1fr;grid-template-rows:none}.produkt-vrh__naslov,.produkt-vrh__tekst,.produkt-vrh__slika{grid-column:auto;grid-row:auto}}
.produkt-vrh__slika{background:#fff;border:1px solid var(--linija);border-radius:var(--radius);padding:1.5rem;display:grid;place-items:center;min-height:320px;position:sticky;top:calc(var(--header-h) + 1rem)}
.produkt-vrh__slika{grid-template-rows:1fr auto;gap:1rem}
.produkt-vrh__slika img{max-height:420px;width:auto}
.produkt-vrh__kalk{font-size:.95rem;text-align:center}
@media (max-width:860px){.produkt-vrh__slika{position:static;min-height:0}.produkt-vrh__slika img{max-height:300px!important}}
.produkt-vrh__kicker{color:var(--zelena-tamna);font-weight:700;letter-spacing:.1em;text-transform:uppercase;font-size:.8rem;display:block;margin-bottom:.4rem}
.produkt-vrh h1 span{display:block;color:var(--zelena-tamna);font-size:.62em;font-weight:600;margin-top:.25em}
.produkt-vrh__meta{display:flex;flex-wrap:wrap;gap:.5rem;margin:1rem 0 1.4rem}
.cip{display:inline-flex;align-items:center;gap:.4em;padding:.4em .8em;border-radius:999px;background:var(--zelena-svetla);color:var(--zelena-tamna);font-weight:700;font-size:.82rem}
.cip--siv{background:var(--povrsina);color:var(--tekst-2)}
.pdf-kartica{display:flex;align-items:center;gap:1rem;padding:1.1rem 1.3rem;border:1px solid var(--linija);border-radius:var(--radius);background:#fff;color:var(--navy);box-shadow:var(--senka-mala);max-width:520px}
.pdf-kartica:hover{text-decoration:none;border-color:var(--zelena);box-shadow:var(--senka)}
.pdf-kartica__ikona{flex:none;width:46px;height:46px;border-radius:10px;background:#fdecec;color:#c8322b;display:grid;place-items:center;font-weight:700;font-size:.75rem;letter-spacing:.05em}
.pdf-kartica strong{display:block}
.pdf-kartica small{color:var(--tekst-3)}
.tabela-omot{overflow-x:auto;border:1px solid var(--linija);border-radius:var(--radius);background:#fff}
.spec-tabela{width:100%;border-collapse:collapse;font-size:.95rem}
.spec-tabela th,.spec-tabela td{padding:.7rem 1rem;text-align:left;border-bottom:1px solid var(--linija);vertical-align:top}
.spec-tabela tbody tr:last-child th,.spec-tabela tbody tr:last-child td{border-bottom:0}
.spec-tabela th{width:46%;font-weight:500;color:var(--tekst-2)}
.spec-tabela td{font-weight:500;color:var(--navy)}
.spec-tabela tr.grupa th{background:var(--povrsina);color:var(--navy);font-weight:700;font-family:var(--font-naslov);font-size:.9rem;letter-spacing:.03em}
.spec-tabela tr.podgrupa th{padding-left:1rem;color:var(--navy);font-weight:700}
.spec-tabela tr.uvuceno th{padding-left:2rem}
.presek{margin:0;background:#fff;border:1px solid var(--linija);border-radius:var(--radius);padding:1.2rem 1.2rem .8rem;display:grid;place-items:center;box-shadow:var(--senka-mala)}
.presek img{width:100%;height:auto}
.presek figcaption{font-size:.75rem;color:var(--tekst-3);margin-top:.5rem;text-align:right;width:100%}
.presek img{max-height:300px;width:auto}
.kartice-modela{grid-template-columns:repeat(5,1fr)}
@media (max-width:1000px){.kartice-modela{grid-template-columns:repeat(3,1fr)}}
@media (max-width:640px){.kartice-modela{grid-template-columns:repeat(2,1fr)}}
.kartice-modela .kartica{display:flex;flex-direction:column;align-items:flex-start;gap:.3rem;text-decoration:none;color:inherit}
.kartice-modela .kartica img{height:150px;width:auto;margin:0 auto .8rem;object-fit:contain}
.kartice-modela .kartica .cip{margin-bottom:.4rem}
.kartice-modela .kartica h3{margin:0}
.kartice-modela .kartica p{margin:0;font-size:.9rem}

.napomena{font-size:.85rem;color:var(--tekst-3)}

/* case study */
.case{display:grid;grid-template-columns:1fr 360px;gap:2.5rem;align-items:start;padding:2.5rem 0;border-top:1px solid var(--linija)}
.case:first-of-type{border-top:0}
.case img{border-radius:var(--radius);box-shadow:var(--senka);width:100%}
.case h3{font-size:1.4rem}
.case__mesto{color:var(--zelena-tamna);font-weight:700;font-size:.85rem;letter-spacing:.08em;text-transform:uppercase;display:block;margin-bottom:.4rem}
@media (max-width:860px){.case{grid-template-columns:1fr}.case img{max-width:520px}}
.galerija-ind{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}
.galerija-ind figure{margin:0;border-radius:var(--radius);overflow:hidden;position:relative;aspect-ratio:3/2;box-shadow:var(--senka-mala)}
.galerija-ind img{width:100%;height:100%;object-fit:cover;transition:transform .35s}
.galerija-ind figure:hover img{transform:scale(1.04)}
.galerija-ind figcaption{position:absolute;left:0;right:0;bottom:0;padding:1.6rem .9rem .7rem;background:linear-gradient(transparent,rgba(20,32,42,.85));color:#fff;font-weight:700;font-size:.95rem}
@media (max-width:860px){.galerija-ind{grid-template-columns:repeat(2,1fr)}}
@media (max-width:520px){.galerija-ind{grid-template-columns:1fr}}

/* kontakt */
.kontakt-kartica{position:relative;overflow:hidden;background:linear-gradient(135deg,#34c271,#249a57);color:#fff;border-radius:var(--radius);padding:clamp(1.6rem,4vw,2.6rem);box-shadow:var(--senka)}
.kontakt-kartica::before{content:"";position:absolute;inset:0;background:url("/assets/img/kontakt-kartica-bg-661.webp?v=66aae240") center/cover no-repeat;opacity:.22;mix-blend-mode:luminosity}
.kontakt-kartica>*{position:relative}
.kontakt-kartica h2{color:#fff}
.kontakt-lista{list-style:none;padding:0;margin:0;display:grid;gap:.9rem;font-size:1.05rem}
.kontakt-lista li{display:flex;gap:.8rem;align-items:flex-start}
.kontakt-lista svg{flex:none;width:22px;height:22px;margin-top:.15em}
.kontakt-lista a{color:#fff;font-weight:700}
.kontakt-mreza{display:grid;grid-template-columns:1fr 1fr;gap:2.5rem;align-items:start}
@media (max-width:860px){.kontakt-mreza{grid-template-columns:1fr}}
.mapa{border-radius:var(--radius);overflow:hidden;box-shadow:var(--senka);aspect-ratio:4/3;background:var(--povrsina)}
.mapa iframe{width:100%;height:100%;border:0;display:block}
.info-kartice{display:grid;gap:1rem}
.info-kartice .kartica{display:flex;gap:1rem;align-items:flex-start;padding:1.2rem 1.4rem}
.info-kartice .kartica:hover{transform:none}
.info-kartice .kartica h3{font-size:1rem;margin-bottom:.15rem}
.info-kartice .kartica p{margin:0;font-size:.95rem}
.info-kartice .kartica a{font-weight:700;color:var(--navy)}
.drustvene{display:flex;gap:.6rem;flex-wrap:wrap}
.drustvene a{width:44px;height:44px;border-radius:10px;display:grid;place-items:center;background:var(--navy);color:#fff;transition:background .18s,transform .18s}
.drustvene a:hover{background:var(--zelena);transform:translateY(-2px)}
.drustvene svg{width:20px;height:20px}

/* CTA traka */
.cta{background:var(--navy);color:#fff;border-radius:var(--radius);padding:clamp(1.8rem,4vw,3rem);display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1.5rem}
.cta h2{color:#fff;margin:0 0 .3rem;font-size:1.5rem}
.cta p{margin:0;color:rgba(255,255,255,.8)}

/* futer */
.futer{background:var(--navy-tamni);color:rgba(255,255,255,.8);margin-top:auto}
.futer__gore{display:grid;grid-template-columns:1.3fr 1fr 1fr 1fr;gap:2.5rem;padding:3.5rem 0 2.5rem}
@media (max-width:960px){.futer__gore{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.futer__gore{grid-template-columns:1fr}}
.futer__brend img{height:64px;width:auto;margin-bottom:1rem}
.futer__brend p{font-size:.95rem}
.futer__naslov{color:#fff;font-size:.85rem;letter-spacing:.12em;text-transform:uppercase;margin-bottom:1rem;font-family:var(--font);font-weight:700}
.futer ul{list-style:none;padding:0;margin:0;display:grid;gap:.5rem}
.futer a{color:rgba(255,255,255,.85)}
.futer a:hover{color:var(--zelena-lajm)}
.futer__dole{border-top:1px solid rgba(255,255,255,.12);padding:1.2rem 0;font-size:.88rem;color:rgba(255,255,255,.6)}
.futer__dole-red{display:flex;flex-wrap:wrap;justify-content:space-between;gap:.5rem 1.5rem}
.na-vrh{position:fixed;right:1rem;bottom:1rem;width:44px;height:44px;border-radius:50%;background:var(--zelena);color:#fff;border:0;display:grid;place-items:center;box-shadow:var(--senka);cursor:pointer;opacity:0;visibility:hidden;transform:translateY(8px);transition:opacity .2s,transform .2s,visibility .2s;z-index:90}
.na-vrh[data-vidljivo="true"]{opacity:1;visibility:visible;transform:none}
.na-vrh svg{width:20px;height:20px}

/* strana 404 */
.strana-404{text-align:center;padding:5rem 0}
.strana-404 h1{font-size:5rem;color:var(--zelena)}


/* ---------- efekti (preneseno sa starog sajta: preloader, entrance animacije, brojac) ---------- */
.preloader{position:fixed;inset:0;background:#fff;z-index:9999;display:grid;place-items:center;transition:opacity .5s ease,visibility .5s ease;animation:preloader-failsafe .4s ease 4s forwards}
.preloader--gotov{opacity:0;visibility:hidden;animation:none}
.preloader__prsten{width:64px;height:64px;border-radius:50%;border:6px solid var(--zelena);border-color:var(--zelena) transparent var(--zelena) transparent;animation:preloader-vrti 1.2s linear infinite}
@keyframes preloader-vrti{to{transform:rotate(360deg)}}
@keyframes preloader-failsafe{to{opacity:0;visibility:hidden}}
@media (prefers-reduced-motion:reduce){.preloader{display:none}}

html,body{overflow-x:clip}

.zaglavlje{transition:box-shadow .25s ease}
.zaglavlje--skrol{box-shadow:0 6px 24px rgba(28,42,53,.12)}

/* hero ulaz — imitacija RevSlider ulaza teksta + blagi zum pozadine */
.js-anim .hero__slika img{animation:hero-zum 6.5s ease-out forwards}
@keyframes hero-zum{from{transform:scale(1.06)}to{transform:scale(1)}}
.js-anim .hero__sadrzaj>*{opacity:0}
.spreman .hero__sadrzaj>*{animation:anim-gore .7s ease forwards}
.spreman .hero__sadrzaj>:nth-child(1){animation-delay:.1s}
.spreman .hero__sadrzaj>:nth-child(2){animation-delay:.22s}
.spreman .hero__sadrzaj>:nth-child(3){animation-delay:.34s}
.spreman .hero__sadrzaj>:nth-child(4){animation-delay:.46s}
.spreman .hero__sadrzaj>:nth-child(5){animation-delay:.58s}
@keyframes anim-gore{from{opacity:0;transform:translateY(26px)}to{opacity:1;transform:none}}

/* scroll-reveal (kao Elementor entrance animacije na starom sajtu) */
.js-anim [data-anim]{opacity:0;transition:opacity .65s ease,transform .65s ease;transition-delay:var(--anim-kasni,0s);will-change:opacity,transform}
.js-anim [data-anim="gore"]{transform:translateY(28px)}
.js-anim [data-anim="levo"]{transform:translateX(-36px)}
.js-anim [data-anim="desno"]{transform:translateX(36px)}
.js-anim [data-anim].anim-vidljiv{opacity:1;transform:none;will-change:auto}

/* ---------- kalkulator ustede ---------- */
/* kalkulator */
.kalkulator{background:#fff;border:1px solid var(--linija);border-radius:var(--radius);box-shadow:var(--senka-mala);padding:clamp(1.3rem,3vw,2.2rem);display:grid;grid-template-columns:1fr 1fr;gap:2.5rem}
@media (max-width:860px){.kalkulator{grid-template-columns:1fr}}
.kalkulator h3{font-size:1.15rem;margin-top:1.4rem}
.kalkulator h3:first-child{margin-top:0}
.polje{display:block;margin-bottom:1rem}
.polje span{display:block;font-size:.88rem;font-weight:500;color:var(--tekst-2);margin-bottom:.35rem}
.polje input,.polje select{width:100%;padding:.75rem .9rem;border:1px solid #cdd6dd;border-radius:var(--radius-mali);font:inherit;font-size:1rem;color:var(--tekst);background:#fff}
.polje input:focus,.polje select:focus{border-color:var(--zelena);outline:3px solid rgba(47,184,106,.25)}
.kalk-tabela{width:100%;border-collapse:collapse;font-size:.95rem;margin-bottom:1rem}
.kalk-tabela td{padding:.55rem .6rem;border-bottom:1px solid var(--linija)}
.kalk-tabela td:last-child{text-align:right;font-weight:700;color:var(--navy);white-space:nowrap}
.kalk-rezultat[hidden]{display:none}
.kalk-rezultat{margin:1rem 0 0;padding:1rem 1.2rem;background:var(--zelena-svetla);border-radius:var(--radius-mali);display:grid;gap:.4rem}
.kalk-rezultat span{color:var(--tekst-2);font-size:.9rem}
.kalk-rezultat strong{font-family:var(--font-naslov);font-size:1.35rem;color:var(--navy)}
.kalk-greska{color:#b3261e;font-size:.9rem;margin:.5rem 0 0;display:none}
.kalk-greska[data-vidljivo="true"]{display:block}
.kalk-upozorenje{background:#fdf3e0;border:1px solid #eeca85;color:#7a5410;border-radius:var(--radius-mali);padding:.8rem 1rem;font-size:.92rem;margin-bottom:1rem}
.kalk-upozorenje[hidden],.kalk-tabela[hidden]{display:none}
.kalk-tabela tr.kalk-plus td:last-child{color:var(--zelena-tamna)}
.kalk-tabela tr.kalk-minus td:last-child{color:#b3261e}
.kalk-rezultat{grid-template-columns:1fr 1fr}
.kalk-info{margin-top:1.5rem;background:#fff;border:1px solid var(--linija);border-left:4px solid var(--zelena);border-radius:var(--radius);padding:1.3rem 1.5rem;font-size:.95rem;color:var(--tekst-2)}
.kalk-info h3{font-size:1.1rem;margin:0 0 .5rem;color:var(--navy)}
.kalk-info ul{margin:.6rem 0 .8rem 1.2rem;padding:0}
.kalk-info li{margin-bottom:.35rem}
.kalk-info p:last-child{margin-bottom:0}

/* ---------- vizuelna provera 21.8.2026 ---------- */
h1,h2,h3{text-wrap:balance}
.nowrap{white-space:nowrap}
.linkovi-red{display:flex;flex-wrap:wrap;gap:.5rem 1.2rem;align-items:center}
.linkovi-red .sep{color:var(--tekst-3)}
@media (max-width:600px){.linkovi-red{flex-direction:column;align-items:flex-start}.linkovi-red .sep{display:none}}
.pdf-lista{list-style:none;padding:0;margin:0;display:grid;gap:.6rem;grid-template-columns:repeat(auto-fill,minmax(230px,1fr))}
.pdf-lista .pdf-kartica{height:100%}
@media (min-width:861px){.dve-kolone--pdf .lepljivo{position:sticky;top:calc(var(--header-h) + 1.5rem)}}
@media (max-width:560px){.futer__dole-red{padding-right:4.2rem}}
p,li,figcaption{text-wrap:pretty}
.pdf-kartica strong,.case__mesto{text-wrap:balance}
.cta p{text-align:left}
@media (max-width:600px){.sep-tacka{display:block;height:0;overflow:hidden}}
.futer__dole p{text-align:left}
@media (max-width:600px){p,li,figcaption,.prose,.cta p{text-align:left}}
@media (max-width:600px){.dodatak-naslova{display:block;font-size:.72em;font-weight:600;color:var(--zelena-tamna);margin-top:.2em}.dodatak-naslova--pre{margin:0 0 .1em;font-size:.85em}}
.polje__poruka{display:block;margin-top:.35rem;font-size:.82rem;line-height:1.4;color:#b3261e}
.polje__poruka[data-tip="upozorenje"]{color:#7a5410}
.polje__poruka[hidden]{display:none}
.polje input[aria-invalid="true"]{border-color:#b3261e}