/* chat widget branding - Hogan Motors Ennis (hme, template HME).
 * Source of truth: the designer's ORIGINAL Figma "Hogans of Ennis (Ai
 * Assistant)" (file c3ZWIwZktkVflYgVLmzTXB) and its 16 @2x artboard PNGs,
 * which outrank the node dump wherever the two disagree. Tooling and QA:
 * tickets/chat-themes-1102/hme/qa-hme/; design notes and the probe table:
 * tickets/chat-themes-1102/hme/DESIGN-hme.md. Glyphs are SVG exports of the
 * file's own nodes.
 *
 * Black, white and Renault blue: an 81px black header with the #171717
 * lettering, the white robot-face mark and the dealer name in NouvelR Bold;
 * #EDEDED bot bubbles with a 1px #C7C7C7 stroke and a squared bottom-left
 * corner on a white ground; pale-blue #CDEEFF user bubbles with a 1px #0091DA
 * stroke; the openers as a white LIST - rows split by 1px #B7B7B7 rules,
 * #0091DA glyphs and black chevrons; white r10 chips on a 0/4/4 25% shadow;
 * white cards with a flush Details | I'm Interested (blue) bar; a #E4E6EA
 * footer band with a black-stroked input and a blue send circle. The launcher
 * is the designer's black "Virtual Assistant" pill with the blue cap.
 * Type: NouvelR throughout (loaded by the HME template itself); nothing is
 * imported.
 * The panel is 400x720 = the designer's artboard, so offsets transfer 1:1.
 *
 * Regenerate with tickets/chat-themes-1102/hme/build-theme-hme.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: #0091DA;
  --hdcw-on-accent: #fff;
  --hdcw-font: 'NouvelR', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
  --hdcw-bg: #fff;               /* cards, input, chips */
  --hdcw-surface: #fff;          /* the conversation ground (Rectangle 8 15:158, style ai-white) */
  --hdcw-text: #000000;
  --hdcw-muted: #6D6D6D;
  --hdcw-faint: #C7C7C7;        /* typing dots (decorative) */
  --hdcw-footer: #000000;          /* disclosure 2008:473 - the runs are #000000 (the #504949 base is overridden) */
  --hdcw-border: #000000;          /* input stroke 24:705 */
  --hdcw-border-soft: #E4E6EA;
  --hdcw-radius: 15px;           /* panel 1:7, header 1:9 */
  --hdcw-radius-bubble: 10px;
  --hdcw-head-bg: #000000;
  --hdcw-head-color: #fff;
  --hdcw-user-bg: #CDEEFF;
  --hdcw-user-color: #000000;
  --hdcw-link: #000000;
  --hdcw-btn-bg: #0091DA;
  --hdcw-btn-color: #fff;
  --hdcw-fab-gap: 4px;           /* the pill rests 4px above whatever it docks on, as on 03-home */
}

/* ---------- Launcher (ai-assistant-icon 52004:617 on the 400x720 home
 * artboard): the designer's 177x53 pill, "Virtual Assistant" as outlines and
 * the white mark on the blue cap, flush with the right edge and 4px off the
 * bottom (x223..400, y663..716). The export is 178 wide; the box keeps the
 * pill's 177. */
