/* Vehicle Guard x Road Angel (vgr). Re-skins the Vision component (vgv.css) in Road Angel orange
   and adds the partner-only parts: band, brand hero, lockup, kit list, booking terms. */

.vgv.vgr{
	--gold:#ff7a1a;
	--gold-l:#ff9447;
	--gold-ink:#1a0b00;
	--gold-grad:linear-gradient(135deg,#ff9447 0%,#ff6b00 52%,#e05500 100%);
	--gold-tint:#ff6b001a;
	--gold-edge:#ff6b0057;
	--ra:#ff6b00;
}

/* Hard-coded gold in vgv.css, swapped for orange */
.vgr .vgv-btn--gold{box-shadow:0 6px 20px #ff6b003d}
.vgr .vgv-btn--gold:hover{box-shadow:0 12px 30px #ff6b005c}
.vgr .vgv-card-media{background:radial-gradient(70% 70% at 50% 45%,#ff6b0024,#0000 70%),linear-gradient(160deg,#1d2635,#0e131c)}
.vgr .vgv-phero{background:radial-gradient(60% 50% at 30% 30%,#ff6b001f,transparent 70%),radial-gradient(50% 60% at 90% 0%,#5a78b41a,transparent 70%),linear-gradient(180deg,#0b0e16 0%,var(--bg) 100%)}
.vgr .vgv-stage:before{background:radial-gradient(closest-side,#ff6b004d,#ff6b0012 60%,#0000)}
.vgr .vgv-tile{border-color:#ff6b0040}
.vgr .vgv-dl>.vgv-dl-price{background:#ff6b0010}
.vgr .vgv-final-card{background:radial-gradient(70% 100% at 50% 0%,#ff6b0029,transparent 70%),var(--card)}

/* Lockup: Vehicle Guard x Road Angel */
.vgr-lock{display:flex;align-items:center;gap:14px;margin-bottom:18px;flex-wrap:wrap}
.vgr-lock-a{display:inline-flex;align-items:center;gap:8px;color:var(--ink);font-weight:800;font-size:15px;letter-spacing:-.01em}
.vgr-lock-vg{width:30px;height:30px;object-fit:contain}
.vgr-lock-x{color:var(--muted);font-size:20px;line-height:1}
.vgr-lock-ra{display:block;height:44px;width:auto;border-radius:8px}
.vgr-logo--text{display:inline-block;background:var(--ra);color:#fff;font-weight:600;letter-spacing:.06em;padding:8px 12px;border-radius:8px}

/* Product hero: small Road Angel mark above the name */
.vgr-p-brand{display:flex;align-items:center;gap:12px}
.vgr-p-ra{height:30px;width:auto;border-radius:6px;display:block}
.vgr-lead-note{display:flex;gap:8px;align-items:flex-start;margin-top:14px;font-size:14px;color:var(--muted);line-height:1.5}
.vgr-lead-note .vgv-ic{width:18px;height:18px;color:var(--gold);flex:none;margin-top:1px}
.vgr-lead-note a{color:var(--gold-l);text-decoration:underline;text-underline-offset:3px}

/* Breadcrumb on the brand page */
.vgr-crumb{display:flex;align-items:center;gap:6px;font-size:14px;color:var(--muted);margin-bottom:22px}
.vgr-crumb a{color:var(--body);text-decoration:none}
.vgr-crumb a:hover{color:var(--gold-l)}
.vgr-crumb .vgv-ic{width:14px;height:14px;transform:rotate(-90deg)}

/* Brand hero */
.vgr-bhero-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:28px;align-items:center}
.vgr-bhero .vgv-h1 span{display:block;color:var(--gold)}
.vgr-bhero .vgv-lead{margin-top:16px;max-width:58ch}
.vgr-bhero .vgv-actions{margin-top:24px}
.vgr-bhero-art{position:relative;aspect-ratio:5/4;max-width:560px;width:100%;margin:0 auto}
.vgr-bhero-art:before{content:"";position:absolute;inset:8% 6%;border-radius:50%;background:radial-gradient(closest-side,#ff6b0047,#ff6b0010 60%,#0000);filter:blur(8px)}
.vgr-bhero-cam{position:absolute;display:block}
.vgr-bhero-cam img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 24px 30px #0000008c)}
.vgr-bhero-cam--0{inset:-4% 24% 20% -2%}
.vgr-bhero-cam--1{inset:40% -4% -2% 14%;z-index:1}
@media (min-width:900px){
	.vgr-bhero-grid{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:48px}
}

/* Why Road Angel: 2 x 2 */
@media (min-width:600px){ .vgr .vgr-why{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:32px} }
.vgr-more-link{margin-top:22px}
.vgr-official .vgv-ic{width:16px;height:16px}

/* Card grid: four Road Angel cameras */
.vgr .vgr-cards{display:grid;grid-template-columns:minmax(0,1fr);gap:14px;margin-top:26px}
@media (min-width:600px){
	.vgr .vgr-cards{grid-template-columns:repeat(2,minmax(0,1fr))}
	.vgr .vgr-card .vgv-card-a{grid-template-columns:minmax(0,1fr);gap:0;padding:0;overflow:hidden}
	.vgr .vgr-card .vgv-card-media{aspect-ratio:4/3;border-bottom:1px solid var(--line);border-radius:0}
}
@media (min-width:1024px){ .vgr .vgr-cards{grid-template-columns:repeat(4,minmax(0,1fr))} }
.vgr .vgr-cards .vgr-card:only-child{grid-column:1/-1}

/* Kit: what is included */
.vgr-kit{display:grid;grid-template-columns:minmax(0,1fr);gap:28px;align-items:start}
@media (min-width:900px){ .vgr-kit{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:56px} }
.vgr-kit-cmp{margin-top:18px}
.vgr-kit-list{list-style:none;margin:0;padding:0;border:1px solid var(--line);border-radius:var(--r);background:var(--card);overflow:hidden}
.vgr-kit-list li{display:flex;gap:14px;align-items:center;padding:16px 20px;color:var(--ink);font-weight:600;font-size:15.5px;line-height:1.45}
.vgr-kit-list li+li{border-top:1px solid var(--line)}
.vgr-kit-list .vgv-ic{width:22px;height:22px;color:var(--gold);flex:none}

/* Booking terms */
.vgr-terms-list{list-style:none;margin:28px 0 0;padding:0;display:grid;grid-template-columns:minmax(0,1fr);gap:14px}
@media (min-width:900px){ .vgr-terms-list{grid-template-columns:repeat(3,minmax(0,1fr))} }
.vgr-terms-list li{display:flex;gap:14px;padding:22px;border:1px solid var(--line);border-radius:var(--r);background:var(--card)}
.vgr-terms-list p{margin:6px 0 0;font-size:15px}

/* Dash Cameras page band */
.vgr--band{background:transparent}
.vgr-band{position:relative;isolation:isolate;padding:max(56px,min(8vw,96px)) 0;background:linear-gradient(135deg,#ff7d1f 0%,#ff6b00 45%,#d95200 100%);color:#1a0b00;overflow:hidden}
.vgr-band:before{content:"";position:absolute;inset:-20% 40% -20% -10%;background:#ffffff0f;transform:skewX(-18deg);z-index:-1}
.vgr-band-head{display:grid;grid-template-columns:minmax(0,1fr);gap:22px;align-items:center}
@media (min-width:900px){ .vgr-band-head{grid-template-columns:minmax(0,1fr) auto;gap:48px} }
.vgr-tag{display:inline-block;background:#00000024;color:#1a0b00;border-radius:999px;padding:5px 12px;font-size:12.5px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}
.vgr-band .vgv-h2{color:#140800}
.vgr-band .vgv-h2 span{display:block;font-size:.62em;font-weight:600;margin-top:6px;color:#2b1200}
.vgr-band .vgv-sub{color:#2b1200}
.vgr-band-ra{display:block;width:180px;height:auto;border-radius:12px;box-shadow:0 0 0 2px #ffffff40,0 18px 40px #0000002e}
.vgr-band .vgv-card-a{background:#0d111a;border-color:#0d111a}
.vgr-band .vgv-card-a:hover{border-color:#1a0b00;box-shadow:0 18px 48px #0000004d}
.vgr-band-foot{display:flex;flex-wrap:wrap;align-items:center;gap:14px 24px;margin-top:28px}
.vgr .vgr-btn-ink{background:#140800;color:#fff;box-shadow:0 8px 24px #00000033}
.vgr .vgr-btn-ink:hover{background:#2a1200;color:#fff;transform:translateY(-2px)}
.vgr .vgr-btn-ink .vgv-ic{width:18px;height:18px}
.vgr-band-note{display:flex;align-items:center;gap:8px;margin:0;font-size:14.5px;font-weight:600;color:#2b1200}
.vgr-band-note .vgv-ic{width:18px;height:18px}

@media (prefers-reduced-motion:reduce){ .vgr .vgr-btn-ink:hover{transform:none} }

/* Logo sizing: beats theme img rules (height:auto / max-width) */
.vgv.vgr img.vgr-lock-ra{height:38px;width:auto;max-width:none;border-radius:8px}
.vgv.vgr img.vgr-lock-vg{width:30px;height:30px;max-width:none}
.vgv.vgr img.vgr-p-ra{height:30px;width:auto;max-width:none;border-radius:6px;flex:none}
.vgv.vgr img.vgr-band-ra{width:180px;height:auto;max-width:none}
@media (max-width:599px){.vgv.vgr img.vgr-band-ra{width:140px}}
.vgr-p-brand{flex-wrap:wrap;gap:10px 14px;margin-bottom:6px}
.vgr-p-brand .vgv-eyebrow{margin:0}

/* Three cards (other cameras on a product page): three columns, no gap */
@media (min-width:1024px){ .vgr .vgr-cards--3{grid-template-columns:repeat(3,minmax(0,1fr))} }
/* Badge wraps under the spec line instead of squeezing it */
.vgr .vgr-card .vgv-card-top{flex-wrap:wrap;align-items:center;gap:6px 8px}
.vgr .vgr-card .vgv-pill{white-space:nowrap}

.vgr-bhero .vgv-h1{font-size:max(40px,min(6.2vw,60px))}
.vgr-bhero-art{aspect-ratio:1/1;max-width:520px}

/* Logo tile on the orange band: dark backing so orange-on-orange reads */
.vgr-band-logo{background:#140800;padding:10px;border-radius:18px;box-shadow:0 18px 40px #00000033;justify-self:start}
@media (min-width:900px){.vgr-band-logo{justify-self:end}}
.vgv.vgr img.vgr-band-ra{box-shadow:none;border-radius:10px}

/* ===== Band v2 (Oct 2026): site-dark section, Road Angel orange as accent only ===== */
.vgr-band{background:radial-gradient(55% 70% at 100% 0%,#ff6b0024,transparent 65%),radial-gradient(40% 60% at 0% 100%,#ff6b0012,transparent 70%),linear-gradient(180deg,#0b0e16 0%,#0d111a 100%);color:var(--body);border-block:1px solid var(--line)}
.vgr-band:before{inset:0 0 auto 0;height:3px;background:var(--gold-grad);transform:none;z-index:0}
.vgr-band .vgv-h2{color:var(--ink)}
.vgr-band .vgv-h2 em{font-style:normal;color:var(--gold)}
.vgr-band .vgv-h2 span{color:var(--body);font-weight:600}
.vgr-band .vgv-sub{color:var(--body)}
.vgr-band .vgv-card-a{background:var(--card);border-color:var(--line)}
.vgr-band .vgv-card-a:hover{border-color:var(--gold-edge);box-shadow:0 18px 48px #00000061}
.vgr-band-logo{background:none;padding:0;box-shadow:none}
.vgv.vgr img.vgr-band-ra{border-radius:14px;box-shadow:0 18px 44px #ff6b0038}
.vgr-band-foot{gap:14px 28px}
.vgr-band-assure{margin-top:0}

/* ===== Oct 2026 round 3 ===== */
/* Lockup: one balanced pill, both marks the same visual height */
.vgr-lock{display:inline-flex;align-items:center;gap:14px;padding:8px 16px 8px 10px;border:1px solid var(--line);border-radius:16px;background:#151b27cc;margin-bottom:20px;flex-wrap:nowrap}
.vgr-lock-a{gap:10px;font-size:17px;font-weight:800;color:var(--ink)}
.vgv.vgr img.vgr-lock-vg{width:34px;height:34px}
.vgr-lock-x{font-size:18px;color:var(--muted)}
.vgv.vgr img.vgr-lock-ra{height:28px;width:auto;border-radius:6px}
@media (max-width:420px){.vgr-lock-a{font-size:15px}.vgv.vgr img.vgr-lock-vg{width:28px;height:28px}.vgv.vgr img.vgr-lock-ra{height:24px}}
/* Final CTA: breathing room above, so it never sits on the section line */
.vgr.vgv--product .vgv-final{padding-top:max(40px,min(7vw,96px))}
.vgr-bhero .vg-crumbs{margin-bottom:22px}

/* Other Road Angel models: quote on request */
.vgr-other{display:flex;flex-wrap:wrap;align-items:center;gap:16px 18px;margin-top:18px;padding:20px 22px;border:1px dashed var(--line-2);border-radius:var(--r);background:#151b2799}
.vgr-other-t{flex:1 1 320px;min-width:0}
.vgr-other-t p{margin:4px 0 0;font-size:15px}
.vgr-other .vgv-btn{flex:none}
.vgr-band-more{margin:18px 0 0;font-size:15.5px;color:var(--body)}
.vgr-band-more .vgv-textlink .vgv-ic{width:16px;height:16px}

/* Band: space above the 'different model' line (beats .vgv p reset) */
.vgv.vgr .vgr-band-more{margin:28px 0 0;padding:0}
.vgv.vgr .vgr-band-foot{margin-top:24px}