/* CON-1004 chat widget branding - Car Care Motor Co (ccmc, template CCMC).
 * Source of truth: the designer's Figma "Car Care Motor Co (Ai Assistant)"
 * (file Zv3rhBk7vpDQDfHy6IYRqw), read through the REST API, and its 16 @2x
 * artboard PNGs, which outrank the node dump wherever the two disagree.
 * Tooling and QA: tickets/CON-1004/qa-ccmc/; design notes:
 * tickets/CON-1004/DESIGN-ccmc.md. Glyphs are SVG exports of the file's own
 * nodes, each cross-checked against the artboards.
 *
 * Black and yellow: a flat #000000 header with the yellow car-bubble mark,
 * #000000 user bubbles, chevrons and context CTA; WHITE r10 openers with a
 * 1px #B7B7B7 stroke and #D4BB03 glyphs; #D4BB03 send circle (black plane)
 * and card "I'm Interested" action (black ink). #EDEDED bot bubbles with a
 * #C7C7C7 stroke and a squared bottom-left corner on a WHITE ground; white
 * chips on a 0/4/4 25% shadow; #E4E6EA footer band and card borders. The
 * launcher is the designer's black pill + yellow roundel lockup.
 * Type: Lexend throughout (the CCMC site loads it, weights 100-800).
 * The panel is 400x720 = the designer's artboard, so offsets transfer 1:1.
 *
 * Regenerate with tickets/CON-1004/build-theme-ccmc.py - edit the generator,
 * never this file.
 *
 * Served at /chat-theme; loaded by the widget AFTER its built-in stylesheet.
 */

.hdcw-fab,.hdcw-panel {
  --hdcw-accent: #000000;
  --hdcw-on-accent: #fff;
  --hdcw-font: 'Lexend', 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;        /* POPULAR/LIFESTYLE/MAKES, "Searching our stock..." */
  --hdcw-faint: #C7C7C7;        /* typing dots (decorative) */
  --hdcw-footer: #000000;         /* disclosure - the instances override #504949 */
  --hdcw-border: #000000;         /* input stroke 24:705 */
  --hdcw-border-soft: #E4E6EA;
  --hdcw-radius: 15px;          /* panel 1:7, header 1:9 */
  --hdcw-radius-bubble: 10px;
  --hdcw-head-bg: #000000;
  --hdcw-head-color: #fff;
  --hdcw-user-bg: #000000;
  --hdcw-user-color: #fff;
  --hdcw-link: #000000;
  --hdcw-btn-bg: #D4BB03;
  --hdcw-btn-color: #000000;
  --hdcw-fab-gap: 4px;          /* the export's 8px shadow margin + 4 = the lockup 12px above a bottom bar */
}

/* ---------- Launcher (64001:700): the designer's own 167x76 export. On the
 * 400x720 home artboard the lockup (163x68) ends 7px from the right and 15px
 * from the bottom; the export carries 4px of shadow right of the roundel and
 * 8px below it. */
