/* CON-1024 chat widget branding - Hogan Motors (hmg, template HMG).
 * Source of truth: the designer's Figma "Hogan Motors (Ai Assistant)"
 * (duplicate iqCKmJ9ULsrRI2XocblrTM), 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-1024/hmg/qa-hmg/; design notes:
 * tickets/CON-1024/hmg/DESIGN-hmg.md. Glyphs are SVG exports of the file's
 * own nodes, each cross-checked against the artboards.
 *
 * Teal and Hogan red: an 81px header on the designer's teal gradient with a
 * 3px #8B0F11 rule along its foot and the white bubble mark; #000000 user
 * bubbles; openers are r2 boxes with an 8px #8B0F11 stripe on the left and
 * a silver-white sheen, #8B0F11 glyphs and chevrons; #8B0F11 send circle
 * (white plane), context CTA and card "I'm Interested" (white 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 teal pill +
 * red block lockup.
 * Type: Poppins throughout (the HMG site loads it, weights 100-900).
 * The panel is 400x720 = the designer's artboard, so offsets transfer 1:1.
 *
 * Regenerate with tickets/CON-1024/hmg/build-theme-hmg.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: #8B0F11;
  --hdcw-on-accent: #fff;
  --hdcw-font: 'Poppins', 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: #3C6B65;
  --hdcw-head-color: #fff;
  --hdcw-user-bg: #000000;
  --hdcw-user-color: #fff;
  --hdcw-link: #000000;
  --hdcw-btn-bg: #8B0F11;
  --hdcw-btn-color: #fff;
  --hdcw-fab-gap: 4px;          /* the export's 8px shadow margin + 4 = the lockup 12px above a bottom bar */
}

/* ---------- Launcher (60001:950): the designer's own 184x59 export. On the
 * 400x720 home artboard the lockup (176x51) ends 7px from the right and 16px
 * from the bottom; the export carries 4px of shadow either side of it and
 * 8px below. */
