/* Foqa — zajednički CSS. Vrijednosti prenesene iz Claude Design referenci (design_handoff_foqa_wordpress). */

@font-face{font-family:'Archivo';font-style:normal;font-weight:400 800;font-stretch:100% 125%;font-display:swap;src:url(../fonts/archivo-latin-ext.woff2?v=2) format('woff2');unicode-range:U+0106-0107,U+010C-010D,U+0110-0111,U+0160-0161,U+017D-017E}
@font-face{font-family:'Archivo';font-style:normal;font-weight:400 800;font-stretch:100% 125%;font-display:swap;src:url(../fonts/archivo-latin.woff2?v=2) format('woff2');unicode-range:U+0000-00FF,U+2013-2014,U+2018-201E,U+2022,U+2026,U+2039-203A,U+20AC,U+2190-2193,U+2212}

:root{
  --papir:#FFFFFF; --beton:#ECEBE7; --grafit:#16181A; --grafit-2:#6E7072; --crta:#D4D3CF;
  --crvena:#D7261E; --crvena-h:#B81F18; --podnozje-2:#B9BABB;
  --pad:clamp(16px,3vw,40px); --max:1360px;
  --sek:clamp(64px,8vw,96px);
  --sek-u:clamp(56px,6vw,80px);
  --gap-col:clamp(32px,8.33%,120px);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--papir);color:var(--grafit);font-family:'Archivo','Helvetica Neue',Arial,sans-serif;font-variant-numeric:tabular-nums;-webkit-font-smoothing:antialiased}
a{color:var(--grafit)} a:hover{color:var(--crvena)}
img{max-width:100%}
figure{margin:0}
button,input,textarea{font:inherit}
:focus-visible{outline:2px solid var(--crvena);outline-offset:2px}
.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* ---------- raspored ---------- */
.sekcija{max-width:var(--max);margin:0 auto;padding:var(--sek) var(--pad) 0}
.page-usluga .sekcija{padding-top:var(--sek-u)}
.sekcija--prva{padding-top:clamp(24px,3vw,40px)!important}
.sekcija--zadnja{padding-bottom:var(--sek)}
.page-usluga .sekcija--zadnja{padding-bottom:var(--sek-u)}
.sekcija--procjena{padding-top:clamp(48px,6vw,72px)}

.red{display:flex;flex-wrap:wrap}
.dva-stupca{display:flex;flex-wrap:wrap;gap:20px var(--gap-col);margin-top:24px;align-items:flex-start}
.dva-stupca>.lijevo{flex:5 1 300px;min-width:0}
.dva-stupca>.desno{flex:6 1 320px;min-width:0}
.naslov-par{display:flex;flex-wrap:wrap;align-items:flex-end;gap:24px 64px;margin-top:28px}
.naslov-par>.h2{flex:2 1 560px;margin:0}
.naslov-par>.txt{flex:1 1 320px}
.naslov-par--uzi>.h2{flex:2 1 520px}

/* ---------- tipografija ---------- */
.h1-home{margin:clamp(28px,4vw,56px) 0 0;font-weight:800;font-stretch:125%;letter-spacing:-.025em;text-wrap:balance}
.h1-home .veliko{display:block;font-size:clamp(34px,10.5vw,148px);line-height:.9}
.h1-home .drugi{display:block;margin-top:.35em;font-size:clamp(22px,4.2vw,58px);line-height:1;letter-spacing:-.01em}
.h1{margin:0;font-weight:800;font-stretch:125%;font-size:clamp(34px,5.4vw,76px);line-height:.95;letter-spacing:-.02em;text-wrap:balance}
.h2{margin:24px 0 0;font-weight:800;font-stretch:125%;font-size:clamp(26px,2.6vw,38px);line-height:1.05;letter-spacing:-.01em;max-width:900px;text-wrap:balance}
.h2--velik{font-size:clamp(28px,4.4vw,60px);line-height:1;margin-top:28px;max-width:1100px}
.h2--kao-h3{margin:0;font-weight:700;font-stretch:125%;font-size:24px;line-height:1.1;letter-spacing:0;max-width:none}
.h3{margin:0;font-weight:700;font-stretch:125%;font-size:22px;line-height:1.1}
.h3--24{font-size:24px}
.lead{margin:0;font-size:19px;line-height:1.5;max-width:560px;text-wrap:pretty}
.lead--jako{font-weight:600}
.txt{margin:0;font-size:17px;line-height:1.55;max-width:520px;text-wrap:pretty}
.sitno{font-size:13px;color:var(--grafit-2)}

