@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@700&display=swap');
/* CON-1024 chat widget branding - Ray Crofton Ltd (rcm, template RCM; Kia, Maynooth).
 * Source of truth: the designer's Figma "Ray Crofton Ltd (Ai Assistant)"
 * (read from the work account's duplicate, file eTkoZ9ZgRCWyTbOdQYUCyO)
 * 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/rcm/qa-rcm/;
 * design notes: tickets/CON-1024/rcm/DESIGN-rcm.md. Glyphs are SVG exports of
 * the file's own nodes, each cross-checked against the artboards.
 *
 * Kia black and red: a flat #05141F header with the white person + red
 * sparkles mark; #05141F user bubbles, text and chevrons; #F1F1F1 r10
 * openers with a 1px #B7B7B7 stroke and #E82A16 glyphs; the #E82A16 ->
 * #B6161A vertical gradient on the send circle, the context CTA and the card
 * "I'm Interested" action (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 black tab + red roundel lockup.
 * Type: Outfit (loaded by the site), Montserrat Bold for the section heads
 * (imported above). The panel is 400x720 = the designer's artboard, so
 * offsets transfer 1:1.
 *
 * Regenerate with tickets/CON-1024/rcm/build-theme-rcm.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: #05141F;
  --hdcw-on-accent: #fff;
  --hdcw-font: 'Outfit', 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: #05141F;
  --hdcw-muted: #6D6D6D;        /* POPULAR/LIFESTYLE/MAKES, "Searching our stock..." */
  --hdcw-faint: #C7C7C7;        /* typing dots (decorative) */
  --hdcw-footer: #05141F;         /* disclosure - the instances override #504949 */
  --hdcw-border: #05141F;         /* input stroke 24:705 */
  --hdcw-border-soft: #E4E6EA;
  --hdcw-radius: 15px;          /* panel 1:7, header 1:9 */
  --hdcw-radius-bubble: 10px;
  --hdcw-head-bg: #05141F;
  --hdcw-head-color: #fff;
  --hdcw-user-bg: #05141F;
  --hdcw-user-color: #fff;
  --hdcw-link: #05141F;
  --hdcw-btn-bg: #E82A16;
  --hdcw-btn-color: #fff;
  --hdcw-fab-gap: 12px;         /* no shadow margin in the export: the lockup sits 12px above a bottom bar */
}

/* ---------- Launcher (60001:950): the designer's own 134x47 export. On the
 * 400x720 home artboard the lockup ends 5px from the right edge and 41px
 * from the bottom one (261,632 - 395,679). */
