/* BIRO 404 · 2027 · ROB WAVE 1 komponente (BIRO404_2027_ROB_WAVE1_DEV_INTEGRATION_R01).
   Samo postojeći tokeni (paper / ink / gold), bez novih boja. Komponente: recenzije, živi linkovi, pregled 0 €,
   gradovi, mega-footer, ToC, tabela odluke, nedoumice, hubovi, cenovni čvorovi, mapa sajta, lepljiv zbir kalkulatora. */

/* ---------- recenzije ---------- */
.w1-revs .lead{margin-top:12px}
.w1-rev-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:clamp(18px,2.4vw,32px);margin-top:32px;align-items:start}
.w1-rev-grid.n1{grid-template-columns:minmax(0,760px)}
.w1-rev{margin:0;padding:26px 26px 22px;background:var(--paper-2);border:1px solid var(--line);border-radius:var(--r-l);display:grid;gap:14px}
.w1-rev-top{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.w1-stars{display:inline-flex;gap:2px;color:var(--gold-deep)}
.w1-stars svg{width:16px;height:16px}
.w1-rev-src{font-family:"IBM Plex Mono",monospace;font-size:.72rem;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3)}
.w1-rev blockquote{margin:0;font-size:1.02rem;line-height:1.6;color:var(--ink);text-wrap:pretty}
.w1-rev figcaption{display:grid;gap:2px;font-size:.92rem}
.w1-rev figcaption span{color:var(--ink-2)}
.w1-rev-note{font-size:.84rem;color:var(--ink-3);border-left:2px solid var(--gold);padding-left:10px}
.w1-rev-link,.w1-rev-more{display:inline-flex;align-items:center;gap:6px;font-size:.88rem;font-weight:600;color:var(--gold-ink);width:max-content;max-width:100%}
.w1-rev-link svg{width:14px;height:14px}
.w1-rev-more{color:var(--ink);border-bottom:1px solid var(--line-2)}

