@import url('https://fonts.googleapis.com/css2?family=Lato:wght@400&family=Nunito+Sans:ital,wght@1,400&family=Zalando+Sans:wght@700&display=swap');
/* CON-937 chat widget branding - Autocollection Prestige Cars (apc, template
 * APC). Source of truth: the designer's Figma "Auto Collection (Ai Assistant)
 * (Copy)" (EeXkBh8C7smLy5UlyaHeUj): the node dump, SVG exports of its nodes,
 * and the 16 @2x artboard PNGs, which outrank the dump wherever they disagree.
 * Tooling and QA: tickets/CON-937/ (DESIGN-apc.md, qa-apc/).
 *
 * Red, black and white: a red header band (#EB1A23 on the left, a narrow
 * #DB4047 gloss, #BE0D15 on the right) carrying the dealer's "A" letterform
 * in #BE0D14; the same red style on the context CTA, the card's "I'm
 * Interested" button, the send circle and the launcher pill. Black ink
 * everywhere (the APC site's own --primary-color), #BE0D15 only inside the
 * glyphs and on the chevrons. #EDEDED bot bubbles with a #C7C7C7 stroke and a
 * squared bottom-left corner on a WHITE ground; black user bubbles with a
 * squared bottom-right corner; white lozenges with a 1px BLACK stroke and
 * white chips, both on a 0/4/4 25% shadow; #E4E6EA footer band and card
 * borders.
 * Type: Montserrat (loaded by the site), plus Lato for the disclosure and
 * card buttons, Nunito Sans Italic for the status line and Zalando Sans Bold
 * for the chip section heads (imported above - the site does not load them).
 * The panel is 400x720 = the designer's artboard, so offsets transfer 1:1.
 *
 * Regenerate with tickets/CON-937/build-theme-apc.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: #BE0D15;
  --hdcw-on-accent: #fff;
  --hdcw-font: 'Montserrat', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
  --hdcw-bg: #fff;
  --hdcw-surface: #fff;         /* Rectangle 8 is ai-white; the #F5F6F8 pane is gone */
  --hdcw-text: #000000;
  --hdcw-muted: #6D6D6D;        /* POPULAR/LIFESTYLE/MAKES, "Searching our stock..." */
  --hdcw-faint: #C7C7C7;        /* typing dots (decorative) */
  --hdcw-footer: #000000;         /* disclosure - the symbol's #504949 renders black */
  --hdcw-border: #000000;         /* input stroke 24:705 */
  --hdcw-border-soft: #E4E6EA;
  --hdcw-radius: 15px;          /* panel 1:7 */
  --hdcw-radius-bubble: 10px;
  --hdcw-head-bg: #BE0D15;
  --hdcw-head-color: #fff;
  --hdcw-user-bg: #000000;
  --hdcw-user-color: #fff;
  --hdcw-link: #000000;
  --hdcw-btn-bg: linear-gradient(301.4deg, #BE0D15 44.1%, #DB4047 51.8%, #EB1A23 61.1%);
  --hdcw-btn-color: #fff;
}

/* ---------- Launcher (widget 14002:641): the designer's own 258x60 lockup.
 * On the 400x653 home artboard the pill ends 10px from the right edge and
 * 8px from the foot; the export's shadow margin is 4px right / 7px bottom.
 * No mobile shift: CON-937 hides the template's stock-alert floater where
 * the chat runs (CON-927 pattern), so the pill owns the corner. */
