/* CON-956 chat widget branding - Mount Merrion Cars (mmc3), on the SHARED
 * template SMC3. Source of truth: the designer's Figma "Mount Merrion
 * (Ai Assistant) (Copy)" (file hKZzroGBZ19PGXseJfUwg2) and its 16 @2x
 * artboard PNGs, which outrank the node dump wherever the two disagree.
 * Tooling and QA: tickets/CON-956/qa-mmc3/; design notes:
 * tickets/CON-956/DESIGN-mmc3.md. Glyphs are SVG exports of the file's own
 * nodes.
 *
 * NOTE: template SMC3 is shared with smc3 (Stillorgan Motor Company), whose
 * artwork is blue where this one is black. Everything per-dealer lives in
 * this file; nothing of this look may move into templates/SMC3/.
 *
 * Mount Merrion black: an 81px header on the designer's near-black gradient
 * carrying the white wand mark and a one-line title with the subtitle under
 * it; #EDEDED bot bubbles with a #C7C7C7 stroke and a squared bottom-left
 * corner; BLACK user bubbles; three #F1F1F1 r20 opener pills with a 1px
 * #D8D8D8 stroke and no shadow, and "Something else" as a plain TRANSPARENT
 * row; white chips on a 0/4/4 25% shadow; an #E4E6EA footer band and card
 * borders; a #0080C5 send circle, context CTA and card "I'm Interested"
 * action. The launcher is the designer's black pill + blue square lockup.
 * Type: Figtree + REM, both loaded by the template; nothing imported.
 * The panel is 400x720 = the designer's artboard, so offsets transfer 1:1.
 *
 * Regenerate with tickets/CON-956/build-theme-mmc3.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: #0080C5;
  --hdcw-on-accent: #fff;
  --hdcw-font: 'Figtree', 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;
  --hdcw-faint: #C7C7C7;     /* typing dots (decorative) */
  --hdcw-footer: #000000;          /* disclosure 42001:542 renders #000 on #E4E6EA */
  --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;         /* fallback; the gradient is set below */
  --hdcw-head-color: #fff;
  --hdcw-user-bg: #000000;         /* 37:388 is flat black */
  --hdcw-user-color: #fff;
  --hdcw-link: #000000;
  --hdcw-btn-bg: #0080C5;
  --hdcw-btn-color: #fff;
  --hdcw-fab-gap: 0;             /* a wide pill docks on the vehicle action bar */
}

/* ---------- Launcher (26002:611): the designer's own 234x63 lockup export.
 * On the 400x653 home artboard the blue square ends 8px from the right edge
 * and 9px from the bottom; the export carries the 0/4/4 shadow's margin. */