/* ---------- živi linkovi ---------- */
.w1-live-row{display:flex;flex-wrap:wrap;align-items:center;gap:8px 18px;margin-top:22px;font-size:.92rem}
.w1-live-row span{color:var(--ink-3)}
.w1-live-row a{display:inline-flex;align-items:center;gap:6px;font-weight:600;border-bottom:1px solid var(--line-2);padding-bottom:1px}
.w1-live-row a svg{width:13px;height:13px;color:var(--gold-ink)}
.w1-live-row i{font-style:normal;font-size:.75rem;color:var(--gold-ink);font-family:"IBM Plex Mono",monospace}
.btn.w1-live svg{width:16px;height:16px}
.w1-live-sm{display:inline-flex;align-items:center;gap:6px;font-size:.88rem;font-weight:600;color:var(--gold-ink);margin-top:8px}
.w1-live-sm svg{width:13px;height:13px}
.w1-wayback{display:inline-flex;align-items:center;min-height:48px;font-size:.88rem;color:var(--ink-2);border-bottom:1px solid var(--line-2)}
.w1-st{font-style:normal;font-family:"IBM Plex Mono",monospace;font-size:.72rem;letter-spacing:.05em;text-transform:uppercase;background:#fff4db;color:var(--gold-ink);border:1px solid rgba(125,90,31,.3);border-radius:var(--r-pill);padding:1px 8px;margin-right:6px}

/* ---------- pregled vidljivosti 0 € ---------- */
.w1-vis-in{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(24px,4vw,64px);align-items:center;padding:clamp(24px,3.4vw,48px);border:1px solid rgba(125,90,31,.22);border-radius:var(--r-xl);background:linear-gradient(180deg,#fffaf0,var(--paper-2))}
.w1-vis-copy h2 em{font-style:normal;color:var(--gold-ink)}
.w1-vis-copy .lead{margin-top:14px}
.w1-vis-cards{display:grid;gap:12px}
.w1-check{display:grid;grid-template-columns:auto 1fr auto;gap:16px;align-items:center;padding:18px 20px;border:1px solid var(--line-2);border-radius:var(--r-l);background:var(--paper-2);transition:border-color 160ms var(--ease-out),transform 160ms var(--ease-out)}
.w1-check b{display:block;font-size:1.05rem}
.w1-check span span{color:var(--ink-2);font-size:.93rem}
.w1-idx{font-family:"IBM Plex Mono",monospace;font-size:.78rem;color:var(--gold-ink)}
.w1-go{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:var(--gold)}
.w1-go svg{width:16px;height:16px}
@media (hover:hover) and (pointer:fine){.w1-check:hover{border-color:var(--gold-deep)}}
.w1-check:active{transform:scale(.99)}
.w1-vis-note{grid-column:1/-1;font-size:.9rem;color:var(--ink-2)}

/* ---------- gradovi ---------- */
.w1-cities .lead{margin-top:8px}
.w1-chips{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}
.w1-chips a{display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:0 18px;border:1px solid var(--line-2);border-radius:var(--r-pill);background:var(--paper-2);font-weight:600;font-size:.95rem}
.w1-chips a svg{width:15px;height:15px}
.w1-chips .w1-chip-all{background:transparent;border-style:dashed}
@media (hover:hover) and (pointer:fine){.w1-chips a:hover{border-color:var(--gold-deep)}}

/* ---------- mega-footer ---------- */
.foot .w1-foot-top{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,9fr);gap:clamp(28px,4vw,64px)}
.foot .w1-foot-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:28px}
.foot .w1-foot-grid ul{gap:4px}
.foot .w1-foot-grid a{font-size:.92rem}
.w1-foot-contact{list-style:none;margin:18px 0 0;padding:0;display:grid;gap:6px;font-size:.92rem}
.w1-foot-contact a{border-bottom:1px solid var(--line-2)}
.foot-base a{border-bottom:1px solid transparent}
.foot-base a:hover{border-bottom-color:var(--line-2)}
@media (max-width:1100px){.foot .w1-foot-top{grid-template-columns:1fr}.foot .w1-foot-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:640px){.foot .w1-foot-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* ---------- ToC pillara ---------- */
.w1-toc{padding-block:28px 8px}
.w1-toc ol{list-style:none;margin:14px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:8px;counter-reset:t}
.w1-toc li{counter-increment:t}
.w1-toc a{display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:0 14px;border-radius:var(--r-pill);border:1px solid var(--line);font-size:.92rem;background:var(--paper-2)}
.w1-toc a::before{content:counter(t,decimal-leading-zero);font-family:"IBM Plex Mono",monospace;font-size:.7rem;color:var(--gold-ink)}

/* ---------- tabela odluke ---------- */
.w1-decide .lead{margin-top:12px}
.w1-table{margin-top:24px}
.w1-dt th[scope="row"]{font-weight:600;text-align:left}
.w1-dt td.v{font-weight:700;white-space:nowrap}
.w1-dt td,.w1-dt th{vertical-align:top}
@media (max-width:760px){
  .w1-dt thead{display:none}
  .w1-dt,.w1-dt tbody,.w1-dt tr,.w1-dt th,.w1-dt td{display:block;width:100%}
  .w1-dt tr{border:1px solid var(--line);border-radius:var(--r-m);padding:12px 14px;margin-bottom:10px;background:var(--paper-2)}
  .w1-dt th[scope="row"]{padding:0 0 6px;border:0}
  .w1-dt td{padding:2px 0;border:0}
  .w1-table{overflow:visible}
}

/* ---------- proza, nedoumice ---------- */
.w1-prose-in{max-width:74ch;margin-top:16px;display:grid;gap:14px;color:var(--ink-2)}
.w1-prose-in h3{color:var(--ink);margin-top:10px}
.w1-prose-in b,.w1-prose-in strong{color:var(--ink)}
.w1-prose-in ul,.w1-prose-in ol{margin:0;padding-left:20px;display:grid;gap:8px}
.w1-prose-in a{text-decoration:underline;text-underline-offset:3px;text-decoration-color:var(--line-2);color:var(--ink)}
.w1-prose-in .two-col{max-width:none}
.w1-cost{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:16px}
.w1-cost>div{border:1px solid var(--line);border-radius:var(--r-l);padding:16px 18px;background:var(--paper-2)}
.w1-cost h3{margin:0 0 8px;font-size:1rem}
.w1-cost ul{padding-left:18px}
.w1-obj-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:18px 32px;margin-top:22px}
.w1-obj{padding-top:14px;border-top:1px solid var(--gold);display:grid;gap:8px}
.w1-obj h3{font-size:1.08rem}
.w1-obj p{color:var(--ink-2);font-size:.96rem}

/* ---------- hubovi ---------- */
.w1-hcards{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,260px),1fr));gap:12px;margin-top:20px}
.w1-hcard{display:grid;gap:4px;padding:16px 18px;border:1px solid var(--line);border-radius:var(--r-m);background:var(--paper-2);transition:border-color 160ms var(--ease-out)}
.w1-hcard b{font-size:1.02rem}
.w1-hcard span{font-size:.9rem;color:var(--ink-2);line-height:1.45}
@media (hover:hover) and (pointer:fine){.w1-hcard:hover{border-color:var(--gold-deep)}}
.w1-hgroup{margin-top:32px}
.w1-hgroup h3{font-size:1.15rem}
.w1-regions{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr));gap:20px;margin-top:28px}
.w1-region{padding:22px 24px;border:1px solid var(--line);border-radius:var(--r-l);background:var(--paper-2);display:grid;gap:10px;align-content:start}
.w1-region h3 a{display:inline-flex;align-items:center;gap:8px}
.w1-region h3 svg{width:18px;height:18px;color:var(--gold-ink)}
.w1-region p{color:var(--ink-2);font-size:.95rem}
.w1-region-kids{display:flex;flex-wrap:wrap;gap:6px 14px;font-size:.92rem}
.w1-region-kids a{border-bottom:1px solid var(--line-2);line-height:1.9}
.w1-pgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:20px;margin-top:22px}
.w1-pcard{display:grid;grid-template-columns:120px 1fr;gap:16px;align-items:start;padding:14px;border:1px solid var(--line);border-radius:var(--r-l);background:var(--paper-2)}
.w1-pimg img{width:120px;height:80px;object-fit:cover;object-position:top;border-radius:8px;border:1px solid var(--line)}
.w1-pcard b{display:block}
.w1-pcard span{font-size:.88rem;color:var(--ink-2)}
.w1-pcard p{margin-top:6px}

/* ---------- cenovni čvorovi / problem ---------- */
.w1-answer-p{font-size:clamp(1.1rem,1.5vw,1.35rem);line-height:1.55;max-width:66ch;margin-top:10px;padding:20px 22px;border-left:3px solid var(--gold);background:var(--paper-2);border-radius:0 var(--r-m) var(--r-m) 0}
.w1-answer .terms{margin-top:14px}
.w1-checks{list-style:none;margin:22px 0 0;padding:0;display:grid;gap:14px;max-width:80ch}
.w1-checks li{display:grid;gap:4px;padding:16px 18px;border:1px solid var(--line);border-radius:var(--r-m);background:var(--paper-2)}
.w1-checks span{color:var(--ink-2)}
.w1-paths{list-style:none;margin:20px 0 0;padding:0;display:grid;gap:0;max-width:880px}
.w1-paths li{display:flex;justify-content:space-between;gap:20px;align-items:baseline;padding:14px 0;border-top:1px solid var(--line)}
.w1-paths li:last-child{border-bottom:1px solid var(--line)}
.w1-paths small{display:block;color:var(--ink-2);font-size:.9rem;margin-top:2px}
.w1-paths b{white-space:nowrap}
.w1-gbp-state .w1-big{font-size:3rem;font-weight:800;letter-spacing:-.03em;line-height:1;margin:8px 0}
.w1-gbp-state .w1-big small{font-size:1.1rem;color:var(--ink-3)}

