/* ============================================================
   eset.css — /eset/ (CP.STR.ESET), 8. 11. 2026.
   Konzolna paleta kao /alati/ (tamna podrazumevano, svetla preko
   html[data-theme="light"]). Učitava se SAMO na ovoj ruti.

   Značenje boja (ne ukras):
     crvena   = akcija Crvene pilule (dugmad, „kod nas”, signal)
     tirkizna = podatak preuzet sa ESET-ovih zvaničnih izvora
                (cena sa eset.com, datum provere, „stanje na dan”)
     stubovi  = --pillar-* iz tokens.css (Tehnologije/Ljudi/Procesi)
   ============================================================ */

body.page-eset{
  --es-bg:#0f0f0d; --es-bg2:#131311; --es-deep:#0a0a09;
  --es-plate:#161614; --es-plate2:#1b1b19;
  --es-line:#262624; --es-line2:#34342f;
  --es-hi:#ece9e3; --es-md:#c8c5be; --es-lo:#a8a5a0; --es-mute:#8a8780;
  --es-red:#c0392b; --es-red-hi:#d44a3a; --es-red-text:var(--brand-on-dark);
  --es-teal:#43bdb4; --es-teal-line:rgba(67,189,180,.38); --es-teal-soft:rgba(67,189,180,.08);
  --es-grid:rgba(232,232,230,.022);
  --es-wrap:1240px;
}
html{ color-scheme:dark; }
html, body.page-eset{ background:var(--es-bg); }
body.page-eset{ color:var(--es-hi); }
body.page-eset ::selection{ background:rgba(192,57,43,.28); color:var(--es-hi); }
body.page-eset main a{ color:var(--es-red-text); text-underline-offset:3px; }
body.page-eset main a:hover{ color:var(--es-hi); }
body.page-eset :focus-visible{ outline:2px solid var(--es-teal); outline-offset:3px; }
body.page-eset .sr{ position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0 0 0 0); white-space:nowrap; }

body.page-eset .es-wrap{ max-width:var(--es-wrap); margin:0 auto; padding:0 28px; }
@media (max-width:560px){ body.page-eset .es-wrap{ padding:0 16px; } }

/* ---------- tipografija ---------- */
body.page-eset main p{ margin:0; }
/* povratak na /proizvodi/: tih, iznad nadnaslova, ne takmiči se sa njim */
body.page-eset .es-back{
  display:inline-flex; align-items:center; gap:8px; margin:0 0 22px;
  font-size:14px; color:var(--es-lo); text-decoration:none;
  padding:4px 10px 4px 8px; border:1px solid var(--es-line2);
}
body.page-eset .es-back span{ color:var(--es-teal); transition:transform .15s ease; }
@media (hover:hover){
  body.page-eset .es-back:hover{ color:var(--es-hi); border-color:var(--es-teal-line); }
  body.page-eset .es-back:hover span{ transform:translateX(-3px); }
}
body.page-eset .es-back:focus-visible{ outline:2px solid var(--es-teal); outline-offset:2px; }
@media (prefers-reduced-motion:reduce){ body.page-eset .es-back span{ transition:none; } }
body.page-eset .es-kick{
  display:flex; align-items:center; gap:10px;
  font-family:var(--font-mono); font-size:12px; letter-spacing:.14em; text-transform:uppercase;
  color:var(--es-mute); margin:0 0 18px;
}
@media (max-width:420px){ body.page-eset .es-kick{ font-size:11px; letter-spacing:.06em; gap:8px; } }
body.page-eset .es-kick::before{
  content:""; width:7px; height:7px; background:var(--es-red); flex:none;
  clip-path:polygon(30% 0,70% 0,100% 30%,100% 70%,70% 100%,30% 100%,0 70%,0 30%);
}
body.page-eset h1, body.page-eset h2, body.page-eset h3{ color:var(--es-hi); margin:0; }
body.page-eset .es-h3{ font-size:22px; font-weight:600; letter-spacing:-.01em; margin:48px 0 16px; }

/* ---------- dugmad ---------- */
body.page-eset .es-btn{
  display:inline-flex; align-items:center; min-height:48px; padding:0 22px;
  font-size:16px; font-weight:600; text-decoration:none; border:1px solid transparent;
  transition:background .15s, border-color .15s, color .15s;
}
body.page-eset main .es-btn--red{ background:var(--es-red); color:#fff; }
body.page-eset main .es-btn--red:hover{ background:var(--es-red-hi); color:#fff; }
body.page-eset main .es-btn--ghost{ border-color:var(--es-line2); color:var(--es-hi); }
body.page-eset main .es-btn--ghost:hover{ border-color:var(--es-hi); color:var(--es-hi); }

/* ============================================================
   HERO + „stanje na dan” (jedini glasni element stranice)
   ============================================================ */
body.page-eset .es-hero{
  position:relative; overflow:hidden;
  background:var(--es-bg); border-bottom:1px solid var(--es-line);
}
/* Saće (CP motiv, kao /zasto-cp/): dva ostrva od celih ćelija, gore desno i
   dole levo. Bledenje je po ćeliji (opacity u SVG-u), ne maskom, pa nijedna
   ćelija nije presečena. */
body.page-eset .es-hexbg{ position:absolute; pointer-events:none; color:var(--es-line2); max-width:none; max-height:none; }
body.page-eset .es-hexbg--gd{ top:0; right:0; width:1040px; height:440px; }
body.page-eset .es-hexbg--dl{ bottom:0; left:0; width:620px; height:280px; }
body.page-eset .es-hc{ fill:none; stroke:currentColor; stroke-width:1; }
body.page-eset .es-hx{ stroke-width:1.5; }
body.page-eset .es-hx--e{ fill:color-mix(in srgb,var(--es-teal) 9%,transparent); stroke:color-mix(in srgb,var(--es-teal) 45%,transparent); }
body.page-eset .es-hx--x{ fill:color-mix(in srgb,var(--es-teal) 24%,transparent); stroke:var(--es-teal); }
body.page-eset .es-hx--cp{ fill:color-mix(in srgb,var(--es-red) 55%,transparent); stroke:var(--es-red); }
body.page-eset .es-hero__grid{ position:relative; z-index:1; }
@media (max-width:980px){
  body.page-eset .es-hexbg{ opacity:.55; }
  body.page-eset .es-hexbg--dl, body.page-eset .es-hx{ display:none; }
}
body.page-eset .es-hero__grid{
  display:grid; grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr); gap:56px; align-items:center;
  padding-top:64px; padding-bottom:64px;
}
body.page-eset .es-hero h1{
  font-size:clamp(32px,3.6vw,48px); line-height:1.08; letter-spacing:-.022em; font-weight:650; max-width:18ch;
}
/* Naslov su tri pitanja, svako u svom redu. Prvo vodi, druga dva su
   prigušen nastavak. Akcenat je u tonu, ne u boji. */
body.page-eset .es-hero h1{ max-width:none; }
body.page-eset .es-hero h1 > span{ display:block; }
body.page-eset .es-hero h1 > span + span{ color:var(--es-lo); }
body.page-eset .es-lead{ font-size:18px; line-height:1.65; color:var(--es-lo); margin-top:22px; max-width:60ch; }
body.page-eset .es-cta{ display:flex; flex-wrap:wrap; gap:12px; margin-top:32px; }

body.page-eset .es-ledger{
  position:relative; background:var(--es-plate); border:1px solid var(--es-line);
  border-left:3px solid var(--es-teal); padding:26px 28px 24px;
}
body.page-eset .es-ledger__head{
  display:flex; align-items:center; gap:10px;
  font-family:var(--font-mono); font-size:13px; letter-spacing:.06em; color:var(--es-teal);
}
body.page-eset .es-ledger__head time{ color:var(--es-hi); }
body.page-eset .es-dot{ width:10px; height:11px; background:var(--es-teal); clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%); }

/* ============================================================
   ZNACI BLOKOVA — „matica” (heksagon iz loga) sa simbolom
   teal = ESET i zvanični podaci; red = ono što radi Crvena pilula
   ============================================================ */
