@import url('https://fonts.googleapis.com/css2?family=Archivo:wght@700&display=swap');
/* CON-956 chat widget branding - Stillorgan Motor Company (smc3, template
 * SMC3). Source of truth: the designer's Figma "stillorgan motor company
 * (Ai Assistant) (Copy)" (file MyCIiItr3ZjzmrDQWMoFRW) and its 16 @2x
 * artboard PNGs, which outrank the node dump wherever the two disagree.
 * Tooling and QA: tickets/CON-956/qa-smc3/; design notes:
 * tickets/CON-956/DESIGN-smc3.md. Glyphs are SVG exports of the file's own
 * nodes.
 *
 * NOTE: template SMC3 is shared with mmc3 (Mount Merrion Cars), whose artwork
 * is black where this one is blue. Everything per-dealer lives in this file;
 * nothing of this look may move into templates/SMC3/.
 *
 * Stillorgan blue: an 81px header on the designer's three-stop blue gradient
 * carrying the white robot mark; #EDEDED bot bubbles with a #C7C7C7 stroke
 * and a squared bottom-left corner; BLACK user bubbles; four #EEEEEE r10
 * opener pills with a 2px white inside stroke and a 0/4/4 25% shadow; white
 * chips on the same shadow; an #E4E6EA footer band and card borders; a
 * #0080C5 send circle, context CTA and card "I'm Interested" action. The
 * launcher is the designer's blue "Virtual Assistant" pill lockup.
 * Type: Figtree + REM (loaded by the template) and Archivo for the section
 * heads (imported above).
 * The panel is 400x720 = the designer's artboard, so offsets transfer 1:1.
 *
 * Regenerate with tickets/CON-956/build-theme-smc3.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: 'Figtree', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
  --hdcw-bg: #fff;
  --hdcw-surface: #fff;          /* Rectangle 8 is white (style 72:411 ai-white) */
  --hdcw-text: #000000;
  --hdcw-muted: #6D6D6D;
  --hdcw-faint: #C7C7C7;     /* typing dots (decorative) */
  --hdcw-footer: #000000;          /* disclosure 2008:473 renders #000 on #E4E6EA */
  --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: #0080C5;      /* fallback; the gradient is set below */
  --hdcw-head-color: #fff;
  --hdcw-user-bg: #000000;         /* 37:388 is flat black */
  --hdcw-user-color: #fff;
  --hdcw-link: #000000;
  --hdcw-btn-bg: #0080C5;
  --hdcw-btn-color: #fff;
  --hdcw-fab-gap: 0;             /* a wide pill docks on the vehicle action bar */
}

/* ---------- Launcher (26002:611): the designer's own 231x58 lockup export.
 * On the 400x653 home artboard the pill ends 14px from the right edge and
 * 12px from the bottom; the export carries 4px of shadow margin left and
 * right and 8px below (offset 4 + blur 4). */
