/* BIRO 404 · 2027 · SITEWIDE_VISUAL R01 — funkcionalni vizuali (ikone, šeme, tok, skala, stvarni ekrani). Izvor: build/sv_layer.py */
.sv-i{width:22px;height:22px;flex:none;color:var(--gold-deep)}
/* ikone uz postojeće tačke */
.points.sv-pts > li,.sv-pts > li{position:relative}
ul.points.sv-pts > li{padding-top:52px}
ul.points.sv-pts > li .sv-ic{position:absolute;left:0;top:0}
.sv-ic{display:inline-grid;place-items:center;width:40px;height:40px;border-radius:12px;background:var(--paper-2);border:1px solid var(--line);margin-right:12px;vertical-align:middle}
.w1-prose ul.sv-pts,.w1-prose ol.sv-pts{list-style:none;padding-left:0}
.w1-prose ul.sv-pts > li,.w1-prose ol.sv-pts > li{display:grid;grid-template-columns:40px 1fr;gap:14px;align-items:start;margin-bottom:14px}
.w1-prose .sv-pts .sv-ic{margin:0}
/* skala nivoa */
.sv-scale{margin:clamp(24px,3vw,40px) 0 clamp(28px,3.5vw,48px)}
.sv-scale-bars{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:clamp(8px,1.4vw,20px);align-items:end;height:clamp(220px,24vw,300px);border-bottom:1px solid var(--line-2)}
.sv-lv{height:100%}
.sv-lv-in{height:100%;display:flex;flex-direction:column;justify-content:flex-end;gap:6px;color:inherit;text-decoration:none;border-radius:10px;padding:0 2px 10px}
.sv-bar{display:block;height:var(--h);min-height:10px;border-radius:8px 8px 3px 3px;background:linear-gradient(180deg,color-mix(in oklab,var(--gold) 70%,white) 0%,var(--gold) 100%);
  transform-origin:bottom;transform:scaleY(1);transition:transform 800ms var(--ease-out) calc(var(--i) * 70ms)}
