@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,400;0,500;0,600;0,700;1,400&display=swap');
/* chat-themes-1016 chat widget branding - King Motors (km, template KM).
 * Source of truth: the designer's Figma "king motors (Ai Assistant) (Copy)"
 * (duplicate bziaNH6ph4TuKFooTN4BTm) and its 16 @2x artboard PNGs, which
 * outrank the node dump wherever the two disagree. Tooling and QA:
 * tickets/chat-themes-1016/km/qa-km/; design notes:
 * tickets/chat-themes-1016/km/DESIGN-km.md. Glyphs are SVG exports of the
 * file's own nodes, each cross-checked against the artboards.
 *
 * Black and blue: an 81px black header with the dealer's "KM" letterform in
 * #171717, a #0C52B1 sparkle mark and an uppercase Roboto Condensed title;
 * WHITE r5 openers with a 1px #D0D0D0 stroke, Roboto Condensed Bold titles,
 * #0C52B1 glyphs and chevrons; #EDEDED bot bubbles with a #C7C7C7 stroke and
 * a squared bottom-left corner; #282828 user bubbles; white chips on a 0/4/4
 * 25% shadow; #0C52B1 send circle, square context CTA and card "I'm
 * Interested"; #E4E6EA footer band. The launcher is the designer's black
 * "Virtual Assistant" tab + blue sparkle circle.
 * Type: Roboto (imported above), Roboto Condensed Bold (loaded by the site).
 * The panel is 400x720 = the designer's artboard, so offsets transfer 1:1.
 *
 * Regenerate with tickets/chat-themes-1016/km/build-theme-km.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: #0C52B1;
  --hdcw-on-accent: #fff;
  --hdcw-font: 'Roboto', system-ui, -apple-system, 'Segoe UI', Arial, 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 - every instance overrides the symbol's #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: #000;
  --hdcw-head-color: #fff;
  --hdcw-user-bg: #282828;
  --hdcw-user-color: #fff;
  --hdcw-link: #000000;
  --hdcw-btn-bg: #0C52B1;
  --hdcw-btn-color: #fff;
  --hdcw-fab-gap: 12px;         /* the lockup has no shadow margin: 12px of air over a vehicle page's bar */
}

/* ---------- Launcher (48002:594): the 118x45 lockup - a 99x37 r10 black tab
 * with "Virtual / Assistant" Roboto Bold 13/14 right-aligned in white, and the
 * 45px #0C52B1 circle with three white sparkles overlapping its right end. On
 * the 400x653 home artboard it spans 273,603 - 391,648: 9px from the right
 * edge, 5px from the bottom. */