.hdcw-fab {
  width: 177px;
  height: 53px;
  right: 0;
  bottom: 4px;
  border-radius: 26.5px;
  background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width=%22178%22%20height=%2253%22%20viewBox=%220%200%20178%2053%22%20fill=%22none%22%20xmlns=%22http://www.w3.org/2000/svg%22%3E%0A%3Crect%20width=%22177.043%22%20height=%2253%22%20rx=%2226.5%22%20fill=%22black%22%20fill-opacity=%220.95%22/%3E%0A%3Cpath%20d=%22M115.021%200H150.543C165.178%200%20177.043%2011.8645%20177.043%2026.5V26.5C177.043%2041.1355%20165.178%2053%20150.543%2053H115.021V0Z%22%20fill=%22%230091DA%22/%3E%0A%3Cpath%20d=%22M32.7562%2023.6809H30.4197L26.1255%2013.5771H28.5568L31.6195%2021.0129L34.6822%2013.5771H37.0503L32.7562%2023.6809Z%22%20fill=%22white%22/%3E%0A%3Cpath%20d=%22M38.2947%2014.8716V12.7877H40.4575V14.8716H38.2947ZM38.2947%2023.6809V15.7873H40.4575V23.6809H38.2947Z%22%20fill=%22white%22/%3E%0A%3Cpath%20d=%22M42.5807%2023.6809V15.7873H47.822L47.1905%2017.7449H44.7435V23.6809H42.5807Z%22%20fill=%22white%22/%3E%0A%3Cpath%20d=%22M52.7038%2021.6917H54.0142V23.6809H52.6407C51.5145%2023.6809%2050.6936%2023.4494%2050.1779%2022.9863C49.6727%2022.5232%2049.4201%2021.7759%2049.4201%2020.7445V17.587H48.094V17.2713L51.2672%2014.0191H51.583V15.7873H53.8563V17.587H51.583V20.5708C51.583%2020.9602%2051.6724%2021.2444%2051.8513%2021.4233C52.0303%2021.6023%2052.3144%2021.6917%2052.7038%2021.6917Z%22%20fill=%22white%22/%3E%0A%3Cpath%20d=%22M58.99%2023.8388C57.8533%2023.8388%2056.9482%2023.5388%2056.2746%2022.9389C55.601%2022.339%2055.2642%2021.5233%2055.2642%2020.4919V15.7873H57.4271V20.2551C57.4271%2020.7813%2057.5639%2021.1918%2057.8375%2021.4865C58.1112%2021.7707%2058.4953%2021.9127%2058.99%2021.9127C59.4847%2021.9127%2059.8688%2021.7707%2060.1425%2021.4865C60.4161%2021.1918%2060.5529%2020.7813%2060.5529%2020.2551V15.7873H62.7158V20.4919C62.7158%2021.4917%2062.3737%2022.3022%2061.6896%2022.9231C61.0055%2023.5336%2060.1056%2023.8388%2058.99%2023.8388Z%22%20fill=%22white%22/%3E%0A%3Cpath%20d=%22M72.3472%2015.7873V23.6809H70.8159L70.4054%2022.8758C70.0897%2023.1915%2069.7266%2023.4336%2069.3161%2023.602C68.9056%2023.7598%2068.4636%2023.8388%2067.99%2023.8388C66.8954%2023.8388%2065.9692%2023.4494%2065.2114%2022.6705C64.4641%2021.8917%2064.0905%2020.9129%2064.0905%2019.7341C64.0905%2018.5553%2064.4641%2017.5765%2065.2114%2016.7977C65.9692%2016.0188%2066.8954%2015.6294%2067.99%2015.6294C68.4636%2015.6294%2068.9056%2015.7136%2069.3161%2015.882C69.7266%2016.0399%2070.0897%2016.2767%2070.4054%2016.5924L70.8159%2015.7873H72.3472ZM68.3057%2021.9127C68.9056%2021.9127%2069.395%2021.7128%2069.7739%2021.3128C70.1528%2020.9129%2070.3423%2020.3866%2070.3423%2019.7341C70.3423%2019.0816%2070.1528%2018.5553%2069.7739%2018.1554C69.395%2017.7449%2068.9056%2017.5397%2068.3057%2017.5397C67.7058%2017.5397%2067.2164%2017.7449%2066.8375%2018.1554C66.4586%2018.5553%2066.2692%2019.0816%2066.2692%2019.7341C66.2692%2020.3866%2066.4586%2020.9129%2066.8375%2021.3128C67.2164%2021.7128%2067.7058%2021.9127%2068.3057%2021.9127Z%22%20fill=%22white%22/%3E%0A%3Cpath%20d=%22M74.4635%2023.6809V12.7877H76.6263V23.6809H74.4635Z%22%20fill=%22white%22/%3E%0A%3Cpath%20d=%22M30.4828%2030.492H32.772L37.0661%2040.5958H34.6664L33.7824%2038.4487H29.3777L28.4936%2040.5958H26.1887L30.4828%2030.492ZM31.5879%2033.0811L30.1829%2036.4753H32.9772L31.5879%2033.0811Z%22%20fill=%22white%22/%3E%0A%3Cpath%20d=%22M41.4976%2039.0802C41.8765%2039.0802%2042.166%2039.0223%2042.3659%2038.9066C42.5659%2038.7803%2042.6659%2038.6014%2042.6659%2038.3698C42.6659%2038.1593%2042.5712%2038.0014%2042.3817%2037.8962C42.1923%2037.7804%2041.8713%2037.691%2041.4187%2037.6278L40.6451%2037.5173C39.761%2037.3805%2039.0927%2037.1121%2038.6401%2036.7121C38.1981%2036.3017%2037.9771%2035.7596%2037.9771%2035.0861C37.9771%2034.3072%2038.2665%2033.6915%2038.8454%2033.239C39.4242%2032.7759%2040.2031%2032.5443%2041.1819%2032.5443C42.1923%2032.5443%2043.0185%2032.7864%2043.6605%2033.2705C44.3025%2033.7441%2044.6235%2034.3546%2044.6235%2035.1018H42.6027C42.6027%2034.8282%2042.4764%2034.6124%2042.2238%2034.4546C41.9712%2034.2862%2041.6239%2034.202%2041.1819%2034.202C40.824%2034.202%2040.5504%2034.2651%2040.3609%2034.3914C40.1715%2034.5072%2040.0768%2034.6756%2040.0768%2034.8966C40.0768%2035.1071%2040.1715%2035.2702%2040.3609%2035.386C40.5609%2035.5018%2040.8767%2035.5965%2041.3082%2035.6702L42.0818%2035.7807C43.0079%2035.9175%2043.6921%2036.1754%2044.1341%2036.5543C44.5761%2036.9332%2044.7972%2037.4489%2044.7972%2038.1014C44.7972%2038.9013%2044.4919%2039.5433%2043.8815%2040.0275C43.2816%2040.5116%2042.487%2040.7537%2041.4976%2040.7537C40.4451%2040.7537%2039.5768%2040.4906%2038.8927%2039.9643C38.2086%2039.4381%2037.8666%2038.775%2037.8666%2037.9751H39.9505C39.9505%2038.3014%2040.0926%2038.5698%2040.3767%2038.7803C40.6609%2038.9802%2041.0345%2039.0802%2041.4976%2039.0802Z%22%20fill=%22white%22/%3E%0A%3Cpath%20d=%22M49.53%2039.0802C49.9089%2039.0802%2050.1983%2039.0223%2050.3983%2038.9066C50.5983%2038.7803%2050.6983%2038.6014%2050.6983%2038.3698C50.6983%2038.1593%2050.6035%2038.0014%2050.4141%2037.8962C50.2246%2037.7804%2049.9036%2037.691%2049.4511%2037.6278L48.6775%2037.5173C47.7934%2037.3805%2047.1251%2037.1121%2046.6725%2036.7121C46.2305%2036.3017%2046.0094%2035.7596%2046.0094%2035.0861C46.0094%2034.3072%2046.2989%2033.6915%2046.8777%2033.239C47.4566%2032.7759%2048.2354%2032.5443%2049.2143%2032.5443C50.2246%2032.5443%2051.0508%2032.7864%2051.6929%2033.2705C52.3349%2033.7441%2052.6559%2034.3546%2052.6559%2035.1018H50.6351C50.6351%2034.8282%2050.5088%2034.6124%2050.2562%2034.4546C50.0036%2034.2862%2049.6563%2034.202%2049.2143%2034.202C48.8564%2034.202%2048.5828%2034.2651%2048.3933%2034.3914C48.2039%2034.5072%2048.1091%2034.6756%2048.1091%2034.8966C48.1091%2035.1071%2048.2039%2035.2702%2048.3933%2035.386C48.5933%2035.5018%2048.909%2035.5965%2049.3406%2035.6702L50.1141%2035.7807C51.0403%2035.9175%2051.7244%2036.1754%2052.1665%2036.5543C52.6085%2036.9332%2052.8295%2037.4489%2052.8295%2038.1014C52.8295%2038.9013%2052.5243%2039.5433%2051.9139%2040.0275C51.314%2040.5116%2050.5193%2040.7537%2049.53%2040.7537C48.4775%2040.7537%2047.6092%2040.4906%2046.9251%2039.9643C46.241%2039.4381%2045.8989%2038.775%2045.8989%2037.9751H47.9829C47.9829%2038.3014%2048.1249%2038.5698%2048.4091%2038.7803C48.6933%2038.9802%2049.0669%2039.0802%2049.53%2039.0802Z%22%20fill=%22white%22/%3E%0A%3Cpath%20d=%22M54.4365%2031.7865V29.7026H56.5993V31.7865H54.4365ZM54.4365%2040.5958V32.7022H56.5993V40.5958H54.4365Z%22%20fill=%22white%22/%3E%0A%3Cpath%20d=%22M61.8484%2039.0802C62.2273%2039.0802%2062.5167%2039.0223%2062.7167%2038.9066C62.9166%2038.7803%2063.0166%2038.6014%2063.0166%2038.3698C63.0166%2038.1593%2062.9219%2038.0014%2062.7324%2037.8962C62.543%2037.7804%2062.222%2037.691%2061.7694%2037.6278L60.9958%2037.5173C60.1118%2037.3805%2059.4434%2037.1121%2058.9909%2036.7121C58.5488%2036.3017%2058.3278%2035.7596%2058.3278%2035.0861C58.3278%2034.3072%2058.6172%2033.6915%2059.1961%2033.239C59.775%2032.7759%2060.5538%2032.5443%2061.5326%2032.5443C62.543%2032.5443%2063.3692%2032.7864%2064.0112%2033.2705C64.6532%2033.7441%2064.9742%2034.3546%2064.9742%2035.1018H62.9535C62.9535%2034.8282%2062.8272%2034.6124%2062.5746%2034.4546C62.322%2034.2862%2061.9747%2034.202%2061.5326%2034.202C61.1748%2034.202%2060.9011%2034.2651%2060.7117%2034.3914C60.5222%2034.5072%2060.4275%2034.6756%2060.4275%2034.8966C60.4275%2035.1071%2060.5222%2035.2702%2060.7117%2035.386C60.9117%2035.5018%2061.2274%2035.5965%2061.6589%2035.6702L62.4325%2035.7807C63.3587%2035.9175%2064.0428%2036.1754%2064.4848%2036.5543C64.9269%2036.9332%2065.1479%2037.4489%2065.1479%2038.1014C65.1479%2038.9013%2064.8427%2039.5433%2064.2322%2040.0275C63.6323%2040.5116%2062.8377%2040.7537%2061.8484%2040.7537C60.7959%2040.7537%2059.9276%2040.4906%2059.2435%2039.9643C58.5594%2039.4381%2058.2173%2038.775%2058.2173%2037.9751H60.3012C60.3012%2038.3014%2060.4433%2038.5698%2060.7275%2038.7803C61.0116%2038.9802%2061.3853%2039.0802%2061.8484%2039.0802Z%22%20fill=%22white%22/%3E%0A%3Cpath%20d=%22M70.4491%2038.6066H71.7594V40.5958H70.3859C69.2598%2040.5958%2068.4388%2040.3643%2067.9231%2039.9012C67.4179%2039.4381%2067.1653%2038.6908%2067.1653%2037.6594V34.5019H65.8392V34.1862L69.0124%2030.934H69.3282V32.7022H71.6015V34.5019H69.3282V37.4857C69.3282%2037.8751%2069.4176%2038.1593%2069.5966%2038.3382C69.7755%2038.5172%2070.0597%2038.6066%2070.4491%2038.6066Z%22%20fill=%22white%22/%3E%0A%3Cpath%20d=%22M81.0117%2032.7022V40.5958H79.4804L79.0699%2039.7907C78.7541%2040.1064%2078.391%2040.3485%2077.9806%2040.5169C77.5701%2040.6747%2077.1281%2040.7537%2076.6544%2040.7537C75.5599%2040.7537%2074.6337%2040.3643%2073.8759%2039.5854C73.1286%2038.8066%2072.755%2037.8278%2072.755%2036.649C72.755%2035.4702%2073.1286%2034.4914%2073.8759%2033.7126C74.6337%2032.9337%2075.5599%2032.5443%2076.6544%2032.5443C77.1281%2032.5443%2077.5701%2032.6285%2077.9806%2032.7969C78.391%2032.9548%2078.7541%2033.1916%2079.0699%2033.5073L79.4804%2032.7022H81.0117ZM76.9702%2038.8276C77.5701%2038.8276%2078.0595%2038.6277%2078.4384%2038.2277C78.8173%2037.8278%2079.0067%2037.3015%2079.0067%2036.649C79.0067%2035.9965%2078.8173%2035.4702%2078.4384%2035.0703C78.0595%2034.6598%2077.5701%2034.4546%2076.9702%2034.4546C76.3703%2034.4546%2075.8809%2034.6598%2075.502%2035.0703C75.1231%2035.4702%2074.9336%2035.9965%2074.9336%2036.649C74.9336%2037.3015%2075.1231%2037.8278%2075.502%2038.2277C75.8809%2038.6277%2076.3703%2038.8276%2076.9702%2038.8276Z%22%20fill=%22white%22/%3E%0A%3Cpath%20d=%22M86.9485%2034.4546C86.4327%2034.4546%2086.0275%2034.6072%2085.7328%2034.9124C85.4381%2035.2176%2085.2908%2035.6386%2085.2908%2036.1754V40.5958H83.1279V32.7022H84.6593L85.0698%2033.5073C85.3434%2033.2021%2085.6802%2032.9653%2086.0802%2032.7969C86.4801%2032.6285%2086.9221%2032.5443%2087.4063%2032.5443C88.3956%2032.5443%2089.2008%2032.8495%2089.8217%2033.46C90.4427%2034.0599%2090.7532%2034.8545%2090.7532%2035.8438V40.5958H88.5903V36.1754C88.5903%2035.6491%2088.4377%2035.2334%2088.1325%2034.9282C87.8378%2034.6124%2087.4431%2034.4546%2086.9485%2034.4546Z%22%20fill=%22white%22/%3E%0A%3Cpath%20d=%22M96.3963%2038.6066H97.7066V40.5958H96.3331C95.2069%2040.5958%2094.386%2040.3643%2093.8703%2039.9012C93.3651%2039.4381%2093.1125%2038.6908%2093.1125%2037.6594V34.5019H91.7864V34.1862L94.9596%2030.934H95.2754V32.7022H97.5487V34.5019H95.2754V37.4857C95.2754%2037.8751%2095.3648%2038.1593%2095.5437%2038.3382C95.7227%2038.5172%2096.0068%2038.6066%2096.3963%2038.6066Z%22%20fill=%22white%22/%3E%0A%3Cpath%20d=%22M148.225%2027.4444C146.94%2031.0936%20144.481%2032.143%20140.394%2032.143C136.306%2032.143%20133.847%2031.0936%20132.563%2027.4444H148.225Z%22%20fill=%22white%22/%3E%0A%3Cpath%20d=%22M154.489%2038.4078H136.246L130.373%2043.1064H126.298V14.9149H154.489V38.4078ZM129.43%2039.8456L134.716%2035.6169L135.145%2035.2754H151.357V18.0473H129.43V39.8456Z%22%20fill=%22white%22/%3E%0A%3Cpath%20d=%22M134.912%2025.8782C136.209%2025.8782%20137.261%2024.8264%20137.261%2023.5289C137.261%2022.2314%20136.209%2021.1796%20134.912%2021.1796C133.614%2021.1796%20132.563%2022.2314%20132.563%2023.5289C132.563%2024.8264%20133.614%2025.8782%20134.912%2025.8782Z%22%20fill=%22white%22/%3E%0A%3Cpath%20d=%22M145.875%2025.8782C147.173%2025.8782%20148.225%2024.8264%20148.225%2023.5289C148.225%2022.2314%20147.173%2021.1796%20145.875%2021.1796C144.578%2021.1796%20143.526%2022.2314%20143.526%2023.5289C143.526%2024.8264%20144.578%2025.8782%20145.875%2025.8782Z%22%20fill=%22white%22/%3E%0A%3Cpath%20d=%22M164.571%2017.2023C164.579%2017.1595%20164.641%2017.1595%20164.649%2017.2023C164.874%2018.3026%20165.418%2019.3125%20166.212%2020.1065C167.006%2020.9005%20168.016%2021.4437%20169.117%2021.6687C169.159%2021.6777%20169.159%2021.74%20169.117%2021.7491C168.017%2021.9742%20167.007%2022.5175%20166.213%2023.3115C165.419%2024.1056%20164.875%2025.1153%20164.65%2026.2154C164.641%2026.2582%20164.579%2026.2582%20164.57%2026.2154C164.345%2025.1153%20163.801%2024.1056%20163.007%2023.3115C162.213%2022.5175%20161.204%2021.9742%20160.104%2021.7491C160.061%2021.74%20160.061%2021.6777%20160.104%2021.6687C161.204%2021.4435%20162.213%2020.9002%20163.007%2020.1062C163.801%2019.3122%20164.346%2018.3024%20164.571%2017.2023Z%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%20stroke=%22white%22/%3E%0A%3Cpath%20d=%22M146.036%205.91375C146.04%205.8869%20146.079%205.8869%20146.084%205.91375C146.226%206.60397%20146.567%207.23747%20147.065%207.73558C147.563%208.23368%20148.197%208.57445%20148.887%208.71554C148.914%208.72124%20148.914%208.76029%20148.887%208.76598C148.197%208.90722%20147.563%209.24805%20147.065%209.74614C146.567%2010.2442%20146.226%2010.8777%20146.085%2011.5678C146.079%2011.5946%20146.04%2011.5946%20146.035%2011.5678C145.893%2010.8777%20145.553%2010.2442%20145.055%209.74614C144.556%209.24805%20143.923%208.90722%20143.233%208.76598C143.206%208.76029%20143.206%208.72124%20143.233%208.71554C143.923%208.5743%20144.556%208.23348%20145.055%207.73538C145.553%207.23728%20145.894%206.60386%20146.036%205.91375Z%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%20stroke=%22white%22/%3E%0A%3C/svg%3E") left center / 178px 53px 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 bottom; }

/* ---------- Header (24:711): an 81px black band, r15 on top, with the #171717
 * lettering (64002:972) 359x81 at x12. Mark 44x38 at x15.3 y16.9; title
 * "Hogan Motors Ennis" NouvelR Bold 19 (line 18) at x78 y24, one line;
 * subtitle Regular 12 at x78 y45, UNDER the title. Nav icons: reset 22x18 at
 * 294,24, expand 18x18 at 332,24, close 17x17 at 367,24 (exports with their
 * 1px margin). */
.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 16px 0 15.8px;
  gap: 0;
  background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width=%22359%22%20height=%2281%22%20viewBox=%220%200%20359%2081%22%20fill=%22none%22%20xmlns=%22http://www.w3.org/2000/svg%22%3E%0A%3Cpath%20d=%22M259.845%200L262.217%2027.2168L290.168%2012.8311L275.55%200H300.892L342.303%2034.6309L325.094%2043.4883L301.98%2023.2002L263.589%2042.96L266.274%2073.7607L252.208%2081H251.435L245.242%200H259.845ZM248.655%2071.3857C247.875%2073.3368%20246.531%2075.5786%20244.622%2078.1104C243.899%2079.0696%20243.118%2080.0327%20242.279%2081H217.605C219.215%2079.9634%20220.766%2078.8446%20222.258%2077.6416C225.115%2075.3366%20227.357%2072.9909%20228.983%2070.6045L219.381%2051.9453L199.633%2062.1094L192.14%2047.5498L227.121%2029.5459L248.655%2071.3857ZM201.416%200L201.802%202.88477C199.388%202.81617%20196.528%203.03636%20193.222%203.5459C189.961%203.91286%20186.728%204.56412%20183.521%205.49902C180.316%206.43392%20177.49%207.53077%20175.045%208.78906C169.027%2011.8865%20164.08%2015.5646%20160.206%2019.8232C156.377%2023.9392%20153.619%2028.5174%20151.932%2033.5576C150.244%2038.5981%20149.672%2043.959%20150.216%2049.6387C150.854%2055.2698%20152.701%2061.0536%20155.757%2066.9902C158.521%2072.3615%20162.008%2076.8246%20166.217%2080.3799C166.469%2080.59%20166.724%2080.7969%20166.979%2081H124.696C122.035%2076.0383%20118.652%2071.8823%20114.544%2068.5342C110.287%2064.8847%20105.568%2062.1877%20100.389%2060.4434C95.303%2058.6506%2089.9941%2057.9264%2084.4619%2058.2705C79.0238%2058.5663%2073.7654%2060.0203%2068.6875%2062.6338C63.4215%2065.344%2059.0877%2068.8265%2055.6865%2073.0801C53.7079%2075.5546%2052.0378%2078.1954%2050.6719%2081H32.7793C35.0636%2074.3639%2038.4446%2068.3109%2042.9238%2062.8418C47.7692%2056.7721%2053.813%2051.8741%2061.0537%2048.1475C68.2002%2044.4694%2075.6511%2042.4225%2083.4062%2042.0068C91.1131%2041.497%2098.6731%2042.4339%20106.085%2044.8174C113.497%2047.2009%20120.191%2050.8478%20126.167%2055.7578C130.414%2059.247%20134.069%2063.2818%20137.135%2067.8604C134.916%2062.0348%20133.579%2056.3304%20133.124%2050.7471C132.453%2042.5104%20133.327%2034.8493%20135.746%2027.7637C138.211%2020.5354%20141.987%2014.1219%20147.075%208.52344C149.91%205.35303%20153.024%202.5118%20156.415%200H201.416ZM4.96582%2081H0L3.92578%2078.9795L4.96582%2081ZM345.377%200L358.975%2026.0508L343.741%2033.8906L326.299%200H345.377Z%22%20fill=%22%23171717%22/%3E%0A%3C/svg%3E") 12px 0 / 359px 81px no-repeat, #000000;
}
.hdcw-head::before {
  content: '';
  flex: 0 0 44px;
  height: 38px;
  margin: 16.4px 18.2px 0 0;     /* title at x78 */
  background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width=%2244%22%20height=%2238%22%20viewBox=%220%200%2044%2038%22%20fill=%22none%22%20xmlns=%22http://www.w3.org/2000/svg%22%3E%0A%3Cpath%20d=%22M22.0013%2022.1258C20.7126%2025.7874%2018.2453%2026.8403%2014.1437%2026.8403C10.042%2026.8403%207.57472%2025.7874%206.28607%2022.1258H22.0013Z%22%20fill=%22%230091DA%22/%3E%0A%3Cpath%20d=%22M28.2874%2033.1265H9.98229L4.08909%2037.841H0V9.55368H28.2874V33.1265ZM3.14304%2034.5691L8.44692%2030.326L8.87751%2029.9834H25.1443V12.6967H3.14304V34.5691Z%22%20fill=%22white%22/%3E%0A%3Cpath%20d=%22M8.64335%2020.5542C9.94524%2020.5542%2011.0006%2019.4989%2011.0006%2018.197C11.0006%2016.8951%209.94524%2015.8397%208.64335%2015.8397C7.34146%2015.8397%206.28607%2016.8951%206.28607%2018.197C6.28607%2019.4989%207.34146%2020.5542%208.64335%2020.5542Z%22%20fill=%22%230091DA%22/%3E%0A%3Cpath%20d=%22M19.644%2020.5542C20.9459%2020.5542%2022.0013%2019.4989%2022.0013%2018.197C22.0013%2016.8951%2020.9459%2015.8397%2019.644%2015.8397C18.3421%2015.8397%2017.2867%2016.8951%2017.2867%2018.197C17.2867%2019.4989%2018.3421%2020.5542%2019.644%2020.5542Z%22%20fill=%22%230091DA%22/%3E%0A%3Cpath%20d=%22M38.4035%2011.8489C38.4113%2011.8059%2038.4738%2011.8059%2038.4816%2011.8489C38.7076%2012.9529%2039.2529%2013.9662%2040.0499%2014.7629C40.8469%2015.5596%2041.8603%2016.1047%2042.9644%2016.3304C43.0073%2016.3395%2043.0073%2016.402%2042.9644%2016.4111C41.8606%2016.637%2040.8474%2017.1821%2040.0507%2017.9789C39.2539%2018.7756%2038.7088%2019.7887%2038.4829%2020.8926C38.4738%2020.9355%2038.4113%2020.9355%2038.4022%2020.8926C38.1763%2019.7887%2037.6311%2018.7756%2036.8344%2017.9789C36.0377%2017.1821%2035.0245%2016.637%2033.9207%2016.4111C33.8777%2016.402%2033.8777%2016.3395%2033.9207%2016.3304C35.0245%2016.1045%2036.0377%2015.5593%2036.8344%2014.7626C37.6311%2013.9659%2038.1776%2012.9527%2038.4035%2011.8489Z%22%20stroke-width=%222.0068%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%20stroke=%22white%22/%3E%0A%3Cpath%20d=%22M19.8048%200.521903C19.8097%200.494966%2019.8489%200.494966%2019.8538%200.521903C19.9955%201.21447%2020.3376%201.85012%2020.8376%202.34992C21.3375%202.84972%2021.9733%203.19165%2022.6659%203.33322C22.6928%203.33894%2022.6928%203.37812%2022.6659%203.38383C21.9734%203.52555%2021.3379%203.86754%2020.8381%204.36733C20.3383%204.86712%2019.9963%205.5027%2019.8546%206.19515C19.8489%206.22209%2019.8097%206.22209%2019.804%206.19515C19.6622%205.5027%2019.3203%204.86712%2018.8205%204.36733C18.3207%203.86754%2017.6851%203.52555%2016.9926%203.38383C16.9657%203.37812%2016.9657%203.33894%2016.9926%203.33322C17.6851%203.1915%2018.3207%202.84952%2018.8205%202.34973C19.3203%201.84994%2019.6631%201.21436%2019.8048%200.521903Z%22%20stroke-width=%221.0034%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%20stroke=%22white%22/%3E%0A%3C/svg%3E") center / contain no-repeat;
}
.hdcw-head > div { margin-top: 24px; min-width: 0; padding-right: 12px; }
.hdcw-head b {
  font-size: 19px;
  line-height: 18px;             /* 58005:767: baseline at y39.2, as the artboard renders it */
  font-weight: 700;
  letter-spacing: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.hdcw-head small {
  display: block;
  margin-top: 4px;               /* 42003:558 box at y45 */
  opacity: 1;
  font-size: 12px;
  font-weight: 400;
  line-height: 14px;
  letter-spacing: 0;
  white-space: nowrap;
}
.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: 24px 0 0 auto;         /* reset 4028:981 ink x294..316 */
  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-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%20stroke=%22white%22/%3E%0A%3Cpath%20d=%22M1%209L5%205L9%209%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%20stroke=%22white%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: 24px 0 0 16px;         /* expand 12:142 at x333 */
  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: 25px 0 0 16px; font-size: 0; }