/* ---------- mapa sajta ---------- */
.w1-map{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:28px 40px;margin-top:28px}
.w1-map section h2{font-size:1.25rem;margin-bottom:6px}
.w1-map section p{color:var(--ink-2);font-size:.9rem;margin-bottom:10px}
.w1-map ul{list-style:none;margin:0;padding:0;display:grid;gap:4px}
.w1-map a{font-size:.94rem;border-bottom:1px solid transparent}
@media (hover:hover) and (pointer:fine){.w1-map a:hover{border-bottom-color:var(--line-2)}}
.w1-map .w1-n{font-family:"IBM Plex Mono",monospace;font-size:.72rem;color:var(--ink-3);margin-left:6px}

/* ---------- /cene/ poređenje na telefonu (#10, closure R01): složeni redovi, bez horizontalnog skrola ----------
   Svaka stavka dobija ceo red za naziv, ispod su tri vrednosti u kolonama paketa. Red sa imenima i cenama paketa
   je lepljiv ispod navigacije, pa se zna koja kolona je koji paket. Isti podaci i isti redosled kao na desktopu. */
@media (max-width:600px){
  .cmp-table{min-width:0}   /* W1: važi i za .w1-dt tabele odluke na pillarima (složene kartice) */
  .table-scroll[aria-label="Poređenje paketa"]{overflow:visible;border:0;background:none;border-radius:0}
  .table-scroll[aria-label="Poređenje paketa"] .cmp-table{min-width:0;display:block;font-size:.9rem}
  .table-scroll[aria-label="Poređenje paketa"] thead{display:block;position:sticky;top:var(--nav-h);z-index:5}
  .table-scroll[aria-label="Poređenje paketa"] tbody{display:block;border:1px solid var(--line);border-top:0;border-radius:0 0 var(--r-card) var(--r-card);background:var(--card);overflow:hidden}
  .table-scroll[aria-label="Poređenje paketa"] tr{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}
  .table-scroll[aria-label="Poređenje paketa"] thead tr{background:var(--paper-2);border:1px solid var(--line);border-radius:var(--r-card) var(--r-card) 0 0;box-shadow:0 10px 18px -16px rgba(70,56,28,.45)}
  .table-scroll[aria-label="Poređenje paketa"] thead th{padding:10px 6px;font-size:.78rem;line-height:1.25;border-bottom:0}
  .table-scroll[aria-label="Poređenje paketa"] thead th small{font-size:1.05rem}
  .table-scroll[aria-label="Poređenje paketa"] thead th:first-child{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0 0 0 0)}
  .table-scroll[aria-label="Poređenje paketa"] tbody th[scope="row"]{grid-column:1/-1;padding:12px 14px 2px;border-bottom:0;font-weight:600;color:var(--ink)}
  .table-scroll[aria-label="Poređenje paketa"] tbody td{padding:4px 6px 12px;font-size:.86rem;line-height:1.3}
  .table-scroll[aria-label="Poređenje paketa"] tbody tr{border-bottom:1px solid var(--line)}
  .table-scroll[aria-label="Poređenje paketa"] tbody tr:last-child{border-bottom:0}
  .table-scroll[aria-label="Poređenje paketa"] th,.table-scroll[aria-label="Poređenje paketa"] td{border-bottom:0}
}

/* korekcije posle vizuelnog pregleda (1440) */
.w1-live-row{width:100%;grid-column:1/-1}
.p-spoke .w1-prose h2,.p-trust .w1-prose h2{font-size:clamp(1.5rem,2.4vw,2.2rem)}
.p-spoke .w1-prose{padding-block:clamp(28px,4vw,56px)}

/* EN/FR quote-only slot (master audit #7 „Writtenquote / Devisécrit“): tekst, ne cifra */
.offer .num.num-q{font-size:clamp(1.35rem,1.9vw,1.75rem);line-height:1.2;letter-spacing:-.01em;margin:6px 0 4px}
.offer .num.num-q small{font-size:inherit;font-weight:700;letter-spacing:normal;word-spacing:normal;color:var(--ink);vertical-align:baseline;position:static;margin:0}

/* ---------- kalkulator W1 (P5 lepljiv zbir, P6 sklapanje, P7 stepper) ---------- */
.w1-calcbar{position:fixed;left:0;right:0;bottom:0;z-index:60;padding:10px 16px calc(10px + env(safe-area-inset-bottom,0px));background:color-mix(in oklab,var(--paper-2) 94%,transparent);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-top:1px solid var(--line-2);box-shadow:0 -12px 30px -18px rgba(70,56,28,.35)}
.w1-cb-in{max-width:var(--max-w);margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:12px}
.w1-cb-vals{display:flex;gap:16px;flex-wrap:wrap;min-width:0}
.w1-cb-row{display:grid;line-height:1.15}
.w1-cb-row small{font-size:.72rem;color:var(--ink-3);text-transform:uppercase;letter-spacing:.04em}
.w1-cb-row b{font-size:1.05rem;font-weight:800}
.w1-cb-row.is-quote b,.w1-cb-row.is-empty b{font-size:.95rem;font-weight:700}
.w1-cb-go{min-height:44px;padding:0 18px;flex:0 0 auto}
@media (min-width:1101px){.w1-calcbar{display:none!important}}
.p-kalk main{padding-bottom:84px}
.cf-sec .w1-cf-toggle{all:unset;cursor:pointer;display:flex;align-items:center;gap:10px;width:100%;font:inherit}
.cf-sec .w1-cf-toggle:focus-visible{outline:3px solid var(--gold-deep);outline-offset:4px;border-radius:6px}
.w1-cf-pm{margin-left:auto;width:28px;height:28px;border-radius:50%;border:1px solid var(--line-2);position:relative;flex:0 0 28px}
.w1-cf-pm::before,.w1-cf-pm::after{content:"";position:absolute;left:50%;top:50%;width:11px;height:1.6px;background:var(--ink);transform:translate(-50%,-50%)}
.w1-cf-pm::after{transform:translate(-50%,-50%) rotate(90deg);transition:transform 200ms var(--ease-out)}
.cf-sec:not(.is-collapsed) .w1-cf-pm::after{transform:translate(-50%,-50%) rotate(0deg)}
.cf-sec.is-collapsed>:not(h3){display:none}
.w1-step{display:inline-flex;align-items:center;gap:8px}
.w1-step input{width:5.5em;text-align:center}
.w1-step-b{min-width:44px;min-height:44px;border-radius:12px;border:1px solid var(--line-2);background:var(--paper-2);font-size:1.25rem;font-weight:700;cursor:pointer}
.crecap-total.is-empty .crecap-num{font-size:1.25rem}
.w1-calcbar .w1-cb-go{width:auto!important;flex:0 0 auto!important;margin:0!important}
.w1-calcbar .w1-cb-vals{flex:1 1 auto;min-width:0}
.w1-calcbar .w1-cb-row b{white-space:nowrap}
.w1-calcbar .w1-cb-row.is-quote b,.w1-calcbar .w1-cb-row.is-empty b{white-space:normal;font-size:.9rem}

