.suvcp{max-width:1240px;margin:0 auto;padding:22px 24px 72px;font-family:Inter,system-ui,sans-serif;color:#15151a}.suvcp-sec a,.suvcp-sold a{color:inherit}.suvcp-crumb{font:600 12px/1.4 Inter,sans-serif;color:#6b6b74;margin:0 0 16px}.suvcp-crumb a{color:#6b6b74;text-decoration:none}.suvcp-sold{background:#15151a;color:#fff;border-radius:12px;padding:16px 20px;margin:0 0 20px}.suvcp-sold b{display:block;font:800 20px/1.2 Archivo,Inter,sans-serif;color:#F4C038}.suvcp-sold p{margin:4px 0 0;font-size:14px;color:rgba(255,255,255,.8)}.suvcp-top{display:grid;grid-template-columns:minmax(0,1.42fr) minmax(0,1fr);gap:32px;align-items:start}.suvcp-shot{position:relative;border-radius:14px;overflow:hidden;background:#eeece7;aspect-ratio:16/10}.suvcp-shot img{position:absolute;inset:0;width:100%!important;height:100%!important;object-fit:cover;display:block}.suvcp-shot.stock img{object-fit:contain}.suvcp-chip{position:absolute;left:12px;bottom:12px;background:rgba(21,21,26,.82);color:#fff;font:700 11.5px/1 Inter,sans-serif;padding:7px 9px;border-radius:6px}.suvcp-count{position:absolute;right:12px;bottom:12px;background:rgba(21,21,26,.82);color:#fff;font:700 11.5px/1 Inter,sans-serif;padding:7px 9px;border-radius:6px}.suvcp-nav{position:absolute;top:50%;transform:translateY(-50%);width:40px;height:40px;border-radius:50%;border:0;background:rgba(255,255,255,.92);font:700 18px/1 Inter,sans-serif;cursor:pointer;color:#15151a}.suvcp-prev{left:10px}.suvcp-next{right:10px}.suvcp-thumbs{display:flex;gap:8px;overflow-x:auto;margin:10px 0 0;padding:0 0 4px;scrollbar-width:thin}.suvcp-thumbs button{flex:0 0 84px;height:56px;border:2px solid transparent;border-radius:8px;overflow:hidden;padding:0;background:#eeece7;cursor:pointer}.suvcp-thumbs button.on{border-color:#F4C038}.suvcp-thumbs img{width:100%;height:100%;object-fit:cover;display:block}.suvcp-note{font-size:12.5px;line-height:1.5;color:#6b6b74;margin:10px 0 0}.suvcp-badge{display:inline-block;font:800 11px/1 Inter,sans-serif;letter-spacing:.05em;text-transform:uppercase;padding:6px 8px;border-radius:5px;background:#15151a;color:#fff;margin:0 0 10px}.suvcp-badge.new{background:#F4C038;color:#15151a}.suvcp-badge.demo{background:#3a3a44}.suvcp h1{font:800 30px/1.12 Archivo,Inter,sans-serif;margin:0 0 6px;letter-spacing:-.005em}.suvcp-seller{font-size:14px;color:#55555e;margin:0 0 12px}.suvcp-price{font:800 34px/1 Archivo,Inter,sans-serif;color:#c8931a;margin:0 0 6px}.suvcp-pm{font-size:14px;color:#3a3a44;margin:0 0 16px}.suvcp-pm a{font-weight:700}.suvcp-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:0 0 16px;padding:0;list-style:none}.suvcp-facts li{background:#fff;border:1px solid #e4e1da;border-radius:10px;padding:10px 11px;min-width:0}.suvcp-facts span{display:block;font:700 10.5px/1.2 Inter,sans-serif;letter-spacing:.05em;text-transform:uppercase;color:#7a7a84;margin:0 0 4px}.suvcp-facts b{display:block;font:700 14px/1.3 Inter,sans-serif;overflow-wrap:anywhere}.suvcp-act{display:flex;flex-wrap:wrap;gap:10px 16px;align-items:center;margin:0 0 14px}.suvcp-go{display:inline-flex;align-items:center;justify-content:center;background:#F4C038;color:#15151a!important;font:800 15px/1 Inter,sans-serif;padding:15px 22px;border-radius:10px;text-decoration:none!important;flex:1 1 auto}.suvcp-dealer{font-size:13px;color:#55555e!important}.suvcp-trust{font-size:12.5px;line-height:1.5;color:#6b6b74;margin:0 0 18px;padding:10px 0 0;border-top:1px solid #e4e1da}.suvcp-fin-tick{display:flex;gap:9px;align-items:flex-start;font-size:13.5px;line-height:1.45;margin:2px 0 12px;cursor:pointer}.suvcp-fin-tick input{margin:3px 0 0!important;width:16px!important;height:16px!important;flex:0 0 auto;accent-color:#F4C038}.suvcp-secs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin:34px 0 0}.suvcp-sec{background:#fff;border:1px solid #e4e1da;border-radius:14px;padding:22px}.suvcp-sec.wide{grid-column:1/-1}.suvcp-sec h2{font:800 20px/1.2 Archivo,Inter,sans-serif;margin:0 0 12px}.suvcp-kick{display:block;font:800 11px/1 Inter,sans-serif;letter-spacing:.08em;text-transform:uppercase;color:#a07514;margin:0 0 8px}.suvcp-big{font:800 30px/1 Archivo,Inter,sans-serif;margin:0 0 14px}.suvcp-big small{font:600 14px/1 Inter,sans-serif;color:#55555e}.suvcp-sl{display:grid;gap:12px;margin:0 0 14px}.suvcp-sl label{display:grid;grid-template-columns:110px minmax(0,1fr) 92px;gap:10px;align-items:center;font-size:13.5px}.suvcp-sl input[type=range]{width:100%;accent-color:#c8931a}.suvcp-sl output{font-weight:700;text-align:right;font-variant-numeric:tabular-nums}.suvcp-ass{font-size:12.5px;line-height:1.55;color:#55555e;margin:0}.suvcp-ass a{font-weight:700;color:#15151a}.suvcp-rc{list-style:none;margin:0;padding:0}.suvcp-rc li{display:grid;grid-template-columns:96px minmax(0,1fr);gap:4px 12px;padding:12px 0;border-top:1px solid #efece6}.suvcp-rc li:first-child{border-top:0;padding-top:0}.suvcp-rc span{font:700 12px/1.4 Inter,sans-serif;letter-spacing:.04em;text-transform:uppercase;color:#7a7a84}.suvcp-rc b{font:700 15px/1.35 Inter,sans-serif}.suvcp-rc small{grid-column:2;font-size:12.5px;line-height:1.5;color:#6b6b74}.suvcp-rc a{font-weight:700}.suvcp-specs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;list-style:none;margin:0 0 12px;padding:0}.suvcp-specs li{background:#f7f6f3;border-radius:10px;padding:10px 11px}.suvcp-specs span{display:block;font:700 10.5px/1.2 Inter,sans-serif;letter-spacing:.05em;text-transform:uppercase;color:#7a7a84;margin:0 0 4px}.suvcp-specs b{font:700 14.5px/1.3 Inter,sans-serif}.suvcp-rev{display:flex;gap:12px;align-items:center;background:#15151a;color:#fff;border-radius:12px;padding:12px 14px;margin:0 0 12px;text-decoration:none!important}.suvcp-rev .sc{font:800 22px/1 Archivo,Inter,sans-serif;color:#F4C038}.suvcp-rev span{font-size:13.5px;line-height:1.4}.suvcp-rev em{font-style:normal;font-weight:700}.suvcp-links{display:flex;flex-wrap:wrap;gap:8px 18px;font-size:14px;font-weight:700;margin:0}.suvcp-links a{text-decoration:none;border-bottom:2px solid #F4C038}.suvcp-sim{margin:40px 0 0}.suvcp-sim h2{font:800 22px/1.2 Archivo,Inter,sans-serif;margin:0 0 4px}.suvcp-sim p{color:#55555e;font-size:14px;margin:0 0 14px}.suvcp-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.suvcp-bar{display:none}@media(min-width:901px){.suvcp-top>div:first-child{position:sticky;top:84px}}@media(max-width:900px){.suvcp{padding:16px 16px 40px}body.suvcp-page:has(.suvcp-bar){padding-bottom:calc(68px + env(safe-area-inset-bottom))}.suvcp-top{grid-template-columns:minmax(0,1fr);gap:18px}.suvcp-secs{grid-template-columns:minmax(0,1fr)}.suvcp-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:12px;margin:0 -16px;padding:0 16px 6px}.suvcp-grid>*{flex:0 0 72%;scroll-snap-align:start}.suvcp h1{font-size:24px}.suvcp-price{font-size:30px}.suvcp-facts{grid-template-columns:repeat(2,minmax(0,1fr))}.suvcp-specs{grid-template-columns:repeat(2,minmax(0,1fr))}.suvcp-sl label{grid-template-columns:84px minmax(0,1fr) 80px}.suvcp-sec{padding:18px}.suvcp-bar{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:60;align-items:center;gap:12px;background:#15151a;color:#fff;padding:10px 16px calc(10px + env(safe-area-inset-bottom));box-shadow:0 -6px 18px rgba(0,0,0,.18);transition:transform .2s}.suvcp-bar.off{transform:translateY(110%)}.suvcp-bar div{flex:1 1 auto;min-width:0}.suvcp-bar b{display:block;font:800 18px/1.1 Archivo,Inter,sans-serif;color:#F4C038}.suvcp-bar span{display:block;font-size:12px;color:rgba(255,255,255,.75);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.suvcp-bar a{flex:0 0 auto;background:#F4C038;color:#15151a;font:800 15px/1 Inter,sans-serif;padding:13px 18px;border-radius:9px;text-decoration:none}body:has(.wordads-ad-wrapper--bottom_sticky iframe) .suvcp-bar{bottom:calc(84px + env(safe-area-inset-bottom))}}.suvhp-enq{background:#fff;border:1px solid #e4e1da;border-radius:12px;padding:22px}.suvhp-enq h2{font:800 20px/1.2 Archivo,Inter,sans-serif;margin:0 0 8px;color:#15151a}.suvhp-enq-lede{font:400 14px/1.5 Inter,sans-serif;color:#3a3a40;margin:0 0 14px}.suvhp-enq-msg{font:600 14px/1.5 Inter,sans-serif;padding:12px 14px;border-radius:8px;background:#fdf3d7;color:#15151a;margin:0 0 14px}.suvhp-enq-msg.ok{background:#e7f3ec}.suvhp-f{display:block;margin:0 0 12px}.suvhp-f span{display:block;font:600 11px/1 Inter,sans-serif;letter-spacing:.06em;text-transform:uppercase;color:#6b6b74;margin:0 0 6px}.suvhp-f input{width:100%;box-sizing:border-box;font:500 15px/1.2 Inter,sans-serif;padding:12px;border:1px solid #c9c4b8!important;border-radius:8px!important;background:#fff!important;color:#15151a;height:auto!important;min-height:46px}.suvhp-f input:focus{outline:2px solid #F4C038;outline-offset:1px;border-color:#b8902a!important}.suvhp-consent{display:flex;gap:10px;align-items:flex-start;font:400 12.5px/1.5 Inter,sans-serif;color:#3a3a40;margin:4px 0 16px}.suvhp-consent input{margin-top:3px;flex:0 0 auto}.suvhp-btn{display:inline-block;width:100%;font:800 15px/1 Archivo,Inter,sans-serif;background:#F4C038;color:#15151a;border:0;border-radius:8px;padding:15px 18px;cursor:pointer;text-decoration:none;text-align:center}
.suvx{--ink:#15151a;--gold:#F4C038;--ground:#f7f6f3;--line:#e2ded6;--grey:#6b6b74;--pill:#eeece7;--accent:#3f6b5c;
 background:var(--ground);color:var(--ink);font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif}
.suvx *{box-sizing:border-box}
/* The Motors theme uppercases every button site-wide. The catalogue's buttons are sentence
   case by design ("Find my SUVs", "Compare", "Watch"), so the transform is reset here rather than
   anywhere global — scoped to this page's own surface, which other templates legitimately depend on. */
.suvx button,.suvx .suvx-view,.suvx .suvx-go,.suvx .suvx-cmp,.suvx .suvx-watch,.suvx .suvx-tgo{text-transform:none;letter-spacing:normal;box-shadow:none}
.suvx-w{max-width:1560px;margin:0 auto;padding:0 28px}
.suvx-i{width:16px;height:16px;flex:0 0 16px}

/* header band — near-black, no photograph */
.suvx-band{background:#121216;color:#fff;padding:52px 0 86px}
.suvx-band h1{font-family:"Archivo Black",Archivo,Inter,sans-serif;font-weight:900;font-size:clamp(28px,4vw,52px);line-height:1.06;margin:0 0 14px;letter-spacing:-.015em;color:#fff}
.suvx-lede{font-size:clamp(15px,1.3vw,18px);line-height:1.55;margin:0 0 12px;color:rgba(255,255,255,.8);max-width:62ch}
.suvx-trust{font:500 13px/1.4 Inter,sans-serif;color:var(--gold);margin:0}

/* need strip — raised card overlapping the band */
.suvx-need{margin:-56px 0 0;background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:0 8px 28px rgba(18,18,22,.10);padding:20px 22px 22px}
.suvx-need h2{font-family:Archivo,Inter,sans-serif;font-weight:700;font-size:15px;margin:0 0 14px;letter-spacing:-.005em}
.suvx-nf{display:grid;grid-template-columns:repeat(4,minmax(0,1fr)) auto;gap:12px;align-items:end}
.suvx-fld{border:1px solid #cdc7bb;border-radius:8px;padding:8px 12px 6px;background:#fff}
.suvx-fld label{display:block;font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--grey);margin:0 0 2px}
.suvx-fld select{width:100%;border:0;background:none;font:600 15px/1.3 Inter,sans-serif;color:var(--ink);padding:0;margin:0;appearance:none;cursor:pointer}
.suvx-fld select:focus{outline:none}
.suvx-go{background:var(--gold);color:var(--ink);border:0;border-radius:8px;font:700 14px/1 Inter,sans-serif;padding:16px 20px;cursor:pointer;display:inline-flex;align-items:center;gap:8px;white-space:nowrap;font-family:Archivo,Inter,sans-serif}
.suvx-go:hover{background:#e6b32c}

/* category tiles */
.suvx-tiles{display:flex;gap:10px;padding:26px 0 4px;overflow-x:auto;scrollbar-width:thin}
.suvx-tile{flex:0 0 120px;min-height:104px;background:#fff;border:1px solid var(--line);border-radius:12px;padding:14px 10px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;text-decoration:none;color:var(--ink);text-align:center;transition:transform .12s ease,box-shadow .12s ease}
.suvx-tile:hover{transform:translateY(-2px);box-shadow:0 6px 18px rgba(18,18,22,.08)}
.suvx-tile .suvx-i{width:22px;height:22px;flex:none;color:var(--grey)}
.suvx-tl{font:600 13px/1.25 Inter,sans-serif}
.suvx-tn{font:500 11px/1 Inter,sans-serif;color:var(--grey)}
.suvx-tile[aria-current="true"]{background:var(--gold);border-color:var(--ink);box-shadow:inset 0 0 0 1px var(--ink)}
.suvx-tile[aria-current="true"] .suvx-i,.suvx-tile[aria-current="true"] .suvx-tn{color:var(--ink)}

/* layout */
.suvx-main{display:grid;grid-template-columns:280px minmax(0,1fr);gap:34px;padding:26px 0 60px;align-items:start}
.suvx-rail{position:sticky;top:16px}
.suvx-rhead{display:flex;align-items:baseline;justify-content:space-between;padding:0 0 10px;border-bottom:1px solid var(--line)}
.suvx-rhead h2{font-family:Archivo,Inter,sans-serif;font-weight:700;font-size:15px;margin:0}
.suvx-clear{font:600 12px/1 Inter,sans-serif;color:#8f6a1f;text-decoration:none}
.suvx-clear:hover{text-decoration:underline}
.suvx-fg{border-bottom:1px solid var(--line);padding:14px 0}
.suvx-fg h3{font:600 10px/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.14em;text-transform:uppercase;color:var(--grey);margin:0 0 9px}
.suvx-opt{display:flex;align-items:center;gap:9px;padding:5px 0;font-size:14px;color:var(--ink);text-decoration:none}
.suvx-box{width:15px;height:15px;flex:none;border:1.5px solid #b8b2a7;border-radius:3px;display:inline-flex;align-items:center;justify-content:center;background:#fff}
.suvx-box .suvx-i{width:11px;height:11px;color:var(--ink);opacity:0}
.suvx-opt[aria-current="true"] .suvx-box{background:var(--gold);border-color:var(--ink)}
.suvx-opt[aria-current="true"] .suvx-box .suvx-i{opacity:1}
.suvx-opt[aria-current="true"]{font-weight:600}
.suvx-ol{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.suvx-cp{flex:none;background:var(--pill);color:#55555f;font:600 11px/1 Inter,sans-serif;padding:4px 7px;border-radius:999px}
.suvx-opt.off{color:#b4afa5;pointer-events:none}
.suvx-opt.off .suvx-box{border-color:#ddd8cf}
.suvx-opt.off .suvx-cp{background:#f4f2ee;color:#b4afa5}
.suvx-bsearch{width:100%;border:1px solid #cdc7bb;border-radius:6px;padding:7px 9px;font:400 13px Inter,sans-serif;margin:0 0 8px}
.suvx-more{background:none;border:0;color:#8f6a1f;font:600 12px Inter,sans-serif;cursor:pointer;padding:6px 0}
.suvx-hid{display:none}

/* active chips + sort */
.suvx-active{display:flex;flex-wrap:wrap;gap:8px;padding:0 0 14px}
.suvx-ac{display:inline-flex;align-items:center;gap:6px;border:1.5px solid var(--gold);background:#fffaf0;border-radius:999px;padding:5px 10px;font:600 12px Inter,sans-serif;color:var(--ink);text-decoration:none}
.suvx-ac .suvx-i{width:12px;height:12px;color:var(--grey)}
.suvx-sort{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;padding:0 0 16px}
.suvx-tot{font-size:14px;color:#55555f;margin:0}
.suvx-tot b{color:var(--ink)}
.suvx-ss{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--grey)}
.suvx-ss label{white-space:nowrap}
/* The theme runs Select2 site-wide, so the control the reader sees is a .select2-container span,
   not the the select element styled above. Restyled to the house control, scoped to THIS bar so the need
   strip keeps its own field styling, and with !important because the theme's Select2 CSS is
   enqueued through wp_head() and lands after this block. */
.suvx-ss .select2-container--default .select2-selection--single{height:36px!important;border:1px solid #cdc7bb!important;border-radius:6px!important;background:#fff!important}
.suvx-ss .select2-container--default .select2-selection--single .select2-selection__rendered{line-height:34px!important;padding-left:11px!important;padding-right:30px!important;font:500 13px Inter,sans-serif!important;color:var(--ink)!important}
.suvx-ss .select2-container--default .select2-selection--single .select2-selection__arrow{height:34px!important}
.suvx-ss select{padding:8px 11px;border:1px solid #cdc7bb;border-radius:6px;background:#fff;font:500 13px Inter,sans-serif;color:var(--ink)}

/* grid + card */
.suvx-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.suvx-card{position:relative;background:#fff;border:1px solid var(--line);border-radius:12px;overflow:hidden;display:flex;flex-direction:column;transition:transform .12s ease,box-shadow .12s ease}
.suvx-card:hover{transform:translateY(-2px);box-shadow:0 8px 22px rgba(18,18,22,.09)}
.suvx-shot{position:relative;aspect-ratio:16/10;background:#f2f0ec;display:flex;align-items:center;justify-content:center;overflow:hidden}
/* Own-photo credit: bottom-LEFT, because the play badge owns bottom-right. Deliberately quiet — it
   is a provenance mark, not a watermark, and it must never compete with the car. */
.suvx-cred{position:absolute;left:8px;bottom:8px;z-index:3;font:600 9px/1 Inter,sans-serif;letter-spacing:.02em;text-transform:none;color:#fff;background:rgba(21,21,26,.62);padding:4px 7px;border-radius:5px;pointer-events:none}
.suvx-shot img{width:100%;height:100%;object-fit:contain;display:block}
.suvx-noshot{font-family:Archivo,Inter,sans-serif;font-weight:700;font-size:14px;color:#b4afa5;padding:0 14px;text-align:center;line-height:1.3}
.suvx-badge{position:absolute;left:10px;top:10px;background:var(--gold);border-radius:8px;padding:6px 9px 5px;text-align:center;line-height:1;z-index:3}
.suvx-bs{display:block;font:800 17px/1 Archivo,Inter,sans-serif;color:var(--ink)}
.suvx-bl{display:block;font:600 8px/1.2 Inter,sans-serif;letter-spacing:.06em;text-transform:uppercase;color:rgba(21,21,26,.7);margin-top:2px;max-width:92px}
/* The derivative the score belongs to sits on its OWN line, in its own casing. The label above it
   is uppercase by design ("OUR SCORE"); the derivative is not, because uppercasing it turns kW into
   KW — a different unit. A wrong unit is wrong content, not a styling detail. */
.suvx-bd{display:block;font:600 9px/1.25 Inter,sans-serif;letter-spacing:0;text-transform:none;color:rgba(21,21,26,.78);margin-top:1px;max-width:92px}
/* Watch as a play badge on the image, bottom-right — same signal every video platform uses, and it
   keeps the action row to the two buttons that fit. */
.suvx-play{position:absolute;right:10px;bottom:10px;z-index:3;display:inline-flex;align-items:center;gap:5px;background:rgba(18,18,22,.82);color:#fff;border-radius:999px;padding:5px 10px 5px 8px;font:600 11px/1 Inter,sans-serif;text-decoration:none;backdrop-filter:blur(2px)}
.suvx-play:hover{background:#121216}
.suvx-play .suvx-i{width:12px;height:12px;fill:currentColor}
.suvx-cb{padding:13px 14px 14px;display:flex;flex-direction:column;gap:8px;flex:1}
.suvx-idl{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}
.suvx-mk{display:block;font:500 11px/1.2 Inter,sans-serif;letter-spacing:.05em;text-transform:uppercase;color:var(--grey);margin:0 0 2px}
.suvx-md{font-family:Archivo,Inter,sans-serif;font-weight:700;font-size:16px;line-height:1.22;margin:0;color:var(--ink)}
.suvx-em{flex:none;width:auto;height:24px;max-width:88px;object-fit:contain;object-position:right center;opacity:.9}
/* Three brands publish only a WHITE mark in their site chrome, which is invisible on a white card.
   Inverted here rather than recoloured in the file, so the stored asset stays the unmodified original
   the brand serves — the identifier rule is about not altering the mark, and an inversion at render is
   a display accommodation, not a redrawn logo. Mercedes was the same problem and its SVG recoloured
   cleanly at ingest, so it needs nothing here. */
.suvx-em[data-make="foton"],.suvx-em[data-make="jac"],.suvx-em[data-make="icaur"],.suvx-em[data-make="haval"],
.suvx-em[data-make="nissan"],.suvx-em[data-make="changan"],.suvx-em[data-make="dongfeng"],.suvx-em[data-make="gac"],
.suvx-em[data-make="jeep"],.suvx-em[data-make="mazda"],.suvx-em[data-make="peugeot"]{filter:invert(1) brightness(.18)}
.suvx-sunset{display:inline-block;font-family:Inter,sans-serif;font-size:11px;font-weight:600;letter-spacing:.02em;line-height:1.3;color:#7a5c00;background:rgba(244,192,56,.16);border:1px solid rgba(244,192,56,.45);border-radius:999px;padding:3px 9px;margin:0 0 6px}
.suvx-price{font-family:"JetBrains Mono",ui-monospace,SFMono-Regular,Menlo,monospace;font-size:14px;font-weight:600;color:var(--ink);margin:0}
.suvx-price span{font-family:Inter,sans-serif;font-weight:400;font-size:12px;color:var(--grey);margin-left:6px}
.suvx-cc{display:flex;flex-wrap:wrap;gap:5px}
.suvx-pillc{display:inline-flex;align-items:center;gap:5px;white-space:nowrap;font:500 11px/1 Inter,sans-serif;padding:5px 8px;border:1px solid var(--line);border-radius:999px;color:#55555f;background:#faf9f7}
.suvx-pillc .suvx-i{width:12px;height:12px;color:var(--accent)}
.suvx-act{display:flex;flex-wrap:wrap;gap:6px;margin-top:auto;padding-top:3px;position:relative;z-index:3}
/* Three actions must fit one row inside a 4- or 5-across card, so the two outlined buttons are
   compact and shrink before the solid one; wrap is the safety net at the narrowest card widths
   rather than letting Watch clip off the card edge. */
.suvx-act>*{min-width:0;white-space:nowrap}
.suvx-view{flex:1 1 68px;text-align:center;padding:9px 8px;background:var(--ink);color:#fff;font:700 12.5px/1.2 Inter,sans-serif;text-decoration:none;border-radius:7px}
.suvx-view:hover{background:#2a2a33}
.suvx-cmp,.suvx-watch{display:inline-flex;align-items:center;gap:5px;padding:9px 9px;border:1px solid #cdc7bb;border-radius:7px;background:#fff;font:600 12.5px/1.2 Inter,sans-serif;cursor:pointer;color:var(--ink);text-decoration:none;font-family:inherit;flex:0 1 auto}
.suvx-cmp .suvx-box{width:13px;height:13px}
.suvx-cmp[aria-pressed="true"] .suvx-box{background:var(--gold);border-color:var(--ink)}
.suvx-cmp[aria-pressed="true"] .suvx-box .suvx-i{opacity:1}
.suvx-stretch{position:absolute;inset:0;z-index:1}
.suvx-stretch span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}

/* pagination, rules, guides */
.suvx-pag{display:flex;gap:6px;flex-wrap:wrap;align-items:center;padding:30px 0 0}
.suvx-pag a,.suvx-pag strong{min-width:38px;text-align:center;padding:9px 12px;border:1px solid #cdc7bb;border-radius:999px;font:600 13px Inter,sans-serif;text-decoration:none;color:var(--ink);background:#fff}
.suvx-pag strong{background:var(--gold);border-color:var(--ink)}
.suvx-zero{padding:52px 0;text-align:center;color:#55555f}
.suvx-zero h3{font-family:Archivo,Inter,sans-serif;margin:0 0 8px;color:var(--ink)}
.suvx-rules{border-top:1px solid var(--line);padding:26px 0 6px;font-size:13px;color:#55555f;line-height:1.7}
.suvx-rules h2,.suvx-guides h2{font:600 10px/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.14em;text-transform:uppercase;color:var(--grey);margin:0 0 10px}
.suvx-rules ul{margin:0;padding-left:18px}
.suvx-guides{border-top:1px solid var(--line);padding:22px 0 60px}
.suvx-gl{display:flex;flex-wrap:wrap;gap:8px}
.suvx-gl a{padding:7px 13px;border:1px solid var(--line);border-radius:999px;background:#fff;font-size:13px;text-decoration:none;color:var(--ink)}
.suvx-gl a:hover{border-color:#8f6a1f}

/* compare tray */
.suvx-tray{position:fixed;left:16px;right:16px;bottom:16px;background:#121216;color:#fff;border-radius:14px;padding:11px 16px;display:none;z-index:70;box-shadow:0 10px 34px rgba(0,0,0,.30)}
.suvx-tray.on{display:block}
.suvx-tin{max-width:1200px;margin:0 auto;display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.suvx-tsel{font:600 12px Inter,sans-serif;opacity:.72;white-space:nowrap}
.suvx-ti{display:inline-flex;align-items:center;gap:8px;background:#22222a;border-radius:9px;padding:5px 9px 5px 5px;font-size:12px}
.suvx-ti img{width:38px;height:26px;object-fit:contain;background:#fff;border-radius:4px;flex:none}
.suvx-tin b{display:block;font:500 10px/1.2 Inter,sans-serif;opacity:.6;text-transform:uppercase;letter-spacing:.05em}
.suvx-ti button{background:none;border:0;color:#9a968e;cursor:pointer;padding:0;display:inline-flex}
.suvx-ti button:hover{color:#fff}
.suvx-tgo{margin-left:auto;background:var(--gold);color:var(--ink);font:700 13px Inter,sans-serif;padding:10px 16px;border-radius:8px;text-decoration:none;display:inline-flex;align-items:center;gap:7px;font-family:Archivo,Inter,sans-serif}
.suvx-tclr{background:none;border:0;color:#9a968e;font:600 12px Inter,sans-serif;cursor:pointer}
.suvx-tclr:hover{color:#fff}
.suvx-tmsg{width:100%;background:#3a2f12;color:#f4d98a;padding:8px 11px;border-radius:7px;font-size:12.5px}
.suvx-drawer,.suvx-dshow{display:none}

@media(min-width:1600px){.suvx-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}
@media(max-width:1279px){.suvx-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.suvx-nf{grid-template-columns:repeat(2,minmax(0,1fr))}.suvx-go{grid-column:1/-1;justify-content:center}}
@media(max-width:959px){
 .suvx-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .suvx-main{grid-template-columns:minmax(0,1fr);gap:0}
 .suvx-rail{position:static;margin:0 0 16px}
 .suvx-drawer{display:inline-flex;align-items:center;gap:8px;width:100%;justify-content:center;padding:12px 14px;border:1px solid #cdc7bb;border-radius:8px;background:#fff;font:600 14px Inter,sans-serif;cursor:pointer;color:var(--ink)}
 .suvx-rbody{display:none;position:fixed;inset:0;background:#fff;z-index:80;overflow-y:auto;padding:18px 18px 92px}
 .suvx-rail.open .suvx-rbody{display:block}
 .suvx-dshow{display:block;position:fixed;left:0;right:0;bottom:0;padding:12px 18px;background:#fff;border-top:1px solid var(--line);z-index:81}
 .suvx-dshow button{width:100%;background:var(--ink);color:#fff;border:0;border-radius:8px;padding:13px;font:700 14px Inter,sans-serif;cursor:pointer}
 .suvx-rail:not(.open) .suvx-dshow{display:none}
 .suvx-band{padding:38px 0 78px}
}
@media(max-width:599px){
 .suvx-grid{grid-template-columns:minmax(0,1fr)}
 .suvx-nf{grid-template-columns:minmax(0,1fr)}
 .suvx-w{padding:0 16px}
 .suvx-tiles{margin:0 -16px;padding:22px 16px 4px}
 .suvx-tray{left:0;right:0;bottom:0;border-radius:14px 14px 0 0;padding:9px 14px}
 .suvx-tgo{margin-left:0;width:100%;justify-content:center}
}
/* The three computed blocks beneath the grid. Same card language as the rest of the page:
   white panel, hairline border, no colour carrying a data claim. The gold on a score is the
   same gold the card badge uses, and it still means only "our score". */
.suvx-below{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:0 0 28px}
.suvx-blk{background:#fff;border:1px solid var(--line);border-radius:12px;padding:18px 20px}
.suvx-blk h2{font-family:Archivo,Inter,sans-serif;font-weight:700;font-size:15px;line-height:1.3;margin:0 0 10px;color:var(--ink)}
.suvx-blk p{margin:0 0 8px;font-size:13.5px;line-height:1.55;color:var(--grey)}
.suvx-blk p:last-child{margin-bottom:0}
.suvx-blk p b{color:var(--ink)}
.suvx-blk a{color:var(--ink);text-decoration:underline;text-underline-offset:2px}
.suvx-xl{list-style:none;margin:0;padding:0;width:100%;display:block}
.suvx-xl li{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding:7px 0;border-top:1px solid var(--line);font-size:13.5px}
.suvx-xl li:first-child{border-top:0;padding-top:0}
.suvx-xl li>span{font-family:"JetBrains Mono",ui-monospace,monospace;font-size:12.5px;color:var(--grey);white-space:nowrap}
.suvx-xl li>span.suvx-bsc{font-weight:700;color:var(--ink);background:var(--gold);border-radius:5px;padding:1px 6px}
.suvx-xmore{white-space:nowrap}
/* The Motors theme uppercases list links (it does not touch links inside a paragraph), which
   would print nameplates as RENAULT TRIBER against the sentence case used on every card. */
.suvx-xl li,.suvx-xl li a{text-transform:none;letter-spacing:normal}
.suvx-xl li>span{flex:none}
@media(max-width:1023px){.suvx-below{grid-template-columns:1fr 1fr}}
@media(max-width:719px){.suvx-below{grid-template-columns:1fr}}
.suvx-haspad{padding-bottom:96px}.suvx-stock{font-family:Inter,sans-serif;font-size:12px;font-weight:600;color:var(--grey,#6b6b74);margin:3px 0 0;letter-spacing:.01em}
/* 25 Oct 2026 card pass: one 16:10 frame on every car card, filled edge to edge. Photos cover the frame; studio cut-outs (transparent or white ground) sit whole on white so no beige shows. Titles hold two lines. */.suvx .suvfs-card .suvx-shot{aspect-ratio:16/10;background:#fff}.suvx .suvfs-card .suvx-shot img{width:100%;height:100%;object-fit:cover;object-position:50% 50%}.suvx .suvfs-card .suvx-shot.suvfs-contain img{object-fit:contain;padding:4% 3%;box-sizing:border-box}.suvx .suvfs-card .suvx-md{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}@media (min-width:600px){.suvx .suvfs-card .suvx-md{min-height:2.44em}}.suvx .suvfs-card .suvx-cc{min-height:24px}.suvx .suvfs-card .suvx-pillc{white-space:nowrap}.suvx .suvfs-where{margin:6px 0 0;font:600 12px/1.35 Inter,sans-serif;color:var(--grey,#6b6b6b)}.suvx .suvfs-bar{display:flex;flex-wrap:wrap;gap:14px 20px;align-items:flex-end;justify-content:space-between;margin:0 0 22px}.suvx .suvfs-count{font:700 15px/1.2 Archivo,Inter,sans-serif;color:var(--ink,#15151a)}.suvx .suvfs-count strong{font:800 24px/1 Archivo,Inter,sans-serif}.suvx .suvfs-filters{display:flex;flex-wrap:wrap;gap:10px;align-items:flex-end}.suvx .suvfs-f{display:flex;flex-direction:column;gap:4px}.suvx .suvfs-f span{font:600 9px/1 Inter,sans-serif;letter-spacing:.07em;text-transform:uppercase;color:var(--grey,#6b6b6b)}.suvx .suvfs-f select{font:600 13px/1 Inter,sans-serif;color:var(--ink,#15151a);background:#fff;border:1px solid var(--line,#e4e1da);border-radius:8px;padding:9px 11px;min-width:140px;max-width:100%}.suvx .suvx-shot{position:relative}.suvx .suvx-shot .suvfs-fb{display:flex;align-items:center;justify-content:center;text-align:center;position:absolute;inset:0;z-index:0}.suvx .suvx-shot.suvfs-contain>img{background:#fff}.suvx .suvx-shot>img{position:relative;z-index:1}.suvx .suvfs-noimg .suvfs-fb{position:static}.suvx .suvfs-noimg .suvx-cred{display:none}.suvx .suvfs-f select,.suvx .suvfs-f .select2-selection__rendered{text-transform:none!important;letter-spacing:0!important;text-overflow:clip!important}@media(max-width:640px){.suvx .suvfs-f{min-width:0}.suvx .suvfs-f select{min-width:0;width:100%;padding:9px 8px;font-size:13px}.suvx .suvfs-f .select2-selection__rendered{font-size:13px!important;padding-left:10px!important;padding-right:28px!important}}.suvx .suvfs-go{font:700 13px/1 Inter,sans-serif;background:var(--ink,#15151a);color:#fff;border:0;border-radius:8px;padding:11px 16px;cursor:pointer}.suvx .suvfs-reset{font:600 12px/1 Inter,sans-serif;color:var(--ink,#15151a);padding:11px 4px}.suvx .suvfs-empty{font:600 15px/1.4 Inter,sans-serif;color:var(--grey,#6b6b6b);padding:40px 0;text-align:center}.suvx .suvfs-pager{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;margin:26px 0 0}.suvx .suvfs-pager a,.suvx .suvfs-pager span{font:700 13px/1 Inter,sans-serif;padding:10px 13px;border:1px solid var(--line,#e4e1da);border-radius:8px;color:var(--ink,#15151a);text-decoration:none;background:#fff}.suvx .suvfs-pager span.on{background:var(--ink,#15151a);color:#fff;border-color:var(--ink,#15151a)}.suvx .suvfs-note{font:500 12px/1.5 Inter,sans-serif;color:var(--grey,#6b6b6b);margin:14px 0 0}@media(max-width:719px){.suvx .suvfs-filters{width:100%}.suvx .suvfs-f{flex:1 1 calc(50% - 10px);min-width:0}.suvx .suvfs-f select{min-width:0;width:100%}.suvx .suvfs-go{flex:1 1 100%}}.suvcp-shot{background:#fff}.suvcp-grid.suvx{display:grid}@media(max-width:900px){.suvcp-grid.suvx{display:flex}}