/* stil-5-urednicki.css — stilovi sajta (index.html), deo 5 od 5: urednički sistem: slike, početna, strana proizvoda, levak, čitač. Učitavaju se redom i kasniji deo preglasava raniji, kao dok su bili jedan blok; vidi docs/struktura-sajta.md. */
/* =====================================================================
   UREDNIČKI SISTEM — brif „Platform-wide Editorial Redesign" (29.09.2026)
   =====================================================================
   Poslednji sloj, namerno: sve ispod važi za celu platformu i gazi ranije
   slojeve (MAKETA 3, hero dorada, ...). Ranija pravila nisu brisana — mnoga
   nose mere i razloge iz starih brifova koje testovi i dalje čitaju.

   Komponente iz §11 brifa i gde su ovde:
     BrandHeader        nav / .p-top            EditorialHero     .ed-hero
     EditorialSection   .ed-sek                 EditorialHeading  .ed-h2, .ed-uvod
     PrimaryButton      .btn                    SecondaryButton   .btn.ghost
     TextLink           .ed-lnk                 TrustStrip        .ed-traka
     ProductTile        .ed-plocica             TierSelector      .ed-nivoi
     ReportMockup       .ed-mockup              ImagePanel        .ed-slika
     FormField          .ed-polje, input        ProgressSteps     .ed-koraci
     OrderSummary       .ed-narudzba            StatusTimeline    .ed-tok
     AstroDiagram       .ed-astro (edAstro())
   ===================================================================== */

:root{
  --ed-str:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4.5 12h14.5M13.5 6.5 19 12l-5.5 5.5'/%3E%3C/svg%3E");
  /* Papir: tiho zrno, bez fotografije. Isti crtež na svakoj privremenoj
     površini, pa sve privremene slike deluju kao jedna porodica. */
  --ed-papir:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .32 0 0 0 0 .27 0 0 0 0 .2 0 0 0 .1 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
  --ed-sirina:1280px;
  --ed-strana:32px;
}
@media(max-width:720px){ :root{ --ed-strana:20px } }

/* --- osnova i tipografija (§3) ---------------------------------------- */
body{background:var(--bg-primary);color:var(--ink-secondary);font-family:var(--sans);font-weight:400;
  font-size:16px;line-height:1.65;text-rendering:optimizeLegibility}
h1,h2,h3,h4{font-family:var(--serif);font-weight:400;color:var(--ink-primary)}
.fcol h5{font-family:var(--sans);font-size:11px;letter-spacing:.16em;color:var(--olive-700)}
b,strong{font-weight:600}
.shead,.ctrh{font-family:var(--serif);font-weight:400;color:var(--ink-primary);letter-spacing:-.01em;line-height:1.08}
.shead em,.hero h1 em{color:var(--olive-700)}
.klabel,.label{font-family:var(--sans);font-weight:500;font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--olive-700)}
.klabel .st{color:var(--bronze)}
.lead,.ctrl{color:var(--ink-secondary);font-size:16.5px;line-height:1.7}
::selection{background:rgba(89,102,79,.18)}
.wrap{max-width:var(--ed-sirina);padding-left:max(var(--ed-strana),env(safe-area-inset-left));padding-right:max(var(--ed-strana),env(safe-area-inset-right))}

.ed-h2{font-family:var(--serif);font-weight:400;font-size:clamp(34px,3.4vw,46px);line-height:1.08;letter-spacing:-.012em;color:var(--ink-primary);margin:0}
.ed-uvod{font-size:16.5px;line-height:1.7;color:var(--ink-secondary);max-width:52ch;margin:14px 0 0}
.ed-oko{display:inline-flex;align-items:center;gap:10px;font-family:var(--sans);font-weight:500;font-size:11px;letter-spacing:.18em;
  text-transform:uppercase;color:var(--olive-700)}
.ed-oko svg{width:16px;height:16px;color:var(--bronze);flex:0 0 16px}

/* --- dugmad (§6): maslina, 6px, bez pilula i bez sjaja ----------------- */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:13px 26px;
  border-radius:var(--r-sm);background:var(--olive-800);border:1px solid var(--olive-800);color:var(--bg-soft);
  font-family:var(--sans);font-weight:500;font-size:14.5px;letter-spacing:.005em;text-transform:none;line-height:1.25;
  box-shadow:none;transition:background var(--t-brzo),border-color var(--t-brzo),color var(--t-brzo),transform var(--t-brzo)}
.btn:hover{background:var(--olive-900);border-color:var(--olive-900);color:var(--bg-soft);transform:translateY(-1px)}
.btn:active{transform:none}
.btn.ghost{background:transparent;border:1px solid rgba(75,87,67,.42);color:var(--olive-800)}
.btn.ghost:hover{background:rgba(75,87,67,.06);border-color:var(--olive-800);color:var(--olive-900)}
.btn:disabled,.btn[disabled]{opacity:.45;cursor:default;transform:none}
.btn.ed-sa::after,.ed-lnk::after{content:"";flex:0 0 17px;width:17px;height:17px;background:currentColor;
  -webkit-mask:var(--ed-str) center/contain no-repeat;mask:var(--ed-str) center/contain no-repeat;transition:transform var(--t-brzo)}
.btn.ed-sa:hover::after,.ed-lnk:hover::after{transform:translateX(3px)}
/* TextLink: tiha strelica, podvlaka tek na prelazu. */
.ed-lnk{display:inline-flex;align-items:center;gap:8px;background:none;border:0;padding:6px 0;cursor:pointer;
  font-family:var(--sans);font-weight:500;font-size:14px;letter-spacing:0;text-transform:none;color:var(--olive-800);
  text-decoration:none;min-height:44px}
.ed-lnk:hover{color:var(--olive-900);text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1px}
.lnk{font-size:11.5px;color:var(--olive-800)}
.lnk:hover{color:var(--olive-900)}
:where(button,a,input,select,textarea,summary,[tabindex]):focus-visible{outline:2px solid var(--olive-700);outline-offset:3px}

/* izbori (Znam tačno, Ženski …): tanki, 6px, bez pilule */
.seg{border-radius:var(--r-sm);border:1px solid var(--border-medium);background:var(--surface-white);color:var(--ink-secondary);
  font-family:var(--sans);font-size:13.5px;font-weight:400;padding:9px 15px;min-height:42px;transition:border-color var(--t-brzo),background var(--t-brzo),color var(--t-brzo)}
.seg:hover{border-color:var(--olive-700);color:var(--ink-primary)}
.seg.act{background:rgba(75,87,67,.09);border-color:var(--olive-800);color:var(--olive-900);font-weight:500}
.tsrow .seg{font-size:13.5px;padding:9px 15px}

/* --- forme (§7) --------------------------------------------------------- */
input,select,textarea{background:var(--surface-white);border:1px solid var(--border-medium);color:var(--ink-primary);
  border-radius:var(--r-sm);padding:14px 16px;font-family:var(--sans);font-size:16px;line-height:1.3;min-height:50px;
  transition:border-color var(--t-brzo),box-shadow var(--t-brzo)}
input::placeholder,textarea::placeholder{color:var(--ink-muted);opacity:1}
input:focus,select:focus,textarea:focus{outline:none;border-color:var(--olive-700);background:var(--surface-white);box-shadow:0 0 0 3px rgba(89,102,79,.16)}
input[type=checkbox],input[type=radio]{width:18px;height:18px;min-height:0;padding:0;accent-color:var(--olive-800);box-shadow:none}
label{font-family:var(--sans);font-size:13px;font-weight:500;letter-spacing:0;text-transform:none;color:var(--ink-secondary);margin-bottom:7px}
.hint{font-size:12.5px;color:var(--ink-meta)}
.ka-err,.ed-greska{color:var(--error);font-size:13px;line-height:1.5}
.tsnote{background:var(--bg-soft);border:1px solid var(--border-light);border-radius:var(--r-sm);color:var(--ink-secondary);font-size:13px}

/* --- zaglavlje (§5): krem, tanka linija, mirni natpisi ------------------
   Širina (980px) i visina (~61px) su Petrove ispravke od 22.09.2026 i
   ostaju; ovde se menjaju samo boje i slovo. */
nav{background:rgba(244,239,230,.95);border-bottom:1px solid var(--border-light);backdrop-filter:saturate(1.05) blur(10px)}
/* Zaglavlje je poravnato sa mrežom sadržaja (1280px), kao na odobrenom
   renderu: znak stoji iznad leve ivice naslova. Uže zaglavlje (980px, Petrova
   ispravka od 22.09.2026) je pravljeno za staru stranu, čiji je sadržaj bio
   uži; uz novu mrežu bi znak visio 150px desno od teksta ispod njega. */
