@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,400;0,700;1,400&family=Montserrat:wght@500&display=swap');
/* CON-965 chat widget branding - 547 Motors (mvf, template MVF).
 * Source of truth: the designer's Figma wCATc5XXtsaonVvxmqJned (page 0:1) and
 * its 16 @2x artboard PNGs, which outrank the node dump wherever they
 * disagree. Tooling and QA: tickets/CON-965/qa-mvf/; design notes:
 * tickets/CON-965/DESIGN-mvf.md. Glyphs are SVG exports of the file's own
 * nodes, each cross-checked against the artboards.
 *
 * Black and gold on white: an 81px gold-gradient header (style 44002:564
 * "grad1") with black ink and a white sparkle mark; white opener lozenges
 * with a 1px #B8A068 stroke and a 56px #F4EDD3 well on the LEFT carrying a
 * black glyph, a black chevron on the right; #EDEDED bot bubbles with a
 * #C7C7C7 stroke and a squared bottom-left corner; #F4EDD3 user bubbles with
 * a #D6C588 stroke and black ink; white chips on a 0/4/4 25% shadow; the same
 * gold gradient on the send circle, the card "I'm Interested" action and the
 * full-width CTA; an #E4E6EA footer band. The launcher is the designer's own
 * black pill + gradient-roundel lockup.
 * Type: Figtree (already loaded by the site), plus Montserrat for the header
 * subtitle and Lato for the CTA and the search status (imported above).
 * The panel is 400x720 = the designer's artboard, so offsets transfer 1:1.
 *
 * Regenerate with tickets/CON-965/build-theme-mvf.py - edit the generator,
 * never this file.
 *
 * Served at /chat-theme; loaded by the widget AFTER its built-in stylesheet.
 */

.hdcw-fab,.hdcw-panel {
  --hdcw-accent: #000000;
  --hdcw-on-accent: #fff;
  --hdcw-font: 'Figtree', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
  --hdcw-bg: #fff;
  --hdcw-surface: #fff;         /* Rectangle 8 is white (style 72:411 ai-white) */
  --hdcw-text: #000000;
  --hdcw-muted: #6D6D6D;
  --hdcw-faint: #C7C7C7;  /* typing dots (decorative) */
  --hdcw-footer: #000000;         /* disclosure - the runs override the #504949 node fill */
  --hdcw-border: #000000;         /* input stroke 24:705 */
  --hdcw-border-soft: #E4E6EA;
  --hdcw-radius: 15px;          /* panel 1:7, header 1:9 */
  --hdcw-radius-bubble: 10px;
  --hdcw-head-color: #000000;
  --hdcw-user-bg: #F4EDD3;
  --hdcw-user-color: #000000;
  --hdcw-link: #000000;
  --hdcw-btn-color: #000000;
  --hdcw-fab-gap: 0;            /* a flat-bottomed pill docks ON a bottom bar */
}

/* ---------- Launcher (icon-virtual-assistant 26002:611). The designer draws
 * the lockup on the 400x653 mobile home artboard (02-launcher) with its pill
 * 6px off the foot, and the brief for this dealer is explicit: "whatsapp
 * appears on details page on mobile - so bottom centre on mobile throughout
 * would suit". So: bottom-CENTRE on every phone viewport, right-anchored on
 * desktop (where the site has no floaters). Same CON-963/CON-910 class of fix
 * as ac2/emv2/vm2, solved by centring rather than shifting. */
