@import url('https://fonts.googleapis.com/css2?family=Figtree:wght@400;700&family=Lato:ital@1&display=swap');
/* CON-965 chat widget branding - Downey's Auto Stop (das2, template DAS2).
 * Source of truth: the designer's Figma file lySysC8W65i6g0Lr6gfBhZ (page
 * 0:1, 16 artboards at 400x720) and its @2x artboard PNGs, which outrank the
 * node dump wherever the two disagree.
 * Tooling and QA: tickets/CON-965/qa-das2/; design notes:
 * tickets/CON-965/DESIGN-das2.md.
 *
 * Navy and red: an 81px header in a blue->navy diagonal gradient with the
 * dealer's red sparkle mark; WHITE pill openers with a 1px #E83D34 stroke,
 * a red glyph on the left, a navy Archivo Bold title, a black caption and a
 * small black chevron 17px off the right edge; #EDEDED bot bubbles with a
 * #C7C7C7 stroke and a squared bottom-left corner; #CEEAFE user bubbles;
 * white chips on a 0/4/4 25% shadow; a #E4E6EA footer band with a white
 * black-stroked input and a flat red 52px send button.
 * The launcher is the designer's "Virtual Assistant" pill + red roundel.
 * Type: Archivo (already loaded by the site) with Figtree for the disclosure
 * and the section heads and Lato Italic for the search status.
 * The panel is 400x720 = the designer's artboard, so offsets transfer 1:1.
 *
 * The "New Cars" opener (46001:530) is styled here because the artwork draws
 * it; whether it RENDERS is the dealer's show_new_cars admin setting, which
 * for das2 is 0 until Ford and Suzuki are sorted (CON-933 / mgm precedent).
 *
 * Regenerate with tickets/CON-965/build-theme-das2.py - edit the generator,
 * never this file.
 *
 * Served at /chat-theme; loaded by the widget AFTER its built-in stylesheet,
 * so every override here is a plain selector and never !important.
 */

.hdcw-fab,.hdcw-panel {
  --hdcw-accent: #E83D34;
  --hdcw-on-accent: #fff;
  --hdcw-font: 'Archivo', 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;         /* section heads, "Searching our stock..." */
  --hdcw-faint: #C7C7C7;     /* typing dots (decorative) */
  --hdcw-footer: #000000;          /* disclosure */
  --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: #fff;
  --hdcw-user-bg: #CEEAFE;
  --hdcw-user-color: #000000;
  --hdcw-link: #000000;
  --hdcw-btn-bg: #E83D34;
  --hdcw-btn-color: #fff;
  --hdcw-fab-gap: 0;             /* a pill launcher docks on the action bar */
}

/* ---------- Launcher (26002:611): the designer's own 237x85 lockup. On the
 * 400x653 home artboard the roundel's right edge lands at 405 (4px past the
 * mock's edge) and its foot on the artboard's bottom, i.e. flush into the
 * corner. */
