/* Računovodstvo Palić - stil */
@font-face{font-family:"Spectral";font-style:normal;font-weight:400;font-display:swap;src:url("/fontovi/spectral-400-latin-ext.woff2") format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Spectral";font-style:normal;font-weight:400;font-display:swap;src:url("/fontovi/spectral-400-latin.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Spectral";font-style:normal;font-weight:500;font-display:swap;src:url("/fontovi/spectral-500-latin-ext.woff2") format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Spectral";font-style:normal;font-weight:500;font-display:swap;src:url("/fontovi/spectral-500-latin.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Work Sans";font-style:normal;font-weight:300 700;font-display:swap;src:url("/fontovi/work-sans-latin-ext.woff2") format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Work Sans";font-style:normal;font-weight:300 700;font-display:swap;src:url("/fontovi/work-sans-latin.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

:root{
  --grafit:#262b30;
  --grafit-2:#1c2024;
  --kamen:#f3f1ec;
  --papir:#fbfaf7;
  --zlato:#c49a4c;
  --zlato-svetlo:#e2c48a;
  --zlato-tekst:#87622a;
  --tekst:#262b30;
  --blag:#5c6167;
  --linija:#e2ddd2;
  --razmak:clamp(56px,7vw,100px);
  --serif:"Spectral",Georgia,"Times New Roman",serif;
  --sans:"Work Sans",system-ui,-apple-system,"Segoe UI",sans-serif;

  --epr-boja:#262b30;
  --epr-boja-tekst:#fff;
  --epr-tekst:#262b30;
  --epr-tekst-blag:#5c6167;
  --epr-pozadina:#fff;
  --epr-pozadina-2:#f3f1ec;
  --epr-linija:#e2ddd2;
  --epr-radius:3px;
  --epr-font:"Work Sans",system-ui,sans-serif;
  --epr-font-naslov:"Spectral",Georgia,serif;
  --epr-senka:0 1px 0 rgba(38,43,48,.06);
}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;font-family:var(--sans);font-size:17px;line-height:1.65;color:var(--tekst);background:var(--papir);font-variant-numeric:tabular-nums}
img{display:block;max-width:100%;height:auto}
a{color:inherit}
h1,h2,h3{font-family:var(--serif);font-weight:500;line-height:1.18;margin:0 0 .5em;letter-spacing:-.005em}
h1{font-size:clamp(34px,4.6vw,56px)}
h2{font-size:clamp(28px,3.2vw,40px);max-width:24ch}
h3{font-size:clamp(20px,1.8vw,23px)}
h4{letter-spacing:0}
p{margin:0 0 1em}
.omot{width:100%;max-width:1180px;margin:0 auto;padding:0 24px}
.sekcija{padding:var(--razmak) 0;overflow-x:clip}
.sekcija.kamen{background:var(--kamen)}
.podnaslov{color:var(--blag);max-width:60ch;font-size:18px}
.skriveno{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.preskoci{position:absolute;left:12px;top:-60px;background:var(--grafit);color:#fff;padding:8px 14px;z-index:100}
.preskoci:focus{top:12px}

/* dugmad */
.dugme{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:14px 24px;border:1px solid var(--grafit);background:var(--grafit);color:#fff;text-decoration:none;font-weight:500;font-size:16px;border-radius:3px;line-height:1.2;transition:background .2s,color .2s,border-color .2s}
.dugme:hover{background:var(--grafit-2)}
.dugme.zlatno{background:var(--zlato);border-color:var(--zlato);color:var(--grafit-2)}
.dugme.zlatno:hover{background:var(--zlato-svetlo);border-color:var(--zlato-svetlo)}
.dugme.obrub{background:transparent;color:var(--grafit)}
.dugme.obrub:hover{background:var(--grafit);color:#fff}
.dugme.obrub-svetlo{background:transparent;color:#fff;border-color:rgba(255,255,255,.45)}
.dugme.obrub-svetlo:hover{border-color:#fff}
.dugme svg{width:18px;height:18px;flex:none}
.dugmad{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}
.link-strela{display:inline-flex;align-items:center;gap:8px;font-weight:500;color:var(--zlato-tekst);text-decoration:none;border-bottom:1px solid currentColor;padding-bottom:2px}
.link-strela:hover{color:var(--grafit)}
.link-strela svg{width:16px;height:16px;flex:none}

/* zaglavlje */
.zaglavlje{position:sticky;top:0;z-index:50;background:rgba(251,250,247,.96);border-bottom:1px solid var(--linija);backdrop-filter:saturate(1.2) blur(6px)}
.zaglavlje .omot{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:78px;position:relative}
.logo{display:block;flex:none}
.logo img{height:46px;width:auto}
.nav{display:flex;align-items:center;gap:30px}
.nav a{text-decoration:none;font-size:16px;color:var(--tekst);padding:6px 0;border-bottom:1px solid transparent}
.nav a:hover,.nav a[aria-current="page"]{border-bottom-color:var(--zlato)}
.nav .tel{display:inline-flex;align-items:center;gap:8px;color:var(--blag)}
.nav .tel svg{width:16px;height:16px;color:var(--zlato-tekst)}
.nav .dugme{padding:11px 20px;border-bottom:1px solid var(--grafit);color:#fff}
.nav .dugme:hover{color:#fff}
.meni-dugme{display:none;width:46px;height:46px;border:1px solid var(--linija);background:#fff;border-radius:3px;cursor:pointer;padding:0;align-items:center;justify-content:center;flex-direction:column;gap:5px}
.meni-dugme span{display:block;width:20px;height:1.5px;background:var(--grafit);transition:transform .2s,opacity .2s}
.meni-dugme[aria-expanded="true"] span:nth-child(1){transform:translateY(6.5px) rotate(45deg)}
.meni-dugme[aria-expanded="true"] span:nth-child(2){opacity:0}
.meni-dugme[aria-expanded="true"] span:nth-child(3){transform:translateY(-6.5px) rotate(-45deg)}

/* hero početne */
.hero{position:relative;display:grid;grid-template-columns:minmax(24px,1fr) minmax(0,640px) minmax(0,540px) minmax(24px,1fr);overflow:hidden}
.hero-svetlo{grid-column:1/3;grid-row:1;background:var(--kamen);position:relative;overflow:hidden}
.hero-tamno{grid-column:3/5;grid-row:1;background:var(--grafit);position:relative;overflow:hidden}
.hero-svetlo::after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent 0 35px,rgba(38,43,48,.045) 35px 36px);-webkit-mask:linear-gradient(90deg,transparent,#000 40%);mask:linear-gradient(90deg,transparent,#000 40%)}
.hero-tamno::before{content:"";position:absolute;inset:0;background:radial-gradient(60% 55% at 60% 40%,rgba(196,154,76,.16),transparent 70%)}
.monogram{position:absolute;pointer-events:none}
.monogram path,.monogram circle{fill:none;stroke-linecap:round;stroke-linejoin:round}
.hero-svetlo .monogram{width:520px;left:-120px;bottom:-170px;opacity:.05;color:var(--grafit)}
.hero-tamno .monogram{width:560px;right:-200px;top:-140px;opacity:.06;color:#fff}
.hero-tekst{grid-column:2;grid-row:1;position:relative;z-index:1;padding:clamp(56px,7vw,104px) clamp(24px,4vw,64px) clamp(56px,7vw,104px) 24px;align-self:center}
.hero-tekst h1{max-width:18ch;font-size:clamp(34px,4.1vw,52px)}
.hero-tekst .uvod{font-size:19px;color:var(--blag);max-width:46ch}
.cinjenice{list-style:none;margin:36px 0 0;padding:22px 0 0;border-top:1px solid var(--linija);display:grid;grid-template-columns:repeat(3,auto);gap:12px 28px;justify-content:start}
.cinjenice li{display:flex;align-items:center;gap:10px;font-size:15px;color:var(--tekst)}
.cinjenice svg{width:20px;height:20px;color:var(--zlato-tekst);flex:none}
.hero-alat{grid-column:3;grid-row:1;position:relative;z-index:1;padding:clamp(48px,6vw,88px) 24px clamp(48px,6vw,88px) clamp(28px,4vw,56px);color:#fff;align-self:center}

/* alat: limit paušala */
.alat{max-width:440px}
.alat-naslov{font-family:var(--serif);font-size:24px;line-height:1.25;margin:0 0 6px}
.alat-uvod{color:rgba(255,255,255,.7);font-size:15px;margin:0 0 24px}
.alat-telo{display:grid;grid-template-columns:200px 1fr;gap:24px;align-items:center}
.prsten{position:relative;width:200px;height:200px}
.prsten svg{width:200px;height:200px;transform:rotate(-90deg)}
.prsten .staza{fill:none;stroke:rgba(255,255,255,.12);stroke-width:7}
.prsten .vrednost{fill:none;stroke:var(--zlato);stroke-width:7;stroke-linecap:round;transition:stroke-dashoffset .6s ease,stroke .3s}
.prsten.blizu .vrednost{stroke:#e9b25b}
.prsten.preko .vrednost{stroke:#e4826a}
.prsten-tekst{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}
.prsten-tekst strong{font-family:var(--serif);font-weight:500;font-size:44px;line-height:1}
.prsten-tekst span{font-size:12.5px;color:rgba(255,255,255,.66);margin-top:6px;line-height:1.35}
.polja{display:grid;gap:16px}
.polje label{display:block;font-size:13.5px;color:rgba(255,255,255,.72);margin-bottom:6px}
.polje .unos{display:flex;align-items:center;border:1px solid rgba(255,255,255,.22);border-radius:3px;background:rgba(255,255,255,.05)}
.polje .unos:focus-within{border-color:var(--zlato)}
.polje input{width:100%;min-width:0;background:transparent;border:0;color:#fff;font:500 17px/1.2 var(--sans);padding:11px 4px 11px 12px;font-variant-numeric:tabular-nums;outline:none}
.polje .unos span{padding:0 12px;color:rgba(255,255,255,.55);font-size:14px}
.traka-pdv{margin-top:22px}
.traka-pdv .red{display:flex;justify-content:space-between;gap:12px;font-size:13.5px;color:rgba(255,255,255,.72);margin-bottom:8px}
.traka-pdv .red b{color:#fff;font-weight:500}
.traka{height:6px;background:rgba(255,255,255,.12);border-radius:3px;overflow:hidden}
.traka i{display:block;height:100%;width:0;background:var(--zlato);border-radius:3px;transition:width .6s ease,background .3s}
.traka.preko i{background:#e4826a}
.alat-poruka{margin:20px 0 0;padding:14px 16px;border-left:2px solid var(--zlato);background:rgba(255,255,255,.05);font-size:15px;min-height:76px}
.alat-napomena{font-size:12.5px;color:rgba(255,255,255,.5);margin:12px 0 0}

/* usluge na početnoj */
.glava-sekcije{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;flex-wrap:wrap;margin-bottom:40px}
.glava-sekcije h2{margin-bottom:.3em}
.glava-sekcije .podnaslov{margin:0}
.kartice{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-top:1px solid var(--linija);border-left:1px solid var(--linija)}
.kartica{display:flex;flex-direction:column;padding:34px 34px 30px;border-right:1px solid var(--linija);border-bottom:1px solid var(--linija);text-decoration:none;background:#fff;position:relative;transition:background .2s}
.kartica::before{content:"";position:absolute;left:-1px;top:-1px;width:56px;height:2px;background:var(--zlato);transition:width .3s}
.kartica:hover{background:var(--papir)}
.kartica:hover::before{width:120px}
.kr-broj{font-family:var(--serif);font-size:15px;color:var(--zlato-tekst);margin-bottom:18px;display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border:1px solid var(--zlato);border-radius:50%}
.kartica h3{margin-bottom:.4em;max-width:22ch}
.kartica p{color:var(--blag);margin:0 0 18px}
.kr-dno{margin-top:auto;display:flex;justify-content:space-between;align-items:center;gap:16px;padding-top:16px;border-top:1px dashed var(--linija)}
.kr-cena{font-weight:500;color:var(--tekst)}
.kr-link{font-size:15px;color:var(--zlato-tekst);display:inline-flex;align-items:center;gap:6px;white-space:nowrap}
.kr-link svg{width:16px;height:16px}

/* paušal */
.razdeljeno{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(36px,6vw,88px);align-items:center}
.razdeljeno.obrnuto .slika-okvir{order:2}
.slika-okvir{position:relative}
.slika-okvir img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:3px}
.slika-okvir .krug{position:absolute;width:42%;aspect-ratio:1;border:1.5px solid var(--zlato);border-radius:50%;right:-9%;top:-12%;pointer-events:none}
.razdeljeno.obrnuto .slika-okvir .krug{right:auto;left:-9%;top:auto;bottom:-12%}
.lista-provera{list-style:none;margin:28px 0 32px;padding:0;display:grid;gap:0}
.lista-provera li{display:grid;grid-template-columns:40px 1fr;gap:4px 14px;padding:16px 0;border-bottom:1px solid var(--linija)}
.lista-provera li:first-child{border-top:1px solid var(--linija)}
.lista-provera .ik{grid-row:1/3;width:40px;height:40px;border-radius:50%;background:#fff;border:1px solid var(--linija);display:flex;align-items:center;justify-content:center;color:var(--zlato-tekst)}
.lista-provera .ik svg{width:20px;height:20px}
.lista-provera b{font-weight:600;font-size:16px}
.lista-provera span{color:var(--blag);font-size:16px}

/* rokovi */
.rokovi{background:var(--grafit);color:#fff;position:relative;overflow:hidden}
.rokovi .monogram{width:640px;left:-180px;top:-120px;opacity:.05;color:#fff}
.rokovi .omot{position:relative;display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(36px,6vw,80px);align-items:center}
.rokovi h2{color:#fff}
.rokovi .podnaslov{color:rgba(255,255,255,.72)}
.datumi{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.datum{border:1px solid rgba(255,255,255,.16);border-radius:3px;padding:28px 26px;position:relative;display:flex;flex-direction:column}
.datum::before{content:"";position:absolute;top:-1px;left:26px;width:40px;height:2px;background:var(--zlato)}
.datum .broj{font-family:var(--serif);font-size:clamp(46px,5vw,64px);line-height:1;color:var(--zlato-svetlo)}
.datum .kad{display:block;font-size:14px;color:rgba(255,255,255,.6);margin:8px 0 14px}
.datum p{margin:0 0 18px;font-size:16px}
.datum .za{display:block;margin-top:auto;padding-top:12px;border-top:1px dashed rgba(255,255,255,.18);font-size:14px;color:var(--zlato-svetlo);min-height:34px}

/* koraci */
.razdeljeno h3{margin-top:30px}
.koraci{list-style:none;margin:22px 0 0;padding:0;counter-reset:k}
.koraci li{counter-increment:k;position:relative;padding:0 0 22px 60px}
.koraci li::before{content:counter(k);position:absolute;left:0;top:0;width:40px;height:40px;border-radius:50%;border:1px solid var(--zlato);display:flex;align-items:center;justify-content:center;font-family:var(--serif);color:var(--zlato-tekst);background:var(--papir)}
.koraci li::after{content:"";position:absolute;left:20px;top:44px;bottom:4px;width:1px;background:var(--linija)}
.koraci li:last-child{padding-bottom:0}
.koraci li:last-child::after{display:none}
.koraci b{display:block;font-weight:600;margin-bottom:2px;padding-top:7px}
.koraci span{color:var(--blag)}

/* pitanja */
.pitanja-omot{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(36px,6vw,80px);align-items:start}
.pitanja details{border-bottom:1px solid var(--linija)}
.pitanja details:first-child{border-top:1px solid var(--linija)}
.pitanja summary{list-style:none;cursor:pointer;padding:20px 44px 20px 0;position:relative;font-weight:500;font-size:18px}
.pitanja summary::-webkit-details-marker{display:none}
.pitanja summary::after{content:"";position:absolute;right:6px;top:50%;width:12px;height:12px;border-right:1.5px solid var(--zlato-tekst);border-bottom:1.5px solid var(--zlato-tekst);transform:translateY(-70%) rotate(45deg);transition:transform .2s}
.pitanja details[open] summary::after{transform:translateY(-30%) rotate(-135deg)}
.pitanja details p{color:var(--blag);margin:0 0 22px;max-width:62ch}

/* CTA */
.cta{background:var(--kamen);position:relative;overflow:hidden}
.cta .krug-veliki{position:absolute;width:520px;aspect-ratio:1;border:1.5px solid var(--zlato);border-radius:50%;right:-140px;top:50%;transform:translateY(-50%);opacity:.55;pointer-events:none}
.cta .krug-veliki.drugi{width:380px;right:-70px;opacity:.3}
.cta .omot{position:relative;z-index:1}
.cta h2{max-width:20ch}
.cta .tel-veliki{display:inline-flex;align-items:center;gap:10px;font-family:var(--serif);font-size:24px;text-decoration:none;margin-top:6px}
.cta .tel-veliki svg{width:22px;height:22px;color:var(--zlato-tekst)}

/* podstrane: hero traka */
.pod-hero{background:var(--kamen);position:relative;overflow:hidden;border-bottom:1px solid var(--linija)}
.pod-hero::after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent 0 35px,rgba(38,43,48,.04) 35px 36px);-webkit-mask:linear-gradient(90deg,#000 0,transparent 70%);mask:linear-gradient(90deg,#000 0,transparent 70%);pointer-events:none}
.pod-hero .omot{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:48px;align-items:center;padding-top:clamp(44px,5vw,72px);padding-bottom:clamp(44px,5vw,72px)}
.mrvice{display:flex;flex-wrap:wrap;gap:8px;list-style:none;margin:0 0 18px;padding:0;font-size:14px;color:var(--blag)}
.mrvice li+li::before{content:"/";margin-right:8px;color:var(--zlato)}
.mrvice a{text-decoration:none}
.mrvice a:hover{text-decoration:underline}
.pod-hero h1{font-size:clamp(32px,4vw,50px);max-width:24ch}
.pod-hero .uvod{font-size:18px;color:var(--blag);max-width:56ch;margin:0}
.krug-slika{position:relative;width:300px;height:300px}
.krug-slika img{width:100%;height:100%;object-fit:cover;border-radius:50%}
.krug-slika::after{content:"";position:absolute;inset:-14px;border:1.5px solid var(--zlato);border-radius:50%;transform:translate(10px,-6px)}

/* usluge strana */
.usluge-nav{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 8px}
.usluge-nav a{display:inline-block;padding:9px 16px;border:1px solid var(--linija);border-radius:40px;text-decoration:none;font-size:15px;background:#fff}
.usluge-nav a:hover{border-color:var(--zlato);color:var(--zlato-tekst)}
.usluga{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:clamp(28px,5vw,72px);padding:clamp(40px,5vw,64px) 0;border-top:1px solid var(--linija);scroll-margin-top:100px}
.usluga:first-of-type{border-top:0}
.usluga .broj{font-family:var(--serif);font-size:56px;line-height:1;color:var(--zlato);display:block;margin-bottom:14px}
.usluga h2{font-size:clamp(26px,2.6vw,34px)}
.usluga .kratko{color:var(--blag);font-size:18px}
.usluga .cena{display:inline-block;margin-top:6px;padding:8px 14px;border:1px solid var(--zlato);border-radius:3px;font-weight:500;background:#fff}
.usluga .opis p{margin-bottom:1em}
.usluga .opis{border-left:1px solid var(--linija);padding-left:clamp(20px,3vw,40px)}
.usluga .opis .dugme{margin-top:10px}

/* cenovnik strana */
.cen-omot{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:clamp(32px,5vw,64px);align-items:start}
.napomena-kutija{background:var(--kamen);border-radius:3px;padding:30px;position:sticky;top:110px}
.napomena-kutija h2{font-size:26px}
.napomena-kutija p{color:var(--blag)}
.napomena-kutija .dugme{width:100%}
.napomena-kutija .tel{display:flex;align-items:center;gap:8px;margin-top:16px;text-decoration:none;font-weight:500}
.napomena-kutija .tel svg{width:18px;height:18px;color:var(--zlato-tekst)}

/* kontakt strana */
.kontakt-omot{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(32px,5vw,72px);align-items:start}
.kontakt-lista{list-style:none;margin:0 0 28px;padding:0}
.kontakt-lista li{display:grid;grid-template-columns:44px 1fr;gap:2px 16px;padding:18px 0;border-bottom:1px solid var(--linija)}
.kontakt-lista li:first-child{border-top:1px solid var(--linija)}
.kontakt-lista .ik{grid-row:1/3;width:44px;height:44px;border:1px solid var(--zlato);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--zlato-tekst)}
.kontakt-lista .ik svg{width:20px;height:20px}
.kontakt-lista small{font-size:14px;color:var(--blag)}
.kontakt-lista a,.kontakt-lista strong{font-weight:500;font-size:18px;text-decoration:none;word-break:break-word}
.kontakt-lista a:hover{color:var(--zlato-tekst)}
.forma-kutija{background:#fff;border:1px solid var(--linija);border-top:2px solid var(--zlato);border-radius:3px;padding:clamp(24px,3.5vw,40px)}
.forma-kutija h2{font-size:30px}
.forma-kutija .podnaslov{font-size:16px}

/* 404 */
.prazno{text-align:left;min-height:50vh;display:flex;align-items:center}

/* podnožje */
.podnozje{background:var(--grafit-2);color:rgba(255,255,255,.78);font-size:15.5px;padding:64px 0 0}
.podnozje .omot{display:grid;grid-template-columns:minmax(0,1.3fr) repeat(3,minmax(0,1fr));gap:36px}
.podnozje img{height:44px;width:auto;margin-bottom:16px}
.podnozje h3{font-family:var(--sans);font-size:13px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--zlato-svetlo);margin:6px 0 14px}
.podnozje ul{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.podnozje a{text-decoration:none}
.podnozje a:hover{color:#fff;text-decoration:underline}
.podnozje .pravno{font-size:14px;color:rgba(255,255,255,.6);line-height:1.55}
.podnozje .dno{grid-column:1/-1;display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;border-top:1px solid rgba(255,255,255,.1);margin-top:28px;padding:22px 0 26px;font-size:14px;color:rgba(255,255,255,.55)}
.podnozje .epr-mreze{color:rgba(255,255,255,.8);margin-top:14px}

.epr-lightbox[hidden]{display:none!important}

/* prelomi */
@media (max-width:1100px){
  .hero{grid-template-columns:minmax(24px,1fr) minmax(0,560px) minmax(0,480px) minmax(24px,1fr)}
  .alat-telo{grid-template-columns:1fr}
  .prsten{margin:0 auto}
  .cinjenice{grid-template-columns:1fr 1fr}
}
@media (max-width:900px){
  :root{--razmak:clamp(48px,8vw,72px)}
  .meni-dugme{display:flex}
  .nav{display:none;position:absolute;left:0;right:0;top:100%;flex-direction:column;align-items:stretch;gap:0;background:var(--papir);border-bottom:1px solid var(--linija);padding:8px 24px 20px;box-shadow:0 18px 30px rgba(38,43,48,.08)}
  .nav.otvoren{display:flex}
  .nav a{padding:14px 0;border-bottom:1px solid var(--linija)}
  .nav a:hover,.nav a[aria-current="page"]{border-bottom-color:var(--linija);color:var(--zlato-tekst)}
  .nav .dugme{margin-top:14px;border-bottom:1px solid var(--grafit)}
  .hero{display:block}
  .hero-svetlo,.hero-tamno{position:absolute}
  .hero-svetlo{inset:0}
  .hero-tamno{display:none}
  .hero-tekst{padding:56px 24px 48px}
  .hero-alat{background:var(--grafit);padding:48px 24px;position:relative;overflow:hidden}
  .alat{margin:0 auto}
  .alat-telo{grid-template-columns:200px 1fr}
  .razdeljeno,.rokovi .omot,.pitanja-omot,.cen-omot,.kontakt-omot{grid-template-columns:1fr}
  .razdeljeno.obrnuto .slika-okvir{order:0}
  .slika-okvir .krug{right:-4%;top:-8%}
  .razdeljeno.obrnuto .slika-okvir .krug{left:-4%;bottom:-8%}
  .usluga{grid-template-columns:1fr;gap:20px}
  .usluga .opis{border-left:0;padding-left:0}
  .napomena-kutija{position:static}
  .podnozje .omot{grid-template-columns:1fr 1fr}
  .podnozje .omot>div:first-child{grid-column:1/-1}
  .pod-hero .omot{grid-template-columns:minmax(0,1fr) 180px;gap:28px}
  .krug-slika{width:180px;height:180px}
  .krug-slika::after{inset:-9px}
}
@media (max-width:620px){
  :root{--razmak:44px}
  body{font-size:16.5px}
  .omot{padding:0 18px}
  .zaglavlje .omot{min-height:68px}
  .logo img{height:38px}
  .nav{padding:6px 18px 18px}
  .hero-tekst{padding:44px 18px 40px}
  .hero-tekst .uvod{font-size:17.5px}
  .dugmad .dugme{flex:1 1 100%}
  .cinjenice{grid-template-columns:1fr}
  .hero-alat{padding:40px 18px}
  .alat-telo{grid-template-columns:1fr}
  .kartice{grid-template-columns:1fr}
  .kartica{padding:28px 22px 24px}
  .kr-dno{flex-wrap:wrap}
  .datumi{grid-template-columns:1fr}
  .slika-okvir .krug{width:36%;right:-4%;top:-8%}
  .razdeljeno.obrnuto .slika-okvir .krug{left:-4%;bottom:-8%}
  .pod-hero .omot{grid-template-columns:1fr;gap:24px}
  .krug-slika{display:none}
  .cta .krug-veliki{width:340px;right:-200px}
  .cta .krug-veliki.drugi{display:none}
  .cta .dugme{flex:1 1 100%}
  .podnozje .omot{grid-template-columns:1fr}
  .usluga .broj{font-size:44px}
}
@media (prefers-reduced-motion:reduce){*{transition:none!important}}