/* ==========================================================================
   Calendar.co — prodajni sajt, DIZAJN OD 17.09.2026 (Borin nalog, Faza 1B).
   Podloga je BELA; svako poglavlje nosi svoju boju, a boja ima značenje —
   ista je ona koju kupac vidi u samom kalendaru:
     plava  #2a5080  kalendar i raspored
     zelena #2d7a3a  poruke klijentima (boja potvrde)
     crvena #b02020  crna lista i nedolasci (boja odbijanja)
     plava prodaje #1a5fa8  novac i izveštaji
     preliv #ff85b3 → #cc44ee → #7722cc  AI sekretarica (preliv AI prekidača)
   Slova: Archivo (naslovi), Nunito (tekst, kao u kalendaru), IBM Plex Mono
   (oznake i brojevi). Mobilni first — sve staje u 360px bez vodoravnog skrola.
   ========================================================================== */

:root{
  color-scheme: light;             /* sajt je namerno samo u svetloj temi */

  --bela:#FFFFFF;
  --podloga-2:#F5F8FB;
  --mastilo:#132434;
  --mastilo-2:#5B7288;
  --linija:rgba(19,36,52,.10);
  --linija-2:rgba(19,36,52,.16);

  --senka-1:0 1px 2px rgba(19,36,52,.06), 0 8px 24px rgba(19,36,52,.06);
  --senka-2:0 2px 6px rgba(19,36,52,.06), 0 22px 56px rgba(19,36,52,.13);

  --plava:#2a5080;
  --plava-tamna:#1e3d63;
  --zelena:#2d7a3a;
  --crvena:#b02020;
  --prodaja:#1a5fa8;

  --ai-1:#ff85b3;
  --ai-2:#cc44ee;
  --ai-3:#7722cc;
  --ai-preliv:linear-gradient(135deg,#ff85b3 0%,#cc44ee 52%,#7722cc 100%);

  --r-s:12px;
  --r-m:16px;
  --r-l:22px;

  /* podrazumevana boja poglavlja — menja je [data-boja] */
  --boja:#2a5080;
  --boja-tinta:rgba(42,80,128,.07);
  --boja-linija:rgba(42,80,128,.22);
  --boja-preliv:linear-gradient(135deg,#2a5080,#35639c);
}

*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto;}
  *{transition:none!important;animation:none!important;}
}

body{
  background:var(--bela);
  color:var(--mastilo);
  font-family:'Nunito','Segoe UI',system-ui,-apple-system,sans-serif;
  font-size:17px;
  line-height:1.65;
  -webkit-font-smoothing:antialiased;
  overflow-x:hidden;
}
@media (min-width:900px){ body{font-size:18px;} }

/* `height:auto` je OBAVEZAN: slike nose width/height u HTML-u (da strana ne poskakuje
   dok se učitavaju), pa bi bez ovoga zadržale punu piksel-visinu. */
img{max-width:100%;height:auto;display:block;}
a{color:var(--plava);text-decoration:none;}
a:hover{color:var(--plava-tamna);}
:focus-visible{outline:2px solid var(--boja);outline-offset:3px;border-radius:6px;}

.okvir{max-width:1200px;margin:0 auto;padding:0 16px;width:100%;}
@media (min-width:760px){ .okvir{padding:0 32px;} }

.preskoci{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;}
.preskoci:focus{
  width:auto;height:auto;clip:auto;clip-path:none;overflow:visible;
  left:12px;top:10px;z-index:120;background:var(--bela);color:var(--mastilo);
  padding:10px 20px;border-radius:50px;box-shadow:var(--senka-2);
}

/* ─────────── slova ─────────── */
h1,h2,h3,.arh{font-family:'Archivo','Nunito',system-ui,sans-serif;letter-spacing:-.022em;}
h1{
  font-weight:800;font-size:clamp(2.1rem,5.2vw,3.85rem);line-height:1.04;
  text-wrap:balance;
}
h2{
  font-weight:800;font-size:clamp(1.7rem,3.3vw,2.65rem);line-height:1.12;
  color:var(--boja);text-wrap:balance;
}
h3{font-weight:700;font-size:1.08rem;line-height:1.35;letter-spacing:-.012em;}
.vodeci--vrh{margin-top:0;}
.pitanja-uski{max-width:900px;margin:0 auto;}
.vodeci{
  font-size:clamp(1.02rem,1.5vw,1.2rem);color:var(--mastilo-2);
  max-width:62ch;margin-top:16px;
}

