/* Osnova podstranica v3. Meni, logo i burger su preneti sa pocetne (v2.0) da se
   prelaz sa pocetne na podstranicu ne oseti; ostalo je mirnije, tekst ide prvi. */
@font-face { font-family:"Inter"; font-style:normal; font-weight:400; font-display:swap; src:url(/a1/inter-400-latin.woff2) format("woff2"); }
@font-face { font-family:"Inter"; font-style:normal; font-weight:500; font-display:swap; src:url(/a1/inter-500-latin.woff2) format("woff2"); }
@font-face { font-family:"Inter"; font-style:normal; font-weight:600; font-display:swap; src:url(/a1/inter-600-latin.woff2) format("woff2"); }
@font-face { font-family:"Inter"; font-style:normal; font-weight:700; font-display:swap; src:url(/a1/inter-700-latin.woff2) format("woff2"); }

* { box-sizing:border-box; margin:0; padding:0; }
html { scroll-behavior:smooth; -webkit-text-size-adjust:100%; }
body { background:var(--bg); color:var(--tekst); font-family:"Inter",-apple-system,"Segoe UI",Roboto,sans-serif;
  font-size:16px; line-height:1.6; -webkit-font-smoothing:antialiased; overflow-x:hidden; }
img { max-width:100%; display:block; }
a:focus-visible, button:focus-visible, input:focus-visible, textarea:focus-visible, select:focus-visible, summary:focus-visible {
  outline:2px solid var(--acc); outline-offset:2px; }
.preskoci { position:absolute; left:12px; top:-60px; z-index:100; background:var(--acc); color:#141821; padding:10px 16px;
  border-radius:10px; font-weight:700; text-decoration:none; }
.preskoci:focus { top:12px; }

