/* stranica pojedinog vozila – dodatak uz site.css + sub.css */
.phero.compact{padding:34px 0 38px}
.phero.compact h1{font-size:clamp(1.7rem,4.6vw,2.7rem);margin:.5rem 0 .9rem}
.vpills{display:flex;gap:.5rem;flex-wrap:wrap}
.vpills span{background:rgba(255,255,255,.08);border:1px solid var(--line);border-radius:999px;padding:.35rem .9rem;font-size:.9rem;color:#e8e8ec}
.vmain{display:grid;gap:28px;grid-template-columns:minmax(0,1fr);align-items:start}
@media(min-width:1000px){.vmain{grid-template-columns:minmax(0,1.45fr) minmax(0,1fr)}}
.vgal{background:#fff;border-radius:var(--r);box-shadow:var(--sh);overflow:hidden;border:1px solid rgba(0,0,0,.05)}
.vgal .big{position:relative;aspect-ratio:4/3;background:#151517;cursor:zoom-in}
.vgal .big img{width:100%;height:100%;object-fit:contain;display:block}
.vgal .nav{position:absolute;top:50%;transform:translateY(-50%);width:44px;height:44px;border-radius:50%;border:0;background:rgba(12,12,13,.78);color:var(--gold-2);font-size:1.4rem;cursor:pointer;display:grid;place-items:center}
.vgal .nav:hover{background:var(--black)}
.vgal .prev{left:10px}.vgal .next{right:10px}
.vgal .cnt{position:absolute;right:12px;bottom:12px;background:rgba(12,12,13,.85);color:#fff;font-size:.8rem;font-weight:700;padding:.25rem .7rem;border-radius:999px}
.vgal .wbadge{left:12px;bottom:12px;top:auto}
.vthumbs{display:flex;gap:8px;overflow-x:auto;padding:10px;scrollbar-width:thin}
.vthumbs button{flex:none;width:92px;height:60px;padding:0;border:2px solid transparent;border-radius:10px;overflow:hidden;cursor:pointer;background:#222;opacity:.75}
.vthumbs button.on{border-color:var(--gold);opacity:1}
.vthumbs img{width:100%;height:100%;object-fit:cover;display:block}
.vbuy{background:var(--black);color:#fff;border-radius:var(--r);padding:1.7rem;box-shadow:var(--sh-l);display:grid;gap:1.1rem}
@media(min-width:1000px){.vbuy{position:sticky;top:96px}}
.vbuy .vprice{font-size:clamp(2.1rem,5vw,2.8rem);font-weight:800;letter-spacing:-.03em;color:var(--gold-2);line-height:1}
.vbuy .vprice small{display:block;font-size:.8rem;font-weight:600;color:var(--muted-d);letter-spacing:0;margin-top:.4rem}
.vbuy .gb{display:inline-block;background:linear-gradient(135deg,var(--gold-2),var(--gold));color:#111;font-weight:800;font-size:.78rem;letter-spacing:.04em;text-transform:uppercase;padding:.4rem .85rem;border-radius:999px;justify-self:start}
.vbuy .gb.ev{background:#e9f6f0;color:#14694a}
.vbuy .vq{display:grid;gap:.55rem;font-size:.95rem;color:#d6d6dc}
.vbuy .vq div{display:flex;gap:.55rem;align-items:flex-start}
.vbuy .vq svg{flex:none;width:20px;height:20px;color:var(--gold-2);margin-top:.12rem}
.vbuy .acts{display:grid;gap:.7rem}
.vbuy .acts .btn{width:100%;justify-content:center}
.vbuy .calclink{color:var(--gold-2);font-weight:700;text-align:center;font-size:.95rem}
.vspecs{display:grid;gap:12px;grid-template-columns:1fr 1fr}
@media(min-width:760px){.vspecs{grid-template-columns:repeat(4,1fr)}}
.vspecs div{background:#fff;border-radius:var(--r-s);padding:1rem 1.1rem;box-shadow:var(--sh);border:1px solid rgba(0,0,0,.05)}
.vspecs small{display:block;color:var(--muted);font-size:.74rem;text-transform:uppercase;letter-spacing:.09em;font-weight:700}
.vspecs b{display:block;margin-top:.25rem;font-size:1.05rem}
.vcols{display:grid;gap:22px;grid-template-columns:minmax(0,1fr)}
@media(min-width:900px){.vcols{grid-template-columns:repeat(2,minmax(0,1fr))}}
.vcols .card h3{font-size:1.25rem}
.vlist{list-style:none;display:grid;gap:.5rem;margin-top:1rem}
.vlist li{display:flex;gap:.6rem}
.vlist li::before{content:"";flex:none;width:8px;height:8px;margin-top:.55rem;border-radius:50%;background:var(--gold)}
.vhl{display:flex;gap:.45rem;flex-wrap:wrap;margin:1rem 0 .4rem}
.vhl span{background:var(--black);color:var(--gold-2);font-weight:700;font-size:.82rem;padding:.35rem .8rem;border-radius:999px}
.veq{columns:1;column-gap:2rem;list-style:none;margin-top:.8rem}
@media(min-width:640px){.veq{columns:2}}
.veq li{break-inside:avoid;padding:.28rem 0 .28rem 1.3rem;position:relative;font-size:.95rem;color:#3a3a40}
.veq li::before{content:"✓";position:absolute;left:0;color:var(--gold-d);font-weight:800}
.vsim{display:grid;gap:22px;grid-template-columns:minmax(0,1fr)}
@media(min-width:760px){.vsim{grid-template-columns:repeat(3,minmax(0,1fr))}}
.lb{position:fixed;inset:0;z-index:200;background:rgba(0,0,0,.92);display:none;align-items:center;justify-content:center}
.lb.open{display:flex}
.lb img{max-width:94vw;max-height:88vh;object-fit:contain}
.lb button{position:absolute;border:0;background:rgba(255,255,255,.12);color:#fff;width:48px;height:48px;border-radius:50%;font-size:1.5rem;cursor:pointer}
.lb .x{top:16px;right:16px}.lb .p{left:14px;top:50%}.lb .n{right:14px;top:50%}
.vcalc{display:grid;gap:2rem;align-items:start}
@media(min-width:900px){.vcalc{grid-template-columns:1fr 1fr}}
.card ul.veq{display:block;margin:.8rem 0 0;columns:1}
@media(min-width:640px){.card ul.veq{columns:2}}
@media(min-width:1000px){.card ul.veq{columns:3}}
.card .veq li{display:block;padding:.28rem 0 .28rem 1.4rem;position:relative}
.card .veq li::before{content:"✓";position:absolute;left:0;top:.28rem;width:auto;height:auto;margin:0;border-radius:0;background:none;color:var(--gold-d);font-weight:800}

.vgal .wbadge.rx{bottom:56px}
.vbuy .gb.rx{background:transparent;color:var(--gold-2);border:1.5px solid var(--gold);border-radius:12px;text-transform:none;letter-spacing:0;line-height:1.3}

.vstd{border-left:5px solid var(--gold)}.vstd h3{margin-bottom:.2rem}

/* istaknuti blok: ključevi, servisna knjiga, servisi, digitalni zapis (zelene kvačice) */
.vkey{margin-top:1.3rem;display:grid;gap:.65rem;padding:1.1rem 1.2rem;background:#f0faf4;border:1px solid #bfe3cd;border-radius:14px}
.vkey div{display:flex;gap:.75rem;align-items:flex-start;font-weight:700;color:#14301f;line-height:1.35}
.vkey i{flex:none;display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:#1f9d55;color:#fff;font-style:normal;font-size:.85rem;font-weight:900;line-height:1;margin-top:.05rem;box-shadow:0 2px 6px -2px rgba(31,157,85,.7)}
/* G1 klub logo uz jamstvo */
.vbuy .g1row{display:flex;align-items:center;gap:.75rem;padding:.5rem .8rem .5rem .55rem;border:1px solid rgba(255,255,255,.16);border-radius:14px;font-size:.8rem;line-height:1.25;color:#cfcfd6;justify-self:start}
.vbuy .g1row:hover{border-color:var(--gold)}
.vbuy .g1row img{display:block;height:44px;width:auto}
.vbuy .g1row b{display:block;color:#fff;font-size:1rem;font-weight:800}