body.page-eset .es-sprite{ position:absolute; width:0; height:0; overflow:hidden; }
body.page-eset .es-mark{ --mk:var(--es-teal); display:inline-flex; flex:none; width:50px; height:50px; color:var(--mk); }
body.page-eset .es-mark--red{ --mk:var(--es-red-text); }
body.page-eset .es-mark svg{ width:100%; height:100%; overflow:visible; }
body.page-eset .es-mark__hex{ fill:color-mix(in srgb,var(--mk) 11%,transparent); stroke:var(--mk); stroke-width:2.2; stroke-linejoin:round; }
body.page-eset .es-h2m{ display:flex; align-items:center; gap:16px; }
body.page-eset .es-h2m > span{ min-width:0; }
@media (max-width:560px){
  body.page-eset .es-mark{ width:40px; height:40px; }
  /* dugački naslovi idu u više redova: ikona uz prvi red, ne na sredini */
  body.page-eset .es-h2m{ align-items:flex-start; }
  body.page-eset .es-h2m .es-mark{ margin-top:2px; }
  body.page-eset .es-h2m{ gap:12px; }
}
body.page-eset .es-ledger__sub{ font-size:16px; font-weight:400; line-height:1.4; letter-spacing:0; color:var(--es-md); margin:12px 0 14px; }
body.page-eset .es-ledger__list{ list-style:none; margin:0; padding:0; counter-reset:none; }

/* Hronika u panelu: lista koja se skroluje unutar panela. Bez strelica i
   tačkica; da ima još, kaže samo bledenje na donjoj (i, kad se pomeri,
   gornjoj) ivici. Klase is-top / is-end postavlja eset.js, deo 5. */
