{"id":13,"date":"2026-08-28T22:51:24","date_gmt":"2026-08-28T20:51:24","guid":{"rendered":"https:\/\/go.simplexdigital.hr\/demo-elektricar\/elektro-novak\/"},"modified":"2026-08-28T22:51:24","modified_gmt":"2026-08-28T20:51:24","slug":"elektro-novak","status":"publish","type":"page","link":"https:\/\/go.simplexdigital.hr\/demo-elektricar\/","title":{"rendered":"Elektro Novak"},"content":{"rendered":"<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin><link rel=\"stylesheet\" href=\"https:\/\/fonts.googleapis.com\/css2?family=Archivo:wght@500;600;700;800&#038;family=Inter:wght@400;500;600&#038;display=swap\"><style>:root{\n\/* Imenovane uloge iz boje.js. Nazivi su uloge, ne nijanse: \"--sgo-akcent\" je\n   ploha gumba, \"--sgo-akcent-tekst\" je ista obitelj kad nosi slova. Boja koja\n   radi kao ploha ne mora proci 4,5 kao tekst i obrnuto \u2014 to je razlika zbog\n   koje je sustav dosad padao. *\/\n--sgo-bg:#13120b;--sgo-ink:#f4f3ea;--sgo-muted:#d7d7ce;--sgo-akcent:#a79800;\n--sgo-akcent-tekst:#d3c975;--sgo-akcent-obrnuto:#746900;\n--sgo-akcent-tamni:#746900;--sgo-akcent-svijetli:#d3c975;\n--sgo-na-akcentu:#15140d;--sgo-drugi:#95bc87;\n--sgo-akcent-traka:#746900;--sgo-linija:#504f48;--sgo-rub-jaci:#6b6a62;\n--sgo-uspjeh:#3ed06e;--sgo-greska:#ff8b7f;--sgo-traka:#1d1c15;\n--sgo-p-tonirana:#433c00;--sgo-p-obrnuta:#5c5300;\n--sgo-na-tonranoj:#f4f3ea;--sgo-na-obrnutoj:#ffffff;\n\/* razmaci: RAZMAK je izme\u0111u sekcija, UNUTAR je unutar sekcije. Drugi mora biti\n   manji od prvog, ina\u010de sve pluta i sekcije se ne \u010ditaju kao cjeline. *\/\n--sgo-razmak-l:68px;--sgo-razmak-m:52px;--sgo-razmak-s:36px;\n\/* Razmak od zaglavlja sekcije do sadr\u017eaja. Bio je 24\u201332 px, dakle jedva ve\u0107i\n   od razmaka me\u0111u odlomcima, pa se naslov sekcije lijepio za mre\u017eu ispod sebe\n   i cijela sekcija se \u010ditala kao jedan zbijeni blok. Pregledani premium\n   predlo\u0161ci dr\u017ee 45\u201364 px (DentaMedi 64\/50\/45\/28, Prowess 50). Ostaje bitno\n   MANJI od razmaka me\u0111u sekcijama, pa hijerarhija \u201esekcija > zaglavlje >\n   sadr\u017eaj\" i dalje stoji. *\/\n--sgo-unutar:clamp(30px,3.6vw,40px);\n--sgo-unutar-s:clamp(16px,1.8vw,26px);\n--sgo-kartica:#201f18;--sgo-radius:0px;--sgo-radius-slika:0px;\n--sgo-naslov:'Archivo',-apple-system,BlinkMacSystemFont,sans-serif;--sgo-tijelo:'Inter',-apple-system,BlinkMacSystemFont,sans-serif;\n--sgo-krivulja:cubic-bezier(.23,1,.32,1);--sgo-glava-h:76px;--sgo-rub:clamp(20px,4.4vw,48px);\n--sgo-glava-bg:rgba(19,18,11,0.82);\n\/* skale od 11 koraka \u2014 akcentna i neutralna. Neutralna je blago obojena\n   prema akcentu: cisti sivi ne pripadaju nijednoj stranici posebno. *\/\n--sgo-a-50:#f9f7e0;--sgo-n-50:#fafaf7;\n--sgo-a-100:#f0ecc8;--sgo-n-100:#f4f4f0;\n--sgo-a-200:#e3dca1;--sgo-n-200:#e8e7e1;\n--sgo-a-300:#d3c975;--sgo-n-300:#d7d7ce;\n--sgo-a-400:#bfb143;--sgo-n-400:#bdbcb3;\n--sgo-a-500:#a79800;--sgo-n-500:#a2a198;\n--sgo-a-600:#8d8000;--sgo-n-600:#86857d;\n--sgo-a-700:#746900;--sgo-n-700:#6b6a62;\n--sgo-a-800:#5c5300;--sgo-n-800:#504f48;\n--sgo-a-900:#433c00;--sgo-n-900:#35342e;\n--sgo-a-950:#2d2800;--sgo-n-950:#1a1914;\n}\n@media (max-width:921px){:root{--sgo-glava-h:62px}}\n*,*::before,*::after{box-sizing:border-box}\n\/* Prsten se crta SAMO tipkovnici. Bez ovoga preglednik ostavlja obris i nakon\n   klika mi\u0161em, pa svaki pritisnuti gumb zadr\u017ei okvir \u2014 sitnica koja stranicu\n   odmah oda kao nedovr\u0161enu. Sam prsten (outline 2px + odmak) ostaje ni\u017ee, po\n   komponentama, jer mu boja ovisi o plohi na kojoj element stoji. *\/\n:focus:not(:focus-visible){outline-color:transparent}\nhtml{scroll-behavior:smooth}\n@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}\nbody{background:var(--sgo-bg);color:var(--sgo-ink);font-family:var(--sgo-tijelo);font-size:16px;line-height:1.68;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}\n\/* Pozadinu tijela Astra pise na KLASU \".ast-page-builder-template\" (0,1,0), a tu\n   klasu na <body> stavlja upravo nasa postavka site-content-layout=page-builder.\n   Golo \"body\" (0,0,1) zato gubi. Na tamnim stilovima (bold, luxury) stranica je\n   ostajala bijela sa svijetlim tekstom \u2014 prakticki nevidljiva. *\/\nhtml body[class]{background:var(--sgo-bg)}\n.entry-content{color:var(--sgo-ink)}\n.entry-content h1,.entry-content h2,.entry-content h3,.entry-content h4{font-family:var(--sgo-naslov);color:var(--sgo-ink);margin-top:0;text-wrap:balance;\n\/* Jezgra na stupce postavlja \"word-break:break-word\", sto lomi rijec bilo gdje:\n   \"DESETLJECIMA\" je u hero naslovu puklo na \"DESETLJECI \/ MA\". Hrvatski ima duge\n   rijeci, pa naslovi moraju lomiti SAMO kad rijec stvarno ne stane. *\/\nword-break:normal;overflow-wrap:break-word}\n\/* Vodilje (line-height) se ste\u017eu kako slog raste, i to po ljestvici \u2014 ne po\n   jednoj vrijednosti za sve. Pet pregledanih premium referenci dolazi do istog\n   oblika (noma doslovno 1.05\/1.15\/1.25\/1.35\/1.45\/1.8, Squarespace to ra\u010duna\n   formulom). H2 je ovdje bio 1.08 pri 2\u20133 rem, dakle tje\u0161nji nego H1 na 5 rem \u2014\n   dva reda naslova sekcije tako su se dodirivala. *\/\n.entry-content h1{font-size:clamp(2.7rem,6.2vw,5rem);font-weight:700;line-height:.94;letter-spacing:-.02em}\n.entry-content h2{font-size:clamp(2rem,3.6vw,3rem);font-weight:700;line-height:1.14;letter-spacing:-.018em;margin-bottom:0}\n.entry-content h3{font-size:1.2rem;font-weight:600;line-height:1.3;letter-spacing:-.01em;margin-bottom:10px}\n.entry-content h1,.entry-content h2{text-transform:uppercase;letter-spacing:-.008em}\n\/* mjera odlomka: 60\u201370 znakova. Preko toga oko gubi pocetak sljedeceg retka. *\/\n.entry-content p{color:var(--sgo-ink);max-width:66ch}\n\/* Naslovima je margin-bottom namjerno 0 (razmak nosi sljedeci element), ali\n   jezgra odlomku u bloku daje margin-top:0 \u2014 pa su naslov i uvodna recenica\n   sjedili slijepljeni, bez ijednog piksela izmedu. Razmak ide ovdje, i manji\n   je od razmaka unutar sekcije, kako hijerarhija ostane citljiva. *\/\n.entry-content h1 + p,.entry-content h2 + p{margin-top:14px}\n.entry-content h3 + p{margin-top:0}\n.entry-content p.sgo-vod{font-size:1.1rem;line-height:1.6;color:var(--sgo-muted);max-width:60ch}\n\/* mikro-tipografija: nadnaslov je jedini element s razmaknutim verzalom, i\n   jedini nosi redni broj sekcije \u2014 dva razmaknuta niza jedan do drugoga citaju\n   se kao kvar, ne kao detalj. *\/\n\/* \u26a0 Nadnaslov je s naslovom JEDNA tipografska cjelina, ne dva slo\u017eena retka.\n   Razmak od 18 px ispod njega odvajao ga je od naslova toliko da je izgledao\n   kao zalutala oznaka. Sve pregledane premium reference dr\u017ee 1\u20134 px (DentaMedi\n   doslovno margin:0 0 1px); ovdje je 8 px jer nadnaslov nosi i crticu s rednim\n   brojem, pa mu treba ne\u0161to zraka \u2014 ali ne toliko da se otkine od naslova. *\/\n.sgo-nad p{font-family:var(--sgo-tijelo);font-size:11px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:#d3c975;margin:0 0 8px;max-width:none;display:flex;align-items:center;gap:12px}\n\/* \u26a0 Sam margin-bottom nije dovoljan: jezgra naslovu koji slijedi nadnaslov daje\n   margin-block-start:24px (flow raspored, specifi\u010dnost 0,2,0), pa se margine\n   spoje na 24 px i nadnaslov ostane otkinut bez obzira \u0161to ovdje pi\u0161e. *\/\n.entry-content .sgo-nad + h1,.entry-content .sgo-nad + h2,.entry-content .sgo-nad + h3{margin-block-start:0}\n.sgo-nad .sgo-rb{font-variant-numeric:tabular-nums;display:inline-flex;align-items:center;gap:12px;letter-spacing:.1em}\n.sgo-nad .sgo-rb::after{content:\"\";width:22px;height:1px;background:currentColor;opacity:.55;display:inline-block}\n.sgo-nad p.has-text-align-center{justify-content:center}\n\/* ritam sekcija: tri visine, ne jedna. Prefiks .entry-content je nuzan da Astrinih\n   uniformnih 3em ne pojede cijeli sustav. *\/\n.entry-content .sgo-sek{padding-left:var(--sgo-rub);padding-right:var(--sgo-rub);position:relative}\n.entry-content .sgo-veliki{padding-top:68px;padding-bottom:52px}\n.entry-content .sgo-srednji{padding-top:52px;padding-bottom:40px}\n.entry-content .sgo-mali{padding-top:36px;padding-bottom:28px}\n.entry-content .sgo-traka-bg{background:var(--sgo-traka)}\n.sgo-sek[id]{scroll-margin-top:calc(var(--sgo-glava-h) + 12px)}\n\/* \u2500\u2500 PLOHE \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n   Tonirana ploha nosi akcent na oko 5 %; obrnuta je puni preokret. Svaka\n   nosi VLASTITE boje slova, obruba, kartica i gumba \u2014 ina\u010de naslije\u0111eni\n   tamni tekst padne na obrnutoj plohi na 1,3:1 i sekcija je ne\u010ditljiva. *\/\n.entry-content .sgo-p-tonirana{background:var(--sgo-p-tonirana)}\n.entry-content .sgo-p-tonirana,.entry-content .sgo-p-tonirana h2,.entry-content .sgo-p-tonirana h3,.entry-content .sgo-p-tonirana p{color:#f4f3ea}\n.entry-content .sgo-p-tonirana p.sgo-vod,.entry-content .sgo-p-tonirana .sgo-kartica p,.entry-content .sgo-p-tonirana .sgo-napomena{color:#d7d7ce}\n.entry-content .sgo-p-tonirana .sgo-nad p,.entry-content .sgo-p-tonirana .sgo-cijena{color:#c0b548}\n.entry-content .sgo-p-tonirana .sgo-crta,.entry-content .sgo-p-tonirana .sgo-red{border-color:rgba(244,243,234,0.16)}\n.entry-content .sgo-p-tonirana .sgo-crta{background:rgba(244,243,234,0.16)}\n.entry-content .sgo-p-tonirana .sgo-kartica{border-color:rgba(244,243,234,0.16)}\n.entry-content .sgo-p-obrnuta{background:var(--sgo-p-obrnuta)}\n.entry-content .sgo-p-obrnuta,.entry-content .sgo-p-obrnuta h2,.entry-content .sgo-p-obrnuta h3,.entry-content .sgo-p-obrnuta p{color:#ffffff}\n.entry-content .sgo-p-obrnuta p.sgo-vod,.entry-content .sgo-p-obrnuta .sgo-kartica p,.entry-content .sgo-p-obrnuta .sgo-napomena,.entry-content .sgo-p-obrnuta .sgo-potpis{color:#d5d5d5}\n.entry-content .sgo-p-obrnuta .sgo-nad p,.entry-content .sgo-p-obrnuta .sgo-cijena{color:#dcd699}\n.entry-content .sgo-p-obrnuta .sgo-crta,.entry-content .sgo-p-obrnuta .sgo-red{border-color:rgba(255,255,255,0.22)}\n.entry-content .sgo-p-obrnuta .sgo-crta{background:rgba(255,255,255,0.22)}\n.entry-content .sgo-p-obrnuta .sgo-kartica{background:#675f12;border-color:rgba(255,255,255,0.22)}\n.entry-content .sgo-p-obrnuta .sgo-kartica .sgo-broj{color:#dcd699}\n.entry-content .sgo-p-obrnuta .wp-block-button__link{background:#ffffff;color:#5c5300;border-color:#ffffff}\n\/* \u26a0 MJERENO 1,57:1 na probnom fotografu \u2014 drugi gumb na obrnutoj plohi bio je\n   PRAKTI\u010cKI NEVIDLJIV (#1B1810 na #46391A).\n   Uzrok nije boja nego redoslijed: osnovni stil drugog gumba ni\u017ee u datoteci\n   pi\u0161e se i u obliku .entry-content .wp-block-button.sgo-drugi .wp-block-button__link,\n   \u0161to je JEDNAKA specifi\u010dnost (0,4,0) kao pravilo plohe \u2014 pa pobje\u0111uje jer\n   dolazi kasnije. Zato pravilo plohe mora nositi i .wp-block-button (0,5,0);\n   samo premjestiti blok ni\u017ee nije rje\u0161enje jer je ovdje red pisanja logi\u010dan.\n   \u010cuva ga provjera provjera-gumba.js, koja razrje\u0161ava kaskadu, ne izvor. *\/\n.entry-content .sgo-p-obrnuta .wp-block-button.sgo-drugi .wp-block-button__link{background:transparent;color:#ffffff;border-color:rgba(255,255,255,0.45)}\n@media (hover:hover) and (pointer:fine){\n.entry-content .sgo-p-obrnuta .wp-block-button__link:hover{background:rgba(255,255,255,0.86);color:#5c5300}\n.entry-content .sgo-p-obrnuta .wp-block-button.sgo-drugi .wp-block-button__link:hover{background:rgba(255,255,255,0.14);color:#ffffff;border-color:#ffffff}\n}\n.entry-content .sgo-p-obrnuta .wp-block-button__link:focus-visible,.entry-content .sgo-p-tonirana .wp-block-button__link:focus-visible{outline-color:#ffffff}\n\/* MRTAV PROSTOR \u2014 dvije sekcije istog ritma jedna do druge nose dvostruki\n   razmak (136 + 136 = 272 px izmjereno na demo-fotograf). Kad su na ISTOJ\n   plohi, granice nema pa je to samo praznina; zato se dodir stanjuje. *\/\n.entry-content .sgo-veliki + .sgo-veliki,.entry-content .sgo-srednji + .sgo-srednji{padding-top:calc(var(--sgo-razmak-m) * .62)}\n.entry-content .sgo-p-tonirana + .sgo-p-tonirana,.entry-content .sgo-p-obrnuta + .sgo-p-obrnuta{padding-top:calc(var(--sgo-razmak-m) * .5)}\n\/* Sekcija odmah iza fotografije preko cijele \u0161irine: slika je ve\u0107 predah, pa\n   puni razmak iznad naslova \u010dita se kao rupa. *\/\n.entry-content .sgo-traka-slika + .sgo-sek,.entry-content .sgo-pojas + .sgo-sek,.entry-content .sgo-vrpca + .sgo-sek{padding-top:calc(var(--sgo-razmak-m) * .72)}\n\/* JEDNA OKOMICA ZA CIJELU STRANICU.\n   Gutenbergov \"constrained\" layout svakom djetetu postavlja margin-inline:auto\n   s !important. Dijete kojem smo dali uzi max-width (naslov 14ch, uvod 60ch,\n   citat 22ch) time se centrira u punoj sirini, a nadnaslov (max-width:none)\n   ostaje lijevo. Izmjereno na demo-dental: nadnaslov 130px, H1 450px, uvod\n   381px \u2014 tri lijeva ruba u istom herou. To je ono sto stranicu cini\n   amaterskom prije bilo kakve boje ili fonta.\n   Uvlaka se racuna iz sirine sekcije, pa uske sekcije (cjenik, 760px) sjedaju\n   na istu okomicu kao siroke umjesto da odskacu prema sredini. Ispod 1180px\n   max() vraca 0 i sve se oslanja na padding sekcije. *\/\n.entry-content .sgo-sek > h1,.entry-content .sgo-sek > h2,.entry-content .sgo-sek > h3,\n.entry-content .sgo-sek > p,.entry-content .sgo-sek > .sgo-nad,\n.entry-content .sgo-sek > .sgo-napomena,.entry-content .sgo-sek > .sgo-red,\n.entry-content .sgo-sek > .wp-block-group__inner-container > h1,\n.entry-content .sgo-sek > .wp-block-group__inner-container > h2,\n.entry-content .sgo-sek > .wp-block-group__inner-container > h3,\n.entry-content .sgo-sek > .wp-block-group__inner-container > p,\n.entry-content .sgo-sek > .wp-block-group__inner-container > .sgo-nad,\n.entry-content .sgo-sek > .wp-block-group__inner-container > .sgo-red{\nmargin-left:max(0px,(100% - 1180px)\/2)!important;margin-right:auto!important}\n\/* Isti kvar jedan kat dublje: opis u kartici ima max-width (50ch), pa ga\n   constrained layout centrira UNUTAR kartice \u2014 naslov je sjedio uz lijevi rub,\n   a opis uvucen tridesetak piksela. Na sirokim karticama se to vidjelo kao\n   raspadnut raster. *\/\n.entry-content .sgo-kartica > *{margin-left:0!important;margin-right:auto!important}\n\/* Centrira se samo ono sto je izricito oznaceno kao centrirano. *\/\n.entry-content .has-text-align-center,\n.entry-content .sgo-kontakt > *,\n.entry-content .sgo-kontakt > .wp-block-group__inner-container > *{\nmargin-left:auto!important;margin-right:auto!important}\n\/* zaglavlje sekcije: nadnaslov i naslov lijevo, uvodna recenica desno i\n   poravnata po donjoj crti naslova. Asimetrija je tu namjerna \u2014 sve centrirano\n   je ono sto stranicu cini predloskom. *\/\n.entry-content .sgo-stupci{gap:0 clamp(28px,3.6vw,56px)}\n.entry-content .sgo-zaglavlje{gap:0 clamp(32px,5vw,72px);align-items:flex-end;margin-bottom:var(--sgo-unutar)}\n.entry-content .sgo-zaglavlje-solo{margin-bottom:var(--sgo-unutar)}\n\/* ZAGLAVLJE U REDU SA SADR\u017dAJEM \u2014 za sekcije s malo stavki (\u201eZa\u0161to nama\" s dva\n   razloga). Naslov ne tro\u0161i vlastiti red, pa se dvije kartice \u0161ire na 62 %\n   umjesto da svaka nosi \u010detvrtinu prazne sekcije.\n   Poravnanje po VRHU, ne po dnu: naslov i prva kartica moraju krenuti s iste\n   linije, ina\u010de naslov visi u sredini praznog stupca. *\/\n.entry-content .sgo-uzred{gap:0 clamp(32px,5vw,72px);align-items:flex-start}\n.entry-content .sgo-uzred > .wp-block-column > *{margin-left:0!important;margin-right:auto!important}\n@media (min-width:922px){.entry-content .sgo-uzred .sgo-nad p{margin-bottom:12px}}\n\/* Uvodna re\u010denica desno je dosad lebdjela bez uloge (\u201eSpreman za va\u0161u uspomenu\"\n   visio je uz desni rub bez ijedne veze s naslovom). Tanka crta iznad nje \u010dini\n   je drugim dijelom zaglavlja, a ne zalutalim tekstom. *\/\n.entry-content .sgo-zaglavlje p.sgo-vod{margin-bottom:0;padding:14px 0 4px;border-top:1px solid var(--sgo-linija);max-width:38ch}\n.entry-content .sgo-p-tonirana .sgo-zaglavlje p.sgo-vod{border-top-color:rgba(244,243,234,0.16)}\n.entry-content .sgo-p-obrnuta .sgo-zaglavlje p.sgo-vod{border-top-color:rgba(255,255,255,0.22)}\n.sgo-crta{height:1px;background:var(--sgo-linija);margin:0 0 var(--sgo-unutar-s);width:100%}\n\/* gumbi *\/\n.entry-content .wp-block-button__link{display:inline-block;font-family:var(--sgo-tijelo);font-weight:600;text-decoration:none;line-height:1.2;transition:background-color .18s ease,color .18s ease,border-color .18s ease,transform .16s cubic-bezier(.23,1,.32,1);border-radius:0;padding:17px 36px;font-size:13px;text-transform:uppercase;letter-spacing:.1em;font-weight:700;background:var(--sgo-akcent);color:#15140d;border:1px solid var(--sgo-akcent)}\n.entry-content .sgo-drugi .wp-block-button__link,.entry-content .wp-block-button.sgo-drugi .wp-block-button__link{display:inline-block;font-family:var(--sgo-tijelo);font-weight:600;text-decoration:none;line-height:1.2;transition:background-color .18s ease,color .18s ease,border-color .18s ease,transform .16s cubic-bezier(.23,1,.32,1);border-radius:0;padding:17px 32px;font-size:13px;text-transform:uppercase;letter-spacing:.1em;font-weight:700;background:transparent;border:1px solid var(--sgo-ink);color:var(--sgo-ink)}\n@media (hover:hover) and (pointer:fine){\n.entry-content .wp-block-button__link:hover{background:#d3c975;color:#15140d;border-color:transparent}\n.entry-content .sgo-drugi .wp-block-button__link:hover{background:rgba(244,243,234,0.12);color:var(--sgo-ink)}\n}\n.entry-content .wp-block-button__link:active{transform:scale(.97)}\n.entry-content .wp-block-button__link:focus-visible{outline:2px solid var(--sgo-akcent-tekst);outline-offset:3px}\n.sgo-akcije{gap:14px;margin-top:var(--sgo-unutar-s)}\n\/* Gumb ispod MRE\u017dE, ne ispod prve kartice. Dosad je stajao uz lijevi rub odmah\n   ispod prvog stupca pa se \u010ditao kao dio te kartice (\u201eSve usluge\" pod\n   \u201eVjen\u010danja\"). Crta preko cijele \u0161irine i sredina ga vra\u0107aju cijeloj sekciji. *\/\n.entry-content .sgo-mreza + .sgo-akcije,.entry-content .sgo-galerija + .sgo-akcije{\njustify-content:center;margin-top:var(--sgo-unutar);padding-top:var(--sgo-unutar-s);border-top:1px solid var(--sgo-linija)}\n.entry-content .sgo-p-tonirana .sgo-mreza + .sgo-akcije,.entry-content .sgo-p-tonirana .sgo-galerija + .sgo-akcije{border-top-color:rgba(244,243,234,0.16)}\n.entry-content .sgo-p-obrnuta .sgo-mreza + .sgo-akcije,.entry-content .sgo-p-obrnuta .sgo-galerija + .sgo-akcije{border-top-color:rgba(255,255,255,0.22)}\n\/* \u26a0\u26a0 FLOW RASPORED JEZGRE POMICE DJECU MREZE \u2014 najskuplja greska na stranici.\n   Grupe koje nose mrezu (\"sgo-mreza\", \"sgo-galerija\", \"sgo-preporuke\",\n   \"sgo-brojke\", \"sgo-fototraka\") deklarirane su kao layout:{type:\"default\"},\n   pa im jezgra generira \".wp-container-... > * + * {margin-block-start:24px}\".\n   U gridu se taj margin NE spaja sa susjedima nego POMAKNE svaku karticu osim\n   prve za 24 px prema dolje. Izmjereno na probnom salonu: kartica \u201e01 \u0160i\u0161anje\"\n   pocinje na y=152, \u201e02 Bojanje\" na y=176 \u2014 cetiri kartice u redu na dvije\n   razlicite visine, i to je tocno ono sto se vidi kao \u201ekartice nisu poravnate\"\n   i \u201ebrojevi 01\/02\/03 nisu u istoj liniji\". Isto je vrijedilo za galeriju.\n   Specificnost jezgre je (0,2,0); zato ovdje ide (0,3,0) \u2014 s .wp-block-group.\n   Razmak u mrezi nosi ISKLJUCIVO \"gap\", nikad margin. *\/\n.entry-content .wp-block-group.sgo-mreza > *,\n.entry-content .wp-block-group.sgo-galerija > *,\n.entry-content .wp-block-group.sgo-preporuke > *,\n.entry-content .wp-block-group.sgo-brojke > *,\n.entry-content .wp-block-group.sgo-sadrzaji-mreza > *,\n.entry-content .wp-block-group.sgo-fototraka > *{margin-block-start:0;margin-block-end:0}\n\/* Isti kvar u stupcima cjenika i jelovnika: svaki redak osim prvog dobivao je\n   24 px viska, pa je popis od sest stavki bio 144 px duzi nego sto treba i\n   desni stupac je uz njega izgledao jos praznije. Razmak retka je njegov\n   padding i crta ispod njega, ne naslijedeni razmak bloka. *\/\n.entry-content .wp-block-column > .sgo-red,.entry-content .sgo-red + .sgo-red{margin-block-start:0}\n\/* kartice: mreza od 12 stupaca s razlicitim rasponima, ne niz jednakih kartica.\n   \u26a0 \"align-items:start\" je bio pogresan: kartica koja ima kraci opis zavrsavala\n   je vise od susjede, pa je red imao raspadnut donji rub (izmjereno 77 px\n   razlike na probnoj konobi). Kartice u istom redu su jedan objekt i moraju\n   biti jednako visoke \u2014 razlika u duljini teksta ne smije se vidjeti kao\n   razlika u visini plohe. *\/\n.entry-content .sgo-mreza{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:clamp(22px,2.4vw,30px);align-items:stretch}\n.sgo-r3{grid-column:span 3}.sgo-r4{grid-column:span 4}.sgo-r6{grid-column:span 6}.sgo-r12{grid-column:span 12}\n\/* \u26a0 Karticu NE pretvarati u flex spremnik. Jezgra djeci constrained rasporeda\n   upisuje margin-inline:auto s !important; u flex stupcu je to auto margina u\n   POPRECNOJ osi, sto gasi rastezanje i dijete se skuplja na sirinu sadrzaja \u2014\n   kratak potpis bi se time centrirao usred kartice. Jednaku visinu daje vec\n   sam grid (align-items:stretch), pa flex ovdje nije ni potreban. Kartica s\n   fotografijom flex jest, ali samo zato sto joj isti blok djeci izricito\n   postavlja margin-left:0 i time neutralizira taj kvar. *\/\n.sgo-kartica{background:var(--sgo-kartica);border:1px solid var(--sgo-linija);border-radius:var(--sgo-radius);padding:32px 30px}\n\/* Tekst preuzima visak visine reda, pa fotografija i naslov ostaju na istoj\n   okomici u svim karticama reda. Samo za kartice koje su vec flex stupac. *\/\n.entry-content .sgo-kartica--medij > p:last-child{flex:1 0 auto}\n.sgo-kartica h3{margin-bottom:8px}\n.sgo-kartica p{color:var(--sgo-muted);font-size:15.5px;margin-bottom:0;max-width:44ch}\n.sgo-kartica.sgo-r6 h3{font-size:calc(1.2rem * 1.16)}\n.sgo-kartica.sgo-r6 p{font-size:16.5px;max-width:50ch}\n.sgo-kartica .sgo-broj{font-family:var(--sgo-naslov);font-size:13px;font-weight:700;letter-spacing:.14em;color:var(--sgo-akcent-tekst);margin:0 0 14px;max-width:none;font-variant-numeric:tabular-nums}\n\/* \u2500\u2500 KARTICA KOJA NOSI FOTOGRAFIJU \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n   Vlasnikova primjedba: \u201ekartice usluga nisu kartice \u2014 gola tipografija i\n   tanka crta\", a fotograf pritom nije imao nijednu fotografiju u uslugama\n   iako slike.js preuzme \u0161est do devet slika po stranici. Kad stavka ima\n   sliku, kartica prestaje biti tekst na mre\u017ei i postaje pravi objekt: medij\n   gore u omjeru 4:3, tijelo na plohi kartice. *\/\n.entry-content .sgo-kartica--medij{background:var(--sgo-kartica);border:1px solid var(--sgo-linija);\nborder-radius:0px;\npadding:0;overflow:hidden;display:flex;flex-direction:column;text-align:left;\ntransition:transform .22s cubic-bezier(.23,1,.32,1),box-shadow .22s cubic-bezier(.23,1,.32,1)}\n.entry-content .sgo-kartica--medij > *{padding-left:clamp(20px,1.8vw,26px);padding-right:clamp(20px,1.8vw,26px);margin-left:0!important;margin-right:auto!important}\n.entry-content .sgo-kartica--medij .sgo-kartica-medij{padding:0;margin:0}\n.entry-content .sgo-kartica--medij h3{margin-top:20px;margin-bottom:8px}\n.entry-content .sgo-kartica--medij p{padding-bottom:26px;margin-bottom:0;max-width:42ch}\n.entry-content .sgo-kartica--medij .sgo-broj{margin:18px 0 4px}\n.sgo-kartica-medij{margin:0;overflow:hidden;aspect-ratio:4\/3;background:var(--sgo-traka);display:block}\n\/* 500 ms na hoveru je bilo predugo: hover je radnja koja se vidi desetke puta\n   po posjetu, a preko 300 ms zumiranje kasni za pokazivacem. *\/\n.sgo-kartica-medij img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s cubic-bezier(.23,1,.32,1)}\n@media (hover:hover) and (pointer:fine){\n.entry-content .sgo-kartica--medij:hover .sgo-kartica-medij img{transform:scale(1.04)}\n\/* Kartica se pri prelasku mi\u0161em podigne \u2014 tri piksela, ne skok. Bez toga je\n   fotografija u kartici jedino \u0161to reagira, pa se kartica ne \u010dita kao cjelina.\n   Samo na ure\u0111ajima s pravim pokaziva\u010dem: na dodir bi ostala \u201ezaglavljena\"\n   u podignutom stanju do sljede\u0107eg dodira drugdje. *\/\n.entry-content .sgo-kartica--medij:hover,.entry-content .sgo-kartica--ploha:hover{transform:translateY(-3px);box-shadow:0 22px 52px rgba(0,0,0,.58)}\n}\n\/* Kad slike nema dovoljno za SVE stavke, kartica ipak ne smije ostati gola\n   crta: dobiva toniranu plohu i krupan broj. To je i dalje kartica. *\/\n.entry-content .sgo-kartica--ploha{background:var(--sgo-p-tonirana);border:0;border-radius:0px;padding:clamp(24px,2.4vw,32px) clamp(22px,2.2vw,28px);\ntransition:transform .22s cubic-bezier(.23,1,.32,1),box-shadow .22s cubic-bezier(.23,1,.32,1)}\n.entry-content .sgo-kartica--ploha,.entry-content .sgo-kartica--ploha h3{color:#f4f3ea}\n.entry-content .sgo-kartica--ploha p{color:#d7d7ce}\n.entry-content .sgo-kartica--ploha .sgo-broj{font-family:var(--sgo-naslov);font-size:clamp(30px,3vw,40px);font-weight:700;\nline-height:.9;letter-spacing:-.02em;color:#c0b548;margin:0 0 14px;width:auto;height:auto;background:none;border-radius:0;display:block}\n.entry-content .sgo-p-tonirana .sgo-kartica--ploha{background:var(--sgo-kartica)}\n.entry-content .sgo-p-tonirana .sgo-kartica--ploha,.entry-content .sgo-p-tonirana .sgo-kartica--ploha h3{color:var(--sgo-ink)}\n.entry-content .sgo-p-tonirana .sgo-kartica--ploha p{color:var(--sgo-muted)}\n.entry-content .sgo-p-tonirana .sgo-kartica--ploha .sgo-broj{color:var(--sgo-akcent-tekst)}\n\/* \u2500\u2500 TRAKA S BROJKAMA \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n   Ide samo kad brojka STVARNO postoji u podacima obrasca. Izmi\u0161ljena\n   \u201e15 godina iskustva\" je la\u017e koja bi oti\u0161la u \u017eivu klijentsku stranicu. *\/\n.entry-content .sgo-brojke{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:clamp(24px,3vw,48px);align-items:start}\n.sgo-brojka p{margin:0;max-width:none}\n.sgo-brojka .sgo-broj-v{font-family:var(--sgo-naslov);font-size:clamp(2.4rem,4.6vw,3.6rem);font-weight:700;\nline-height:.95;letter-spacing:-.03em;font-variant-numeric:tabular-nums;margin-bottom:6px}\n.sgo-brojka .sgo-broj-o{font-size:13px;letter-spacing:.14em;text-transform:uppercase;font-weight:600;color:#d7d7ce}\n.entry-content .sgo-p-obrnuta .sgo-brojka .sgo-broj-v{color:#ffffff}\n.entry-content .sgo-p-obrnuta .sgo-brojka .sgo-broj-o{color:#d5d5d5}\n\/* \u2500\u2500 PREPORUKE \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n   Isto pravilo: bez pravog izvora sekcija se ne generira. *\/\n\/* Tri preporuke razli\u010dite duljine u istom redu moraju biti jednako visoke \u2014\n   ina\u010de red izgleda kao tri nepovezane kartice. Jednaku visinu daje grid;\n   flex ovdje NE ide iz istog razloga kao kod kartica (auto margine jezgre bi\n   centrirale kratak potpis usred kartice). *\/\n.entry-content .sgo-preporuke{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:clamp(20px,2.4vw,32px);align-items:stretch}\n.sgo-preporuka{background:var(--sgo-kartica);border:1px solid var(--sgo-linija);border-radius:0px;padding:clamp(26px,2.6vw,34px)}\n.sgo-preporuka .sgo-rijec{font-family:var(--sgo-naslov);font-size:1.08rem;line-height:1.5;margin-bottom:18px;max-width:none}\n.sgo-preporuka .sgo-tko{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:#d7d7ce;margin:0;max-width:none;font-weight:600}\n\/* \u2500\u2500 SADR\u017dAJI \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n   \u201e\u0160to vas \u010deka\" kod smje\u0161taja: kratke stavke bez opisa. Mre\u017ea koja se sla\u017ee\n   po \u0161irini dr\u017ei red punim i pri tri i pri osam stavki, a svaka stavka dobiva\n   vlastitu crtu i oznaku u boji brenda \u2014 prije je to bio gol dvostup\u010dani\n   popis re\u010denica, jedina sekcija bez ikakvog oblika. *\/\n.entry-content .sgo-sadrzaji-mreza{display:grid;gap:clamp(14px,1.6vw,22px) clamp(20px,2.4vw,36px)}\n.entry-content .sgo-sm-3{grid-template-columns:repeat(3,minmax(0,1fr))}\n.entry-content .sgo-sm-4{grid-template-columns:repeat(4,minmax(0,1fr))}\n.entry-content .sgo-sm-5{grid-template-columns:repeat(5,minmax(0,1fr))}\n.entry-content .sgo-sadrzaj{border-top:1px solid var(--sgo-linija);padding:14px 0 0;display:flex;align-items:baseline;gap:12px}\n.entry-content .sgo-sadrzaj::before{content:\"\";flex:0 0 auto;width:7px;height:7px;border-radius:0;\nbackground:var(--sgo-akcent);transform:translateY(-2px)}\n.entry-content .sgo-sadrzaj p.sgo-stavka{margin:0;max-width:none;font-size:15.5px;font-weight:500}\n.entry-content .sgo-p-tonirana .sgo-sadrzaj{border-top-color:rgba(244,243,234,0.16)}\n.entry-content .sgo-p-tonirana .sgo-sadrzaj::before{background:#c0b548}\n.entry-content .sgo-p-obrnuta .sgo-sadrzaj{border-top-color:rgba(255,255,255,0.22)}\n.entry-content .sgo-p-obrnuta .sgo-sadrzaj::before{background:#dcd699}\n\/* \u2500\u2500 CTA TRAKA \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n   Obrnuta ploha prije podno\u017eja: zadnji jasan poziv, a ujedno i predah\n   izme\u0111u svijetlog sadr\u017eaja i tamnog kontakta. *\/\n.entry-content .sgo-cta-traka h2{max-width:22ch}\n.entry-content .sgo-cta-traka p.sgo-vod{max-width:54ch;border:0;padding:0}\n.entry-content .sgo-cta-traka .sgo-akcije{margin-top:var(--sgo-unutar)}\n\/* Gumbi sjede u drugom stupcu uz donji rub i dr\u017ee se desnog ruba trake \u2014\n   ina\u010de traka nosi sadr\u017eaj samo na lijevoj polovici. *\/\n@media (min-width:922px){\n.entry-content .sgo-cta-traka .sgo-stupci > .wp-block-column:last-child .sgo-akcije{justify-content:flex-end;margin-top:0}\n}\n\/* TRI SEKCIJE NE SMIJU IZGLEDATI ISTO.\n   Usluge, postupak i povjerenje su prije dijelile isti raster \u2014 broj, naslov,\n   sivi tekst, tri stupca \u2014 pa su se jedna ispod druge citale kao zid istoga.\n   Sadrzaj im je razlicit po prirodi (ponuda \/ slijed \/ razlozi), pa i tretman\n   mora biti razlicit. Sve ide preko sidara koja sekcije ionako imaju. *\/\n\/* POSTUPAK = slijed. Broj u kolutu, pa se cita kao korak, a ne kao kartica.\n   Kolut ostaje U TOKU, ne apsolutno pozicioniran: na stilovima s okvirom\n   kartica ima padding (30px), pa je apsolutni kolut na left:0 sjedao izvan\n   teksta i broj je bio pomaknut u odnosu na naslov. *\/\n.entry-content #postupak .sgo-kartica .sgo-broj{margin:0 0 14px;\nwidth:27px;height:27px;border-radius:999px;background:var(--sgo-akcent);color:var(--sgo-na-akcentu);\ndisplay:flex;align-items:center;justify-content:center;font-size:11.5px;font-weight:700;letter-spacing:0}\n\/* POVJERENJE = razlozi. Malo ih je, pa nose krupnu brojku i vecu mjeru teksta;\n   suprotno od gustog rastera usluga.\n   \u26a0 BROJKA IDE U BOJU BRENDA, ne u sivilo tinte. Racunata iz T.ink ispadala je\n   svijetlosiva (ukrasni prag je 3,2:1, ne 4,5), pa je najkrupniji element\n   sekcije bio ujedno i najbljedji \u2014 sekcija se citala kao ostatak stranice\n   koji je netko zaboravio oblikovati. Iz akcenta izlazi ista velicina, isti\n   prag, ali brojka pripada paleti stranice.\n   Ravni oblici kartice (gola) nemaju ni okvir ni plohu, pa razlog nema pocetak:\n   tri odlomka teksta razbacana po mrezi. Vlas iznad svakog razloga daje mu rub\n   i poravnava tri stupca po istoj liniji \u2014 isto rjesenje koje usluge vec imaju\n   na tim stilovima. *\/\n.entry-content #povjerenje .sgo-kartica .sgo-broj{font-size:clamp(40px,4.4vw,58px);\nfont-weight:700;line-height:.9;letter-spacing:-.02em;color:#726804;opacity:1;margin:0 0 12px}\n.entry-content #povjerenje .sgo-kartica h3{font-size:calc(1.2rem * 1.14)}\n.entry-content #povjerenje .sgo-kartica p{font-size:16px;max-width:34ch}\n\/* Postupak i povjerenje na drugoj plohi: crta koja spaja korake i kolut s\n   brojem moraju uzeti boje TE plohe, inace se kolut na obrnutoj plohi izgubi. *\/\n.entry-content #postupak.sgo-p-tonirana .sgo-mreza::before{background:rgba(244,243,234,0.16)}\n.entry-content #postupak.sgo-p-obrnuta .sgo-mreza::before{background:rgba(255,255,255,0.22)}\n.entry-content #postupak.sgo-p-obrnuta .sgo-kartica .sgo-broj{background:#ffffff;color:#5c5300}\n.entry-content #postupak.sgo-p-tonirana .sgo-kartica .sgo-broj{background:#c0b548;color:#433c00}\n.entry-content #povjerenje.sgo-p-obrnuta .sgo-kartica .sgo-broj{color:#b2ab67;opacity:1}\n\/* \u26a0 Podloga je TONIRANA PLOHA, ne ploha kartice: kartica na ovoj sekciji je\n   prozirna (oblik \u201egola\"\/\u201ecrta\"), pa se brojka crta izravno na toniranoj plohi.\n   Ra\u010dun protiv T.kartica dao je #908988 na #ffe2dd = 2,81:1 \u2014 izmjereno na\n   probnoj konobi, dakle ispod 3,0 koliko tra\u017ei i krupan tekst. *\/\n.entry-content #povjerenje.sgo-p-tonirana .sgo-kartica .sgo-broj{color:#978d30;opacity:1}\n\/* hero \u2014 cetiri rasporeda *\/\n.entry-content .sgo-hero-pokrivac{min-height:88vh;align-items:flex-end;padding-bottom:clamp(56px,7vw,104px)}\n\/* Preset boja iz jezgre (\"has-black-background-color\") pise background-color s\n   !important, pa je puna crna ostajala IZNAD naslage i hero fotografija se\n   uopce nije vidjela. Boja se mora izricito ponistiti, kratica \"background\" ne\n   pomaze. Gradijent, ne puna crna \u2014 fotografija mora ostati vidljiva. *\/\n\/* \u26a0 DVIJE zamke jezgre na istom elementu, obje mjerene na \u017eivoj stranici:\n   1. preset boje (\"has-black-background-color\") pi\u0161e background-color s\n      !important, pa je puna crna stajala IZNAD naslage i fotografija se nije\n      vidjela \u2014 boja se mora izri\u010dito poni\u0161titi, kratica \"background\" ne poma\u017ee;\n   2. \"has-background-dim-60\" postavlja opacity:.6 selektorom specifi\u010dnosti\n      (0,3,0), pa je na\u0161e opacity:1 (0,2,0) gubilo i cijeli gradijent je radio\n      na 60 % snage. Bijeli tekst je nad svijetlom fotografijom padao na 2,2:1\n      \u2014 daleko ispod AA. Zato selektor ispod ima \u010detiri klase. *\/\n.entry-content .sgo-hero-pokrivac .wp-block-cover__background.has-background-dim{background-color:transparent!important;background-image:linear-gradient(90deg,rgba(0,0,0,.72) 0%,rgba(0,0,0,.42) 42%,rgba(0,0,0,0) 76%),linear-gradient(180deg,rgba(0,0,0,.5) 0%,rgba(0,0,0,.18) 24%,rgba(0,0,0,.52) 58%,rgba(0,0,0,.9) 100%);opacity:1}\n\/* \u26a0 Astra postavlja boju odlomaka U POKRIVACU pravilom\n   \"body .wp-block-cover:not(.has-text-color.has-link-color) p\" \u2014 specificnost\n   (0,3,1), jer :not() nosi tezinu svog najjaceg argumenta. Nase\n   \".sgo-hero-pokrivac p.sgo-vod\" je (0,2,1) i gubilo je, pa su nadnaslov i\n   uvodna recenica na fotografiji bili TAMNI (boja --sgo-ink koju Astri sami\n   posaljemo kroz astra-settings). Naslov je bio bijel jer njega jezgra pusta\n   na \"inherit\". Rezultat: tamni tekst na tamnoj fotografiji, izmjereno 1:1.\n   Zato prefiks ispod ima cetiri klase \u2014 (0,4,1) nadjacava Astru bez !important. *\/\n.entry-content .wp-block-cover.sgo-hero-pokrivac .wp-block-cover__inner-container h1,.entry-content .wp-block-cover.sgo-hero-pokrivac .wp-block-cover__inner-container p{color:#fff}\n.entry-content .wp-block-cover.sgo-hero-pokrivac .wp-block-cover__inner-container .sgo-nad p{color:rgba(255,255,255,0.88)}\n.entry-content .wp-block-cover.sgo-hero-pokrivac .wp-block-cover__inner-container p.sgo-vod{color:rgba(255,255,255,0.94);text-shadow:0 1px 24px rgba(0,0,0,.5)}\n.entry-content .wp-block-cover.sgo-hero-pokrivac .wp-block-cover__inner-container h1{text-shadow:0 2px 40px rgba(0,0,0,.45)}\n.sgo-hero-pokrivac .wp-block-cover__inner-container{max-width:1180px;margin:0 auto;width:100%;padding:0 var(--sgo-rub)}\n.entry-content .wp-block-cover.sgo-hero-pokrivac .wp-block-cover__inner-container .sgo-meta p{color:rgba(255,255,255,0.82)}\n.sgo-hero-pokrivac .sgo-meta{border-color:rgba(255,255,255,0.28)}\n\/* Gumbi na fotografiji ne smiju nositi boje stila: tamni gumb editorial stila\n   nestao je u tamnoj fotografiji, a sporedni gumb s tankom tamnom crtom nije se\n   vidio uopce. Na pokrivacu vodi bijela ploha, a sporedni je bijeli obris. *\/\n.entry-content .sgo-hero-pokrivac .wp-block-button__link{background:#fff;color:#16130f;border:1px solid #fff}\n.entry-content .sgo-hero-pokrivac .sgo-drugi .wp-block-button__link{background:transparent;color:#fff;border:1px solid rgba(255,255,255,0.55)}\n@media (hover:hover) and (pointer:fine){\n.entry-content .sgo-hero-pokrivac .wp-block-button__link:hover{background:var(--sgo-akcent);color:var(--sgo-na-akcentu);border-color:var(--sgo-akcent)}\n.entry-content .sgo-hero-pokrivac .sgo-drugi .wp-block-button__link:hover{background:rgba(255,255,255,0.16);color:#fff;border-color:#fff}\n}\n\/* Naslov u hero stupcu ima na raspolaganju pola sirine, ne cijelu \u2014 zato mu je\n   skala nizom od naslova preko cijele sirine (pokrivac, traka).\n   \u26a0 ALI NIZE NE ZNACI JEDVA VECE OD NASLOVA SEKCIJE. Sa 4.2vw je h1 na 1280 px\n   ispadao 54 px, dok je h2 na istoj stranici 49 px \u2014 omjer 1,10, dakle hero se\n   citao kao jos jedan podnaslov. Izmjereno na demo-frizer (54\/49) i demo-dental\n   (54\/38). Premium predlosci drze h1 barem 1,35x veci od h2; ovdje je zato\n   5.3vw uz gornju granicu 4.7rem, sto na 1280 daje 68 px i omjer 1,39.\n   Donja granica ostaje niska (2.5rem) da najduza hrvatska i njemacka rijec\n   stane u stupac od 350 px na mobitelu \u2014 lom rijeci je vec pokriven\n   pravilom overflow-wrap:break-word na svim naslovima. *\/\n.entry-content .sgo-hero-podjela h1,.entry-content .sgo-hero-asimetrija h1{font-size:clamp(2.5rem,5.3vw,4.7rem)}\n.entry-content .sgo-hero-podjela .wp-block-columns{gap:0 clamp(36px,4.6vw,72px);align-items:center}\n.sgo-hero-podjela img{border-radius:var(--sgo-radius-slika);display:block;width:100%;height:auto;object-fit:cover;aspect-ratio:4\/5}\n\/* \u2500\u2500 ravnoteza stupaca u split heroju \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n   MJERENO na 1280 px: tekstualni stupac 295 px, fotografija 694 px \u2014 399 px\n   razlike (demo-vrtlar 373). Uspravni portret 4:5 na pola sirine kontejnera\n   (550 px) ispadne 688 px visok, a hero ima dva reda naslova i dva gumba.\n   Poravnanje po sredini je tu prazninu dijelilo na pola pa je ostajala rupa i\n   iznad i ispod teksta, a hero (934 px) vise nije stao u prvi zaslon.\n   Dvije mjere, obje bez diranja lucnog portreta:\n   1. fotografija dobiva gornju granicu visine vezanu uz zaslon, pa hero uvijek\n      stane iznad pregiba (58vh, najmanje 380 px, najvise 560 px). Sirina i rez\n      po sredini (object-fit:cover) ostaju, mijenja se samo koliko se vidi.\n   2. tekstualni stupac se rastegne na visinu fotografije, a meta redak (grad +\n      slogan s crtom iznad) se prilijepi za dno. Crta se time poravna s donjim\n      rubom fotografije \u2014 praznina prestaje biti rupa i postaje razmak izmedu\n      dva poravnata ruba. Automatski gornji rub na prvom djetetu drzi naslov u\n      optickoj sredini gornjeg dijela.\n   Rezultat: razlika stupaca 0 px na 1024, 1280 i 1440; hero 794 px umjesto 934.\n   Vrijedi samo od 922 px navise \u2014 nize su stupci jedan ispod drugoga. *\/\n@media (min-width:922px){\n.entry-content .sgo-hero-podjela .sgo-hero-slika img{max-height:clamp(380px,58vh,560px)}\n\/* padding-bottom izjednacava donji rub s fotografijom: stupac s fotografijom\n   nosi unutarnji rub od 16 px (nize), pa bi meta crta inace visila 16 px nize. *\/\n.entry-content .sgo-hero-podjela .wp-block-column:first-child{align-self:stretch;display:flex;flex-direction:column;justify-content:center;padding-bottom:16px}\n.entry-content .sgo-hero-podjela .wp-block-column:first-child > *:first-child{margin-top:auto}\n.entry-content .sgo-hero-podjela .wp-block-column:first-child > .sgo-meta{margin-top:auto;margin-bottom:0}\n}\n\/* asimetrija: 60\/40 s pomakom stupca i kutnom oznakom \u2014 okvirna crta koja\n   izlazi iz mreze je detalj koji stranicu odmakne od predloska. *\/\n.entry-content .sgo-hero-asimetrija .wp-block-columns{gap:0 clamp(32px,5vw,80px);align-items:flex-start}\n.sgo-hero-asimetrija .sgo-hero-medij{position:relative;margin-top:clamp(24px,6vw,88px)}\n.sgo-hero-asimetrija .sgo-hero-medij::before{content:\"\";position:absolute;left:calc(-1 * clamp(14px,1.8vw,30px));top:calc(-1 * clamp(14px,1.8vw,30px));width:52%;height:46%;border-left:1px solid var(--sgo-drugi);border-top:1px solid var(--sgo-drugi);opacity:.62;pointer-events:none}\n.sgo-hero-asimetrija img{border-radius:var(--sgo-radius-slika);display:block;width:100%;height:auto;object-fit:cover;aspect-ratio:3\/4}\n.entry-content .sgo-hero-traka h1{max-width:14ch}\n.entry-content .sgo-hero-traka.sgo-traka-slika{padding:0}\n.sgo-hero-traka .sgo-hero-pojas img{width:100%;height:auto;display:block;aspect-ratio:16\/6;object-fit:cover;border-radius:0}\n\/* \u2500\u2500 kartica za naru\u010divanje preko donjeg ruba hero fotografije \u2500\u2500\u2500\u2500\u2500\u2500\n   Klinike i ordinacije: termin je razlog posjeta, pa telefon i radno vrijeme\n   ne \u010dekaju podno\u017eje. Negativan gornji rub preklapa fotografiju \u2014 hero dobiva\n   sloj, a kartica sadr\u017ei SAMO podatke iz obrasca (generator je bez njih ne\n   ispi\u0161e). Boje su uloge kartice, pa kontrast dr\u017ei paleta. *\/\n.entry-content .sgo-hero-podjela .wp-block-image{margin:0}\n.entry-content .sgo-hero-kartica{position:relative;z-index:2;background:var(--sgo-kartica);\nborder:1px solid var(--sgo-rub-jaci);border-radius:0px;\nbox-shadow:0 18px 48px rgba(244,243,234,0.14);\npadding:clamp(18px,1.9vw,26px) clamp(20px,2vw,28px);margin:-58px clamp(14px,1.6vw,26px) 0;\ndisplay:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px clamp(16px,1.8vw,28px)}\n\/* Kad fotografija nosi karticu, rez ide bli\u017ee kvadratu: kartica mora stati u\n   prvi zaslon \u2014 ona je razlog za\u0161to ovaj hero nije samo slika. :has je ukras,\n   preglednik bez njega dobije puni 4:5 portret i ni\u0161ta nije slomljeno. *\/\n@media (min-width:922px){\n.entry-content .sgo-hero-podjela .sgo-hero-slika:has(+ .sgo-hero-kartica) img{aspect-ratio:1\/1}\n}\n.entry-content .sgo-hero-kartica .sgo-podatak{border-top:2px solid var(--sgo-akcent);padding-top:10px;margin:0}\n.entry-content .sgo-hero-kartica p{margin:0;font-size:15px;max-width:none;color:var(--sgo-ink)}\n.entry-content .sgo-hero-kartica p.sgo-oznaka{font-size:11px;letter-spacing:.14em;text-transform:uppercase;font-weight:600;color:#d7d7ce;margin-bottom:2px}\n.entry-content .sgo-hero-kartica a{color:inherit;display:inline-block;padding:10px 0;min-height:44px;\ntext-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}\n@media (max-width:600px){.entry-content .sgo-hero-kartica{grid-template-columns:1fr;margin:-40px 10px 0}}\n.sgo-meta{display:flex;flex-wrap:wrap;gap:0 clamp(20px,2.6vw,40px);margin-top:38px;border-top:1px solid var(--sgo-linija);padding-top:20px}\n.sgo-meta p{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:#d7d7ce;margin:0;max-width:none;font-weight:600}\n\/* Hero i naslov podstranice: visinu zaglavlja nosi .sgo-odmak, pa ovdje ide\n   samo gornji razmak sadrzaja. Zbroj oba je ono sto se vidi. *\/\n.entry-content .sgo-hero-vrh{padding-top:74px}\n.entry-content .sgo-vrh-strane{padding-bottom:52px}\n.sgo-vrh-strane h1{max-width:16ch}\n.entry-content .sgo-pojas{padding:0}\n.sgo-pojas img{width:100%;height:auto;display:block;aspect-ratio:21\/7;object-fit:cover;border-radius:0}\n@media (max-width:921px){.sgo-pojas img{aspect-ratio:16\/9}}\n\/* \u2500\u2500 VRPCA (traka usluga) \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n   Dvije primjedbe, obje to\u010dne:\n   1. \u201ere\u017ee rije\u010di na rubovima\" \u2014 traka je bila tvrdo odrezana, pa je izgledalo\n      kao da je tekst slu\u010dajno prekinut. Maska s prijelazom na oba ruba (15 %,\n      isto kao Squarespaceov \"fade-edges\") \u010dini rez namjernim: rije\u010d ne nestaje\n      naglo nego se stopi s plohom.\n   2. \u201epretamna je u odnosu na ostatak\" \u2014 traka je stajala na tinti, dakle\n      gotovo crnoj plohi usred svijetle stranice, i \u010ditala se kao strano tijelo.\n      Sada stoji na toniranoj plohi s vlasima gore i dolje: i dalje predah, ali\n      iz iste palete. Boje slova su one koje su za tu plohu i izra\u010dunate. *\/\n.sgo-vrpca{overflow:hidden;background:var(--sgo-p-tonirana);padding:16px 0;\nborder-top:1px solid rgba(244,243,234,0.16);border-bottom:1px solid rgba(244,243,234,0.16);\n-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 12%,#000 88%,transparent 100%);\nmask-image:linear-gradient(90deg,transparent 0,#000 12%,#000 88%,transparent 100%)}\n.sgo-vrpca span{display:inline-block;white-space:nowrap;font-family:var(--sgo-naslov);font-size:19px;text-transform:uppercase;letter-spacing:.12em;font-size:14px;font-weight:600;color:#f4f3ea;animation:sgo-tok 46s linear infinite}\n.sgo-vrpca b{color:#c0b548;font-weight:400;margin:0 22px}\n@keyframes sgo-tok{from{transform:translateX(0)}to{transform:translateX(-50%)}}\n\/* Vrpca se vrti beskonacno. Kad je izvan vidnog polja to je samo trosenje\n   baterije, pa je skripta pauzira preko ove klase. *\/\n.sgo-vrpca.sgo-stani span{animation-play-state:paused}\n@media (prefers-reduced-motion:reduce){.sgo-vrpca span{animation:none}}\n\/* \u2500\u2500 DVOKOLONSKI RETCI: stupci se moraju OPTI\u010cKI izjedna\u010diti \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n   Dva su kvara mjerena na \u017eivoj stranici i oba se vide kao \u201erupa\":\n   1. \u201eO nama\" \u2014 slika 430 px uz tekst 730 px, pa 300 px praznine u istom\n      retku. Slika sada prati visinu stupca (gore: height:100% + cover).\n   2. \u201eCjenik\" \u2014 lijevo osam redaka, desno tri retka teksta i 382 px ni\u010dega.\n      Napomena zato ide na PLOHU koja se raste\u017ee na visinu stupca: prazan\n      prostor time pripada kartici i \u010dita se kao mirna ploha, a ne kao rupa.\n   Stupci ovdje NE smiju biti centrirani ni poravnati po dnu \u2014 samo rastegnuti.\n   Premium predlo\u0161ci to rade isto (Elementor: align-self:stretch + height:100%\n   na mediju); nijedna od pet pregledanih referenci ne koristi sticky. *\/\n.entry-content #o-nama .wp-block-columns,.entry-content #cjenik .wp-block-columns{align-items:stretch}\n@media (min-width:782px){\n\/* Kad je tekst KRA\u0106I od fotografije, ostatak visine ne smije pasti u jedan\n   komad ispod teksta \u2014 tada je to rupa. Centriranjem se isti piksel podijeli\n   iznad i ispod, pa se \u010dita kao mirna margina i stupci se opti\u010dki izjedna\u010de.\n   \u26a0 margin-left:0 \/ margin-right:auto na djeci je OBAVEZNO: ako jezgra stupcu\n   ikad doda constrained raspored, njezine auto margine su u flex stupcu\n   popre\u010dne, gase rastezanje i centriraju kratak naslov po sredini stupca. *\/\n.entry-content #o-nama .wp-block-column:not(:has(.sgo-slika-uz-tekst)){display:flex;flex-direction:column;justify-content:center}\n.entry-content #o-nama .wp-block-column:not(:has(.sgo-slika-uz-tekst)) > *{margin-left:0!important;margin-right:auto!important;width:100%}\n}\n.entry-content .sgo-napomena-ploca{background:var(--sgo-kartica);border:1px solid var(--sgo-linija);\nborder-radius:0px;padding:clamp(24px,2.4vw,32px) clamp(22px,2.2vw,28px);\nheight:100%;display:flex;flex-direction:column;justify-content:center}\n\/* \u26a0 Ne gasiti razmak svoj djeci pa ga vra\u0107ati klasom: reset (0,2,0) nadja\u010dao bi\n   pravilo \"sgo-napomena-broj \/ margin-top:14px\" (0,1,0) i odlomci bi se slijepili.\n   Razmak se zato ne gasi nego ZAMJENJUJE \u2014 jednim pravilom, na istom mjestu. *\/\n.entry-content .sgo-napomena-ploca > *{max-width:none}\n.entry-content .sgo-napomena-ploca > * + *{margin-block-start:16px}\n.entry-content .sgo-napomena-ploca .sgo-napomena{margin-top:0;color:#d7d7ce}\n.entry-content .sgo-p-tonirana .sgo-napomena-ploca{border-color:rgba(244,243,234,0.16)}\n.entry-content .sgo-p-obrnuta .sgo-napomena-ploca{background:#675f12;border-color:rgba(255,255,255,0.22)}\n@media (max-width:781px){\n.entry-content .sgo-napomena-ploca{height:auto;margin-top:var(--sgo-unutar-s)}\n}\n\/* cjenik i jelovnik *\/\n.sgo-red{display:flex;justify-content:space-between;align-items:baseline;gap:18px;padding:clamp(13px,1.3vw,17px) 0;border-bottom:1px solid var(--sgo-linija)}\n.sgo-red p{margin:0;max-width:none}\n.sgo-red .sgo-stavka{font-weight:600;font-size:16px}\n.sgo-red .sgo-cijena{font-family:var(--sgo-naslov);font-weight:600;color:var(--sgo-akcent-tekst);white-space:nowrap;font-size:16px;font-variant-numeric:tabular-nums}\n\/* Vodilica izme\u0111u stavke i cijene \u2014 na 750 px \u0161irine bez nje oko izgubi vezu\n   naziva i iznosa, a prazan pojas po sredini retka izgleda kao gre\u0161ka u slogu.\n   Ide samo retku koji STVARNO ima cijenu (sadr\u017eaji su isti blok bez iznosa).\n   currentColor prati plohu, pa vodilica nikad ne ispadne iz palete. *\/\n.entry-content .sgo-red:has(.sgo-cijena){gap:14px}\n.entry-content .sgo-red:has(.sgo-cijena)::after{content:\"\";order:2;flex:1 1 32px;min-width:32px;\nborder-bottom:1px dotted currentColor;opacity:.34;align-self:flex-end;margin-bottom:7px}\n.entry-content .sgo-red .sgo-stavka{order:1}\n.entry-content .sgo-red .sgo-cijena{order:3}\n.entry-content .sgo-jelovnik .wp-block-columns{gap:0 clamp(32px,4.4vw,72px)}\n.sgo-napomena{font-size:13.5px;color:#d7d7ce;margin-top:24px;max-width:56ch}\n.sgo-napomena-broj{font-size:15px;margin-top:14px;max-width:40ch;font-weight:600}\n\/* Vodoravni padding ovdje NE ide: inline-block s 2 px sa strane odgurne to\u010dku\n   iza broja i re\u010denica zavr\u0161i s razmakom prije to\u010dke. Meta je 44 px po visini. *\/\n.entry-content .sgo-napomena-broj a{color:inherit;display:inline-block;padding:12px 0;\ntext-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}\n\/* citat *\/\n.sgo-citat p{font-family:var(--sgo-naslov);font-size:clamp(1.6rem,3.2vw,2.6rem);line-height:1.26;color:var(--sgo-ink);max-width:22ch;font-weight:700;letter-spacing:-.015em}\n.sgo-citat .sgo-potpis{font-family:var(--sgo-tijelo);font-style:normal;font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:#d7d7ce;margin-top:28px;max-width:none;font-weight:600}\n\/* \u2500\u2500 GALERIJA: mozaik s \u010cISTIM rasterom \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n   Prije je SVAKA \u0107elija nosila vlastiti omjer, pa su dvije \u0107elije u istom redu\n   dobivale dvije razli\u010dite visine \u2014 \u0161iroka 4\/6 \u0161irine u 16:10 je 488 px,\n   uspravna 2\/6 \u0161irine u 3:4 je 509 px. Red se sizira po vi\u0161oj, ni\u017ea ostavi\n   prazan pojas ispod sebe i mre\u017ea se raspadne (izmjereno 21 px na probnom\n   salonu, a na u\u017eim zaslonima i vi\u0161e jer razlika ovisi o razmaku).\n   Omjer i \u0161irina se ne mogu oba zadati a da visine ispadnu jednake.\n   Zato u MJE\u0160OVITOM redu omjer nosi TO\u010cNO JEDNA \u0107elija (uvijek \"sirok\"), a\n   njezin susjed nema omjer nego se raste\u017ee na visinu reda (align-self stretch\n   je zadano u gridu). Visine su time jednake po konstrukciji \u2014 ne ovise ni o\n   razmaku ni o \u0161irini zaslona. Redovi u kojima su sve \u0107elije jednako \u0161iroke\n   (\"trecina\" \u00d73, \"pola\" \u00d72) omjer zadr\u017eavaju jer im je visina ionako jednaka. *\/\n.entry-content .sgo-galerija{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:clamp(10px,1.3vw,18px);align-items:stretch}\n.sgo-galerija figure{margin:0;overflow:hidden;border-radius:var(--sgo-radius-slika);position:relative;min-height:0}\n.sgo-galerija img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .35s cubic-bezier(.23,1,.32,1)}\n.sgo-galerija figure{box-shadow:0 18px 44px rgba(0,0,0,.52)}\n@media (hover:hover) and (pointer:fine){.sgo-galerija figure:hover img{transform:scale(1.04)}}\n\/* nosi omjer reda *\/\n.sgo-g-sirok{grid-column:span 4;aspect-ratio:16\/9}\n\/* raste\u017eu se na red \u2014 bez omjera, uz donju granicu da ne mogu propasti na 0\n   ako se ikad na\u0111u same u redu *\/\n.sgo-g-uspravan,.sgo-g-visok{grid-column:span 2;aspect-ratio:auto;height:100%;min-height:clamp(240px,24vw,360px)}\n\/* jednako \u0161iroke \u0107elije: omjer je siguran *\/\n.sgo-g-pola{grid-column:span 3;aspect-ratio:3\/2}\n.sgo-g-pojas{grid-column:span 6;aspect-ratio:21\/8}\n.sgo-g-trecina{grid-column:span 2;aspect-ratio:4\/3}\n\/* Fotografija uz tekst: omjer je DONJA granica, ne tvrda visina. Kad je tekst\n   uz nju du\u017ei, slika prati stupac (retku vi\u0161e nema rupu); kad je kra\u0107i, omjer\n   dr\u017ei kadar. Bez ovoga je \u201eO nama\" imalo sliku od 430 px uz tekst od 730 px\n   i 300 px praznine u istom retku. *\/\n.sgo-slika-uz-tekst{margin:0;height:100%}\n.sgo-slika-uz-tekst img{width:100%;height:100%;min-height:clamp(300px,30vw,440px);display:block;border-radius:var(--sgo-radius-slika);object-fit:cover;box-shadow:0 18px 44px rgba(0,0,0,.52)}\n\/* Jezgra sla\u017ee stupce jedan ispod drugoga na 781 px. Ondje \u201evisina stupca\"\n   vi\u0161e ne postoji, pa se slika vra\u0107a na svoj omjer \u2014 ina\u010de bi na mobitelu\n   ostala visoka koliko i cijeli tekst ispod nje. *\/\n@media (max-width:781px){\n.entry-content .sgo-slika-uz-tekst,.entry-content .sgo-slika-uz-tekst img{height:auto;min-height:0}\n.entry-content .sgo-slika-uz-tekst img{aspect-ratio:5\/4}\n}\n\/* kontakt *\/\n.entry-content .sgo-kontakt{background:var(--sgo-ink);padding-bottom:52px}\n.sgo-kontakt h2,.sgo-kontakt p{color:#101010}\n.sgo-kontakt .sgo-nad p{color:#6b6100}\n.sgo-kontakt p.sgo-vod{color:rgba(16,16,16,0.82)}\n.entry-content .sgo-kontakt .wp-block-button__link{background:#101010;color:#f4f3ea;border-color:#101010}\n.entry-content .sgo-kontakt .sgo-drugi .wp-block-button__link{background:transparent;color:#101010;border-color:rgba(16,16,16,0.42)}\n\/* Podaci u dva stupca s ozna\u010denim redovima. Prije je ovo bio jedan flex red s\n   tri re\u010denice visok 70 px nasuprot 300 px lijevog stupca \u2014 ostatak praznina. *\/\n.sgo-podaci{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--sgo-unutar-s) clamp(20px,2.4vw,40px);margin-top:26px}\n\/* Jezgra svakom djetetu \"flow\" rasporeda dodaje margin-block-start:24px; u\n   mrezi bi se to zbrojilo s gapom i redovi bi se razisli. *\/\n.sgo-podaci > *{margin:0}\n.sgo-podatak{border-top:1px solid rgba(16,16,16,0.22);padding-top:12px}\n.sgo-podaci p{margin:0;font-size:15px;max-width:none}\n.sgo-podaci p.sgo-oznaka{font-size:11.5px;letter-spacing:.14em;text-transform:uppercase;font-weight:600;\ncolor:rgba(16,16,16,0.72);margin-bottom:2px}\n\/* Telefon i e-posta su prava dodirna meta, ne ukras u odlomku: bez ovoga su\n   bile visoke 20 px, dakle upola manje od minimuma za prst. *\/\n.entry-content .sgo-podaci a{color:inherit;display:inline-block;padding:12px 2px;min-height:44px;min-width:44px;\ntext-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px;\ntext-decoration-color:rgba(16,16,16,0.4)}\n@media (hover:hover) and (pointer:fine){.entry-content .sgo-podaci a:hover{text-decoration-color:#101010}}\n\/* podno\u017eje\n   \u26a0 \".sgo-podnozje *\" ima specificnost (0,1,0) i GUBI od \".entry-content h3\" i\n   \".entry-content p\" (0,1,1). Zato su naslovi i odlomci u podnozju bili tamni na\n   tamnom \u2014 dakle nevidljivi, a da nista nije prijavilo gresku. Svako pravilo\n   ispod mora imati barem dvije klase. *\/\n.entry-content .sgo-podnozje{background:#050502;padding:clamp(56px,6vw,80px) var(--sgo-rub) 44px}\n.entry-content .sgo-podnozje,.entry-content .sgo-podnozje h3,.entry-content .sgo-podnozje p,.entry-content .sgo-podnozje a{color:#ffffff}\n.entry-content .sgo-podnozje .sgo-tiho{color:rgba(255,255,255,0.66);font-size:13px}\n.entry-content .sgo-podnozje h3{font-size:1rem;margin-bottom:14px;letter-spacing:.02em}\n.entry-content .sgo-podnozje p{margin:0 0 2px;font-size:14.5px;max-width:40ch}\n\/* Poveznice u podno\u017eju su \u010desto jedini put do podstranica na mobitelu bez\n   JS-a, pa moraju biti dodirljive: 44 px visine kroz razmak, ne kroz slog. *\/\n\/* Izmjereno 43 px na 390 px: 11 px podstave uz redak od 20 px. Jedan piksel\n   ispod minimuma i dalje je ispod minimuma \u2014 meta mora biti punih 44 px. *\/\n\/* min-width jer kratka rijec (\u201eCjenik\") daje metu siroku 43 px. *\/\n.entry-content .sgo-podnozje p a{text-decoration:none;display:inline-block;padding:12px 0;min-height:44px;min-width:44px;border-bottom:1px solid transparent;line-height:1.35}\n@media (hover:hover) and (pointer:fine){.entry-content .sgo-podnozje p a:hover{border-bottom-color:currentColor}}\n.entry-content .sgo-podnozje .sgo-stupci{gap:clamp(28px,3vw,56px) clamp(28px,3.6vw,56px)}\n.entry-content .sgo-podnozje h3{opacity:.62;font-size:12px;letter-spacing:.16em;text-transform:uppercase;font-family:var(--sgo-tijelo);font-weight:600}\n.entry-content .sgo-podnozje .sgo-stupac-znak h3{opacity:1;font-size:1.15rem;letter-spacing:0;text-transform:none;font-family:var(--sgo-naslov);font-weight:600}\n\/* Donji red podnozja ide u vlastitu grupu: .sgo-crta i copyright su prije bili\n   izravna djeca, pa im je kratica margin gasila margin-inline:auto iz\n   constrained rasporeda i crta je bjezala 80px lijevo od stupaca iznad. *\/\n.entry-content .sgo-podnozje .sgo-crta{background:rgba(255,255,255,0.18);margin:clamp(40px,4vw,56px) 0 24px}\n.entry-content .sgo-podnozje .sgo-dno p,.entry-content .sgo-podnozje .sgo-izrada{max-width:none}\n\/* potpis izrade: znak WordPressa + Simplex Digital *\/\n.sgo-podnozje .sgo-izrada{display:flex;align-items:center;justify-content:center;gap:9px;\nmargin:22px 0 0;padding-top:18px;border-top:1px solid rgba(255,255,255,0.16);\nfont-size:13px;max-width:none;color:rgba(255,255,255,0.72)}\n.sgo-podnozje .sgo-izrada .sgo-wp-znak{width:17px;height:17px;flex:0 0 auto;opacity:.85}\n.sgo-podnozje .sgo-izrada a{text-decoration:underline;text-underline-offset:2px;font-weight:600;\ncolor:#ffffff}\n.sgo-podnozje .sgo-izrada a:hover{color:var(--sgo-akcent-obrnuto)}\n@media (max-width:600px){.sgo-podnozje .sgo-izrada{flex-wrap:wrap;text-align:center;font-size:12.5px}}\n\/* stanja. Namjerno \":user-invalid\", ne \":invalid\": \":invalid\" pogada prazna\n   obavezna polja vec pri ucitavanju, pa obrazac docekuje crvenim prije nego\n   je itko i\u0161ta upisao. *\/\n.entry-content .sgo-uspjeh{color:var(--sgo-uspjeh)}\n.entry-content .sgo-greska{color:var(--sgo-greska)}\n.entry-content input:user-invalid,.entry-content textarea:user-invalid,.entry-content select:user-invalid{border-color:var(--sgo-greska);outline-color:var(--sgo-greska)}\n.entry-content input:user-valid,.entry-content textarea:user-valid{border-color:var(--sgo-uspjeh)}\n::selection{background:var(--sgo-akcent);color:var(--sgo-na-akcentu)}\n\/* \u2500\u2500 zaglavlje i navigacija \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n\/* Astrino zaglavlje i podnozje zamjenjujemo vlastitima. Selektor #ast-scroll-top je\n   Astrin gumb \u201ena vrh\" koji je stajao TOCNO ispod naseg \u2014 dva gumba na istom\n   mjestu, jedan preko drugog. *\/\n#masthead,#colophon,#ast-scroll-top{display:none!important}\n\/* Astrino zaglavlje ostaje u dokumentu (WP izbornik se i dalje stvara), a\n   njegove poveznice nose \"transition:all\". Skriveni element ne crta, ali\n   deklaracija svejedno stoji u stablu \u2014 gasi se da provjera prijelaza ne\n   prijavljuje nesto sto stranica nikad ne animira. *\/\n#masthead *,#colophon *{transition:none!important}\n\/* Astra stavlja \"transition:all\" na #page i na preskocnu poveznicu. \"all\"\n   znaci da bi se animirala i visina i razmak, dakle raspored \u2014 a to je\n   jedina vrsta prijelaza koja stvarno moze srusiti kadrove. *\/\n#page,.site-content,.entry-content,.skip-link{transition:none!important}\n\/* Astra: \".secondary a *,.site-footer a *,.site-header a *,a{transition:all .2s}\".\n   \"all\" znaci da bi se animiralo i ono sto mijenja raspored (visina, sirina,\n   razmak) cim se promijeni \u2014 jedina vrsta prijelaza koja stvarno rusi kadrove.\n   Gasi se svugdje gdje mi sami ne deklariramo prijelaz; gumbi, izbornik i\n   ladica svoje deklariraju nize, s vlastitim popisom svojstava. *\/\n.entry-content a:not([class]),.entry-content a *,.sgo-glava-in,.sgo-znak,\n.sgo-ladica-nav a,.sgo-ladica-noga a,.sgo-podnozje a,.sgo-podaci a{transition:none}\n.sgo-glava *,.sgo-ladica *{transition-property:none}\n\/* Astrina presko\u010dna poveznica pi\u0161e \u201eSkip to content\" \u2014 engleski niz na hrvatskoj\n   stranici, i drugi po redu uz na\u0161 \u201ePrije\u0111i na sadr\u017eaj\". Ostaje samo na\u0161. *\/\n.skip-link.screen-reader-text{display:none!important}\n\/* \u26a0 Astra podcrtava SVE poveznice u sadrzaju pravilom\n   \".ast-single-post .entry-content a\" (specificnost 0,2,1). Nase \".sgo-nav a\"\n   je (0,1,1) i gubi, pa je svaka stavka izbornika bila podcrtana i zaglavlje je\n   izgledalo kao popis poveznica, a ne kao izbornik. Ovdje se izjednacava\n   specificnost \u2014 nas <style> je u tijelu, dakle iza Astrinog, pa pobjeduje. *\/\n.entry-content .sgo-glava a,.entry-content .sgo-ladica a,.entry-content .sgo-podnozje a,.entry-content .sgo-podaci a,.entry-content a.sgo-preskoci{text-decoration:none}\n.sgo-glava{position:fixed;top:0;left:0;right:0;z-index:95;height:var(--sgo-glava-h);display:flex;align-items:center;\nbackground:var(--sgo-bg);border-bottom:1px solid transparent;color:var(--sgo-ink);\n\/* backdrop-filter je namjerno IZVAN prijelaza: animiranje filtra tra\u017ei novi\n   sloj svaki kadar i na slabijem mobitelu vidi se kao trzaj pri kretanju. *\/\ntransition:background-color .26s ease,border-color .26s ease,color .26s ease}\n.sgo-glava-in{width:100%;max-width:1180px;margin:0 auto;padding:0 var(--sgo-rub);display:flex;align-items:center;gap:clamp(16px,2.4vw,36px)}\n.sgo-znak{display:inline-flex;align-items:center;min-height:44px;font-family:var(--sgo-naslov);font-size:19px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:inherit;text-decoration:none;margin-right:auto;white-space:nowrap;line-height:1}\n.sgo-znak:focus-visible,.sgo-nav a:focus-visible,.sgo-burger:focus-visible,.sgo-ladica a:focus-visible{outline:2px solid currentColor;outline-offset:4px}\n.sgo-nav{display:flex;align-items:center;gap:clamp(16px,2.2vw,32px)}\n.sgo-nav a{position:relative;font-family:var(--sgo-tijelo);font-size:13.5px;font-weight:500;letter-spacing:.02em;text-decoration:none;color:inherit;opacity:.76;padding:13px 0;transition:opacity .18s ease}\n.sgo-nav a::after{content:\"\";position:absolute;left:0;right:0;bottom:7px;height:1px;background:currentColor;transform:scaleX(0);transform-origin:left center;transition:transform .22s cubic-bezier(.23,1,.32,1)}\n@media (hover:hover) and (pointer:fine){.sgo-nav a:hover{opacity:1}.sgo-nav a:hover::after{transform:scaleX(1)}}\n.sgo-nav a[aria-current]{opacity:1}\n.sgo-nav a[aria-current]::after{transform:scaleX(1)}\n.sgo-glava-cta{font-family:var(--sgo-tijelo);font-size:13px;font-weight:600;letter-spacing:.02em;text-decoration:none;color:inherit;\nborder:1px solid currentColor;border-radius:0;padding:12px 20px;white-space:nowrap;transition:background-color .18s ease,color .18s ease}\n@media (hover:hover) and (pointer:fine){.sgo-glava-cta:hover{background:var(--sgo-akcent);border-color:var(--sgo-akcent);color:var(--sgo-na-akcentu)}}\n.sgo-glava.sgo-fiks{background:var(--sgo-glava-bg);border-bottom-color:var(--sgo-linija);backdrop-filter:saturate(150%) blur(14px);-webkit-backdrop-filter:saturate(150%) blur(14px)}\n.sgo-odmak{height:var(--sgo-glava-h)}\n\/* preskoci na sadrzaj \u2014 prva tipka za tipkovnicu, nevidljiva misu *\/\n.sgo-preskoci{position:fixed;left:8px;top:8px;z-index:120;background:var(--sgo-ink);color:#101010;padding:12px 20px;text-decoration:none;font-size:14px;transform:translateY(-160%);transition:transform .18s cubic-bezier(.23,1,.32,1)}\n.sgo-preskoci:focus{transform:none}\n.sgo-burger{display:none;width:44px;height:44px;min-width:44px;align-items:center;justify-content:center;\nbackground:transparent;border:0;padding:0;cursor:pointer;color:inherit;-webkit-appearance:none;appearance:none}\n.sgo-burger i{display:block;width:22px;height:1.5px;background:currentColor;position:relative;transition:transform .24s cubic-bezier(.23,1,.32,1),opacity .18s ease}\n.sgo-burger i::before,.sgo-burger i::after{content:\"\";position:absolute;left:0;width:22px;height:1.5px;background:currentColor;transition:transform .24s cubic-bezier(.23,1,.32,1)}\n.sgo-burger i::before{top:-7px}.sgo-burger i::after{top:7px}\n.sgo-burger[aria-expanded=\"true\"] i{background:transparent}\n.sgo-burger[aria-expanded=\"true\"] i::before{transform:translateY(7px) rotate(45deg)}\n.sgo-burger[aria-expanded=\"true\"] i::after{transform:translateY(-7px) rotate(-45deg)}\n.sgo-ladica{display:none}\n.sgo-js .sgo-ladica{display:block;position:fixed;inset:0;z-index:90;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .24s ease,visibility .24s}\n.sgo-js .sgo-ladica.sgo-otvorena{opacity:1;visibility:visible;pointer-events:auto}\n.sgo-zastor{position:absolute;inset:0;background:rgba(0,0,0,.44)}\n.sgo-ladica-ploca{position:absolute;left:0;right:0;top:0;background:var(--sgo-bg);border-bottom:1px solid var(--sgo-linija);\npadding:calc(var(--sgo-glava-h) + 12px) var(--sgo-rub) 32px;max-height:100dvh;overflow-y:auto;\ntransform:translateY(-10px);transition:transform .26s cubic-bezier(.32,.72,0,1)}\n.sgo-ladica.sgo-otvorena .sgo-ladica-ploca{transform:none}\n.sgo-ladica-nav{display:flex;flex-direction:column}\n.sgo-ladica-nav a{font-family:var(--sgo-naslov);font-size:clamp(1.5rem,7vw,2rem);font-weight:700;letter-spacing:-.02em;\ncolor:var(--sgo-ink);text-decoration:none;padding:14px 0;min-height:52px;display:flex;align-items:center;justify-content:space-between;\nborder-bottom:1px solid var(--sgo-linija)}\n.sgo-ladica-nav a[aria-current]{color:var(--sgo-akcent-tekst)}\n.sgo-ladica-nav a span{font-family:var(--sgo-tijelo);font-size:11px;letter-spacing:.2em;color:var(--sgo-muted);font-weight:600}\n.sgo-ladica-noga{margin-top:28px;display:flex;flex-direction:column;gap:10px}\n.sgo-ladica-noga a{color:var(--sgo-ink);text-decoration:none;font-size:15px;min-height:44px;display:flex;align-items:center;gap:10px}\n.sgo-ladica-noga .sgo-tiho{color:#d7d7ce;font-size:12px;letter-spacing:.16em;text-transform:uppercase;margin:0}\n\/* gumb \u201ena vrh\": isti oblik i boja kao glavni gumb stila. Skriven dok se ne\n   otklize 600px, pa ne pokriva sadrzaj na kratkim zaslonima. *\/\n.sgo-vrh{position:fixed;right:clamp(16px,3vw,28px);bottom:clamp(16px,3vw,28px);z-index:88;\nwidth:48px;height:48px;padding:0;display:flex;align-items:center;justify-content:center;\nborder-radius:0;background:var(--sgo-akcent);color:#15140d;border:1px solid var(--sgo-akcent);cursor:pointer;-webkit-appearance:none;appearance:none;\nopacity:0;visibility:hidden;transform:translateY(12px);\ntransition:opacity .24s ease,transform .24s cubic-bezier(.23,1,.32,1),visibility .24s,background-color .18s ease,color .18s ease}\n.sgo-vrh svg{width:18px;height:18px;display:block}\n.sgo-vrh.sgo-vidljiv{opacity:1;visibility:visible;transform:none}\n.sgo-vrh:active{transform:scale(.94)}\n.sgo-vrh:focus-visible{outline:2px solid var(--sgo-akcent-tekst);outline-offset:3px}\n@media (max-width:921px){.sgo-vrh{width:44px;height:44px;right:16px;bottom:calc(16px + env(safe-area-inset-bottom,0px))}}\n\/* \u2500\u2500 pokret \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n   Klasu .sgo-anim postavlja JS, ne HTML: bez JS-a sadrzaj mora biti vidljiv,\n   a ne zauvijek proziran. Pomak je 14px i jedna krivulja za cijelu stranicu.\n   Trajanje je 300 ms: sucelje se ne smije animirati duze od 300 ms, a 360 ms\n   se pri klizanju vec osjeca kao kasnjenje sadrzaja za prstom.\n   Animiraju se ISKLJUCIVO transform i opacity \u2014 oba preskacu raspored i\n   crtanje, pa pojavljivanje ne moze srusiti kadrove ni na slabom telefonu. *\/\n.sgo-anim{opacity:0;transform:translateY(14px);transition:opacity .3s cubic-bezier(.23,1,.32,1),transform .3s cubic-bezier(.23,1,.32,1)}\n.sgo-anim.sgo-vid{opacity:1;transform:none}\n@media print{.sgo-anim{opacity:1;transform:none}}\n@media (prefers-reduced-motion:reduce){\n.sgo-anim,.sgo-anim.sgo-vid{opacity:1;transform:none;transition:none}\n.sgo-glava,.sgo-ladica,.sgo-ladica-ploca,.sgo-vrh,.sgo-burger i,.sgo-burger i::before,.sgo-burger i::after,\n.sgo-galerija img,.sgo-preskoci,.sgo-kartica-medij img{transition:none}\n\/* pomak pri pritisku je jedini preostali pokret \u2014 i on ide van *\/\n.entry-content .wp-block-button__link:active,.sgo-vrh:active{transform:none}\n}\n@media (max-width:921px){\n.entry-content .sgo-veliki{padding-top:48px;padding-bottom:36px}\n.entry-content .sgo-srednji{padding-top:40px;padding-bottom:28px}\n.entry-content .sgo-mali{padding-top:32px;padding-bottom:24px}\n.entry-content .sgo-hero-pokrivac{min-height:78vh}\n.entry-content .sgo-hero-pokrivac .wp-block-cover__background.has-background-dim{background-image:linear-gradient(180deg,rgba(0,0,0,.56) 0%,rgba(0,0,0,.26) 24%,rgba(0,0,0,.6) 58%,rgba(0,0,0,.92) 100%)}\n\/* Ispod 922 px stupci se sla\u017eu jedan ispod drugoga, pa naslov vi\u0161e NEMA pola\n   \u0161irine \u2014 razlog zbog kojeg mu je skala sni\u017eena time otpada. Vra\u0107a se puna\n   skala stila, ista kojom se slu\u017ee pokriva\u010d i traka. Bez ovoga je mobilni\n   hero salona bio 36 px uz naslov sekcije od 31 px (omjer 1,16), dakle isti\n   nedostatak hijerarhije koji je ispravljen na stolnom rasporedu. *\/\n.entry-content .sgo-hero-podjela h1,.entry-content .sgo-hero-asimetrija h1{font-size:clamp(2.7rem,6.2vw,5rem)}\n.sgo-hero-podjela img,.sgo-hero-asimetrija img{aspect-ratio:4\/3}\n.sgo-hero-asimetrija .sgo-hero-medij{margin-top:32px}\n.sgo-hero-traka .sgo-hero-pojas img{aspect-ratio:16\/10}\n.sgo-akcije{gap:10px}\n.entry-content .wp-block-button__link{padding-left:24px;padding-right:24px}\n.sgo-podaci{gap:14px 20px}\n.sgo-red{gap:12px}\n.sgo-nav,.sgo-glava-cta{display:none}\n.sgo-burger{display:flex}\n.entry-content .sgo-mreza{grid-template-columns:repeat(2,minmax(0,1fr))}\n.sgo-r3,.sgo-r4,.sgo-r6,.sgo-r12{grid-column:span 1}\n\/* Neparan broj kartica na dva stupca ostavlja rupu u zadnjem redu \u2014 isti\n   mrtav prostor kao na stolnom rasporedu, samo uzi. Zadnja kartica zato\n   preuzme cijeli red, a njen medij prijedje na 16:9 da ne naraste u zid. *\/\n.entry-content .sgo-mreza > .sgo-kartica:last-child:nth-child(odd){grid-column:span 2}\n.entry-content .sgo-mreza > .sgo-kartica--medij:last-child:nth-child(odd) .sgo-kartica-medij{aspect-ratio:16\/9}\n.entry-content .sgo-galerija{grid-template-columns:repeat(2,minmax(0,1fr))}\n\/* Na dva stupca su parovi jednako \u0161iroki, pa omjer smiju nositi SVE \u0107elije \u2014\n   i moraju ga nositi, jer se uspravna ovdje zna na\u0107i sama u redu i bez omjera\n   bi propala na visinu susjeda odnosno na 0. *\/\n.sgo-g-sirok,.sgo-g-pojas{grid-column:span 2;aspect-ratio:16\/10;height:auto;min-height:0}\n.sgo-g-uspravan,.sgo-g-pola,.sgo-g-trecina,.sgo-g-visok{grid-column:span 1;aspect-ratio:3\/4;height:auto;min-height:0}\n.entry-content .sgo-brojke{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 24px}\n\/* Pet stupaca sadr\u017eaja na 390 px daje \u0107eliju od 60 px \u2014 tekst se lomi na jednu\n   rije\u010d po retku. Do 921 px uvijek dva stupca, ispod 600 px jedan. *\/\n.entry-content .sgo-sm-3,.entry-content .sgo-sm-4,.entry-content .sgo-sm-5{grid-template-columns:repeat(2,minmax(0,1fr))}\n.entry-content .sgo-preporuke{grid-template-columns:1fr}\n.entry-content .sgo-zaglavlje p.sgo-vod{max-width:none}\n}\n@media (max-width:600px){\n.entry-content .sgo-mreza{grid-template-columns:1fr}\n.sgo-r3,.sgo-r4,.sgo-r6,.sgo-r12{grid-column:span 1}\n\/* \u26a0\u26a0 DVIJE OD PET KARTICA BILE SU \u0160IROKE 2 px NA MOBITELU \u2014 kartica je bila\n   na stranici, ali je nitko nije mogao ni vidjeti ni pro\u010ditati.\n   Pravilo \u201ezadnja neparna kartica preuzme cijeli red\" iznad vrijedi za DVA\n   stupca (do 921px) i ondje je ispravno. Ovdje je stupac JEDAN, pa raspon od\n   dva stupca tra\u017ei drugi stupac kojeg nema \u2014 grid ga stvori kao implicitni.\n   Izmjereno na autoservisu (390 px): grid-template-columns je ispao\n   \u201e2px 326px\", a kartice su se rasporedile [2, 326, 2, 326, 350] \u2014 \u201eIzmjena\n   ulja\" i \u201eKo\u010dnice\" stisnute na 2 px. Isto na povjerenju: [152, 176, 350],\n   gdje se opis lomio na jednu rije\u010d po retku.\n   Pravilo .sgo-r* iznad to NE gasi: ono je (0,1,0), a pravilo koje postavlja\n   raspon je (0,4,0) i pobje\u0111uje bez obzira na redoslijed. Reset zato mora\n   nositi ISTU specifi\u010dnost i do\u0107i kasnije. *\/\n.entry-content .sgo-mreza > .sgo-kartica:last-child:nth-child(odd){grid-column:span 1}\n\/* Uz jedan stupac su sve kartice jednako \u0161iroke, pa i zadnja mora nositi isti\n   omjer medija \u2014 16:9 samo na njoj \u010dita se kao gre\u0161ka u nizu. *\/\n.entry-content .sgo-mreza > .sgo-kartica--medij:last-child:nth-child(odd) .sgo-kartica-medij{aspect-ratio:4\/3}\n.entry-content .sgo-galerija{grid-template-columns:1fr}\n\/* Jedan stupac: svaka fotografija je sama u redu, pa sve dijele ISTI omjer \u2014\n   niz kadrova razli\u010ditih visina jedan ispod drugoga je ono \u0161to na mobitelu\n   izgleda kao da je stranica slo\u017eena slu\u010dajno. *\/\n.sgo-g-sirok,.sgo-g-pojas,.sgo-g-uspravan,.sgo-g-pola,.sgo-g-trecina,.sgo-g-visok{grid-column:span 1;aspect-ratio:4\/3;height:auto;min-height:0}\n.sgo-meta{gap:6px 20px}\n\/* E-po\u0161ta u pola od 390 px se lomi na pola rije\u010di \u2014 na mobitelu jedan stupac. *\/\n.sgo-podaci{grid-template-columns:1fr}\n.entry-content .sgo-brojke{grid-template-columns:repeat(2,minmax(0,1fr))}\n}<\/style><script>document.documentElement.className+=\" sgo-js\";<\/script><a class=\"sgo-preskoci\" href=\"#sgo-sadrzaj\">Prije\u0111i na sadr\u017eaj<\/a><header class=\"sgo-glava\" id=\"sgo-glava\"><div class=\"sgo-glava-in\"><a class=\"sgo-znak\" href=\"https:\/\/go.simplexdigital.hr\/demo-elektricar\/\">Elektro Novak<\/a><nav class=\"sgo-nav\" aria-label=\"Glavni izbornik\"><a href=\"https:\/\/go.simplexdigital.hr\/demo-elektricar\/\">Po\u010detna<\/a><a href=\"#usluge\">Usluge<\/a><a href=\"#o-nama\">O nama<\/a><a href=\"#galerija\">Galerija<\/a><a href=\"#kontakt\">Kontakt<\/a><\/nav><a class=\"sgo-glava-cta\" href=\"tel:+385910000000\">Nazovite<\/a><button class=\"sgo-burger\" type=\"button\" aria-expanded=\"false\" aria-controls=\"sgo-ladica\" aria-label=\"Otvori izbornik\"><i><\/i><\/button><\/div><\/header><div class=\"sgo-ladica\" id=\"sgo-ladica\"><div class=\"sgo-zastor\"><\/div><div class=\"sgo-ladica-ploca\"><nav class=\"sgo-ladica-nav\" aria-label=\"Izbornik\"><a href=\"https:\/\/go.simplexdigital.hr\/demo-elektricar\/\">Po\u010detna<span>01<\/span><\/a><a href=\"#usluge\">Usluge<span>02<\/span><\/a><a href=\"#o-nama\">O nama<span>03<\/span><\/a><a href=\"#galerija\">Galerija<span>04<\/span><\/a><a href=\"#kontakt\">Kontakt<span>05<\/span><\/a><\/nav><div class=\"sgo-ladica-noga\"><p class=\"sgo-tiho\">Kontakt<\/p><a href=\"tel:+385910000000\">091 000 0000<\/a><\/div><\/div><\/div><span id=\"sgo-sadrzaj\"><\/span><div class=\"sgo-odmak\" aria-hidden=\"true\"><\/div><div class=\"wp-block-group alignfull sgo-sek sgo-veliki sgo-hero-asimetrija sgo-hero-vrh is-layout-constrained wp-container-core-group-is-layout-3736cbc1 wp-block-group-is-layout-constrained\"><div class=\"wp-block-columns sgo-stupci is-layout-flex wp-container-core-columns-is-layout-7387b849 wp-block-columns-is-layout-flex\"><div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:60%\"><div class=\"wp-block-group sgo-nad is-layout-constrained wp-block-group-is-layout-constrained\"><p class=\"wp-block-paragraph\">Elektri\u010darske usluge \u00b7 Vinkovci<\/p><\/div><h1 class=\"wp-block-heading\">Pouzdan elektri\u010dar za sve Va\u0161e potrebe.<\/h1><p class=\"sgo-vod wp-block-paragraph\">Osiguravamo ispravne elektri\u010dne instalacije i brzo otklanjanje kvarova. Javite nam se za procjenu ili hitnu intervenciju.<\/p><div class=\"wp-block-buttons sgo-akcije is-content-justification-left is-layout-flex wp-container-core-buttons-is-layout-b192c3d7 wp-block-buttons-is-layout-flex\"><div class=\"wp-block-button\"><a class=\"wp-block-button__link wp-element-button\" href=\"#kontakt\">Zatra\u017eite besplatnu procjenu<\/a><\/div><div class=\"wp-block-button sgo-drugi\"><a class=\"wp-block-button__link wp-element-button\" href=\"#usluge\">Pogledajte usluge<\/a><\/div><\/div><div class=\"wp-block-group sgo-meta is-layout-flex wp-block-group-is-layout-flex\"><p class=\"wp-block-paragraph\">Vinkovci<\/p><p class=\"wp-block-paragraph\">Sigurna rje\u0161enja za Va\u0161 dom i posao.<\/p><\/div><\/div><div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:40%\"><div class=\"wp-block-group sgo-hero-medij is-layout-constrained wp-block-group-is-layout-constrained\"><figure class=\"wp-block-image size-full sgo-hero-slika\"><img src=\"https:\/\/go.simplexdigital.hr\/demo-elektricar\/wp-content\/uploads\/sites\/137\/2026\/08\/sgo-slika-demo-elektricar-0-701254-1787950207991.webp\" alt=\"elektri\u010dar \u2014 Elektro Novak\" width=\"1600\" height=\"900\" fetchpriority=\"high\" decoding=\"async\"\/><\/figure><\/div><\/div><\/div><\/div><div class=\"sgo-vrpca\"><span>Instalacije<b>\u00b7<\/b>Kvarovi<b>\u00b7<\/b>Rasvjeta<b>\u00b7<\/b>Ormari\u0107i<b>\u00b7<\/b>Instalacije<b>\u00b7<\/b>Kvarovi<b>\u00b7<\/b>Rasvjeta<b>\u00b7<\/b>Ormari\u0107i<b>\u00b7<\/b><\/span><\/div><div id=\"o-nama\" class=\"wp-block-group alignfull sgo-sek sgo-veliki is-layout-constrained wp-container-core-group-is-layout-3736cbc1 wp-block-group-is-layout-constrained\"><div class=\"wp-block-group sgo-crta is-layout-constrained wp-block-group-is-layout-constrained\"><\/div><div class=\"wp-block-columns sgo-stupci is-layout-flex wp-container-core-columns-is-layout-7387b849 wp-block-columns-is-layout-flex\"><div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:56%\"><div class=\"wp-block-group sgo-nad is-layout-constrained wp-block-group-is-layout-constrained\"><p class=\"wp-block-paragraph\"><span class=\"sgo-rb\">01<\/span>O nama<\/p><\/div><h2 class=\"wp-block-heading\">Profesionalne elektri\u010darske usluge<\/h2><p class=\"sgo-vod wp-block-paragraph\">Elektro Novak u Vinkovcima pru\u017ea profesionalne elektri\u010darske usluge. Od instalacija do hitnih popravaka, osiguravamo sigurnost i funkcionalnost Va\u0161eg elektri\u010dnog sustava. Radimo s pa\u017enjom i precizno\u0161\u0107u.<\/p><p class=\"wp-block-paragraph\">Svaki projekt zapo\u010dinjemo detaljnim pregledom i planiranjem, koriste\u0107i certificirane materijale i alate. Radimo u\u010dinkovito i \u010disto, osiguravaju\u0107i da je svaki zadatak obavljen prema najvi\u0161im sigurnosnim standardima.<\/p><\/div><div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:44%\"><figure class=\"wp-block-image size-full sgo-slika-uz-tekst\"><img src=\"https:\/\/go.simplexdigital.hr\/demo-elektricar\/wp-content\/uploads\/sites\/137\/2026\/08\/sgo-slika-demo-elektricar-1-701254-1787950211867.webp\" alt=\"Elektro Novak \u2014 elektri\u010dar\" width=\"1200\" height=\"800\" loading=\"lazy\" decoding=\"async\"\/><\/figure><\/div><\/div><\/div><div id=\"galerija\" class=\"wp-block-group alignfull sgo-sek sgo-srednji sgo-p-tonirana is-layout-constrained wp-container-core-group-is-layout-3736cbc1 wp-block-group-is-layout-constrained\"><div class=\"wp-block-group sgo-crta is-layout-constrained wp-block-group-is-layout-constrained\"><\/div><div class=\"wp-block-columns sgo-stupci sgo-zaglavlje are-vertically-aligned-bottom is-layout-flex wp-container-core-columns-is-layout-7387b849 wp-block-columns-is-layout-flex\"><div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:58%\"><div class=\"wp-block-group sgo-nad is-layout-constrained wp-block-group-is-layout-constrained\"><p class=\"wp-block-paragraph\"><span class=\"sgo-rb\">02<\/span>Iz na\u0161e prakse<\/p><\/div><h2 class=\"wp-block-heading\">Radovi<\/h2><\/div><div class=\"wp-block-column is-vertically-aligned-bottom is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:42%\"><p class=\"sgo-vod wp-block-paragraph\">elektri\u010dar \u00b7 Vinkovci<\/p><\/div><\/div><div class=\"wp-block-group sgo-galerija is-layout-flow wp-block-group-is-layout-flow\"><figure class=\"wp-block-image size-large sgo-g-sirok\"><img src=\"https:\/\/go.simplexdigital.hr\/demo-elektricar\/wp-content\/uploads\/sites\/137\/2026\/08\/sgo-slika-demo-elektricar-6-701254-1787950259395.webp\" alt=\"elektri\u010dar\" width=\"900\" height=\"600\" loading=\"lazy\" decoding=\"async\"\/><\/figure><figure class=\"wp-block-image size-large sgo-g-uspravan\"><img src=\"https:\/\/go.simplexdigital.hr\/demo-elektricar\/wp-content\/uploads\/sites\/137\/2026\/08\/sgo-slika-demo-elektricar-7-701254-1787950261671.webp\" alt=\"elektri\u010dar\" width=\"900\" height=\"600\" loading=\"lazy\" decoding=\"async\"\/><\/figure><figure class=\"wp-block-image size-large sgo-g-pojas\"><img src=\"https:\/\/go.simplexdigital.hr\/demo-elektricar\/wp-content\/uploads\/sites\/137\/2026\/08\/sgo-slika-demo-elektricar-8-701254-1787950264771.webp\" alt=\"elektri\u010dar\" width=\"900\" height=\"600\" loading=\"lazy\" decoding=\"async\"\/><\/figure><\/div><\/div><div id=\"usluge\" class=\"wp-block-group alignfull sgo-sek sgo-veliki is-layout-constrained wp-container-core-group-is-layout-3736cbc1 wp-block-group-is-layout-constrained\"><div class=\"wp-block-group sgo-crta is-layout-constrained wp-block-group-is-layout-constrained\"><\/div><div class=\"wp-block-columns sgo-stupci sgo-zaglavlje are-vertically-aligned-bottom is-layout-flex wp-container-core-columns-is-layout-7387b849 wp-block-columns-is-layout-flex\"><div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:58%\"><div class=\"wp-block-group sgo-nad is-layout-constrained wp-block-group-is-layout-constrained\"><p class=\"wp-block-paragraph\"><span class=\"sgo-rb\">03<\/span>\u0160to radimo<\/p><\/div><h2 class=\"wp-block-heading\">Na\u0161e usluge<\/h2><\/div><div class=\"wp-block-column is-vertically-aligned-bottom is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:42%\"><p class=\"sgo-vod wp-block-paragraph\">4 usluge koje naj\u010de\u0161\u0107e tra\u017eite.<\/p><\/div><\/div><div class=\"wp-block-group sgo-mreza is-layout-flow wp-block-group-is-layout-flow\"><div class=\"wp-block-group sgo-kartica sgo-r3 sgo-kartica--medij is-layout-constrained wp-block-group-is-layout-constrained\"><figure class=\"wp-block-image size-large sgo-kartica-medij\"><img src=\"https:\/\/go.simplexdigital.hr\/demo-elektricar\/wp-content\/uploads\/sites\/137\/2026\/08\/sgo-slika-demo-elektricar-4-701254-1787950255193.webp\" alt=\"Instalacije\" width=\"900\" height=\"600\" loading=\"lazy\" decoding=\"async\"\/><\/figure><h3 class=\"wp-block-heading\">Instalacije<\/h3><p class=\"wp-block-paragraph\">Izvodimo nove elektri\u010dne instalacije u stambenim i poslovnim objektima. Planiramo i postavljamo cijeli sustav prema va\u017ee\u0107im standardima.<\/p><\/div><div class=\"wp-block-group sgo-kartica sgo-r3 sgo-kartica--medij is-layout-constrained wp-block-group-is-layout-constrained\"><figure class=\"wp-block-image size-large sgo-kartica-medij\"><img src=\"https:\/\/go.simplexdigital.hr\/demo-elektricar\/wp-content\/uploads\/sites\/137\/2026\/08\/sgo-slika-demo-elektricar-5-701254-1787950257294.webp\" alt=\"Kvarovi\" width=\"900\" height=\"600\" loading=\"lazy\" decoding=\"async\"\/><\/figure><h3 class=\"wp-block-heading\">Kvarovi<\/h3><p class=\"wp-block-paragraph\">Brzo pronalazimo i otklanjamo sve vrste elektri\u010dnih kvarova. Vra\u0107amo funkcionalnost Va\u0161em sustavu u najkra\u0107em mogu\u0107em roku.<\/p><\/div><div class=\"wp-block-group sgo-kartica sgo-r3 sgo-kartica--medij is-layout-constrained wp-block-group-is-layout-constrained\"><figure class=\"wp-block-image size-large sgo-kartica-medij\"><img src=\"https:\/\/go.simplexdigital.hr\/demo-elektricar\/wp-content\/uploads\/sites\/137\/2026\/08\/sgo-slika-demo-elektricar-2-701254-1787950236050.webp\" alt=\"Rasvjeta\" width=\"900\" height=\"600\" loading=\"lazy\" decoding=\"async\"\/><\/figure><h3 class=\"wp-block-heading\">Rasvjeta<\/h3><p class=\"wp-block-paragraph\">Postavljamo unutarnju i vanjsku rasvjetu za domove i poslovne prostore. Poma\u017eemo Vam odabrati optimalna rje\u0161enja za \u017eeljeni ugo\u0111aj i funkcionalnost.<\/p><\/div><div class=\"wp-block-group sgo-kartica sgo-r3 sgo-kartica--medij is-layout-constrained wp-block-group-is-layout-constrained\"><figure class=\"wp-block-image size-large sgo-kartica-medij\"><img src=\"https:\/\/go.simplexdigital.hr\/demo-elektricar\/wp-content\/uploads\/sites\/137\/2026\/08\/sgo-slika-demo-elektricar-3-701254-1787950250457.webp\" alt=\"Ormari\u0107i\" width=\"900\" height=\"600\" loading=\"lazy\" decoding=\"async\"\/><\/figure><h3 class=\"wp-block-heading\">Ormari\u0107i<\/h3><p class=\"wp-block-paragraph\">Montiramo i servisiramo elektri\u010dne razvodne ormari\u0107e. Osiguravamo pravilan rad i sigurnost cijelog sustava.<\/p><\/div><\/div><\/div><div id=\"postupak\" class=\"wp-block-group alignfull sgo-sek sgo-srednji sgo-p-tonirana is-layout-constrained wp-container-core-group-is-layout-3736cbc1 wp-block-group-is-layout-constrained\"><div class=\"wp-block-group sgo-crta is-layout-constrained wp-block-group-is-layout-constrained\"><\/div><div class=\"wp-block-columns sgo-stupci sgo-zaglavlje are-vertically-aligned-bottom is-layout-flex wp-container-core-columns-is-layout-7387b849 wp-block-columns-is-layout-flex\"><div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:58%\"><div class=\"wp-block-group sgo-nad is-layout-constrained wp-block-group-is-layout-constrained\"><p class=\"wp-block-paragraph\"><span class=\"sgo-rb\">04<\/span>Kako radimo<\/p><\/div><h2 class=\"wp-block-heading\">Od poziva do gotovog posla<\/h2><\/div><div class=\"wp-block-column is-vertically-aligned-bottom is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:42%\"><p class=\"sgo-vod wp-block-paragraph\">Znate unaprijed \u0161to slijedi i koliko traje.<\/p><\/div><\/div><div class=\"wp-block-group sgo-mreza is-layout-flow wp-block-group-is-layout-flow\"><div class=\"wp-block-group sgo-kartica sgo-r3 is-layout-constrained wp-block-group-is-layout-constrained\"><p class=\"sgo-broj wp-block-paragraph\">01<\/p><h3 class=\"wp-block-heading\">Kontakt i dogovor<\/h3><p class=\"wp-block-paragraph\">Javite nam se telefonom ili putem obrasca. Dogovorit \u0107emo termin za pregled i procjenu radova.<\/p><\/div><div class=\"wp-block-group sgo-kartica sgo-r3 is-layout-constrained wp-block-group-is-layout-constrained\"><p class=\"sgo-broj wp-block-paragraph\">02<\/p><h3 class=\"wp-block-heading\">Pregled i procjena<\/h3><p class=\"wp-block-paragraph\">Dolazimo na lokaciju kako bismo procijenili opseg posla. Dobit \u0107ete detaljnu ponudu.<\/p><\/div><div class=\"wp-block-group sgo-kartica sgo-r3 is-layout-constrained wp-block-group-is-layout-constrained\"><p class=\"sgo-broj wp-block-paragraph\">03<\/p><h3 class=\"wp-block-heading\">Izvedba radova<\/h3><p class=\"wp-block-paragraph\">Nakon dogovora, zapo\u010dinjemo s radovima. Koristimo provjerene materijale i alate.<\/p><\/div><div class=\"wp-block-group sgo-kartica sgo-r3 is-layout-constrained wp-block-group-is-layout-constrained\"><p class=\"sgo-broj wp-block-paragraph\">04<\/p><h3 class=\"wp-block-heading\">Provjera i testiranje<\/h3><p class=\"wp-block-paragraph\">Po zavr\u0161etku, testiramo sve instalacije. Osiguravamo ispravan i siguran rad sustava.<\/p><\/div><\/div><\/div><div id=\"povjerenje\" class=\"wp-block-group alignfull sgo-sek sgo-srednji is-layout-constrained wp-container-core-group-is-layout-3736cbc1 wp-block-group-is-layout-constrained\"><div class=\"wp-block-group sgo-crta is-layout-constrained wp-block-group-is-layout-constrained\"><\/div><div class=\"wp-block-group sgo-zaglavlje-solo is-layout-flow wp-block-group-is-layout-flow\"><div class=\"wp-block-group sgo-nad is-layout-constrained wp-block-group-is-layout-constrained\"><p class=\"wp-block-paragraph\"><span class=\"sgo-rb\">05<\/span>Za\u0161to nama<\/p><\/div><h2 class=\"wp-block-heading\">Na \u0161to mo\u017eete ra\u010dunati<\/h2><\/div><div class=\"wp-block-group sgo-mreza is-layout-flow wp-block-group-is-layout-flow\"><div class=\"wp-block-group sgo-kartica sgo-r4 is-layout-constrained wp-block-group-is-layout-constrained\"><p class=\"sgo-broj wp-block-paragraph\">01<\/p><h3 class=\"wp-block-heading\">Certificirani elektri\u010dari<\/h3><p class=\"wp-block-paragraph\">Na\u0161 tim \u010dine iskusni i certificirani elektri\u010dari. Posjedujemo potrebne licence za sve vrste radova.<\/p><\/div><div class=\"wp-block-group sgo-kartica sgo-r4 is-layout-constrained wp-block-group-is-layout-constrained\"><p class=\"sgo-broj wp-block-paragraph\">02<\/p><h3 class=\"wp-block-heading\">Kvalitetni materijali<\/h3><p class=\"wp-block-paragraph\">Koristimo isklju\u010divo atestirane materijale i opremu. Osiguravamo dugotrajnost i pouzdanost instalacija.<\/p><\/div><div class=\"wp-block-group sgo-kartica sgo-r4 is-layout-constrained wp-block-group-is-layout-constrained\"><p class=\"sgo-broj wp-block-paragraph\">03<\/p><h3 class=\"wp-block-heading\">Garancija na radove<\/h3><p class=\"wp-block-paragraph\">Dajemo garanciju na sve obavljene radove. Stojimo iza kvalitete na\u0161ih usluga.<\/p><\/div><\/div><\/div><div class=\"wp-block-group alignfull sgo-sek sgo-srednji sgo-p-obrnuta sgo-cta-traka is-layout-constrained wp-container-core-group-is-layout-3736cbc1 wp-block-group-is-layout-constrained\"><div class=\"wp-block-columns sgo-stupci are-vertically-aligned-bottom is-layout-flex wp-container-core-columns-is-layout-7387b849 wp-block-columns-is-layout-flex\"><div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:58%\"><div class=\"wp-block-group sgo-nad is-layout-constrained wp-block-group-is-layout-constrained\"><p class=\"wp-block-paragraph\">Sljede\u0107i korak<\/p><\/div><h2 class=\"wp-block-heading\">Sigurna rje\u0161enja za Va\u0161 dom i posao.<\/h2><\/div><div class=\"wp-block-column is-vertically-aligned-bottom is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:42%\"><div class=\"wp-block-buttons sgo-akcije is-content-justification-left is-layout-flex wp-container-core-buttons-is-layout-b192c3d7 wp-block-buttons-is-layout-flex\"><div class=\"wp-block-button\"><a class=\"wp-block-button__link wp-element-button\" href=\"tel:+385910000000\">Nazovite 091 000 0000<\/a><\/div><div class=\"wp-block-button sgo-drugi\"><a class=\"wp-block-button__link wp-element-button\" href=\"#kontakt\">Po\u0161aljite upit<\/a><\/div><\/div><\/div><\/div><\/div><div id=\"kontakt\" class=\"wp-block-group alignfull sgo-sek sgo-veliki sgo-kontakt is-layout-constrained wp-container-core-group-is-layout-3736cbc1 wp-block-group-is-layout-constrained\"><div class=\"wp-block-columns sgo-stupci are-vertically-aligned-bottom is-layout-flex wp-container-core-columns-is-layout-7387b849 wp-block-columns-is-layout-flex\"><div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:58%\"><div class=\"wp-block-group sgo-nad is-layout-constrained wp-block-group-is-layout-constrained\"><p class=\"wp-block-paragraph\"><span class=\"sgo-rb\">06<\/span>Kontakt<\/p><\/div><h2 class=\"wp-block-heading\">Javite nam se<\/h2><p class=\"sgo-vod wp-block-paragraph\">Ako imate pitanja ili trebate elektri\u010darske usluge, slobodno nas kontaktirajte. Rado \u0107emo Vam pomo\u0107i s Va\u0161im projektom ili hitnom intervencijom.<\/p><div class=\"wp-block-buttons sgo-akcije is-content-justification-left is-layout-flex wp-container-core-buttons-is-layout-b192c3d7 wp-block-buttons-is-layout-flex\"><div class=\"wp-block-button\"><a class=\"wp-block-button__link wp-element-button\" href=\"tel:+385910000000\">Nazovite nas<\/a><\/div><div class=\"wp-block-button sgo-drugi\"><a class=\"wp-block-button__link wp-element-button\" href=\"#sgo-obrazac\">Po\u0161aljite upit<\/a><\/div><\/div><p class=\"sgo-privola\">Kad nas nazovete ili nam pi\u0161ete, va\u0161 broj, adresu i poruku koristimo samo da vam odgovorimo na upit. Vi\u0161e u <a href=\"https:\/\/go.simplexdigital.hr\/demo-elektricar\/zastita-podataka\/\">Za\u0161titi podataka<\/a>.<\/p><\/div><div class=\"wp-block-column is-vertically-aligned-bottom is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:42%\"><div class=\"wp-block-group sgo-podaci is-layout-flow wp-block-group-is-layout-flow\"><div class=\"wp-block-group sgo-podatak is-layout-constrained wp-block-group-is-layout-constrained\"><p class=\"sgo-oznaka wp-block-paragraph\">Telefon<\/p><p class=\"wp-block-paragraph\"><a href=\"tel:+385910000000\">091 000 0000<\/a><\/p><\/div><div class=\"wp-block-group sgo-podatak is-layout-constrained wp-block-group-is-layout-constrained\"><p class=\"sgo-oznaka wp-block-paragraph\">Adresa<\/p><p class=\"wp-block-paragraph\">Vinkovci<\/p><\/div><\/div><\/div><\/div><div class=\"sgo-obrazac-omot\" id=\"sgo-obrazac\" style=\"color:#101010\"><h3 class=\"sgo-obrazac-naslov\">Po\u0161aljite upit<\/h3><p class=\"sgo-obrazac-vod\">Ispunite obrazac i javljamo se na e-po\u0161tu ili telefon.<\/p><form class=\"sgo-obrazac\" method=\"post\" action=\"https:\/\/go.simplexdigital.hr\/demo-elektricar\/wp-json\/wp\/v2\/pages\/13#sgo-obrazac\" novalidate><input type=\"hidden\" name=\"sgo_upit\" value=\"1\"><input type=\"hidden\" name=\"sgo_t\" value=\"\"><div class=\"sgo-polja\"><p class=\"sgo-polje\"><label for=\"sgo-ime\">Ime i prezime<\/label><input id=\"sgo-ime\" name=\"sgo_ime\" type=\"text\" maxlength=\"80\" autocomplete=\"name\" required><\/p><p class=\"sgo-polje\"><label for=\"sgo-eposta\">E-po\u0161ta<\/label><input id=\"sgo-eposta\" name=\"sgo_eposta\" type=\"email\" maxlength=\"120\" autocomplete=\"email\" required><\/p><p class=\"sgo-polje\"><label for=\"sgo-telefon\">Telefon <span class=\"sgo-neobavezno\">(neobavezno)<\/span><\/label><input id=\"sgo-telefon\" name=\"sgo_telefon\" type=\"tel\" maxlength=\"40\" autocomplete=\"tel\"><\/p><p class=\"sgo-polje sgo-polje--siroko\"><label for=\"sgo-poruka\">Poruka<\/label><textarea id=\"sgo-poruka\" name=\"sgo_poruka\" rows=\"5\" maxlength=\"2000\" required><\/textarea><\/p><\/div><div class=\"sgo-med\" aria-hidden=\"true\"><label>Ovo polje ostavite prazno<input type=\"text\" name=\"sgo_web\" tabindex=\"-1\" autocomplete=\"off\" value=\"\"><\/label><\/div><div class=\"sgo-obrazac-noga\"><button type=\"submit\" class=\"wp-block-button__link wp-element-button sgo-obrazac-gumb\">Po\u0161aljite upit<\/button><p class=\"sgo-obrazac-privola\">Ime, adresu i poruku koristimo samo da vam odgovorimo na ovaj upit. Ne \u0161aljemo newsletter i ne dajemo ih nikome tre\u0107em. <a href=\"https:\/\/go.simplexdigital.hr\/demo-elektricar\/zastita-podataka\/\">Vi\u0161e u Za\u0161titi podataka.<\/a><\/p><\/div><p class=\"sgo-obrazac-odgovor\" role=\"status\" aria-live=\"polite\"><\/p><\/form><\/div><\/div><div class=\"wp-block-group alignfull sgo-podnozje is-layout-constrained wp-container-core-group-is-layout-3736cbc1 wp-block-group-is-layout-constrained\"><div class=\"wp-block-columns sgo-stupci is-layout-flex wp-container-core-columns-is-layout-7387b849 wp-block-columns-is-layout-flex\"><div class=\"wp-block-column sgo-stupac-znak is-layout-flow wp-block-column-is-layout-flow\"><h3 class=\"wp-block-heading\">Elektro Novak<\/h3><p class=\"sgo-tiho wp-block-paragraph\">Sigurna rje\u0161enja za Va\u0161 dom i posao.<\/p><\/div><div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\"><h3 class=\"wp-block-heading\">Kontakt<\/h3><p class=\"wp-block-paragraph\"><a href=\"tel:+385910000000\">091 000 0000<\/a><\/p><p class=\"wp-block-paragraph\">Vinkovci<\/p><\/div><div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\"><h3 class=\"wp-block-heading\">Brzo do nas<\/h3><p class=\"sgo-tiho wp-block-paragraph\">Nazovite ili po\u0161aljite upit \u2014 javljamo se isti dan.<\/p><\/div><div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\"><h3 class=\"wp-block-heading\">Usluge<\/h3><p class=\"wp-block-paragraph\">Instalacije<\/p><p class=\"wp-block-paragraph\">Kvarovi<\/p><p class=\"wp-block-paragraph\">Rasvjeta<\/p><p class=\"wp-block-paragraph\">Ormari\u0107i<\/p><\/div><\/div><div class=\"wp-block-group sgo-dno is-layout-constrained wp-block-group-is-layout-constrained\"><div class=\"wp-block-group sgo-crta is-layout-constrained wp-block-group-is-layout-constrained\"><\/div><p class=\"sgo-tiho sgo-pravno-veza\"><a href=\"https:\/\/go.simplexdigital.hr\/demo-elektricar\/zastita-podataka\/\">Za\u0161tita podataka<\/a><\/p><p class=\"sgo-tiho wp-block-paragraph\">\u00a9 2026 Elektro Novak. Sva prava pridr\u017eana.<\/p><p class=\"sgo-izrada\"><svg class=\"sgo-wp-znak\" viewBox=\"0 0 122.5 122.5\" fill=\"currentColor\" aria-hidden=\"true\" focusable=\"false\"><path d=\"M8.7 61.3c0 20.8 12.1 38.7 29.6 47.3L13.2 39.9c-2.9 6.5-4.5 13.7-4.5 21.4zm88.1-2.7c0-6.5-2.3-11-4.3-14.5-2.7-4.3-5.2-8-5.2-12.3 0-4.8 3.7-9.3 8.9-9.3h.7a52.4 52.4 0 0 0-79.4 9.9h3.4c5.5 0 14-.7 14-.7 2.9-.2 3.2 4 .3 4.3 0 0-2.9.3-6.1.5l19.3 57.5 11.6-34.8-8.3-22.7c-2.9-.2-5.6-.5-5.6-.5-2.9-.2-2.5-4.5.3-4.3 0 0 8.7.7 13.9.7 5.5 0 14-.7 14-.7 2.9-.2 3.2 4 .3 4.3 0 0-2.9.3-6.1.5l19.1 57 5.3-17.6c2.3-7.3 4-12.6 4-17.2z\"\/><path d=\"M62.2 65.9l-15.9 46.1a52.6 52.6 0 0 0 32.5-.8l-.4-.7-16.2-44.6zm45.3-29.9c.2 1.7.4 3.6.4 5.6 0 5.5-1 11.7-4.2 19.5l-16.7 48.3A52.4 52.4 0 0 0 107.5 36z\"\/><path d=\"M61.3 0a61.3 61.3 0 1 0 .1 122.7A61.3 61.3 0 0 0 61.3 0zm0 119.7a58.5 58.5 0 1 1 .1-117 58.5 58.5 0 0 1-.1 117z\"\/><\/svg><span>Izrada web stranice: <a href=\"https:\/\/simplexdigital.hr\" target=\"_blank\" rel=\"noopener\">Simplex Digital<\/a><\/span><\/p><\/div><\/div><button type=\"button\" class=\"sgo-vrh\" aria-label=\"Na vrh stranice\" title=\"Na vrh\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\" focusable=\"false\"><path d=\"M12 19V5M5 12l7-7 7 7\"\/><\/svg><\/button><script>(function(){var d=document,r=d.documentElement;var mq=window.matchMedia?window.matchMedia('(prefers-reduced-motion:reduce)'):null;var tiho=mq?mq.matches:false;var imaIO=('IntersectionObserver' in window);var g=d.querySelector('.sgo-glava');if(g){var mg=function(){g.classList.toggle('sgo-fiks',(window.pageYOffset||r.scrollTop)>10)};addEventListener('scroll',mg,{passive:true});mg();}var bt=d.querySelector('.sgo-burger'),la=d.getElementById('sgo-ladica');if(bt){if(la){var otvorena=function(){return la.classList.contains('sgo-otvorena')};var zatvori=function(vrati){la.classList.remove('sgo-otvorena');bt.setAttribute('aria-expanded','false');bt.setAttribute('aria-label',\"Otvori izbornik\");r.style.overflow='';if(vrati)bt.focus();};var otvori=function(){la.classList.add('sgo-otvorena');bt.setAttribute('aria-expanded','true');bt.setAttribute('aria-label',\"Zatvori izbornik\");r.style.overflow='hidden';var p=la.querySelector('a');if(p)p.focus();};bt.addEventListener('click',function(){if(otvorena())zatvori(false);else otvori();});la.addEventListener('click',function(e){if(e.target.classList.contains('sgo-zastor')||e.target.closest('a'))zatvori(false);});d.addEventListener('keydown',function(e){if(e.key==='Escape'||e.key==='Esc'){if(otvorena())zatvori(true);}});addEventListener('resize',function(){if(innerWidth>921){if(otvorena())zatvori(false);}});}}var veze={},mete=[];[].forEach.call(d.querySelectorAll('.sgo-nav a[href*=\"#\"],.sgo-ladica-nav a[href*=\"#\"]'),function(a){var h=a.getAttribute('href')||'',i=h.indexOf('#');if(i<0)return;var id=h.slice(i+1);if(!id)return;(veze[id]=veze[id]||[]).push(a);});for(var k in veze){var el=d.getElementById(k);if(el)mete.push(el);}if(imaIO){if(mete.length){var vid={};var postavi=function(id){for(var k2 in veze){for(var j=0;j<veze[k2].length;j++){if(k2===id)veze[k2][j].setAttribute('aria-current','location');else veze[k2][j].removeAttribute('aria-current');}}};var io=new IntersectionObserver(function(us){for(var i=0;i<us.length;i++)vid[us[i].target.id]=us[i].isIntersecting;var izbor='';for(var m=0;m<mete.length;m++){if(vid[mete[m].id]){izbor=mete[m].id;break;}}postavi(izbor);},{rootMargin:'-45% 0px -45% 0px',threshold:0});for(var m2=0;m2<mete.length;m2++)io.observe(mete[m2]);}}var svi=[];if(imaIO){if(!tiho){var sek=d.querySelectorAll('.sgo-sek,.sgo-podnozje');var ro=new IntersectionObserver(function(us,ob){for(var i=0;i<us.length;i++){if(!us[i].isIntersecting)continue;var kd=us[i].target.children;for(var j=0;j<kd.length;j++){kd[j].style.transitionDelay=Math.min(j,4)*60+'ms';kd[j].classList.add('sgo-vid');}ob.unobserve(us[i].target);}},{rootMargin:'0px 0px -10% 0px',threshold:0.01});for(var s=0;s<sek.length;s++){if(sek[s].className.indexOf('sgo-hero')>-1)continue;for(var c=0;c<sek[s].children.length;c++){sek[s].children[c].classList.add('sgo-anim');svi.push(sek[s].children[c]);}ro.observe(sek[s]);}setTimeout(function(){for(var i=0;i<svi.length;i++){if(svi[i].getBoundingClientRect().top<innerHeight)svi[i].classList.add('sgo-vid');}},1800);}}var vr=d.querySelector('.sgo-vrpca');if(vr){if(imaIO){var vio=new IntersectionObserver(function(us){for(var i=0;i<us.length;i++)vr.classList.toggle('sgo-stani',!us[i].isIntersecting);},{threshold:0});vio.observe(vr);}}var odmakSidra=function(){var g2=d.querySelector('.sgo-glava');return (g2?g2.getBoundingClientRect().height:0)+12;};var naSidro=function(e){var a=e.target.closest('a[href*=\"#\"]');if(!a)return;var h=a.getAttribute('href')||'';var i=h.indexOf('#');if(i<0)return;var id=h.slice(i+1);if(!id)return;var baza=h.slice(0,i);if(baza){if(baza.replace(\/\\\/$\/,'')!==location.href.split('#')[0].replace(\/\\\/$\/,''))return;}var cilj=d.getElementById(id);if(!cilj)return;e.preventDefault();var y=cilj.getBoundingClientRect().top+(window.pageYOffset||r.scrollTop)-odmakSidra();window.scrollTo({top:y,behavior:tiho?'auto':'smooth'});if(history.replaceState)history.replaceState(null,'','#'+id);};d.addEventListener('click',naSidro);var vb=d.querySelector('.sgo-vrh');if(vb){var pv=function(){vb.classList.toggle('sgo-vidljiv',(window.pageYOffset||r.scrollTop)>600)};addEventListener('scroll',pv,{passive:true});pv();vb.addEventListener('click',function(){window.scrollTo({top:0,behavior:tiho?'auto':'smooth'});});}})();<\/script>","protected":false},"excerpt":{"rendered":"<p>Prije\u0111i na sadr\u017eaj Elektro Novak Po\u010detnaUslugeO namaGalerijaKontakt Nazovite Po\u010detna01Usluge02O nama03Galerija04Kontakt05 Kontakt 091 000 0000 Elektri\u010darske usluge \u00b7 Vinkovci Pouzdan elektri\u010dar [&hellip;]<\/p>\n","protected":false},"author":0,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"page-builder","ast-site-content-layout":"page-builder","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-13","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/go.simplexdigital.hr\/demo-elektricar\/wp-json\/wp\/v2\/pages\/13","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/go.simplexdigital.hr\/demo-elektricar\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/go.simplexdigital.hr\/demo-elektricar\/wp-json\/wp\/v2\/types\/page"}],"replies":[{"embeddable":true,"href":"https:\/\/go.simplexdigital.hr\/demo-elektricar\/wp-json\/wp\/v2\/comments?post=13"}],"version-history":[{"count":0,"href":"https:\/\/go.simplexdigital.hr\/demo-elektricar\/wp-json\/wp\/v2\/pages\/13\/revisions"}],"wp:attachment":[{"href":"https:\/\/go.simplexdigital.hr\/demo-elektricar\/wp-json\/wp\/v2\/media?parent=13"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}