.hdcw-close {
  width: 17px;
  height: 17px;
  margin: 24px 0 0 17px;         /* close 12:128 at x368 */
  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;
}
/* The trade-in sheet (CON-1019, no artboard) reuses .hdcw-close in its own
 * header: keep the artwork's X there, centred in that bar. */
.hdcw-sheet-head .hdcw-close { align-self: center; margin: 0 0 0 12px; }

/* ---------- Message column: bubbles at x16, 334 wide; user bubbles end at
 * x382; the opener rows run x16..377 and the cards x18..384. */
.hdcw-msgs { padding: 14px 18px 14px 16px; gap: 11px; }  /* bubbles 10-11px apart (02: 190 -> 201, 269 -> 279; 08: 232 -> 243) */

/* Bubbles. Bot (1:14, 37:322, 37:325, 41:508, 41:572, 4048:652 ...): #EDEDED,
 * 1px #C7C7C7 inside stroke, r10 with the BOTTOM-LEFT corner square, NouvelR
 * Regular 14 on a 17px line ("auto" = 1.2em) with 1% tracking, the text box
 * 15px under the outer edge and 22px in, 15px above the bottom (the mode of
 * 31 bubbles: one line 47, two 64; the designer's 49 / 51 / 62 / 67 / 68 are
 * hand-sized). Fixed 334 (91.26%) wide.
 * User (37:388, 41:516, 41:566 ...): #CDEEFF, 1px #0091DA inside stroke,
 * black Regular 14, r10 with the BOTTOM-RIGHT corner square, 48 tall for one
 * line, the text box 15px down and 22px in. */