.hdcw-fab {
  width: 134px;
  height: 47px;
  right: 5px;
  bottom: 41px;
  max-width: calc(100vw - 10px);
  border-radius: 0;
  background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width=%22134%22%20height=%2247%22%20viewBox=%220%200%20134%2047%22%20fill=%22none%22%20xmlns=%22http://www.w3.org/2000/svg%22%3E%0A%3Crect%20opacity=%220.95%22%20y=%225%22%20width=%22107%22%20height=%2239%22%20rx=%225%22%20fill=%22%2305141F%22/%3E%0A%3Cellipse%20cx=%22109.76%22%20cy=%2223.5%22%20rx=%2224.2402%22%20ry=%2223.5%22%20fill=%22url(%23paint0_linear_60001_950)%22/%3E%0A%3Cpath%20d=%22M114.516%2028.0618C115.72%2028.0613%20116.891%2028.4618%20117.846%2029.2012C118.801%2029.9406%20119.488%2030.9775%20119.8%2032.151L120.968%2036.5492L119.299%2037L118.132%2032.6029C117.919%2031.8%20117.449%2031.0904%20116.795%2030.5844C116.142%2030.0784%20115.341%2029.8042%20114.517%2029.8044H107.77C106.946%2029.804%20106.145%2030.0783%20105.491%2030.5845C104.837%2031.0908%20104.367%2031.8007%20104.154%2032.6041L102.986%2037L101.317%2036.5492L102.486%2032.151L102.551%2031.9268C102.9%2030.8057%20103.594%2029.8263%20104.533%2029.1311C105.472%2028.4359%20106.606%2028.0613%20107.77%2028.0618H114.516ZM111.143%2013.5405C112.822%2013.5405%20114.433%2014.2137%20115.62%2015.4119C116.808%2016.6102%20117.475%2018.2353%20117.475%2019.9299C117.475%2021.6245%20116.808%2023.2496%20115.62%2024.4479C114.433%2025.6461%20112.822%2026.3193%20111.143%2026.3193C109.464%2026.3193%20107.853%2025.6461%20106.666%2024.4479C105.479%2023.2496%20104.812%2021.6245%20104.812%2019.9299C104.812%2018.2353%20105.479%2016.6102%20106.666%2015.4119C107.853%2014.2137%20109.464%2013.5405%20111.143%2013.5405ZM111.143%2015.2831C109.922%2015.2831%20108.751%2015.7727%20107.887%2016.6441C107.024%2017.5156%20106.538%2018.6975%20106.538%2019.9299C106.538%2021.1623%20107.024%2022.3443%20107.887%2023.2157C108.751%2024.0871%20109.922%2024.5767%20111.143%2024.5767C112.364%2024.5767%20113.536%2024.0871%20114.399%2023.2157C115.263%2022.3443%20115.748%2021.1623%20115.748%2019.9299C115.748%2018.6975%20115.263%2017.5156%20114.399%2016.6441C113.536%2015.7727%20112.364%2015.2831%20111.143%2015.2831Z%22%20fill=%22white%22/%3E%0A%3Cpath%20d=%22M102.722%209C102.722%2010.3146%20103.786%2011.3784%20105.1%2011.3784V12.6757C103.786%2012.6757%20102.722%2013.7395%20102.722%2015.0541H101.425C101.425%2013.7395%20100.361%2012.6757%2099.0464%2012.6757V11.3784C100.361%2011.3784%20101.425%2010.3146%20101.425%209H102.722ZM102.073%2011.0852C101.819%2011.4533%20101.5%2011.7723%20101.132%2012.027C101.5%2012.2813%20101.819%2012.5996%20102.073%2012.968C102.328%2012.6003%20102.647%2012.2816%20103.014%2012.027C102.647%2011.7722%20102.328%2011.4532%20102.073%2011.0852Z%22%20fill=%22white%22/%3E%0A%3Cpath%20d=%22M99.2626%2016.5676C99.2626%2018.5395%20100.858%2020.1351%20102.83%2020.1351V22.0811C100.858%2022.0811%2099.2626%2023.6768%2099.2626%2025.6486H97.3167C97.3167%2023.6768%2095.721%2022.0811%2093.7491%2022.0811V20.1351C95.721%2020.1351%2097.3167%2018.5395%2097.3167%2016.5676H99.2626ZM98.2896%2019.6953C97.9076%2020.2475%2097.429%2020.726%2096.8769%2021.1081C97.4295%2021.4895%2097.9082%2021.9669%2098.2896%2022.5196C98.6714%2021.968%2099.1496%2021.4899%2099.7011%2021.1081C99.1494%2020.7259%2098.6713%2020.2473%2098.2896%2019.6953Z%22%20fill=%22white%22/%3E%0A%3Cpath%20d=%22M33.0548%2021L29.4538%2011.861H31.3648L34.1468%2019.258H33.4058L36.2138%2011.861H38.0988L34.4588%2021H33.0548ZM39.1139%2021V14.721H40.8299V21H39.1139ZM39.9719%2013.707C39.6945%2013.707%2039.4649%2013.616%2039.2829%2013.434C39.1009%2013.2433%2039.0099%2013.0093%2039.0099%2012.732C39.0099%2012.4633%2039.1009%2012.2337%2039.2829%2012.043C39.4649%2011.8523%2039.6945%2011.757%2039.9719%2011.757C40.2579%2011.757%2040.4875%2011.8523%2040.6609%2012.043C40.8429%2012.2337%2040.9339%2012.4633%2040.9339%2012.732C40.9339%2013.0093%2040.8429%2013.2433%2040.6609%2013.434C40.4875%2013.616%2040.2579%2013.707%2039.9719%2013.707ZM42.3385%2021V14.721H44.0415V21H42.3385ZM44.0415%2017.529L43.3785%2017.087C43.4565%2016.3157%2043.6818%2015.709%2044.0545%2015.267C44.4271%2014.8163%2044.9645%2014.591%2045.6665%2014.591C45.9698%2014.591%2046.2428%2014.643%2046.4855%2014.747C46.7281%2014.8423%2046.9491%2015.0027%2047.1485%2015.228L46.0825%2016.45C45.9871%2016.346%2045.8701%2016.268%2045.7315%2016.216C45.6015%2016.164%2045.4498%2016.138%2045.2765%2016.138C44.9125%2016.138%2044.6135%2016.255%2044.3795%2016.489C44.1541%2016.7143%2044.0415%2017.061%2044.0415%2017.529ZM48.7078%2021V12.108H50.4108V21H48.7078ZM47.2388%2016.216V14.721H51.8798V16.216H47.2388ZM55.5155%2021.13C54.9608%2021.13%2054.4668%2021.013%2054.0335%2020.779C53.6088%2020.545%2053.2752%2020.22%2053.0325%2019.804C52.7898%2019.388%2052.6685%2018.907%2052.6685%2018.361V14.721H54.3845V18.322C54.3845%2018.582%2054.4278%2018.8073%2054.5145%2018.998C54.6012%2019.18%2054.7312%2019.3187%2054.9045%2019.414C55.0778%2019.5093%2055.2815%2019.557%2055.5155%2019.557C55.8708%2019.557%2056.1482%2019.4487%2056.3475%2019.232C56.5468%2019.0153%2056.6465%2018.712%2056.6465%2018.322V14.721H58.3495V18.361C58.3495%2018.9157%2058.2282%2019.401%2057.9855%2019.817C57.7515%2020.233%2057.4178%2020.558%2056.9845%2020.792C56.5598%2021.0173%2056.0702%2021.13%2055.5155%2021.13ZM62.3317%2021.13C61.7597%2021.13%2061.244%2020.987%2060.7847%2020.701C60.3253%2020.415%2059.9657%2020.025%2059.7057%2019.531C59.4457%2019.037%2059.3157%2018.4823%2059.3157%2017.867C59.3157%2017.243%2059.4457%2016.684%2059.7057%2016.19C59.9657%2015.696%2060.3253%2015.306%2060.7847%2015.02C61.244%2014.734%2061.7597%2014.591%2062.3317%2014.591C62.7823%2014.591%2063.1853%2014.682%2063.5407%2014.864C63.896%2015.046%2064.1777%2015.3017%2064.3857%2015.631C64.6023%2015.9517%2064.7193%2016.3157%2064.7367%2016.723V18.985C64.7193%2019.401%2064.6023%2019.7693%2064.3857%2020.09C64.1777%2020.4107%2063.896%2020.6663%2063.5407%2020.857C63.1853%2021.039%2062.7823%2021.13%2062.3317%2021.13ZM62.6437%2019.557C63.1203%2019.557%2063.506%2019.401%2063.8007%2019.089C64.0953%2018.7683%2064.2427%2018.3567%2064.2427%2017.854C64.2427%2017.5247%2064.1733%2017.2343%2064.0347%2016.983C63.9047%2016.723%2063.7183%2016.5237%2063.4757%2016.385C63.2417%2016.2377%2062.9643%2016.164%2062.6437%2016.164C62.3317%2016.164%2062.0543%2016.2377%2061.8117%2016.385C61.5777%2016.5237%2061.3913%2016.723%2061.2527%2016.983C61.1227%2017.2343%2061.0577%2017.5247%2061.0577%2017.854C61.0577%2018.192%2061.1227%2018.491%2061.2527%2018.751C61.3913%2019.0023%2061.5777%2019.2017%2061.8117%2019.349C62.0543%2019.4877%2062.3317%2019.557%2062.6437%2019.557ZM64.1517%2021V19.31L64.4247%2017.776L64.1517%2016.268V14.721H65.8417V21H64.1517ZM67.3482%2021V11.601H69.0512V21H67.3482ZM22.427%2035L26.106%2025.861H27.549L31.215%2035H29.33L26.496%2027.499H27.146L24.273%2035H22.427ZM24.377%2033.297V31.815H29.291V33.297H24.377ZM34.372%2035.143C34.0166%2035.143%2033.6656%2035.0953%2033.319%2035C32.981%2034.9047%2032.669%2034.7747%2032.383%2034.61C32.097%2034.4367%2031.85%2034.2287%2031.642%2033.986L32.656%2032.959C32.8726%2033.2017%2033.124%2033.3837%2033.41%2033.505C33.696%2033.6263%2034.0123%2033.687%2034.359%2033.687C34.6363%2033.687%2034.8443%2033.648%2034.983%2033.57C35.1303%2033.492%2035.204%2033.375%2035.204%2033.219C35.204%2033.0457%2035.126%2032.9113%2034.97%2032.816C34.8226%2032.7207%2034.6276%2032.6427%2034.385%2032.582C34.1423%2032.5127%2033.8866%2032.439%2033.618%2032.361C33.358%2032.2743%2033.1066%2032.166%2032.864%2032.036C32.6213%2031.8973%2032.422%2031.711%2032.266%2031.477C32.1186%2031.2343%2032.045%2030.9223%2032.045%2030.541C32.045%2030.1423%2032.1403%2029.7957%2032.331%2029.501C32.5303%2029.2063%2032.812%2028.9767%2033.176%2028.812C33.54%2028.6473%2033.969%2028.565%2034.463%2028.565C34.983%2028.565%2035.451%2028.656%2035.867%2028.838C36.2916%2029.02%2036.6426%2029.293%2036.92%2029.657L35.893%2030.684C35.7023%2030.45%2035.4856%2030.281%2035.243%2030.177C35.009%2030.073%2034.7533%2030.021%2034.476%2030.021C34.2246%2030.021%2034.0296%2030.06%2033.891%2030.138C33.761%2030.216%2033.696%2030.3243%2033.696%2030.463C33.696%2030.619%2033.7696%2030.7403%2033.917%2030.827C34.073%2030.9137%2034.2723%2030.9917%2034.515%2031.061C34.7576%2031.1217%2035.009%2031.1953%2035.269%2031.282C35.5376%2031.36%2035.789%2031.4727%2036.023%2031.62C36.2656%2031.7673%2036.4606%2031.9623%2036.608%2032.205C36.764%2032.4477%2036.842%2032.7597%2036.842%2033.141C36.842%2033.7563%2036.621%2034.246%2036.179%2034.61C35.737%2034.9653%2035.1346%2035.143%2034.372%2035.143ZM40.1483%2035.143C39.793%2035.143%2039.442%2035.0953%2039.0953%2035C38.7573%2034.9047%2038.4453%2034.7747%2038.1593%2034.61C37.8733%2034.4367%2037.6263%2034.2287%2037.4183%2033.986L38.4323%2032.959C38.649%2033.2017%2038.9003%2033.3837%2039.1863%2033.505C39.4723%2033.6263%2039.7887%2033.687%2040.1353%2033.687C40.4127%2033.687%2040.6207%2033.648%2040.7593%2033.57C40.9067%2033.492%2040.9803%2033.375%2040.9803%2033.219C40.9803%2033.0457%2040.9023%2032.9113%2040.7463%2032.816C40.599%2032.7207%2040.404%2032.6427%2040.1613%2032.582C39.9187%2032.5127%2039.663%2032.439%2039.3943%2032.361C39.1343%2032.2743%2038.883%2032.166%2038.6403%2032.036C38.3977%2031.8973%2038.1983%2031.711%2038.0423%2031.477C37.895%2031.2343%2037.8213%2030.9223%2037.8213%2030.541C37.8213%2030.1423%2037.9167%2029.7957%2038.1073%2029.501C38.3067%2029.2063%2038.5883%2028.9767%2038.9523%2028.812C39.3163%2028.6473%2039.7453%2028.565%2040.2393%2028.565C40.7593%2028.565%2041.2273%2028.656%2041.6433%2028.838C42.068%2029.02%2042.419%2029.293%2042.6963%2029.657L41.6693%2030.684C41.4787%2030.45%2041.262%2030.281%2041.0193%2030.177C40.7853%2030.073%2040.5297%2030.021%2040.2523%2030.021C40.001%2030.021%2039.806%2030.06%2039.6673%2030.138C39.5373%2030.216%2039.4723%2030.3243%2039.4723%2030.463C39.4723%2030.619%2039.546%2030.7403%2039.6933%2030.827C39.8493%2030.9137%2040.0487%2030.9917%2040.2913%2031.061C40.534%2031.1217%2040.7853%2031.1953%2041.0453%2031.282C41.314%2031.36%2041.5653%2031.4727%2041.7993%2031.62C42.042%2031.7673%2042.237%2031.9623%2042.3843%2032.205C42.5403%2032.4477%2042.6183%2032.7597%2042.6183%2033.141C42.6183%2033.7563%2042.3973%2034.246%2041.9553%2034.61C41.5133%2034.9653%2040.911%2035.143%2040.1483%2035.143ZM43.7667%2035V28.721H45.4827V35H43.7667ZM44.6247%2027.707C44.3474%2027.707%2044.1177%2027.616%2043.9357%2027.434C43.7537%2027.2433%2043.6627%2027.0093%2043.6627%2026.732C43.6627%2026.4633%2043.7537%2026.2337%2043.9357%2026.043C44.1177%2025.8523%2044.3474%2025.757%2044.6247%2025.757C44.9107%2025.757%2045.1404%2025.8523%2045.3137%2026.043C45.4957%2026.2337%2045.5867%2026.4633%2045.5867%2026.732C45.5867%2027.0093%2045.4957%2027.2433%2045.3137%2027.434C45.1404%2027.616%2044.9107%2027.707%2044.6247%2027.707ZM49.1493%2035.143C48.794%2035.143%2048.443%2035.0953%2048.0963%2035C47.7583%2034.9047%2047.4463%2034.7747%2047.1603%2034.61C46.8743%2034.4367%2046.6273%2034.2287%2046.4193%2033.986L47.4333%2032.959C47.65%2033.2017%2047.9013%2033.3837%2048.1873%2033.505C48.4733%2033.6263%2048.7896%2033.687%2049.1363%2033.687C49.4136%2033.687%2049.6216%2033.648%2049.7603%2033.57C49.9076%2033.492%2049.9813%2033.375%2049.9813%2033.219C49.9813%2033.0457%2049.9033%2032.9113%2049.7473%2032.816C49.6%2032.7207%2049.405%2032.6427%2049.1623%2032.582C48.9196%2032.5127%2048.664%2032.439%2048.3953%2032.361C48.1353%2032.2743%2047.884%2032.166%2047.6413%2032.036C47.3986%2031.8973%2047.1993%2031.711%2047.0433%2031.477C46.896%2031.2343%2046.8223%2030.9223%2046.8223%2030.541C46.8223%2030.1423%2046.9176%2029.7957%2047.1083%2029.501C47.3076%2029.2063%2047.5893%2028.9767%2047.9533%2028.812C48.3173%2028.6473%2048.7463%2028.565%2049.2403%2028.565C49.7603%2028.565%2050.2283%2028.656%2050.6443%2028.838C51.069%2029.02%2051.42%2029.293%2051.6973%2029.657L50.6703%2030.684C50.4796%2030.45%2050.263%2030.281%2050.0203%2030.177C49.7863%2030.073%2049.5306%2030.021%2049.2533%2030.021C49.002%2030.021%2048.807%2030.06%2048.6683%2030.138C48.5383%2030.216%2048.4733%2030.3243%2048.4733%2030.463C48.4733%2030.619%2048.547%2030.7403%2048.6943%2030.827C48.8503%2030.9137%2049.0496%2030.9917%2049.2923%2031.061C49.535%2031.1217%2049.7863%2031.1953%2050.0463%2031.282C50.315%2031.36%2050.5663%2031.4727%2050.8003%2031.62C51.043%2031.7673%2051.238%2031.9623%2051.3853%2032.205C51.5413%2032.4477%2051.6193%2032.7597%2051.6193%2033.141C51.6193%2033.7563%2051.3983%2034.246%2050.9563%2034.61C50.5143%2034.9653%2049.912%2035.143%2049.1493%2035.143ZM53.6907%2035V26.108H55.3937V35H53.6907ZM52.2217%2030.216V28.721H56.8627V30.216H52.2217ZM60.2941%2035.13C59.7221%2035.13%2059.2064%2034.987%2058.7471%2034.701C58.2877%2034.415%2057.9281%2034.025%2057.6681%2033.531C57.4081%2033.037%2057.2781%2032.4823%2057.2781%2031.867C57.2781%2031.243%2057.4081%2030.684%2057.6681%2030.19C57.9281%2029.696%2058.2877%2029.306%2058.7471%2029.02C59.2064%2028.734%2059.7221%2028.591%2060.2941%2028.591C60.7447%2028.591%2061.1477%2028.682%2061.5031%2028.864C61.8584%2029.046%2062.1401%2029.3017%2062.3481%2029.631C62.5647%2029.9517%2062.6817%2030.3157%2062.6991%2030.723V32.985C62.6817%2033.401%2062.5647%2033.7693%2062.3481%2034.09C62.1401%2034.4107%2061.8584%2034.6663%2061.5031%2034.857C61.1477%2035.039%2060.7447%2035.13%2060.2941%2035.13ZM60.6061%2033.557C61.0827%2033.557%2061.4684%2033.401%2061.7631%2033.089C62.0577%2032.7683%2062.2051%2032.3567%2062.2051%2031.854C62.2051%2031.5247%2062.1357%2031.2343%2061.9971%2030.983C61.8671%2030.723%2061.6807%2030.5237%2061.4381%2030.385C61.2041%2030.2377%2060.9267%2030.164%2060.6061%2030.164C60.2941%2030.164%2060.0167%2030.2377%2059.7741%2030.385C59.5401%2030.5237%2059.3537%2030.723%2059.2151%2030.983C59.0851%2031.2343%2059.0201%2031.5247%2059.0201%2031.854C59.0201%2032.192%2059.0851%2032.491%2059.2151%2032.751C59.3537%2033.0023%2059.5401%2033.2017%2059.7741%2033.349C60.0167%2033.4877%2060.2941%2033.557%2060.6061%2033.557ZM62.1141%2035V33.31L62.3871%2031.776L62.1141%2030.268V28.721H63.8041V35H62.1141ZM69.5356%2035V31.399C69.5356%2031.0263%2069.4186%2030.723%2069.1846%2030.489C68.9506%2030.255%2068.6473%2030.138%2068.2746%2030.138C68.032%2030.138%2067.8153%2030.19%2067.6246%2030.294C67.434%2030.398%2067.2823%2030.5453%2067.1696%2030.736C67.0656%2030.9267%2067.0136%2031.1477%2067.0136%2031.399L66.3506%2031.061C66.3506%2030.567%2066.4546%2030.138%2066.6626%2029.774C66.8793%2029.4013%2067.174%2029.111%2067.5466%2028.903C67.928%2028.695%2068.357%2028.591%2068.8336%2028.591C69.293%2028.591%2069.7046%2028.708%2070.0686%2028.942C70.4326%2029.1673%2070.7186%2029.4663%2070.9266%2029.839C71.1346%2030.203%2071.2386%2030.5973%2071.2386%2031.022V35H69.5356ZM65.3106%2035V28.721H67.0136V35H65.3106ZM73.4573%2035V26.108H75.1603V35H73.4573ZM71.9883%2030.216V28.721H76.6293V30.216H71.9883Z%22%20fill=%22white%22/%3E%0A%3Cdefs%3E%0A%3ClinearGradient%20id=%22paint0_linear_60001_950%22%20x1=%22109.76%22%20y1=%220%22%20x2=%22109.76%22%20y2=%2247%22%20gradientUnits=%22userSpaceOnUse%22%3E%0A%3Cstop%20stop-color=%22%23E82A16%22/%3E%0A%3Cstop%20offset=%221%22%20stop-color=%22%23B6161A%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 lockup run off a 320px phone. */
.hdcw-fab.hdcw-shift { max-width: calc(100vw - 104px); }

/* ---------- Header (24:711): an 81px flat #05141F band, r15 on top. Mark
 * 36x37 at x21 y19; title Outfit Bold 18/18 at x80 y23; subtitle Outfit
 * 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: #05141F;
}
.hdcw-head::before {
  content: '';
  flex: 0 0 38px;
  height: 39px;
  margin: 18px 22px 0 0;        /* ink at x21 y19, title at x80 */
  background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width=%2238%22%20height=%2239%22%20viewBox=%22-1%20-1%2038%2039%22%20fill=%22none%22%20xmlns=%22http://www.w3.org/2000/svg%22%3E%0A%3Cpath%20d=%22M27.4421%2025.1889C29.0331%2025.1882%2030.5798%2025.7174%2031.8423%2026.6945C33.1048%2027.6715%2034.0124%2029.0417%2034.4244%2030.5925L35.9684%2036.4044L33.7627%2037L32.2202%2031.1896C31.9385%2030.1285%2031.3177%2029.1909%2030.454%2028.5223C29.5904%2027.8536%2028.5322%2027.4913%2027.4436%2027.4915H18.5279C17.4388%2027.491%2016.3802%2027.8534%2015.5162%2028.5224C14.6522%2029.1914%2014.0312%2030.1295%2013.7498%2031.1911L12.2057%2037L10%2036.4044L11.5455%2030.5925L11.6307%2030.2962C12.0917%2028.8147%2013.0093%2027.5204%2014.2498%2026.6018C15.4904%2025.6832%2016.9891%2025.1882%2018.5279%2025.1889H27.4421ZM22.985%206C25.2039%206%2027.332%206.88954%2028.9011%208.47293C30.4701%2010.0563%2031.3516%2012.2039%2031.3516%2014.4431C31.3516%2016.6824%2030.4701%2018.8299%2028.9011%2020.4133C27.332%2021.9967%2025.2039%2022.8862%2022.985%2022.8862C20.766%2022.8862%2018.6379%2021.9967%2017.0689%2020.4133C15.4998%2018.8299%2014.6184%2016.6824%2014.6184%2014.4431C14.6184%2012.2039%2015.4998%2010.0563%2017.0689%208.47293C18.6379%206.88954%2020.766%206%2022.985%206ZM22.985%208.30266C21.3712%208.30266%2019.8235%208.9496%2018.6824%2010.1012C17.5412%2011.2527%2016.9002%2012.8146%2016.9002%2014.4431C16.9002%2016.0716%2017.5412%2017.6335%2018.6824%2018.785C19.8235%2019.9366%2021.3712%2020.5835%2022.985%2020.5835C24.5988%2020.5835%2026.1465%2019.9366%2027.2876%2018.785C28.4287%2017.6335%2029.0698%2016.0716%2029.0698%2014.4431C29.0698%2012.8146%2028.4287%2011.2527%2027.2876%2010.1012C26.1465%208.9496%2024.5988%208.30266%2022.985%208.30266Z%22%20fill=%22white%22/%3E%0A%3Cpath%20d=%22M11.8571%200C11.8571%201.73714%2013.2629%203.14286%2015%203.14286V4.85714C13.2629%204.85714%2011.8571%206.26286%2011.8571%208H10.1429C10.1429%206.26286%208.73714%204.85714%207%204.85714V3.14286C8.73714%203.14286%2010.1429%201.73714%2010.1429%200H11.8571ZM11%202.75543C10.6634%203.2418%2010.2418%203.66342%209.75543%204C10.2423%204.336%2010.664%204.75657%2011%205.24343C11.3363%204.75757%2011.7576%204.33635%2012.2434%204C11.7575%203.66331%2011.3362%203.2417%2011%202.75543Z%22%20fill=%22%23E82A16%22/%3E%0A%3Cpath%20d=%22M7.28571%2010C7.28571%2012.6057%209.39429%2014.7143%2012%2014.7143V17.2857C9.39429%2017.2857%207.28571%2019.3943%207.28571%2022H4.71428C4.71428%2019.3943%202.60571%2017.2857%200%2017.2857V14.7143C2.60571%2014.7143%204.71428%2012.6057%204.71428%2010H7.28571ZM6%2014.1331C5.49513%2014.8627%204.8627%2015.4951%204.13314%2016C4.86343%2016.504%205.496%2017.1349%206%2017.8651C6.50452%2017.1363%207.13635%2016.5045%207.86514%2016C7.1362%2015.495%206.50436%2014.8626%206%2014.1331Z%22%20fill=%22%23E82A16%22/%3E%0A%3C/svg%3E") center / contain no-repeat;
}
.hdcw-head > div { margin-top: 24.5px; min-width: 0; padding-right: 12px; }  /* title ink 26-42.5 (60001:922) */
.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: 2.5px;           /* subtitle ink 48.5-59 (42003:558) */
  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, Outfit Regular
 * 14/17.6 with 1% tracking, text 22px in, a one-line bubble 51 tall (37:325).
 * Fixed 334px (91.3%) wide on every artboard.
 * User (37:388 / 4048:708 / 19:649): #05141F, 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.64px;         /* Outfit's own leading (1.26): lines 18px apart in every bubble */
  letter-spacing: .01em;
}
.hdcw-bot {
  width: 91.3%;                 /* 334 of the 366px column (37:322, 1:14) */
  max-width: 91.3%;
  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): Outfit
 * 14, its headline Bold and followed by a 24px line (the run after it), in a
 * 95px bubble. The headline is an inline-block with a bottom margin: that
 * grows its own line only, whatever the admin copy after it. Other bold runs
 * ("129 cars" 16:206, "50 automatic cars" and the car links 19:516) are
 * SemiBold. A first bubble followed by a car card (the vehicle page's
 * "Interested in **this car**?" line) or by the stock section heads (/search,
 * no greeting) is not the greeting and keeps the plain bubble. */