.hdcw-fab {
  width: 231px;
  height: 58px;
  right: 10px;
  bottom: 4px;
  max-width: calc(100vw - 20px);
  border-radius: 0;
  background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width=%22231%22%20height=%2258%22%20viewBox=%220%200%20231%2058%22%20fill=%22none%22%20xmlns=%22http://www.w3.org/2000/svg%22%3E%0A%3Cg%20filter=%22url(%23filter0_d_26002_611)%22%3E%0A%3Cpath%20d=%22M4%2010C4%204.47715%208.47715%200%2014%200H217C222.523%200%20227%204.47715%20227%2010V40C227%2045.5228%20222.523%2050%20217%2050H14C8.47716%2050%204%2045.5228%204%2040V10Z%22%20fill=%22white%22/%3E%0A%3Cpath%20d=%22M4%2010C4%204.47715%208.47715%200%2014%200H217C222.523%200%20227%204.47715%20227%2010V40C227%2045.5228%20222.523%2050%20217%2050H14C8.47716%2050%204%2045.5228%204%2040V10Z%22%20fill=%22url(%23paint0_linear_26002_611)%22/%3E%0A%3C/g%3E%0A%3Cpath%20d=%22M79.8%2031.096L75.24%2019.8H77.56L80.952%2028.392H81L84.312%2019.8H86.584L82.008%2031.096H79.8Z%22%20fill=%22white%22/%3E%0A%3Cpath%20d=%22M87.9481%2031V22.872H89.9641V31H87.9481ZM88.9561%2021.288C88.7214%2021.288%2088.5028%2021.2293%2088.3001%2021.112C88.0974%2020.9947%2087.9374%2020.84%2087.8201%2020.648C87.7028%2020.456%2087.6441%2020.2427%2087.6441%2020.008C87.6441%2019.784%2087.7028%2019.576%2087.8201%2019.384C87.9374%2019.192%2088.0974%2019.0427%2088.3001%2018.936C88.5028%2018.8187%2088.7214%2018.76%2088.9561%2018.76C89.2014%2018.76%2089.4201%2018.8187%2089.6121%2018.936C89.8148%2019.0427%2089.9748%2019.192%2090.0921%2019.384C90.2094%2019.576%2090.2681%2019.784%2090.2681%2020.008C90.2681%2020.2427%2090.2094%2020.456%2090.0921%2020.648C89.9748%2020.84%2089.8148%2020.9947%2089.6121%2021.112C89.4201%2021.2293%2089.2014%2021.288%2088.9561%2021.288Z%22%20fill=%22white%22/%3E%0A%3Cpath%20d=%22M92.1981%2031V22.872H93.6701L93.8781%2023.864L94.4861%2023.432C94.7954%2023.2187%2095.1261%2023.0533%2095.4781%2022.936C95.8301%2022.808%2096.1661%2022.744%2096.4861%2022.744C96.6034%2022.744%2096.7208%2022.7653%2096.8381%2022.808C96.9661%2022.84%2097.0888%2022.8987%2097.2061%2022.984V24.584C96.8755%2024.5947%2096.5554%2024.6267%2096.2461%2024.68C95.9474%2024.7333%2095.6061%2024.8347%2095.2221%2024.984L94.2141%2025.352V31H92.1981Z%22%20fill=%22white%22/%3E%0A%3Cpath%20d=%22M101.93%2031.128C101.13%2031.128%20100.522%2030.952%20100.106%2030.6C99.6901%2030.248%2099.4821%2029.6773%2099.4821%2028.888V24.632H97.7381V23.224L99.4821%2022.872V20.984L101.498%2020.376V22.872H104.026V24.632H101.498V28.248C101.498%2028.632%20101.562%2028.92%20101.69%2029.112C101.829%2029.304%20102.143%2029.4%20102.634%2029.4C102.773%2029.4%20102.917%2029.3947%20103.066%2029.384C103.215%2029.3733%20103.375%2029.3573%20103.546%2029.336L103.962%2029.288L104.186%2030.744L103.818%2030.84C103.519%2030.9147%20103.199%2030.9787%20102.858%2031.032C102.527%2031.096%20102.218%2031.128%20101.93%2031.128Z%22%20fill=%22white%22/%3E%0A%3Cpath%20d=%22M108.195%2031.128C107.289%2031.128%20106.617%2030.8773%20106.179%2030.376C105.753%2029.864%20105.539%2029.192%20105.539%2028.36V22.872H107.555V27.864C107.555%2028.3653%20107.673%2028.7333%20107.907%2028.968C108.142%2029.192%20108.489%2029.304%20108.947%2029.304C109.15%2029.304%20109.342%2029.2773%20109.523%2029.224C109.715%2029.16%20109.907%2029.0853%20110.099%2029L110.675%2028.728V22.872H112.691V31H111.155L110.931%2029.672L111.347%2029.992L110.467%2030.472C110.073%2030.6853%20109.683%2030.8507%20109.299%2030.968C108.926%2031.0747%20108.558%2031.128%20108.195%2031.128Z%22%20fill=%22white%22/%3E%0A%3Cpath%20d=%22M116.948%2031.128C116.511%2031.128%20116.095%2031.048%20115.7%2030.888C115.306%2030.7173%20114.986%2030.4613%20114.74%2030.12C114.495%2029.7787%20114.372%2029.352%20114.372%2028.84C114.372%2028.1573%20114.591%2027.6187%20115.028%2027.224C115.466%2026.8187%20116.084%2026.536%20116.884%2026.376L119.332%2025.864V25.832C119.332%2025.3627%20119.188%2025.0213%20118.9%2024.808C118.612%2024.5947%20118.17%2024.488%20117.572%2024.488C117.231%2024.488%20116.879%2024.5093%20116.516%2024.552C116.164%2024.5947%20115.834%2024.648%20115.524%2024.712L115.156%2024.792L114.82%2023.464L115.22%2023.32C115.754%2023.128%20116.25%2022.984%20116.708%2022.888C117.178%2022.792%20117.642%2022.744%20118.1%2022.744C119.06%2022.744%20119.839%2023%20120.436%2023.512C121.034%2024.024%20121.332%2024.7973%20121.332%2025.832V28.808C121.332%2029.1387%20121.407%2029.3627%20121.556%2029.48C121.716%2029.5867%20122.042%2029.6613%20122.532%2029.704L122.42%2031.032C122.282%2031.064%20122.148%2031.0853%20122.02%2031.096C121.892%2031.1173%20121.78%2031.128%20121.684%2031.128C121.13%2031.128%20120.687%2031.0053%20120.356%2030.76C120.036%2030.504%20119.796%2030.1947%20119.636%2029.832L119.268%2030.168C118.916%2030.488%20118.532%2030.728%20118.116%2030.888C117.711%2031.048%20117.322%2031.128%20116.948%2031.128ZM117.556%2029.448C117.77%2029.448%20117.999%2029.4053%20118.244%2029.32C118.49%2029.2347%20118.735%2029.1067%20118.98%2028.936L119.332%2028.696V27.048L117.172%2027.656C116.863%2027.7413%20116.644%2027.864%20116.516%2028.024C116.388%2028.184%20116.324%2028.3707%20116.324%2028.584C116.324%2028.8613%20116.431%2029.0747%20116.644%2029.224C116.858%2029.3733%20117.162%2029.448%20117.556%2029.448Z%22%20fill=%22white%22/%3E%0A%3Cpath%20d=%22M126.063%2031.128C125.231%2031.128%20124.634%2030.936%20124.271%2030.552C123.909%2030.168%20123.727%2029.6667%20123.727%2029.048V19.192L125.743%2018.68V28.6C125.743%2028.8453%20125.813%2029.0373%20125.951%2029.176C126.101%2029.304%20126.346%2029.368%20126.687%2029.368C126.773%2029.368%20126.869%2029.368%20126.975%2029.368C127.082%2029.3573%20127.189%2029.3467%20127.295%2029.336L127.247%2030.888C127.055%2030.9627%20126.853%2031.0213%20126.639%2031.064C126.437%2031.1067%20126.245%2031.128%20126.063%2031.128Z%22%20fill=%22white%22/%3E%0A%3Cpath%20d=%22M132.238%2031L136.59%2019.8H139.022L143.406%2031H141.102L137.822%2022.04H137.774L134.414%2031H132.238ZM134.942%2028.776V26.936H140.638V28.776H134.942Z%22%20fill=%22white%22/%3E%0A%3Cpath%20d=%22M147.118%2031.128C146.702%2031.128%20146.276%2031.0853%20145.838%2031C145.412%2030.9147%20144.98%2030.7973%20144.542%2030.648L144.014%2030.472L144.35%2029.032L144.798%2029.112C145.172%2029.176%20145.54%2029.224%20145.902%2029.256C146.265%2029.288%20146.617%2029.304%20146.958%2029.304C147.396%2029.304%20147.721%2029.256%20147.934%2029.16C148.158%2029.0533%20148.27%2028.888%20148.27%2028.664C148.27%2028.5253%20148.238%2028.408%20148.174%2028.312C148.121%2028.216%20147.993%2028.12%20147.79%2028.024C147.598%2027.928%20147.284%2027.8213%20146.846%2027.704C146.142%2027.512%20145.588%2027.3093%20145.182%2027.096C144.788%2026.872%20144.505%2026.6053%20144.334%2026.296C144.174%2025.9867%20144.094%2025.6027%20144.094%2025.144C144.105%2024.5893%20144.249%2024.136%20144.526%2023.784C144.804%2023.432%20145.182%2023.1707%20145.662%2023C146.142%2022.8293%20146.686%2022.744%20147.294%2022.744C147.7%2022.744%20148.116%2022.7813%20148.542%2022.856C148.969%2022.92%20149.369%2023.0107%20149.742%2023.128L150.062%2023.24L149.79%2024.664L149.518%2024.632C149.134%2024.5787%20148.793%2024.5467%20148.494%2024.536C148.206%2024.5147%20147.945%2024.504%20147.71%2024.504C147.188%2024.504%20146.777%2024.552%20146.478%2024.648C146.19%2024.7333%20146.046%2024.872%20146.046%2025.064C146.046%2025.2027%20146.084%2025.3147%20146.158%2025.4C146.244%2025.4747%20146.414%2025.5547%20146.67%2025.64C146.926%2025.7253%20147.316%2025.8373%20147.838%2025.976C148.5%2026.1467%20149.006%2026.3387%20149.358%2026.552C149.721%2026.7653%20149.972%2027.0213%20150.11%2027.32C150.249%2027.6187%20150.318%2027.9813%20150.318%2028.408C150.318%2029.048%20150.169%2029.5707%20149.87%2029.976C149.582%2030.3707%20149.193%2030.664%20148.702%2030.856C148.222%2031.0373%20147.694%2031.128%20147.118%2031.128Z%22%20fill=%22white%22/%3E%0A%3Cpath%20d=%22M154.493%2031.128C154.077%2031.128%20153.651%2031.0853%20153.213%2031C152.787%2030.9147%20152.355%2030.7973%20151.917%2030.648L151.389%2030.472L151.725%2029.032L152.173%2029.112C152.547%2029.176%20152.915%2029.224%20153.277%2029.256C153.64%2029.288%20153.992%2029.304%20154.333%2029.304C154.771%2029.304%20155.096%2029.256%20155.309%2029.16C155.533%2029.0533%20155.645%2028.888%20155.645%2028.664C155.645%2028.5253%20155.613%2028.408%20155.549%2028.312C155.496%2028.216%20155.368%2028.12%20155.165%2028.024C154.973%2027.928%20154.659%2027.8213%20154.221%2027.704C153.517%2027.512%20152.963%2027.3093%20152.557%2027.096C152.163%2026.872%20151.88%2026.6053%20151.709%2026.296C151.549%2025.9867%20151.469%2025.6027%20151.469%2025.144C151.48%2024.5893%20151.624%2024.136%20151.901%2023.784C152.179%2023.432%20152.557%2023.1707%20153.037%2023C153.517%2022.8293%20154.061%2022.744%20154.669%2022.744C155.075%2022.744%20155.491%2022.7813%20155.917%2022.856C156.344%2022.92%20156.744%2023.0107%20157.117%2023.128L157.437%2023.24L157.165%2024.664L156.893%2024.632C156.509%2024.5787%20156.168%2024.5467%20155.869%2024.536C155.581%2024.5147%20155.32%2024.504%20155.085%2024.504C154.563%2024.504%20154.152%2024.552%20153.853%2024.648C153.565%2024.7333%20153.421%2024.872%20153.421%2025.064C153.421%2025.2027%20153.459%2025.3147%20153.533%2025.4C153.619%2025.4747%20153.789%2025.5547%20154.045%2025.64C154.301%2025.7253%20154.691%2025.8373%20155.213%2025.976C155.875%2026.1467%20156.381%2026.3387%20156.733%2026.552C157.096%2026.7653%20157.347%2027.0213%20157.485%2027.32C157.624%2027.6187%20157.693%2027.9813%20157.693%2028.408C157.693%2029.048%20157.544%2029.5707%20157.245%2029.976C156.957%2030.3707%20156.568%2030.664%20156.077%2030.856C155.597%2031.0373%20155.069%2031.128%20154.493%2031.128Z%22%20fill=%22white%22/%3E%0A%3Cpath%20d=%22M159.432%2031V22.872H161.448V31H159.432ZM160.44%2021.288C160.206%2021.288%20159.987%2021.2293%20159.784%2021.112C159.582%2020.9947%20159.422%2020.84%20159.304%2020.648C159.187%2020.456%20159.128%2020.2427%20159.128%2020.008C159.128%2019.784%20159.187%2019.576%20159.304%2019.384C159.422%2019.192%20159.582%2019.0427%20159.784%2018.936C159.987%2018.8187%20160.206%2018.76%20160.44%2018.76C160.686%2018.76%20160.904%2018.8187%20161.096%2018.936C161.299%2019.0427%20161.459%2019.192%20161.576%2019.384C161.694%2019.576%20161.752%2019.784%20161.752%2020.008C161.752%2020.2427%20161.694%2020.456%20161.576%2020.648C161.459%2020.84%20161.299%2020.9947%20161.096%2021.112C160.904%2021.2293%20160.686%2021.288%20160.44%2021.288Z%22%20fill=%22white%22/%3E%0A%3Cpath%20d=%22M166.274%2031.128C165.858%2031.128%20165.432%2031.0853%20164.994%2031C164.568%2030.9147%20164.136%2030.7973%20163.698%2030.648L163.17%2030.472L163.506%2029.032L163.954%2029.112C164.328%2029.176%20164.696%2029.224%20165.058%2029.256C165.421%2029.288%20165.773%2029.304%20166.114%2029.304C166.552%2029.304%20166.877%2029.256%20167.09%2029.16C167.314%2029.0533%20167.426%2028.888%20167.426%2028.664C167.426%2028.5253%20167.394%2028.408%20167.33%2028.312C167.277%2028.216%20167.149%2028.12%20166.946%2028.024C166.754%2027.928%20166.44%2027.8213%20166.002%2027.704C165.298%2027.512%20164.744%2027.3093%20164.338%2027.096C163.944%2026.872%20163.661%2026.6053%20163.49%2026.296C163.33%2025.9867%20163.25%2025.6027%20163.25%2025.144C163.261%2024.5893%20163.405%2024.136%20163.682%2023.784C163.96%2023.432%20164.338%2023.1707%20164.818%2023C165.298%2022.8293%20165.842%2022.744%20166.45%2022.744C166.856%2022.744%20167.272%2022.7813%20167.698%2022.856C168.125%2022.92%20168.525%2023.0107%20168.898%2023.128L169.218%2023.24L168.946%2024.664L168.674%2024.632C168.29%2024.5787%20167.949%2024.5467%20167.65%2024.536C167.362%2024.5147%20167.101%2024.504%20166.866%2024.504C166.344%2024.504%20165.933%2024.552%20165.634%2024.648C165.346%2024.7333%20165.202%2024.872%20165.202%2025.064C165.202%2025.2027%20165.24%2025.3147%20165.314%2025.4C165.4%2025.4747%20165.57%2025.5547%20165.826%2025.64C166.082%2025.7253%20166.472%2025.8373%20166.994%2025.976C167.656%2026.1467%20168.162%2026.3387%20168.514%2026.552C168.877%2026.7653%20169.128%2027.0213%20169.266%2027.32C169.405%2027.6187%20169.474%2027.9813%20169.474%2028.408C169.474%2029.048%20169.325%2029.5707%20169.026%2029.976C168.738%2030.3707%20168.349%2030.664%20167.858%2030.856C167.378%2031.0373%20166.85%2031.128%20166.274%2031.128Z%22%20fill=%22white%22/%3E%0A%3Cpath%20d=%22M174.446%2031.128C173.646%2031.128%20173.038%2030.952%20172.622%2030.6C172.206%2030.248%20171.998%2029.6773%20171.998%2028.888V24.632H170.254V23.224L171.998%2022.872V20.984L174.014%2020.376V22.872H176.542V24.632H174.014V28.248C174.014%2028.632%20174.078%2028.92%20174.206%2029.112C174.344%2029.304%20174.659%2029.4%20175.15%2029.4C175.288%2029.4%20175.432%2029.3947%20175.582%2029.384C175.731%2029.3733%20175.891%2029.3573%20176.062%2029.336L176.478%2029.288L176.702%2030.744L176.334%2030.84C176.035%2030.9147%20175.715%2030.9787%20175.374%2031.032C175.043%2031.096%20174.734%2031.128%20174.446%2031.128Z%22%20fill=%22white%22/%3E%0A%3Cpath%20d=%22M180.027%2031.128C179.589%2031.128%20179.173%2031.048%20178.779%2030.888C178.384%2030.7173%20178.064%2030.4613%20177.819%2030.12C177.573%2029.7787%20177.451%2029.352%20177.451%2028.84C177.451%2028.1573%20177.669%2027.6187%20178.107%2027.224C178.544%2026.8187%20179.163%2026.536%20179.963%2026.376L182.411%2025.864V25.832C182.411%2025.3627%20182.267%2025.0213%20181.979%2024.808C181.691%2024.5947%20181.248%2024.488%20180.651%2024.488C180.309%2024.488%20179.957%2024.5093%20179.595%2024.552C179.243%2024.5947%20178.912%2024.648%20178.603%2024.712L178.235%2024.792L177.899%2023.464L178.299%2023.32C178.832%2023.128%20179.328%2022.984%20179.787%2022.888C180.256%2022.792%20180.72%2022.744%20181.179%2022.744C182.139%2022.744%20182.917%2023%20183.515%2023.512C184.112%2024.024%20184.411%2024.7973%20184.411%2025.832V28.808C184.411%2029.1387%20184.485%2029.3627%20184.635%2029.48C184.795%2029.5867%20185.12%2029.6613%20185.611%2029.704L185.499%2031.032C185.36%2031.064%20185.227%2031.0853%20185.099%2031.096C184.971%2031.1173%20184.859%2031.128%20184.763%2031.128C184.208%2031.128%20183.765%2031.0053%20183.435%2030.76C183.115%2030.504%20182.875%2030.1947%20182.715%2029.832L182.347%2030.168C181.995%2030.488%20181.611%2030.728%20181.195%2030.888C180.789%2031.048%20180.4%2031.128%20180.027%2031.128ZM180.635%2029.448C180.848%2029.448%20181.077%2029.4053%20181.323%2029.32C181.568%2029.2347%20181.813%2029.1067%20182.059%2028.936L182.411%2028.696V27.048L180.251%2027.656C179.941%2027.7413%20179.723%2027.864%20179.595%2028.024C179.467%2028.184%20179.403%2028.3707%20179.403%2028.584C179.403%2028.8613%20179.509%2029.0747%20179.723%2029.224C179.936%2029.3733%20180.24%2029.448%20180.635%2029.448Z%22%20fill=%22white%22/%3E%0A%3Cpath%20d=%22M186.886%2031V22.872H188.422L188.566%2023.704L189.094%2023.416C189.488%2023.2027%20189.883%2023.0373%20190.278%2022.92C190.672%2022.8027%20191.062%2022.744%20191.446%2022.744C192.096%2022.744%20192.624%2022.8667%20193.03%2023.112C193.435%2023.3573%20193.734%2023.688%20193.926%2024.104C194.128%2024.52%20194.23%2024.9893%20194.23%2025.512V31H192.214V26.008C192.214%2025.5387%20192.096%2025.1813%20191.862%2024.936C191.627%2024.6907%20191.243%2024.568%20190.71%2024.568C190.486%2024.568%20190.267%2024.6%20190.054%2024.664C189.851%2024.7173%20189.638%2024.7973%20189.414%2024.904L188.902%2025.128V31H186.886Z%22%20fill=%22white%22/%3E%0A%3Cpath%20d=%22M199.586%2031.128C198.786%2031.128%20198.178%2030.952%20197.762%2030.6C197.346%2030.248%20197.138%2029.6773%20197.138%2028.888V24.632H195.394V23.224L197.138%2022.872V20.984L199.154%2020.376V22.872H201.682V24.632H199.154V28.248C199.154%2028.632%20199.218%2028.92%20199.346%2029.112C199.485%2029.304%20199.8%2029.4%20200.29%2029.4C200.429%2029.4%20200.573%2029.3947%20200.722%2029.384C200.872%2029.3733%20201.032%2029.3573%20201.202%2029.336L201.618%2029.288L201.842%2030.744L201.474%2030.84C201.176%2030.9147%20200.856%2030.9787%20200.514%2031.032C200.184%2031.096%20199.874%2031.128%20199.586%2031.128Z%22%20fill=%22white%22/%3E%0A%3Cpath%20d=%22M16%2012.5L19.5%2016L16%2019.5L12.5%2016L16%2012.5Z%22%20stroke=%22white%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22/%3E%0A%3Cpath%20d=%22M25%2018.5L27.5%2021L25%2023.5L22.5%2021L25%2018.5Z%22%20stroke=%22white%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22/%3E%0A%3Cpath%20d=%22M19%2023L22%2026L19%2029L16%2026L19%2023Z%22%20stroke=%22white%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22/%3E%0A%3Cpath%20d=%22M43.5%209V10.4762H37.5C36.3065%2010.4762%2035.1619%2010.9428%2034.318%2011.7733C33.4741%2012.6038%2033%2013.7302%2033%2014.9048V19.3333C33%2021.2909%2033.7902%2023.1683%2035.1967%2024.5525C36.6032%2025.9367%2038.5109%2026.7143%2040.5%2026.7143H49.5C51.4891%2026.7143%2053.3968%2025.9367%2054.8033%2024.5525C56.2098%2023.1683%2057%2021.2909%2057%2019.3333V14.9048C57%2013.7302%2056.5259%2012.6038%2055.682%2011.7733C54.8381%2010.9428%2053.6935%2010.4762%2052.5%2010.4762H46.5V9H43.5ZM36%2014.9048C36%2014.5133%2036.158%2014.1378%2036.4393%2013.8609C36.7206%2013.5841%2037.1022%2013.4286%2037.5%2013.4286H52.5C52.8978%2013.4286%2053.2794%2013.5841%2053.5607%2013.8609C53.842%2014.1378%2054%2014.5133%2054%2014.9048V19.3333C54%2020.5079%2053.5259%2021.6343%2052.682%2022.4648C51.8381%2023.2953%2050.6935%2023.7619%2049.5%2023.7619H40.5C39.3065%2023.7619%2038.1619%2023.2953%2037.318%2022.4648C36.4741%2021.6343%2036%2020.5079%2036%2019.3333V14.9048ZM41.25%2020.8095C41.8467%2020.8095%2042.419%2020.5762%2042.841%2020.161C43.2629%2019.7457%2043.5%2019.1825%2043.5%2018.5952C43.5%2018.008%2043.2629%2017.4448%2042.841%2017.0295C42.419%2016.6142%2041.8467%2016.381%2041.25%2016.381C40.6533%2016.381%2040.081%2016.6142%2039.659%2017.0295C39.2371%2017.4448%2039%2018.008%2039%2018.5952C39%2019.1825%2039.2371%2019.7457%2039.659%2020.161C40.081%2020.5762%2040.6533%2020.8095%2041.25%2020.8095ZM48.75%2020.8095C49.3467%2020.8095%2049.919%2020.5762%2050.341%2020.161C50.7629%2019.7457%2051%2019.1825%2051%2018.5952C51%2018.008%2050.7629%2017.4448%2050.341%2017.0295C49.919%2016.6142%2049.3467%2016.381%2048.75%2016.381C48.1533%2016.381%2047.581%2016.6142%2047.159%2017.0295C46.7371%2017.4448%2046.5%2018.008%2046.5%2018.5952C46.5%2019.1825%2046.7371%2019.7457%2047.159%2020.161C47.581%2020.5762%2048.1533%2020.8095%2048.75%2020.8095ZM36%2040C36%2037.6509%2036.9482%2035.3981%2038.636%2033.7371C40.3239%2032.076%2042.6131%2031.1429%2045%2031.1429C47.3869%2031.1429%2049.6761%2032.076%2051.364%2033.7371C53.0518%2035.3981%2054%2037.6509%2054%2040H57C57%2036.8679%2055.7357%2033.8641%2053.4853%2031.6494C51.2348%2029.4347%2048.1826%2028.1905%2045%2028.1905C41.8174%2028.1905%2038.7652%2029.4347%2036.5147%2031.6494C34.2643%2033.8641%2033%2036.8679%2033%2040H36Z%22%20fill=%22white%22/%3E%0A%3Cdefs%3E%0A%3Cfilter%20id=%22filter0_d_26002_611%22%20x=%220%22%20y=%220%22%20width=%22231%22%20height=%2258%22%20filterUnits=%22userSpaceOnUse%22%20color-interpolation-filters=%22sRGB%22%3E%0A%3CfeFlood%20flood-opacity=%220%22%20result=%22BackgroundImageFix%22/%3E%0A%3CfeColorMatrix%20in=%22SourceAlpha%22%20type=%22matrix%22%20values=%220%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%20127%200%22%20result=%22hardAlpha%22/%3E%0A%3CfeOffset%20dy=%224%22/%3E%0A%3CfeGaussianBlur%20stdDeviation=%222%22/%3E%0A%3CfeComposite%20in2=%22hardAlpha%22%20operator=%22out%22/%3E%0A%3CfeColorMatrix%20type=%22matrix%22%20values=%220%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200.25%200%22/%3E%0A%3CfeBlend%20mode=%22normal%22%20in2=%22BackgroundImageFix%22%20result=%22effect1_dropShadow_26002_611%22/%3E%0A%3CfeBlend%20mode=%22normal%22%20in=%22SourceGraphic%22%20in2=%22effect1_dropShadow_26002_611%22%20result=%22shape%22/%3E%0A%3C/filter%3E%0A%3ClinearGradient%20id=%22paint0_linear_26002_611%22%20x1=%2284%22%20y1=%22-11%22%20x2=%2213.3766%22%20y2=%22-10.2696%22%20gradientUnits=%22userSpaceOnUse%22%3E%0A%3Cstop%20stop-color=%22%230081C5%22/%3E%0A%3Cstop%20offset=%220.324626%22%20stop-color=%22%233CB9FA%22/%3E%0A%3Cstop%20offset=%221%22%20stop-color=%22%23003E5F%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 blue gradient, r15 on top.
 * Mark 44.5x31 @15,23; title REM Medium 18/18 at x78 y23, TWO lines
 * ("Stillorgan Motor" / "Company" - the break comes from
 * CHAT_WIDGET_HEADER_TITLE); subtitle Figtree Regular 13 at y56 ending 14px
 * from the right edge, i.e. UNDER THE NAV ICONS, not under the title.
 * Nav icons at x296 / x334 / x369, tops y24. */
.hdcw-panel .hdcw-head {
  position: relative;
  height: 81px;
  flex: none;
  box-sizing: border-box;
  overflow: hidden;              /* an over-long name is clipped, never spilled */
  align-items: flex-start;
  padding: 0 15px 0 14.25px;
  gap: 0;
  background: linear-gradient(261.3deg, #0081C5 37.2%, #3CB9FA 48.7%, #003E5F 72.7%);
}
.hdcw-head::before {
  content: '';
  flex: 0 0 46px;
  height: 31px;
  margin: 23px 17.75px 0 0;      /* title at x78 */
  background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width=%2246%22%20height=%2231%22%20viewBox=%220%200%2046%2031%22%20fill=%22none%22%20xmlns=%22http://www.w3.org/2000/svg%22%3E%0A%3Cpath%20d=%22M4.5%203.5L8%207L4.5%2010.5L1%207L4.5%203.5Z%22%20stroke=%22white%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22/%3E%0A%3Cpath%20d=%22M13.5%209.5L16%2012L13.5%2014.5L11%2012L13.5%209.5Z%22%20stroke=%22white%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22/%3E%0A%3Cpath%20d=%22M7.5%2014L10.5%2017L7.5%2020L4.5%2017L7.5%2014Z%22%20stroke=%22white%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22/%3E%0A%3Cpath%20d=%22M32%200V1.47619H26C24.8065%201.47619%2023.6619%201.94277%2022.818%202.77329C21.9741%203.60381%2021.5%204.73023%2021.5%205.90476V10.3333C21.5%2012.2909%2022.2902%2014.1683%2023.6967%2015.5525C25.1032%2016.9367%2027.0109%2017.7143%2029%2017.7143H38C39.9891%2017.7143%2041.8968%2016.9367%2043.3033%2015.5525C44.7098%2014.1683%2045.5%2012.2909%2045.5%2010.3333V5.90476C45.5%204.73023%2045.0259%203.60381%2044.182%202.77329C43.3381%201.94277%2042.1935%201.47619%2041%201.47619H35V0H32ZM24.5%205.90476C24.5%205.51325%2024.658%205.13778%2024.9393%204.86094C25.2206%204.5841%2025.6022%204.42857%2026%204.42857H41C41.3978%204.42857%2041.7794%204.5841%2042.0607%204.86094C42.342%205.13778%2042.5%205.51325%2042.5%205.90476V10.3333C42.5%2011.5079%2042.0259%2012.6343%2041.182%2013.4648C40.3381%2014.2953%2039.1935%2014.7619%2038%2014.7619H29C27.8065%2014.7619%2026.6619%2014.2953%2025.818%2013.4648C24.9741%2012.6343%2024.5%2011.5079%2024.5%2010.3333V5.90476ZM29.75%2011.8095C30.3467%2011.8095%2030.919%2011.5762%2031.341%2011.161C31.7629%2010.7457%2032%2010.1825%2032%209.59524C32%209.00797%2031.7629%208.44476%2031.341%208.0295C30.919%207.61424%2030.3467%207.38095%2029.75%207.38095C29.1533%207.38095%2028.581%207.61424%2028.159%208.0295C27.7371%208.44476%2027.5%209.00797%2027.5%209.59524C27.5%2010.1825%2027.7371%2010.7457%2028.159%2011.161C28.581%2011.5762%2029.1533%2011.8095%2029.75%2011.8095ZM37.25%2011.8095C37.8467%2011.8095%2038.419%2011.5762%2038.841%2011.161C39.2629%2010.7457%2039.5%2010.1825%2039.5%209.59524C39.5%209.00797%2039.2629%208.44476%2038.841%208.0295C38.419%207.61424%2037.8467%207.38095%2037.25%207.38095C36.6533%207.38095%2036.081%207.61424%2035.659%208.0295C35.2371%208.44476%2035%209.00797%2035%209.59524C35%2010.1825%2035.2371%2010.7457%2035.659%2011.161C36.081%2011.5762%2036.6533%2011.8095%2037.25%2011.8095ZM24.5%2031C24.5%2028.6509%2025.4482%2026.3981%2027.136%2024.7371C28.8239%2023.076%2031.1131%2022.1429%2033.5%2022.1429C35.8869%2022.1429%2038.1761%2023.076%2039.864%2024.7371C41.5518%2026.3981%2042.5%2028.6509%2042.5%2031H45.5C45.5%2027.8679%2044.2357%2024.8641%2041.9853%2022.6494C39.7348%2020.4347%2036.6826%2019.1905%2033.5%2019.1905C30.3174%2019.1905%2027.2652%2020.4347%2025.0147%2022.6494C22.7643%2024.8641%2021.5%2027.8679%2021.5%2031H24.5Z%22%20fill=%22white%22/%3E%0A%3C/svg%3E") center / contain no-repeat;
}
.hdcw-head > div { margin-top: 23px; min-width: 0; padding-right: 8px; }
.hdcw-head b {
  font-family: 'REM', var(--hdcw-font);
  font-size: 18px;
  line-height: 18px;
  font-weight: 500;
  white-space: pre-line;         /* the artwork's own line break */
}
/* The subtitle is drawn on the far right of the band, under the nav icons
 * (22002:952 @210,56, ending at x386). Anchored to the right so longer admin
 * copy grows leftwards instead of being clipped. */
.hdcw-head small {
  position: absolute;
  right: 14px;
  top: 57.5px;
  opacity: 1;
  font-size: 13px;
  font-weight: 400;
  line-height: 16px;
  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 ink at x296 (4028:981) */
  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=%22white%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22/%3E%0A%3Cpath%20d=%22M1%209L5%205L9%209%22%20stroke=%22white%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22/%3E%0A%3C/svg%3E");
  background-size: 22px 18px;
}
.hdcw-reset svg { display: none; }
.hdcw-panel:not(.hdcw-max) .hdcw-exp {
  width: 18px;
  height: 18px;
  margin: 23px 0 0 16px;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width=%2218%22%20height=%2218%22%20viewBox=%22-1%20-1%2018%2018%22%20fill=%22none%22%20xmlns=%22http://www.w3.org/2000/svg%22%3E%0A%3Cpath%20d=%22M1.2002%2012V14.7998H4V16H0V12H1.2002ZM16%2016H12V14.7998H14.7998V12H16V16ZM16%204H14.7998V1.2002H12V0H16V4ZM4%201.2002H1.2002V4H0V0H4V1.2002Z%22%20fill=%22white%22/%3E%0A%3C/svg%3E");
  background-size: 18px 18px;
}
.hdcw-panel:not(.hdcw-max) .hdcw-exp svg { display: none; }
.hdcw-max .hdcw-exp { margin: 24px 0 0 17px; font-size: 0; }
.hdcw-close {
  width: 17px;
  height: 17px;
  margin: 23px 0 0 17px;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width=%2217%22%20height=%2217%22%20viewBox=%22-1%20-1%2017%2017%22%20fill=%22none%22%20xmlns=%22http://www.w3.org/2000/svg%22%3E%0A%3Cpath%20d=%22M15%201.74427L13.2557%200L7.5%205.75573L1.74427%200L0%201.74427L5.75573%207.5L0%2013.2557L1.74427%2015L7.5%209.24427L13.2557%2015L15%2013.2557L9.24427%207.5L15%201.74427Z%22%20fill=%22white%22/%3E%0A%3C/svg%3E");
  background-size: 17px 17px;
}

/* ---------- Message column: bubbles at x16, 334 wide; the opener pills run
 * x16..377 and the user bubbles end at x382, so the right padding is 18. */
.hdcw-msgs { padding: 14px 18px 14px 16px; }

/* Bubbles. Bot (1:14 / 37:349 / 37:351 / 16:205): #EDEDED, 1px #C7C7C7 inside
 * stroke, r10 with the BOTTOM-LEFT corner square, Figtree Regular 14/17 with
 * 1% tracking, text 22px in.
 * User (37:388): flat BLACK, white Figtree Regular 15/18 at 24px in, r10 with
 * the BOTTOM-RIGHT corner square, 48 tall for one line. */
.hdcw-msg {
  max-width: 96%;                /* the long user bubble 2030:495 is 352 of 366 */
  padding: 15px 22px;
  font-size: 14px;
  line-height: 17px;
  letter-spacing: .01em;
}
.hdcw-bot {
  width: 91%;                    /* 334 of 366 */
  max-width: 91%;
  box-sizing: border-box;
  background: #EDEDED;
  border-color: #C7C7C7;
  border-radius: 10px 10px 10px 0;
  padding: 17px 22px 17px 21px;
  color: #000000;
}
/* The greeting (1:11) is set a size up: Figtree 15 on a 20px leading in a
 * 95px bubble, its first line Bold. The headline is an inline-block so a
 * longer admin greeting grows the bubble instead of the line. */
.hdcw-msgs > .hdcw-bot:first-child {
  font-size: 15px;
  line-height: 18px;
  letter-spacing: 0;
  padding: 13px 22px 19.5px 21px;
}
.hdcw-bot b, .hdcw-bot strong { font-weight: 600; }
/* The headline's line is 24.5px deep (cap lines at y112 / y136.5), the two
 * after it 18px (y136.5 / y154.5): an inline-block with a 6.5px bottom margin
 * grows its own line only, whatever the admin greeting says. */
.hdcw-msgs > .hdcw-bot:first-child b,
.hdcw-msgs > .hdcw-bot:first-child strong { display: inline-block; margin-bottom: 6px; font-weight: 700; }
.hdcw-bot a.hdcw-link { font-weight: 600; color: #000000; }
/* The reply that lists cars (19:515 on 03-browse-auto) is drawn as its own
 * bubble: WHITE with a 1px #E4E6EA stroke, 14 on a 19px leading. */
.hdcw-bot:has(a.hdcw-link) {
  background: #fff;
  border-color: #E4E6EA;
  color: #000000;
  line-height: 19px;
  padding: 27px 27px 27px 21px;
}
.hdcw-user {
  border-radius: 10px 10px 0 10px;
  font-weight: 400;
  font-size: 15px;
  line-height: 18px;
  letter-spacing: 0;
  padding: 15px 20.5px 15px 24px;   /* text @276.5 in a 130x48 box at x252 (37:388) */
  margin: 0.5px 0 -4.5px;          /* 11px under the bubble it answers, 8px above the next */
}
.hdcw-typing {
  background: #EDEDED;
  border-color: #C7C7C7;
  border-radius: 10px 10px 10px 0;
  padding: 17px 22px 17px 21px;
}
/* "Searching our stock..." (2030:573, 19:537): Figtree ITALIC 12 #6D6D6D at
 * x20 - italic on this artwork, upright on mmc3's. */
.hdcw-status { font-size: 12px; line-height: 14px; font-style: italic; margin: 2px 0 5px 4px; }

/* ---------- Openers (lozenge 12:145 / 6001:1006 / 6001:1031 / 2023:430):
 * four 361x72 r10 pills at x16 (tops y220 / y301 / y379), #EEEEEE with a 2px
 * WHITE inside stroke and a 0/4/4 25% shadow; "Something else" is the same
 * pill 65 tall at y460. Titles REM Medium 16/20, captions Figtree Regular
 * 12/14 three px under them, the 6x12 chevron 17.5px from the right edge. */
.hdcw-opener { gap: 8px; margin: 0 5px 0 0; }   /* 361 wide: x16..377 */
/* The pill stack opens 30px under the greeting bubble (y190 -> y220 on
 * 01-home); the context CTA block, which has no "Something else", keeps the
 * widget's own spacing. */
.hdcw-opener:has(.hdcw-op-else) { margin-top: 21px; }
.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: 2px solid #fff;
  border-radius: 10px;
  background:
    url("data:image/svg+xml;charset=utf-8,%3Csvg%20width=%228%22%20height=%2214%22%20viewBox=%22-1%20-1%208%2014%22%20fill=%22none%22%20xmlns=%22http://www.w3.org/2000/svg%22%3E%0A%3Cpath%20d=%22M5.40984e-09%201.215L1.00917%202.18156e-07L6%206L1.00917%2012L4.23728e-07%2010.785L3.97792%206L5.40984e-09%201.215Z%22%20fill=%22black%22/%3E%0A%3C/svg%3E") no-repeat right 16.5px top 27.5px / 8px 14px border-box,
    #EEEEEE;
  color: #000000;
  text-align: left;
  box-shadow: 0 4px 4px rgba(0,0,0,.25);
}
.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: 14px 30px 17px 77px;  /* 2 + 14 + 20 title + 3 + 14 caption + 17 + 2 = 72 */
  font-family: 'REM', var(--hdcw-font);
  font-size: 16px;
  font-weight: 500;
  line-height: 20px;
}
/* The stock-alert pill draws its title 3px further in than the other two
 * (6001:1036 @98 against 30002:639 / 6001:1011 @95). */
.hdcw-opener button.hdcw-op-alert { padding-left: 80px; }
/* The artwork's four pill tops are y220 / y301 / y379 / y460 - gaps of 9, 6
 * and 9, not one uniform gap. With the 8px flex gap these two margins put
 * every pill on its own drawn row. */
.hdcw-opener button.hdcw-op-quiz { margin-top: 2px; margin-bottom: -2px; }
.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: #E4E4E4; opacity: 1; }
/* Glyph boxes = the export + its 1px bezel, placed from the padding box
 * (artwork offset - the 2px border - 1px bezel). */
.hdcw-opener button.hdcw-op-used::before,
.hdcw-opener button.hdcw-op-new::before,
.hdcw-opener button.hdcw-op-quiz::before,
.hdcw-opener button.hdcw-op-alert::before,
.hdcw-opener button.hdcw-op-else::before {
  content: '';
  position: absolute;
  background: center / contain no-repeat;
}
.hdcw-opener button.hdcw-op-used::before,
.hdcw-opener button.hdcw-op-new::before { left: 22px; top: 17.5px; width: 27px; height: 28px; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width=%2227%22%20height=%2228%22%20viewBox=%22-1%20-1%2027%2028%22%20fill=%22none%22%20xmlns=%22http://www.w3.org/2000/svg%22%3E%0A%3Cpath%20d=%22M3.3148%205.2L2.95499%205.8132C2.01203%207.414%203.20685%209.4%205.11014%209.4H18.8873C20.7905%209.4%2021.9854%207.414%2021.0449%205.8132L20.6851%205.2M5.79627%2016.6V17.8C5.79627%2018.1183%205.66555%2018.4235%205.43286%2018.6485C5.20018%2018.8736%204.8846%2019%204.55553%2019H3.16963C2.86706%2019.0002%202.57484%2018.8935%202.34794%2018.6999C2.12104%2018.5063%201.9751%2018.2392%201.93758%2017.9488L1.03805%2010.9876C0.905372%209.9572%201.12174%208.91298%201.6547%208.0116L5.0816%202.2096C5.29865%201.84209%205.61233%201.53664%205.99082%201.32421C6.36931%201.11177%206.79915%200.999925%207.23676%201H16.7631C17.2007%200.999925%2017.6306%201.11177%2018.0091%201.32421C18.3875%201.53664%2018.7012%201.84209%2018.9183%202.2096L22.3452%208.0104C22.8784%208.91212%2023.0948%209.95681%2022.9618%2010.9876L22.061%2017.9488C22.0236%2018.239%2021.8778%2018.5059%2021.6512%2018.6995C21.4245%2018.8931%2021.1326%2018.9999%2020.8302%2019H19.4443C19.1153%2019%2018.7997%2018.8736%2018.567%2018.6485C18.3343%2018.4235%2018.2036%2018.1183%2018.2036%2017.8V16.6H5.79627Z%22%20stroke=%22black%22%20stroke-width=%222%22%20stroke-linejoin=%22round%22/%3E%0A%3Cpath%20d=%22M4.752%2013.8941C4.44255%2013.8826%204.14987%2013.7596%203.93517%2013.551C3.72047%2013.3424%203.60037%2013.0642%203.6%2012.7747V11.9896C3.59994%2011.8924%203.62689%2011.7969%203.67821%2011.7124C3.72953%2011.6279%203.80345%2011.5573%203.89274%2011.5076C3.98203%2011.4578%204.08361%2011.4306%204.18754%2011.4286C4.29147%2011.4266%204.39418%2011.4498%204.4856%2011.4961L7.776%2013.1561C8.2236%2013.3827%208.0376%2014.0186%207.5288%2013.9996L4.752%2013.8941ZM19.248%2013.8941C19.5577%2013.8826%2019.8505%2013.7594%2020.0652%2013.5506C20.28%2013.3417%2020.3999%2013.0633%2020.4%2012.7736V11.9885C20.4001%2011.8913%2020.3731%2011.7958%2020.3218%2011.7113C20.2705%2011.6268%2020.1965%2011.5562%2020.1073%2011.5065C20.018%2011.4567%2019.9164%2011.4295%2019.8125%2011.4275C19.7085%2011.4254%2019.6058%2011.4487%2019.5144%2011.4949L16.224%2013.155C15.7764%2013.3816%2015.9624%2014.0175%2016.4712%2013.9985L19.248%2013.8941ZM5.79585e-07%206.44866C5.79585e-07%206.2019%200.216001%206%200.480001%206H2.4V8.24329L0.7272%207.85296C0.519315%207.80439%200.334791%207.69221%200.203009%207.53427C0.0712276%207.37634%20-0.000234796%207.18173%205.79585e-07%206.98144V6.44866ZM24%206.44866C24%206.32967%2023.9494%206.21555%2023.8594%206.13141C23.7694%206.04727%2023.6473%206%2023.52%206H21.6V8.24329L23.2728%207.85296C23.4807%207.80439%2023.6652%207.69221%2023.797%207.53427C23.9288%207.37634%2024.0002%207.18173%2024%206.98144V6.44866Z%22%20fill=%22%230F87C8%22/%3E%0A%3Cellipse%20cx=%2212.5%22%20cy=%2224.5%22%20rx=%2212.5%22%20ry=%221.5%22%20fill=%22%230080C5%22/%3E%0A%3C/svg%3E"); }
.hdcw-opener button.hdcw-op-quiz::before { left: 20.5px; top: 17.5px; width: 29px; height: 29px; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width=%2229%22%20height=%2229%22%20viewBox=%22-1%20-1%2029%2029%22%20fill=%22none%22%20xmlns=%22http://www.w3.org/2000/svg%22%3E%0A%3Cpath%20d=%22M9.87546%2025.018V11.9946C9.87546%2011.1722%2010.2022%2010.3835%2010.7837%209.80203C11.3652%209.22052%2012.1539%208.89383%2012.9763%208.89383C13.7986%208.89383%2014.5873%209.22052%2015.1689%209.80203C15.7504%2010.3835%2016.0771%2011.1722%2016.0771%2011.9946V18.8164H21.0383C22.3542%2018.8164%2023.6161%2019.3391%2024.5465%2020.2695C25.4769%2021.1999%2025.9996%2022.4619%2025.9996%2023.7777V25.018%22%20stroke=%22black%22%20stroke-width=%222.00075%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22/%3E%0A%3Cpath%20d=%22M6.90223%2019.5495C5.09098%2018.7854%203.55614%2017.4867%202.50291%2015.8268C1.44969%2014.167%200.928274%2012.2252%201.00839%2010.261C1.0885%208.29683%201.76633%206.40392%202.95123%204.83536C4.13614%203.2668%205.77165%202.09735%207.63911%201.48336C9.50657%200.869365%2011.517%200.840099%2013.4015%201.39947C15.286%201.95884%2016.9549%203.08019%2018.185%204.61359C19.415%206.147%2020.1477%208.01937%2020.2849%209.98037C20.4222%2011.9414%2019.9575%2013.8976%2018.953%2015.5874%22%20stroke=%22%230080C5%22%20stroke-width=%222.00075%22%20stroke-linecap=%22round%22/%3E%0A%3C/svg%3E"); }
.hdcw-opener button.hdcw-op-alert::before { left: 20px; top: 13.5px; width: 32px; height: 26px; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width=%2232%22%20height=%2226%22%20viewBox=%22-1%20-1%2032%2026%22%20fill=%22none%22%20xmlns=%22http://www.w3.org/2000/svg%22%3E%0A%3Cpath%20d=%22M6.29365%2010.0612L11.2565%2014.2087C11.7259%2014.6013%2012.3094%2014.8153%2012.9108%2014.8153C13.5121%2014.8153%2014.0955%2014.6013%2014.565%2014.2087M24.8214%2013.4643V19.3087C24.8214%2020.042%2024.5426%2020.7452%2024.0462%2021.2638C23.5499%2021.7824%2022.8766%2022.0736%2022.1746%2022.0736H3.64682C2.94484%2022.0736%202.27161%2021.7824%201.77523%2021.2638C1.27886%2020.7452%201%2020.042%201%2019.3087V5.48374C1%204.75042%201.27886%204.04713%201.77523%203.52859C2.27161%203.01006%202.94484%202.71875%203.64682%202.71875H16.8594%22%20stroke=%22black%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22/%3E%0A%3Cpath%20d=%22M25.9219%2010.875C25.9219%2011.3557%2025.7309%2011.8167%2025.391%2012.1566C25.0511%2012.4966%2024.59%2012.6875%2024.1094%2012.6875C23.6287%2012.6875%2023.1677%2012.4966%2022.8278%2012.1566C22.4878%2011.8167%2022.2969%2011.3557%2022.2969%2010.875H25.9219ZM28.6406%209.96875H18.7625C18.6183%209.96875%2018.48%209.91148%2018.378%209.80943C18.276%209.70748%2018.2188%209.56918%2018.2188%209.425C18.2188%209.28072%2018.276%209.14243%2018.378%209.04048C18.48%208.93851%2018.6183%208.88121%2018.7625%208.88121H19.5781V5.43744C19.5781%203.24429%2021.1369%201.41365%2023.2077%200.996766C23.195%200.870759%2023.2089%200.743495%2023.2484%200.623186C23.288%200.502878%2023.3524%200.392197%2023.4373%200.29828C23.5223%200.204362%2023.626%200.129296%2023.7417%200.0779196C23.8575%200.0265438%2023.9828%200%2024.1094%200C24.236%200%2024.3612%200.0265438%2024.477%200.0779196C24.5928%200.129296%2024.6964%200.204362%2024.7815%200.29828C24.8664%200.392197%2024.9307%200.502878%2024.9703%200.623186C25.0098%200.743495%2025.0238%200.870759%2025.0111%200.996766C26.0352%201.20509%2026.956%201.76091%2027.6174%202.57013C28.2788%203.37937%2028.6403%204.39229%2028.6406%205.43744V8.88121H29.4563C29.6004%208.88121%2029.7387%208.93851%2029.8408%209.04048C29.9427%209.14243%2030%209.28072%2030%209.425C30%209.56918%2029.9427%209.70748%2029.8408%209.80943C29.7387%209.91148%2029.6004%209.96875%2029.4563%209.96875H28.6406Z%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-family: var(--hdcw-font);
  font-size: 12px;
  font-weight: 400;
  line-height: 14px;
  letter-spacing: 0;
  color: #000000;
}
/* The artwork's captions, number included (the standard's ruling): a fixed
 * "67", not a live count. Update it here if the stock level changes a lot. */
.hdcw-opener button.hdcw-op-used::after { content: '67 vehicles in stock'; }
.hdcw-opener button.hdcw-op-new::after { content: 'Browse 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" (2023:430): the same pill, 65 tall, title @97,482,
 * "?" 13x21 @47,482, chevron 18.5px from the right edge. */
.hdcw-opener .hdcw-else.hdcw-op-else {
  min-height: 65px;
  padding: 20px 30px 21px 79px;
  font-family: 'REM', var(--hdcw-font);
  font-size: 16px;
  font-weight: 500;
  line-height: 20px;
  background:
    url("data:image/svg+xml;charset=utf-8,%3Csvg%20width=%228%22%20height=%2214%22%20viewBox=%22-1%20-1%208%2014%22%20fill=%22none%22%20xmlns=%22http://www.w3.org/2000/svg%22%3E%0A%3Cpath%20d=%22M5.40984e-09%201.215L1.00917%202.18156e-07L6%206L1.00917%2012L4.23728e-07%2010.785L3.97792%206L5.40984e-09%201.215Z%22%20fill=%22black%22/%3E%0A%3C/svg%3E") no-repeat right 17.5px top 25.5px / 8px 14px border-box,
    #EEEEEE;
}
.hdcw-opener button.hdcw-op-else::before { left: 28px; top: 18px; width: 15px; height: 23px; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width=%2215%22%20height=%2223%22%20viewBox=%22-1%20-1%2015%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=%22M0.814028%206.0515C0.327754%206.0515%20-0.0660596%205.63675%200.00927867%205.14675C0.480143%202.17%202.6992%200%206.55001%200C10.4025%200%2013%202.38%2013%205.62625C13%207.97825%2011.8614%209.63025%209.9351%2010.829C8.05164%2011.9822%207.514%2012.7855%207.514%2014.3465V14.399C7.514%2014.6311%207.4238%2014.8536%207.26325%2015.0177C7.1027%2015.1818%206.88494%2015.274%206.65788%2015.274H5.33946C5.11388%2015.274%204.89741%2015.183%204.7371%2015.0208C4.5768%2014.8586%204.4856%2014.6383%204.48335%2014.4077L4.47821%2014.0577C4.40458%2011.921%205.29495%2010.556%207.29484%209.31175C9.05844%208.20575%209.68683%207.3255%209.68683%205.76275C9.68683%204.0495%208.38895%202.79125%206.38906%202.79125C4.66142%202.79125%203.46114%203.717%203.07075%205.24475C2.95775%205.68925%202.59475%206.0515%202.14615%206.0515H0.814028ZM5.98669%2021C7.0517%2021%207.86158%2020.1705%207.86158%2019.0925C7.86158%2018.011%207.0517%2017.1815%205.98669%2017.1815C4.94907%2017.1815%204.12549%2018.011%204.12549%2019.0908C4.12549%2020.1705%204.94907%2021%205.98669%2021Z%22%20fill=%22black%22/%3E%0A%3C/svg%3E"); }

/* Context CTA ("Tell me about this car" 19:683): 349x50, r10, flat #0080C5,
 * white Figtree SemiBold 15, centred. */
.hdcw-opener button.hdcw-op-ctx {
  min-height: 50px;
  margin: 0 4px 0 8px;           /* 349 wide at x24 (03-browse-auto) */
  border: 0;
  border-radius: 10px;
  padding: 15px 0;
  background: #0080C5;
  color: #fff;
  font-size: 15px;
  font-weight: 600;
  line-height: 20px;
  box-shadow: none;
}
.hdcw-opener button.hdcw-op-ctx:hover { background: #0080C5; opacity: .9; }

/* ---------- Chips (item 16:212): 31px white, r10, NO border, 0/4/4 25%
 * shadow, Figtree Regular 12/13 black, centred, 5px gaps both ways, rows
 * starting 2px in from the bubble edge (x18). Selected = a 1px black stroke
 * ("Adventurous" 37:328, "Automatic (155)" 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: 7.5px 16px 8.5px;     /* 16 keeps the artwork's four POPULAR rows (17 wraps a fifth) */     /* text cap line 9.5px under the chip top */
  font-size: 12px;
  line-height: 13px;
  letter-spacing: 0;
  box-shadow: 0 4px 4px rgba(0,0,0,.25);
}
.hdcw-chip:hover { background: #F4F4F4; border-color: transparent; color: #000000; }
.hdcw-chip--sel { border-color: #000000; box-shadow: 0 4px 4px rgba(0,0,0,.25); font-weight: 400; }
/* The artwork's selected chip is a 1px stroke and nothing else. Bootstrap's
 * reboot (SMC3 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): ARCHIVO Bold 11 #6D6D6D at x24, 13px
 * under a bubble and 10px above its chip row. */
.hdcw-ghead {
  font-family: 'Archivo', var(--hdcw-font);
  font-weight: 700;
  letter-spacing: 0;
  font-size: 11px;
  line-height: 13px;
  margin: 1px 6px 1px 8px;
}
.hdcw-chips + .hdcw-ghead { margin-top: 6px; }
/* Quiz answers sit flush with the bubble at x16 (37:328), where the stock
 * rows under a section head start at x18 (16:226). */
.hdcw-bot + .hdcw-chips { padding-left: 0; margin-top: -2px; row-gap: 4px; }

/* ---------- Car cards ("csr search" 19:566): 176 wide, 14px apart, white,
 * 1px #E4E6EA, r10, 244 tall. Photo 176x113 square-topped. Body 12px in:
 * title Figtree Regular 12/12, price Bold 12/19, monthly Medium 12/16, meta
 * Regular 10/16. Flush split action bar: Details (77, white, #E4E6EA rule) |
 * I'm Interested (99, #0080C5, white ink), both Regular 12/13 ls -1%. */
.hdcw-cars { gap: 14px; margin-top: -2px; }   /* 11px under the bubble that introduces them (42:720 -> 2023:448) */
.hdcw-ncgrid { gap: 14px; }
.hdcw-car { border-radius: 0 0 10px 10px; border-color: #E4E6EA; }
.hdcw-car img.hdcw-carimg, .hdcw-car .hdcw-noimg { height: 113px; }
.hdcw-car .hdcw-carbody { padding: 8px 11px 8px; }   /* 244 tall with the bar (19:538) */
/* Model chips 10px under the card strip (2023:448 -> 42:747). */
.hdcw-cars + .hdcw-chips { margin-top: -7px; }
.hdcw-car h4.hdcw-cartitle {
  /* name every property: Bootstrap's h4 rule would win otherwise */
  margin: 0;
  font-family: var(--hdcw-font);
  font-size: 12px;
  font-weight: 400;
  line-height: 14px;
  letter-spacing: .01em;
  color: #000000;
  max-height: 28px;
}
.hdcw-car .hdcw-price { color: #000000; font-size: 12px; font-weight: 700; line-height: 19px; margin-top: 2px; }
.hdcw-car .hdcw-mo { color: #000000; font-size: 12px; font-weight: 500; line-height: 16px; }
.hdcw-car .hdcw-meta { color: #000000; font-size: 10px; line-height: 16px; margin-top: 0; }
.hdcw-ncgrid .hdcw-carbody { padding: 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: 31px;
  padding: 9px 0;
  font-size: 12px;
  font-weight: 400;
  line-height: 13px;
  letter-spacing: -.01em;
  background: #fff;
  color: #000000;
}
.hdcw-car .hdcw-pick:hover { background: #F4F4F4; color: #000000; }
.hdcw-car .hdcw-pick--primary {
  flex: 99 0 0;
  border-left: 1px solid #E4E6EA;
  border-radius: 0 0 9px 0;
  background: #0080C5;
  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: #0080C5; opacity: .85; color: #fff; }

/* ---------- Footer (24:712): an #E4E6EA band 400x129. Input 299x51 @21,20,
 * r10, 1px #000, placeholder Figtree Regular 14 (ls 1%) 23px in. Send: the
 * 52px #0080C5 circle 6px right of it. Disclosure Figtree Regular 12/15,
 * black, centred in a 275px box, 17px above the panel foot. */
.hdcw-input {
  background: #E4E6EA;
  border-top: 0;
  padding: 20px 22px 10px 21px;  /* the 52px send sets the row: 20 + 52 + 10 */
  gap: 6px;
}
.hdcw-input input {
  box-sizing: border-box;
  height: 51px;
  border-radius: 10px;
  padding: 3px 20px 0 23px;
  font-size: 14px;
  line-height: 47px;
  letter-spacing: .01em;
}
.hdcw-input input::placeholder { color: #000000; opacity: 1; font: inherit; }
.hdcw-input input::-webkit-input-placeholder { color: #000000; opacity: 1; font: inherit; }
.hdcw-input input:focus { border-color: #0080C5; }
.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=%22M34.6749%2015.2145C34.5425%2015.1019%2034.3816%2015.0302%2034.2109%2015.0076C34.0403%2014.9851%2033.8669%2015.0127%2033.7109%2015.0873L15%2024.0882V25.8299L22.859%2029.0516L27.9%2037H29.5998L34.9704%2016.1636C35.014%2015.993%2035.0093%2015.8132%2034.957%2015.6451C34.9047%2015.4771%2034.8068%2015.3278%2034.6749%2015.2145ZM28.5503%2035.3388L24.2173%2028.5067L30.885%2021.0221L29.83%2020.035L23.1102%2027.5778L16.6304%2024.9215L33.3024%2016.9012L28.5503%2035.3388Z%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: .01em;
  padding: 2px 64px 16px 60px;   /* the artwork prints its lines 2px left of centre (2008:473) */
}
/* The home artboard (01-home, the opener list) prints the T&C link plain;
 * every other artboard underlines it (rows 691.5-700 against 691.5-702).
 * The opener list is the selector: it goes as soon as a button is tapped. */
.hdcw-powered a.hdcw-tc { color: #000000; text-decoration: underline; }
.hdcw-panel:has(.hdcw-op-else) .hdcw-powered a.hdcw-tc { text-decoration: none; }
.hdcw-powered a.hdcw-tc:hover { color: #0080C5; }
.hdcw-powered > div { display: inline; }
.hdcw-powered > div:first-child::after { content: '.   '; white-space: pre; }

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

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