.hdcw-fab {
  width: 167px;
  height: 76px;
  right: 3px;
  bottom: 7px;
  max-width: calc(100vw - 4px);
  border-radius: 0;
  background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width=%22167%22%20height=%2276%22%20viewBox=%220%200%20167%2076%22%20fill=%22none%22%20xmlns=%22http://www.w3.org/2000/svg%22%3E%0A%3Crect%20y=%2210%22%20width=%22152%22%20height=%2250%22%20rx=%2210%22%20fill=%22black%22%20fill-opacity=%220.95%22/%3E%0A%3Cg%20filter=%22url(%23filter0_d_64001_700)%22%3E%0A%3Ccircle%20cx=%22129%22%20cy=%2234%22%20r=%2234%22%20fill=%22%23D4BB03%22/%3E%0A%3C/g%3E%0A%3Cpath%20d=%22M113.628%2011.4819L113.083%2013.1588C112.914%2013.6689%20112.628%2014.1323%20112.248%2014.5122C111.868%2014.892%20111.405%2015.1776%20110.895%2015.3462L109.216%2015.8911L109.183%2015.9005C109.054%2015.946%20108.942%2016.0306%20108.863%2016.1425C108.783%2016.2544%20108.741%2016.3881%20108.741%2016.5252C108.741%2016.6623%20108.783%2016.7961%20108.863%2016.908C108.942%2017.0199%20109.054%2017.1044%20109.183%2017.15L110.86%2017.6949C111.37%2017.8633%20111.834%2018.1488%20112.215%2018.5286C112.595%2018.9084%20112.881%2019.372%20113.05%2019.8822L113.595%2021.5576C113.641%2021.6869%20113.725%2021.799%20113.837%2021.8782C113.949%2021.9575%20114.083%2022%20114.22%2022C114.357%2022%20114.491%2021.9575%20114.603%2021.8782C114.715%2021.799%20114.799%2021.6869%20114.845%2021.5576L115.389%2019.8822C115.585%2019.289%20115.939%2018.7603%20116.412%2018.3525C116.754%2018.0554%20117.151%2017.8287%20117.581%2017.6855L119.26%2017.1406C119.389%2017.095%20119.501%2017.0105%20119.58%2016.8986C119.66%2016.7867%20119.702%2016.653%20119.702%2016.5158C119.702%2016.3787%20119.66%2016.245%20119.58%2016.1331C119.501%2016.0212%20119.389%2015.9366%20119.26%2015.8911L117.581%2015.3462C117.077%2015.1732%20116.62%2014.8857%20116.246%2014.5061C115.872%2014.1266%20115.591%2013.6654%20115.425%2013.1588L114.881%2011.4835C114.835%2011.3536%20114.751%2011.241%20114.639%2011.1613C114.527%2011.0816%20114.393%2011.0388%20114.255%2011.0388C114.118%2011.0388%20113.984%2011.0816%20113.871%2011.1613C113.759%2011.241%20113.675%2011.3536%20113.63%2011.4835%22%20fill=%22white%22/%3E%0A%3Cpath%20d=%22M122.757%209.2605L122.416%2010.3086C122.31%2010.6274%20122.132%2010.917%20121.894%2011.1544C121.657%2011.3918%20121.367%2011.5703%20121.048%2011.6757L119.999%2012.0163L119.979%2012.0221C119.898%2012.0506%20119.828%2012.1034%20119.778%2012.1734C119.729%2012.2433%20119.702%2012.3269%20119.702%2012.4126C119.702%2012.4983%20119.729%2012.5819%20119.778%2012.6518C119.828%2012.7218%20119.898%2012.7746%20119.979%2012.8031L121.027%2013.1436C121.346%2013.2489%20121.636%2013.4273%20121.873%2013.6647C122.111%2013.9021%20122.29%2014.1918%20122.395%2014.5107L122.736%2015.5578C122.764%2015.6387%20122.817%2015.7087%20122.887%2015.7582C122.957%2015.8077%20123.041%2015.8343%20123.126%2015.8343C123.212%2015.8343%20123.296%2015.8077%20123.366%2015.7582C123.436%2015.7087%20123.488%2015.6387%20123.517%2015.5578L123.857%2014.5107C123.98%2014.14%20124.201%2013.8095%20124.496%2013.5546C124.71%2013.3689%20124.959%2013.2273%20125.227%2013.1377L126.276%2012.7972C126.357%2012.7687%20126.427%2012.7159%20126.477%2012.6459C126.526%2012.576%20126.553%2012.4924%20126.553%2012.4067C126.553%2012.321%20126.526%2012.2374%20126.477%2012.1675C126.427%2012.0976%20126.357%2012.0447%20126.276%2012.0163L125.227%2011.6757C124.912%2011.5676%20124.627%2011.3879%20124.393%2011.1506C124.159%2010.9134%20123.983%2010.6252%20123.88%2010.3086L123.539%209.26148C123.511%209.1803%20123.458%209.10993%20123.388%209.06013C123.318%209.01034%20123.234%208.98358%20123.148%208.98358C123.063%208.98358%20122.979%209.01034%20122.909%209.06013C122.839%209.10993%20122.786%209.1803%20122.758%209.26148%22%20fill=%22white%22/%3E%0A%3Cpath%20d=%22M27.06%2032L23.154%2022.2H25.38L27.424%2027.506C27.536%2027.7953%2027.6293%2028.052%2027.704%2028.276C27.788%2028.4907%2027.858%2028.696%2027.914%2028.892C27.9793%2029.0787%2028.04%2029.2653%2028.096%2029.452C28.152%2029.6293%2028.208%2029.8253%2028.264%2030.04L27.858%2030.054C27.9327%2029.7647%2028.0073%2029.4987%2028.082%2029.256C28.1567%2029.004%2028.2407%2028.7427%2028.334%2028.472C28.4273%2028.2013%2028.544%2027.8793%2028.684%2027.506L30.616%2022.2H32.828L28.894%2032H27.06ZM34.8425%2032V24.594H36.8305V32H34.8425ZM35.8225%2023.068C35.4398%2023.068%2035.1411%2022.9747%2034.9265%2022.788C34.7118%2022.6013%2034.6045%2022.3353%2034.6045%2021.99C34.6045%2021.6727%2034.7118%2021.416%2034.9265%2021.22C35.1505%2021.0147%2035.4491%2020.912%2035.8225%2020.912C36.2051%2020.912%2036.5038%2021.01%2036.7185%2021.206C36.9331%2021.3927%2037.0405%2021.654%2037.0405%2021.99C37.0405%2022.3167%2036.9285%2022.578%2036.7045%2022.774C36.4898%2022.97%2036.1958%2023.068%2035.8225%2023.068ZM39.6538%2032V24.594H41.5718L41.6418%2026.974L41.3058%2026.484C41.4178%2026.1013%2041.5998%2025.756%2041.8518%2025.448C42.1038%2025.1307%2042.3978%2024.8833%2042.7338%2024.706C43.0791%2024.5287%2043.4384%2024.44%2043.8118%2024.44C43.9704%2024.44%2044.1244%2024.454%2044.2738%2024.482C44.4231%2024.51%2044.5491%2024.5427%2044.6518%2024.58L44.1198%2026.764C44.0078%2026.708%2043.8724%2026.6613%2043.7138%2026.624C43.5551%2026.5773%2043.3918%2026.554%2043.2238%2026.554C42.9998%2026.554%2042.7898%2026.596%2042.5938%2026.68C42.4071%2026.7547%2042.2438%2026.8667%2042.1038%2027.016C41.9638%2027.156%2041.8518%2027.324%2041.7678%2027.52C41.6931%2027.716%2041.6558%2027.9307%2041.6558%2028.164V32H39.6538ZM47.4799%2032V22.718H49.4679V32H47.4799ZM46.0939%2026.372V24.594H50.9799V26.372H46.0939ZM55.5236%2032.14C54.9823%2032.14%2054.5156%2032.0233%2054.1236%2031.79C53.741%2031.5473%2053.4423%2031.2067%2053.2276%2030.768C53.0223%2030.32%2052.9196%2029.7833%2052.9196%2029.158V24.594H54.9076V28.836C54.9076%2029.172%2054.9636%2029.466%2055.0756%2029.718C55.1876%2029.9607%2055.3463%2030.1473%2055.5516%2030.278C55.757%2030.4087%2056.009%2030.474%2056.3076%2030.474C56.5223%2030.474%2056.723%2030.4413%2056.9096%2030.376C57.0963%2030.3013%2057.255%2030.1987%2057.3856%2030.068C57.5163%2029.9373%2057.619%2029.7833%2057.6936%2029.606C57.7683%2029.4287%2057.8056%2029.2373%2057.8056%2029.032V24.594H59.7936V32H57.9036L57.8336%2030.474L58.1976%2030.306C58.0856%2030.6513%2057.899%2030.964%2057.6376%2031.244C57.3763%2031.524%2057.0636%2031.7433%2056.6996%2031.902C56.3356%2032.0607%2055.9436%2032.14%2055.5236%2032.14ZM65.266%2032.14C64.65%2032.14%2064.0947%2031.972%2063.6%2031.636C63.1053%2031.3%2062.7133%2030.8427%2062.424%2030.264C62.1347%2029.6853%2061.99%2029.0227%2061.99%2028.276C61.99%2027.5293%2062.1347%2026.8713%2062.424%2026.302C62.7227%2025.7233%2063.124%2025.2707%2063.628%2024.944C64.132%2024.608%2064.706%2024.44%2065.35%2024.44C65.714%2024.44%2066.0453%2024.496%2066.344%2024.608C66.652%2024.7107%2066.918%2024.8553%2067.142%2025.042C67.3753%2025.2287%2067.5713%2025.4433%2067.73%2025.686C67.8887%2025.9287%2068.0007%2026.19%2068.066%2026.47L67.646%2026.4V24.594H69.62V32H67.618V30.222L68.066%2030.18C67.9913%2030.4413%2067.87%2030.6887%2067.702%2030.922C67.534%2031.1553%2067.324%2031.3653%2067.072%2031.552C66.8293%2031.7293%2066.554%2031.874%2066.246%2031.986C65.938%2032.0887%2065.6113%2032.14%2065.266%2032.14ZM65.812%2030.418C66.1853%2030.418%2066.512%2030.3293%2066.792%2030.152C67.072%2029.9747%2067.2867%2029.7273%2067.436%2029.41C67.5947%2029.0833%2067.674%2028.7053%2067.674%2028.276C67.674%2027.856%2067.5947%2027.4873%2067.436%2027.17C67.2867%2026.8527%2067.072%2026.6053%2066.792%2026.428C66.512%2026.2413%2066.1853%2026.148%2065.812%2026.148C65.448%2026.148%2065.126%2026.2413%2064.846%2026.428C64.5753%2026.6053%2064.3607%2026.8527%2064.202%2027.17C64.0433%2027.4873%2063.964%2027.856%2063.964%2028.276C63.964%2028.7053%2064.0433%2029.0833%2064.202%2029.41C64.3607%2029.7273%2064.5753%2029.9747%2064.846%2030.152C65.126%2030.3293%2065.448%2030.418%2065.812%2030.418ZM72.3271%2032V21.64H74.3151V32H72.3271ZM23.112%2047L26.948%2037.2H28.824L32.646%2047H30.49L28.516%2041.722C28.46%2041.5727%2028.39%2041.3813%2028.306%2041.148C28.2313%2040.9147%2028.152%2040.6673%2028.068%2040.406C27.984%2040.1447%2027.9047%2039.8973%2027.83%2039.664C27.7553%2039.4213%2027.6993%2039.2207%2027.662%2039.062L28.04%2039.048C27.984%2039.2627%2027.9187%2039.4867%2027.844%2039.72C27.7787%2039.944%2027.7087%2040.1773%2027.634%2040.42C27.5593%2040.6533%2027.48%2040.882%2027.396%2041.106C27.312%2041.33%2027.2327%2041.5493%2027.158%2041.764L25.184%2047H23.112ZM24.89%2044.942L25.576%2043.248H30.07L30.77%2044.942H24.89ZM36.934%2047.14C36.2434%2047.14%2035.6274%2047.028%2035.086%2046.804C34.554%2046.5707%2034.1247%2046.2533%2033.798%2045.852L35.03%2044.788C35.3194%2045.096%2035.6414%2045.32%2035.996%2045.46C36.3507%2045.5907%2036.7054%2045.656%2037.06%2045.656C37.2%2045.656%2037.326%2045.642%2037.438%2045.614C37.5594%2045.5767%2037.662%2045.53%2037.746%2045.474C37.83%2045.4087%2037.8907%2045.334%2037.928%2045.25C37.9747%2045.1567%2037.998%2045.0587%2037.998%2044.956C37.998%2044.7507%2037.914%2044.5873%2037.746%2044.466C37.6527%2044.4193%2037.508%2044.3633%2037.312%2044.298C37.116%2044.2233%2036.864%2044.144%2036.556%2044.06C36.08%2043.9387%2035.674%2043.7987%2035.338%2043.64C35.0114%2043.472%2034.75%2043.2853%2034.554%2043.08C34.386%2042.884%2034.2554%2042.674%2034.162%2042.45C34.078%2042.2167%2034.036%2041.96%2034.036%2041.68C34.036%2041.344%2034.1107%2041.0407%2034.26%2040.77C34.4094%2040.49%2034.6147%2040.252%2034.876%2040.056C35.1467%2039.86%2035.4547%2039.7107%2035.8%2039.608C36.1454%2039.496%2036.5094%2039.44%2036.892%2039.44C37.2747%2039.44%2037.648%2039.4867%2038.012%2039.58C38.376%2039.6733%2038.712%2039.8087%2039.02%2039.986C39.3374%2040.154%2039.6127%2040.3547%2039.846%2040.588L38.782%2041.764C38.614%2041.6053%2038.4227%2041.4607%2038.208%2041.33C38.0027%2041.1993%2037.788%2041.0967%2037.564%2041.022C37.34%2040.9473%2037.1394%2040.91%2036.962%2040.91C36.8034%2040.91%2036.6587%2040.924%2036.528%2040.952C36.4067%2040.98%2036.304%2041.022%2036.22%2041.078C36.136%2041.134%2036.0707%2041.2087%2036.024%2041.302C35.9867%2041.386%2035.968%2041.4793%2035.968%2041.582C35.968%2041.6847%2035.9914%2041.7827%2036.038%2041.876C36.094%2041.9693%2036.1687%2042.0487%2036.262%2042.114C36.3647%2042.17%2036.514%2042.2353%2036.71%2042.31C36.9154%2042.3847%2037.1907%2042.4687%2037.536%2042.562C37.984%2042.6833%2038.362%2042.8187%2038.67%2042.968C38.9874%2043.1173%2039.2394%2043.29%2039.426%2043.486C39.5847%2043.654%2039.7014%2043.8453%2039.776%2044.06C39.8507%2044.2747%2039.888%2044.5127%2039.888%2044.774C39.888%2045.2313%2039.7574%2045.642%2039.496%2046.006C39.244%2046.3607%2038.894%2046.6407%2038.446%2046.846C37.998%2047.042%2037.494%2047.14%2036.934%2047.14ZM44.4973%2047.14C43.8067%2047.14%2043.1907%2047.028%2042.6493%2046.804C42.1173%2046.5707%2041.688%2046.2533%2041.3613%2045.852L42.5933%2044.788C42.8827%2045.096%2043.2047%2045.32%2043.5593%2045.46C43.914%2045.5907%2044.2687%2045.656%2044.6233%2045.656C44.7633%2045.656%2044.8893%2045.642%2045.0013%2045.614C45.1227%2045.5767%2045.2253%2045.53%2045.3093%2045.474C45.3933%2045.4087%2045.454%2045.334%2045.4913%2045.25C45.538%2045.1567%2045.5613%2045.0587%2045.5613%2044.956C45.5613%2044.7507%2045.4773%2044.5873%2045.3093%2044.466C45.216%2044.4193%2045.0713%2044.3633%2044.8753%2044.298C44.6793%2044.2233%2044.4273%2044.144%2044.1193%2044.06C43.6433%2043.9387%2043.2373%2043.7987%2042.9013%2043.64C42.5747%2043.472%2042.3133%2043.2853%2042.1173%2043.08C41.9493%2042.884%2041.8187%2042.674%2041.7253%2042.45C41.6413%2042.2167%2041.5993%2041.96%2041.5993%2041.68C41.5993%2041.344%2041.674%2041.0407%2041.8233%2040.77C41.9727%2040.49%2042.178%2040.252%2042.4393%2040.056C42.71%2039.86%2043.018%2039.7107%2043.3633%2039.608C43.7087%2039.496%2044.0727%2039.44%2044.4553%2039.44C44.838%2039.44%2045.2113%2039.4867%2045.5753%2039.58C45.9393%2039.6733%2046.2753%2039.8087%2046.5833%2039.986C46.9007%2040.154%2047.176%2040.3547%2047.4093%2040.588L46.3453%2041.764C46.1773%2041.6053%2045.986%2041.4607%2045.7713%2041.33C45.566%2041.1993%2045.3513%2041.0967%2045.1273%2041.022C44.9033%2040.9473%2044.7027%2040.91%2044.5253%2040.91C44.3667%2040.91%2044.222%2040.924%2044.0913%2040.952C43.97%2040.98%2043.8673%2041.022%2043.7833%2041.078C43.6993%2041.134%2043.634%2041.2087%2043.5873%2041.302C43.55%2041.386%2043.5313%2041.4793%2043.5313%2041.582C43.5313%2041.6847%2043.5547%2041.7827%2043.6013%2041.876C43.6573%2041.9693%2043.732%2042.0487%2043.8253%2042.114C43.928%2042.17%2044.0773%2042.2353%2044.2733%2042.31C44.4787%2042.3847%2044.754%2042.4687%2045.0993%2042.562C45.5473%2042.6833%2045.9253%2042.8187%2046.2333%2042.968C46.5507%2043.1173%2046.8027%2043.29%2046.9893%2043.486C47.148%2043.654%2047.2647%2043.8453%2047.3393%2044.06C47.414%2044.2747%2047.4513%2044.5127%2047.4513%2044.774C47.4513%2045.2313%2047.3207%2045.642%2047.0593%2046.006C46.8073%2046.3607%2046.4573%2046.6407%2046.0093%2046.846C45.5613%2047.042%2045.0573%2047.14%2044.4973%2047.14ZM49.7366%2047V39.594H51.7246V47H49.7366ZM50.7166%2038.068C50.3339%2038.068%2050.0353%2037.9747%2049.8206%2037.788C49.6059%2037.6013%2049.4986%2037.3353%2049.4986%2036.99C49.4986%2036.6727%2049.6059%2036.416%2049.8206%2036.22C50.0446%2036.0147%2050.3433%2035.912%2050.7166%2035.912C51.0993%2035.912%2051.3979%2036.01%2051.6126%2036.206C51.8273%2036.3927%2051.9346%2036.654%2051.9346%2036.99C51.9346%2037.3167%2051.8226%2037.578%2051.5986%2037.774C51.3839%2037.97%2051.0899%2038.068%2050.7166%2038.068ZM57.0399%2047.14C56.3492%2047.14%2055.7332%2047.028%2055.1919%2046.804C54.6599%2046.5707%2054.2306%2046.2533%2053.9039%2045.852L55.1359%2044.788C55.4252%2045.096%2055.7472%2045.32%2056.1019%2045.46C56.4566%2045.5907%2056.8112%2045.656%2057.1659%2045.656C57.3059%2045.656%2057.4319%2045.642%2057.5439%2045.614C57.6652%2045.5767%2057.7679%2045.53%2057.8519%2045.474C57.9359%2045.4087%2057.9966%2045.334%2058.0339%2045.25C58.0806%2045.1567%2058.1039%2045.0587%2058.1039%2044.956C58.1039%2044.7507%2058.0199%2044.5873%2057.8519%2044.466C57.7586%2044.4193%2057.6139%2044.3633%2057.4179%2044.298C57.2219%2044.2233%2056.9699%2044.144%2056.6619%2044.06C56.1859%2043.9387%2055.7799%2043.7987%2055.4439%2043.64C55.1172%2043.472%2054.8559%2043.2853%2054.6599%2043.08C54.4919%2042.884%2054.3612%2042.674%2054.2679%2042.45C54.1839%2042.2167%2054.1419%2041.96%2054.1419%2041.68C54.1419%2041.344%2054.2166%2041.0407%2054.3659%2040.77C54.5152%2040.49%2054.7206%2040.252%2054.9819%2040.056C55.2526%2039.86%2055.5606%2039.7107%2055.9059%2039.608C56.2512%2039.496%2056.6152%2039.44%2056.9979%2039.44C57.3806%2039.44%2057.7539%2039.4867%2058.1179%2039.58C58.4819%2039.6733%2058.8179%2039.8087%2059.1259%2039.986C59.4432%2040.154%2059.7186%2040.3547%2059.9519%2040.588L58.8879%2041.764C58.7199%2041.6053%2058.5286%2041.4607%2058.3139%2041.33C58.1086%2041.1993%2057.8939%2041.0967%2057.6699%2041.022C57.4459%2040.9473%2057.2452%2040.91%2057.0679%2040.91C56.9092%2040.91%2056.7646%2040.924%2056.6339%2040.952C56.5126%2040.98%2056.4099%2041.022%2056.3259%2041.078C56.2419%2041.134%2056.1766%2041.2087%2056.1299%2041.302C56.0926%2041.386%2056.0739%2041.4793%2056.0739%2041.582C56.0739%2041.6847%2056.0972%2041.7827%2056.1439%2041.876C56.1999%2041.9693%2056.2746%2042.0487%2056.3679%2042.114C56.4706%2042.17%2056.6199%2042.2353%2056.8159%2042.31C57.0212%2042.3847%2057.2966%2042.4687%2057.6419%2042.562C58.0899%2042.6833%2058.4679%2042.8187%2058.7759%2042.968C59.0932%2043.1173%2059.3452%2043.29%2059.5319%2043.486C59.6906%2043.654%2059.8072%2043.8453%2059.8819%2044.06C59.9566%2044.2747%2059.9939%2044.5127%2059.9939%2044.774C59.9939%2045.2313%2059.8632%2045.642%2059.6019%2046.006C59.3499%2046.3607%2058.9999%2046.6407%2058.5519%2046.846C58.1039%2047.042%2057.5999%2047.14%2057.0399%2047.14ZM62.8252%2047V37.718H64.8132V47H62.8252ZM61.4392%2041.372V39.594H66.3252V41.372H61.4392ZM71.0246%2047.14C70.4086%2047.14%2069.8533%2046.972%2069.3586%2046.636C68.8639%2046.3%2068.4719%2045.8427%2068.1826%2045.264C67.8933%2044.6853%2067.7486%2044.0227%2067.7486%2043.276C67.7486%2042.5293%2067.8933%2041.8713%2068.1826%2041.302C68.4813%2040.7233%2068.8826%2040.2707%2069.3866%2039.944C69.8906%2039.608%2070.4646%2039.44%2071.1086%2039.44C71.4726%2039.44%2071.8039%2039.496%2072.1026%2039.608C72.4106%2039.7107%2072.6766%2039.8553%2072.9006%2040.042C73.1339%2040.2287%2073.3299%2040.4433%2073.4886%2040.686C73.6473%2040.9287%2073.7593%2041.19%2073.8246%2041.47L73.4046%2041.4V39.594H75.3786V47H73.3766V45.222L73.8246%2045.18C73.7499%2045.4413%2073.6286%2045.6887%2073.4606%2045.922C73.2926%2046.1553%2073.0826%2046.3653%2072.8306%2046.552C72.5879%2046.7293%2072.3126%2046.874%2072.0046%2046.986C71.6966%2047.0887%2071.3699%2047.14%2071.0246%2047.14ZM71.5706%2045.418C71.9439%2045.418%2072.2706%2045.3293%2072.5506%2045.152C72.8306%2044.9747%2073.0453%2044.7273%2073.1946%2044.41C73.3533%2044.0833%2073.4326%2043.7053%2073.4326%2043.276C73.4326%2042.856%2073.3533%2042.4873%2073.1946%2042.17C73.0453%2041.8527%2072.8306%2041.6053%2072.5506%2041.428C72.2706%2041.2413%2071.9439%2041.148%2071.5706%2041.148C71.2066%2041.148%2070.8846%2041.2413%2070.6046%2041.428C70.3339%2041.6053%2070.1193%2041.8527%2069.9606%2042.17C69.8019%2042.4873%2069.7226%2042.856%2069.7226%2043.276C69.7226%2043.7053%2069.8019%2044.0833%2069.9606%2044.41C70.1193%2044.7273%2070.3339%2044.9747%2070.6046%2045.152C70.8846%2045.3293%2071.2066%2045.418%2071.5706%2045.418ZM78.0717%2047V39.594H79.9757L80.0317%2041.106L79.6397%2041.274C79.7424%2040.938%2079.9244%2040.6347%2080.1857%2040.364C80.4564%2040.084%2080.7784%2039.86%2081.1517%2039.692C81.5251%2039.524%2081.9171%2039.44%2082.3277%2039.44C82.8877%2039.44%2083.3544%2039.552%2083.7277%2039.776C84.1104%2040%2084.3951%2040.3407%2084.5817%2040.798C84.7777%2041.246%2084.8757%2041.8013%2084.8757%2042.464V47H82.8877V42.618C82.8877%2042.282%2082.8411%2042.002%2082.7477%2041.778C82.6544%2041.554%2082.5097%2041.3907%2082.3137%2041.288C82.1271%2041.176%2081.8937%2041.1293%2081.6137%2041.148C81.3897%2041.148%2081.1797%2041.1853%2080.9837%2041.26C80.7971%2041.3253%2080.6337%2041.4233%2080.4937%2041.554C80.3631%2041.6847%2080.2557%2041.834%2080.1717%2042.002C80.0971%2042.17%2080.0597%2042.352%2080.0597%2042.548V47H79.0797C78.8651%2047%2078.6737%2047%2078.5057%2047C78.3377%2047%2078.1931%2047%2078.0717%2047ZM88.1947%2047V37.718H90.1827V47H88.1947ZM86.8087%2041.372V39.594H91.6947V41.372H86.8087Z%22%20fill=%22white%22/%3E%0A%3Cpath%20d=%22M148.543%2037.7167C147.285%2044.4014%20140.075%2049.5263%20131.368%2049.5263C129.952%2049.5263%20128.541%2049.3877%20127.167%2049.1137L119.211%2053L118.461%2044.9289C115.589%2042.3773%20114%2039.0652%20114%2035.6316C114%2027.9578%20121.776%2021.7369%20131.368%2021.7369C131.876%2021.7369%20132.379%2021.7543%20132.875%2021.7885%22%20stroke=%22black%22%20stroke-width=%223%22%20stroke-linejoin=%22round%22/%3E%0A%3Cpath%20d=%22M144.48%2020.6495L145.992%2024.4818L149.824%2025.9935C150.216%2026.1479%20150.474%2026.5264%20150.474%2026.9474C150.474%2027.3684%20150.216%2027.7469%20149.824%2027.9013L145.992%2029.413L144.48%2033.2454C144.326%2033.6374%20143.947%2033.8948%20143.526%2033.8948C143.105%2033.8948%20142.727%2033.6374%20142.572%2033.2454L141.061%2029.413L137.228%2027.9013C136.836%2027.7469%20136.579%2027.3684%20136.579%2026.9474C136.579%2026.5264%20136.836%2026.1479%20137.228%2025.9935L141.061%2024.4818L142.572%2020.6495C142.727%2020.2575%20143.105%2020.0001%20143.526%2020.0001C143.947%2020.0001%20144.326%2020.2575%20144.48%2020.6495ZM129.359%2032.5638L130.304%2034.9589L132.699%2035.9038C132.944%2036.0003%20133.105%2036.2369%20133.105%2036.5C133.105%2036.7631%20132.944%2036.9997%20132.699%2037.0963L130.304%2038.0411L129.359%2040.4362C129.263%2040.6813%20129.026%2040.8421%20128.763%2040.8421C128.5%2040.8421%20128.263%2040.6813%20128.167%2040.4362L127.222%2038.0411L124.827%2037.0963C124.582%2036.9997%20124.421%2036.7631%20124.421%2036.5C124.421%2036.2369%20124.582%2036.0003%20124.827%2035.9038L127.222%2034.9589L128.167%2032.5638C128.263%2032.3188%20128.5%2032.1579%20128.763%2032.1579C129.026%2032.1579%20129.263%2032.3188%20129.359%2032.5638Z%22%20fill=%22black%22/%3E%0A%3Cdefs%3E%0A%3Cfilter%20id=%22filter0_d_64001_700%22%20x=%2291%22%20y=%220%22%20width=%2276%22%20height=%2276%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_64001_700%22/%3E%0A%3CfeBlend%20mode=%22normal%22%20in=%22SourceGraphic%22%20in2=%22effect1_dropShadow_64001_700%22%20result=%22shape%22/%3E%0A%3C/filter%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; }
/* Only if a CHAT_WIDGET_FAB_RIGHT_MOBILE shift is ever added to defs.inc:
 * never let the pill run off a 320px phone. */
.hdcw-fab.hdcw-shift { max-width: calc(100vw - 104px); }

/* ---------- Header (24:711): an 81px flat #000000 band, r15 on top. Mark
 * 39x46 at x21 y17; title Lexend Bold 18/18 at x80 y24; subtitle Lexend
 * Regular 12 at x80 y45 UNDER the title. */
.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 20px;
  gap: 0;
  background: #000000;
}
.hdcw-head::before {
  content: '';
  flex: 0 0 41px;
  height: 48px;
  margin: 17px 19px 0 0;        /* ink at x21 y18, title at x80 */
  background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width=%2241%22%20height=%2248%22%20viewBox=%22-1%20-1%2041%2048%22%20fill=%22none%22%20xmlns=%22http://www.w3.org/2000/svg%22%3E%0A%3Cpath%20d=%22M4.94091%202.52576L4.39008%204.22113C4.21926%204.73679%203.93018%205.20534%203.54595%205.58933C3.16173%205.97331%202.69301%206.26207%202.17726%206.43254L0.480453%206.98342L0.447212%206.99292C0.316463%207.03895%200.203223%207.12443%200.123118%207.23756C0.0430119%207.35069%20-9.64154e-06%207.4859%20-9.64154e-06%207.62452C-9.64154e-06%207.76315%200.0430119%207.89836%200.123118%208.01149C0.203223%208.12462%200.316463%208.2101%200.447212%208.25613L2.14244%208.80701C2.65848%208.97726%203.12751%209.26594%203.51203%209.64993C3.89654%2010.0339%204.18586%2010.5026%204.35684%2011.0184L4.90767%2012.7122C4.9537%2012.843%205.03917%2012.9562%205.1523%2013.0363C5.26542%2013.1164%205.40062%2013.1595%205.53923%2013.1595C5.67784%2013.1595%205.81304%2013.1164%205.92616%2013.0363C6.03929%2012.9562%206.12476%2012.843%206.17079%2012.7122L6.72161%2011.0184C6.91956%2010.4187%207.27683%209.88412%207.75521%209.47186C8.10115%209.17148%208.50295%208.94232%208.9376%208.79751L10.6344%208.24663C10.7652%208.2006%2010.8784%208.11512%2010.9585%208.00199C11.0386%207.88886%2011.0816%207.75365%2011.0816%207.61503C11.0816%207.4764%2011.0386%207.34119%2010.9585%207.22806C10.8784%207.11493%2010.7652%207.02945%2010.6344%206.98342L8.9376%206.43254C8.428%206.25768%207.96593%205.96695%207.58772%205.58322C7.20952%205.19949%206.92551%204.73323%206.75802%204.22113L6.20719%202.52734C6.1615%202.39603%206.07607%202.2822%205.96275%202.20165C5.84944%202.1211%205.71387%202.07782%205.57484%202.07782C5.43582%202.07782%205.30025%202.1211%205.18693%202.20165C5.07362%202.2822%204.98819%202.39603%204.9425%202.52734%22%20fill=%22white%22/%3E%0A%3Cpath%20d=%22M14.1697%200.279962L13.8254%201.33957C13.7186%201.66186%2013.538%201.9547%2013.2978%202.19469C13.0577%202.43468%2012.7647%202.61516%2012.4424%202.7217L11.3819%203.066L11.3611%203.07193C11.2794%203.1007%2011.2086%203.15413%2011.1586%203.22484C11.1085%203.29554%2011.0816%203.38005%2011.0816%203.46669C11.0816%203.55333%2011.1085%203.63783%2011.1586%203.70854C11.2086%203.77925%2011.2794%203.83267%2011.3611%203.86144L12.4206%204.20574C12.7432%204.31215%2013.0363%204.49257%2013.2766%204.73257C13.5169%204.97257%2013.6978%205.26548%2013.8046%205.58788L14.1489%206.64649C14.1777%206.72822%2014.2311%206.799%2014.3018%206.84907C14.3725%206.89914%2014.457%206.92603%2014.5436%206.92603C14.6303%206.92603%2014.7148%206.89914%2014.7855%206.84907C14.8562%206.799%2014.9096%206.72822%2014.9383%206.64649L15.2826%205.58788C15.4063%205.21306%2015.6296%204.87893%2015.9286%204.62127C16.1448%204.43353%2016.3959%204.29031%2016.6676%204.1998L17.7281%203.85551C17.8098%203.82674%2017.8806%203.77331%2017.9307%203.70261C17.9807%203.6319%2018.0076%203.54739%2018.0076%203.46075C18.0076%203.37411%2017.9807%203.28961%2017.9307%203.2189C17.8806%203.14819%2017.8098%203.09477%2017.7281%203.066L16.6676%202.7217C16.3491%202.61241%2016.0603%202.4307%2015.8239%202.19087C15.5876%201.95104%2015.41%201.65963%2015.3054%201.33957L14.9611%200.280951C14.9325%200.198882%2014.8791%200.127739%2014.8083%200.0773943C14.7375%200.0270496%2014.6528%200%2014.5659%200C14.479%200%2014.3943%200.0270496%2014.3234%200.0773943C14.2526%200.127739%2014.1992%200.198882%2014.1707%200.280951%22%20fill=%22white%22/%3E%0A%3Cpath%20d=%22M36.9441%2029.0323C35.6729%2035.7905%2028.3833%2040.9717%2019.5812%2040.9717C18.1493%2040.9717%2016.7227%2040.8316%2015.3333%2040.5545L7.28975%2044.4835L6.53224%2036.3238C3.62865%2033.7441%202.02198%2030.3956%202.02198%2026.9243C2.02198%2019.1661%209.8836%2012.8769%2019.5812%2012.8769C20.0945%2012.8769%2020.6026%2012.8945%2021.1048%2012.9291%22%20stroke=%22%23D4BB03%22%20stroke-width=%223.03297%22%20stroke-linejoin=%22round%22/%3E%0A%3Cpath%20d=%22M17.0951%2026.8011L17.336%2027.4133L17.9492%2027.6552L18.3214%2027.8023L17.9492%2027.9494L17.336%2028.1913L17.0951%2028.8034L16.9471%2029.1766L16.7999%2028.8034L16.5581%2028.1913L15.9459%2027.9494L15.5727%2027.8023L15.9459%2027.6552L16.5581%2027.4133L16.7999%2026.8011L16.9471%2026.427L17.0951%2026.8011ZM32.955%2016.2085L33.1959%2016.8206L33.809%2017.0625L36.5518%2018.1446L33.809%2019.2266L33.1959%2019.4685L32.955%2020.0806L31.873%2022.8233L30.7909%2020.0806L30.549%2019.4685L29.9369%2019.2266L27.1932%2018.1446L29.9369%2017.0625L30.549%2016.8206L30.7909%2016.2085L31.873%2013.4648L32.955%2016.2085Z%22%20fill=%22%23D4BB03%22%20stroke=%22%23D4BB03%22%20stroke-width=%223%22/%3E%0A%3C/svg%3E") center / contain no-repeat;
}
.hdcw-head > div { margin-top: 25.5px; min-width: 0; padding-right: 12px; }
.hdcw-head b {
  font-size: 18px;
  line-height: 18px;
  font-weight: 700;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.hdcw-head small {
  display: block;
  margin-top: 2px;
  opacity: 1;
  font-size: 12px;
  font-weight: 400;
  line-height: 15px;
  white-space: nowrap;
}
/* Nav icons: reset 20x16 @296, expand 16x16 @334, close 15x15 @369, all at
 * y24; glyph boxes carry a 1px bezel. */
.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;
  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: bot bubbles at x16, user bubbles end at x382. */
.hdcw-msgs { padding: 14px 18px 14px 16px; }

/* Bubbles. Bot (37:322 / 37:325 / 16:205 / 42:720): #EDEDED, 1px #C7C7C7
 * inside stroke, r10 with the BOTTOM-LEFT corner square, Lexend Regular
 * 14/17.5 with 1% tracking, text 22px in, a one-line bubble 51 tall (37:325).
 * Fixed 334px (91%) wide on every artboard.
 * User (37:388 / 4048:708 / 19:649): #000000, white Regular 14, 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: 17.5px;
  letter-spacing: .01em;
}
.hdcw-bot {
  width: 91%;
  max-width: 91%;
  box-sizing: border-box;
  background: #EDEDED;
  border-color: #C7C7C7;
  border-radius: 10px 10px 10px 0;
  padding: 17px 22px 14px 21px;  /* ink cap 20px under the outer edge (37:323, 37:326); 68 tall for two lines, 51 for one */
}
/* The greeting (1:11, identical on the seven artboards that show it): Lexend
 * 14, its headline Bold and followed by a 24px line (the run after it), in a
 * 95px bubble with the headline's box 14px under the outer edge. The headline
 * is an inline-block with a 6.5px bottom margin: that grows its own line
 * only, whatever the admin copy after it. Other bold runs ("114 cars") are
 * Bold too (16:206). */
