/* Review 5 (26 Oct 2026): Vauxhall lettering, Vivaro photo strip and the "Every Vauxhall Vivaro" grid.
   Motion uses transform/opacity only and stops for reduced motion. */
.vvo-r5-lock{display:inline-flex;flex-direction:column;line-height:1;gap:3px}
.vvo-r5-lock small{font:800 .7rem/1 var(--f);letter-spacing:.3em;text-transform:uppercase;color:var(--green)}
.vvo-logo--light .vvo-r5-lock small{color:var(--lime)}
.vvo-r5-make{display:inline-block;color:#fff;font-weight:800;text-transform:uppercase;letter-spacing:.08em;padding:0 .18em;background:var(--green-dd);box-shadow:inset 0 -.12em 0 var(--lime)}
.vvo-r5-gens{display:flex;flex-wrap:wrap;gap:8px;margin:.4em 0 .6em}
.vvo-r5-gens span{padding:7px 12px;border:2px solid var(--lime);border-radius:var(--r);color:#fff;font:700 .84rem/1.2 var(--f)}

.vvo-r5mq{background:var(--green-dd);color:#fff;padding:20px 0;overflow:hidden;border-top:6px solid var(--lime)}
.vvo-r5mq__vp{overflow-x:auto;scrollbar-width:none}
.vvo-r5mq__vp::-webkit-scrollbar{display:none}
.vvo-r5mq__track{display:flex;gap:12px;margin:0;padding:0 16px;list-style:none;width:max-content}
.vvo-r5mq__track li{flex:0 0 320px}
.vvo-r5mq__track figure{margin:0;position:relative}
.vvo-r5mq__img{width:320px;height:200px;object-fit:cover;background:linear-gradient(160deg,#0f6b4b,#073626 60%,#b7e34b)}
.vvo-r5mq figcaption{padding:8px 2px 0;font:500 .84rem/1.35 var(--f);color:var(--mint)}
.vvo-r5mq figcaption b{color:var(--lime);margin-right:4px}
.vvo-r5mqcr{display:block;color:#9ec8b3!important;font-size:.72rem;text-decoration:none}
.vvo-r5mqcr:hover{text-decoration:underline}
@media (prefers-reduced-motion:no-preference){
  .vvo-r5mq__vp{overflow:hidden}
  .vvo-r5mq__track{animation:vvoR5mq 64s linear infinite}
  .vvo-r5mq:hover .vvo-r5mq__track,.vvo-r5mq:focus-within .vvo-r5mq__track{animation-play-state:paused}
}
@media (prefers-reduced-motion:reduce){.vvo-r5mq__dup{display:none}}
@keyframes vvoR5mq{from{transform:translateX(-50%)}to{transform:translateX(0)}}

.vvo-r5g{background:var(--green);color:#fff;padding:clamp(56px,8vw,110px) 0;position:relative;overflow:hidden}
.vvo-r5g::before{content:"VIVARO";position:absolute;right:-.06em;top:.1em;font:800 clamp(6rem,22vw,20rem)/.8 var(--f);letter-spacing:-.05em;color:rgba(255,255,255,.05);pointer-events:none}
.vvo-r5g__in{position:relative;max-width:1240px;margin:0 auto;padding:0 32px}
.vvo-r5g__head{max-width:880px;margin-bottom:24px}
.vvo-r5g__kick{margin:0 0 10px;color:var(--lime);font:800 .8rem/1 var(--f);letter-spacing:.2em;text-transform:uppercase}
.vvo-r5g__head h2{font:800 clamp(2.2rem,5.6vw,4.6rem)/.98 var(--f);letter-spacing:-.035em;margin:0 0 .3em;color:#fff}
.vvo-r5g__head h2 span{color:var(--lime)}
.vvo-r5g__intro{font-size:1.1rem;color:var(--mint)}
.vvo-r5g__count{font:700 .95rem/1 var(--f);color:var(--mint)}
.vvo-r5g__count b{font-size:2.6rem;color:var(--lime);margin-right:6px;vertical-align:-.2em}
.vvo-r5g__chips{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 28px}
.vvo-r5chip{min-height:44px;padding:10px 18px;border-radius:var(--r);border:2px solid var(--lime);background:transparent;color:#fff;font:700 .95rem/1 var(--f);cursor:pointer;transition:transform .2s}
.vvo-r5chip span{opacity:.7;margin-left:4px}
.vvo-r5chip[aria-pressed="true"]{background:var(--lime);color:var(--ink)}
.vvo-r5chip:hover{transform:translateY(-2px)}
.vvo-r5g__era{margin:32px 0 14px;font:800 clamp(1.2rem,2.4vw,1.7rem)/1.1 var(--f);color:#fff;display:flex;gap:12px;align-items:center}
.vvo-r5g__era::before{content:"";width:28px;height:8px;background:var(--lime)}
.vvo-r5g__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,330px),1fr));gap:20px;margin:0;padding:0;list-style:none}
.vvo-r5card[hidden]{display:none}
.vvo-r5card figure{margin:0;height:100%;display:flex;flex-direction:column;background:#fff;color:var(--ink);border-bottom:6px solid var(--lime);transition:transform .35s ease}
.vvo-r5card figure:hover{transform:translateY(-6px) rotate(-.4deg)}
.vvo-r5card__ph{position:relative;aspect-ratio:3/2;overflow:hidden;background:linear-gradient(160deg,#0a4a34,#073626 55%,#9ccb2c)}
.vvo-r5card__img{width:100%;height:100%;object-fit:cover;transition:transform .8s ease}
.vvo-r5card figure:hover .vvo-r5card__img{transform:scale(1.06)}
.vvo-r5card__yr{position:absolute;right:0;top:0;padding:8px 12px;background:var(--lime);color:var(--ink);font:800 1.4rem/1 var(--f)}
.vvo-r5card figcaption{padding:16px 18px 18px;display:flex;flex-direction:column;gap:3px}
.vvo-r5card__make{font:800 .74rem/1 var(--f);letter-spacing:.24em;text-transform:uppercase;color:var(--green)}
.vvo-r5card__name{font:800 1.4rem/1.15 var(--f)}
.vvo-r5card__meta{color:var(--muted);font-size:.9rem}
.vvo-r5cr{margin-top:6px;color:var(--muted)!important;font-size:.74rem;text-decoration:none}
.vvo-r5cr:hover{text-decoration:underline}
.vvo-r5g__foot{margin-top:32px;font:700 1.1rem/1.4 var(--f)}
.vvo-r5g__foot a{color:var(--lime)}
@media (max-width:600px){.vvo-r5g__in{padding:0 16px}.vvo-r5mq__track li{flex-basis:250px}.vvo-r5mq__img{width:250px;height:156px}}
@media (max-width:440px){.vvo-logo .vvo-logo__mark{width:32px;height:32px}}
.vvo-hero__side .vvo-r5-gens{margin:5.4vw 0 14px}
@media (max-width:900px){.vvo-hero__side .vvo-r5-gens{margin-top:0}}
@media (max-width:440px){.vvo-logo .vvo-logo__mark{display:none}.vvo-r5-lock small{font-size:.62rem}}
main .vvo-r5g .vvo-r5g__head h2{text-decoration:none}