@import url('https://fonts.googleapis.com/css2?family=Inter:ital,wght@1,400&display=swap');
/* CON-1062 chat widget branding - Naas Road Autos (nra2, template NRA2).
 * Source of truth: the designer's Figma "Ai Assistant - Naas Road Autos
 * (Copy)" (file avp1HC7UGccfizUcYHRh5L) and its 16 @2x artboard PNGs, which
 * outrank the node dump wherever the two disagree. Tooling and QA:
 * tickets/CON-1062/qa-nra2/; design notes and the probe table:
 * tickets/CON-1062/DESIGN-nra2.md. Glyphs are SVG exports of the file's own
 * nodes.
 *
 * Slate and blue on a cool grey ground: an 81px header on the designer's
 * #3C4858 -> #657589 -> #3C4858 sheen carrying the white roundel mark; white
 * bot bubbles with a 1px #E4E6EA stroke and a squared bottom-left corner on
 * a #F5F6F8 ground; #3C4858 user bubbles; four white r10 opener rows with a
 * 1px #D0D0D0 stroke, blue glyphs and blue chevrons; hollow blue-stroked pill
 * chips; white cards with a flush Details | I'm Interested bar; a white
 * footer with a blue-stroked pill input and a blue send circle. The launcher
 * is the designer's "Virtual Assistant" pill + avatar lockup.
 * Type: Archivo (loaded by the NRA2 template itself), Inter Italic for the
 * status line (imported above).
 * The panel is 400x720 = the designer's artboard, so offsets transfer 1:1.
 *
 * Regenerate with tickets/CON-1062/build-theme-nra2.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: #0080C5;
  --hdcw-on-accent: #fff;
  --hdcw-font: 'Archivo', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
  --hdcw-bg: #fff;               /* bubbles, cards, footer band (24:708), input */
  --hdcw-surface: #F5F6F8;      /* the conversation ground (15:158) */
  --hdcw-text: #000000;
  --hdcw-muted: #6D6D6D;
  --hdcw-faint: #E4E6EA;          /* typing dots (decorative) */
  --hdcw-footer: #313131;         /* disclosure 2008:473 */
  --hdcw-border: #0080C5;         /* input stroke 24:705 */
  --hdcw-border-soft: #E4E6EA;
  --hdcw-radius: 15px;           /* panel 1:7 */
  --hdcw-radius-bubble: 10px;
  --hdcw-head-bg: #3C4858;
  --hdcw-head-color: #fff;
  --hdcw-user-bg: #3C4858;
  --hdcw-user-color: #fff;
  --hdcw-link: #0080C5;
  --hdcw-btn-bg: #0080C5;
  --hdcw-btn-color: #fff;
  --hdcw-fab-gap: 0;             /* a wide pill docks on the vehicle action bar */
}

/* ---------- Launcher (49:835 + 4017:808): the designer's 238x64 lockup, the
 * 213x45 r22.5 sheen pill + 64px #0080C5 avatar circle + "Virtual Assistant"
 * Bold 15 wordmark, exported 246x72 with 4px of shadow margin all round. On
 * the 400-wide home artboard the circle ends 6px from the right edge and
 * 12px from the bottom. */
