/* VitiAuto Fiji buying tools (12 Nov 2026) */
/* Hero: the photo is mirrored so the SUV is right-hand drive; the copy sits right, clear of the car. */
@media (min-width: 761px){
  body.viti-landing .hero-banner{justify-content:flex-end!important}
  body.viti-landing .hero-banner::after{background:linear-gradient(270deg,rgba(240,246,241,.96) 0%,rgba(240,246,241,.863) 36%,rgba(240,246,241,.333) 58%,transparent 80%)!important}
}

.quick-filters{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:8px;margin:12px 0 4px}
.quick-filters .chip{min-height:40px;padding:8px 14px;border-radius:999px;border:1px solid var(--line);background:#fff;color:var(--ink);font:inherit;font-size:.88rem;font-weight:700;cursor:pointer}
.quick-filters .chip[aria-pressed="true"]{background:var(--teal);border-color:var(--teal);color:#fff}
.quick-filters .chip:focus-visible{outline:3px solid #5fb7ff;outline-offset:2px}

.b-trust{background:#e7f6ee;color:#0c5d35}
.b-sala{background:#e6f0fb;color:#14467a}

.sample-banner{margin:0 0 14px;padding:12px 14px;border-radius:12px;background:#fff8e6;border:1px solid #f0dca8;color:#5b4300;font-size:.92rem;line-height:1.5}
.grid.all-demo .image-caption{display:none}

.btn.viber{background:#7360f2;color:#fff;border-color:#7360f2}
.btn.viber:hover{background:#5c4bd6}

.sala-check{margin:16px 0;padding:14px;border:1px solid var(--line);border-radius:12px;background:#f8fbfd}
.sala-check h3{margin:0 0 4px}
.sala-check p{margin:0 0 10px}
.sala-row{display:flex;gap:8px;flex-wrap:wrap}
.sala-row input{flex:1 1 180px;min-height:44px;text-transform:uppercase}
.sala-result{margin:10px 0 0;padding:12px;border-radius:10px;border-left:5px solid var(--warn);background:#fff}
.sala-result.green{border-left-color:var(--good)}
.sala-result.red{border-left-color:var(--bad)}
.sala-result dl{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:8px;margin:10px 0}
.sala-result dt{font-size:.75rem;color:var(--muted);font-weight:700}
.sala-result dd{margin:0;font-weight:600}

.landed-out{margin-top:12px}
.landed-out table{width:100%;border-collapse:collapse;font-size:.92rem}
.landed-out td{padding:6px 4px;border-bottom:1px solid var(--line)}
.landed-out td:last-child{text-align:right;font-variant-numeric:tabular-nums}
.landed-out tr.total td{font-weight:800;border-bottom:0;font-size:1.05rem}