.hdcw-msgs > .hdcw-bot:first-child:not(:has(+ .hdcw-cars, + .hdcw-ghead)) { letter-spacing: 0; line-height: 18px; padding: 12.5px 22px 20px 21px; }  /* caps at 112.5 / 137 / 155 (1:11), 95 tall */
.hdcw-bot b, .hdcw-bot strong { font-weight: 600; }
.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: 6.5px; font-weight: 700; }
.hdcw-bot a.hdcw-link { font-weight: 600; color: #05141F; }
/* 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, Outfit 14 on a 19px
 * leading, SemiBold underlined car links, the 284px text box 28px under the
 * top edge and 106px above the bottom one (the designer's fixed 334x419
 * rectangle around 15 lines of Outfit). */
.hdcw-bot:has(a.hdcw-link) {
  background: #fff;
  border-color: #E4E6EA;
  line-height: 19px;
  padding: 28px 27px 105px 21px;  /* cap line 33px under the top edge */
}
.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;
}
/* The bubble that introduces a cards strip (42:720 on 08-help6) has its
 * text 15px under the top, not 17, and is 83 tall for three lines. */
.hdcw-bot:has(+ .hdcw-cars) { padding-top: 15px; padding-bottom: 13px; }
/* The stock counters bubble (16:205, the one a POPULAR head follows) is
 * drawn shorter than the other one- and two-line bubbles: 63 tall with the
 * text cap 18px under the top, 15px under the greeting (not 10). */