.hdcw-msg {
  max-width: 96.2%;              /* the long user bubble 2030:495 is 352 of 366 */
  padding: 14px 21px 15px 21px;
  font-size: 14px;
  line-height: 17px;
  letter-spacing: .01em;
}
.hdcw-bot {
  width: 91.26%;
  max-width: 91.26%;
  box-sizing: border-box;
  background: #EDEDED;
  border-color: #C7C7C7;
  border-radius: 10px 10px 10px 0;
  padding: 14px 17px 14px 21px;  /* lines run to 18px off the right edge (2030:577 is 294 of 334) */
  color: #000000;
}
/* The greeting (1:11 on 01-chat, 11, 15, 16): NouvelR Bold 14 headline, then
 * two Regular 14 lines, no tracking, in a 95px bubble; cap lines 113.5 /
 * 137.5 / 154.5 on 01-chat: the headline line, then the second line on a
 * 24px leading (drawn above it), then 17px. The headline (the admin
 * greeting's **bold** run) is an inline-block with a 7px 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 (/search) 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;
  line-height: 17px;
  padding: 13.5px 17px 21.5px 21px;  /* 1 + 13.5 + 17 + 7 + 17 + 17 + 21.5 + 1 = 95 */
}
.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: 7px; font-weight: 700; }
/* Other bold runs ("64 cars" 16:206, "50 automatic cars" 19:516) are NouvelR Bold. */
.hdcw-bot b, .hdcw-bot strong { font-weight: 700; }
/* The stock counters bubble ahead of POPULAR (16:205 / 19:391 on 15 and 16):
 * 63 tall for two lines, the text box 14px down. */