/* meni (isti kao na pocetnoj) */
nav { position:fixed; top:0; left:0; right:0; z-index:60; display:flex; align-items:center; padding:12px 3.2vw;
  background:rgba(4,6,10,.88); backdrop-filter:blur(16px); -webkit-backdrop-filter:blur(16px); border-bottom:1px solid #10141c; }
.logo { display:flex; align-items:center; gap:9px; text-decoration:none; }
.logo .lZnak { height:21px; display:block; }
.logo .lRec { height:11.5px; display:block; }
.navL { display:flex; align-items:center; gap:34px; margin-left:auto; margin-right:30px; }
.navL a { font-weight:500; font-size:12.5px; letter-spacing:.22em; text-transform:uppercase; color:#8b929d; text-decoration:none;
  transition:color .25s; padding:8px 0; }
.navL a:hover { color:#fff; }
.navCta { font-size:12px; letter-spacing:.08em; color:var(--acc); border:1px solid var(--acc); font-weight:600; padding:9px 16px;
  border-radius:99px; text-decoration:none; white-space:nowrap; transition:background .25s, color .25s, transform .1s ease-out; }
.navCta:hover { background:var(--acc); color:#141821; }
.navCta:active { transform:scale(.97); }
#burger { display:none; margin-left:12px; width:44px; height:44px; background:none; border:none; cursor:pointer; padding:10px; }
#burger i { display:block; height:2px; background:#e6e9ee; margin:5px 0; border-radius:2px; transition:transform .25s, opacity .25s; }
#burger.otvoren i:nth-child(1) { transform:translateY(7px) rotate(45deg); }
#burger.otvoren i:nth-child(2) { opacity:0; }
#burger.otvoren i:nth-child(3) { transform:translateY(-7px) rotate(-45deg); }
#mobMeni { position:fixed; top:0; left:0; right:0; z-index:55; padding:78px 8vw 26px; max-height:100vh; overflow-y:auto;
  background:rgba(4,6,10,.97); backdrop-filter:blur(16px); -webkit-backdrop-filter:blur(16px);
  border-bottom:1px solid rgba(232,179,75,.14); transform:translateY(-105%); visibility:hidden;
  transition:transform .3s cubic-bezier(.2,.9,.3,1), visibility 0s .3s; }
#mobMeni.otvoren { transform:none; visibility:visible; transition:transform .3s cubic-bezier(.2,.9,.3,1); }
#mobMeni a { display:block; padding:14px 0; font-size:15px; letter-spacing:.16em; text-transform:uppercase;
  color:#e6e9ee; text-decoration:none; border-bottom:1px solid rgba(255,255,255,.06); }
#mobMeni a.mobCta { color:var(--acc); border-bottom:none; }
@media (max-width:1000px) {
  .navL { display:none; }
  #burger { display:block; }
  .navCta { margin-left:auto; }
}
@media (max-width:420px) { .navCta { padding:9px 12px; font-size:11px; letter-spacing:.04em; } .logo .lRec { height:10px; } }

/* sadrzaj */
main { display:block; }
.omot { max-width:1180px; margin:0 auto; padding:0 6vw; }
.kicker { text-transform:uppercase; letter-spacing:.18em; font-size:12px; color:var(--acc); font-weight:500; }
.heroStrane { padding:170px 0 90px; position:relative; overflow:hidden; }
.heroStrane::before { content:""; position:absolute; left:50%; top:-30%; width:120vw; height:90%; transform:translateX(-50%);
  background:radial-gradient(ellipse at 50% 0%, rgba(232,179,75,.14), rgba(232,179,75,0) 60%); pointer-events:none; }
.heroStrane .omot { position:relative; }
.heroStrane h1 { margin-top:18px; font-size:clamp(38px,6vw,76px); line-height:1.04; letter-spacing:-.035em; font-weight:700; max-width:16ch;
  background:linear-gradient(115deg,#f5ecd9 0%,#e8b34b 52%,#c4772a 100%); -webkit-background-clip:text; background-clip:text; color:transparent; }
.heroStrane .lead { margin-top:24px; font-size:clamp(17px,1.8vw,20px); color:#b6bcc6; max-width:62ch; line-height:1.6; }
.sekcija { padding:84px 0; border-top:1px solid #0f131a; scroll-margin-top:80px; }
.sekcija h2 { margin-top:14px; font-size:clamp(30px,3.8vw,48px); line-height:1.1; letter-spacing:-.03em; font-weight:700; max-width:22ch; }
.sekcija .uvod { margin-top:18px; color:var(--siv); font-size:clamp(16px,1.6vw,18px); max-width:66ch; line-height:1.65; }
.sekcija .tekst p { color:#b6bcc6; max-width:68ch; margin-top:14px; font-size:16.5px; line-height:1.7; }
.lista { list-style:none; margin-top:28px; display:grid; grid-template-columns:repeat(3,1fr); gap:12px; }
@media (max-width:760px) { .lista { grid-template-columns:1fr; } }
.lista li { background:var(--karta); border:1px solid var(--ivica); border-radius:12px; padding:18px 20px 18px 46px; position:relative; color:#d5d9e0; }
.lista li::before { content:""; position:absolute; left:20px; top:25px; width:9px; height:9px; border:1px solid var(--acc); transform:rotate(45deg); border-radius:2px; }
.koraci { list-style:none; counter-reset:k; margin-top:36px; display:grid; gap:14px; }
.koraci li { counter-increment:k; display:grid; grid-template-columns:64px 1fr; gap:6px 20px; background:var(--karta); border:1px solid var(--ivica);
  border-radius:var(--r); padding:26px; }
.koraci li::before { content:"0" counter(k); grid-row:span 3; font-size:28px; font-weight:700; color:var(--acc); letter-spacing:-.02em; }
.koraci b { font-size:19px; letter-spacing:-.01em; }
.koraci p { color:var(--siv); }
.koraci .izlaz { color:#c7ccd4; font-size:14.5px; }
.koraci .izlaz span { color:var(--acc); font-size:11.5px; letter-spacing:.16em; text-transform:uppercase; margin-right:8px; }
.zavrsna { padding:110px 0 120px; text-align:center; border-top:1px solid #0f131a; }
.zavrsna h2 { margin:14px auto 0; font-size:clamp(32px,4.6vw,58px); line-height:1.06; letter-spacing:-.035em; max-width:18ch;
  background:linear-gradient(115deg,#f5ecd9 0%,#e8b34b 52%,#c4772a 100%); -webkit-background-clip:text; background-clip:text; color:transparent; }
.zavrsna p { margin:18px auto 0; color:var(--siv); max-width:56ch; font-size:17px; }
.zavrsna .dugmad { justify-content:center; }
.dvaStuba { display:grid; grid-template-columns:1fr 1fr; gap:16px; margin-top:32px; }
@media (max-width:820px) { .dvaStuba { grid-template-columns:1fr; } }
.okvir { background:var(--karta); border:1px solid var(--ivica); border-radius:var(--r); padding:30px; }
.okvir h3 { font-size:19px; margin-bottom:10px; letter-spacing:-.01em; }
.okvir p { color:var(--siv); }
.okvir.zlatni { border-color:rgba(232,179,75,.35); background:linear-gradient(180deg,rgba(232,179,75,.06),rgba(232,179,75,0) 70%), var(--karta); }

/* kontakt strana */
.kontaktMreza { display:grid; grid-template-columns:1.35fr 1fr; gap:22px; align-items:start; }
@media (max-width:900px) { .kontaktMreza { grid-template-columns:1fr; } }
.kalendar { position:sticky; top:96px; scroll-margin-top:96px; }
.kalendar .trajanje { display:flex; flex-wrap:wrap; gap:8px; margin:16px 0 20px; }
.kalendar .trajanje span { font-size:12.5px; padding:6px 11px; border:1px solid #2a3140; border-radius:99px; color:#c7ccd4; }
.kalendar .dugme { width:100%; }

/* pravne strane: citljivo, usko */
.pravno { max-width:760px; }
.pravno h2 { font-size:22px; margin:44px 0 10px; letter-spacing:-.01em; }
.pravno p, .pravno li { color:#b6bcc6; font-size:16px; line-height:1.75; }
.pravno p + p { margin-top:12px; }
.pravno ul { margin:10px 0 0 20px; }
.pravno li { margin:8px 0; }
.pravno a { color:var(--acc); }
.datum { color:var(--tamnosiv); font-size:14px; margin-top:14px; }

/* sakriva se samo kad JS radi; bez JS-a sav sadrzaj je odmah vidljiv */
.js .reveal { opacity:0; transform:translateY(16px); transition:opacity .6s ease, transform .6s cubic-bezier(.16,1,.3,1); }
.js .reveal.on { opacity:1; transform:none; }
@media (max-width:700px) {
  .heroStrane { padding:130px 0 64px; }
  .sekcija { padding:64px 0; }
  .koraci li { grid-template-columns:1fr; }
  .koraci li::before { grid-row:auto; }
}
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior:auto; }
  .js .reveal { opacity:1; transform:none; transition:none; }
  #mobMeni, #burger i { transition:none; }
}

/* veliki ekrani (TV, 4K bez skaliranja): cela strana raste srazmerno, raspored ostaje isti */
@media (min-width:2200px) { html { zoom:1.25; } }
@media (min-width:2900px) { html { zoom:1.5; } }
@media (min-width:3500px) { html { zoom:1.75; } }