.hdcw-fab {
  width: 258px;
  height: 60px;
  right: 6px;                   /* pill 10px off the right edge (03-home) */
  bottom: 1px;                  /* and 8px off the bottom */
  max-width: calc(100vw - 12px);
  border-radius: 0;
  background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width=%22258%22%20height=%2260%22%20viewBox=%220%200%20258%2060%22%20fill=%22none%22%20xmlns=%22http://www.w3.org/2000/svg%22%3E%3Cg%3E%3Cg%3E%3Cg%20filter=%22url(%23filter0_d_14002_641)%22%3E%3Crect%20x=%22254%22%20y=%2253%22%20width=%22250%22%20height=%2252%22%20rx=%2210%22%20transform=%22rotate(-180%20254%2053)%22%20fill=%22url(%23paint0_linear_14002_641)%22/%3E%3Crect%20x=%22253%22%20y=%2252%22%20width=%22248%22%20height=%2250%22%20rx=%229%22%20transform=%22rotate(-180%20253%2052)%22%20stroke=%22white%22%20stroke-opacity=%220.8%22%20stroke-width=%222%22/%3E%3C/g%3E%3C/g%3E%3Cg%3E%3Cg%3E%3Cpath%20d=%22M230.773%2021.9503L234.173%2020.6753L230.773%2019.3991L229.498%2016.0004L228.222%2019.3991L224.823%2020.6753L228.222%2021.9503L229.498%2025.3503L230.773%2021.9503ZM237.573%2028.7503L241.823%2027.0503L237.573%2025.3503L235.873%2021.1004L234.173%2025.3503L229.923%2027.0503L234.173%2028.7503L235.873%2033.0003L237.573%2028.7503Z%22%20fill=%22white%22/%3E%3C/g%3E%3C/g%3E%3Cg%3E%3Cg%3E%3Cpath%20d=%22M17.85%2015.1499L17.025%2012.9499L16.1992%2015.1499L14%2015.9749L16.1992%2016.8007L17.025%2018.9999L17.85%2016.8007L20.05%2015.9749L17.85%2015.1499ZM22.25%2010.7499L21.15%207.99988L20.05%2010.7499L17.3%2011.8499L20.05%2012.9499L21.15%2015.6999L22.25%2012.9499L25%2011.8499L22.25%2010.7499Z%22%20fill=%22white%22/%3E%3C/g%3E%3C/g%3E%3Cg%3E%3Cpath%20d=%22M35.8506%2032.1247C34.5725%2032.1247%2033.3666%2031.8242%2032.2994%2031.2934L35.3594%2025.3516L37.2383%2029.0001H41.539L35.3594%2017L23%2041H27.3007L30.472%2034.8415C32.0883%2035.6454%2033.915%2036.0998%2035.8506%2036.0998C40.1384%2036.0998%2043.8971%2033.8769%2046%2030.5405H40.6264C39.3009%2031.5337%2037.6462%2032.1247%2035.8506%2032.1247Z%22%20fill=%22white%22/%3E%3Cpath%20d=%22M40%2036L42.6739%2041H47L44.3261%2036H40Z%22%20fill=%22white%22/%3E%3Cpath%20d=%22M46%2018.3452C43.9048%2015.1372%2040.1596%2013%2035.8871%2013C29.3221%2013%2024%2018.0458%2024%2024.2699C24%2026.3621%2024.6021%2028.3209%2025.65%2030L28.1181%2025.3753C28.0614%2025.0147%2028.0315%2024.6455%2028.0315%2024.2699C28.0315%2020.1566%2031.5486%2016.822%2035.8871%2016.822C37.6763%2016.822%2039.3253%2017.39%2040.6458%2018.345H46V18.3452Z%22%20fill=%22white%22/%3E%3C/g%3E%3Cg%3E%3Cpath%20d=%22M70.688%2034L65.856%2022.8H68.656L72.88%2032.72H71.232L75.52%2022.8H78.096L73.248%2034H70.688Z%22%20fill=%22white%22/%3E%3Cpath%20d=%22M79.0114%2034V25.392H81.5074V34H79.0114ZM80.2594%2024.192C79.8007%2024.192%2079.4274%2024.0587%2079.1394%2023.792C78.8514%2023.5254%2078.7074%2023.1947%2078.7074%2022.8C78.7074%2022.4054%2078.8514%2022.0747%2079.1394%2021.808C79.4274%2021.5414%2079.8007%2021.408%2080.2594%2021.408C80.7181%2021.408%2081.0914%2021.536%2081.3794%2021.792C81.6674%2022.0374%2081.8114%2022.3574%2081.8114%2022.752C81.8114%2023.168%2081.6674%2023.5147%2081.3794%2023.792C81.1021%2024.0587%2080.7287%2024.192%2080.2594%2024.192Z%22%20fill=%22white%22/%3E%3Cpath%20d=%22M83.8239%2034V25.392H86.2079V27.824L85.8719%2027.12C86.1279%2026.512%2086.5386%2026.0534%2087.1039%2025.744C87.6692%2025.424%2088.3572%2025.264%2089.1679%2025.264V27.568C89.0612%2027.5574%2088.9652%2027.552%2088.8799%2027.552C88.7946%2027.5414%2088.7039%2027.536%2088.6079%2027.536C87.9252%2027.536%2087.3706%2027.7334%2086.9439%2028.128C86.5279%2028.512%2086.3199%2029.1147%2086.3199%2029.936V34H83.8239Z%22%20fill=%22white%22/%3E%3Cpath%20d=%22M94.4689%2034.128C93.4556%2034.128%2092.6662%2033.872%2092.1009%2033.36C91.5356%2032.8374%2091.2529%2032.064%2091.2529%2031.04V23.488H93.7489V31.008C93.7489%2031.3707%2093.8449%2031.6534%2094.0369%2031.856C94.2289%2032.048%2094.4902%2032.144%2094.8209%2032.144C95.2156%2032.144%2095.5516%2032.0374%2095.8289%2031.824L96.5009%2033.584C96.2449%2033.7654%2095.9356%2033.904%2095.5729%2034C95.2209%2034.0854%2094.8529%2034.128%2094.4689%2034.128ZM89.9249%2027.312V25.392H95.8929V27.312H89.9249Z%22%20fill=%22white%22/%3E%3Cpath%20d=%22M101.534%2034.128C100.819%2034.128%20100.179%2033.9894%2099.614%2033.712C99.0593%2033.4347%2098.6274%2033.0134%2098.318%2032.448C98.0087%2031.872%2097.854%2031.1414%2097.854%2030.256V25.392H100.35V29.888C100.35%2030.6027%20100.499%2031.1307%20100.798%2031.472C101.107%2031.8027%20101.539%2031.968%20102.094%2031.968C102.478%2031.968%20102.819%2031.888%20103.118%2031.728C103.417%2031.5574%20103.651%2031.3014%20103.822%2030.96C103.993%2030.608%20104.078%2030.1707%20104.078%2029.648V25.392H106.574V34H104.206V31.632L104.638%2032.32C104.35%2032.9174%20103.923%2033.3707%20103.358%2033.68C102.803%2033.9787%20102.195%2034.128%20101.534%2034.128Z%22%20fill=%22white%22/%3E%3Cpath%20d=%22M114.166%2034V32.32L114.006%2031.952V28.944C114.006%2028.4107%20113.841%2027.9947%20113.51%2027.696C113.19%2027.3974%20112.694%2027.248%20112.022%2027.248C111.564%2027.248%20111.11%2027.3227%20110.662%2027.472C110.225%2027.6107%20109.852%2027.8027%20109.542%2028.048L108.646%2026.304C109.116%2025.9734%20109.681%2025.7174%20110.342%2025.536C111.004%2025.3547%20111.676%2025.264%20112.358%2025.264C113.67%2025.264%20114.689%2025.5734%20115.414%2026.192C116.14%2026.8107%20116.502%2027.776%20116.502%2029.088V34H114.166ZM111.542%2034.128C110.87%2034.128%20110.294%2034.016%20109.814%2033.792C109.334%2033.5574%20108.966%2033.2427%20108.71%2032.848C108.454%2032.4534%20108.326%2032.0107%20108.326%2031.52C108.326%2031.008%20108.449%2030.56%20108.694%2030.176C108.95%2029.792%20109.35%2029.4934%20109.894%2029.28C110.438%2029.056%20111.148%2028.944%20112.022%2028.944H114.31V30.4H112.294C111.708%2030.4%20111.302%2030.496%20111.078%2030.688C110.865%2030.88%20110.758%2031.12%20110.758%2031.408C110.758%2031.728%20110.881%2031.984%20111.126%2032.176C111.382%2032.3574%20111.729%2032.448%20112.166%2032.448C112.582%2032.448%20112.956%2032.352%20113.286%2032.16C113.617%2031.9574%20113.857%2031.664%20114.006%2031.28L114.39%2032.432C114.209%2032.9867%20113.878%2033.408%20113.398%2033.696C112.918%2033.984%20112.3%2034.128%20111.542%2034.128Z%22%20fill=%22white%22/%3E%3Cpath%20d=%22M118.761%2034V22.128H121.257V34H118.761Z%22%20fill=%22white%22/%3E%3Cpath%20d=%22M126.809%2034L131.801%2022.8H134.361L139.369%2034H136.649L132.553%2024.112H133.577L129.465%2034H126.809ZM129.305%2031.6L129.993%2029.632H135.753L136.457%2031.6H129.305Z%22%20fill=%22white%22/%3E%3Cpath%20d=%22M143.173%2034.128C142.437%2034.128%20141.728%2034.0427%20141.045%2033.872C140.373%2033.6907%20139.84%2033.4667%20139.445%2033.2L140.277%2031.408C140.672%2031.6534%20141.136%2031.856%20141.669%2032.016C142.213%2032.1654%20142.746%2032.24%20143.269%2032.24C143.845%2032.24%20144.25%2032.1707%20144.485%2032.032C144.73%2031.8934%20144.853%2031.7014%20144.853%2031.456C144.853%2031.2534%20144.757%2031.104%20144.565%2031.008C144.384%2030.9014%20144.138%2030.8214%20143.829%2030.768C143.52%2030.7147%20143.178%2030.6614%20142.805%2030.608C142.442%2030.5547%20142.074%2030.4854%20141.701%2030.4C141.328%2030.304%20140.986%2030.1654%20140.677%2029.984C140.368%2029.8027%20140.117%2029.5574%20139.925%2029.248C139.744%2028.9387%20139.653%2028.5387%20139.653%2028.048C139.653%2027.504%20139.808%2027.024%20140.117%2026.608C140.437%2026.192%20140.896%2025.8667%20141.493%2025.632C142.09%2025.3867%20142.805%2025.264%20143.637%2025.264C144.224%2025.264%20144.821%2025.328%20145.429%2025.456C146.037%2025.584%20146.544%2025.7707%20146.949%2026.016L146.117%2027.792C145.701%2027.5467%20145.28%2027.3814%20144.853%2027.296C144.437%2027.2%20144.032%2027.152%20143.637%2027.152C143.082%2027.152%20142.677%2027.2267%20142.421%2027.376C142.165%2027.5254%20142.037%2027.7174%20142.037%2027.952C142.037%2028.1654%20142.128%2028.3254%20142.309%2028.432C142.501%2028.5387%20142.752%2028.624%20143.061%2028.688C143.37%2028.752%20143.706%2028.8107%20144.069%2028.864C144.442%2028.9067%20144.816%2028.976%20145.189%2029.072C145.562%2029.168%20145.898%2029.3067%20146.197%2029.488C146.506%2029.6587%20146.757%2029.8987%20146.949%2030.208C147.141%2030.5067%20147.237%2030.9014%20147.237%2031.392C147.237%2031.9254%20147.077%2032.4%20146.757%2032.816C146.437%2033.2214%20145.973%2033.5414%20145.365%2033.776C144.768%2034.0107%20144.037%2034.128%20143.173%2034.128Z%22%20fill=%22white%22/%3E%3Cpath%20d=%22M151.673%2034.128C150.937%2034.128%20150.228%2034.0427%20149.545%2033.872C148.873%2033.6907%20148.34%2033.4667%20147.945%2033.2L148.777%2031.408C149.172%2031.6534%20149.636%2031.856%20150.169%2032.016C150.713%2032.1654%20151.246%2032.24%20151.769%2032.24C152.345%2032.24%20152.75%2032.1707%20152.985%2032.032C153.23%2031.8934%20153.353%2031.7014%20153.353%2031.456C153.353%2031.2534%20153.257%2031.104%20153.065%2031.008C152.884%2030.9014%20152.638%2030.8214%20152.329%2030.768C152.02%2030.7147%20151.678%2030.6614%20151.305%2030.608C150.942%2030.5547%20150.574%2030.4854%20150.201%2030.4C149.828%2030.304%20149.486%2030.1654%20149.177%2029.984C148.868%2029.8027%20148.617%2029.5574%20148.425%2029.248C148.244%2028.9387%20148.153%2028.5387%20148.153%2028.048C148.153%2027.504%20148.308%2027.024%20148.617%2026.608C148.937%2026.192%20149.396%2025.8667%20149.993%2025.632C150.59%2025.3867%20151.305%2025.264%20152.137%2025.264C152.724%2025.264%20153.321%2025.328%20153.929%2025.456C154.537%2025.584%20155.044%2025.7707%20155.449%2026.016L154.617%2027.792C154.201%2027.5467%20153.78%2027.3814%20153.353%2027.296C152.937%2027.2%20152.532%2027.152%20152.137%2027.152C151.582%2027.152%20151.177%2027.2267%20150.921%2027.376C150.665%2027.5254%20150.537%2027.7174%20150.537%2027.952C150.537%2028.1654%20150.628%2028.3254%20150.809%2028.432C151.001%2028.5387%20151.252%2028.624%20151.561%2028.688C151.87%2028.752%20152.206%2028.8107%20152.569%2028.864C152.942%2028.9067%20153.316%2028.976%20153.689%2029.072C154.062%2029.168%20154.398%2029.3067%20154.697%2029.488C155.006%2029.6587%20155.257%2029.8987%20155.449%2030.208C155.641%2030.5067%20155.737%2030.9014%20155.737%2031.392C155.737%2031.9254%20155.577%2032.4%20155.257%2032.816C154.937%2033.2214%20154.473%2033.5414%20153.865%2033.776C153.268%2034.0107%20152.537%2034.128%20151.673%2034.128Z%22%20fill=%22white%22/%3E%3Cpath%20d=%22M157.277%2034V25.392H159.773V34H157.277ZM158.525%2024.192C158.066%2024.192%20157.693%2024.0587%20157.405%2023.792C157.117%2023.5254%20156.973%2023.1947%20156.973%2022.8C156.973%2022.4054%20157.117%2022.0747%20157.405%2021.808C157.693%2021.5414%20158.066%2021.408%20158.525%2021.408C158.984%2021.408%20159.357%2021.536%20159.645%2021.792C159.933%2022.0374%20160.077%2022.3574%20160.077%2022.752C160.077%2023.168%20159.933%2023.5147%20159.645%2023.792C159.368%2024.0587%20158.994%2024.192%20158.525%2024.192Z%22%20fill=%22white%22/%3E%3Cpath%20d=%22M164.986%2034.128C164.25%2034.128%20163.54%2034.0427%20162.858%2033.872C162.186%2033.6907%20161.652%2033.4667%20161.258%2033.2L162.09%2031.408C162.484%2031.6534%20162.948%2031.856%20163.482%2032.016C164.026%2032.1654%20164.559%2032.24%20165.082%2032.24C165.658%2032.24%20166.063%2032.1707%20166.298%2032.032C166.543%2031.8934%20166.666%2031.7014%20166.666%2031.456C166.666%2031.2534%20166.57%2031.104%20166.378%2031.008C166.196%2030.9014%20165.951%2030.8214%20165.642%2030.768C165.332%2030.7147%20164.991%2030.6614%20164.618%2030.608C164.255%2030.5547%20163.887%2030.4854%20163.514%2030.4C163.14%2030.304%20162.799%2030.1654%20162.49%2029.984C162.18%2029.8027%20161.93%2029.5574%20161.738%2029.248C161.556%2028.9387%20161.466%2028.5387%20161.466%2028.048C161.466%2027.504%20161.62%2027.024%20161.93%2026.608C162.25%2026.192%20162.708%2025.8667%20163.306%2025.632C163.903%2025.3867%20164.618%2025.264%20165.45%2025.264C166.036%2025.264%20166.634%2025.328%20167.242%2025.456C167.85%2025.584%20168.356%2025.7707%20168.762%2026.016L167.93%2027.792C167.514%2027.5467%20167.092%2027.3814%20166.666%2027.296C166.25%2027.2%20165.844%2027.152%20165.45%2027.152C164.895%2027.152%20164.49%2027.2267%20164.234%2027.376C163.978%2027.5254%20163.85%2027.7174%20163.85%2027.952C163.85%2028.1654%20163.94%2028.3254%20164.122%2028.432C164.314%2028.5387%20164.564%2028.624%20164.874%2028.688C165.183%2028.752%20165.519%2028.8107%20165.882%2028.864C166.255%2028.9067%20166.628%2028.976%20167.002%2029.072C167.375%2029.168%20167.711%2029.3067%20168.01%2029.488C168.319%2029.6587%20168.57%2029.8987%20168.762%2030.208C168.954%2030.5067%20169.05%2030.9014%20169.05%2031.392C169.05%2031.9254%20168.89%2032.4%20168.57%2032.816C168.25%2033.2214%20167.786%2033.5414%20167.178%2033.776C166.58%2034.0107%20165.85%2034.128%20164.986%2034.128Z%22%20fill=%22white%22/%3E%3Cpath%20d=%22M174.11%2034.128C173.096%2034.128%20172.307%2033.872%20171.742%2033.36C171.176%2032.8374%20170.894%2032.064%20170.894%2031.04V23.488H173.39V31.008C173.39%2031.3707%20173.486%2031.6534%20173.678%2031.856C173.87%2032.048%20174.131%2032.144%20174.462%2032.144C174.856%2032.144%20175.192%2032.0374%20175.47%2031.824L176.142%2033.584C175.886%2033.7654%20175.576%2033.904%20175.214%2034C174.862%2034.0854%20174.494%2034.128%20174.11%2034.128ZM169.566%2027.312V25.392H175.534V27.312H169.566Z%22%20fill=%22white%22/%3E%3Cpath%20d=%22M182.541%2034V32.32L182.381%2031.952V28.944C182.381%2028.4107%20182.216%2027.9947%20181.885%2027.696C181.565%2027.3974%20181.069%2027.248%20180.397%2027.248C179.939%2027.248%20179.485%2027.3227%20179.037%2027.472C178.6%2027.6107%20178.227%2027.8027%20177.917%2028.048L177.021%2026.304C177.491%2025.9734%20178.056%2025.7174%20178.717%2025.536C179.379%2025.3547%20180.051%2025.264%20180.733%2025.264C182.045%2025.264%20183.064%2025.5734%20183.789%2026.192C184.515%2026.8107%20184.877%2027.776%20184.877%2029.088V34H182.541ZM179.917%2034.128C179.245%2034.128%20178.669%2034.016%20178.189%2033.792C177.709%2033.5574%20177.341%2033.2427%20177.085%2032.848C176.829%2032.4534%20176.701%2032.0107%20176.701%2031.52C176.701%2031.008%20176.824%2030.56%20177.069%2030.176C177.325%2029.792%20177.725%2029.4934%20178.269%2029.28C178.813%2029.056%20179.523%2028.944%20180.397%2028.944H182.685V30.4H180.669C180.083%2030.4%20179.677%2030.496%20179.453%2030.688C179.24%2030.88%20179.133%2031.12%20179.133%2031.408C179.133%2031.728%20179.256%2031.984%20179.501%2032.176C179.757%2032.3574%20180.104%2032.448%20180.541%2032.448C180.957%2032.448%20181.331%2032.352%20181.661%2032.16C181.992%2031.9574%20182.232%2031.664%20182.381%2031.28L182.765%2032.432C182.584%2032.9867%20182.253%2033.408%20181.773%2033.696C181.293%2033.984%20180.675%2034.128%20179.917%2034.128Z%22%20fill=%22white%22/%3E%3Cpath%20d=%22M187.136%2034V25.392H189.52V27.776L189.072%2027.056C189.382%2026.48%20189.824%2026.0374%20190.4%2025.728C190.976%2025.4187%20191.632%2025.264%20192.368%2025.264C193.051%2025.264%20193.659%2025.4027%20194.192%2025.68C194.736%2025.9467%20195.163%2026.3627%20195.472%2026.928C195.782%2027.4827%20195.936%2028.1974%20195.936%2029.072V34H193.44V29.456C193.44%2028.7627%20193.286%2028.2507%20192.976%2027.92C192.678%2027.5894%20192.251%2027.424%20191.696%2027.424C191.302%2027.424%20190.944%2027.5094%20190.624%2027.68C190.315%2027.84%20190.07%2028.0907%20189.888%2028.432C189.718%2028.7734%20189.632%2029.2107%20189.632%2029.744V34H187.136Z%22%20fill=%22white%22/%3E%3Cpath%20d=%22M201.719%2034.128C200.706%2034.128%20199.916%2033.872%20199.351%2033.36C198.786%2032.8374%20198.503%2032.064%20198.503%2031.04V23.488H200.999V31.008C200.999%2031.3707%20201.095%2031.6534%20201.287%2031.856C201.479%2032.048%20201.74%2032.144%20202.071%2032.144C202.466%2032.144%20202.802%2032.0374%20203.079%2031.824L203.751%2033.584C203.495%2033.7654%20203.186%2033.904%20202.823%2034C202.471%2034.0854%20202.103%2034.128%20201.719%2034.128ZM197.175%2027.312V25.392H203.143V27.312H197.175Z%22%20fill=%22white%22/%3E%3C/g%3E%3C/g%3E%3Cdefs%3E%3Cfilter%20id=%22filter0_d_14002_641%22%20x=%220%22%20y=%220%22%20width=%22258%22%20height=%2260%22%20filterUnits=%22userSpaceOnUse%22%20color-interpolation-filters=%22sRGB%22%3E%3CfeFlood%20flood-opacity=%220%22%20result=%22BackgroundImageFix%22/%3E%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%3CfeOffset%20dy=%223%22/%3E%3CfeGaussianBlur%20stdDeviation=%222%22/%3E%3CfeComposite%20in2=%22hardAlpha%22%20operator=%22out%22/%3E%3CfeColorMatrix%20type=%22matrix%22%20values=%220%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200.4%200%22/%3E%3CfeBlend%20mode=%22normal%22%20in2=%22BackgroundImageFix%22%20result=%22effect1_dropShadow_14002_641%22/%3E%3CfeBlend%20mode=%22normal%22%20in=%22SourceGraphic%22%20in2=%22effect1_dropShadow_14002_641%22%20result=%22shape%22/%3E%3C/filter%3E%3ClinearGradient%20id=%22paint0_linear_14002_641%22%20x1=%22373%22%20y1=%22131.5%22%20x2=%22333.627%22%20y2=%22114.96%22%20gradientUnits=%22userSpaceOnUse%22%3E%3Cstop%20stop-color=%22%23BE0D15%22/%3E%3Cstop%20offset=%220.45145%22%20stop-color=%22%23DB4047%22/%3E%3Cstop%20offset=%221%22%20stop-color=%22%23EB1A23%22/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E") center / contain no-repeat;
  box-shadow: none;
  z-index: 1030;                /* under the site's Bootstrap modals (1050) */
}
.hdcw-fab > svg { display: none; }
.hdcw-fab:hover { transform: scale(1.02); }

