/* CON-1052 chat widget branding - Rathfarnham Motor Group (rmg, template RMG;
 * Citroen, Honda & Alfa Romeo, Rathfarnham, Dublin 14).
 * Source of truth: the designer's Figma "Rathfarnham Motor Group (Ai Assistant)"
 * (read from the work account's duplicate, file kuRvC9cIRpabmFw7a0ujei)
 * and its 16 @2x artboard PNGs, which outrank the node dump wherever the two
 * disagree. Tooling and QA: tickets/CON-1052/qa-rmg/; design notes:
 * tickets/CON-1052/DESIGN-rmg.md. Glyphs are SVG exports of the file's own
 * nodes, each cross-checked against the artboards.
 *
 * Slate, navy and red: a #57718A -> #2B4258 gradient header with the
 * red-to-orange sparkle mark; #57718A user bubbles; WHITE r30 lozenge openers
 * with a 1px #D0D0D0 stroke and a 0/4/4 25% drop shadow, #2F455B titles,
 * #3B3938 captions, #DA291C glyphs and chevrons ("Something else" has no
 * lozenge); flat #DA291C on the send circle, the context CTA and the card
 * "I'm Interested" action (white ink). #EDEDED bot bubbles with a #C7C7C7
 * stroke and a squared bottom-left corner on a WHITE ground; white chips on
 * the same shadow; #E4E6EA footer band and card borders. The launcher is the
 * designer's gradient pill + roundel lockup. Type: Lato throughout (loaded
 * by the site). The panel is 400x720 = the designer's artboard, so offsets
 * transfer 1:1.
 *
 * Regenerate with tickets/CON-1052/build-theme-rmg.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: #DA291C;
  --hdcw-on-accent: #fff;
  --hdcw-font: 'Lato', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
  --hdcw-bg: #fff;
  --hdcw-surface: #fff;         /* Rectangle 8 is white (style 72:411 ai-white) */
  --hdcw-text: #000000;
  --hdcw-muted: #6D6D6D;        /* POPULAR/LIFESTYLE/MAKES, "Searching our stock..." */
  --hdcw-faint: #C7C7C7;        /* typing dots (decorative) */
  --hdcw-footer: #000000;         /* disclosure - the instances override #504949 (2008:473) */
  --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: #2B4258;
  --hdcw-head-color: #fff;
  --hdcw-user-bg: #57718A;      /* 37:388, 4048:708, 19:649 */
  --hdcw-user-color: #fff;
  --hdcw-link: #000000;
  --hdcw-btn-bg: #DA291C;
  --hdcw-btn-color: #fff;
  --hdcw-fab-gap: 5px;          /* the roundel sits 5px off the artboard foot (03-home); same air over a pinned bar */
}

/* ---------- Launcher (26002:611): the designer's own 247x63 export. On the
 * 400x653 home artboard the pill starts at x150 (export x4 -> box at 146,
 * 7px off the right edge) and the roundel's centre is at y617 (export y31
 * -> box top 586, 4px off the bottom). */