.hdcw-bot:has(+ .hdcw-ghead) { padding-top: 14px; padding-bottom: 12px; }
.hdcw-msgs > .hdcw-bot:not(:first-child):has(+ .hdcw-ghead) { margin-top: 5px; }  /* not at the top of a /search conversation */
/* "Searching our stock..." (2030:573, 19:537): Outfit 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, #F1F1F1, 1px #B7B7B7
 * inside stroke, NO shadow, NO cap; #05141F chevron 6x12; #E82A16 glyph at
 * the artwork's own offsets; title Outfit SemiBold 17/21.4 with its box
 * 16px under the box top; caption Regular 13/16.4 1px under the title
 * (::after - the widget renders one label). FIVE openers on 01-chat (used,
 * NEW, quiz, alert, else): tops 199 / 279 / 358 / 437, "Something else" (a
 * 52.4px box) at 517 - 7px apart, 8px after Used and before Something else. */
.hdcw-opener { gap: 7px; margin: 0 5px 0 0; }  /* 361 wide: x16..377 */
/* The home list sits 9px under the greeting bubble (190 -> 199): the
 * column's 10px gap less the widget's 2px opener margin plus 1. The context
 * CTA keeps the widget's own spacing. */
.hdcw-opener:has(.hdcw-op-else) { margin-top: -1px; }
.hdcw-opener button { position: relative; }
.hdcw-opener button.hdcw-op-used,
.hdcw-opener button.hdcw-op-new,
.hdcw-opener button.hdcw-op-quiz,
.hdcw-opener button.hdcw-op-alert,
.hdcw-opener .hdcw-else.hdcw-op-else {
  box-sizing: border-box;
  border: 1px solid #B7B7B7;
  border-radius: 10px;
  color: #05141F;
  text-align: left;
  box-shadow: none;
}
/* The chevron rides in the background SHORTHAND with its own no-repeat (the
 * widget's .hdcw-else:hover is a shorthand too: a glyph painted with a
 * longhand background-image would tile on hover, CON-988). Used/New chevron
 * at x353.5 (4020:762), the other three at x352.5 (6001:1025, 6001:1038,
 * 24001:932), as drawn. */