/* ---------- D0 port (master #11, closure R01): legacy .dtable zaglavlje bez duplikata ----------
   Produkcijski .dtable u zaglavlju prikazuje i mobilnu oznaku (.c-h) i vrednost (.c-v) — „OBLAST / Oblast".
   U 2027 ljusci zaglavlje nosi samo oznake kolona; dvokolonska tabela (Podatak/Vrednost) zaglavlje ne treba,
   jer prva kolona već imenuje svaki red. <main> ostaje bajt-isti produkciji; menja se samo prikaz. */
@media (min-width:760px){
  .sig-port.sig-light .dtable .dtable-row.is-head .c-cell .c-v{display:none}
  .sig-port.sig-light .dtable.dtable--2:not(.dtable--wide) .dtable-row.is-head{display:none}   /* jednoćelijsko zaglavlje „Podatak/Vrednost" */
}
/* ista tabela na telefonu: produkcijska mobilna oznaka prve kolone je „Pravni subjekt" u SVAKOM redu (i za PIB, Email…);
   prva kolona već nosi naziv reda, pa se oznake ne prikazuju. Tabele sa ispravnim oznakama (--wide) ostaju kakve jesu. */
@media (max-width:759px){
  .sig-port.sig-light .dtable.dtable--2:not(.dtable--wide) .dtable-row .c-cell .c-h{display:none}
}
/* D0 port: produkcijska završna traka je sekcija pune širine; 2027 joj daje okvir i zaobljenje, pa bez ograničenja
   ide od ivice do ivice ekrana. Ovde staje u istu širinu kao sadržaj (.wrap), kao 2027 .band. */
.sig-port.sig-light .cta-band{width:min(calc(var(--max-w) - 2 * var(--pad-x)),calc(100% - 2 * var(--pad-x)));margin-inline:auto;margin-block:clamp(24px,4vw,56px)}
.sig-port.sig-light .cta-band > .wrap{padding-inline:clamp(18px,4vw,48px)}