.hdcw-fab {
  width: 247px;
  height: 63px;
  right: 7px;
  bottom: 4px;
  max-width: calc(100vw - 14px);
  border-radius: 0;
  background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width=%22247%22%20height=%2263%22%20viewBox=%220%200%20247%2063%22%20fill=%22none%22%20xmlns=%22http://www.w3.org/2000/svg%22%3E%0A%3Crect%20x=%224%22%20y=%2212.0052%22%20width=%22239%22%20height=%2243%22%20rx=%2221.5%22%20fill=%22%23223D58%22/%3E%0A%3Cg%20filter=%22url(%23filter0_d_26002_611)%22%3E%0A%3Crect%20x=%224%22%20y=%229.00525%22%20width=%22239%22%20height=%2243%22%20rx=%2221.5%22%20fill=%22url(%23paint0_linear_26002_611)%22/%3E%0A%3Crect%20x=%224.5%22%20y=%229.50525%22%20width=%22238%22%20height=%2242%22%20rx=%2221%22%20stroke=%22%237E98B4%22/%3E%0A%3C/g%3E%0A%3Cg%20filter=%22url(%23filter1_i_26002_611)%22%3E%0A%3Ccircle%20cx=%22215%22%20cy=%2231.0052%22%20r=%2231%22%20transform=%22rotate(120%20215%2031.0052)%22%20fill=%22url(%23paint1_linear_26002_611)%22/%3E%0A%3C/g%3E%0A%3Ccircle%20cx=%22215%22%20cy=%2231.0052%22%20r=%2230.5%22%20transform=%22rotate(120%20215%2031.0052)%22%20stroke=%22%234D667F%22/%3E%0A%3Ccircle%20cx=%22214.856%22%20cy=%2230.69%22%20r=%2225.9593%22%20transform=%22rotate(120%20214.856%2030.69)%22%20stroke=%22%234F6981%22/%3E%0A%3Cpath%20d=%22M223.545%2026.9143L225.25%2023.1643L229%2021.4598L225.25%2019.7552L223.545%2016.0052L221.841%2019.7552L218.091%2021.4598L221.841%2023.1643L223.545%2026.9143ZM213.318%2027.5962L209.909%2020.0962L206.5%2027.5962L199%2031.0052L206.5%2034.4143L209.909%2041.9143L213.318%2034.4143L220.818%2031.0052L213.318%2027.5962ZM223.545%2035.0962L221.841%2038.8462L218.091%2040.5507L221.841%2042.2552L223.545%2046.0052L225.25%2042.2552L229%2040.5507L225.25%2038.8462L223.545%2035.0962Z%22%20fill=%22url(%23paint2_linear_26002_611)%22/%3E%0A%3Cpath%20d=%22M44.2407%2024.3781L38.7605%2037.8561H36.4802L31%2024.3781H33.0269C33.2459%2024.3781%2033.4242%2024.4309%2033.5618%2024.5365C33.6994%2024.6422%2033.8027%2024.7789%2033.8715%2024.9467L37.0714%2033.1677C37.1777%2033.4349%2037.2778%2033.7301%2037.3717%2034.0532C37.4718%2034.3701%2037.5656%2034.7025%2037.6532%2035.0505C37.7283%2034.7025%2037.8096%2034.3701%2037.8972%2034.0532C37.9848%2033.7301%2038.0817%2033.4349%2038.1881%2033.1677L41.3692%2024.9467C41.4193%2024.8037%2041.5162%2024.6732%2041.6601%2024.5552C41.8103%2024.4371%2041.9917%2024.3781%2042.2044%2024.3781H44.2407Z%22%20fill=%22white%22/%3E%0A%3Cpath%20d=%22M47.6815%2028.2929V37.8561H45.3543V28.2929H47.6815ZM48.0006%2025.5059C48.0006%2025.7048%2047.9599%2025.8912%2047.8786%2026.0652C47.7972%2026.2392%2047.6878%2026.3914%2047.5501%2026.5219C47.4188%2026.6524%2047.2624%2026.758%2047.0809%2026.8388C46.8995%2026.9134%2046.7056%2026.9507%2046.4991%2026.9507C46.2989%2026.9507%2046.1081%2026.9134%2045.9267%2026.8388C45.7515%2026.758%2045.5983%2026.6524%2045.4669%2026.5219C45.3355%2026.3914%2045.2292%2026.2392%2045.1478%2026.0652C45.0728%2025.8912%2045.0352%2025.7048%2045.0352%2025.5059C45.0352%2025.3009%2045.0728%2025.1082%2045.1478%2024.928C45.2292%2024.7478%2045.3355%2024.5925%2045.4669%2024.462C45.5983%2024.3315%2045.7515%2024.229%2045.9267%2024.1544C46.1081%2024.0736%2046.2989%2024.0332%2046.4991%2024.0332C46.7056%2024.0332%2046.8995%2024.0736%2047.0809%2024.1544C47.2624%2024.229%2047.4188%2024.3315%2047.5501%2024.462C47.6878%2024.5925%2047.7972%2024.7478%2047.8786%2024.928C47.9599%2025.1082%2048.0006%2025.3009%2048.0006%2025.5059Z%22%20fill=%22white%22/%3E%0A%3Cpath%20d=%22M52.2309%2029.952C52.5312%2029.3803%2052.8878%2028.9329%2053.3007%2028.6098C53.7136%2028.2804%2054.2016%2028.1158%2054.7646%2028.1158C55.2088%2028.1158%2055.5653%2028.2121%2055.8344%2028.4047L55.6842%2030.1291C55.6529%2030.2409%2055.606%2030.3217%2055.5435%2030.3714C55.4872%2030.4149%2055.409%2030.4367%2055.3089%2030.4367C55.215%2030.4367%2055.0743%2030.4211%2054.8866%2030.3901C54.7052%2030.359%2054.5269%2030.3435%2054.3517%2030.3435C54.0952%2030.3435%2053.8669%2030.3807%2053.6667%2030.4553C53.4665%2030.5299%2053.2851%2030.6386%2053.1224%2030.7815C52.966%2030.9183%2052.8252%2031.086%2052.7001%2031.2849C52.5813%2031.4837%2052.4687%2031.7105%2052.3623%2031.9653V37.8561H50.0445V28.2929H51.4052C51.6429%2028.2929%2051.8087%2028.3364%2051.9025%2028.4234C51.9963%2028.5041%2052.0589%2028.6533%2052.0902%2028.8708L52.2309%2029.952Z%22%20fill=%22white%22/%3E%0A%3Cpath%20d=%22M60.2551%2038.0052C59.4168%2038.0052%2058.7724%2037.7722%2058.322%2037.3062C57.8778%2036.8339%2057.6557%2036.1846%2057.6557%2035.3581V30.0172H56.6704C56.5453%2030.0172%2056.4389%2029.9768%2056.3513%2029.8961C56.2638%2029.8153%2056.22%2029.6941%2056.22%2029.5325V28.6191L57.7683%2028.3674L58.2563%2025.7576C58.2876%2025.6333%2058.347%2025.537%2058.4346%2025.4686C58.5222%2025.4003%2058.6348%2025.3661%2058.7724%2025.3661H59.9735V28.3768H62.5447V30.0172H59.9735V35.1997C59.9735%2035.4979%2060.0455%2035.7309%2060.1894%2035.8987C60.3395%2036.0665%2060.5428%2036.1504%2060.7993%2036.1504C60.9432%2036.1504%2061.0621%2036.1349%2061.1559%2036.1038C61.256%2036.0665%2061.3405%2036.0292%2061.4093%2035.9919C61.4843%2035.9546%2061.55%2035.9205%2061.6063%2035.8894C61.6626%2035.8521%2061.7189%2035.8335%2061.7752%2035.8335C61.8441%2035.8335%2061.9004%2035.8521%2061.9442%2035.8894C61.9879%2035.9205%2062.0349%2035.9702%2062.0849%2036.0385L62.7793%2037.157C62.4415%2037.4367%2062.0536%2037.6479%2061.6157%2037.7909C61.1778%2037.9338%2060.7242%2038.0052%2060.2551%2038.0052Z%22%20fill=%22white%22/%3E%0A%3Cpath%20d=%22M72.3241%2028.2929V37.8561H70.9071C70.6006%2037.8561%2070.4066%2037.7163%2070.3253%2037.4367L70.1658%2036.6724C69.7716%2037.0701%2069.3369%2037.3932%2068.8614%2037.6417C68.386%2037.8841%2067.826%2038.0052%2067.1817%2038.0052C66.6562%2038.0052%2066.1901%2037.9183%2065.7835%2037.7443C65.3831%2037.5641%2065.0453%2037.3124%2064.77%2036.9893C64.4948%2036.6661%2064.2852%2036.284%2064.1413%2035.8428C64.0037%2035.3954%2063.9349%2034.9045%2063.9349%2034.3701V28.2929H66.2527V34.3701C66.2527%2034.9542%2066.3872%2035.4078%2066.6562%2035.7309C66.9315%2036.0479%2067.3412%2036.2063%2067.8855%2036.2063C68.2859%2036.2063%2068.6612%2036.1193%2069.0116%2035.9453C69.3619%2035.7651%2069.6935%2035.5197%2070.0062%2035.209V28.2929H72.3241Z%22%20fill=%22white%22/%3E%0A%3Cpath%20d=%22M79.7083%2033.7736C79.0389%2033.8046%2078.4759%2033.8637%2078.0192%2033.9507C77.5625%2034.0314%2077.1966%2034.1371%2076.9213%2034.2676C76.646%2034.3981%2076.449%2034.5503%2076.3301%2034.7243C76.2113%2034.8983%2076.1518%2035.0878%2076.1518%2035.2929C76.1518%2035.6968%2076.2707%2035.9857%2076.5084%2036.1597C76.7524%2036.3337%2077.0683%2036.4207%2077.4562%2036.4207C77.9316%2036.4207%2078.3414%2036.3368%2078.6855%2036.169C79.0358%2035.995%2079.3768%2035.7341%2079.7083%2035.3861V33.7736ZM74.397%2029.6258C75.5043%2028.6191%2076.8368%2028.1158%2078.3946%2028.1158C78.9576%2028.1158%2079.4612%2028.209%2079.9054%2028.3954C80.3496%2028.5756%2080.7249%2028.8304%2081.0315%2029.1597C81.338%2029.4828%2081.5695%2029.8712%2081.7259%2030.3248C81.8885%2030.7784%2081.9698%2031.2756%2081.9698%2031.8162V37.8561H80.9188C80.6999%2037.8561%2080.531%2037.825%2080.4121%2037.7629C80.2933%2037.6946%2080.1994%2037.561%2080.1306%2037.3621L79.9242%2036.6724C79.6802%2036.8898%2079.4424%2037.0825%2079.211%2037.2503C78.9795%2037.4118%2078.7387%2037.5485%2078.4884%2037.6604C78.2382%2037.7722%2077.9692%2037.8561%2077.6814%2037.912C77.3999%2037.9742%2077.0871%2038.0052%2076.743%2038.0052C76.3364%2038.0052%2075.961%2037.9524%2075.6169%2037.8468C75.2729%2037.7349%2074.9757%2037.5703%2074.7255%2037.3528C74.4752%2037.1353%2074.2813%2036.865%2074.1437%2036.5419C74.006%2036.2187%2073.9372%2035.8428%2073.9372%2035.414C73.9372%2035.1717%2073.9779%2034.9325%2074.0592%2034.6963C74.1405%2034.454%2074.2719%2034.2241%2074.4533%2034.0066C74.641%2033.7891%2074.8819%2033.584%2075.1759%2033.3914C75.4699%2033.1988%2075.8296%2033.031%2076.255%2032.8881C76.6867%2032.7452%2077.1872%2032.6302%2077.7565%2032.5432C78.3258%2032.45%2078.9764%2032.3941%2079.7083%2032.3754V31.8162C79.7083%2031.1761%2079.5707%2030.7039%2079.2954%2030.3994C79.0202%2030.0887%2078.6229%2029.9333%2078.1037%2029.9333C77.7283%2029.9333%2077.4155%2029.9768%2077.1653%2030.0638C76.9213%2030.1508%2076.7055%2030.2503%2076.5178%2030.3621C76.3301%2030.4677%2076.1581%2030.5641%2076.0017%2030.6511C75.8515%2030.738%2075.6826%2030.7815%2075.4949%2030.7815C75.3323%2030.7815%2075.1947%2030.7412%2075.0821%2030.6604C74.9695%2030.5734%2074.8787%2030.474%2074.8099%2030.3621L74.397%2029.6258Z%22%20fill=%22white%22/%3E%0A%3Cpath%20d=%22M86.4988%2024.0052V37.8561H84.1809V24.0052H86.4988Z%22%20fill=%22white%22/%3E%0A%3Cpath%20d=%22M100.284%2032.7669L98.6323%2028.2835C98.551%2028.0847%2098.4665%2027.8486%2098.3789%2027.5752C98.2913%2027.3017%2098.2038%2027.0066%2098.1162%2026.6897C98.0348%2027.0066%2097.9504%2027.3048%2097.8628%2027.5845C97.7752%2027.8579%2097.6908%2028.0971%2097.6094%2028.3022L95.9673%2032.7669H100.284ZM104.741%2037.8561H102.789C102.57%2037.8561%20102.392%2037.8033%20102.254%2037.6977C102.117%2037.5858%20102.014%2037.4491%20101.945%2037.2875L100.931%2034.5379H95.3104L94.2969%2037.2875C94.2469%2037.4305%2094.1499%2037.561%2094.006%2037.679C93.8621%2037.7971%2093.6838%2037.8561%2093.4711%2037.8561H91.5005L96.84%2024.3781H99.4111L104.741%2037.8561Z%22%20fill=%22white%22/%3E%0A%3Cpath%20d=%22M111.654%2030.157C111.592%2030.2565%20111.526%2030.3279%20111.457%2030.3714C111.388%2030.4087%20111.301%2030.4274%20111.194%2030.4274C111.082%2030.4274%20110.96%2030.3963%20110.828%2030.3341C110.703%2030.272%20110.556%2030.2037%20110.387%2030.1291C110.218%2030.0483%20110.024%2029.9768%20109.805%2029.9147C109.593%2029.8526%20109.339%2029.8215%20109.045%2029.8215C108.589%2029.8215%20108.229%2029.9178%20107.966%2030.1104C107.71%2030.3031%20107.581%2030.5547%20107.581%2030.8654C107.581%2031.0705%20107.647%2031.2445%20107.779%2031.3874C107.916%2031.5241%20108.094%2031.6453%20108.313%2031.7509C108.539%2031.8566%20108.792%2031.9529%20109.073%2032.0399C109.355%2032.1207%20109.64%2032.2108%20109.927%2032.3102C110.221%2032.4096%20110.509%2032.5246%20110.791%2032.655C111.072%2032.7793%20111.322%2032.9409%20111.541%2033.1397C111.767%2033.3324%20111.945%2033.5654%20112.076%2033.8388C112.214%2034.1122%20112.283%2034.4416%20112.283%2034.8268C112.283%2035.2867%20112.198%2035.7123%20112.029%2036.1038C111.867%2036.489%20111.623%2036.8246%20111.297%2037.1104C110.972%2037.3901%20110.569%2037.6107%20110.087%2037.7722C109.611%2037.9276%20109.061%2038.0052%20108.435%2038.0052C108.104%2038.0052%20107.779%2037.9742%20107.459%2037.912C107.147%2037.8561%20106.843%2037.7753%20106.549%2037.6697C106.261%2037.5641%20105.992%2037.4398%20105.742%2037.2969C105.498%2037.1539%20105.282%2036.9986%20105.095%2036.8308L105.63%2035.9546C105.698%2035.849%20105.78%2035.7682%20105.874%2035.7123C105.967%2035.6564%20106.086%2035.6284%20106.23%2035.6284C106.374%2035.6284%20106.509%2035.6688%20106.634%2035.7496C106.765%2035.8304%20106.915%2035.9174%20107.084%2036.0106C107.253%2036.1038%20107.45%2036.1908%20107.675%2036.2716C107.907%2036.3523%20108.198%2036.3927%20108.548%2036.3927C108.823%2036.3927%20109.058%2036.3617%20109.252%2036.2995C109.452%2036.2312%20109.615%2036.1442%20109.74%2036.0385C109.871%2035.9329%20109.965%2035.8117%20110.021%2035.675C110.084%2035.5321%20110.115%2035.3861%20110.115%2035.2369C110.115%2035.0132%20110.046%2034.8299%20109.909%2034.687C109.777%2034.5441%20109.599%2034.4198%20109.374%2034.3142C109.155%2034.2085%20108.901%2034.1153%20108.614%2034.0345C108.332%2033.9475%20108.041%2033.8543%20107.741%2033.7549C107.447%2033.6555%20107.156%2033.5405%20106.868%2033.41C106.587%2033.2733%20106.333%2033.1025%20106.108%2032.8974C105.889%2032.6923%20105.711%2032.4407%20105.573%2032.1424C105.442%2031.8441%20105.376%2031.4837%20105.376%2031.0612C105.376%2030.6697%20105.454%2030.2969%20105.611%2029.9427C105.767%2029.5885%20105.996%2029.2809%20106.296%2029.0199C106.602%2028.7527%20106.981%2028.5414%20107.431%2028.3861C107.888%2028.2245%20108.413%2028.1437%20109.008%2028.1437C109.671%2028.1437%20110.275%2028.2525%20110.819%2028.47C111.363%2028.6875%20111.817%2028.9733%20112.18%2029.3275L111.654%2030.157Z%22%20fill=%22white%22/%3E%0A%3Cpath%20d=%22M119.902%2030.157C119.839%2030.2565%20119.773%2030.3279%20119.705%2030.3714C119.636%2030.4087%20119.548%2030.4274%20119.442%2030.4274C119.329%2030.4274%20119.207%2030.3963%20119.076%2030.3341C118.951%2030.272%20118.804%2030.2037%20118.635%2030.1291C118.466%2030.0483%20118.272%2029.9768%20118.053%2029.9147C117.84%2029.8526%20117.587%2029.8215%20117.293%2029.8215C116.836%2029.8215%20116.477%2029.9178%20116.214%2030.1104C115.957%2030.3031%20115.829%2030.5547%20115.829%2030.8654C115.829%2031.0705%20115.895%2031.2445%20116.026%2031.3874C116.164%2031.5241%20116.342%2031.6453%20116.561%2031.7509C116.786%2031.8566%20117.04%2031.9529%20117.321%2032.0399C117.603%2032.1207%20117.887%2032.2108%20118.175%2032.3102C118.469%2032.4096%20118.757%2032.5246%20119.038%2032.655C119.32%2032.7793%20119.57%2032.9409%20119.789%2033.1397C120.014%2033.3324%20120.193%2033.5654%20120.324%2033.8388C120.462%2034.1122%20120.53%2034.4416%20120.53%2034.8268C120.53%2035.2867%20120.446%2035.7123%20120.277%2036.1038C120.114%2036.489%20119.87%2036.8246%20119.545%2037.1104C119.22%2037.3901%20118.816%2037.6107%20118.335%2037.7722C117.859%2037.9276%20117.309%2038.0052%20116.683%2038.0052C116.351%2038.0052%20116.026%2037.9742%20115.707%2037.912C115.394%2037.8561%20115.091%2037.7753%20114.797%2037.6697C114.509%2037.5641%20114.24%2037.4398%20113.99%2037.2969C113.746%2037.1539%20113.53%2036.9986%20113.342%2036.8308L113.877%2035.9546C113.946%2035.849%20114.027%2035.7682%20114.121%2035.7123C114.215%2035.6564%20114.334%2035.6284%20114.478%2035.6284C114.622%2035.6284%20114.756%2035.6688%20114.881%2035.7496C115.013%2035.8304%20115.163%2035.9174%20115.332%2036.0106C115.501%2036.1038%20115.698%2036.1908%20115.923%2036.2716C116.154%2036.3523%20116.445%2036.3927%20116.796%2036.3927C117.071%2036.3927%20117.305%2036.3617%20117.499%2036.2995C117.7%2036.2312%20117.862%2036.1442%20117.987%2036.0385C118.119%2035.9329%20118.213%2035.8117%20118.269%2035.675C118.331%2035.5321%20118.363%2035.3861%20118.363%2035.2369C118.363%2035.0132%20118.294%2034.8299%20118.156%2034.687C118.025%2034.5441%20117.847%2034.4198%20117.621%2034.3142C117.402%2034.2085%20117.149%2034.1153%20116.861%2034.0345C116.58%2033.9475%20116.289%2033.8543%20115.989%2033.7549C115.695%2033.6555%20115.404%2033.5405%20115.116%2033.41C114.834%2033.2733%20114.581%2033.1025%20114.356%2032.8974C114.137%2032.6923%20113.958%2032.4407%20113.821%2032.1424C113.689%2031.8441%20113.624%2031.4837%20113.624%2031.0612C113.624%2030.6697%20113.702%2030.2969%20113.858%2029.9427C114.015%2029.5885%20114.243%2029.2809%20114.543%2029.0199C114.85%2028.7527%20115.228%2028.5414%20115.679%2028.3861C116.136%2028.2245%20116.661%2028.1437%20117.255%2028.1437C117.918%2028.1437%20118.522%2028.2525%20119.066%2028.47C119.611%2028.6875%20120.064%2028.9733%20120.427%2029.3275L119.902%2030.157Z%22%20fill=%22white%22/%3E%0A%3Cpath%20d=%22M124.677%2028.2929V37.8561H122.35V28.2929H124.677ZM124.996%2025.5059C124.996%2025.7048%20124.956%2025.8912%20124.874%2026.0652C124.793%2026.2392%20124.683%2026.3914%20124.546%2026.5219C124.414%2026.6524%20124.258%2026.758%20124.077%2026.8388C123.895%2026.9134%20123.701%2026.9507%20123.495%2026.9507C123.295%2026.9507%20123.104%2026.9134%20122.922%2026.8388C122.747%2026.758%20122.594%2026.6524%20122.463%2026.5219C122.331%2026.3914%20122.225%2026.2392%20122.144%2026.0652C122.068%2025.8912%20122.031%2025.7048%20122.031%2025.5059C122.031%2025.3009%20122.068%2025.1082%20122.144%2024.928C122.225%2024.7478%20122.331%2024.5925%20122.463%2024.462C122.594%2024.3315%20122.747%2024.229%20122.922%2024.1544C123.104%2024.0736%20123.295%2024.0332%20123.495%2024.0332C123.701%2024.0332%20123.895%2024.0736%20124.077%2024.1544C124.258%2024.229%20124.414%2024.3315%20124.546%2024.462C124.683%2024.5925%20124.793%2024.7478%20124.874%2024.928C124.956%2025.1082%20124.996%2025.3009%20124.996%2025.5059Z%22%20fill=%22white%22/%3E%0A%3Cpath%20d=%22M132.914%2030.157C132.852%2030.2565%20132.786%2030.3279%20132.717%2030.3714C132.649%2030.4087%20132.561%2030.4274%20132.455%2030.4274C132.342%2030.4274%20132.22%2030.3963%20132.089%2030.3341C131.964%2030.272%20131.817%2030.2037%20131.648%2030.1291C131.479%2030.0483%20131.285%2029.9768%20131.066%2029.9147C130.853%2029.8526%20130.6%2029.8215%20130.306%2029.8215C129.849%2029.8215%20129.489%2029.9178%20129.227%2030.1104C128.97%2030.3031%20128.842%2030.5547%20128.842%2030.8654C128.842%2031.0705%20128.908%2031.2445%20129.039%2031.3874C129.177%2031.5241%20129.355%2031.6453%20129.574%2031.7509C129.799%2031.8566%20130.052%2031.9529%20130.334%2032.0399C130.615%2032.1207%20130.9%2032.2108%20131.188%2032.3102C131.482%2032.4096%20131.77%2032.5246%20132.051%2032.655C132.333%2032.7793%20132.583%2032.9409%20132.802%2033.1397C133.027%2033.3324%20133.205%2033.5654%20133.337%2033.8388C133.474%2034.1122%20133.543%2034.4416%20133.543%2034.8268C133.543%2035.2867%20133.459%2035.7123%20133.29%2036.1038C133.127%2036.489%20132.883%2036.8246%20132.558%2037.1104C132.233%2037.3901%20131.829%2037.6107%20131.347%2037.7722C130.872%2037.9276%20130.321%2038.0052%20129.696%2038.0052C129.364%2038.0052%20129.039%2037.9742%20128.72%2037.912C128.407%2037.8561%20128.104%2037.7753%20127.81%2037.6697C127.522%2037.5641%20127.253%2037.4398%20127.003%2037.2969C126.759%2037.1539%20126.543%2036.9986%20126.355%2036.8308L126.89%2035.9546C126.959%2035.849%20127.04%2035.7682%20127.134%2035.7123C127.228%2035.6564%20127.347%2035.6284%20127.491%2035.6284C127.634%2035.6284%20127.769%2035.6688%20127.894%2035.7496C128.025%2035.8304%20128.176%2035.9174%20128.345%2036.0106C128.513%2036.1038%20128.71%2036.1908%20128.936%2036.2716C129.167%2036.3523%20129.458%2036.3927%20129.808%2036.3927C130.084%2036.3927%20130.318%2036.3617%20130.512%2036.2995C130.712%2036.2312%20130.875%2036.1442%20131%2036.0385C131.132%2035.9329%20131.225%2035.8117%20131.282%2035.675C131.344%2035.5321%20131.376%2035.3861%20131.376%2035.2369C131.376%2035.0132%20131.307%2034.8299%20131.169%2034.687C131.038%2034.5441%20130.859%2034.4198%20130.634%2034.3142C130.415%2034.2085%20130.162%2034.1153%20129.874%2034.0345C129.593%2033.9475%20129.302%2033.8543%20129.001%2033.7549C128.707%2033.6555%20128.416%2033.5405%20128.129%2033.41C127.847%2033.2733%20127.594%2033.1025%20127.369%2032.8974C127.15%2032.6923%20126.971%2032.4407%20126.834%2032.1424C126.702%2031.8441%20126.637%2031.4837%20126.637%2031.0612C126.637%2030.6697%20126.715%2030.2969%20126.871%2029.9427C127.028%2029.5885%20127.256%2029.2809%20127.556%2029.0199C127.863%2028.7527%20128.241%2028.5414%20128.692%2028.3861C129.148%2028.2245%20129.674%2028.1437%20130.268%2028.1437C130.931%2028.1437%20131.535%2028.2525%20132.079%2028.47C132.624%2028.6875%20133.077%2028.9733%20133.44%2029.3275L132.914%2030.157Z%22%20fill=%22white%22/%3E%0A%3Cpath%20d=%22M138.497%2038.0052C137.659%2038.0052%20137.014%2037.7722%20136.564%2037.3062C136.12%2036.8339%20135.898%2036.1846%20135.898%2035.3581V30.0172H134.912C134.787%2030.0172%20134.681%2029.9768%20134.593%2029.8961C134.506%2029.8153%20134.462%2029.6941%20134.462%2029.5325V28.6191L136.01%2028.3674L136.498%2025.7576C136.53%2025.6333%20136.589%2025.537%20136.677%2025.4686C136.764%2025.4003%20136.877%2025.3661%20137.014%2025.3661H138.215V28.3768H140.787V30.0172H138.215V35.1997C138.215%2035.4979%20138.287%2035.7309%20138.431%2035.8987C138.581%2036.0665%20138.785%2036.1504%20139.041%2036.1504C139.185%2036.1504%20139.304%2036.1349%20139.398%2036.1038C139.498%2036.0665%20139.582%2036.0292%20139.651%2035.9919C139.726%2035.9546%20139.792%2035.9205%20139.848%2035.8894C139.905%2035.8521%20139.961%2035.8335%20140.017%2035.8335C140.086%2035.8335%20140.142%2035.8521%20140.186%2035.8894C140.23%2035.9205%20140.277%2035.9702%20140.327%2036.0385L141.021%2037.157C140.683%2037.4367%20140.296%2037.6479%20139.858%2037.7909C139.42%2037.9338%20138.966%2038.0052%20138.497%2038.0052Z%22%20fill=%22white%22/%3E%0A%3Cpath%20d=%22M147.357%2033.7736C146.687%2033.8046%20146.124%2033.8637%20145.668%2033.9507C145.211%2034.0314%20144.845%2034.1371%20144.57%2034.2676C144.294%2034.3981%20144.097%2034.5503%20143.979%2034.7243C143.86%2034.8983%20143.8%2035.0878%20143.8%2035.2929C143.8%2035.6968%20143.919%2035.9857%20144.157%2036.1597C144.401%2036.3337%20144.717%2036.4207%20145.105%2036.4207C145.58%2036.4207%20145.99%2036.3368%20146.334%2036.169C146.684%2035.995%20147.025%2035.7341%20147.357%2035.3861V33.7736ZM142.045%2029.6258C143.153%2028.6191%20144.485%2028.1158%20146.043%2028.1158C146.606%2028.1158%20147.11%2028.209%20147.554%2028.3954C147.998%2028.5756%20148.373%2028.8304%20148.68%2029.1597C148.986%2029.4828%20149.218%2029.8712%20149.374%2030.3248C149.537%2030.7784%20149.618%2031.2756%20149.618%2031.8162V37.8561H148.567C148.348%2037.8561%20148.179%2037.825%20148.061%2037.7629C147.942%2037.6946%20147.848%2037.561%20147.779%2037.3621L147.573%2036.6724C147.329%2036.8898%20147.091%2037.0825%20146.859%2037.2503C146.628%2037.4118%20146.387%2037.5485%20146.137%2037.6604C145.887%2037.7722%20145.618%2037.8561%20145.33%2037.912C145.048%2037.9742%20144.735%2038.0052%20144.391%2038.0052C143.985%2038.0052%20143.609%2037.9524%20143.265%2037.8468C142.921%2037.7349%20142.624%2037.5703%20142.374%2037.3528C142.124%2037.1353%20141.93%2036.865%20141.792%2036.5419C141.654%2036.2187%20141.586%2035.8428%20141.586%2035.414C141.586%2035.1717%20141.626%2034.9325%20141.708%2034.6963C141.789%2034.454%20141.92%2034.2241%20142.102%2034.0066C142.289%2033.7891%20142.53%2033.584%20142.824%2033.3914C143.118%2033.1988%20143.478%2033.031%20143.903%2032.8881C144.335%2032.7452%20144.836%2032.6302%20145.405%2032.5432C145.974%2032.45%20146.625%2032.3941%20147.357%2032.3754V31.8162C147.357%2031.1761%20147.219%2030.7039%20146.944%2030.3994C146.669%2030.0887%20146.271%2029.9333%20145.752%2029.9333C145.377%2029.9333%20145.064%2029.9768%20144.814%2030.0638C144.57%2030.1508%20144.354%2030.2503%20144.166%2030.3621C143.979%2030.4677%20143.806%2030.5641%20143.65%2030.6511C143.5%2030.738%20143.331%2030.7815%20143.143%2030.7815C142.981%2030.7815%20142.843%2030.7412%20142.73%2030.6604C142.618%2030.5734%20142.527%2030.474%20142.458%2030.3621L142.045%2029.6258Z%22%20fill=%22white%22/%3E%0A%3Cpath%20d=%22M153.969%2029.4673C154.163%2029.2747%20154.366%2029.0976%20154.579%2028.936C154.798%2028.7682%20155.026%2028.6284%20155.264%2028.5166C155.508%2028.3985%20155.767%2028.3084%20156.043%2028.2463C156.318%2028.1779%20156.618%2028.1437%20156.944%2028.1437C157.469%2028.1437%20157.935%2028.2338%20158.342%2028.414C158.748%2028.588%20159.086%2028.8366%20159.355%2029.1597C159.63%2029.4766%20159.837%2029.8588%20159.975%2030.3062C160.118%2030.7474%20160.19%2031.2352%20160.19%2031.7696V37.8561H157.873V31.7696C157.873%2031.1855%20157.738%2030.7349%20157.469%2030.418C157.2%2030.0949%20156.79%2029.9333%20156.24%2029.9333C155.839%2029.9333%20155.464%2030.0234%20155.114%2030.2037C154.763%2030.3839%20154.432%2030.6293%20154.119%2030.94V37.8561H151.801V28.2929H153.218C153.518%2028.2929%20153.715%2028.4327%20153.809%2028.7123L153.969%2029.4673Z%22%20fill=%22white%22/%3E%0A%3Cpath%20d=%22M165.476%2038.0052C164.637%2038.0052%20163.993%2037.7722%20163.543%2037.3062C163.098%2036.8339%20162.876%2036.1846%20162.876%2035.3581V30.0172H161.891C161.766%2030.0172%20161.66%2029.9768%20161.572%2029.8961C161.484%2029.8153%20161.441%2029.6941%20161.441%2029.5325V28.6191L162.989%2028.3674L163.477%2025.7576C163.508%2025.6333%20163.568%2025.537%20163.655%2025.4686C163.743%2025.4003%20163.855%2025.3661%20163.993%2025.3661H165.194V28.3768H167.765V30.0172H165.194V35.1997C165.194%2035.4979%20165.266%2035.7309%20165.41%2035.8987C165.56%2036.0665%20165.764%2036.1504%20166.02%2036.1504C166.164%2036.1504%20166.283%2036.1349%20166.377%2036.1038C166.477%2036.0665%20166.561%2036.0292%20166.63%2035.9919C166.705%2035.9546%20166.771%2035.9205%20166.827%2035.8894C166.883%2035.8521%20166.94%2035.8335%20166.996%2035.8335C167.065%2035.8335%20167.121%2035.8521%20167.165%2035.8894C167.209%2035.9205%20167.256%2035.9702%20167.306%2036.0385L168%2037.157C167.662%2037.4367%20167.274%2037.6479%20166.836%2037.7909C166.398%2037.9338%20165.945%2038.0052%20165.476%2038.0052Z%22%20fill=%22white%22/%3E%0A%3Cdefs%3E%0A%3Cfilter%20id=%22filter0_d_26002_611%22%20x=%220%22%20y=%229.00525%22%20width=%22247%22%20height=%2251%22%20filterUnits=%22userSpaceOnUse%22%20color-interpolation-filters=%22sRGB%22%3E%0A%3CfeFlood%20flood-opacity=%220%22%20result=%22BackgroundImageFix%22/%3E%0A%3CfeColorMatrix%20in=%22SourceAlpha%22%20type=%22matrix%22%20values=%220%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%20127%200%22%20result=%22hardAlpha%22/%3E%0A%3CfeOffset%20dy=%224%22/%3E%0A%3CfeGaussianBlur%20stdDeviation=%222%22/%3E%0A%3CfeComposite%20in2=%22hardAlpha%22%20operator=%22out%22/%3E%0A%3CfeColorMatrix%20type=%22matrix%22%20values=%220%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200.25%200%22/%3E%0A%3CfeBlend%20mode=%22normal%22%20in2=%22BackgroundImageFix%22%20result=%22effect1_dropShadow_26002_611%22/%3E%0A%3CfeBlend%20mode=%22normal%22%20in=%22SourceGraphic%22%20in2=%22effect1_dropShadow_26002_611%22%20result=%22shape%22/%3E%0A%3C/filter%3E%0A%3Cfilter%20id=%22filter1_i_26002_611%22%20x=%22183.995%22%20y=%220%22%20width=%2262.0103%22%20height=%2266.0104%22%20filterUnits=%22userSpaceOnUse%22%20color-interpolation-filters=%22sRGB%22%3E%0A%3CfeFlood%20flood-opacity=%220%22%20result=%22BackgroundImageFix%22/%3E%0A%3CfeBlend%20mode=%22normal%22%20in=%22SourceGraphic%22%20in2=%22BackgroundImageFix%22%20result=%22shape%22/%3E%0A%3CfeColorMatrix%20in=%22SourceAlpha%22%20type=%22matrix%22%20values=%220%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%20127%200%22%20result=%22hardAlpha%22/%3E%0A%3CfeOffset%20dy=%224%22/%3E%0A%3CfeGaussianBlur%20stdDeviation=%222%22/%3E%0A%3CfeComposite%20in2=%22hardAlpha%22%20operator=%22arithmetic%22%20k2=%22-1%22%20k3=%221%22/%3E%0A%3CfeColorMatrix%20type=%22matrix%22%20values=%220%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200.25%200%22/%3E%0A%3CfeBlend%20mode=%22normal%22%20in2=%22shape%22%20result=%22effect1_innerShadow_26002_611%22/%3E%0A%3C/filter%3E%0A%3ClinearGradient%20id=%22paint0_linear_26002_611%22%20x1=%22140.152%22%20y1=%2239.2645%22%20x2=%22242.43%22%20y2=%2226.0843%22%20gradientUnits=%22userSpaceOnUse%22%3E%0A%3Cstop%20stop-color=%22%2357718A%22/%3E%0A%3Cstop%20offset=%221%22%20stop-color=%22%232B4258%22/%3E%0A%3C/linearGradient%3E%0A%3ClinearGradient%20id=%22paint1_linear_26002_611%22%20x1=%22231%22%20y1=%2253.0052%22%20x2=%22211.828%22%20y2=%2212.9681%22%20gradientUnits=%22userSpaceOnUse%22%3E%0A%3Cstop%20offset=%221%22%20stop-color=%22%232B4258%22/%3E%0A%3C/linearGradient%3E%0A%3ClinearGradient%20id=%22paint2_linear_26002_611%22%20x1=%22226.191%22%20y1=%2216.0052%22%20x2=%22200.088%22%20y2=%2217.71%22%20gradientUnits=%22userSpaceOnUse%22%3E%0A%3Cstop%20stop-color=%22%23DA291C%22/%3E%0A%3Cstop%20offset=%221%22%20stop-color=%22%23E08C2B%22/%3E%0A%3C/linearGradient%3E%0A%3C/defs%3E%0A%3C/svg%3E") right center / contain no-repeat;
  box-shadow: none;
  z-index: 1030;                /* under the site's Bootstrap modals (1050) */
}
.hdcw-fab > svg { display: none; }
.hdcw-fab:hover { transform: scale(1.02); transform-origin: right center; }
/* Only if a CHAT_WIDGET_FAB_RIGHT_MOBILE shift is ever added to defs.inc:
 * never let the lockup run off a 320px phone. */