.hdcw-fab {
  width: 246px;
  height: 72px;
  right: 2px;
  bottom: 8px;
  max-width: calc(100vw - 4px);
  border-radius: 0;
  background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width=%22246%22%20height=%2272%22%20viewBox=%220%200%20246%2072%22%20fill=%22none%22%20xmlns=%22http://www.w3.org/2000/svg%22%3E%0A%3Cg%20filter=%22url(%23filter0_d_49_835)%22%3E%0A%3Crect%20x=%224%22%20y=%2213%22%20width=%22213%22%20height=%2245%22%20rx=%2222.5%22%20fill=%22%233C4858%22/%3E%0A%3Crect%20x=%224%22%20y=%2213%22%20width=%22213%22%20height=%2245%22%20rx=%2222.5%22%20fill=%22url(%23paint0_linear_49_835)%22/%3E%0A%3C/g%3E%0A%3Cg%20filter=%22url(%23filter1_d_49_835)%22%3E%0A%3Ccircle%20cx=%22210%22%20cy=%2232%22%20r=%2232%22%20fill=%22%230080C5%22/%3E%0A%3C/g%3E%0A%3Cpath%20d=%22M212.208%2019.0029C212.76%2019.0045%20213.209%2018.5581%20213.211%2018.0058C213.212%2017.4535%20212.766%2017.0045%20212.213%2017.003L212.211%2018.0029L212.208%2019.0029ZM198.05%2020.0499L197.343%2019.3428H197.343L198.05%2020.0499ZM224.997%2029.7866C224.995%2029.2344%20224.546%2028.7879%20223.994%2028.7895C223.442%2028.791%20222.995%2029.24%20222.997%2029.7923L223.997%2029.7895L224.997%2029.7866ZM220%2017L220.938%2016.6529C220.793%2016.2605%20220.418%2016%20220%2016C219.582%2016%20219.207%2016.2605%20219.062%2016.6529L220%2017ZM220.369%2017.9957L221.306%2017.6489L221.306%2017.6486L220.369%2017.9957ZM224.004%2021.6314L224.351%2020.6936L224.351%2020.6935L224.004%2021.6314ZM225%2022L225.347%2022.9378C225.74%2022.7926%20226%2022.4184%20226%2022C226%2021.5816%20225.74%2021.2074%20225.347%2021.0622L225%2022ZM224.004%2022.3686L224.351%2023.3065L224.351%2023.3064L224.004%2022.3686ZM220.369%2026.0043L221.306%2026.3514L221.306%2026.3511L220.369%2026.0043ZM220%2027L219.062%2027.3471C219.207%2027.7395%20219.582%2028%20220%2028C220.418%2028%20220.793%2027.7395%20220.938%2027.3471L220%2027ZM219.631%2026.0043L218.694%2026.3511L218.694%2026.3514L219.631%2026.0043ZM215.996%2022.3686L215.649%2023.3064L215.649%2023.3065L215.996%2022.3686ZM215%2022L214.653%2021.0622C214.26%2021.2074%20214%2021.5816%20214%2022C214%2022.4184%20214.26%2022.7926%20214.653%2022.9378L215%2022ZM215.996%2021.6314L215.649%2020.6935L215.649%2020.6936L215.996%2021.6314ZM219.631%2017.9957L218.694%2017.6486L218.694%2017.6489L219.631%2017.9957ZM202.288%2038.2982C201.9%2038.6916%20201.905%2039.3247%20202.298%2039.7123C202.692%2040.0999%20203.325%2040.0953%20203.712%2039.7018L203%2039L202.288%2038.2982ZM215.275%2039.6891C215.656%2040.0893%20216.289%2040.1052%20216.689%2039.7246C217.089%2039.344%20217.105%2038.711%20216.725%2038.3109L216%2039L215.275%2039.6891ZM209.488%2032V31L209.487%2031L209.488%2032ZM208.105%2031.7352L208.476%2030.8067V30.8067L208.105%2031.7352ZM206.931%2030.9769L206.236%2031.6955L206.236%2031.6955L206.931%2030.9769ZM206.147%2029.8407L207.066%2029.4473L207.066%2029.4473L206.147%2029.8407ZM205.872%2028.5L206.872%2028.5V28.5H205.872ZM209.488%2025V26L209.49%2026L209.488%2025ZM210.872%2025.2652L211.243%2024.3369L211.243%2024.3369L210.872%2025.2652ZM212.045%2026.0236L211.349%2026.7421L211.349%2026.7421L212.045%2026.0236ZM212.829%2027.1596L213.748%2026.7664L213.748%2026.7664L212.829%2027.1596ZM212.211%2018.0029L212.213%2017.003C211.52%2017.001%20210.782%2017%20210%2017V18V19C210.78%2019%20211.516%2019.001%20212.208%2019.0029L212.211%2018.0029ZM210%2018V17C206.729%2017%20204.174%2016.9979%20202.186%2017.2651C200.169%2017.5363%20198.585%2018.101%20197.343%2019.3428L198.05%2020.0499L198.757%2020.757C199.565%2019.9489%20200.657%2019.4887%20202.452%2019.2473C204.276%2019.0021%20206.672%2019%20210%2019V18ZM198.05%2020.0499L197.343%2019.3428C196.101%2020.5845%20195.536%2022.1681%20195.265%2024.1852C194.998%2026.1735%20195%2028.728%20195%2032H196H197C197%2028.6714%20197.002%2026.2757%20197.247%2024.4516C197.489%2022.6563%20197.949%2021.5652%20198.757%2020.757L198.05%2020.0499ZM196%2032H195C195%2035.2713%20194.998%2037.8257%20195.265%2039.8142C195.536%2041.8314%20196.101%2043.4154%20197.343%2044.6572L198.05%2043.9501L198.757%2043.243C197.949%2042.4349%20197.489%2041.3434%20197.247%2039.5478C197.002%2037.7235%20197%2035.3278%20197%2032H196ZM198.05%2043.9501L197.343%2044.6572C198.585%2045.8989%20200.168%2046.4637%20202.185%2046.7348C204.174%2047.0021%20206.728%2047%20210%2047V46V45C206.671%2045%20204.276%2044.9979%20202.452%2044.7527C200.656%2044.5113%20199.565%2044.0512%20198.757%2043.243L198.05%2043.9501ZM210%2046V47C213.271%2047%20215.826%2047.0021%20217.814%2046.7348C219.831%2046.4637%20221.415%2045.899%20222.657%2044.6572L221.95%2043.9501L221.243%2043.243C220.435%2044.0511%20219.343%2044.5113%20217.548%2044.7527C215.724%2044.9979%20213.328%2045%20210%2045V46ZM221.95%2043.9501L222.657%2044.6572C223.899%2043.4155%20224.464%2041.8319%20224.735%2039.8148C225.002%2037.8265%20225%2035.272%20225%2032H224H223C223%2035.3286%20222.998%2037.7243%20222.753%2039.5484C222.511%2041.3437%20222.051%2042.4348%20221.243%2043.243L221.95%2043.9501ZM224%2032H225C225%2031.2181%20224.999%2030.4803%20224.997%2029.7866L223.997%2029.7895L222.997%2029.7923C222.999%2030.4839%20223%2031.2198%20223%2032H224ZM220%2017L219.062%2017.3471L219.431%2018.3429L220.369%2017.9957L221.306%2017.6486L220.938%2016.6529L220%2017ZM220.369%2017.9957L219.431%2018.3426C219.882%2019.5623%20220.195%2020.4703%20220.861%2021.1371L221.569%2020.43L222.276%2019.7229C221.991%2019.4383%20221.821%2019.0406%20221.306%2017.6489L220.369%2017.9957ZM221.569%2020.43L220.861%2021.1371C221.53%2021.8053%20222.437%2022.1181%20223.657%2022.5694L224.004%2021.6314L224.351%2020.6935C222.96%2020.179%20222.562%2020.009%20222.276%2019.7229L221.569%2020.43ZM224.004%2021.6314L223.657%2022.5692L224.653%2022.9378L225%2022L225.347%2021.0622L224.351%2020.6936L224.004%2021.6314ZM225%2022L224.653%2021.0622L223.657%2021.4308L224.004%2022.3686L224.351%2023.3064L225.347%2022.9378L225%2022ZM224.004%2022.3686L223.657%2021.4306C222.438%2021.8817%20221.53%2022.1947%20220.863%2022.8615L221.57%2023.5686L222.277%2024.2757C222.562%2023.991%20222.959%2023.8212%20224.351%2023.3065L224.004%2022.3686ZM221.57%2023.5686L220.863%2022.8615C220.195%2023.5296%20219.882%2024.4373%20219.431%2025.6574L220.369%2026.0043L221.306%2026.3511C221.821%2024.9598%20221.991%2024.5618%20222.277%2024.2757L221.57%2023.5686ZM220.369%2026.0043L219.431%2025.6571L219.062%2026.6529L220%2027L220.938%2027.3471L221.306%2026.3514L220.369%2026.0043ZM220%2027L220.938%2026.6529L220.569%2025.6571L219.631%2026.0043L218.694%2026.3514L219.062%2027.3471L220%2027ZM219.631%2026.0043L220.569%2025.6574C220.118%2024.4377%20219.805%2023.5297%20219.139%2022.8629L218.431%2023.57L217.724%2024.2771C218.009%2024.5617%20218.179%2024.9594%20218.694%2026.3511L219.631%2026.0043ZM218.431%2023.57L219.139%2022.8629C218.47%2022.1947%20217.563%2021.8819%20216.343%2021.4306L215.996%2022.3686L215.649%2023.3065C217.04%2023.821%20217.438%2023.991%20217.724%2024.2771L218.431%2023.57ZM215.996%2022.3686L216.343%2021.4308L215.347%2021.0622L215%2022L214.653%2022.9378L215.649%2023.3064L215.996%2022.3686ZM215%2022L215.347%2022.9378L216.343%2022.5692L215.996%2021.6314L215.649%2020.6936L214.653%2021.0622L215%2022ZM215.996%2021.6314L216.343%2022.5694C217.562%2022.1183%20218.47%2021.8053%20219.137%2021.1385L218.43%2020.4314L217.723%2019.7243C217.438%2020.009%20217.041%2020.1788%20215.649%2020.6935L215.996%2021.6314ZM218.43%2020.4314L219.137%2021.1385C219.805%2020.4704%20220.118%2019.5627%20220.569%2018.3426L219.631%2017.9957L218.694%2017.6489C218.179%2019.0402%20218.009%2019.4382%20217.723%2019.7243L218.43%2020.4314ZM219.631%2017.9957L220.569%2018.3429L220.938%2017.3471L220%2017L219.062%2016.6529L218.694%2017.6486L219.631%2017.9957ZM203%2039L203.712%2039.7018C206.708%2036.6618%20212.283%2036.5425%20215.275%2039.6891L216%2039L216.725%2038.3109C212.908%2034.2979%20206.029%2034.5006%20202.288%2038.2982L203%2039ZM213.104%2028.5H212.104C212.104%2029.8497%20210.964%2031%20209.488%2031V32V33C212.008%2033%20214.104%2031.0143%20214.104%2028.5H213.104ZM209.488%2032L209.487%2031C209.139%2031.0005%20208.796%2030.9346%20208.476%2030.8067L208.105%2031.7352L207.733%2032.6636C208.291%2032.8869%20208.888%2033.0009%20209.49%2033L209.488%2032ZM208.105%2031.7352L208.476%2030.8067C208.157%2030.6789%20207.868%2030.492%20207.627%2030.2582L206.931%2030.9769L206.236%2031.6955C206.666%2032.1119%20207.175%2032.4404%20207.733%2032.6636L208.105%2031.7352ZM206.931%2030.9769L207.627%2030.2582C207.385%2030.0245%20207.195%2029.7487%20207.066%2029.4473L206.147%2029.8407L205.228%2030.234C205.462%2030.7827%20205.805%2031.279%20206.236%2031.6955L206.931%2030.9769ZM206.147%2029.8407L207.066%2029.4473C206.937%2029.146%20206.872%2028.8242%20206.872%2028.5L205.872%2028.5L204.872%2028.5C204.872%2029.096%20204.993%2029.6853%20205.228%2030.234L206.147%2029.8407ZM205.872%2028.5H206.872C206.872%2027.1505%20208.011%2026%20209.488%2026V25V24C206.968%2024%20204.872%2025.9855%20204.872%2028.5H205.872ZM209.488%2025L209.49%2026C209.837%2025.9996%20210.18%2026.0656%20210.5%2026.1936L210.872%2025.2652L211.243%2024.3369C210.686%2024.1135%20210.089%2023.9993%20209.487%2024L209.488%2025ZM210.872%2025.2652L210.5%2026.1936C210.819%2026.3215%20211.108%2026.5084%20211.349%2026.7421L212.045%2026.0236L212.74%2025.3052C212.31%2024.8888%20211.801%2024.5603%20211.243%2024.3369L210.872%2025.2652ZM212.045%2026.0236L211.349%2026.7421C211.591%2026.9758%20211.78%2027.2516%20211.909%2027.5529L212.829%2027.1596L213.748%2026.7664C213.513%2026.2179%20213.17%2025.7216%20212.74%2025.3052L212.045%2026.0236ZM212.829%2027.1596L211.909%2027.5529C212.038%2027.8541%20212.104%2028.1759%20212.104%2028.5H213.104H214.104C214.104%2027.9042%20213.983%2027.315%20213.748%2026.7664L212.829%2027.1596Z%22%20fill=%22white%22/%3E%0A%3Cpath%20d=%22M36%2034L36.2949%2034.7966C36.6811%2035.8411%2036.8743%2036.3634%2037.2549%2036.744C37.6366%2037.1257%2038.1589%2037.3189%2039.2034%2037.7051L40%2038L39.2034%2038.2949C38.1589%2038.6811%2037.6366%2038.8743%2037.256%2039.2549C36.8743%2039.6366%2036.6811%2040.1589%2036.2949%2041.2034L36%2042L35.7051%2041.2034C35.3189%2040.1589%2035.1257%2039.6366%2034.7451%2039.256C34.3634%2038.8743%2033.8411%2038.6811%2032.7966%2038.2949L32%2038L32.7966%2037.7051C33.8411%2037.3189%2034.3634%2037.1257%2034.744%2036.7451C35.1257%2036.3634%2035.3189%2035.8411%2035.7051%2034.7966L36%2034Z%22%20stroke=%22white%22%20stroke-width=%221.5%22%20stroke-linejoin=%22round%22/%3E%0A%3Cpath%20d=%22M30%2028L30.2211%2028.5974C30.5109%2029.3809%2030.6557%2029.7726%2030.9411%2030.058C31.2274%2030.3443%2031.6191%2030.4891%2032.4026%2030.7789L33%2031L32.4026%2031.2211C31.6191%2031.5109%2031.2274%2031.6557%2030.942%2031.9411C30.6557%2032.2274%2030.5109%2032.6191%2030.2211%2033.4026L30%2034L29.7789%2033.4026C29.4891%2032.6191%2029.3443%2032.2274%2029.0589%2031.942C28.7726%2031.6557%2028.3809%2031.5109%2027.5974%2031.2211L27%2031L27.5974%2030.7789C28.3809%2030.4891%2028.7726%2030.3443%2029.058%2030.0589C29.3443%2029.7726%2029.4891%2029.3809%2029.7789%2028.5974L30%2028Z%22%20stroke=%22white%22%20stroke-width=%221.5%22%20stroke-linejoin=%22round%22/%3E%0A%3Cg%20transform=%22translate(48.45%2033.16)%22%3E%3Cpath%20d=%22M3.7466%2010.9225L7.37815e-06%200.558937H2.43227L4.66814%207.1759C4.70842%207.28669%204.75375%207.42265%204.8041%207.58379C4.85446%207.73487%204.90482%207.88594%204.95517%208.03701C5.00553%208.18808%205.04582%208.32405%205.07603%208.44491H5.16668C5.20696%208.33412%205.24725%208.20823%205.28753%208.06722C5.33789%207.91615%205.38321%207.76508%205.4235%207.61401C5.47386%207.46294%205.51918%207.32194%205.55946%207.19101L7.79533%200.558937H10.137L6.37525%2010.9225H3.7466ZM11.2751%201.81284V-3.02555e-05H13.375V1.81284H11.2751ZM11.2751%2010.9225V2.97609H13.375V10.9225H11.2751ZM15.3027%2010.9225V2.97609H17.04L17.2062%204.21488H17.3119C17.4127%203.95303%2017.5436%203.71635%2017.7047%203.50484C17.8659%203.28327%2018.0673%203.10702%2018.309%202.97609C18.5507%202.84516%2018.8327%202.7797%2019.155%202.7797C19.3262%202.7797%2019.4823%202.79984%2019.6233%202.84013C19.7643%202.87034%2019.8701%202.90056%2019.9406%202.93077V4.83428H19.291C18.9788%204.83428%2018.7018%204.8796%2018.4601%204.97024C18.2284%205.05082%2018.032%205.18175%2017.8709%205.36303C17.7098%205.54432%2017.5889%205.76589%2017.5083%206.02775C17.4378%206.28961%2017.4026%206.59679%2017.4026%206.94929V10.9225H15.3027ZM23.4135%2011.1038C22.9099%2011.1038%2022.502%2011.0131%2022.1898%2010.8318C21.8776%2010.6506%2021.651%2010.4088%2021.51%2010.1067C21.369%209.79448%2021.2985%209.45205%2021.2985%209.07941V4.59256H20.3165V2.97609H21.374L21.7668%200.710009H23.3984V2.97609H24.8487V4.59256H23.3984V8.73194C23.3984%208.97366%2023.4538%209.15998%2023.5646%209.29091C23.6753%209.41177%2023.8566%209.4722%2024.1084%209.4722H24.8487V10.8621C24.7278%2010.9023%2024.5868%2010.9376%2024.4257%2010.9678C24.2645%2011.0081%2024.0933%2011.0383%2023.912%2011.0585C23.7307%2011.0887%2023.5646%2011.1038%2023.4135%2011.1038ZM28.7735%2011.1038C27.9678%2011.1038%2027.3282%2010.8822%2026.8549%2010.4391C26.3815%209.99591%2026.1448%209.28084%2026.1448%208.29383V2.97609H28.2447V7.94637C28.2447%208.20823%2028.2749%208.4298%2028.3354%208.61108C28.3958%208.7823%2028.4814%208.9233%2028.5922%209.03409C28.713%209.14487%2028.8591%209.22544%2029.0303%209.2758C29.2015%209.32616%2029.3929%209.35134%2029.6044%209.35134C29.9166%209.35134%2030.1986%209.2758%2030.4504%209.12473C30.7022%208.97366%2030.8986%208.76719%2031.0396%208.50533C31.1806%208.2334%2031.2511%207.93126%2031.2511%207.5989V2.97609H33.351V10.9225H31.6287L31.4777%209.83477H31.3719C31.1806%2010.0866%2030.954%2010.3081%2030.6921%2010.4995C30.4403%2010.6908%2030.1533%2010.8369%2029.831%2010.9376C29.5087%2011.0484%2029.1562%2011.1038%2028.7735%2011.1038ZM37.3783%2011.1038C37.1165%2011.1038%2036.8345%2011.0736%2036.5323%2011.0131C36.2403%2010.9527%2035.9633%2010.847%2035.7014%2010.6959C35.4396%2010.5347%2035.223%2010.3081%2035.0518%2010.0161C34.8907%209.71391%2034.8101%209.3312%2034.8101%208.86791C34.8101%208.31398%2034.931%207.85572%2035.1727%207.49315C35.4144%207.13058%2035.7568%206.84858%2036.2%206.64715C36.6532%206.43565%2037.192%206.28961%2037.8164%206.20904C38.4409%206.12847%2039.1308%206.08818%2039.8861%206.08818V5.499C39.8861%205.26735%2039.8458%205.06592%2039.7653%204.89471C39.6948%204.72349%2039.5638%204.58753%2039.3725%204.48681C39.1912%204.3861%2038.9344%204.33574%2038.602%204.33574C38.2697%204.33574%2037.9977%204.37603%2037.7862%204.4566C37.5848%204.53717%2037.4388%204.64292%2037.3481%204.77385C37.2675%204.89471%2037.2273%205.03067%2037.2273%205.18175V5.36303H35.1878C35.1777%205.31268%2035.1727%205.26735%2035.1727%205.22707C35.1727%205.17671%2035.1727%205.11628%2035.1727%205.04578C35.1727%204.58249%2035.3137%204.18467%2035.5957%203.85231C35.8777%203.50988%2036.2755%203.24802%2036.7892%203.06674C37.3028%202.88545%2037.9021%202.79481%2038.5869%202.79481C39.3221%202.79481%2039.9365%202.89048%2040.43%203.08184C40.9336%203.2732%2041.3163%203.5552%2041.5781%203.92785C41.8501%204.30049%2041.986%204.76882%2041.986%205.33282V8.94344C41.986%209.12473%2042.0364%209.2607%2042.1371%209.35134C42.2479%209.43191%2042.3688%209.4722%2042.4997%209.4722H42.9982V10.847C42.8975%2010.8973%2042.7414%2010.9477%2042.5299%2010.998C42.3184%2011.0585%2042.0616%2011.0887%2041.7594%2011.0887C41.4674%2011.0887%2041.2055%2011.0433%2040.9739%2010.9527C40.7523%2010.8721%2040.566%2010.7563%2040.4149%2010.6052C40.2638%2010.4441%2040.1581%2010.2527%2040.0976%2010.0312H39.9919C39.8207%2010.2427%2039.6092%2010.429%2039.3574%2010.5901C39.1157%2010.7513%2038.8286%2010.8772%2038.4963%2010.9678C38.174%2011.0585%2037.8013%2011.1038%2037.3783%2011.1038ZM38.0884%209.51752C38.3704%209.51752%2038.6222%209.47723%2038.8437%209.39666C39.0653%209.30602%2039.2516%209.19019%2039.4027%209.04919C39.5538%208.89812%2039.6696%208.71684%2039.7502%208.50533C39.8408%208.29383%2039.8861%208.06722%2039.8861%207.82551V7.3874C39.3221%207.3874%2038.8186%207.42769%2038.3754%207.50826C37.9323%207.57876%2037.5798%207.70465%2037.3179%207.88594C37.0661%208.06722%2036.9402%208.31901%2036.9402%208.6413C36.9402%208.82259%2036.9855%208.97869%2037.0762%209.10962C37.1668%209.24055%2037.2978%209.34127%2037.469%209.41177C37.6402%209.48227%2037.8467%209.51752%2038.0884%209.51752ZM44.0418%2010.9225V-3.02555e-05H46.1417V10.9225H44.0418ZM50.1586%2010.9225L54.1469%200.558937H56.9266L60.9149%2010.9225H58.4826L57.7424%208.88301H53.2253L52.4851%2010.9225H50.1586ZM53.8749%207.07015H57.0928L56.1712%204.51703C56.131%204.40624%2056.0806%204.27531%2056.0202%204.12424C55.9698%203.9631%2055.9144%203.78685%2055.854%203.59549C55.7936%203.40413%2055.7331%203.21781%2055.6727%203.03652C55.6223%202.84516%2055.572%202.67395%2055.5216%202.52288H55.431C55.3806%202.71423%2055.3152%202.94084%2055.2346%203.2027C55.154%203.45449%2055.0735%203.70124%2054.9929%203.94295C54.9123%204.1746%2054.8468%204.36596%2054.7965%204.51703L53.8749%207.07015ZM65.1847%2011.1038C64.6308%2011.1038%2064.1322%2011.0433%2063.6891%2010.9225C63.2459%2010.8016%2062.8683%2010.6355%2062.556%2010.424C62.2438%2010.2024%2062.0021%209.94052%2061.8309%209.63838C61.6698%209.33623%2061.5892%208.9938%2061.5892%208.61108C61.5892%208.5708%2061.5892%208.53051%2061.5892%208.49023C61.5892%208.44994%2061.5942%208.41973%2061.6043%208.39958H63.6287C63.6287%208.41973%2063.6287%208.43987%2063.6287%208.46001C63.6287%208.48016%2063.6287%208.5003%2063.6287%208.52044C63.6387%208.77223%2063.7193%208.97869%2063.8704%209.13984C64.0214%209.29091%2064.2178%209.4017%2064.4596%209.4722C64.7113%209.5427%2064.9732%209.57795%2065.2451%209.57795C65.4868%209.57795%2065.7185%209.5578%2065.9401%209.51752C66.1717%209.46716%2066.3631%209.38155%2066.5141%209.2607C66.6753%209.13984%2066.7559%208.98373%2066.7559%208.79237C66.7559%208.55066%2066.6551%208.36433%2066.4537%208.2334C66.2624%208.10248%2066.0055%207.99672%2065.6832%207.91615C65.371%207.83558%2065.0286%207.74494%2064.656%207.64422C64.3135%207.56365%2063.9711%207.47301%2063.6287%207.37229C63.2862%207.26151%2062.974%207.12051%2062.692%206.94929C62.4201%206.77808%2062.1985%206.5565%2062.0273%206.28457C61.8561%206.00257%2061.7705%205.65007%2061.7705%205.22707C61.7705%204.81414%2061.8611%204.4566%2062.0424%204.15446C62.2237%203.84224%2062.4704%203.58542%2062.7827%203.38399C63.1049%203.18256%2063.4776%203.03652%2063.9006%202.94588C64.3337%202.84516%2064.797%202.79481%2065.2905%202.79481C65.7537%202.79481%2066.1868%202.84516%2066.5897%202.94588C66.9925%203.03652%2067.345%203.17752%2067.6472%203.36888C67.9493%203.55017%2068.186%203.78181%2068.3572%204.06381C68.5284%204.33574%2068.614%204.64292%2068.614%204.98535C68.614%205.05585%2068.614%205.12132%2068.614%205.18175C68.614%205.24217%2068.609%205.28246%2068.5989%205.3026H66.5897V5.18175C66.5897%205.00046%2066.5343%204.84939%2066.4235%204.72853C66.3127%204.5976%2066.1516%204.49689%2065.9401%204.42639C65.7386%204.35588%2065.4919%204.32063%2065.1998%204.32063C64.9984%204.32063%2064.8121%204.33574%2064.6408%204.36596C64.4797%204.39617%2064.3387%204.44149%2064.2178%204.50192C64.097%204.56235%2064.0013%204.63789%2063.9308%204.72853C63.8704%204.8091%2063.8402%204.90982%2063.8402%205.03067C63.8402%205.20189%2063.9107%205.34289%2064.0517%205.45368C64.2027%205.55439%2064.3991%205.64%2064.6408%205.7105C64.8826%205.781%2065.1495%205.85654%2065.4415%205.93711C65.8041%206.03782%2066.1818%206.13854%2066.5746%206.23925C66.9774%206.32989%2067.3501%206.45579%2067.6925%206.61693C68.0349%206.77808%2068.3119%207.00972%2068.5234%207.31186C68.7349%207.60394%2068.8407%208.00176%2068.8407%208.50533C68.8407%208.98877%2068.745%209.39666%2068.5536%209.72902C68.3723%2010.0614%2068.1155%2010.3283%2067.7831%2010.5297C67.4508%2010.7311%2067.063%2010.8772%2066.6199%2010.9678C66.1767%2011.0585%2065.6983%2011.1038%2065.1847%2011.1038ZM73.5792%2011.1038C73.0253%2011.1038%2072.5268%2011.0433%2072.0836%2010.9225C71.6405%2010.8016%2071.2628%2010.6355%2070.9506%2010.424C70.6384%2010.2024%2070.3967%209.94052%2070.2254%209.63838C70.0643%209.33623%2069.9837%208.9938%2069.9837%208.61108C69.9837%208.5708%2069.9837%208.53051%2069.9837%208.49023C69.9837%208.44994%2069.9888%208.41973%2069.9988%208.39958H72.0232C72.0232%208.41973%2072.0232%208.43987%2072.0232%208.46001C72.0232%208.48016%2072.0232%208.5003%2072.0232%208.52044C72.0333%208.77223%2072.1138%208.97869%2072.2649%209.13984C72.416%209.29091%2072.6124%209.4017%2072.8541%209.4722C73.1059%209.5427%2073.3677%209.57795%2073.6397%209.57795C73.8814%209.57795%2074.113%209.5578%2074.3346%209.51752C74.5662%209.46716%2074.7576%209.38155%2074.9087%209.2607C75.0698%209.13984%2075.1504%208.98373%2075.1504%208.79237C75.1504%208.55066%2075.0497%208.36433%2074.8482%208.2334C74.6569%208.10248%2074.4001%207.99672%2074.0778%207.91615C73.7656%207.83558%2073.4231%207.74494%2073.0505%207.64422C72.7081%207.56365%2072.3656%207.47301%2072.0232%207.37229C71.6808%207.26151%2071.3686%207.12051%2071.0866%206.94929C70.8146%206.77808%2070.593%206.5565%2070.4218%206.28457C70.2506%206.00257%2070.165%205.65007%2070.165%205.22707C70.165%204.81414%2070.2557%204.4566%2070.4369%204.15446C70.6182%203.84224%2070.865%203.58542%2071.1772%203.38399C71.4995%203.18256%2071.8721%203.03652%2072.2951%202.94588C72.7282%202.84516%2073.1915%202.79481%2073.685%202.79481C74.1483%202.79481%2074.5814%202.84516%2074.9842%202.94588C75.3871%203.03652%2075.7396%203.17752%2076.0417%203.36888C76.3439%203.55017%2076.5805%203.78181%2076.7518%204.06381C76.923%204.33574%2077.0086%204.64292%2077.0086%204.98535C77.0086%205.05585%2077.0086%205.12132%2077.0086%205.18175C77.0086%205.24217%2077.0035%205.28246%2076.9935%205.3026H74.9842V5.18175C74.9842%205.00046%2074.9288%204.84939%2074.818%204.72853C74.7072%204.5976%2074.5461%204.49689%2074.3346%204.42639C74.1332%204.35588%2073.8864%204.32063%2073.5943%204.32063C73.3929%204.32063%2073.2066%204.33574%2073.0354%204.36596C72.8742%204.39617%2072.7332%204.44149%2072.6124%204.50192C72.4915%204.56235%2072.3958%204.63789%2072.3253%204.72853C72.2649%204.8091%2072.2347%204.90982%2072.2347%205.03067C72.2347%205.20189%2072.3052%205.34289%2072.4462%205.45368C72.5973%205.55439%2072.7937%205.64%2073.0354%205.7105C73.2771%205.781%2073.544%205.85654%2073.8361%205.93711C74.1986%206.03782%2074.5763%206.13854%2074.9691%206.23925C75.372%206.32989%2075.7446%206.45579%2076.087%206.61693C76.4295%206.77808%2076.7064%207.00972%2076.9179%207.31186C77.1294%207.60394%2077.2352%208.00176%2077.2352%208.50533C77.2352%208.98877%2077.1395%209.39666%2076.9482%209.72902C76.7669%2010.0614%2076.51%2010.3283%2076.1777%2010.5297C75.8453%2010.7311%2075.4576%2010.8772%2075.0144%2010.9678C74.5713%2011.0585%2074.0929%2011.1038%2073.5792%2011.1038ZM78.7559%201.81284V-3.02555e-05H80.8558V1.81284H78.7559ZM78.7559%2010.9225V2.97609H80.8558V10.9225H78.7559ZM86.0014%2011.1038C85.4475%2011.1038%2084.9489%2011.0433%2084.5058%2010.9225C84.0626%2010.8016%2083.6849%2010.6355%2083.3727%2010.424C83.0605%2010.2024%2082.8188%209.94052%2082.6476%209.63838C82.4864%209.33623%2082.4059%208.9938%2082.4059%208.61108C82.4059%208.5708%2082.4059%208.53051%2082.4059%208.49023C82.4059%208.44994%2082.4109%208.41973%2082.421%208.39958H84.4453C84.4453%208.41973%2084.4453%208.43987%2084.4453%208.46001C84.4453%208.48016%2084.4453%208.5003%2084.4453%208.52044C84.4554%208.77223%2084.536%208.97869%2084.6871%209.13984C84.8381%209.29091%2085.0345%209.4017%2085.2762%209.4722C85.528%209.5427%2085.7899%209.57795%2086.0618%209.57795C86.3035%209.57795%2086.5352%209.5578%2086.7567%209.51752C86.9884%209.46716%2087.1798%209.38155%2087.3308%209.2607C87.492%209.13984%2087.5725%208.98373%2087.5725%208.79237C87.5725%208.55066%2087.4718%208.36433%2087.2704%208.2334C87.079%208.10248%2086.8222%207.99672%2086.4999%207.91615C86.1877%207.83558%2085.8453%207.74494%2085.4726%207.64422C85.1302%207.56365%2084.7878%207.47301%2084.4453%207.37229C84.1029%207.26151%2083.7907%207.12051%2083.5087%206.94929C83.2368%206.77808%2083.0152%206.5565%2082.844%206.28457C82.6728%206.00257%2082.5872%205.65007%2082.5872%205.22707C82.5872%204.81414%2082.6778%204.4566%2082.8591%204.15446C83.0404%203.84224%2083.2871%203.58542%2083.5993%203.38399C83.9216%203.18256%2084.2943%203.03652%2084.7173%202.94588C85.1503%202.84516%2085.6136%202.79481%2086.1071%202.79481C86.5704%202.79481%2087.0035%202.84516%2087.4064%202.94588C87.8092%203.03652%2088.1617%203.17752%2088.4639%203.36888C88.766%203.55017%2089.0027%203.78181%2089.1739%204.06381C89.3451%204.33574%2089.4307%204.64292%2089.4307%204.98535C89.4307%205.05585%2089.4307%205.12132%2089.4307%205.18175C89.4307%205.24217%2089.4257%205.28246%2089.4156%205.3026H87.4064V5.18175C87.4064%205.00046%2087.351%204.84939%2087.2402%204.72853C87.1294%204.5976%2086.9682%204.49689%2086.7567%204.42639C86.5553%204.35588%2086.3086%204.32063%2086.0165%204.32063C85.8151%204.32063%2085.6287%204.33574%2085.4575%204.36596C85.2964%204.39617%2085.1554%204.44149%2085.0345%204.50192C84.9137%204.56235%2084.818%204.63789%2084.7475%204.72853C84.6871%204.8091%2084.6568%204.90982%2084.6568%205.03067C84.6568%205.20189%2084.7273%205.34289%2084.8683%205.45368C85.0194%205.55439%2085.2158%205.64%2085.4575%205.7105C85.6992%205.781%2085.9661%205.85654%2086.2582%205.93711C86.6208%206.03782%2086.9985%206.13854%2087.3913%206.23925C87.7941%206.32989%2088.1668%206.45579%2088.5092%206.61693C88.8516%206.77808%2089.1286%207.00972%2089.3401%207.31186C89.5516%207.60394%2089.6573%208.00176%2089.6573%208.50533C89.6573%208.98877%2089.5617%209.39666%2089.3703%209.72902C89.189%2010.0614%2088.9322%2010.3283%2088.5998%2010.5297C88.2675%2010.7311%2087.8797%2010.8772%2087.4366%2010.9678C86.9934%2011.0585%2086.515%2011.1038%2086.0014%2011.1038ZM93.5499%2011.1038C93.0463%2011.1038%2092.6385%2011.0131%2092.3262%2010.8318C92.014%2010.6506%2091.7874%2010.4088%2091.6464%2010.1067C91.5054%209.79448%2091.4349%209.45205%2091.4349%209.07941V4.59256H90.4529V2.97609H91.5104L91.9032%200.710009H93.5348V2.97609H94.9851V4.59256H93.5348V8.73194C93.5348%208.97366%2093.5902%209.15998%2093.701%209.29091C93.8118%209.41177%2093.9931%209.4722%2094.2449%209.4722H94.9851V10.8621C94.8642%2010.9023%2094.7232%2010.9376%2094.5621%2010.9678C94.401%2011.0081%2094.2297%2011.0383%2094.0485%2011.0585C93.8672%2011.0887%2093.701%2011.1038%2093.5499%2011.1038ZM98.4416%2011.1038C98.1797%2011.1038%2097.8977%2011.0736%2097.5956%2011.0131C97.3035%2010.9527%2097.0265%2010.847%2096.7647%2010.6959C96.5028%2010.5347%2096.2863%2010.3081%2096.1151%2010.0161C95.9539%209.71391%2095.8734%209.3312%2095.8734%208.86791C95.8734%208.31398%2095.9942%207.85572%2096.2359%207.49315C96.4777%207.13058%2096.8201%206.84858%2097.2632%206.64715C97.7164%206.43565%2098.2553%206.28961%2098.8797%206.20904C99.5041%206.12847%20100.194%206.08818%20100.949%206.08818V5.499C100.949%205.26735%20100.909%205.06592%20100.829%204.89471C100.758%204.72349%20100.627%204.58753%20100.436%204.48681C100.254%204.3861%2099.9976%204.33574%2099.6653%204.33574C99.3329%204.33574%2099.061%204.37603%2098.8495%204.4566C98.6481%204.53717%2098.502%204.64292%2098.4114%204.77385C98.3308%204.89471%2098.2905%205.03067%2098.2905%205.18175V5.36303H96.251C96.241%205.31268%2096.2359%205.26735%2096.2359%205.22707C96.2359%205.17671%2096.2359%205.11628%2096.2359%205.04578C96.2359%204.58249%2096.3769%204.18467%2096.6589%203.85231C96.9409%203.50988%2097.3388%203.24802%2097.8524%203.06674C98.3661%202.88545%2098.9653%202.79481%2099.6502%202.79481C100.385%202.79481%20101%202.89048%20101.493%203.08184C101.997%203.2732%20102.38%203.5552%20102.641%203.92785C102.913%204.30049%20103.049%204.76882%20103.049%205.33282V8.94344C103.049%209.12473%20103.1%209.2607%20103.2%209.35134C103.311%209.43191%20103.432%209.4722%20103.563%209.4722H104.061V10.847C103.961%2010.8973%20103.805%2010.9477%20103.593%2010.998C103.382%2011.0585%20103.125%2011.0887%20102.823%2011.0887C102.531%2011.0887%20102.269%2011.0433%20102.037%2010.9527C101.816%2010.8721%20101.629%2010.7563%20101.478%2010.6052C101.327%2010.4441%20101.221%2010.2527%20101.161%2010.0312H101.055C100.884%2010.2427%20100.672%2010.429%20100.421%2010.5901C100.179%2010.7513%2099.8919%2010.8772%2099.5595%2010.9678C99.2372%2011.0585%2098.8646%2011.1038%2098.4416%2011.1038ZM99.1516%209.51752C99.4336%209.51752%2099.6854%209.47723%2099.907%209.39666C100.129%209.30602%20100.315%209.19019%20100.466%209.04919C100.617%208.89812%20100.733%208.71684%20100.813%208.50533C100.904%208.29383%20100.949%208.06722%20100.949%207.82551V7.3874C100.385%207.3874%2099.8818%207.42769%2099.4387%207.50826C98.9955%207.57876%2098.643%207.70465%2098.3812%207.88594C98.1294%208.06722%2098.0035%208.31901%2098.0035%208.6413C98.0035%208.82259%2098.0488%208.97869%2098.1394%209.10962C98.2301%209.24055%2098.361%209.34127%2098.5322%209.41177C98.7035%209.48227%2098.9099%209.51752%2099.1516%209.51752ZM105.105%2010.9225V2.97609H106.842L107.009%204.06381H107.114C107.296%203.80195%20107.512%203.57535%20107.764%203.38399C108.026%203.19263%20108.318%203.04659%20108.64%202.94588C108.962%202.84516%20109.315%202.79481%20109.698%202.79481C110.221%202.79481%20110.68%202.89048%20111.072%203.08184C111.465%203.2732%20111.767%203.57535%20111.979%203.98828C112.2%204.40121%20112.311%204.94003%20112.311%205.60475V10.9225H110.211V5.93711C110.211%205.68532%20110.181%205.47382%20110.121%205.3026C110.06%205.12132%20109.97%204.97528%20109.849%204.86449C109.738%204.74364%20109.597%204.65803%20109.426%204.60767C109.255%204.55731%20109.063%204.53214%20108.852%204.53214C108.539%204.53214%20108.257%204.60767%20108.006%204.75874C107.754%204.90982%20107.557%205.11628%20107.416%205.37814C107.275%205.64%20107.205%205.94214%20107.205%206.28457V10.9225H105.105ZM116.565%2011.1038C116.061%2011.1038%20115.653%2011.0131%20115.341%2010.8318C115.029%2010.6506%20114.802%2010.4088%20114.661%2010.1067C114.52%209.79448%20114.45%209.45205%20114.45%209.07941V4.59256H113.468V2.97609H114.525L114.918%200.710009H116.55V2.97609H118V4.59256H116.55V8.73194C116.55%208.97366%20116.605%209.15998%20116.716%209.29091C116.827%209.41177%20117.008%209.4722%20117.26%209.4722H118V10.8621C117.879%2010.9023%20117.738%2010.9376%20117.577%2010.9678C117.416%2011.0081%20117.245%2011.0383%20117.063%2011.0585C116.882%2011.0887%20116.716%2011.1038%20116.565%2011.1038Z%22%20fill=%22white%22/%3E%3C/g%3E%0A%3Cdefs%3E%0A%3Cfilter%20id=%22filter0_d_49_835%22%20x=%220%22%20y=%2213%22%20width=%22221%22%20height=%2253%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_49_835%22/%3E%0A%3CfeBlend%20mode=%22normal%22%20in=%22SourceGraphic%22%20in2=%22effect1_dropShadow_49_835%22%20result=%22shape%22/%3E%0A%3C/filter%3E%0A%3Cfilter%20id=%22filter1_d_49_835%22%20x=%22174%22%20y=%220%22%20width=%2272%22%20height=%2272%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_49_835%22/%3E%0A%3CfeBlend%20mode=%22normal%22%20in=%22SourceGraphic%22%20in2=%22effect1_dropShadow_49_835%22%20result=%22shape%22/%3E%0A%3C/filter%3E%0A%3ClinearGradient%20id=%22paint0_linear_49_835%22%20x1=%22110.5%22%20y1=%2228.5556%22%20x2=%22175.73%22%20y2=%2242.9052%22%20gradientUnits=%22userSpaceOnUse%22%3E%0A%3Cstop%20stop-color=%22%233C4858%22/%3E%0A%3Cstop%20offset=%220.302885%22%20stop-color=%22%23657589%22/%3E%0A%3Cstop%20offset=%220.826923%22%20stop-color=%22%233C4858%22/%3E%0A%3C/linearGradient%3E%0A%3C/defs%3E%0A%3C/svg%3E") right center / contain no-repeat;
  box-shadow: none;
  z-index: 1030;                 /* under the site's Bootstrap modals (1050) */
}
.hdcw-fab > svg { display: none; }
.hdcw-fab:hover { transform: scale(1.02); transform-origin: right center; }
.hdcw-fab.hdcw-shift { max-width: calc(100vw - 104px); }