.hdcw-fab {
  width: 118px;
  height: 45px;
  right: 9px;
  bottom: 5px;
  border-radius: 0;
  background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width=%22118%22%20height=%2245%22%20viewBox=%220%200%20118%2045%22%20fill=%22none%22%20xmlns=%22http://www.w3.org/2000/svg%22%3E%0A%3Crect%20y=%225%22%20width=%2299%22%20height=%2237%22%20rx=%2210%22%20fill=%22black%22%20fill-opacity=%220.95%22/%3E%0A%3Ccircle%20cx=%2295.5%22%20cy=%2222.5%22%20r=%2222.5%22%20fill=%22%230C52B1%22/%3E%0A%3Cpath%20d=%22M90.323%2025.9314C90.4007%2026.1263%2090.5352%2026.2934%2090.7089%2026.4111C90.8827%2026.5289%2091.0878%2026.5918%2091.2977%2026.5918C91.5076%2026.5918%2091.7126%2026.5289%2091.8864%2026.4111C92.0601%2026.2934%2092.1946%2026.1263%2092.2723%2025.9314L92.7991%2024.6667C93.6794%2022.5207%2095.3494%2020.794%2097.4651%2019.8422L98.9541%2019.1829C99.8044%2018.8035%2099.8044%2017.5637%2098.9541%2017.1843L97.378%2016.4835C95.3154%2015.5582%2093.6743%2013.8938%2092.7784%2011.8187L92.2661%2010.6452C92.1864%2010.4541%2092.0519%2010.2909%2091.8796%2010.1761C91.7072%2010.0613%2091.5048%2010%2091.2977%2010C91.0906%2010%2090.8881%2010.0613%2090.7158%2010.1761C90.5434%2010.2909%2090.4089%2010.4541%2090.3292%2010.6452L89.8191%2011.8166C88.9225%2013.8933%2087.2798%2015.5585%2085.2152%2016.4835L83.6392%2017.1843C83.4483%2017.2725%2083.2867%2017.4134%2083.1735%2017.5905C83.0602%2017.7676%2083%2017.9734%2083%2018.1836C83%2018.3938%2083.0602%2018.5996%2083.1734%2018.7767C83.2867%2018.9537%2083.4483%2019.0947%2083.6392%2019.1829L85.1281%2019.8422C87.2442%2020.793%2088.915%2022.519%2089.7962%2024.6646L90.323%2025.9314Z%22%20fill=%22white%22/%3E%0A%3Cpath%20d=%22M104.69%2029.9853C104.725%2030.072%20104.784%2030.1462%20104.861%2030.1986C104.939%2030.2509%20105.03%2030.2789%20105.123%2030.2789C105.216%2030.2789%20105.308%2030.2509%20105.385%2030.1986C105.462%2030.1462%20105.522%2030.072%20105.556%2029.9853L105.79%2029.4233C106.182%2028.4695%20106.924%2027.7021%20107.864%2027.279L108.526%2026.986C108.904%2026.8174%20108.904%2026.2664%20108.526%2026.0977L107.826%2025.7863C106.909%2025.375%20106.179%2024.6353%20105.781%2023.713L105.554%2023.1915C105.518%2023.1066%20105.458%2023.034%20105.382%2022.983C105.305%2022.932%20105.215%2022.9047%20105.123%2022.9047C105.031%2022.9047%20104.941%2022.932%20104.865%2022.983C104.788%2023.034%20104.728%2023.1066%20104.693%2023.1915L104.466%2023.7121C104.068%2024.6351%20103.337%2025.3752%20102.42%2025.7863L101.719%2026.0977C101.635%2026.1369%20101.563%2026.1996%20101.512%2026.2783C101.462%2026.357%20101.435%2026.4485%20101.435%2026.5419C101.435%2026.6353%20101.462%2026.7268%20101.512%2026.8055C101.563%2026.8842%20101.635%2026.9468%20101.719%2026.986L102.381%2027.279C103.322%2027.7016%20104.064%2028.4687%20104.456%2029.4223L104.69%2029.9853Z%22%20fill=%22white%22/%3E%0A%3Cpath%20d=%22M95.4723%2035.5159C95.5069%2035.6025%2095.5666%2035.6768%2095.6438%2035.7292C95.7211%2035.7815%2095.8122%2035.8094%2095.9055%2035.8094C95.9988%2035.8094%2096.0899%2035.7815%2096.1672%2035.7292C96.2444%2035.6768%2096.3041%2035.6025%2096.3387%2035.5159L96.5728%2034.9538C96.964%2034.0001%2097.7063%2033.2326%2098.6466%2032.8096L99.3084%2032.5166C99.6863%2032.348%2099.6863%2031.797%2099.3084%2031.6283L98.6079%2031.3169C97.6911%2030.9056%2096.9618%2030.1659%2096.5636%2029.2436L96.3359%2028.7221C96.3005%2028.6372%2096.2407%2028.5646%2096.1641%2028.5136C96.0875%2028.4625%2095.9975%2028.4353%2095.9055%2028.4353C95.8135%2028.4353%2095.7235%2028.4625%2095.6469%2028.5136C95.5703%2028.5646%2095.5105%2028.6371%2095.4751%2028.7221L95.2483%2029.2427C94.8499%2030.1657%2094.1198%2030.9058%2093.2022%2031.3169L92.5017%2031.6283C92.4169%2031.6675%2092.3451%2031.7302%2092.2947%2031.8089C92.2444%2031.8876%2092.2177%2031.979%2092.2177%2032.0725C92.2177%2032.1659%2092.2444%2032.2573%2092.2947%2032.3361C92.3451%2032.4148%2092.4169%2032.4774%2092.5017%2032.5166L93.1635%2032.8096C94.104%2033.2322%2094.8465%2033.9993%2095.2382%2034.9529L95.4723%2035.5159Z%22%20fill=%22white%22/%3E%0A%3Cpath%20d=%22M28.8188%2019.0703L30.9961%2011.7578H33.1162L29.8979%2021H28.5015L28.8188%2019.0703ZM26.813%2011.7578L28.9839%2019.0703L29.314%2021H27.9048L24.7056%2011.7578H26.813ZM35.7949%2014.1318V21H33.9604V14.1318H35.7949ZM33.8462%2012.3418C33.8462%2012.0752%2033.9393%2011.8551%2034.1255%2011.6816C34.3117%2011.5081%2034.5614%2011.4214%2034.8745%2011.4214C35.1834%2011.4214%2035.431%2011.5081%2035.6172%2011.6816C35.8076%2011.8551%2035.9028%2012.0752%2035.9028%2012.3418C35.9028%2012.6084%2035.8076%2012.8285%2035.6172%2013.002C35.431%2013.1755%2035.1834%2013.2622%2034.8745%2013.2622C34.5614%2013.2622%2034.3117%2013.1755%2034.1255%2013.002C33.9393%2012.8285%2033.8462%2012.6084%2033.8462%2012.3418ZM39.1338%2015.6299V21H37.3057V14.1318H39.0259L39.1338%2015.6299ZM41.2031%2014.0874L41.1714%2015.7822C41.0825%2015.7695%2040.9746%2015.759%2040.8477%2015.7505C40.7249%2015.7378%2040.6128%2015.7314%2040.5112%2015.7314C40.2531%2015.7314%2040.0288%2015.7653%2039.8384%2015.833C39.6522%2015.8965%2039.4956%2015.9917%2039.3687%2016.1187C39.2459%2016.2456%2039.1528%2016.4001%2039.0894%2016.582C39.0301%2016.764%2038.9963%2016.9714%2038.9878%2017.2041L38.6196%2017.0898C38.6196%2016.6455%2038.6641%2016.2371%2038.7529%2015.8647C38.8418%2015.4881%2038.9709%2015.1602%2039.1401%2014.8809C39.3136%2014.6016%2039.5252%2014.3857%2039.7749%2014.2334C40.0246%2014.0811%2040.3102%2014.0049%2040.6318%2014.0049C40.7334%2014.0049%2040.8371%2014.0133%2040.9429%2014.0303C41.0487%2014.043%2041.1354%2014.062%2041.2031%2014.0874ZM45.748%2014.1318V15.4268H41.749V14.1318H45.748ZM42.7393%2012.437H44.5674V18.9307C44.5674%2019.1296%2044.5928%2019.2819%2044.6436%2019.3877C44.6986%2019.4935%2044.779%2019.5675%2044.8848%2019.6099C44.9906%2019.6479%2045.1239%2019.667%2045.2847%2019.667C45.3989%2019.667%2045.5005%2019.6628%2045.5894%2019.6543C45.6825%2019.6416%2045.7607%2019.6289%2045.8242%2019.6162L45.8306%2020.9619C45.674%2021.0127%2045.5047%2021.0529%2045.3228%2021.0825C45.1408%2021.1121%2044.9398%2021.127%2044.7197%2021.127C44.3177%2021.127%2043.9665%2021.0614%2043.666%2020.9302C43.3698%2020.7948%2043.1413%2020.5789%2042.9805%2020.2827C42.8197%2019.9865%2042.7393%2019.5972%2042.7393%2019.1147V12.437ZM50.8516%2019.356V14.1318H52.6797V21H50.9595L50.8516%2019.356ZM51.0547%2017.9468L51.5942%2017.9341C51.5942%2018.3911%2051.5413%2018.8164%2051.4355%2019.21C51.3298%2019.5993%2051.1711%2019.9378%2050.9595%2020.2256C50.7479%2020.5091%2050.4813%2020.7313%2050.1597%2020.8921C49.8381%2021.0487%2049.4593%2021.127%2049.0234%2021.127C48.6891%2021.127%2048.3802%2021.0804%2048.0967%2020.9873C47.8174%2020.89%2047.5762%2020.7397%2047.373%2020.5366C47.1742%2020.3293%2047.0176%2020.0648%2046.9033%2019.7432C46.7933%2019.4173%2046.7383%2019.0259%2046.7383%2018.5688V14.1318H48.5664V18.5815C48.5664%2018.7847%2048.5897%2018.9561%2048.6362%2019.0957C48.687%2019.2354%2048.7568%2019.3496%2048.8457%2019.4385C48.9346%2019.5273%2049.0382%2019.5908%2049.1567%2019.6289C49.2795%2019.667%2049.4149%2019.686%2049.563%2019.686C49.9396%2019.686%2050.2358%2019.6099%2050.4517%2019.4575C50.6717%2019.3052%2050.8262%2019.0978%2050.915%2018.8354C51.0081%2018.5688%2051.0547%2018.2726%2051.0547%2017.9468ZM57.7832%2019.4512V16.3916C57.7832%2016.1715%2057.7472%2015.9832%2057.6753%2015.8267C57.6034%2015.6659%2057.4912%2015.541%2057.3389%2015.4521C57.1908%2015.3633%2056.9982%2015.3188%2056.7612%2015.3188C56.5581%2015.3188%2056.3825%2015.3548%2056.2344%2015.4268C56.0863%2015.4945%2055.972%2015.5939%2055.8916%2015.7251C55.8112%2015.8521%2055.771%2016.0023%2055.771%2016.1758H53.9429C53.9429%2015.8838%2054.0106%2015.6066%2054.146%2015.3442C54.2814%2015.0819%2054.4782%2014.8512%2054.7363%2014.6523C54.9945%2014.4492%2055.3013%2014.2905%2055.6567%2014.1763C56.0164%2014.062%2056.4185%2014.0049%2056.8628%2014.0049C57.396%2014.0049%2057.87%2014.0938%2058.2847%2014.2715C58.6994%2014.4492%2059.0252%2014.7158%2059.2622%2015.0713C59.5034%2015.4268%2059.624%2015.8711%2059.624%2016.4043V19.3433C59.624%2019.7199%2059.6473%2020.0288%2059.6938%2020.27C59.7404%2020.507%2059.8081%2020.7144%2059.897%2020.8921V21H58.0498C57.9609%2020.8138%2057.8932%2020.5811%2057.8467%2020.3018C57.8044%2020.0182%2057.7832%2019.7347%2057.7832%2019.4512ZM58.0244%2016.8169L58.0371%2017.8516H57.0151C56.7739%2017.8516%2056.5645%2017.8791%2056.3867%2017.9341C56.209%2017.9891%2056.063%2018.0674%2055.9487%2018.1689C55.8345%2018.2663%2055.7498%2018.3805%2055.6948%2018.5117C55.644%2018.6429%2055.6187%2018.7868%2055.6187%2018.9434C55.6187%2019.0999%2055.6546%2019.2417%2055.7266%2019.3687C55.7985%2019.4914%2055.9022%2019.5887%2056.0376%2019.6606C56.173%2019.7284%2056.3317%2019.7622%2056.5137%2019.7622C56.7887%2019.7622%2057.0278%2019.7072%2057.231%2019.5972C57.4341%2019.4871%2057.5907%2019.3517%2057.7007%2019.1909C57.8149%2019.0301%2057.8742%2018.8778%2057.8784%2018.7339L58.3608%2019.5083C58.2931%2019.6818%2058.2%2019.8617%2058.0815%2020.0479C57.9673%2020.234%2057.8213%2020.4097%2057.6436%2020.5747C57.4658%2020.7355%2057.2521%2020.8688%2057.0024%2020.9746C56.7528%2021.0762%2056.4565%2021.127%2056.1138%2021.127C55.6779%2021.127%2055.2822%2021.0402%2054.9268%2020.8667C54.5755%2020.689%2054.2962%2020.4456%2054.0889%2020.1367C53.8857%2019.8236%2053.7842%2019.4681%2053.7842%2019.0703C53.7842%2018.7106%2053.8519%2018.3911%2053.9873%2018.1118C54.1227%2017.8325%2054.3216%2017.5977%2054.584%2017.4072C54.8506%2017.2126%2055.1828%2017.0666%2055.5806%2016.9692C55.9784%2016.8677%2056.4396%2016.8169%2056.9644%2016.8169H58.0244ZM62.9629%2011.25V21H61.1284V11.25H62.9629ZM16.3203%2027.3384L13.8066%2035H11.7817L15.2158%2025.7578H16.5044L16.3203%2027.3384ZM18.4087%2035L15.8887%2027.3384L15.6855%2025.7578H16.9868L20.4399%2035H18.4087ZM18.2944%2031.5596V33.0513H13.4131V31.5596H18.2944ZM24.896%2033.1021C24.896%2032.9709%2024.8579%2032.8524%2024.7817%2032.7466C24.7056%2032.6408%2024.5638%2032.5435%2024.3564%2032.4546C24.1533%2032.3615%2023.8592%2032.2769%2023.4741%2032.2007C23.1271%2032.1245%2022.8034%2032.0293%2022.5029%2031.915C22.2067%2031.7965%2021.9486%2031.6548%2021.7285%2031.4897C21.5127%2031.3247%2021.3434%2031.13%2021.2207%2030.9058C21.098%2030.6772%2021.0366%2030.417%2021.0366%2030.125C21.0366%2029.8372%2021.098%2029.5664%2021.2207%2029.3125C21.3477%2029.0586%2021.5275%2028.8343%2021.7603%2028.6396C21.9972%2028.4408%2022.285%2028.2863%2022.6235%2028.1763C22.9663%2028.062%2023.3514%2028.0049%2023.7788%2028.0049C24.3755%2028.0049%2024.8875%2028.1001%2025.3149%2028.2905C25.7466%2028.481%2026.0767%2028.7433%2026.3052%2029.0776C26.5379%2029.4077%2026.6543%2029.7843%2026.6543%2030.2075H24.8262C24.8262%2030.0298%2024.7881%2029.8711%2024.7119%2029.7314C24.64%2029.5876%2024.5257%2029.4754%2024.3691%2029.395C24.2168%2029.3104%2024.0179%2029.2681%2023.7725%2029.2681C23.5693%2029.2681%2023.3937%2029.304%2023.2456%2029.376C23.0975%2029.4437%2022.9832%2029.5368%2022.9028%2029.6553C22.8267%2029.7695%2022.7886%2029.8965%2022.7886%2030.0361C22.7886%2030.1419%2022.8097%2030.2371%2022.8521%2030.3218C22.8986%2030.4022%2022.9727%2030.4762%2023.0742%2030.5439C23.1758%2030.6117%2023.307%2030.6751%2023.4678%2030.7344C23.6328%2030.7894%2023.8359%2030.8402%2024.0771%2030.8867C24.5723%2030.9883%2025.0145%2031.1216%2025.4038%2031.2866C25.7931%2031.4474%2026.1021%2031.6675%2026.3306%2031.9468C26.5591%2032.2218%2026.6733%2032.5837%2026.6733%2033.0322C26.6733%2033.3369%2026.6056%2033.6162%2026.4702%2033.8701C26.3348%2034.124%2026.1401%2034.3462%2025.8862%2034.5366C25.6323%2034.7228%2025.3276%2034.8688%2024.9722%2034.9746C24.6209%2035.0762%2024.2253%2035.127%2023.7852%2035.127C23.1462%2035.127%2022.6045%2035.0127%2022.1602%2034.7842C21.7201%2034.5557%2021.3857%2034.2658%2021.1572%2033.9146C20.9329%2033.5591%2020.8208%2033.1951%2020.8208%2032.8228H22.5537C22.5622%2033.0724%2022.6257%2033.2734%2022.7441%2033.4258C22.8669%2033.5781%2023.0213%2033.6882%2023.2075%2033.7559C23.3979%2033.8236%2023.6032%2033.8574%2023.8232%2033.8574C24.0602%2033.8574%2024.257%2033.8257%2024.4136%2033.7622C24.5701%2033.6945%2024.6886%2033.6056%2024.769%2033.4956C24.8537%2033.3813%2024.896%2033.2502%2024.896%2033.1021ZM31.5737%2033.1021C31.5737%2032.9709%2031.5356%2032.8524%2031.4595%2032.7466C31.3833%2032.6408%2031.2415%2032.5435%2031.0342%2032.4546C30.8311%2032.3615%2030.5369%2032.2769%2030.1519%2032.2007C29.8049%2032.1245%2029.4811%2032.0293%2029.1807%2031.915C28.8844%2031.7965%2028.6263%2031.6548%2028.4062%2031.4897C28.1904%2031.3247%2028.0212%2031.13%2027.8984%2030.9058C27.7757%2030.6772%2027.7144%2030.417%2027.7144%2030.125C27.7144%2029.8372%2027.7757%2029.5664%2027.8984%2029.3125C28.0254%2029.0586%2028.2052%2028.8343%2028.438%2028.6396C28.675%2028.4408%2028.9627%2028.2863%2029.3013%2028.1763C29.644%2028.062%2030.0291%2028.0049%2030.4565%2028.0049C31.0532%2028.0049%2031.5653%2028.1001%2031.9927%2028.2905C32.4243%2028.481%2032.7544%2028.7433%2032.9829%2029.0776C33.2157%2029.4077%2033.332%2029.7843%2033.332%2030.2075H31.5039C31.5039%2030.0298%2031.4658%2029.8711%2031.3896%2029.7314C31.3177%2029.5876%2031.2035%2029.4754%2031.0469%2029.395C30.8945%2029.3104%2030.6956%2029.2681%2030.4502%2029.2681C30.2471%2029.2681%2030.0715%2029.304%2029.9233%2029.376C29.7752%2029.4437%2029.661%2029.5368%2029.5806%2029.6553C29.5044%2029.7695%2029.4663%2029.8965%2029.4663%2030.0361C29.4663%2030.1419%2029.4875%2030.2371%2029.5298%2030.3218C29.5763%2030.4022%2029.6504%2030.4762%2029.752%2030.5439C29.8535%2030.6117%2029.9847%2030.6751%2030.1455%2030.7344C30.3105%2030.7894%2030.5137%2030.8402%2030.7549%2030.8867C31.25%2030.9883%2031.6922%2031.1216%2032.0815%2031.2866C32.4709%2031.4474%2032.7798%2031.6675%2033.0083%2031.9468C33.2368%2032.2218%2033.3511%2032.5837%2033.3511%2033.0322C33.3511%2033.3369%2033.2834%2033.6162%2033.1479%2033.8701C33.0125%2034.124%2032.8179%2034.3462%2032.564%2034.5366C32.3101%2034.7228%2032.0054%2034.8688%2031.6499%2034.9746C31.2987%2035.0762%2030.903%2035.127%2030.4629%2035.127C29.8239%2035.127%2029.2822%2035.0127%2028.8379%2034.7842C28.3978%2034.5557%2028.0635%2034.2658%2027.835%2033.9146C27.6107%2033.5591%2027.4985%2033.1951%2027.4985%2032.8228H29.2314C29.2399%2033.0724%2029.3034%2033.2734%2029.4219%2033.4258C29.5446%2033.5781%2029.6991%2033.6882%2029.8853%2033.7559C30.0757%2033.8236%2030.2809%2033.8574%2030.501%2033.8574C30.738%2033.8574%2030.9347%2033.8257%2031.0913%2033.7622C31.2479%2033.6945%2031.3664%2033.6056%2031.4468%2033.4956C31.5314%2033.3813%2031.5737%2033.2502%2031.5737%2033.1021ZM36.4678%2028.1318V35H34.6333V28.1318H36.4678ZM34.519%2026.3418C34.519%2026.0752%2034.6121%2025.8551%2034.7983%2025.6816C34.9845%2025.5081%2035.2342%2025.4214%2035.5474%2025.4214C35.8563%2025.4214%2036.1038%2025.5081%2036.29%2025.6816C36.4805%2025.8551%2036.5757%2026.0752%2036.5757%2026.3418C36.5757%2026.6084%2036.4805%2026.8285%2036.29%2027.002C36.1038%2027.1755%2035.8563%2027.2622%2035.5474%2027.2622C35.2342%2027.2622%2034.9845%2027.1755%2034.7983%2027.002C34.6121%2026.8285%2034.519%2026.6084%2034.519%2026.3418ZM41.6919%2033.1021C41.6919%2032.9709%2041.6538%2032.8524%2041.5776%2032.7466C41.5015%2032.6408%2041.3597%2032.5435%2041.1523%2032.4546C40.9492%2032.3615%2040.6551%2032.2769%2040.27%2032.2007C39.923%2032.1245%2039.5993%2032.0293%2039.2988%2031.915C39.0026%2031.7965%2038.7445%2031.6548%2038.5244%2031.4897C38.3086%2031.3247%2038.1393%2031.13%2038.0166%2030.9058C37.8939%2030.6772%2037.8325%2030.417%2037.8325%2030.125C37.8325%2029.8372%2037.8939%2029.5664%2038.0166%2029.3125C38.1436%2029.0586%2038.3234%2028.8343%2038.5562%2028.6396C38.7931%2028.4408%2039.0809%2028.2863%2039.4194%2028.1763C39.7622%2028.062%2040.1473%2028.0049%2040.5747%2028.0049C41.1714%2028.0049%2041.6834%2028.1001%2042.1108%2028.2905C42.5425%2028.481%2042.8726%2028.7433%2043.1011%2029.0776C43.3338%2029.4077%2043.4502%2029.7843%2043.4502%2030.2075H41.6221C41.6221%2030.0298%2041.584%2029.8711%2041.5078%2029.7314C41.4359%2029.5876%2041.3216%2029.4754%2041.165%2029.395C41.0127%2029.3104%2040.8138%2029.2681%2040.5684%2029.2681C40.3652%2029.2681%2040.1896%2029.304%2040.0415%2029.376C39.8934%2029.4437%2039.7791%2029.5368%2039.6987%2029.6553C39.6226%2029.7695%2039.5845%2029.8965%2039.5845%2030.0361C39.5845%2030.1419%2039.6056%2030.2371%2039.6479%2030.3218C39.6945%2030.4022%2039.7686%2030.4762%2039.8701%2030.5439C39.9717%2030.6117%2040.1029%2030.6751%2040.2637%2030.7344C40.4287%2030.7894%2040.6318%2030.8402%2040.873%2030.8867C41.3682%2030.9883%2041.8104%2031.1216%2042.1997%2031.2866C42.589%2031.4474%2042.8979%2031.6675%2043.1265%2031.9468C43.355%2032.2218%2043.4692%2032.5837%2043.4692%2033.0322C43.4692%2033.3369%2043.4015%2033.6162%2043.2661%2033.8701C43.1307%2034.124%2042.936%2034.3462%2042.6821%2034.5366C42.4282%2034.7228%2042.1235%2034.8688%2041.7681%2034.9746C41.4168%2035.0762%2041.0212%2035.127%2040.5811%2035.127C39.9421%2035.127%2039.4004%2035.0127%2038.9561%2034.7842C38.516%2034.5557%2038.1816%2034.2658%2037.9531%2033.9146C37.7288%2033.5591%2037.6167%2033.1951%2037.6167%2032.8228H39.3496C39.3581%2033.0724%2039.4215%2033.2734%2039.54%2033.4258C39.6628%2033.5781%2039.8172%2033.6882%2040.0034%2033.7559C40.1938%2033.8236%2040.3991%2033.8574%2040.6191%2033.8574C40.8561%2033.8574%2041.0529%2033.8257%2041.2095%2033.7622C41.366%2033.6945%2041.4845%2033.6056%2041.5649%2033.4956C41.6496%2033.3813%2041.6919%2033.2502%2041.6919%2033.1021ZM48.0205%2028.1318V29.4268H44.0215V28.1318H48.0205ZM45.0117%2026.437H46.8398V32.9307C46.8398%2033.1296%2046.8652%2033.2819%2046.916%2033.3877C46.971%2033.4935%2047.0514%2033.5675%2047.1572%2033.6099C47.263%2033.6479%2047.3963%2033.667%2047.5571%2033.667C47.6714%2033.667%2047.7729%2033.6628%2047.8618%2033.6543C47.9549%2033.6416%2048.0332%2033.6289%2048.0967%2033.6162L48.103%2034.9619C47.9465%2035.0127%2047.7772%2035.0529%2047.5952%2035.0825C47.4132%2035.1121%2047.2122%2035.127%2046.9922%2035.127C46.5902%2035.127%2046.2389%2035.0614%2045.9385%2034.9302C45.6423%2034.7948%2045.4137%2034.5789%2045.2529%2034.2827C45.0921%2033.9865%2045.0117%2033.5972%2045.0117%2033.1147V26.437ZM52.7686%2033.4512V30.3916C52.7686%2030.1715%2052.7326%2029.9832%2052.6606%2029.8267C52.5887%2029.6659%2052.4766%2029.541%2052.3242%2029.4521C52.1761%2029.3633%2051.9836%2029.3188%2051.7466%2029.3188C51.5435%2029.3188%2051.3678%2029.3548%2051.2197%2029.4268C51.0716%2029.4945%2050.9574%2029.5939%2050.877%2029.7251C50.7965%2029.8521%2050.7563%2030.0023%2050.7563%2030.1758H48.9282C48.9282%2029.8838%2048.9959%2029.6066%2049.1313%2029.3442C49.2668%2029.0819%2049.4635%2028.8512%2049.7217%2028.6523C49.9798%2028.4492%2050.2866%2028.2905%2050.6421%2028.1763C51.0018%2028.062%2051.4038%2028.0049%2051.8481%2028.0049C52.3813%2028.0049%2052.8553%2028.0938%2053.27%2028.2715C53.6847%2028.4492%2054.0106%2028.7158%2054.2476%2029.0713C54.4888%2029.4268%2054.6094%2029.8711%2054.6094%2030.4043V33.3433C54.6094%2033.7199%2054.6326%2034.0288%2054.6792%2034.27C54.7257%2034.507%2054.7935%2034.7144%2054.8823%2034.8921V35H53.0352C52.9463%2034.8138%2052.8786%2034.5811%2052.832%2034.3018C52.7897%2034.0182%2052.7686%2033.7347%2052.7686%2033.4512ZM53.0098%2030.8169L53.0225%2031.8516H52.0005C51.7593%2031.8516%2051.5498%2031.8791%2051.3721%2031.9341C51.1943%2031.9891%2051.0483%2032.0674%2050.9341%2032.1689C50.8198%2032.2663%2050.7352%2032.3805%2050.6802%2032.5117C50.6294%2032.6429%2050.604%2032.7868%2050.604%2032.9434C50.604%2033.0999%2050.64%2033.2417%2050.7119%2033.3687C50.7839%2033.4914%2050.8875%2033.5887%2051.0229%2033.6606C51.1584%2033.7284%2051.3171%2033.7622%2051.499%2033.7622C51.7741%2033.7622%2052.0132%2033.7072%2052.2163%2033.5972C52.4194%2033.4871%2052.576%2033.3517%2052.686%2033.1909C52.8003%2033.0301%2052.8595%2032.8778%2052.8638%2032.7339L53.3462%2033.5083C53.2785%2033.6818%2053.1854%2033.8617%2053.0669%2034.0479C52.9526%2034.234%2052.8066%2034.4097%2052.6289%2034.5747C52.4512%2034.7355%2052.2375%2034.8688%2051.9878%2034.9746C51.7381%2035.0762%2051.4419%2035.127%2051.0991%2035.127C50.6632%2035.127%2050.2676%2035.0402%2049.9121%2034.8667C49.5609%2034.689%2049.2816%2034.4456%2049.0742%2034.1367C48.8711%2033.8236%2048.7695%2033.4681%2048.7695%2033.0703C48.7695%2032.7106%2048.8372%2032.3911%2048.9727%2032.1118C49.1081%2031.8325%2049.307%2031.5977%2049.5693%2031.4072C49.8359%2031.2126%2050.1681%2031.0666%2050.5659%2030.9692C50.9637%2030.8677%2051.425%2030.8169%2051.9497%2030.8169H53.0098ZM57.8086%2029.5981V35H55.9805V28.1318H57.6943L57.8086%2029.5981ZM57.542%2031.3247H57.0469C57.0469%2030.8169%2057.1125%2030.3599%2057.2437%2029.9536C57.3748%2029.5431%2057.5589%2029.194%2057.7959%2028.9062C58.0329%2028.6143%2058.3143%2028.3921%2058.6401%2028.2397C58.9702%2028.0832%2059.3384%2028.0049%2059.7446%2028.0049C60.0662%2028.0049%2060.3604%2028.0514%2060.627%2028.1445C60.8936%2028.2376%2061.1221%2028.3857%2061.3125%2028.5889C61.5072%2028.792%2061.6553%2029.0607%2061.7568%2029.395C61.8626%2029.7293%2061.9155%2030.1377%2061.9155%2030.6201V35H60.0747V30.6138C60.0747%2030.3091%2060.0324%2030.0721%2059.9478%2029.9028C59.8631%2029.7336%2059.7383%2029.6151%2059.5732%2029.5474C59.4124%2029.4754%2059.2135%2029.4395%2058.9766%2029.4395C58.7311%2029.4395%2058.5174%2029.4881%2058.3354%2029.5854C58.1577%2029.6828%2058.0096%2029.8182%2057.8911%2029.9917C57.7769%2030.161%2057.6901%2030.3599%2057.6309%2030.5884C57.5716%2030.8169%2057.542%2031.0623%2057.542%2031.3247ZM66.6699%2028.1318V29.4268H62.6709V28.1318H66.6699ZM63.6611%2026.437H65.4893V32.9307C65.4893%2033.1296%2065.5146%2033.2819%2065.5654%2033.3877C65.6204%2033.4935%2065.7008%2033.5675%2065.8066%2033.6099C65.9124%2033.6479%2066.0457%2033.667%2066.2065%2033.667C66.3208%2033.667%2066.4224%2033.6628%2066.5112%2033.6543C66.6043%2033.6416%2066.6826%2033.6289%2066.7461%2033.6162L66.7524%2034.9619C66.5959%2035.0127%2066.4266%2035.0529%2066.2446%2035.0825C66.0627%2035.1121%2065.8617%2035.127%2065.6416%2035.127C65.2396%2035.127%2064.8883%2035.0614%2064.5879%2034.9302C64.2917%2034.7948%2064.0632%2034.5789%2063.9023%2034.2827C63.7415%2033.9865%2063.6611%2033.5972%2063.6611%2033.1147V26.437Z%22%20fill=%22white%22/%3E%0A%3C/svg%3E") center / 118px 45px 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.03); transform-origin: right center; }

/* ---------- Header (24:711): an 81px black band, r15 on top, the "KM"
 * letterform #171717 at x97. Mark 36x36 at x23 y20; title "King Motors"
 * Roboto Condensed Bold 20/18 UPPERCASE (textCase UPPER on 48002:826) at x75
 * y24; subtitle Roboto Medium 12 at x75 y47, 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 23px;
  gap: 0;
  background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width=%22258%22%20height=%2281%22%20viewBox=%220%200%20258%2081%22%20fill=%22none%22%20xmlns=%22http://www.w3.org/2000/svg%22%3E%0A%3Cpath%20d=%22M95.1797%200.0351562C95.1797%200.961349%2095.2207%201.92607%2095.3027%202.92871C95.3847%203.93007%2095.4267%204.46943%2095.4268%204.54688C95.5021%2015.5056%2094.0213%2026.4199%2091.0303%2036.96C88.3601%2046.5272%2084.0168%2055.5422%2078.2031%2063.585C81.2842%2067.3473%2084.0344%2073.1528%2086.4561%2081H0V0.0400391H37.5498V63.3564C43.9757%2056.2854%2048.5724%2047.7384%2050.9355%2038.4678C54.5992%2025.9763%2056.5987%2013.0531%2056.8828%200.0351562H95.1797ZM258%2081H219.716V38.9307C213.425%2045.7658%20208.526%2053.768%20205.293%2062.4873C203.477%2068.5422%20202.21%2074.7383%20201.501%2081H162.247C161.538%2074.7383%20160.271%2068.5422%20158.455%2062.4873C155.218%2053.767%20150.314%2045.7646%20144.019%2038.9307V81H105.722V0.0400391H156.78C162.256%205.84913%20167.039%2012.2785%20171.031%2019.1982C175.396%2026.7578%20179.039%2034.7147%20181.911%2042.9619C184.623%2034.7644%20188.174%2026.8707%20192.506%2019.4062C196.546%2012.3939%20201.39%205.88048%20206.941%200H258V81Z%22%20fill=%22%23171717%22/%3E%0A%3C/svg%3E") 97px 0 / 258px 81px no-repeat, #000;
}
.hdcw-head::before {
  content: '';
  flex: 0 0 36px;
  height: 36px;
  margin: 20px 16px 0 0;        /* circle at x23 y20, title at x75 */
  background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width=%2236%22%20height=%2236%22%20viewBox=%220%200%2036%2036%22%20fill=%22none%22%20xmlns=%22http://www.w3.org/2000/svg%22%3E%0A%3Ccircle%20cx=%2218%22%20cy=%2218%22%20r=%2218%22%20fill=%22%230C52B1%22/%3E%0A%3Cpath%20d=%22M13.8584%2020.7451C13.9206%2020.901%2014.0281%2021.0347%2014.1671%2021.1289C14.3061%2021.2231%2014.4702%2021.2734%2014.6381%2021.2734C14.8061%2021.2734%2014.9701%2021.2231%2015.1091%2021.1289C15.2481%2021.0347%2015.3557%2020.901%2015.4179%2020.7451L15.8393%2019.7333C16.5435%2018.0165%2017.8795%2016.6352%2019.5721%2015.8738L20.7633%2015.3463C21.4435%2015.0428%2021.4435%2014.0509%2020.7633%2013.7474L19.5024%2013.1868C17.8523%2012.4465%2016.5394%2011.1151%2015.8227%209.45494L15.4129%208.51617C15.3491%208.3633%2015.2415%208.23272%2015.1036%208.14087C14.9658%208.04902%2014.8038%208.00001%2014.6381%208.00001C14.4725%208.00001%2014.3105%208.04902%2014.1726%208.14087C14.0347%208.23272%2013.9271%208.3633%2013.8634%208.51617L13.4552%209.45328C12.738%2011.1146%2011.4239%2012.4468%209.77219%2013.1868L8.51133%2013.7474C8.35865%2013.818%208.22937%2013.9307%208.13876%2014.0724C8.04815%2014.2141%208%2014.3787%208%2014.5469C8%2014.715%208.04815%2014.8797%208.13876%2015.0213C8.22937%2015.163%208.35865%2015.2758%208.51133%2015.3463L9.70251%2015.8738C11.3954%2016.6344%2012.732%2018.0152%2013.437%2019.7317L13.8584%2020.7451Z%22%20fill=%22white%22/%3E%0A%3Cpath%20d=%22M25.352%2023.9883C25.3796%2024.0576%2025.4274%2024.117%2025.4892%2024.1588C25.551%2024.2007%2025.6239%2024.2231%2025.6985%2024.2231C25.7732%2024.2231%2025.8461%2024.2007%2025.9079%2024.1588C25.9696%2024.117%2026.0174%2024.0576%2026.0451%2023.9883L26.2324%2023.5386C26.5454%2022.7756%2027.1392%2022.1616%2027.8914%2021.8232L28.4208%2021.5888C28.7231%2021.4539%2028.7231%2021.0131%2028.4208%2020.8782L27.8604%2020.629C27.1271%2020.3%2026.5436%2019.7083%2026.225%2018.9704L26.0429%2018.5532C26.0145%2018.4852%2025.9667%2018.4272%2025.9054%2018.3864C25.8442%2018.3456%2025.7722%2018.3238%2025.6985%2018.3238C25.6249%2018.3238%2025.5529%2018.3456%2025.4916%2018.3864C25.4304%2018.4272%2025.3825%2018.4852%2025.3542%2018.5532L25.1728%2018.9697C24.854%2019.7081%2024.27%2020.3001%2023.5359%2020.629L22.9755%2020.8782C22.9077%2020.9095%2022.8502%2020.9597%2022.8099%2021.0226C22.7697%2021.0856%2022.7483%2021.1588%2022.7483%2021.2335C22.7483%2021.3082%2022.7697%2021.3814%2022.8099%2021.4444C22.8502%2021.5073%2022.9077%2021.5574%2022.9755%2021.5888L23.5049%2021.8232C24.2573%2022.1613%2024.8514%2022.775%2025.1647%2023.5379L25.352%2023.9883Z%22%20fill=%22white%22/%3E%0A%3Cpath%20d=%22M17.9778%2028.4128C18.0055%2028.4821%2018.0533%2028.5415%2018.1151%2028.5833C18.1768%2028.6252%2018.2498%2028.6476%2018.3244%2028.6476C18.399%2028.6476%2018.4719%2028.6252%2018.5337%2028.5833C18.5955%2028.5415%2018.6433%2028.4821%2018.6709%2028.4128L18.8582%2027.9631C19.1712%2027.2001%2019.765%2026.5861%2020.5173%2026.2477L21.0467%2026.0133C21.349%2025.8784%2021.349%2025.4376%2021.0467%2025.3027L20.4863%2025.0535C19.7529%2024.7245%2019.1694%2024.1328%2018.8509%2023.3949L18.6687%2022.9777C18.6404%2022.9097%2018.5926%2022.8517%2018.5313%2022.8109C18.47%2022.7701%2018.398%2022.7483%2018.3244%2022.7483C18.2508%2022.7483%2018.1788%2022.7701%2018.1175%2022.8109C18.0562%2022.8517%2018.0084%2022.9097%2017.9801%2022.9777L17.7987%2023.3942C17.4799%2024.1326%2016.8958%2024.7246%2016.1618%2025.0535L15.6014%2025.3027C15.5335%2025.334%2015.4761%2025.3842%2015.4358%2025.4471C15.3955%2025.5101%2015.3741%2025.5833%2015.3741%2025.658C15.3741%2025.7327%2015.3955%2025.8059%2015.4358%2025.8689C15.4761%2025.9318%2015.5335%2025.9819%2015.6014%2026.0133L16.1308%2026.2477C16.8832%2026.5858%2017.4772%2027.1995%2017.7906%2027.9624L17.9778%2028.4128Z%22%20fill=%22white%22/%3E%0A%3C/svg%3E") center / 36px 36px no-repeat;
}
.hdcw-head > div { margin-top: 24px; min-width: 0; padding-right: 12px; }
.hdcw-head b {
  font-family: 'Roboto Condensed', 'Roboto', 'Arial Narrow', sans-serif;
  font-size: 20px;
  line-height: 18px;
  font-weight: 700;
  letter-spacing: 0;
  text-transform: uppercase;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.hdcw-head small {
  display: block;
  margin: 5px 0 0;              /* 42003:558 @75,47: 5px under the title's 18px line */
  opacity: 1;
  font-size: 12px;
  font-weight: 500;
  line-height: 14px;
  white-space: nowrap;
}
/* Nav icons: reset 20x16 @296, expand 16x16 @334, close 15x15 @369, all at
 * y24 - the shared pack; expand and close 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 / 37:351 / 42:720): #EDEDED, 1px #C7C7C7
 * inside stroke, r10 with the BOTTOM-LEFT corner square, Roboto Regular 14 on
 * a 16px line, 1% tracking (ls .14px), text box 17px under the outer edge and
 * 22px in; 334 wide; one line 51 tall (37:325), two 67 (37:351), three 83
 * (42:720).
 * User (37:388 / 42:676 / 4048:708): #282828, white Regular 14, r10 with the
 * BOTTOM-RIGHT corner square, no stroke, 48 tall for one line, text box 15px
 * down, 24px in (hand-sized 17-28 in the file). */
.hdcw-msg {
  max-width: 96%;               /* the long user bubbles 2030:495 are 352 of 366 */
  padding: 15px 23px 17px 24px;
  font-size: 14px;
  line-height: 16px;
  letter-spacing: .01em;
}
.hdcw-bot {
  width: 91.3%;
  max-width: 91.3%;             /* 334 of the 366px column */
  box-sizing: border-box;
  background: #EDEDED;
  border-color: #C7C7C7;
  border-radius: 10px 10px 10px 0;
  color: #000000;
  padding: 16px 22px 17px 21px;
}
/* The greeting (1:11 on 01-chat, 11-something-else, 15-browse): Roboto 14, no
 * tracking, its headline Bold and followed by a 24px line (the run after it),
 * then a 16px line, in a 95px bubble with the text box 14px under the outer
 * edge. The headline is an inline-block with an 8px bottom margin: that grows
 * its own line only, whatever the admin copy after it. A first bubble
 * followed by a car card (the vehicle page's "Interested in **this car**?") or
 * by the stock section heads is not the greeting and keeps the plain bubble
 * (CON-1024). */
.hdcw-msgs > .hdcw-bot:first-child:not(:has(+ .hdcw-cars, + .hdcw-ghead)) { letter-spacing: 0; padding: 13px 22px 24px 21px; }
.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: 8px; font-weight: 700; }
.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, Roboto 14 on a 19px
 * leading, SemiBold underlined car links, text box 28px under the top edge
 * and 68px above the bottom one (the designer's fixed rectangle). */
.hdcw-bot:has(a.hdcw-link) {
  background: #fff;
  border-color: #E4E6EA;
  line-height: 19px;
  padding: 27px 27px 67px 21px;
}
/* The reply under a user bubble sits 8px below it (04-help2 328 -> 336, 06-help4 140 -> 148; hand-spaced 6-12, widget 10). */
.hdcw-user { border-radius: 10px 10px 0 10px; font-weight: 400; letter-spacing: 0; margin-bottom: -2px; }
.hdcw-typing {
  background: #EDEDED;
  border-color: #C7C7C7;
  border-radius: 10px 10px 10px 0;
  padding: 16px 22px 17px 21px;
}
/* "Searching our stock..." (2030:573, 19:537): Roboto Italic 12, #6D6D6D,
 * x20; 13px under the user bubble, 14px above the reply (09-help7). */
.hdcw-status { font-style: italic; font-size: 12px; line-height: 14px; margin: 3px 0 4px; }

/* ---------- Openers (lozenge 12:145 / 6001:1006 / 6001:1031): 361x72, r5,
 * WHITE, 1px #D0D0D0 inside stroke, NO shadow (the effect on 30001:622 is
 * hidden); #0C52B1 chevron 6x12 at x352.5 (the first opener x353.5), 29.5
 * under the box top; #0C52B1 glyph at the artwork's own offsets; title Roboto
 * Condensed Bold 18 (auto line 21); caption Roboto Regular 12 (auto line 14)
 * (::after - the widget renders one label). Tops at y209 / 291 / 372 (10 then
 * 9 apart); "Something else" (a 65px box) at 455 (11 under). */
.hdcw-opener { gap: 9px; margin: 0 5px 0 0; }  /* 361 wide: x16..377 */
/* The home list sits 19px under the greeting bubble (190 -> 209), not the
 * column's 10px; the context CTA keeps the widget's own spacing. */
.hdcw-opener:has(.hdcw-op-else) { margin-top: 9px; }
/* On a vehicle page the box opens with the context CTA, 26px under the car
 * card (16-browse-auto: card foot 1956 -> CTA 1982). */
.hdcw-opener:has(.hdcw-op-ctx) { margin-top: 16px; }
.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-tradein,
.hdcw-opener button.hdcw-op-alert,
.hdcw-opener .hdcw-else.hdcw-op-else {
  box-sizing: border-box;
  border: 1px solid #D0D0D0;
  border-radius: 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%230C52B1%22/%3E%0A%3C/svg%3E") no-repeat right 18px top 28px / 8px 14px border-box, #fff;
  color: #000000;
  text-align: left;
  box-shadow: none;
}
.hdcw-opener button.hdcw-op-used,
.hdcw-opener button.hdcw-op-new { 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%230C52B1%22/%3E%0A%3C/svg%3E") no-repeat right 17px top 28px / 8px 14px border-box, #fff; }
.hdcw-opener button.hdcw-op-used,
.hdcw-opener button.hdcw-op-new,
.hdcw-opener button.hdcw-op-quiz,
.hdcw-opener button.hdcw-op-tradein,
.hdcw-opener button.hdcw-op-alert {
  min-height: 72px;
  padding: 16px 44px 18px 68px;  /* used: title box at x85 y226 (30002:639), caption at y248; 1 + 16 + 21 + 1 + 14 + 18 + 1 = 72 */
  font-family: 'Roboto Condensed', 'Roboto', 'Arial Narrow', sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 21px;
  letter-spacing: 0;
}
/* Help me Choose / First-Mover: the title sits 2px lower than Browse's
 * (6001:1011 @84,310 and 6001:1036 @83,391, +19 on their boxes, vs 30002:639
 * +17); captions at +41 / +40. */
.hdcw-opener button.hdcw-op-quiz,
.hdcw-opener button.hdcw-op-tradein { padding-top: 18px; padding-bottom: 16px; padding-left: 67px; margin-top: 1px; }  /* used -> quiz 10px apart (281 -> 291) */
.hdcw-opener button.hdcw-op-alert { padding-top: 18px; padding-bottom: 17px; padding-left: 66px; }
/* Hover keeps the chevron: the whole shorthand again, never background-color
 * alone (a vehicle page also gives these buttons .hdcw-else, whose widget
 * :hover shorthand would otherwise drop the chevron). */
.hdcw-opener button.hdcw-op-quiz:hover,
.hdcw-opener button.hdcw-op-tradein: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%230C52B1%22/%3E%0A%3C/svg%3E") no-repeat right 18px top 28px / 8px 14px border-box, #F4F4F4; opacity: 1; }
.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%230C52B1%22/%3E%0A%3C/svg%3E") no-repeat right 17px top 28px / 8px 14px border-box, #F4F4F4; opacity: 1; }
/* Glyph boxes = the export + 1px bezel, placed from the padding box
 * (artwork ink offset - 1px border - 1px bezel). */
.hdcw-opener button.hdcw-op-used::before,
.hdcw-opener button.hdcw-op-new::before,
.hdcw-opener button.hdcw-op-quiz::before,
.hdcw-opener button.hdcw-op-tradein::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,
.hdcw-opener button.hdcw-op-tradein::before { left: 24px; top: 22px; 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=%22M10.5887%200.000440958C4.71816%20-0.05279%20-0.0527666%204.72024%200.00044076%2010.5934C0.0359123%2014.9139%202.71401%2018.6312%206.49173%2020.2016L7.13908%2020.4411C8.16779%2020.7959%209.26736%2020.9911%2010.4113%2021C10.9877%2021%2011.5642%2020.9645%2012.114%2020.8758L12.7613%2020.7516C17.5056%2019.7136%2021.044%2015.464%2020.9996%2010.3982C20.9464%204.71137%2016.2908%200.0536713%2010.5887%200.000440958ZM10.5%2019.1458C7.96023%2019.1458%205.67274%2018.0432%204.09136%2016.292C3.6679%2015.8231%203.74943%2015.1038%204.25703%2014.7277C5.04627%2014.151%205.81778%2013.7694%206.52722%2013.4856C6.75778%2013.3969%207.01493%2013.5299%207.077%2013.7694C7.17457%2014.151%207.51154%2014.426%207.91058%2014.426H13.0894C13.4796%2014.426%2013.8255%2014.1598%2013.923%2013.7694C13.9851%2013.5299%2014.2423%2013.3969%2014.4729%2013.4856C15.1823%2013.7694%2015.9626%2014.151%2016.743%2014.7277C17.2507%2015.1038%2017.3321%2015.8231%2016.9087%2016.292C15.3273%2018.0432%2013.0398%2019.1458%2010.5%2019.1458ZM14.9028%2011.4983C14.8999%2011.4983%2014.8971%2011.498%2014.8943%2011.4973C14.6752%2011.4423%2014.5441%2011.2219%2014.6059%2011.0015C14.7743%2010.3272%2014.26%209.67957%2013.5683%209.67957H10.837C10.7217%209.67957%2010.6153%209.67957%2010.5%209.67957C10.3847%209.67957%2010.2695%209.67957%2010.1631%209.67957H7.44062C6.74888%209.67957%206.23458%2010.3272%206.40307%2011.0015C6.45624%2011.2233%206.32325%2011.4362%206.11042%2011.4983C5.23318%2011.7241%204.40045%2011.8876%203.62598%2011.9939C2.71436%2012.1189%201.88505%2011.4644%201.87741%2010.5438C1.87652%2010.4366%201.87751%2010.3289%201.88043%2010.2208C2.02232%205.58967%205.86211%201.87239%2010.4911%201.86352C15.2621%201.86352%2019.1374%205.73162%2019.1374%2010.5047C19.1374%2010.518%2019.1373%2010.5314%2019.1372%2010.5448C19.1331%2011.4648%2018.3041%2012.119%2017.3929%2011.9944C16.6171%2011.8883%2015.7838%2011.725%2014.9118%2011.4994C14.9089%2011.4987%2014.9058%2011.4983%2014.9028%2011.4983Z%22%20fill=%22%230B52B1%22/%3E%0A%3C/svg%3E"); }  /* 48002:702 @42,232.9 */
.hdcw-opener button.hdcw-op-tradein::before { top: 22.5px; }
.hdcw-opener button.hdcw-op-quiz::before { left: 24px; top: 23px; width: 23px; height: 22px; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width=%2223%22%20height=%2222%22%20viewBox=%22-1%20-1%2023%2022%22%20fill=%22none%22%20xmlns=%22http://www.w3.org/2000/svg%22%3E%0A%3Cpath%20d=%22M5.36353%200C2.95346%201.12159%201.11412%202.9479%200.00542644%205.10414L2.6284%206.32976C3.45934%204.71079%204.83703%203.33701%206.64622%202.49541L5.36344%200H5.36353ZM15.6406%200.00650173L14.3537%202.5032C16.0537%203.29466%2017.4961%204.60668%2018.3798%206.32976L21%205.10806C19.8222%202.81274%2017.9047%201.06228%2015.6405%200.00646007L15.6406%200.00650173ZM18.377%2013.665C17.5463%2015.2848%2016.1657%2016.6522%2014.3565%2017.4941L15.6447%2020C18.0567%2018.8778%2019.8933%2017.0509%2021%2014.8919L18.377%2013.665ZM2.62568%2013.6702L0%2014.8945C1.17841%2017.1908%203.09726%2018.9406%205.36353%2019.9948L6.65038%2017.4968C4.95038%2016.7053%203.50931%2015.3931%202.62568%2013.6702V13.6702Z%22%20fill=%22%230C52B1%22/%3E%0A%3C/svg%3E"); }  /* 42002:540 @42,316 */
.hdcw-opener button.hdcw-op-alert::before { left: 25px; top: 19px; width: 23px; height: 27px; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width=%2223%22%20height=%2227%22%20viewBox=%22-1%20-1%2023%2027%22%20fill=%22none%22%20xmlns=%22http://www.w3.org/2000/svg%22%3E%0A%3Cpath%20d=%22M13.8497%2020.5501C13.8497%2021.465%2013.4805%2022.3425%2012.8235%2022.9895C12.1664%2023.6366%2011.2752%2024%2010.3458%2024C9.41656%2024%208.52534%2023.6366%207.86823%2022.9895C7.21114%2022.3425%206.84199%2021.465%206.84199%2020.5501H13.8497ZM11.1879%204.45348L9.47573%204.45003C5.57009%204.44083%202.17953%207.56538%202.15268%2011.35V15.7085C2.15268%2016.617%202.03588%2017.5036%201.53249%2018.2592L1.19729%2018.7629C0.6869%2019.5265%201.23583%2020.5501%202.15268%2020.5501H18.539C19.4558%2020.5501%2020.0036%2019.5265%2019.4944%2018.7629L19.1591%2018.2592C18.657%2017.5036%2018.539%2016.6159%2018.539%2015.7074V11.3512C18.4923%207.56538%2015.0935%204.46268%2011.1879%204.45348Z%22%20stroke=%22%230B52B1%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22/%3E%0A%3Cpath%20d=%22M10.3456%201C10.9174%201%2011.4659%201.24232%2011.8703%201.67366C12.2746%202.10499%2012.5018%202.69%2012.5018%203.3V4.45H8.18933V3.3C8.18933%202.69%208.41651%202.10499%208.82085%201.67366C9.22528%201.24232%209.77374%201%2010.3456%201Z%22%20stroke=%22%230B52B1%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22/%3E%0A%3C/svg%3E"); }  /* 48002:708 ink @43,393 */
.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-tradein::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-family: 'Roboto', system-ui, -apple-system, 'Segoe UI', Arial, sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 14px;
  letter-spacing: 0;
  color: #000000;
}
.hdcw-opener button.hdcw-op-alert::after { margin-top: 0; padding-left: 1px; }  /* 6001:1037 @84,412 - 1px right of its title, +40 */
.hdcw-opener button.hdcw-op-used::after {
  /* The artwork's caption wording (CON-937: always as the artwork); the
   * stock number is live since CON-995: see the [data-stock] rule below. */
  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 (30002:640) back above: '16 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 (King Motors sells used only, and new
 * cars are off by default - CON-1020); the widget would draw it with the same
 * box and the wheel glyph if data-new-cars were ever set. The trade-in opener
 * (CON-1019, off for km) gets the same box and glyph, and no invented
 * caption. */
.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 / 32003:803): the same box at 361x65, 11px under
 * the alert opener (2px more than the column gap). Title Roboto Condensed
 * Bold 18 @86,476; "?" 25x25 (stroke 2) @42,473; chevron x352.5 y482.5. */
.hdcw-opener .hdcw-else.hdcw-op-else {
  min-height: 65px;
  margin-top: 2px;
  padding: 20px 44px 22px 69px;
  font-family: 'Roboto Condensed', 'Roboto', 'Arial Narrow', sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 21px;
  letter-spacing: 0;
  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%230C52B1%22/%3E%0A%3C/svg%3E") no-repeat right 18px top 26px / 8px 14px border-box, #fff;
}
.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%230C52B1%22/%3E%0A%3C/svg%3E") no-repeat right 18px top 26px / 8px 14px border-box, #F4F4F4; opacity: 1; }
.hdcw-opener button.hdcw-op-else::before { left: 24px; top: 16px; width: 27px; height: 27px; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width=%2227%22%20height=%2227%22%20viewBox=%22-1%20-1%2027%2027%22%20fill=%22none%22%20xmlns=%22http://www.w3.org/2000/svg%22%3E%0A%3Cpath%20d=%22M12.5%2024C18.8514%2024%2024%2018.8514%2024%2012.5C24%206.14855%2018.8514%201%2012.5%201C6.14855%201%201%206.14855%201%2012.5C1%2018.8514%206.14855%2024%2012.5%2024Z%22%20stroke=%22%230C52B1%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22/%3E%0A%3Cpath%20d=%22M9.04999%209.05C9.04999%205.025%2015.375%205.025%2015.375%209.05C15.375%2011.925%2012.5%2011.35%2012.5%2014.8M12.5%2019.4115L12.5115%2019.3989%22%20stroke=%22%230C52B1%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22/%3E%0A%3C/svg%3E"); }

/* Context CTA ("Tell me about this car" 19:683): 349x55 at x24, SQUARE
 * corners (19:680 has no radius), flat #0C52B1, white Roboto SemiBold 15,
 * centred, text box 17px under the top. */
.hdcw-opener button.hdcw-op-ctx {
  min-height: 55px;
  margin: 0 4px 0 8px;          /* 349 wide at x24 (16-browse-auto): the opener column is 361 */
  border: 0;
  border-radius: 0;
  padding: 18px 0 19px;
  background: #0C52B1;
  color: #fff;
  font-size: 15px;
  font-weight: 600;
  line-height: 18px;
  letter-spacing: 0;
}
.hdcw-opener button.hdcw-op-ctx:hover { opacity: .85; }

/* ---------- Chips (item 16:212): 31px white, r10, NO border, 0/4/4 25%
 * shadow, Roboto Regular 12/13 black, centred, 5px gaps both ways, text box
 * 9px under the chip top. 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: 9px 16px 7px;       /* text box 9px under the chip top (16:209 @312 on 303), ink 10.5 down; 17px in (16 + the 1px border): the artwork's are hand-sized 12-30px (median 17), 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: #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 KM 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 / 16:270 / 16:323): Roboto Bold 11
 * #6D6D6D, tracking 0, x24 (LIFESTYLE and MAKES x23); 13px under a bubble,
 * 18px under a chip row, 8px above its chips. */
.hdcw-ghead {
  font-weight: 700;
  letter-spacing: 0;
  font-size: 11px;
  line-height: 13px;
  margin: 3px 6px 0 8px;        /* POPULAR ink 20px above its first chip row (283 -> 303) */
}
.hdcw-chips + .hdcw-ghead { margin-top: 9px; margin-left: 7px; }  /* LIFESTYLE 16:270 18px under the chip rows, x23 */
.hdcw-chips + .hdcw-ghead + .hdcw-chips + .hdcw-ghead { margin-top: 5.5px; }  /* MAKES 16:323 ink at 569, 17px under the LIFESTYLE rows */
/* 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 the quiz answers are drawn roomier: 19-21px in (02-help1: Adventurous 68 of text in 107, Practical 47 in 88), 20 here (19 + the 1px border). */
.hdcw-bot + .hdcw-chips .hdcw-chip { padding-left: 19px; padding-right: 19px; }

/* ---------- 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 Roboto Regular 12, price Bold 12/19, monthly Medium 12/16, meta
 * Regular 10/17. Flush split action bar: Details (77, white, #E4E6EA rule) |
 * I'm Interested (99, #0C52B1, white ink), both Roboto Regular 12/13 ls -1%. */
.hdcw-cars { gap: 14px; padding: 1px 2px 0; margin-right: -2px; }
.hdcw-ncgrid { gap: 14px; }
.hdcw-car { border-radius: 0 0 10px 10px; border-color: #E4E6EA; }
.hdcw-car img.hdcw-carimg, .hdcw-car .hdcw-noimg { height: 113px; }
.hdcw-car .hdcw-carbody { padding: 7px 11px 10px; }  /* 1 + 113 + 99 + 30 + 1 = 244 tall; title ink 124 under the card top, action bar at 213 (19:564 @456 on 243) */
.hdcw-car h4.hdcw-cartitle {
  /* name every property: Bootstrap's h4 rule and the KM site's h1-h6 Roboto
   * Condensed would win otherwise */
  margin: 0;
  padding: 0;
  font-family: var(--hdcw-font);
  font-size: 12px;
  font-weight: 400;
  line-height: 14px;
  letter-spacing: .01em;
  max-height: 28px;
  color: #000000;
}
.hdcw-car .hdcw-price { color: #000000; font-size: 12px; font-weight: 700; line-height: 19px; margin-top: 4px; letter-spacing: .01em; }  /* ink 157.5 under the card top */
.hdcw-car .hdcw-mo { color: #000000; font-size: 12px; font-weight: 500; line-height: 16px; margin-top: -2px; letter-spacing: .01em; }
.hdcw-car .hdcw-meta { color: #000000; font-size: 10px; line-height: 17px; margin-top: 0; }  /* ink 190.5 under the card top */
.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;             /* the 31px cells overlap the card's own bottom stroke */
  padding: 8px 0 8px;
  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: #0C52B1;
  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: #0C52B1; opacity: .85; color: #fff; }

/* ---------- Footer (24:712): #E4E6EA band 400x129. Input 299x51 @21,20,
 * r10, 1px #000000, placeholder Roboto Regular 14 ls .14px black, text box at
 * x50. Send: the blue 52px circle 8px right of it. Disclosure: Roboto Regular
 * 12/15 ls .11px, black, centred in the artwork's 275px box at x62, 17px
 * above the panel foot, "Terms & Conditions" underlined (14 of the
 * artboards); 11/15 in a 252px box at x73 with a plain link on the opener
 * list (01-chat, the main component 2008:473). */
.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: 0 18px 2px 28px;    /* placeholder ink cap 630.5 (12002:602 @50,628) */
  font-size: 14px;
  line-height: 47px;
  letter-spacing: .01em;
}
/* font: inherit - KM's style.css line 5464 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: #0C52B1; }
.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%230C52B1%22/%3E%0A%3Cpath%20d=%22M21.6667%2026L19%2034L35%2026L19%2018L21.6667%2026ZM21.6667%2026H27%22%20stroke=%22white%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%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: .11px;
  padding: 1px 63px 16px 62px;  /* the artwork's 275px box at x62 (I37:289;2008:473); ink 676 / 691 */
}
.hdcw-powered a.hdcw-tc { color: #000000; text-decoration: underline; }
.hdcw-panel:has(.hdcw-op-else) .hdcw-powered { font-size: 11px; padding: 0 75px 17px 73px; }  /* 2008:473 on 01-chat: 11/15 in 252 at x73 */
.hdcw-panel:has(.hdcw-op-else) .hdcw-powered a.hdcw-tc { text-decoration: none; }
.hdcw-powered > div { display: inline; }
/* The artwork centres its first line WITH the trailing space after
 * "mistakes." (Figma counts it); break-spaces keeps that space on the line
 * instead of hanging it, so the line sits where it is drawn. */
.hdcw-powered > div:last-child { white-space: break-spaces; }
.hdcw-powered > div:first-child::after { content: '.   '; white-space: pre; }

@media (max-width: 480px) {
  .hdcw-powered,
  .hdcw-panel:has(.hdcw-op-else) .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; }
}