.hdcw-fab.hdcw-shift { max-width: calc(100vw - 104px); }

/* ---------- Header (24:711): an 81px #57718A -> #2B4258 band, r15 on top.
 * Sparkle 30x30 at x18 y21; title Lato Bold 20/20 white at x66 y20 on TWO
 * lines ("Rathfarnham Motor" / "Group", the artwork's own break, carried as
 * a newline in CHAT_WIDGET_HEADER_TITLE); subtitle Lato Regular 13 white at
 * x210 y52, UNDER THE NAV ICONS, its ink ending at x380.5. */
.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 17px;
  gap: 0;
  background: linear-gradient(330.2deg, #57718A 48.4%, #2B4258 101.5%);
}
.hdcw-head::before {
  content: '';
  flex: 0 0 32px;
  height: 32px;
  margin: 20px 17px 0 0;        /* the 30x30 mark at x18 y21 (1px bezel), title at x66 */
  background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width=%2232%22%20height=%2232%22%20viewBox=%22-1%20-1%2032%2032%22%20fill=%22none%22%20xmlns=%22http://www.w3.org/2000/svg%22%3E%0A%3Cpath%20d=%22M24.5455%2010.9091L26.25%207.15909L30%205.45455L26.25%203.75L24.5455%200L22.8409%203.75L19.0909%205.45455L22.8409%207.15909L24.5455%2010.9091ZM14.3182%2011.5909L10.9091%204.09091L7.5%2011.5909L0%2015L7.5%2018.4091L10.9091%2025.9091L14.3182%2018.4091L21.8182%2015L14.3182%2011.5909ZM24.5455%2019.0909L22.8409%2022.8409L19.0909%2024.5455L22.8409%2026.25L24.5455%2030L26.25%2026.25L30%2024.5455L26.25%2022.8409L24.5455%2019.0909Z%22%20fill=%22url(%23paint0_linear_40004_582)%22/%3E%0A%3Cdefs%3E%0A%3ClinearGradient%20id=%22paint0_linear_40004_582%22%20x1=%2227.1915%22%20y1=%22-8.84472e-07%22%20x2=%221.08826%22%20y2=%221.70475%22%20gradientUnits=%22userSpaceOnUse%22%3E%0A%3Cstop%20stop-color=%22%23DA291C%22/%3E%0A%3Cstop%20offset=%221%22%20stop-color=%22%23E08C2B%22/%3E%0A%3C/linearGradient%3E%0A%3C/defs%3E%0A%3C/svg%3E") center / contain no-repeat;
}
.hdcw-head > div { margin-top: 20px; min-width: 0; padding-right: 12px; }  /* title box 20-60 (24001:801); ink 23-38 / 43.5-64 */
.hdcw-head b {
  font-size: 19px;              /* the 14 conversation artboards (SemiBold 19/20, 24001:801 override) */
  line-height: 20px;
  font-weight: 700;             /* Google serves no Lato 600: SemiBold renders Bold */
  letter-spacing: 0;
  white-space: pre-line;        /* the artwork's line break travels in the title */
}
/* The home artboard (01-chat, the opener list) sets the title Lato Bold
 * 20/20 (the component 24:711); every conversation artboard overrides it to
 * SemiBold 19/20. The opener list is the selector: it removes itself as soon
 * as a button is tapped. */