.oznaka{
  display:inline-flex;align-items:center;gap:8px;
  font-family:'IBM Plex Mono',ui-monospace,monospace;
  font-size:.72rem;font-weight:600;letter-spacing:.17em;text-transform:uppercase;
  color:var(--boja);background:var(--boja-tinta);
  border-radius:50px;padding:6px 14px;margin-bottom:18px;
}
.oznaka .ikona{width:16px;height:16px;stroke-width:2.1;}

/* ─────────── poglavlja ─────────── */
.odeljak{padding:clamp(64px,8.5vw,120px) 0;}
.odeljak--sivo{background:var(--podloga-2);}
.odeljak--linija{border-top:1px solid var(--linija);}
.odeljak[data-boja="plava"]{--boja:#2a5080;--boja-tinta:rgba(42,80,128,.07);--boja-linija:rgba(42,80,128,.22);--boja-preliv:linear-gradient(135deg,#2a5080,#35639c);}
.odeljak[data-boja="zelena"]{--boja:#2d7a3a;--boja-tinta:rgba(45,122,58,.08);--boja-linija:rgba(45,122,58,.24);--boja-preliv:linear-gradient(135deg,#2d7a3a,#3da84d);}
.odeljak[data-boja="crvena"]{--boja:#b02020;--boja-tinta:rgba(176,32,32,.07);--boja-linija:rgba(176,32,32,.22);--boja-preliv:linear-gradient(135deg,#b02020,#e03030);}
.odeljak[data-boja="prodaja"]{--boja:#1a5fa8;--boja-tinta:rgba(26,95,168,.08);--boja-linija:rgba(26,95,168,.24);--boja-preliv:linear-gradient(135deg,#1a5fa8,#2a7fd4);}

.glava{max-width:64ch;margin-bottom:clamp(28px,4vw,48px);}
.glava--sredina{margin-left:auto;margin-right:auto;text-align:center;}
.glava--sredina .vodeci{margin-left:auto;margin-right:auto;}

/* ─────────── zaglavlje strane ─────────── */
.cc-head{
  position:sticky;top:0;z-index:50;
  background:rgba(255,255,255,.92);
  backdrop-filter:saturate(1.4) blur(12px);
  border-bottom:1px solid var(--linija);
}
.cc-head-red{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:66px;}
.cc-logo{display:flex;align-items:center;gap:10px;color:var(--mastilo);}
.cc-logo:hover{color:var(--mastilo);}
.cc-logo-znak{width:30px;height:30px;}
.cc-logo-ime{font-family:'Archivo',sans-serif;font-weight:800;font-size:1.18rem;letter-spacing:-.03em;}

.cc-meni-dugme{
  display:none;flex-direction:column;justify-content:center;gap:5px;
  width:44px;height:40px;padding:0 10px;cursor:pointer;
  background:var(--bela);border:1px solid var(--linija-2);border-radius:50px;
}
.cc-meni-dugme span{display:block;height:2px;background:var(--mastilo-2);border-radius:2px;}

.cc-nav{display:flex;align-items:center;gap:4px;}
.cc-nav a{
  padding:9px 15px;border-radius:50px;color:var(--mastilo-2);
  font-weight:700;font-size:.97rem;
}
.cc-nav a:hover,.cc-nav a.aktivna{background:var(--podloga-2);color:var(--plava);}
.cc-nav .cc-nav-cta{background:var(--plava);color:#fff;box-shadow:var(--senka-1);}
.cc-nav .cc-nav-cta:hover{background:var(--plava-tamna);color:#fff;}

@media (max-width:900px){
  html.js .cc-nav{
    display:none;position:absolute;left:12px;right:12px;top:66px;
    flex-direction:column;align-items:stretch;gap:4px;
    background:var(--bela);border:1px solid var(--linija);
    border-radius:var(--r-l);padding:10px;box-shadow:var(--senka-2);
  }
  html.js .cc-nav.otvoren{display:flex;}
  html.js .cc-meni-dugme{display:flex;}
  .cc-nav a{text-align:center;padding:12px 15px;}
}

/* ─────────── dugmad ─────────── */
.dugme{
  display:inline-flex;align-items:center;justify-content:center;gap:9px;
  padding:14px 28px;border-radius:50px;border:1px solid transparent;
  font-family:'Nunito',sans-serif;font-size:1rem;font-weight:800;line-height:1;
  cursor:pointer;text-align:center;
}
.dugme--glavno{background:var(--boja-preliv);color:#fff;box-shadow:var(--senka-1);}
.dugme--glavno:hover{filter:brightness(1.07);color:#fff;}
.dugme--tiho{background:var(--bela);border-color:var(--linija-2);color:var(--mastilo);}
.dugme--tiho:hover{border-color:var(--boja);color:var(--boja);}
.dugme--belo{background:#fff;color:var(--ai-3);}
.dugme--belo:hover{filter:brightness(.96);color:var(--ai-3);}
.dugme--ugasen{opacity:.45;pointer-events:none;}
.dugmad{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px;}
.dugmad--sredina{justify-content:center;}
.glava--sredina .dugmad{justify-content:center;}

/* ─────────── udarni blok ─────────── */
.udarni{padding:clamp(40px,6vw,80px) 0 clamp(20px,3vw,32px);text-align:center;}
.udarni .vodeci{margin-left:auto;margin-right:auto;}
.udarni-slika{margin-top:clamp(34px,5vw,56px);}
.okvir-slike{
  border-radius:var(--r-l);overflow:hidden;
  border:1px solid var(--linija);box-shadow:var(--senka-2);
  background:var(--bela);
}
.potpis{
  font-family:'IBM Plex Mono',ui-monospace,monospace;
  font-size:.74rem;letter-spacing:.06em;color:var(--mastilo-2);
  margin-top:12px;text-align:center;
}
.trake{
  display:flex;flex-wrap:wrap;justify-content:center;gap:10px;
  margin-top:clamp(28px,4vw,40px);
}
.traka{
  display:inline-flex;align-items:center;gap:9px;
  background:var(--podloga-2);border:1px solid var(--linija);
  border-radius:50px;padding:9px 18px;
  font-size:.92rem;font-weight:700;color:var(--mastilo-2);
}
.traka .ikona{width:18px;height:18px;stroke:var(--plava);stroke-width:2.2;}

/* ─────────── dve kolone: tekst + slika ─────────── */
.dvokolona{display:grid;gap:clamp(28px,4vw,56px);grid-template-columns:1fr;align-items:center;}
.dvokolona--vrh{align-items:start;}
@media (min-width:980px){
  .dvokolona{grid-template-columns:1.02fr 1fr;}
  .dvokolona--obrnuto .dvokolona-tekst{order:2;}
  .dvokolona--obrnuto .dvokolona-slika{order:1;}
}
.dvokolona-slika img{border-radius:var(--r-m);}
.slika-telefon{max-width:270px;margin:0 auto;}
.slika-panel{max-width:400px;margin:0 auto;}
.slika-panel--razmak{margin-top:36px;}
.slika-siroka{margin-top:clamp(30px,4vw,48px);}

/* ─────────── istaknut spisak funkcija ─────────── */
.spisak{
  list-style:none;display:grid;gap:14px;grid-template-columns:1fr;
  background:var(--boja-tinta);border:1px solid var(--boja-linija);
  border-radius:var(--r-l);padding:clamp(20px,3vw,28px);
  margin-top:26px;
}
.spisak--dve{grid-template-columns:1fr;}
@media (min-width:700px){ .spisak--dve{grid-template-columns:1fr 1fr;gap:14px 28px;} }
.spisak li{display:flex;align-items:flex-start;gap:11px;font-size:.98rem;color:var(--mastilo-2);}
.spisak li b{color:var(--mastilo);font-weight:800;}
.spisak .ikona{width:20px;height:20px;flex:none;margin-top:3px;stroke:var(--boja);stroke-width:2.4;}

/* ─────────── istaknuta tvrdnja ─────────── */
.tvrdnja{
  border-left:4px solid var(--boja);
  padding:4px 0 4px 22px;margin:26px 0 0;
  font-family:'Archivo',sans-serif;font-weight:700;letter-spacing:-.015em;
  font-size:clamp(1.12rem,1.9vw,1.42rem);line-height:1.38;color:var(--mastilo);
}

/* ─────────── kartice ─────────── */
.kartice{display:grid;gap:16px;grid-template-columns:1fr;}
@media (min-width:640px){ .kartice--2{grid-template-columns:repeat(2,1fr);} }
@media (min-width:760px){ .kartice--3{grid-template-columns:repeat(2,1fr);} }
@media (min-width:1040px){ .kartice--3{grid-template-columns:repeat(3,1fr);} }
@media (min-width:640px){ .kartice--4{grid-template-columns:repeat(2,1fr);} }
@media (min-width:1100px){ .kartice--4{grid-template-columns:repeat(4,1fr);} }

.kartica{
  background:var(--bela);border:1px solid var(--linija);
  border-radius:var(--r-m);padding:22px 22px 24px;
  box-shadow:var(--senka-1);
  display:flex;flex-direction:column;gap:9px;
}
.odeljak--sivo .kartica{background:var(--bela);}
.kartica p{color:var(--mastilo-2);font-size:.96rem;}
.kartica .ikona{width:30px;height:30px;stroke:var(--boja);stroke-width:1.75;}
.kartica--tiha{background:transparent;box-shadow:none;border-style:dashed;}

/* traka sa četiri kanala kojima gost zakazuje sam */
.kanali{
  background:var(--boja-tinta);border:1px solid var(--boja-linija);
  border-radius:var(--r-l);padding:clamp(22px,3vw,34px);
}
.kanali-glava{margin-bottom:22px;}
.kanali-glava h3{font-size:clamp(1.15rem,2vw,1.5rem);color:var(--boja);font-weight:800;}
.kanali-glava p{color:var(--mastilo-2);font-size:.98rem;margin-top:6px;}
.pod-naslov{
  font-family:'IBM Plex Mono',ui-monospace,monospace;
  font-size:.72rem;letter-spacing:.17em;text-transform:uppercase;color:var(--mastilo-2);
  margin:clamp(34px,4vw,48px) 0 18px;
}

/* ─────────── AI odeljak (preliv) ─────────── */
.ai{background:var(--ai-preliv);color:#fff;}
.ai h2{color:#fff;}
.ai .vodeci{color:rgba(255,255,255,.92);}
.ai .oznaka{background:rgba(255,255,255,.18);color:#fff;}
.ai .oznaka .ikona{stroke:#fff;}
.ai .spisak{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.28);}
.ai .spisak li{color:rgba(255,255,255,.90);}
.ai .spisak li b{color:#fff;}
.ai .spisak .ikona{stroke:#fff;}
.ai-napomena{
  display:inline-flex;align-items:center;gap:10px;margin-top:24px;
  background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.3);
  border-radius:50px;padding:10px 20px;font-weight:700;font-size:.95rem;
}

/* ─────────── česta pitanja ─────────── */
.pitanje{
  background:var(--bela);border:1px solid var(--linija);
  border-radius:var(--r-m);margin-bottom:10px;overflow:hidden;
}
.pitanje summary{
  cursor:pointer;list-style:none;padding:17px 20px;
  font-weight:800;font-size:1.02rem;
  display:flex;align-items:center;justify-content:space-between;gap:14px;
}
.pitanje summary::-webkit-details-marker{display:none;}
.pitanje summary::after{content:"+";font-size:1.4rem;font-weight:700;color:var(--boja);line-height:1;flex:none;}
.pitanje[open] summary::after{content:"–";}
.pitanje[open] summary{color:var(--boja);}
.pitanje p{padding:0 20px 18px;color:var(--mastilo-2);max-width:78ch;}

/* ─────────── poziv na kraju ─────────── */
.zavrsni{
  background:var(--podloga-2);border:1px solid var(--linija);
  border-radius:var(--r-l);padding:clamp(32px,5vw,60px);text-align:center;
}
.zavrsni .vodeci{margin-left:auto;margin-right:auto;}

/* ─────────── podnožje ─────────── */
.cc-noga{background:var(--bela);border-top:1px solid var(--linija);padding:46px 0 26px;}
.cc-noga-mreza{display:grid;gap:26px;grid-template-columns:1fr;}
@media (min-width:760px){ .cc-noga-mreza{grid-template-columns:2fr 1fr 1fr;} }
.cc-noga-o p{color:var(--mastilo-2);font-size:.95rem;margin-top:12px;max-width:46ch;}
.cc-logo-noga{display:flex;align-items:center;gap:10px;}
.cc-noga h3{
  font-family:'IBM Plex Mono',ui-monospace,monospace;
  font-size:.72rem;letter-spacing:.17em;text-transform:uppercase;
  color:var(--mastilo-2);margin-bottom:12px;font-weight:600;
}
.cc-noga ul{list-style:none;display:flex;flex-direction:column;gap:8px;}
.cc-noga a{color:var(--mastilo-2);font-weight:700;font-size:.95rem;}
.cc-noga a:hover{color:var(--plava);}
.cc-noga-dno{
  margin-top:30px;padding-top:18px;border-top:1px solid var(--linija);
  color:var(--mastilo-2);font-size:.86rem;
}

/* ─────────── ikonice ─────────── */
.ikona{
  width:24px;height:24px;flex:none;fill:none;stroke:currentColor;
  stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;
}

/* ==========================================================================
   Strane Funkcije, Cene, Demo i Kontakt (nov izgled, 17.09.2026)
   ========================================================================== */

/* ── brojevi u zaglavlju (mono pilule) ── */
.brojevi{display:flex;flex-wrap:wrap;gap:10px;margin-top:26px;justify-content:center;}
.broj{
  display:flex;align-items:baseline;gap:9px;
  background:var(--podloga-2);border:1px solid var(--linija);
  border-radius:50px;padding:8px 18px;
}
.broj b{
  font-family:'IBM Plex Mono',ui-monospace,monospace;
  font-size:1.05rem;font-weight:600;color:var(--plava);
}
.broj span{font-size:.88rem;color:var(--mastilo-2);}

/* ── sadržaj strane Funkcije: svaka oblast u svojoj boji ── */
.sadrzaj-kutija{
  background:var(--podloga-2);border:1px solid var(--linija);
  border-radius:var(--r-l);padding:22px 24px;
}
.sadrzaj-kutija h2{
  font-family:'IBM Plex Mono',ui-monospace,monospace;
  font-size:.72rem;letter-spacing:.17em;text-transform:uppercase;
  color:var(--mastilo-2);margin-bottom:14px;font-weight:600;
}
.sadrzaj-kutija ol{list-style:none;display:grid;gap:10px 26px;grid-template-columns:1fr;}
@media (min-width:640px){ .sadrzaj-kutija ol{grid-template-columns:repeat(2,1fr);} }
@media (min-width:1000px){ .sadrzaj-kutija ol{grid-template-columns:repeat(3,1fr);} }
.sadrzaj-kutija a{
  display:flex;align-items:center;gap:10px;
  color:var(--mastilo-2);font-weight:700;font-size:.96rem;
}
.sadrzaj-kutija a:hover{color:var(--mastilo);}
.tacka{width:10px;height:10px;border-radius:50%;flex:none;background:var(--boja);}
.tacka[data-boja="plava"]{background:#2a5080;}
.tacka[data-boja="zelena"]{background:#2d7a3a;}
.tacka[data-boja="crvena"]{background:#b02020;}
.tacka[data-boja="prodaja"]{background:#1a5fa8;}
.tacka[data-boja="ai"]{background:linear-gradient(135deg,#ff85b3,#cc44ee 55%,#7722cc);}

/* ── oblast na strani Funkcije ── */
.oblast{scroll-margin-top:86px;}
.oblast-napomena{
  font-family:'IBM Plex Mono',ui-monospace,monospace;
  font-size:.74rem;letter-spacing:.06em;color:var(--mastilo-2);margin-top:14px;
}
.znak{
  align-self:flex-start;margin-top:4px;
  font-family:'IBM Plex Mono',ui-monospace,monospace;
  font-size:.66rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;
  color:var(--boja);background:var(--boja-tinta);
  border:1px solid var(--boja-linija);border-radius:50px;padding:3px 11px;
}
.ai .znak{color:#fff;background:rgba(255,255,255,.18);border-color:rgba(255,255,255,.34);}
.ai .kartica{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.26);box-shadow:none;}
.ai .kartica h3{color:#fff;}
.ai .kartica p{color:rgba(255,255,255,.90);}
.ai .kartica .ikona{stroke:#fff;}
.ai .oblast-napomena{color:rgba(255,255,255,.82);}
.ai .potpis{color:rgba(255,255,255,.82);}

/* ── paketi (strana Cene) ── */
.paketi{display:grid;gap:18px;grid-template-columns:1fr;align-items:start;}
@media (min-width:900px){ .paketi{grid-template-columns:repeat(2,1fr);} }
.paket{
  background:var(--bela);border:1px solid var(--linija);
  border-radius:var(--r-l);padding:clamp(24px,3vw,34px);box-shadow:var(--senka-1);
}
.paket h3{font-family:'Archivo',sans-serif;font-size:1.65rem;font-weight:800;color:var(--boja);}
.paket .kome{color:var(--mastilo-2);font-size:.96rem;margin-top:4px;}
.iznos-oznaka{
  font-family:'IBM Plex Mono',ui-monospace,monospace;
  font-size:.7rem;letter-spacing:.17em;text-transform:uppercase;
  color:var(--mastilo-2);margin-top:22px;
}
.iznos{
  font-family:'Archivo',sans-serif;font-size:2.6rem;font-weight:800;
  color:var(--boja);line-height:1;margin-top:4px;
}
.iznos-napomena{color:var(--mastilo-2);font-size:.9rem;margin-top:10px;}
.spisak-naslov{font-weight:800;margin-top:24px;}
.paket .spisak{margin-top:12px;}
.paket--ai{background:var(--ai-preliv);border-color:transparent;color:#fff;margin-top:20px;}
.paket--ai h3,.paket--ai .iznos{color:#fff;}
.paket--ai .kome,.paket--ai .iznos-oznaka,.paket--ai .iznos-napomena,.paket--ai .vodeci{color:rgba(255,255,255,.90);}
.paket--ai .spisak{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.28);}
.paket--ai .spisak li{color:rgba(255,255,255,.90);}
.paket--ai .spisak li b{color:#fff;}
.paket--ai .spisak .ikona{stroke:#fff;}
.paket--ai .oznaka{background:rgba(255,255,255,.18);color:#fff;}
.paket--ai .oznaka .ikona{stroke:#fff;}
.paket--ai .spisak-naslov{color:#fff;}

/* ── dve slike jedna uz drugu (strana Demo) ── */
.dve-slike{display:grid;gap:22px;grid-template-columns:1fr;justify-items:center;}
@media (min-width:700px){ .dve-slike{grid-template-columns:repeat(2,1fr);} }
.dve-slike .slika-telefon{max-width:300px;}

/* ── obrazac i podaci (strana Kontakt) ── */
.kontakt-mreza{display:grid;gap:22px;grid-template-columns:1fr;align-items:start;}
@media (min-width:980px){ .kontakt-mreza{grid-template-columns:1.35fr 1fr;} }
.obrazac,.podaci{
  background:var(--bela);border:1px solid var(--linija);
  border-radius:var(--r-l);padding:clamp(24px,3vw,32px);box-shadow:var(--senka-1);
}
.odeljak--sivo .obrazac,.odeljak--sivo .podaci{background:var(--bela);}
.obrazac h2,.podaci h2{font-size:1.35rem;}
.polje{display:flex;flex-direction:column;gap:7px;margin-bottom:16px;}
.polje--prvo{margin-top:22px;}
.polje label{font-weight:800;font-size:.94rem;}
.polje input,.polje textarea{
  font-family:'Nunito',sans-serif;font-size:1rem;color:var(--mastilo);
  background:var(--podloga-2);border:1px solid var(--linija-2);
  border-radius:var(--r-s);padding:13px 15px;width:100%;
}
.polje textarea{min-height:130px;resize:vertical;}
.polje input::placeholder,.polje textarea::placeholder{color:var(--mastilo-2);opacity:.8;}
.polje input:focus,.polje textarea:focus{outline:2px solid var(--boja);outline-offset:1px;}
.saglasnost{display:flex;align-items:flex-start;gap:12px;margin:6px 0 20px;}
.saglasnost input{width:20px;height:20px;flex:none;margin-top:3px;accent-color:var(--boja);}
.saglasnost span{font-size:.94rem;color:var(--mastilo-2);}
.obrazac-napomena{margin-top:14px;color:var(--mastilo-2);font-size:.9rem;text-align:center;}
.podaci dl{display:flex;flex-direction:column;gap:16px;margin-top:20px;}
.podaci dt{
  font-family:'IBM Plex Mono',ui-monospace,monospace;
  font-size:.7rem;letter-spacing:.17em;text-transform:uppercase;color:var(--mastilo-2);
}
.podaci dd{font-weight:700;word-break:break-word;margin-top:3px;}
.podaci .napomena{margin-top:22px;color:var(--mastilo-2);font-size:.88rem;}