.hdcw-bot:has(+ .hdcw-ghead) { padding: 13px 17px 14px 21px; }
/* ... and it sits 15px under the greeting (15 / 16: 190 -> 205), not 11. */
.hdcw-msgs > .hdcw-bot:first-child + .hdcw-bot:has(+ .hdcw-ghead) { margin-top: 4px; }
/* The reply that links cars (19:515 on 16-browse-auto): a WHITE bubble with a
 * 1px #E4E6EA stroke, the text on a 19px leading 28px under the top, and the
 * designer's 87px of empty bubble under the last line. Links NouvelR Bold,
 * underlined, black (19:516 runs 737/739). */
.hdcw-bot:has(a.hdcw-link) {
  background: #fff;
  border-color: #E4E6EA;
  line-height: 19px;
  padding: 27px 27px 86px 21px;  /* 19:516 is a 284px box at x38 */
}
.hdcw-bot a.hdcw-link { font-weight: 700; color: #000000; text-decoration: underline; }
.hdcw-user {
  border: 1px solid #0091DA;
  border-radius: 10px 10px 0 10px;
  font-weight: 400;
  letter-spacing: 0;
  color: #000000;
}
.hdcw-typing {
  background: #EDEDED;
  border-color: #C7C7C7;
  border-radius: 10px 10px 10px 0;
  padding: 16px 21px;
}
/* "Searching our stock..." (2030:573 on 09, 19:537 / 19:652 on 16): NouvelR
 * REGULAR 12 (not italic in this artwork) #6D6D6D at x20, 11-13px under the
 * bubble above it and 14-17px above what follows. */
.hdcw-status { font-style: normal; font-weight: 400; font-size: 12px; line-height: 14px; letter-spacing: 0; margin: 1px 0 4px; }

/* ---------- Openers (lozenge 12:145 / 6001:1006 / 60019:652 / 6001:1031 /
 * 2023:430 on 01-chat): a white LIST, not buttons. Rows x16..377 (the 361px
 * rules), each ending in a 1px #B7B7B7 rule, "Something else" with none; no
 * radius, no shadow; the first row 6px under the greeting. Titles NouvelR
 * Bold 16 (line 19) at x66-68, captions Regular 12 (line 14) 19-20px under
 * the title cap; #0091DA glyphs 10-12px in; the black chevron 6x12 at
 * x352.5-353.5. The artwork draws the rows in the order used, TRADE-IN,
 * quiz, alert, else: the widget emits trade-in after the quiz, so the
 * column's flex `order` puts it back where the designer drew it (the
 * context CTA keeps order 0, first). The designer placed each row by hand
 * (66 / 68 / 70 / 72 tall): each row carries its own offsets (ROWS in the
 * generator). */
.hdcw-opener { gap: 0; margin: -5px 5px 0 0; }
/* A context CTA on its own (the vehicle page's bar after a card, 19:680 on 16):
 * 26px under the card. */
.hdcw-opener:not(:has(.hdcw-op-else)) { margin-top: 15px; }
.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: 0;
  border-bottom: 1px solid #B7B7B7;
  border-radius: 0;
  color: #000000;
  text-align: left;
  box-shadow: none;
  font-size: 16px;
  font-weight: 700;
  line-height: 19px;
  letter-spacing: 0;
}
/* Glyph boxes = the export + its 1px bezel, placed from the row's top-left
 * (artwork offset from the row top - the 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::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: 2px;
  text-align: left;
  font-size: 12px;
  font-weight: 400;
  line-height: 14px;
  letter-spacing: 0;
  color: #000000;
}
/* The artwork's used caption is "Over 60 vehicles in stock" (30002:640); the
 * stock number is live (CON-995): the widget sets data-stock on the button
 * once /chat/search answers, and the caption without a number shows until it
 * arrives, or if it cannot. Roll back to the typed number: delete the
 * [data-stock] rule and put 'Over 60 vehicles in stock' in the one above it. */