/* /hvala/ (master #15, closure R01): razmak H1 → uvod i tri koraka u jednom redu umesto 2 + 1 */
.p-hvala #sok h1{margin-bottom:clamp(14px,1.6vw,22px)}
@media (min-width:760px){.p-hvala #sok .points{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}}
.p-hvala #sok #hvala-ctas > h2{margin-bottom:14px}

/* ===== FINAL_PRE_SWAP R01 · A1 TRUE 360 hero (owner izbor). Geometrija = REUSE recepta HERO_FREEZE_R01:
   16:9 kadar u ćeliji 920/640, širi se ulevo ispod belog dela kolone teksta; bela pozadina videa -> papir (multiply);
   meke ivice maskom na samom mediju (maska/z-index na roditelju bi izolovali multiply). Telefon/tablet: statičan poster. */
.r2-hero.is-home.hero-a1 .hero-video.hv-a1 .hv-frame{-webkit-mask-image:none;mask-image:none;overflow:visible;position:relative;aspect-ratio:920/640}
.r2-hero.is-home.hero-a1 .hero-video.hv-a1 .hv-end,
.r2-hero.is-home.hero-a1 .hero-video.hv-a1 .hv-vid{inset:auto;top:-7.5%;right:0;left:auto;width:142.3%;max-width:none;height:115%;object-fit:contain;object-position:100% 50%;
  background:transparent;mix-blend-mode:multiply;
  -webkit-mask-image:linear-gradient(90deg,transparent 0,#000 30%,#000 91%,transparent 100%),linear-gradient(180deg,transparent 0,#000 22%,#000 82%,transparent 100%);-webkit-mask-composite:source-in;
  mask-image:linear-gradient(90deg,transparent 0,#000 30%,#000 91%,transparent 100%),linear-gradient(180deg,transparent 0,#000 22%,#000 82%,transparent 100%);mask-composite:intersect}
.r2-hero.is-home.hero-a1 .hero-copy{position:relative;z-index:2}
/* multiply množi i poster ispod videa -> „duh“ frontalnog kadra; dok video radi, poster je skriven (video drži poslednji kadar = front) */
.r2-hero.is-home.hero-a1 .hero-video.hv-a1.hv-on .hv-end{opacity:0}
.r2-hero.is-home.hero-a1 .hero-video.hv-a1 .stage-cap{bottom:-14px}
.r2-hero.is-home.hero-a1 .hero-video.hv-a1 .hv-toggle{right:2%;bottom:-22px;width:32px;height:32px;background:rgba(251,250,248,.9)}
@media (max-width:1100px){
  .r2-hero.is-home.hero-a1 .hero-video.hv-a1{display:block;position:relative;margin:8px calc(-1 * var(--pad-x)) 18px}
  .r2-hero.is-home.hero-a1 .hero-video.hv-a1 .hv-frame{aspect-ratio:3/2;overflow:hidden}
  .r2-hero.is-home.hero-a1 .hero-video.hv-a1 .hv-end{top:0;left:0;right:auto;width:100%;height:100%;object-fit:cover;object-position:100% 50%;
    -webkit-mask-image:linear-gradient(90deg,transparent 0,#000 8%,#000 96%,transparent 100%),linear-gradient(180deg,transparent 0,#000 16%,#000 86%,transparent 100%);
    mask-image:linear-gradient(90deg,transparent 0,#000 8%,#000 96%,transparent 100%),linear-gradient(180deg,transparent 0,#000 16%,#000 86%,transparent 100%)}
  .r2-hero.is-home.hero-a1 .hero-video.hv-a1 .hv-vid,.r2-hero.is-home.hero-a1 .hero-video.hv-a1 .hv-toggle{display:none}
  .r2-hero.is-home.hero-a1 .hero-video.hv-a1 .stage-cap{position:static;margin-top:4px}
}
@media (max-width:600px){
  .r2-hero.is-home.hero-a1 .hero-video.hv-a1 .hv-frame{aspect-ratio:2/1}
  .r2-hero.is-home.hero-a1 .hero-video.hv-a1 .hv-end{top:50%;left:-15%;width:110%;height:auto;aspect-ratio:16/9;transform:translateY(-50%);object-fit:fill;
    -webkit-mask-image:linear-gradient(90deg,transparent 12%,#000 20%,#000 97%,transparent 100%),linear-gradient(180deg,transparent 3%,#000 14%,#000 88%,transparent 97%);
    mask-image:linear-gradient(90deg,transparent 12%,#000 20%,#000 97%,transparent 100%),linear-gradient(180deg,transparent 3%,#000 14%,#000 88%,transparent 97%)}
}
@media print{.r2-hero.is-home.hero-a1 .hero-video.hv-a1 .hv-vid,.hv-toggle{display:none!important}}
/* FINAL_PRE_SWAP H: 360 px — srednja kolona se skuplja (bila je 12 px šira od ekrana) */
.w1-check{grid-template-columns:auto minmax(0,1fr) auto}
/* FINAL_CORRECTION R01: „anywhere“ je lomio reči slovo po slovo u uskoj koloni (owner S24 dokaz) -> lomi se samo predugačka reč */
.w1-check b,.w1-check span span{overflow-wrap:break-word}
@media (max-width:380px){.w1-check{gap:10px;padding:14px}}
/* FINAL_PRE_SWAP H: dugačak domen u „Otvorite sajt uživo“ širio karticu dokaza na 360 px (+36 px) */
.w1-live-sm{overflow-wrap:anywhere}
.proof-item>div{min-width:0}
/* FINAL_PRE_SWAP H (kontrast): --ink-3 #7a756c davao je 4,39:1 na papiru (< WCAG AA 4,5 za sitan tekst) -> #736e65 = 4,85:1 */
:root{--ink-3:#736e65}

/* ===== V3_REUSE (owner 2026-10-08): V3 informaciona arhitektura u belom 2027 sistemu (naslovna). Bez tamnih površina. ===== */
.hw .row-head{margin-bottom:clamp(28px,4vw,48px)}
.hw-feature{position:relative}
.hw-shot{margin:0;position:relative}
.hw-shot img{display:block;width:100%;height:auto;border-radius:var(--r-img);border:1px solid var(--line);box-shadow:var(--shadow)}
.hw-shot figcaption{position:absolute;left:14px;top:14px;font-family:"IBM Plex Mono",monospace;font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;background:rgba(251,250,248,.92);color:var(--gold-ink);border:1px solid var(--line-2);padding:6px 9px;border-radius:var(--r-pill)}
.hw-shot--posle{width:86%}
.hw-shot--pre{position:absolute;right:0;bottom:-10%;width:34%;filter:saturate(.6)}
.hw-shot--pre figcaption{color:var(--ink-3)}
.hw-case{margin-top:clamp(64px,9vw,120px);display:grid;grid-template-columns:auto minmax(0,1fr);gap:clamp(24px,5vw,88px);align-items:start}
.hw-big{margin:0;font-weight:800;font-size:clamp(96px,13vw,220px);line-height:.8;letter-spacing:-.07em;color:var(--gold)}
.hw-big small{font-size:.38em;letter-spacing:-.03em;color:var(--gold-deep)}
.hw-kind{margin:0 0 8px;font-family:"IBM Plex Mono",monospace;font-size:.76rem;letter-spacing:.1em;text-transform:uppercase;color:var(--gold-ink)}
.hw-case h3{font-size:clamp(1.5rem,2.3vw,2.2rem);letter-spacing:-.02em;line-height:1.15;margin:0}
.hw-case p{max-width:60ch;color:var(--ink-2);line-height:1.6;margin:14px 0 0;font-size:1.06rem}
.hw-case p b{color:var(--ink)}
.hw-cap{font-size:.92rem!important;color:var(--ink-3)!important}
.hw-links{display:flex;flex-wrap:wrap;gap:12px 28px;align-items:center}
.hw-live{color:var(--ink-2);text-decoration:underline;text-underline-offset:4px;text-decoration-color:var(--line-2);display:inline-flex;gap:4px;align-items:center}
.hw-live svg{width:14px;height:14px}
.hw-seconds{margin-top:clamp(72px,10vw,140px);display:grid;grid-template-columns:1.3fr 1fr;gap:clamp(28px,5vw,88px);align-items:start}
.hw-second{margin:0}
.hw-second--low{margin-top:clamp(60px,10vw,160px)}
.hw-second-img{display:block}
.hw-second-img img{display:block;width:100%;height:auto;border-radius:var(--r-img);border:1px solid var(--line);box-shadow:var(--shadow-card);transition:transform .5s var(--ease-out)}
@media (hover:hover){.hw-second-img:hover img{transform:translateY(-4px)}}
.hw-plaque{margin-top:22px;padding-top:16px;border-top:1px solid var(--gold);display:grid;gap:8px;max-width:54ch}
.hw-plaque>b{font-size:1.15rem}
.hw-plaque>span{color:var(--ink-2);line-height:1.55}
.hw-plaque blockquote{margin:10px 0 0;font-size:clamp(1.2rem,1.6vw,1.5rem);line-height:1.4;letter-spacing:-.01em;color:var(--ink)}
.hw-plaque cite{font-style:normal;font-size:.85rem;color:var(--ink-3)}
.hw-plaque cite a{color:var(--gold-ink)}
.hw-plaque .link-arrow{justify-self:start;margin-top:6px}
.hw-also{margin-top:clamp(48px,7vw,84px);display:flex;flex-wrap:wrap;gap:10px 30px;align-items:center}
.hw-also>span{width:100%;font-family:"IBM Plex Mono",monospace;font-size:.76rem;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3)}
.hw-also a{color:var(--ink);text-decoration:underline;text-underline-offset:5px;text-decoration-color:rgba(233,184,80,.6)}
.hw-also a:hover{color:var(--gold-ink)}
.hw-terms{margin:clamp(40px,6vw,72px) 0 0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr)) minmax(0,1.6fr);border-top:1px solid var(--line-2)}
.hw-terms>div{padding:20px 22px 0 0}
.hw-terms dt{font-size:.88rem;color:var(--ink-3)}
.hw-terms dd{margin:6px 0 0;font-size:1.06rem;font-weight:600;line-height:1.35;color:var(--ink)}
.hw-notin{margin:22px 0 0;max-width:92ch;color:var(--ink-2);font-size:.95rem;line-height:1.6}
.hw-notin a{color:var(--ink);text-decoration:underline;text-underline-offset:4px;text-decoration-color:var(--gold)}
.hr-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:clamp(20px,3vw,40px);align-items:start;margin-top:clamp(24px,3vw,40px)}
.hr-feat{margin:0;padding:clamp(24px,3vw,44px);background:var(--card);border:1px solid var(--line);border-radius:var(--r-card);box-shadow:var(--shadow-card);border-top:3px solid var(--gold)}
.hr-feat blockquote{margin:18px 0 0;font-size:clamp(1.25rem,1.9vw,1.75rem);line-height:1.42;letter-spacing:-.015em;color:var(--ink)}
.hr-feat figcaption,.hr-side figcaption{margin-top:18px;display:grid;gap:2px}
.hr-feat figcaption span,.hr-side figcaption span{color:var(--ink-3);font-size:.92rem}
.hr-feat figcaption a{color:var(--gold-ink)}
.hr-feat .w1-rev-link{display:inline-flex;margin-top:14px}
.hr-sides{display:grid;gap:clamp(18px,2vw,28px)}
.hr-side{margin:0;padding:18px 0 0;border-top:1px solid var(--line-2)}
.hr-side blockquote{margin:12px 0 0;font-size:1.08rem;line-height:1.5;color:var(--ink)}
.hr-side .w1-rev-more{display:inline-block;margin-top:10px}
@media (max-width:1100px){.hw-terms{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:20px}.hw-terms>div:last-child{grid-column:1/-1}}
@media (max-width:900px){
  .hw-shot--posle{width:100%}
  .hw-shot--pre{position:relative;right:auto;bottom:auto;width:58%;margin:-14% 0 0 auto}
  .hw-case{grid-template-columns:1fr;gap:6px}
  .hw-big{font-size:clamp(84px,24vw,140px)}
  .hw-seconds{grid-template-columns:minmax(0,1fr);gap:64px}
  .hw-second--low{margin-top:0}
  .hr-grid{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:520px){.hw-terms{grid-template-columns:minmax(0,1fr)}.hw-terms>div{padding-top:14px}}
/* V3_REUSE fix: krupan broj (opšte .hw-case p ga je smanjivalo) + veličina strelica u redu „Još radova“ */
.hw-case p.hw-big{margin:0;max-width:none;font-weight:800;font-size:clamp(96px,13vw,220px);line-height:.8;letter-spacing:-.07em;color:var(--gold)}
.hw-also a svg,.hw-links a svg{width:16px;height:16px;flex:0 0 16px}
.hw-also a{display:inline-flex;align-items:center;gap:6px}
@media (max-width:900px){.hw-case p.hw-big{font-size:clamp(84px,24vw,140px)}}

/* ================= FINAL_CORRECTION R01 ================= */
/* P0 pregled vidljivosti: dvokolonski grid (5fr/7fr) nije imao mobilni prelom -> kartice su bile ~180 px široke na telefonu */
@media (max-width:860px){
  .w1-vis-in{grid-template-columns:minmax(0,1fr);gap:20px}
  .w1-vis-cards{gap:10px}
}
@media (max-width:420px){.w1-vis-in{padding:20px 16px}.w1-check{padding:14px 14px;gap:12px}}

/* /hvala/ znak uspeha — ADAPT Aperture Lock (R404_SIGNAL_SOCIAL_LOGO_SWAP_R01, varijanta A) u beli 2027; vidi se samo u stanju uspeha */
.sok-mark{display:none}
#sok[data-state="success"] .sok-mark{display:block;margin:0 0 18px}
.sok-mark .sm{width:84px;height:84px;display:block;overflow:visible}
.sok-mark .draw{stroke-linecap:round;stroke-linejoin:round;fill:none}
.sok-mark .ring{stroke:url(#gSok);stroke-width:7;stroke-dasharray:100;stroke-dashoffset:100;animation:sokRing .75s cubic-bezier(.35,.9,.35,1) forwards}
.sok-mark .pen{fill:#e9b850;transform-origin:60px 60px;animation:sokOrbit .75s cubic-bezier(.35,.9,.35,1) forwards,sokPenOut .3s .75s forwards}
.sok-mark .chk{stroke:var(--ink);stroke-width:7;stroke-dasharray:100;stroke-dashoffset:100;animation:sokRing .34s cubic-bezier(.5,0,.3,1) .72s forwards}
.sok-mark .halo{fill:#e9b850;opacity:0;transform-origin:60px 60px;animation:sokHalo 1.1s .74s cubic-bezier(.2,.7,.3,1) forwards}
@keyframes sokRing{to{stroke-dashoffset:0}}
@keyframes sokOrbit{from{transform:rotate(-90deg)}to{transform:rotate(270deg)}}
@keyframes sokPenOut{to{opacity:0;transform:scale(.4)}}
@keyframes sokHalo{0%{opacity:.35;transform:scale(.72)}100%{opacity:0;transform:scale(1.5)}}
@media (prefers-reduced-motion:reduce){.sok-mark *{animation:none!important}.sok-mark .draw{stroke-dashoffset:0!important}.sok-mark .pen,.sok-mark .halo{opacity:0!important}}

/* FINAL_CORRECTION R01: društvene mreže — Kontakt (sa imenima) i footer (kompaktno) */
.w1-soc-ic{display:inline-grid;place-items:center;width:20px;height:20px}
.w1-soc-ic svg{width:18px;height:18px}
.k-social{margin-top:24px;padding-top:20px;border-top:1px solid var(--line)}
.k-social-h{font-family:"IBM Plex Mono",monospace;font-size:.74rem;letter-spacing:.12em;text-transform:uppercase;color:var(--gold-ink);margin:0 0 10px}
.k-social-row{display:flex;flex-wrap:wrap;gap:8px}
.k-social-row .w1-soc{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 14px;border:1px solid var(--line-2);border-radius:var(--r-pill);background:var(--paper-2);font-weight:600;font-size:.92rem;color:var(--ink)}
@media (hover:hover) and (pointer:fine){.k-social-row .w1-soc:hover{border-color:var(--gold-deep)}}
.k-save{display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px;margin:16px 0 0}
.k-save span{font-size:.88rem;color:var(--ink-2);flex:1 1 220px}
.w1-foot-social{display:flex;flex-wrap:wrap;align-items:center;gap:6px 14px;margin-top:16px}
.w1-soc-row{display:flex;gap:4px}
.w1-soc-i{display:inline-grid;place-items:center;width:44px;height:44px;border-radius:50%;border:1px solid var(--line);color:var(--ink-2)}
@media (hover:hover) and (pointer:fine){.w1-soc-i:hover{color:var(--ink);border-color:var(--gold-deep)}}
.w1-foot-card{font-size:.9rem;color:var(--ink-2);text-decoration:underline;text-underline-offset:3px;text-decoration-color:var(--line-2);min-height:44px;display:inline-flex;align-items:center}

/* FINAL_CORRECTION R01: /radovi/ — istaknut → srednji (7/5 · 5/7 · 12) → manji; telefon = jedna kolona */
.rd-featured .rd-feat-t{max-width:78ch;padding:clamp(20px,2.6vw,32px);border:1px solid var(--line);border-radius:var(--r-xl);background:var(--paper-2)}
.rd-featured .rd-name{font-size:clamp(1.4rem,2.2vw,1.9rem);margin:6px 0 8px}
.rd-kind{font-family:"IBM Plex Mono",monospace;font-size:.74rem;letter-spacing:.08em;text-transform:uppercase;color:var(--gold-ink);margin:0;display:flex;flex-wrap:wrap;gap:6px 10px;align-items:center}
.rd-kind .w1-st{margin:0}
.rd-name{margin:6px 0 6px;font-size:1.25rem;line-height:1.2}
.rd-name a{color:var(--ink)}
.rd-line{color:var(--ink-2);margin:0;max-width:62ch}
.rd-role{margin:10px 0 0;font-size:.9rem;color:var(--ink)}
.rd-role span{color:var(--ink-3)}
.rd-links{display:flex;flex-wrap:wrap;gap:6px 18px;margin:12px 0 0;align-items:center}
.rd-ext{display:inline-flex;align-items:center;gap:6px;min-height:44px;font-weight:600;color:var(--ink);border-bottom:1px solid var(--line-2)}
.rd-ext svg,.rd-links .link-arrow svg{width:14px;height:14px}
.rd-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:clamp(18px,2.2vw,28px);margin-top:clamp(20px,2.4vw,32px)}
.rd{display:grid;align-content:start;gap:16px;border:1px solid var(--line);border-radius:var(--r-xl);background:var(--paper-2);padding:12px 12px 20px;min-width:0}
.rd-img{display:block;border-radius:calc(var(--r-xl) - 6px);overflow:hidden;background:var(--paper);aspect-ratio:16/10;border:1px solid var(--line)}
.rd-img img{width:100%;height:100%;object-fit:cover;object-position:top center;display:block;transition:transform 400ms var(--ease-out)}
@media (hover:hover) and (pointer:fine){.rd:hover .rd-img img{transform:translateY(-3px)}}
.rd .rd-t{padding:0 8px}
.rd-w7{grid-column:span 7}.rd-w5{grid-column:span 5}
.rd-w12{grid-column:1/-1;grid-template-columns:minmax(0,7fr) minmax(0,5fr);align-items:center;gap:clamp(18px,2.6vw,36px)}
.rd-w12 .rd-name{font-size:1.5rem}
.rd-small{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(14px,2vw,24px);margin-top:20px}
.rd-sm{grid-template-columns:minmax(0,2fr) minmax(0,3fr);align-items:center;padding:10px;gap:16px}
.rd-sm .rd-t{padding:4px 6px}
.rd-sm .rd-name{font-size:1.1rem}
@media (max-width:1000px){.rd-w7,.rd-w5{grid-column:1/-1}.rd-w12{grid-template-columns:minmax(0,1fr)}.rd-small{grid-template-columns:minmax(0,1fr)}}
@media (max-width:560px){.rd-sm{grid-template-columns:112px minmax(0,1fr);align-items:start}.rd-sm .rd-img{aspect-ratio:4/5}.rd-sm .rd-line{font-size:.92rem}}

/* FINAL_CORRECTION R01: /vodici/ — live IA u belom 2027 (pet stavki · tri najtraženija · grupe · vreme čitanja) */
.vh-pre-in{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(20px,4vw,56px);align-items:start;padding:clamp(22px,3vw,40px);border:1px solid var(--line);border-radius:var(--r-xl);background:var(--paper-2)}
.vh-pre-in h2 em{font-style:normal;color:var(--gold-ink)}
.vh-check{margin:0 0 18px;padding:0;list-style:none;display:grid;gap:10px;counter-reset:vh}
.vh-check li{counter-increment:vh;display:grid;grid-template-columns:28px minmax(0,1fr);gap:10px;color:var(--ink-2)}
.vh-check li::before{content:counter(vh,decimal-leading-zero);font-family:"IBM Plex Mono",monospace;font-size:.78rem;color:var(--gold-ink);padding-top:3px}
.vh-check li b{color:var(--ink)}
.vh-kind{display:block;font-family:"IBM Plex Mono",monospace;font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;color:var(--gold-ink);margin-bottom:6px}
.vh-meta{display:block;font-style:normal;font-size:.85rem;color:var(--ink-3);margin-top:10px}
.g-lead .vh-meta{display:inline;margin:0}
.vh-cards-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.vh-group h2{margin-bottom:6px}
.vh-band .kicker{margin-bottom:8px}
.vh-band h2 em{font-style:normal;color:var(--gold-ink)}
@media (max-width:860px){.vh-pre-in{grid-template-columns:minmax(0,1fr)}.vh-cards-2{grid-template-columns:minmax(0,1fr)}}
.rd-featured .rd-feat-t{max-width:none;display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);grid-template-areas:"kind role" "name role" "line links";column-gap:clamp(24px,4vw,56px);align-items:start}
.rd-featured .rd-kind{grid-area:kind}.rd-featured .rd-name{grid-area:name}.rd-featured .rd-line{grid-area:line}
.rd-featured .rd-role{grid-area:role;margin:0;align-self:end}.rd-featured .rd-links{grid-area:links;align-self:start}
@media (max-width:860px){.rd-featured .rd-feat-t{grid-template-columns:minmax(0,1fr);grid-template-areas:"kind" "name" "line" "role" "links"}.rd-featured .rd-role{margin-top:10px}}

/* FINAL_CORRECTION R01: /cene/ still — ceo kadar, bez maske (ivice su utopljene u sam asset); telefon: kompaktan, cela tri objekta */
.still.cene-trio{-webkit-mask-image:none;mask-image:none;width:100%;height:auto;display:block}
@media (max-width:1100px){
  .r2-hero.is-cene .hero-still.cene-trio-wrap{display:block;margin:10px auto 0;max-width:560px}
}
@media (max-width:600px){.r2-hero.is-cene .hero-still.cene-trio-wrap{margin:4px calc(-1 * var(--pad-x)) 0;max-width:none}.r2-hero.is-cene .still.cene-trio{aspect-ratio:16/10;object-fit:cover;object-position:60% 70%}}

/* FINAL_CORRECTION R01 (owner S24 dokaz): telefon/tablet — A1 se kreće, cela kompozicija 4:3 bez sečenja, bez mrtvog prostora */
@media (max-width:1100px){
  .r2-hero.is-home.hero-a1 .hero-video.hv-a1{display:block;position:relative;margin:2px auto 0;max-width:560px}
  .r2-hero.is-home.hero-a1 .hero-video.hv-a1 .hv-frame{aspect-ratio:4/3;overflow:hidden;position:relative}
  .r2-hero.is-home.hero-a1 .hero-video.hv-a1 .hv-frame picture{display:contents}
  .r2-hero.is-home.hero-a1 .hero-video.hv-a1 .hv-end,
  .r2-hero.is-home.hero-a1 .hero-video.hv-a1 .hv-vid{display:block;position:absolute;inset:0;top:0;left:0;right:auto;width:100%;height:100%;max-width:none;aspect-ratio:auto;transform:none;
    object-fit:contain;object-position:50% 50%;mix-blend-mode:multiply;background:transparent;-webkit-mask-image:none;mask-image:none}
  /* verifikator D-1: dugme je pokrivalo potpis i link „studija slučaja“ -> gornji desni ugao kadra (iznad belog fona, ne preko uređaja) */
  .r2-hero.is-home.hero-a1 .hero-video.hv-a1 .hv-toggle{display:grid;position:absolute;right:6px;top:6px;bottom:auto;width:44px;height:44px}
  .r2-hero.is-home.hero-a1 .hero-video.hv-a1 .hv-toggle[hidden]{display:none}
  .r2-hero.is-home.hero-a1 .hero-video.hv-a1 .stage-cap{position:static;margin-top:2px;font-size:.8rem}
}
@media (max-width:600px){
  .r2-hero.is-home.hero-a1 .hero-video.hv-a1{margin:0 calc(-1 * var(--pad-x) + 8px)}
  .r2-hero.is-home.hero-a1 .hero-video.hv-a1 .hv-frame{aspect-ratio:4/3}
}

/* FINAL_CORRECTION R01: cenovni redovi na uskom ekranu — dugačak iznos („najčešće 1.500–3.000 €“, „600 € / 900 € · pisana ponuda“)
   gurao je naziv i opis u kolonu od ~75–120 px; ispod 560 px iznos ide u svoj red, levo poravnat */
@media (max-width:560px){
  .w1-paths li,.offer-also .row{flex-wrap:wrap;row-gap:4px}
  .w1-paths li>span,.offer-also .row>span{flex:1 1 100%}
  .w1-paths b,.offer-also .row b{white-space:normal}
  .bigger-list div{grid-template-columns:minmax(0,1fr)}
  .bigger-list div>dd.v{grid-column:1;grid-row:auto;justify-self:start}
}