.hdcw-fab {
  width: 237px;
  height: 85px;
  right: 4px;
  bottom: 4px;
  max-width: calc(100vw - 8px);
  border-radius: 0;
  background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width=%22231%22%20height=%2263%22%20viewBox=%220%200%20231%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.0173%22%20y=%229.70016%22%20width=%22212.917%22%20height=%2243.186%22%20rx=%2210%22%20fill=%22black%22/%3E%0A%3Crect%20x=%224.0173%22%20y=%229.70016%22%20width=%22212.917%22%20height=%2243.186%22%20rx=%2210%22%20fill=%22url(%23paint0_linear_26002_611)%22/%3E%0A%3C/g%3E%0A%3Cpath%20d=%22M31.2948%2037.1653L27.3096%2026.1418H29.8968L32.275%2033.1802C32.3179%2033.298%2032.3661%2033.4426%2032.4196%2033.614C32.4732%2033.7747%2032.5268%2033.9354%2032.5803%2034.0961C32.6339%2034.2568%2032.6767%2034.4014%2032.7089%2034.53H32.8053C32.8482%2034.4121%2032.891%2034.2782%2032.9339%2034.1282C32.9874%2033.9675%2033.0356%2033.8069%2033.0785%2033.6462C33.132%2033.4855%2033.1802%2033.3355%2033.2231%2033.1962L35.6013%2026.1418H38.0921L34.0908%2037.1653H31.2948Z%22%20fill=%22white%22/%3E%0A%3Cpath%20d=%22M39.3027%2027.4756V25.5473H41.5363V27.4756H39.3027ZM39.3027%2037.1653V28.7129H41.5363V37.1653H39.3027Z%22%20fill=%22white%22/%3E%0A%3Cpath%20d=%22M43.5867%2037.1653V28.7129H45.4347L45.6114%2030.0306H45.7239C45.8311%2029.7521%2045.9703%2029.5003%2046.1417%2029.2753C46.3131%2029.0397%2046.5274%2028.8522%2046.7845%2028.7129C47.0416%2028.5736%2047.3416%2028.504%2047.6844%2028.504C47.8665%2028.504%2048.0325%2028.5254%2048.1825%2028.5683C48.3325%2028.6004%2048.445%2028.6326%2048.52%2028.6647V30.6894H47.829C47.4969%2030.6894%2047.2023%2030.7376%2046.9452%2030.834C46.6988%2030.9198%2046.4899%2031.059%2046.3185%2031.2518C46.1471%2031.4447%2046.0185%2031.6804%2045.9328%2031.9589C45.8578%2032.2374%2045.8203%2032.5642%2045.8203%2032.9391V37.1653H43.5867Z%22%20fill=%22white%22/%3E%0A%3Cpath%20d=%22M52.214%2037.3581C51.6784%2037.3581%2051.2445%2037.2617%2050.9124%2037.0689C50.5803%2036.8761%2050.3393%2036.619%2050.1893%2036.2976C50.0393%2035.9655%2049.9643%2035.6012%2049.9643%2035.2049V30.4323H48.9198V28.7129H50.0447L50.4625%2026.3025H52.1979V28.7129H53.7406V30.4323H52.1979V34.8353C52.1979%2035.0924%2052.2569%2035.2906%2052.3747%2035.4298C52.4925%2035.5584%2052.6854%2035.6227%2052.9532%2035.6227H53.7406V37.101C53.612%2037.1439%2053.4621%2037.1814%2053.2906%2037.2135C53.1192%2037.2564%2052.9371%2037.2885%2052.7443%2037.3099C52.5515%2037.3421%2052.3747%2037.3581%2052.214%2037.3581Z%22%20fill=%22white%22/%3E%0A%3Cpath%20d=%22M57.9153%2037.3581C57.0583%2037.3581%2056.378%2037.1225%2055.8745%2036.6511C55.371%2036.1797%2055.1193%2035.4191%2055.1193%2034.3693V28.7129H57.3529V33.9997C57.3529%2034.2782%2057.385%2034.5139%2057.4493%2034.7067C57.5136%2034.8888%2057.6046%2035.0388%2057.7225%2035.1567C57.851%2035.2745%2058.0064%2035.3602%2058.1885%2035.4138C58.3706%2035.4673%2058.5742%2035.4941%2058.7991%2035.4941C59.1312%2035.4941%2059.4312%2035.4138%2059.699%2035.2531C59.9668%2035.0924%2060.1757%2034.8728%2060.3257%2034.5942C60.4757%2034.305%2060.5507%2033.9836%2060.5507%2033.6301V28.7129H62.7843V37.1653H60.9524L60.7917%2036.0083H60.6792C60.4757%2036.2762%2060.2346%2036.5118%2059.9561%2036.7154C59.6883%2036.9189%2059.383%2037.0743%2059.0402%2037.1814C58.6973%2037.2992%2058.3224%2037.3581%2057.9153%2037.3581Z%22%20fill=%22white%22/%3E%0A%3Cpath%20d=%22M67.0681%2037.3581C66.7896%2037.3581%2066.4896%2037.326%2066.1682%2037.2617C65.8576%2037.1975%2065.563%2037.085%2065.2844%2036.9243C65.0059%2036.7529%2064.7756%2036.5118%2064.5934%2036.2012C64.422%2035.8798%2064.3363%2035.4727%2064.3363%2034.9799C64.3363%2034.3907%2064.4649%2033.9033%2064.722%2033.5176C64.9791%2033.1319%2065.3433%2032.832%2065.8147%2032.6177C66.2968%2032.3928%2066.8699%2032.2374%2067.5341%2032.1517C68.1983%2032.066%2068.9321%2032.0232%2069.7356%2032.0232V31.3965C69.7356%2031.1501%2069.6927%2030.9358%2069.607%2030.7537C69.532%2030.5716%2069.3928%2030.427%2069.1892%2030.3198C68.9964%2030.2127%2068.7232%2030.1591%2068.3697%2030.1591C68.0162%2030.1591%2067.7269%2030.202%2067.502%2030.2877C67.2877%2030.3734%2067.1324%2030.4859%2067.036%2030.6251C66.9503%2030.7537%2066.9074%2030.8983%2066.9074%2031.059V31.2518H64.7381C64.7274%2031.1983%2064.722%2031.1501%2064.722%2031.1072C64.722%2031.0537%2064.722%2030.9894%2064.722%2030.9144C64.722%2030.4216%2064.872%2029.9984%2065.1719%2029.6449C65.4719%2029.2807%2065.8951%2029.0022%2066.4414%2028.8093C66.9878%2028.6165%2067.6252%2028.5201%2068.3536%2028.5201C69.1357%2028.5201%2069.7892%2028.6219%2070.3141%2028.8254C70.8497%2029.0289%2071.2568%2029.3289%2071.5353%2029.7253C71.8246%2030.1216%2071.9692%2030.6198%2071.9692%2031.2197V35.0602C71.9692%2035.2531%2072.0228%2035.3977%2072.1299%2035.4941C72.2477%2035.5798%2072.3763%2035.6227%2072.5156%2035.6227H73.0459V37.085C72.9387%2037.1385%2072.7727%2037.1921%2072.5477%2037.2457C72.3227%2037.3099%2072.0496%2037.3421%2071.7282%2037.3421C71.4175%2037.3421%2071.139%2037.2939%2070.8926%2037.1975C70.6569%2037.1118%2070.4587%2036.9886%2070.298%2036.8279C70.1373%2036.6565%2070.0248%2036.4529%2069.9606%2036.2172H69.8481C69.666%2036.4422%2069.441%2036.6404%2069.1732%2036.8118C68.9161%2036.9832%2068.6108%2037.1171%2068.2572%2037.2135C67.9144%2037.3099%2067.518%2037.3581%2067.0681%2037.3581ZM67.8234%2035.6709C68.1233%2035.6709%2068.3911%2035.628%2068.6268%2035.5423C68.8625%2035.4459%2069.0607%2035.3227%2069.2214%2035.1727C69.3821%2035.012%2069.5053%2034.8192%2069.591%2034.5942C69.6874%2034.3693%2069.7356%2034.1282%2069.7356%2033.8711V33.4051C69.1357%2033.4051%2068.6%2033.448%2068.1287%2033.5337C67.6573%2033.6087%2067.2824%2033.7426%2067.0038%2033.9354C66.736%2034.1282%2066.6021%2034.3961%2066.6021%2034.7389C66.6021%2034.9317%2066.6503%2035.0977%2066.7467%2035.237C66.8431%2035.3763%2066.9824%2035.4834%2067.1645%2035.5584C67.3466%2035.6334%2067.5663%2035.6709%2067.8234%2035.6709Z%22%20fill=%22white%22/%3E%0A%3Cpath%20d=%22M74.1559%2037.1653V25.5473H76.3895V37.1653H74.1559Z%22%20fill=%22white%22/%3E%0A%3Cpath%20d=%22M80.6622%2037.1653L84.9044%2026.1418H87.8612L92.1034%2037.1653H89.5163L88.7289%2034.996H83.9242L83.1368%2037.1653H80.6622ZM84.6152%2033.0677H88.0379L87.0577%2030.352C87.0148%2030.2341%2086.9613%2030.0949%2086.897%2029.9342C86.8434%2029.7628%2086.7845%2029.5753%2086.7202%2029.3718C86.656%2029.1682%2086.5917%2028.97%2086.5274%2028.7772C86.4738%2028.5736%2086.4203%2028.3915%2086.3667%2028.2308H86.2703C86.2167%2028.4344%2086.1471%2028.6754%2086.0614%2028.954C85.9757%2029.2218%2085.89%2029.4842%2085.8043%2029.7413C85.7186%2029.9877%2085.649%2030.1913%2085.5954%2030.352L84.6152%2033.0677Z%22%20fill=%22white%22/%3E%0A%3Cpath%20d=%22M96.6451%2037.3581C96.0559%2037.3581%2095.5256%2037.2939%2095.0543%2037.1653C94.5829%2037.0368%2094.1812%2036.86%2093.8491%2036.635C93.517%2036.3994%2093.2599%2036.1208%2093.0778%2035.7994C92.9063%2035.478%2092.8206%2035.1138%2092.8206%2034.7067C92.8206%2034.6639%2092.8206%2034.621%2092.8206%2034.5782C92.8206%2034.5353%2092.826%2034.5032%2092.8367%2034.4818H94.99C94.99%2034.5032%2094.99%2034.5246%2094.99%2034.546C94.99%2034.5675%2094.99%2034.5889%2094.99%2034.6103C95.0007%2034.8781%2095.0864%2035.0977%2095.2471%2035.2691C95.4078%2035.4298%2095.6167%2035.5477%2095.8738%2035.6227C96.1416%2035.6977%2096.4201%2035.7352%2096.7094%2035.7352C96.9665%2035.7352%2097.2129%2035.7137%2097.4486%2035.6709C97.695%2035.6173%2097.8985%2035.5263%2098.0592%2035.3977C98.2306%2035.2691%2098.3163%2035.1031%2098.3163%2034.8996C98.3163%2034.6424%2098.2092%2034.4443%2097.9949%2034.305C97.7914%2034.1657%2097.5182%2034.0532%2097.1754%2033.9675C96.8433%2033.8818%2096.4791%2033.7854%2096.0827%2033.6783C95.7185%2033.5926%2095.3542%2033.4962%2094.99%2033.3891C94.6258%2033.2712%2094.2937%2033.1212%2093.9937%2032.9391C93.7044%2032.757%2093.4688%2032.5213%2093.2867%2032.2321C93.1045%2031.9321%2093.0135%2031.5572%2093.0135%2031.1072C93.0135%2030.668%2093.1099%2030.2877%2093.3027%2029.9663C93.4956%2029.6342%2093.758%2029.361%2094.0901%2029.1468C94.4329%2028.9325%2094.8293%2028.7772%2095.2792%2028.6808C95.7399%2028.5736%2096.2327%2028.5201%2096.7576%2028.5201C97.2504%2028.5201%2097.711%2028.5736%2098.1395%2028.6808C98.5681%2028.7772%2098.943%2028.9272%2099.2644%2029.1307C99.5858%2029.3235%2099.8375%2029.5699%20100.02%2029.8699C100.202%2030.1591%20100.293%2030.4859%20100.293%2030.8501C100.293%2030.9251%20100.293%2030.9947%20100.293%2031.059C100.293%2031.1233%20100.287%2031.1661%20100.277%2031.1876H98.1395V31.059C98.1395%2030.8662%2098.0806%2030.7055%2097.9628%2030.5769C97.8449%2030.4377%2097.6735%2030.3305%2097.4486%2030.2556C97.2343%2030.1806%2096.9718%2030.1431%2096.6612%2030.1431C96.4469%2030.1431%2096.2487%2030.1591%2096.0666%2030.1913C95.8952%2030.2234%2095.7452%2030.2716%2095.6167%2030.3359C95.4881%2030.4002%2095.3864%2030.4805%2095.3114%2030.5769C95.2471%2030.6626%2095.215%2030.7698%2095.215%2030.8983C95.215%2031.0804%2095.2899%2031.2304%2095.4399%2031.3483C95.6006%2031.4554%2095.8095%2031.5465%2096.0666%2031.6214C96.3237%2031.6964%2096.6076%2031.7768%2096.9183%2031.8625C97.304%2031.9696%2097.7057%2032.0767%2098.1235%2032.1839C98.552%2032.2803%2098.9484%2032.4142%2099.3126%2032.5856C99.6768%2032.757%2099.9714%2033.0034%20100.196%2033.3248C100.421%2033.6354%20100.534%2034.0586%20100.534%2034.5942C100.534%2035.1085%20100.432%2035.5423%20100.229%2035.8958C100.036%2036.2494%2099.7625%2036.5333%2099.409%2036.7475C99.0555%2036.9618%2098.643%2037.1171%2098.1717%2037.2135C97.7003%2037.3099%2097.1915%2037.3581%2096.6451%2037.3581Z%22%20fill=%22white%22/%3E%0A%3Cpath%20d=%22M105.574%2037.3581C104.985%2037.3581%20104.455%2037.2939%20103.983%2037.1653C103.512%2037.0368%20103.11%2036.86%20102.778%2036.635C102.446%2036.3994%20102.189%2036.1208%20102.007%2035.7994C101.835%2035.478%20101.75%2035.1138%20101.75%2034.7067C101.75%2034.6639%20101.75%2034.621%20101.75%2034.5782C101.75%2034.5353%20101.755%2034.5032%20101.766%2034.4818H103.919C103.919%2034.5032%20103.919%2034.5246%20103.919%2034.546C103.919%2034.5675%20103.919%2034.5889%20103.919%2034.6103C103.93%2034.8781%20104.015%2035.0977%20104.176%2035.2691C104.337%2035.4298%20104.546%2035.5477%20104.803%2035.6227C105.071%2035.6977%20105.349%2035.7352%20105.638%2035.7352C105.896%2035.7352%20106.142%2035.7137%20106.378%2035.6709C106.624%2035.6173%20106.828%2035.5263%20106.988%2035.3977C107.16%2035.2691%20107.245%2035.1031%20107.245%2034.8996C107.245%2034.6424%20107.138%2034.4443%20106.924%2034.305C106.72%2034.1657%20106.447%2034.0532%20106.104%2033.9675C105.772%2033.8818%20105.408%2033.7854%20105.012%2033.6783C104.648%2033.5926%20104.283%2033.4962%20103.919%2033.3891C103.555%2033.2712%20103.223%2033.1212%20102.923%2032.9391C102.634%2032.757%20102.398%2032.5213%20102.216%2032.2321C102.034%2031.9321%20101.943%2031.5572%20101.943%2031.1072C101.943%2030.668%20102.039%2030.2877%20102.232%2029.9663C102.425%2029.6342%20102.687%2029.361%20103.019%2029.1468C103.362%2028.9325%20103.758%2028.7772%20104.208%2028.6808C104.669%2028.5736%20105.162%2028.5201%20105.687%2028.5201C106.179%2028.5201%20106.64%2028.5736%20107.069%2028.6808C107.497%2028.7772%20107.872%2028.9272%20108.193%2029.1307C108.515%2029.3235%20108.767%2029.5699%20108.949%2029.8699C109.131%2030.1591%20109.222%2030.4859%20109.222%2030.8501C109.222%2030.9251%20109.222%2030.9947%20109.222%2031.059C109.222%2031.1233%20109.217%2031.1661%20109.206%2031.1876H107.069V31.059C107.069%2030.8662%20107.01%2030.7055%20106.892%2030.5769C106.774%2030.4377%20106.603%2030.3305%20106.378%2030.2556C106.163%2030.1806%20105.901%2030.1431%20105.59%2030.1431C105.376%2030.1431%20105.178%2030.1591%20104.996%2030.1913C104.824%2030.2234%20104.674%2030.2716%20104.546%2030.3359C104.417%2030.4002%20104.315%2030.4805%20104.24%2030.5769C104.176%2030.6626%20104.144%2030.7698%20104.144%2030.8983C104.144%2031.0804%20104.219%2031.2304%20104.369%2031.3483C104.53%2031.4554%20104.739%2031.5465%20104.996%2031.6214C105.253%2031.6964%20105.537%2031.7768%20105.847%2031.8625C106.233%2031.9696%20106.635%2032.0767%20107.053%2032.1839C107.481%2032.2803%20107.877%2032.4142%20108.242%2032.5856C108.606%2032.757%20108.901%2033.0034%20109.125%2033.3248C109.35%2033.6354%20109.463%2034.0586%20109.463%2034.5942C109.463%2035.1085%20109.361%2035.5423%20109.158%2035.8958C108.965%2036.2494%20108.692%2036.5333%20108.338%2036.7475C107.985%2036.9618%20107.572%2037.1171%20107.101%2037.2135C106.629%2037.3099%20106.121%2037.3581%20105.574%2037.3581Z%22%20fill=%22white%22/%3E%0A%3Cpath%20d=%22M111.081%2027.4756V25.5473H113.314V27.4756H111.081ZM111.081%2037.1653V28.7129H113.314V37.1653H111.081Z%22%20fill=%22white%22/%3E%0A%3Cpath%20d=%22M118.787%2037.3581C118.198%2037.3581%20117.668%2037.2939%20117.196%2037.1653C116.725%2037.0368%20116.323%2036.86%20115.991%2036.635C115.659%2036.3994%20115.402%2036.1208%20115.22%2035.7994C115.049%2035.478%20114.963%2035.1138%20114.963%2034.7067C114.963%2034.6639%20114.963%2034.621%20114.963%2034.5782C114.963%2034.5353%20114.968%2034.5032%20114.979%2034.4818H117.132C117.132%2034.5032%20117.132%2034.5246%20117.132%2034.546C117.132%2034.5675%20117.132%2034.5889%20117.132%2034.6103C117.143%2034.8781%20117.229%2035.0977%20117.389%2035.2691C117.55%2035.4298%20117.759%2035.5477%20118.016%2035.6227C118.284%2035.6977%20118.562%2035.7352%20118.852%2035.7352C119.109%2035.7352%20119.355%2035.7137%20119.591%2035.6709C119.837%2035.6173%20120.041%2035.5263%20120.201%2035.3977C120.373%2035.2691%20120.459%2035.1031%20120.459%2034.8996C120.459%2034.6424%20120.351%2034.4443%20120.137%2034.305C119.934%2034.1657%20119.66%2034.0532%20119.318%2033.9675C118.986%2033.8818%20118.621%2033.7854%20118.225%2033.6783C117.861%2033.5926%20117.496%2033.4962%20117.132%2033.3891C116.768%2033.2712%20116.436%2033.1212%20116.136%2032.9391C115.847%2032.757%20115.611%2032.5213%20115.429%2032.2321C115.247%2031.9321%20115.156%2031.5572%20115.156%2031.1072C115.156%2030.668%20115.252%2030.2877%20115.445%2029.9663C115.638%2029.6342%20115.9%2029.361%20116.232%2029.1468C116.575%2028.9325%20116.972%2028.7772%20117.421%2028.6808C117.882%2028.5736%20118.375%2028.5201%20118.9%2028.5201C119.393%2028.5201%20119.853%2028.5736%20120.282%2028.6808C120.71%2028.7772%20121.085%2028.9272%20121.407%2029.1307C121.728%2029.3235%20121.98%2029.5699%20122.162%2029.8699C122.344%2030.1591%20122.435%2030.4859%20122.435%2030.8501C122.435%2030.9251%20122.435%2030.9947%20122.435%2031.059C122.435%2031.1233%20122.43%2031.1661%20122.419%2031.1876H120.282V31.059C120.282%2030.8662%20120.223%2030.7055%20120.105%2030.5769C119.987%2030.4377%20119.816%2030.3305%20119.591%2030.2556C119.377%2030.1806%20119.114%2030.1431%20118.803%2030.1431C118.589%2030.1431%20118.391%2030.1591%20118.209%2030.1913C118.037%2030.2234%20117.887%2030.2716%20117.759%2030.3359C117.63%2030.4002%20117.529%2030.4805%20117.454%2030.5769C117.389%2030.6626%20117.357%2030.7698%20117.357%2030.8983C117.357%2031.0804%20117.432%2031.2304%20117.582%2031.3483C117.743%2031.4554%20117.952%2031.5465%20118.209%2031.6214C118.466%2031.6964%20118.75%2031.7768%20119.061%2031.8625C119.446%2031.9696%20119.848%2032.0767%20120.266%2032.1839C120.694%2032.2803%20121.091%2032.4142%20121.455%2032.5856C121.819%2032.757%20122.114%2033.0034%20122.339%2033.3248C122.564%2033.6354%20122.676%2034.0586%20122.676%2034.5942C122.676%2035.1085%20122.574%2035.5423%20122.371%2035.8958C122.178%2036.2494%20121.905%2036.5333%20121.551%2036.7475C121.198%2036.9618%20120.785%2037.1171%20120.314%2037.2135C119.843%2037.3099%20119.334%2037.3581%20118.787%2037.3581Z%22%20fill=%22white%22/%3E%0A%3Cpath%20d=%22M126.817%2037.3581C126.281%2037.3581%20125.847%2037.2617%20125.515%2037.0689C125.183%2036.8761%20124.942%2036.619%20124.792%2036.2976C124.642%2035.9655%20124.567%2035.6012%20124.567%2035.2049V30.4323H123.522V28.7129H124.647L125.065%2026.3025H126.8V28.7129H128.343V30.4323H126.8V34.8353C126.8%2035.0924%20126.859%2035.2906%20126.977%2035.4298C127.095%2035.5584%20127.288%2035.6227%20127.556%2035.6227H128.343V37.101C128.215%2037.1439%20128.065%2037.1814%20127.893%2037.2135C127.722%2037.2564%20127.54%2037.2885%20127.347%2037.3099C127.154%2037.3421%20126.977%2037.3581%20126.817%2037.3581Z%22%20fill=%22white%22/%3E%0A%3Cpath%20d=%22M132.02%2037.3581C131.741%2037.3581%20131.441%2037.326%20131.12%2037.2617C130.809%2037.1975%20130.515%2037.085%20130.236%2036.9243C129.957%2036.7529%20129.727%2036.5118%20129.545%2036.2012C129.374%2035.8798%20129.288%2035.4727%20129.288%2034.9799C129.288%2034.3907%20129.417%2033.9033%20129.674%2033.5176C129.931%2033.1319%20130.295%2032.832%20130.766%2032.6177C131.248%2032.3928%20131.822%2032.2374%20132.486%2032.1517C133.15%2032.066%20133.884%2032.0232%20134.687%2032.0232V31.3965C134.687%2031.1501%20134.644%2030.9358%20134.559%2030.7537C134.484%2030.5716%20134.344%2030.427%20134.141%2030.3198C133.948%2030.2127%20133.675%2030.1591%20133.321%2030.1591C132.968%2030.1591%20132.679%2030.202%20132.454%2030.2877C132.239%2030.3734%20132.084%2030.4859%20131.988%2030.6251C131.902%2030.7537%20131.859%2030.8983%20131.859%2031.059V31.2518H129.69C129.679%2031.1983%20129.674%2031.1501%20129.674%2031.1072C129.674%2031.0537%20129.674%2030.9894%20129.674%2030.9144C129.674%2030.4216%20129.824%2029.9984%20130.124%2029.6449C130.424%2029.2807%20130.847%2029.0022%20131.393%2028.8093C131.939%2028.6165%20132.577%2028.5201%20133.305%2028.5201C134.087%2028.5201%20134.741%2028.6219%20135.266%2028.8254C135.801%2029.0289%20136.208%2029.3289%20136.487%2029.7253C136.776%2030.1216%20136.921%2030.6198%20136.921%2031.2197V35.0602C136.921%2035.2531%20136.974%2035.3977%20137.082%2035.4941C137.199%2035.5798%20137.328%2035.6227%20137.467%2035.6227H137.997V37.085C137.89%2037.1385%20137.724%2037.1921%20137.499%2037.2457C137.274%2037.3099%20137.001%2037.3421%20136.68%2037.3421C136.369%2037.3421%20136.091%2037.2939%20135.844%2037.1975C135.608%2037.1118%20135.41%2036.9886%20135.25%2036.8279C135.089%2036.6565%20134.976%2036.4529%20134.912%2036.2172H134.8C134.618%2036.4422%20134.393%2036.6404%20134.125%2036.8118C133.868%2036.9832%20133.562%2037.1171%20133.209%2037.2135C132.866%2037.3099%20132.47%2037.3581%20132.02%2037.3581ZM132.775%2035.6709C133.075%2035.6709%20133.343%2035.628%20133.578%2035.5423C133.814%2035.4459%20134.012%2035.3227%20134.173%2035.1727C134.334%2035.012%20134.457%2034.8192%20134.543%2034.5942C134.639%2034.3693%20134.687%2034.1282%20134.687%2033.8711V33.4051C134.087%2033.4051%20133.552%2033.448%20133.08%2033.5337C132.609%2033.6087%20132.234%2033.7426%20131.955%2033.9354C131.688%2034.1282%20131.554%2034.3961%20131.554%2034.7389C131.554%2034.9317%20131.602%2035.0977%20131.698%2035.237C131.795%2035.3763%20131.934%2035.4834%20132.116%2035.5584C132.298%2035.6334%20132.518%2035.6709%20132.775%2035.6709Z%22%20fill=%22white%22/%3E%0A%3Cpath%20d=%22M139.107%2037.1653V28.7129H140.955L141.132%2029.8699H141.245C141.438%2029.5914%20141.668%2029.3503%20141.936%2029.1468C142.214%2028.9432%20142.525%2028.7879%20142.868%2028.6808C143.21%2028.5736%20143.585%2028.5201%20143.993%2028.5201C144.55%2028.5201%20145.037%2028.6219%20145.455%2028.8254C145.873%2029.0289%20146.194%2029.3503%20146.419%2029.7896C146.655%2030.2288%20146.772%2030.8019%20146.772%2031.509V37.1653H144.539V31.8625C144.539%2031.5947%20144.507%2031.3697%20144.442%2031.1876C144.378%2030.9947%20144.282%2030.8394%20144.153%2030.7216C144.035%2030.593%20143.885%2030.502%20143.703%2030.4484C143.521%2030.3948%20143.318%2030.368%20143.093%2030.368C142.761%2030.368%20142.461%2030.4484%20142.193%2030.6091C141.925%2030.7698%20141.716%2030.9894%20141.566%2031.2679C141.416%2031.5465%20141.341%2031.8678%20141.341%2032.2321V37.1653H139.107Z%22%20fill=%22white%22/%3E%0A%3Cpath%20d=%22M151.297%2037.3581C150.761%2037.3581%20150.327%2037.2617%20149.995%2037.0689C149.663%2036.8761%20149.422%2036.619%20149.272%2036.2976C149.122%2035.9655%20149.047%2035.6012%20149.047%2035.2049V30.4323H148.003V28.7129H149.128L149.545%2026.3025H151.281V28.7129H152.824V30.4323H151.281V34.8353C151.281%2035.0924%20151.34%2035.2906%20151.458%2035.4298C151.576%2035.5584%20151.768%2035.6227%20152.036%2035.6227H152.824V37.101C152.695%2037.1439%20152.545%2037.1814%20152.374%2037.2135C152.202%2037.2564%20152.02%2037.2885%20151.827%2037.3099C151.634%2037.3421%20151.458%2037.3581%20151.297%2037.3581Z%22%20fill=%22white%22/%3E%0A%3Ccircle%20cx=%22199.861%22%20cy=%2231.1393%22%20r=%2231.1341%22%20transform=%22rotate(120%20199.861%2031.1393)%22%20fill=%22%23E83D34%22/%3E%0A%3Cellipse%20cx=%22199.861%22%20cy=%2246.8602%22%20rx=%2218.0779%22%20ry=%224.0173%22%20fill=%22%23BD271F%22/%3E%0A%3Cpath%20d=%22M208.443%2024.2732L210.155%2020.6447L213.921%2018.9953L210.155%2017.346L208.443%2013.7175L206.731%2017.346L202.965%2018.9953L206.731%2020.6447L208.443%2024.2732ZM198.172%2024.9329L194.748%2017.6759L191.324%2024.9329L183.792%2028.2316L191.324%2031.5302L194.748%2038.7873L198.172%2031.5302L205.704%2028.2316L198.172%2024.9329ZM207.502%2031.2828L205.79%2034.9114L202.023%2036.5607L205.79%2038.21L207.502%2041.8386L209.214%2038.21L212.98%2036.5607L209.214%2034.9114L207.502%2031.2828Z%22%20fill=%22white%22/%3E%0A%3Cdefs%3E%0A%3Cfilter%20id=%22filter0_d_26002_611%22%20x=%220%22%20y=%229.70016%22%20width=%22220.952%22%20height=%2251.2206%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=%2228.1922%22%20y1=%22-107.584%22%20x2=%22-149.185%22%20y2=%2276.4381%22%20gradientUnits=%22userSpaceOnUse%22%3E%0A%3Cstop%20offset=%220.025%22%20stop-color=%22%23005A9B%22/%3E%0A%3Cstop%20offset=%220.458558%22%20stop-color=%22%230A1741%22/%3E%0A%3Cstop%20offset=%220.813926%22%20stop-color=%22%230B1842%22/%3E%0A%3C/linearGradient%3E%0A%3C/defs%3E%0A%3C/svg%3E") right center / contain no-repeat;
  box-shadow: none;              /* the lockup carries the designer's shadow */
  z-index: 1030;                 /* under the site's Bootstrap modals (1050) */
}
.hdcw-fab > svg { display: none; }
.hdcw-fab:hover { transform: scale(1.02); transform-origin: right center; }