.hdcw-fab {
  width: 222px;
  height: 63px;
  right: 10px;
  bottom: 6px;
  max-width: calc(100vw - 16px);
  border-radius: 0;
  background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width=%22222%22%20height=%2263%22%20viewBox=%220%200%20222%2063%22%20fill=%22none%22%20xmlns=%22http://www.w3.org/2000/svg%22%3E%0A%3Cg%20filter=%22url(%23filter0_d_26002_611)%22%3E%0A%3Crect%20x=%224.01801%22%20y=%2210.0503%22%20width=%22189.851%22%20height=%2243.1936%22%20rx=%2210%22%20fill=%22black%22/%3E%0A%3C/g%3E%0A%3Cpath%20d=%22M29.9663%2037.1718L34.2254%2025.9214H36.588L32.1199%2037.1718H29.9663ZM29.7252%2037.1718L25.2411%2025.9214H27.6037L31.8789%2037.1718H29.7252ZM37.7561%2037.1718V29.1358H39.8776V37.1718H37.7561ZM38.8168%2027.834C38.4954%2027.834%2038.2114%2027.7161%2037.965%2027.4804C37.7186%2027.234%2037.5953%2026.9447%2037.5953%2026.6125C37.5953%2026.2803%2037.7186%2025.9964%2037.965%2025.7607C38.2114%2025.5142%2038.4954%2025.391%2038.8168%2025.391C39.149%2025.391%2039.4329%2025.5142%2039.6686%2025.7607C39.9151%2025.9964%2040.0383%2026.2803%2040.0383%2026.6125C40.0383%2026.9447%2039.9151%2027.234%2039.6686%2027.4804C39.4329%2027.7161%2039.149%2027.834%2038.8168%2027.834ZM43.3285%2032.9449C43.3285%2032.077%2043.4946%2031.3591%2043.8268%2030.7912C44.1696%2030.2234%2044.6036%2029.8001%2045.1286%2029.5215C45.6643%2029.243%2046.2215%2029.1037%2046.8001%2029.1037V31.1609C46.3072%2031.1609%2045.8411%2031.2198%2045.4018%2031.3377C44.9732%2031.4555%2044.625%2031.6484%2044.3571%2031.9163C44.0893%2032.1841%2043.9553%2032.527%2043.9553%2032.9449H43.3285ZM41.8338%2037.1718V29.1358H43.9553V37.1718H41.8338ZM51.2345%2037.3647C50.3451%2037.3647%2049.6701%2037.145%2049.2094%2036.7057C48.7594%2036.2664%2048.5344%2035.6396%2048.5344%2034.8253V26.6286H50.6559V34.3592C50.6559%2034.7021%2050.7309%2034.9646%2050.8809%2035.1467C51.0309%2035.3182%2051.2505%2035.4039%2051.5398%2035.4039C51.647%2035.4039%2051.7648%2035.3825%2051.8934%2035.3396C52.022%2035.286%2052.1559%2035.211%2052.2952%2035.1146L53.0345%2036.7057C52.7774%2036.8986%2052.4881%2037.054%2052.1666%2037.1718C51.8559%2037.3004%2051.5452%2037.3647%2051.2345%2037.3647ZM47.2325%2030.9359V29.1358H52.6649V30.9359H47.2325ZM59.6939%2037.1718L59.5653%2035.6932V29.1358H61.6868V37.1718H59.6939ZM54.2455%2033.7324V29.1358H56.367V33.2502L54.2455%2033.7324ZM56.367%2033.2502C56.367%2033.786%2056.4259%2034.2092%2056.5438%2034.5199C56.6723%2034.8199%2056.8491%2035.0396%2057.0741%2035.1789C57.3099%2035.3075%2057.5724%2035.3718%2057.8617%2035.3718C58.4188%2035.3825%2058.8421%2035.2164%2059.1314%2034.8735C59.4206%2034.5199%2059.5653%2034.011%2059.5653%2033.3467H60.2885C60.2885%2034.2039%2060.16%2034.9325%2059.9028%2035.5325C59.6564%2036.1218%2059.3028%2036.5772%2058.8421%2036.8986C58.392%2037.2093%2057.8617%2037.3647%2057.2509%2037.3647C56.2866%2037.3647%2055.5419%2037.07%2055.0169%2036.4807C54.5026%2035.8807%2054.2455%2034.9646%2054.2455%2033.7324L56.367%2033.2502ZM68.3464%2037.1718L68.266%2035.5485V33.1056C68.266%2032.6234%2068.2125%2032.2163%2068.1053%2031.8841C67.9982%2031.5413%2067.8321%2031.2841%2067.6071%2031.1127C67.3928%2030.9305%2067.1035%2030.8394%2066.7392%2030.8394C66.4178%2030.8394%2066.1285%2030.9091%2065.8713%2031.0484C65.6142%2031.1877%2065.3945%2031.4127%2065.2124%2031.7234L63.2837%2031.0645C63.4337%2030.7216%2063.6534%2030.3894%2063.9427%2030.068C64.232%2029.7358%2064.607%2029.468%2065.0677%2029.2644C65.5391%2029.0501%2066.1124%2028.9429%2066.7874%2028.9429C67.591%2028.9429%2068.2607%2029.0876%2068.7964%2029.3769C69.3429%2029.6662%2069.75%2030.0948%2070.0179%2030.6627C70.2858%2031.2198%2070.4143%2031.9056%2070.4036%2032.7199L70.3554%2037.1718H68.3464ZM66.1285%2037.3647C65.1641%2037.3647%2064.4141%2037.1504%2063.8784%2036.7218C63.3534%2036.2932%2063.0908%2035.6878%2063.0908%2034.9057C63.0908%2034.0485%2063.3748%2033.4056%2063.9427%2032.977C64.5213%2032.5377%2065.3302%2032.3181%2066.3695%2032.3181H68.4107V33.8931H67.1088C66.4124%2033.8931%2065.9302%2033.9788%2065.6624%2034.1503C65.3945%2034.311%2065.2606%2034.5414%2065.2606%2034.8414C65.2606%2035.0771%2065.3677%2035.2646%2065.582%2035.4039C65.7963%2035.5325%2066.0963%2035.5968%2066.482%2035.5968C66.8249%2035.5968%2067.1303%2035.5164%2067.3981%2035.3557C67.666%2035.1842%2067.8749%2034.97%2068.025%2034.7128C68.1857%2034.4449%2068.266%2034.1717%2068.266%2033.8931H68.8286C68.8286%2034.986%2068.6143%2035.8378%2068.1857%2036.4486C67.7678%2037.0593%2067.0821%2037.3647%2066.1285%2037.3647ZM72.0944%2037.1718V25.9214H74.2159V37.1718H72.0944ZM87.9796%2037.1718L83.6723%2025.9214H85.8742L90.3101%2037.1718H87.9796ZM79.0918%2037.1718L83.5277%2025.9214H85.7295L81.4222%2037.1718H79.0918ZM81.1812%2034.6967V32.752H88.2368V34.6967H81.1812ZM94.3581%2037.3647C93.8438%2037.3647%2093.3616%2037.2897%2092.9116%2037.1397C92.4616%2036.979%2092.0651%2036.7539%2091.7223%2036.4647C91.3794%2036.1646%2091.1115%2035.8003%2090.9187%2035.3718L92.7348%2034.536C92.8955%2034.7932%2093.1152%2035.0182%2093.3938%2035.211C93.6723%2035.3932%2093.9938%2035.4843%2094.3581%2035.4843C94.7117%2035.4843%2094.9849%2035.436%2095.1778%2035.3396C95.3706%2035.2325%2095.4671%2035.0825%2095.4671%2034.8896C95.4671%2034.6967%2095.3867%2034.5574%2095.226%2034.4717C95.076%2034.3753%2094.867%2034.2949%2094.5992%2034.2306L93.8598%2034.0378C93.0884%2033.8342%2092.4777%2033.5128%2092.0276%2033.0735C91.5883%2032.6234%2091.3687%2032.1091%2091.3687%2031.5305C91.3687%2030.7055%2091.6312%2030.068%2092.1562%2029.618C92.6919%2029.168%2093.4473%2028.9429%2094.4224%2028.9429C94.926%2028.9429%2095.392%2029.0179%2095.8206%2029.168C96.2599%2029.318%2096.635%2029.5269%2096.9457%2029.7948C97.2564%2030.0626%2097.4707%2030.3734%2097.5886%2030.7269L95.8367%2031.5305C95.7617%2031.3162%2095.5796%2031.1448%2095.2903%2031.0162C95.001%2030.8769%2094.7117%2030.8073%2094.4224%2030.8073C94.1331%2030.8073%2093.9081%2030.8716%2093.7473%2031.0002C93.5973%2031.118%2093.5223%2031.2841%2093.5223%2031.4984C93.5223%2031.6377%2093.5973%2031.7555%2093.7473%2031.852C93.8974%2031.9377%2094.1116%2032.0127%2094.3902%2032.077L95.4349%2032.3341C95.9599%2032.4627%2096.3778%2032.6717%2096.6885%2032.961C97.01%2033.2395%2097.2403%2033.5556%2097.3796%2033.9092C97.5296%2034.2521%2097.6046%2034.5896%2097.6046%2034.9217C97.6046%2035.4039%2097.46%2035.8325%2097.1707%2036.2075C96.8921%2036.5718%2096.5064%2036.8557%2096.0135%2037.0593C95.5313%2037.2629%2094.9795%2037.3647%2094.3581%2037.3647ZM101.829%2037.3647C101.315%2037.3647%20100.833%2037.2897%20100.383%2037.1397C99.9326%2036.979%2099.5361%2036.7539%2099.1932%2036.4647C98.8504%2036.1646%2098.5825%2035.8003%2098.3896%2035.3718L100.206%2034.536C100.367%2034.7932%20100.586%2035.0182%20100.865%2035.211C101.143%2035.3932%20101.465%2035.4843%20101.829%2035.4843C102.183%2035.4843%20102.456%2035.436%20102.649%2035.3396C102.842%2035.2325%20102.938%2035.0825%20102.938%2034.8896C102.938%2034.6967%20102.858%2034.5574%20102.697%2034.4717C102.547%2034.3753%20102.338%2034.2949%20102.07%2034.2306L101.331%2034.0378C100.559%2033.8342%2099.9486%2033.5128%2099.4986%2033.0735C99.0593%2032.6234%2098.8397%2032.1091%2098.8397%2031.5305C98.8397%2030.7055%2099.1022%2030.068%2099.6272%2029.618C100.163%2029.168%20100.918%2028.9429%20101.893%2028.9429C102.397%2028.9429%20102.863%2029.0179%20103.292%2029.168C103.731%2029.318%20104.106%2029.5269%20104.417%2029.7948C104.727%2030.0626%20104.942%2030.3734%20105.06%2030.7269L103.308%2031.5305C103.233%2031.3162%20103.051%2031.1448%20102.761%2031.0162C102.472%2030.8769%20102.183%2030.8073%20101.893%2030.8073C101.604%2030.8073%20101.379%2030.8716%20101.218%2031.0002C101.068%2031.118%20100.993%2031.2841%20100.993%2031.4984C100.993%2031.6377%20101.068%2031.7555%20101.218%2031.852C101.368%2031.9377%20101.583%2032.0127%20101.861%2032.077L102.906%2032.3341C103.431%2032.4627%20103.849%2032.6717%20104.16%2032.961C104.481%2033.2395%20104.711%2033.5556%20104.851%2033.9092C105.001%2034.2521%20105.076%2034.5896%20105.076%2034.9217C105.076%2035.4039%20104.931%2035.8325%20104.642%2036.2075C104.363%2036.5718%20103.977%2036.8557%20103.484%2037.0593C103.002%2037.2629%20102.451%2037.3647%20101.829%2037.3647ZM106.439%2037.1718V29.1358H108.56V37.1718H106.439ZM107.5%2027.834C107.178%2027.834%20106.894%2027.7161%20106.648%2027.4804C106.401%2027.234%20106.278%2026.9447%20106.278%2026.6125C106.278%2026.2803%20106.401%2025.9964%20106.648%2025.7607C106.894%2025.5142%20107.178%2025.391%20107.5%2025.391C107.832%2025.391%20108.116%2025.5142%20108.351%2025.7607C108.598%2025.9964%20108.721%2026.2803%20108.721%2026.6125C108.721%2026.9447%20108.598%2027.234%20108.351%2027.4804C108.116%2027.7161%20107.832%2027.834%20107.5%2027.834ZM113.522%2037.3647C113.008%2037.3647%20112.526%2037.2897%20112.076%2037.1397C111.626%2036.979%20111.229%2036.7539%20110.886%2036.4647C110.543%2036.1646%20110.276%2035.8003%20110.083%2035.3718L111.899%2034.536C112.06%2034.7932%20112.279%2035.0182%20112.558%2035.211C112.836%2035.3932%20113.158%2035.4843%20113.522%2035.4843C113.876%2035.4843%20114.149%2035.436%20114.342%2035.3396C114.535%2035.2325%20114.631%2035.0825%20114.631%2034.8896C114.631%2034.6967%20114.551%2034.5574%20114.39%2034.4717C114.24%2034.3753%20114.031%2034.2949%20113.763%2034.2306L113.024%2034.0378C112.252%2033.8342%20111.642%2033.5128%20111.192%2033.0735C110.752%2032.6234%20110.533%2032.1091%20110.533%2031.5305C110.533%2030.7055%20110.795%2030.068%20111.32%2029.618C111.856%2029.168%20112.611%2028.9429%20113.586%2028.9429C114.09%2028.9429%20114.556%2029.0179%20114.985%2029.168C115.424%2029.318%20115.799%2029.5269%20116.11%2029.7948C116.42%2030.0626%20116.635%2030.3734%20116.753%2030.7269L115.001%2031.5305C114.926%2031.3162%20114.744%2031.1448%20114.454%2031.0162C114.165%2030.8769%20113.876%2030.8073%20113.586%2030.8073C113.297%2030.8073%20113.072%2030.8716%20112.911%2031.0002C112.761%2031.118%20112.686%2031.2841%20112.686%2031.4984C112.686%2031.6377%20112.761%2031.7555%20112.911%2031.852C113.061%2031.9377%20113.276%2032.0127%20113.554%2032.077L114.599%2032.3341C115.124%2032.4627%20115.542%2032.6717%20115.853%2032.961C116.174%2033.2395%20116.404%2033.5556%20116.544%2033.9092C116.694%2034.2521%20116.769%2034.5896%20116.769%2034.9217C116.769%2035.4039%20116.624%2035.8325%20116.335%2036.2075C116.056%2036.5718%20115.67%2036.8557%20115.178%2037.0593C114.695%2037.2629%20114.144%2037.3647%20113.522%2037.3647ZM121.314%2037.3647C120.425%2037.3647%20119.75%2037.145%20119.289%2036.7057C118.839%2036.2664%20118.614%2035.6396%20118.614%2034.8253V26.6286H120.736V34.3592C120.736%2034.7021%20120.811%2034.9646%20120.961%2035.1467C121.111%2035.3182%20121.33%2035.4039%20121.619%2035.4039C121.727%2035.4039%20121.845%2035.3825%20121.973%2035.3396C122.102%2035.286%20122.236%2035.211%20122.375%2035.1146L123.114%2036.7057C122.857%2036.8986%20122.568%2037.054%20122.246%2037.1718C121.936%2037.3004%20121.625%2037.3647%20121.314%2037.3647ZM117.312%2030.9359V29.1358H122.745V30.9359H117.312ZM129.15%2037.1718L129.07%2035.5485V33.1056C129.07%2032.6234%20129.016%2032.2163%20128.909%2031.8841C128.802%2031.5413%20128.636%2031.2841%20128.411%2031.1127C128.197%2030.9305%20127.907%2030.8394%20127.543%2030.8394C127.221%2030.8394%20126.932%2030.9091%20126.675%2031.0484C126.418%2031.1877%20126.198%2031.4127%20126.016%2031.7234L124.087%2031.0645C124.237%2030.7216%20124.457%2030.3894%20124.746%2030.068C125.036%2029.7358%20125.411%2029.468%20125.871%2029.2644C126.343%2029.0501%20126.916%2028.9429%20127.591%2028.9429C128.395%2028.9429%20129.064%2029.0876%20129.6%2029.3769C130.147%2029.6662%20130.554%2030.0948%20130.822%2030.6627C131.089%2031.2198%20131.218%2031.9056%20131.207%2032.7199L131.159%2037.1718H129.15ZM126.932%2037.3647C125.968%2037.3647%20125.218%2037.1504%20124.682%2036.7218C124.157%2036.2932%20123.895%2035.6878%20123.895%2034.9057C123.895%2034.0485%20124.179%2033.4056%20124.746%2032.977C125.325%2032.5377%20126.134%2032.3181%20127.173%2032.3181H129.214V33.8931H127.913C127.216%2033.8931%20126.734%2033.9788%20126.466%2034.1503C126.198%2034.311%20126.064%2034.5414%20126.064%2034.8414C126.064%2035.0771%20126.171%2035.2646%20126.386%2035.4039C126.6%2035.5325%20126.9%2035.5968%20127.286%2035.5968C127.629%2035.5968%20127.934%2035.5164%20128.202%2035.3557C128.47%2035.1842%20128.679%2034.97%20128.829%2034.7128C128.989%2034.4449%20129.07%2034.1717%20129.07%2033.8931H129.632C129.632%2034.986%20129.418%2035.8378%20128.989%2036.4486C128.572%2037.0593%20127.886%2037.3647%20126.932%2037.3647ZM132.898%2037.1718V29.1358H134.891L135.02%2030.6144V37.1718H132.898ZM138.218%2037.1718V33.0574L140.34%2032.5752V37.1718H138.218ZM138.218%2033.0574C138.218%2032.5109%20138.154%2032.0877%20138.025%2031.7877C137.907%2031.4877%20137.736%2031.2734%20137.511%2031.1448C137.286%2031.0055%20137.023%2030.9359%20136.723%2030.9359C136.177%2030.9252%20135.754%2031.0912%20135.454%2031.4341C135.164%2031.777%20135.02%2032.2859%20135.02%2032.961H134.312C134.312%2032.1038%20134.436%2031.3805%20134.682%2030.7912C134.939%2030.1912%20135.293%2029.7358%20135.743%2029.4251C136.193%2029.1037%20136.723%2028.9429%20137.334%2028.9429C138.309%2028.9429%20139.054%2029.243%20139.568%2029.843C140.093%2030.4323%20140.35%2031.343%20140.34%2032.5752L138.218%2033.0574ZM145.344%2037.3647C144.454%2037.3647%20143.779%2037.145%20143.319%2036.7057C142.869%2036.2664%20142.644%2035.6396%20142.644%2034.8253V26.6286H144.765V34.3592C144.765%2034.7021%20144.84%2034.9646%20144.99%2035.1467C145.14%2035.3182%20145.36%2035.4039%20145.649%2035.4039C145.756%2035.4039%20145.874%2035.3825%20146.003%2035.3396C146.131%2035.286%20146.265%2035.211%20146.404%2035.1146L147.144%2036.7057C146.887%2036.8986%20146.597%2037.054%20146.276%2037.1718C145.965%2037.3004%20145.654%2037.3647%20145.344%2037.3647ZM141.342%2030.9359V29.1358H146.774V30.9359H141.342Z%22%20fill=%22white%22/%3E%0A%3Ccircle%20cx=%22190.855%22%20cy=%2231.1447%22%20r=%2231.1395%22%20transform=%22rotate(120%20190.855%2031.1447)%22%20fill=%22url(%23paint0_linear_26002_611)%22/%3E%0A%3Ccircle%20cx=%22190.71%22%20cy=%2230.8282%22%20r=%2226.0784%22%20transform=%22rotate(120%20190.71%2030.8282)%22%20stroke=%22%23847F7F%22/%3E%0A%3Cpath%20d=%22M197.43%2026.6349L199.142%2023.0057L202.909%2021.3561L199.142%2019.7065L197.43%2016.0773L195.718%2019.7065L191.951%2021.3561L195.718%2023.0057L197.43%2026.6349ZM187.157%2027.2947L183.732%2020.0364L180.308%2027.2947L172.774%2030.594L180.308%2033.8932L183.732%2041.1515L187.157%2033.8932L194.691%2030.594L187.157%2027.2947ZM196.488%2033.6458L194.776%2037.2749L191.009%2038.9245L194.776%2040.5742L196.488%2044.2033L198.201%2040.5742L201.968%2038.9245L198.201%2037.2749L196.488%2033.6458Z%22%20fill=%22url(%23paint1_linear_26002_611)%22/%3E%0A%3Cdefs%3E%0A%3Cfilter%20id=%22filter0_d_26002_611%22%20x=%220%22%20y=%2210.0503%22%20width=%22197.887%22%20height=%2251.2296%22%20filterUnits=%22userSpaceOnUse%22%20color-interpolation-filters=%22sRGB%22%3E%0A%3CfeFlood%20flood-opacity=%220%22%20result=%22BackgroundImageFix%22/%3E%0A%3CfeColorMatrix%20in=%22SourceAlpha%22%20type=%22matrix%22%20values=%220%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%20127%200%22%20result=%22hardAlpha%22/%3E%0A%3CfeOffset%20dy=%224%22/%3E%0A%3CfeGaussianBlur%20stdDeviation=%222%22/%3E%0A%3CfeComposite%20in2=%22hardAlpha%22%20operator=%22out%22/%3E%0A%3CfeColorMatrix%20type=%22matrix%22%20values=%220%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200.25%200%22/%3E%0A%3CfeBlend%20mode=%22normal%22%20in2=%22BackgroundImageFix%22%20result=%22effect1_dropShadow_26002_611%22/%3E%0A%3CfeBlend%20mode=%22normal%22%20in=%22SourceGraphic%22%20in2=%22effect1_dropShadow_26002_611%22%20result=%22shape%22/%3E%0A%3C/filter%3E%0A%3ClinearGradient%20id=%22paint0_linear_26002_611%22%20x1=%22211.144%22%20y1=%2285.0401%22%20x2=%22179.77%22%20y2=%2287.7614%22%20gradientUnits=%22userSpaceOnUse%22%3E%0A%3Cstop/%3E%0A%3Cstop%20offset=%220.701923%22%20stop-color=%22%232A2A2A%22/%3E%0A%3Cstop%20offset=%220.990385%22/%3E%0A%3C/linearGradient%3E%0A%3ClinearGradient%20id=%22paint1_linear_26002_611%22%20x1=%22163.734%22%20y1=%228.04128%22%20x2=%22220.99%22%20y2=%2244.2033%22%20gradientUnits=%22userSpaceOnUse%22%3E%0A%3Cstop%20stop-color=%22%23B09660%22/%3E%0A%3Cstop%20offset=%220.466346%22%20stop-color=%22%23F9F1AD%22/%3E%0A%3Cstop%20offset=%221%22%20stop-color=%22%23B29E6B%22/%3E%0A%3C/linearGradient%3E%0A%3C/defs%3E%0A%3C/svg%3E") center / contain no-repeat;
  box-shadow: none;
  z-index: 1030;                /* under the site's Bootstrap modals (1050) */
}
.hdcw-fab > svg { display: none; }
.hdcw-fab:hover { transform: scale(1.02); }
@media (max-width: 767px) {
  /* Bottom centre, so the pill never sits on the vehicle page's WhatsApp
   * floater horizontally and never runs off a 320px phone (222 + 2x49). */
  .hdcw-fab { left: 50%; right: auto; transform: translateX(-50%); }
  .hdcw-fab:hover { transform: translateX(-50%) scale(1.02); }
  /* Nothing in this dealer's defs sets CHAT_WIDGET_FAB_RIGHT_MOBILE, but if a
   * shift class ever lands it must not undo the centring. */
  .hdcw-fab.hdcw-shift { left: 50%; right: auto; }
}

