:root{--pozadina:#fff;--tekst:#141414;--bleda:#6b6b6b;--akcent:#1f4d3f;--akcent-tamna:#173a30;--meka:#f3f2ef;--linija:#e6e4df;--r:14px;--omotac:1280px}
*{box-sizing:border-box;margin:0}
html{scroll-behavior:smooth}
body{font:16px/1.65 'Manrope',system-ui,-apple-system,'Segoe UI',sans-serif;background:var(--pozadina);color:var(--tekst);-webkit-font-smoothing:antialiased}
img{display:block;max-width:100%;height:auto}
a{color:inherit;text-decoration:none}
h1,h2,h3,h4{font-weight:700;line-height:1.1;letter-spacing:-.03em}
.omotac{max-width:var(--omotac);margin:0 auto;padding:0 28px}
.preskoci{position:absolute;left:-999px;top:0;background:var(--tekst);color:#fff;padding:10px 16px;z-index:100}.preskoci:focus{left:0}
:focus-visible{outline:3px solid var(--akcent);outline-offset:2px}

/* zaglavlje */
.zaglavlje{position:sticky;top:0;z-index:40;background:rgba(255,255,255,.96);backdrop-filter:blur(8px);border-bottom:1px solid var(--linija)}
.zaglavlje-red{display:flex;align-items:center;justify-content:space-between;height:78px;gap:20px}
.logo img{height:46px;width:auto}
.meni ul{list-style:none;padding:0;display:flex;align-items:center;gap:26px;font-size:14px;font-weight:600}
.meni a{opacity:.7;transition:opacity .15s}.meni a:hover,.meni a[aria-current]{opacity:1}
.meni a[aria-current]{text-decoration:underline;text-underline-offset:8px;text-decoration-thickness:2px}
.ima-podmeni{position:relative}
.meni .podmeni{display:none;position:absolute;left:-16px;top:100%;min-width:250px;background:#fff;border:1px solid var(--linija);border-radius:12px;padding:8px;box-shadow:0 18px 40px rgba(0,0,0,.12);flex-direction:column;align-items:stretch;gap:0}
.meni .ima-podmeni:hover .podmeni,.meni .ima-podmeni:focus-within .podmeni,.meni .ima-podmeni.otvoren .podmeni{display:flex}
.podmeni a{display:block;padding:9px 14px;border-radius:8px;opacity:1}.podmeni a:hover{background:var(--meka)}
.podmeni-okidac:after{content:"";display:inline-block;width:6px;height:6px;border:solid currentColor;border-width:0 2px 2px 0;transform:rotate(45deg) translateY(-3px);margin-left:7px}
.meni-dugme{display:none;background:none;border:1.5px solid var(--linija);border-radius:99px;padding:9px 16px;font:600 14px 'Manrope';cursor:pointer;align-items:center;gap:10px;color:var(--tekst)}
.meni-ikona,.meni-ikona:before,.meni-ikona:after{display:block;width:18px;height:2px;background:currentColor;border-radius:2px;position:relative;content:""}
.meni-ikona:before{position:absolute;top:-6px}.meni-ikona:after{position:absolute;top:6px}

/* dugmad */
.dugme{display:inline-block;background:var(--tekst);color:#fff!important;padding:13px 24px;border-radius:99px;font-weight:700;font-size:14px;border:1.5px solid var(--tekst);transition:.2s;cursor:pointer;font-family:inherit;opacity:1!important;text-decoration:none!important;text-align:center}
.dugme:hover{background:var(--akcent);border-color:var(--akcent)}
.dugme.svetlo{background:#fff;color:var(--tekst)!important;border-color:#fff}.dugme.svetlo:hover{background:var(--meka);border-color:var(--meka)}
.dugme.linija{background:none;color:var(--tekst)!important}.dugme.linija:hover{background:var(--tekst);color:#fff!important;border-color:var(--tekst)}
.dugme.zeleno{background:var(--akcent);border-color:var(--akcent)}.dugme.zeleno:hover{background:var(--akcent-tamna);border-color:var(--akcent-tamna)}
.dugme-red{display:flex;gap:10px;flex-wrap:wrap}

/* pocetna: hero */
.hero{display:grid;grid-template-columns:1fr 1.15fr;min-height:min(calc(100vh - 78px),820px)}
.hero-levo{display:flex;flex-direction:column;justify-content:center;padding:40px 60px 40px max(28px,calc((100vw - var(--omotac))/2 + 28px))}
.hero h1{font-size:clamp(44px,6vw,92px)}.hero h1 em{font-style:normal;color:var(--akcent)}
.hero p{color:var(--bleda);max-width:40ch;margin:24px 0 32px;font-size:18px}
.hero-desno{background:url(../images/hero-separei-plava.webp) center/cover}
.oznake{display:flex;gap:10px;flex-wrap:wrap;margin-top:42px;font-size:13px;color:var(--bleda);font-weight:600}.oznake span{border:1px solid var(--linija);padding:7px 14px;border-radius:99px}
.oznaka{font-size:12px;letter-spacing:.2em;text-transform:uppercase;font-weight:700;color:var(--akcent);margin-bottom:14px}

/* sekcije */
.sekcija{padding:96px 0}
.sekcija h2,.naslov-sekcije{font-size:clamp(34px,4.4vw,60px);margin-bottom:16px}
.uvod{color:var(--bleda);max-width:56ch}
.glava{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:40px;flex-wrap:wrap}
.sekcija.meka{background:var(--meka)}
.zaglavlje-strane{padding:64px 0 28px}
.zaglavlje-strane h1{font-size:clamp(40px,5.6vw,80px)}
.zaglavlje-strane p{color:var(--bleda);max-width:60ch;margin-top:14px;font-size:18px}
.mrvice{font-size:13px;color:var(--bleda);margin-bottom:18px;font-weight:600}.mrvice a:hover{color:var(--tekst)}.mrvice span{margin:0 6px;opacity:.5}

/* mozaik usluga */
.mozaik{display:grid;grid-template-columns:repeat(12,1fr);grid-auto-rows:150px;gap:12px}
.plocica{position:relative;overflow:hidden;border-radius:var(--r);color:#fff;background:#333;display:flex;align-items:flex-end}
.plocica img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .6s}.plocica:hover img{transform:scale(1.04)}
.plocica:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(0,0,0,.65));z-index:1}
.plocica span{position:relative;z-index:2;padding:18px 20px;font-weight:700;font-size:19px;letter-spacing:-.01em}
.m1{grid-column:span 7;grid-row:span 3}.m2{grid-column:span 5;grid-row:span 2}.m3{grid-column:span 5;grid-row:span 1}.m4,.m5,.m6,.m7{grid-column:span 3;grid-row:span 2}

/* kartice proizvoda */
.mreza-proizvoda{display:grid;grid-template-columns:repeat(4,1fr);gap:34px 22px}
.kartica{display:block}
.kartica-slika{position:relative;aspect-ratio:1;background:var(--meka);border-radius:var(--r);overflow:hidden}
.kartica-slika img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;padding:8%;transition:opacity .35s,transform .5s}
.kartica-slika img+img{opacity:0}.kartica:hover .kartica-slika img+img{opacity:1}.kartica:hover .kartica-slika img:first-child{transform:scale(1.04)}
.kartica h3{font-size:19px;letter-spacing:-.01em;margin-top:14px}.kartica small{color:var(--bleda);font-size:13px;font-weight:600}

/* katalog */
.traka{display:flex;gap:10px;flex-wrap:wrap;align-items:center;padding:18px 0 34px;position:sticky;top:78px;background:#fff;z-index:10}
.pilula{border:1.5px solid var(--linija);background:#fff;padding:9px 18px;border-radius:99px;font:600 14px 'Manrope';cursor:pointer;color:var(--tekst)}
.pilula:hover{border-color:var(--tekst)}.pilula[aria-current]{background:var(--tekst);color:#fff;border-color:var(--tekst)}
.traka input{margin-left:auto;border:1.5px solid var(--linija);padding:9px 18px;border-radius:99px;font:inherit;font-size:14px;width:230px}
.prazno{padding:40px 0;color:var(--bleda)}

/* proizvod */
.proizvod{display:grid;grid-template-columns:1.15fr 1fr;gap:56px;align-items:start;padding:20px 0 90px}
.proizvod-galerija .velika{background:var(--meka);border-radius:var(--r);aspect-ratio:1;overflow:hidden}
.proizvod-galerija .velika img{width:100%;height:100%;object-fit:contain;padding:6%}
.sličice,.slicice{display:flex;gap:10px;margin-top:12px;flex-wrap:wrap}
.slicice button{width:72px;height:72px;border-radius:10px;border:2px solid transparent;background:var(--meka);padding:0;cursor:pointer;overflow:hidden}
.slicice button[aria-current]{border-color:var(--akcent)}.slicice img{width:100%;height:100%;object-fit:cover}
.proizvod-info h1{font-size:clamp(36px,4.4vw,62px)}
.proizvod-info .opis{color:var(--bleda);margin:18px 0 26px;font-size:17px}
.napomena{font-size:13px;color:var(--bleda);margin-top:18px}
.stavke{list-style:none;padding:0;margin:26px 0;border-top:1px solid var(--linija)}.stavke li{padding:12px 0;border-bottom:1px solid var(--linija);font-size:15px;display:flex;justify-content:space-between;gap:16px}.stavke li span:first-child{color:var(--bleda)}

/* tekst iz panela */
.tekst{max-width:760px}
.tekst h2{font-size:clamp(26px,3vw,38px);margin:44px 0 12px}.tekst h3{font-size:21px;margin:26px 0 6px;letter-spacing:-.02em}
.tekst p{margin:0 0 16px;color:#2b2b2b}.tekst ul,.tekst ol{margin:0 0 18px;padding-left:22px}.tekst li{margin-bottom:8px}.tekst a{color:var(--akcent);text-decoration:underline}
.tekst>:first-child{margin-top:0}
.dva-stupca{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:56px;align-items:start}
.bocno{position:sticky;top:110px;background:var(--meka);border-radius:var(--r);padding:26px}
.bocno h3{font-size:20px;margin-bottom:12px}.bocno p{font-size:15px;color:var(--bleda);margin-bottom:16px}.bocno .dugme{display:block;margin-top:10px}

/* galerija */
.galerija-mreza{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.galerija-mreza a{display:block;aspect-ratio:1;overflow:hidden;border-radius:12px;background:var(--meka)}
.galerija-mreza img{width:100%;height:100%;object-fit:cover;transition:transform .5s}.galerija-mreza a:hover img{transform:scale(1.05)}
.lightbox{position:fixed;inset:0;background:rgba(10,10,10,.92);z-index:200;display:none;align-items:center;justify-content:center}
.lightbox.otvoren{display:flex}.lightbox img{max-width:92vw;max-height:88vh;object-fit:contain;border-radius:6px}
.lightbox button{position:absolute;background:rgba(255,255,255,.14);color:#fff;border:0;width:46px;height:46px;border-radius:50%;font-size:24px;cursor:pointer}
.lightbox button:hover{background:rgba(255,255,255,.28)}
.lb-zatvori{top:18px;right:18px}.lb-prev{left:18px;top:50%}.lb-next{right:18px;top:50%}
.lb-brojac{position:absolute;bottom:18px;left:0;right:0;text-align:center;color:#ddd;font-size:14px}

/* prelaz iz proizvoda ka katalogu i trake */
.traka-akcija{background:var(--akcent);color:#fff;text-align:center}
.traka-akcija h2{max-width:20ch;margin:0 auto 12px}.traka-akcija p{color:#cfe0d9;max-width:52ch;margin:0 auto}.traka-akcija .dugme-red{justify-content:center;margin-top:24px}
.zeleno-pozadina{background:var(--akcent);color:#fff}.zeleno-pozadina .uvod{color:#cfe0d9}.zeleno-pozadina .oznaka{color:#9cd1bd}
.dve-kolone{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}
.dve-kolone img{border-radius:var(--r);aspect-ratio:1;object-fit:cover;width:100%}
.koraci{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.koraci div{background:var(--meka);padding:28px;border-radius:var(--r)}
.koraci b{font-size:44px;letter-spacing:-.04em;color:var(--akcent);display:block;line-height:1}.koraci h3{font-size:21px;margin:14px 0 6px}.koraci p{color:var(--bleda);font-size:15px}

/* blog */
.mreza-bloga{display:grid;grid-template-columns:repeat(3,1fr);gap:34px 24px}
.blog-kartica .slika{aspect-ratio:3/2;border-radius:var(--r);overflow:hidden;background:var(--meka)}.blog-kartica .slika img{width:100%;height:100%;object-fit:cover;transition:transform .5s}.blog-kartica:hover .slika img{transform:scale(1.04)}
.blog-kartica small{display:block;color:var(--akcent);font-weight:700;font-size:12px;letter-spacing:.14em;text-transform:uppercase;margin-top:16px}
.blog-kartica h3{font-size:22px;margin:8px 0}.blog-kartica p{color:var(--bleda);font-size:15px}
.vest-slika{border-radius:var(--r);overflow:hidden;margin:28px 0 36px;max-height:520px}.vest-slika img{width:100%;height:100%;object-fit:cover}
.meta{color:var(--bleda);font-size:14px;font-weight:600}

/* forma */
.forma-kartica{background:var(--meka);border-radius:var(--r);padding:34px}
.forma{display:grid;gap:16px}.forma-red{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.forma label{font-weight:600;font-size:14px;display:block;margin-bottom:6px}
.forma input,.forma textarea{width:100%;border:1.5px solid var(--linija);background:#fff;border-radius:10px;padding:12px 14px;font:inherit}
.forma textarea{min-height:150px;resize:vertical}.forma input:focus,.forma textarea:focus{border-color:var(--akcent);outline:none}
.zamka{position:absolute;left:-5000px}.obavezno{color:#b3261e}
.poruka-forme{font-size:15px;font-weight:600}.poruka-forme.ok{color:var(--akcent)}.poruka-forme.greska{color:#b3261e}
.forma-napomena{font-size:13px;color:var(--bleda)}
.kontakt-stavke{list-style:none;padding:0;margin:0 0 22px}.kontakt-stavke li{padding:12px 0;border-bottom:1px solid var(--linija)}.kontakt-stavke small{display:block;color:var(--bleda);font-size:12px;letter-spacing:.14em;text-transform:uppercase;font-weight:700}
.kontakt-stavke a{font-weight:700;font-size:17px}
.sati{width:100%;border-collapse:collapse;font-size:15px}.sati td{padding:10px 8px 10px 0;border-bottom:1px solid var(--linija);vertical-align:top}.sati td:first-child{font-weight:700;white-space:nowrap}.sati small{display:block;color:var(--bleda)}

/* podnozje */
.podnozje{background:var(--tekst);color:#aaa;padding:64px 0 0;font-size:14px}
.podnozje-mreza{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:30px;padding-bottom:40px}
.podnozje h4{color:#fff;margin-bottom:12px;font-size:13px;letter-spacing:.06em}.podnozje a,.podnozje span{display:block;padding:3px 0}.podnozje a:hover{color:#fff}
.podnozje-logo{height:54px;width:auto;filter:invert(1);margin-bottom:14px}
.podnozje-dno{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;border-top:1px solid #2c2c2c;padding-top:22px;padding-bottom:26px;font-size:13px}.podnozje-dno a{display:inline}

/* mobilni */
@media(max-width:1000px){
	.meni-dugme{display:inline-flex}
	.meni{display:none;position:absolute;left:0;right:0;top:78px;background:#fff;border-bottom:1px solid var(--linija);box-shadow:0 20px 30px rgba(0,0,0,.08);max-height:calc(100vh - 78px);overflow:auto}
	.meni.otvoren{display:block}
	.meni ul{flex-direction:column;align-items:stretch;gap:0;padding:8px 28px 22px}
	.meni li>a{display:block;padding:14px 0;border-bottom:1px solid var(--linija);opacity:1}
	.meni .podmeni{position:static;display:none;box-shadow:none;border:0;padding:0 0 0 14px;min-width:0}
	.meni .ima-podmeni:hover .podmeni,.meni .ima-podmeni:focus-within .podmeni{display:none}.meni .ima-podmeni.otvoren .podmeni{display:flex}
	.meni-cta{margin-top:14px}.meni-cta a{border-bottom:0!important;padding:13px 24px!important}
	.hero{grid-template-columns:1fr;min-height:0;max-height:none}.hero-desno{min-height:340px;order:-1}.hero-levo{padding:36px 28px}
	.sekcija{padding:60px 0}.mreza-proizvoda{grid-template-columns:repeat(2,1fr)}.mozaik{grid-auto-rows:110px}
	.m1{grid-column:span 12}.m2,.m3,.m4,.m5,.m6,.m7{grid-column:span 6;grid-row:span 2}
	.proizvod,.dve-kolone,.dva-stupca{grid-template-columns:1fr;gap:34px}.bocno{position:static}
	.koraci{grid-template-columns:1fr}.mreza-bloga{grid-template-columns:1fr 1fr}.galerija-mreza{grid-template-columns:repeat(3,1fr)}
	.glava .dugme{display:none}.podnozje-mreza{grid-template-columns:1fr 1fr}.traka{position:static}.traka input{margin-left:0;width:100%}
}
@media(max-width:560px){
	.omotac{padding:0 18px}.mreza-proizvoda{gap:24px 12px}.mreza-bloga{grid-template-columns:1fr}.galerija-mreza{grid-template-columns:repeat(2,1fr)}
	.forma-red{grid-template-columns:1fr}.forma-kartica{padding:22px}.podnozje-mreza{grid-template-columns:1fr}.logo img{height:40px}
}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}

/* naslovna traka stranice sa slikom (usluge, o nama) */
.hero-strane{position:relative;color:#fff;background:#222 center/cover no-repeat;padding:70px 0 80px}
.hero-strane:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(10,18,15,.82),rgba(10,18,15,.45))}
.hero-strane .omotac{position:relative}
.hero-strane .mrvice{color:rgba(255,255,255,.75)}.hero-strane .mrvice a:hover{color:#fff}
.hero-strane h1{font-size:clamp(40px,5.6vw,78px);max-width:16ch}
.hero-strane .podnaslov{font-size:20px;max-width:46ch;margin:16px 0 0;color:#e8efe9}
.hero-strane .uvod-tekst{max-width:62ch;margin:18px 0 0;color:rgba(255,255,255,.88)}.hero-strane .uvod-tekst p{margin:0 0 10px}
.hero-strane .dugme-red{margin-top:28px}
.dugme.providno{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.45);color:#fff!important}.dugme.providno:hover{background:rgba(255,255,255,.25);border-color:#fff}

/* sekcije iz teksta */
.sekcija.tamna{background:#101714;color:#e8efe9}.sekcija.tamna .oznaka{color:#9cd1bd}
.naslov-sekcije{font-size:clamp(30px,4vw,52px);margin-bottom:24px}
.uvod-bloka{margin-bottom:28px;max-width:64ch}
.kartice-vrednosti{display:grid;gap:18px;grid-template-columns:repeat(3,1fr)}
.kartice-vrednosti.kolone-4{grid-template-columns:repeat(4,1fr)}.kartice-vrednosti.kolone-5,.kartice-vrednosti.kolone-6{grid-template-columns:repeat(3,1fr)}
.kartice-vrednosti>div{background:var(--meka);border-radius:var(--r);padding:26px;border:1px solid transparent;transition:.2s}
.sekcija.meka .kartice-vrednosti>div{background:#fff}
.kartice-vrednosti>div:hover{border-color:var(--akcent)}
.kartice-vrednosti h3{font-size:20px;margin-bottom:8px;letter-spacing:-.02em}.kartice-vrednosti p{color:var(--bleda);font-size:15px;margin:0}
.koraci-lista{list-style:none;padding:0;counter-reset:k;display:grid;grid-template-columns:repeat(2,1fr);gap:18px 40px;max-width:1000px}
.koraci-lista li{display:flex;gap:18px;align-items:flex-start;padding:18px 0;border-bottom:1px solid var(--linija)}
.koraci-lista .broj{flex:0 0 40px;height:40px;border-radius:50%;background:var(--akcent);color:#fff;font-weight:800;display:flex;align-items:center;justify-content:center;font-size:16px}
.koraci-lista h3{font-size:19px;margin-bottom:4px}.koraci-lista p{color:var(--bleda);font-size:15px;margin:0}

/* pocetna: projekti, vrednosti, citat */
.projekti-mreza{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.projekat{position:relative;aspect-ratio:3/4;border-radius:var(--r);overflow:hidden;background:#222;color:#fff;display:flex;align-items:flex-end}
.projekat img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .6s}.projekat:hover img{transform:scale(1.04)}
.projekat:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 50%,rgba(0,0,0,.75));z-index:1}
.projekat div{position:relative;z-index:2;padding:18px 20px}.projekat b{display:block;font-size:19px;letter-spacing:-.01em}.projekat span{font-size:14px;opacity:.85}
.citat{font-size:clamp(24px,3vw,38px);font-weight:700;letter-spacing:-.03em;line-height:1.2;max-width:22ch}
.citat-blok{display:grid;grid-template-columns:1.1fr 1fr;gap:70px;align-items:center}
.vrednosti-lista{display:grid;grid-template-columns:1fr 1fr;gap:12px}.vrednosti-lista div{background:var(--meka);border-radius:var(--r);padding:22px}.vrednosti-lista h3{font-size:18px;margin-bottom:6px}.vrednosti-lista p{color:var(--bleda);font-size:14px;margin:0}
.dugme-red.sredina{justify-content:center}
.kontakt-stavke+.dugme{margin-top:6px}
.mapa{border-radius:var(--r);overflow:hidden;margin-top:24px;background:var(--meka)}.mapa iframe{display:block;width:100%;height:340px;border:0}
.put-opis{color:var(--bleda);font-size:15px;margin-top:18px}
.forma select{width:100%;border:1.5px solid var(--linija);background:#fff;border-radius:10px;padding:12px 14px;font:inherit}

@media(max-width:1000px){
	.kartice-vrednosti,.kartice-vrednosti.kolone-4{grid-template-columns:1fr 1fr}.koraci-lista{grid-template-columns:1fr}
	.projekti-mreza{grid-template-columns:1fr 1fr}.citat-blok{grid-template-columns:1fr;gap:34px}.hero-strane{padding:44px 0 54px}
}
@media(max-width:560px){.kartice-vrednosti,.kartice-vrednosti.kolone-4{grid-template-columns:1fr}.vrednosti-lista{grid-template-columns:1fr}.projekti-mreza{gap:10px}.projekat div{padding:12px}.projekat b{font-size:16px}}

/* fotografije proizvoda su na belom: stapamo ih sa sivom podlogom */
.kartica-slika img,.proizvod-galerija .velika img,.slicice img{mix-blend-mode:multiply}
.kartice-vrednosti.kolone-2{grid-template-columns:repeat(2,1fr)}.kartice-vrednosti.duge>div{padding:30px}.kartice-vrednosti.duge h3{font-size:22px;margin:0 0 12px}.kartice-vrednosti.duge p{font-size:16px;color:#2b2b2b}
@media(max-width:1000px){.kartice-vrednosti.kolone-2{grid-template-columns:1fr}}

.kako-naruciti{margin-top:34px;padding:24px 26px;background:var(--meka);border-radius:var(--r)}
.kako-naruciti h3{font-size:18px;margin-bottom:12px}
.kako-naruciti ol{list-style:none;padding:0;counter-reset:n;display:grid;gap:12px}
.kako-naruciti li{counter-increment:n;position:relative;padding-left:40px;font-size:14px;color:var(--bleda)}
.kako-naruciti li:before{content:counter(n);position:absolute;left:0;top:0;width:28px;height:28px;border-radius:50%;background:var(--akcent);color:#fff;font-weight:800;font-size:13px;display:flex;align-items:center;justify-content:center}
.kako-naruciti b{display:block;color:var(--tekst);font-size:15px}

/* natpis ispod slike u galeriji */
.galerija-mreza a{position:relative}
.natpis{position:absolute;left:0;right:0;bottom:0;padding:26px 12px 10px;font-size:13px;font-weight:600;color:#fff;line-height:1.3;background:linear-gradient(180deg,transparent,rgba(0,0,0,.72));opacity:0;transition:opacity .25s}
.galerija-mreza a:hover .natpis,.galerija-mreza a:focus-visible .natpis{opacity:1}
@media(hover:none){.natpis{opacity:1}}

/* pretraga */
.pretraga-forma{display:flex;gap:10px;max-width:560px;margin-top:22px}
.pretraga-forma input{flex:1;border:1.5px solid var(--linija);border-radius:99px;padding:12px 20px;font:inherit}
.pretraga-forma input:focus{border-color:var(--akcent);outline:none}
.rezultati{list-style:none;padding:0;max-width:760px}.rezultati li{border-bottom:1px solid var(--linija)}
.rezultati a{display:block;padding:16px 0}.rezultati b{display:block;font-size:18px}.rezultati span{color:var(--bleda);font-size:15px}.rezultati a:hover b{color:var(--akcent)}
.pretraga-link{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;opacity:.75}
.pretraga-link:hover{background:var(--meka);opacity:1}
.pretraga-link svg{width:19px;height:19px}

/* pocetna: hero preko cele sirine (kao na starom sajtu) */
.hero.hero-pun{display:flex;align-items:center;position:relative;color:#fff;background:#222 center/cover no-repeat;min-height:min(calc(100vh - 78px),760px);padding:70px 0}
.hero-pun:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,14,12,.84) 0%,rgba(8,14,12,.55) 55%,rgba(8,14,12,.25) 100%)}
.hero-pun .omotac{position:relative;width:100%}
.hero-pun h1{font-size:clamp(44px,6.2vw,92px);max-width:13ch}.hero-pun h1 em{color:#9cd1bd}
.hero-pun p{color:#e4ece7;max-width:44ch;margin:22px 0 30px;font-size:19px}
.hero-pun .oznaka{color:#9cd1bd}
.hero-pun .oznake{margin-top:36px}.hero-pun .oznake span{border-color:rgba(255,255,255,.35);color:#e4ece7}

/* pocetna: hero sa smenom slika, cistiji raspored */
.hero-nov{position:relative;color:#fff;min-height:min(calc(100vh - 78px),780px);display:flex;flex-direction:column;justify-content:flex-end;overflow:hidden;background:#111}
.hero-slajdovi{position:absolute;inset:0}
.slajd{position:absolute;inset:0;background:center/cover no-repeat;opacity:0;transform:scale(1.06);transition:opacity 1.4s ease,transform 7s ease-out}
.slajd.aktivan{opacity:1;transform:scale(1)}
.hero-nov:before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(0deg,rgba(6,12,10,.86) 0%,rgba(6,12,10,.55) 34%,rgba(6,12,10,.12) 70%,rgba(6,12,10,.28) 100%)}
.hero-sadrzaj{position:relative;z-index:2;padding-top:90px;padding-bottom:34px;width:100%}
.hero-sadrzaj h1{font-size:clamp(38px,5.4vw,78px);max-width:16ch;text-shadow:0 2px 24px rgba(0,0,0,.35)}
.hero-sadrzaj p{max-width:46ch;margin:18px 0 28px;font-size:19px;color:#eef3f0}
.hero-traka{position:relative;z-index:2;border-top:1px solid rgba(255,255,255,.18);background:rgba(8,16,13,.45);backdrop-filter:blur(6px)}
.hero-traka-red{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-top:18px;padding-bottom:18px;flex-wrap:wrap}
.cinjenice{display:flex;gap:42px;flex-wrap:wrap}
.cinjenice div{line-height:1.3}.cinjenice b{display:block;font-size:16px;letter-spacing:-.01em}.cinjenice span{font-size:13px;color:#cdd9d3}
.brzi-kontakt{display:flex;gap:8px}
.brzi-kontakt a{padding:9px 18px;border:1px solid rgba(255,255,255,.4);border-radius:99px;font-weight:700;font-size:14px;transition:.2s}
.brzi-kontakt a:hover{background:#fff;color:var(--tekst)}
@media(max-width:1000px){.cinjenice{gap:22px}.hero-nov{min-height:0}.hero-sadrzaj{padding-top:80px}.cinjenice div:nth-child(3){display:none}}
@media(max-width:560px){.cinjenice{display:none}.brzi-kontakt{width:100%}.brzi-kontakt a{flex:1;text-align:center}.hero-sadrzaj p{font-size:17px}}
@media(prefers-reduced-motion:reduce){.slajd{transition:none;transform:none}}

/* hero: manje praznog prostora, sadrzaj vertikalno u sredini */
.hero-nov{min-height:min(calc(100vh - 78px),600px)}
.hero-sadrzaj{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding-top:56px;padding-bottom:56px}
.hero-sadrzaj h1{font-size:clamp(38px,5vw,70px)}
.hero-sadrzaj p{margin:16px 0 24px}
@media(max-width:1000px){.hero-nov{min-height:0}.hero-sadrzaj{padding-top:64px;padding-bottom:44px}}
.hero-nov:before{background:linear-gradient(90deg,rgba(6,12,10,.72) 0%,rgba(6,12,10,.38) 48%,rgba(6,12,10,.05) 80%),linear-gradient(0deg,rgba(6,12,10,.7) 0%,rgba(6,12,10,0) 45%)}
.hero-sadrzaj h1,.hero-sadrzaj p{text-shadow:0 2px 18px rgba(0,0,0,.45)}

/* ikonice u dugmadima (kao na starom sajtu) */
.ik{width:1.05em;height:1.05em;flex:none;vertical-align:-.14em}
.dugme .ik{margin-right:8px}
.brzi-kontakt{gap:10px}
.brzi-kontakt a{display:inline-flex;align-items:center;gap:9px;padding:11px 20px;border:1px solid rgba(255,255,255,.55);border-radius:4px;background:rgba(255,255,255,.08);font-weight:700;font-size:13px;letter-spacing:.09em;text-transform:uppercase}
.brzi-kontakt a .ik{width:17px;height:17px}
.brzi-kontakt a:hover{background:#fff;color:var(--tekst)}
.bocno .dugme{display:flex;align-items:center;justify-content:center}
.proizvod-info .dugme-red .dugme{display:inline-flex;align-items:center}
.hero-strane .dugme{display:inline-flex;align-items:center}

/* ikonice u podnozju i u glavnom dugmetu */
.podnozje a,.podnozje .sa-ikonom{display:flex;align-items:flex-start;gap:10px}
.podnozje .ik{width:15px;height:15px;margin-top:5px;opacity:.75}
.podnozje .sa-ikonom>span{display:block}
.zaglavlje .dugme{display:inline-flex;align-items:center}
.zaglavlje .dugme .ik{width:15px;height:15px}
.dugme-red .dugme,.bocno .dugme,.traka-akcija .dugme{display:inline-flex;align-items:center;justify-content:center}
.bocno .dugme{display:flex;width:100%}

/* opisi na karticama usluga i projekata */
.plocica span b{display:block;font-size:19px}
.plocica span small{display:block;margin-top:6px;font-size:13px;font-weight:500;line-height:1.4;opacity:.9;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.plocica.m3 span small,.plocica.m6 span small{display:none}
.projekat small{display:block;margin-top:6px;font-size:12.5px;line-height:1.4;opacity:.9;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
/* Mercis */
.mercis-blok{display:grid;grid-template-columns:1.2fr 1fr;gap:60px;align-items:center}
.mercis-lista{list-style:none;padding:0;display:grid;gap:12px}
.mercis-lista li{background:#fff;border-radius:var(--r);padding:20px 24px}.mercis-lista b{display:block;font-size:17px}.mercis-lista span{color:var(--bleda);font-size:14.5px}
.mercis-link{display:inline-block;margin-top:6px;font-weight:700;font-size:14px;color:var(--akcent)!important;text-decoration:underline!important}
.meni-mreze{display:flex;gap:2px}
@media(max-width:1000px){.mercis-blok{grid-template-columns:1fr;gap:30px}.meni-mreze{padding:8px 0}.plocica span small{display:none}}

/* atribut hidden mora da sakrije element i kad ima display u stilu (filteri, pretraga) */
[hidden]{display:none!important}

/* slajdovi u heru su sada <picture> (manja slika na telefonu) */
.hero-slajdovi picture.slajd{display:block}
.hero-slajdovi picture.slajd img{width:100%;height:100%;object-fit:cover;display:block}

/* mobilna traka za kontakt (samo na telefonu/tabletu) */
.mobilna-traka{display:none}
@media(max-width:1000px){
	.mobilna-traka{display:grid;grid-template-columns:1fr 1fr 1.25fr;position:fixed;left:0;right:0;bottom:0;z-index:60;background:#fff;border-top:1px solid var(--linija);box-shadow:0 -6px 24px rgba(0,0,0,.08);padding-bottom:env(safe-area-inset-bottom)}
	.mobilna-traka a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:9px 6px;font-size:12px;font-weight:700;color:var(--tekst);min-height:54px}
	.mobilna-traka a .ik{width:19px;height:19px}
	.mobilna-traka a.glavno{background:var(--akcent);color:#fff}
	body{padding-bottom:62px}
	.lightbox{z-index:200}
}
@media(max-width:1000px){.hero-traka{display:none}.hero-sadrzaj{padding-bottom:54px}}

/* uvecani prikaz sa zumiranjem */
.lb-scena{display:flex;max-width:94vw;max-height:88vh;overflow:auto;scrollbar-width:thin}
.lb-scena img{max-width:92vw;max-height:88vh;margin:auto;display:block;cursor:zoom-in;user-select:none;-webkit-user-drag:none;border-radius:6px}
.lightbox.zoom .lb-scena{width:94vw;height:88vh}
.lightbox.zoom .lb-scena img{max-width:none;max-height:none;cursor:grab;border-radius:0}
.lightbox.zoom .lb-scena img:active{cursor:grabbing}
.lb-zoom{top:18px;right:72px;font-size:22px!important}
.velika-link{display:block;position:relative;width:100%;height:100%;cursor:zoom-in}
.zoom-oznaka{position:absolute;right:14px;bottom:14px;background:rgba(255,255,255,.92);padding:7px 14px;border-radius:99px;font-size:12px;font-weight:700;color:var(--tekst);box-shadow:0 2px 10px rgba(0,0,0,.08);transition:.2s}
.velika-link:hover .zoom-oznaka{background:var(--akcent);color:#fff}
@media(hover:none){.zoom-oznaka{display:none}}

/* ---- podnozje (nova verzija) ---- */
.podnozje{background:#121614;color:#b4bdb8;padding:72px 0 0;font-size:14.5px}
.podnozje .podnozje-mreza{display:grid;grid-template-columns:1.5fr 1fr .8fr 1.25fr;gap:44px;padding-bottom:54px}
.podnozje h4{color:#fff;font-size:13px;letter-spacing:.14em;text-transform:uppercase;margin:0 0 18px;font-weight:700}
.podnozje .podnozje-logo{height:56px;width:auto;filter:invert(1);margin-bottom:18px}
.podnozje .pod-brend p{max-width:38ch;line-height:1.65;margin:0 0 22px}
.podnozje .pod-mreze{display:flex;gap:10px}
.podnozje .pod-mreze a{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;border:1px solid rgba(255,255,255,.22);color:#fff;transition:.2s;padding:0}
.podnozje .pod-mreze a:hover{background:#fff;color:#121614;border-color:#fff}
.podnozje .pod-mreze .ik{width:17px;height:17px;margin:0;opacity:1}
.podnozje .pod-lista{list-style:none;margin:0;padding:0;display:grid;gap:11px}
.podnozje .pod-lista a{display:inline-block;padding:0;color:#b4bdb8;transition:color .15s,transform .15s}
.podnozje .pod-lista a:hover{color:#fff;transform:translateX(3px)}
.podnozje .pod-kontakt li{display:flex;gap:12px;align-items:flex-start;line-height:1.5}
.podnozje .pod-kontakt .ik{width:15px;height:15px;margin-top:4px;flex:none;color:#9cd1bd;opacity:1}
.podnozje .pod-kontakt a{color:#fff}.podnozje .pod-kontakt a:hover{transform:none;text-decoration:underline}
.podnozje .pod-vreme{margin-top:22px;padding-top:18px;border-top:1px solid rgba(255,255,255,.12);display:grid;gap:4px;font-size:13.5px}
.podnozje .pod-vreme b{color:#fff;font-size:13px;letter-spacing:.14em;text-transform:uppercase;margin-bottom:6px}
.podnozje .pod-vreme span{display:block;padding:0}
.podnozje .podnozje-dno-okvir{border-top:1px solid rgba(255,255,255,.12)}
.podnozje .podnozje-dno{display:flex;justify-content:space-between;align-items:center;gap:14px 28px;flex-wrap:wrap;padding-top:22px;padding-bottom:26px;font-size:13px;border-top:0}
.podnozje .podnozje-dno span{display:inline;padding:0}
.podnozje .pod-pravno{display:flex;gap:6px 24px;flex-wrap:wrap}
.podnozje .pod-pravno a{display:inline;padding:0;color:#b4bdb8}.podnozje .pod-pravno a:hover{color:#fff}
@media(max-width:1000px){.podnozje .podnozje-mreza{grid-template-columns:1fr 1fr;gap:38px 30px}.podnozje .pod-brend{grid-column:1/-1}.podnozje{padding-top:54px}}
@media(max-width:560px){.podnozje .podnozje-mreza{grid-template-columns:1fr;gap:32px}.podnozje .podnozje-dno{flex-direction:column;align-items:flex-start}}
.podnozje .podnozje-dno .pod-pravno{display:flex;gap:6px 26px;flex-wrap:wrap}

/* mobilni: veca polja (iOS ne zumira pri unosu) i lakse dodirivanje linkova */
@media(max-width:1000px){
	.traka input,.forma select,.forma input,.forma textarea,.pretraga-forma input{font-size:16px}
	.podnozje .pod-lista{gap:2px}
	.podnozje .pod-lista a{padding:9px 0;display:block}
	.podnozje .pod-pravno a{padding:6px 0}
	.mercis-link{padding:10px 0;display:inline-block}
	.mrvice a{padding:6px 0;display:inline-block}
}

/* O radionici: fotografija + vrednosti sa ikonicama */
.o-radionici-red{display:grid;grid-template-columns:.95fr 1.05fr;gap:72px;align-items:center}
.o-slika{position:relative;border-radius:20px;overflow:hidden;aspect-ratio:6/7;background:#222;box-shadow:0 30px 60px rgba(20,30,25,.18)}
.o-slika img{width:100%;height:100%;object-fit:cover}
.o-znak{position:absolute;left:18px;bottom:18px;background:rgba(255,255,255,.95);border-radius:14px;padding:14px 20px;display:flex;align-items:center;gap:14px;max-width:calc(100% - 36px)}
.o-znak b{font-size:30px;letter-spacing:-.04em;line-height:1;color:var(--akcent)}.o-znak span{font-size:13px;line-height:1.35;color:var(--bleda);font-weight:600}
.o-tekst .vrednosti-lista{margin-top:30px;grid-template-columns:1fr 1fr;gap:14px}
.o-tekst .vrednosti-lista>div{background:#fff;border:1px solid var(--linija);border-radius:16px;padding:20px;transition:.25s}
.o-tekst .vrednosti-lista>div:hover{border-color:var(--akcent);box-shadow:0 14px 30px rgba(31,77,63,.12);transform:translateY(-3px)}
.v-ikona{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:12px;background:#e6f0ec;color:var(--akcent);margin-bottom:14px}
.v-ikona svg{width:22px;height:22px}
.o-tekst .vrednosti-lista h3{font-size:17px;margin-bottom:6px}
@media(max-width:1000px){.o-radionici-red{grid-template-columns:1fr;gap:34px}.o-slika{aspect-ratio:4/3;max-height:420px}}
@media(max-width:560px){.o-tekst .vrednosti-lista{grid-template-columns:1fr}.o-znak b{font-size:24px}}

/* Mercis: stavke sa ikonicama + fotografija uzoraka */
.mercis-sekcija .mercis-blok{grid-template-columns:1.05fr 1fr;gap:72px}
.mercis-lista{list-style:none;padding:0;margin:26px 0 0;display:grid;gap:14px}
.mercis-sekcija .mercis-lista li{display:flex;gap:16px;align-items:flex-start;background:#fff;border:1px solid var(--linija);border-radius:16px;padding:16px 20px;transition:.25s}
.mercis-sekcija .mercis-lista li:hover{border-color:var(--akcent);transform:translateX(4px)}
.mercis-sekcija .mercis-lista .v-ikona{flex:none;margin:0}
.mercis-sekcija .mercis-lista b{display:block;font-size:16px;margin-bottom:2px}
.mercis-sekcija .mercis-lista span:not(.v-ikona){color:var(--bleda);font-size:14.5px;line-height:1.5}
.mercis-slika{position:relative;border-radius:20px;overflow:hidden;aspect-ratio:5/4;background:#111;box-shadow:0 30px 60px rgba(20,30,25,.18)}
.mercis-slika img{width:100%;height:100%;object-fit:cover}
@media(max-width:1000px){.mercis-sekcija .mercis-blok{grid-template-columns:1fr;gap:34px}.mercis-slika{order:-1;aspect-ratio:16/10}}

/* Kako radimo: vremenska linija + fotografija radionice */
.proces-red{display:grid;grid-template-columns:1.1fr .9fr;gap:72px;align-items:center}
.proces-lista{list-style:none;margin:30px 0 0;padding:0;display:grid;gap:0}
.proces-lista li{position:relative;display:flex;gap:20px;padding-bottom:26px}
.proces-lista li:last-child{padding-bottom:0}
.proces-lista li:not(:last-child):before{content:"";position:absolute;left:21px;top:46px;bottom:4px;width:2px;background:rgba(255,255,255,.28)}
.proces-lista .broj{flex:none;width:44px;height:44px;border-radius:50%;background:#fff;color:var(--akcent);font-weight:800;font-size:18px;display:flex;align-items:center;justify-content:center;box-shadow:0 0 0 6px rgba(255,255,255,.12)}
.proces-lista b{display:block;font-size:18px;letter-spacing:-.01em;margin-bottom:3px}
.proces-lista span:not(.broj){color:#cfe0d9;font-size:15px;line-height:1.55}
.proces-slika{position:relative;border-radius:20px;overflow:hidden;aspect-ratio:9/10;background:#0e2b23;box-shadow:0 30px 70px rgba(0,0,0,.3)}
.proces-slika img{width:100%;height:100%;object-fit:cover}
@media(max-width:1000px){.proces-red{grid-template-columns:1fr;gap:38px}.proces-slika{aspect-ratio:4/3;max-height:420px}}

/* blog: naslovne slike imaju tekst na sebi, pa se prikazuju cele (16:9), a ne isecene */
.blog-kartica .slika{aspect-ratio:16/9}
.blog-kartica:hover .slika img{transform:none}
.blog-kartica:hover h3{color:var(--akcent)}
.vest-slika{max-width:1000px;max-height:none}.vest-slika img{height:auto;object-fit:contain}

/* zavrsni kontakt: tekst + kartica sa radnim vremenom */
.cta-kontakt{background:linear-gradient(135deg,#1f4d3f 0%,#173a30 100%);color:#fff}
.cta-kontakt .oznaka{color:#9cd1bd}.cta-kontakt .uvod{color:#cfe0d9;max-width:52ch}
.cta-kontakt-red{display:grid;grid-template-columns:1.15fr .85fr;gap:70px;align-items:center}
.cta-dugmad{display:flex;flex-wrap:wrap;gap:10px;margin-top:30px}
.cta-kartica{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.18);border-radius:20px;padding:30px;backdrop-filter:blur(4px)}
.cta-kartica h3{font-size:18px;margin:16px 0 12px;letter-spacing:-.01em}
.cta-status{display:inline-flex;align-items:center;gap:10px;background:rgba(255,255,255,.12);border-radius:99px;padding:8px 16px;font-weight:700;font-size:13.5px}
.cta-status .tacka{width:10px;height:10px;border-radius:50%;background:#e5a54b;box-shadow:0 0 0 4px rgba(229,165,75,.25)}
.cta-status.otvoreno .tacka{background:#5fd39b;box-shadow:0 0 0 4px rgba(95,211,155,.25)}
.cta-sati{width:100%;border-collapse:collapse;font-size:15px}
.cta-sati td{padding:9px 0;border-bottom:1px solid rgba(255,255,255,.14)}.cta-sati td:last-child{text-align:right;font-weight:700}
.cta-napomena{font-size:13px;color:#cfe0d9;margin:14px 0 0}
.cta-adresa{display:flex;gap:10px;align-items:flex-start;margin-top:18px;padding-top:18px;border-top:1px solid rgba(255,255,255,.14);font-size:14.5px}
.cta-adresa .ik{width:15px;height:15px;margin-top:4px;flex:none;color:#9cd1bd}
.cta-dugmad .dugme{display:inline-flex;align-items:center}
@media(max-width:1000px){.cta-kontakt-red{grid-template-columns:1fr;gap:34px}}
@media(max-width:560px){.cta-dugmad .dugme{flex:1 1 calc(50% - 10px);justify-content:center;padding-left:12px;padding-right:12px}.cta-kartica{padding:22px}}

/* zavrsni kontakt: topliji izgled (fotografija lokala u pozadini, kremasta kartica) */
.cta-kontakt{position:relative;background:#173a30 url(../images/cta-pozadina.webp) center/cover no-repeat;overflow:hidden}
.cta-kontakt:before{content:"";position:absolute;inset:0;background:linear-gradient(100deg,rgba(14,38,31,.94) 0%,rgba(20,52,42,.86) 48%,rgba(25,60,48,.55) 100%)}
.cta-kontakt .omotac{position:relative}
.cta-lista{list-style:none;padding:0;margin:26px 0 0;display:grid;gap:10px}
.cta-lista li{display:flex;gap:12px;align-items:center;font-size:15.5px;color:#eaf3ee}
.cta-lista .ik{flex:none;width:20px;height:20px;padding:4px;border-radius:50%;background:#5fd39b;color:#0f2e24}
.cta-dugmad{margin-top:32px}
.cta-kartica{background:#fbf7ef;color:var(--tekst);border:0;border-radius:22px;box-shadow:0 30px 70px rgba(0,0,0,.35);backdrop-filter:none}
.cta-kartica h3{color:var(--tekst)}
.cta-status{background:#efe7d6;color:var(--tekst)}
.cta-sati td{border-bottom-color:#e8dfcd}.cta-sati td:last-child{color:var(--akcent)}
.cta-napomena{color:var(--bleda)}
.cta-adresa{border-top-color:#e8dfcd;color:var(--tekst)}.cta-adresa .ik{color:var(--akcent)}

/* ---- podnozje: topliji izgled (tufovani uzorak, akcenti, dugme na vrh) ---- */
.podnozje{position:relative;background:#0f1b16;overflow:hidden;padding-top:84px}
.podnozje:before{content:"";position:absolute;inset:0;pointer-events:none;background:
	radial-gradient(circle at 50% 50%,rgba(156,209,189,.10) 0 2.2px,transparent 2.6px) 0 0/44px 44px,
	linear-gradient(45deg,transparent 48.5%,rgba(255,255,255,.035) 49.5% 50.5%,transparent 51.5%) 0 0/44px 44px,
	linear-gradient(-45deg,transparent 48.5%,rgba(255,255,255,.035) 49.5% 50.5%,transparent 51.5%) 0 0/44px 44px;
	-webkit-mask-image:linear-gradient(180deg,rgba(0,0,0,.9),rgba(0,0,0,.15));mask-image:linear-gradient(180deg,rgba(0,0,0,.9),rgba(0,0,0,.15))}
.podnozje:after{content:"";position:absolute;left:0;right:0;top:0;height:4px;background:linear-gradient(90deg,#1f4d3f,#5fd39b 50%,#1f4d3f)}
.podnozje>*{position:relative;z-index:1}
.podnozje h4{position:relative;padding-bottom:12px;margin-bottom:22px}
.podnozje h4:after{content:"";position:absolute;left:0;bottom:0;width:28px;height:2px;border-radius:2px;background:#5fd39b}
.podnozje .podnozje-logo{height:66px}
.podnozje .pod-brend p{color:#c3cdc8}
.podnozje .pod-partner{display:inline-block;padding:9px 16px;margin:0 0 22px;border:1px solid rgba(156,209,189,.4);border-radius:99px;font-size:13px;color:#cfe0d9;transition:.2s}
.podnozje .pod-partner b{color:#9cd1bd}.podnozje .pod-partner:hover{background:rgba(156,209,189,.12);color:#fff;border-color:#9cd1bd}
.podnozje .pod-kontakt .ik{width:32px;height:32px;padding:8px;border-radius:50%;background:rgba(156,209,189,.14);margin-top:0;color:#9cd1bd}
.podnozje .pod-kontakt li{align-items:center;gap:14px}
.podnozje .pod-kontakt li:last-child{align-items:flex-start}
.podnozje .pod-vreme{border-top-color:rgba(255,255,255,.14)}
.podnozje .podnozje-dno-okvir{border-top-color:rgba(255,255,255,.14);background:rgba(0,0,0,.18)}
.podnozje .podnozje-dno{position:relative}
.podnozje .pod-mreze a{border-color:rgba(255,255,255,.3)}
.podnozje .pod-mreze a:hover{background:#5fd39b;border-color:#5fd39b;color:#0f1b16}
@media(max-width:1000px){.podnozje{padding-top:64px}}


/* dugme "nazad" + prethodni/sledeci model */
.gornja-traka{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;padding-top:30px;margin-bottom:6px}
.nazad{display:inline-flex;align-items:center;gap:9px;padding:10px 20px 10px 16px;border:1.5px solid var(--linija);border-radius:99px;font-weight:700;font-size:14px;color:var(--tekst);background:#fff;transition:.2s}
.nazad svg{width:17px;height:17px;transition:transform .2s}
.nazad:hover{background:var(--tekst);border-color:var(--tekst);color:#fff}.nazad:hover svg{transform:translateX(-3px)}
.prev-next{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:22px}
.prev-next a{display:block;border:1.5px solid var(--linija);border-radius:14px;padding:14px 18px;transition:.2s}
.prev-next a:hover{border-color:var(--akcent);background:#f4f8f6}
.prev-next small{display:block;color:var(--bleda);font-size:12px;font-weight:700;letter-spacing:.04em;margin-bottom:2px}
.prev-next b{font-size:16px}.prev-next .desno{text-align:right;grid-column:2}
.zaglavlje-strane .gornja-traka{padding-top:0;margin-bottom:18px}
@media(max-width:560px){.gornja-traka{padding-top:18px}.prev-next{grid-template-columns:1fr}.prev-next .desno{grid-column:auto;text-align:left}}

/* nazad na vrh: plutajuce dugme (pojavljuje se posle skrolovanja) */
.na-vrh{position:fixed;right:24px;bottom:24px;z-index:55;width:48px;height:48px;border-radius:50%;border:0;background:var(--akcent);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 10px 26px rgba(15,40,31,.35);transition:transform .2s,background .2s,opacity .2s}
.na-vrh[hidden]{display:none!important}
.na-vrh svg{width:20px;height:20px}
.na-vrh:hover{background:var(--akcent-tamna);transform:translateY(-3px)}
.podnozje .podnozje-dno{padding-right:0}
@media(max-width:1000px){.na-vrh{right:16px;bottom:78px;width:44px;height:44px}}

/* ===== stranica usluge: navigacija, kartice sa fotografijama, ponuda, galerija, srodne usluge ===== */
section[id]{scroll-margin-top:150px}
.usluga-nav{position:sticky;top:78px;z-index:30;background:rgba(255,255,255,.96);backdrop-filter:blur(8px);border-bottom:1px solid var(--linija)}
.usluga-nav-red{display:flex;justify-content:space-between;align-items:center;gap:16px;padding-top:9px;padding-bottom:9px}
.usluga-nav-linkovi{display:flex;gap:4px;overflow-x:auto;scrollbar-width:none}.usluga-nav-linkovi::-webkit-scrollbar{display:none}
.usluga-nav-linkovi a{padding:9px 16px;border-radius:99px;font-weight:700;font-size:14px;color:var(--bleda);white-space:nowrap;transition:.15s}
.usluga-nav-linkovi a:hover{color:var(--tekst);background:var(--meka)}
.usluga-nav-linkovi a.aktivno{background:var(--tekst);color:#fff}
.usluga-nav .dugme{padding:10px 20px;display:inline-flex;align-items:center;flex:none}
@media(max-width:1000px){.usluga-nav{top:78px}.usluga-nav .dugme{display:none}section[id]{scroll-margin-top:140px}}

.kartice-vrednosti.sa-slikama{grid-template-columns:repeat(3,1fr)}
.kartice-vrednosti.sa-slikama>div{padding:0;overflow:hidden;display:flex;flex-direction:column}
.kartice-vrednosti.sa-slikama .kartica-foto{display:block;aspect-ratio:4/3;overflow:hidden;background:#fff;position:relative}
.kartice-vrednosti.sa-slikama .kartica-foto img{width:100%;height:100%;object-fit:cover;transition:transform .5s}
.kartice-vrednosti.sa-slikama>div:hover .kartica-foto img{transform:scale(1.05)}
.kartice-vrednosti.sa-slikama .kartica-tekst{padding:20px 22px 24px}
.kartice-vrednosti>div .v-ikona{margin-bottom:14px}
@media(max-width:1000px){.kartice-vrednosti.sa-slikama{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.kartice-vrednosti.sa-slikama{grid-template-columns:1fr}}

.ponuda-red{display:grid;grid-template-columns:1.2fr .8fr;gap:64px;align-items:start}
.ponuda-pod{font-size:20px;margin:6px 0 14px;letter-spacing:-.02em}
.cekiranje-lista{list-style:none;padding:0;margin:18px 0 20px;display:grid;gap:14px}
.cekiranje-lista li{display:flex;gap:14px;align-items:flex-start;font-size:16px;line-height:1.55}
.cekiranje-lista .ik{flex:none;width:24px;height:24px;padding:5px;border-radius:50%;background:var(--akcent);color:#fff;margin-top:2px}
.ponuda-kartica{background:#fbf7ef;border:1px solid #e8dfcd;border-radius:22px;padding:30px;display:grid;gap:12px;position:sticky;top:160px;box-shadow:0 24px 50px rgba(60,45,20,.10)}
.ponuda-kartica h3{font-size:24px;margin:0;letter-spacing:-.02em}.ponuda-kartica p{color:var(--bleda);font-size:15px;margin:0 0 6px}
.ponuda-kartica .cta-status{justify-self:start;background:#efe7d6;color:var(--tekst)}
.ponuda-kartica .dugme{display:flex;align-items:center;justify-content:center;width:100%}
.ponuda-mali{display:grid;grid-template-columns:1fr 1fr;gap:10px}
@media(max-width:1000px){.ponuda-red{grid-template-columns:1fr;gap:34px}.ponuda-kartica{position:static}}

.galerija-istaknuta{grid-auto-flow:dense}
.galerija-istaknuta a:first-child{grid-column:span 2;grid-row:span 2;aspect-ratio:auto;height:100%}
.galerija-vise{text-align:center;margin-top:30px}.galerija-vise .dugme{padding:14px 32px}
@media(max-width:560px){.galerija-istaknuta a:first-child{grid-column:span 2;grid-row:span 1;aspect-ratio:16/10}}

.srodne-mreza{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.srodna{position:relative;aspect-ratio:4/3;border-radius:var(--r);overflow:hidden;color:#fff;display:flex;align-items:flex-end;background:#222}
.srodna img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .6s}.srodna:hover img{transform:scale(1.05)}
.srodna:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 35%,rgba(0,0,0,.8));z-index:1}
.srodna div{position:relative;z-index:2;padding:20px 22px}.srodna b{display:block;font-size:20px;letter-spacing:-.01em}.srodna span{display:block;margin-top:4px;font-size:13.5px;opacity:.9;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
@media(max-width:1000px){.srodne-mreza{grid-template-columns:1fr}.srodna{aspect-ratio:16/9}}

/* liste "Naziv: opis" kao kartice */
.ul-kartice{display:grid;gap:16px;margin:22px 0;grid-template-columns:repeat(3,1fr);max-width:none}
.ul-kartice.kolone-2{grid-template-columns:repeat(2,1fr)}.ul-kartice.kolone-4{grid-template-columns:repeat(4,1fr)}
.ul-kartice>div{background:#fff;border:1px solid var(--linija);border-radius:16px;padding:22px 24px;border-top:3px solid var(--akcent)}
.sekcija.meka .ul-kartice>div{border-color:#e4e1da;border-top-color:var(--akcent)}
.ul-kartice h3{font-size:18px;margin:0 0 6px;letter-spacing:-.02em}.ul-kartice p{margin:0;color:var(--bleda);font-size:15px}
@media(max-width:1000px){.ul-kartice,.ul-kartice.kolone-4{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.ul-kartice,.ul-kartice.kolone-2,.ul-kartice.kolone-4{grid-template-columns:1fr}}

/* tekst + fotografija uz njega */
.tekst-sa-slikom{display:grid;grid-template-columns:1.05fr .95fr;gap:56px;align-items:center}
.tekst-sa-slikom.obrnuto{grid-template-columns:.95fr 1.05fr}.tekst-sa-slikom.obrnuto>div:first-child{order:2}
.tekst-sa-slikom .tekst{max-width:none}
.tekst-foto{margin:0}.tekst-foto a{display:block;border-radius:20px;overflow:hidden;aspect-ratio:4/3;box-shadow:0 24px 50px rgba(20,30,25,.16);background:#eee}
.tekst-foto img{width:100%;height:100%;object-fit:cover;transition:transform .6s}.tekst-foto a:hover img{transform:scale(1.04)}
@media(max-width:1000px){.tekst-sa-slikom,.tekst-sa-slikom.obrnuto{grid-template-columns:1fr;gap:30px}.tekst-sa-slikom.obrnuto>div:first-child{order:0}.tekst-foto a{aspect-ratio:16/10}}
.kartice-vrednosti.kolone-5{grid-template-columns:repeat(5,1fr)}
.kartice-vrednosti.kolone-5>div{padding:20px}.kartice-vrednosti.kolone-5 h3{font-size:17px}
@media(max-width:1000px){.kartice-vrednosti.kolone-5,.kartice-vrednosti.kolone-6{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.kartice-vrednosti.kolone-5,.kartice-vrednosti.kolone-6{grid-template-columns:1fr}}

/* pre i posle: velika kartica sa clankom */
.pre-posle{display:grid;grid-template-columns:1.25fr 1fr;gap:0;border-radius:22px;overflow:hidden;background:#fff;border:1px solid var(--linija);box-shadow:0 24px 50px rgba(20,30,25,.10);margin-top:22px;transition:.25s}
.pre-posle:hover{transform:translateY(-4px);box-shadow:0 30px 60px rgba(20,30,25,.16)}
.pp-slika{background:#222;min-height:320px}.pp-slika img{width:100%;height:100%;object-fit:cover}
.pp-tekst{padding:40px 40px 44px;display:flex;flex-direction:column;justify-content:center;gap:12px}
.pp-tekst small{color:var(--akcent);font-weight:700;font-size:12px;letter-spacing:.14em;text-transform:uppercase}
.pp-tekst h3{font-size:28px;letter-spacing:-.03em}.pp-tekst p{color:var(--bleda);margin:0 0 8px}.pp-tekst .dugme{align-self:flex-start}
@media(max-width:1000px){.pre-posle{grid-template-columns:1fr}.pp-slika{min-height:0;aspect-ratio:16/9}.pp-tekst{padding:26px}}

/* O nama: godine u vremenskoj liniji, citat, uvodna recenica, siroke kartice */
.godina{display:inline-block;background:#e6f0ec;color:var(--akcent);font-weight:800;font-size:13px;letter-spacing:.06em;padding:3px 12px;border-radius:99px;margin-bottom:6px}
.citat-veliki{margin:44px 0 10px;padding:30px 34px;border-left:5px solid var(--akcent);background:#f4f8f6;border-radius:0 18px 18px 0;font-size:clamp(22px,2.6vw,32px);font-weight:700;letter-spacing:-.02em;line-height:1.3;color:var(--tekst);max-width:900px}
.uvodna-recenica{font-size:clamp(19px,2vw,24px);font-weight:700;letter-spacing:-.02em;line-height:1.4;max-width:760px;margin:6px 0 24px;color:var(--tekst)}
.ul-kartice.siroke{max-width:none}
.ul-kartice.kolone-2.siroke>div{padding:26px 28px}
.ul-kartice.siroke h3{font-size:19px}.ul-kartice.siroke p{font-size:15.5px;line-height:1.6}

/* Radovi */
.radovi-hero{padding:64px 0 56px}
.radovi-hero h1{font-size:clamp(48px,7vw,96px)}
.radovi-brojke{display:flex;gap:44px;flex-wrap:wrap;margin-top:34px}
.radovi-brojke b{display:block;font-size:clamp(34px,4vw,52px);letter-spacing:-.04em;line-height:1}
.radovi-brojke span{font-size:14px;color:#dbe7e0}
.projekti-veliki{display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(2,300px);gap:14px}
.projekti-veliki .projekat{aspect-ratio:auto}
.projekti-veliki .projekat.glavni{grid-column:span 2;grid-row:span 2}
.projekti-veliki .projekat div{padding:22px 24px}.projekti-veliki .glavni b{font-size:26px}
.projekti-veliki small{-webkit-line-clamp:2}.projekti-veliki .glavni small{-webkit-line-clamp:4;font-size:14px}
.projekti-veliki em{display:block;font-style:normal;font-weight:700;font-size:13px;margin-top:10px;opacity:0;transform:translateY(6px);transition:.25s}
.projekti-veliki .projekat:hover em{opacity:1;transform:none}
.radovi-filter{position:sticky;top:78px;z-index:20;background:var(--meka);padding:14px 0;margin-bottom:22px}
@media(max-width:1000px){.projekti-veliki{grid-template-columns:1fr 1fr;grid-template-rows:none;grid-auto-rows:260px}.projekti-veliki .projekat.glavni{grid-column:span 2;grid-row:auto}.projekti-veliki em{opacity:1;transform:none}.radovi-filter{position:static}}
@media(max-width:560px){.projekti-veliki{grid-template-columns:1fr}.projekti-veliki .projekat.glavni{grid-column:auto}.radovi-brojke{gap:26px}}
.projekti-veliki .projekat:nth-child(4):last-child{grid-column:span 2}
@media(max-width:1000px){.projekti-veliki .projekat:nth-child(4):last-child{grid-column:span 2}}
@media(max-width:560px){.projekti-veliki .projekat:nth-child(4):last-child{grid-column:auto}}
@media(max-width:1000px){.projekti-veliki{grid-auto-rows:340px}.projekti-veliki .projekat:before{background:linear-gradient(180deg,transparent 15%,rgba(0,0,0,.88))}}
@media(max-width:560px){.projekti-veliki{grid-auto-rows:380px}.projekti-veliki .projekat.glavni{min-height:420px}.projekti-veliki small{-webkit-line-clamp:3}.radovi-filter{display:flex;flex-wrap:nowrap;overflow-x:auto;padding-bottom:12px;scrollbar-width:none}.radovi-filter::-webkit-scrollbar{display:none}.radovi-filter .pilula{white-space:nowrap;flex:none}}

/* Kontakt */
.kontakt-hero{padding:60px 0 110px}
.kontakt-hero h1{font-size:clamp(40px,5.4vw,76px)}
.kontakt-kartice-okvir{position:relative;z-index:5;margin-top:-64px}
.kontakt-kartice{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.kontakt-kartice a{display:flex;flex-direction:column;gap:3px;background:#fff;border:1px solid var(--linija);border-radius:18px;padding:22px 24px;box-shadow:0 20px 40px rgba(20,30,25,.10);transition:.25s}
.kontakt-kartice a:hover{transform:translateY(-4px);border-color:var(--akcent);box-shadow:0 26px 50px rgba(31,77,63,.18)}
.kk-ikona{display:flex;align-items:center;justify-content:center;width:46px;height:46px;border-radius:14px;background:#e6f0ec;color:var(--akcent);margin-bottom:10px}
.kk-ikona .ik{width:20px;height:20px}
.kontakt-kartice small{font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--bleda)}
.kontakt-kartice b{font-size:16.5px;letter-spacing:-.01em;word-break:break-word}
.kontakt-bocno{display:grid;gap:18px;position:sticky;top:110px}
.kb-kartica{background:var(--meka);border-radius:var(--r);padding:28px}
.kb-kartica h3{font-size:20px;margin-bottom:16px}
.kb-krem{background:#fbf7ef;border:1px solid #e8dfcd}
.kb-koraci{list-style:none;padding:0;margin:0;display:grid;gap:16px}
.kb-koraci li{display:flex;gap:14px;align-items:flex-start;font-size:14.5px;color:var(--bleda);line-height:1.5}
.kb-koraci li>span{flex:none;width:30px;height:30px;border-radius:50%;background:var(--akcent);color:#fff;font-weight:800;font-size:14px;display:flex;align-items:center;justify-content:center}
.kb-koraci b{display:block;color:var(--tekst);font-size:15.5px}
.forma-kartica{background:#fff;border:1px solid var(--linija);box-shadow:0 24px 50px rgba(20,30,25,.08);padding:38px}
.forma button[type=submit]{display:inline-flex;align-items:center;padding:15px 30px}
@media(max-width:1000px){.kontakt-kartice{grid-template-columns:1fr 1fr}.kontakt-bocno{position:static}.kontakt-hero{padding:44px 0 96px}}
@media(max-width:560px){.kontakt-kartice{grid-template-columns:1fr 1fr;gap:10px}.kontakt-kartice a{padding:16px}.kontakt-kartice b{font-size:14px}.forma-kartica{padding:22px}}

/* Kontakt (pojednostavljen): levo podaci, desno forma */
.kontakt-dve{display:grid;grid-template-columns:.8fr 1.2fr;gap:64px;align-items:start}
.kontakt-info h2{font-size:clamp(26px,2.6vw,32px);margin-bottom:22px}
.kontakt-info h3{font-size:20px;margin:34px 0 12px}
.kontakt-lista{list-style:none;padding:0;margin:0;display:grid;gap:18px}
.kontakt-lista li{display:flex;gap:16px;align-items:center}
.kontakt-lista small{display:block;font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--bleda)}
.kontakt-lista a{font-weight:700;font-size:17px}.kontakt-lista a:hover{color:var(--akcent)}
.kontakt-info .sati td{font-size:15px}
.forma-kartica{background:var(--meka);border:0;box-shadow:none}
@media(max-width:1000px){.kontakt-dve{grid-template-columns:1fr;gap:40px}}