/* Vehicle Guard x VIOFO (vgx). Loads after vgv.css and vgr.css: same partner layout as Road Angel,
   re-skinned from Road Angel orange to VIOFO red (#E60012, from viofo.com). Site stays dark; red is an accent. */

.vgv.vgr.vgx{
	--gold:#ff3344;
	--gold-l:#ff6673;
	--gold-ink:#ffffff;
	--gold-grad:linear-gradient(135deg,#ff3a4a 0%,#e60012 55%,#b8000e 100%);
	--gold-tint:#e600121a;
	--gold-edge:#e6001257;
	--ra:#e60012;
}

/* Swap Road Angel's hard-coded orange tints for VIOFO red */
.vgx .vgv-btn--gold{box-shadow:0 6px 20px #e600123d}
.vgx .vgv-btn--gold:hover{box-shadow:0 12px 30px #e600125c}
.vgx .vgv-card-media{background:radial-gradient(70% 70% at 50% 45%,#e6001224,#0000 70%),linear-gradient(160deg,#1d2635,#0e131c)}
.vgx .vgv-phero{background:radial-gradient(60% 50% at 30% 30%,#e600121f,transparent 70%),radial-gradient(50% 60% at 90% 0%,#5a78b41a,transparent 70%),linear-gradient(180deg,#0b0e16 0%,var(--bg) 100%)}
.vgx .vgv-stage:before{background:radial-gradient(closest-side,#e600124d,#e6001212 60%,#0000)}
.vgx .vgv-tile{border-color:#e6001240}
.vgx .vgv-dl>.vgv-dl-price{background:#e6001210}
.vgx .vgv-final-card{background:radial-gradient(70% 100% at 50% 0%,#e6001229,transparent 70%),var(--card)}
.vgx .vgr-bhero-art:before{background:radial-gradient(closest-side,#e6001240,#e600120d 60%,#0000)}
.vgx .vg-crumbs a:hover,.vgx .vg-crumbs a:focus-visible{color:#ff6673}

/* Dash Cameras page band */
.vgx-band{background:radial-gradient(55% 70% at 100% 0%,#e6001222,transparent 65%),radial-gradient(40% 60% at 0% 100%,#e6001210,transparent 70%),linear-gradient(180deg,#0b0e16 0%,#0d111a 100%)}
.vgx-band .vgv-h2 em{color:#ff3344}

/* VIOFO wordmark: red on transparent, sits straight on the dark background */
.vgx-logo--text{display:inline-block;color:#e60012;font-weight:800;letter-spacing:.08em;font-size:22px}
.vgv.vgx img.vgx-band-vf{display:block;width:200px;height:auto;max-width:none;filter:drop-shadow(0 10px 30px #e6001240)}
@media (max-width:599px){.vgv.vgx img.vgx-band-vf{width:150px}}
.vgv.vgx img.vgx-lock-vf{display:block;height:22px;width:auto;max-width:none}
.vgv.vgx img.vgx-p-vf{display:block;height:22px;width:auto;max-width:none;flex:none}
@media (max-width:420px){.vgv.vgx img.vgx-lock-vf{height:18px}}