nav .nav-in{max-width:var(--ed-sirina);padding-left:max(var(--ed-strana),env(safe-area-inset-left));padding-right:max(var(--ed-strana),env(safe-area-inset-right))}
nav .nlink,nav .nlogin,.pf-nav .nlink{font-family:var(--sans);font-size:13.5px;font-weight:400;color:var(--ink-secondary);letter-spacing:0}
nav .nlink:hover,nav .nlogin:hover,.pf-nav .nlink:hover{color:var(--ink-primary)}
nav .nlogin{font-weight:500;color:var(--ink-primary)}
.acct{border-color:var(--border-medium);color:var(--ink-primary)}
.acct:hover{border-color:var(--olive-700);color:var(--olive-900)}
#langBtn{border-radius:var(--r-sm);min-height:0}
nav .nright .btn,nav .nav-r .btn{min-height:0}
.bmenu{background:var(--bg-soft);border:1px solid var(--border-light);border-radius:var(--r-md);box-shadow:0 18px 40px -24px rgba(38,39,31,.35)}
/* Meni na telefonu: dodir od 44px (§14), a znak ostaje iste veličine. */
.burger{min-width:44px;min-height:44px;align-items:center;justify-content:center;color:var(--ink-primary);border-radius:var(--r-sm)}
@media(max-width:960px){ nav .burger{display:flex!important} #langBtn{min-height:44px;min-width:44px;justify-content:center} }
.bitem{font-family:var(--sans);font-size:15px;color:var(--ink-primary)}

/* Gornja traka panela = isto zaglavlje: znak levo, naziv strane kao tihi
   putokaz, radnje desno. Ista unutrašnja širina kao nav (980px). */
.panel{background:var(--bg-primary)}
.p-top{min-height:61px;padding-top:calc(10px + env(safe-area-inset-top));padding-bottom:10px;
  padding-left:max(var(--ed-strana),calc((100% - var(--ed-sirina))/2 + var(--ed-strana)));padding-right:max(var(--ed-strana),calc((100% - var(--ed-sirina))/2 + var(--ed-strana)));
  background:rgba(244,239,230,.96);border-bottom:1px solid var(--border-light);backdrop-filter:saturate(1.05) blur(10px);gap:14px}
.p-top .brand{gap:14px;min-width:0}
.p-top .brand .mk{display:none}
.p-top .pt-logo{display:flex;align-items:center;flex:0 0 auto;cursor:pointer}
.p-top .pt-logo .oslogo{display:block;height:auto}
.p-top .brand .nm{font-family:var(--sans);font-size:12px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-meta);
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-left:14px;border-left:1px solid var(--border-medium);line-height:1.2}
.p-top .nav-r{gap:6px}
.p-top .btn,.p-top .btn.ghost{min-height:38px;padding:8px 13px;font-size:13px;font-weight:500;border-color:transparent;background:transparent;color:var(--ink-secondary);transform:none}
.p-top .btn:hover,.p-top .btn.ghost:hover{background:rgba(75,87,67,.07);border-color:transparent;color:var(--ink-primary);transform:none}
.xbtn{color:var(--ink-meta);width:40px;height:40px;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--r-sm);font-size:26px}
.xbtn:hover{color:var(--ink-primary);background:rgba(75,87,67,.07)}
.p-top .btn,.p-top .xbtn{white-space:nowrap}
@media(max-width:720px){
  .p-top .pt-logo .oslogo{width:122px!important}
  .p-top{padding-left:16px;padding-right:12px;flex-wrap:nowrap;gap:8px}
  .p-top .brand .nm{display:none}
  .p-top .btn,.p-top .btn.ghost{padding:8px 10px!important;font-size:12.5px!important}
  /* ZNAK SE NE PREKRIVA (Petrov snimak karte, 09.10.2026.). Na telefonu su
     „Izveštaji", „⌂ Početna", nalog i × bili širi od mesta pored znaka, pa su
     se navlačili preko „OWN SKY" — od 320 do 414 px, i do 430 px kad je
     korisnik prijavljen (test/zaglavlje-panela.mjs). „⌂ Početna" se zato ne
     vidi tamo gde postoji × — znak i × vode na početnu isto (`closeAll`). Na
     „Kupovini" nema ×, pa „Početna" tamo ostaje. */
  #panel .p-top .btn[data-t="nav_home"],#svcpage .p-top .btn[data-t="nav_home"],
  #reports .p-top .btn[data-t="nav_home"],#learn .p-top .btn[data-t="nav_home"]{display:none}
}
@media(max-width:360px){
  /* Najuži telefoni (320–360 px): i bez „Početne" fali mesta kad je nalog
     „Moji izveštaji" — manji znak, uža dugmad i ×. */
  .p-top .pt-logo .oslogo{width:96px!important}
  .p-top{gap:6px}
  .p-top .nav-r{gap:0}
  .p-top .btn,.p-top .btn.ghost{padding:8px 7px!important;font-size:12px!important}
  .p-top .xbtn{width:34px}
}

/* --- modali: mirna povrsina, bez teske senke ---------------------------- */
.modal-bg{background:rgba(38,39,31,.38);backdrop-filter:blur(5px)}
.modal{background:var(--bg-soft);border:1px solid var(--border-light);border-radius:var(--r-md);box-shadow:0 30px 80px -40px rgba(38,39,31,.5)}
.modal h3{font-family:var(--serif);font-weight:400;color:var(--ink-primary);font-size:30px;line-height:1.12}
.modal p{color:var(--ink-secondary)}
.mclose{color:var(--ink-meta);border-radius:var(--r-sm)}
.mclose:hover{color:var(--ink-primary)}

/* =====================================================================
   IMAGE SLOT (ImagePanel, §8) — mesto za fotografiju koje već ima tačan
   odnos strana, preliv i pravilo isecanja. Dok fotografije nema, stoji
   topla tonalna površina sa papirom i tankim astro crtežom. Prava slika se
   upisuje SAMO u registar `SLIKE` (index.html) — raspored se ne dira.
   Vidi SLIKE.md.
   ===================================================================== */
.ed-slika{position:relative;display:block;overflow:hidden;isolation:isolate;margin:0;
  aspect-ratio:var(--ar,4/5);background:var(--bg-secondary);border-radius:var(--ed-rad,2px)}
.ed-slika.ed-puna{aspect-ratio:auto;height:100%}
.ed-slika>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:var(--fx,50%) var(--fy,50%);display:block;z-index:0}
.ed-slika .ed-ph{position:absolute;inset:0;z-index:0;background-color:var(--bg-secondary)}
.ed-slika .ed-ph::after{content:"";position:absolute;inset:0;background-image:var(--ed-papir);background-size:180px 180px;mix-blend-mode:multiply;opacity:.9}
.ed-slika .ed-ph svg.ed-astro{position:absolute;pointer-events:none}
.ed-slika .ed-ov{position:absolute;inset:0;z-index:1;pointer-events:none}
.ed-slika .ed-sad{position:relative;z-index:2}
@media(max-width:720px){ .ed-slika{aspect-ratio:var(--ar-tel,var(--ar,4/5))} }
@media(hover:hover){
  .ed-slika>img{transition:transform 600ms cubic-bezier(.2,.6,.2,1)}
  a:hover>.ed-slika>img,.ed-plocica:hover .ed-slika>img{transform:scale(1.025)}
}