/* ---------- Header (24:711): an 81px band, r15 on top. Mark 33x34 @23,22;
 * title Archivo Bold 18/18 @81,23; subtitle Archivo Medium 12 @80,45 UNDER
 * the title; nav icons at 296 / 334 / 369, all on y24. */
.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 16px 0 23px;
  gap: 0;
  background: linear-gradient(223.9deg, #005A9B 29.6%, #0A1741 91.55%, #0B1842 142.34%);
}
.hdcw-head::before {
  content: '';
  flex: 0 0 33px;
  height: 34px;
  margin: 22px 25px 0 0;         /* title at x81 = 23 + 33 + 25 */
  background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width=%2233%22%20height=%2234%22%20viewBox=%220%200%2033%2034%22%20fill=%22none%22%20xmlns=%22http://www.w3.org/2000/svg%22%3E%0A%3Cpath%20d=%22M22.4545%209.0088L23.875%205.91202L27%204.5044L23.875%203.09677L22.4545%200L21.0341%203.09677L17.9091%204.5044L21.0341%205.91202L22.4545%209.0088ZM13.9318%209.57185L11.0909%203.3783L8.25%209.57185L2%2012.3871L8.25%2015.2023L11.0909%2021.3959L13.9318%2015.2023L20.1818%2012.3871L13.9318%209.57185ZM21.6733%2014.9912L20.2528%2018.088L17.1278%2019.4956L20.2528%2020.9032L21.6733%2024L23.0938%2020.9032L26.2188%2019.4956L23.0938%2018.088L21.6733%2014.9912Z%22%20fill=%22url(%23paint0_linear_46001_564)%22/%3E%0A%3Cellipse%20cx=%2216.5%22%20cy=%2229.5%22%20rx=%2216.5%22%20ry=%224.5%22%20fill=%22%230B4483%22/%3E%0A%3Cdefs%3E%0A%3ClinearGradient%20id=%22paint0_linear_46001_564%22%20x1=%2214%22%20y1=%2212%22%20x2=%228.5%22%20y2=%222%22%20gradientUnits=%22userSpaceOnUse%22%3E%0A%3Cstop%20stop-color=%22%23E83D34%22/%3E%0A%3Cstop%20offset=%221%22%20stop-color=%22%23F67972%22/%3E%0A%3C/linearGradient%3E%0A%3C/defs%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: 5px;               /* subtitle cap line at y45 */
  opacity: 1;
  font-size: 12px;
  font-weight: 500;
  line-height: 14px;
  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;         /* 20x16 node + 1px bezel each side */
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width=%2224%22%20height=%2220%22%20viewBox=%22-1%20-1%2024%2020%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=%22white%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22/%3E%0A%3Cpath%20d=%22M1%209L5%205L9%209%22%20stroke=%22white%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 17px;         /* 296+20 -> 334 = 18px gap, less the bezels */
  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=%22white%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 17px; font-size: 0; }
