/* B3: traka usluga, brendovi koji prolaze, stranica O nama */

/* traka pored "Sve kategorije": usluge kao dugmad (toner zeleno, servis ljubičasto) */
.vb-strip .vd-quick:has(.vb-q-svc){gap:8px;padding-left:10px;align-items:center}
.vd-quick a.vb-q-svc{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border:1px solid #ddd5fb;border-radius:999px;background:var(--brand-tint);color:var(--brand);font-weight:600;transition:background .15s ease,border-color .15s ease,color .15s ease}
.vd-quick a.vb-q-svc svg{width:18px;height:18px;flex:0 0 auto;color:currentColor}
.vd-quick a.vb-q-svc:hover{background:#e4dcfd;border-color:#c9bcf8;color:var(--brand)}
.vd-quick a.vb-q-green{border-color:#bfe3cd;background:#e6f4ec;color:#1d6a43}
.vd-quick a.vb-q-green:hover{background:#d3ecdd;border-color:#9fd3b4;color:#16532f}
.vb-strip .vd-quick a.vb-q-svc.is-current{background:var(--brand);border-color:var(--brand);color:#fff}
.vb-strip .vd-quick a.vb-q-green.is-current{background:#1d6a43;border-color:#1d6a43;color:#fff}

/* brendovi: neprekidna traka */
.vb-brands.vb-marquee{padding:8px 0;overflow:hidden}
.vb-marquee-view{overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 64px,#000 calc(100% - 64px),transparent);mask-image:linear-gradient(90deg,transparent 0,#000 64px,#000 calc(100% - 64px),transparent)}
.vb-marquee-track{display:flex;width:max-content;margin:0;padding:0;list-style:none;animation:vb-marquee var(--vb-mq-time,40s) linear infinite}
.vb-marquee-track li{flex:0 0 150px;height:84px;display:grid;place-items:center;border-right:1px solid var(--line)}
.vb-marquee-track a{display:grid;place-items:center;width:100%;height:100%}
.vb-marquee-track img{width:96px;height:32px;object-fit:contain;filter:grayscale(1);opacity:.72;transition:filter .15s ease,opacity .15s ease}
.vb-marquee-track a:hover img,.vb-marquee-track a:focus-visible img{filter:none;opacity:1}
.vb-marquee:hover .vb-marquee-track,.vb-marquee:focus-within .vb-marquee-track{animation-play-state:paused}
@keyframes vb-marquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@media (max-width:640px){.vb-marquee-track li{flex-basis:120px;height:72px}}
@media (prefers-reduced-motion:reduce){
    .vb-marquee-track{animation:none}
    .vb-marquee-view{overflow-x:auto;scrollbar-width:none}
    .vb-mq-dup{display:none}
}

/* O nama */
.vb-about-hero{display:grid;grid-template-columns:1.05fr .95fr;gap:0;overflow:hidden;margin:6px 0 18px;border-radius:var(--r-lg);background:radial-gradient(120% 140% at 90% 0,#3b2a8f 0,#231a57 45%,#16142e 85%);color:#fff}
.vb-about-copy{padding:44px 48px;display:flex;flex-direction:column;gap:14px;justify-content:center}
.vb-about-copy h1{margin:0;color:#fff;font-size:clamp(30px,3.4vw,44px);line-height:1.08;letter-spacing:-.02em}
.vb-about-lead{color:#e4defc;font-size:17px;line-height:1.6}
.vb-about-lead p{margin:0 0 10px}
.vb-about-lead strong{color:#fff}
.vb-about-cta{display:flex;flex-wrap:wrap;gap:10px;margin-top:6px}
.vb-about-cta .vd-btn{background:#fff;color:var(--ink,#1b1830);border-color:#fff}
.vb-about-cta .vd-btn--ghost{background:transparent;color:#fff;border:1px solid rgba(255,255,255,.4);display:inline-flex;align-items:center;gap:8px}
.vb-about-cta .vd-btn--ghost svg{width:18px;height:18px}
.vb-about-photo{margin:0;min-height:340px;position:relative}
.vb-about-photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.vb-about-photo.is-empty{display:grid;place-items:center;padding:28px}
.vb-about-ph{display:flex;flex-direction:column;align-items:center;gap:6px;width:100%;max-width:340px;padding:34px 24px;border:1px dashed rgba(255,255,255,.35);border-radius:var(--r-lg);background:rgba(255,255,255,.06);text-align:center;color:#e4defc}
.vb-about-ph img{position:static;width:180px;height:auto;margin-bottom:10px;padding:10px 14px;border-radius:12px;background:#fff}
.vb-about-ph b{color:#fff}
.vb-about-facts{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:0 0 22px;padding:0;list-style:none}
.vb-about-facts li{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;column-gap:12px;align-items:center;padding:16px 18px;border:1px solid var(--line);border-radius:var(--r-lg);background:var(--paper)}
.vb-about-facts .vb-ico{grid-row:1/3;width:40px;height:40px;display:grid;place-items:center;border-radius:12px;background:var(--brand-tint);color:var(--brand)}
.vb-about-facts .vb-ico svg{width:22px;height:22px}
.vb-about-facts li:last-child .vb-ico{background:#e6f4ec;color:#1d6a43}
.vb-about-facts b{font-size:16px}
.vb-about-facts span:not(.vb-ico){color:var(--muted);font-size:var(--fs-sm)}
.vb-about-card dl{display:grid;grid-template-columns:auto 1fr;gap:6px 12px;margin:10px 0 12px;font-size:var(--fs-sm)}
.vb-about-card dt{color:var(--muted)}
.vb-about-card dd{margin:0}
@media (max-width:980px){
    .vb-about-hero{grid-template-columns:1fr}
    .vb-about-photo{min-height:240px;order:-1}
    .vb-about-copy{padding:28px 22px}
    .vb-about-facts{grid-template-columns:1fr 1fr}
}
@media (max-width:520px){.vb-about-facts{grid-template-columns:1fr}}

.vb-about-photo iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.vb-iso{display:grid;grid-template-columns:auto 1fr;gap:24px;align-items:start;margin-top:28px;padding:24px;border:1px solid #cfe7d9;border-radius:var(--r-lg);background:#f3faf6}
.vb-iso img{width:150px;height:auto;padding:10px;border-radius:12px;background:#fff}
.vb-iso h2{margin:0 0 8px!important;font-size:20px}
.vb-iso p{margin:0 0 10px}
.vb-iso-scope{color:var(--muted);font-size:var(--fs-sm)}
.vb-iso-scope span{color:var(--text);font-weight:600}
.vb-iso-links{display:flex;flex-wrap:wrap;gap:8px;margin-top:4px}
.vb-iso-links a{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border:1px solid #bfe3cd;border-radius:999px;background:#fff;color:#1d6a43;font-weight:600;font-size:var(--fs-sm);text-decoration:none}
.vb-iso-links a:hover{background:#e6f4ec}
.vb-iso-links svg{width:16px;height:16px}
@media (max-width:640px){.vb-iso{grid-template-columns:1fr}.vb-iso img{width:120px}}