/* tonovi privremene površine — iz palete brifa, bez fotografije */
.ed-ton-zalazak .ed-ph{background:
  radial-gradient(120% 70% at 72% 78%,rgba(214,168,128,.55),transparent 62%),
  radial-gradient(60% 40% at 64% 62%,rgba(244,219,188,.9),transparent 70%),
  linear-gradient(180deg,#F1E7D8 0%,#EADAC4 42%,#DDBF9F 74%,#C9A283 100%)}
.ed-ton-kamen .ed-ph{background:
  radial-gradient(90% 70% at 30% 20%,rgba(252,250,246,.75),transparent 60%),
  linear-gradient(160deg,#EEE6D9 0%,#E6DBCB 55%,#DCCFBC 100%)}
.ed-ton-pesak .ed-ph{background:
  radial-gradient(80% 60% at 70% 30%,rgba(250,240,226,.8),transparent 65%),
  linear-gradient(170deg,#EFE2CF 0%,#E4CFB4 60%,#D5B999 100%)}
.ed-ton-glina .ed-ph{background:
  radial-gradient(80% 60% at 30% 25%,rgba(246,228,212,.75),transparent 65%),
  linear-gradient(165deg,#E9D6C6 0%,#DDBFA9 55%,#C99E86 100%)}
.ed-ton-maslina .ed-ph{background:
  radial-gradient(70% 60% at 75% 25%,rgba(122,136,104,.45),transparent 70%),
  linear-gradient(170deg,#DCDDCB 0%,#CDD0BA 55%,#B9BEA3 100%)}
.ed-ton-suton .ed-ph{background:
  radial-gradient(40% 26% at 64% 22%,rgba(236,227,214,.22),transparent 70%),
  linear-gradient(180deg,#4A5442 0%,#3D4636 48%,#323A2D 100%)}
.ed-ton-suton .ed-ph::after,.ed-ton-noc .ed-ph::after{mix-blend-mode:screen;opacity:.35}
.ed-ton-noc .ed-ph{background:
  radial-gradient(30% 20% at 70% 20%,rgba(236,227,214,.16),transparent 70%),
  linear-gradient(180deg,#3B4434 0%,#30382B 60%,#262D22 100%)}
/* mesec i horizont na tamnim površinama: crtež, ne fotografija */
.ed-ph .ed-mesec{position:absolute;border-radius:50%;background:radial-gradient(circle at 38% 36%,#F4EDE0,#D9CDB8 70%,#BFB29A);opacity:.85;box-shadow:0 0 60px 10px rgba(244,237,224,.12)}
.ed-ph .ed-horizont{position:absolute;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(207,196,179,.55) 20%,rgba(207,196,179,.55) 80%,transparent)}

/* prelivi za čitljivost teksta preko slike */
.ed-ov-levo .ed-ov{background:linear-gradient(90deg,var(--bg-primary) 0%,rgba(244,239,230,.86) 14%,rgba(244,239,230,.35) 36%,transparent 58%)}
.ed-ov-dole .ed-ov{background:linear-gradient(0deg,rgba(38,39,31,.62) 0%,rgba(38,39,31,.2) 45%,transparent 70%)}
.ed-ov-mrak .ed-ov{background:linear-gradient(0deg,rgba(28,32,25,.55) 0%,rgba(28,32,25,.12) 55%,transparent 80%)}

/* AstroDiagram: tanke linije, bronza/maslina/kamen (§9). Nikad ne vrti. */
.ed-astro{display:block;color:var(--bronze);overflow:visible}
.ed-astro .a-tanko{stroke-width:.6}
.ed-astro .a-srednje{stroke-width:.9}

/* ReportMockup: prava korica (isti crtež kao PDF), blago nagnuta, tiha senka */
.ed-mockup{position:relative;display:inline-block;line-height:0}
.ed-mockup .covmini{box-shadow:0 1px 0 rgba(38,39,31,.08),0 24px 40px -22px rgba(38,39,31,.55),0 8px 16px -10px rgba(38,39,31,.25)}

/* =====================================================================
   POČETNA (§10.1) — prvi panel rendera
   ===================================================================== */
section{padding:96px 0}
.ed-sek{padding:104px 0}

/* --- EditorialHero: tekst levo, slika do desne ivice ekrana --------------
   Slika je apsolutna u desnih ~58% zaglavlja i ulazi ispod teksta kroz
   preliv (`ed-ov-levo`): tako i privremena površina i prava fotografija
   stoje iza naslova isto, a tekst je uvek na mirnoj podlozi. */
.ed-hero{position:relative;background:var(--bg-primary);border-bottom:1px solid var(--border-light);overflow:hidden;text-align:left}
.edh-slika{position:absolute;top:0;right:0;bottom:0;width:58%;z-index:0}
.edh-slika>.ed-slika{height:100%;border-radius:0}
.edh-in{position:relative;z-index:2;max-width:var(--ed-sirina);margin:0 auto;padding:0 var(--ed-strana);
  min-height:clamp(560px,calc(100vh - 160px),700px);display:flex;align-items:center}
.edh-copy{max-width:560px;padding:76px 0 84px}
.edh-copy h1{font-family:var(--serif);font-weight:400;font-size:clamp(50px,5.3vw,80px);line-height:1.02;letter-spacing:-.02em;
  color:var(--ink-primary);margin:24px 0 0;max-width:12ch;text-wrap:balance}
.edh-copy h1 em{font-style:italic;color:var(--olive-700)}
.edh-sub{font-size:18px;line-height:1.65;color:var(--ink-secondary);max-width:40ch;margin:26px 0 38px}
.edh-cta{display:flex;align-items:center;gap:14px 30px;flex-wrap:wrap}
.edh-cta .btn{padding:14px 28px}
/* Izveštaj u slici: prava korica, mala i blago nagnuta — „report visual
   integrated subtly" (§10.1). Nije fotografija, pa ostaje i posle nje. */
.edh-mockup{position:absolute;z-index:3;left:38%;bottom:11%;transform:rotate(-5deg);transform-origin:50% 100%;pointer-events:none}
.edh-mockup .covmini{--k:.22}

@media(max-width:1100px){
  .edh-slika{width:54%}
  .edh-copy{max-width:470px}
  .edh-mockup{left:36%}
  .edh-mockup .covmini{--k:.19}
}
/* Tablet uspravno i telefon: slika gore, tekst ispod. Preliv sa leve strane
   ovde nema smisla, pa slika tone u podlogu odozdo. */
@media(max-width:900px){
  .edh-slika{position:relative;width:100%;height:auto}
  .edh-slika>.ed-slika{height:auto;aspect-ratio:16/10}
  .edh-slika .ed-ov{background:linear-gradient(0deg,var(--bg-primary) 0%,rgba(244,239,230,.4) 22%,transparent 44%)!important}
  .edh-in{min-height:0;display:block}
  .edh-copy{max-width:640px;padding:8px 0 56px}
  .edh-copy h1{margin-top:18px;max-width:14ch}
  .edh-mockup{left:auto;right:9%;bottom:15%}
  .edh-mockup .covmini{--k:.19}
}
@media(max-width:720px){
  .edh-slika>.ed-slika{aspect-ratio:4/3}
  .edh-copy h1{font-size:clamp(40px,11.4vw,52px);max-width:none}
  .edh-sub{font-size:16.5px;margin:18px 0 28px}
  .edh-cta{flex-direction:column;align-items:stretch;gap:6px}
  .edh-cta .btn{width:100%}
  .edh-cta .ed-lnk{justify-content:center}
  .edh-copy{padding-bottom:44px}
  .edh-mockup{right:7%;bottom:17%}
  .edh-mockup .covmini{--k:.15}
}
/* Sa fotografijom (render, prvi panel): slika preko CELOG hero-a, tekst levo
   na prelivu boje papira. Preliv je jak tamo gde je tekst (do ~40% širine) i
   nestaje pre figure na terasi, pa ona ostaje čista. */
@media(min-width:901px){
  .ed-hero.ima-foto .edh-slika{left:0;width:auto}
  .ed-hero.ima-foto .edh-slika .ed-ov{background:linear-gradient(90deg,
    rgba(244,239,230,.95) 0%,rgba(244,239,230,.88) 22%,rgba(244,239,230,.62) 36%,
    rgba(244,239,230,.22) 50%,rgba(244,239,230,0) 62%)}
  .ed-hero.ima-foto .edh-copy{padding:64px 0 76px}
}
@media(min-width:901px) and (max-width:1100px){
  .ed-hero.ima-foto .edh-slika .ed-ov{background:linear-gradient(90deg,
    rgba(244,239,230,.95) 0%,rgba(244,239,230,.88) 30%,rgba(244,239,230,.6) 44%,
    rgba(244,239,230,.18) 58%,rgba(244,239,230,0) 68%)}
}
/* Telefon i tablet uspravno: slika iznad teksta, samo tanak prelaz u papir. */
@media(max-width:900px){
  .ed-hero.ima-foto .edh-slika .ed-ov{background:linear-gradient(0deg,var(--bg-primary) 0%,rgba(244,239,230,0) 14%)!important}
}

/* --- TrustStrip: tanak red ispod hero-a (§10.1) ------------------------ */
.ed-traka{border-bottom:1px solid var(--border-light);background:var(--bg-primary)}
.ed-traka-in{max-width:var(--ed-sirina);margin:0 auto;padding:0 var(--ed-strana);display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}
.ed-traka-i{display:flex;align-items:center;gap:16px;padding:28px 26px;border-left:1px solid var(--border-light);min-width:0}
.ed-traka-i:first-child{border-left:0;padding-left:0}
.ed-traka-i svg{width:30px;height:30px;flex:0 0 30px;color:var(--bronze)}
.ed-traka-i span{font-size:14px;line-height:1.45;color:var(--ink-secondary);max-width:22ch}
@media(max-width:900px){
  .ed-traka-in{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ed-traka-i{padding:22px 18px}
  .ed-traka-i:nth-child(odd){border-left:0;padding-left:0}
  .ed-traka-i:nth-child(n+3){border-top:1px solid var(--border-light)}
}
@media(max-width:420px){
  .ed-traka-i{flex-direction:column;align-items:flex-start;gap:10px;padding:20px 14px}
  .ed-traka-i span{font-size:13.5px}
}

/* --- izbor izveštaja: ProductTile (§10.1) ------------------------------ */
.ed-sek-glava{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:44px}
.ed-plocice{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:24px}
.ed-plocica{display:flex;flex-direction:column;min-width:0;color:inherit;text-decoration:none;cursor:pointer;
  transition:transform var(--t-sporo) cubic-bezier(.2,.6,.2,1)}
.ed-plocica:hover{transform:translateY(-2px)}
.ed-plocica .ed-slika{--ar:4/5;border-radius:2px}
.ed-plocica-tx{display:flex;flex-direction:column;flex:1;padding:20px 2px 0}
.ed-plocica h3{font-family:var(--serif);font-weight:400;font-size:25px;line-height:1.12;color:var(--ink-primary);margin:0 0 10px}
.ed-plocica p{font-size:14.5px;line-height:1.6;color:var(--ink-secondary);margin:0 0 18px;flex:1}
.ed-plocica-dno{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-top:14px;border-top:1px solid var(--border-light)}
.ed-plocica-cena{font-size:13.5px;color:var(--ink-meta);white-space:nowrap}
.ed-plocica-cena b{font-weight:500;color:var(--ink-primary)}
.ed-plocica .ed-lnk{min-height:0;padding:0;font-size:13.5px}
.ed-plocica:hover .ed-lnk{text-decoration:underline;text-underline-offset:4px}
.ed-plocica:focus-visible{outline:2px solid var(--olive-700);outline-offset:6px}
/* Kao na renderu: svetla kartica sa tankim rubom, fotografija do ivica. */
@media(min-width:721px){
  .ed-plocica{background:var(--surface-white);border:1px solid var(--border-light);border-radius:4px;overflow:hidden}
  .ed-plocica .ed-slika{border-radius:0}
  .ed-plocica-tx{padding:20px 20px 20px}
  .ed-plocica h3{font-size:23px}
  .ed-plocica p{font-size:14px;margin-bottom:16px}
  .ed-plocica.bez-cene .ed-plocica-dno{border-top:0;padding-top:0;justify-content:flex-start}
  .ed-plocica:hover{border-color:var(--border-medium)}
}
.ed-plocica.bez-cene .ed-plocica-dno{justify-content:flex-start}
@media(max-width:1100px){ .ed-plocice{grid-template-columns:repeat(3,minmax(0,1fr));gap:32px 24px} }
/* Telefon: jedna kolona, ali red a ne visoka kartica — pet izveštaja staje
   u dva ekrana umesto u pet (§13: „one-column cards", ne istegnut desktop). */
@media(max-width:720px){
  .ed-sek{padding:72px 0}
  .ed-sek-glava{display:block;margin-bottom:28px}
  .ed-sek-glava .ed-lnk{margin-top:10px}
  .ed-plocice{grid-template-columns:1fr;gap:0}
  .ed-plocica{display:grid;grid-template-columns:118px minmax(0,1fr);gap:18px;align-items:start;padding:20px 0;border-top:1px solid var(--border-light)}
  .ed-plocica:last-child{border-bottom:1px solid var(--border-light)}
  .ed-plocica:hover{transform:none}
  .ed-plocica .ed-slika{--ar-tel:4/5}
  .ed-plocica-tx{padding:0}
  .ed-plocica h3{font-size:22px;margin-bottom:6px}
  .ed-plocica p{font-size:14px;margin-bottom:12px}
  .ed-plocica-dno{border-top:0;padding-top:0}
}

/* --- filozofija brenda: tamna maslina preko cele širine (§10.1) -------- */
.ed-brend{background:var(--olive-900);color:var(--stone);padding:0;overflow:hidden;text-align:left}
.ed-brend-in{max-width:var(--ed-sirina);margin:0 auto;padding:0 var(--ed-strana);display:grid;
  grid-template-columns:minmax(0,.8fr) minmax(0,1.15fr) minmax(0,1.25fr);gap:48px;align-items:center;min-height:460px}
.ed-brend-crtez{display:flex;align-items:center;justify-content:center;padding:56px 0}
.ed-brend-crtez .ed-astro{width:min(100%,300px);height:auto;color:var(--bronze);opacity:.9}
.ed-brend-tx{padding:72px 0}
.ed-brend .klabel{color:var(--stone);opacity:.85}
.ed-brend-tx h2{font-family:var(--serif);font-weight:400;font-size:clamp(34px,3.4vw,48px);line-height:1.08;letter-spacing:-.012em;color:var(--bg-primary);margin:16px 0 20px;text-wrap:balance}
.ed-brend p{font-size:16px;line-height:1.75;color:#DCD3C4;max-width:44ch;margin:0 0 14px}
.ed-brend .whatkey{font-family:var(--serif);font-style:italic;font-size:19px;color:var(--bg-primary);opacity:.9;margin:6px 0 30px}
.ed-brend .btn.ghost{border-color:rgba(236,227,214,.45);color:var(--bg-primary)}
.ed-brend .btn.ghost:hover{background:rgba(236,227,214,.08);border-color:var(--bg-primary);color:var(--bg-primary)}
.ed-brend-mockup{position:relative;align-self:stretch;min-height:420px}
.ed-brend-mockup .ed-slika{position:absolute;inset:0;background:transparent;--ar:auto;height:100%;border-radius:0}
.ed-brend-mockup .ed-slika .ed-ph{background:transparent}
.ed-brend-mockup .ed-slika .ed-ph::after{display:none}
.ed-brend-korice{position:absolute;inset:0;display:flex;align-items:center;justify-content:center}
.ed-brend-korice .ed-mockup{position:absolute}
.ed-brend-korice .ed-mockup:first-child{transform:translate(-26%,4%) rotate(-7deg)}
.ed-brend-korice .ed-mockup:last-child{transform:translate(22%,-2%) rotate(4deg)}
.ed-brend-korice .covmini{--k:.34}
.ed-brend-korice .ed-mockup .covmini{box-shadow:0 30px 60px -28px rgba(0,0,0,.6),0 10px 20px -12px rgba(0,0,0,.4)}
@media(max-width:1100px){
  .ed-brend-in{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:32px}
  .ed-brend-crtez{display:none}
  .ed-brend-korice .covmini{--k:.29}
}
@media(max-width:760px){
  .ed-brend-in{grid-template-columns:1fr;gap:0;min-height:0}
  .ed-brend-tx{padding:64px 0 8px}
  .ed-brend-mockup{min-height:400px}
  .ed-brend-korice{top:24px;bottom:40px}
  .ed-brend-korice .covmini{--k:.24}
  .ed-brend .btn.ghost{width:100%}
}
/* Sa fotografijom (render, prvi panel): slika zauzima desni deo bloka do
   ivice ekrana i celu njegovu visinu, a sleva se pretapa u maslinu. Treća
   kolona mreže ostaje prazna, pa tekst nikad ne ulazi pod sliku. */
.ed-ov-maslina .ed-ov{background:linear-gradient(90deg,var(--olive-900) 0%,rgba(63,73,56,.62) 12%,rgba(63,73,56,.12) 30%,rgba(63,73,56,0) 42%)}
@media(min-width:761px){
  .ed-brend.ima-foto{position:relative}
  .ed-brend.ima-foto .ed-brend-mockup{position:absolute;top:0;right:0;bottom:0;width:40%;min-height:0}
  .ed-brend.ima-foto .ed-brend-in{min-height:480px}
}
@media(min-width:761px) and (max-width:1100px){
  .ed-brend.ima-foto .ed-brend-mockup{width:44%}
}
@media(max-width:760px){
  .ed-brend.ima-foto .ed-brend-mockup{min-height:0;aspect-ratio:4/3;margin:36px calc(-1*var(--ed-strana)) 0}
  .ed-brend.ima-foto .ed-ov-maslina .ed-ov{background:linear-gradient(180deg,var(--olive-900) 0%,rgba(63,73,56,0) 24%)}
}

/* --- kako radi: svetla traka, četiri koraka ---------------------------- */
.ed-kako{background:var(--bg-soft);border-top:1px solid var(--border-light);border-bottom:1px solid var(--border-light);text-align:left}
.ed-kako .klabel{justify-content:flex-start}
.ed-kako .ed-h2{margin-top:14px}
.ed-kako .hiw{margin-top:48px;grid-template-columns:repeat(4,minmax(0,1fr));gap:0}
.ed-kako .hstep{display:block;padding:24px 28px 0;border-left:0;border-top:1px solid var(--border-medium);margin-right:24px}
.ed-kako .hstep:last-child{margin-right:0}
.ed-kako .hstep:first-child{padding-left:0}
.ed-kako .hstep .n{font-family:var(--serif);font-size:40px;line-height:1;color:var(--olive-700);margin:0 0 18px;font-weight:400}
.ed-kako .hstep{padding-left:0}
.ed-kako .hstep h3{font-family:var(--serif);font-size:24px;font-weight:400;color:var(--ink-primary);margin:0 0 10px;letter-spacing:0;line-height:1.15}
.ed-kako .hstep p{font-size:14.5px;line-height:1.65;color:var(--ink-secondary)}
@media(max-width:900px){
  .ed-kako .hiw{grid-template-columns:repeat(2,minmax(0,1fr));gap:36px 24px}
  .ed-kako .hstep{margin-right:0}
}
@media(max-width:560px){ .ed-kako .hiw{grid-template-columns:1fr;gap:28px} }

/* --- postojeće sekcije u novom tonu (knjiga, odlomak, tvrdnja) ---------- */
#sampleSec{background:var(--bg-primary)}
.bookband{gap:64px;background:none;border:0;padding:0}
.bookband .lead{font-size:16px;line-height:1.7;max-width:44ch}
.bookband .ticks li{font-size:15px;color:var(--ink-secondary)}
.bookband .ticks li:before{color:var(--olive-700)}
.rule{background:var(--bronze);height:1px;width:56px}
#excerptSec{background:var(--bg-primary);border-top:1px solid var(--border-light)}
.excerpt{border-left:1px solid var(--bronze);padding-left:32px}
.excerpt p{font-family:var(--serif);font-size:20px;line-height:1.7;color:var(--ink-primary)}
.scale{background:var(--bg-secondary)}
.scale .shead{font-size:clamp(32px,3vw,42px)}
.scale .lead{font-size:16.5px;color:var(--ink-secondary)}
.trust{background:var(--bg-secondary);border-top:1px solid var(--border-light)}
.tgrid svg{color:var(--bronze)}
.tgrid b{font-size:13.5px;color:var(--ink-primary);font-weight:500}
.tgrid span{font-size:13px;color:var(--ink-secondary)}
footer{background:var(--bg-primary);color:var(--ink-meta)}
@media(max-width:720px){ section{padding:64px 0} }


/* =====================================================================
   STRANA PROIZVODA (§10.2) — drugi panel rendera
   ===================================================================== */
#svcpage{background:var(--bg-primary)}
.wrap.sp2-wrap{max-width:var(--ed-sirina);padding-bottom:104px}
.sp2-top{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.08fr);gap:72px;align-items:stretch;padding:44px 0 64px}
.sp2-l{max-width:520px;padding-top:4px}
.ed-bc{display:flex;flex-wrap:wrap;gap:10px;align-items:center;font-size:13px;color:var(--ink-meta);margin:0 0 30px}
.ed-bc a{color:var(--ink-meta);text-decoration:none;cursor:pointer}
.ed-bc a:hover{color:var(--ink-primary);text-decoration:underline;text-underline-offset:3px}
.ed-bc [aria-current]{color:var(--ink-secondary)}
.sp2-nm{font-family:var(--serif);font-weight:400;font-size:clamp(46px,4.7vw,70px);line-height:1.02;letter-spacing:-.018em;color:var(--ink-primary);margin:0;text-wrap:balance}
.sp2-lead{font-family:var(--serif);font-size:22px;line-height:1.42;color:var(--ink-primary);margin:20px 0 32px;max-width:32ch}
.sp2-sat{margin:0 0 22px;line-height:1.6}
.sp2-sat a{color:var(--olive-800);text-decoration:underline;text-underline-offset:3px;white-space:nowrap}
.sp2-l>div[style*="border:1px solid var(--gold-deep)"]{border-radius:var(--r-md)!important;border-color:var(--border-medium)!important;background:var(--bg-soft)!important}

/* TierSelector: tanke kartice, jasno izabrana, bez gole radio kontrole */
.ed-nivoi-l{font-size:11.5px;font-weight:500;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-meta);margin:0 0 12px}
.ed-nivoi{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:0 0 22px}
.ed-nivo{position:relative;display:grid;grid-template-columns:18px minmax(0,1fr);column-gap:12px;align-content:start;text-align:left;
  padding:17px 18px 18px;border:1px solid var(--border-medium);border-radius:var(--r-md);background:var(--surface-white);cursor:pointer;
  font-family:var(--sans);color:var(--ink-primary);transition:border-color var(--t-brzo),box-shadow var(--t-brzo),background var(--t-brzo)}
.ed-nivo:hover{border-color:var(--olive-700)}
.ed-nivo-z{grid-row:1;width:16px;height:16px;border-radius:50%;border:1px solid rgba(75,87,67,.5);margin-top:2px;transition:border-width var(--t-brzo)}
.ed-nivo-nm{grid-column:2;font-size:15px;font-weight:500;line-height:1.3}
.ed-nivo-op{grid-column:2;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-meta);margin-top:3px;line-height:1.35}
.ed-nivo-c{grid-column:2;font-family:var(--serif);font-size:26px;line-height:1.1;color:var(--ink-primary);margin-top:16px}
.ed-nivo.act{border-color:var(--olive-800);box-shadow:inset 0 0 0 1px var(--olive-800);background:var(--bg-soft)}
.ed-nivo.act .ed-nivo-z{border:5px solid var(--olive-800)}
.ed-nivo.sig.act{border-color:var(--terracotta-ink);box-shadow:inset 0 0 0 1px var(--terracotta-ink)}
.ed-nivo.sig.act .ed-nivo-z{border-color:var(--terracotta-ink)}
.sp2-paket{border-top:1px solid var(--border-medium);margin:0 0 24px}
.sp2-paket-h{font-size:11.5px;font-weight:500;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-meta);padding:16px 0 6px}
.sp2-paket ul{list-style:none;margin:0;padding:0}
.sp2-paket li{display:flex;justify-content:space-between;gap:16px;padding:11px 0;border-bottom:1px solid var(--border-light);font-size:15px;color:var(--ink-secondary)}
.sp2-paket-uk{display:flex;justify-content:space-between;align-items:baseline;gap:16px;padding:16px 0 0;font-size:14px;color:var(--ink-meta)}
.sp2-paket-uk s{color:var(--ink-muted);margin-right:8px}
.sp2-paket-uk b{font-family:var(--serif);font-weight:400;font-size:28px;color:var(--ink-primary)}
.sp2-akcija .btn{width:100%;min-height:56px;font-size:15px}
.sp2-akcija .sp2-cta2{margin-top:12px}
.sp2-nota{font-size:13px;color:var(--ink-meta);text-align:center;margin:12px 0 0}
.sp2-r{position:relative;min-height:540px}
.sp2-r>.ed-slika{position:absolute;inset:0;height:100%;border-radius:2px}
.ed-sp-korica{position:absolute;inset:0;z-index:2;display:flex;align-items:center;justify-content:center;pointer-events:none}
.ed-sp-korica .covmini{--k:.42;transform:rotate(-3deg)}

/* traka i kartice sekcija */
.sp2-traka .ed-traka{border-top:1px solid var(--border-light)}
.sp2-traka .ed-traka-in{padding:0}
.sp2-tabs{position:sticky;top:61px;z-index:4;display:flex;justify-content:center;gap:40px;margin:0;
  background:rgba(244,239,230,.96);backdrop-filter:blur(8px);border-bottom:1px solid var(--border-light)}
.sp2-tab{background:none;border:0;border-bottom:2px solid transparent;padding:18px 2px 16px;font-family:var(--sans);font-size:14px;
  color:var(--ink-secondary);cursor:pointer;min-height:44px;transition:color var(--t-brzo),border-color var(--t-brzo)}
.sp2-tab:hover{color:var(--ink-primary);border-bottom-color:var(--border-medium)}
.sp2-sek{padding:80px 0 0;scroll-margin-top:124px}
.sp2-sek>.ed-h2{margin:0 0 30px}
.sp2-sek>.ed-uvod{margin:-14px 0 36px}
.sp2-b{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:18px 48px;max-width:980px}
.sp2-b li{position:relative;padding-left:32px;font-size:16px;line-height:1.6;color:var(--ink-secondary)}
.sp2-b li::before{content:"";position:absolute;left:0;top:5px;width:18px;height:18px;background:var(--olive-700);
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4.5 12.5l4.5 4.5L19.5 7'/%3E%3C/svg%3E") center/contain no-repeat;
          mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4.5 12.5l4.5 4.5L19.5 7'/%3E%3C/svg%3E") center/contain no-repeat}
.sp2-dubine{display:grid;grid-template-columns:1fr 1fr;gap:48px;margin-top:56px;max-width:980px}
.sp2-dub{border-top:1px solid var(--olive-800);padding-top:22px}
.sp2-dub.sig{border-top-color:var(--terracotta-ink)}
.sp2-dub-t{font-size:11.5px;font-weight:500;letter-spacing:.16em;text-transform:uppercase;color:var(--olive-700)}
.sp2-dub.sig .sp2-dub-t,.sp2-zk-i:last-child .sp2-dub-t{color:var(--terracotta-ink)}
.sp2-dub h3{font-family:var(--serif);font-size:27px;line-height:1.15;margin:10px 0 10px;color:var(--ink-primary)}
.sp2-dub p{font-size:15px;line-height:1.65;color:var(--ink-secondary);margin:0 0 14px}
.sp2-dub ul{list-style:none;margin:0;padding:0}
.sp2-dub li{font-size:14.5px;color:var(--ink-secondary);padding:7px 0;border-bottom:1px solid var(--border-light)}
.sp2-strane{display:flex;gap:32px;align-items:flex-start;flex-wrap:wrap}
.sp2-strana{margin:0;display:flex;flex-direction:column;gap:14px}
.sp2-strana .covmini{--k:.27}
.sp2-strana figcaption,.sp2-odlomak figcaption{font-size:12.5px;color:var(--ink-meta)}
.sp2-odlomak{margin:0;flex:1 1 380px;min-width:0;display:flex;flex-direction:column;gap:14px}
.sp2-odl-str{background:var(--surface-white);border:1px solid var(--border-light);padding:40px 44px;
  box-shadow:0 24px 40px -30px rgba(38,39,31,.45)}
.sp2-odl-k{font-size:10.5px;letter-spacing:.2em;text-transform:uppercase;color:var(--ink-meta);margin:0 0 20px}
.sp2-odl-str p{font-family:var(--serif);font-size:18px;line-height:1.7;color:var(--ink-primary);margin:0 0 14px}
.sp2-zk{display:grid;grid-template-columns:1fr 1fr;gap:48px;max-width:980px}
.sp2-zk p{font-size:16px;line-height:1.7;color:var(--ink-secondary);margin:10px 0 0}
.sp2-zk b{font-weight:500;color:var(--ink-primary)}
.sp2-zk-i{border-top:1px solid var(--border-medium);padding-top:18px}
/* Pitanja: harmonika bez kutija (§10.9) */
.ed-faq{display:block;max-width:880px;margin:0}
.ed-faq .faq-i{border:0;border-top:1px solid var(--border-medium);background:none;padding:24px 0 24px}
.ed-faq .faq-i:last-child{border-bottom:1px solid var(--border-medium)}
.ed-faq .faq-q{font-size:22px}
.sp2-ostali .ed-plocice{grid-template-columns:repeat(4,minmax(0,1fr))}

@media(max-width:1100px){
  .sp2-top{gap:44px}
  .ed-sp-korica .covmini{--k:.36}
  .sp2-ostali .ed-plocice{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:900px){
  .sp2-top{grid-template-columns:1fr;gap:32px;padding-top:24px}
  .sp2-l{max-width:none}
  .sp2-r{min-height:0;order:-1}
  .sp2-r>.ed-slika{position:relative;height:auto;aspect-ratio:4/3}
  .ed-sp-korica .covmini{--k:.3}
  .sp2-tabs{gap:24px;justify-content:flex-start;overflow-x:auto;scrollbar-width:none;padding:0 2px}
  .sp2-tabs::-webkit-scrollbar{display:none}
  .sp2-tab{white-space:nowrap}
}
/* Telefon: slika ostaje prva, ali niska — glavni poziv mora da se vidi bez
   klizanja (§20, pitanje 11: „Is the main CTA always obvious?"). */
@media(max-width:720px){
  .sp2-r>.ed-slika{aspect-ratio:16/10}
  .ed-sp-korica .covmini{--k:.165}
  .sp2-nm{font-size:44px}
  .sp2-lead{font-size:20px;margin:14px 0 26px}
  .ed-nivoi{gap:10px}
  .ed-nivo{padding:14px 14px 15px;column-gap:10px}
  .ed-nivo-c{font-size:22px;margin-top:12px}
  .sp2-sek{padding-top:60px}
  .sp2-b,.sp2-dubine,.sp2-zk{grid-template-columns:1fr;gap:16px}
  .sp2-dubine{gap:36px;margin-top:40px}
  .sp2-odl-str{padding:26px 22px}
  .sp2-odl-str p{font-size:17px}
  .sp2-strana .covmini{--k:.2}
  .sp2-strane{gap:18px}
  .ed-faq .faq-q{font-size:19px}
  .sp2-ostali .ed-plocice{grid-template-columns:1fr}
  .sp2-tabs{top:57px}
}


/* =====================================================================
   LEVAK: koraci, unos podataka, kasa, potvrda (§10.3–§10.5)
   ===================================================================== */

/* --- ProgressSteps: Podaci → Provera → Plaćanje ------------------------- */
.ed-koraci{list-style:none;display:flex;align-items:flex-start;max-width:420px;margin:0 auto 34px;padding:0}
.ed-k{position:relative;flex:1 1 0;display:flex;flex-direction:column;align-items:center;gap:8px;min-width:0;text-align:center}
.ed-k:not(:last-child)::after{content:"";position:absolute;top:13px;left:calc(50% + 22px);right:calc(-50% + 22px);height:1px;background:var(--border-medium)}
.ed-k.gotov:not(:last-child)::after{background:var(--olive-700)}
.ed-k-br{position:relative;width:27px;height:27px;border-radius:50%;border:1px solid var(--border-medium);background:var(--surface-white);
  display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:500;color:var(--ink-meta);font-variant-numeric:tabular-nums}
.ed-k.sada .ed-k-br{background:var(--olive-800);border-color:var(--olive-800);color:var(--bg-soft)}
.ed-k.gotov .ed-k-br{border-color:var(--olive-700);background:var(--bg-soft)}
.ed-k.gotov .ed-k-br::before{content:"";width:13px;height:13px;background:var(--olive-800);
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4.5 12.5l4.5 4.5L19.5 7'/%3E%3C/svg%3E") center/contain no-repeat;
          mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4.5 12.5l4.5 4.5L19.5 7'/%3E%3C/svg%3E") center/contain no-repeat}
.ed-k-nm{font-size:12.5px;color:var(--ink-meta);line-height:1.3}
.ed-k.sada .ed-k-nm{color:var(--ink-primary);font-weight:500}
.pd-sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* --- levak (Izveštaji): isti jezik kao strana proizvoda ---------------- */
#reports .wrap{max-width:1080px!important}
.rep-h{font-family:var(--serif);font-weight:400;font-size:clamp(34px,3.4vw,46px);letter-spacing:-.012em;color:var(--ink-primary);line-height:1.08}
.rep-h2{font-size:32px;color:var(--ink-primary)}
.rep-lead{font-size:16px;line-height:1.7;color:var(--ink-secondary)}
.rdcard,.rcard2,.rpack,.kocard{background:var(--bg-soft);border:1px solid var(--border-light);border-radius:var(--r-md)}
.rdcard h3,.rc-tx h3,.rpack h3{font-family:var(--serif);font-weight:400;color:var(--ink-primary)}
.rdcard h3{font-size:26px}
.rdcard p,.rdcard li{font-size:14.5px;color:var(--ink-secondary)}
.rd-tag,.ko-lab{color:var(--olive-700)}
.rd-signature .rd-tag{color:var(--terracotta-ink)}
.rd-signature .btn:not(.ghost),.rg-sig .btn:not(.ghost){background:var(--terracotta-ink);border-color:var(--terracotta-ink)}
.rd-signature .btn:not(.ghost):hover,.rg-sig .btn:not(.ghost):hover{background:#734634;border-color:#734634}
.kocard-fali{border-style:dashed;border-color:var(--border-medium)}
.ko-nm{font-family:var(--serif);font-size:26px}
.ko-sat{border-radius:var(--r-md);border-color:var(--border-light);border-left-color:var(--terracotta-ink);background:var(--bg-soft)}
/* Besplatan test poziv (037): traka iznad „Za koga je ovaj izveštaj?" — ista kutija kao napomena o satu, na vrhu koraka. */
.poz-traka{margin:0 0 22px}
.poz-traka p{margin:0}
.ko-dalje{min-height:52px}
/* Forma druge osobe u samom koraku (05.10.2026.): kartica „Druga osoba" se
   otvara u polja, bez odlaska sa koraka. Prva kartica se ne razvlači do visine
   forme. */
.kogrid.ko-uredjuje{align-items:start}
.kocard-forma{gap:14px}
.kocard-forma .frow{margin-bottom:0}
.kocard-forma .frow:has([data-prod]){grid-template-columns:1fr}
.kocard-forma .frow:has([data-prod])>div:empty,.kocard-forma .hint:empty{display:none}
.kocard-forma .tsrow{margin:0}
.kocard-forma .tsnote{margin:0}
.ko-hint{color:var(--terracotta-ink);font-size:13px}
.ko-hint:empty{display:none}
/* PROVERA U DVE KOLONE (brif „Purchase & Post-Purchase UX Final Polish",
   13.10.2026., §2 i §15): levo za koga, desno narudžbina, a dugme je u njoj.
   Isti tokeni i isti serif/sans kao ostatak levka — bez novog jezika oblika. */
.ko-raspored{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:36px;align-items:start}
.ko-levo .rep-top{margin-bottom:0}
.ko-levo .rep-lead{margin-bottom:24px}
.ko-levo .kogrid{grid-template-columns:1fr;gap:16px}
.kocard-ok{gap:6px}
.ko-glava{display:flex;justify-content:space-between;align-items:center;gap:12px;min-height:24px}
.ko-glava .ko-lab{margin:0}
/* „Izmeni podatke": sporedna radnja — tekst sa podvlakom, ne dugme preko
   cele kartice (§2). Polje za klik ostaje udobno za prst (44px visine). */
.kocard .ko-izmeni{width:auto;margin:-10px -6px -10px 0;min-height:44px;padding:0 6px;background:none;border:0;
  font-family:var(--sans);font-size:13.5px;font-weight:500;color:var(--olive-800);cursor:pointer;
  text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1px;text-decoration-color:rgba(75,87,67,.38)}
.kocard .ko-izmeni:hover{color:var(--olive-900);text-decoration-color:currentColor}
.ko-pol{font-size:12.5px;color:var(--ink-meta)}
.ko-desno{position:sticky;top:20px}
.ko-sazetak{background:var(--surface-white);border:1px solid var(--border-light);border-radius:var(--r-md);padding:26px 26px 20px}
.ko-saz-lab{font-size:11px;font-weight:500;letter-spacing:.16em;text-transform:uppercase;color:var(--olive-700);margin:0 0 14px}
.ko-saz-nm{font-family:var(--serif);font-size:28px;line-height:1.12;color:var(--ink-primary)}
.ko-saz-nivo{font-size:10.5px;letter-spacing:.18em;text-transform:uppercase;color:var(--ink-meta);margin-top:8px}
.ko-saz-za{font-size:14.5px;color:var(--ink-secondary);margin-top:12px}
.ko-saz-cena{display:flex;justify-content:space-between;align-items:baseline;gap:16px;
  border-top:1px solid var(--border-light);margin-top:20px;padding-top:16px}
.ko-saz-cena span{font-size:14px;color:var(--ink-secondary)}
.ko-saz-cena b{font-family:var(--serif);font-size:28px;font-weight:400;color:var(--ink-primary);white-space:nowrap}
.ko-sazetak .ko-dno{margin-top:18px;display:block}
.ko-sazetak .ko-dno-sat{display:none}
.ko-sazetak .ko-dalje{width:100%;min-width:0}
.ko-saz-nap{font-size:12.5px;line-height:1.6;color:var(--ink-meta);margin:12px 0 0;text-align:center}
@media(max-width:860px){
  .ko-raspored{grid-template-columns:1fr;gap:20px}
  .ko-desno{position:static}
  .ko-sazetak{padding:22px 20px 18px}
  .ko-saz-nm{font-size:25px}
}
.ko-forma-dug{display:flex;gap:10px;margin-top:4px}
.ko-forma-dug .btn{flex:1;justify-content:center;text-align:center;min-height:48px}
@media(max-width:560px){ .ko-forma-dug{flex-direction:column} }
#reports .ed-koraci{margin-top:8px}
#repBody{padding-top:44px}
.rc-more{font-family:var(--sans);font-size:13px;letter-spacing:0;text-transform:none;color:var(--olive-800);min-height:36px}
.rc-more:hover{color:var(--olive-900);text-decoration:underline;text-underline-offset:3px}
.rc-p{font-family:var(--serif);font-weight:400;color:var(--ink-primary)}
@media(max-width:720px){ #repBody{padding-top:28px} }

/* --- UNOS PODATAKA (§10.3): slika levo, forma desno --------------------- */
#birthBox.ed-unos{max-width:1000px;padding:0;display:grid;grid-template-columns:minmax(0,370px) minmax(0,1fr);text-align:left;
  overflow:hidden;max-height:calc(100vh - 40px);max-height:calc(100dvh - 40px)}
.ed-unos-slika{position:relative;background:var(--olive-900);min-height:560px}
.ed-unos-slika>.ed-slika{position:absolute;inset:0;height:100%;border-radius:0}
.ed-unos-tx{position:absolute;left:38px;right:32px;bottom:46px;z-index:3}
#birthBox .ed-unos-h{font-family:var(--serif);font-size:40px;text-align:left;line-height:1.08;letter-spacing:-.01em;color:var(--bg-primary);margin:0 0 16px;text-wrap:balance}
#birthBox .ed-unos-p{font-family:var(--serif);font-size:19px;text-align:left;line-height:1.45;color:rgba(244,239,230,.84);margin:0}
.ed-unos-forma{position:relative;padding:40px 52px 34px;overflow-y:auto;max-height:calc(100vh - 40px);max-height:calc(100dvh - 40px)}
.ed-unos .mclose{top:14px;right:16px;width:40px;height:40px;display:flex;align-items:center;justify-content:center;font-size:26px}
#birthBox h3{font-size:36px;text-align:left;margin:0 0 8px}
#birthBox .ed-unos-forma>p{text-align:left;margin:0 0 26px;font-size:15px}
.ed-polje{display:grid;grid-template-columns:152px minmax(0,1fr);gap:18px;align-items:start;padding:12px 0;border-bottom:1px solid var(--border-light)}
.ed-polje:first-child{border-top:1px solid var(--border-light)}
.ed-polje>label,.ed-polje-l{display:block;padding-top:15px;margin:0;font-size:13.5px;font-weight:500;color:var(--ink-primary);line-height:1.35}
.ed-opc{font-weight:400;color:var(--ink-meta)}
.ed-polje-k{position:relative;min-width:0}
.ed-polje-k .tsrow{margin:10px 0 2px;gap:8px}
.ed-polje-k .tsrow .seg{min-height:40px;padding:8px 12px;font-size:13px}
.ed-polje-k .hint{margin-top:6px}
.ed-polje-k .tsnote{margin:10px 0 0}
#birthBox #tolRow{display:block;margin:10px 0 0}
#birthBox #tolRow label{font-size:12.5px;margin-bottom:6px}
#birthBox .go{margin-top:28px;width:100%;min-height:54px;font-size:15px}
#birthBox .ed-privatnost{display:flex;gap:8px;align-items:center;justify-content:center;font-size:12.5px;line-height:1.5;color:var(--ink-meta);margin:14px 0 0;text-align:center}
.ed-privatnost svg{width:15px;height:15px;flex:0 0 15px}
#birthBox .micro{margin-top:8px;color:var(--ink-meta)}
#birthBox .sugg{top:calc(100% + 4px);background:var(--surface-white);border-color:var(--border-medium);border-radius:var(--r-sm);box-shadow:0 18px 40px -24px rgba(38,39,31,.4)}
@media(max-width:860px){
  #birthBox.ed-unos{grid-template-columns:1fr;max-width:600px}
  .ed-unos-slika{display:none}
  .ed-unos-forma{padding:30px 26px 28px}
}
/* Telefon: forma prva, bez slike, pun CTA (§10.3 „Mobile"). Ostaje kartica
   sa tankim rubom okolo, ne ceo ekran: dodir pored nje zatvara formu, kao i
   do sada (brif „Auth / Moj profil / Odjava", C). */
@media(max-width:720px){
  #birthBox.ed-unos{max-height:calc(100vh - 28px);max-height:calc(100dvh - 28px);overflow-y:auto}
  .ed-unos-forma{max-height:none;padding:22px 20px 28px;overflow:visible}
  #birthBox h3{font-size:30px;padding-right:40px}
  .ed-polje{grid-template-columns:1fr;gap:7px;padding:10px 0;border:0}
  .ed-polje:first-child{border-top:0}
  .ed-polje>label,.ed-polje-l{padding-top:0}
  .ed-koraci{margin-bottom:24px}
  #birthBg.modal-bg,#kasaBg.modal-bg{padding:14px;padding-top:14px}
}

/* --- KASA (§10.4): atmosfera levo, narudžbina i plaćanje desno ---------- */
.modal.ka.ed-kasa{max-width:960px;padding:0;display:grid;grid-template-columns:minmax(0,310px) minmax(0,1fr);text-align:left;
  overflow:hidden;max-height:calc(100vh - 40px);max-height:calc(100dvh - 40px)}
.ed-kasa-slika{position:relative;background:var(--olive-900);min-height:560px}
.ed-kasa-slika>.ed-slika{position:absolute;inset:0;height:100%;border-radius:0}
.ka .ed-kasa-h{position:absolute;left:34px;right:30px;bottom:44px;z-index:3;margin:0;font-family:var(--serif);font-size:36px;line-height:1.1;
  color:var(--bg-primary);text-wrap:balance;text-align:left}
.ed-kasa-telo{position:relative;padding:36px 48px 30px;overflow-y:auto;max-height:calc(100vh - 40px);max-height:calc(100dvh - 40px)}
.ed-kasa .mclose{top:14px;right:16px;width:40px;height:40px;display:flex;align-items:center;justify-content:center;font-size:26px}
.ed-kasa .ed-koraci{margin-bottom:26px}
.ed-kasa-nasl{font-family:var(--serif);font-weight:400;font-size:34px;line-height:1.1;color:var(--ink-primary);margin:0 0 20px}
.ka-sum.ed-narudzba{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:18px;padding:16px 0;margin:0;
  background:none;border:0;border-top:1px solid var(--border-light);border-bottom:1px solid var(--border-light);border-radius:0;font-size:14px}
.ed-nar-kor{display:block;line-height:0}
.ed-nar-kor .covmini{--k:.085;box-shadow:0 8px 16px -10px rgba(38,39,31,.5)}
.ed-nar-tx{display:flex;flex-direction:column;gap:4px;min-width:0}
.ed-nar-nm{font-family:var(--serif);font-size:21px;line-height:1.2;color:var(--ink-primary)}
.ka-sum.ed-narudzba .ka-t{font-size:10.5px;letter-spacing:.18em;color:var(--ink-meta)}
.ka-sum.ed-narudzba b{margin:0;font-family:var(--serif);font-size:21px;font-weight:400;color:var(--ink-primary);white-space:nowrap}
.ed-nar-uk{display:flex;justify-content:space-between;align-items:baseline;gap:16px;padding:14px 0 2px;font-size:14px;color:var(--ink-secondary)}
.ed-nar-uk b{font-family:var(--serif);font-size:28px;font-weight:400;color:var(--ink-primary)}
.ka .ed-nar-porez{font-size:12.5px;color:var(--ink-meta);text-align:right;margin:0 0 26px}
.ka.ed-kasa h3{font-size:23px;text-align:left;margin:0 0 4px}
.ka.ed-kasa .ka-p{text-align:left;margin:0 0 14px;font-size:14px}
.ka.ed-kasa input:not([type=checkbox]){font-size:16px;padding:14px 16px;border:1px solid var(--border-medium);border-radius:var(--r-sm);
  background:var(--surface-white);margin-bottom:6px;min-height:50px}
.ka.ed-kasa input:not([type=checkbox]):focus{border-color:var(--olive-700);box-shadow:0 0 0 3px rgba(89,102,79,.16)}
.ka.ed-kasa .ka-sag{font-size:13px;line-height:1.6;color:var(--ink-secondary);margin:8px 0 4px}
/* SAGLASNOST SE VIDI KAD SE OZNAČI (brif „Purchase & Post-Purchase UX Final
   Polish", 13.10.2026., §4 i §16). Opšte `input{appearance:none}` (stil-1) je
   čekboksu skidalo i kvačicu: klik ga je označavao, a na ekranu se nije
   promenilo ništa — kupac je mislio da ne reaguje. Ovde mu se vraća pravi,
   izvorni izgled (sa tastaturom i čitačem ekrana, kao svaki čekboks), a ceo
   red sa tekstom je polje za klik. */
.ka .ka-sag input[type=checkbox]{-webkit-appearance:checkbox;appearance:auto;flex:0 0 20px;width:20px;height:20px;min-height:0;
  margin:1px 0 0;padding:0;border:0;border-radius:0;background:none;box-shadow:none;accent-color:var(--olive-800);cursor:pointer}
.ka .ka-sag{padding:6px 0}
.ka .ka-sag input[type=checkbox]:focus-visible{outline:2px solid var(--olive-700);outline-offset:3px}
.ka .ka-sag-uslov{font-size:12.5px;line-height:1.5;color:var(--ink-meta);text-align:center;margin:8px 0 0}
.ka .ka-sag-uslov[hidden]{display:none}
.ka #kaDug:disabled{cursor:not-allowed}
.ka.ed-kasa .ka-prih{font-size:12.5px;color:var(--ink-meta);margin:8px 0 18px}
.ka.ed-kasa #kaDug{min-height:56px;font-size:15.5px}
.ka.ed-kasa .ka-odustani{display:flex;margin:8px auto 0;font-weight:400;color:var(--ink-secondary)}
.ka.ed-kasa .ka-odustani::after{display:none}
.ka.ed-kasa .ka-note{font-size:12px;color:var(--ink-meta);text-align:left;line-height:1.6}
.ka.ed-kasa .ka-mor{margin-top:18px;padding-top:16px;border-top:1px solid var(--border-light)}
.ka.ed-kasa .ka-err{color:var(--error);font-size:13px}
@media(max-width:860px){
  .modal.ka.ed-kasa{grid-template-columns:1fr;max-width:560px}
  .ed-kasa-slika{display:none}
  .ed-kasa-telo{padding:28px 24px 26px}
}
@media(max-width:720px){
  .modal.ka.ed-kasa{max-height:calc(100vh - 28px);max-height:calc(100dvh - 28px);overflow-y:auto}
  .ed-kasa-telo{max-height:none;padding:22px 20px 28px;overflow:visible}
  .ed-kasa-nasl{font-size:30px;padding-right:40px}
}

/* --- POTVRDA KUPOVINE (§10.5): ulaz u Own Sky, ne račun ----------------- */
.wrap.kup-wrap.kup-siroko{max-width:var(--ed-sirina)}
/* Tri kolone kao na renderu: slika | naslov, kartica i nalog | koraci. */
.ed-kup{display:grid;grid-template-columns:minmax(0,.86fr) minmax(0,1fr) minmax(0,.92fr);
  grid-template-areas:"slika tx tok" "slika dalje tok";grid-template-rows:auto 1fr;column-gap:56px;align-items:start}
.ed-kup-slika{grid-area:slika;position:sticky;top:96px}
.ed-kup-slika>.ed-slika{aspect-ratio:var(--ar,1/1);height:auto;border-radius:2px}
.ed-kup-tx{grid-area:tx;max-width:600px;padding-top:8px}
.ed-kup .kup-tok{grid-area:tok;margin:0;padding-top:22px}
.ed-kup-dalje{grid-area:dalje;min-width:0}
.ed-kup-dalje>.kup-nalog:first-child,.ed-kup-dalje>.kup-akcija:first-child{margin-top:28px}
@media(max-width:1100px){
  .ed-kup{grid-template-columns:minmax(0,.9fr) minmax(0,1fr);grid-template-areas:"slika tx" "slika tok" "slika dalje";
    grid-template-rows:auto auto 1fr;column-gap:48px}
  .ed-kup .kup-tok{padding-top:0;margin-top:34px}
}
.rep-h.kup-h{font-family:var(--serif);font-weight:400;font-size:clamp(46px,4.4vw,64px);line-height:1.02;letter-spacing:-.018em;margin:0 0 10px}
.ed-kup .rep-lead.kup-lead{font-family:var(--serif);font-size:25px;line-height:1.3;color:var(--ink-primary);margin:0 0 32px}
.kup-sta{background:var(--bg-soft);border:1px solid var(--border-light);border-radius:var(--r-md)}
.kup-sta b{font-size:24px}
.kup-h3{font-size:24px}
.kup-k>i{background:var(--bg-secondary)}
.kup-k.gotov>i{background:var(--olive-800)}
.kup-k.sada>i{background:var(--bg-soft);box-shadow:inset 0 0 0 1px var(--olive-700)}
.kup-k.sada>i::after{background:var(--olive-800)}
.kup-k:not(:last-child)::before{border-left:1px solid var(--border-medium)}
.kup-k b{font-size:19px}
.kup-k p{font-size:14.5px;color:var(--ink-secondary)}
.kup-nalog{background:var(--bg-soft);border:1px solid var(--border-light);border-radius:var(--r-md)}
.kup-dno{text-align:left}
.kup-dno .kup-podrska{text-align:left}
/* POSLE KUPOVINE (brif „Purchase & Post-Purchase UX Final Polish", 13.10.2026.,
   §7–§9): nalog je ponuda — sporedno dugme i sitna rečenica da nije obavezan;
   prijavljen kupac dobija samo potvrdu sa kvačicom; posle preuzimanja profil
   kaže „Nalog je napravljen". Kvačica nosi i reč, ne samo boju (§16). */
.kup-nalog .kup-sitno{font-size:12.5px;line-height:1.55;color:var(--ink-meta);margin:12px 0 0;text-align:center}
.kup-kvacica{flex:0 0 22px;width:22px;height:22px;border-radius:50%;background:var(--olive-800);position:relative;display:inline-block}
.kup-kvacica::after{content:"";position:absolute;left:7.5px;top:4.5px;width:5px;height:10px;border:solid var(--bg-soft);
  border-width:0 2px 2px 0;transform:rotate(45deg)}
.kup-auto{display:flex;align-items:flex-start;gap:12px;margin:28px 0 0;padding:16px 18px;background:var(--bg-soft);
  border:1px solid var(--border-light);border-radius:var(--r-md);font-size:14.5px;line-height:1.55;color:var(--ink-secondary)}
/* Vest stoji iznad junaka profila, u istoj visini kao prvo dugme bočne
   kolone (20 px ispod zaglavlja) — ne lepi se za zaglavlje. */
.pd-vest{display:flex;align-items:flex-start;gap:14px;margin:20px 0 4px;padding:16px 18px;background:var(--bg-soft);
  border:1px solid var(--border-light);border-left:3px solid var(--olive-800);border-radius:var(--r-md)}
.pd-vest b{font-family:var(--serif);font-weight:400;font-size:20px;color:var(--ink-primary)}
.pd-vest p{margin:2px 0 0;font-size:14px;line-height:1.55;color:var(--ink-secondary)}
.pd-vest>div{flex:1 1 auto;min-width:0}
.pd-vest .xbtn{flex:0 0 auto;background:none;border:0;font-size:20px;line-height:1;color:var(--ink-meta);cursor:pointer;min-width:44px;min-height:44px;margin:-12px -12px 0 0}
#authBox .kn-mejl{font-size:14.5px;line-height:1.6;color:var(--ink-secondary);margin:0 0 18px}
#authBox .kn-mejl strong{color:var(--ink-primary);font-weight:600;word-break:break-all}
#authBox .kn-nap{font-size:12px;line-height:1.5;color:var(--ink-meta);margin:8px 0 0}
#authBox .kn-poslato{font-size:14.5px;line-height:1.6}
@media(max-width:900px){
  .ed-kup{grid-template-columns:1fr;grid-template-areas:"slika" "tx" "tok" "dalje";grid-template-rows:none;gap:0}
  .ed-kup-slika{position:relative;top:0;margin-bottom:28px}
  .ed-kup-slika>.ed-slika{aspect-ratio:16/9}
  .ed-kup-tx{max-width:none}
}
@media(max-width:620px){
  .rep-h.kup-h{font-size:44px}
  .ed-kup .rep-lead.kup-lead{font-size:22px;margin-bottom:26px}
}

/* =====================================================================
   ČITAČ IZVEŠTAJA (§10.7) — sedmi panel rendera: čitanje na prvom mestu
   ===================================================================== */
html.ct-otvoren,html.ct-otvoren body{overflow:hidden}
.citac{position:fixed;inset:0;z-index:400;display:flex;flex-direction:column;background:#343A2F;color:#ECE3D6;
  font-family:var(--sans)}
.citac[hidden]{display:none}
.ct-traka{flex:0 0 auto;display:flex;align-items:center;gap:10px;min-height:60px;
  padding:8px max(16px,env(safe-area-inset-right)) 8px max(12px,env(safe-area-inset-left));
  padding-top:max(8px,env(safe-area-inset-top));background:#282D24;border-bottom:1px solid rgba(236,227,214,.08)}
.ct-d{flex:0 0 auto;width:44px;height:44px;padding:0;border:0;border-radius:6px;background:transparent;color:inherit;
  display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:background .15s}
.ct-d svg{width:22px;height:22px}
.ct-d:hover{background:rgba(236,227,214,.08)}
.ct-d:disabled{opacity:.32;cursor:default;background:transparent}
.ct-d:focus-visible,.ct-pdf:focus-visible{outline:2px solid #CFC4B3;outline-offset:1px}
.ct-naslov{flex:1 1 auto;min-width:0;font-family:var(--serif);font-size:19px;line-height:1.2;color:#F4EFE6;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-left:4px}
.ct-str,.ct-zum{flex:0 0 auto;display:flex;align-items:center;font-size:13.5px;font-variant-numeric:tabular-nums;
  color:rgba(236,227,214,.82)}
#ctStr{min-width:66px;text-align:center}
#ctZum{min-width:48px;text-align:center}
.ct-zum{padding-left:8px;border-left:1px solid rgba(236,227,214,.12);margin-left:4px}
.ct-pdf{flex:0 0 auto;display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 16px;margin-left:6px;
  border-radius:6px;border:1px solid rgba(236,227,214,.3);background:transparent;color:#F4EFE6;
  font-family:var(--sans);font-size:13.5px;cursor:pointer;transition:background .15s,border-color .15s}
.ct-pdf svg{width:18px;height:18px}
.ct-pdf:hover{background:rgba(236,227,214,.08);border-color:rgba(236,227,214,.5)}
.ct-telo{position:relative;flex:1 1 auto;overflow:auto;-webkit-overflow-scrolling:touch;outline:0;
  padding:32px 24px calc(64px + env(safe-area-inset-bottom))}
/* strane su blok, ne flex: šira strana (uvećanje) se pomera u stranu, a ne seče levo */
.ct-lista{min-width:100%;width:max-content}
.ct-strana{margin:0 auto 24px;background:#FCFAF6;box-shadow:0 12px 34px rgba(0,0,0,.32),0 2px 6px rgba(0,0,0,.18)}
.ct-strana canvas{display:block;width:100%;height:100%}
.ct-stanje{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;
  padding:24px;text-align:center;font-size:15px;line-height:1.6;color:#ECE3D6}
.ct-stanje[hidden]{display:none}
.ct-stanje p{max-width:44ch;margin:0}
.ct-stanje .spin{border-color:rgba(236,227,214,.25);border-top-color:#ECE3D6}
.ct-stanje-d{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}
.ct-stanje .btn.ghost{color:#F4EFE6;border-color:rgba(236,227,214,.4)}
@media(max-width:720px){
  .ct-traka{gap:2px;min-height:56px;padding-right:max(8px,env(safe-area-inset-right))}
  .ct-naslov{font-size:16px}
  .ct-zum{display:none}
  .ct-pdf{width:44px;padding:0;justify-content:center;margin-left:2px;border-color:transparent}
  .ct-pdf span{display:none}
  #ctStr{min-width:56px;font-size:13px}
  .ct-telo{padding:12px 12px calc(40px + env(safe-area-inset-bottom))}
  .ct-strana{margin-bottom:12px}
}

/* Kretanje (§12): samo pomak od par piksela i pretapanje; ko je u sistemu
   zatražio manje pokreta, ne dobija ni to. */
@media(prefers-reduced-motion:reduce){
  .btn,.ed-plocica,.ed-slika>img,.ed-lnk::after,.btn.ed-sa::after,.ed-nivo,.sp2-tab,.pd-k,.pd-tab,.ct-d,.ct-pdf{transition:none!important}
  .btn:hover,.ed-plocica:hover,.btn.ed-sa:hover::after,.ed-lnk:hover::after,a:hover>.ed-slika>img,.ed-plocica:hover .ed-slika>img{transform:none!important}
}
/* ===== KRAJ UREDNIČKOG SISTEMA ===== */