body.page-eset .es-feed{
  max-height:min(440px,58vh); overflow-y:auto; overscroll-behavior-y:contain; margin:0 -8px; padding:0 8px;
  scrollbar-width:thin; scrollbar-color:transparent transparent; transition:scrollbar-color .2s;
  -webkit-mask-image:linear-gradient(to bottom,#000 calc(100% - 56px),transparent);
          mask-image:linear-gradient(to bottom,#000 calc(100% - 56px),transparent);
}
body.page-eset .es-feed:hover, body.page-eset .es-feed:focus-visible{ scrollbar-color:var(--es-line2) transparent; }
body.page-eset .es-feed::-webkit-scrollbar{ width:6px; }
body.page-eset .es-feed::-webkit-scrollbar-thumb{ background:transparent; border-radius:3px; }
body.page-eset .es-feed:hover::-webkit-scrollbar-thumb{ background:var(--es-line2); }
body.page-eset .es-feed.is-mid{
  -webkit-mask-image:linear-gradient(to bottom,transparent,#000 40px,#000 calc(100% - 56px),transparent);
          mask-image:linear-gradient(to bottom,transparent,#000 40px,#000 calc(100% - 56px),transparent);
}
body.page-eset .es-feed.is-end{
  -webkit-mask-image:linear-gradient(to bottom,transparent,#000 40px);
          mask-image:linear-gradient(to bottom,transparent,#000 40px);
}
body.page-eset .es-feed.is-all{ -webkit-mask-image:none; mask-image:none; }
body.page-eset .es-feed:focus-visible{ outline-offset:2px; }

body.page-eset .es-ledger__list li{
  display:grid; grid-template-columns:112px 1fr; gap:14px; padding:14px 0; border-top:1px dashed var(--es-line2);
}
body.page-eset .es-feed__meta{ display:flex; flex-direction:column; gap:5px; padding-top:3px; font-family:var(--font-mono); font-size:12.5px; line-height:1.3; }
body.page-eset .es-feed__meta time{ color:var(--es-mute); }
body.page-eset .es-feed__k{ color:var(--es-teal); letter-spacing:.04em; }
body.page-eset .es-feed__i--gasenje .es-feed__k{ color:var(--es-red-text); }
body.page-eset .es-feed__i--ponuda .es-feed__k{ color:var(--es-md); }
body.page-eset .es-feed__k--najava{ color:var(--es-hi) !important; }
body.page-eset .es-feed__t{ font-size:16px; font-weight:600; line-height:1.4; letter-spacing:0; color:var(--es-hi); }
body.page-eset main .es-feed__t a{ color:var(--es-hi); text-decoration:none; background-image:linear-gradient(var(--es-line2),var(--es-line2)); background-size:100% 1px; background-repeat:no-repeat; background-position:0 100%; }
body.page-eset main .es-feed__t a:hover{ color:var(--es-teal); background-image:linear-gradient(var(--es-teal),var(--es-teal)); }
body.page-eset main .es-feed__t a::after{ content:" \2197"; font-weight:400; font-size:.85em; color:var(--es-mute); }
body.page-eset .es-feed__x{ font-size:15px; line-height:1.55; color:var(--es-lo); margin-top:4px; }
body.page-eset .es-feed__all{ margin-top:14px; padding-top:14px; border-top:1px solid var(--es-line); font-size:14.5px; }
body.page-eset main .es-feed__all a{ color:var(--es-teal); text-decoration:none; }
body.page-eset main .es-feed__all a:hover{ text-decoration:underline; }
@media (max-width:980px){ body.page-eset .es-feed{ max-height:420px; } }
@media (max-width:980px){
  body.page-eset .es-hero__grid{ grid-template-columns:1fr; gap:36px; padding-top:44px; padding-bottom:44px; }
}
@media (max-width:480px){
  body.page-eset .es-ledger{ padding:22px 18px; }
  body.page-eset .es-ledger__list li{ grid-template-columns:1fr; gap:4px; }
  body.page-eset .es-feed__meta{ flex-direction:row; gap:12px; }
}

/* ---------- podnavigacija ----------
   Strana je duga, pa je traka uvek vidljiva (sticky). Ne puna boja nego
   staklo: tamna podloga sa dahom tirkizne, kroz koju se nazire sadržaj,
   i tirkizna nit na ivicama. Glasan je samo deo na kome je čitalac
   (aria-current, eset.js deo 4): tirkizni tekst i linija ispod. */
body.page-eset .es-subnav{
  --sn-bg:rgba(18,36,34,.88); --sn-edge:rgba(67,189,180,.24); --sn-tx:var(--es-lo); --sn-hi:var(--es-hi); --sn-on:var(--es-teal);
  position:sticky; top:var(--hdr-h,56px); z-index:20;
  background:var(--sn-bg); -webkit-backdrop-filter:blur(12px) saturate(1.3); backdrop-filter:blur(12px) saturate(1.3);
  border-top:1px solid var(--sn-edge); border-bottom:1px solid var(--sn-edge);
}
body.page-eset .es-subnav__in{ display:flex; gap:2px; overflow-x:auto; scrollbar-width:none; }
body.page-eset .es-subnav__in::-webkit-scrollbar{ display:none; }
body.page-eset main .es-subnav a{
  flex:none; padding:14px 14px 12px; font-size:15px; color:var(--sn-tx); text-decoration:none; white-space:nowrap;
  border-bottom:2px solid transparent; transition:color .15s ease, border-color .15s ease;
}
body.page-eset main .es-subnav a:hover{ color:var(--sn-hi); }
body.page-eset main .es-subnav a[aria-current="true"]{ color:var(--sn-on); border-bottom-color:var(--sn-on); }
body.page-eset .es-subnav a:focus-visible{ outline:2px solid var(--sn-on); outline-offset:-4px; }
@media (prefers-reduced-motion:reduce){ body.page-eset main .es-subnav a{ transition:none; } }


/* ============================================================
   SEKCIJE
   ============================================================ */
body.page-eset .es-sec{ padding:88px 0; scroll-margin-top:calc(var(--hdr-h,56px) + 52px); border-bottom:1px solid var(--es-line); }
body.page-eset .es-sec--alt{ background:var(--es-bg2); }
body.page-eset .es-sec__head{ max-width:760px; margin-bottom:36px; }
body.page-eset .es-sec__head h2{ font-size:clamp(28px,2.6vw,36px); line-height:1.15; letter-spacing:-.02em; font-weight:650; }
body.page-eset .es-sec__head p{ font-size:18px; line-height:1.68; color:var(--es-lo); margin-top:16px; }
@media (max-width:767px){ body.page-eset .es-sec{ padding:60px 0; } }

body.page-eset .es-note, body.page-eset .es-fn{ font-size:15px; line-height:1.6; color:var(--es-mute); margin-top:16px; max-width:80ch; }
body.page-eset .es-fn + .es-fn{ margin-top:6px; }
/* fusnote ispod tabela idu celom širinom tabele */
body.page-eset .es-fn--siroko{ max-width:none; }
body.page-eset .es-src{
  margin-top:28px; padding-top:16px; border-top:1px solid var(--es-line);
  font-size:14px; line-height:1.9; color:var(--es-mute);
}
body.page-eset .es-src__k{ font-family:var(--font-mono); font-size:12px; color:var(--es-teal); margin-right:10px; }
body.page-eset .es-src__sep{ margin:0 8px; color:var(--es-line2); }
body.page-eset main .es-src a{ color:var(--es-md); }
body.page-eset main .es-src a:hover{ color:var(--es-teal); }

/* ---------- Extreme logo (dve verzije po temi) ---------- */
body.page-eset .es-xlogo{ display:inline-flex; align-items:center; flex:none; line-height:0; }
body.page-eset .es-xlogo img{ display:block; width:100%; height:auto; }
body.page-eset .es-xlogo__l{ display:none !important; }
html[data-theme="light"] body.page-eset .es-xlogo__d{ display:none !important; }
html[data-theme="light"] body.page-eset .es-xlogo__l{ display:block !important; }
body.page-eset .es-xlogo--key{ width:104px; }
body.page-eset .es-xlogo--chain{ width:104px; }
body.page-eset .es-xlogo--eset{ width:76px; }

/* ---------- izvor cena ---------- */
body.page-eset .es-prices-key{
  display:flex; align-items:center; gap:18px; margin-bottom:20px; max-width:900px;
  padding:12px 0; border-top:1px solid var(--es-line); border-bottom:1px solid var(--es-line);
}
body.page-eset .es-prices-key p{ font-size:16px; line-height:1.55; color:var(--es-lo); }
body.page-eset .es-prices-key .es-xlogo{ padding-right:18px; border-right:1px solid var(--es-line2); }
@media (max-width:560px){
  body.page-eset .es-prices-key{ flex-direction:column; align-items:flex-start; gap:10px; }
  body.page-eset .es-prices-key .es-xlogo{ border-right:0; padding-right:0; }
}

/* ---------- lanac: ESET → NORT → Extreme → Crvena pilula ----------
   Istaknuta je poslednja karika, Crvena pilula: tu kupac dobija uslugu.
   Prve tri karike su iste, samo ime i uloga. */
body.page-eset .es-chain{
  list-style:none; margin:0 0 40px; padding:0;
  display:grid; grid-template-columns:1fr 1fr 1fr 2fr; gap:0; align-items:stretch;
  border:1px solid var(--es-line);
}
body.page-eset .es-chain{ border-top-color:var(--es-line2); }
body.page-eset .es-chain__i{ position:relative; padding:30px 24px 22px; display:flex; flex-direction:column; gap:6px; justify-content:flex-start; min-width:0; }
/* red imena: ista visina u svakoj karici, pa su ESET, NORT, Extreme i CP u ravni */
body.page-eset .es-chain__head{ height:34px; display:flex; align-items:center; margin:0; }
body.page-eset .es-cplogo{
  display:inline-flex; align-items:center; gap:9px; white-space:nowrap;
  font-family:var(--font-mono); font-size:17px; letter-spacing:-.005em; color:var(--es-hi);
}
body.page-eset .es-cplogo svg{ width:22px; height:30px; flex:none; color:var(--brand-bright,#c52828); }
body.page-eset .es-cplogo .sl{ color:var(--brand-bright,#c52828); margin:0 1px; font-weight:500; }
/* perle na niti: gornja ivica lanca je nit, svaka karika ima svoj heksagon */
body.page-eset .es-bead{ position:absolute; top:-12px; left:22px; width:22px; height:22px; z-index:1; }
body.page-eset .es-bead svg{ width:100%; height:100%; overflow:visible; }
body.page-eset .es-bead__out{ fill:var(--es-bg); stroke:var(--es-teal); stroke-width:5; stroke-linejoin:round; }
body.page-eset .es-bead__in{ fill:var(--es-teal); }
body.page-eset .es-bead--x{ width:28px; height:28px; top:-15px; }
body.page-eset .es-bead--cp .es-bead__out{ stroke:var(--es-red); }
body.page-eset .es-bead--cp .es-bead__in{ fill:var(--es-red); }
body.page-eset .es-chain__i + .es-chain__i{ border-left:1px solid var(--es-line); }
/* strelica na granici: kvadrat zarotiran za 45°, samo ivice */
body.page-eset .es-chain__i + .es-chain__i::before{
  content:""; position:absolute; left:-6px; top:50%; width:10px; height:10px; margin-top:-5px;
  background:var(--es-bg); border-top:1px solid var(--es-line2); border-right:1px solid var(--es-line2); transform:rotate(45deg);
}
body.page-eset .es-chain__n{ font-size:20px; font-weight:650; color:var(--es-hi); letter-spacing:-.01em; }
body.page-eset .es-chain__i > span:not(.es-xlogo){ font-family:var(--font-mono); font-size:12.5px; color:var(--es-mute); }
body.page-eset .es-bead--x{ width:22px; height:22px; top:-12px; }
body.page-eset .es-chain__i--cp{ background:var(--es-plate); box-shadow:inset 0 3px 0 var(--es-red); }
body.page-eset .es-chain__i--cp .es-bead{ width:28px; height:28px; top:-15px; }
body.page-eset .es-chain__i--cp .es-cplogo{ font-size:20px; gap:10px; }
body.page-eset .es-chain__i--cp .es-cplogo svg{ width:25px; height:34px; }
body.page-eset .es-chain__i--cp > p:not(.es-chain__head){ font-size:15.5px; line-height:1.55; color:var(--es-md); margin-top:8px; }
body.page-eset .es-chain__i--cp::before{ background:var(--es-plate) !important; }
@media (max-width:980px){
  body.page-eset .es-chain{ grid-template-columns:repeat(3,minmax(0,1fr)); }
  body.page-eset .es-chain__i--cp{ grid-column:1 / -1; border-left:0 !important; border-top:1px solid var(--es-line); }
  body.page-eset .es-chain__i + .es-chain__i::before{ display:none; }
}
@media (max-width:560px){
  body.page-eset .es-chain{ grid-template-columns:1fr; }
  body.page-eset .es-chain__i + .es-chain__i{ border-left:0; border-top:1px solid var(--es-line); }
}

/* ---------- paketi ---------- */
body.page-eset .es-packs{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; }
/* Tri kartice u redu tek kad tabela cena ima mesta za iznose od pet cifara. */
@media (max-width:1279px){ body.page-eset .es-packs{ grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media (max-width:899px){ body.page-eset .es-packs{ grid-template-columns:1fr; } }
body.page-eset .es-pack{
  display:flex; flex-direction:column; background:var(--es-plate); border:1px solid var(--es-line); padding:24px 24px 18px;
}
body.page-eset .es-pack--rec{ border-color:var(--es-red); box-shadow:inset 0 3px 0 var(--es-red); }
body.page-eset .es-pack{ position:relative; }
/* nivo zaštite: 1–4 heksagona, gore desno */
body.page-eset .es-tier{ position:absolute; top:26px; right:24px; display:flex; gap:4px; }
body.page-eset .es-tier svg{ width:14px; height:16px; }
body.page-eset .es-tier polygon{ fill:none; stroke:var(--es-line2); stroke-width:5; stroke-linejoin:miter; }
body.page-eset .es-tier .is-on polygon{ fill:var(--es-teal); stroke:var(--es-teal); }
body.page-eset .es-pack:has(.es-tier) h3, body.page-eset .es-pack:has(.es-tier) .es-pack__flag{ padding-right:72px; }
body.page-eset .es-pack__flag{ font-family:var(--font-mono); font-size:12px; color:var(--es-red-text); margin-bottom:10px !important; }
body.page-eset .es-pack h3{ font-size:20px; line-height:1.25; font-weight:620; }
body.page-eset .es-pack__meta{ font-family:var(--font-mono); font-size:12.5px; color:var(--es-mute); margin-top:8px !important; }
body.page-eset .es-pack__kome{ font-size:16px; line-height:1.6; color:var(--es-md); margin:14px 0 18px !important; flex:1; }

/* Poravnanje po redovima: svaka kartica deli šest redova sa susednim
   karticama (subgrid), pa naslov, uređaji, opis, tabela i „Cena po uređaju”
   stoje na istoj visini u celom redu, i kad kartica nema oznaku ili nivo.
   Red 1 je zaglavlje kartice: oznaka levo, nivo zaštite desno. */
@supports (grid-template-rows:subgrid){
  body.page-eset .es-pack{
    display:grid; grid-row:span 6; grid-template-rows:subgrid; grid-template-columns:minmax(0,1fr); row-gap:0;
  }
  body.page-eset .es-tier{ position:static; grid-row:1; grid-column:1; justify-self:end; align-self:start; margin-bottom:14px; }
  body.page-eset .es-pack__flag{ grid-row:1; grid-column:1; justify-self:start; align-self:start; }
  body.page-eset .es-pack:has(.es-tier) h3,
  body.page-eset .es-pack:has(.es-tier) .es-pack__flag{ padding-right:0; }
  body.page-eset .es-pack h3{ grid-row:2; }
  body.page-eset .es-pack__meta{ grid-row:3; }
  body.page-eset .es-pack__kome{ grid-row:4; }
  body.page-eset .es-pack > .es-ptab{ grid-row:5; align-self:start; }
  body.page-eset .es-pack > .es-pdet{ grid-row:6; align-self:start; }
  /* MDR nema cene: opis stoji u visini tabela susednih kartica, da kartica
     ne bi bila gore puna, a dole prazna. */
  body.page-eset .es-pack--wait .es-pack__kome{ grid-row:5 / span 2; align-self:start; margin-top:0 !important; }
}
/* Iste širine kolona u svim karticama, da godine i iznosi stoje jedni ispod drugih. */
body.page-eset .es-pack .es-ptab{ table-layout:fixed; }
body.page-eset .es-pack .es-ptab th:first-child{ width:18%; }
body.page-eset .es-pack .es-ptab th:not(:first-child), body.page-eset .es-pack .es-ptab td{ padding-left:8px; }
body.page-eset .es-pack .es-ptab td{ white-space:nowrap; }
/* Poslovni paketi imaju i iznose od pet cifara (22.860,00 €): uža prva kolona,
   manji razmak i za nijansu sitnija slova, da iznos stane u jedan red. */
body.page-eset .es-packs--biz .es-ptab{ font-size:14px; }
body.page-eset .es-packs--biz .es-ptab th:first-child{ width:16%; }
/* cena po uređaju: iznosi su kratki, a razredi dugi (100–249) */
body.page-eset .es-packs--biz .es-pdet .es-ptab th:first-child{ width:24%; white-space:nowrap; }
body.page-eset .es-packs--biz .es-ptab th:not(:first-child), body.page-eset .es-packs--biz .es-ptab td{ padding-left:4px; }
@media (max-width:480px){
  body.page-eset .es-pack .es-ptab{ font-size:13.5px; }
  body.page-eset .es-packs--biz .es-ptab{ font-size:12.5px; }
  body.page-eset .es-pack .es-ptab th:first-child{ width:17%; }
  body.page-eset .es-pack .es-ptab th:not(:first-child), body.page-eset .es-pack .es-ptab td{ padding-left:4px; }
  body.page-eset .es-pack{ padding-left:18px; padding-right:18px; }
}
/* Najuži telefoni: iznos sme da pređe u drugi red, da tabela ne bi izašla iz kartice. */
@media (max-width:400px){
  body.page-eset .es-pack .es-ptab td{ white-space:normal; }
  body.page-eset .es-pack .es-ptab th:first-child{ width:22%; }
  body.page-eset .es-pack .es-ptab thead th{ font-size:10.5px; }
  body.page-eset .es-packs--biz .es-ptab{ font-size:11.5px; }
  body.page-eset .es-packs--biz .es-pdet .es-ptab th:first-child{ width:28%; }
}

body.page-eset .es-ptab{ width:100%; border-collapse:collapse; font-size:15px; font-variant-numeric:tabular-nums; }
body.page-eset .es-ptab th, body.page-eset .es-ptab td{ padding:8px 0; text-align:right; border-top:1px solid var(--es-line); }
body.page-eset .es-ptab thead th{ font-family:var(--font-mono); font-size:11.5px; font-weight:500; color:var(--es-mute); border-top:0; padding-top:0; }
body.page-eset .es-ptab th:first-child{ text-align:left; color:var(--es-lo); font-weight:500; width:22%; }
body.page-eset .es-ptab td{ color:var(--es-teal); }

body.page-eset .es-pdet{ margin-top:12px; border-top:1px solid var(--es-line); }
body.page-eset .es-pdet summary{
  cursor:pointer; padding:10px 0 4px; font-size:14px; color:var(--es-lo); list-style:none;
  display:flex; align-items:center; gap:8px;
}
body.page-eset .es-pdet summary::-webkit-details-marker{ display:none; }
body.page-eset .es-pdet summary::before{
  content:""; width:7px; height:7px; border-right:1.5px solid currentColor; border-bottom:1.5px solid currentColor;
  transform:rotate(-45deg); transition:transform .15s ease;
}
body.page-eset .es-pdet[open] summary::before{ transform:rotate(45deg); }
body.page-eset .es-pdet summary:hover{ color:var(--es-hi); }
body.page-eset .es-pdet summary:focus-visible{ outline:2px solid var(--es-teal); outline-offset:2px; }
body.page-eset .es-pdet .es-ptab{ margin-top:8px; font-size:14px; }
body.page-eset .es-pdet .es-ptab td{ color:var(--es-teal); opacity:.85; }

/* ---------- matrice ---------- */
body.page-eset .es-scroll{ position:relative; overflow-x:auto; -webkit-overflow-scrolling:touch; border:1px solid var(--es-line); background:var(--es-plate); }
body.page-eset .es-mx{ width:100%; min-width:760px; border-collapse:collapse; font-size:15.5px; }
body.page-eset .es-mx--wide{ min-width:960px; }
body.page-eset .es-mx th, body.page-eset .es-mx td{ padding:11px 14px; border-top:1px solid var(--es-line); vertical-align:middle; }
body.page-eset .es-mx thead th{
  position:sticky; top:0; background:var(--es-plate2); border-top:0;
  font-size:14px; font-weight:600; color:var(--es-hi); text-align:center; line-height:1.3; vertical-align:bottom;
}
body.page-eset .es-mx thead th small{ display:block; font-family:var(--font-mono); font-size:11.5px; font-weight:400; color:var(--es-mute); margin-top:4px; }
body.page-eset .es-mx tbody th{ text-align:left; font-weight:400; color:var(--es-md); line-height:1.45; }
body.page-eset .es-mx td{ text-align:center; width:12%; }
body.page-eset .es-mx--wide td{ width:9.5%; }
body.page-eset .es-mx__g th{
  background:var(--es-bg2); font-family:var(--font-mono); font-size:12px !important; letter-spacing:.06em;
  color:var(--es-mute) !important; padding-top:16px !important; padding-bottom:8px !important;
}
body.page-eset .es-mx tbody tr:not(.es-mx__g):hover{ background:rgba(255,255,255,.02); }
/* Telefon: tabele se pomeraju u stranu. Prva kolona (šta je u paketu, koji
   proizvod) ostaje na mestu, a senka na desnoj ivici kaže da ima još kolona. */
@media (max-width:767px){
  body.page-eset .es-scroll{
    background:
      linear-gradient(to left, var(--es-plate) 30%, transparent) right center / 40px 100% no-repeat local,
      radial-gradient(farthest-side at 100% 50%, rgba(0,0,0,.55), transparent) right center / 16px 100% no-repeat scroll,
      var(--es-plate);
  }
  body.page-eset .es-mx, body.page-eset .es-mx--wide{ min-width:0; width:auto; font-size:14.5px; }
  body.page-eset .es-mx th, body.page-eset .es-mx td{ padding:10px 8px; }
  body.page-eset .es-mx td, body.page-eset .es-mx thead th{ min-width:78px; width:auto; }
  body.page-eset .es-mx thead th{ font-size:13px; }
  body.page-eset .es-mx tbody tr:not(.es-mx__g) th, body.page-eset .es-ot tbody th{ min-width:150px; max-width:170px; }
  body.page-eset .es-mx thead th:first-child, body.page-eset .es-mx tbody tr:not(.es-mx__g) th,
  body.page-eset .es-ot thead th:first-child, body.page-eset .es-ot tbody th{
    position:sticky; left:0; z-index:1; background:var(--es-plate); box-shadow:1px 0 0 var(--es-line2);
  }
  body.page-eset .es-mx thead th:first-child, body.page-eset .es-ot thead th:first-child{ z-index:2; background:var(--es-plate2); }
}
/* Telefon sa JS-om (eset.js, deo 6): dugmići za paket, tabela sa jednom kolonom. */
body.page-eset .es-mxtabs{ display:none; }
@media (max-width:767px){
  body.page-eset .es-mxtabs{
    display:flex; flex-wrap:wrap; gap:6px; margin:0 0 12px;
  }
  body.page-eset .es-mxtabs button{
    flex:none; font:inherit; font-size:14px; line-height:1.2; padding:8px 12px; cursor:pointer;
    color:var(--es-lo); background:transparent; border:1px solid var(--es-line2); border-radius:0;
  }
  body.page-eset .es-mxtabs button[aria-pressed="true"]{
    color:var(--es-hi); background:var(--es-plate); border-color:var(--es-teal-line); box-shadow:inset 0 -2px 0 var(--es-teal);
  }
  body.page-eset .es-mxtabs button:focus-visible{ outline:2px solid var(--es-teal); outline-offset:2px; }
  body.page-eset .es-scroll--jedan{ background:var(--es-plate); }
  body.page-eset .es-mx--jedan{ width:100%; }
  body.page-eset .es-mx--jedan .es-mx__off{ display:none; }
  body.page-eset .es-mx--jedan tbody tr:not(.es-mx__g) th{ position:static; max-width:none; box-shadow:none; }
  body.page-eset .es-mx--jedan thead th:first-child{ position:static; box-shadow:none; }
  body.page-eset .es-mx--jedan td, body.page-eset .es-mx--jedan thead th:not(:first-child){ width:92px; min-width:92px; }
}
body.page-eset .es-c{ display:inline-flex; align-items:center; justify-content:center; min-width:22px; }
body.page-eset .es-c svg{ width:17px; height:17px; }
body.page-eset .es-c--y{ color:var(--es-teal); }
body.page-eset .es-c--n{ color:var(--es-mute); opacity:.6; }
body.page-eset .es-c sup{ font-size:11px; margin-left:1px; }
body.page-eset .es-c--o{ color:var(--es-md); font-family:var(--font-mono); font-weight:600; width:22px; height:22px; border:1px solid var(--es-line2); border-radius:50%; font-size:14px; }
body.page-eset .es-c--q{ color:var(--es-mute); font-family:var(--font-mono); }
body.page-eset .es-c--t{ font-family:var(--font-mono); font-size:12.5px; color:var(--es-teal); white-space:nowrap; }
body.page-eset .es-legend{ display:flex; flex-wrap:wrap; gap:8px 22px; font-size:14px; color:var(--es-lo); margin:0 0 12px; }
body.page-eset .es-legend span{ display:inline-flex; align-items:center; gap:8px; }

/* ---------- poslovni paketi: kartica koja se u Srbiji još čeka (MDR) ----------
   Ista kartica kao ostale, ali tiša: druga podloga, isprekidan okvir, oznaka
   u tirkiznoj umesto crvene, bez tabele cena. */
body.page-eset .es-pack--wait{ background:var(--es-bg2); border-style:dashed; border-color:var(--es-line2); }
body.page-eset .es-pack--wait .es-pack__flag{ color:var(--es-teal); }
body.page-eset .es-pack--wait h3{ color:var(--es-md); }
body.page-eset .es-pack--wait .es-pack__kome{ font-size:15px; color:var(--es-lo); }

/* ---------- split rasporedi ---------- */
body.page-eset .es-split{ display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:40px; margin-top:48px; align-items:start; }
body.page-eset .es-split > div > p{ font-size:17px; line-height:1.65; color:var(--es-lo); }
body.page-eset .es-split > div > p + p{ margin-top:12px; }
body.page-eset .es-split .es-h3{ margin-top:0; }
body.page-eset .es-split--3{ grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; }
body.page-eset .es-split--news{ grid-template-columns:minmax(0,1.6fr) minmax(0,1fr); margin-top:0; gap:56px; }
body.page-eset .es-split--buy{ grid-template-columns:minmax(0,1.3fr) minmax(0,1fr); margin-top:0; gap:56px; }
@media (max-width:980px){
  body.page-eset .es-split, body.page-eset .es-split--3, body.page-eset .es-split--news, body.page-eset .es-split--buy{ grid-template-columns:1fr; gap:28px; }
}

body.page-eset .es-ot{ width:100%; border-collapse:collapse; font-size:15px; font-variant-numeric:tabular-nums; }
body.page-eset .es-ot th, body.page-eset .es-ot td{ padding:11px 14px; border-top:1px solid var(--es-line); text-align:right; }
body.page-eset .es-ot thead th{ border-top:0; font-family:var(--font-mono); font-size:12px; font-weight:500; color:var(--es-mute); background:var(--es-plate2); }
body.page-eset .es-ot th:first-child{ text-align:left; color:var(--es-hi); font-weight:600; }
body.page-eset .es-ot + .es-fn{ padding:0 14px 14px; }
body.page-eset .es-ot{ min-width:760px; }
body.page-eset .es-ot td{ color:var(--es-teal); white-space:nowrap; }
body.page-eset .es-ot td.es-ot__upit{ color:var(--es-mute); font-family:var(--font-mono); font-size:12.5px; }
body.page-eset .es-ot th small{ display:block; font-size:13px; font-weight:400; color:var(--es-mute); margin-top:2px; }
body.page-eset .es-ot__sub th, body.page-eset .es-ot__sub td{ border-top:0; padding-top:0; color:var(--es-lo) !important; font-weight:400 !important; font-size:14px; }
body.page-eset .es-ot__sub th{ padding-left:28px; }
body.page-eset .es-p{ font-size:17px; line-height:1.65; color:var(--es-lo); max-width:900px; margin-bottom:16px; }
body.page-eset #firme-dodaci{ margin-top:36px; }
body.page-eset #firme-cene{ margin-top:48px; }

body.page-eset .es-box{ background:var(--es-plate); border:1px solid var(--es-line); padding:24px; }
body.page-eset .es-box h3{ font-size:19px; font-weight:620; line-height:1.3; }
body.page-eset .es-box > p{ font-size:16px; line-height:1.62; color:var(--es-md); margin-top:12px; }

body.page-eset .es-callout{ margin-top:40px; border-left:3px solid var(--es-teal); background:var(--es-teal-soft); padding:20px 24px; max-width:900px; }
body.page-eset .es-callout__k{ font-family:var(--font-mono); font-size:12.5px; color:var(--es-teal); margin-bottom:8px !important; }
body.page-eset .es-callout p:not(.es-callout__k){ font-size:17px; line-height:1.65; color:var(--es-md); }

/* ---------- kalkulator cene ---------- */
body.page-eset .es-calc{
  display:grid; grid-template-columns:minmax(0,1.15fr) minmax(0,1fr); gap:0;
  border:1px solid var(--es-line); background:var(--es-plate);
}
body.page-eset .es-calc__nojs{ grid-column:1 / -1; padding:24px; font-size:17px; color:var(--es-lo); }
body.page-eset .es-calc.is-on .es-calc__nojs{ display:none; }
body.page-eset .es-calc__form{ padding:28px; display:grid; grid-template-columns:minmax(0,1fr) 180px; gap:22px 20px; align-content:start; }
body.page-eset .es-calc__form[hidden]{ display:none; }
body.page-eset .es-calc__f{ display:flex; flex-direction:column; gap:8px; min-width:0; border:0; margin:0; padding:0; }
body.page-eset .es-calc__f--pkg, body.page-eset .es-calc__yrs{ grid-column:1 / -1; }
body.page-eset .es-calc__f--pkg{ grid-column:1; }
body.page-eset .es-calc__f label, body.page-eset .es-calc__yrs legend{ font-size:15px; color:var(--es-md); padding:0; margin-bottom:0; }
body.page-eset .es-calc__yrs legend{ margin-bottom:8px; }
body.page-eset .es-calc select, body.page-eset .es-calc input[type="number"]{
  width:100%; min-height:48px; padding:10px 14px; font:inherit; font-size:17px; color:var(--es-hi);
  background:var(--es-bg); border:1px solid var(--es-line2); border-radius:0;
}
body.page-eset .es-calc select{
  appearance:none; -webkit-appearance:none; padding-right:40px; cursor:pointer;
  background-image:linear-gradient(45deg,transparent 50%,var(--es-md) 50%),linear-gradient(135deg,var(--es-md) 50%,transparent 50%);
  background-position:calc(100% - 20px) 21px, calc(100% - 15px) 21px; background-size:5px 5px; background-repeat:no-repeat;
}
body.page-eset .es-calc select option, body.page-eset .es-calc select optgroup{ background:var(--es-plate); color:var(--es-hi); }
body.page-eset .es-calc input[type="number"]{ font-variant-numeric:tabular-nums; font-size:20px; font-weight:600; }
body.page-eset .es-calc select:hover, body.page-eset .es-calc input[type="number"]:hover{ border-color:var(--es-mute); }
body.page-eset .es-calc__range{ font-family:var(--font-mono); font-size:12.5px; color:var(--es-mute); min-height:1.2em; }
body.page-eset .es-calc__seg{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); border:1px solid var(--es-line2); }
body.page-eset .es-calc__seg label{ position:relative; margin:0; cursor:pointer; }
body.page-eset .es-calc__seg label + label{ border-left:1px solid var(--es-line2); }
body.page-eset .es-calc__seg input{ position:absolute; opacity:0; inset:0; margin:0; cursor:pointer; }
body.page-eset .es-calc__seg span{ display:block; padding:12px 8px; text-align:center; font-size:16px; color:var(--es-lo); }
body.page-eset .es-calc__seg input:checked + span{ background:var(--es-hi); color:var(--es-bg); font-weight:600; }
body.page-eset .es-calc__seg input:focus-visible + span{ outline:2px solid var(--es-teal); outline-offset:-2px; }

body.page-eset .es-calc__out{
  padding:28px; border-left:1px solid var(--es-line); background:var(--es-plate2);
  display:flex; flex-direction:column; gap:12px; min-width:0;
}
body.page-eset .es-calc__out[hidden]{ display:none; }
body.page-eset .es-calc__sum{ display:flex; align-items:baseline; flex-wrap:wrap; gap:6px 12px; }
body.page-eset .es-calc__total{ font-size:clamp(38px,4.2vw,52px); line-height:1; font-weight:650; letter-spacing:-.02em; color:var(--es-teal); font-variant-numeric:tabular-nums; }
body.page-eset .es-calc__unit{ font-family:var(--font-mono); font-size:13px; color:var(--es-mute); }
body.page-eset .es-calc__how{ font-size:16.5px; line-height:1.6; color:var(--es-md); }
body.page-eset .es-calc__how b{ color:var(--es-teal); font-weight:600; font-variant-numeric:tabular-nums; }
body.page-eset .es-calc__tip{ font-size:16px; line-height:1.55; color:var(--es-hi); border-left:3px solid var(--es-teal); background:var(--es-teal-soft); padding:12px 14px; }
body.page-eset .es-calc__tip button, body.page-eset .es-calc__msg button{
  font:inherit; color:var(--es-teal); background:none; border:0; padding:0; cursor:pointer; text-decoration:underline; text-underline-offset:3px;
}
body.page-eset .es-calc__msg{ font-size:17px; line-height:1.55; color:var(--es-hi); }
body.page-eset .es-calc__note{ display:block; font-size:15.5px; color:var(--es-lo); }
body.page-eset .es-calc__msg button + .es-calc__note{ margin-top:8px; }
body.page-eset .es-calc__cta{ align-self:flex-start; margin-top:auto; }
body.page-eset .es-calc.is-empty .es-calc__total{ color:var(--es-mute); }
body.page-eset .es-calc > .es-fn{ grid-column:1 / -1; padding:14px 28px; margin:0; border-top:1px solid var(--es-line); }
@media (max-width:900px){
  body.page-eset .es-calc{ grid-template-columns:1fr; }
  body.page-eset .es-calc__out{ border-left:0; border-top:1px solid var(--es-line); }
}
@media (max-width:520px){
  body.page-eset .es-calc__form{ grid-template-columns:1fr; padding:20px; }
  body.page-eset .es-calc__out{ padding:20px; }
  body.page-eset .es-calc > .es-fn{ padding:14px 20px; }
}

/* ---------- velike organizacije ---------- */
body.page-eset .es-split--3{ margin-top:0; }

/* Tri okvira: iste visine, naslovi u istom redu, tekst počinje u istoj liniji. */
body.page-eset .es-ent-boxes{ align-items:stretch; }
body.page-eset .es-ent-boxes .es-box{ box-shadow:inset 0 2px 0 var(--es-teal-line); }
@supports (grid-template-rows:subgrid){
  body.page-eset .es-ent-boxes .es-box{ display:grid; grid-row:span 2; grid-template-rows:subgrid; row-gap:0; align-content:start; }
}

/* Integracije i platforme: ista lista, oznaka levo, sadržaj desno. */
body.page-eset .es-ent-lists{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); column-gap:40px; row-gap:0; margin-top:56px; }
body.page-eset .es-ent-col{ min-width:0; }
body.page-eset .es-ent-col .es-h3{ margin-top:0; }
body.page-eset .es-dl{ margin:0; }
body.page-eset .es-dl > div{
  display:grid; grid-template-columns:148px minmax(0,1fr); column-gap:18px;
  padding:11px 0; border-top:1px solid var(--es-line);
}
body.page-eset .es-dl > div:last-child{ border-bottom:1px solid var(--es-line); }
body.page-eset .es-dl dt{ font-size:15px; line-height:1.55; font-weight:600; color:var(--es-hi); }
body.page-eset .es-dl dd{ margin:0; font-size:15.5px; line-height:1.55; color:var(--es-md); }
@media (min-width:981px){
  @supports (grid-template-rows:subgrid){
    body.page-eset .es-ent-lists{ grid-template-rows:auto repeat(6,auto); }
    body.page-eset .es-ent-col{ display:grid; grid-row:span 7; grid-template-rows:subgrid; }
    body.page-eset .es-ent-col .es-dl{ display:grid; grid-row:2 / span 6; grid-template-rows:subgrid; }
  }
}
@media (max-width:980px){
  body.page-eset .es-ent-lists{ grid-template-columns:1fr; row-gap:40px; margin-top:44px; }
}
@media (max-width:480px){
  body.page-eset .es-dl > div{ grid-template-columns:1fr; row-gap:2px; }
}

/* ============================================================
   STARA IMENA (dekoder)
   ============================================================ */
body.page-eset .es-dec{ max-width:1000px; }
body.page-eset .es-dec__label{ display:block; font-size:15px; color:var(--es-lo); margin-bottom:8px; }
body.page-eset .es-dec__label:has(+ .es-dec__in[hidden]){ display:none; }
body.page-eset .es-dec__in{
  width:100%; max-width:520px; min-height:52px; padding:0 16px; margin-bottom:24px;
  background:var(--es-deep); border:1px solid var(--es-line2); color:var(--es-hi);
  font-family:var(--font-mono); font-size:16px;
}
body.page-eset .es-dec__in:focus{ border-color:var(--es-teal); outline:none; box-shadow:0 0 0 3px var(--es-teal-soft); }
body.page-eset .es-dec__list{ list-style:none; margin:0; padding:0; border-top:1px solid var(--es-line); }
body.page-eset .es-dec__row{
  display:grid; grid-template-columns:minmax(0,1fr) 40px minmax(0,1fr); grid-template-areas:"old arrow new" ". . note";
  column-gap:8px; row-gap:4px; padding:14px 0; border-bottom:1px solid var(--es-line); align-items:baseline;
}
body.page-eset .es-dec__old{ grid-area:old; font-size:16.5px; color:var(--es-lo); text-decoration:line-through; text-decoration-color:var(--es-line2); text-decoration-thickness:1px; }
body.page-eset .es-dec__arrow{ grid-area:arrow; height:1px; background:var(--es-line2); position:relative; align-self:center; }
body.page-eset .es-dec__arrow::after{ content:""; position:absolute; right:0; top:-3px; border-left:6px solid var(--es-line2); border-top:3.5px solid transparent; border-bottom:3.5px solid transparent; }
body.page-eset .es-dec__new{ grid-area:new; font-size:16.5px; font-weight:600; color:var(--es-hi); }
body.page-eset .es-dec__note{ grid-area:note; font-size:15px; line-height:1.5; color:var(--es-mute); }
body.page-eset .es-dec__row.is-off .es-dec__new{ color:var(--es-red-text); font-weight:500; }
body.page-eset .es-dec__row.is-next .es-dec__old{ text-decoration:none; color:var(--es-hi); }
body.page-eset .es-dec__row.is-next .es-dec__new{ color:var(--es-teal); font-weight:500; }
body.page-eset .es-dec__row[hidden]{ display:none; }
body.page-eset .es-dec__empty{ font-size:16px; color:var(--es-lo); padding:18px 0; }
@media (max-width:640px){
  body.page-eset .es-dec__row{ grid-template-columns:1fr; grid-template-areas:"old" "new" "note"; }
  body.page-eset .es-dec__arrow{ display:none; }
  body.page-eset .es-dec__new::before{ content:"danas: "; font-weight:400; color:var(--es-mute); }
}

/* ============================================================
   NOVOSTI (vremenska linija)
   ============================================================ */
body.page-eset .es-tl{ list-style:none; margin:0; padding:0; position:relative; }
body.page-eset .es-tl::before{ content:""; position:absolute; left:5px; top:8px; bottom:8px; width:1px; background:var(--es-line2); }
body.page-eset .es-tl li{ position:relative; padding:0 0 30px 34px; }
body.page-eset .es-tl li::before{
  content:""; position:absolute; left:-1px; top:4px; width:13px; height:14px; background:var(--es-teal);
  clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);
}
body.page-eset .es-tl li.is-next::before{ background:var(--es-mute); }
body.page-eset .es-tl time{ font-family:var(--font-mono); font-size:13px; color:var(--es-teal); }
body.page-eset .es-tl li.is-next time{ color:var(--es-mute); }
body.page-eset .es-tl h3{ font-size:19px; font-weight:620; line-height:1.35; margin-top:6px; }
body.page-eset .es-tl p{ font-size:16.5px; line-height:1.62; color:var(--es-md); margin-top:6px; max-width:64ch; }

body.page-eset .es-ver{ position:sticky; top:calc(var(--hdr-h,56px) + 76px); }
body.page-eset .es-ver table{ width:100%; border-collapse:collapse; margin-top:14px; }
body.page-eset .es-ver th, body.page-eset .es-ver td{ padding:10px 0; border-top:1px solid var(--es-line); vertical-align:top; }
body.page-eset .es-ver th{ text-align:left; font-weight:400; font-size:15px; color:var(--es-md); padding-right:12px; }
body.page-eset .es-ver td{ text-align:right; white-space:nowrap; }
body.page-eset .es-ver td b{ display:block; font-family:var(--font-mono); font-size:15px; color:var(--es-teal); font-weight:500; }
body.page-eset .es-ver td span{ font-size:13px; color:var(--es-mute); }
body.page-eset .es-ver > .es-fn:first-of-type{ margin-top:8px; }
@media (max-width:980px){ body.page-eset .es-ver{ position:static; } }

/* ============================================================
   ZAŠTO ESET (najtamnija zona — tribut)
   ============================================================ */
body.page-eset .es-sec--deep{ background:var(--es-deep); }

body.page-eset .es-disc{
  list-style:none; margin:0; padding:0; display:grid; grid-template-columns:repeat(6,minmax(0,1fr));
  border-top:1px solid var(--es-line2); position:relative;
}
body.page-eset .es-disc li{ padding:22px 18px 0 0; position:relative; }
body.page-eset .es-disc li::before{
  content:""; position:absolute; top:-6px; left:0; width:11px; height:12px; background:var(--es-red);
  clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);
}
body.page-eset .es-disc time{ display:block; font-family:var(--font-mono); font-size:13px; color:var(--es-mute); }
body.page-eset .es-disc b{ display:block; font-size:18px; font-weight:620; color:var(--es-hi); margin-top:6px; }
body.page-eset .es-disc span{ display:block; font-size:15px; line-height:1.55; color:var(--es-lo); margin-top:6px; }
@media (max-width:1080px){ body.page-eset .es-disc{ grid-template-columns:repeat(3,minmax(0,1fr)); row-gap:28px; } }
@media (max-width:560px){
  body.page-eset .es-disc{ grid-template-columns:1fr; border-top:0; border-left:1px solid var(--es-line2); row-gap:0; }
  body.page-eset .es-disc li{ padding:0 0 22px 22px; }
  body.page-eset .es-disc li::before{ top:5px; left:-5px; }
}

body.page-eset .es-rs{ list-style:none; margin:0; padding:0; }
body.page-eset .es-rs li{ font-size:16px; line-height:1.62; color:var(--es-md); padding:14px 0; border-top:1px solid var(--es-line); }
body.page-eset .es-rs b{ color:var(--es-hi); font-weight:600; }
body.page-eset .es-rs a{ font-size:14px; margin-left:4px; }
body.page-eset .es-src--dark{ margin-top:48px; }

/* ============================================================
   TRI STUBA (šta dobijate preko nas)
   ============================================================ */
body.page-eset .es-pillars{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; }
body.page-eset .es-pillar{ background:var(--es-plate); border:1px solid var(--es-line); border-top:3px solid var(--pc,var(--es-line2)); padding:24px; }
body.page-eset .es-pillar--tech{ --pc:var(--pillar-tech); }
body.page-eset .es-pillar--people{ --pc:var(--pillar-people); }
body.page-eset .es-pillar--proc{ --pc:var(--pillar-process); }
body.page-eset .es-pillar h3{ font-size:20px; font-weight:620; display:flex; align-items:center; gap:12px; }
body.page-eset .es-pillar .es-mark{ --mk:var(--pc); width:40px; height:40px; }
body.page-eset .es-pillar ul{ list-style:none; margin:14px 0 0; padding:0; }
body.page-eset .es-pillar li{ font-size:16px; line-height:1.6; color:var(--es-md); padding:10px 0 10px 18px; border-top:1px solid var(--es-line); position:relative; }
body.page-eset .es-pillar li::before{ content:""; position:absolute; left:0; top:19px; width:8px; height:9px; background:var(--pc);
  clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%); }
@media (max-width:980px){ body.page-eset .es-pillars{ grid-template-columns:1fr; } }

/* ---------- kupovina ---------- */
body.page-eset .es-steps{ list-style:none; margin:0; padding:0; counter-reset:st; }
body.page-eset .es-steps li{
  counter-increment:st; position:relative; padding:16px 0 16px 56px; border-top:1px solid var(--es-line);
  font-size:17px; line-height:1.62; color:var(--es-md);
}
body.page-eset .es-steps li::before{
  content:counter(st); position:absolute; left:0; top:12px; width:36px; height:40px;
  display:flex; align-items:center; justify-content:center;
  font-family:var(--font-mono); font-size:14px; font-weight:600; color:var(--es-red-text);
  clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);
  background:color-mix(in srgb,var(--es-red) 16%,var(--es-plate2));
}
body.page-eset .es-steps b{ color:var(--es-hi); font-weight:600; }
body.page-eset .es-warn{ border-left:3px solid var(--es-red); }
body.page-eset .es-warn p + p{ margin-top:12px; }

/* ---------- besplatno ---------- */
body.page-eset .es-free{ list-style:none; margin:0; padding:0; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:0 40px; }
body.page-eset .es-free li{ padding:16px 0; border-top:1px solid var(--es-line); }
body.page-eset .es-free li > a{ font-size:18px; font-weight:600; }
body.page-eset .es-free li > a[target="_blank"]::after{ content:" \2197"; font-size:.8em; color:var(--es-mute); }
body.page-eset .es-free span{ display:block; font-size:16px; line-height:1.6; color:var(--es-md); margin-top:6px; }
@media (max-width:767px){ body.page-eset .es-free{ grid-template-columns:1fr; } }

/* ---------- pitanja ---------- */
body.page-eset .es-faq-wrap{ display:grid; grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr); gap:56px; }
body.page-eset .es-faq-wrap h2{ align-self:start; position:sticky; top:calc(var(--hdr-h,56px) + 76px); font-size:clamp(28px,2.6vw,36px); line-height:1.15; letter-spacing:-.02em; font-weight:650; }
body.page-eset .es-faq details{ border-top:1px solid var(--es-line); }
body.page-eset .es-faq details:last-child{ border-bottom:1px solid var(--es-line); }
body.page-eset .es-faq summary{
  cursor:pointer; list-style:none; padding:18px 40px 18px 0; position:relative;
  font-size:17.5px; font-weight:560; color:var(--es-hi); line-height:1.45;
}
body.page-eset .es-faq summary::-webkit-details-marker{ display:none; }
body.page-eset .es-faq summary::after{
  content:"+"; position:absolute; right:6px; top:15px; font-family:var(--font-mono); font-size:20px; color:var(--es-mute);
}
body.page-eset .es-faq details[open] summary::after{ content:"−"; color:var(--es-red-text); }
body.page-eset .es-faq details p{ font-size:16.5px; line-height:1.68; color:var(--es-md); padding:0 0 20px; max-width:68ch; }
@media (max-width:980px){ body.page-eset .es-faq-wrap{ grid-template-columns:1fr; gap:24px; } body.page-eset .es-faq-wrap h2{ position:static; } }

/* ---------- završni poziv ---------- */
body.page-eset .es-end{ background:var(--es-deep); border-top:3px solid var(--es-red); padding:72px 0 40px; }
body.page-eset .es-end__in{ display:grid; grid-template-columns:minmax(0,1.3fr) auto; gap:40px; align-items:end; }
body.page-eset .es-end h2{ font-size:clamp(28px,2.8vw,40px); line-height:1.12; letter-spacing:-.02em; font-weight:650; max-width:20ch; }
body.page-eset .es-end__in p{ font-size:18px; line-height:1.65; color:var(--es-md); margin-top:16px; max-width:58ch; }
body.page-eset .es-end__cta{ display:flex; flex-wrap:wrap; gap:12px; }
body.page-eset .es-end__stamp{ margin-top:56px !important; padding-top:18px; border-top:1px solid var(--es-line); font-family:var(--font-mono); font-size:12.5px; line-height:1.7; color:var(--es-mute); }
@media (max-width:860px){ body.page-eset .es-end__in{ grid-template-columns:1fr; } }

/* ============================================================
   FUTER — enc-footer strip (uvek taman); ≤767 preuzima cp-tabbar
   (kopija obrasca iz alati-hub.css, jer su pravila vezana za klasu strane)
   ============================================================ */
body.page-eset .enc-ftr{ background:#0a0a09; border-top:1px solid #2e2e2c; color:#a0a09e; font-family:var(--font-mono); font-size:12px; letter-spacing:.04em; }
body.page-eset .enc-ftr-inner{ padding:10px 28px; display:flex; align-items:center; justify-content:space-between; gap:10px; flex-wrap:wrap; }
body.page-eset .enc-ftr-l, body.page-eset .enc-ftr-r{ display:inline-flex; align-items:center; flex-wrap:wrap; gap:10px; }
body.page-eset .enc-ftr a{ color:inherit; text-decoration:none; transition:color .12s; }
body.page-eset .enc-ftr a:hover{ color:#ece9e3; }
body.page-eset .enc-ftr .dot{ width:3px; height:3px; background:#3a3a37; border-radius:50%; display:inline-block; }
@media (max-width:767px){
  body.page-eset .enc-ftr{ display:none; }
  body.page-eset .es-end{ padding-bottom:calc(40px + 48px + env(safe-area-inset-bottom, 0px)); }
}

@media (prefers-reduced-motion:reduce){
  body.page-eset *{ transition:none !important; scroll-behavior:auto !important; }
}

/* ============================================================
   SVETLA TEMA
   ============================================================ */
html[data-theme="light"]{ color-scheme:light; }
html[data-theme="light"], html[data-theme="light"] body.page-eset{ background:#f2f0e9; }
html[data-theme="light"] body.page-eset{
  --es-bg:#f2f0e9; --es-bg2:#ebe8df; --es-deep:#e4e0d5;
  --es-plate:#fbfaf6; --es-plate2:#f4f2ec;
  --es-line:#e0dcd1; --es-line2:#c9c4b7;
  --es-hi:#1a1917; --es-md:#3d3a35; --es-lo:#4f4b45; --es-mute:#6a6762;
  --es-red-text:#b0301f;
  --es-teal:#0b6f69; --es-teal-line:rgba(11,111,105,.35); --es-teal-soft:rgba(11,111,105,.07);
  --es-grid:rgba(26,25,23,.035);
}
html[data-theme="light"] body.page-eset .es-subnav{ --sn-bg:rgba(228,238,234,.88); --sn-edge:rgba(11,111,105,.22); }
html[data-theme="light"] body.page-eset .es-mx tbody tr:not(.es-mx__g):hover{ background:rgba(0,0,0,.025); }
html[data-theme="light"] body.page-eset .es-dec__in{ background:#fff; }
/* Prigušeni redovi naslova: na svetloj podlozi --es-lo je preblizu crnoj i
   deluje prljavo. Topla srednja siva daje isti korak kao u tamnoj temi
   (3,6 : 1, dovoljno za krupan tekst). */
html[data-theme="light"] body.page-eset .es-hero h1 > span + span{ color:#858075; }

/* ============================================================
   ŠEST PROVERA, PRIMENJENIH NA ESET (#zasto)
   Isti rečnik kao most na /proizvodi/: čvor = krug sa crvenom tačkom,
   greda = linija koja ih spaja. Šest čvorova niz levu ivicu, na kraju
   „šest od šest” kao na kartici sa pijedestala.
   ============================================================ */
body.page-eset .es-ck-head{ max-width:780px; }
body.page-eset .es-ck-head h2{ font-size:clamp(30px,2.8vw,40px); line-height:1.12; letter-spacing:-.02em; font-weight:650; }
body.page-eset .es-ck-head p{ font-size:18px; line-height:1.7; color:var(--es-md); margin-top:18px; }

body.page-eset .es-ck{ list-style:none; margin:56px 0 0; padding:0; }
body.page-eset .es-ck__i{
  --ck-pad:44px; --ck-node:24px; --ck-gap:36px;
  --ck-c:calc(var(--ck-pad) + 2px + var(--ck-node) / 2);   /* visina centra čvora */
  position:relative; display:grid; grid-template-columns:var(--ck-node) minmax(0,300px) minmax(0,1fr);
  column-gap:var(--ck-gap); padding:var(--ck-pad) 0;
  scroll-margin-top:calc(var(--hdr-h,56px) + 60px);
}
/* Šina: neprekinuta linija od centra prvog do centra poslednjeg čvora.
   Svaka stavka crta deo od svog čvora do čvora sledeće; poslednja ne crta.
   Razdelnici između stavki počinju desno od šine, pa je ne seku. */
body.page-eset .es-ck__i::before{
  content:""; position:absolute; left:calc(var(--ck-node) / 2 - .5px); width:1px;
  top:var(--ck-c); bottom:calc(-1 * var(--ck-c)); background:var(--es-line2);
}
body.page-eset .es-ck__i:last-child::before{ display:none; }
body.page-eset .es-ck__i::after{
  content:""; position:absolute; top:0; right:0; left:calc(var(--ck-node) + var(--ck-gap)); height:1px; background:var(--es-line);
}
body.page-eset .es-ck__node{
  grid-column:1; grid-row:1 / span 2; position:relative; z-index:1; margin-top:2px;
  width:24px; height:24px; box-sizing:border-box; border-radius:50%;
  border:1.5px solid var(--es-hi);
  background:radial-gradient(circle, var(--es-red) 0 4px, var(--es-deep) 4.6px);
}
body.page-eset .es-ck__q{ grid-column:2; }
body.page-eset .es-ck__a{ grid-column:3; grid-row:1 / span 2; }
body.page-eset .es-ck__n{ font-family:var(--font-mono); font-size:13px; letter-spacing:.08em; color:var(--es-red-text); margin:3px 0 0 !important; }
body.page-eset .es-ck__q h3{ font-size:28px; line-height:1.15; font-weight:650; letter-spacing:-.015em; margin-top:8px; }
body.page-eset .es-ck__ask{ font-size:16px; line-height:1.6; color:var(--es-lo); margin-top:12px !important; }
body.page-eset .es-ck__verdict{ font-size:21px; line-height:1.45; font-weight:560; color:var(--es-hi); letter-spacing:-.005em; margin:0 !important; max-width:44ch; }
body.page-eset .es-ck__a .es-rs{ margin-top:20px; }
body.page-eset .es-ck__h4{ font-size:17px; font-weight:620; color:var(--es-hi); margin:36px 0 18px; }
body.page-eset .es-ck__a .es-disc--ck{ grid-template-columns:repeat(3,minmax(0,1fr)); row-gap:28px; margin-top:10px; }
body.page-eset .es-ck__strict{
  margin-top:22px !important; padding:16px 20px; background:var(--es-plate);
  border-left:2px solid var(--es-red); font-size:15.5px; line-height:1.62; color:var(--es-lo);
}
body.page-eset .es-ck__strict b{ color:var(--es-hi); font-weight:600; }

/* šest od šest */
body.page-eset .es-ck-sum{
  display:flex; align-items:center; gap:22px; flex-wrap:wrap;
  margin-top:8px; padding:30px 0 0 4px; border-top:1px solid var(--es-line2);
}
/* padding-left 4px: centar prvog malog čvora (16 px) pada na šinu (24 px čvor). */
body.page-eset .es-ck-sum__nodes{ position:relative; display:inline-flex; gap:12px; flex:none; }
body.page-eset .es-ck-sum__nodes::before{ content:""; position:absolute; left:8px; right:8px; top:50%; height:1.2px; background:var(--es-hi); }
body.page-eset .es-ck-sum__nodes i{
  position:relative; width:16px; height:16px; box-sizing:border-box; border-radius:50%;
  border:1.4px solid var(--es-hi); background:radial-gradient(circle, var(--es-red) 0 3px, var(--es-deep) 3.6px);
}
body.page-eset .es-ck-sum p{ font-size:18px; line-height:1.6; color:var(--es-md); margin:0 !important; flex:1 1 380px; }
body.page-eset .es-ck-sum b{ color:var(--es-hi); font-weight:650; }

@media (max-width:980px){
  body.page-eset .es-ck__i{ --ck-pad:36px; --ck-gap:24px; grid-template-columns:var(--ck-node) minmax(0,1fr); }
  body.page-eset .es-ck__a{ grid-column:2; grid-row:2; margin-top:22px; }
}
@media (max-width:560px){
  body.page-eset .es-ck__i{ --ck-node:20px; --ck-gap:16px; }
  body.page-eset .es-ck__node{ width:20px; height:20px; background:radial-gradient(circle, var(--es-red) 0 3.4px, var(--es-deep) 4px); }
  body.page-eset .es-ck-sum{ padding-left:2px; }
  body.page-eset .es-ck__q h3{ font-size:24px; }
  body.page-eset .es-ck__verdict{ font-size:19px; }
  body.page-eset .es-ck__a .es-disc--ck{ grid-template-columns:1fr; row-gap:0; }
  body.page-eset .es-ck__strict{ padding:14px 16px; }
}