.sv-lv:not(.sv-std) .sv-bar{background:color-mix(in oklab,var(--gold) 26%,var(--paper-3))}
.sv-scale.rv:not(.on) .sv-bar{transform:scaleY(.06)}
.sv-lv b{font-size:.95rem;line-height:1.2}
.sv-v{font-family:"IBM Plex Mono",ui-monospace,monospace;font-size:.84rem;color:var(--ink-2)}
.sv-lv i{font-style:normal;font-size:.72rem;letter-spacing:.06em;text-transform:uppercase;color:var(--gold-ink)}
/* noć */
.sv-night{margin:clamp(24px,3vw,40px) 0;padding:clamp(18px,2.4vw,28px);border:1px solid var(--line);border-radius:18px;background:var(--paper-2)}
.sv-nt-head,.sv-nt-axis{display:grid;grid-template-columns:25% 58.3% 16.7%;margin-left:clamp(120px,18%,180px)}
.sv-nt-zone{display:flex;gap:6px;align-items:center;font-size:.78rem;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3);padding:6px 8px;border-radius:8px}
.sv-nt-zone .sv-i{width:16px;height:16px}
.sv-nt-zone--n{background:color-mix(in oklab,var(--ink) 6%,transparent)}
.sv-nt-rows{list-style:none;margin:10px 0 0;padding:0;display:grid;gap:12px}
.sv-nt-rows li{display:grid;grid-template-columns:clamp(120px,18%,180px) 1fr;align-items:center}
.sv-nt-l{display:flex;gap:10px;align-items:center;font-weight:600;font-size:.95rem}
.sv-nt-l .sv-i{width:18px;height:18px}
.sv-nt-track{position:relative;height:28px;border-radius:8px;background:linear-gradient(90deg,color-mix(in oklab,var(--ink) 6%,transparent) 0 25%,transparent 25% 83.3%,color-mix(in oklab,var(--ink) 6%,transparent) 83.3%)}
.sv-nt-line{position:absolute;left:0;right:22px;top:50%;height:2px;margin-top:-1px;background:var(--gold-deep);transform-origin:left;transition:transform 1200ms var(--ease-out) calc(var(--i) * 90ms)}
.sv-night.rv:not(.on) .sv-nt-line{transform:scaleX(0)}
.sv-nt-dot{position:absolute;right:6px;top:50%;width:10px;height:10px;margin-top:-5px;border-radius:50%;background:var(--gold)}
.sv-nt-dot::after{content:"";position:absolute;inset:-5px;border-radius:50%;border:2px solid var(--gold);opacity:0}
.sv-night.on .sv-nt-dot::after{animation:sv-pulse 2.8s var(--ease-out) infinite;animation-delay:calc(1.2s + var(--i) * .35s)}
.sv-nt-rows li:nth-child(1) .sv-nt-dot::after{--i:0}.sv-nt-rows li:nth-child(2) .sv-nt-dot::after{--i:1}.sv-nt-rows li:nth-child(3) .sv-nt-dot::after{--i:2}.sv-nt-rows li:nth-child(4) .sv-nt-dot::after{--i:3}
@keyframes sv-pulse{0%{opacity:.7;transform:scale(.6)}70%,100%{opacity:0;transform:scale(1.6)}}
.sv-nt-axis{margin-top:8px;grid-template-columns:repeat(4,1fr) 0;font-family:"IBM Plex Mono",ui-monospace,monospace;font-size:.74rem;color:var(--ink-3)}
.sv-nt-axis span:last-child{text-align:right;margin-left:-2em}
.sv-night .stage-cap{margin-top:14px}
/* tok (oporavak, plaćanje) */
.sv-flow{list-style:none;margin:clamp(20px,2.6vw,32px) 0 0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(14px,2vw,28px);position:relative}
.sv-flow--5{grid-template-columns:repeat(5,minmax(0,1fr))}
.sv-flow::before{content:"";position:absolute;left:20px;right:20px;top:20px;height:1px;background:var(--line-2);transform-origin:left;transition:transform 1000ms var(--ease-out)}
.sv-flow.rv:not(.on)::before{transform:scaleX(0)}
.sv-flow > li{position:relative;display:flex;flex-direction:column;gap:12px;font-size:.96rem;color:var(--ink-2)}
.sv-flow > li b{color:var(--ink)}
.sv-fl-n{position:relative;z-index:1;width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:var(--paper);border:1px solid var(--line-2)}
.sv-flow > li:first-child .sv-fl-n{border-color:var(--gold-deep)}
.sv-flow > li:last-child .sv-fl-n{background:var(--gold);border-color:var(--gold)}
.sv-flow > li:last-child .sv-fl-n .sv-i{color:var(--ink)}
.sv-fl-n .sv-i{width:18px;height:18px}
.w1-prose .sv-flow{max-width:none}
/* uključeno / ne ulazi */
.sv-inout ul{list-style:none;padding-left:0}
.sv-inout li{position:relative;padding-left:30px;margin-bottom:10px}
.sv-inout li::before{content:"";position:absolute;left:0;top:.3em;width:18px;height:18px;border-radius:50%;background:var(--gold) center/12px no-repeat
  url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23141310' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E")}
.sv-inout > div + div li::before{background:var(--paper-3) center/12px no-repeat
  url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%237a756c' stroke-width='3' stroke-linecap='round'%3E%3Cpath d='M6 12h12'/%3E%3C/svg%3E")}
.sv-inout > div + div{color:var(--ink-2)}
/* mapa usluga */
.sv-map{display:grid;grid-template-columns:minmax(0,1fr) 48px minmax(0,1.25fr) 48px minmax(0,1fr);gap:clamp(10px,1.6vw,20px);align-items:start;margin-top:clamp(28px,3.6vw,48px)}
.sv-col{display:flex;flex-direction:column;gap:14px}
.sv-step{display:flex;gap:10px;align-items:center;font-size:.82rem;letter-spacing:.08em;text-transform:uppercase;color:var(--gold-ink);font-weight:600}
.sv-step-n{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;background:var(--gold);color:var(--ink);font-size:.82rem;letter-spacing:0}
.sv-nodes{display:flex;flex-direction:column;gap:8px}
.sv-node{display:flex;gap:12px;align-items:center;padding:12px 14px;border:1px solid var(--line);border-radius:12px;background:var(--paper-2);color:inherit;font-weight:600;
  transition:transform 200ms var(--ease-out),border-color 200ms var(--ease-out),background-color 200ms var(--ease-out)}
.sv-node .sv-i{width:20px;height:20px}
@media (hover:hover) and (pointer:fine){.sv-node:hover{transform:translateX(3px);border-color:color-mix(in oklab,var(--gold-deep) 50%,transparent);background:var(--paper)}}
.sv-node:active{transform:scale(.98)}
.sv-node:focus-visible,.sv-rail:focus-visible{outline:3px solid var(--gold-deep);outline-offset:3px}
.sv-arrow{align-self:center;color:var(--gold-deep);padding-top:32px}
.sv-arrow svg{width:48px;height:24px}
.sv-rail{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:10px 14px;align-items:center;margin-top:clamp(8px,1.2vw,16px);padding:16px 18px;border-radius:14px;
  border:1px dashed color-mix(in oklab,var(--gold-deep) 55%,transparent);background:color-mix(in oklab,var(--gold) 9%,var(--paper));color:inherit}
.sv-rail span{color:var(--ink-2)}
/* šeme pretrage */
.sv-sflow{margin:clamp(20px,2.6vw,32px) 0}
.sv-sflow ol{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(12px,2vw,28px);position:relative}
.sv-sflow ol::before{content:"";position:absolute;left:24px;right:24px;top:24px;border-top:1px dashed var(--line-2)}
.sv-sflow li{position:relative;display:flex;flex-direction:column;gap:6px}
.sv-sflow li b{font-size:1.02rem}
.sv-sflow li > span:last-child{color:var(--ink-2);font-size:.93rem}
.sv-sf-ic{position:relative;z-index:1;width:48px;height:48px;border-radius:14px;display:grid;place-items:center;background:var(--paper);border:1px solid var(--line-2);margin-bottom:6px}
.sv-sflow li:last-child .sv-sf-ic{background:var(--gold);border-color:var(--gold)}
.sv-sflow li:last-child .sv-sf-ic .sv-i{color:var(--ink)}
.sv-sflow .sv-i{transition:transform 600ms var(--ease-out) calc(var(--i,0) * 120ms)}
.sv-two{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(20px,4vw,56px);align-items:center;margin:clamp(20px,2.6vw,32px) 0}
.sv-two .sv-sflow{margin:0}
.sv-two .sv-sflow ol{grid-template-columns:1fr;gap:18px}
.sv-two .sv-sflow ol::before{left:24px;right:auto;top:24px;bottom:24px;border-top:0;border-left:1px dashed var(--line-2)}
.sv-two .sv-sflow li{display:grid;grid-template-columns:48px 1fr;column-gap:14px}
.sv-two .sv-sflow li .sv-sf-ic{grid-row:1/3;margin:0}
/* krug */
.sv-zone{margin:0;color:var(--ink-3)}
.sv-zone svg{width:100%;height:auto;display:block}
.sv-z1{stroke:var(--gold-deep);stroke-width:1.6}.sv-z2{stroke:var(--line-2);stroke-width:1.2}.sv-z3{stroke:var(--line-2)}
.sv-zpins circle{fill:var(--ink-2)}.sv-zpins circle:first-child{fill:var(--gold);stroke:var(--gold-deep);stroke-width:1.5}
.sv-zfar circle{fill:color-mix(in oklab,var(--ink) 18%,transparent)}
.sv-zone-key{list-style:none;margin:10px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:6px 16px;font-size:.86rem;color:var(--ink-2)}
.sv-zone-key i{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:6px;vertical-align:-1px}
.sv-zone-key .k1{background:var(--gold);box-shadow:0 0 0 1.5px var(--gold-deep)}.sv-zone-key .k2{background:var(--ink-2)}.sv-zone-key .k3{background:color-mix(in oklab,var(--ink) 18%,transparent)}
.sv-zone .sv-z1{transform-origin:160px 110px;transition:transform 900ms var(--ease-out),opacity 900ms var(--ease-out)}
.sv-zone.rv:not(.on) .sv-z1{transform:scale(.7);opacity:0}
/* anatomija profila */
.sv-anat{margin:clamp(20px,2.6vw,32px) 0;display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(20px,3.5vw,48px);align-items:center}
.sv-an-card{position:relative;aspect-ratio:4/5;max-width:300px;width:100%;border:1px solid var(--line-2);border-radius:18px;background:var(--paper-2);
  display:grid;grid-template-columns:1fr 1fr;grid-template-rows:.9fr 1.4fr .7fr 1fr 1fr;gap:8px;padding:14px}
.sv-an-z{position:relative;border-radius:8px;background:color-mix(in oklab,var(--ink) 6%,transparent)}
.sv-an-z i{position:absolute;left:8px;top:8px;width:22px;height:22px;border-radius:50%;background:var(--gold);color:var(--ink);font-style:normal;font-weight:700;font-size:.78rem;display:grid;place-items:center}
.sv-an-z.z1{grid-column:1/3}.sv-an-z.z3{grid-column:1/3}.sv-an-z.z2{grid-column:1/2}.sv-an-z.z4{grid-column:2/3}.sv-an-z.z5{grid-column:1/2}.sv-an-z.z6{grid-column:2/3}
.sv-an-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:10px 18px}
.sv-an-list li{display:grid;grid-template-columns:24px 22px 1fr;gap:10px;align-items:center;font-weight:600;font-size:.96rem}
.sv-an-n{width:24px;height:24px;border-radius:50%;background:var(--gold);display:grid;place-items:center;font-size:.78rem;font-weight:700}
.sv-anat .stage-cap{grid-column:1/-1}
/* preusmerenje */
.sv-redir{margin:clamp(24px,3vw,40px) 0 clamp(16px,2vw,24px);display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.9fr) minmax(0,1fr) minmax(0,1.1fr);gap:clamp(12px,2vw,24px);align-items:center}
.sv-rd-node{display:flex;flex-direction:column;gap:8px;padding:16px;border:1px solid var(--line-2);border-radius:14px;background:var(--paper-2)}
.sv-rd-node b{font-size:.98rem}
.sv-rd-node--ok{border-color:var(--gold-deep);background:color-mix(in oklab,var(--gold) 10%,var(--paper))}
.sv-rd-k{font-size:.74rem;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3)}
.sv-rd-arrow{display:flex;flex-direction:column;align-items:center;gap:4px;color:var(--gold-deep);font-size:.8rem}
.sv-rd-arrow svg{width:100%;max-width:120px;height:24px}
.sv-rd-path{stroke-dasharray:140;stroke-dashoffset:0;transition:stroke-dashoffset 1000ms var(--ease-out) 200ms}
.sv-redir.rv:not(.on) .sv-rd-path{stroke-dashoffset:140}
.sv-rd-proof{display:flex;flex-direction:column;gap:6px;padding-left:clamp(12px,2vw,24px);border-left:1px solid var(--line-2)}
.sv-big{font-size:clamp(2.6rem,4.6vw,4rem);line-height:.95;letter-spacing:-.03em;font-weight:700}
.sv-big small{font-size:.42em;color:var(--ink-3);font-weight:600;letter-spacing:0}
.sv-rd-proof span{color:var(--ink-2);font-size:.94rem}
.sv-redir .stage-cap{grid-column:1/-1;margin:0}
/* par unutrašnjih strana */
.sv-pair{display:grid;grid-template-columns:1fr 1fr;gap:clamp(14px,2.4vw,32px);margin-top:clamp(16px,2vw,24px)}
.sv-pair-it{color:inherit;display:block;border-radius:14px}
.sv-pair-it figure{margin:0;display:flex;flex-direction:column;gap:12px}
.sv-crop-img{display:block;width:100%;height:auto;aspect-ratio:16/10;object-fit:cover;object-position:top;border-radius:14px;border:1px solid var(--line);
  box-shadow:0 20px 50px -28px rgba(40,30,10,.35);background:var(--paper-3);transition:transform 260ms var(--ease-out)}