/* ---------- oznaka lista ---------- */
.list-h{display:flex;justify-content:space-between;flex-wrap:wrap;gap:4px 16px;border-top:1px solid var(--grafit);padding-top:10px;font-size:13px}
.list-h__naziv{font-weight:600;letter-spacing:.04em;text-transform:uppercase}
.list-h__meta{font-weight:500;color:var(--grafit-2)}
.list-h--vel .list-h__meta,.list-h--vel .list-h__naziv{font-weight:600;letter-spacing:.04em;text-transform:uppercase}
.list-h a.list-h__meta{color:var(--grafit);text-decoration:none}
.list-h a.list-h__meta:hover{color:var(--crvena)}
.mrvice{display:flex;gap:6px;flex-wrap:wrap;font-weight:500;color:var(--grafit-2)}
.mrvice a{color:var(--grafit-2);text-decoration:none}
.mrvice a:hover{color:var(--crvena)}
.list-h--vel .mrvice{gap:8px}

/* ---------- ćelije ---------- */
.celije{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,var(--min,260px)),1fr));border-top:1px solid var(--grafit);border-left:1px solid var(--grafit);margin:40px 0 0;padding:0;list-style:none}
.page-usluga .celije{margin-top:32px}
.celija{border-right:1px solid var(--grafit);border-bottom:1px solid var(--grafit);padding:24px;display:flex;flex-direction:column;gap:14px}
.page-usluga .celija{gap:12px}
.celija--visoka{min-height:170px}
.celija--puna{grid-column:1/-1}
.celija__oznaka{font-size:13px;color:var(--grafit-2)}
.celija__broj{font-weight:800;font-stretch:125%;font-size:clamp(44px,5vw,64px);line-height:.9}
.celija__broj--44{font-size:44px}
.page-usluga .celija__broj{font-size:40px}
.celija__rijec{font-weight:700;font-stretch:125%;font-size:22px;line-height:1.15}
.celija__pod{font-size:15px;line-height:1.5;color:var(--grafit-2)}
.celija img{display:block;width:100%;aspect-ratio:1;height:auto}