/* ---------- Header (24:711): an 81px gold-gradient band, r15 on top, black
 * ink. Mark 30x28 @21,22; title Figtree Bold 18/18 @71,23; subtitle
 * Montserrat Medium 12 @70,45, UNDER the title. Nav icons at y24: reset
 * 20x16 @296, expand 16x16 @334, close 15x15 @369 (right edge 384). */
.hdcw-panel .hdcw-head {
  position: relative;
  height: 81px;
  flex: none;
  box-sizing: border-box;
  overflow: hidden;             /* an over-long name is clipped, never spilled */
  align-items: flex-start;
  padding: 0 15px 0 21px;
  gap: 0;
  background: linear-gradient(90deg, #B09660 0%, #F9F1AD 46.6%, #B29E6B 100%);
}
.hdcw-head::before {
  content: '';
  flex: 0 0 30px;
  height: 28px;
  margin: 22px 20px 0 0;        /* title at x71 */
  background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width=%2230%22%20height=%2228%22%20viewBox=%220%200%2030%2028%22%20fill=%22none%22%20xmlns=%22http://www.w3.org/2000/svg%22%3E%0A%3Cpath%20d=%22M24.5455%2010.5103L26.25%206.89736L30%205.25513L26.25%203.6129L24.5455%200L22.8409%203.6129L19.0909%205.25513L22.8409%206.89736L24.5455%2010.5103ZM14.3182%2011.1672L10.9091%203.94135L7.5%2011.1672L0%2014.4516L7.5%2017.7361L10.9091%2024.9619L14.3182%2017.7361L21.8182%2014.4516L14.3182%2011.1672ZM23.608%2017.4897L21.9034%2021.1026L18.1534%2022.7449L21.9034%2024.3871L23.608%2028L25.3125%2024.3871L29.0625%2022.7449L25.3125%2021.1026L23.608%2017.4897Z%22%20fill=%22white%22/%3E%0A%3C/svg%3E") center / contain no-repeat;
}
.hdcw-head > div { margin-top: 23px; min-width: 0; padding-right: 12px; }
.hdcw-head b {
  font-size: 18px;
  line-height: 18px;
  font-weight: 700;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.hdcw-head small {
  display: block;
  margin-top: 4px;              /* subtitle cap line at y45 */
  opacity: 1;
  font-family: 'Montserrat', var(--hdcw-font);
  font-size: 12px;
  font-weight: 500;
  line-height: 15px;
  white-space: nowrap;
}
.hdcw-reset, .hdcw-exp, .hdcw-close {
  flex: none;
  align-self: flex-start;
  padding: 0;
  font-size: 0;
  background-repeat: no-repeat;
  background-position: center;
}
.hdcw-reset {
  width: 22px;
  height: 18px;
  margin: 23px 0 0 auto;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width=%2222%22%20height=%2218%22%20viewBox=%220%200%2022%2018%22%20fill=%22none%22%20xmlns=%22http://www.w3.org/2000/svg%22%3E%0A%3Cpath%20d=%22M13%201C17.4133%201%2021%204.58667%2021%209C21%2013.4133%2017.4133%2017%2013%2017C8.58667%2017%205%2013.4133%205%209V5.66667%22%20stroke=%22black%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22/%3E%0A%3Cpath%20d=%22M1%209L5%205L9%209%22%20stroke=%22black%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22/%3E%0A%3C/svg%3E");
  background-size: 22px 18px;
}
.hdcw-reset svg { display: none; }
.hdcw-panel:not(.hdcw-max) .hdcw-exp {
  width: 18px;
  height: 18px;
  margin: 23px 0 0 16px;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width=%2218%22%20height=%2218%22%20viewBox=%22-1%20-1%2018%2018%22%20fill=%22none%22%20xmlns=%22http://www.w3.org/2000/svg%22%3E%0A%3Cpath%20d=%22M1.2002%2012V14.7998H4V16H0V12H1.2002ZM16%2016H12V14.7998H14.7998V12H16V16ZM16%204H14.7998V1.2002H12V0H16V4ZM4%201.2002H1.2002V4H0V0H4V1.2002Z%22%20fill=%22black%22/%3E%0A%3C/svg%3E");
  background-size: 18px 18px;
}
.hdcw-panel:not(.hdcw-max) .hdcw-exp svg { display: none; }
.hdcw-max .hdcw-exp { margin: 24px 0 0 16px; font-size: 0; }
.hdcw-close {
  width: 17px;
  height: 17px;
  margin: 23px 0 0 17px;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width=%2217%22%20height=%2217%22%20viewBox=%22-1%20-1%2017%2017%22%20fill=%22none%22%20xmlns=%22http://www.w3.org/2000/svg%22%3E%0A%3Cpath%20d=%22M15%201.74427L13.2557%200L7.5%205.75573L1.74427%200L0%201.74427L5.75573%207.5L0%2013.2557L1.74427%2015L7.5%209.24427L13.2557%2015L15%2013.2557L9.24427%207.5L15%201.74427Z%22%20fill=%22black%22/%3E%0A%3C/svg%3E");
  background-size: 17px 17px;
}

/* ---------- Message column: bot bubbles at x16 (334 wide), user bubbles end
 * at x382, openers 16..377, chips and cards from x18. */
.hdcw-msgs { padding: 14px 18px 14px 16px; }

/* Bubbles. Bot (37:325 334x51, 37:322 334x68, 42:720 334x83): #EDEDED, 1px
 * #C7C7C7 inside stroke, r10 with the BOTTOM-LEFT corner square, Figtree
 * Regular 14/17 with 1% tracking, text 22px in, 17px of air above and below
 * (a one-line bubble is 51 tall: 17 + 17 + 17).
 * User (37:388 130x48, 4048:708 189x48): #F4EDD3, 1px #D6C588, black Regular
 * 14, r10 with the BOTTOM-RIGHT corner square, 48 tall for one line. */
.hdcw-msg {
  max-width: 96%;               /* the long user bubble 2030:495 is 352 of 366 */
  padding: 15px 22px;
  font-size: 14px;
  line-height: 17px;
  letter-spacing: .01em;
}
.hdcw-bot {
  width: 91%;
  max-width: 91%;
  box-sizing: border-box;
  background: #EDEDED;
  border-color: #C7C7C7;
  border-radius: 10px 10px 10px 0;
  padding: 16px 22px;
}
/* The greeting (1:11, identical on the seven artboards that draw it): a 334x95
 * bubble whose 58px text box sits 14px under the top edge, its headline Bold
 * and followed by a 24px line. The headline is an inline-block with a bottom
 * margin so it grows its own line only, whatever the admin copy after it. */
.hdcw-msgs > .hdcw-bot:first-child { line-height: 17px; padding: 14px 22px 21px; }
.hdcw-bot b, .hdcw-bot strong { font-weight: 600; }
.hdcw-msgs > .hdcw-bot:first-child b,
.hdcw-msgs > .hdcw-bot:first-child strong { display: inline-block; margin-bottom: 7px; font-weight: 700; }
.hdcw-bot a.hdcw-link { font-weight: 600; color: #000000; }
/* The reply that lists cars as links (19:515 on 16-browse-auto) keeps the
 * #EDEDED ground here - unlike bmg's file, every long reply on this artwork
 * (19:515, 2030:576, 2030:590) is the same grey bubble - but is set on the
 * designer's looser 19px leading. */
.hdcw-bot:has(a.hdcw-link) { line-height: 19px; padding: 27px 22px 27px; }
.hdcw-user {
  border: 1px solid #D6C588;
  border-radius: 10px 10px 0 10px;
  font-weight: 400;
  padding: 14px 28px 14px 22px;  /* 17px line centred in a 48px bubble */
}
.hdcw-typing {
  background: #EDEDED;
  border-color: #C7C7C7;
  border-radius: 10px 10px 10px 0;
  padding: 16px 22px;
}
/* "Searching our stock..." (2030:573, 19:537, 19:652): Lato Italic 12/14,
 * #6D6D6D, x20 - 4px in from the bubble column. */
.hdcw-status {
  font-family: 'Lato', var(--hdcw-font);
  font-style: italic;
  font-weight: 400;
  font-size: 12px;
  line-height: 14px;
  margin: 2px 0 5px;
  padding: 0 4px;
}

/* ---------- Openers (lozenge 12:145 / 6001:1006 / 6001:1031): a 361x72 white
 * pill, r10, 1px #B8A068 inside stroke, NO shadow, with a 56px #F4EDD3 well
 * on the LEFT (r10 on its own two corners, clipped by the pill's radius)
 * holding a black glyph; a black 6x12 chevron 17.5px in from the right at
 * y29.5. Title Figtree SemiBold 17 at x94.5 y19, sub-caption Regular 12 at
 * x94.5 y40 (::after - the widget renders one label). Tops at y209 / 291 /
 * 373, "Something else" at 455: a 10px pitch, and the first sits 19px under
 * the greeting bubble (the widget's own gap is 10 + a 2px margin). */
.hdcw-opener { gap: 10px; margin: 9px 5px 0 0; }  /* 361 wide: x16..377 */
.hdcw-opener button { position: relative; }
.hdcw-opener button.hdcw-op-used,
.hdcw-opener button.hdcw-op-new,
.hdcw-opener button.hdcw-op-quiz,
.hdcw-opener button.hdcw-op-alert,
.hdcw-opener .hdcw-else.hdcw-op-else {
  box-sizing: border-box;
  border: 1px solid #B8A068;
  border-radius: 10px;
  background:
    url("data:image/svg+xml;charset=utf-8,%3Csvg%20width=%228%22%20height=%2214%22%20viewBox=%22-1%20-1%208%2014%22%20fill=%22none%22%20xmlns=%22http://www.w3.org/2000/svg%22%3E%0A%3Cpath%20d=%22M5.40984e-09%201.215L1.00917%202.18156e-07L6%206L1.00917%2012L4.23728e-07%2010.785L3.97792%206L5.40984e-09%201.215Z%22%20fill=%22black%22/%3E%0A%3C/svg%3E") no-repeat right 16.5px top 28.5px / 8px 14px border-box,
    linear-gradient(#F4EDD3, #F4EDD3) no-repeat left top / 56px 100% border-box,
    #fff;
  color: #000000;
  text-align: left;
  box-shadow: none;
}
.hdcw-opener button.hdcw-op-used,
.hdcw-opener button.hdcw-op-new,
.hdcw-opener button.hdcw-op-quiz,
.hdcw-opener button.hdcw-op-alert {
  min-height: 72px;
  padding: 18px 44px 17px 77.5px;  /* 1 + 18 + 20 title + 1 + 14 cap + 17 + 1 = 72 */
  font-size: 17px;
  font-weight: 600;
  line-height: 20px;
}
.hdcw-opener button.hdcw-op-used:hover,
.hdcw-opener button.hdcw-op-new:hover,
.hdcw-opener button.hdcw-op-quiz:hover,
.hdcw-opener button.hdcw-op-alert:hover,
.hdcw-opener .hdcw-else.hdcw-op-else:hover { background-color: #FBF7E8; opacity: 1; }
/* Glyph boxes = the export (+1px bezel where the path touches the viewBox),
 * placed from the padding box: artwork offset - 1px border - 1px bezel. */
.hdcw-opener button.hdcw-op-used::before,
.hdcw-opener button.hdcw-op-new::before,
.hdcw-opener button.hdcw-op-quiz::before,
.hdcw-opener button.hdcw-op-alert::before,
.hdcw-opener button.hdcw-op-else::before {
  content: '';
  position: absolute;
  background: center / contain no-repeat;
}
.hdcw-opener button.hdcw-op-used::before,
.hdcw-opener button.hdcw-op-new::before { left: 16px; top: 22.5px; width: 23px; height: 23px; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width=%2223%22%20height=%2223%22%20viewBox=%22-1%20-1%2023%2023%22%20fill=%22none%22%20xmlns=%22http://www.w3.org/2000/svg%22%3E%0A%3Cpath%20fill-rule=%22evenodd%22%20clip-rule=%22evenodd%22%20d=%22M3.4725%207.875C4.00796%206.44344%204.96784%205.20955%206.22373%204.33844C7.47961%203.46733%208.97158%203.00055%2010.5%203.00055C12.0284%203.00055%2013.5204%203.46733%2014.7763%204.33844C16.0322%205.20955%2016.992%206.44344%2017.5275%207.875H3.4725ZM3.009%2010.125C2.91585%2011.9817%203.51556%2013.8067%204.69181%2015.2463C5.86806%2016.6858%207.53702%2017.6373%209.375%2017.916V13.7145L6.234%2010.125H3.009ZM11.625%2017.916C13.463%2017.6373%2015.1319%2016.6858%2016.3082%2015.2463C17.4844%2013.8067%2018.0841%2011.9817%2017.991%2010.125H14.766L11.625%2013.7145V17.916ZM10.5%200C7.71523%200%205.04451%201.10625%203.07538%203.07538C1.10625%205.04451%200%207.71523%200%2010.5C0%2013.2848%201.10625%2015.9555%203.07538%2017.9246C5.04451%2019.8938%207.71523%2021%2010.5%2021C13.2848%2021%2015.9555%2019.8938%2017.9246%2017.9246C19.8938%2015.9555%2021%2013.2848%2021%2010.5C21%207.71523%2019.8938%205.04451%2017.9246%203.07538C15.9555%201.10625%2013.2848%200%2010.5%200Z%22%20fill=%22black%22/%3E%0A%3C/svg%3E"); }
.hdcw-opener button.hdcw-op-quiz::before { left: 16px; top: 22px; width: 23px; height: 22px; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width=%2223%22%20height=%2222%22%20viewBox=%22-1%20-1%2023%2022%22%20fill=%22none%22%20xmlns=%22http://www.w3.org/2000/svg%22%3E%0A%3Cpath%20d=%22M5.36353%200C2.95346%201.12159%201.11412%202.9479%200.00542644%205.10414L2.6284%206.32976C3.45934%204.71079%204.83703%203.33701%206.64622%202.49541L5.36344%200H5.36353ZM15.6406%200.00650173L14.3537%202.5032C16.0537%203.29466%2017.4961%204.60668%2018.3798%206.32976L21%205.10806C19.8222%202.81274%2017.9047%201.06228%2015.6405%200.00646007L15.6406%200.00650173ZM18.377%2013.665C17.5463%2015.2848%2016.1657%2016.6522%2014.3565%2017.4941L15.6447%2020C18.0567%2018.8778%2019.8933%2017.0509%2021%2014.8919L18.377%2013.665ZM2.62568%2013.6702L0%2014.8945C1.17841%2017.1908%203.09726%2018.9406%205.36353%2019.9948L6.65038%2017.4968C4.95038%2016.7053%203.50931%2015.3931%202.62568%2013.6702V13.6702Z%22%20fill=%22black%22/%3E%0A%3C/svg%3E"); }
.hdcw-opener button.hdcw-op-alert::before { left: 16px; top: 23px; width: 23px; height: 20px; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width=%2223%22%20height=%2220%22%20viewBox=%22-1%20-1%2023%2020%22%20fill=%22none%22%20xmlns=%22http://www.w3.org/2000/svg%22%3E%0A%3Cpath%20d=%22M13.2222%200L21%207.82609L12.8333%2010.5652L15.5556%2013.3043L0%2018L6.22222%2011.7391L3.88889%209.3913L13.2222%200ZM13.2222%203.13043L7%209.3913L9.33333%2011.7391L7.26444%2013.8209L11.6667%2012.5217L8.74222%209.57913L16.9244%206.85565%22%20fill=%22black%22/%3E%0A%3C/svg%3E"); }
.hdcw-opener button.hdcw-op-used::after,
.hdcw-opener button.hdcw-op-new::after,
.hdcw-opener button.hdcw-op-quiz::after,
.hdcw-opener button.hdcw-op-alert::after {
  /* in flow under the title, not absolute: a title that wraps on a phone
   * pushes the caption down instead of printing over it */
  display: block;
  margin-top: 1px;
  text-align: left;
  font-size: 12px;
  font-weight: 400;
  line-height: 14px;
  letter-spacing: 0;
  color: #000000;
}
/* The artwork's captions, verbatim; the stock number is
 * live since CON-995: see the [data-stock] rule below.
 * 30002:640, 6001:1012, 6001:1037. */
.hdcw-opener button.hdcw-op-used::after { content: 'Used vehicles in stock'; }
/* CON-995: live used-stock count. The widget sets data-stock on the
 * button and this rule prints it; the caption without a number above
 * shows until it arrives, or if it cannot. Roll back: delete this rule
 * and put the artwork's caption back above: '27 used vehicles in stock'. */
.hdcw-opener button.hdcw-op-used[data-stock]::after { content: attr(data-stock) ' used vehicles in stock'; }
.hdcw-opener button.hdcw-op-new::after { content: 'Browse the new models we sell'; }
.hdcw-opener button.hdcw-op-quiz::after { content: 'Get matched to car to suit your needs'; }
.hdcw-opener button.hdcw-op-alert::after { content: 'Receive a daily stock alert'; }

/* "Something else" (2023:430): the same pill at 361x52 with the same cream
 * well. Title @97,471 (x81 y16 in the pill); "?" 8x16.8 @41,472; chevron
 * y21.5. */
.hdcw-opener .hdcw-else.hdcw-op-else {
  min-height: 52px;
  padding: 15px 44px 15px 80px;
  font-size: 17px;
  font-weight: 600;
  line-height: 20px;
  background:
    url("data:image/svg+xml;charset=utf-8,%3Csvg%20width=%228%22%20height=%2214%22%20viewBox=%22-1%20-1%208%2014%22%20fill=%22none%22%20xmlns=%22http://www.w3.org/2000/svg%22%3E%0A%3Cpath%20d=%22M5.40984e-09%201.215L1.00917%202.18156e-07L6%206L1.00917%2012L4.23728e-07%2010.785L3.97792%206L5.40984e-09%201.215Z%22%20fill=%22black%22/%3E%0A%3C/svg%3E") no-repeat right 16.5px top 20.5px / 8px 14px border-box,
    linear-gradient(#F4EDD3, #F4EDD3) no-repeat left top / 56px 100% border-box,
    #fff;
}
.hdcw-opener button.hdcw-op-else::before { left: 23px; top: 15px; width: 10px; height: 19px; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width=%2210%22%20height=%2219%22%20viewBox=%220%200%2010%2019%22%20fill=%22none%22%20xmlns=%22http://www.w3.org/2000/svg%22%3E%0A%3Cpath%20d=%22M1.00502%204.81841C1.00502%20-0.266105%208.99498%20-0.266105%208.99498%204.81841C8.99498%208.45021%205.36318%207.72385%205.36318%2012.082M5.36318%2017.9074L5.37771%2017.8914%22%20stroke=%22black%22%20stroke-width=%222.01005%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22/%3E%0A%3C/svg%3E"); }

/* Context CTA ("Tell me about this car" 19:683, "Browse Cars" 5:1044): 349x55,
 * r10, the gold gradient, black Lato SemiBold 15, centred. */
.hdcw-opener button.hdcw-op-ctx {
  min-height: 55px;
  margin: 0 4px 0 8px;          /* 349 wide at x24 (16-browse-auto) */
  border: 0;
  border-radius: 10px;
  padding: 17px 0 18px;         /* cap line 17px under the bar top (19:681) */
  background: linear-gradient(90deg, #B09660 0%, #F9F1AD 46.6%, #B29E6B 100%);
  color: #000000;
  font-family: 'Lato', var(--hdcw-font);
  font-style: normal;
  font-size: 15px;
  font-weight: 700;
  line-height: 20px;
}
.hdcw-opener button.hdcw-op-ctx:hover { opacity: .9; }

/* ---------- Chips (item 16:212): 31px white, r10, NO border, 0/4/4 25%
 * shadow, Figtree Regular 12/13 black, centred, text cap line 9px under the
 * chip top. Rows start 2px in from the bubble column (x18), 5px gaps both
 * ways. Selected = a 1px black stroke and nothing else (I37:328;16:208). */
.hdcw-chips { gap: 5px; padding: 0 2px; }
.hdcw-chip {
  background: #fff;
  color: #000000;
  border-color: transparent;
  border-radius: 10px;
  min-height: 31px;
  box-sizing: border-box;
  padding: 9px 18px 8px;    /* artwork chips: 107 wide for a 69px label (37:328) */
  font-size: 12px;
  line-height: 13px;
  letter-spacing: 0;
  box-shadow: 0 4px 4px rgba(0,0,0,.25);
}
.hdcw-chip:hover { background: #F7F7F7; border-color: transparent; color: #000000; }
.hdcw-chip--sel { border-color: #000000; box-shadow: 0 4px 4px rgba(0,0,0,.25); font-weight: 400; }
/* MVF loads Bootstrap 4.3.1, whose reboot adds `button:focus { outline: 5px
 * auto }`: a tapped chip would wear the browser's focus ring on top of the
 * artwork's 1px stroke. Mouse and touch focus drop it, keyboards keep it. */
.hdcw-chip:focus:not(:focus-visible) { outline: 0; }
/* POPULAR / LIFESTYLE / MAKES (16:213, 16:270, 16:323): Figtree Bold 11/13
 * #6D6D6D, no tracking, x23-24. */
.hdcw-ghead {
  letter-spacing: 0;
  font-size: 11px;
  line-height: 13px;
  font-weight: 700;
  margin: 3px 6px -1px 7px;
}
.hdcw-chips + .hdcw-ghead { margin-top: 8px; }
/* Quiz answer chips sit straight under their question bubble, flush with the
 * bubble column at x16 (37:328, 41:574), where the stock rows start at x18. */
.hdcw-bot + .hdcw-chips { padding-left: 0; margin-top: -2px; }

/* ---------- Car cards ("csr search" 19:566): 176 wide, 14px apart (x18 and
 * x208), white, 1px #E4E6EA, r10, photo 176x113 square-topped, body text 12px
 * in and 10px under the photo. Flush split action bar 213px under the photo
 * top: Details (77, white, #E4E6EA rule) | I'm Interested (99, the gold
 * gradient, black ink), both Figtree Regular 12/13 with -1% tracking. */
.hdcw-cars { gap: 14px; }
.hdcw-ncgrid { gap: 14px; }
.hdcw-car { border-radius: 0 0 10px 10px; border-color: #E4E6EA; }
.hdcw-car img.hdcw-carimg, .hdcw-car .hdcw-noimg { height: 113px; }
.hdcw-car .hdcw-carbody { padding: 9px 12px 10px; }
.hdcw-car h4.hdcw-cartitle {
  /* name every property: Bootstrap's h4 rule would win otherwise */
  margin: 0;
  font-family: var(--hdcw-font);
  font-size: 12px;
  font-weight: 400;
  line-height: 14px;
  letter-spacing: .01em;
  max-height: 28px;
}
.hdcw-car .hdcw-price { color: #000000; font-size: 12px; font-weight: 700; line-height: 19px; margin-top: 2px; }
.hdcw-car .hdcw-mo { color: #000000; font-size: 12px; font-weight: 500; line-height: 16px; }
.hdcw-car .hdcw-meta { color: #000000; font-size: 10px; line-height: 16px; margin-top: 0; }
.hdcw-ncgrid .hdcw-carbody { padding: 9px 12px 14px; }
.hdcw-ncgrid h4.hdcw-cartitle { max-height: none; }
.hdcw-car .hdcw-actions { margin: auto 0 0; gap: 0; }
.hdcw-car .hdcw-pick {
  flex: 77 0 0;
  border: 0;
  border-top: 1px solid #E4E6EA;
  border-radius: 0 0 0 9px;
  min-height: 31px;
  padding: 9px 0;
  font-size: 12px;
  font-weight: 400;
  line-height: 13px;
  letter-spacing: -.01em;
  background: #fff;
  color: #000000;
}
.hdcw-car .hdcw-pick:hover { background: #F7F7F7; color: #000000; }
.hdcw-car .hdcw-pick--primary {
  flex: 99 0 0;
  border-left: 1px solid #E4E6EA;
  border-radius: 0 0 9px 0;
  background: linear-gradient(90deg, #B09660 0%, #F9F1AD 46.6%, #B29E6B 100%);
  color: #000000;
}
.hdcw-car .hdcw-pick--primary:only-child { border-left: 0; border-radius: 0 0 9px 9px; }
.hdcw-car .hdcw-pick--primary:hover { background: linear-gradient(90deg, #B09660 0%, #F9F1AD 46.6%, #B29E6B 100%); opacity: .85; color: #000000; }

/* ---------- Footer (24:712): an #E4E6EA band 400x129. Input 299x51 @21,20 in
 * the band, r10, 1px black, placeholder Figtree Regular 14 ls 1% black, 28px
 * in. Send: the 52px gold circle 8px right of it. Disclosure: Figtree Regular
 * 12/15 ls 1% black, centred in a 275px box 11px under the input and 17px
 * above the panel foot. */
.hdcw-input {
  background: #E4E6EA;
  border-top: 0;
  padding: 20px 20px 10px 21px;  /* the 52px send sets the row: 20 + 52 + 10 */
  gap: 8px;
}
.hdcw-input input {
  box-sizing: border-box;
  height: 51px;
  border-radius: 10px;
  padding: 2px 20px 0 28px;     /* placeholder cap line 21px under the box top */
  font-size: 14px;
  line-height: 47px;
  letter-spacing: .01em;
}
.hdcw-input input::placeholder { color: #000000; opacity: 1; font: inherit; }
.hdcw-input input::-webkit-input-placeholder { color: #000000; opacity: 1; font: inherit; }
.hdcw-input input:focus { border-color: #000000; }
.hdcw-send {
  width: 52px;
  height: 52px;
  padding: 0;
  background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width=%2252%22%20height=%2252%22%20viewBox=%220%200%2052%2052%22%20fill=%22none%22%20xmlns=%22http://www.w3.org/2000/svg%22%3E%0A%3Ccircle%20cx=%2226%22%20cy=%2226%22%20r=%2226%22%20fill=%22url(%23paint0_linear_38002_991)%22/%3E%0A%3Cpath%20d=%22M21.6667%2026L19%2034L35%2026L19%2018L21.6667%2026ZM21.6667%2026H27%22%20stroke=%22black%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22/%3E%0A%3Cdefs%3E%0A%3ClinearGradient%20id=%22paint0_linear_38002_991%22%20x1=%220%22%20y1=%2226%22%20x2=%2252%22%20y2=%2226%22%20gradientUnits=%22userSpaceOnUse%22%3E%0A%3Cstop%20stop-color=%22%23B09660%22/%3E%0A%3Cstop%20offset=%220.466346%22%20stop-color=%22%23F9F1AD%22/%3E%0A%3Cstop%20offset=%221%22%20stop-color=%22%23B29E6B%22/%3E%0A%3C/linearGradient%3E%0A%3C/defs%3E%0A%3C/svg%3E") center / 52px 52px no-repeat;
}
.hdcw-send svg { display: none; }
.hdcw-send:disabled { opacity: .5; }
.hdcw-powered {
  background: #E4E6EA;
  font-size: 12px;
  line-height: 15px;
  letter-spacing: .01em;
  padding: 1px 62px 16px;
}
/* The disclosure is ONE text node on every artboard (2008:473): the same
 * Figtree Regular 12/15. "Terms & Conditions" is UNDERLINED on all 15 panel
 * artboards except the opener list (01-home), which draws it plain - probed
 * at rows 701.5-702 on every other one. The opener list is its own selector:
 * it removes itself as soon as a button is tapped. */
.hdcw-powered a.hdcw-tc { color: #000000; text-decoration: underline; }
.hdcw-panel:has(.hdcw-op-else) .hdcw-powered a.hdcw-tc { text-decoration: none; }
.hdcw-powered a.hdcw-tc:hover { color: #000000; }
.hdcw-powered > div { display: inline; }
.hdcw-powered > div:first-child::after { content: '.   '; white-space: pre; }

@media (max-width: 480px) {
  .hdcw-powered { padding: 1px 24px 16px; }
}

/* A themed input font-size under 16px would defeat the widget's iOS zoom
 * guard (equal specificity, theme loads last - CON-781/CON-853 trap). */
@media (pointer: coarse) {
  .hdcw-input input { font-size: 16px; }
}