.sv-pair-it figcaption{display:flex;flex-direction:column;gap:2px}
.sv-pair-it figcaption span{color:var(--ink-2);font-size:.94rem}
.sv-pair-it:focus-visible{outline:3px solid var(--gold-deep);outline-offset:6px}
@media (hover:hover) and (pointer:fine){.sv-pair-it:hover .sv-crop-img,.sv-one a:hover .sv-crop-img{transform:translateY(-4px)}}
.sv-one{margin:clamp(20px,2.6vw,32px) 0 0;max-width:980px}
.sv-one .stage-cap{display:flex;flex-wrap:wrap;gap:8px 18px;align-items:center;margin-top:12px}
/* izrada: šta pločica prikazuje */
.sv-pg{display:block;font-size:.82rem;color:var(--gold-ink);margin-top:2px}
/* studije: unutrašnji kadar u „Snimci“ */
img.sv-shot-inner{height:auto;aspect-ratio:16/10;object-fit:cover;object-position:0 0}
.gallery .sv-shot-deep{object-position:50% 34%}
@media (max-width:1023px){
  .sv-map{grid-template-columns:1fr}.sv-arrow{justify-self:start;padding:0 0 0 8px;transform:rotate(90deg)}
  .sv-flow,.sv-flow--5{grid-template-columns:1fr 1fr;row-gap:24px}.sv-flow::before{display:none}
  .sv-redir{grid-template-columns:1fr}.sv-rd-arrow svg{transform:rotate(90deg);width:48px}.sv-rd-proof{border-left:0;padding-left:0;border-top:1px solid var(--line-2);padding-top:14px}
  .sv-two,.sv-anat{grid-template-columns:1fr}.sv-an-card{max-width:240px}
}
@media (max-width:767px){
  .sv-scale-bars{gap:6px;height:200px}.sv-lv b{font-size:.74rem;word-break:break-word}.sv-v{font-size:.7rem}.sv-lv i{display:none}
  .sv-nt-head{display:none}.sv-nt-rows li{grid-template-columns:110px 1fr}.sv-nt-axis{margin-left:110px}
  .sv-flow,.sv-flow--5{grid-template-columns:1fr}
  .sv-sflow ol{grid-template-columns:1fr;gap:16px}.sv-sflow ol::before{left:24px;right:auto;top:24px;bottom:24px;border-top:0;border-left:1px dashed var(--line-2)}
  .sv-sflow li{display:grid;grid-template-columns:48px 1fr;column-gap:14px}.sv-sflow li .sv-sf-ic{grid-row:1/3;margin:0}
  .sv-an-list{grid-template-columns:1fr}
  .sv-pair{grid-template-columns:1fr}
  ul.points.sv-pts > li{padding-top:48px}
}
@media (prefers-reduced-motion:reduce){
  .sv-bar,.sv-nt-line,.sv-flow::before,.sv-rd-path,.sv-zone .sv-z1,.sv-node,.sv-crop-img{transition:none!important}
  .sv-scale.rv .sv-bar,.sv-night.rv .sv-nt-line,.sv-flow.rv::before,.sv-zone.rv .sv-z1{transform:none!important;opacity:1!important}
  .sv-redir.rv .sv-rd-path{stroke-dashoffset:0!important}
  .sv-nt-dot::after{animation:none!important;opacity:0!important}
}
/* REAL PROJECT PROOF: jedan broj + jedan vizual + jedna rečenica + izvor (urednički, ne dashboard) */
.sv-proof{margin:clamp(40px,5vw,72px) 0 0;padding:clamp(22px,3vw,36px) 0 0;border-top:1px solid var(--line-2);display:grid;gap:14px;max-width:1040px}
.sv-proof-sec .sv-proof{margin-top:0}
.sv-pr-k{font-size:.82rem;letter-spacing:.06em;text-transform:uppercase;color:var(--gold-ink);font-weight:600;display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.sv-pr-k .w1-st{text-transform:none;letter-spacing:0}
.sv-pr-grid{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(18px,3.5vw,56px);align-items:end}
.sv-pr-num{display:flex;flex-direction:column;gap:6px}
.sv-pr-num .sv-big{font-size:clamp(3.4rem,7vw,6rem);font-variant-numeric:tabular-nums}
.sv-pr-num span{font-size:1.06rem;color:var(--ink-2);max-width:24ch}
.sv-pr-ctx{color:var(--ink-2);max-width:68ch;margin:0}
.sv-pr-src{font-family:"IBM Plex Mono",ui-monospace,monospace;font-size:.74rem;color:var(--ink-3);margin:0}
.sv-spark{display:block;width:100%;height:auto;overflow:visible}
.sv-sp-base{stroke:var(--line-2);stroke-width:1}
.sv-sp-area{fill:color-mix(in oklab,var(--gold) 16%,transparent)}
.sv-sp-line{fill:none;stroke:var(--gold-deep);stroke-width:2;stroke-linejoin:round;stroke-linecap:round;stroke-dasharray:1400;stroke-dashoffset:0;transition:stroke-dashoffset 1400ms var(--ease-out)}
.sv-proof.rv:not(.on) .sv-sp-line{stroke-dashoffset:1400}
.sv-sp-end{fill:var(--gold);stroke:var(--paper);stroke-width:2}
.sv-sp-hit{fill:transparent}.sv-sp-dot{fill:var(--gold-deep);opacity:0;transition:opacity 150ms}
.sv-sp-pt:hover .sv-sp-dot{opacity:1}
.sv-sp-axis{display:flex;justify-content:space-between;font-family:"IBM Plex Mono",ui-monospace,monospace;font-size:.74rem;color:var(--ink-3);margin-top:6px}
.sv-pr-tbl summary{cursor:pointer;font-size:.84rem;color:var(--ink-3)}
.sv-pr-tbl table{margin-top:8px;border-collapse:collapse;font-size:.86rem}.sv-pr-tbl th,.sv-pr-tbl td{padding:4px 14px 4px 0;text-align:left;font-variant-numeric:tabular-nums}
.sv-pos{padding-bottom:4px}
.sv-pos-bar{position:relative;height:10px;border-radius:999px;background:linear-gradient(90deg,color-mix(in oklab,var(--gold) 40%,var(--paper-3)),var(--paper-3))}
.sv-pos-mark{position:absolute;top:50%;width:22px;height:22px;margin:-11px 0 0 -11px;border-radius:50%;background:var(--gold);border:3px solid var(--paper);box-shadow:0 0 0 1.5px var(--gold-deep),0 8px 18px -8px rgba(40,30,10,.5);
  transition:transform 900ms var(--ease-out)}
.sv-proof.rv:not(.on) .sv-pos-mark{transform:translateX(120px);opacity:0}
.sv-pos-ticks{position:relative;height:22px;margin-top:8px;font-family:"IBM Plex Mono",ui-monospace,monospace;font-size:.74rem;color:var(--ink-3)}
.sv-pos-ticks span{position:absolute;transform:translateX(-50%)}
.sv-pos-l{font-size:.8rem;color:var(--ink-3);margin:0}
@media (max-width:767px){.sv-pr-grid{grid-template-columns:1fr}}
@media (prefers-reduced-motion:reduce){.sv-sp-line,.sv-pos-mark{transition:none!important}.sv-proof.rv .sv-sp-line{stroke-dashoffset:0!important}.sv-proof.rv .sv-pos-mark{transform:none!important;opacity:1!important}}
/* javni primeri Google profila (owner dodatak 03) */
.sv-gbp{margin:0;display:flex;flex-direction:column;gap:12px;max-width:360px}
.sv-gbp img{display:block;width:100%;height:auto;border-radius:16px;border:1px solid var(--line-2);box-shadow:0 24px 54px -28px rgba(40,30,10,.38);background:#fff}
.sv-gbp--lista{max-width:420px}
.sv-ex-two{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:clamp(24px,4vw,56px);align-items:start;margin-top:clamp(16px,2vw,24px)}
.sv-ex-two .sv-gbp{justify-self:end;position:sticky;top:calc(var(--nav-h) + 24px)}
.article .sv-gbp{margin:clamp(24px,3vw,36px) auto;max-width:340px}
@media (max-width:1023px){.sv-ex-two{grid-template-columns:1fr}.sv-ex-two .sv-gbp{justify-self:start;position:static}}
/* verifikator ispravke */
.sv-lv i{min-height:1.1em;display:block}
.sv-shot-note{margin-top:14px}
.sv-shots{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,.62fr);gap:clamp(14px,2vw,24px);align-items:start;margin-top:clamp(20px,2.6vw,32px)}
.sv-shots figure{margin:0;display:flex;flex-direction:column;gap:10px}
.sv-shots img{display:block;width:100%;height:auto;border-radius:12px;border:1px solid var(--line);box-shadow:0 18px 44px -26px rgba(40,30,10,.35);background:var(--paper-3)}
.sv-shots figcaption{font-size:.9rem;color:var(--ink-2)}
.sv-sh-lead{grid-column:1/3;grid-row:1}
.sv-sh-phone{grid-column:3;grid-row:1/3}
.sv-sh-sm:nth-child(2){grid-column:1;grid-row:2}.sv-sh-sm:nth-child(3){grid-column:2;grid-row:2}
@media (max-width:767px){
  .sv-shots{grid-template-columns:1fr 1fr}.sv-sh-lead{grid-column:1/-1}.sv-sh-phone{grid-column:2;grid-row:auto}
  .sv-sh-sm:nth-child(2){grid-column:1/-1;grid-row:auto}.sv-sh-sm:nth-child(3){grid-column:1;grid-row:auto}
  /* skala: vodoravne trake na telefonu, bez preloma reči */
  .sv-scale-bars{grid-template-columns:1fr;height:auto;border-bottom:0;gap:10px}
  .sv-lv{height:auto}.sv-lv-in{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"name val" "bar bar";gap:4px 10px;padding:0}
  .sv-lv b{grid-area:name;font-size:.9rem;word-break:normal}.sv-v{grid-area:val;font-size:.8rem}.sv-lv i{display:none}
  .sv-bar{grid-area:bar;height:10px;min-height:0;width:var(--h);min-width:6%;border-radius:999px;transform-origin:left}
  .sv-scale.rv:not(.on) .sv-bar{transform:scaleX(.06)}
  .sv-nodes{display:grid;grid-template-columns:1fr 1fr;gap:8px}.sv-node{padding:10px 12px;font-size:.92rem}
  .sv-nt-head{display:grid;margin-left:110px;font-size:.66rem}.sv-nt-zone{padding:4px;letter-spacing:.02em}.sv-nt-zone .sv-i{display:none}
  .sv-nt-l{font-size:.86rem;gap:8px}.sv-nt-track{margin-left:6px}
}
/* verifikator 2 */
.sv-shots{grid-template-columns:minmax(0,1fr) minmax(0,.3fr);align-items:start}
.sv-sh-lead{grid-column:1;grid-row:1}.sv-sh-phone{grid-column:2;grid-row:1}
.sv-shot-note{text-align:left}
.sv-lv b{min-height:2.5em;display:flex;align-items:flex-end}
.hero .hero-copy{min-width:0}.hero .hero-copy a,.hero .hero-copy .lead{overflow-wrap:anywhere}
@media (max-width:767px){.hero .hero-copy .btn{white-space:normal;height:auto;min-height:48px;padding-block:10px;text-align:center;line-height:1.3}}
@media (max-width:767px){.sv-shots{grid-template-columns:1fr}.sv-sh-lead{grid-column:1}.sv-sh-phone{grid-column:1;grid-row:auto;max-width:220px;justify-self:center}.sv-lv b{min-height:0}}
/* verifikator 3: skala = fiksna staza, visina stuba = % staze (tačno srazmerno ceni), osnova zajednička */
.sv-scale-bars{height:auto;align-items:start}
.sv-lv{height:auto}.sv-lv-in{display:grid;grid-template-rows:clamp(170px,19vw,230px) auto auto auto;gap:6px;height:auto;padding:0 2px 10px}
.sv-bar-tr{position:relative;display:block;height:100%;border-bottom:1px solid var(--line-2)}
.sv-bar-tr .sv-bar{position:absolute;left:0;right:0;bottom:0;height:var(--h);min-height:6px}
.sv-lv b{min-height:2.5em;align-items:flex-start}
@media (max-width:767px){.sv-lv-in{display:grid;grid-template-rows:none;grid-template-areas:"name val" "bar bar"}.sv-bar-tr{grid-area:bar;height:10px;border:0;background:transparent}
  .sv-bar-tr .sv-bar{position:static;height:10px;width:var(--h);min-width:6%}}
@media (max-width:767px){.sv-scale .sv-lv b{min-height:0;align-items:center}.sv-scale .sv-lv-in{gap:4px 10px;padding:0}}