/* ---------- Header (24:711): an 81px red band, the "A" letterform at
 * x88.75. Mark 44x44 at x11 y15; title Montserrat Bold 18/20 white at x79
 * y23; subtitle Montserrat Medium 13 white UNDER the title at x80 y46. */
.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 11px;
  gap: 0;
  background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width=%22148%22%20height=%2281%22%20viewBox=%220%200%20148%2081%22%20fill=%22none%22%20xmlns=%22http://www.w3.org/2000/svg%22%3E%3Cpath%20d=%22M117.616%2029.334H88.7656L76.1611%204.8584L55.6338%2044.7178C62.7924%2048.2791%2070.8824%2050.2949%2079.4561%2050.2949C91.5017%2050.2949%20102.601%2046.3299%20111.493%2039.667H147.542C133.435%2062.0491%20108.22%2076.9609%2079.4561%2076.9609C66.4718%2076.9609%2054.2173%2073.9134%2043.375%2068.5205L36.9482%2081H8.09863L49.8115%200H102.511L117.616%2029.334ZM138.83%2081H109.81L107.292%2076.292H136.312L138.83%2081ZM27.0664%200C27.1522%201.69608%2027.3251%203.37017%2027.584%205.01758L11.0273%2036.042C4.39943%2025.422%200.432151%2013.1335%200%200H27.0664Z%22%20fill=%22%23BE0D14%22/%3E%3C/svg%3E") no-repeat 88.75px 0 / 148px 81px, linear-gradient(293.3deg, #BE0D15 44.1%, #DB4047 51.8%, #EB1A23 61.1%);
  color: #fff;
}
.hdcw-head::before {
  content: '';
  flex: 0 0 44px;
  height: 44px;
  margin: 15px 24px 0 0;
  background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width=%2244%22%20height=%2244%22%20viewBox=%220%200%2044%2044%22%20fill=%22none%22%20xmlns=%22http://www.w3.org/2000/svg%22%3E%3Cg%3E%3Cg%3E%3Cg%3E%3Cpath%20d=%22M5.13331%209.5333L4.03331%206.59998L2.93221%209.5333L4.64796e-07%2010.6333L2.93221%2011.7343L4.03331%2014.6666L5.13331%2011.7343L8.06662%2010.6333L5.13331%209.5333ZM11%203.66663L9.5333%20-4.16714e-07L8.06662%203.66663L4.39999%205.13331L8.06662%206.59998L9.5333%2010.2666L11%206.59998L14.6666%205.13331L11%203.66663Z%22%20fill=%22white%22/%3E%3C/g%3E%3C/g%3E%3Cg%3E%3Cpath%20d=%22M29.134%2032.1663C27.4299%2032.1663%2025.822%2031.7657%2024.3991%2031.0579L28.4791%2023.1356L30.9843%2028.0002H36.7185L28.4791%2012.0001L12%2044H17.7342L21.9626%2035.7887C24.1176%2036.8606%2026.5533%2037.4664%2029.134%2037.4664C34.8511%2037.4664%2039.8626%2034.5026%2042.6665%2030.054H35.5017C33.7344%2031.3783%2031.5282%2032.1663%2029.134%2032.1663Z%22%20fill=%22white%22/%3E%3Cpath%20d=%22M34.6665%2037.3333L38.2316%2044H43.9998L40.4347%2037.3333H34.6665Z%22%20fill=%22white%22/%3E%3Cpath%20d=%22M42.6665%2013.7936C39.8729%209.51639%2034.8793%206.66678%2029.1827%206.66678C20.4294%206.66678%2013.3333%2013.3944%2013.3333%2021.6932C13.3333%2024.4828%2014.1361%2027.0946%2015.5333%2029.3334L18.8241%2023.1671C18.7485%2022.6863%2018.7086%2022.1941%2018.7086%2021.6932C18.7086%2016.2089%2023.398%2011.7627%2029.1827%2011.7627C31.5683%2011.7627%2033.7669%2012.5201%2035.5276%2013.7934H42.6665V13.7936Z%22%20fill=%22white%22/%3E%3C/g%3E%3C/g%3E%3C/svg%3E") center / contain no-repeat;
}
.hdcw-head > div { margin-top: 23px; min-width: 0; padding-right: 12px; }
.hdcw-head b {
  font-family: var(--hdcw-font);
  font-size: 18px;
  line-height: 20px;
  font-weight: 700;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.hdcw-head small {
  display: block;
  margin-top: 3px;
  margin-left: 1px;
  opacity: 1;
  font-size: 13px;
  font-weight: 500;
  line-height: 16px;
  white-space: nowrap;
}
/* Nav icons: right edge 18px in, gaps 17 and 19, flex:none. */
.hdcw-reset, .hdcw-exp, .hdcw-close {
  flex: none;
  align-self: flex-start;
  padding: 0;
  font-size: 0;
  color: #fff;
  background-repeat: no-repeat;
  background-position: center;
}
.hdcw-reset {
  width: 22px;
  height: 18px;
  margin: 23px 0 0 auto;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width=%2222%22%20height=%2218%22%20viewBox=%220%200%2022%2018%22%20fill=%22none%22%20xmlns=%22http://www.w3.org/2000/svg%22%3E%3Cg%3E%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%3Cpath%20d=%22M1%209L5%205L9%209%22%20stroke=%22white%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22/%3E%3C/g%3E%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%3Cpath%20d=%22M1.2002%2012V14.7998H4V16H0V12H1.2002ZM16%2016H12V14.7998H14.7998V12H16V16ZM16%204H14.7998V1.2002H12V0H16V4ZM4%201.2002H1.2002V4H0V0H4V1.2002Z%22%20fill=%22white%22/%3E%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%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%3C/svg%3E");
  background-size: 17px 17px;
}
/* The APC site's Bootstrap adds `button:focus { outline: 5px auto }`, so a
 * clicked nav icon (expand, reset) kept a blue ring the artwork never draws.
 * Mouse and touch focus drop it; keyboard focus keeps a visible ring. */
.hdcw-reset:focus:not(:focus-visible),
.hdcw-exp:focus:not(:focus-visible),
.hdcw-close:focus:not(:focus-visible) { outline: 0; }

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

/* Bubbles. Bot (1:14 / 4048:711 / 42:720): #EDEDED, 1px #C7C7C7 inside
 * stroke, r10 with the BOTTOM-LEFT corner square, Montserrat Regular 14 on a
 * 17px pitch (auto), 1% tracking, text 22px in, fixed 334px (91%) wide.
 * User (4048:708 / 42:676): #000000, white Montserrat Regular 14, r10 with
 * the BOTTOM-RIGHT corner square, 48 tall. */
.hdcw-msg {
  max-width: 91%;
  padding: 15px 22px;
  font-size: 14px;
  line-height: 17px;
  letter-spacing: .01em;
}
.hdcw-bot {
  width: 91%;
  box-sizing: border-box;
  background: #EDEDED;
  border-color: #C7C7C7;
  border-radius: 10px 10px 10px 0;
  /* one-line bubble 49 tall (4048:711); first-line ink 17.5-18.5px under the
   * top edge across the artboards */
  padding: 14.5px 22px 15.5px 21px;
}
/* Bold runs inside answers are SemiBold on every artboard ("186 used
 * vehicles" 16:206, "155 automatic cars" 19:516); only the greeting's first
 * sentence is Bold (1:11, below). */
.hdcw-bot b, .hdcw-bot strong { font-weight: 600; }
/* links (16-browse-auto 19:516): black, underlined, SemiBold */
.hdcw-bot a.hdcw-link { font-weight: 600; color: #000000; }

/* The greeting (1:11 in a 95px bubble on all 8 artboards that draw it): its
 * bold sentence sits on a 17px line, the next line on a 24px one, so line 2
 * starts 24.5px under line 1 and 7.5px lower than every other bubble's pitch;
 * text 14px under the top, 23px above the foot (01-chat, 11-something-else,
 * 15-browse, 16-browse-auto; the three quiz frames differ by 5px, minority).
 * The widget renders the greeting as the FIRST bubble, followed by the opener
 * box or, once an opener is tapped, by that flow's first bubble. A replayed
 * transcript (after a page change) never contains the greeting, and its first
 * bubble is followed by a chip head, chips or a user bubble - so the sibling
 * test keeps "Our **daily stock alert**..." and "We have **N used cars**..."
 * out of this rule. Browsers without :has() simply keep the 17px pitch. */
.hdcw-msgs > .hdcw-bot:first-child:has(+ .hdcw-opener, + .hdcw-bot) {
  padding-top: 13.5px;
  padding-bottom: 21px;
}
.hdcw-msgs > .hdcw-bot:first-child:has(+ .hdcw-opener, + .hdcw-bot) > strong:first-child {
  display: inline-block;
  margin-bottom: 7.5px;
  font-weight: 700;
}
/* Greeting -> next bubble: 15px on 11-something-else, 15-browse and
 * 16-browse-auto; 11px in the help-me-choose flow (02/04/05-help), whose
 * intro bubble is followed straight by the first question bubble. */
.hdcw-msgs > .hdcw-bot:first-child + .hdcw-bot { margin-top: 5px; }
.hdcw-msgs > .hdcw-bot:first-child + .hdcw-bot:has(+ .hdcw-bot) { margin-top: 1px; }

/* An answer that carries links ("Great! We have 155 automatic cars..." 19:515
 * on 16-browse-auto, the only artboard answer with links) is a WHITE bubble
 * with a #E4E6EA stroke, set on a 19px line, text 28px under the top edge
 * and 11px above the foot (node box 284 wide @22,28 in 334x419). */
.hdcw-msgs > .hdcw-bot:has(a.hdcw-link) {
  background: #fff;
  border-color: #E4E6EA;
  line-height: 19px;
  padding: 28px 28px 10px 21px;  /* its text box is 284 wide (@22 in 334): wraps like the artwork */
}
.hdcw-user { border-radius: 10px 10px 0 10px; font-weight: 400; padding: 17px 24px 14px 20px; }  /* 48 tall, ink 19.5px down, 20px in (14-alerts-thanks) */
/* A long user message runs 352px wide (x30..382) on 09-help7 and 10-help8,
 * wider than the bot bubbles' 91%. */
.hdcw-msg.hdcw-user { max-width: 96.2%; }
.hdcw-typing {
  background: #EDEDED;
  border-color: #C7C7C7;
  border-radius: 10px 10px 10px 0;
  padding: 14.5px 22px 15.5px 21px;
}
/* "Searching our stock..." (19:537): Nunito Sans Italic 12, #6D6D6D, x20. */
.hdcw-status { font-family: 'Nunito Sans', var(--hdcw-font); font-size: 12px; line-height: 16px; }

/* ---------- Openers (lozenge 12:145): 361x72 white, r10, 1px #000000,
 * 0/4/4 25% shadow; glyph at the artwork's own offsets; title Montserrat
 * Bold 15 at x79 y19; caption Montserrat Regular 12 at x79 y39 (::after -
 * the widget renders one label); chevron 6x12 red at x336.5..342.5,
 * y29.5..41.5. Tops at y203 / 286 / 370 on the artboard, "Something else"
 * at 455. */
.hdcw-opener { gap: 12px; margin: 3px 5px 0 0; }  /* 361 wide: x16..377 */
.hdcw-opener button { position: relative; border-radius: 10px; }
.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;
  box-sizing: border-box;
  background: #fff 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%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%23BE0D15%22/%3E%3C/svg%3E") no-repeat right 17px top 27px / 8px 14px;
  color: #000000;
  text-align: left;
  padding: 17.5px 34px 15px 78px;
  font-size: 15px;
  font-weight: 700;
  line-height: 18px;
  border: 1px solid #000000;
  box-shadow: 0 4px 4px rgba(0,0,0,.25);
}
.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: #F6F6F6; opacity: 1; }
/* Glyph boxes = the export + 1px bezel, placed from the padding box
 * (artwork offset - 1px border - 1px bezel). */
.hdcw-opener button.hdcw-op-used::before,
.hdcw-opener button.hdcw-op-new::before,
.hdcw-opener button.hdcw-op-quiz::before,
.hdcw-opener button.hdcw-op-alert::before,
.hdcw-opener button.hdcw-op-else::before {
  content: '';
  position: absolute;
  background: center / contain no-repeat;
}
.hdcw-opener button.hdcw-op-used::before,
.hdcw-opener button.hdcw-op-new::before { left: 26.5px; top: 19px; width: 26px; height: 26px; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width=%2226%22%20height=%2226%22%20viewBox=%22-1%20-1%2026%2026%22%20fill=%22none%22%20xmlns=%22http://www.w3.org/2000/svg%22%3E%3Cg%3E%3Cg%3E%3Cpath%20d=%22M11.8932%200.253089C16.9252%200.253089%2021.0133%204.34114%2021.0133%209.3732C21.0113%2011.3428%2020.3669%2013.2547%2019.1853%2014.8255L23.6421%2019.2822L21.8131%2021.1112L17.3563%2016.6545C15.8403%2017.7947%2013.9475%2018.4823%2011.9041%2018.4824C6.872%2018.4824%202.78395%2014.3944%202.78395%209.36232C2.78396%204.33029%206.86115%200.253101%2011.8932%200.253089ZM11.9041%202.83539C8.30944%202.83539%205.37615%205.76771%205.37614%209.36232C5.37614%2012.9569%208.30943%2015.8893%2011.9041%2015.8893C15.4985%2015.889%2018.431%2012.9568%2018.431%209.36232C18.431%205.76785%2015.4985%202.83562%2011.9041%202.83539Z%22%20fill=%22black%22/%3E%3Cpath%20d=%22M11.8932%200.253089C16.9252%200.253089%2021.0133%204.34114%2021.0133%209.3732C21.0113%2011.3428%2020.3669%2013.2547%2019.1853%2014.8255L23.6421%2019.2822L21.8131%2021.1112L17.3563%2016.6545C15.8403%2017.7947%2013.9475%2018.4823%2011.9041%2018.4824C6.872%2018.4824%202.78395%2014.3944%202.78395%209.36232C2.78396%204.33029%206.86115%200.253101%2011.8932%200.253089ZM11.9041%202.83539C8.30944%202.83539%205.37615%205.76771%205.37614%209.36232C5.37614%2012.9569%208.30943%2015.8893%2011.9041%2015.8893C15.4985%2015.889%2018.431%2012.9568%2018.431%209.36232C18.431%205.76785%2015.4985%202.83562%2011.9041%202.83539Z%22%20stroke=%22black%22%20stroke-width=%220.5%22/%3E%3Cpath%20d=%22M11.8932%200.253089C16.9252%200.253089%2021.0133%204.34114%2021.0133%209.3732C21.0113%2011.3428%2020.3669%2013.2547%2019.1853%2014.8255L23.6421%2019.2822L21.8131%2021.1112L17.3563%2016.6545C15.8403%2017.7947%2013.9475%2018.4823%2011.9041%2018.4824C6.872%2018.4824%202.78395%2014.3944%202.78395%209.36232C2.78396%204.33029%206.86115%200.253101%2011.8932%200.253089ZM11.9041%202.83539C8.30944%202.83539%205.37615%205.76771%205.37614%209.36232C5.37614%2012.9569%208.30943%2015.8893%2011.9041%2015.8893C15.4985%2015.889%2018.431%2012.9568%2018.431%209.36232C18.431%205.76785%2015.4985%202.83562%2011.9041%202.83539Z%22%20stroke=%22black%22%20stroke-opacity=%220.2%22%20stroke-width=%220.5%22/%3E%3C/g%3E%3Cg%3E%3Cpath%20d=%22M13.2329%207.52035L11.6421%203.54325L10.0512%207.52035L6.07411%209.11121L10.0512%2010.7021L11.6421%2014.6792L13.2329%2010.7021L17.21%209.11121L13.2329%207.52035Z%22%20fill=%22%23EB1A23%22/%3E%3Cpath%20d=%22M4.73277%2018.7201L3.7186%2016.0157L2.70342%2018.7201L1.62545e-07%2019.7343L2.70342%2020.7494L3.7186%2023.4529L4.73277%2020.7494L7.4372%2019.7343L4.73277%2018.7201Z%22%20fill=%22%23EB1A23%22/%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); }
.hdcw-opener button.hdcw-op-quiz::before { left: 31px; top: 16px; width: 22px; height: 28px; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width=%2222%22%20height=%2228%22%20viewBox=%22-1%20-1%2022%2028%22%20fill=%22none%22%20xmlns=%22http://www.w3.org/2000/svg%22%3E%3Cg%3E%3Cpath%20fill-rule=%22evenodd%22%20clip-rule=%22evenodd%22%20d=%22M12.9008%2013.1289V7.96251C12.9008%206.08107%2011.3305%204.55002%209.40082%204.55002C7.47114%204.55002%205.90083%206.08107%205.90083%207.96251V15.2403C5.25295%2014.7104%204.44433%2014.4098%203.59502%2014.4098C2.58395%2014.4098%201.61327%2014.8275%200.934206%2015.5562C-0.378917%2016.9592%20-0.293417%2019.1239%201.10033%2020.4402C1.10208%2020.442%201.10277%2020.4439%201.10452%2020.4457L7.00001%2026H20V15.275L12.9008%2013.1289ZM17.3333%2023.4H8.00001C8.00001%2023.4%203.32889%2019.1071%202.87445%2018.7033C2.35739%2018.2441%202.32008%2017.463%202.79114%2016.9587C3.26233%2016.4545%204.06345%2016.4182%204.58058%2016.8775C4.92683%2017.185%207.20257%2019.0125%207.20257%2019.0125L8.2342%2018.4924V7.96245C8.2342%207.33419%208.75657%206.82499%209.40082%206.82499C10.0452%206.82499%2010.5675%207.33425%2010.5675%207.96251V15.1455L17.3333%2017.225V23.4ZM1.50896%209.97595C1.33583%209.33153%201.23421%208.65915%201.23421%207.96251C1.23421%203.57246%204.89758%200%209.40082%200C13.9041%200%2017.5675%203.57246%2017.5675%207.96251C17.5675%208.65915%2017.4659%209.33153%2017.2927%209.97595L14.7632%209.12221C14.8484%208.74769%2014.9008%208.36171%2014.9008%207.96251C14.9008%205.00558%2012.4336%202.60002%209.40082%202.60002C6.36808%202.60002%203.90083%205.00558%203.90083%207.96251C3.90083%208.36178%203.95327%208.74769%204.03845%209.12215L1.50896%209.97595Z%22%20fill=%22black%22/%3E%3Cpath%20fill-rule=%22evenodd%22%20clip-rule=%22evenodd%22%20d=%22M1.50894%209.97595C1.33582%209.33153%201.23419%208.65915%201.23419%207.96251C1.23419%203.57246%204.89756%200%209.40081%200C13.9041%200%2017.5675%203.57246%2017.5675%207.96251C17.5675%208.65915%2017.4659%209.33153%2017.2927%209.97595L14.7632%209.12221C14.8484%208.74769%2014.9008%208.36171%2014.9008%207.96251C14.9008%205.00558%2012.4336%202.60002%209.40081%202.60002C6.36806%202.60002%203.90081%205.00558%203.90081%207.96251C3.90081%208.36178%203.95325%208.74769%204.03844%209.12215L1.50894%209.97595Z%22%20fill=%22%23BE0D15%22/%3E%3C/g%3E%3C/svg%3E"); }
.hdcw-opener button.hdcw-op-alert::before { left: 30px; top: 17px; width: 27px; height: 25px; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width=%2227%22%20height=%2225%22%20viewBox=%22-1%20-1%2027%2025%22%20fill=%22none%22%20xmlns=%22http://www.w3.org/2000/svg%22%3E%3Cg%3E%3Cpath%20d=%22M14.0615%2014.4943C12.9254%2014.4943%2011.8536%2014.2063%2010.9048%2013.6978L13.6247%208.00345L15.2949%2011.5001H19.1178L13.6247%200L2.63861%2023H6.46152L9.28053%2017.0982C10.7173%2017.8686%2012.3409%2018.3042%2014.0613%2018.3042C17.8727%2018.3042%2021.2138%2016.1739%2023.0831%2012.9763H18.3065C17.1283%2013.9283%2015.6577%2014.4943%2014.0615%2014.4943Z%22%20fill=%22black%22/%3E%3Cpath%20d=%22M17.972%2017.8889L20.4124%2023H24.3609L21.9203%2017.8889H17.972Z%22%20fill=%22%23ED1D24%22/%3E%3Cpath%20d=%22M10.0298%202.34876L8.38159%201.569L1.27778%2016.5845L2.92598%2017.3642L10.0298%202.34876Z%22%20fill=%22black%22/%3E%3Cpath%20d=%22M4.90135%204.09916L3.25314%203.3194L5.34188e-06%2010.1956L1.64821%2010.9754L4.90135%204.09916Z%22%20fill=%22black%22/%3E%3C/g%3E%3C/svg%3E"); }
.hdcw-opener button.hdcw-op-used::after,
.hdcw-opener button.hdcw-op-new::after,
.hdcw-opener button.hdcw-op-quiz::after,
.hdcw-opener button.hdcw-op-alert::after {
  /* in flow under the title, not absolute: a title that wraps on a phone
   * pushes the caption down instead of printing over it */
  display: block;
  margin-top: 1px;
  text-align: left;
  font-size: 12px;
  font-weight: 400;
  line-height: 15px;
  letter-spacing: 0;
  color: #000000;
}
/* The artwork's own captions (4019:715 / 6001:1012 / 6001:1037). */
.hdcw-opener button.hdcw-op-used::after { content: 'Handpicked Prestige Cars in stock'; }
/* hdcw-op-new has no artboard (the file draws four openers) and apc sets no
 * *_BRAND_ENABLED, so it only shows if the admin sets show_new_cars=1. Themed
 * consistently: the browse glyph and an invented caption. */
.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" (2023:430): a real lozenge, 361x54, same stroke and
 * shadow. The #2E3094 roundel and white vector under the "?" are hidden MD
 * Cars leftovers; not built. Title @80,17; red "?" @41,14; chevron
 * x337.5 y20.5. */
.hdcw-opener .hdcw-else.hdcw-op-else {
  min-height: 54px;
  box-sizing: border-box;
  text-align: left;
  padding: 16px 34px 18px 79px;
  font-size: 15px;
  font-weight: 700;
  line-height: 18px;
  color: #000000;
  background: #fff 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%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%23BE0D15%22/%3E%3C/svg%3E") no-repeat right 16px top 18px / 8px 14px;
  border: 1px solid #000000;
  box-shadow: 0 4px 4px rgba(0,0,0,.25);
}
.hdcw-opener button.hdcw-op-else::before { left: 39px; top: 12px; 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%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=%22%23BE0D15%22/%3E%3C/svg%3E"); }

/* Context CTA ("Tell me about this car" 19:683, and the "Browse Cars" bar
 * 4028:1288 of the same family): r10, the red style, white Montserrat
 * SemiBold 15. */
.hdcw-opener button.hdcw-op-ctx {
  min-height: 50px;
  margin: 0 4px 0 8px;          /* 349 wide at x24 (16-browse-auto) */
  border-radius: 10px;
  padding: 18px 0 12px;         /* ink 18.5px under the bar top (16-browse-auto) */
  background: linear-gradient(301.4deg, #BE0D15 44.1%, #DB4047 51.8%, #EB1A23 61.1%);
  color: #fff;
  font-size: 15px;
  font-weight: 600;
  line-height: 20px;
}
.hdcw-opener button.hdcw-op-ctx:hover { opacity: .9; }

/* ---------- Chips (item 16:212): 31px white, r10, NO border, 0/4/4 25%
 * shadow, Montserrat Regular 12/13 black, centred, 5px gaps both ways.
 * Rows start 2px in from the bubble edge (x18). Selected = 1px #000000
 * border ("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: 8px 12px;            /* the artwork's chips are hand-sized instances; 12 keeps its row breaks (15-browse) */
  font-size: 12px;
  line-height: 13px;
  letter-spacing: 0;
  box-shadow: 0 4px 4px rgba(0,0,0,.25);
}
.hdcw-chip:hover { background: #F6F6F6; 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: a tapped chip
 * must not 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): Zalando Sans Bold 11, #6D6D6D, x24;
 * 13px under a bubble, 18px under a chip row, 9px above its own chips. */
.hdcw-ghead {
  font-family: 'Zalando Sans', var(--hdcw-font);
  letter-spacing: 0;
  font-size: 11px;
  line-height: 13px;
  margin: 3px 6px -1px 8px;
}
.hdcw-chips + .hdcw-ghead { margin-top: 8px; }

/* ---------- Car cards ("csr search" 19:566): 176 wide, 14px apart, white,
 * 1px #E4E6EA, r10, 244 tall. Photo 176x113 square-topped. Body text 12px
 * in: title Montserrat Regular 12 on a 15px pitch (two lines), price Bold
 * 12, monthly Medium 12, meta Regular 10. Flush split action bar 31px:
 * Details (77, white, #E4E6EA outline) | I'm Interested (99, the red style,
 * white), both Lato 13/13 ls -1%. */
.hdcw-cars { gap: 14px; }
.hdcw-ncgrid { gap: 14px; }
.hdcw-car { border-radius: 0 0 10px 10px; border-color: #E4E6EA; }
.hdcw-car img.hdcw-carimg, .hdcw-car .hdcw-noimg { height: 113px; }
.hdcw-car .hdcw-carbody { padding: 7px 11px 8px; }
.hdcw-car h4.hdcw-cartitle {
  margin: 0;
  font-family: var(--hdcw-font);
  font-size: 12px;
  font-weight: 400;
  line-height: 15px;
  letter-spacing: .01em;
  max-height: 30px;
}
.hdcw-car .hdcw-price { margin-top: 3px; color: #000000; font-size: 12px; font-weight: 700; line-height: 17px; letter-spacing: .01em; }
.hdcw-car .hdcw-mo { margin-top: 1px; color: #000000; font-size: 12px; font-weight: 500; line-height: 16px; letter-spacing: .01em; }
.hdcw-car .hdcw-meta { color: #000000; font-size: 10px; line-height: 16px; margin-top: 0; }
.hdcw-ncgrid .hdcw-carbody { padding: 7px 11px 14px; }
.hdcw-ncgrid h4.hdcw-cartitle { max-height: none; }
.hdcw-car .hdcw-actions { margin: auto 0 0; gap: 0; }
.hdcw-car .hdcw-pick {
  flex: 77 0 0;
  border: 0;
  border-top: 1px solid #E4E6EA;
  border-radius: 0 0 0 9px;
  min-height: 30px;
  padding: 7px 0 8px 6px;       /* "Details" ink sits right of centre (text @22 in the 77 box, 08-help6) */
  font-family: 'Lato', var(--hdcw-font);
  font-size: 13px;
  font-weight: 400;
  line-height: 13px;
  letter-spacing: -.01em;
  background: #fff;
  color: #000000;
}
.hdcw-car .hdcw-pick:hover { background: #F6F6F6; color: #000000; }
.hdcw-car .hdcw-pick--primary {
  flex: 99 0 0;
  padding: 7px 0 8px;
  border-top-color: #E4E6EA;
  border-radius: 0 0 9px 0;
  background: linear-gradient(74.4deg, #BE0D15 44.1%, #DB4047 51.8%, #EB1A23 61.1%);
  color: #fff;
}
.hdcw-car .hdcw-pick--primary:only-child { border-radius: 0 0 9px 9px; }
.hdcw-car .hdcw-pick--primary:hover { background: linear-gradient(74.4deg, #BE0D15 44.1%, #DB4047 51.8%, #EB1A23 61.1%); opacity: .85; color: #fff; }

/* ---------- Footer (24:712): #E4E6EA band 400x129. Input 299x51, r10, 1px
 * #000000, placeholder Montserrat Regular 14 ls 1% black, 22px in. Send:
 * the red 52px circle. Disclosure: Lato Regular 12/15 ls 1%, black, centred
 * in a 270px box, T&C underlined (12 of the 14 panel artboards), 17px
 * above the panel foot. */
.hdcw-input {
  background: #E4E6EA;
  border-top: 0;
  padding: 20px 21px 10px;
  gap: 7px;
}
.hdcw-input input {
  box-sizing: border-box;
  height: 51px;
  border-radius: 10px;
  padding: 0 20px 2px 21.5px;     /* placeholder ink x43.5, rows 630.5-644 */
  font-size: 14px;
  line-height: 47px;
  letter-spacing: .01em;
}
/* font: inherit - APC's style.css 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: #000000; }
.hdcw-send {
  width: 52px;
  height: 52px;
  padding: 0;
  background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width=%2252%22%20height=%2252%22%20viewBox=%220%200%2052%2052%22%20fill=%22none%22%20xmlns=%22http://www.w3.org/2000/svg%22%3E%3Cg%3E%3Ccircle%20cx=%2226%22%20cy=%2226%22%20r=%2226%22%20fill=%22url(%23paint0_linear_2003_411)%22/%3E%3Cpath%20d=%22M33.9976%2018.5485L16.3743%2020.5289C16.1336%2020.5541%2015.9056%2020.6492%2015.7183%2020.8024C15.531%2020.9557%2015.3926%2021.1604%2015.3203%2021.3914C15.1677%2021.8675%2015.3071%2022.3692%2015.6784%2022.704L20.7116%2027.2L26.225%2023.7952L27.0105%2025.0672L21.5014%2028.4694L23.2647%2034.9788C23.3978%2035.4608%2023.7839%2035.81%2024.278%2035.8869C24.5168%2035.9253%2024.7616%2035.8936%2024.9827%2035.7956C25.2039%2035.6976%2025.3918%2035.5376%2025.5238%2035.3349L35.1877%2020.4756C35.4517%2020.0657%2035.4571%2019.5511%2035.2023%2019.1385C34.9448%2018.7216%2034.4849%2018.5002%2034.0002%2018.5527L33.9976%2018.5485Z%22%20fill=%22white%22/%3E%3C/g%3E%3Cdefs%3E%3ClinearGradient%20id=%22paint0_linear_2003_411%22%20x1=%2224.752%22%20y1=%2278.5%22%20x2=%2215.1901%22%20y2=%2277.6645%22%20gradientUnits=%22userSpaceOnUse%22%3E%3Cstop%20stop-color=%22%23BE0D15%22/%3E%3Cstop%20offset=%220.45145%22%20stop-color=%22%23DB4047%22/%3E%3Cstop%20offset=%221%22%20stop-color=%22%23EB1A23%22/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E") center / 52px 52px no-repeat;
}
.hdcw-send svg { display: none; }
.hdcw-send:disabled { opacity: .4; }
.hdcw-powered {
  background: #E4E6EA;
  font-family: 'Lato', var(--hdcw-font);
  font-size: 12px;
  line-height: 15px;
  letter-spacing: .01em;
  padding: 0 62px 17px 58px;    /* ink rows 676-687 / 691-702, x65.5-332 (14-alerts-thanks) */
}
.hdcw-powered a.hdcw-tc { color: #000000; }
.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 360px phone: the iOS zoom guard below sets the input to 16px, and with
 * the desktop 21.5px inset the placeholder was clipped at "you lik". */
@media (max-width: 360px) {
  .hdcw-input input { padding: 0 10px 2px 14px; }
}

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