/* ---------- Header (24:711): an 81px band on the sheen, r15 on top. Mark
 * 30x30 @19,21; title "Naas Road Autos" Bold 18/18 at x68 y24, one line;
 * subtitle Regular 14 at x68 y48, UNDER the title. Nav icons at x298 / x332 /
 * x367, tops y23/24/24. */
.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 17px 0 18px;
  gap: 0;
  background: linear-gradient(102.9deg, #3C4858 49.3%, #657589 58.6%, #3C4858 74.7%);
}
.hdcw-head::before {
  content: '';
  flex: 0 0 32px;
  height: 32px;
  margin: 20px 18px 0 0;         /* title at x68 */
  background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width=%2232%22%20height=%2232%22%20viewBox=%220%200%2032%2032%22%20fill=%22none%22%20xmlns=%22http://www.w3.org/2000/svg%22%3E%0A%3Cpath%20d=%22M2%207.99998L15.5%2013.5L27.9999%2029.9999H2V7.99998Z%22%20fill=%22%230080C5%22/%3E%0A%3Cpath%20d=%22M17.5%202.50306C16.795%202.50106%2016.045%202.50006%2015.25%202.50006C8.53298%202.50006%205.17299%202.50006%203.08649%204.58655C0.999998%206.67305%200.999998%2010.0315%200.999998%2016.75C0.999998%2023.467%200.999998%2026.827%203.08649%2028.9135C5.17299%2031%208.53148%2031%2015.25%2031C21.967%2031%2025.327%2031%2027.4134%2028.9135C29.4999%2026.827%2029.4999%2023.4685%2029.4999%2016.75C29.4999%2015.955%2029.4989%2015.205%2029.4969%2014.5%22%20stroke=%22white%22%20stroke-width=%222%22%20stroke-linecap=%22round%22/%3E%0A%3Cpath%20d=%22M25.75%200.999998L26.1369%202.0455C26.6439%203.41649%2026.8974%204.10199%2027.3969%204.60149C27.8979%205.10249%2028.5834%205.35599%2029.9544%205.86299L30.9999%206.24999L29.9544%206.63699C28.5834%207.14399%2027.8979%207.39749%2027.3984%207.89699C26.8975%208.39798%2026.6439%209.08348%2026.1369%2010.4545L25.75%2011.5L25.363%2010.4545C24.856%209.08348%2024.6025%208.39798%2024.103%207.89848C23.602%207.39749%2022.9165%207.14399%2021.5455%206.63699L20.5%206.24999L21.5455%205.86299C22.9165%205.35599%2023.602%205.10249%2024.1015%204.60299C24.6025%204.10199%2024.856%203.41649%2025.363%202.0455L25.75%200.999998Z%22%20stroke=%22white%22%20stroke-width=%222%22%20stroke-linejoin=%22round%22/%3E%0A%3Cpath%20d=%22M8.49998%2024.25C11.998%2020.587%2018.4645%2020.4145%2022%2024.25M18.9925%2013C18.9925%2015.07%2017.3125%2016.75%2015.238%2016.75C14.745%2016.7508%2014.2567%2016.6543%2013.8011%2016.4662C13.3454%2016.2781%2012.9313%2016.002%2012.5824%2015.6537C12.2336%2015.3054%2011.9568%2014.8918%2011.768%2014.4364C11.5792%2013.9811%2011.482%2013.4929%2011.482%2013C11.482%2010.93%2013.162%209.24999%2015.238%209.24999C15.7308%209.24939%2016.2189%209.34595%2016.6744%209.53414C17.1299%209.72233%2017.5438%209.99846%2017.8925%2010.3467C18.2412%2010.695%2018.5178%2011.1086%2018.7066%2011.5639C18.8953%2012.0191%2018.9925%2012.5071%2018.9925%2013Z%22%20stroke=%22white%22%20stroke-width=%222%22%20stroke-linecap=%22round%22/%3E%0A%3C/svg%3E") center / contain no-repeat;
}
.hdcw-head > div { margin-top: 23px; min-width: 0; padding-right: 12px; }
.hdcw-head b {
  font-size: 18px;
  line-height: 20px;
  font-weight: 700;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.hdcw-head small {
  display: block;
  margin-top: 4.5px;
  opacity: 1;
  font-size: 14px;
  font-weight: 400;
  line-height: 17px;
  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: 19px;
  height: 19px;
  margin: 22px 0 0 auto;         /* reset ink at x298 (12:132) */
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width=%2219%22%20height=%2219%22%20viewBox=%22-1%20-1%2019%2019%22%20fill=%22none%22%20xmlns=%22http://www.w3.org/2000/svg%22%3E%0A%3Cpath%20d=%22M3.68939e-06%208.5C3.68939e-06%2013.1946%203.80545%2017%208.5%2017C13.1946%2017%2017%2013.1946%2017%208.5C17%203.80545%2013.1946%200%208.5%200V1.7C10.0991%201.70013%2011.6469%202.26377%2012.8716%203.2919C14.0963%204.32004%2014.9195%205.74689%2015.1966%207.32175C15.4737%208.89662%2015.1869%2010.5188%2014.3866%2011.9031C13.5864%2013.2875%2012.3238%2014.3456%2010.8208%2014.8915C9.31783%2015.4374%207.67054%2015.4361%206.16838%2014.888C4.66622%2014.3398%203.40529%2013.2798%202.60714%2011.8942C1.80898%2010.5086%201.52466%208.88599%201.80413%207.31155C2.0836%205.73711%202.90898%204.31152%204.13525%203.28525L5.95%205.1V0H0.850003L2.9291%202.07995C2.00871%202.87715%201.27072%203.86315%200.765303%204.97095C0.259881%206.07874%20-0.00113187%207.28236%203.68939e-06%208.5Z%22%20fill=%22white%22/%3E%0A%3C/svg%3E");
  background-size: 19px 19px;
}
.hdcw-reset svg { display: none; }
.hdcw-panel:not(.hdcw-max) .hdcw-exp {
  width: 18px;
  height: 18px;
  margin: 23px 0 0 15px;         /* expand ink at x332 (12:142) */
  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 ink at x367 (12:128) */
  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: bubbles at x16, 334 wide; the opener rows run
 * x16..377 and the cards x18..384, so the right padding is 18. */
.hdcw-msgs { padding: 14px 18px 14px 16px; gap: 11px; }  /* bubbles 11px apart (02-help1: 190 -> 201, 269 -> 280) */

/* Bubbles. Bot (1:14 / 37:322 / 37:325 / 16:205): white, 1px #E4E6EA inside
 * stroke, r10 with the BOTTOM-LEFT corner square, Regular 15 (ls 1%), text
 * 22px in, one line 51 tall, two lines 68.
 * User (37:388): #3C4858, white Regular 15 at 25px in, r10 with the
 * BOTTOM-RIGHT corner square, 48 tall for one line. */
.hdcw-msg {
  max-width: 96.2%;              /* the long user bubble 2030:495 is 352 of 366 */
  padding: 15px 22px;
  font-size: 15px;
  line-height: 16px;
  letter-spacing: .01em;
}
.hdcw-bot {
  width: 91.26%;                 /* 334 of the 366px column */
  max-width: 91.26%;
  box-sizing: border-box;
  background: #fff;
  border-color: #E4E6EA;
  border-radius: 10px 10px 10px 0;
  padding: 15px 22px 18px 21px;   /* cap line 19px under the top; one line 51 tall, two 67 */
  color: #000000;
}
/* The greeting (1:11): a 95px bubble, its Bold headline (16px leading) then
 * a 24px line and a 16px line, i.e. three baselines ~20px apart with the
 * first cap line 16px under the top. A first bubble followed by a car card
 * (the vehicle page's "Interested in this car?" line) 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)) { padding: 12.5px 22px 24.5px 21px; line-height: 16px; }
.hdcw-bot b, .hdcw-bot strong { font-weight: 700; }
/* The greeting's cap lines sit at 111 / 135 / 151 on 01-chat: the Bold
 * headline (1:11 run 1, 16px leading) is followed by the 24px line and then
 * a 16px line, so the headline is an inline-block with an 8px bottom
 * margin; it grows its own line only, whatever the admin copy after it. */
.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: 8px; }
/* A reply that links cars (19:515 on 16-browse-auto): the same white bubble,
 * Regular 15/19, links SemiBold blue, bold runs SemiBold. */
.hdcw-bot:has(a.hdcw-link) { line-height: 19px; padding: 32px 22px 28px 21px; }  /* 19:516: text box 33px under the bubble top, 29px above its foot */
.hdcw-bot:has(a.hdcw-link) b, .hdcw-bot:has(a.hdcw-link) strong { font-weight: 600; }
.hdcw-bot a.hdcw-link { font-weight: 600; color: #0080C5; text-decoration: underline; }
.hdcw-user { border-radius: 10px 10px 0 10px; font-weight: 400; padding: 15px 25px 17px; margin: 0 0 -4px; }  /* 11px under the bubble it answers, the reply 7px under it (04-help2: 269 -> 280, 328 -> 336; 08-help6: 143 -> 149) */
.hdcw-typing {
  background: #fff;
  border-color: #E4E6EA;
  border-radius: 10px 10px 10px 0;
  padding: 15px 22px 18px 21px;
}
/* "Searching our stock..." (2030:573, 19:537): Inter Italic 12 #6D6D6D at
 * x20, 13px under the user bubble and 15px above the reply. */
.hdcw-status { font-family: 'Inter', var(--hdcw-font); font-size: 12px; line-height: 15px; margin: 3px 0 2px; }

/* ---------- Openers (lozenge 4017:467 / :473 / :480 / :489). Four white
 * rows x16..377, 72 tall, r10, 1px #D0D0D0 inside stroke, 9-10px apart (tops
 * 207 / 289 / 370; "Something else" 451, 65 tall), the first 17px under the
 * greeting. Titles Bold 15 at x95 (79 in, cap line 21 down), captions
 * Regular 12 at x95 (cap line 40 down), blue glyphs ~29px in, the blue
 * chevron 6x12 at x353.5 (17.5 from the row's right edge), 29.5 down. */
.hdcw-opener { gap: 9px; margin: 6px 5px 0 0; }
/* The designer's rows are 10 / 9 / 9 apart (tops 207, 289, 370, 451). */
.hdcw-opener button.hdcw-op-used + button { margin-top: 1px; }
.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 #D0D0D0;
  border-radius: 10px;
  background:
    url("data:image/svg+xml;charset=utf-8,%3Csvg%20width=%228%22%20height=%2214%22%20viewBox=%22-1%20-1%208%2014%22%20fill=%22none%22%20xmlns=%22http://www.w3.org/2000/svg%22%3E%0A%3Cpath%20d=%22M5.40984e-09%201.215L1.00917%202.18156e-07L6%206L1.00917%2012L4.23728e-07%2010.785L3.97792%206L5.40984e-09%201.215Z%22%20fill=%22%230080C5%22/%3E%0A%3C/svg%3E") no-repeat right 16.5px top 28.5px / 8px 14px border-box,
    #fff;
  color: #000000;
  text-align: left;
  box-shadow: none;
}
.hdcw-opener button.hdcw-op-used,
.hdcw-opener button.hdcw-op-new,
.hdcw-opener button.hdcw-op-quiz,
.hdcw-opener button.hdcw-op-alert {
  min-height: 72px;
  padding: 18px 36px 19px 78px;  /* 1 + 18 + 16 title + 3 + 13 caption + 19 + 1 = 72 */
  font-size: 15px;
  font-weight: 700;
  line-height: 16px;
}
/* The designer set each row by hand: "Help me Choose a Car" and its caption
 * 1px further left (4017:475/476 @94), "Get First-Mover Advantage!" 2px
 * further left (4017:484 @93) with its caption at 94. */
.hdcw-opener button.hdcw-op-quiz { padding-left: 77px; }
.hdcw-opener button.hdcw-op-alert { padding-left: 76px; }
.hdcw-opener button.hdcw-op-alert::after { padding-left: 1px; }
.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: #F3F6F9; opacity: 1; }
/* Glyph boxes = the export + its 1px bezel, placed from the row's own edges
 * (artwork offset - 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;
}
/* Steering wheel (4017:472), 21x21 @45,230.5 on a row whose top is y207. */
.hdcw-opener button.hdcw-op-used::before { left: 27px; top: 21.5px; width: 23px; height: 23px; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width=%2223%22%20height=%2223%22%20viewBox=%22-1%20-1%2023%2023%22%20fill=%22none%22%20xmlns=%22http://www.w3.org/2000/svg%22%3E%0A%3Cpath%20fill-rule=%22evenodd%22%20clip-rule=%22evenodd%22%20d=%22M3.4725%207.875C4.00796%206.44344%204.96784%205.20955%206.22373%204.33844C7.47961%203.46733%208.97158%203.00055%2010.5%203.00055C12.0284%203.00055%2013.5204%203.46733%2014.7763%204.33844C16.0322%205.20955%2016.992%206.44344%2017.5275%207.875H3.4725ZM3.009%2010.125C2.91585%2011.9817%203.51556%2013.8067%204.69181%2015.2463C5.86806%2016.6858%207.53702%2017.6373%209.375%2017.916V13.7145L6.234%2010.125H3.009ZM11.625%2017.916C13.463%2017.6373%2015.1319%2016.6858%2016.3082%2015.2463C17.4844%2013.8067%2018.0841%2011.9817%2017.991%2010.125H14.766L11.625%2013.7145V17.916ZM10.5%200C7.71523%200%205.04451%201.10625%203.07538%203.07538C1.10625%205.04451%200%207.71523%200%2010.5C0%2013.2848%201.10625%2015.9555%203.07538%2017.9246C5.04451%2019.8938%207.71523%2021%2010.5%2021C13.2848%2021%2015.9555%2019.8938%2017.9246%2017.9246C19.8938%2015.9555%2021%2013.2848%2021%2010.5C21%207.71523%2019.8938%205.04451%2017.9246%203.07538C15.9555%201.10625%2013.2848%200%2010.5%200Z%22%20fill=%22%230080C5%22/%3E%0A%3C/svg%3E"); }
/* No new-cars row in this artwork (nra2 sells used only): the same wheel. */
.hdcw-opener button.hdcw-op-new::before { left: 27px; top: 21.5px; width: 23px; height: 23px; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width=%2223%22%20height=%2223%22%20viewBox=%22-1%20-1%2023%2023%22%20fill=%22none%22%20xmlns=%22http://www.w3.org/2000/svg%22%3E%0A%3Cpath%20fill-rule=%22evenodd%22%20clip-rule=%22evenodd%22%20d=%22M3.4725%207.875C4.00796%206.44344%204.96784%205.20955%206.22373%204.33844C7.47961%203.46733%208.97158%203.00055%2010.5%203.00055C12.0284%203.00055%2013.5204%203.46733%2014.7763%204.33844C16.0322%205.20955%2016.992%206.44344%2017.5275%207.875H3.4725ZM3.009%2010.125C2.91585%2011.9817%203.51556%2013.8067%204.69181%2015.2463C5.86806%2016.6858%207.53702%2017.6373%209.375%2017.916V13.7145L6.234%2010.125H3.009ZM11.625%2017.916C13.463%2017.6373%2015.1319%2016.6858%2016.3082%2015.2463C17.4844%2013.8067%2018.0841%2011.9817%2017.991%2010.125H14.766L11.625%2013.7145V17.916ZM10.5%200C7.71523%200%205.04451%201.10625%203.07538%203.07538C1.10625%205.04451%200%207.71523%200%2010.5C0%2013.2848%201.10625%2015.9555%203.07538%2017.9246C5.04451%2019.8938%207.71523%2021%2010.5%2021C13.2848%2021%2015.9555%2019.8938%2017.9246%2017.9246C19.8938%2015.9555%2021%2013.2848%2021%2010.5C21%207.71523%2019.8938%205.04451%2017.9246%203.07538C15.9555%201.10625%2013.2848%200%2010.5%200Z%22%20fill=%22%230080C5%22/%3E%0A%3C/svg%3E"); }
/* Corner marks (4017:479), 21x20 @44,314 on a row at 289. */
.hdcw-opener button.hdcw-op-quiz::before { left: 26px; 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%230080C5%22/%3E%0A%3C/svg%3E"); }
/* Envelope (4017:812), 22x18 @45,392 on a row at 370. */
.hdcw-opener button.hdcw-op-alert::before { left: 27px; top: 20px; width: 24px; height: 20px; 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=%22M21%200C21.2652%200%2021.5196%200.105357%2021.7071%200.292893C21.8946%200.48043%2022%200.734784%2022%201V17.007C21.9982%2017.2696%2021.8931%2017.521%2021.7075%2017.7068C21.5219%2017.8926%2021.2706%2017.9979%2021.008%2018H2.992C2.72881%2017.9997%202.4765%2017.895%202.29049%2017.7088C2.10448%2017.5226%202%2017.2702%202%2017.007V16H20V4.3L12%2011.5L2%202.5V1C2%200.734784%202.10536%200.48043%202.29289%200.292893C2.48043%200.105357%202.73478%200%203%200H21ZM8%2012V14H0V12H8ZM5%207V9H0V7H5ZM19.566%202H4.434L12%208.81L19.566%202Z%22%20fill=%22%230080C5%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: 3px;
  text-align: left;
  font-size: 12px;
  font-weight: 400;
  line-height: 13px;
  letter-spacing: 0;
  color: #000000;
}
/* The artwork's captions, verbatim; the stock number is live (CON-995): the
 * widget sets data-stock on the button once /chat/search answers, and the
 * caption without a number shows until it arrives, or if it cannot.
 * Roll back to the artwork's typed number: delete the [data-stock] rule and
 * put '175 vehicles in stock' (4017:470) in the one above it. */
.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'; }
.hdcw-opener button.hdcw-op-new::after { content: 'Explore our new car range'; }
.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" (4017:489): the same row, 65 tall, title Bold 15 at x96
 * (80 in, 24 down), "?" roundel 23x23 @46,470 (30 in, 19 down), chevron
 * 26.5 down. */
.hdcw-opener .hdcw-else.hdcw-op-else {
  min-height: 65px;
  padding: 23px 36px 24px 80px;
  font-size: 15px;
  font-weight: 700;
  line-height: 16px;
  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=%22%230080C5%22/%3E%0A%3C/svg%3E") no-repeat right 16.5px top 25.5px / 8px 14px border-box,
    #fff;
}
.hdcw-opener button.hdcw-op-else::before { left: 28px; top: 18px; width: 25px; height: 25px; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width=%2225%22%20height=%2225%22%20viewBox=%220%200%2025%2025%22%20fill=%22none%22%20xmlns=%22http://www.w3.org/2000/svg%22%3E%0A%3Cpath%20d=%22M12.5%2024C18.8514%2024%2024%2018.8514%2024%2012.5C24%206.14855%2018.8514%201%2012.5%201C6.14855%201%201%206.14855%201%2012.5C1%2018.8514%206.14855%2024%2012.5%2024Z%22%20stroke=%22%230080C5%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22/%3E%0A%3Cpath%20d=%22M9.04999%209.05C9.04999%205.025%2015.375%205.025%2015.375%209.05C15.375%2011.925%2012.5%2011.35%2012.5%2014.8M12.5%2019.4115L12.5115%2019.3989%22%20stroke=%22%230080C5%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22/%3E%0A%3C/svg%3E"); }

/* Context CTA ("Tell me about this car" 19:683 on 16-browse-auto): 349x50
 * at x24, r25, flat #0080C5, white SemiBold 16 centred. */
.hdcw-opener button.hdcw-op-ctx {
  min-height: 50px;
  margin: 0 4px 0 8px;           /* x24..373 in the x16..377 opener column */
  border: 0;
  border-radius: 25px;
  padding: 16px 0 15px;
  background: #0080C5;
  color: #fff;
  font-size: 16px;
  font-weight: 600;
  line-height: 19px;
}
.hdcw-opener button.hdcw-op-ctx:hover { background: #0080C5; opacity: .9; }

/* ---------- Chips (item 16:212): 31px pills (r25), hollow, 1px #0080C5
 * stroke, Regular 14/13 black (ls -1%), centred, 13px side padding. Rows at
 * x18 on a 5px gap under a section head (15-browse); quiz answers flush at
 * x16 on a 4px gap (02-help1). Selected = #E9E9E9 fill + 1px #000 stroke
 * ("Automatic (155)" 19:414 on 16-browse-auto). */
.hdcw-chips { gap: 5px; padding: 0 0 0 2px; }
.hdcw-chip {
  background: transparent;
  color: #000000;
  border-color: #0080C5;
  border-radius: 25px;
  min-height: 31px;
  box-sizing: border-box;
  padding: 8px 11px 8px;         /* 'Automatic (155)' 16:209: 98px of text in a 124px chip; Chrome's Archivo runs a touch wider than Figma's, so 11 keeps 15-browse's three-chip rows */
  font-size: 14px;
  line-height: 13px;
  letter-spacing: -.01em;
  box-shadow: none;
}
.hdcw-chip:hover { background: #fff; border-color: #0080C5; color: #000000; }
.hdcw-chip--sel { background: #E9E9E9; border-color: #000000; box-shadow: none; font-weight: 400; }
/* Bootstrap's reboot (NRA2 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): Bold 11 #6D6D6D at x24, 13px under
 * the bubble and 8px above its chip row. */
.hdcw-ghead {
  font-weight: 700;
  letter-spacing: 0;
  font-size: 11px;
  line-height: 14px;
  margin: 1px 6px -2px 8px;
}
.hdcw-chips + .hdcw-ghead { margin-top: 7px; }
/* Quiz answers sit flush with the bubble at x16 (37:328) and 8px under it,
 * on a 35px pitch, where the stock rows under a section head start at x18 on
 * a 36px pitch (16:226 vs 37:338). */
.hdcw-bot + .hdcw-chips { padding-left: 0; margin-top: -3px; gap: 4px; }
.hdcw-bot + .hdcw-chips .hdcw-chip { padding-left: 13px; padding-right: 13px; }  /* the quiz answers are a touch roomier: 'Practical' 53px of text in 88 (37:329) */

/* ---------- 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 (two lines 14 apart), price Bold 15/19, monthly Medium
 * 12/16 blue, meta Regular 11/17 #1B1B1B. Flush split action bar 31 tall:
 * Details (77, white, 1px blue stroke) | I'm Interested (99, blue, white
 * ink), both Regular 13/13, ls -1%. */
.hdcw-cars { gap: 14px; padding: 0 0 0 2px; margin: -1px -2px -1px 0; }  /* cards at x18..194 / x208..384 (2023:448/449), 11px under the bubble, the model chips 9px under them (08-help6: 232 -> 243, 487 -> 496) */
.hdcw-ncgrid { gap: 14px; }
.hdcw-car { border-radius: 10px; border-color: #E4E6EA; }
.hdcw-car img.hdcw-carimg, .hdcw-car .hdcw-noimg { height: 113px; }
.hdcw-car .hdcw-carbody { padding: 9px 12px 8px; }  /* title cap 124px under the card top; the bar at 213 */
.hdcw-car h4.hdcw-cartitle {
  /* name every property: Bootstrap's h4 rule and NRA2's h1-h6 Archivo would win otherwise */
  margin: 0;
  font-family: var(--hdcw-font);
  font-size: 12px;
  font-weight: 400;
  line-height: 14px;
  letter-spacing: .01em;
  color: #000000;
  max-height: 28px;
}
.hdcw-car .hdcw-price { color: #000000; font-size: 15px; font-weight: 700; line-height: 19px; margin-top: 2px; letter-spacing: .01em; }
.hdcw-car .hdcw-mo { color: #0080C5; font-size: 12px; font-weight: 500; line-height: 16px; letter-spacing: .01em; }
.hdcw-car .hdcw-meta { color: #1B1B1B; font-size: 11px; line-height: 17px; margin-top: 0; }
.hdcw-ncgrid .hdcw-carbody { padding: 8px 12px 14px; }
.hdcw-ncgrid h4.hdcw-cartitle { max-height: none; }
.hdcw-car .hdcw-actions { margin: auto -1px -1px; gap: 0; }   /* the bar's own strokes sit on the card's */
.hdcw-car .hdcw-pick {
  flex: 77 0 0;
  border: 1px solid #0080C5;
  border-radius: 0 0 0 10px;
  box-sizing: border-box;
  min-height: 31px;              /* the 31px bar 19:564; the card is 113 + 100 + 31 = 244 */
  padding: 8px 0 8px;            /* label cap 9px under the bar's top stroke (19:565 @1064 on 1056) */
  font-size: 13px;
  font-weight: 400;
  line-height: 13px;
  letter-spacing: -.01em;
  background: #fff;
  color: #000000;
}
.hdcw-car .hdcw-pick:hover { background: #F3F6F9; color: #000000; }
.hdcw-car .hdcw-pick--primary {
  flex: 99 0 0;
  border-radius: 0 0 10px 0;
  background: #0080C5;
  color: #fff;
}
.hdcw-car .hdcw-pick--primary:only-child { border-radius: 0 0 10px 10px; }
.hdcw-car .hdcw-pick--primary:hover { background: #0080C5; opacity: .85; color: #fff; }

/* ---------- Footer (24:712): a white band 400x129. Input 299x51 @21,20
 * (from the band's top), r25, 1px #0080C5, placeholder Regular 15 (ls 1%)
 * black 27px in. Send: the 52px blue circle 7px right of it. Disclosure
 * Regular 12/15 (ls .1px) #313131, centred, 11px under the input, 17px above
 * the panel foot. */
.hdcw-input {
  background: #fff;
  border-top: 0;
  padding: 20px 21px 0;          /* the 52px send sets the row: 20 + 52 */
  gap: 7px;
}
.hdcw-input input {
  box-sizing: border-box;
  min-width: 0;
  height: 51px;
  border-radius: 25px;
  padding: 1px 20px 0 26px;
  font-size: 15px;
  line-height: 49px;
  letter-spacing: .01em;
}
/* font: inherit - NRA2's style.css line 5508 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; }
.hdcw-input input::-webkit-input-placeholder { color: #000000; opacity: 1; font: inherit; }
.hdcw-input input:focus { border-color: #3C4858; }
.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%230080C5%22/%3E%0A%3Cpath%20d=%22M29.4%2022.1586L36.0566%2025.11C37.3145%2025.6672%2037.3145%2027.3332%2036.0566%2027.8904L20.3721%2034.8442C18.9519%2035.4742%2017.4775%2034.0755%2018.1814%2032.7646L21.1758%2027.1887C21.4086%2026.7552%2021.4086%2026.2442%2021.1758%2025.8117L18.1814%2020.2358C17.4784%2018.9249%2018.9509%2017.5252%2020.3721%2018.1561L24.8865%2020.1574%22%20stroke=%22white%22%20stroke-width=%222%22%20stroke-linecap=%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: #fff;
  font-size: 12px;
  line-height: 15px;
  letter-spacing: .1px;          /* 2008:473 ls 0.10px */
  padding: 11.5px 62px 15.5px 60px;  /* 2008:473: text box 11px under the input, 17px above the foot; centred 1px left of the panel's centre */
}
.hdcw-powered a.hdcw-tc { color: #313131; text-decoration: underline; }
.hdcw-powered a.hdcw-tc:hover { color: #0080C5; }
.hdcw-powered > div { display: inline; }
.hdcw-powered > div:first-child::after { content: '.   '; white-space: pre; }

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

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