.hdcw-close {
  width: 17px;
  height: 17px;
  margin: 23px 0 0 18px;         /* 334+16 -> 369 = 19px gap, less the bezels */
  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=%22white%22/%3E%0A%3C/svg%3E");
  background-size: 17px 17px;
}

/* ---------- Message column: bot bubbles 334 wide at x16, user bubbles end
 * at x382. */
.hdcw-msgs { padding: 14px 18px 14px 16px; }

/* Bubbles. Bot (4028:1189 / 37:322 / 16:205 / 42:720): #EDEDED, 1px #C7C7C7
 * inside stroke, r10 with the BOTTOM-LEFT corner square, Archivo Regular
 * 14 with 1% tracking, text 22px in. Fixed 334px (91%) on every artboard.
 * User (37:388 / 4048:708): #CEEAFE, BLACK Regular 14, r10 with the
 * BOTTOM-RIGHT corner square, 48 tall for one line, text 24px in. */
.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 16px 21px;
}
/* The greeting (1:11, identical on the seven artboards that draw it) is one
 * text node whose FIRST run is Archivo Bold 14 and whose rest is Regular
 * 14/24 - so the headline is bold and sits on its own line. */
.hdcw-msgs > .hdcw-bot:first-child { padding: 13px 22px 23px 21px; }  /* the 95px bubble 4028:1020 */
.hdcw-bot b, .hdcw-bot strong { font-weight: 700; }
.hdcw-msgs > .hdcw-bot:first-child b,
.hdcw-msgs > .hdcw-bot:first-child strong { display: inline-block; margin-bottom: 6px; }
.hdcw-bot a.hdcw-link { font-weight: 600; color: #000000; }
/* The reply that lists cars as links (19:515 on 16-browse-auto) is drawn as
 * its own bubble: WHITE with a 1px #E4E6EA stroke, Archivo 14 on a 19px
 * leading with SemiBold car links - where the long #EDEDED replies on
 * 01-chat / 02-chat2 (2030:576, 2030:590) carry no links. Text 22px in and
 * 28px under the top edge of the designer's fixed 419px rectangle. */
.hdcw-bot:has(a.hdcw-link) {
  background: #fff;
  border-color: #E4E6EA;
  line-height: 19px;
  padding: 27px 22px 67px 21px;
}
.hdcw-user {
  border-radius: 10px 10px 0 10px;
  font-weight: 400;
  padding: 16px 24px 15px 24px;  /* text @24,16 in the 130x48 bubble 37:388 */
}
.hdcw-typing {
  background: #EDEDED;
  border-color: #C7C7C7;
  border-radius: 10px 10px 10px 0;
  padding: 16px 22px 16px 21px;
}
/* "Searching our stock..." (2030:573, 19:537): Lato Italic 12, #6D6D6D, at
 * x20 - the one place the artwork uses Lato. */
.hdcw-status {
  font-family: 'Lato', var(--hdcw-font);
  font-style: italic;
  font-size: 12px;
  line-height: 14px;
  margin: 2px 0 5px;
}

/* ---------- Openers (lozenge 12:145 and its instances): a 361x72 WHITE pill,
 * r30, 1px #E83D34 inside stroke, NO shadow and NO fill cap - the artwork's
 * openers are outlines. Measured on 03-home @2x: the five pills are
 * x16..376.5 with tops at y199 / 279 / 360 / 441 / 522, the first four 72
 * tall and "Something else" 52.5. Glyph at x23; title Archivo Bold 16 #0A1741
 * at x84 (=68 into the pill); caption Archivo Regular 12 black under it
 * (::after - the widget renders one label). Chevron 6x12 BLACK, 17px off the
 * right edge, vertically centred. */
.hdcw-opener { gap: 9px; margin: -2px 5px 0 0; }   /* 361 wide: x16..377; first pill top at y199 */
.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 #E83D34;
  border-radius: 30px;
  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 16px center / 8px 14px, #fff;
  color: #0A1741;
  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 40px 16px 67px;  /* 1+18+20 title+2+14 caption+16+1 = 72; text at x68 */
  font-size: 16px;
  font-weight: 700;
  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: #FDF2F1; opacity: 1; }
/* Glyph boxes = the export + 1px bezel, 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;
}
/* Browse and New Cars share the steering wheel (21x21 @23,24). */
.hdcw-opener button.hdcw-op-used::before,
.hdcw-opener button.hdcw-op-new::before { left: 21px; top: 22px; 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%20d=%22M11.55%2018.816C13.44%2018.585%2015.0675%2017.7975%2016.4325%2016.4325C17.7975%2015.0675%2018.585%2013.44%2018.816%2011.55H15.666C15.435%2012.6%2014.952%2013.482%2014.217%2014.217C13.482%2014.952%2012.6%2015.435%2011.55%2015.666V18.816ZM8.4%206.3H12.6L15.75%209.45H18.816C18.5535%207.4025%2017.6295%205.649%2016.0335%204.2C14.448%202.793%2012.6%202.1%2010.5%202.1C8.4%202.1%206.552%202.793%204.9665%204.2C3.3705%205.649%202.4465%207.4025%202.184%209.45H5.25L8.4%206.3ZM9.45%2018.816V15.666C8.4%2015.435%207.518%2014.952%206.783%2014.217C6.048%2013.482%205.565%2012.6%205.334%2011.55H2.184C2.415%2013.4085%203.2025%2015.015%204.5675%2016.38C5.9325%2017.745%207.56%2018.5535%209.45%2018.816ZM10.5%200C13.3875%200%2015.855%201.05%2017.9025%203.0975C19.95%205.145%2021%207.6125%2021%2010.5C21%2013.3875%2019.95%2015.855%2017.9025%2017.9025C15.855%2019.95%2013.3875%2021%2010.5%2021C7.6125%2021%205.145%2019.95%203.0975%2017.9025C1.05%2015.855%200%2013.3875%200%2010.5C0%207.6125%201.05%205.145%203.0975%203.0975C5.145%201.05%207.6125%200%2010.5%200Z%22%20fill=%22%23E83D34%22/%3E%0A%3C/svg%3E"); }
.hdcw-opener button.hdcw-op-quiz::before { left: 22px; top: 23px; 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=%22%23E83D34%22/%3E%0A%3C/svg%3E"); }
.hdcw-opener button.hdcw-op-alert::before { left: 19px; top: 24px; width: 34px; height: 18px; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width=%2234%22%20height=%2218%22%20viewBox=%22-1%20-1%2034%2018%22%20fill=%22none%22%20xmlns=%22http://www.w3.org/2000/svg%22%3E%0A%3Cpath%20d=%22M0%204.478V16H21V4.478L10.5%2011.1447L0%204.478Z%22%20fill=%22%23E83D34%22/%3E%0A%3Cpath%20d=%22M21%201.33333V0H0V1.33333L10.5%208L21%201.33333Z%22%20fill=%22%23E83D34%22/%3E%0A%3Cpath%20d=%22M32%204.5L29.5%204L29%201.5H28L27.5%204L25%204.5V5.5L27.5%206L28%208.5H29L29.5%206L32%205.5V4.5Z%22%20fill=%22%230A1741%22/%3E%0A%3Cpath%20d=%22M25%2011.5C24.4477%2011.5%2024%2011.0523%2024%2010.5C24%209.94771%2024.4477%209.5%2025%209.5C25.5523%209.5%2026%209.94771%2026%2010.5C26%2011.0523%2025.5523%2011.5%2025%2011.5Z%22%20fill=%22%230A1741%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: 2px;             /* caption box at y40, title box at y19 */
  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 (was fixed
 * per the CON-956 ruling until then). */
.hdcw-opener button.hdcw-op-used::after { content: 'Cars 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: 'Over 160 cars in stock'. */
.hdcw-opener button.hdcw-op-used[data-stock]::after { content: attr(data-stock) ' cars in stock'; }
.hdcw-opener button.hdcw-op-new::after { content: 'Explore our new Kia, Ford and Suzuki ranges'; }
.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 outline pill at 361x52.5, one line,
 * title at x84 / cap line 19.5 under the pill top, the "?" glyph at x43. */
.hdcw-opener .hdcw-else.hdcw-op-else {
  min-height: 52.5px;
  padding: 15px 40px 15px 67px;   /* 1 + 15 + 20 + 15 + 1 = 52; text at x68 */
  font-size: 16px;
  font-weight: 700;
  line-height: 20px;
}
.hdcw-opener button.hdcw-op-else::before { left: 26px; top: 17px; width: 10px; height: 19px; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width=%2212%22%20height=%2221%22%20viewBox=%22-1%20-1%2012%2021%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=%22%23E83D34%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): 349x55, r10, flat #E83D34,
 * WHITE Archivo SemiBold 15, centred, cap line 17px under the bar top. */
.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: 16px 0 18px;
  background: #E83D34;
  color: #fff;
  font-size: 15px;
  font-weight: 600;
  line-height: 20px;
  text-align: center;
}
.hdcw-opener button.hdcw-op-ctx::before { content: none; }
.hdcw-opener button.hdcw-op-ctx:hover { background: #E83D34; opacity: .9; }

/* ---------- Chips (item 16:212): 31px white, r10, NO border, 0/4/4 25%
 * shadow, Archivo Regular 12/13 black, centred. Rows 5px apart. Quiz answer
 * chips sit flush with the bubble at x16, stock/model rows at x18. Selected =
 * a 1px black stroke and nothing else ("Adventurous" 37:328). */
.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 16px 7px;         /* cap line ~11.5px under the chip top */
  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; }
/* The artwork's selected chip is a 1px stroke and nothing else; the site's
 * Bootstrap reboot adds `button:focus { outline: 5px auto }`, which a tapped
 * chip would otherwise wear. Mouse and touch focus drop it, keyboards keep it. */
.hdcw-chip:focus:not(:focus-visible) { outline: 0; }
/* POPULAR / LIFESTYLE / MAKES (16:213): Figtree Bold 11 #6D6D6D, x23-24. */
.hdcw-ghead {
  font-family: 'Figtree', var(--hdcw-font);
  font-weight: 700;
  letter-spacing: 0;
  font-size: 11px;
  line-height: 13px;
  margin: 3px 6px -1px 7px;
}
.hdcw-chips + .hdcw-ghead { margin-top: 8px; }
.hdcw-bot + .hdcw-chips { padding-left: 0; margin-top: -2px; }

/* ---------- Car cards ("csr search" 19:566): 176 wide, 14px apart, white,
 * 1px #E4E6EA, r10, 244 tall. Photo 176x113, square-topped. Body 12px in:
 * title Archivo Regular 12/12, price Bold 12/19, monthly Medium 12/16, meta
 * Regular 10/17, all with 1% tracking. Flush split action bar: Details (77,
 * white, #E4E6EA rule) | I'm Interested (99, #E83D34, WHITE ink), both Archivo
 * 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: 10px 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: 12px;
  letter-spacing: .01em;
  color: #000000;
  max-height: 24px;
}
.hdcw-car .hdcw-price { color: #000000; font-size: 12px; font-weight: 700; line-height: 19px; margin-top: 4px; }
.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: 17px; margin-top: 0; }
.hdcw-ncgrid .hdcw-carbody { padding: 10px 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: #E83D34;
  color: #fff;
}
.hdcw-car .hdcw-pick--primary:only-child { border-left: 0; border-radius: 0 0 9px 9px; }
.hdcw-car .hdcw-pick--primary:hover { background: #E83D34; opacity: .85; color: #fff; }

/* ---------- Footer (24:712): a #E4E6EA band 400x129. Input 299x51 @21,20 in
 * the band, r10, 1px black, placeholder Archivo Regular 14 (1% tracking)
 * black 30px in. Send: the flat red 52px circle at x328, 8px right of the
 * input. Disclosure: Figtree Regular 12/15 (1% tracking), centred in a 275px
 * box 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 30px;      /* placeholder cap line 17px 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: #0A1741; }
.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=%22%23E83D34%22/%3E%0A%3Cpath%20d=%22M21.6667%2026L19%2034L35%2026L19%2018L21.6667%2026ZM21.6667%2026H27%22%20stroke=%22white%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22/%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-family: 'Figtree', var(--hdcw-font);
  font-size: 12px;
  line-height: 15px;
  letter-spacing: .01em;
  padding: 1px 62px 16px 62px;
}
.hdcw-powered a.hdcw-tc { color: #000000; text-decoration: underline; }
.hdcw-powered a.hdcw-tc:hover { color: #E83D34; }
.hdcw-powered > div { display: inline; }
/* The artwork runs the two sentences together on one line with three spaces
 * after the full stop, then wraps before "Check". */
.hdcw-powered > div:first-child::after { content: '.   '; white-space: pre; }

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

/* 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; }
}