.hdcw-panel:has(.hdcw-op-else) .hdcw-head b { font-size: 20px; }
.hdcw-head small {
  position: absolute;
  right: 19.5px;                /* ink x210-380.5 (22002:952, box 181 wide at x210) */
  top: 53.5px;                  /* box 52-67.6 (22002:952); ink rows 55.5-67 - Chrome sets 13px Lato 1.5px higher than Figma */
  margin: 0;
  opacity: 1;
  font-size: 13px;
  font-weight: 400;
  line-height: 15.6px;
  white-space: nowrap;
}
/* Nav icons: reset 20x16 @296, expand 16x16 @334, close 15x15 @369, all at
 * y24 (ink rows 23-41); glyph boxes carry a 1px bezel. */
.hdcw-reset, .hdcw-exp, .hdcw-close {
  flex: none;
  align-self: flex-start;
  padding: 0;
  font-size: 0;
  background-repeat: no-repeat;
  background-position: center;
}
.hdcw-reset {
  width: 22px;
  height: 18px;
  margin: 23px 0 0 auto;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width=%2222%22%20height=%2218%22%20viewBox=%220%200%2022%2018%22%20fill=%22none%22%20xmlns=%22http://www.w3.org/2000/svg%22%3E%0A%3Cpath%20d=%22M13%201C17.4133%201%2021%204.58667%2021%209C21%2013.4133%2017.4133%2017%2013%2017C8.58667%2017%205%2013.4133%205%209V5.66667%22%20stroke=%22white%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22/%3E%0A%3Cpath%20d=%22M1%209L5%205L9%209%22%20stroke=%22white%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22/%3E%0A%3C/svg%3E");
  background-size: 22px 18px;
}
.hdcw-reset svg { display: none; }
.hdcw-panel:not(.hdcw-max) .hdcw-exp {
  width: 18px;
  height: 18px;
  margin: 23px 0 0 16px;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width=%2218%22%20height=%2218%22%20viewBox=%22-1%20-1%2018%2018%22%20fill=%22none%22%20xmlns=%22http://www.w3.org/2000/svg%22%3E%0A%3Cpath%20d=%22M1.2002%2012V14.7998H4V16H0V12H1.2002ZM16%2016H12V14.7998H14.7998V12H16V16ZM16%204H14.7998V1.2002H12V0H16V4ZM4%201.2002H1.2002V4H0V0H4V1.2002Z%22%20fill=%22white%22/%3E%0A%3C/svg%3E");
  background-size: 18px 18px;
}
.hdcw-panel:not(.hdcw-max) .hdcw-exp svg { display: none; }
.hdcw-max .hdcw-exp { margin: 24px 0 0 17px; font-size: 0; }
.hdcw-close {
  width: 17px;
  height: 17px;
  margin: 23px 0 0 17px;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width=%2217%22%20height=%2217%22%20viewBox=%22-1%20-1%2017%2017%22%20fill=%22none%22%20xmlns=%22http://www.w3.org/2000/svg%22%3E%0A%3Cpath%20d=%22M15%201.74427L13.2557%200L7.5%205.75573L1.74427%200L0%201.74427L5.75573%207.5L0%2013.2557L1.74427%2015L7.5%209.24427L13.2557%2015L15%2013.2557L9.24427%207.5L15%201.74427Z%22%20fill=%22white%22/%3E%0A%3C/svg%3E");
  background-size: 17px 17px;
}