.hdcw-fab {
  width: 184px;
  height: 59px;
  right: 3px;
  bottom: 8px;
  max-width: calc(100vw - 4px);
  border-radius: 0;
  background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width=%22184%22%20height=%2259%22%20viewBox=%220%200%20184%2059%22%20fill=%22none%22%20xmlns=%22http://www.w3.org/2000/svg%22%3E%0A%3Cg%20filter=%22url(%23filter0_d_60001_950)%22%3E%0A%3Crect%20x=%224%22%20width=%22176%22%20height=%2251%22%20rx=%225%22%20fill=%22url(%23paint0_linear_60001_950)%22/%3E%0A%3C/g%3E%0A%3Cpath%20d=%22M120%200H175C177.761%200%20180%202.23858%20180%205V46C180%2048.7614%20177.761%2051%20175%2051H120V0Z%22%20fill=%22%238B0F11%22/%3E%0A%3Cpath%20d=%22M33.815%2013.47L30.08%2024H26.87L23.135%2013.47H25.865L28.475%2021.42L31.1%2013.47H33.815ZM36.177%2014.76C35.727%2014.76%2035.357%2014.63%2035.067%2014.37C34.787%2014.1%2034.647%2013.77%2034.647%2013.38C34.647%2012.98%2034.787%2012.65%2035.067%2012.39C35.357%2012.12%2035.727%2011.985%2036.177%2011.985C36.617%2011.985%2036.977%2012.12%2037.257%2012.39C37.547%2012.65%2037.692%2012.98%2037.692%2013.38C37.692%2013.77%2037.547%2014.1%2037.257%2014.37C36.977%2014.63%2036.617%2014.76%2036.177%2014.76ZM37.452%2015.63V24H34.887V15.63H37.452ZM41.8759%2017.025C42.1759%2016.565%2042.5509%2016.205%2043.0009%2015.945C43.4509%2015.675%2043.9509%2015.54%2044.5009%2015.54V18.255H43.7959C43.1559%2018.255%2042.6759%2018.395%2042.3559%2018.675C42.0359%2018.945%2041.8759%2019.425%2041.8759%2020.115V24H39.3109V15.63H41.8759V17.025ZM50.3919%2021.825V24H49.0869C48.1569%2024%2047.4319%2023.775%2046.9119%2023.325C46.3919%2022.865%2046.1319%2022.12%2046.1319%2021.09V17.76H45.1119V15.63H46.1319V13.59H48.6969V15.63H50.3769V17.76H48.6969V21.12C48.6969%2021.37%2048.7569%2021.55%2048.8769%2021.66C48.9969%2021.77%2049.1969%2021.825%2049.4769%2021.825H50.3919ZM60.0856%2015.63V24H57.5206V22.86C57.2606%2023.23%2056.9056%2023.53%2056.4556%2023.76C56.0156%2023.98%2055.5256%2024.09%2054.9856%2024.09C54.3456%2024.09%2053.7806%2023.95%2053.2906%2023.67C52.8006%2023.38%2052.4206%2022.965%2052.1506%2022.425C51.8806%2021.885%2051.7456%2021.25%2051.7456%2020.52V15.63H54.2956V20.175C54.2956%2020.735%2054.4406%2021.17%2054.7306%2021.48C55.0206%2021.79%2055.4106%2021.945%2055.9006%2021.945C56.4006%2021.945%2056.7956%2021.79%2057.0856%2021.48C57.3756%2021.17%2057.5206%2020.735%2057.5206%2020.175V15.63H60.0856ZM61.418%2019.8C61.418%2018.94%2061.578%2018.185%2061.898%2017.535C62.228%2016.885%2062.673%2016.385%2063.233%2016.035C63.793%2015.685%2064.418%2015.51%2065.108%2015.51C65.698%2015.51%2066.213%2015.63%2066.653%2015.87C67.103%2016.11%2067.448%2016.425%2067.688%2016.815V15.63H70.253V24H67.688V22.815C67.438%2023.205%2067.088%2023.52%2066.638%2023.76C66.198%2024%2065.683%2024.12%2065.093%2024.12C64.413%2024.12%2063.793%2023.945%2063.233%2023.595C62.673%2023.235%2062.228%2022.73%2061.898%2022.08C61.578%2021.42%2061.418%2020.66%2061.418%2019.8ZM67.688%2019.815C67.688%2019.175%2067.508%2018.67%2067.148%2018.3C66.798%2017.93%2066.368%2017.745%2065.858%2017.745C65.348%2017.745%2064.913%2017.93%2064.553%2018.3C64.203%2018.66%2064.028%2019.16%2064.028%2019.8C64.028%2020.44%2064.203%2020.95%2064.553%2021.33C64.913%2021.7%2065.348%2021.885%2065.858%2021.885C66.368%2021.885%2066.798%2021.7%2067.148%2021.33C67.508%2020.96%2067.688%2020.455%2067.688%2019.815ZM74.6737%2012.9V24H72.1087V12.9H74.6737ZM30.485%2038.14H26.555L25.925%2040H23.24L27.05%2029.47H30.02L33.83%2040H31.115L30.485%2038.14ZM29.825%2036.16L28.52%2032.305L27.23%2036.16H29.825ZM38.3946%2040.12C37.6646%2040.12%2037.0146%2039.995%2036.4446%2039.745C35.8746%2039.495%2035.4246%2039.155%2035.0946%2038.725C34.7646%2038.285%2034.5796%2037.795%2034.5396%2037.255H37.0746C37.1046%2037.545%2037.2396%2037.78%2037.4796%2037.96C37.7196%2038.14%2038.0146%2038.23%2038.3646%2038.23C38.6846%2038.23%2038.9296%2038.17%2039.0996%2038.05C39.2796%2037.92%2039.3696%2037.755%2039.3696%2037.555C39.3696%2037.315%2039.2446%2037.14%2038.9946%2037.03C38.7446%2036.91%2038.3396%2036.78%2037.7796%2036.64C37.1796%2036.5%2036.6796%2036.355%2036.2796%2036.205C35.8796%2036.045%2035.5346%2035.8%2035.2446%2035.47C34.9546%2035.13%2034.8096%2034.675%2034.8096%2034.105C34.8096%2033.625%2034.9396%2033.19%2035.1996%2032.8C35.4696%2032.4%2035.8596%2032.085%2036.3696%2031.855C36.8896%2031.625%2037.5046%2031.51%2038.2146%2031.51C39.2646%2031.51%2040.0896%2031.77%2040.6896%2032.29C41.2996%2032.81%2041.6496%2033.5%2041.7396%2034.36H39.3696C39.3296%2034.07%2039.1996%2033.84%2038.9796%2033.67C38.7696%2033.5%2038.4896%2033.415%2038.1396%2033.415C37.8396%2033.415%2037.6096%2033.475%2037.4496%2033.595C37.2896%2033.705%2037.2096%2033.86%2037.2096%2034.06C37.2096%2034.3%2037.3346%2034.48%2037.5846%2034.6C37.8446%2034.72%2038.2446%2034.84%2038.7846%2034.96C39.4046%2035.12%2039.9096%2035.28%2040.2996%2035.44C40.6896%2035.59%2041.0296%2035.84%2041.3196%2036.19C41.6196%2036.53%2041.7746%2036.99%2041.7846%2037.57C41.7846%2038.06%2041.6446%2038.5%2041.3646%2038.89C41.0946%2039.27%2040.6996%2039.57%2040.1796%2039.79C39.6696%2040.01%2039.0746%2040.12%2038.3946%2040.12ZM46.7588%2040.12C46.0288%2040.12%2045.3788%2039.995%2044.8088%2039.745C44.2388%2039.495%2043.7888%2039.155%2043.4588%2038.725C43.1288%2038.285%2042.9438%2037.795%2042.9038%2037.255H45.4388C45.4688%2037.545%2045.6038%2037.78%2045.8438%2037.96C46.0838%2038.14%2046.3788%2038.23%2046.7288%2038.23C47.0488%2038.23%2047.2938%2038.17%2047.4638%2038.05C47.6438%2037.92%2047.7338%2037.755%2047.7338%2037.555C47.7338%2037.315%2047.6088%2037.14%2047.3588%2037.03C47.1088%2036.91%2046.7038%2036.78%2046.1438%2036.64C45.5438%2036.5%2045.0438%2036.355%2044.6438%2036.205C44.2438%2036.045%2043.8988%2035.8%2043.6088%2035.47C43.3188%2035.13%2043.1738%2034.675%2043.1738%2034.105C43.1738%2033.625%2043.3038%2033.19%2043.5638%2032.8C43.8338%2032.4%2044.2238%2032.085%2044.7338%2031.855C45.2538%2031.625%2045.8688%2031.51%2046.5788%2031.51C47.6288%2031.51%2048.4538%2031.77%2049.0538%2032.29C49.6638%2032.81%2050.0138%2033.5%2050.1038%2034.36H47.7338C47.6938%2034.07%2047.5638%2033.84%2047.3438%2033.67C47.1338%2033.5%2046.8538%2033.415%2046.5038%2033.415C46.2038%2033.415%2045.9738%2033.475%2045.8138%2033.595C45.6538%2033.705%2045.5738%2033.86%2045.5738%2034.06C45.5738%2034.3%2045.6988%2034.48%2045.9488%2034.6C46.2088%2034.72%2046.6088%2034.84%2047.1488%2034.96C47.7688%2035.12%2048.2738%2035.28%2048.6638%2035.44C49.0538%2035.59%2049.3938%2035.84%2049.6838%2036.19C49.9838%2036.53%2050.1388%2036.99%2050.1488%2037.57C50.1488%2038.06%2050.0088%2038.5%2049.7288%2038.89C49.4588%2039.27%2049.0638%2039.57%2048.5438%2039.79C48.0338%2040.01%2047.4388%2040.12%2046.7588%2040.12ZM53.0081%2030.76C52.5581%2030.76%2052.1881%2030.63%2051.8981%2030.37C51.6181%2030.1%2051.4781%2029.77%2051.4781%2029.38C51.4781%2028.98%2051.6181%2028.65%2051.8981%2028.39C52.1881%2028.12%2052.5581%2027.985%2053.0081%2027.985C53.4481%2027.985%2053.8081%2028.12%2054.0881%2028.39C54.3781%2028.65%2054.5231%2028.98%2054.5231%2029.38C54.5231%2029.77%2054.3781%2030.1%2054.0881%2030.37C53.8081%2030.63%2053.4481%2030.76%2053.0081%2030.76ZM54.2831%2031.63V40H51.7181V31.63H54.2831ZM59.5469%2040.12C58.8169%2040.12%2058.1669%2039.995%2057.5969%2039.745C57.0269%2039.495%2056.5769%2039.155%2056.2469%2038.725C55.9169%2038.285%2055.7319%2037.795%2055.6919%2037.255H58.2269C58.2569%2037.545%2058.3919%2037.78%2058.6319%2037.96C58.8719%2038.14%2059.1669%2038.23%2059.5169%2038.23C59.8369%2038.23%2060.0819%2038.17%2060.2519%2038.05C60.4319%2037.92%2060.5219%2037.755%2060.5219%2037.555C60.5219%2037.315%2060.3969%2037.14%2060.1469%2037.03C59.8969%2036.91%2059.4919%2036.78%2058.9319%2036.64C58.3319%2036.5%2057.8319%2036.355%2057.4319%2036.205C57.0319%2036.045%2056.6869%2035.8%2056.3969%2035.47C56.1069%2035.13%2055.9619%2034.675%2055.9619%2034.105C55.9619%2033.625%2056.0919%2033.19%2056.3519%2032.8C56.6219%2032.4%2057.0119%2032.085%2057.5219%2031.855C58.0419%2031.625%2058.6569%2031.51%2059.3669%2031.51C60.4169%2031.51%2061.2419%2031.77%2061.8419%2032.29C62.4519%2032.81%2062.8019%2033.5%2062.8919%2034.36H60.5219C60.4819%2034.07%2060.3519%2033.84%2060.1319%2033.67C59.9219%2033.5%2059.6419%2033.415%2059.2919%2033.415C58.9919%2033.415%2058.7619%2033.475%2058.6019%2033.595C58.4419%2033.705%2058.3619%2033.86%2058.3619%2034.06C58.3619%2034.3%2058.4869%2034.48%2058.7369%2034.6C58.9969%2034.72%2059.3969%2034.84%2059.9369%2034.96C60.5569%2035.12%2061.0619%2035.28%2061.4519%2035.44C61.8419%2035.59%2062.1819%2035.84%2062.4719%2036.19C62.7719%2036.53%2062.9269%2036.99%2062.9369%2037.57C62.9369%2038.06%2062.7969%2038.5%2062.5169%2038.89C62.2469%2039.27%2061.8519%2039.57%2061.3319%2039.79C60.8219%2040.01%2060.2269%2040.12%2059.5469%2040.12ZM69.1712%2037.825V40H67.8662C66.9362%2040%2066.2112%2039.775%2065.6912%2039.325C65.1712%2038.865%2064.9112%2038.12%2064.9112%2037.09V33.76H63.8912V31.63H64.9112V29.59H67.4762V31.63H69.1562V33.76H67.4762V37.12C67.4762%2037.37%2067.5362%2037.55%2067.6562%2037.66C67.7762%2037.77%2067.9762%2037.825%2068.2562%2037.825H69.1712ZM70.0899%2035.8C70.0899%2034.94%2070.2499%2034.185%2070.5699%2033.535C70.8999%2032.885%2071.3449%2032.385%2071.9049%2032.035C72.4649%2031.685%2073.0899%2031.51%2073.7799%2031.51C74.3699%2031.51%2074.8849%2031.63%2075.3249%2031.87C75.7749%2032.11%2076.1199%2032.425%2076.3599%2032.815V31.63H78.9249V40H76.3599V38.815C76.1099%2039.205%2075.7599%2039.52%2075.3099%2039.76C74.8699%2040%2074.3549%2040.12%2073.7649%2040.12C73.0849%2040.12%2072.4649%2039.945%2071.9049%2039.595C71.3449%2039.235%2070.8999%2038.73%2070.5699%2038.08C70.2499%2037.42%2070.0899%2036.66%2070.0899%2035.8ZM76.3599%2035.815C76.3599%2035.175%2076.1799%2034.67%2075.8199%2034.3C75.4699%2033.93%2075.0399%2033.745%2074.5299%2033.745C74.0199%2033.745%2073.5849%2033.93%2073.2249%2034.3C72.8749%2034.66%2072.6999%2035.16%2072.6999%2035.8C72.6999%2036.44%2072.8749%2036.95%2073.2249%2037.33C73.5849%2037.7%2074.0199%2037.885%2074.5299%2037.885C75.0399%2037.885%2075.4699%2037.7%2075.8199%2037.33C76.1799%2036.96%2076.3599%2036.455%2076.3599%2035.815ZM85.8806%2031.54C86.8606%2031.54%2087.6406%2031.86%2088.2206%2032.5C88.8106%2033.13%2089.1056%2034%2089.1056%2035.11V40H86.5556V35.455C86.5556%2034.895%2086.4106%2034.46%2086.1206%2034.15C85.8306%2033.84%2085.4406%2033.685%2084.9506%2033.685C84.4606%2033.685%2084.0706%2033.84%2083.7806%2034.15C83.4906%2034.46%2083.3456%2034.895%2083.3456%2035.455V40H80.7806V31.63H83.3456V32.74C83.6056%2032.37%2083.9556%2032.08%2084.3956%2031.87C84.8356%2031.65%2085.3306%2031.54%2085.8806%2031.54ZM95.553%2037.825V40H94.248C93.318%2040%2092.593%2039.775%2092.073%2039.325C91.553%2038.865%2091.293%2038.12%2091.293%2037.09V33.76H90.273V31.63H91.293V29.59H93.858V31.63H95.538V33.76H93.858V37.12C93.858%2037.37%2093.918%2037.55%2094.038%2037.66C94.158%2037.77%2094.358%2037.825%2094.638%2037.825H95.553Z%22%20fill=%22white%22/%3E%0A%3Cpath%20d=%22M147%2022H151.25V24.6667H147V22ZM154.083%2022H164V24.6667H154.083V22ZM159.75%2027.3333H164V30H159.75V27.3333ZM147%2027.3333H156.917V30H147V27.3333Z%22%20fill=%22white%22/%3E%0A%3Cpath%20d=%22M155.5%2015C148.061%2015%20142%2019.9126%20142%2025.9474C142%2029.9295%20144.565%2033.4874%20148.75%2035.4305V39.6316C148.75%2040.1516%20149.034%2040.6168%20149.493%2040.8495C149.682%2040.9453%20149.884%2041%20150.1%2041C150.384%2041%20150.667%2040.9042%20150.91%2040.7263L155.959%2036.8947C163.195%2036.7032%20169%2031.8726%20169%2025.9474C169%2020.0221%20162.939%2015%20155.5%2015ZM155.5%2034.1579C155.203%2034.1579%20154.919%2034.2537%20154.69%2034.4316L151.45%2036.8947V34.5274C151.45%2033.9663%20151.112%2033.46%20150.586%2033.2547C146.954%2031.8316%20144.7%2029.04%20144.7%2025.9474C144.7%2021.4179%20149.547%2017.7368%20155.5%2017.7368C161.454%2017.7368%20166.3%2021.4179%20166.3%2025.9474C166.3%2030.4768%20161.454%2034.1579%20155.5%2034.1579Z%22%20fill=%22white%22/%3E%0A%3Cpath%20d=%22M138.857%206C138.857%207.73714%20140.263%209.14286%20142%209.14286V10.8571C140.263%2010.8571%20138.857%2012.2629%20138.857%2014H137.143C137.143%2012.2629%20135.737%2010.8571%20134%2010.8571V9.14286C135.737%209.14286%20137.143%207.73714%20137.143%206H138.857ZM138%208.75543C137.663%209.2418%20137.242%209.66342%20136.755%2010C137.242%2010.336%20137.664%2010.7566%20138%2011.2434C138.336%2010.7576%20138.758%2010.3363%20139.243%2010C138.757%209.66331%20138.336%209.2417%20138%208.75543Z%22%20fill=%22white%22/%3E%0A%3Cpath%20d=%22M134.286%2016C134.286%2018.6057%20136.394%2020.7143%20139%2020.7143V23.2857C136.394%2023.2857%20134.286%2025.3943%20134.286%2028H131.714C131.714%2025.3943%20129.606%2023.2857%20127%2023.2857V20.7143C129.606%2020.7143%20131.714%2018.6057%20131.714%2016H134.286ZM133%2020.1331C132.495%2020.8627%20131.863%2021.4951%20131.133%2022C131.863%2022.504%20132.496%2023.1349%20133%2023.8651C133.505%2023.1363%20134.136%2022.5045%20134.865%2022C134.136%2021.495%20133.504%2020.8626%20133%2020.1331Z%22%20fill=%22white%22/%3E%0A%3Cdefs%3E%0A%3Cfilter%20id=%22filter0_d_60001_950%22%20x=%220%22%20y=%220%22%20width=%22184%22%20height=%2259%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_60001_950%22/%3E%0A%3CfeBlend%20mode=%22normal%22%20in=%22SourceGraphic%22%20in2=%22effect1_dropShadow_60001_950%22%20result=%22shape%22/%3E%0A%3C/filter%3E%0A%3ClinearGradient%20id=%22paint0_linear_60001_950%22%20x1=%2237%22%20y1=%22110%22%20x2=%22157.114%22%20y2=%22-33.8158%22%20gradientUnits=%22userSpaceOnUse%22%3E%0A%3Cstop%20stop-color=%22%23839E9B%22/%3E%0A%3Cstop%20offset=%220.485156%22%20stop-color=%22%233C6B65%22/%3E%0A%3Cstop%20offset=%220.903846%22%20stop-color=%22%23839E9B%22/%3E%0A%3C/linearGradient%3E%0A%3C/defs%3E%0A%3C/svg%3E") right center / contain no-repeat;
  box-shadow: none;
  z-index: 1030;                /* under the site's Bootstrap modals (1050) */
}
.hdcw-fab > svg { display: none; }
.hdcw-fab:hover { transform: scale(1.02); transform-origin: right center; }
/* 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 band, r15 on top, on the teal
 * gradient (1:9) with a 3px #8B0F11 rule inside its foot (rows 78-81). Mark
 * 47x39 at x13 y15; title Poppins Bold 20/18 at x76 y23; subtitle Poppins
 * Regular 12 at x76 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 12px;
  gap: 0;
  background: linear-gradient(123deg, #839E9B 16.6%, #3C6B65 28.4%, #839E9B 67.7%);
  box-shadow: inset 0 -3px 0 #8B0F11;
}
.hdcw-head::before {
  content: '';
  flex: 0 0 49px;
  height: 41px;
  margin: 14px 15px 0 0;        /* ink at x13 y15, title at x76 */
  background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width=%2249%22%20height=%2241%22%20viewBox=%22-1%20-1%2049%2041%22%20fill=%22none%22%20xmlns=%22http://www.w3.org/2000/svg%22%3E%0A%3Cpath%20d=%22M22.2857%2017.8286H27.0214V20.8H22.2857V17.8286ZM30.1786%2017.8286H41.2286V20.8H30.1786V17.8286ZM36.4928%2023.7714H41.2286V26.7428H36.4928V23.7714ZM22.2857%2023.7714H33.3357V26.7428H22.2857V23.7714Z%22%20fill=%22white%22/%3E%0A%3Cpath%20d=%22M31.7572%2010.0286C23.4685%2010.0286%2016.7143%2015.5026%2016.7143%2022.2271C16.7143%2026.6643%2019.5724%2030.6288%2024.2357%2032.794V37.4752C24.2357%2038.0546%2024.5516%2038.573%2025.0631%2038.8323C25.2737%2038.939%2025.4993%2039%2025.74%2039C26.0559%2039%2026.3718%2038.8933%2026.6426%2038.695L32.2686%2034.4256C40.3316%2034.2121%2046.8%2028.8295%2046.8%2022.2271C46.8%2015.6246%2040.0458%2010.0286%2031.7572%2010.0286ZM31.7572%2031.3759C31.4262%2031.3759%2031.1103%2031.4827%2030.8546%2031.6809L27.2443%2034.4256V31.7876C27.2443%2031.1625%2026.8682%2030.5983%2026.2816%2030.3696C22.235%2028.7838%2019.7229%2025.6731%2019.7229%2022.2271C19.7229%2017.1799%2025.1233%2013.0782%2031.7572%2013.0782C38.3911%2013.0782%2043.7914%2017.1799%2043.7914%2022.2271C43.7914%2027.2742%2038.3911%2031.3759%2031.7572%2031.3759Z%22%20fill=%22white%22/%3E%0A%3Cpath%20d=%22M13.2122%200C13.2122%201.93567%2014.7786%203.50204%2016.7143%203.50204V5.41225C14.7786%205.41225%2013.2122%206.97861%2013.2122%208.91429H11.302C11.302%206.97861%209.73566%205.41225%207.79999%205.41225V3.50204C9.73566%203.50204%2011.302%201.93567%2011.302%200H13.2122ZM12.2571%203.07033C11.8821%203.61229%2011.4123%204.0821%2010.8703%204.45714C11.4128%204.83154%2011.8827%205.30018%2012.2571%205.84268C12.6319%205.30129%2013.1013%204.83193%2013.6427%204.45714C13.1012%204.08198%2012.6318%203.61218%2012.2571%203.07033Z%22%20fill=%22white%22/%3E%0A%3Cpath%20d=%22M8.11837%2011.1429C8.11837%2014.0464%2010.4679%2016.3959%2013.3714%2016.3959V19.2613C10.4679%2019.2613%208.11837%2021.6108%208.11837%2024.5143H5.25306C5.25306%2021.6108%202.90351%2019.2613%200%2019.2613V16.3959C2.90351%2016.3959%205.25306%2014.0464%205.25306%2011.1429H8.11837ZM6.68571%2015.7484C6.12315%2016.5613%205.41844%2017.266%204.6055%2017.8286C5.41925%2018.3902%206.12411%2019.0932%206.68571%2019.9069C7.24789%2019.0948%207.95193%2018.3908%208.76402%2017.8286C7.95176%2017.2659%207.24771%2016.5612%206.68571%2015.7484Z%22%20fill=%22white%22/%3E%0A%3C/svg%3E") center / contain no-repeat;
}
.hdcw-head > div { margin-top: 18px; min-width: 0; padding-right: 12px; }
/* Bold 20 on the artwork's 18px line would clip the "g" under the
 * overflow:hidden the ellipsis needs: a 28px line, 5px higher, puts the cap
 * line on the same row (25) with the descender inside the box. */