/* ---------- cijene ---------- */
.cijena{gap:20px!important}
.cijena--istaknuta{background:var(--beton)}
.cijena__glava{display:flex;justify-content:space-between;gap:12px;font-size:13px;font-weight:600;letter-spacing:.04em;text-transform:uppercase}
.cijena__najcesce{color:var(--crvena);letter-spacing:0;text-transform:none}
.cijena__iznos{margin:0;display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}
.cijena__iznos .od,.cijena__iznos .valuta{font-size:16px;font-weight:500}
.cijena__iznos .broj{font-weight:800;font-stretch:125%;font-size:40px;line-height:1}
.cijena dl{margin:0;display:grid;grid-template-columns:auto 1fr;gap:10px 20px;font-size:15px;line-height:1.4}
.cijena dt{color:var(--grafit-2)} .cijena dd{margin:0}
/* Na bež podlozi siva i crvena padaju ispod WCAG 4,5:1, pa su za nijansu tamnije. */
.cijena--istaknuta dt{color:#56585a}
.cijena--istaknuta .cijena__najcesce{color:var(--crvena-h)}
.ukljuceno{margin:0;font-size:15px;line-height:1.55;color:var(--grafit-2)}
.ukljuceno strong{color:var(--grafit);font-weight:600}
.dva-stupca--40{margin-top:40px}
.stog{display:flex;flex-direction:column;gap:16px;max-width:560px}

/* ---------- kota ---------- */
.kota{display:flex;align-items:center;gap:clamp(6px,1.2vw,14px);margin-top:16px;font-size:13px;font-weight:600;letter-spacing:.04em;text-transform:uppercase}
.kota__granicnik{width:1px;height:16px;background:var(--grafit);flex:none}
.kota__crta{flex:1;height:1px;background:var(--grafit)}
.kota__cilj{color:var(--crvena)}
.kota .nw{white-space:nowrap}

/* ---------- hero naslovnice ---------- */
.hero{position:relative}
.mreza{position:absolute;inset:0;max-width:var(--max);margin:0 auto;padding:0 var(--pad);display:grid;grid-template-columns:repeat(12,1fr);pointer-events:none}
.mreza span{border-left:1px solid rgba(22,24,26,.05)}
.mreza span:last-child{border-right:1px solid rgba(22,24,26,.05)}
.hero .sekcija{position:relative}
.hero__dno{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:28px 48px;margin-top:clamp(28px,3.5vw,48px)}
.hero__skica{margin:clamp(32px,4vw,56px) 0 0}
.hero__skica img{display:block;width:100%;height:auto}

/* ---------- simptomi ---------- */
.simptomi{list-style:none;margin:40px 0 0;padding:0;border-top:1px solid var(--grafit)}
.simptomi li{display:flex;flex-wrap:wrap;align-items:baseline;gap:8px 32px;padding:22px 0;border-bottom:1px solid var(--crta)}
.simptomi li:last-child{border-bottom-color:var(--grafit)}
.simptomi__br{flex:0 0 32px;font-size:13px;color:var(--grafit-2)}
.simptomi strong{flex:1 1 440px;font-weight:700;font-stretch:125%;font-size:24px;line-height:1.15}
.simptomi__txt{flex:1 1 300px;font-size:17px;line-height:1.55}
.zakljucak{margin-top:28px}

/* ---------- nacrt S2 ---------- */
.nacrt-red{display:flex;flex-wrap:wrap;gap:32px;margin-top:40px;align-items:flex-start}
.nacrt{flex:3 1 560px;position:relative;min-width:0}
.nacrt>img{display:block;width:100%;height:auto}
.nacrt svg.zone{position:absolute;inset:0;width:100%;height:100%}
.nacrt .zona{fill:transparent;stroke:transparent;stroke-width:2.5;stroke-linejoin:round;vector-effect:non-scaling-stroke;cursor:pointer;transition:fill .15s,stroke .15s}
.nacrt .zona.is-active{fill:rgba(215,38,30,.14);stroke:var(--crvena)}
.faze{flex:1 1 280px;border-top:1px solid var(--grafit)}
.faza{border-bottom:1px solid var(--grafit)}
.faza summary{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:18px 16px;cursor:pointer;list-style:none;background:#fff;color:var(--grafit)}
.faza summary::-webkit-details-marker{display:none}
.faza summary::after{content:"+";flex:none;width:18px;text-align:center;font-size:22px;font-weight:400;line-height:1}
.faza[open] summary::after{content:"−"}
.faza.is-active summary{background:var(--crvena);color:#fff}
.faza summary .faze__prost{margin-left:auto}
.faza__tijelo{padding:4px 16px 22px}
.faza__tijelo p{margin:0;font-size:17px;line-height:1.55;max-width:520px}
.faza__linkovi{display:flex;flex-wrap:wrap;gap:8px 24px;margin-top:14px!important;font-size:15px;font-weight:600}
.faza__linkovi a{text-decoration:none}
.faza__linkovi a:hover{color:var(--crvena)}
.faze__l{display:flex;gap:16px;align-items:baseline}
.faze__br{font-size:13px;font-weight:600}
.faze__ime{font-weight:700;font-stretch:125%;font-size:22px}
.faze__prost{font-size:13px;font-weight:600;letter-spacing:.04em;text-transform:uppercase}
.faze__uputa{margin:16px 0 0;font-size:13px;line-height:1.5;color:var(--grafit-2)}

/* ---------- retci usluga ---------- */
.tipovi{margin-top:48px;border-top:1px solid var(--grafit)}
.tip{display:flex;flex-wrap:wrap;align-items:center;gap:12px 40px;padding:28px 16px;border-bottom:1px solid var(--grafit);text-decoration:none;color:var(--grafit);background:#fff}
.tip:hover,.tip.is-active{background:var(--beton);color:var(--grafit)}
.tip>.h3{flex:1 1 420px;font-size:clamp(22px,2.2vw,26px)}
.tip>.txt{flex:1 1 320px}
.tip__link{flex:0 0 auto;font-size:15px;font-weight:600}
.tip--usluga{display:flex;flex-wrap:wrap;align-items:baseline;gap:8px var(--gap-col);margin-top:8px;padding:24px 0;text-decoration:none;color:var(--grafit)}
.tip--usluga:hover{background:var(--beton);color:var(--grafit)}
.tip--usluga>.h2--kao-h3{flex:5 1 260px}
.tip--usluga>.txt{flex:6 1 320px;max-width:560px}
.tip__strelica{flex:0 0 auto;font-size:24px;font-weight:500;line-height:1}

.popis-redaka{display:flex;flex-direction:column}
.redak{display:flex;justify-content:space-between;align-items:baseline;gap:24px;padding:20px 0;border-top:1px solid var(--crta);text-decoration:none;color:var(--grafit)}
.redak:first-child{padding-top:0;border-top:0}
.redak__tekst{display:flex;flex-direction:column;gap:6px}
.redak__naziv{font-weight:700;font-stretch:125%;font-size:20px;line-height:1.15}
.redak__opis{font-size:17px;line-height:1.55;color:var(--grafit-2)}
.redak__strelica{font-size:22px}
a.redak:hover{background:var(--beton);color:var(--grafit)}

/* ---------- usluga: hero, skica i tekst ---------- */
.usluga-hero{display:flex;flex-wrap:wrap;gap:40px var(--gap-col);margin-top:clamp(28px,4vw,56px);align-items:center}
.usluga-hero__tekst{flex:7 1 460px;display:flex;flex-direction:column;gap:28px;min-width:0}
.usluga-hero__tekst .btn-crveni{align-self:flex-start}
.usluga-hero__skica{flex:5 1 320px;min-width:0}
.usluga-hero__skica img,.skica-4-3{display:block;width:100%;aspect-ratio:4/3;height:auto;object-fit:cover}
.skica-tekst{display:flex;flex-wrap:wrap;gap:32px var(--gap-col);margin-top:24px;align-items:flex-start}
.skica-tekst>.skica{flex:7 1 460px;min-width:0;border:1px solid var(--grafit)}
.skica-tekst>.tekst{flex:5 1 300px;display:flex;flex-direction:column;gap:24px;min-width:0}
.skica-tekst .h2--velik{margin:0}
.lijevo-stog{display:flex;flex-direction:column;gap:16px}
.lijevo-stog .txt{max-width:420px}

/* ---------- gumbi ---------- */
.btn-crveni{display:inline-flex;align-items:center;padding:16px 26px;background:var(--crvena);color:#fff;font-weight:700;font-size:16px;text-decoration:none;border:0;border-radius:0;cursor:pointer}
.btn-crveni:hover{background:var(--crvena-h);color:#fff}
/* Kad gumbi ne stanu u red, slože se jedan ispod drugog preko cijele širine; razmak od 1px na grafitnoj podlozi daje crtu između. */
.btn-par{display:flex;flex-wrap:wrap;gap:1px;border:1px solid var(--grafit);background:var(--grafit)}
.btn-par>*{flex:1 1 auto;justify-content:center}
.btn-par .btn-crveni{display:flex}
.btn-par__sek{display:flex;align-items:center;padding:16px 22px;font-size:16px;font-weight:600;text-decoration:none;color:var(--grafit);background:#fff}
.btn-obrub{display:flex;align-items:center;padding:10px 16px;border:1px solid var(--grafit);font-size:15px;font-weight:600;text-decoration:none;color:var(--grafit);background:#fff}
.btn-obrub:hover{background:var(--grafit);color:#fff}

/* ---------- radovi ---------- */
.kartice{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:24px;margin-top:40px}
.kartica{display:flex;flex-direction:column;border:1px solid var(--grafit);text-decoration:none;color:var(--grafit)}
.kartica:hover{background:var(--beton);color:var(--grafit)}
.kartica img{display:block;width:100%;aspect-ratio:4/3;height:auto;border-bottom:1px solid var(--grafit);background:#fff}
.kartica__tijelo{padding:20px;display:flex;flex-direction:column;gap:8px}
.kartica__ime{font-weight:700;font-stretch:125%;font-size:24px;line-height:1.1}
.kartica__rez{font-size:17px;line-height:1.5}

/* ---------- FAQ ---------- */
.faq-red{display:flex;flex-wrap:wrap;gap:32px 64px;margin-top:28px}
.faq-red>.h2{flex:1 1 320px;margin:0}
.faq-red>.faq{flex:2 1 560px}
.faq summary{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:18px 0;cursor:pointer;list-style:none}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";font-size:22px;width:20px;text-align:center;flex:none}
.faq details[open]>summary::after{content:"−"}
.faq summary h3{margin:0;font-size:18px;font-weight:600;line-height:1.35}
.faq details p{margin:0 0 20px;font-size:17px;line-height:1.55;max-width:560px}
.faq details+details{border-top:1px solid var(--crta)}
.page-usluga .faq details:first-child summary{padding-top:0}
.faq--home{border-top:1px solid var(--grafit)}
.faq--home details{border-bottom:1px solid var(--grafit)}
.faq--home details+details{border-top:0}
.faq--home summary{padding:22px 0}
.faq--home summary::after{font-size:24px;font-weight:400}
.faq--home details p{margin-bottom:24px;max-width:620px}

/* ---------- upit ---------- */
.upit-red{display:flex;flex-wrap:wrap;gap:32px;margin-top:40px;align-items:stretch}
.upit-red>.obrazac-omot{flex:3 1 520px;min-width:0}
.upit-red>figure{flex:2 1 300px;display:flex;flex-direction:column;justify-content:flex-end;gap:12px}
.upit-red>figure img{display:block;width:100%;aspect-ratio:1;height:auto}
.upit-red>figure figcaption{font-size:13px;color:var(--grafit-2);border-top:1px solid var(--crta);padding-top:10px}
.lead--24{margin-top:24px}
.lead--24 a{color:inherit}
.upit-red--usluga>.obrazac-omot{flex:1 1 100%;max-width:880px}
/* Prvi ekran usluge: cijena i činjenice pa gumbi (obrazac na istoj stranici + poziv) */
.hero-cinjenice{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px;font-size:16px;color:var(--grafit-2)}
.hero-cinjenice__cijena{color:var(--grafit);font-weight:700}
.usluga-hero__tekst .btn-par--hero{align-self:flex-start}
@media (max-width:640px){
  .usluga-hero__tekst .btn-par--hero{align-self:stretch}
  .btn-par--hero>*{flex:1 1 100%}
}

/* ---------- kontakt ---------- */
.kontakt-obrazac{display:flex;flex-wrap:wrap;gap:32px 64px;margin-top:28px;align-items:flex-start}
.kontakt-obrazac__l{flex:1 1 300px;display:flex;flex-direction:column;gap:32px}
.kontakt-obrazac__l .h2{margin:0}
.kontakt-obrazac__l img{display:block;width:100%;max-width:420px;aspect-ratio:1;height:auto}
.kontakt-obrazac__d{flex:2 1 560px;min-width:0}
.kontakt-podaci{display:flex;flex-wrap:wrap;gap:32px;margin-top:40px}
.kontakt-podaci .celije{flex:1 1 360px;--min:220px;margin:0;align-self:flex-start}
.kontakt-podaci .celija{gap:10px}
.kontakt-tel{font-weight:700;font-stretch:125%;font-size:clamp(24px,3vw,36px);line-height:1.05;text-decoration:none}
.kontakt-podaci .celija a:not(.kontakt-tel),.kontakt-podaci .celija span+span{font-size:17px}
.karta{position:relative;flex:1 1 420px;min-height:360px;border:1px solid var(--grafit);background:var(--beton);font:inherit;z-index:0}
.karta.leaflet-container{background:var(--beton);font:inherit}
/* Filter na cijelom sloju, ne na pojedinoj pločici: tako ne nastaju svijetle crte na spojevima pločica. */
.karta .leaflet-tile-pane{filter:grayscale(1) contrast(1.08) brightness(1.04)}
/* Chrome zna ostaviti svijetlu crtu na spoju pločica; prozirni outline je zatvara (izmjereno, plus-lighter ju je pojačavao). */
.karta img.leaflet-tile{outline:1px solid transparent}
.karta__link{position:absolute;left:12px;bottom:12px;z-index:500;padding:9px 12px;border:1px solid var(--grafit);background:#fff;color:var(--grafit);font-size:14px;font-weight:600;text-decoration:none}
.karta__link:hover{background:var(--grafit);color:#fff}
.karta a.karta__link{color:var(--grafit)}
.karta a.karta__link:hover{color:#fff}
.karta .leaflet-bar,.karta.leaflet-touch .leaflet-bar{border:1px solid var(--grafit);border-radius:0;box-shadow:none;background-clip:border-box}
.karta .leaflet-bar a,.karta.leaflet-touch .leaflet-bar a{width:34px;height:34px;line-height:32px;border-radius:0!important;color:var(--grafit);border-bottom:1px solid var(--grafit)}
.karta .leaflet-bar a:last-child{border-bottom:0}
.karta .leaflet-bar a:hover{background:var(--grafit);color:#fff}
.karta .leaflet-control-attribution{font-size:11px;background:rgba(255,255,255,.85);color:var(--grafit-2)}
.karta .leaflet-control-attribution a{color:var(--grafit-2)}
.karta__pin{background:none;border:0}

/* ---------- zaglavlje ---------- */
.zaglavlje{position:sticky;top:0;z-index:30;background:#fff;border-bottom:1px solid var(--grafit)}
.admin-bar .zaglavlje{top:32px}
@media (max-width:782px){.admin-bar .zaglavlje{top:46px}}
@media (max-width:600px){.admin-bar .zaglavlje{top:0}}
.zaglavlje__in{max-width:var(--max);margin:0 auto;padding:0 var(--pad);display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;column-gap:32px}
.zaglavlje__logo{display:flex;align-items:center;height:64px;text-decoration:none;color:var(--grafit)}
.zaglavlje__logo:hover{color:var(--grafit)}
.zaglavlje__logo svg{display:block;height:36px;width:auto}
.izbornik{flex:1 1 auto;display:flex;justify-content:center;gap:28px;height:48px;align-items:stretch;white-space:nowrap;overflow-x:auto;scrollbar-width:none}
.izbornik::-webkit-scrollbar{display:none}
.izbornik a{display:flex;align-items:center;font-size:15px;font-weight:500;text-decoration:none;color:var(--grafit);border-bottom:2px solid transparent}
.izbornik a[aria-current="page"]{border-bottom-color:var(--grafit)}
.zaglavlje .btn-obrub{order:1}
@media (max-width:899px){
  .zaglavlje__logo svg{height:30px}
  .izbornik{order:2;flex:1 1 100%;justify-content:flex-start;border-top:1px solid var(--crta);margin:0 calc(-1 * var(--pad));padding:0 var(--pad)}
}

/* ---------- podnožje ---------- */
.podnozje{background:var(--grafit);color:#fff}
.podnozje a{color:#fff}
.podnozje a:hover{color:var(--crta)}
.podnozje__in{max-width:var(--max);margin:0 auto;padding:clamp(56px,7vw,96px) var(--pad) 32px;display:flex;flex-direction:column;gap:48px}
.podnozje__logo{display:block;align-self:flex-start;color:#fff}
.podnozje__logo svg{display:block;height:clamp(64px,9vw,140px);width:auto}
.podnozje__kontakt{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:24px 48px;border-top:1px solid var(--grafit-2);padding-top:24px}
.podnozje__kontakt-l{display:flex;flex-direction:column;gap:8px}
.podnozje__tel{font-weight:700;font-stretch:125%;font-size:28px;line-height:1.1;text-decoration:none}
.podnozje__mail{font-size:17px}
.podnozje__slogan{margin:0;font-size:17px;line-height:1.55;max-width:420px}
.podnozje .celije{--min:200px;border-color:var(--grafit-2);margin:0}
.podnozje .celija{border-color:var(--grafit-2);padding:20px;gap:8px;font-size:17px}
.podnozje .celija__oznaka{color:var(--podnozje-2)}
.podnozje__dno{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px 24px;font-size:13px;color:var(--podnozje-2)}
.podnozje__dno nav{display:flex;flex-wrap:wrap;gap:20px}
.podnozje__dno a{color:var(--podnozje-2)}
.podnozje__dno a:hover{color:#fff}

/* ---------- obrazac ---------- */
.obrazac{border:1px solid var(--grafit);background:#fff;display:flex;flex-direction:column;color:var(--grafit)}
.obrazac__glava{display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px 16px;padding:12px 20px;border-bottom:1px solid var(--grafit);font-size:13px;font-weight:600;letter-spacing:.04em;text-transform:uppercase}
.obrazac__glava .meta{color:var(--grafit-2)}
.obrazac__tijelo{padding:clamp(20px,3vw,32px);display:flex;flex-direction:column;gap:20px}
.obrazac__polja{display:grid;grid-template-columns:1fr;gap:16px}
@media (min-width:560px){.obrazac__polja{grid-template-columns:1fr 1fr}}
.obrazac label{display:flex;flex-direction:column;gap:6px;font-size:13px;font-weight:600}
.obrazac input[type=text],.obrazac input[type=email],.obrazac input[type=tel],.obrazac input:not([type]){font-size:17px;font-weight:400;padding:14px;border:1px solid var(--grafit);border-radius:0;background:#fff;color:var(--grafit);width:100%}
.obrazac textarea{font-size:17px;font-weight:400;line-height:1.5;padding:14px;border:1px solid var(--grafit);border-radius:0;background:#fff;color:var(--grafit);width:100%;min-height:140px;resize:vertical}
.obrazac textarea::placeholder{color:var(--grafit-2)}
.obrazac input:focus,.obrazac textarea:focus{outline:2px solid var(--crvena);outline-offset:-1px}
.obrazac fieldset{border:0;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}
.obrazac legend{font-size:13px;font-weight:600;padding:0;margin-bottom:10px}
.izbor{display:flex;flex-wrap:wrap;gap:8px}
.izbor input{position:absolute;opacity:0;pointer-events:none;width:1px;height:1px}
.izbor label{font-size:15px;font-weight:500;padding:11px 14px;border:1px solid var(--grafit);cursor:pointer;background:#fff;color:var(--grafit);display:block}
.izbor input:checked+label{background:var(--grafit);color:#fff}
.izbor input:focus-visible+label{outline:2px solid var(--crvena);outline-offset:2px}
.obrazac__dno{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 24px;border-top:1px solid var(--crta);padding-top:20px}
.obrazac__dno .sitno{max-width:320px}
.obrazac__dno .btn-crveni:focus-visible{outline:2px solid var(--grafit)}
.obrazac__greska{margin:0;font-size:13px;color:var(--crvena)}
.obrazac__zamka{position:absolute!important;left:-9999px;width:1px;height:1px;overflow:hidden}
.obrazac__hvala{padding:clamp(20px,3vw,32px);display:flex;flex-direction:column;gap:12px;min-height:280px;justify-content:center}
.obrazac__hvala span{font-size:13px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--crvena)}
.obrazac__hvala p{margin:0;font-weight:700;font-stretch:125%;font-size:24px;line-height:1.15;max-width:480px}
.obrazac[hidden],.obrazac__hvala[hidden]{display:none}

/* ---------- generička stranica ---------- */
.sadrzaj{max-width:720px;margin-top:40px;font-size:17px;line-height:1.6}
.sadrzaj h2{font-weight:800;font-stretch:125%;font-size:clamp(24px,2.4vw,32px);line-height:1.1;margin:48px 0 16px}
.sadrzaj h3{font-weight:700;font-stretch:125%;font-size:20px;margin:32px 0 12px}
.sadrzaj p{margin:0 0 16px}
.sadrzaj ul{margin:0 0 16px;padding-left:1.2em}
.sadrzaj li{margin:0 0 6px}
.sadrzaj .sitno{font-size:14px}
.sadrzaj .tablica-omot{overflow-x:auto;margin:0 0 16px}
.sadrzaj table{width:100%;border-collapse:collapse;font-size:15px;line-height:1.45}
.sadrzaj th,.sadrzaj td{border:1px solid var(--grafit);padding:10px 12px;text-align:left;vertical-align:top}
.sadrzaj th{font-weight:600;background:var(--beton)}
.sadrzaj code{font-size:.92em;overflow-wrap:anywhere}
@media (max-width:640px){.sadrzaj table{font-size:13px}.sadrzaj th,.sadrzaj td{padding:8px}}
.sadrzaj button[data-privola-otvori]{padding:12px 18px;border:1px solid var(--grafit);border-radius:0;background:#fff;color:var(--grafit);font-size:15px;font-weight:600;cursor:pointer}
.sadrzaj button[data-privola-otvori]:hover{background:var(--grafit);color:#fff}
.list-h--vel .mrvice>span:last-child{color:var(--grafit)}
.dva-stupca--24{row-gap:24px}
/* Retci usluga: stupci poravnati u svim retcima (link desno različite širine ne pomiče tekst). */
@media (min-width:900px){
  .tip{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr) 13em;gap:12px 40px}
  .tip__link{justify-self:end}
}

/* ---------- WhatsApp (plutajući gumb dolje desno) ---------- */
.whatsapp{position:fixed;right:max(16px,env(safe-area-inset-right));bottom:max(16px,env(safe-area-inset-bottom));z-index:40;display:grid;place-items:center;width:56px;height:56px;background:var(--grafit);color:#fff;border:1px solid var(--grafit);text-decoration:none}
.whatsapp:hover,.whatsapp:focus-visible{background:#fff;color:var(--grafit)}
.whatsapp svg{display:block}
@media (max-width:640px){.whatsapp{width:52px;height:52px}}
@media print{.whatsapp{display:none}}
.faza summary,.nacrt .zona,.tip,.izbor label{-webkit-tap-highlight-color:transparent}

/* ---------- privola za kolačiće (traka dolje, linije 1px, bez zaobljenja) ---------- */
.privola{position:fixed;left:0;right:0;bottom:0;z-index:50;background:#fff;color:var(--grafit);border-top:1px solid var(--grafit);max-height:100vh;overflow-y:auto}
.privola[hidden]{display:none}
.privola__in{max-width:var(--max);margin:0 auto;padding:20px var(--pad) max(20px,env(safe-area-inset-bottom));display:flex;flex-wrap:wrap;align-items:flex-end;gap:16px 48px}
.privola__tekst{flex:1 1 460px;min-width:0}
.privola__naslov{margin:0 0 6px;font-size:13px;font-weight:600;letter-spacing:.04em;text-transform:uppercase}
.privola__tekst p{margin:0;font-size:15px;line-height:1.5;max-width:720px}
.privola__postavke{flex:1 1 100%;order:2;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));border-top:1px solid var(--grafit);border-left:1px solid var(--grafit)}
.privola__postavke[hidden]{display:none}
.privola__izbor{display:flex;gap:12px;align-items:flex-start;padding:16px;border-right:1px solid var(--grafit);border-bottom:1px solid var(--grafit);font-size:14px;line-height:1.45;color:var(--grafit-2);cursor:pointer}
.privola__izbor strong{display:block;color:var(--grafit);font-weight:600;font-size:15px;margin-bottom:2px}
.privola__izbor input{appearance:none;flex:none;width:18px;height:18px;margin:2px 0 0;border:1px solid var(--grafit);border-radius:0;background:#fff;display:grid;place-items:center;cursor:pointer}
.privola__izbor input:checked{background:var(--grafit)}
.privola__izbor input:checked::after{content:"";width:5px;height:9px;border:solid #fff;border-width:0 2px 2px 0;transform:translateY(-1px) rotate(45deg)}
.privola__izbor input:disabled{opacity:.45;cursor:default}
.privola__gumbi{order:3;display:flex;flex-wrap:wrap;gap:1px;background:var(--grafit);border:1px solid var(--grafit);margin-left:auto}
.privola__btn{flex:1 0 auto;padding:12px 18px;border:0;border-radius:0;background:#fff;color:var(--grafit);font-size:15px;font-weight:600;cursor:pointer}
.privola__btn[hidden]{display:none}
.privola__btn--da{background:var(--grafit);color:#fff}
@media (hover:hover){.privola__btn:hover{background:var(--grafit);color:#fff}.privola__btn--da:hover{background:var(--crvena)}}
.ima-privolu .whatsapp{display:none}
@media (max-width:640px){
  .privola__in{padding-top:12px;gap:10px}
  .privola__naslov{display:none}
  .privola__tekst p{font-size:13px;line-height:1.4}
  .privola__gumbi{flex:1 1 100%}
  .privola__btn{flex:1 1 30%;padding:10px 8px;font-size:14px}
}
@media print{.privola{display:none!important}}
.podnozje__privola{padding:0;border:0;background:none;color:var(--podnozje-2);font:inherit;text-decoration:underline;cursor:pointer}
.podnozje__privola:hover{color:#fff}