.hdcw-opener button.hdcw-op-used,
.hdcw-opener button.hdcw-op-new { 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%2305141F%22/%3E%0A%3C/svg%3E") no-repeat right 16.5px top 28.5px / 8px 14px border-box, #F1F1F1; }
.hdcw-opener button.hdcw-op-quiz,
.hdcw-opener button.hdcw-op-alert { 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%2305141F%22/%3E%0A%3C/svg%3E") no-repeat right 17.5px top 28.5px / 8px 14px border-box, #F1F1F1; }
.hdcw-opener .hdcw-else.hdcw-op-else { 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%2305141F%22/%3E%0A%3C/svg%3E") no-repeat right 17.5px top 20.5px / 8px 14px border-box, #F1F1F1; }
.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: 15px 44px 17px 71px;  /* 1 + 15 + 21 title + 1 + 16 caption + 17 + 1 = 72 */
  font-size: 17px;
  font-weight: 600;
  line-height: 21px;
}
/* The titles start where the designer dropped each text box: Used/New x88
 * (30002:639), quiz x87 (6001:1011), alert x86 (6001:1036). */
.hdcw-opener button.hdcw-op-quiz { padding-left: 70px; }
.hdcw-opener button.hdcw-op-alert { padding-left: 69px; }
.hdcw-opener button.hdcw-op-new { margin-top: 1px; }  /* 8px under Used (199+72 -> 279) */
/* Hover (no artboard): a shade darker. The FULL shorthand again: on a page
 * with a context CTA every opener also carries .hdcw-else, whose widget
 * :hover shorthand (0,3,0) would otherwise wipe the chevron. */
.hdcw-opener button.hdcw-op-used:hover,
.hdcw-opener button.hdcw-op-new:hover { 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%2305141F%22/%3E%0A%3C/svg%3E") no-repeat right 16.5px top 28.5px / 8px 14px border-box, #E8E8E8; opacity: 1; }
.hdcw-opener button.hdcw-op-quiz:hover,
.hdcw-opener button.hdcw-op-alert:hover { 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%2305141F%22/%3E%0A%3C/svg%3E") no-repeat right 17.5px top 28.5px / 8px 14px border-box, #E8E8E8; opacity: 1; }
.hdcw-opener .hdcw-else.hdcw-op-else:hover { 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%2305141F%22/%3E%0A%3C/svg%3E") no-repeat right 17.5px top 20.5px / 8px 14px border-box, #E8E8E8; 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: 25px; top: 21px; 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.0929%200.000461949C4.94282%20-0.0553034%20-0.0552791%204.94502%200.000461748%2011.0978C0.0376223%2015.6242%202.84325%2019.5184%206.80086%2021.1636L7.47906%2021.4145C8.55672%2021.7862%209.70865%2021.9907%2010.9071%2022C11.511%2022%2012.1148%2021.9628%2012.6908%2021.8699L13.369%2021.7398C18.3392%2020.6523%2022.046%2016.2004%2021.9996%2010.8933C21.9438%204.93573%2017.0664%200.056228%2011.0929%200.000461949ZM11%2020.0575C8.33926%2020.0575%205.94285%2018.9024%204.28618%2017.0679C3.84255%2016.5766%203.92796%2015.8231%204.45973%2015.429C5.28656%2014.8248%206.0948%2014.4252%206.83799%2014.1278C7.07952%2014.0348%207.34899%2014.1743%207.41399%2014.4252C7.51619%2014.8248%207.86919%2015.1129%208.28725%2015.1129H13.7127C14.1215%2015.1129%2014.4838%2014.8342%2014.586%2014.4252C14.651%2014.1743%2014.9204%2014.0348%2015.162%2014.1278C15.9052%2014.4252%2016.7227%2014.8248%2017.5402%2015.429C18.072%2015.8231%2018.1574%2016.5766%2017.7138%2017.0679C16.0572%2018.9024%2013.6607%2020.0575%2011%2020.0575ZM15.6124%2012.0459C15.6094%2012.0459%2015.6064%2012.0455%2015.6036%2012.0448C15.3739%2011.9872%2015.2367%2011.7563%2015.3013%2011.5254C15.4778%2010.819%2014.939%2010.1405%2014.2144%2010.1405H11.3531C11.2323%2010.1405%2011.1208%2010.1405%2011%2010.1405C10.8793%2010.1405%2010.7585%2010.1405%2010.647%2010.1405H7.79492C7.07026%2010.1405%206.53144%2010.819%206.70792%2011.5254C6.76372%2011.7577%206.62434%2011.9808%206.40138%2012.0459C5.50071%2012.2777%204.64485%2012.4468%203.84731%2012.5583C2.8647%2012.6956%201.96966%2011.9894%201.96652%2010.9969C1.96622%2010.9007%201.96736%2010.8043%201.96997%2010.7075C2.11862%205.85586%206.14125%201.96156%2010.9907%201.95226C15.9888%201.95226%2020.0486%206.00457%2020.0486%2011.0049C20.0486%2011.9929%2019.1576%2012.6957%2018.1794%2012.5598C17.3785%2012.4486%2016.5197%2012.2794%2015.6219%2012.0471C15.6188%2012.0463%2015.6156%2012.0459%2015.6124%2012.0459Z%22%20fill=%22%23E82A16%22/%3E%0A%3C/svg%3E"); }
.hdcw-opener button.hdcw-op-quiz::before { left: 25px; top: 18px; width: 22px; height: 26px; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width=%2222%22%20height=%2226%22%20viewBox=%22-1%20-1%2022%2026%22%20fill=%22none%22%20xmlns=%22http://www.w3.org/2000/svg%22%3E%0A%3Cpath%20d=%22M17.4893%2023.233H6.52364C6.49918%2023.2329%206.47514%2023.2266%206.45375%2023.2147C6.43235%2023.2028%206.41429%2023.1858%206.4012%2023.1651L1.1228%2014.6549C0.959269%2014.3962%200.849017%2014.1075%200.798507%2013.8056C0.747997%2013.5037%200.758246%2013.1948%200.828653%2012.897C0.899059%2012.5991%201.02821%2012.3183%201.20853%2012.071C1.38885%2011.8237%201.61672%2011.6148%201.87878%2011.4567C2.14085%2011.2986%202.43183%2011.1944%202.73469%2011.1502C3.03754%2011.106%203.34618%2011.1227%203.6425%2011.1993C3.93883%2011.2758%204.21689%2011.4108%204.46039%2011.5962C4.70388%2011.7817%204.90792%2012.0138%205.06054%2012.2791L6.44333%2014.6347V2.981C6.44333%202.3938%206.67659%201.83066%207.0918%201.41545C7.50701%201.00023%208.07016%200.766971%208.65736%200.766971C9.24456%200.766971%209.8077%201.00023%2010.2229%201.41545C10.6381%201.83066%2010.8714%202.3938%2010.8714%202.981V8.22065C10.8714%208.54921%2011.1326%208.81937%2011.4611%208.83004L17.9881%209.04796C18.3063%209.0586%2018.6079%209.1925%2018.8293%209.42138C19.0506%209.65026%2019.1743%209.95621%2019.1743%2010.2746V21.5481C19.1743%2021.995%2018.9968%2022.4235%2018.6808%2022.7395C18.3648%2023.0555%2017.9362%2023.233%2017.4893%2023.233Z%22%20stroke=%22%23E82A16%22%20stroke-width=%221.5%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22/%3E%0A%3C/svg%3E"); }
.hdcw-opener button.hdcw-op-alert::before { left: 24px; top: 19px; width: 26px; height: 21px; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width=%2226%22%20height=%2221%22%20viewBox=%22-1%20-1%2026%2021%22%20fill=%22none%22%20xmlns=%22http://www.w3.org/2000/svg%22%3E%0A%3Cpath%20d=%22M5.68087%207.45672L10.0396%2011.0861C10.452%2011.4297%2010.9644%2011.6169%2011.4925%2011.6169C12.0208%2011.6169%2012.5332%2011.4297%2012.9455%2011.0861L14.9607%209.07828M21.9537%2010.4347V15.549C21.9537%2016.1906%2021.7087%2016.806%2021.2728%2017.2598C20.8368%2017.7136%2020.2455%2017.9685%2019.6289%2017.9685H3.35618C2.73964%2017.9685%202.14835%2017.7136%201.71239%2017.2598C1.27643%2016.806%201.03151%2016.1906%201.03151%2015.549V3.45108C1.03151%202.80937%201.27643%202.19394%201.71239%201.74018C2.14835%201.28642%202.73964%201.03151%203.35618%201.03151H14.9607%22%20stroke=%22%23E82A16%22%20stroke-width=%222.06301%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22/%3E%0A%3Cpath%20d=%22M18.3458%208.21368C18.5385%208.46037%2018.7839%208.65951%2019.0638%208.79604C19.3436%208.93259%2019.6504%209.00293%2019.9611%209.00185C20.2717%209.00293%2020.5785%208.93259%2020.8583%208.79604C21.1382%208.65951%2021.3837%208.46037%2021.5764%208.21368C20.5044%208.3608%2019.4178%208.3608%2018.3458%208.21368ZM22.9499%203.17354V3.48916C22.9499%203.868%2023.0562%204.23832%2023.2563%204.5535L23.747%205.32598C24.1946%206.03165%2023.8528%206.99063%2023.0739%207.21345C21.0387%207.79716%2018.8834%207.79716%2016.8482%207.21345C16.0694%206.99063%2015.7275%206.03165%2016.1752%205.32598L16.6658%204.5535C16.8666%204.2358%2016.9732%203.86638%2016.9727%203.48916V3.17354C16.9727%201.4403%2018.3108%200.0352251%2019.9611%200.0352251C21.6114%200.0352251%2022.9499%201.4403%2022.9499%203.17354Z%22%20fill=%22%23E82A16%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: 13px;
  font-weight: 400;
  line-height: 16px;
  letter-spacing: 0;
  color: #05141F;
}
/* The artwork's captions, verbatim; the stock number is live since CON-995:
 * see the [data-stock] rule below. */
.hdcw-opener button.hdcw-op-used::after { content: 'Cars in stock'; }
/* CON-995: live used-stock count. The widget sets data-stock on the
 * button and this rule prints it; the caption without a number above
 * shows until it arrives, or if it cannot. Roll back: delete this rule
 * and put the artwork's caption back above: 'Over 125 cars in stock'. */
.hdcw-opener button.hdcw-op-used[data-stock]::after { content: attr(data-stock) ' cars in stock'; }
/* The artwork draws the New Cars opener ("New Kia", 60001:951) with this
 * caption. New cars are OFF by default for this dealer (CON-1020,
 * data-new-cars="0"), so the widget only renders it once that is switched on. */
.hdcw-opener button.hdcw-op-new::after { content: 'Explore Our Kia Range'; }
.hdcw-opener button.hdcw-op-quiz::after { content: 'Get matched to car to suit your needs'; }
.hdcw-opener button.hdcw-op-alert::after { content: 'Receive a daily stock alert'; }

/* "Something else" (2023:430 / 44002:623): the same box at 361x52.4, 8px
 * under the alert opener. Title @87,14 (local); "?" bubble 19x19 @29,16;
 * chevron x352.5 y21.5. */
.hdcw-opener .hdcw-else.hdcw-op-else {
  min-height: 52.4px;
  margin-top: 1px;
  padding: 13px 44px 16.4px 70px;
  font-size: 17px;
  font-weight: 600;
  line-height: 21px;
}
.hdcw-opener button.hdcw-op-else::before { left: 26px; top: 13px; 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%23E82A16%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%23E82A16%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" 4028:1288):
 * 349x55 at x24, r10, the red gradient (style 60001:790), white Outfit Bold
 * 16, centred, text box 18px under the top. */
.hdcw-opener button.hdcw-op-ctx {
  min-height: 55px;
  margin: 0 4px 0 8px;          /* 349 wide at x24 (19:680; the opener column is 361) */
  border: 0;
  border-radius: 10px;
  padding: 18px 0 17px;
  background: linear-gradient(180deg, #E82A16 0%, #B6161A 100%);
  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, Outfit Regular 12/13 #05141F, centred, 5px gaps both ways. Rows
 * start 2px in from the bubble edge (x18). Selected = 1px #05141F stroke
 * ("Adventurous" 37:328, "Automatic (155)" 19:414). */
.hdcw-chips { gap: 5px; padding: 0 2px; }
.hdcw-chip {
  background: #fff;
  color: #05141F;
  border-color: transparent;
  border-radius: 10px;
  min-height: 31px;
  box-sizing: border-box;
  padding: 7.5px 17px 8.5px;    /* ink cap 11px under the chip top; text 17px in (the artwork hand-sizes 19-23; 17 keeps its four POPULAR rows) */
  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: #05141F; }
.hdcw-chip--sel { border-color: #05141F; 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 RCM 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): Montserrat Bold 11 #6D6D6D, tracking 0,
 * x24; 13px under a bubble, 16.5px under a chip row, 8px above its chips. */
.hdcw-ghead {
  font-family: 'Montserrat', var(--hdcw-font);
  font-weight: 700;
  letter-spacing: 0;
  font-size: 11px;
  line-height: 14px;
  margin: 3px 6px -1px 8px;
}
.hdcw-chips + .hdcw-ghead { margin-top: 6.5px; }  /* LIFESTYLE cap 11px, MAKES 10px under the chip row above (16:270, 16:323) */
/* 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; }
/* ... and their labels sit 20px in (37:328-338, 37:353-355), where the
 * POPULAR rows need 17 to keep four rows. */
.hdcw-bot + .hdcw-chips .hdcw-chip { padding-left: 20px; padding-right: 20px; }

/* ---------- 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 Outfit 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, red gradient, white ink), both Outfit
 * 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: 7.5px 11px 7.5px; }  /* title caps 124.5 / 139.5 under the card top, action bar at 213; 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: #05141F; font-size: 12px; font-weight: 700; line-height: 18px; margin-top: 2px; }  /* caps: price 158.5, monthly 174.5, meta 193 */
.hdcw-car .hdcw-mo { color: #05141F; font-size: 12px; font-weight: 400; line-height: 16px; }
.hdcw-car .hdcw-meta { color: #05141F; 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: #05141F;
}
.hdcw-car .hdcw-pick:not(.hdcw-pick--primary) { padding-left: 4px; }  /* "Details" sits 2px right of its box centre (19:565 @41 in 18..95) */
.hdcw-car .hdcw-pick--primary { padding-right: 4px; }  /* "I'm Interested" 2px left of its box centre (2023:442 @108 in 95..194) */
.hdcw-car .hdcw-pick:hover { background: #F4F4F4; color: #05141F; }
.hdcw-car .hdcw-pick--primary {
  flex: 99 0 0;
  border-left: 1px solid #E4E6EA;
  border-radius: 0 0 9px 0;
  background: linear-gradient(180deg, #E82A16 0%, #B6161A 100%);
  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: linear-gradient(180deg, #E82A16 0%, #B6161A 100%); opacity: .85; color: #fff; }

/* ---------- Footer (24:712): #E4E6EA band 400x129. Input 299x51 @21,20,
 * r10, 1px #05141F, placeholder Outfit Regular 14 ls 1% #05141F, 30px in.
 * Send: the red-gradient 52px circle 7px right of it. Disclosure: Outfit
 * Regular 12/15 ls 1%, #05141F, centred, 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: 1px 18px 1px 29px;   /* placeholder ink 632-645, first column x51.5 (12002:602) */
  font-size: 14px;
  line-height: 47px;
  letter-spacing: .01em;
}
/* font: inherit - RCM'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: #05141F; opacity: 1; font: inherit; }
.hdcw-input input::-webkit-input-placeholder { color: #05141F; opacity: 1; font: inherit; }
.hdcw-input input:focus { border-color: #E82A16; }
.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=%22url(%23paint0_linear_38002_991)%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%3Cdefs%3E%0A%3ClinearGradient%20id=%22paint0_linear_38002_991%22%20x1=%2226%22%20y1=%220%22%20x2=%2226%22%20y2=%2252%22%20gradientUnits=%22userSpaceOnUse%22%3E%0A%3Cstop%20stop-color=%22%23E82A16%22/%3E%0A%3Cstop%20offset=%221%22%20stop-color=%22%23B6161A%22/%3E%0A%3C/linearGradient%3E%0A%3C/defs%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: 0 60.5px 17px 57.5px;  /* a 282px box centred on x198.5: line 1 ink 64-331.5, line 2 65.5-332.5 (2008:473 is 272 wide at x63) */
}
/* Terms & Conditions: underlined on 15 artboards (2008:473 run 110), plain on
 * the home one (01-chat), the state with the opener list. */
.hdcw-powered a.hdcw-tc { color: #05141F; text-decoration: underline; }
.hdcw-panel:has(.hdcw-op-else) .hdcw-powered a.hdcw-tc { text-decoration: none; }
.hdcw-panel:has(.hdcw-op-else) .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; }
}