/* chat widget branding - Highland Motors (hml, template HML).
 * Source of truth: the designer's Figma "Highland Motors (Ai Assistant)"
 * (file 4whFZVl9cTV6sedHokEU81, the original) and its 16 @2x artboard PNGs,
 * which outrank the node dump wherever the two disagree.
 * Tooling and QA: tickets/CON-1165/hml/qa-hml/; design notes and the probe
 * table: tickets/CON-1165/hml/DESIGN-hml.md. Glyphs are SVG exports of the
 * file's own nodes.
 *
 * Black and white: an 81px black header with the designer's #111111 mountain,
 * the white speech-balloon mark, "Highland Motors" (NouvelR Bold) and the
 * subtitle under it; #EDEDED bot bubbles with a 1px #C7C7C7 stroke and a
 * squared bottom-left corner; black user bubbles; the openers as a white
 * LIST - rows split by 1px #B7B7B7 rules, black glyphs and chevrons; white
 * r10 chips on a 0/4/4 25% shadow; white cards with a flush Details | I'm
 * Interested (black) bar; a #E4E6EA footer band with a black stroked input
 * and the black send circle. The launcher is the designer's black "Virtual
 * Assistant" tab with the white roundel.
 * Type: Google Sans and NouvelR, both loaded by the site. The panel is
 * 400x720 = the designer's artboard, so offsets transfer 1:1.
 *
 * Regenerate with tickets/CON-1165/hml/build-theme-hml.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: 'Google Sans', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
  /* Figma sets Google Sans at its 18pt optical size; the site's variable font
   * (opsz 17..18) would otherwise pick 17 at these sizes, ~1.5% wider: the
   * disclosure then wraps to three lines and every text column drifts. */
  font-variation-settings: 'opsz' 18;
  --hdcw-bg: #fff;               /* cards, input, chips */
  --hdcw-surface: #fff;          /* the conversation ground (Rectangle 8 15:158, style ai-white) */
  --hdcw-text: #000000;
  --hdcw-muted: #6D6D6D;
  --hdcw-faint: #C7C7C7;        /* typing dots (decorative) */
  --hdcw-footer: #000000;          /* disclosure 2008:473 - every run overrides the #504949 base to #000 */
  --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-bg: #000000;
  --hdcw-head-color: #fff;
  --hdcw-user-bg: #000000;
  --hdcw-user-color: #fff;
  --hdcw-link: #000000;
  --hdcw-btn-bg: #000000;
  --hdcw-btn-color: #fff;
}

/* ---------- Launcher (ai-assistant-icon 52004:617 on the 400x720 home
 * artboard): the designer's black tab (110x34, r2, slanted left edge), the
 * white roundel 48.5x47 with the black mark, both on a 0/4/4 25% shadow, and
 * "Virtual / Assistant" NouvelR Bold 13 as outlines - one 147x55 SVG (shadow
 * included). The export box spans x251.6..398.6 and y666..721 on the
 * artboard: the roundel ends 6px from the right edge and 7px from the bottom;
 * the box runs 1px past the bottom (shadow only). The tab is flat-bottomed,
 * so it docks on a pinned vehicle-page bar without the 12px gap. */