.hdcw-head b {
  font-size: 20px;
  line-height: 28px;
  font-weight: 700;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.hdcw-head small {
  display: block;
  margin-top: -1px;             /* the subtitle box at y45 */
  opacity: 1;
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
  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, Poppins Regular
 * 14/21 with 1% tracking, text 22px in. Fixed 334px (91.3%) wide on every
 * artboard.
 * User (37:388 / 42:676 / 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: 13px 22px;
  font-size: 14px;
  line-height: 21px;
  letter-spacing: .01em;
}
.hdcw-bot {
  width: 91.3%;                 /* 334 of the 366 column */
  max-width: 91.3%;
  box-sizing: border-box;
  background: #EDEDED;
  border-color: #C7C7C7;
  border-radius: 10px 10px 10px 0;
  padding: 13.5px 22px 11.5px 21px;  /* text box 14px under the outer edge (37:323); 69 tall for two lines (the artwork's 62-68), 48 for one (47-51) */
}
/* The greeting (1:11, identical on the seven artboards that show it):
 * Poppins 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 2.5px bottom margin: that grows its
 * own line only, whatever the admin copy after it. Other bold runs ("91
 * cars") are Bold too (16:206). A first bubble followed by a car card (the
 * vehicle page's "Interested in **this car**?" line) or by the stock section
 * heads (/search without a greeting) is not the greeting and keeps the plain
 * bubble (CON-1024 coordinator, same scoping as tpw). */
.hdcw-msgs > .hdcw-bot:first-child:not(:has(+ .hdcw-cars, + .hdcw-ghead)) { letter-spacing: 0; padding: 13.5px 22px 14px 21px; margin-bottom: 1px; }  /* the next bubble 11px under it (02-help1) */
.hdcw-bot b, .hdcw-bot strong { font-weight: 700; }
.hdcw-msgs > .hdcw-bot:first-child:not(:has(+ .hdcw-cars, + .hdcw-ghead)) b,
.hdcw-msgs > .hdcw-bot:first-child:not(:has(+ .hdcw-cars, + .hdcw-ghead)) strong { display: inline-block; margin-bottom: 2.5px; }
/* The stock counters bubble (16:205 on 15-browse, the bubble the POPULAR
 * head follows): 15px under the greeting, 63 tall, text box 14px down. */
.hdcw-msgs > .hdcw-bot:not(:first-child):has(+ .hdcw-ghead) { margin-top: 4px; padding-top: 13px; padding-bottom: 6px; }
.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, Poppins 14 on a 19px
 * leading, SemiBold underlined car links, text box 28px under the top edge,
 * 284 wide, and 11px above the bottom one. */
.hdcw-bot:has(a.hdcw-link) {
  background: #fff;
  border-color: #E4E6EA;
  line-height: 19px;
  padding: 27px 27px 10px 21px;
}
.hdcw-user { border-radius: 10px 10px 0 10px; font-weight: 400; padding: 13.5px 17px 13.5px 24px; }  /* 37:388: text 24px in, 17px from the right, 48 tall; no border on user bubbles (the others are hand-sized 15-26 / 8-28) */
.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): Poppins Regular 12/18 (NOT
 * italic), #6D6D6D, x20. */
.hdcw-status { font-style: normal; font-size: 12px; line-height: 18px; margin: 1px 0 0; }  /* 11px under the bubble, 10px above the cards (19:537) */

/* ---------- Openers (lozenge 12:145): 361x72 r2 boxes: a #8B0F11 base
 * (Rectangle 6 30001:622) under a 353px silver sheen (Rectangle 7 64001:580)
 * 8px in, so 8px of red shows as a stripe on the left; NO stroke, NO
 * shadow. #8B0F11 glyph at the artwork's own offsets; #8B0F11 chevron 6x12
 * at x336.5 y29.5; title Poppins SemiBold 15 at x66.5 (box y18); caption
 * Regular 12 at x66.5 (box y40) (::after - the widget renders one label).
 * Tops at y229 / 310 / 391 (9px apart); "Something else" (57 tall) at 473. */
.hdcw-opener { gap: 9px; margin: 0 5px 0 0; }  /* 361 wide: x16..377 */
/* The home list sits 39px under the greeting bubble (190 -> 229), not the
 * column's 10px (+1 greeting margin); the context CTA keeps the widget's own spacing. */
.hdcw-opener:has(.hdcw-op-else) { margin-top: 28px; }
.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 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 {
  box-sizing: border-box;
  min-height: 72px;
  border: 0;
  border-radius: 2px;
  padding: 20px 44px 14px 66.5px;  /* 20 + 20 title + 18 caption + 14 = 72: title cap row 23.5, caption 44 */
  /* chevron, the 353px sheen 8px in, the red base that shows as the stripe;
   * restated on :hover so nothing in the widget's own hover can drop a layer */
  background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width=%228%22%20height=%2214%22%20viewBox=%22-1%20-1%208%2014%22%20fill=%22none%22%20xmlns=%22http://www.w3.org/2000/svg%22%3E%0A%3Cpath%20d=%22M5.40984e-09%201.215L1.00917%202.18156e-07L6%206L1.00917%2012L4.23728e-07%2010.785L3.97792%206L5.40984e-09%201.215Z%22%20fill=%22%238B0F11%22/%3E%0A%3C/svg%3E") no-repeat right 17px top 28px / 8px 14px,
              linear-gradient(101.3deg, #E4E4E4 2%, #FFFFFF 24.8%, #E4E4E4 57%) no-repeat 8px 0 / calc(100% - 8px) 100%,
              #8B0F11;
  color: #000000;
  text-align: left;
  box-shadow: none;
  font-size: 15px;
  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 { opacity: .9; }
/* Glyph boxes = the export + 1px bezel, placed from the box's top-left
 * (artwork ink offset - 1px bezel). */
.hdcw-opener button.hdcw-op-used::before,
.hdcw-opener button.hdcw-op-new::before,
.hdcw-opener button.hdcw-op-quiz::before,
.hdcw-opener button.hdcw-op-alert::before,
.hdcw-opener button.hdcw-op-else::before {
  content: '';
  position: absolute;
  background: center / contain no-repeat;
}
.hdcw-opener button.hdcw-op-used::before,
.hdcw-opener button.hdcw-op-new::before { left: 22px; top: 20px; width: 24px; height: 24px; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width=%2224%22%20height=%2224%22%20viewBox=%22-1%20-1%2024%2024%22%20fill=%22none%22%20xmlns=%22http://www.w3.org/2000/svg%22%3E%0A%3Cpath%20d=%22M11%2021C16.5228%2021%2021%2016.5228%2021%2011C21%205.47715%2016.5228%201%2011%201C5.47715%201%201%205.47715%201%2011C1%2016.5228%205.47715%2021%2011%2021ZM11%2021V13.2222M11%2013.2222C12.2273%2013.2222%2013.2222%2012.2273%2013.2222%2011M11%2013.2222C9.77273%2013.2222%208.77776%2012.2273%208.77776%2011M13.2222%2011C13.2222%209.77273%2012.2273%208.77776%2011%208.77776C9.77273%208.77776%208.77776%209.77273%208.77776%2011M13.2222%2011L20.7222%208.77776M8.77776%2011L1.27778%208.77776%22%20stroke=%22%238B0F11%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22/%3E%0A%3C/svg%3E"); }
.hdcw-opener button.hdcw-op-quiz::before { left: 25px; top: 20px; width: 22px; height: 22px; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width=%2222%22%20height=%2222%22%20viewBox=%22-1%20-1%2022%2022%22%20fill=%22none%22%20xmlns=%22http://www.w3.org/2000/svg%22%3E%0A%3Cpath%20d=%22M9.2%202C7.94%202.12%206.72%202.53%205.64%203.2L4.64%201.47C5.9544%200.637413%207.4498%200.13323%209%200M15.53%204.25C14.62%203.39%2013.53%202.73%2012.34%202.33L13%200.39C14.5%200.84%2015.89%201.66%2017%202.78M3.34%205.41C2.64352%206.43562%202.18564%207.60423%202%208.83L0%208.55C0.2%207%200.79%205.5%201.7%204.23M20%2010V10.66L18%2010.5V10C18%208.92%2017.81%207.86%2017.39%206.86L19.22%206.06C19.75%207.31%2020%208.65%2020%2010ZM4%2015.3L2.5%2016.61C1.47076%2015.4316%200.718971%2014.0374%200.3%2012.53L2.17%2012C2.53%2013.22%203.16%2014.35%204%2015.3ZM10.14%2020H10C8.5%2020%207%2019.68%205.64%2019.07L6.53%2017.24C7.62%2017.75%208.8%2018%2010%2018H10.19M15%2019H13V13H19V15H16.42L19.14%2017.76L17.73%2019.17L15%2016.5%22%20fill=%22%238B0F11%22/%3E%0A%3C/svg%3E"); }
.hdcw-opener button.hdcw-op-alert::before { left: 25px; top: 23px; width: 23px; height: 19px; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width=%2223%22%20height=%2219%22%20viewBox=%22-1%20-1%2023%2019%22%20fill=%22none%22%20xmlns=%22http://www.w3.org/2000/svg%22%3E%0A%3Cpath%20d=%22M18.9%200H2.1C0.94185%200%200%200.953062%200%202.125V14.875C0%2016.0469%200.94185%2017%202.1%2017H18.9C20.0581%2017%2021%2016.0469%2021%2014.875V2.125C21%200.953062%2020.0581%200%2018.9%200ZM18.9%202.125V2.66794L10.5%209.27987L2.1%202.669V2.125H18.9ZM2.1%2014.875V5.35925L9.8553%2011.4633C10.0392%2011.6095%2010.2662%2011.6889%2010.5%2011.6889C10.7338%2011.6889%2010.9608%2011.6095%2011.1447%2011.4633L18.9%205.35925L18.9021%2014.875H2.1Z%22%20fill=%22%238B0F11%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: 0;
  text-align: left;
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
  letter-spacing: 0;
  color: #000000;
}
.hdcw-opener button.hdcw-op-used::after {
  /* The artwork's caption wording (30002:640); the stock number is live
   * since CON-995 (which overrides the "verbatim number" rule): see the
   * [data-stock] rule below. This number-free line shows until the count
   * arrives, or if it cannot. */
  content: 'Cars in stock';
}
/* CON-995: live used-stock count. The widget sets data-stock on the button
 * and this rule prints it ("Over" dropped: the number is exact). Roll back:
 * delete this rule and put the artwork's caption back above:
 * 'Over 90 cars in stock'. */
.hdcw-opener button.hdcw-op-used[data-stock]::after { content: attr(data-stock) ' cars in stock'; }
/* No New Cars opener in this artwork (the dealer sells used only, and new
 * cars are off by default - CON-1020); 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: 64001:590 + 64001:591): the same box at
 * 361x57, 10px under the alert opener (1px more than the column gap). Title
 * box at y17; "?" bubble 19x19 (stroke 1.5) @28.5,16.5; chevron x336.5
 * y20.5. The background is the shorthand WITH no-repeat on every layer,
 * also on :hover - the widget's own .hdcw-else:hover is a background
 * shorthand (CON-988 dh2 tiling trap). */
.hdcw-opener .hdcw-else.hdcw-op-else,
.hdcw-opener .hdcw-else.hdcw-op-else:hover {
  box-sizing: border-box;
  min-height: 57px;
  margin-top: 1px;
  border: 0;
  border-radius: 2px;
  padding: 18px 44px 17px 66.5px;
  background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width=%228%22%20height=%2214%22%20viewBox=%22-1%20-1%208%2014%22%20fill=%22none%22%20xmlns=%22http://www.w3.org/2000/svg%22%3E%0A%3Cpath%20d=%22M5.40984e-09%201.215L1.00917%202.18156e-07L6%206L1.00917%2012L4.23728e-07%2010.785L3.97792%206L5.40984e-09%201.215Z%22%20fill=%22%238B0F11%22/%3E%0A%3C/svg%3E") no-repeat right 17px top 19px / 8px 14px,
              linear-gradient(99deg, #E4E4E4 1.2%, #FFFFFF 24.1%, #E4E4E4 56.3%) no-repeat 8px 0 / calc(100% - 8px) 100%,
              #8B0F11;
  color: #000000;
  text-align: left;
  box-shadow: none;
  font-size: 15px;
  font-weight: 600;
  line-height: 22px;
}
.hdcw-opener button.hdcw-op-else::before { left: 27px; top: 14.5px; width: 23px; height: 23px; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width=%2223%22%20height=%2223%22%20viewBox=%22-1%20-1%2023%2023%22%20fill=%22none%22%20xmlns=%22http://www.w3.org/2000/svg%22%3E%0A%3Cpath%20d=%22M20.2317%2010.5C20.2317%2013.081%2019.2064%2015.5563%2017.3814%2017.3814C15.5563%2019.2064%2013.081%2020.2317%2010.5%2020.2317C8.8323%2020.2317%207.26293%2019.8117%205.89025%2019.0731C3.97669%2018.0416%202.68903%2019.0004%201.55298%2019.1725C1.46803%2019.1847%201.3814%2019.1765%201.3002%2019.1488C1.21901%2019.121%201.14555%2019.0743%201.08586%2019.0127C0.996738%2018.9181%200.937761%2018.7991%200.91642%2018.6708C0.895079%2018.5426%200.912339%2018.4109%200.966005%2018.2925C1.41264%2017.2425%201.82137%2015.2511%201.26308%2013.5732C0.93433%2012.582%200.767266%2011.5443%200.768297%2010.5C0.768297%207.91899%201.7936%205.44369%203.61865%203.61864C5.4437%201.79359%207.919%200.768293%2010.5%200.768293C13.081%200.768293%2015.5563%201.79359%2017.3814%203.61864C19.2064%205.44369%2020.2317%207.91899%2020.2317%2010.5Z%22%20stroke=%22%238B0F11%22%20stroke-width=%221.5%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22/%3E%0A%3Cpath%20d=%22M7.93902%207.93901C7.93919%207.49782%208.05333%207.06415%208.27038%206.68004C8.48744%206.29593%208.80004%205.97441%209.17789%205.74665C9.55575%205.51888%209.98604%205.39259%2010.427%205.38003C10.8681%205.36746%2011.3048%205.46904%2011.6951%205.67492C12.0853%205.88079%2012.4157%206.18399%2012.6542%206.55511C12.8928%206.92624%2013.0315%207.3527%2013.0568%207.79317C13.0821%208.23364%2012.9931%208.67317%2012.7986%209.06916C12.6041%209.46515%2012.3105%209.80417%2011.9464%2010.0534C11.2458%2010.5328%2010.5%2011.1884%2010.5%2012.0366M10.628%2015.3658H10.5M10.7561%2015.3658C10.7561%2015.4338%2010.7291%2015.4989%2010.6811%2015.5469C10.6331%2015.595%2010.5679%2015.6219%2010.5%2015.6219C10.4321%2015.6219%2010.3669%2015.595%2010.3189%2015.5469C10.2709%2015.4989%2010.2439%2015.4338%2010.2439%2015.3658C10.2439%2015.2979%2010.2709%2015.2328%2010.3189%2015.1847C10.3669%2015.1367%2010.4321%2015.1097%2010.5%2015.1097C10.5679%2015.1097%2010.6331%2015.1367%2010.6811%2015.1847C10.7291%2015.2328%2010.7561%2015.2979%2010.7561%2015.3658Z%22%20stroke=%22%238B0F11%22%20stroke-width=%221.53659%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" 66001:702):
 * 349x55 at x24, r10, flat #8B0F11, white Poppins Bold 16, centred. */
.hdcw-opener button.hdcw-op-ctx {
  min-height: 55px;
  margin: 0 4px 0 8px;          /* 349 wide at x24 (16-browse-auto), in the 361 column */
  border: 0;
  border-radius: 10px;
  padding: 15.5px 0;
  background: #8B0F11;
  color: #fff;
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
}
.hdcw-opener button.hdcw-op-ctx:hover { opacity: .85; }

/* ---------- Chips (item 16:212): 31px white, r10, NO border, 0/4/4 25%
 * shadow, Poppins Regular 12/13 black, centred, 5px gaps both ways. 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: 8px 13px;            /* +1px transparent border: text box 9px down, 14px in (124 = 96 + 28 for "Automatic (155)") */
  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 HMG 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): Poppins Bold 11 #6D6D6D, tracking 0,
 * x24. */
.hdcw-ghead {
  letter-spacing: 0;
  font-size: 11px;
  line-height: 17px;
  margin: 3px 6px -5px 8px;     /* box 13px under a bubble, 5px above its chips */
}
.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 Poppins 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, #8B0F11, white ink), both
 * Poppins Regular 12/13 ls -1%. */
.hdcw-cars { gap: 14px; padding: 2px 2px 0; }
.hdcw-cars + .hdcw-chips { margin-top: -1px; }  /* model chips 9px 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: 5.5px 11px 4.5px; }  /* title cap 124 / 142, price 161, monthly 177, meta 195.5, bar rule 213 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: 18px;
  letter-spacing: .01em;
  max-height: 36px;
}
.hdcw-car .hdcw-price { color: #000000; font-size: 12px; font-weight: 700; line-height: 19px; margin-top: 0; }
.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: 7px 0 9px;           /* text box 8px under the rule (19:565 @+8) */
  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: #8B0F11;
  color: #fff;
}
.hdcw-car .hdcw-pick--primary:only-child { border-left: 0; border-radius: 0 0 9px 9px; }
.hdcw-car .hdcw-pick--primary:hover { background: #8B0F11; opacity: .85; color: #fff; }

/* ---------- Footer (24:712): #E4E6EA band 400x129. Input 299x51 @21,20,
 * r10, 1px #000000, placeholder Poppins Regular 14 ls 1% black, 19px in.
 * Send: the red 52px circle 8px right of it. Disclosure: Poppins Regular
 * 12/15 ls 0.1px, black, centred in a 307px 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: 4.5px 18px 0 18.5px;  /* placeholder cap row 632.5, first column x41 */
  font-size: 14px;
  line-height: 46px;
  letter-spacing: .01em;
}
/* font: inherit - HMG's style.css line 5494 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: #8B0F11; }
.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%238B0F11%22/%3E%0A%3Cpath%20d=%22M33.9108%2020.7147C34.3279%2019.6967%2033.2099%2018.7101%2032.0562%2019.079L17.9556%2023.5789C16.798%2023.9486%2016.658%2025.3424%2017.7229%2025.8867L22.2239%2028.1861L26.2431%2024.6395C26.4252%2024.4843%2026.6691%2024.3985%2026.9222%2024.4004C27.1754%2024.4023%2027.4176%2024.4919%2027.5966%2024.6499C27.7756%2024.8078%2027.8771%2025.0215%2027.8793%2025.2449C27.8815%2025.4683%2027.7842%2025.6835%2027.6083%2025.8441L23.5891%2029.3907L26.1958%2033.3624C26.8118%2034.302%2028.3913%2034.1777%2028.8103%2033.1571L33.9108%2020.7147Z%22%20fill=%22white%22/%3E%0A%3C/svg%3E") center / 52px 52px no-repeat;
}
.hdcw-send svg { display: none; }
.hdcw-send:disabled { opacity: .5; }
.hdcw-powered {
  background: #E4E6EA;
  font-size: 12px;
  line-height: 15px;
  letter-spacing: .1px;
  padding: 0 45px 17px 45px;   /* text box at y673 (62001:628), band 129 */
  /* The artwork centres line 1 WITH its trailing space ("mistakes. 
"):
   * break-spaces keeps that space on the line, 1.5px further left, as drawn. */
  white-space: break-spaces;
}
.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 16px 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; }
}