.hdcw-msgs > .hdcw-bot:first-child { letter-spacing: 0; padding: 14.5px 22px 19.5px 21px; }
.hdcw-bot b, .hdcw-bot strong { font-weight: 700; }
.hdcw-msgs > .hdcw-bot:first-child b,
.hdcw-msgs > .hdcw-bot:first-child strong { display: inline-block; margin-bottom: 6.5px; }
.hdcw-bot a.hdcw-link { font-weight: 600; color: #000000; }
/* The reply that lists cars as links (19:515 on 16-browse-auto) is drawn as
 * its own bubble: WHITE with a 1px #E4E6EA stroke, Lexend 14 on a 19px
 * leading, SemiBold underlined car links, text box 28px under the top edge
 * and 68px above the bottom one (the designer's fixed rectangle). */
.hdcw-bot:has(a.hdcw-link) {
  background: #fff;
  border-color: #E4E6EA;
  line-height: 19px;
  padding: 27px 27px 67px 21px;
}
.hdcw-user { border-radius: 10px 10px 0 10px; font-weight: 400; padding: 17.5px 20px 13px 22px; }  /* ink cap 20px under the top, 48 tall (37:388); no border on user bubbles */
.hdcw-typing {
  background: #EDEDED;
  border-color: #C7C7C7;
  border-radius: 10px 10px 10px 0;
  padding: 17px 22px 14px 21px;
}
/* "Searching our stock..." (2030:573, 19:537): Lexend Regular 12 (NOT italic),
 * #6D6D6D, x20, 11-13px above it and 14-16px below it on the two artboards
 * that draw it. */
.hdcw-status { font-style: normal; font-size: 12px; line-height: 15px; margin: 2px 0 5px; }

/* ---------- Openers (lozenge 12:145): 361x72, r10, WHITE, 1px #B7B7B7
 * inside stroke, NO shadow, NO cap; black chevron 6x12 at x337.5 y29.5;
 * #D4BB03 glyph at the artwork's own offsets; title Lexend SemiBold 16 at
 * x72 y18; sub-caption Regular 12 at x72 y39 (::after - the widget renders
 * one label). Tops at y226 / 307 / 388 (9px apart); "Something else" (a
 * 52.4px box) at 473. */
.hdcw-opener { gap: 9px; margin: 0 5px 0 0; }  /* 361 wide: x16..377 */
/* The home list sits 36px under the greeting bubble (190 -> 226), not the
 * column's 10px; the context CTA keeps the widget's own spacing. */
.hdcw-opener:has(.hdcw-op-else) { margin-top: 27px; }
.hdcw-opener button { position: relative; }
.hdcw-opener button.hdcw-op-used,
.hdcw-opener button.hdcw-op-new,
.hdcw-opener button.hdcw-op-quiz,
.hdcw-opener button.hdcw-op-alert,
.hdcw-opener .hdcw-else.hdcw-op-else {
  box-sizing: border-box;
  border: 1px solid #B7B7B7;
  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 28.5px / 8px 14px border-box, #fff;
  color: #000000;
  text-align: left;
  box-shadow: none;
}
.hdcw-opener button.hdcw-op-used,
.hdcw-opener button.hdcw-op-new,
.hdcw-opener button.hdcw-op-quiz,
.hdcw-opener button.hdcw-op-alert {
  min-height: 72px;
  padding: 17px 44px 17px 71px;  /* 1 + 17 + 20 title + 1 + 15 sub + 17 + 1 = 72 */
  font-size: 16px;
  font-weight: 600;
  line-height: 20px;
}
.hdcw-opener button.hdcw-op-used:hover,
.hdcw-opener button.hdcw-op-new:hover,
.hdcw-opener button.hdcw-op-quiz:hover,
.hdcw-opener button.hdcw-op-alert:hover,
.hdcw-opener .hdcw-else.hdcw-op-else:hover { background-color: #F4F4F4; opacity: 1; }
/* Glyph boxes = the export + 1px bezel, placed from the padding box
 * (artwork ink 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: 20px; top: 19px; width: 25px; height: 25px; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width=%2225%22%20height=%2225%22%20viewBox=%22-1%20-1%2025%2025%22%20fill=%22none%22%20xmlns=%22http://www.w3.org/2000/svg%22%3E%0A%3Cpath%20d=%22M11.5972%200.000482952C5.16749%20-0.0578175%20-0.0577918%205.16979%200.000482737%2011.6023C0.0393325%2016.3344%202.97248%2020.4057%207.10998%2022.1255L7.81898%2022.3878C8.94559%2022.7766%2010.15%2022.9903%2011.4029%2023C12.0342%2023%2012.6655%2022.9611%2013.2677%2022.864L13.9767%2022.728C19.1728%2021.5911%2023.0481%2016.9367%2022.9995%2011.3885C22.9412%205.16008%2017.8422%200.0587834%2011.5972%200.000482952ZM11.5%2020.9692C8.7183%2020.9692%206.21298%2019.7616%204.48101%2017.8437C4.01721%2017.33%204.1065%2016.5423%204.66245%2016.1303C5.52685%2015.4987%206.37183%2015.0809%207.14883%2014.7699C7.40135%2014.6728%207.68301%2014.8186%207.75099%2015.0809C7.85784%2015.4987%208.22692%2015.7999%208.664%2015.7999H14.336C14.7633%2015.7999%2015.1422%2015.5084%2015.249%2015.0809C15.317%2014.8186%2015.5987%2014.6728%2015.8512%2014.7699C16.6281%2015.0809%2017.4828%2015.4987%2018.3375%2016.1303C18.8935%2016.5423%2018.9828%2017.33%2018.519%2017.8437C16.787%2019.7616%2014.2817%2020.9692%2011.5%2020.9692ZM16.322%2012.5934C16.319%2012.5934%2016.3158%2012.593%2016.3128%2012.5922C16.0727%2012.532%2015.9293%2012.2906%2015.9969%2012.0493C16.1814%2011.3107%2015.618%2010.6015%2014.8605%2010.6015H11.869C11.7428%2010.6015%2011.6262%2010.6015%2011.5%2010.6015C11.3737%2010.6015%2011.2475%2010.6015%2011.1309%2010.6015H8.14921C7.39164%2010.6015%206.82832%2011.3107%207.01285%2012.0493C7.07113%2012.2922%206.92544%2012.5253%206.69235%2012.5934C5.86244%2012.8071%205.06892%2012.9697%204.32147%2013.0851C3.12468%2013.2698%202.0268%2012.4052%202.05951%2011.1942C2.21491%206.12203%206.4204%202.05072%2011.4903%202.041C16.7155%202.041%2020.9599%206.2775%2020.9599%2011.5051C20.9599%2012.538%2020.0284%2013.2728%2019.0058%2013.1308C18.1684%2013.0144%2017.2706%2012.8375%2016.3319%2012.5946C16.3287%2012.5938%2016.3254%2012.5934%2016.322%2012.5934Z%22%20fill=%22%23D4BB03%22/%3E%0A%3C/svg%3E"); }
.hdcw-opener button.hdcw-op-quiz::before { left: 21px; top: 19px; width: 26px; height: 22px; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width=%2226%22%20height=%2222%22%20viewBox=%22-1%20-1%2026%2022%22%20fill=%22none%22%20xmlns=%22http://www.w3.org/2000/svg%22%3E%0A%3Cpath%20d=%22M0.999995%2017.3523L0.999996%206.62929C1.00016%206.60536%201.00632%206.58186%201.01794%206.56094C1.02955%206.54002%201.04623%206.52235%201.06645%206.50956L9.38829%201.34796C9.64127%201.18804%209.92364%201.08023%2010.2188%201.03084C10.514%200.981445%2010.8161%200.991467%2011.1074%201.06032C11.3986%201.12916%2011.6732%201.25546%2011.9151%201.43179C12.1569%201.60812%2012.3611%201.83095%2012.5157%202.08721C12.6703%202.34347%2012.7722%202.62802%2012.8155%202.92417C12.8587%203.22033%2012.8424%203.52213%2012.7675%203.8119C12.6926%204.10167%2012.5606%204.37358%2012.3793%204.61169C12.198%204.8498%2011.9709%205.04932%2011.7115%205.19856L9.40806%206.55075L20.8039%206.55075C21.3781%206.55075%2021.9288%206.77885%2022.3348%207.18488C22.7408%207.5909%2022.9689%208.14159%2022.9689%208.71579C22.9689%209.28999%2022.7408%209.84068%2022.3348%2010.2467C21.9288%2010.6527%2021.3781%2010.8808%2020.8039%2010.8808L15.6802%2010.8808C15.3589%2010.8808%2015.0947%2011.1362%2015.0843%2011.4575L14.8712%2017.84C14.8608%2018.1512%2014.7298%2018.4462%2014.506%2018.6626C14.2822%2018.8791%2013.983%2019%2013.6717%2019L2.64767%2019C2.21068%2019%201.79159%2018.8264%201.48259%2018.5174C1.17359%2018.2084%200.999995%2017.7893%200.999995%2017.3523Z%22%20stroke=%22%23D4BB03%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22/%3E%0A%3C/svg%3E"); }
.hdcw-opener button.hdcw-op-alert::before { left: 21px; top: 15px; width: 24px; height: 27px; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width=%2224%22%20height=%2227%22%20viewBox=%22-1%20-1%2024%2027%22%20fill=%22none%22%20xmlns=%22http://www.w3.org/2000/svg%22%3E%0A%3Cpath%20d=%22M14.0672%2020.55C14.0672%2021.4649%2013.6919%2022.3425%2013.0238%2022.9895C12.3557%2023.6364%2011.4496%2024%2010.5048%2024C9.55995%2024%208.65384%2023.6364%207.98574%2022.9895C7.31766%2022.3425%206.94233%2021.4649%206.94233%2020.55M11.361%204.45343L9.62011%204.44998C5.64916%204.44078%202.20189%207.56533%202.17458%2011.35V15.7085C2.17458%2016.617%202.05583%2017.5037%201.54403%2018.2592L1.20322%2018.7629C0.684284%2019.5265%201.24241%2020.55%202.17458%2020.55H18.8349C19.7671%2020.55%2020.324%2019.5265%2019.8063%2018.7629L19.4655%2018.2592C18.9548%2017.5037%2018.8349%2016.6158%2018.8349%2015.7073V11.3511C18.7874%207.56533%2015.3319%204.46263%2011.361%204.45343ZM10.5048%201C11.1347%201%2011.7388%201.24232%2012.1842%201.67365C12.6296%202.10499%2012.8798%202.69001%2012.8798%203.3V4.45H8.12983V3.3C8.12983%202.69001%208.38005%202.10499%208.82544%201.67365C9.27084%201.24232%209.87491%201%2010.5048%201Z%22%20stroke=%22%23D4BB03%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%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: 1px;
  text-align: left;
  font-size: 12px;
  font-weight: 400;
  line-height: 15px;
  letter-spacing: 0;
  color: #000000;
}
.hdcw-opener button.hdcw-op-used::after {
  /* The artwork's caption, number included (the standing ruling): a fixed
   * "114", not a live count. Update it here if the stock level changes a lot. */
  content: 'Over 114 cars in stock';
}
/* No New Cars opener in this artwork (the dealer sells used only); the
 * widget would draw it with the same box if data-new-cars were ever set. */
.hdcw-opener button.hdcw-op-new::after { content: 'Browse our new cars'; }
.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 / 44002:623): the same box at 361x52.4, 13px
 * under the alert opener (4px more than the column gap). Title @71,16;
 * "?" bubble 22x22 @23,15; chevron x337.5 y21.5. */