.hdcw-opener button.hdcw-op-used::after { content: 'Vehicles in stock'; }
.hdcw-opener button.hdcw-op-used[data-stock]::after { content: attr(data-stock) ' vehicles in stock'; }
.hdcw-opener button.hdcw-op-used {
  order: 1;
  min-height: 72px;
  padding: 21.5px 40px 14.5px 52px;
  background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width=%228%22%20height=%2214%22%20viewBox=%22-1%20-1%208%2014%22%20fill=%22none%22%20xmlns=%22http://www.w3.org/2000/svg%22%3E%0A%3Cpath%20d=%22M5.40984e-09%201.215L1.00917%202.18156e-07L6%206L1.00917%2012L4.23728e-07%2010.785L3.97792%206L5.40984e-09%201.215Z%22%20fill=%22black%22/%3E%0A%3C/svg%3E") no-repeat right 17px top 28px / 8px 14px border-box, #fff;
}
.hdcw-opener button.hdcw-op-used: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=%22black%22/%3E%0A%3C/svg%3E") no-repeat right 17px top 28px / 8px 14px border-box, #F1F1F1; opacity: 1; }
.hdcw-opener button.hdcw-op-used::before { left: 11px; top: 23px; 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.5%2019.9879C15.74%2019.9879%2019.988%2015.74%2019.988%2010.5C19.988%205.25994%2015.74%201.01205%2010.5%201.01205C5.25994%201.01205%201.01205%205.25994%201.01205%2010.5C1.01205%2015.74%205.25994%2019.9879%2010.5%2019.9879Z%22%20stroke-width=%222.02409%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%20stroke=%22%230091DA%22/%3E%0A%3Cpath%20d=%22M10.5%2012.6084C11.6645%2012.6084%2012.6085%2011.6644%2012.6085%2010.5C12.6085%209.33554%2011.6645%208.39151%2010.5%208.39151C9.33556%208.39151%208.39161%209.33554%208.39161%2010.5C8.39161%2011.6644%209.33556%2012.6084%2010.5%2012.6084Z%22%20stroke-width=%222.02409%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%20stroke=%22%230091DA%22/%3E%0A%3Cpath%20d=%22M10.5%2012.6084V19.9879M8.39161%2010.5L1.27565%208.39151M12.6085%2010.5L19.7245%208.39151%22%20stroke-width=%222.02409%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%20stroke=%22%230091DA%22/%3E%0A%3C/svg%3E"); }
.hdcw-opener button.hdcw-op-new {
  order: 2;
  min-height: 72px;
  padding: 21.5px 40px 14.5px 52px;
  background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width=%228%22%20height=%2214%22%20viewBox=%22-1%20-1%208%2014%22%20fill=%22none%22%20xmlns=%22http://www.w3.org/2000/svg%22%3E%0A%3Cpath%20d=%22M5.40984e-09%201.215L1.00917%202.18156e-07L6%206L1.00917%2012L4.23728e-07%2010.785L3.97792%206L5.40984e-09%201.215Z%22%20fill=%22black%22/%3E%0A%3C/svg%3E") no-repeat right 17px top 28px / 8px 14px border-box, #fff;
}
.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=%22black%22/%3E%0A%3C/svg%3E") no-repeat right 17px top 28px / 8px 14px border-box, #F1F1F1; opacity: 1; }
.hdcw-opener button.hdcw-op-new::before { left: 11px; top: 23px; 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.5%2019.9879C15.74%2019.9879%2019.988%2015.74%2019.988%2010.5C19.988%205.25994%2015.74%201.01205%2010.5%201.01205C5.25994%201.01205%201.01205%205.25994%201.01205%2010.5C1.01205%2015.74%205.25994%2019.9879%2010.5%2019.9879Z%22%20stroke-width=%222.02409%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%20stroke=%22%230091DA%22/%3E%0A%3Cpath%20d=%22M10.5%2012.6084C11.6645%2012.6084%2012.6085%2011.6644%2012.6085%2010.5C12.6085%209.33554%2011.6645%208.39151%2010.5%208.39151C9.33556%208.39151%208.39161%209.33554%208.39161%2010.5C8.39161%2011.6644%209.33556%2012.6084%2010.5%2012.6084Z%22%20stroke-width=%222.02409%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%20stroke=%22%230091DA%22/%3E%0A%3Cpath%20d=%22M10.5%2012.6084V19.9879M8.39161%2010.5L1.27565%208.39151M12.6085%2010.5L19.7245%208.39151%22%20stroke-width=%222.02409%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%20stroke=%22%230091DA%22/%3E%0A%3C/svg%3E"); }
.hdcw-opener button.hdcw-op-new::after { content: 'New Renault, Dacia & vans'; }
.hdcw-opener button.hdcw-op-tradein {
  order: 3;
  min-height: 66px;
  padding: 14.5px 40px 15.5px 52px;
  background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width=%228%22%20height=%2214%22%20viewBox=%22-1%20-1%208%2014%22%20fill=%22none%22%20xmlns=%22http://www.w3.org/2000/svg%22%3E%0A%3Cpath%20d=%22M5.40984e-09%201.215L1.00917%202.18156e-07L6%206L1.00917%2012L4.23728e-07%2010.785L3.97792%206L5.40984e-09%201.215Z%22%20fill=%22black%22/%3E%0A%3C/svg%3E") no-repeat right 18px top 25px / 8px 14px border-box, #fff;
}
.hdcw-opener button.hdcw-op-tradein: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=%22black%22/%3E%0A%3C/svg%3E") no-repeat right 18px top 25px / 8px 14px border-box, #F1F1F1; opacity: 1; }
.hdcw-opener button.hdcw-op-tradein::before { left: 9px; top: 17px; width: 23px; height: 21px; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width=%2223%22%20height=%2221%22%20viewBox=%22-1%20-1%2023%2021%22%20fill=%22none%22%20xmlns=%22http://www.w3.org/2000/svg%22%3E%0A%3Cpath%20d=%22M13.65%209.5L18.9%204.75L13.65%200V3.56131H0V5.93631H13.65V9.5ZM21%2013.0625H7.35V9.5L2.1%2014.25L7.35%2019V15.4375H21V13.0625Z%22%20fill=%22%230091DA%22/%3E%0A%3C/svg%3E"); }
.hdcw-opener button.hdcw-op-tradein::after { content: 'Get a valuation for your current car'; }
.hdcw-opener button.hdcw-op-quiz {
  order: 4;
  min-height: 68px;
  padding: 14.5px 40px 16.5px 51px;
  background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width=%228%22%20height=%2214%22%20viewBox=%22-1%20-1%208%2014%22%20fill=%22none%22%20xmlns=%22http://www.w3.org/2000/svg%22%3E%0A%3Cpath%20d=%22M5.40984e-09%201.215L1.00917%202.18156e-07L6%206L1.00917%2012L4.23728e-07%2010.785L3.97792%206L5.40984e-09%201.215Z%22%20fill=%22black%22/%3E%0A%3C/svg%3E") no-repeat right 18px top 25px / 8px 14px border-box, #fff;
}
.hdcw-opener button.hdcw-op-quiz: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=%22black%22/%3E%0A%3C/svg%3E") no-repeat right 18px top 25px / 8px 14px border-box, #F1F1F1; opacity: 1; }
.hdcw-opener button.hdcw-op-quiz::before { left: 10px; top: 17px; width: 26px; height: 26px; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width=%2226%22%20height=%2226%22%20viewBox=%22-1%20-1%2026%2026%22%20fill=%22none%22%20xmlns=%22http://www.w3.org/2000/svg%22%3E%0A%3Cpath%20d=%22M8.15768%201.15637C9.24886%200.947877%2010.3697%200.947877%2011.4608%201.15637M8.15768%2018.464C8.517%2018.5322%208.88402%2018.578%209.25874%2018.6015M1.15648%2011.4633C0.947838%2010.3718%200.947838%209.25074%201.15648%208.15928M18.4631%208.15928C18.5313%208.51857%2018.5772%208.88556%2018.6006%209.26025M14.7607%202.52461C15.6795%203.14862%2016.4718%203.94092%2017.0959%204.85965M4.85783%2017.0958C3.93903%2016.4718%203.14668%2015.6795%202.52263%2014.7607M2.52263%204.85855C3.14668%203.93982%203.93903%203.14752%204.85783%202.52351M12.8501%2020.3657L10.6997%2014.1866C9.89011%2011.8637%209.48643%2010.7011%2010.0947%2010.0951C10.7019%209.48683%2011.8656%209.89048%2014.1909%2010.7L20.3617%2012.8447L20.369%2012.8473C21.6544%2013.2932%2022.2978%2013.5165%2022.4362%2013.9501C22.4755%2014.0699%2022.4886%2014.1966%2022.4747%2014.3219C22.4285%2014.775%2021.8444%2015.1281%2020.6751%2015.8342C19.925%2016.2852%2019.551%2016.5128%2019.4509%2016.8538C19.4219%2016.95%2019.4097%2017.0504%2019.4146%2017.1508C19.4311%2017.5071%2019.7413%2017.8151%2020.3628%2018.4321L22.4032%2020.4603C22.709%2020.7638%2022.8607%2020.9156%2022.9311%2021.0861C23.0226%2021.308%2023.023%2021.5569%2022.9322%2021.779C22.8629%2021.9495%2022.7101%2022.1024%2022.4054%2022.406C22.1018%2022.7106%2021.95%2022.8624%2021.7795%2022.9317C21.5575%2023.0228%2021.3085%2023.0228%2021.0865%2022.9317C20.916%2022.8624%2020.7642%2022.7106%2020.4607%2022.4071L18.4125%2020.3602C17.8021%2019.7498%2017.4963%2019.4451%2017.1454%2019.4253C17.0394%2019.4195%2016.9332%2019.4329%2016.8319%2019.4649C16.4964%2019.5672%2016.2731%2019.9367%2015.8277%2020.6748L15.8255%2020.6784C15.1296%2021.833%2014.7822%2022.4093%2014.335%2022.4599C14.2031%2022.476%2014.0692%2022.4621%2013.9434%2022.4192C13.5166%2022.2776%2013.2955%2021.6435%2012.8533%2020.3748L12.8501%2020.3657Z%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%20stroke=%22%230091DA%22/%3E%0A%3C/svg%3E"); }
.hdcw-opener button.hdcw-op-quiz::after { margin-top: 3px; padding-left: 0px; }
.hdcw-opener button.hdcw-op-quiz::after { content: 'Get matched to car to suit your needs'; }
.hdcw-opener button.hdcw-op-alert {
  order: 5;
  min-height: 70px;
  padding: 13.5px 40px 20.5px 50px;
  background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width=%228%22%20height=%2214%22%20viewBox=%22-1%20-1%208%2014%22%20fill=%22none%22%20xmlns=%22http://www.w3.org/2000/svg%22%3E%0A%3Cpath%20d=%22M5.40984e-09%201.215L1.00917%202.18156e-07L6%206L1.00917%2012L4.23728e-07%2010.785L3.97792%206L5.40984e-09%201.215Z%22%20fill=%22black%22/%3E%0A%3C/svg%3E") no-repeat right 18px top 25px / 8px 14px border-box, #fff;
}
.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=%22black%22/%3E%0A%3C/svg%3E") no-repeat right 18px top 25px / 8px 14px border-box, #F1F1F1; opacity: 1; }
.hdcw-opener button.hdcw-op-alert::before { left: 9px; top: 20px; width: 27px; height: 20px; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width=%2227%22%20height=%2220%22%20viewBox=%22-1%20-1%2027%2020%22%20fill=%22none%22%20xmlns=%22http://www.w3.org/2000/svg%22%3E%0A%3Cpath%20d=%22M12.128%2018C12.6838%2018%2013.1386%2017.5452%2013.1386%2016.9893H11.1173C11.1173%2017.5452%2011.5721%2018%2012.128%2018Z%22%20fill=%22%230091DA%22/%3E%0A%3Cpath%20d=%22M17.0802%2014.877C17.2419%2014.4828%2017.3632%2013.6844%2016.4031%2012.7546L16.1605%2012.5221V9.80338C16.1605%207.56982%2014.3514%205.76073%2012.1179%205.76073C9.88429%205.76073%208.0752%207.56982%208.0752%209.80338V10.8141V12.5322L7.84275%2012.7647C6.88262%2013.6945%207.01401%2014.4929%207.16561%2014.8871C7.28689%2015.2004%207.73158%2015.9281%209.09597%2015.9281H15.16C16.5142%2015.9281%2016.9589%2015.2004%2017.0903%2014.8871L17.0802%2014.877ZM9.55077%2013.8966L10.0864%2013.3711V10.804V9.79328C10.0864%208.68155%2010.996%207.77195%2012.1077%207.77195C13.2195%207.77195%2014.1291%208.68155%2014.1291%209.79328V13.361L14.6748%2013.8966H9.54066H9.55077Z%22%20fill=%22%230091DA%22/%3E%0A%3Cpath%20d=%22M20.2133%2011.7035V10.3593C20.2133%207.73153%2018.9297%205.25541%2016.777%203.74952L15.6148%205.40701C17.2318%206.53895%2018.1919%208.39857%2018.1919%2010.3694V11.7136H20.2133V11.7035Z%22%20fill=%22%230091DA%22/%3E%0A%3Cpath%20d=%22M8.61086%205.43738L7.42838%203.8001C5.3161%205.3161%204.05277%207.77201%204.05277%2010.3694V11.7136H6.0741V10.3694C6.0741%208.42894%207.02412%206.57943%208.60075%205.44748L8.61086%205.43738Z%22%20fill=%22%230091DA%22/%3E%0A%3Cpath%20d=%22M18.7478%200L17.6462%201.69791C20.5266%203.57775%2022.2548%206.75123%2022.2548%2010.1875V11.8753H24.2762V10.1875C24.2762%206.06398%2022.2144%202.25378%2018.7478%200.0101066V0Z%22%20fill=%22%230091DA%22/%3E%0A%3Cpath%20d=%22M2.02133%2010.1774C2.02133%206.76138%203.72935%203.598%206.57942%201.72827L5.46769%200.040466C2.04154%202.29425%200%206.08423%200%2010.1774V11.8652H2.02133V10.1774Z%22%20fill=%22%230091DA%22/%3E%0A%3C/svg%3E"); }
.hdcw-opener button.hdcw-op-alert::after { margin-top: 2px; padding-left: 1px; }
.hdcw-opener button.hdcw-op-alert::after { content: 'Receive a daily stock alert'; }

/* "Something else" (2023:430 @472 on 01-chat): the same row with NO rule,
 * title Bold 16 at x67, cap 20px under the row top; the "?" bubble
 * (56005:1186) 21x21 at 28,487; chevron @352.5,492.5. */
.hdcw-opener .hdcw-else.hdcw-op-else {
  order: 6;
  min-height: 51.5px;
  border-bottom: 0;
  padding: 15.5px 40px 17px 51px;
  background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width=%228%22%20height=%2214%22%20viewBox=%22-1%20-1%208%2014%22%20fill=%22none%22%20xmlns=%22http://www.w3.org/2000/svg%22%3E%0A%3Cpath%20d=%22M5.40984e-09%201.215L1.00917%202.18156e-07L6%206L1.00917%2012L4.23728e-07%2010.785L3.97792%206L5.40984e-09%201.215Z%22%20fill=%22black%22/%3E%0A%3C/svg%3E") no-repeat right 18px top 19px / 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=%22black%22/%3E%0A%3C/svg%3E") no-repeat right 18px top 19px / 8px 14px border-box, #F1F1F1; opacity: 1; }
.hdcw-opener button.hdcw-op-else::before { left: 11px; top: 14px; 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-width=%221.53659%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%20stroke=%22%230091DA%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-width=%221.53659%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%20stroke=%22%230091DA%22/%3E%0A%3C/svg%3E"); }
/* On a vehicle page the widget gives every row the hdcw-else class too: the
 * rows keep their own look (their rules are more specific), only "Something
 * else" is the short one. */

/* Context CTA ("Tell me about this car", 19:680 on 16-browse-auto): 349x55 at
 * x24, r10, flat #0091DA, white NouvelR Bold 16 centred, the cap 23px under
 * the top. */
.hdcw-opener button.hdcw-op-ctx {
  order: 0;
  min-height: 55px;
  margin: 0 4px 0 8px;           /* x24..373 in the x16..377 opener column */
  border: 0;
  border-radius: 10px;
  padding: 19.5px 0 16.5px;      /* cap 23px under the bar top (19:681: 2005 on 1982) */
  background: #0091DA;
  color: #fff;
  font-size: 16px;
  font-weight: 700;
  line-height: 19px;
  letter-spacing: 0;
}
.hdcw-opener button.hdcw-op-ctx:hover { background: #0091DA; opacity: .85; }

/* ---------- Chips (item 16:212): 31px white, r10, NO stroke, 0/4/4 25%
 * shadow, NouvelR Regular 12/13 black, centred, the cap 12px under the chip
 * top; 16.2px from the edge to the text (the artwork's are hand-sized 11-21px:
 * 'Automatic (155)' 19, 'Commercials (36)' 12), 5px gaps, a 36px row pitch,
 * rows at x18 (15-browse). Selected = 1px #0C0F20 inside stroke
 * ("Adventurous" I37:328). */
.hdcw-chips { gap: 5px; padding: 0 2px; }
.hdcw-chip {
  background: #fff;
  color: #000000;
  border: 1px solid transparent;
  border-radius: 10px;
  min-height: 31px;
  box-sizing: border-box;
  padding: 7.5px 15.2px 8.5px;   /* 16.2 to the text: the only width that keeps the artwork's four POPULAR rows (SUV must not fit row 2, Commercials must fit row 4; 'Commercials (36)' is squeezed to 12px on 15-browse) */
  font-size: 12px;
  font-weight: 400;
  line-height: 13px;
  letter-spacing: 0;
  box-shadow: 0 4px 4px rgba(0,0,0,.25);
}
.hdcw-chip:hover { background: #F1F1F1; border-color: transparent; color: #000000; }
.hdcw-chip--sel { border-color: #0C0F20; box-shadow: 0 4px 4px rgba(0,0,0,.25); font-weight: 400; }
.hdcw-chip--sel:hover { border-color: #0C0F20; }
/* Bootstrap's reboot (HME 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): NouvelR Bold 11
 * #6D6D6D, no tracking, at x23; the text box 13px under a bubble, 17-18px
 * under a chip row, 9px above its chips. */
.hdcw-ghead {
  letter-spacing: 0;
  font-size: 11px;
  font-weight: 700;
  line-height: 13px;
  margin: 2px 6px -2px 7px;
}
.hdcw-chips + .hdcw-ghead { margin-top: 7px; }
/* Answer chips straight under a question (the quiz, 02-help1 .. 07-help5):
 * flush with the bubble at x16, 8px under it, 4px gaps (35px pitch). */
.hdcw-bot + .hdcw-chips { padding-left: 0; margin-top: -3px; gap: 4px; }

/* ---------- Car cards ("csr search" 19:566 / 2023:448): 176 wide, 14px
 * apart, white, 1px #E4E6EA, r10 at the bottom (the photo squares the top),
 * 244 tall, 11px under the bubble. Photo 176x113. Body 12px in: title Regular
 * 12 (two lines 14 apart), price Bold 12/19, monthly Regular 12, meta Regular
 * 10 -> cap rows 126 / 140 / 159 / 175 / 193 under the card top, the bar at 213.
 * Flush split action bar, 31 tall: Details (77, white) | I'm Interested (99,
 * #0091DA, white ink), both Regular 12/13 ls -1%, #E4E6EA rules. */
.hdcw-cars { gap: 14px; padding: 0 2px; margin: 0 0 -2px; }  /* the model chips 9px under the cards (08: 487 -> 496) */
.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: 9.5px 11px 9.5px; }
.hdcw-car h4.hdcw-cartitle {
  /* name every property: Bootstrap's h4 rule and HME's h1-h6 rules would win otherwise */
  margin: 0;
  padding: 0;
  font-family: var(--hdcw-font);
  font-size: 12px;
  font-weight: 400;
  line-height: 14px;
  letter-spacing: .01em;
  color: #000000;
  max-height: 28px;
}
.hdcw-car .hdcw-price { color: #000000; font-size: 12px; font-weight: 700; line-height: 19px; margin-top: 1px; letter-spacing: .01em; }
.hdcw-car .hdcw-mo { color: #000000; font-size: 12px; font-weight: 400; line-height: 13px; letter-spacing: .01em; }
.hdcw-car .hdcw-meta { color: #000000; font-size: 10px; line-height: 16px; margin-top: 3px; letter-spacing: 0; }
.hdcw-ncgrid .hdcw-carbody { padding: 8px 11px 14px; }
.hdcw-ncgrid h4.hdcw-cartitle { max-height: none; }
.hdcw-car .hdcw-actions { margin: auto 0 0; gap: 0; }
.hdcw-car .hdcw-pick {
  flex: 77 0 0;
  border: 0;
  border-top: 1px solid #E4E6EA;
  border-radius: 0 0 0 9px;
  min-height: 30px;
  padding: 7px 0 9px;            /* label cap 11px under the bar's top rule (19:565) */
  font-size: 12px;
  font-weight: 400;
  line-height: 13px;
  letter-spacing: -.01em;
  background: #fff;
  color: #000000;
}
/* The labels sit off their cells' centres: "Details" (19:565 @39 in the 77px
 * cell at 18) 2.5px right, "I'm Interested" (2023:442) 1.5px left. */
.hdcw-car .hdcw-pick:not(.hdcw-pick--primary) { padding-left: 3px; }
.hdcw-car .hdcw-pick.hdcw-pick--primary { padding-right: 3px; }
.hdcw-car .hdcw-pick:hover { background: #F1F1F1; color: #000000; }
.hdcw-car .hdcw-pick--primary {
  flex: 99 0 0;
  border-left: 1px solid #E4E6EA;
  border-radius: 0 0 9px 0;
  background: #0091DA;
  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: #0091DA; opacity: .85; color: #fff; }

/* ---------- Footer (24:712): #E4E6EA band 400x129. Input 299x51 @21,20
 * (from the band top), r10, 1px #000, white; placeholder NouvelR Regular 14
 * ls 1% black, 25px in. Send: the blue 52px circle 8px right of it, 20px off
 * the panel's right edge. Disclosure Regular 12/15 (ls .1px), black, centred
 * in a 287px box at x56, 10px under the send and 17px above the panel foot;
 * "Terms & Conditions" underlined (14 artboards), plain on the home one. */
.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;
  min-width: 0;
  height: 51px;
  border-radius: 10px;
  padding: 0 16px 0 24px;
  font-size: 14px;
  line-height: 49px;
  letter-spacing: .01em;
  background: #fff;
}
/* font: inherit - HME's style.css line 5513 has a bare ::-webkit-input-placeholder
 * { font-size: 1rem; color: #525252 } that reaches the widget's input. */
.hdcw-input input::placeholder { color: #000000; opacity: 1; font: inherit; }
.hdcw-input input::-webkit-input-placeholder { color: #000000; opacity: 1; font: inherit; }
.hdcw-input input:focus { border-color: #000000; }
.hdcw-send {
  width: 52px;
  height: 52px;
  padding: 0;
  background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width=%2252%22%20height=%2252%22%20viewBox=%220%200%2052%2052%22%20fill=%22none%22%20xmlns=%22http://www.w3.org/2000/svg%22%3E%0A%3Ccircle%20cx=%2226%22%20cy=%2226%22%20r=%2226%22%20fill=%22%230091DA%22/%3E%0A%3Cpath%20d=%22M37.45%2025.11L19.45%2016.11C19.14%2015.96%2018.77%2015.97%2018.48%2016.15C18.19%2016.33%2018.01%2016.65%2018.01%2017V35C18.01%2035.2652%2018.1153%2035.5196%2018.3029%2035.7071C18.4904%2035.8946%2018.7448%2036%2019.01%2036C19.16%2036%2019.32%2035.96%2019.46%2035.89L37.46%2026.89C37.8%2026.72%2038.01%2026.37%2038.01%2026C38.01%2025.63%2037.8%2025.27%2037.46%2025.11H37.45ZM20%2018.62L32.76%2025H20V18.62ZM20%2027H32.76L20%2033.38V27Z%22%20fill=%22white%22/%3E%0A%3C/svg%3E") center / 52px 52px no-repeat;
}
.hdcw-send svg { display: none; }
.hdcw-send:disabled { opacity: .5; }
.hdcw-powered {
  background: #E4E6EA;
  font-size: 12px;
  line-height: 15px;
  letter-spacing: .1px;          /* 2008:473 ls 0.10px */
  padding: 0 57px 17px 56px;     /* 2008:473: a 287px box at x56; the band is 82 + 47 = 129 */
}
.hdcw-powered a.hdcw-tc { color: #000000; text-decoration: underline; text-underline-offset: 2.5px; }
.hdcw-powered a.hdcw-tc:hover { color: #000000; }
.hdcw-panel:has(.hdcw-op-else) .hdcw-powered a.hdcw-tc { text-decoration: none; }   /* 01-chat (home): the link is plain */
.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; }
}

/* Equal specificity, theme loads last: a themed input font-size under 16px
 * would defeat the widget's iOS zoom guard (CON-781 / CON-853). */
@media (pointer: coarse) {
  .hdcw-input input { font-size: 16px; }
}