.hdcw-fab {
  width: 234px;
  height: 63px;
  right: 4px;
  bottom: 1px;
  max-width: calc(100vw - 8px);
  border-radius: 0;
  background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width=%22234%22%20height=%2263%22%20viewBox=%220%200%20234%2063%22%20fill=%22none%22%20xmlns=%22http://www.w3.org/2000/svg%22%3E%0A%3Crect%20x=%221%22%20y=%226.5%22%20width=%22208.1%22%20height=%2242%22%20rx=%229%22%20fill=%22url(%23paint0_linear_26002_611)%22%20stroke=%22white%22%20stroke-width=%222%22/%3E%0A%3Cg%20filter=%22url(%23filter0_d_26002_611)%22%3E%0A%3Crect%20x=%22174.9%22%20width=%2255%22%20height=%2255%22%20rx=%2210%22%20fill=%22white%22/%3E%0A%3Crect%20x=%22174.9%22%20width=%2255%22%20height=%2255%22%20rx=%2210%22%20fill=%22%230080C5%22/%3E%0A%3Crect%20x=%22175.9%22%20y=%221%22%20width=%2253%22%20height=%2253%22%20rx=%229%22%20stroke=%22white%22%20stroke-width=%222%22/%3E%0A%3C/g%3E%0A%3Cpath%20d=%22M208.505%2037.345C212.96%2038.83%20217.415%2037.345%20217.415%2031.405C217.415%2028.628%20216.261%2023.9815%20214.221%2021.2357M201.08%2014.3275C204.313%2014.3275%20207.212%2015.3269%20209.638%2016.9069M189.2%2025.465C189.2%2029.92%20190.685%2040.315%20202.565%2041.8M192.913%2014.9779V17.2975M192.913%2017.2975V19.6185M192.913%2017.2975H191.056M192.913%2017.2975H194.769M217.978%2017.4772L204.812%2030.6432C203.884%2031.5713%20203.42%2032.0346%20202.863%2032.3405C202.577%2032.4979%20202.278%2032.6217%20201.965%2032.7118C201.356%2032.89%20200.7%2032.89%20199.389%2032.89C198.887%2032.89%20198.636%2032.89%20198.453%2032.7741C198.361%2032.7155%20198.284%2032.6374%20198.226%2032.5455C198.11%2032.3643%20198.11%2032.1133%20198.11%2031.6129C198.11%2030.3016%20198.11%2029.6467%20198.288%2029.0364C198.379%2028.7243%20198.503%2028.423%20198.659%2028.138C198.965%2027.5811%20199.429%2027.1178%20200.357%2026.1897L213.523%2013.0236L213.627%2012.9227C214.16%2012.4123%20214.865%2012.1189%20215.603%2012.1H215.75C215.917%2012.1%20216.001%2012.1%20216.071%2012.1029C216.809%2012.138%20217.508%2012.4469%20218.03%2012.9695C218.553%2013.4921%20218.862%2014.1907%20218.897%2014.9289C218.9%2014.9987%20218.9%2015.0833%20218.9%2015.2497V15.3952C218.883%2016.134%20218.59%2016.8398%20218.08%2017.3747L217.978%2017.4772ZM196.625%2017.2975L195.015%2016.7614C194.65%2016.6398%20194.319%2016.4349%20194.046%2016.163C193.774%2015.8911%20193.569%2015.5596%20193.447%2015.1947L192.913%2013.585L192.376%2015.1947C192.255%2015.5597%20192.05%2015.8914%20191.778%2016.1636C191.506%2016.4357%20191.175%2016.6409%20190.81%2016.7629L189.2%2017.2975L190.81%2017.8336C191.549%2018.0801%20192.13%2018.6607%20192.376%2019.4002L192.913%2021.01L193.449%2019.4002C193.57%2019.0352%20193.775%2018.7035%20194.047%2018.4314C194.319%2018.1592%20194.65%2017.954%20195.015%2017.8321L196.625%2017.2975Z%22%20stroke=%22white%22%20stroke-width=%221.5%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22/%3E%0A%3Cpath%20d=%22M25.5269%2033.1056L20.5109%2020.68H23.0629L26.7941%2030.1312H26.8469L30.4901%2020.68H32.9893L27.9557%2033.1056H25.5269Z%22%20fill=%22white%22/%3E%0A%3Cpath%20d=%22M34.4898%2033V24.0592H36.7074V33H34.4898ZM35.5986%2022.3168C35.3405%2022.3168%2035.0999%2022.2523%2034.877%2022.1232C34.6541%2021.9941%2034.4781%2021.824%2034.349%2021.6128C34.2199%2021.4016%2034.1554%2021.1669%2034.1554%2020.9088C34.1554%2020.6624%2034.2199%2020.4336%2034.349%2020.2224C34.4781%2020.0112%2034.6541%2019.8469%2034.877%2019.7296C35.0999%2019.6005%2035.3405%2019.536%2035.5986%2019.536C35.8685%2019.536%2036.109%2019.6005%2036.3202%2019.7296C36.5431%2019.8469%2036.7191%2020.0112%2036.8482%2020.2224C36.9773%2020.4336%2037.0418%2020.6624%2037.0418%2020.9088C37.0418%2021.1669%2036.9773%2021.4016%2036.8482%2021.6128C36.7191%2021.824%2036.5431%2021.9941%2036.3202%2022.1232C36.109%2022.2523%2035.8685%2022.3168%2035.5986%2022.3168Z%22%20fill=%22white%22/%3E%0A%3Cpath%20d=%22M39.1648%2033V24.0592H40.784L41.0128%2025.1504L41.6816%2024.6752C42.0219%2024.4405%2042.3856%2024.2587%2042.7728%2024.1296C43.16%2023.9888%2043.5296%2023.9184%2043.8816%2023.9184C44.0107%2023.9184%2044.1397%2023.9419%2044.2688%2023.9888C44.4096%2024.024%2044.5445%2024.0885%2044.6736%2024.1824V25.9424C44.3099%2025.9541%2043.9579%2025.9893%2043.6176%2026.048C43.2891%2026.1067%2042.9136%2026.2181%2042.4912%2026.3824L41.3824%2026.7872V33H39.1648Z%22%20fill=%22white%22/%3E%0A%3Cpath%20d=%22M49.87%2033.1408C48.99%2033.1408%2048.3212%2032.9472%2047.8636%2032.56C47.406%2032.1728%2047.1772%2031.5451%2047.1772%2030.6768V25.9952H45.2588V24.4464L47.1772%2024.0592V21.9824L49.3948%2021.3136V24.0592H52.1756V25.9952H49.3948V29.9728C49.3948%2030.3952%2049.4652%2030.712%2049.606%2030.9232C49.7585%2031.1344%2050.1047%2031.24%2050.6444%2031.24C50.7969%2031.24%2050.9553%2031.2341%2051.1196%2031.2224C51.2839%2031.2107%2051.4599%2031.1931%2051.6476%2031.1696L52.1052%2031.1168L52.3516%2032.7184L51.9468%2032.824C51.6183%2032.9061%2051.2663%2032.9765%2050.8908%2033.0352C50.5271%2033.1056%2050.1868%2033.1408%2049.87%2033.1408Z%22%20fill=%22white%22/%3E%0A%3Cpath%20d=%22M56.7616%2033.1408C55.7643%2033.1408%2055.0251%2032.8651%2054.544%2032.3136C54.0747%2031.7504%2053.84%2031.0112%2053.84%2030.096V24.0592H56.0576V29.5504C56.0576%2030.1019%2056.1867%2030.5067%2056.4448%2030.7648C56.703%2031.0112%2057.0843%2031.1344%2057.5888%2031.1344C57.8118%2031.1344%2058.023%2031.1051%2058.2224%2031.0464C58.4336%2030.976%2058.6448%2030.8939%2058.856%2030.8L59.4896%2030.5008V24.0592H61.7072V33H60.0176L59.7712%2031.5392L60.2288%2031.8912L59.2608%2032.4192C58.8267%2032.6539%2058.3984%2032.8357%2057.976%2032.9648C57.5654%2033.0821%2057.1606%2033.1408%2056.7616%2033.1408Z%22%20fill=%22white%22/%3E%0A%3Cpath%20d=%22M66.3902%2033.1408C65.9091%2033.1408%2065.4515%2033.0528%2065.0174%2032.8768C64.5833%2032.6891%2064.2313%2032.4075%2063.9614%2032.032C63.6915%2031.6565%2063.5566%2031.1872%2063.5566%2030.624C63.5566%2029.8731%2063.7971%2029.2805%2064.2782%2028.8464C64.7593%2028.4005%2065.4398%2028.0896%2066.3198%2027.9136L69.0126%2027.3504V27.3152C69.0126%2026.7989%2068.8542%2026.4235%2068.5374%2026.1888C68.2206%2025.9541%2067.7337%2025.8368%2067.0766%2025.8368C66.7011%2025.8368%2066.3139%2025.8603%2065.915%2025.9072C65.5278%2025.9541%2065.1641%2026.0128%2064.8238%2026.0832L64.419%2026.1712L64.0494%2024.7104L64.4894%2024.552C65.0761%2024.3408%2065.6217%2024.1824%2066.1262%2024.0768C66.6425%2023.9712%2067.1529%2023.9184%2067.6574%2023.9184C68.7134%2023.9184%2069.5699%2024.2%2070.227%2024.7632C70.8841%2025.3264%2071.2126%2026.1771%2071.2126%2027.3152V30.5888C71.2126%2030.9525%2071.2948%2031.1989%2071.459%2031.328C71.635%2031.4453%2071.9929%2031.5275%2072.5326%2031.5744L72.4094%2033.0352C72.2569%2033.0704%2072.1102%2033.0939%2071.9694%2033.1056C71.8286%2033.1291%2071.7054%2033.1408%2071.5998%2033.1408C70.9897%2033.1408%2070.5028%2033.0059%2070.139%2032.736C69.787%2032.4544%2069.523%2032.1141%2069.347%2031.7152L68.9422%2032.0848C68.555%2032.4368%2068.1326%2032.7008%2067.675%2032.8768C67.2291%2033.0528%2066.8009%2033.1408%2066.3902%2033.1408ZM67.059%2031.2928C67.2937%2031.2928%2067.546%2031.2459%2067.8158%2031.152C68.0857%2031.0581%2068.3555%2030.9173%2068.6254%2030.7296L69.0126%2030.4656V28.6528L66.6366%2029.3216C66.2963%2029.4155%2066.0558%2029.5504%2065.915%2029.7264C65.7742%2029.9024%2065.7038%2030.1077%2065.7038%2030.3424C65.7038%2030.6475%2065.8211%2030.8821%2066.0558%2031.0464C66.2905%2031.2107%2066.6249%2031.2928%2067.059%2031.2928Z%22%20fill=%22white%22/%3E%0A%3Cpath%20d=%22M76.4167%2033.1408C75.5015%2033.1408%2074.8445%2032.9296%2074.4455%2032.5072C74.0466%2032.0848%2073.8471%2031.5333%2073.8471%2030.8528V20.0112L76.0647%2019.448V30.36C76.0647%2030.6299%2076.141%2030.8411%2076.2935%2030.9936C76.4578%2031.1344%2076.7276%2031.2048%2077.1031%2031.2048C77.197%2031.2048%2077.3026%2031.2048%2077.4199%2031.2048C77.5373%2031.1931%2077.6546%2031.1813%2077.7719%2031.1696L77.7191%2032.8768C77.5079%2032.9589%2077.285%2033.0235%2077.0503%2033.0704C76.8274%2033.1173%2076.6162%2033.1408%2076.4167%2033.1408Z%22%20fill=%22white%22/%3E%0A%3Cpath%20d=%22M83.2088%2033L87.996%2020.68H90.6712L95.4936%2033H92.9592L89.3512%2023.144H89.2984L85.6024%2033H83.2088ZM86.1832%2030.5536V28.5296H92.4488V30.5536H86.1832Z%22%20fill=%22white%22/%3E%0A%3Cpath%20d=%22M99.5769%2033.1408C99.1193%2033.1408%2098.65%2033.0939%2098.1689%2033C97.6996%2032.9061%2097.2244%2032.7771%2096.7433%2032.6128L96.1625%2032.4192L96.5321%2030.8352L97.0249%2030.9232C97.4356%2030.9936%2097.8404%2031.0464%2098.2393%2031.0816C98.6383%2031.1168%2099.0255%2031.1344%2099.4009%2031.1344C99.882%2031.1344%20100.24%2031.0816%20100.475%2030.976C100.721%2030.8587%20100.844%2030.6768%20100.844%2030.4304C100.844%2030.2779%20100.809%2030.1488%20100.739%2030.0432C100.68%2029.9376%20100.539%2029.832%20100.316%2029.7264C100.105%2029.6208%2099.7588%2029.5035%2099.2777%2029.3744C98.5033%2029.1632%2097.8932%2028.9403%2097.4473%2028.7056C97.0132%2028.4592%2096.7023%2028.1659%2096.5145%2027.8256C96.3385%2027.4853%2096.2505%2027.0629%2096.2505%2026.5584C96.2623%2025.9483%2096.4207%2025.4496%2096.7257%2025.0624C97.0308%2024.6752%2097.4473%2024.3877%2097.9753%2024.2C98.5033%2024.0123%2099.1017%2023.9184%2099.7705%2023.9184C100.216%2023.9184%20100.674%2023.9595%20101.143%2024.0416C101.613%2024.112%20102.053%2024.2117%20102.463%2024.3408L102.815%2024.464L102.516%2026.0304L102.217%2025.9952C101.795%2025.9365%20101.419%2025.9013%20101.091%2025.8896C100.774%2025.8661%20100.486%2025.8544%20100.228%2025.8544C99.6532%2025.8544%2099.2015%2025.9072%2098.8729%2026.0128C98.5561%2026.1067%2098.3977%2026.2592%2098.3977%2026.4704C98.3977%2026.6229%2098.4388%2026.7461%2098.5209%2026.84C98.6148%2026.9221%2098.8025%2027.0101%2099.0841%2027.104C99.3657%2027.1979%2099.794%2027.3211%20100.369%2027.4736C101.096%2027.6613%20101.654%2027.8725%20102.041%2028.1072C102.44%2028.3419%20102.716%2028.6235%20102.868%2028.952C103.021%2029.2805%20103.097%2029.6795%20103.097%2030.1488C103.097%2030.8528%20102.933%2031.4277%20102.604%2031.8736C102.287%2032.3077%20101.859%2032.6304%20101.319%2032.8416C100.791%2033.0411%20100.211%2033.1408%2099.5769%2033.1408Z%22%20fill=%22white%22/%3E%0A%3Cpath%20d=%22M107.689%2033.1408C107.232%2033.1408%20106.763%2033.0939%20106.281%2033C105.812%2032.9061%20105.337%2032.7771%20104.856%2032.6128L104.275%2032.4192L104.645%2030.8352L105.137%2030.9232C105.548%2030.9936%20105.953%2031.0464%20106.352%2031.0816C106.751%2031.1168%20107.138%2031.1344%20107.513%2031.1344C107.995%2031.1344%20108.352%2031.0816%20108.587%2030.976C108.833%2030.8587%20108.957%2030.6768%20108.957%2030.4304C108.957%2030.2779%20108.921%2030.1488%20108.851%2030.0432C108.792%2029.9376%20108.652%2029.832%20108.429%2029.7264C108.217%2029.6208%20107.871%2029.5035%20107.39%2029.3744C106.616%2029.1632%20106.006%2028.9403%20105.56%2028.7056C105.126%2028.4592%20104.815%2028.1659%20104.627%2027.8256C104.451%2027.4853%20104.363%2027.0629%20104.363%2026.5584C104.375%2025.9483%20104.533%2025.4496%20104.838%2025.0624C105.143%2024.6752%20105.56%2024.3877%20106.088%2024.2C106.616%2024.0123%20107.214%2023.9184%20107.883%2023.9184C108.329%2023.9184%20108.787%2023.9595%20109.256%2024.0416C109.725%2024.112%20110.165%2024.2117%20110.576%2024.3408L110.928%2024.464L110.629%2026.0304L110.329%2025.9952C109.907%2025.9365%20109.532%2025.9013%20109.203%2025.8896C108.886%2025.8661%20108.599%2025.8544%20108.341%2025.8544C107.766%2025.8544%20107.314%2025.9072%20106.985%2026.0128C106.669%2026.1067%20106.51%2026.2592%20106.51%2026.4704C106.51%2026.6229%20106.551%2026.7461%20106.633%2026.84C106.727%2026.9221%20106.915%2027.0101%20107.197%2027.104C107.478%2027.1979%20107.907%2027.3211%20108.481%2027.4736C109.209%2027.6613%20109.766%2027.8725%20110.153%2028.1072C110.552%2028.3419%20110.828%2028.6235%20110.981%2028.952C111.133%2029.2805%20111.209%2029.6795%20111.209%2030.1488C111.209%2030.8528%20111.045%2031.4277%20110.717%2031.8736C110.4%2032.3077%20109.972%2032.6304%20109.432%2032.8416C108.904%2033.0411%20108.323%2033.1408%20107.689%2033.1408Z%22%20fill=%22white%22/%3E%0A%3Cpath%20d=%22M113.123%2033V24.0592H115.34V33H113.123ZM114.231%2022.3168C113.973%2022.3168%20113.733%2022.2523%20113.51%2022.1232C113.287%2021.9941%20113.111%2021.824%20112.982%2021.6128C112.853%2021.4016%20112.788%2021.1669%20112.788%2020.9088C112.788%2020.6624%20112.853%2020.4336%20112.982%2020.2224C113.111%2020.0112%20113.287%2019.8469%20113.51%2019.7296C113.733%2019.6005%20113.973%2019.536%20114.231%2019.536C114.501%2019.536%20114.742%2019.6005%20114.953%2019.7296C115.176%2019.8469%20115.352%2020.0112%20115.481%2020.2224C115.61%2020.4336%20115.675%2020.6624%20115.675%2020.9088C115.675%2021.1669%20115.61%2021.4016%20115.481%2021.6128C115.352%2021.824%20115.176%2021.9941%20114.953%2022.1232C114.742%2022.2523%20114.501%2022.3168%20114.231%2022.3168Z%22%20fill=%22white%22/%3E%0A%3Cpath%20d=%22M120.649%2033.1408C120.191%2033.1408%20119.722%2033.0939%20119.241%2033C118.771%2032.9061%20118.296%2032.7771%20117.815%2032.6128L117.234%2032.4192L117.604%2030.8352L118.097%2030.9232C118.507%2030.9936%20118.912%2031.0464%20119.311%2031.0816C119.71%2031.1168%20120.097%2031.1344%20120.473%2031.1344C120.954%2031.1344%20121.312%2031.0816%20121.546%2030.976C121.793%2030.8587%20121.916%2030.6768%20121.916%2030.4304C121.916%2030.2779%20121.881%2030.1488%20121.81%2030.0432C121.752%2029.9376%20121.611%2029.832%20121.388%2029.7264C121.177%2029.6208%20120.831%2029.5035%20120.35%2029.3744C119.575%2029.1632%20118.965%2028.9403%20118.519%2028.7056C118.085%2028.4592%20117.774%2028.1659%20117.586%2027.8256C117.41%2027.4853%20117.322%2027.0629%20117.322%2026.5584C117.334%2025.9483%20117.493%2025.4496%20117.798%2025.0624C118.103%2024.6752%20118.519%2024.3877%20119.047%2024.2C119.575%2024.0123%20120.174%2023.9184%20120.842%2023.9184C121.288%2023.9184%20121.746%2023.9595%20122.215%2024.0416C122.685%2024.112%20123.125%2024.2117%20123.535%2024.3408L123.887%2024.464L123.588%2026.0304L123.289%2025.9952C122.866%2025.9365%20122.491%2025.9013%20122.162%2025.8896C121.846%2025.8661%20121.558%2025.8544%20121.3%2025.8544C120.725%2025.8544%20120.273%2025.9072%20119.945%2026.0128C119.628%2026.1067%20119.47%2026.2592%20119.47%2026.4704C119.47%2026.6229%20119.511%2026.7461%20119.593%2026.84C119.687%2026.9221%20119.874%2027.0101%20120.156%2027.104C120.438%2027.1979%20120.866%2027.3211%20121.441%2027.4736C122.168%2027.6613%20122.726%2027.8725%20123.113%2028.1072C123.512%2028.3419%20123.787%2028.6235%20123.94%2028.952C124.093%2029.2805%20124.169%2029.6795%20124.169%2030.1488C124.169%2030.8528%20124.005%2031.4277%20123.676%2031.8736C123.359%2032.3077%20122.931%2032.6304%20122.391%2032.8416C121.863%2033.0411%20121.282%2033.1408%20120.649%2033.1408Z%22%20fill=%22white%22/%3E%0A%3Cpath%20d=%22M129.637%2033.1408C128.757%2033.1408%20128.088%2032.9472%20127.631%2032.56C127.173%2032.1728%20126.944%2031.5451%20126.944%2030.6768V25.9952H125.026V24.4464L126.944%2024.0592V21.9824L129.162%2021.3136V24.0592H131.943V25.9952H129.162V29.9728C129.162%2030.3952%20129.232%2030.712%20129.373%2030.9232C129.526%2031.1344%20129.872%2031.24%20130.412%2031.24C130.564%2031.24%20130.723%2031.2341%20130.887%2031.2224C131.051%2031.2107%20131.227%2031.1931%20131.415%2031.1696L131.872%2031.1168L132.119%2032.7184L131.714%2032.824C131.385%2032.9061%20131.033%2032.9765%20130.658%2033.0352C130.294%2033.1056%20129.954%2033.1408%20129.637%2033.1408Z%22%20fill=%22white%22/%3E%0A%3Cpath%20d=%22M135.776%2033.1408C135.295%2033.1408%20134.837%2033.0528%20134.403%2032.8768C133.969%2032.6891%20133.617%2032.4075%20133.347%2032.032C133.077%2031.6565%20132.943%2031.1872%20132.943%2030.624C132.943%2029.8731%20133.183%2029.2805%20133.664%2028.8464C134.145%2028.4005%20134.826%2028.0896%20135.706%2027.9136L138.399%2027.3504V27.3152C138.399%2026.7989%20138.24%2026.4235%20137.923%2026.1888C137.607%2025.9541%20137.12%2025.8368%20136.463%2025.8368C136.087%2025.8368%20135.7%2025.8603%20135.301%2025.9072C134.914%2025.9541%20134.55%2026.0128%20134.21%2026.0832L133.805%2026.1712L133.435%2024.7104L133.875%2024.552C134.462%2024.3408%20135.008%2024.1824%20135.512%2024.0768C136.028%2023.9712%20136.539%2023.9184%20137.043%2023.9184C138.099%2023.9184%20138.956%2024.2%20139.613%2024.7632C140.27%2025.3264%20140.599%2026.1771%20140.599%2027.3152V30.5888C140.599%2030.9525%20140.681%2031.1989%20140.845%2031.328C141.021%2031.4453%20141.379%2031.5275%20141.919%2031.5744L141.795%2033.0352C141.643%2033.0704%20141.496%2033.0939%20141.355%2033.1056C141.215%2033.1291%20141.091%2033.1408%20140.986%2033.1408C140.376%2033.1408%20139.889%2033.0059%20139.525%2032.736C139.173%2032.4544%20138.909%2032.1141%20138.733%2031.7152L138.328%2032.0848C137.941%2032.4368%20137.519%2032.7008%20137.061%2032.8768C136.615%2033.0528%20136.187%2033.1408%20135.776%2033.1408ZM136.445%2031.2928C136.68%2031.2928%20136.932%2031.2459%20137.202%2031.152C137.472%2031.0581%20137.741%2030.9173%20138.011%2030.7296L138.399%2030.4656V28.6528L136.023%2029.3216C135.682%2029.4155%20135.442%2029.5504%20135.301%2029.7264C135.16%2029.9024%20135.09%2030.1077%20135.09%2030.3424C135.09%2030.6475%20135.207%2030.8821%20135.442%2031.0464C135.676%2031.2107%20136.011%2031.2928%20136.445%2031.2928Z%22%20fill=%22white%22/%3E%0A%3Cpath%20d=%22M143.321%2033V24.0592H145.011L145.169%2024.9744L145.75%2024.6576C146.184%2024.4229%20146.618%2024.2411%20147.052%2024.112C147.486%2023.9829%20147.915%2023.9184%20148.337%2023.9184C149.053%2023.9184%20149.634%2024.0533%20150.079%2024.3232C150.525%2024.5931%20150.854%2024.9568%20151.065%2025.4144C151.288%2025.872%20151.399%2026.3883%20151.399%2026.9632V33H149.182V27.5088C149.182%2026.9925%20149.053%2026.5995%20148.795%2026.3296C148.537%2026.0597%20148.114%2025.9248%20147.527%2025.9248C147.281%2025.9248%20147.041%2025.96%20146.806%2026.0304C146.583%2026.0891%20146.348%2026.1771%20146.102%2026.2944L145.539%2026.5408V33H143.321Z%22%20fill=%22white%22/%3E%0A%3Cpath%20d=%22M157.292%2033.1408C156.412%2033.1408%20155.743%2032.9472%20155.285%2032.56C154.828%2032.1728%20154.599%2031.5451%20154.599%2030.6768V25.9952H152.681V24.4464L154.599%2024.0592V21.9824L156.817%2021.3136V24.0592H159.597V25.9952H156.817V29.9728C156.817%2030.3952%20156.887%2030.712%20157.028%2030.9232C157.18%2031.1344%20157.527%2031.24%20158.066%2031.24C158.219%2031.24%20158.377%2031.2341%20158.541%2031.2224C158.706%2031.2107%20158.882%2031.1931%20159.069%2031.1696L159.527%2031.1168L159.773%2032.7184L159.369%2032.824C159.04%2032.9061%20158.688%2032.9765%20158.313%2033.0352C157.949%2033.1056%20157.609%2033.1408%20157.292%2033.1408Z%22%20fill=%22white%22/%3E%0A%3Cdefs%3E%0A%3Cfilter%20id=%22filter0_d_26002_611%22%20x=%22170.9%22%20y=%220%22%20width=%2263%22%20height=%2263%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%3ClinearGradient%20id=%22paint0_linear_26002_611%22%20x1=%2259.1661%22%20y1=%2238.5%22%20x2=%22154.504%22%20y2=%2265.9713%22%20gradientUnits=%22userSpaceOnUse%22%3E%0A%3Cstop/%3E%0A%3Cstop%20offset=%220.471154%22%20stop-color=%22%23242323%22/%3E%0A%3Cstop%20offset=%220.802885%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; }
.hdcw-fab.hdcw-shift { max-width: calc(100vw - 104px); }

/* ---------- Header (24:711): an 81px band on the near-black gradient, r15 on
 * top. Mark 27x27 @24,25; title REM SemiBold 18/18 at x70 y26, ONE line;
 * subtitle Figtree Regular 13 at x71 y48, UNDER the title (smc3's artwork
 * puts it on the far right instead). Nav icons at x288 / x326 / x361, tops
 * y28. */
.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 23px 0 23px;
  gap: 0;
  background: linear-gradient(103deg, #000000 30.3%, #242323 52.1%, #000000 67.4%);
}
.hdcw-head::before {
  content: '';
  flex: 0 0 29px;
  height: 29px;
  margin: 24px 18px 0 0;         /* title at x70 */
  background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width=%2229%22%20height=%2229%22%20viewBox=%220%200%2029%2029%22%20fill=%22none%22%20xmlns=%22http://www.w3.org/2000/svg%22%3E%0A%3Cpath%20d=%22M18.621%2024.1157C22.7421%2025.4894%2026.8631%2024.1157%2026.8631%2018.621C26.8631%2016.0522%2025.7958%2011.754%2023.9083%209.21404M11.7526%202.82368C14.7431%202.82368%2017.4245%203.74817%2019.6691%205.20976M0.763156%2013.1263C0.763156%2017.2473%202.13684%2026.8631%2013.1263%2028.2368M4.19736%203.42535V5.57104M4.19736%205.57104V7.7181M4.19736%205.57104H2.48026M4.19736%205.57104H5.91446M27.3837%205.73726L15.2047%2017.9163C14.3461%2018.7749%2013.9175%2019.2035%2013.4024%2019.4864C13.1377%2019.632%2012.8607%2019.7465%2012.5713%2019.8299C12.0081%2019.9947%2011.4009%2019.9947%2010.188%2019.9947C9.72368%2019.9947%209.49153%2019.9947%209.32256%2019.8875C9.23786%2019.8333%209.16611%2019.7611%209.11239%2019.676C9.00524%2019.5084%209.00524%2019.2763%209.00524%2018.8133C9.00524%2017.6004%209.00524%2016.9946%209.17009%2016.43C9.2539%2016.1413%209.36906%2015.8626%209.51351%2015.5989C9.79648%2015.0838%2010.2251%2014.6552%2011.0836%2013.7966L23.2627%201.61759L23.3588%201.52418C23.8525%201.05202%2024.5043%200.780707%2025.1872%200.763156H25.3232C25.4771%200.763156%2025.5554%200.763156%2025.6199%200.765904C26.3028%200.798292%2026.949%201.0841%2027.4324%201.5675C27.9158%202.0509%2028.2016%202.69716%2028.234%203.38002C28.2368%203.44458%2028.2368%203.52288%2028.2368%203.67673V3.81135C28.2207%204.49481%2027.9503%205.1477%2027.4785%205.64247L27.3837%205.73726ZM7.63156%205.57104L6.14249%205.07514C5.80486%204.96265%205.49802%204.77315%205.24626%204.52162C4.99449%204.27009%204.8047%203.96344%204.69188%203.62591L4.19736%202.13684L3.70146%203.62591C3.58897%203.96354%203.39947%204.27038%203.14794%204.52214C2.89641%204.77391%202.58976%204.9637%202.25223%205.07652L0.763156%205.57104L2.25223%206.06694C2.93632%206.29497%203.47343%206.83208%203.70146%207.51617L4.19736%209.00524L4.69326%207.51617C4.80575%207.17854%204.99525%206.8717%205.24678%206.61994C5.49831%206.36817%205.80496%206.17838%206.14249%206.06557L7.63156%205.57104Z%22%20stroke=%22white%22%20stroke-width=%221.52631%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22/%3E%0A%3Cpath%20d=%22M4.19736%203.42533V5.57102M4.19736%205.57102V7.71808M4.19736%205.57102H2.48026M4.19736%205.57102H5.91446M7.63156%205.57102L6.14249%205.07512C5.80486%204.96262%205.49802%204.77312%205.24626%204.52159C4.99449%204.27007%204.8047%203.96341%204.69188%203.62588L4.19736%202.13681L3.70146%203.62588C3.58897%203.96352%203.39947%204.27035%203.14794%204.52212C2.89641%204.77389%202.58976%204.96368%202.25223%205.07649L0.763156%205.57102L2.25223%206.06692C2.93632%206.29495%203.47343%206.83206%203.70146%207.51615L4.19736%209.00522L4.69326%207.51615C4.80575%207.17851%204.99525%206.87168%205.24678%206.61991C5.49831%206.36815%205.80496%206.17835%206.14249%206.06554L7.63156%205.57102Z%22%20stroke=%22%230080C5%22%20stroke-width=%221.52631%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22/%3E%0A%3C/svg%3E") center / contain no-repeat;
}
.hdcw-head > div { margin-top: 26px; min-width: 0; padding-right: 10px; }
.hdcw-head b {
  font-family: 'REM', var(--hdcw-font);
  font-size: 18px;
  line-height: 18px;
  font-weight: 600;
  white-space: pre-line;
  overflow: hidden;
  text-overflow: ellipsis;
}
.hdcw-head small {
  display: block;
  margin-top: 5.5px;             /* subtitle cap line at y48 (22002:952) */
  padding-left: 1.5px;           /* the subtitle starts at x71, the title at x70 */
  opacity: 1;
  font-size: 13px;
  font-weight: 400;
  line-height: 16px;
  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: 27px 0 0 auto;         /* reset ink at x288 (4028:981) */
  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: 27px 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: 28px 0 0 17px; font-size: 0; }
.hdcw-close {
  width: 17px;
  height: 17px;
  margin: 27px 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: bubbles at x16, 334 wide; the opener pills run
 * x16..382 and the user bubbles end at x382, so the right padding is 18. */
.hdcw-msgs { padding: 14px 18px 14px 16px; }

/* Bubbles. Bot (1:14 / 37:349 / 37:351 / 16:205): #EDEDED, 1px #C7C7C7 inside
 * stroke, r10 with the BOTTOM-LEFT corner square, Figtree Regular 14/17 with
 * 1% tracking, text 22px in.
 * User (37:388): flat BLACK, white Figtree Regular 15/18 at 24px in, 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;
  letter-spacing: .01em;
}
.hdcw-bot {
  width: 91%;                    /* 334 of 366 */
  max-width: 91%;
  box-sizing: border-box;
  background: #EDEDED;
  border-color: #C7C7C7;
  border-radius: 10px 10px 10px 0;
  padding: 17px 22px 17px 21px;
  color: #000000;
}
/* The greeting (1:11) is Figtree 14 in a 95px bubble, its first line Bold.
 * The headline is an inline-block so a longer admin greeting grows the bubble
 * instead of the line. */
.hdcw-msgs > .hdcw-bot:first-child {
  font-size: 14px;
  line-height: 18px;
  letter-spacing: 0;
  padding: 13px 22px 19.5px 21px;
}
.hdcw-bot b, .hdcw-bot strong { font-weight: 700; }
/* The headline's line is 24.5px deep (cap lines at y112 / y136.5), the two
 * after it 18px (y136.5 / y154.5): an inline-block with a 6.5px bottom margin
 * grows its own line only, whatever the admin greeting says. */
.hdcw-msgs > .hdcw-bot:first-child b,
.hdcw-msgs > .hdcw-bot:first-child strong { display: inline-block; margin-bottom: 6px; font-weight: 700; }
.hdcw-bot a.hdcw-link { font-weight: 700; color: #000000; }
/* The reply that lists cars (19:515 on 03-browse-auto) is drawn as its own
 * bubble: WHITE with a 1px #E4E6EA stroke, 14 on a 19px leading. */
.hdcw-bot:has(a.hdcw-link) {
  background: #fff;
  border-color: #E4E6EA;
  color: #000000;
  line-height: 19px;
  padding: 27px 27px 27px 21px;
}
.hdcw-user {
  border-radius: 10px 10px 0 10px;
  font-weight: 400;
  font-size: 15px;                 /* the node says 14, the artboard PNG draws 15 - the PNG wins */
  line-height: 18px;
  letter-spacing: 0;
  padding: 15px 20.5px 15px 24px;  /* text @276.5 in a 130x48 box at x252 (37:388) */
  margin: 0.5px 0 -3px;            /* 11px under the bubble it answers, 9px above the next */
}
.hdcw-typing {
  background: #EDEDED;
  border-color: #C7C7C7;
  border-radius: 10px 10px 10px 0;
  padding: 17px 22px 17px 21px;
}
/* "Searching our stock..." (2030:573, 19:537): Figtree Regular 12 #6D6D6D at
 * x20 - upright on this artwork, italic on smc3's. */
.hdcw-status { font-size: 12px; line-height: 14px; margin: 2px 0 5px 4px; }


/* ---------- Openers (lozenge 40003:631 / 6001:1006 / 6001:1031 / 2023:430):
 * three 366x75 r20 pills spanning the full column (x16..382, tops y212 / y297
 * / y382), #F1F1F1 with a 1px #D8D8D8 stroke and NO shadow; "Something else"
 * (y455) is the same row with NO background and NO stroke at all. Titles REM
 * Medium 16/20 at x96, captions Figtree Regular 12/14 under them, the 6x12
 * chevron 23.5px from the right edge. */
.hdcw-opener { gap: 10px; margin: 0; }   /* 366 wide: x16..382 */
/* The pill stack opens 22px under the greeting bubble (y190 -> y212 on
 * 01-home). */
.hdcw-opener:has(.hdcw-op-else) { margin-top: 13px; }
.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 #D8D8D8;
  border-radius: 20px;
  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 22.5px top 32px / 8px 14px border-box,
    #F1F1F1;
  color: #000000;
  text-align: left;
  box-shadow: none;
  min-height: 75px;
  padding: 18px 40px 18px 79px;  /* 1 + 18 + 20 title + 2 + 14 caption + 18 + 1 = 74 */
  font-family: 'REM', var(--hdcw-font);
  font-size: 16px;
  font-weight: 500;
  line-height: 20px;
}
/* The artwork's rows are y212 / y297 / y382 (a 10px gap), and "Something
 * else" sits at y455 - 2px INSIDE the third pill's box, not under it. */
.hdcw-opener button.hdcw-op-alert { margin-top: -1.5px; }
.hdcw-opener .hdcw-else.hdcw-op-else { margin-top: -7.5px; }
.hdcw-opener button.hdcw-op-used:hover,
.hdcw-opener button.hdcw-op-new:hover,
.hdcw-opener button.hdcw-op-quiz:hover,
.hdcw-opener button.hdcw-op-alert:hover { background-color: #E8E8E8; opacity: 1; }
/* Glyph boxes = the export + its 1px bezel, placed from the padding box
 * (artwork offset - the 1px border - 1px bezel). */
.hdcw-opener button.hdcw-op-used::before,
.hdcw-opener button.hdcw-op-new::before,
.hdcw-opener button.hdcw-op-quiz::before,
.hdcw-opener button.hdcw-op-alert::before,
.hdcw-opener button.hdcw-op-else::before {
  content: '';
  position: absolute;
  background: center / contain no-repeat;
}
.hdcw-opener button.hdcw-op-used::before,
.hdcw-opener button.hdcw-op-new::before { left: 24px; top: 21px; width: 26px; height: 22px; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width=%2226%22%20height=%2222%22%20viewBox=%22-1%20-1%2026%2022%22%20fill=%22none%22%20xmlns=%22http://www.w3.org/2000/svg%22%3E%0A%3Cpath%20d=%22M5.88889%209.4C5.88889%209.4%208.33333%2010.6%2012%2010.6C15.6667%2010.6%2018.1111%209.4%2018.1111%209.4M7.11111%2016.6V17.8C7.11111%2018.1183%206.98234%2018.4235%206.75313%2018.6485C6.52392%2018.8736%206.21304%2019%205.88889%2019H3.58867C3.36175%2018.9999%203.13934%2018.9377%202.94636%2018.8205C2.75337%2018.7033%202.59743%2018.5357%202.496%2018.3364L1.12956%2015.6532C1.04456%2015.4867%201.0002%2015.303%201%2015.1168V9.7192C0.999907%209.50999%201.05552%209.30439%201.16133%209.1228L5.53689%201.6048C5.64374%201.42114%205.79815%201.26846%205.98445%201.16225C6.17076%201.05604%206.38234%201.00007%206.59778%201H17.4022C17.6177%201.00007%2017.8292%201.05604%2018.0155%201.16225C18.2019%201.26846%2018.3563%201.42114%2018.4631%201.6048L22.8387%209.1228C22.9445%209.30439%2023.0001%209.50999%2023%209.7192V15.1168C22.9998%2015.303%2022.9554%2015.4867%2022.8704%2015.6532L21.504%2018.3364C21.4026%2018.5357%2021.2466%2018.7033%2021.0536%2018.8205C20.8607%2018.9377%2020.6383%2018.9999%2020.4113%2019H18.1111C17.787%2019%2017.4761%2018.8736%2017.2469%2018.6485C17.0177%2018.4235%2016.8889%2018.1183%2016.8889%2017.8V16.6H7.11111Z%22%20stroke=%22black%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22/%3E%0A%3Cg%20transform=%22translate(4.85,8.35)%22%3E%3Cpath%20d=%22M1.05488%201.05488C1.05488%201.05488%203.63293%202.32047%207.5%202.32047C11.3671%202.32047%2013.9451%201.05488%2013.9451%201.05488%22%20stroke=%22%230080C5%22%20stroke-width=%222.10931%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22/%3E%3C/g%3E%0A%3C/svg%3E"); }
.hdcw-opener button.hdcw-op-quiz::before { left: 24px; top: 18px; width: 25px; height: 28px; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width=%2225%22%20height=%2228%22%20viewBox=%22-1%20-1%2025%2028%22%20fill=%22none%22%20xmlns=%22http://www.w3.org/2000/svg%22%3E%0A%3Cpath%20d=%22M9.07851%200C9.34604%200%209.60261%200.1023%209.79178%200.284394C9.98096%200.466489%2010.0872%200.713463%2010.0872%200.970984V4.2076C10.0872%204.46512%209.98096%204.71209%209.79178%204.89419C9.60261%205.07628%209.34604%205.17858%209.07851%205.17858C8.81098%205.17858%208.55441%205.07628%208.36523%204.89419C8.17606%204.71209%208.06979%204.46512%208.06979%204.2076V0.970984C8.06979%200.713463%208.17606%200.466489%208.36523%200.284394C8.55441%200.1023%208.81098%200%209.07851%200ZM2.64958%202.55045C2.83872%202.36862%203.0951%202.26648%203.36241%202.26648C3.62972%202.26648%203.88611%202.36862%204.07524%202.55045L6.42893%204.81608C6.52804%204.90497%206.60753%205.01217%206.66266%205.13128C6.71779%205.25038%206.74744%205.37896%206.74983%205.50933C6.75222%205.63971%206.7273%205.76921%206.67657%205.89011C6.62583%206.01102%206.55032%206.12085%206.45454%206.21305C6.35875%206.30525%206.24465%206.37794%206.11905%206.42678C5.99344%206.47561%205.85891%206.4996%205.72346%206.49729C5.58802%206.49499%205.45445%206.46646%205.33071%206.41339C5.20698%206.36032%205.09561%206.2838%205.00327%206.1884L2.64958%203.92277C2.46068%203.74072%202.35458%203.49392%202.35458%203.23661C2.35458%202.9793%202.46068%202.73251%202.64958%202.55045ZM15.5074%202.55045C15.6963%202.73251%2015.8024%202.9793%2015.8024%203.23661C15.8024%203.49392%2015.6963%203.74072%2015.5074%203.92277L13.1538%206.1884C13.0614%206.2838%2012.95%206.36032%2012.8263%206.41339C12.7026%206.46646%2012.569%206.49499%2012.4336%206.49729C12.2981%206.4996%2012.1636%206.47561%2012.038%206.42678C11.9124%206.37794%2011.7983%206.30525%2011.7025%206.21305C11.6067%206.12085%2011.5312%206.01102%2011.4804%205.89011C11.4297%205.76921%2011.4048%205.63971%2011.4072%205.50933C11.4096%205.37896%2011.4392%205.25038%2011.4944%205.13128C11.5495%205.01217%2011.629%204.90497%2011.7281%204.81608L14.0818%202.55045C14.2709%202.36862%2014.5273%202.26648%2014.7946%202.26648C15.0619%202.26648%2015.3183%202.36862%2015.5074%202.55045ZM0%208.73885C0%208.48133%200.106276%208.23436%200.295448%208.05227C0.48462%207.87017%200.741193%207.76787%201.00872%207.76787H4.37113C4.63866%207.76787%204.89524%207.87017%205.08441%208.05227C5.27358%208.23436%205.37986%208.48133%205.37986%208.73885C5.37986%208.99638%205.27358%209.24335%205.08441%209.42544C4.89524%209.60754%204.63866%209.70984%204.37113%209.70984H1.00872C0.741193%209.70984%200.48462%209.60754%200.295448%209.42544C0.106276%209.24335%200%208.99638%200%208.73885ZM10.9978%208.39707C9.84783%207.4468%208.06979%208.23394%208.06979%209.69301V24.2888C8.06979%2025.8554%2010.0805%2026.5959%2011.1659%2025.4281L14.6816%2021.6439C15.0528%2021.2451%2015.5747%2021.0095%2016.1302%2020.9875L21.2948%2020.7881C22.9047%2020.726%2023.6014%2018.7957%2022.3775%2017.7845L10.9978%208.39707ZM10.0872%2023.6752V10.2031L20.5941%2018.872L16.0481%2019.0468C15.5038%2019.0683%2014.9694%2019.1946%2014.4767%2019.4183C13.9839%2019.642%2013.5428%2019.9586%2013.1793%2020.3492L10.0872%2023.6752Z%22%20fill=%22black%22/%3E%0A%3Cpath%20d=%22M9.07851%200C9.34604%200%209.60261%200.1023%209.79178%200.284394C9.98096%200.466489%2010.0872%200.713463%2010.0872%200.970984V4.2076C10.0872%204.46512%209.98096%204.71209%209.79178%204.89419C9.60261%205.07628%209.34604%205.17858%209.07851%205.17858C8.81098%205.17858%208.55441%205.07628%208.36523%204.89419C8.17606%204.71209%208.06979%204.46512%208.06979%204.2076V0.970984C8.06979%200.713463%208.17606%200.466489%208.36523%200.284394C8.55441%200.1023%208.81098%200%209.07851%200ZM2.64958%202.55045C2.83872%202.36862%203.0951%202.26648%203.36241%202.26648C3.62972%202.26648%203.88611%202.36862%204.07524%202.55045L6.42893%204.81608C6.52804%204.90497%206.60753%205.01217%206.66266%205.13128C6.71779%205.25038%206.74744%205.37896%206.74983%205.50933C6.75222%205.63971%206.7273%205.76921%206.67657%205.89011C6.62583%206.01102%206.55032%206.12085%206.45454%206.21305C6.35875%206.30525%206.24465%206.37794%206.11905%206.42678C5.99344%206.47561%205.85891%206.49959%205.72346%206.49729C5.58802%206.49499%205.45445%206.46646%205.33071%206.41339C5.20698%206.36032%205.09561%206.2838%205.00327%206.1884L2.64958%203.92277C2.46068%203.74071%202.35458%203.49392%202.35458%203.23661C2.35458%202.9793%202.46068%202.73251%202.64958%202.55045ZM15.5074%202.55045C15.6963%202.73251%2015.8024%202.9793%2015.8024%203.23661C15.8024%203.49392%2015.6963%203.74071%2015.5074%203.92277L13.1538%206.1884C13.0614%206.2838%2012.95%206.36032%2012.8263%206.41339C12.7026%206.46646%2012.569%206.49499%2012.4336%206.49729C12.2981%206.49959%2012.1636%206.47561%2012.038%206.42678C11.9124%206.37794%2011.7983%206.30525%2011.7025%206.21305C11.6067%206.12085%2011.5312%206.01102%2011.4804%205.89011C11.4297%205.76921%2011.4048%205.63971%2011.4072%205.50933C11.4096%205.37896%2011.4392%205.25038%2011.4944%205.13128C11.5495%205.01217%2011.629%204.90497%2011.7281%204.81608L14.0818%202.55045C14.2709%202.36862%2014.5273%202.26648%2014.7946%202.26648C15.0619%202.26648%2015.3183%202.36862%2015.5074%202.55045ZM0%208.73885C0%208.48133%200.106276%208.23436%200.295448%208.05227C0.48462%207.87017%200.741193%207.76787%201.00872%207.76787H4.37113C4.63866%207.76787%204.89524%207.87017%205.08441%208.05227C5.27358%208.23436%205.37986%208.48133%205.37986%208.73885C5.37986%208.99638%205.27358%209.24335%205.08441%209.42544C4.89524%209.60754%204.63866%209.70984%204.37113%209.70984H1.00872C0.741193%209.70984%200.48462%209.60754%200.295448%209.42544C0.106276%209.24335%200%208.99638%200%208.73885Z%22%20fill=%22%230080C5%22/%3E%0A%3C/svg%3E"); }
.hdcw-opener button.hdcw-op-alert::before { left: 28px; top: 21px; width: 26px; height: 20px; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width=%2226%22%20height=%2220%22%20viewBox=%22-1%20-1%2026%2020%22%20fill=%22none%22%20xmlns=%22http://www.w3.org/2000/svg%22%3E%0A%3Cpath%20d=%22M5.07691%207.74862L8.89903%2010.9429C9.26057%2011.2452%209.70991%2011.41%2010.1731%2011.41C10.6362%2011.41%2011.0855%2011.2452%2011.4471%2010.9429M19.3461%2010.3696V14.8706C19.3461%2015.4353%2019.1313%2015.9769%2018.749%2016.3763C18.3668%2016.7757%2017.8483%2017%2017.3076%2017H3.03845C2.49782%2017%201.97933%2016.7757%201.59705%2016.3763C1.21477%2015.9769%201%2015.4353%201%2014.8706V4.2233C1%203.65853%201.21477%203.11689%201.59705%202.71754C1.97933%202.3182%202.49782%202.09384%203.03845%202.09384H13.2141%22%20stroke=%22black%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22/%3E%0A%3Cpath%20d=%22M20.1936%208.37538C20.1936%208.74557%2020.0465%209.10062%2019.7847%209.36242C19.5229%209.62422%2019.1679%209.77128%2018.7977%209.77128C18.4275%209.77128%2018.0724%209.62422%2017.8106%209.36242C17.5488%209.10062%2017.4018%208.74557%2017.4018%208.37538H20.1936ZM22.2874%207.67743H14.6798C14.5687%207.67743%2014.4622%207.63332%2014.3836%207.55473C14.3051%207.47621%2014.261%207.36971%2014.261%207.25866C14.261%207.14755%2014.3051%207.04104%2014.3836%206.96252C14.4622%206.88399%2014.5687%206.83987%2014.6798%206.83987H15.3079V4.18764C15.3079%202.49859%2016.5084%201.08872%2018.1032%200.76766C18.0935%200.670615%2018.1042%200.572603%2018.1346%200.479947C18.1651%200.387292%2018.2147%200.30205%2018.2801%200.22972C18.3456%200.157389%2018.4254%200.099577%2018.5145%200.0600097C18.6037%200.0204427%2018.7002%200%2018.7977%200C18.8952%200%2018.9916%200.0204427%2019.0808%200.0600097C19.17%200.099577%2019.2498%200.157389%2019.3153%200.22972C19.3807%200.30205%2019.4302%200.387292%2019.4607%200.479947C19.4912%200.572603%2019.5019%200.670615%2019.4921%200.76766C20.2809%200.928097%2020.99%201.35616%2021.4994%201.97939C22.0088%202.60262%2022.2871%203.38272%2022.2874%204.18764V6.83987H22.9156C23.0266%206.83987%2023.1331%206.88399%2023.2117%206.96252C23.2902%207.04104%2023.3343%207.14755%2023.3343%207.25866C23.3343%207.36971%2023.2902%207.47621%2023.2117%207.55473C23.1331%207.63332%2023.0266%207.67743%2022.9156%207.67743H22.2874Z%22%20fill=%22%230080C5%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: 2px;
  text-align: left;
  font-family: var(--hdcw-font);
  font-size: 12px;
  font-weight: 400;
  line-height: 14px;
  letter-spacing: 0;
  color: #000000;
}
/* The artwork's captions, number included (the standard's ruling): a fixed
 * "35", not a live count. Update it here if the stock level changes a lot. */
.hdcw-opener button.hdcw-op-used::after { content: 'Over 35 used cars in stock'; }
.hdcw-opener button.hdcw-op-new::after { content: 'Browse our new car range'; }
.hdcw-opener button.hdcw-op-quiz::after { content: 'Get matched to car to suit your needs'; }
.hdcw-opener button.hdcw-op-alert::after { content: 'Receive a daily stock alert'; }

/* "Something else" (2023:430): NO pill at all on this artwork - no fill, no
 * stroke, no shadow. Title Figtree BOLD 17 at x96 y480, the "?" 13x21 @45,478
 * in #0080C5, chevron 23.5px from the right edge. */
.hdcw-opener .hdcw-else.hdcw-op-else {
  box-sizing: border-box;
  border: 0;
  border-radius: 20px;
  min-height: 59px;
  padding: 21px 40px 18px 80px;
  font-size: 17px;
  font-weight: 700;
  line-height: 20px;
  color: #000000;
  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=%22black%22/%3E%0A%3C/svg%3E") no-repeat right 23.5px top 24px / 8px 14px border-box, transparent;
}
.hdcw-opener .hdcw-else.hdcw-op-else:hover { background-color: #F4F4F4; opacity: 1; }
.hdcw-opener button.hdcw-op-else::before { left: 28px; top: 18px; width: 15px; height: 23px; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width=%2215%22%20height=%2223%22%20viewBox=%22-1%20-1%2015%2023%22%20fill=%22none%22%20xmlns=%22http://www.w3.org/2000/svg%22%3E%0A%3Cpath%20fill-rule=%22evenodd%22%20clip-rule=%22evenodd%22%20d=%22M0.814028%206.0515C0.327754%206.0515%20-0.0660596%205.63675%200.00927867%205.14675C0.480143%202.17%202.6992%200%206.55001%200C10.4025%200%2013%202.38%2013%205.62625C13%207.97825%2011.8614%209.63025%209.9351%2010.829C8.05164%2011.9822%207.514%2012.7855%207.514%2014.3465V14.399C7.514%2014.6311%207.4238%2014.8536%207.26325%2015.0177C7.1027%2015.1818%206.88494%2015.274%206.65788%2015.274H5.33946C5.11388%2015.274%204.89741%2015.183%204.7371%2015.0208C4.5768%2014.8586%204.4856%2014.6383%204.48335%2014.4077L4.47821%2014.0577C4.40458%2011.921%205.29495%2010.556%207.29484%209.31175C9.05844%208.20575%209.68683%207.3255%209.68683%205.76275C9.68683%204.0495%208.38895%202.79125%206.38906%202.79125C4.66142%202.79125%203.46114%203.717%203.07075%205.24475C2.95775%205.68925%202.59475%206.0515%202.14615%206.0515H0.814028ZM5.98669%2021C7.0517%2021%207.86158%2020.1705%207.86158%2019.0925C7.86158%2018.011%207.0517%2017.1815%205.98669%2017.1815C4.94907%2017.1815%204.12549%2018.011%204.12549%2019.0908C4.12549%2020.1705%204.94907%2021%205.98669%2021Z%22%20fill=%22%230080C5%22/%3E%0A%3C/svg%3E"); }

/* Context CTA ("Tell me about this car" 19:683): 349x50, r10, flat #0080C5,
 * white Figtree Bold 16, centred. */
.hdcw-opener button.hdcw-op-ctx {
  min-height: 50px;
  margin: 0 9px 0 8px;           /* 349 wide at x24 (03-browse-auto) */
  border: 0;
  border-radius: 10px;
  padding: 15px 0;
  background: #0080C5;
  color: #fff;
  font-size: 16px;
  font-weight: 700;
  line-height: 20px;
  box-shadow: none;
}
.hdcw-opener button.hdcw-op-ctx:hover { background: #0080C5; opacity: .9; }

/* ---------- Chips (item 16:212): 31px white, r10, NO border, 0/4/4 25%
 * shadow, Figtree Regular 12/13 black, centred, 5px gaps both ways, rows
 * starting 2px in from the bubble edge (x18). Selected = a 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: 7.5px 16px 8.5px;     /* 16 keeps the artwork's four POPULAR rows (17 wraps a fifth) */     /* text cap line 9.5px under the chip top */
  font-size: 12px;
  line-height: 13px;
  letter-spacing: 0;
  box-shadow: 0 4px 4px rgba(0,0,0,.25);
}
.hdcw-chip:hover { background: #F4F4F4; border-color: transparent; color: #000000; }
.hdcw-chip--sel { border-color: #000000; box-shadow: 0 4px 4px rgba(0,0,0,.25); font-weight: 400; }
/* The artwork's selected chip is a 1px stroke and nothing else. Bootstrap's
 * reboot (SMC3 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): Figtree Bold 11 #6D6D6D at x24, 13px
 * under a bubble and 10px above its chip row - Figtree here, where smc3's
 * artwork sets the same three heads in Archivo. */
.hdcw-ghead {
  font-weight: 700;
  letter-spacing: 0;
  font-size: 11px;
  line-height: 13px;
  margin: 1px 6px 1px 8px;
}
.hdcw-chips + .hdcw-ghead { margin-top: 6px; }
/* Quiz answers sit flush with the bubble at x16 (37:328), where the stock
 * rows under a section head start at x18 (16:226). */
.hdcw-bot + .hdcw-chips { padding-left: 0; margin-top: -4px; row-gap: 4px; }

/* ---------- Car cards ("csr search" 19:566): 176 wide, 14px apart, white,
 * 1px #E4E6EA, r10, 244 tall. Photo 176x113 square-topped. Body 12px in:
 * title Figtree Regular 12/12, price Bold 12/19, monthly Regular 12/16, meta
 * Regular 10/16. Flush split action bar: Details (77, white, #E4E6EA rule) |
 * I'm Interested (99, #0080C5, white ink), both Regular 12/13 ls -1%. */
.hdcw-cars { gap: 14px; margin-top: -2px; }   /* 11px under the bubble that introduces them (42:720 -> 2023:448) */
.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: 8px 11px 8px; }   /* 244 tall with the bar (19:538) */
/* Model chips 10px under the card strip (2023:448 -> 42:747). */
.hdcw-cars + .hdcw-chips { margin-top: -7px; }
.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: 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: 2px; }
.hdcw-car .hdcw-mo { color: #000000; font-size: 12px; font-weight: 400; line-height: 16px; }
.hdcw-car .hdcw-meta { color: #000000; font-size: 10px; line-height: 16px; margin-top: 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: 31px;
  padding: 9px 0;
  font-size: 12px;
  font-weight: 400;
  line-height: 13px;
  letter-spacing: -.01em;
  background: #fff;
  color: #000000;
}
.hdcw-car .hdcw-pick:hover { background: #F4F4F4; color: #000000; }
.hdcw-car .hdcw-pick--primary {
  flex: 99 0 0;
  border-left: 1px solid #E4E6EA;
  border-radius: 0 0 9px 0;
  background: #0080C5;
  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: #0080C5; opacity: .85; color: #fff; }

/* ---------- Footer (24:712): an #E4E6EA band 400x129. Input 299x51 @21,20,
 * r10, 1px #000, placeholder Figtree Regular 14 (ls 1%) 23px in. Send: the
 * 52px #0080C5 circle 6px right of it. Disclosure Figtree Regular 12/15,
 * black, centred in a 275px box, 17px above the panel foot. */
.hdcw-input {
  background: #E4E6EA;
  border-top: 0;
  padding: 20px 22px 10px 21px;  /* the 52px send sets the row: 20 + 52 + 10 */
  gap: 6px;
}
.hdcw-input input {
  box-sizing: border-box;
  height: 51px;
  border-radius: 10px;
  padding: 3px 20px 0 23px;
  font-size: 14px;
  line-height: 47px;
  letter-spacing: .01em;
}
.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: #0080C5; }
.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%230080C5%22/%3E%0A%3Cpath%20d=%22M19.9999%2025L19.3959%2019.563C19.2229%2018.007%2020.8249%2016.864%2022.2399%2017.535L34.1839%2023.193C35.7089%2023.915%2035.7089%2026.085%2034.1839%2026.807L22.2399%2032.466C20.8249%2033.136%2019.2229%2031.994%2019.3959%2030.438L19.9999%2025ZM19.9999%2025H26.9999%22%20stroke=%22white%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22/%3E%0A%3C/svg%3E") center / 52px 52px no-repeat;
}
.hdcw-send svg { display: none; }
.hdcw-send:disabled { opacity: .5; }
.hdcw-powered {
  background: #E4E6EA;
  font-size: 12px;
  line-height: 15px;
  letter-spacing: .01em;
  padding: 2px 64px 16px 60px;   /* the artwork prints its lines 2px left of centre (2008:473) */
}
/* This artwork prints "Terms & Conditions" PLAIN on every artboard (ink rows
 * 691.5-700, no underline row) - smc3's underlines it off the home state. */
.hdcw-powered a.hdcw-tc { color: #000000; text-decoration: none; }
.hdcw-powered a.hdcw-tc:hover { color: #0080C5; }
.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; }
}