.hdcw-opener .hdcw-else.hdcw-op-else {
  min-height: 52.4px;
  margin-top: 4px;
  padding: 15px 44px 15.4px 71px;
  font-size: 16px;
  font-weight: 600;
  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 16.5px top 20.5px / 8px 14px border-box, #fff;
}
.hdcw-opener button.hdcw-op-else::before { left: 20.25px; top: 12.25px; 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%0A%3Cpath%20d=%22M23.234%2012C23.234%2014.9795%2022.0505%2017.8369%2019.9437%2019.9437C17.8369%2022.0505%2014.9795%2023.234%2012%2023.234C10.0748%2023.234%208.26321%2022.7492%206.67862%2021.8966C4.46965%2020.7058%202.98321%2021.8126%201.67178%2022.0113C1.57372%2022.0254%201.47372%2022.016%201.37998%2021.9839C1.28625%2021.9518%201.20145%2021.898%201.13255%2021.8268C1.02967%2021.7176%200.961587%2021.5802%200.936952%2021.4322C0.912317%2021.2842%200.93224%2021.1322%200.994191%2020.9955C1.50977%2019.7834%201.9816%2017.4846%201.33713%2015.5476C0.957626%2014.4034%200.764772%2013.2055%200.765963%2012C0.765963%209.02054%201.94955%206.16312%204.05634%204.05633C6.16313%201.94954%209.02055%200.765957%2012%200.765957C14.9795%200.765957%2017.8369%201.94954%2019.9437%204.05633C22.0505%206.16312%2023.234%209.02054%2023.234%2012Z%22%20stroke=%22%23D4BB03%22%20stroke-width=%221.5%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22/%3E%0A%3Cpath%20d=%22M9.04366%209.04365C9.04385%208.53434%209.17561%208.03373%209.42618%207.59032C9.67674%207.14692%2010.0376%206.77577%2010.4738%206.51284C10.91%206.24991%2011.4067%206.10413%2011.9158%206.08962C12.4249%206.07511%2012.9291%206.19237%2013.3795%206.43003C13.83%206.66769%2014.2114%207.0177%2014.4868%207.44611C14.7622%207.87453%2014.9223%208.36683%2014.9515%208.87529C14.9806%209.38376%2014.878%209.89114%2014.6534%2010.3483C14.4289%2010.8054%2014.09%2011.1967%2013.6697%2011.4844C12.8609%2012.0378%2012%2012.7946%2012%2013.7738M12.1478%2017.617H12M12.2956%2017.617C12.2956%2017.6954%2012.2645%2017.7706%2012.209%2017.826C12.1536%2017.8815%2012.0784%2017.9126%2012%2017.9126C11.9216%2017.9126%2011.8464%2017.8815%2011.7909%2017.826C11.7355%2017.7706%2011.7044%2017.6954%2011.7044%2017.617C11.7044%2017.5386%2011.7355%2017.4634%2011.7909%2017.4079C11.8464%2017.3525%2011.9216%2017.3214%2012%2017.3214C12.0784%2017.3214%2012.1536%2017.3525%2012.209%2017.4079C12.2645%2017.4634%2012.2956%2017.5386%2012.2956%2017.617Z%22%20stroke=%22%23D4BB03%22%20stroke-width=%221.53191%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22/%3E%0A%3C/svg%3E"); }

/* Context CTA ("Tell me about this car" 19:683 / "Browse Cars" 4028:1288):
 * 349x55 at x24, r10, flat #000000, white Lexend Bold 16, centred, text box
 * 18px under the top. */
.hdcw-opener button.hdcw-op-ctx {
  min-height: 55px;
  margin: 0 9px 0 8px;          /* 349 wide at x24 (16-browse-auto) */
  border: 0;
  border-radius: 10px;
  padding: 18px 0 17px;
  background: #000000;
  color: #fff;
  font-size: 16px;
  font-weight: 700;
  line-height: 20px;
}
.hdcw-opener button.hdcw-op-ctx:hover { opacity: .85; }

/* ---------- Chips (item 16:212): 31px white, r10, NO border, 0/4/4 25%
 * shadow, Lexend Regular 12/13 black, centred, 5px gaps both ways, text
 * 12-20px in (hand-sized; 16 keeps the artwork's POPULAR rows). Rows start
 * 2px in from the bubble edge (x18). Selected = 1px #000000 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 14px 8.5px;    /* ink cap 11px under the chip top; 14 (not the artwork's 16.5) keeps its four POPULAR rows: Chrome's Lexend runs 2-4px wider than Figma's */
  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 (the CCMC site 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): Lexend Bold 11 #6D6D6D, tracking 0,
 * x24; 13px under a bubble, 18px under a chip row, 8px above its chips. */
.hdcw-ghead {
  letter-spacing: 0;
  font-size: 11px;
  line-height: 14px;
  margin: 3px 6px -1px 8px;
}
.hdcw-chips + .hdcw-ghead { margin-top: 8px; }
/* Answer chips straight under a question (the quiz, 02-help1 to 07-help5):
 * flush with the bubble at x16 and 8px under it, where the stock and model
 * rows (under a section head or a card strip) start at x18. */
.hdcw-bot + .hdcw-chips { padding-left: 0; margin-top: -2px; }

/* ---------- Car cards ("csr search" 19:566): 176 wide, 14px apart, white,
 * 1px #E4E6EA, r10, 244 tall. Photo 176x113 square-topped. Body text 12px
 * in: title Lexend Regular 12 (two lines), price Bold 12/19, monthly Regular
 * 12/16, meta Regular 10/17. Flush split action bar: Details (77, white,
 * #E4E6EA rule) | I'm Interested (99, #D4BB03, black ink), both Lexend
 * Regular 12/13 ls -1%. */
.hdcw-cars { gap: 14px; padding: 2px 2px 0; }  /* model chips 9-10px under the cards (08-help6) */
.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 6px; }  /* title ink 125px, action bar 213px under the card top; 244 tall */
.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: 15px;
  letter-spacing: .01em;
  max-height: 30px;
}
.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: 400; line-height: 16px; }
.hdcw-car .hdcw-meta { color: #000000; font-size: 10px; line-height: 17px; margin-top: 1px; }
.hdcw-ncgrid .hdcw-carbody { padding: 8px 11px 14px; }
.hdcw-ncgrid h4.hdcw-cartitle { max-height: none; }
.hdcw-car .hdcw-actions { margin: auto 0 0; gap: 0; }
.hdcw-car .hdcw-pick {
  flex: 77 0 0;
  border: 0;
  border-top: 1px solid #E4E6EA;
  border-radius: 0 0 0 9px;
  min-height: 30px;
  padding: 8px 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: #D4BB03;
  color: #000000;
}
.hdcw-car .hdcw-pick--primary:only-child { border-left: 0; border-radius: 0 0 9px 9px; }
.hdcw-car .hdcw-pick--primary:hover { background: #D4BB03; opacity: .85; color: #000000; }

/* ---------- Footer (24:712): #E4E6EA band 400x129. Input 299x51 @21,20,
 * r10, 1px #000000, placeholder Lexend Regular 14 ls 1% black, 20px in.
 * Send: the yellow 52px circle 6px right of it. Disclosure: Lexend Regular
 * 12/15 ls 1%, black, centred in a 301px box, 17px above the panel foot. */
.hdcw-input {
  background: #E4E6EA;
  border-top: 0;
  padding: 20px 20px 10px 21px;  /* the 52px send sets the row: 20 + 52 + 10 */
  gap: 8px;
}
.hdcw-input input {
  box-sizing: border-box;
  height: 51px;
  border-radius: 10px;
  padding: 2px 18px 0 20px;     /* placeholder box 17px under the box top */
  font-size: 14px;
  line-height: 47px;
  letter-spacing: .01em;
}
/* font: inherit - CCMC'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: #D4BB03; }
.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%23D4BB03%22/%3E%0A%3Cpath%20d=%22M33.9108%2020.7147C34.3279%2019.6967%2033.2099%2018.7101%2032.0562%2019.079L17.9556%2023.5789C16.798%2023.9486%2016.658%2025.3424%2017.7229%2025.8867L22.2239%2028.1861L26.2431%2024.6395C26.4252%2024.4843%2026.6691%2024.3985%2026.9222%2024.4004C27.1754%2024.4023%2027.4176%2024.4919%2027.5966%2024.6499C27.7756%2024.8078%2027.8771%2025.0215%2027.8793%2025.2449C27.8815%2025.4683%2027.7842%2025.6835%2027.6083%2025.8441L23.5891%2029.3907L26.1958%2033.3624C26.8118%2034.302%2028.3913%2034.1777%2028.8103%2033.1571L33.9108%2020.7147Z%22%20fill=%22black%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: 1px 51.75px 16px 47.25px;  /* the artwork's 301px box, centred (ink 50.5..346) */
}
.hdcw-powered a.hdcw-tc { color: #000000; text-decoration: none; }
.hdcw-powered a.hdcw-tc:hover { text-decoration: underline; }
.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; }
}