.hdcw-fab {
  --hdcw-fab-gap: 0px;
  width: 147px;
  height: 55px;
  right: 1.4px;
  bottom: -1px;
  border-radius: 0;
  background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width=%22147%22%20height=%2255%22%20viewBox=%220%200%20147%2055%22%20fill=%22none%22%20xmlns=%22http://www.w3.org/2000/svg%22%3E%0A%3Cg%20filter=%22url(%23filter0_d_52004_617)%22%3E%0A%3Cpath%20d=%22M12.4573%208.46179C12.6987%207.5976%2013.4862%207%2014.3835%207L111.366%207.00001C112.47%207.00001%20113.366%207.89544%20113.366%209.00001V39C113.366%2040.1046%20112.47%2041%20111.366%2041H6.00115C4.67725%2041%203.71866%2039.7369%204.07493%2038.4618L12.4573%208.46179Z%22%20fill=%22black%22/%3E%0A%3C/g%3E%0A%3Cg%20filter=%22url(%23filter1_d_52004_617)%22%3E%0A%3Cellipse%20cx=%22118.126%22%20cy=%2223.5%22%20rx=%2224.2402%22%20ry=%2223.5%22%20fill=%22white%22/%3E%0A%3C/g%3E%0A%3Cpath%20d=%22M45.3636%2021H43.4396L39.9036%2012.68H41.9056L44.4276%2018.803L46.9496%2012.68H48.8996L45.3636%2021ZM49.9242%2013.746V12.03H51.7052V13.746H49.9242ZM49.9242%2021V14.5H51.7052V21H49.9242ZM53.4535%2021V14.5H57.7695L57.2495%2016.112H55.2345V21H53.4535ZM61.7895%2019.362H62.8685V21H61.7375C60.8101%2021%2060.1341%2020.8093%2059.7095%2020.428C59.2935%2020.0467%2059.0855%2019.4313%2059.0855%2018.582V15.982H57.9935V15.722L60.6065%2013.044H60.8665V14.5H62.7385V15.982H60.8665V18.439C60.8665%2018.7597%2060.9401%2018.9937%2061.0875%2019.141C61.2348%2019.2883%2061.4688%2019.362%2061.7895%2019.362ZM66.9658%2021.13C66.0298%2021.13%2065.2845%2020.883%2064.7298%2020.389C64.1751%2019.895%2063.8978%2019.2233%2063.8978%2018.374V14.5H65.6788V18.179C65.6788%2018.6123%2065.7915%2018.9503%2066.0168%2019.193C66.2421%2019.427%2066.5585%2019.544%2066.9658%2019.544C67.3731%2019.544%2067.6895%2019.427%2067.9148%2019.193C68.1401%2018.9503%2068.2528%2018.6123%2068.2528%2018.179V14.5H70.0338V18.374C70.0338%2019.1973%2069.7521%2019.8647%2069.1888%2020.376C68.6255%2020.8787%2067.8845%2021.13%2066.9658%2021.13ZM77.9648%2014.5V21H76.7038L76.3658%2020.337C76.1058%2020.597%2075.8068%2020.7963%2075.4688%2020.935C75.1308%2021.065%2074.7668%2021.13%2074.3768%2021.13C73.4755%2021.13%2072.7128%2020.8093%2072.0888%2020.168C71.4735%2019.5267%2071.1658%2018.7207%2071.1658%2017.75C71.1658%2016.7793%2071.4735%2015.9733%2072.0888%2015.332C72.7128%2014.6907%2073.4755%2014.37%2074.3768%2014.37C74.7668%2014.37%2075.1308%2014.4393%2075.4688%2014.578C75.8068%2014.708%2076.1058%2014.903%2076.3658%2015.163L76.7038%2014.5H77.9648ZM74.6368%2019.544C75.1308%2019.544%2075.5338%2019.3793%2075.8458%2019.05C76.1578%2018.7207%2076.3138%2018.2873%2076.3138%2017.75C76.3138%2017.2127%2076.1578%2016.7793%2075.8458%2016.45C75.5338%2016.112%2075.1308%2015.943%2074.6368%2015.943C74.1428%2015.943%2073.7398%2016.112%2073.4278%2016.45C73.1158%2016.7793%2072.9598%2017.2127%2072.9598%2017.75C72.9598%2018.2873%2073.1158%2018.7207%2073.4278%2019.05C73.7398%2019.3793%2074.1428%2019.544%2074.6368%2019.544ZM79.7074%2021V12.03H81.4884V21H79.7074ZM26.6195%2025.68H28.5045L32.0405%2034H30.0645L29.3365%2032.232H25.7095L24.9815%2034H23.0835L26.6195%2025.68ZM27.5295%2027.812L26.3725%2030.607H28.6735L27.5295%2027.812ZM35.6896%2032.752C36.0016%2032.752%2036.24%2032.7043%2036.4046%2032.609C36.5693%2032.505%2036.6516%2032.3577%2036.6516%2032.167C36.6516%2031.9937%2036.5736%2031.8637%2036.4176%2031.777C36.2616%2031.6817%2035.9973%2031.608%2035.6246%2031.556L34.9876%2031.465C34.2596%2031.3523%2033.7093%2031.1313%2033.3366%2030.802C32.9726%2030.464%2032.7906%2030.0177%2032.7906%2029.463C32.7906%2028.8217%2033.029%2028.3147%2033.5056%2027.942C33.9823%2027.5607%2034.6236%2027.37%2035.4296%2027.37C36.2616%2027.37%2036.942%2027.5693%2037.4706%2027.968C37.9993%2028.358%2038.2636%2028.8607%2038.2636%2029.476H36.5996C36.5996%2029.2507%2036.4956%2029.073%2036.2876%2028.943C36.0796%2028.8043%2035.7936%2028.735%2035.4296%2028.735C35.135%2028.735%2034.9096%2028.787%2034.7536%2028.891C34.5976%2028.9863%2034.5196%2029.125%2034.5196%2029.307C34.5196%2029.4803%2034.5976%2029.6147%2034.7536%2029.71C34.9183%2029.8053%2035.1783%2029.8833%2035.5336%2029.944L36.1706%2030.035C36.9333%2030.1477%2037.4966%2030.36%2037.8606%2030.672C38.2246%2030.984%2038.4066%2031.4087%2038.4066%2031.946C38.4066%2032.6047%2038.1553%2033.1333%2037.6526%2033.532C37.1586%2033.9307%2036.5043%2034.13%2035.6896%2034.13C34.823%2034.13%2034.108%2033.9133%2033.5446%2033.48C32.9813%2033.0467%2032.6996%2032.5007%2032.6996%2031.842H34.4156C34.4156%2032.1107%2034.5326%2032.3317%2034.7666%2032.505C35.0006%2032.6697%2035.3083%2032.752%2035.6896%2032.752ZM42.3039%2032.752C42.6159%2032.752%2042.8542%2032.7043%2043.0189%2032.609C43.1836%2032.505%2043.2659%2032.3577%2043.2659%2032.167C43.2659%2031.9937%2043.1879%2031.8637%2043.0319%2031.777C42.8759%2031.6817%2042.6116%2031.608%2042.2389%2031.556L41.6019%2031.465C40.8739%2031.3523%2040.3236%2031.1313%2039.9509%2030.802C39.5869%2030.464%2039.4049%2030.0177%2039.4049%2029.463C39.4049%2028.8217%2039.6432%2028.3147%2040.1199%2027.942C40.5966%2027.5607%2041.2379%2027.37%2042.0439%2027.37C42.8759%2027.37%2043.5562%2027.5693%2044.0849%2027.968C44.6136%2028.358%2044.8779%2028.8607%2044.8779%2029.476H43.2139C43.2139%2029.2507%2043.1099%2029.073%2042.9019%2028.943C42.6939%2028.8043%2042.4079%2028.735%2042.0439%2028.735C41.7492%2028.735%2041.5239%2028.787%2041.3679%2028.891C41.2119%2028.9863%2041.1339%2029.125%2041.1339%2029.307C41.1339%2029.4803%2041.2119%2029.6147%2041.3679%2029.71C41.5326%2029.8053%2041.7926%2029.8833%2042.1479%2029.944L42.7849%2030.035C43.5476%2030.1477%2044.1109%2030.36%2044.4749%2030.672C44.8389%2030.984%2045.0209%2031.4087%2045.0209%2031.946C45.0209%2032.6047%2044.7696%2033.1333%2044.2669%2033.532C43.7729%2033.9307%2043.1186%2034.13%2042.3039%2034.13C41.4372%2034.13%2040.7222%2033.9133%2040.1589%2033.48C39.5956%2033.0467%2039.3139%2032.5007%2039.3139%2031.842H41.0299C41.0299%2032.1107%2041.1469%2032.3317%2041.3809%2032.505C41.6149%2032.6697%2041.9226%2032.752%2042.3039%2032.752ZM46.3441%2026.746V25.03H48.1251V26.746H46.3441ZM46.3441%2034V27.5H48.1251V34H46.3441ZM52.4474%2032.752C52.7594%2032.752%2052.9978%2032.7043%2053.1624%2032.609C53.3271%2032.505%2053.4094%2032.3577%2053.4094%2032.167C53.4094%2031.9937%2053.3314%2031.8637%2053.1754%2031.777C53.0194%2031.6817%2052.7551%2031.608%2052.3824%2031.556L51.7454%2031.465C51.0174%2031.3523%2050.4671%2031.1313%2050.0944%2030.802C49.7304%2030.464%2049.5484%2030.0177%2049.5484%2029.463C49.5484%2028.8217%2049.7868%2028.3147%2050.2634%2027.942C50.7401%2027.5607%2051.3814%2027.37%2052.1874%2027.37C53.0194%2027.37%2053.6998%2027.5693%2054.2284%2027.968C54.7571%2028.358%2055.0214%2028.8607%2055.0214%2029.476H53.3574C53.3574%2029.2507%2053.2534%2029.073%2053.0454%2028.943C52.8374%2028.8043%2052.5514%2028.735%2052.1874%2028.735C51.8928%2028.735%2051.6674%2028.787%2051.5114%2028.891C51.3554%2028.9863%2051.2774%2029.125%2051.2774%2029.307C51.2774%2029.4803%2051.3554%2029.6147%2051.5114%2029.71C51.6761%2029.8053%2051.9361%2029.8833%2052.2914%2029.944L52.9284%2030.035C53.6911%2030.1477%2054.2544%2030.36%2054.6184%2030.672C54.9824%2030.984%2055.1644%2031.4087%2055.1644%2031.946C55.1644%2032.6047%2054.9131%2033.1333%2054.4104%2033.532C53.9164%2033.9307%2053.2621%2034.13%2052.4474%2034.13C51.5808%2034.13%2050.8658%2033.9133%2050.3024%2033.48C49.7391%2033.0467%2049.4574%2032.5007%2049.4574%2031.842H51.1734C51.1734%2032.1107%2051.2904%2032.3317%2051.5244%2032.505C51.7584%2032.6697%2052.0661%2032.752%2052.4474%2032.752ZM59.5297%2032.362H60.6087V34H59.4777C58.5504%2034%2057.8744%2033.8093%2057.4497%2033.428C57.0337%2033.0467%2056.8257%2032.4313%2056.8257%2031.582V28.982H55.7337V28.722L58.3467%2026.044H58.6067V27.5H60.4787V28.982H58.6067V31.439C58.6067%2031.7597%2058.6804%2031.9937%2058.8277%2032.141C58.975%2032.2883%2059.209%2032.362%2059.5297%2032.362ZM68.2275%2027.5V34H66.9665L66.6285%2033.337C66.3685%2033.597%2066.0695%2033.7963%2065.7315%2033.935C65.3935%2034.065%2065.0295%2034.13%2064.6395%2034.13C63.7382%2034.13%2062.9755%2033.8093%2062.3515%2033.168C61.7362%2032.5267%2061.4285%2031.7207%2061.4285%2030.75C61.4285%2029.7793%2061.7362%2028.9733%2062.3515%2028.332C62.9755%2027.6907%2063.7382%2027.37%2064.6395%2027.37C65.0295%2027.37%2065.3935%2027.4393%2065.7315%2027.578C66.0695%2027.708%2066.3685%2027.903%2066.6285%2028.163L66.9665%2027.5H68.2275ZM64.8995%2032.544C65.3935%2032.544%2065.7965%2032.3793%2066.1085%2032.05C66.4205%2031.7207%2066.5765%2031.2873%2066.5765%2030.75C66.5765%2030.2127%2066.4205%2029.7793%2066.1085%2029.45C65.7965%2029.112%2065.3935%2028.943%2064.8995%2028.943C64.4055%2028.943%2064.0025%2029.112%2063.6905%2029.45C63.3785%2029.7793%2063.2225%2030.2127%2063.2225%2030.75C63.2225%2031.2873%2063.3785%2031.7207%2063.6905%2032.05C64.0025%2032.3793%2064.4055%2032.544%2064.8995%2032.544ZM73.1161%2028.943C72.6915%2028.943%2072.3578%2029.0687%2072.1151%2029.32C71.8725%2029.5713%2071.7511%2029.918%2071.7511%2030.36V34H69.9701V27.5H71.2311L71.5691%2028.163C71.7945%2027.9117%2072.0718%2027.7167%2072.4011%2027.578C72.7305%2027.4393%2073.0945%2027.37%2073.4931%2027.37C74.3078%2027.37%2074.9708%2027.6213%2075.4821%2028.124C75.9935%2028.618%2076.2491%2029.2723%2076.2491%2030.087V34H74.4681V30.36C74.4681%2029.9267%2074.3425%2029.5843%2074.0911%2029.333C73.8485%2029.073%2073.5235%2028.943%2073.1161%2028.943ZM80.8959%2032.362H81.9749V34H80.8439C79.9166%2034%2079.2406%2033.8093%2078.8159%2033.428C78.3999%2033.0467%2078.1919%2032.4313%2078.1919%2031.582V28.982H77.0999V28.722L79.7129%2026.044H79.9729V27.5H81.8449V28.982H79.9729V31.439C79.9729%2031.7597%2080.0466%2031.9937%2080.1939%2032.141C80.3412%2032.2883%2080.5752%2032.362%2080.8959%2032.362Z%22%20fill=%22white%22/%3E%0A%3Cpath%20d=%22M114.984%2024.4512C114.522%2024.4512%20114.079%2024.6347%20113.753%2024.9613C113.426%2025.288%20113.243%2025.731%20113.243%2026.1929C113.243%2026.6549%20113.426%2027.0979%20113.753%2027.4245C114.079%2027.7512%20114.522%2027.9347%20114.984%2027.9347C115.446%2027.9347%20115.889%2027.7512%20116.216%2027.4245C116.543%2027.0979%20116.726%2026.6549%20116.726%2026.1929C116.726%2025.731%20116.543%2025.288%20116.216%2024.9613C115.889%2024.6347%20115.446%2024.4512%20114.984%2024.4512ZM120.558%2024.4512C120.096%2024.4512%20119.653%2024.6347%20119.326%2024.9613C119%2025.288%20118.816%2025.731%20118.816%2026.1929C118.816%2026.6549%20119%2027.0979%20119.326%2027.4245C119.653%2027.7512%20120.096%2027.9347%20120.558%2027.9347C121.02%2027.9347%20121.463%2027.7512%20121.79%2027.4245C122.116%2027.0979%20122.3%2026.6549%20122.3%2026.1929C122.3%2025.731%20122.116%2025.288%20121.79%2024.9613C121.463%2024.6347%20121.02%2024.4512%20120.558%2024.4512ZM124.39%2026.1929C124.39%2025.731%20124.573%2025.288%20124.9%2024.9613C125.227%2024.6347%20125.67%2024.4512%20126.132%2024.4512C126.594%2024.4512%20127.037%2024.6347%20127.363%2024.9613C127.69%2025.288%20127.873%2025.731%20127.873%2026.1929C127.873%2026.6549%20127.69%2027.0979%20127.363%2027.4245C127.037%2027.7512%20126.594%2027.9347%20126.132%2027.9347C125.67%2027.9347%20125.227%2027.7512%20124.9%2027.4245C124.573%2027.0979%20124.39%2026.6549%20124.39%2026.1929Z%22%20fill=%22black%22/%3E%0A%3Cpath%20d=%22M126.271%2017.6137C122.517%2017.2937%20118.744%2017.2751%20114.987%2017.558L114.718%2017.5789C112.991%2017.7092%20111.377%2018.4873%20110.199%2019.7572C109.021%2021.0272%20108.366%2022.6953%20108.366%2024.4275V36.2951C108.366%2036.4757%20108.413%2036.6533%20108.502%2036.8103C108.591%2036.9674%20108.72%2037.0987%20108.875%2037.1913C109.03%2037.284%20109.206%2037.3348%20109.387%2037.3389C109.568%2037.343%20109.746%2037.3002%20109.905%2037.2147L115.354%2034.2872C115.608%2034.1506%20115.892%2034.0793%20116.18%2034.0796H128.687C130.264%2034.0796%20131.616%2032.9509%20131.899%2031.4C132.473%2028.2551%20132.518%2025.0364%20132.033%2021.8761L131.891%2020.9439C131.764%2020.1204%20131.365%2019.3632%20130.756%2018.7941C130.148%2018.225%20129.365%2017.877%20128.535%2017.806L126.271%2017.6137ZM115.146%2019.6425C118.791%2019.367%20122.453%2019.3847%20126.095%2019.6955L128.358%2019.8891C129.105%2019.9532%20129.713%2020.5203%20129.826%2021.2616L129.969%2022.1924C130.417%2025.1233%20130.375%2028.1082%20129.844%2031.0252C129.795%2031.2961%20129.653%2031.5412%20129.442%2031.7175C129.23%2031.8939%20128.964%2031.9901%20128.689%2031.9894H116.18C115.547%2031.9896%20114.923%2032.1466%20114.366%2032.4465L110.456%2034.5477V24.4275C110.456%2023.2224%20110.911%2022.0619%20111.73%2021.1782C112.55%2020.2945%20113.673%2019.753%20114.874%2019.662L115.146%2019.6425Z%22%20fill-rule=%22evenodd%22%20clip-rule=%22evenodd%22%20fill=%22black%22/%3E%0A%3Cpath%20d=%22M111.018%2015.4592L109.794%2015.856C109.422%2015.9797%20109.083%2016.1884%20108.806%2016.4655C108.528%2016.7427%20108.319%2017.0806%20108.194%2017.4527L107.797%2018.6766C107.764%2018.7712%20107.702%2018.853%20107.621%2018.911C107.539%2018.9689%20107.441%2019%20107.341%2019C107.241%2019%20107.143%2018.9689%20107.062%2018.911C106.98%2018.853%20106.918%2018.7712%20106.885%2018.6766L106.485%2017.4527C106.363%2017.0835%20106.158%2016.7474%20105.885%2016.4705C105.612%2016.1936%20105.279%2015.9833%20104.912%2015.856L103.688%2015.4592C103.617%2015.4341%20103.554%2015.3931%20103.502%2015.3393C103.45%2015.2855%20103.411%2015.2204%20103.388%2015.1492C103.366%2015.0779%20103.36%2015.0024%20103.371%2014.9285C103.383%2014.8546%20103.411%2014.7843%20103.454%2014.7232C103.512%2014.6432%20103.593%2014.5792%20103.688%2014.5472L104.912%2014.1488C105.285%2014.0245%20105.624%2013.8148%20105.902%2013.5365C106.18%2013.2582%20106.389%2012.9189%20106.512%2012.5457L106.909%2011.3234C106.942%2011.2288%20107.004%2011.147%20107.086%2011.089C107.167%2011.0311%20107.265%2011%20107.365%2011C107.465%2011%20107.563%2011.0311%20107.645%2011.089C107.726%2011.147%20107.788%2011.2288%20107.821%2011.3234L108.22%2012.5457C108.344%2012.9179%20108.553%2013.2561%20108.83%2013.5335C109.108%2013.8109%20109.446%2014.0199%20109.818%2014.144L111.042%2014.5408C111.137%2014.5739%20111.219%2014.6356%20111.277%2014.7173C111.335%2014.799%20111.366%2014.8967%20111.366%2014.9968C111.366%2015.0969%20111.335%2015.1946%20111.277%2015.2763C111.219%2015.358%20111.137%2015.4197%20111.042%2015.4528L111.018%2015.4592Z%22%20fill=%22black%22/%3E%0A%3Cpath%20d=%22M116.192%2013.2296L115.58%2013.428C115.394%2013.4899%20115.225%2013.5942%20115.086%2013.7328C114.947%2013.8713%20114.842%2014.0403%20114.78%2014.2263L114.581%2014.8383C114.565%2014.8856%20114.534%2014.9265%20114.493%2014.9555C114.452%2014.9844%20114.403%2015%20114.353%2015C114.303%2015%20114.254%2014.9844%20114.214%2014.9555C114.173%2014.9265%20114.142%2014.8856%20114.125%2014.8383L113.925%2014.2263C113.864%2014.0418%20113.762%2013.8737%20113.625%2013.7353C113.489%2013.5968%20113.323%2013.4916%20113.139%2013.428L112.527%2013.2296C112.492%2013.217%20112.46%2013.1965%20112.434%2013.1696C112.408%2013.1427%20112.388%2013.1102%20112.377%2013.0746C112.366%2013.0389%20112.363%2013.0012%20112.369%2012.9642C112.374%2012.9273%20112.388%2012.8922%20112.41%2012.8616C112.439%2012.8216%20112.48%2012.7896%20112.527%2012.7736L113.139%2012.5744C113.325%2012.5122%20113.495%2012.4074%20113.634%2012.2682C113.773%2012.1291%20113.877%2011.9595%20113.939%2011.7729L114.137%2011.1617C114.154%2011.1144%20114.185%2011.0735%20114.226%2011.0445C114.266%2011.0156%20114.315%2011%20114.365%2011C114.415%2011%20114.464%2011.0156%20114.505%2011.0445C114.546%2011.0735%20114.577%2011.1144%20114.593%2011.1617L114.793%2011.7729C114.855%2011.9589%20114.959%2012.128%20115.098%2012.2667C115.237%2012.4054%20115.406%2012.51%20115.592%2012.572L116.204%2012.7704C116.251%2012.787%20116.292%2012.8178%20116.321%2012.8587C116.35%2012.8995%20116.366%2012.9483%20116.366%2012.9984C116.366%2013.0485%20116.35%2013.0973%20116.321%2013.1381C116.292%2013.179%20116.251%2013.2098%20116.204%2013.2264L116.192%2013.2296Z%22%20fill=%22black%22/%3E%0A%3Cdefs%3E%0A%3Cfilter%20id=%22filter0_d_52004_617%22%20x=%220%22%20y=%227%22%20width=%22117.366%22%20height=%2242%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_52004_617%22/%3E%0A%3CfeBlend%20mode=%22normal%22%20in=%22SourceGraphic%22%20in2=%22effect1_dropShadow_52004_617%22%20result=%22shape%22/%3E%0A%3C/filter%3E%0A%3Cfilter%20id=%22filter1_d_52004_617%22%20x=%2289.8854%22%20y=%220%22%20width=%2256.4803%22%20height=%2255%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_52004_617%22/%3E%0A%3CfeBlend%20mode=%22normal%22%20in=%22SourceGraphic%22%20in2=%22effect1_dropShadow_52004_617%22%20result=%22shape%22/%3E%0A%3C/filter%3E%0A%3C/defs%3E%0A%3C/svg%3E") center / 147px 55px 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.03); transform-origin: right bottom; }

/* ---------- Header (24:711): an 81px black band, r15 on top, with the
 * #111111 mountain (60001:796, 206x81 at x106). Mark 37x34 at x15 y22; title
 * "Highland Motors" NouvelR Bold 18 (line 18) at x80 y24, one line; subtitle
 * Google Sans Regular 12 at x80 y45, UNDER the title. Nav icons at x295 /
 * x333 / x368 (exports with their 1px margin), y23. */
.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 15px;
  gap: 0;
  background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width=%22206%22%20height=%2281%22%20viewBox=%220%200%20206%2081%22%20fill=%22none%22%20xmlns=%22http://www.w3.org/2000/svg%22%3E%0A%3Cpath%20d=%22M205.366%2081H144.199L108.996%2057.1094L81.6406%2081H0L89.6123%200H125.193L205.366%2081Z%22%20fill=%22%23111111%22/%3E%0A%3C/svg%3E") no-repeat 106px 0 / 206px 81px, #000000;
}
.hdcw-head::before {
  content: '';
  flex: 0 0 37px;
  height: 34px;
  margin: 22px 28px 0 0;         /* title at x80 */
  background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width=%2237%22%20height=%2234%22%20viewBox=%220%200%2037%2034%22%20fill=%22none%22%20xmlns=%22http://www.w3.org/2000/svg%22%3E%0A%3Cpath%20d=%22M14.8238%2017.1619C14.2344%2017.1619%2013.6692%2017.396%2013.2524%2017.8127C12.8357%2018.2295%2012.6016%2018.7947%2012.6016%2019.3841C12.6016%2019.9735%2012.8357%2020.5387%2013.2524%2020.9555C13.6692%2021.3722%2014.2344%2021.6063%2014.8238%2021.6063C15.4132%2021.6063%2015.9784%2021.3722%2016.3952%2020.9555C16.8119%2020.5387%2017.046%2019.9735%2017.046%2019.3841C17.046%2018.7947%2016.8119%2018.2295%2016.3952%2017.8127C15.9784%2017.396%2015.4132%2017.1619%2014.8238%2017.1619ZM21.935%2017.1619C21.3456%2017.1619%2020.7804%2017.396%2020.3636%2017.8127C19.9468%2018.2295%2019.7127%2018.7947%2019.7127%2019.3841C19.7127%2019.9735%2019.9468%2020.5387%2020.3636%2020.9555C20.7804%2021.3722%2021.3456%2021.6063%2021.935%2021.6063C22.5243%2021.6063%2023.0896%2021.3722%2023.5063%2020.9555C23.9231%2020.5387%2024.1572%2019.9735%2024.1572%2019.3841C24.1572%2018.7947%2023.9231%2018.2295%2023.5063%2017.8127C23.0896%2017.396%2022.5243%2017.1619%2021.935%2017.1619ZM26.8239%2019.3841C26.8239%2018.7947%2027.058%2018.2295%2027.4748%2017.8127C27.8915%2017.396%2028.4567%2017.1619%2029.0461%2017.1619C29.6355%2017.1619%2030.2007%2017.396%2030.6175%2017.8127C31.0342%2018.2295%2031.2684%2018.7947%2031.2684%2019.3841C31.2684%2019.9735%2031.0342%2020.5387%2030.6175%2020.9555C30.2007%2021.3722%2029.6355%2021.6063%2029.0461%2021.6063C28.4567%2021.6063%2027.8915%2021.3722%2027.4748%2020.9555C27.058%2020.5387%2026.8239%2019.9735%2026.8239%2019.3841Z%22%20fill=%22white%22/%3E%0A%3Cpath%20d=%22M29.2239%208.43816C24.4347%208.02987%2019.6204%208.00609%2014.8274%208.36705L14.4842%208.39371C12.2805%208.56002%2010.2209%209.55272%208.71802%2011.173C7.2151%2012.7933%206.37976%2014.9215%206.3793%2017.1315V32.273C6.37951%2032.5035%206.43946%2032.73%206.55332%2032.9304C6.66717%2033.1308%206.83104%2033.2983%207.02893%2033.4165C7.22682%2033.5347%207.45197%2033.5996%207.68241%2033.6048C7.91286%2033.61%208.14072%2033.5554%208.34376%2033.4463L15.2949%2029.7112C15.619%2029.537%2015.9812%2029.446%2016.3491%2029.4463H32.3066C34.319%2029.4463%2036.0435%2028.0063%2036.4044%2026.0276C37.1368%2022.0151%2037.1937%2017.9084%2036.5751%2013.8764L36.3937%2012.6871C36.2325%2011.6363%2035.7228%2010.6703%2034.9463%209.9442C34.1699%209.21809%2033.172%208.77407%2032.1128%208.68349L29.2239%208.43816ZM15.03%2011.0266C19.681%2010.6751%2024.3526%2010.6977%2028.9999%2011.0942L31.887%2011.3413C32.8399%2011.4231%2033.615%2012.1466%2033.759%2013.0924L33.9422%2014.28C34.5136%2018.0194%2034.4596%2021.8277%2033.7822%2025.5494C33.7203%2025.895%2033.5387%2026.2077%2033.2691%2026.4327C32.9996%2026.6577%2032.6594%2026.7805%2032.3084%2026.7796H16.3491C15.5413%2026.7798%2014.746%2026.9801%2014.0345%2027.3627L9.04599%2030.0436V17.1315C9.04608%2015.5941%209.62695%2014.1134%2010.6723%2012.986C11.7176%2011.8585%2013.1503%2011.1676%2014.6834%2011.0515L15.03%2011.0266Z%22%20fill-rule=%22evenodd%22%20clip-rule=%22evenodd%22%20fill=%22white%22/%3E%0A%3Cpath%20d=%22M9.76365%205.68931L8.20182%206.19555C7.72675%206.35343%207.29495%206.6197%206.9406%206.97329C6.58625%207.32688%206.31907%207.75808%206.16022%208.23276L5.6539%209.79435C5.61163%209.91493%205.53293%2010.0194%205.42869%2010.0933C5.32446%2010.1672%205.19983%2010.2069%205.07204%2010.2069C4.94425%2010.2069%204.81962%2010.1672%204.71538%2010.0933C4.61115%2010.0194%204.53245%209.91493%204.49018%209.79435L3.97978%208.23276C3.82443%207.76178%203.56254%207.33295%203.21448%206.97963C2.86641%206.6263%202.44153%206.35799%201.97288%206.19555L0.411053%205.68931C0.321174%205.65731%200.239916%205.60495%200.173636%205.53633C0.107356%205.46771%200.0578495%205.38469%200.0289862%205.29376C0.000122872%205.20284%20-0.00731445%205.10647%200.00725639%205.0122C0.0218272%204.91792%200.0580127%204.82829%200.11298%204.75032C0.186478%204.64825%200.290599%204.5666%200.411053%204.52578L1.97288%204.01749C2.44883%203.85879%202.88119%203.59128%203.23561%203.23621C3.59002%202.88114%203.85672%202.44831%204.01449%201.97211L4.52081%200.412565C4.56308%200.291989%204.64177%200.187525%204.74601%200.113616C4.85025%200.0397081%204.97487%201.23978e-05%205.10266%201.23978e-05C5.23045%201.23978e-05%205.35508%200.0397081%205.45932%200.113616C5.56356%200.187525%205.64225%200.291989%205.68452%200.412565L6.19288%201.97211C6.35126%202.44696%206.618%202.87843%206.972%203.23237C7.326%203.58631%207.75753%203.85301%208.23244%204.01137L9.79428%204.51761C9.91487%204.55987%2010.0194%204.63856%2010.0933%204.74278C10.1672%204.847%2010.2069%204.97161%2010.2069%205.09938C10.2069%205.22715%2010.1672%205.35176%2010.0933%205.45598C10.0194%205.5602%209.91487%205.63888%209.79428%205.68115L9.76365%205.68931Z%22%20fill=%22white%22/%3E%0A%3Cpath%20d=%22M16.3646%202.84466L15.5837%203.09778C15.3461%203.17672%2015.1302%203.30985%2014.9531%203.48665C14.7759%203.66344%2014.6423%203.87904%2014.5629%204.11638L14.3097%204.89718C14.2886%204.95746%2014.2492%205.0097%2014.1971%205.04665C14.145%205.0836%2014.0827%205.10345%2014.0188%205.10345C13.9549%205.10345%2013.8926%205.0836%2013.8404%205.04665C13.7883%205.0097%2013.749%204.95746%2013.7278%204.89718L13.4726%204.11638C13.395%203.88089%2013.264%203.66648%2013.09%203.48981C12.916%203.31315%2012.7035%203.179%2012.4692%203.09778L11.6883%202.84466C11.6433%202.82865%2011.6027%202.80247%2011.5696%202.76816C11.5364%202.73385%2011.5117%202.69234%2011.4973%202.64688C11.4828%202.60142%2011.4791%202.55324%2011.4864%202.5061C11.4937%202.45896%2011.5118%202.41415%2011.5392%202.37516C11.576%202.32413%2011.6281%202.2833%2011.6883%202.26289L12.4692%202.00875C12.7072%201.9294%2012.9234%201.79564%2013.1006%201.6181C13.2778%201.44057%2013.4111%201.22415%2013.49%200.986057L13.7432%200.206283C13.7643%200.145995%2013.8036%200.0937624%2013.8558%200.056808C13.9079%200.0198541%2013.9702%206.19888e-06%2014.0341%206.19888e-06C14.098%206.19888e-06%2014.1603%200.0198541%2014.2124%200.056808C14.2645%200.0937624%2014.3039%200.145995%2014.325%200.206283L14.5792%200.986057C14.6584%201.22348%2014.7918%201.43921%2014.9688%201.61619C15.1458%201.79316%2015.3615%201.92651%2015.599%202.00568L16.3799%202.2588C16.4402%202.27993%2016.4924%202.31928%2016.5294%202.37139C16.5664%202.4235%2016.5862%202.48581%2016.5862%202.54969C16.5862%202.61357%2016.5664%202.67588%2016.5294%202.72799C16.4924%202.7801%2016.4402%202.81944%2016.3799%202.84057L16.3646%202.84466Z%22%20fill=%22white%22/%3E%0A%3C/svg%3E") center / contain no-repeat;
}
.hdcw-head > div { margin-top: 24px; min-width: 0; padding-right: 12px; }
.hdcw-head b {
  font-family: 'NouvelR', 'Google Sans', system-ui, sans-serif;
  font-size: 18px;
  line-height: 18px;
  font-weight: 700;
  letter-spacing: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.hdcw-head small {
  display: block;
  margin-top: 3px;               /* 42003:558 at y45 */
  opacity: 1;
  font-size: 12px;
  font-weight: 400;
  line-height: 15px;
  letter-spacing: 0;
  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;         /* reset 4028:981 ink x295..317 */
  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-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%20stroke=%22white%22/%3E%0A%3Cpath%20d=%22M1%209L5%205L9%209%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%20stroke=%22white%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;         /* expand 12:142 at x334 */
  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 16px; font-size: 0; }
.hdcw-close {
  width: 17px;
  height: 17px;
  margin: 23px 0 0 17px;         /* close 12:128 at x369 */
  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;
}
/* The trade-in sheet (CON-1019, no artboard) reuses .hdcw-close in its own
 * header: keep the artwork's X there, centred in that bar. */
.hdcw-sheet-head .hdcw-close { align-self: center; margin: 0 0 0 12px; }

/* ---------- Message column: bubbles at x16, 334 wide; user bubbles end at
 * x382; the opener rows run x16..377 and the cards x18..384. */
.hdcw-msgs { padding: 14px 18px 14px 16px; gap: 10px; }  /* bubbles 10px apart (02: 269 -> 279) */

/* Bubbles. Bot (37:322 / 37:325 / 16:205): #EDEDED, 1px #C7C7C7 inside
 * stroke, r10 with the BOTTOM-LEFT corner square, Google Sans Regular 14 on an
 * 18px leading, ls .14px, the text 22px in; one line 51 tall (37:325), two 68
 * (37:322), cap line 21px under the top. Fixed 334 (91.26%) wide.
 * User (37:388 / 42:676 / 2030:495): black, white Google Sans Regular 14,
 * r10 with the BOTTOM-RIGHT corner square, 48 tall for one line, the text
 * 24px in. */
.hdcw-msg {
  max-width: 96.2%;              /* the long user bubble 2030:495 is 352 of 366 */
  font-size: 14px;
  line-height: 18px;
  letter-spacing: .14px;
}
.hdcw-bot {
  width: 91.26%;
  max-width: 91.26%;
  min-height: 51px;
  box-sizing: border-box;
  background: #EDEDED;
  border-color: #C7C7C7;
  border-radius: 10px 10px 10px 0;
  padding: 16px 22px 14px 21px;  /* 1 + 16 + 36 + 14 + 1 = 68 for two lines */
  color: #000000;
}
/* Bold runs in a plain bubble: the stock count "114 cars" (16:206) is
 * SemiBold 600; the greeting headline (1:11) Bold 700, below. */
.hdcw-bot b, .hdcw-bot strong { font-weight: 600; }
/* The greeting (1:11 on 01-chat, 11, 15, 16): Google Sans 14 in a 95px
 * bubble, the headline (the admin greeting's **bold** run) Bold 700 with a
 * 24px line after it, then two 18px lines: cap lines 112.5 / 137 / 155.
 * A first bubble followed by a car card (the vehicle page's "Interested in
 * this car?") or by the stock section heads (/search) is not the greeting and
 * keeps the plain bubble (CON-1024). */
.hdcw-msgs > .hdcw-bot:first-child:not(:has(+ .hdcw-cars, + .hdcw-ghead)) {
  min-height: 95px;
  padding: 13px 21px 15px 21px;
  margin-bottom: 1px;            /* the next bubble 11px under it (02: 190 -> 201) */
  letter-spacing: 0;
}
.hdcw-msgs > .hdcw-bot:first-child:not(:has(+ .hdcw-cars, + .hdcw-ghead)) b,
.hdcw-msgs > .hdcw-bot:first-child:not(:has(+ .hdcw-cars, + .hdcw-ghead)) strong {
  display: inline-block;
  margin-bottom: 6px;            /* the headline's 24px line (1:11 run 2: Regular 14/24) */
  font-weight: 700;
}
/* A reply that links cars (19:515 on 16-browse-auto): WHITE, 1px #E4E6EA
 * stroke, Google Sans 14/18, the count and the car names SemiBold underlined;
 * the text box 28px under the top edge, 284 wide, 68px above the bottom one
 * (the designer's fixed rectangle). */
.hdcw-bot:has(a.hdcw-link) {
  background: #fff;
  border-color: #E4E6EA;
  padding: 28px 27px 66px 21px;
  line-height: 19px;             /* 19:516 lines 19px apart (cap 32 under the top) */
}
.hdcw-bot a.hdcw-link { font-weight: 600; color: #000000; text-decoration: underline; }
.hdcw-bot a.hdcw-link:hover { color: #000000; text-decoration: underline; }
/* 'Adventurous' ink 24px in, 16px down from the top of its 130x48 bubble
 * (37:388, 04-help2); the next bot bubble 8px under it (04: 328 -> 336). */
.hdcw-user {
  border-radius: 10px 10px 0 10px;
  font-size: 14px;
  font-weight: 400;
  line-height: 18px;
  letter-spacing: 0;
  padding: 16px 25.5px 14px 23.5px;  /* 130 wide for 'Adventurous', ink 24.5px in, cap 20px down */
  margin-bottom: -2px;
}
.hdcw-bot + .hdcw-user { margin-top: 1px; }  /* 11px under the bot bubble before it (04: 269 -> 280) */
.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, 19:652): Google Sans Regular 12
 * #6D6D6D (NOT italic) at x20. */
.hdcw-status { font-style: normal; font-weight: 400; font-size: 12px; line-height: 15px; letter-spacing: 0; margin: 3px 0 5px; }  /* ink 16.5 under the bubble above, the next bubble 15.5 under it (09-help7) */

/* ---------- Openers (lozenge 12:145 / 60019:662 / 6001:1006 / 60019:652 /
 * 6001:1031 / 2023:430 on 01-chat): a white LIST, not buttons. Rows x16..377,
 * each ending in a 1px #B7B7B7 rule (bottom stroke only; rules at 267 / 339 /
 * 407 / 477 / 548), so the rows render 72 / 72 / 68 / 70 / 71 tall from 196,
 * and "Something else" 51 from 549 with no rule; no radius, no shadow, the
 * first row 6px under the greeting. Titles NouvelR Bold 16 (line 19) at
 * x76..78, captions Google Sans Regular 12 (line 15) 19.5px under them. Black
 * glyphs 10-13px in, the black chevron 6x12 at x352.5 (x353.5 on used / new).
 * The designer set each row by hand (heights, title and glyph offsets), so
 * each identity class carries its own numbers.
 * The artwork orders the rows used, new, TRADE-IN, quiz, alert, else; the
 * widget appends trade-in after the quiz, so the column is re-ordered with
 * `order` (a no-op while trade-in is off). */
.hdcw-opener { gap: 0; margin: -5px 5px 0 0; }  /* 190 + 1 (the greeting margin) + 10 - 5 = 196 */
.hdcw-opener button { position: relative; }
.hdcw-opener .hdcw-op-used { order: 1; }
.hdcw-opener .hdcw-op-new { order: 2; }
.hdcw-opener .hdcw-op-tradein { order: 3; }
.hdcw-opener .hdcw-op-quiz { order: 4; }
.hdcw-opener .hdcw-op-alert { order: 5; }
.hdcw-opener .hdcw-op-else { order: 6; }
.hdcw-opener button.hdcw-op-used,
.hdcw-opener button.hdcw-op-new,
.hdcw-opener button.hdcw-op-quiz,
.hdcw-opener button.hdcw-op-tradein,
.hdcw-opener button.hdcw-op-alert,
.hdcw-opener .hdcw-else.hdcw-op-else {
  box-sizing: border-box;
  border: 0;
  border-bottom: 1px solid #B7B7B7;
  border-radius: 0;
  color: #000000;
  text-align: left;
  box-shadow: none;
  font-family: 'NouvelR', 'Google Sans', system-ui, sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 19px;
  letter-spacing: 0;
  padding-right: 36px;
}

/* Hover: a light row, chevron kept. The full background is restated per row
 * at (0,3,1): on a vehicle page every row also carries .hdcw-else, and the
 * widget's `.hdcw-opener .hdcw-else:hover { background: ... }` shorthand would
 * otherwise wipe the chevron (and tile a glyph - CON-988). Glyph boxes = the
 * export (+ its 1px bezel where it has one), placed from the row's border box. */
.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-tradein::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::after,
.hdcw-opener button.hdcw-op-new::after,
.hdcw-opener button.hdcw-op-quiz::after,
.hdcw-opener button.hdcw-op-tradein::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;
  text-align: left;
  font-family: 'Google Sans', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 15px;
  letter-spacing: 0;
  color: #000000;
}
.hdcw-opener button.hdcw-op-used {
  min-height: 72px;
  padding: 20px 36px 15px 62px;
  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 17px top 28.5px / 8px 14px border-box, #fff;
}
.hdcw-opener button.hdcw-op-used:hover { 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 17px top 28.5px / 8px 14px border-box, #F1F1F1; opacity: 1; }
.hdcw-opener button.hdcw-op-used::before { left: 12px; top: 23px; width: 22px; height: 22px; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width=%2222%22%20height=%2222%22%20viewBox=%22-1%20-1%2022%2022%22%20fill=%22none%22%20xmlns=%22http://www.w3.org/2000/svg%22%3E%0A%3Cpath%20d=%22M10%200C12.6522%200%2015.1957%201.05357%2017.0711%202.92893C18.9464%204.8043%2020%207.34784%2020%2010C20%2012.6522%2018.9464%2015.1957%2017.0711%2017.0711C15.1957%2018.9464%2012.6522%2020%2010%2020C7.34784%2020%204.8043%2018.9464%202.92893%2017.0711C1.05357%2015.1957%200%2012.6522%200%2010C0%207.34784%201.05357%204.8043%202.92893%202.92893C4.8043%201.05357%207.34784%200%2010%200ZM2.85714%2010C2.85681%2011.6466%203.4254%2013.2428%204.46671%2014.5184C5.50801%2015.794%206.95805%2016.6707%208.57143%2017V14.2857C8.57143%2013.1491%208.1199%2012.059%207.31617%2011.2553C6.51244%2010.4515%205.42236%2010%204.28571%2010H2.85714ZM15.7143%2010C14.5776%2010%2013.4876%2010.4515%2012.6838%2011.2553C11.8801%2012.059%2011.4286%2013.1491%2011.4286%2014.2857V17C13.0419%2016.6707%2014.492%2015.794%2015.5333%2014.5184C16.5746%2013.2428%2017.1432%2011.6466%2017.1429%2010H15.7143ZM10%208.57143C9.62112%208.57143%209.25776%208.72194%208.98985%208.98985C8.72194%209.25776%208.57143%209.62112%208.57143%2010C8.57143%2010.3789%208.72194%2010.7422%208.98985%2011.0102C9.25776%2011.2781%209.62112%2011.4286%2010%2011.4286C10.3789%2011.4286%2010.7422%2011.2781%2011.0102%2011.0102C11.2781%2010.7422%2011.4286%2010.3789%2011.4286%2010C11.4286%209.62112%2011.2781%209.25776%2011.0102%208.98985C10.7422%208.72194%2010.3789%208.57143%2010%208.57143ZM10%202.85714C8.61006%202.85702%207.25028%203.26244%206.08734%204.02369C4.9244%204.78494%204.00883%205.86896%203.45286%207.14286H16.5471C15.9912%205.86896%2015.0756%204.78494%2013.9127%204.02369C12.7497%203.26244%2011.3899%202.85702%2010%202.85714Z%22%20fill=%22black%22/%3E%0A%3C/svg%3E"); }
.hdcw-opener button.hdcw-op-new {
  min-height: 72px;
  padding: 18px 36px 17px 62px;
  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 17px top 26.5px / 8px 14px border-box, #fff;
}
.hdcw-opener button.hdcw-op-new:hover { 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 17px top 26.5px / 8px 14px border-box, #F1F1F1; opacity: 1; }
.hdcw-opener button.hdcw-op-new::before { left: 12px; top: 21px; width: 22px; height: 22px; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width=%2222%22%20height=%2222%22%20viewBox=%22-1%20-1%2022%2022%22%20fill=%22none%22%20xmlns=%22http://www.w3.org/2000/svg%22%3E%0A%3Cpath%20d=%22M10%200C12.6522%200%2015.1957%201.05357%2017.0711%202.92893C18.9464%204.8043%2020%207.34784%2020%2010C20%2012.6522%2018.9464%2015.1957%2017.0711%2017.0711C15.1957%2018.9464%2012.6522%2020%2010%2020C7.34784%2020%204.8043%2018.9464%202.92893%2017.0711C1.05357%2015.1957%200%2012.6522%200%2010C0%207.34784%201.05357%204.8043%202.92893%202.92893C4.8043%201.05357%207.34784%200%2010%200ZM2.85714%2010C2.85681%2011.6466%203.4254%2013.2428%204.46671%2014.5184C5.50801%2015.794%206.95805%2016.6707%208.57143%2017V14.2857C8.57143%2013.1491%208.1199%2012.059%207.31617%2011.2553C6.51244%2010.4515%205.42236%2010%204.28571%2010H2.85714ZM15.7143%2010C14.5776%2010%2013.4876%2010.4515%2012.6838%2011.2553C11.8801%2012.059%2011.4286%2013.1491%2011.4286%2014.2857V17C13.0419%2016.6707%2014.492%2015.794%2015.5333%2014.5184C16.5746%2013.2428%2017.1432%2011.6466%2017.1429%2010H15.7143ZM10%208.57143C9.62112%208.57143%209.25776%208.72194%208.98985%208.98985C8.72194%209.25776%208.57143%209.62112%208.57143%2010C8.57143%2010.3789%208.72194%2010.7422%208.98985%2011.0102C9.25776%2011.2781%209.62112%2011.4286%2010%2011.4286C10.3789%2011.4286%2010.7422%2011.2781%2011.0102%2011.0102C11.2781%2010.7422%2011.4286%2010.3789%2011.4286%2010C11.4286%209.62112%2011.2781%209.25776%2011.0102%208.98985C10.7422%208.72194%2010.3789%208.57143%2010%208.57143ZM10%202.85714C8.61006%202.85702%207.25028%203.26244%206.08734%204.02369C4.9244%204.78494%204.00883%205.86896%203.45286%207.14286H16.5471C15.9912%205.86896%2015.0756%204.78494%2013.9127%204.02369C12.7497%203.26244%2011.3899%202.85702%2010%202.85714Z%22%20fill=%22black%22/%3E%0A%3C/svg%3E"); }
.hdcw-opener button.hdcw-op-tradein {
  min-height: 68px;
  padding: 15px 36px 16px 61px;
  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 18px top 24.5px / 8px 14px border-box, #fff;
}
.hdcw-opener button.hdcw-op-tradein:hover { 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 18px top 24.5px / 8px 14px border-box, #F1F1F1; opacity: 1; }
.hdcw-opener button.hdcw-op-tradein::before { left: 12px; top: 18px; width: 24px; height: 18px; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width=%2224%22%20height=%2218%22%20viewBox=%22-1%20-1%2024%2018%22%20fill=%22none%22%20xmlns=%22http://www.w3.org/2000/svg%22%3E%0A%3Cpath%20d=%22M1.37501%206.64572C1.07662%206.64602%200.786249%206.54897%200.547808%206.36923C0.309367%206.18949%200.135823%205.93685%200.0534195%205.64951C-0.0289839%205.36217%20-0.0157642%205.05576%200.0910791%204.77662C0.197922%204.49748%200.392579%204.26078%200.64561%204.10233L4.33792%200.402846C4.59566%200.144779%204.94517%20-0.000128971%205.30956%208.61305e-08C5.67394%200.000129143%206.02334%200.145285%206.28091%200.403534C6.53847%200.661783%206.6831%201.01197%206.68297%201.37706C6.68284%201.74215%206.53797%202.09224%206.28022%202.3503L4.74039%203.89176H15.1113C15.4756%203.89176%2015.825%204.03676%2016.0826%204.29486C16.3402%204.55297%2016.4849%204.90304%2016.4849%205.26805C16.4849%205.63307%2016.3402%205.98313%2016.0826%206.24124C15.825%206.49935%2015.4756%206.64435%2015.1113%206.64435L1.37501%206.64572ZM20.625%209.35565C20.9234%209.35535%2021.2137%209.45241%2021.4522%209.63214C21.6906%209.81188%2021.8642%2010.0645%2021.9466%2010.3519C22.029%2010.6392%2022.0158%2010.9456%2021.9089%2011.2248C21.8021%2011.5039%2021.6074%2011.7406%2021.3544%2011.899L17.6621%2015.5972C17.5345%2015.7249%2017.383%2015.8263%2017.2163%2015.8954C17.0495%2015.9645%2016.8709%2016.0001%2016.6904%2016C16.51%2015.9999%2016.3314%2015.9643%2016.1647%2015.895C15.998%2015.8258%2015.8466%2015.7243%2015.7191%2015.5965C15.5916%2015.4686%2015.4904%2015.3168%2015.4214%2015.1498C15.3524%2014.9827%2015.317%2014.8037%2015.317%2014.6229C15.3171%2014.4422%2015.3527%2014.2632%2015.4218%2014.0962C15.4909%2013.9292%2015.5922%2013.7775%2015.7198%2013.6497L17.2596%2012.1082H6.88874C6.52443%2012.1082%206.17504%2011.9632%205.91744%2011.7051C5.65983%2011.447%205.51511%2011.097%205.51511%2010.7319C5.51511%2010.3669%205.65983%2010.0169%205.91744%209.75876C6.17504%209.50065%206.52443%209.35565%206.88874%209.35565H20.625Z%22%20fill=%22black%22/%3E%0A%3C/svg%3E"); }
.hdcw-opener button.hdcw-op-tradein::after { margin-left: 2px; }
.hdcw-opener button.hdcw-op-quiz {
  min-height: 70px;
  padding: 17px 36px 16px 61px;
  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 18px top 26.5px / 8px 14px border-box, #fff;
}
.hdcw-opener button.hdcw-op-quiz:hover { 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 18px top 26.5px / 8px 14px border-box, #F1F1F1; opacity: 1; }
.hdcw-opener button.hdcw-op-quiz::before { left: 12px; top: 20px; width: 24px; height: 24px; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width=%2224%22%20height=%2224%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20xmlns=%22http://www.w3.org/2000/svg%22%3E%0A%3Cpath%20d=%22M8.15768%201.15637C9.24886%200.947877%2010.3697%200.947877%2011.4608%201.15637M8.15768%2018.464C8.517%2018.5322%208.88402%2018.578%209.25873%2018.6015M1.15648%2011.4633C0.947838%2010.3718%200.947838%209.25074%201.15648%208.15928M18.4631%208.15928C18.5313%208.51857%2018.5772%208.88556%2018.6006%209.26025M14.7607%202.52461C15.6795%203.14862%2016.4718%203.94091%2017.0959%204.85965M4.85783%2017.0958C3.93903%2016.4718%203.14668%2015.6795%202.52263%2014.7607M2.52263%204.85855C3.14668%203.93982%203.93903%203.14752%204.85783%202.52351M12.8501%2020.3657L10.6997%2014.1866C9.89011%2011.8637%209.48643%2010.7011%2010.0947%2010.0951C10.7019%209.48682%2011.8656%209.89048%2014.1909%2010.7L20.3617%2012.8447L20.3691%2012.8473C21.6544%2013.2932%2022.2978%2013.5165%2022.4362%2013.9501C22.4755%2014.0699%2022.4886%2014.1966%2022.4747%2014.3219C22.4285%2014.775%2021.8444%2015.1281%2020.6751%2015.8342C19.925%2016.2852%2019.551%2016.5128%2019.4509%2016.8538C19.4219%2016.95%2019.4097%2017.0504%2019.4146%2017.1508C19.4311%2017.5071%2019.7413%2017.8151%2020.3628%2018.4321L22.4032%2020.4603C22.709%2020.7638%2022.8607%2020.9156%2022.9311%2021.0861C23.0226%2021.308%2023.023%2021.5569%2022.9322%2021.779C22.8629%2021.9495%2022.7101%2022.1024%2022.4054%2022.406C22.1018%2022.7106%2021.95%2022.8624%2021.7795%2022.9317C21.5575%2023.0228%2021.3085%2023.0228%2021.0865%2022.9317C20.916%2022.8624%2020.7642%2022.7106%2020.4606%2022.4071L18.4125%2020.3602C17.8021%2019.7498%2017.4963%2019.4451%2017.1454%2019.4253C17.0394%2019.4195%2016.9332%2019.4329%2016.8319%2019.4649C16.4964%2019.5672%2016.2731%2019.9367%2015.8277%2020.6748L15.8255%2020.6784C15.1296%2021.833%2014.7822%2022.4093%2014.335%2022.4599C14.2031%2022.476%2014.0692%2022.4621%2013.9434%2022.4192C13.5166%2022.2776%2013.2955%2021.6435%2012.8533%2020.3748L12.8501%2020.3657Z%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%20stroke=%22black%22/%3E%0A%3C/svg%3E"); }
.hdcw-opener button.hdcw-op-alert {
  min-height: 71px;
  padding: 17px 36px 17px 60px;
  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 18px top 27.5px / 8px 14px border-box, #fff;
}
.hdcw-opener button.hdcw-op-alert:hover { 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 18px top 27.5px / 8px 14px border-box, #F1F1F1; opacity: 1; }
.hdcw-opener button.hdcw-op-alert::before { left: 9px; top: 20px; width: 23px; height: 18px; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width=%2223%22%20height=%2218%22%20viewBox=%22-1%20-1%2023%2018%22%20fill=%22none%22%20xmlns=%22http://www.w3.org/2000/svg%22%3E%0A%3Cpath%20d=%22M4.2%200H16.8C17.9139%200%2018.9822%200.442499%2019.7698%201.23015C20.5575%202.0178%2021%203.08609%2021%204.2V11.55C21%2012.6639%2020.5575%2013.7322%2019.7698%2014.5198C18.9822%2015.3075%2017.9139%2015.75%2016.8%2015.75H4.2C3.08609%2015.75%202.0178%2015.3075%201.23015%2014.5198C0.442499%2013.7322%200%2012.6639%200%2011.55V4.2C0%203.08609%200.442499%202.0178%201.23015%201.23015C2.0178%200.442499%203.08609%200%204.2%200ZM4.2%202.1C3.64305%202.1%203.1089%202.32125%202.71508%202.71508C2.32125%203.1089%202.1%203.64305%202.1%204.2V11.55C2.1%2012.107%202.32125%2012.6411%202.71508%2013.0349C3.1089%2013.4288%203.64305%2013.65%204.2%2013.65H16.8C17.357%2013.65%2017.8911%2013.4288%2018.2849%2013.0349C18.6787%2012.6411%2018.9%2012.107%2018.9%2011.55V4.2C18.9%203.64305%2018.6787%203.1089%2018.2849%202.71508C17.8911%202.32125%2017.357%202.1%2016.8%202.1H4.2Z%22%20fill-rule=%22evenodd%22%20clip-rule=%22evenodd%22%20fill=%22black%22/%3E%0A%3Cpath%20d=%22M1.72516%202.08531C1.7961%201.96707%201.88964%201.86396%202.00043%201.78187C2.11122%201.69978%202.23709%201.64032%202.37087%201.60687C2.50464%201.57343%202.64369%201.56666%202.78008%201.58696C2.91646%201.60726%203.04752%201.65422%203.16576%201.72516L9.95926%205.80126C10.1226%205.89938%2010.3095%205.95121%2010.5%205.95121C10.6905%205.95121%2010.8774%205.89938%2011.0408%205.80126L17.8343%201.72516C17.9525%201.65415%2018.0836%201.60712%2018.22%201.58676C18.3564%201.5664%2018.4955%201.57311%2018.6293%201.60651C18.7631%201.6399%2018.8891%201.69933%2018.9999%201.78139C19.1108%201.86345%2019.2044%201.96655%2019.2754%202.08479C19.3464%202.20302%2019.3934%202.33409%2019.4138%202.47051C19.4341%202.60692%2019.4274%202.74601%2019.394%202.87983C19.3606%203.01365%2019.3012%203.13958%2019.2192%203.25044C19.1371%203.36129%2019.034%203.4549%2018.9158%203.52591L12.1202%207.60201C11.6307%207.89555%2011.0707%208.0506%2010.5%208.0506C9.92929%208.0506%209.3693%207.89555%208.87986%207.60201L2.08321%203.52591C1.84459%203.38246%201.67271%203.15012%201.60537%202.87997C1.53803%202.60981%201.58179%202.32398%201.72516%202.08531Z%22%20fill-rule=%22evenodd%22%20clip-rule=%22evenodd%22%20fill=%22black%22/%3E%0A%3C/svg%3E"); }
.hdcw-opener button.hdcw-op-alert::after { margin-left: 1px; }
.hdcw-opener button.hdcw-op-new::after { content: 'Browse Renault, Dacia and Citroën ranges'; }
.hdcw-opener button.hdcw-op-tradein::after { content: 'Get a valuation for your current car'; }
.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'; }
/* The used caption: the artwork's "Over 110 vehicles in stock" (30002:640)
 * with the live count (CON-995): the widget sets data-stock on the button
 * once /chat/search answers; the caption without a number shows until it
 * arrives, or if it cannot. Roll back to the typed number: delete the
 * [data-stock] rule and put 'Over 110 vehicles in stock' in the one above. */
.hdcw-opener button.hdcw-op-used::after { content: 'Vehicles in stock'; }
.hdcw-opener button.hdcw-op-used[data-stock]::after { content: attr(data-stock) ' vehicles in stock'; }

/* "Something else" (2023:430): the last row from 549, no rule under it,
 * title NouvelR Bold 16 cap 20px under the row top at x77.5; the "?" balloon
 * (56005:1186, stroke 1.5) 21x21 at 27,565.5; chevron 20 down. */
.hdcw-opener .hdcw-else.hdcw-op-else {
  min-height: 51px;
  border-bottom: 0;
  padding: 15px 36px 17px 61px;   /* 15 + 19 + 17 = 51; title cap 20 under the row top */
  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 18px top 18.5px / 8px 14px border-box, #fff;
}
.hdcw-opener button.hdcw-op-else:hover { 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 18px top 18.5px / 8px 14px border-box, #F1F1F1; opacity: 1; }
.hdcw-opener button.hdcw-op-else::before { left: 11px; top: 16px; width: 21px; height: 21px; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width=%2221%22%20height=%2221%22%20viewBox=%220%200%2021%2021%22%20fill=%22none%22%20xmlns=%22http://www.w3.org/2000/svg%22%3E%0A%3Cpath%20d=%22M20.2317%2010.5C20.2317%2013.081%2019.2064%2015.5563%2017.3814%2017.3814C15.5563%2019.2064%2013.081%2020.2317%2010.5%2020.2317C8.8323%2020.2317%207.26293%2019.8117%205.89025%2019.0731C3.97669%2018.0416%202.68903%2019.0004%201.55298%2019.1725C1.46803%2019.1847%201.3814%2019.1765%201.3002%2019.1488C1.21901%2019.121%201.14555%2019.0743%201.08586%2019.0127C0.996738%2018.9181%200.937761%2018.7991%200.91642%2018.6708C0.895079%2018.5426%200.912339%2018.4109%200.966005%2018.2925C1.41264%2017.2425%201.82137%2015.2511%201.26308%2013.5732C0.93433%2012.582%200.767266%2011.5443%200.768297%2010.5C0.768297%207.91899%201.7936%205.44369%203.61865%203.61864C5.4437%201.79359%207.919%200.768293%2010.5%200.768293C13.081%200.768293%2015.5563%201.79359%2017.3814%203.61864C19.2064%205.44369%2020.2317%207.91899%2020.2317%2010.5Z%22%20stroke-width=%221.53659%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%20stroke=%22black%22/%3E%0A%3Cpath%20d=%22M7.93902%207.93901C7.93919%207.49782%208.05333%207.06415%208.27038%206.68004C8.48744%206.29593%208.80004%205.97441%209.17789%205.74665C9.55575%205.51888%209.98604%205.39259%2010.427%205.38003C10.8681%205.36746%2011.3048%205.46904%2011.6951%205.67492C12.0853%205.88079%2012.4157%206.18399%2012.6542%206.55511C12.8928%206.92624%2013.0315%207.3527%2013.0568%207.79317C13.0821%208.23364%2012.9931%208.67317%2012.7986%209.06916C12.6041%209.46515%2012.3105%209.80417%2011.9464%2010.0534C11.2458%2010.5328%2010.5%2011.1884%2010.5%2012.0366M10.628%2015.3658H10.5M10.7561%2015.3658C10.7561%2015.4338%2010.7291%2015.4989%2010.6811%2015.5469C10.6331%2015.595%2010.5679%2015.6219%2010.5%2015.6219C10.4321%2015.6219%2010.3669%2015.595%2010.3189%2015.5469C10.2709%2015.4989%2010.2439%2015.4338%2010.2439%2015.3658C10.2439%2015.2979%2010.2709%2015.2328%2010.3189%2015.1847C10.3669%2015.1367%2010.4321%2015.1097%2010.5%2015.1097C10.5679%2015.1097%2010.6331%2015.1367%2010.6811%2015.1847C10.7291%2015.2328%2010.7561%2015.2979%2010.7561%2015.3658Z%22%20stroke-width=%221.53659%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%20stroke=%22black%22/%3E%0A%3C/svg%3E"); }

/* Context CTA ("Tell me about this car" 19:683 on 16-browse-auto): 349x55 at
 * x24, r10, flat black, white Google Sans Bold 16 centred, the text box 18px
 * under the top. */
.hdcw-opener button.hdcw-op-ctx {
  min-height: 55px;
  margin: 0 4px 0 8px;           /* x24..373 in the x16..377 opener column */
  border: 0;
  border-radius: 10px;
  padding: 18px 0 14px;          /* label cap 21.5px under the bar top (19:681) */
  background: #000000;
  color: #fff;
  font-family: 'Google Sans', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 23px;
  letter-spacing: 0;
}
.hdcw-opener button.hdcw-op-ctx:hover { background: #000000; opacity: .85; }

/* ---------- Chips (item 16:212): 31px white, r10, NO stroke, 0/4/4 25%
 * shadow, Google Sans Regular 12/13 black, centred, the text box 9px under
 * the chip top, 16px sides; 5px gaps, a 36px row pitch, rows at x18 (15-browse). Selected
 * = 1px #0C0F20 inside stroke ("Adventurous" 37:328, "Automatic" 19:414). */
.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: 8px 15px 8px;         /* + the 1px transparent border = 16px sides: the artwork's are hand-sized
                                    13-20px; 16 keeps its four POPULAR rows (15-browse) in Chrome */
  font-size: 12px;
  line-height: 13px;
  letter-spacing: 0;
  box-shadow: 0 4px 4px rgba(0,0,0,.25);
}
.hdcw-chip:hover { background: #F1F1F1; border-color: transparent; color: #000000; }
.hdcw-chip--sel { border-color: #0C0F20; box-shadow: 0 4px 4px rgba(0,0,0,.25); font-weight: 400; }
.hdcw-chip--sel:hover { border-color: #0C0F20; }
/* Bootstrap's reboot (HML loads 4.3.1) adds `button:focus { outline: 5px auto }`,
 * so a tapped chip would also wear the browser's focus ring. Mouse and touch
 * focus drop it; keyboard focus keeps a visible ring. */
.hdcw-chip:focus:not(:focus-visible) { outline: 0; }
/* POPULAR / LIFESTYLE / MAKES (16:213 / 16:270 / 16:323): Google Sans Bold
 * 11 #6D6D6D, no tracking, at x23-24; 13px under a bubble, 18px under a chip
 * row, 8px above its chips. */
.hdcw-ghead {
  font-weight: 700;
  letter-spacing: 0;
  font-size: 11px;
  line-height: 14px;
  margin: 3px 6px -2px 8px;
}
.hdcw-chips + .hdcw-ghead { margin-top: 8px; }
/* Answer chips straight under a question (the quiz, 02-help1 .. 07-help5):
 * flush with the bubble at x16, 8px under it, 4px row / 5px column gaps. */
.hdcw-bot + .hdcw-chips { padding-left: 0; margin-top: -2px; gap: 4px 5px; }

/* ---------- Car cards ("csr search" 19:566): 176 wide, 14px apart, white,
 * 1px #E4E6EA, r10, 244 tall. Photo 176x113, square-topped. Body 12px in:
 * title Regular 12, price Bold 12/19, monthly Regular 12, meta Regular 10.
 * Flush split action bar at 213, 31 tall: Details (77, white) | I'm Interested
 * (99, black, white ink), both Google Sans Regular 12/13 ls -.12px, #E4E6EA
 * rules. */
.hdcw-cars { gap: 14px; padding: 1px 2px 0; margin: 0 0 -1px; }
.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; margin-top: -1px; }  /* the photo covers the card's top stroke (19:541 over 19:538) */
.hdcw-car .hdcw-carbody { padding: 8px 11px 8px; }  /* the bar rule at 213 under the card top: card 244 tall (19:538) */
.hdcw-car h4.hdcw-cartitle {
  /* name every property: Bootstrap's h4 rule and HML's h1-h6 NouvelR rule would win otherwise */
  margin: 0;
  padding: 0;
  font-family: var(--hdcw-font);
  font-size: 12px;
  font-weight: 400;
  line-height: 15px;             /* title lines 15px apart (19:545: cap 124.5 / 139.5 under the card top) */
  letter-spacing: .14px;
  color: #000000;
  max-height: 30px;
}
.hdcw-car .hdcw-price { color: #000000; font-size: 12px; font-weight: 700; line-height: 16px; margin-top: 4px; letter-spacing: .14px; }  /* ink 158 / monthly 174 / meta 192.5 under the card top */
.hdcw-car .hdcw-mo { color: #000000; font-size: 12px; font-weight: 400; line-height: 16px; letter-spacing: .14px; }
.hdcw-car .hdcw-meta { color: #000000; font-size: 10px; line-height: 17px; margin-top: 1px; letter-spacing: 0; }
.hdcw-ncgrid .hdcw-carbody { padding: 8px 11px 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: 30px;              /* 31 with the card's own bottom stroke: card 244 tall */
  padding: 8px 0 8px;
  font-family: var(--hdcw-font);
  font-size: 12px;
  font-weight: 400;
  line-height: 13px;
  letter-spacing: -.12px;
  background: #fff;
  color: #000000;
}
.hdcw-car .hdcw-pick:hover { background: #F1F1F1; color: #000000; }
.hdcw-car .hdcw-pick--primary {
  flex: 99 0 0;
  border-left: 1px solid #E4E6EA;
  border-radius: 0 0 9px 0;
  background: #000000;
  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: #000000; opacity: .85; color: #fff; }

/* ---------- Footer (24:712): #E4E6EA band 400x129. Input 299x51 @21,20
 * (from the band top), r10, 1px black, white; placeholder Google Sans
 * Regular 14 ls .14px, 28px in (12002:602, the same on every artboard).
 * Send: the black 52px circle 8px right of it, 20px off the panel's right
 * edge. Disclosure Google Sans Regular 12/15 (ls .1px), black, centred in a
 * 275px box at x62, 10px under the input row, "Terms & Conditions"
 * underlined (I37:289;2008:473) except on the home artboard (01-chat). */
.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;
  min-width: 0;
  height: 51px;
  border-radius: 10px;
  padding: 3px 16px 0 27px;     /* placeholder cap 21px under the input top (12002:602 at y628 in 611) */
  font-size: 14px;
  line-height: 46px;
  letter-spacing: .14px;
  background: #fff;
}
/* font: inherit - HML's style.css line 5410 has a bare ::-webkit-input-placeholder
 * { font-size: 1rem; color: #525252 } that reaches the widget's input. */
.hdcw-input input::placeholder { color: #000000; opacity: 1; font: inherit; letter-spacing: inherit; }
.hdcw-input input::-webkit-input-placeholder { color: #000000; opacity: 1; font: inherit; letter-spacing: inherit; }
.hdcw-input input:focus { border-color: #000000; }
/* The home state (01-chat, the openers on screen): "Terms & Conditions" is
 * NOT underlined. */
.hdcw-panel:has(.hdcw-op-else) .hdcw-powered a.hdcw-tc { text-decoration: none; }
.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=%22black%22/%3E%0A%3Cpath%20d=%22M33.9108%2020.7147C34.3279%2019.6967%2033.2099%2018.7101%2032.0562%2019.079L17.9556%2023.5789C16.798%2023.9486%2016.658%2025.3424%2017.7229%2025.8867L22.2239%2028.1861L26.2431%2024.6395C26.4252%2024.4843%2026.6691%2024.3985%2026.9222%2024.4004C27.1754%2024.4023%2027.4176%2024.4919%2027.5966%2024.6499C27.7756%2024.8078%2027.8771%2025.0215%2027.8793%2025.2449C27.8815%2025.4683%2027.7842%2025.6835%2027.6083%2025.8441L23.5891%2029.3907L26.1958%2033.3624C26.8118%2034.302%2028.3913%2034.1777%2028.8103%2033.1571L33.9108%2020.7147Z%22%20fill=%22white%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-size: 12px;
  line-height: 15px;
  letter-spacing: .1px;          /* 2008:473 ls 0.10px */
  white-space: break-spaces;     /* the artwork centres line 1 WITH its trailing space, as Figma does */
  padding: 1px 63px 16px 62px;   /* 2008:473: a 275px box at x62, 673..703, 17px above the foot */
}
.hdcw-powered a.hdcw-tc { color: #000000; text-decoration: underline; }
.hdcw-powered a.hdcw-tc:hover { color: #000000; text-decoration: underline; }
.hdcw-powered > div { display: inline; }
.hdcw-powered > div:first-child::after { content: '.   '; }

@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; }
}