/* ---------- Message column: bot bubbles at x16, user bubbles end at x382. */
.hdcw-msgs { padding: 14px 18px 14px 16px; }

/* Bubbles. Bot (37:322 / 37:325 / 16:205 / 42:720): #EDEDED, 1px #C7C7C7
 * inside stroke, r10 with the BOTTOM-LEFT corner square, Lato Regular 14
 * with 1% tracking on the 17px pitch Figma lays its auto leading (16.8) out
 * at, text 22px in and 17px under the top edge; one line 51 tall (37:325),
 * two 68 (37:322). Fixed 334px (91.3%) wide on every artboard.
 * User (37:388 / 4048:708 / 19:649): #57718A, white Regular 14, r10 with
 * the BOTTOM-RIGHT corner square, 48 tall for one line. */
.hdcw-msg {
  max-width: 96%;               /* the long user bubble 2030:495 is 352 of 366 */
  padding: 15px 22px;
  font-size: 14px;
  line-height: 17px;            /* Lato's auto leading (1.2 = 16.8), which Figma lays out 17px apart in every bubble */
  letter-spacing: .01em;
  font-weight: 400;             /* the RMG body is font-weight 500 */
}
.hdcw-bot {
  width: 91.3%;                 /* 334 of the 366px column (37:322, 1:14) */
  max-width: 91.3%;
  box-sizing: border-box;
  background: #EDEDED;
  border-color: #C7C7C7;
  border-radius: 10px 10px 10px 0;
  padding: 16px 22px 16px 21px;  /* text box 17px under the outer edge (37:323, 37:326), cap 20 under it; 68 tall for two lines, 51 for one */
}
/* The greeting (1:11): Lato 14, its headline Bold, the line after it on a
 * 24px leading (run 2), in a 95px bubble with the text box 14px under the
 * top (38,109). The headline is an inline-block with a bottom margin: that
 * grows its own line only, whatever the admin copy after it. Other bold
 * runs ("63 used vehicles" 16:206, "50 automatic cars" and the car links
 * 19:516) are SemiBold, which Lato on Google renders as Bold. A first bubble
 * followed by a car card (the vehicle page's "Interested in **this car**?"
 * line) or by the stock section heads (/search, no greeting) is not the
 * greeting and keeps the plain bubble. */
.hdcw-msgs > .hdcw-bot:first-child:not(:has(+ .hdcw-cars, + .hdcw-ghead)) { letter-spacing: 0; padding: 13px 22px 22.5px 21px; }  /* caps at 112.5 / 136.5 / 153.5 (1:11), 95 tall */
.hdcw-bot b, .hdcw-bot strong { font-weight: 700; }
.hdcw-msgs > .hdcw-bot:first-child:not(:has(+ .hdcw-cars, + .hdcw-ghead)) b,
.hdcw-msgs > .hdcw-bot:first-child:not(:has(+ .hdcw-cars, + .hdcw-ghead)) strong { display: inline-block; margin-bottom: 6.5px; font-weight: 700; }
.hdcw-bot a.hdcw-link { font-weight: 700; 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, Lato 14 on a 19px
 * leading, SemiBold underlined car links, the 284px text box 28px under the
 * top edge and 68px above the bottom one (the designer's fixed 334x419
 * rectangle around 17 lines). */
.hdcw-bot:has(a.hdcw-link) {
  background: #fff;
  border-color: #E4E6EA;
  line-height: 19px;
  padding: 27px 27px 67px 21px;   /* 419 tall around 17 lines (19:515) */
}
.hdcw-user { border-radius: 10px 10px 0 10px; font-weight: 400; padding: 16px 25px 15px 25px; }  /* text box 15px under the top (37:389 @276,295 in 252,280), cap 19, 48 tall; the artwork hand-sizes the sides 24-39 / 23-27, these are the medians */
.hdcw-typing {
  background: #EDEDED;
  border-color: #C7C7C7;
  border-radius: 10px 10px 10px 0;
  padding: 16px 22px 16px 21px;
}
/* The bubble that introduces a cards strip (42:720 on 08-help6) has its
 * text 15px under the top, not 17 (cap 18), and is 83 tall for three lines. */
.hdcw-bot:has(+ .hdcw-cars) { padding-top: 14px; padding-bottom: 16px; }
/* The stock counters bubble (16:205, the one a POPULAR head follows) is
 * drawn 63 tall with the text 14px under the top, 15px under the greeting
 * (not 10). */
.hdcw-bot:has(+ .hdcw-ghead) { padding-top: 13px; padding-bottom: 14px; }  /* caps 222 / 239 in 205-268 */
.hdcw-msgs > .hdcw-bot:not(:first-child):has(+ .hdcw-ghead) { margin-top: 5px; }  /* not at the top of a /search conversation */
/* A bot bubble straight after the greeting (the quiz intro 37:322 on 02 / 04 /
 * 05 / 06 / 07) sits 11px under it, not the column's 10 (190 -> 201). The
 * "Something else" reply (31:256) sits 15 under on its one artboard: no
 * selector tells the two apart, the quiz artboards win (section 8). */
.hdcw-msgs > .hdcw-bot:first-child:not(:has(+ .hdcw-cars, + .hdcw-ghead)) + .hdcw-bot:not(:has(+ .hdcw-ghead)) { margin-top: 1px; }
/* "Searching our stock..." (2030:573, 19:537): Lato Italic 12, #6D6D6D, x20,
 * 13px under the bubble above it and 16px over the next (09-help7). */
.hdcw-status { font-style: italic; font-size: 12px; line-height: 14.4px; margin: 3px 0 6px; }

/* ---------- Openers (lozenge 12:145): 361x72, r30, WHITE, 1px #D0D0D0
 * inside stroke, 0/4/4 25% drop shadow; #DA291C chevron 6x12; #DA291C glyph
 * at the artwork's own offsets; title Lato Bold 16 (auto, 19.2) #2F455B
 * with its box 17px under the box top; caption Regular 12 (auto, 14.4)
 * #3B3938 1.8px under the title (::after - the widget renders one label).
 * FIVE openers on 01-chat (used, NEW, quiz, alert, else): lozenge tops
 * 209 / 290 / 371 / 452 (9px apart), "Something else" (no lozenge, a 59px
 * frame) at 526. The list sits 19px under the greeting bubble (190 -> 209). */
.hdcw-opener { gap: 9px; margin: 0 5px 0 0; }  /* 361 wide: x16..377 */
/* The home list: the column's 10px gap plus the widget's 2px opener margin
 * plus 7 = 19. The context CTA keeps the widget's own spacing. */
.hdcw-opener:has(.hdcw-op-else) { margin-top: 9px; }
.hdcw-opener button { position: relative; }
.hdcw-opener button.hdcw-op-used,
.hdcw-opener button.hdcw-op-new,
.hdcw-opener button.hdcw-op-quiz,
.hdcw-opener button.hdcw-op-alert {
  box-sizing: border-box;
  border: 1px solid #D0D0D0;
  border-radius: 30px;
  color: #2F455B;
  text-align: left;
  box-shadow: 0 4px 4px rgba(0,0,0,.25);
}
/* The chevron rides in the background SHORTHAND with its own no-repeat (the
 * widget's .hdcw-else:hover is a shorthand too: a glyph painted with a
 * longhand background-image would tile on hover, CON-988). Used/New chevron
 * at x353.5 y238.5 (4020:762), quiz/alert at x352.5 (24001:928 / 24001:930),
 * else at x352.5 y553.5 (24001:932), as drawn. Offsets are border-box:
 * artwork offset - 1px bezel - a quarter px, so Chrome snaps the glyph onto
 * the artwork's half pixel (353.5 / 239) instead of a whole one either side. */
.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%23DA291C%22/%3E%0A%3C/svg%3E") no-repeat right 16.75px top 28.25px / 8px 14px border-box, #fff; }
.hdcw-opener button.hdcw-op-quiz,
.hdcw-opener button.hdcw-op-alert { background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width=%228%22%20height=%2214%22%20viewBox=%22-1%20-1%208%2014%22%20fill=%22none%22%20xmlns=%22http://www.w3.org/2000/svg%22%3E%0A%3Cpath%20d=%22M5.40984e-09%201.215L1.00917%202.18156e-07L6%206L1.00917%2012L4.23728e-07%2010.785L3.97792%206L5.40984e-09%201.215Z%22%20fill=%22%23DA291C%22/%3E%0A%3C/svg%3E") no-repeat right 17.75px top 28.25px / 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-alert {
  min-height: 72px;
  padding: 16px 44px 17.1px 68px;  /* 1 + 16 + 19.2 title + 3.3 + 14.4 caption + 17.1 + 1 = 72; title x85 (30002:639) */
  font-size: 16px;
  font-weight: 700;
  line-height: 19.2px;
  letter-spacing: 0;
}
/* The titles start where the designer dropped each text box: Used/New x85
 * (30002:639), quiz x84 (6001:1011), alert x83 (6001:1036). */
.hdcw-opener button.hdcw-op-quiz { padding-left: 67px; }
.hdcw-opener button.hdcw-op-alert { padding-left: 66px; }
/* Hover (no artboard): a shade under white. The FULL shorthand again: on a
 * page with a context CTA every opener also carries .hdcw-else, whose widget
 * :hover shorthand (0,3,0) would otherwise wipe the chevron. */
.hdcw-opener button.hdcw-op-used:hover,
.hdcw-opener button.hdcw-op-new:hover { background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width=%228%22%20height=%2214%22%20viewBox=%22-1%20-1%208%2014%22%20fill=%22none%22%20xmlns=%22http://www.w3.org/2000/svg%22%3E%0A%3Cpath%20d=%22M5.40984e-09%201.215L1.00917%202.18156e-07L6%206L1.00917%2012L4.23728e-07%2010.785L3.97792%206L5.40984e-09%201.215Z%22%20fill=%22%23DA291C%22/%3E%0A%3C/svg%3E") no-repeat right 16.75px top 28.25px / 8px 14px border-box, #F6F6F6; opacity: 1; }
.hdcw-opener button.hdcw-op-quiz:hover,
.hdcw-opener button.hdcw-op-alert:hover { background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width=%228%22%20height=%2214%22%20viewBox=%22-1%20-1%208%2014%22%20fill=%22none%22%20xmlns=%22http://www.w3.org/2000/svg%22%3E%0A%3Cpath%20d=%22M5.40984e-09%201.215L1.00917%202.18156e-07L6%206L1.00917%2012L4.23728e-07%2010.785L3.97792%206L5.40984e-09%201.215Z%22%20fill=%22%23DA291C%22/%3E%0A%3C/svg%3E") no-repeat right 17.75px top 28.25px / 8px 14px border-box, #F6F6F6; opacity: 1; }
/* Glyph boxes = the export + 1px bezel, placed from the padding box
 * (artwork ink offset - 1px border - 1px bezel). Ink boxes measured on
 * 01-chat: wheel 44,231 (21x21); hand 38.5,392.5 (28x27); bell 46,472
 * (20x21); "?" 43,544 (25x25). */
.hdcw-opener button.hdcw-op-used::before,
.hdcw-opener button.hdcw-op-new::before,
.hdcw-opener button.hdcw-op-quiz::before,
.hdcw-opener button.hdcw-op-alert::before,
.hdcw-opener button.hdcw-op-else::before {
  content: '';
  position: absolute;
  background: center / contain no-repeat;
}
.hdcw-opener button.hdcw-op-used::before,
.hdcw-opener button.hdcw-op-new::before { left: 26px; top: 20px; 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%2020C15.7467%2020%2020%2015.7467%2020%2010.5C20%205.25329%2015.7467%201%2010.5%201C5.25329%201%201%205.25329%201%2010.5C1%2015.7467%205.25329%2020%2010.5%2020ZM10.5%2020V12.6111M10.5%2012.6111C11.6659%2012.6111%2012.6111%2011.6659%2012.6111%2010.5M10.5%2012.6111C9.33409%2012.6111%208.38887%2011.6659%208.38887%2010.5M12.6111%2010.5C12.6111%209.33409%2011.6659%208.38887%2010.5%208.38887C9.33409%208.38887%208.38887%209.33409%208.38887%2010.5M12.6111%2010.5L19.7361%208.38887M8.38887%2010.5L1.26389%208.38887%22%20stroke=%22%23DA291C%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22/%3E%0A%3C/svg%3E"); }
.hdcw-opener button.hdcw-op-quiz::before { left: 20.5px; top: 19.5px; width: 30px; height: 29px; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width=%2230%22%20height=%2229%22%20viewBox=%22-1%20-1%2030%2029%22%20fill=%22none%22%20xmlns=%22http://www.w3.org/2000/svg%22%3E%0A%3Cpath%20d=%22M10.3094%2025.7268V12.467C10.3094%2011.6297%2010.642%2010.8267%2011.2341%2010.2346C11.8261%209.64255%2012.6292%209.30993%2013.4665%209.30993C14.3038%209.30993%2015.1068%209.64255%2015.6989%2010.2346C16.291%2010.8267%2016.6236%2011.6297%2016.6236%2012.467V19.4126H21.6749C23.0146%2019.4126%2024.2995%2019.9448%2025.2468%2020.8921C26.1941%2021.8395%2026.7263%2023.1243%2026.7263%2024.464V25.7268%22%20stroke=%22%23DA291C%22%20stroke-width=%222.54634%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22/%3E%0A%3Cpath%20d=%22M7.28218%2020.159C5.43804%2019.3811%203.87534%2018.0588%202.80299%2016.3688C1.73064%2014.6788%201.19976%2012.7017%201.28133%2010.7019C1.3629%208.70209%202.05303%206.77482%203.25945%205.17778C4.46586%203.58075%206.13107%202.39006%208.03243%201.76492C9.93379%201.13978%2011.9807%201.10998%2013.8994%201.67951C15.8182%202.24904%2017.5174%203.39075%2018.7697%204.95199C20.0221%206.51323%2020.7681%208.41959%2020.9078%2010.4162C21.0476%2012.4128%2020.5745%2014.4045%2019.5518%2016.125%22%20stroke=%22%23DA291C%22%20stroke-width=%222.54634%22%20stroke-linecap=%22round%22/%3E%0A%3C/svg%3E"); }
.hdcw-opener button.hdcw-op-alert::before { left: 28px; top: 18px; width: 22px; height: 23px; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width=%2222%22%20height=%2223%22%20viewBox=%22-1%20-1%2022%2023%22%20fill=%22none%22%20xmlns=%22http://www.w3.org/2000/svg%22%3E%0A%3Cpath%20d=%22M19.7302%2014.1876C18.8621%2012.7361%2018.4011%2010.6526%2018.4011%208.16667C18.4011%206.00073%2017.516%203.92351%2015.9406%202.39196C14.3651%200.860414%2012.2284%200%2010.0003%200C7.77221%200%205.63542%200.860414%204.05996%202.39196C2.48449%203.92351%201.59941%206.00073%201.59941%208.16667C1.59941%2010.6536%201.14036%2012.7361%200.272274%2014.1876C0.0951375%2014.4837%200.00124102%2014.8198%201.22178e-05%2015.1623C-0.00121659%2015.5049%200.0902655%2015.8416%200.265273%2016.1388C0.439174%2016.4363%200.69158%2016.6832%200.996434%2016.8541C1.30129%2017.025%201.64754%2017.1137%201.99945%2017.1112H18.0011C18.3525%2017.1133%2018.6981%2017.0242%2019.0024%2016.8534C19.3067%2016.6825%2019.5586%2016.4359%2019.7322%2016.1388C19.908%2015.842%2020.0004%2015.5055%2020%2015.163C19.9996%2014.8205%2019.9066%2014.4842%2019.7302%2014.1876ZM2.66552%2014.7778C3.5506%2013.0278%203.99965%2010.8053%203.99965%208.16667C3.99965%206.61957%204.63186%205.13584%205.75719%204.04188C6.88252%202.94791%208.4088%202.33333%2010.0003%202.33333C11.5917%202.33333%2013.118%202.94791%2014.2433%204.04188C15.3687%205.13584%2016.0008%206.61957%2016.0008%208.16667C16.0008%2010.8043%2016.4489%2013.0278%2017.334%2014.7778H2.66552ZM14.4007%2019.8333C14.4007%2020.1427%2014.2742%2020.4395%2014.0492%2020.6583C13.8241%2020.877%2013.5188%2021%2013.2006%2021H6.79993C6.48165%2021%206.17639%2020.877%205.95132%2020.6583C5.72625%2020.4395%205.59981%2020.1427%205.59981%2019.8333C5.59981%2019.5239%205.72625%2019.2271%205.95132%2019.0084C6.17639%2018.7896%206.48165%2018.6667%206.79993%2018.6667H13.2006C13.5188%2018.6667%2013.8241%2018.7896%2014.0492%2019.0084C14.2742%2019.2271%2014.4007%2019.5239%2014.4007%2019.8333Z%22%20fill=%22%23DA291C%22/%3E%0A%3C/svg%3E"); }
.hdcw-opener button.hdcw-op-used::after,
.hdcw-opener button.hdcw-op-new::after,
.hdcw-opener button.hdcw-op-quiz::after,
.hdcw-opener button.hdcw-op-alert::after {
  /* in flow under the title, not absolute: a title that wraps on a phone
   * pushes the caption down instead of printing over it */
  display: block;
  margin-top: 3.3px;            /* the caption box (30002:640 @85,247) sits 1.8 under the title's (226 + 19.2); Chrome sets 12px Lato 1.5px higher than Figma (caps 250.5 / 259) */
  text-align: left;
  font-size: 12px;
  font-weight: 400;
  line-height: 14.4px;
  letter-spacing: 0;
  color: #3B3938;
}
.hdcw-opener button.hdcw-op-alert::after { margin-left: 1px; }  /* "Receive a daily stock alert" at x84, 1px right of its title (6001:1037) */
/* The artwork's captions, verbatim; the stock number is live since CON-995:
 * see the [data-stock] rule below. */
.hdcw-opener button.hdcw-op-used::after { content: 'Used vehicles in stock'; }
/* CON-995: live used-stock count. The widget sets data-stock on the
 * button and this rule prints it; the caption without a number above
 * shows until it arrives, or if it cannot. Roll back: delete this rule
 * and put the artwork's caption back above: 'Over 50 used vehicles in stock'. */
.hdcw-opener button.hdcw-op-used[data-stock]::after { content: attr(data-stock) ' used vehicles in stock'; }
/* The artwork draws the New Cars opener (lozenge 40001:655) with this
 * caption. New cars are OFF for this dealer (Emanuel, CON-1052: "No new
 * cars"; CON-1020 default data-new-cars="0"), so the widget only renders it
 * if that is ever switched on. */
.hdcw-opener button.hdcw-op-new::after { content: 'Explore Alfa Romeo, Citroën & HONDA ranges'; }
.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): NO lozenge - a bare 361x59 frame 2px under
 * the alert lozenge (its hidden 32003:803 rect never renders), the alert
 * lozenge's shadow running under it as drawn. Title Lato Bold 16 #2F455B
 * @86,545 (19px under the frame top); "?" ring 25x25 @43,544 (stroke 2);
 * chevron x352.5 y553.5. */
.hdcw-opener .hdcw-else.hdcw-op-else {
  box-sizing: border-box;
  min-height: 59px;
  margin-top: -7px;
  border: 0;
  border-radius: 30px;
  padding: 19px 44px 20.8px 70px;
  color: #2F455B;
  text-align: left;
  box-shadow: none;
  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%23DA291C%22/%3E%0A%3C/svg%3E") no-repeat right 17.75px top 26.25px / 8px 14px border-box, transparent;
  font-size: 16px;
  font-weight: 700;
  line-height: 19.2px;
  letter-spacing: 0;
}
.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%23DA291C%22/%3E%0A%3C/svg%3E") no-repeat right 17.75px top 26.25px / 8px 14px border-box, #F6F6F6; opacity: 1; }
.hdcw-opener button.hdcw-op-else::before { left: 26px; top: 17px; 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%23DA291C%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%23DA291C%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 / "Browse Cars" 4028:1288):
 * 349x55 at x24, r10, flat #DA291C, white Lato SemiBold 15 (auto, 18;
 * rendered Bold), 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 (19:680; the opener column is 361) */
  border: 0;
  border-radius: 10px;
  padding: 17px 0 20px;
  background: #DA291C;
  color: #fff;
  font-size: 15px;
  font-weight: 700;
  line-height: 18px;
  letter-spacing: 0;
}
.hdcw-opener button.hdcw-op-ctx:hover { background: #B8231A; }

/* ---------- Chips (item 16:212): 31px white, r10, NO border, 0/4/4 25%
 * shadow, Lato Regular 12/13 black, centred, 5px gaps both ways. Rows
 * start 2px in from the bubble edge (x18). Selected = 1px black stroke
 * ("Adventurous" 37:328, "Automatic (155)" 19:414). */
.hdcw-chips { gap: 5px; padding: 0 2px; }
.hdcw-chip {
  background: #fff;
  color: #000000;
  border-color: transparent;
  border-radius: 10px;
  min-height: 31px;
  box-sizing: border-box;
  padding: 8px 17px 8px;        /* cap 11 under the chip top (16:209 @38,312 in 303..334); text 17px in (the artwork hand-sizes 12-37; 17 keeps its four POPULAR rows: Chrome's Lato sets "Commercials (36)" 3px wider than Figma, so 18 wraps a fifth) */
  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: #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 RMG 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): Lato Bold 11 #6D6D6D, tracking 0,
 * x24; 13px under a bubble, 16.5px under a chip row, 8px above its chips. */
.hdcw-ghead {
  font-family: var(--hdcw-font);
  font-weight: 700;
  letter-spacing: 0;
  font-size: 11px;
  line-height: 13.2px;
  margin: 3px 6px -1px 8px;
}
.hdcw-chips + .hdcw-ghead { margin-top: 8.5px; }  /* LIFESTYLE 18px, MAKES 17px under the chip rows above (16:270, 16:323) */
/* Answer chips straight under a question (the quiz, 02-help1 to 07-help5):
 * flush with the bubble at x16 and 8px under it, where the stock and model
 * rows (under a section head or a card strip) start at x18. */
.hdcw-bot + .hdcw-chips { padding-left: 0; margin-top: -2px; }
/* ... and their labels sit 19.5px in ("Adventurous" 37:328 @36 in 16..123), where
 * the POPULAR rows keep the tighter inset so their four rows hold. */
.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 Lato Regular 12 (two lines), price Bold 12/19, monthly Medium
 * 12/16 (rendered Regular), meta Regular 10/17. Flush split action bar:
 * Details (77, white, #E4E6EA rule) | I'm Interested (99, flat #DA291C,
 * white ink), both Lato Regular 12/13 ls -1%. */
.hdcw-cars { gap: 14px; padding: 2px 2px 0; }  /* model chips 9px under the cards (08-help6) */
.hdcw-ncgrid { gap: 14px; }
.hdcw-car { border-radius: 0 0 10px 10px; border-color: #E4E6EA; }
.hdcw-car img.hdcw-carimg, .hdcw-car .hdcw-noimg { height: 113px; }
.hdcw-car .hdcw-carbody { padding: 8.5px 11px 8.5px; }
.hdcw-car h4.hdcw-cartitle {
  /* name every property: Bootstrap's h4 rule would win otherwise */
  margin: 0;
  font-family: var(--hdcw-font);
  font-size: 12px;
  font-weight: 400;
  line-height: 14.4px;
  letter-spacing: .01em;
  max-height: 28.8px;
}
/* Card-local caps measured on 08-help6 (19:545 runs): title 125 / 139, price
 * 158.5, monthly 174.5, meta 191.5, action bar rule 213, bar labels 223.5. */
.hdcw-car .hdcw-price { color: #000000; font-size: 12px; font-weight: 700; line-height: 17px; margin-top: 3px; }
.hdcw-car .hdcw-mo { color: #000000; font-size: 12px; font-weight: 400; line-height: 14px; margin-top: 1.5px; }
.hdcw-car .hdcw-meta { color: #000000; font-size: 10px; line-height: 17px; margin-top: .5px; }
.hdcw-ncgrid .hdcw-carbody { padding: 8px 11px 14px; }
.hdcw-ncgrid h4.hdcw-cartitle { max-height: none; }
.hdcw-car .hdcw-actions { margin: auto 0 0; gap: 0; }
.hdcw-car .hdcw-pick {
  flex: 77 0 0;
  border: 0;
  border-top: 1px solid #E4E6EA;
  border-radius: 0 0 0 9px;
  min-height: 30px;
  padding: 8px 0;
  font-size: 12px;
  font-weight: 400;
  line-height: 13px;
  letter-spacing: -.01em;
  background: #fff;
  color: #000000;
}
.hdcw-car .hdcw-pick:not(.hdcw-pick--primary) { padding-left: 4px; }  /* "Details" sits 2px right of its box centre (19:565 @41 in 18..95) */
.hdcw-car .hdcw-pick--primary { padding-right: 4px; }  /* "I'm Interested" 2px left of its box centre (2023:442 @108 in 95..194) */
.hdcw-car .hdcw-pick:hover { background: #F4F4F4; color: #000000; }
.hdcw-car .hdcw-pick--primary {
  flex: 99 0 0;
  border-left: 1px solid #E4E6EA;
  border-radius: 0 0 9px 0;
  background: #DA291C;
  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: #B8231A; color: #fff; }

/* ---------- Footer (24:712): #E4E6EA band 400x129. Input 299x51 @21,20,
 * r10, 1px black, placeholder Lato Regular 14 ls 1% black, box at x50.
 * Send: the flat #DA291C 52px circle 8px right of it. Disclosure: Lato
 * Regular 12/15 ls 0.1px, black, centred in a 270px box at x64, 17px above
 * the panel foot. */
.hdcw-input {
  background: #E4E6EA;
  border-top: 0;
  padding: 20px 20px 10px 21px;  /* the 52px send sets the row: 20 + 52 + 10 */
  gap: 8px;
}
.hdcw-input input {
  box-sizing: border-box;
  height: 51px;
  border-radius: 10px;
  padding: 1px 18px 1px 28.5px; /* placeholder box 50..206 x 628..645 (12002:602) */
  font-size: 14px;
  line-height: 47px;
  letter-spacing: .01em;
  font-weight: 400;
}
/* font: inherit - RMG's style.css has a bare ::-webkit-input-placeholder
 * { font-size: 1rem; color: #525252 } that reaches the widget's input. */
.hdcw-input input::placeholder { color: #000000; opacity: 1; font: inherit; }
.hdcw-input input::-webkit-input-placeholder { color: #000000; opacity: 1; font: inherit; }
.hdcw-input input:focus { border-color: #DA291C; }
.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%23DA291C%22/%3E%0A%3Cpath%20d=%22M34.6749%2015.2145C34.5425%2015.1019%2034.3816%2015.0302%2034.2109%2015.0076C34.0403%2014.9851%2033.8669%2015.0127%2033.7109%2015.0873L15%2024.0882V25.8299L22.859%2029.0516L27.9%2037H29.5998L34.9704%2016.1636C35.014%2015.993%2035.0093%2015.8132%2034.957%2015.6451C34.9047%2015.4771%2034.8068%2015.3278%2034.6749%2015.2145ZM28.5503%2035.3388L24.2173%2028.5067L30.885%2021.0221L29.83%2020.035L23.1102%2027.5778L16.6304%2024.9215L33.3024%2016.9012L28.5503%2035.3388Z%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;
  font-weight: 400;
  line-height: 15px;
  letter-spacing: .1px;
  padding: 0 66px 17px 64px;    /* the 270px box at x64 (2008:473); caps 676 / 691 */
}
/* Terms & Conditions: underlined on the 14 conversation artboards, PLAIN on
 * the home artboard (01-chat, the opener list). The opener list is the
 * selector: it removes itself as soon as a button is tapped. */
.hdcw-powered a.hdcw-tc { color: #000000; text-decoration: underline; }
.hdcw-panel:has(.hdcw-op-else) .hdcw-powered a.hdcw-tc { text-decoration: none; }
.hdcw-panel:has(.hdcw-op-else) .hdcw-powered a.hdcw-tc:hover { text-decoration: underline; }
.hdcw-powered > div { display: inline; }
.hdcw-powered > div:first-child::after { content: '.   '; white-space: pre; }

@media (max-width: 480px) {
  .hdcw-powered { padding: 0 24px 17px; }
}

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