@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,700;1,400&display=swap');
/* chat-themes-1016 chat widget branding - Byrne Motor Company (bmc, template BMC).
 * Source of truth: the designer's Figma "Byrne Motor Company (Ai Assistant)
 * (Copy)" (fNkCqQ9TqTvSUSeXGE7wgL) and its 16 @2x artboard PNGs, which outrank
 * the node dump wherever the two disagree. Tooling and QA:
 * tickets/chat-themes-1016/bmc/qa-bmc/; design notes and the probe table:
 * tickets/chat-themes-1016/bmc/DESIGN-bmc.md. Glyphs are SVG exports of the
 * file's own nodes, each cross-checked against the artboards.
 *
 * Black and orange: an 81px #222222 -> #000000 header carrying the orange
 * sparkle trio; WHITE r10 openers with a 1px #D0D0D0 stroke, no shadow,
 * #EF7F1A glyphs and chevrons, and a boxless "Something else" row; #EDEDED bot
 * bubbles with a #C7C7C7 stroke and a squared bottom-left corner on a WHITE
 * ground; #282828 user bubbles; white chips on a 0/4/4 25% shadow; #EF7F1A
 * send circle, context CTA and card "I'm Interested"; #E4E6EA footer band and
 * card borders. The launcher is the designer's black pill + orange roundel
 * lockup.
 * Type: Montserrat (loaded by the BMC site itself), plus Lato for the status
 * line and the context CTA (imported above).
 * The panel is 400x720 = the designer's artboard, so offsets transfer 1:1.
 *
 * Regenerate with tickets/chat-themes-1016/bmc/build-theme-bmc.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: #EF7F1A;
  --hdcw-on-accent: #fff;
  --hdcw-font: 'Montserrat', 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 - every run overrides the symbol's #504949 */
  --hdcw-border: #000000;         /* input stroke 24:705 */
  --hdcw-border-soft: #E4E6EA;
  --hdcw-radius: 15px;          /* panel 1:7, header 1:9 */
  --hdcw-radius-bubble: 10px;
  --hdcw-head-bg: linear-gradient(90deg, #222222 0%, #000000 100%);
  --hdcw-head-color: #fff;
  --hdcw-user-bg: #282828;
  --hdcw-user-color: #fff;
  --hdcw-link: #000000;
  --hdcw-btn-bg: #EF7F1A;
  --hdcw-btn-color: #fff;
  /* The artwork docks the lockup 6px off the bottom of 03-home, so over a
   * pinned vehicle-page bar it keeps those 6px instead of the widget's 12. */
  --hdcw-fab-gap: 6px;
}

/* ---------- Launcher (26002:611): the designer's own 239x63 lockup, docked
 * 6px off the bottom of the 400x653 home artboard; the PNG puts the roundel's
 * ink at x331-392.5, y584-645.5, i.e. the export 7px off the right edge (the
 * node math says 6: the picture wins). */
.hdcw-fab {
  width: 239px;
  height: 63px;
  right: 7px;
  bottom: 6px;
  max-width: calc(100vw - 14px);
  border-radius: 0;
  background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width=%22239%22%20height=%2263%22%20viewBox=%220%200%20239%2063%22%20fill=%22none%22%20xmlns=%22http://www.w3.org/2000/svg%22%3E%0A%3Cg%20filter=%22url(%23filter0_d_26002_611)%22%3E%0A%3Crect%20x=%224.01672%22%20y=%2210.0471%22%20width=%22206.861%22%20height=%2243.1797%22%20rx=%2210%22%20fill=%22black%22/%3E%0A%3C/g%3E%0A%3Ccircle%20cx=%22207.865%22%20cy=%2231.1348%22%20r=%2231.1296%22%20transform=%22rotate(120%20207.865%2031.1348)%22%20fill=%22%23EF7F1A%22/%3E%0A%3Ccircle%20cx=%22207.721%22%20cy=%2230.8183%22%20r=%2226.0699%22%20transform=%22rotate(120%20207.721%2030.8183)%22%20stroke=%22%23F3B986%22/%3E%0A%3Cpath%20d=%22M214.438%2026.6263L216.15%2022.9983L219.915%2021.3492L216.15%2019.7002L214.438%2016.0721L212.726%2019.7002L208.961%2021.3492L212.726%2022.9983L214.438%2026.6263ZM204.168%2027.286L200.745%2020.03L197.321%2027.286L189.79%2030.5842L197.321%2033.8824L200.745%2041.1384L204.168%2033.8824L211.699%2030.5842L204.168%2027.286ZM213.497%2033.635L211.785%2037.263L208.019%2038.9121L211.785%2040.5612L213.497%2044.1892L215.208%2040.5612L218.974%2038.9121L215.208%2037.263L213.497%2033.635Z%22%20fill=%22white%22/%3E%0A%3Cpath%20d=%22M36.5471%2037.1599L31.9982%2026.616H34.6342L38.6107%2035.9549H37.0593L41.0961%2026.616H43.5211L38.9572%2037.1599H36.5471Z%22%20fill=%22white%22/%3E%0A%3Cpath%20d=%22M44.3829%2037.1599V29.0562H46.7327V37.1599H44.3829ZM45.5578%2027.9265C45.126%2027.9265%2044.7745%2027.801%2044.5034%2027.5499C44.2323%2027.2989%2044.0967%2026.9876%2044.0967%2026.616C44.0967%2026.2445%2044.2323%2025.9332%2044.5034%2025.6822C44.7745%2025.4311%2045.126%2025.3056%2045.5578%2025.3056C45.9896%2025.3056%2046.341%2025.4261%2046.6122%2025.6671C46.8833%2025.8981%2047.0189%2026.1993%2047.0189%2026.5709C47.0189%2026.9625%2046.8833%2027.2888%2046.6122%2027.5499C46.3511%2027.801%2045.9996%2027.9265%2045.5578%2027.9265Z%22%20fill=%22white%22/%3E%0A%3Cpath%20d=%22M48.9135%2037.1599V29.0562H51.1578V31.3457L50.8415%2030.683C51.0825%2030.1106%2051.4691%2029.6788%2052.0013%2029.3876C52.5335%2029.0863%2053.1812%2028.9357%2053.9444%2028.9357V31.1047C53.844%2031.0947%2053.7536%2031.0897%2053.6733%2031.0897C53.593%2031.0796%2053.5076%2031.0746%2053.4172%2031.0746C52.7745%2031.0746%2052.2524%2031.2604%2051.8507%2031.6319C51.4591%2031.9934%2051.2633%2032.5608%2051.2633%2033.334V37.1599H48.9135Z%22%20fill=%22white%22/%3E%0A%3Cpath%20d=%22M58.9349%2037.2804C57.9809%2037.2804%2057.2378%2037.0394%2056.7056%2036.5574C56.1734%2036.0654%2055.9073%2035.3373%2055.9073%2034.3733V27.2637H58.2571V34.3432C58.2571%2034.6846%2058.3474%2034.9507%2058.5282%2035.1415C58.7089%2035.3223%2058.955%2035.4127%2059.2663%2035.4127C59.6378%2035.4127%2059.9541%2035.3122%2060.2152%2035.1114L60.8478%2036.7683C60.6068%2036.939%2060.3156%2037.0696%2059.9742%2037.1599C59.6428%2037.2403%2059.2964%2037.2804%2058.9349%2037.2804ZM54.6571%2030.8637V29.0562H60.2755V30.8637H54.6571Z%22%20fill=%22white%22/%3E%0A%3Cpath%20d=%22M65.5861%2037.2804C64.9133%2037.2804%2064.3108%2037.1499%2063.7786%2036.8888C63.2564%2036.6277%2062.8497%2036.2311%2062.5585%2035.6989C62.2673%2035.1566%2062.1217%2034.4687%2062.1217%2033.6353V29.0562H64.4715V33.2888C64.4715%2033.9616%2064.6121%2034.4587%2064.8932%2034.78C65.1844%2035.0913%2065.5911%2035.247%2066.1133%2035.247C66.4748%2035.247%2066.7962%2035.1717%2067.0773%2035.021C67.3585%2034.8604%2067.5794%2034.6194%2067.7401%2034.298C67.9008%2033.9666%2067.9811%2033.5549%2067.9811%2033.0629V29.0562H70.3309V37.1599H68.1016V34.9307L68.5083%2035.5784C68.2372%2036.1407%2067.8355%2036.5675%2067.3033%2036.8587C66.7811%2037.1399%2066.2087%2037.2804%2065.5861%2037.2804Z%22%20fill=%22white%22/%3E%0A%3Cpath%20d=%22M77.4785%2037.1599V35.5784L77.3278%2035.2319V32.4001C77.3278%2031.898%2077.1722%2031.5064%2076.8609%2031.2252C76.5596%2030.9441%2076.0927%2030.8035%2075.4601%2030.8035C75.0283%2030.8035%2074.6015%2030.8738%2074.1797%2031.0144C73.768%2031.1449%2073.4166%2031.3257%2073.1254%2031.5566L72.2818%2029.9148C72.7237%2029.6035%2073.2559%2029.3625%2073.8785%2029.1918C74.5011%2029.0211%2075.1337%2028.9357%2075.7764%2028.9357C77.0115%2028.9357%2077.9705%2029.2269%2078.6534%2029.8093C79.3362%2030.3918%2079.6776%2031.3005%2079.6776%2032.5357V37.1599H77.4785ZM75.0082%2037.2804C74.3756%2037.2804%2073.8333%2037.175%2073.3814%2036.9641C72.9295%2036.7432%2072.5831%2036.447%2072.3421%2036.0754C72.1011%2035.7039%2071.9806%2035.2871%2071.9806%2034.8252C71.9806%2034.3432%2072.0961%2033.9215%2072.327%2033.56C72.568%2033.1984%2072.9446%2032.9173%2073.4567%2032.7164C73.9689%2032.5056%2074.6366%2032.4001%2075.4601%2032.4001H77.614V33.7708H75.7161C75.1638%2033.7708%2074.7822%2033.8612%2074.5714%2034.042C74.3705%2034.2227%2074.2701%2034.4487%2074.2701%2034.7198C74.2701%2035.021%2074.3856%2035.262%2074.6166%2035.4428C74.8576%2035.6135%2075.1839%2035.6989%2075.5956%2035.6989C75.9873%2035.6989%2076.3387%2035.6085%2076.65%2035.4277C76.9613%2035.2369%2077.1873%2034.9608%2077.3278%2034.5993L77.6894%2035.6838C77.5186%2036.206%2077.2073%2036.6026%2076.7555%2036.8737C76.3036%2037.1449%2075.7212%2037.2804%2075.0082%2037.2804Z%22%20fill=%22white%22/%3E%0A%3Cpath%20d=%22M81.8043%2037.1599V25.9834H84.1541V37.1599H81.8043Z%22%20fill=%22white%22/%3E%0A%3Cpath%20d=%22M89.3806%2037.1599L94.0802%2026.616H96.4902L101.205%2037.1599H98.6442L94.7881%2027.8512H95.7521L91.881%2037.1599H89.3806ZM91.7304%2034.9005L92.3781%2033.0478H97.8006L98.4634%2034.9005H91.7304Z%22%20fill=%22white%22/%3E%0A%3Cpath%20d=%22M104.786%2037.2804C104.093%2037.2804%20103.425%2037.2001%20102.783%2037.0394C102.15%2036.8687%20101.648%2036.6578%20101.276%2036.4068L102.059%2034.7198C102.431%2034.9507%20102.868%2035.1415%20103.37%2035.2922C103.882%2035.4327%20104.384%2035.503%20104.876%2035.503C105.418%2035.503%20105.8%2035.4378%20106.021%2035.3072C106.252%2035.1767%20106.367%2034.9959%20106.367%2034.765C106.367%2034.5742%20106.277%2034.4336%20106.096%2034.3432C105.926%2034.2428%20105.695%2034.1675%20105.403%2034.1173C105.112%2034.0671%20104.791%2034.0169%20104.439%2033.9666C104.098%2033.9164%20103.752%2033.8512%20103.4%2033.7708C103.049%2033.6805%20102.727%2033.5499%20102.436%2033.3792C102.145%2033.2085%20101.909%2032.9775%20101.728%2032.6863C101.557%2032.3951%20101.472%2032.0185%20101.472%2031.5566C101.472%2031.0445%20101.618%2030.5926%20101.909%2030.201C102.21%2029.8093%20102.642%2029.5031%20103.204%2029.2821C103.767%2029.0512%20104.439%2028.9357%20105.223%2028.9357C105.775%2028.9357%20106.337%2028.996%20106.91%2029.1165C107.482%2029.237%20107.959%2029.4127%20108.341%2029.6436L107.557%2031.3156C107.166%2031.0846%20106.769%2030.929%20106.367%2030.8487C105.976%2030.7583%20105.594%2030.7131%20105.223%2030.7131C104.7%2030.7131%20104.319%2030.7834%20104.078%2030.924C103.837%2031.0646%20103.716%2031.2453%20103.716%2031.4662C103.716%2031.6671%20103.802%2031.8177%20103.972%2031.9181C104.153%2032.0185%20104.389%2032.0989%20104.68%2032.1591C104.972%2032.2194%20105.288%2032.2746%20105.629%2032.3248C105.981%2032.365%20106.332%2032.4302%20106.684%2032.5206C107.035%2032.611%20107.352%2032.7415%20107.633%2032.9123C107.924%2033.0729%20108.16%2033.2989%20108.341%2033.5901C108.521%2033.8712%20108.612%2034.2428%20108.612%2034.7047C108.612%2035.2068%20108.461%2035.6537%20108.16%2036.0453C107.859%2036.4269%20107.422%2036.7281%20106.849%2036.9491C106.287%2037.17%20105.599%2037.2804%20104.786%2037.2804Z%22%20fill=%22white%22/%3E%0A%3Cpath%20d=%22M112.788%2037.2804C112.095%2037.2804%20111.427%2037.2001%20110.785%2037.0394C110.152%2036.8687%20109.65%2036.6578%20109.278%2036.4068L110.062%2034.7198C110.433%2034.9507%20110.87%2035.1415%20111.372%2035.2922C111.884%2035.4327%20112.386%2035.503%20112.878%2035.503C113.421%2035.503%20113.802%2035.4378%20114.023%2035.3072C114.254%2035.1767%20114.369%2034.9959%20114.369%2034.765C114.369%2034.5742%20114.279%2034.4336%20114.098%2034.3432C113.928%2034.2428%20113.697%2034.1675%20113.405%2034.1173C113.114%2034.0671%20112.793%2034.0169%20112.441%2033.9666C112.1%2033.9164%20111.754%2033.8512%20111.402%2033.7708C111.051%2033.6805%20110.729%2033.5499%20110.438%2033.3792C110.147%2033.2085%20109.911%2032.9775%20109.73%2032.6863C109.559%2032.3951%20109.474%2032.0185%20109.474%2031.5566C109.474%2031.0445%20109.62%2030.5926%20109.911%2030.201C110.212%2029.8093%20110.644%2029.5031%20111.206%2029.2821C111.769%2029.0512%20112.441%2028.9357%20113.225%2028.9357C113.777%2028.9357%20114.339%2028.996%20114.912%2029.1165C115.484%2029.237%20115.961%2029.4127%20116.343%2029.6436L115.559%2031.3156C115.168%2031.0846%20114.771%2030.929%20114.369%2030.8487C113.978%2030.7583%20113.596%2030.7131%20113.225%2030.7131C112.703%2030.7131%20112.321%2030.7834%20112.08%2030.924C111.839%2031.0646%20111.718%2031.2453%20111.718%2031.4662C111.718%2031.6671%20111.804%2031.8177%20111.975%2031.9181C112.155%2032.0185%20112.391%2032.0989%20112.682%2032.1591C112.974%2032.2194%20113.29%2032.2746%20113.631%2032.3248C113.983%2032.365%20114.334%2032.4302%20114.686%2032.5206C115.037%2032.611%20115.354%2032.7415%20115.635%2032.9123C115.926%2033.0729%20116.162%2033.2989%20116.343%2033.5901C116.523%2033.8712%20116.614%2034.2428%20116.614%2034.7047C116.614%2035.2068%20116.463%2035.6537%20116.162%2036.0453C115.861%2036.4269%20115.424%2036.7281%20114.852%2036.9491C114.289%2037.17%20113.601%2037.2804%20112.788%2037.2804Z%22%20fill=%22white%22/%3E%0A%3Cpath%20d=%22M118.064%2037.1599V29.0562H120.413V37.1599H118.064ZM119.239%2027.9265C118.807%2027.9265%20118.455%2027.801%20118.184%2027.5499C117.913%2027.2989%20117.777%2026.9876%20117.777%2026.616C117.777%2026.2445%20117.913%2025.9332%20118.184%2025.6822C118.455%2025.4311%20118.807%2025.3056%20119.239%2025.3056C119.67%2025.3056%20120.022%2025.4261%20120.293%2025.6671C120.564%2025.8981%20120.7%2026.1993%20120.7%2026.5709C120.7%2026.9625%20120.564%2027.2888%20120.293%2027.5499C120.032%2027.801%20119.68%2027.9265%20119.239%2027.9265Z%22%20fill=%22white%22/%3E%0A%3Cpath%20d=%22M125.321%2037.2804C124.628%2037.2804%20123.96%2037.2001%20123.317%2037.0394C122.685%2036.8687%20122.182%2036.6578%20121.811%2036.4068L122.594%2034.7198C122.966%2034.9507%20123.403%2035.1415%20123.905%2035.2922C124.417%2035.4327%20124.919%2035.503%20125.411%2035.503C125.953%2035.503%20126.335%2035.4378%20126.556%2035.3072C126.787%2035.1767%20126.902%2034.9959%20126.902%2034.765C126.902%2034.5742%20126.812%2034.4336%20126.631%2034.3432C126.46%2034.2428%20126.229%2034.1675%20125.938%2034.1173C125.647%2034.0671%20125.326%2034.0169%20124.974%2033.9666C124.633%2033.9164%20124.286%2033.8512%20123.935%2033.7708C123.583%2033.6805%20123.262%2033.5499%20122.971%2033.3792C122.68%2033.2085%20122.444%2032.9775%20122.263%2032.6863C122.092%2032.3951%20122.007%2032.0185%20122.007%2031.5566C122.007%2031.0445%20122.152%2030.5926%20122.444%2030.201C122.745%2029.8093%20123.177%2029.5031%20123.739%2029.2821C124.301%2029.0512%20124.974%2028.9357%20125.757%2028.9357C126.31%2028.9357%20126.872%2028.996%20127.444%2029.1165C128.017%2029.237%20128.494%2029.4127%20128.875%2029.6436L128.092%2031.3156C127.7%2031.0846%20127.304%2030.929%20126.902%2030.8487C126.51%2030.7583%20126.129%2030.7131%20125.757%2030.7131C125.235%2030.7131%20124.854%2030.7834%20124.613%2030.924C124.372%2031.0646%20124.251%2031.2453%20124.251%2031.4662C124.251%2031.6671%20124.336%2031.8177%20124.507%2031.9181C124.688%2032.0185%20124.924%2032.0989%20125.215%2032.1591C125.506%2032.2194%20125.823%2032.2746%20126.164%2032.3248C126.516%2032.365%20126.867%2032.4302%20127.218%2032.5206C127.57%2032.611%20127.886%2032.7415%20128.167%2032.9123C128.459%2033.0729%20128.695%2033.2989%20128.875%2033.5901C129.056%2033.8712%20129.146%2034.2428%20129.146%2034.7047C129.146%2035.2068%20128.996%2035.6537%20128.695%2036.0453C128.393%2036.4269%20127.957%2036.7281%20127.384%2036.9491C126.822%2037.17%20126.134%2037.2804%20125.321%2037.2804Z%22%20fill=%22white%22/%3E%0A%3Cpath%20d=%22M133.91%2037.2804C132.956%2037.2804%20132.213%2037.0394%20131.681%2036.5574C131.149%2036.0654%20130.882%2035.3373%20130.882%2034.3733V27.2637H133.232V34.3432C133.232%2034.6846%20133.323%2034.9507%20133.503%2035.1415C133.684%2035.3223%20133.93%2035.4127%20134.241%2035.4127C134.613%2035.4127%20134.929%2035.3122%20135.19%2035.1114L135.823%2036.7683C135.582%2036.939%20135.291%2037.0696%20134.949%2037.1599C134.618%2037.2403%20134.272%2037.2804%20133.91%2037.2804ZM129.632%2030.8637V29.0562H135.251V30.8637H129.632Z%22%20fill=%22white%22/%3E%0A%3Cpath%20d=%22M141.848%2037.1599V35.5784L141.697%2035.2319V32.4001C141.697%2031.898%20141.542%2031.5064%20141.23%2031.2252C140.929%2030.9441%20140.462%2030.8035%20139.83%2030.8035C139.398%2030.8035%20138.971%2030.8738%20138.549%2031.0144C138.138%2031.1449%20137.786%2031.3257%20137.495%2031.5566L136.651%2029.9148C137.093%2029.6035%20137.625%2029.3625%20138.248%2029.1918C138.871%2029.0211%20139.503%2028.9357%20140.146%2028.9357C141.381%2028.9357%20142.34%2029.2269%20143.023%2029.8093C143.706%2030.3918%20144.047%2031.3005%20144.047%2032.5357V37.1599H141.848ZM139.378%2037.2804C138.745%2037.2804%20138.203%2037.175%20137.751%2036.9641C137.299%2036.7432%20136.953%2036.447%20136.712%2036.0754C136.471%2035.7039%20136.35%2035.2871%20136.35%2034.8252C136.35%2034.3432%20136.466%2033.9215%20136.697%2033.56C136.938%2033.1984%20137.314%2032.9173%20137.826%2032.7164C138.338%2032.5056%20139.006%2032.4001%20139.83%2032.4001H141.984V33.7708H140.086C139.533%2033.7708%20139.152%2033.8612%20138.941%2034.042C138.74%2034.2227%20138.64%2034.4487%20138.64%2034.7198C138.64%2035.021%20138.755%2035.262%20138.986%2035.4428C139.227%2035.6135%20139.553%2035.6989%20139.965%2035.6989C140.357%2035.6989%20140.708%2035.6085%20141.02%2035.4277C141.331%2035.2369%20141.557%2034.9608%20141.697%2034.5993L142.059%2035.6838C141.888%2036.206%20141.577%2036.6026%20141.125%2036.8737C140.673%2037.1449%20140.091%2037.2804%20139.378%2037.2804Z%22%20fill=%22white%22/%3E%0A%3Cpath%20d=%22M146.174%2037.1599V29.0562H148.418V31.3005L147.996%2030.6227C148.288%2030.0805%20148.704%2029.6637%20149.247%2029.3725C149.789%2029.0813%20150.406%2028.9357%20151.099%2028.9357C151.742%2028.9357%20152.314%2029.0662%20152.816%2029.3273C153.329%2029.5784%20153.73%2029.97%20154.021%2030.5022C154.313%2031.0244%20154.458%2031.6972%20154.458%2032.5206V37.1599H152.108V32.8821C152.108%2032.2294%20151.963%2031.7474%20151.672%2031.4361C151.391%2031.1248%20150.989%2030.9692%20150.467%2030.9692C150.095%2030.9692%20149.759%2031.0495%20149.457%2031.2102C149.166%2031.3608%20148.935%2031.5968%20148.765%2031.9181C148.604%2032.2395%20148.524%2032.6512%20148.524%2033.1533V37.1599H146.174Z%22%20fill=%22white%22/%3E%0A%3Cpath%20d=%22M159.902%2037.2804C158.948%2037.2804%20158.205%2037.0394%20157.673%2036.5574C157.141%2036.0654%20156.874%2035.3373%20156.874%2034.3733V27.2637H159.224V34.3432C159.224%2034.6846%20159.315%2034.9507%20159.495%2035.1415C159.676%2035.3223%20159.922%2035.4127%20160.233%2035.4127C160.605%2035.4127%20160.921%2035.3122%20161.182%2035.1114L161.815%2036.7683C161.574%2036.939%20161.283%2037.0696%20160.941%2037.1599C160.61%2037.2403%20160.264%2037.2804%20159.902%2037.2804ZM155.624%2030.8637V29.0562H161.243V30.8637H155.624Z%22%20fill=%22white%22/%3E%0A%3Cdefs%3E%0A%3Cfilter%20id=%22filter0_d_26002_611%22%20x=%220%22%20y=%2210.0471%22%20width=%22214.895%22%20height=%2251.2132%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%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, r15 on top, #222222 -> #000000
 * left to right (1:9). Mark 27x26 at x19 y25; title "Byrne Motor Company"
 * Montserrat Bold 17/18 white at x61 y23 (42003:542); subtitle Montserrat
 * Medium 12 white at x60 y45, UNDER the title and 1px left of it
 * (42003:558). */
.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 18px;
  gap: 0;
  background: linear-gradient(90deg, #222222 0%, #000000 100%);
}
.hdcw-head::before {
  content: '';
  flex: 0 0 29px;
  height: 28px;
  margin: 24px 14px 0 0;        /* ink at x19 y25 (1px bezel), title at x61 */
  background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width=%2229%22%20height=%2228%22%20viewBox=%22-1%20-1%2029%2028%22%20fill=%22none%22%20xmlns=%22http://www.w3.org/2000/svg%22%3E%0A%3Cpath%20d=%22M22.0909%209.74105L23.625%206.39256L27%204.87052L23.625%203.34848L22.0909%200L20.5568%203.34848L17.1818%204.87052L20.5568%206.39256L22.0909%209.74105ZM12.8864%2010.3499L9.81818%203.65289L6.75%2010.3499L0%2013.3939L6.75%2016.438L9.81818%2023.135L12.8864%2016.438L19.6364%2013.3939L12.8864%2010.3499ZM18.9144%2016.259L17.3803%2019.6074L14.0053%2021.1295L17.3803%2022.6515L18.9144%2026L20.4485%2022.6515L23.8235%2021.1295L20.4485%2019.6074L18.9144%2016.259Z%22%20fill=%22%23EF7F1A%22/%3E%0A%3C/svg%3E") center / 29px 28px no-repeat;
}
.hdcw-head > div { margin-top: 23px; min-width: 0; padding-right: 12px; }
.hdcw-head b {
  font-size: 17px;
  line-height: 18px;
  font-weight: 700;
  letter-spacing: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.hdcw-head small {
  display: block;
  margin: 4px 0 0 -1px;         /* 42003:558 @60,45 - 4px under the title box, 1px left of it */
  opacity: 1;
  font-size: 12px;
  font-weight: 500;
  line-height: 15px;
  white-space: nowrap;
}
/* Nav icons: reset 20x16 @296, expand 16x16 @334, close 15x15 @369, all at
 * y24; glyph boxes carry a 1px bezel. */
.hdcw-reset, .hdcw-exp, .hdcw-close {
  flex: none;
  align-self: flex-start;
  padding: 0;
  font-size: 0;
  background-repeat: no-repeat;
  background-position: center;
}
.hdcw-reset {
  width: 22px;
  height: 18px;
  margin: 23px 0 0 auto;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width=%2222%22%20height=%2218%22%20viewBox=%220%200%2022%2018%22%20fill=%22none%22%20xmlns=%22http://www.w3.org/2000/svg%22%3E%0A%3Cpath%20d=%22M13%201C17.4133%201%2021%204.58667%2021%209C21%2013.4133%2017.4133%2017%2013%2017C8.58667%2017%205%2013.4133%205%209V5.66667%22%20stroke=%22white%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22/%3E%0A%3Cpath%20d=%22M1%209L5%205L9%209%22%20stroke=%22white%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22/%3E%0A%3C/svg%3E");
  background-size: 22px 18px;
}
.hdcw-reset svg { display: none; }
.hdcw-panel:not(.hdcw-max) .hdcw-exp {
  width: 18px;
  height: 18px;
  margin: 23px 0 0 16px;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width=%2218%22%20height=%2218%22%20viewBox=%22-1%20-1%2018%2018%22%20fill=%22none%22%20xmlns=%22http://www.w3.org/2000/svg%22%3E%0A%3Cpath%20d=%22M1.2002%2012V14.7998H4V16H0V12H1.2002ZM16%2016H12V14.7998H14.7998V12H16V16ZM16%204H14.7998V1.2002H12V0H16V4ZM4%201.2002H1.2002V4H0V0H4V1.2002Z%22%20fill=%22white%22/%3E%0A%3C/svg%3E");
  background-size: 18px 18px;
}
.hdcw-panel:not(.hdcw-max) .hdcw-exp svg { display: none; }
.hdcw-max .hdcw-exp { margin: 24px 0 0 17px; font-size: 0; }
.hdcw-close {
  width: 17px;
  height: 17px;
  margin: 23px 0 0 17px;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width=%2217%22%20height=%2217%22%20viewBox=%22-1%20-1%2017%2017%22%20fill=%22none%22%20xmlns=%22http://www.w3.org/2000/svg%22%3E%0A%3Cpath%20d=%22M15%201.74427L13.2557%200L7.5%205.75573L1.74427%200L0%201.74427L5.75573%207.5L0%2013.2557L1.74427%2015L7.5%209.24427L13.2557%2015L15%2013.2557L9.24427%207.5L15%201.74427Z%22%20fill=%22white%22/%3E%0A%3C/svg%3E");
  background-size: 17px 17px;
}

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

/* Bubbles. Bot (37:322 / 37:325 / 16:205 / 42:720): #EDEDED, 1px #C7C7C7
 * inside stroke, r10 with the BOTTOM-LEFT corner square, Montserrat Regular
 * 14 on its auto 17px line, 1% tracking, text box 17px under the outer edge
 * and 22px in; 334 wide on every artboard; two lines 68 tall (37:322), one
 * line 51 (37:325).
 * User (37:388 / 42:676 / 4048:708): #282828, white Regular 14, r10 with
 * the BOTTOM-RIGHT corner square, no stroke, 48 tall for one line, text box
 * 15-16px down, ~24px in (hand-sized 17-28 in the file). */
.hdcw-msg {
  max-width: 96%;               /* the long user bubbles 2030:495 are 352 of 366 */
  padding: 16px 22px;
  font-size: 14px;
  line-height: 17px;
  letter-spacing: .01em;
}
.hdcw-bot {
  width: 91.3%;
  max-width: 91.3%;             /* 334 of the 366px column */
  box-sizing: border-box;
  background: #EDEDED;
  border-color: #C7C7C7;
  border-radius: 10px 10px 10px 0;
  color: #000000;
  padding: 17px 22px 15px 21px;  /* Chrome sets Montserrat 1px higher in its 17px line than Figma: the text box 17px under the outer edge = 16 + 1 */
}
/* The greeting (1:11 / 4028:1190 / 4028:1202): Montserrat 14, no tracking,
 * its headline Bold and followed by a 24px line (the run after it), in a 95px
 * bubble with the text box 14px under the outer edge. The headline is an
 * inline-block with a bottom margin: that grows its own line only, whatever
 * the admin copy after it. A first bubble followed by a car card (the vehicle
 * page's "Interested in **this car**?") or by the stock section heads is not
 * the greeting and keeps the plain bubble (CON-1024). */
.hdcw-msgs > .hdcw-bot:first-child:not(:has(+ .hdcw-cars, + .hdcw-ghead)) { letter-spacing: 0; padding: 13.5px 22px 20.5px 21px; }
.hdcw-bot b, .hdcw-bot strong { font-weight: 600; }
.hdcw-msgs > .hdcw-bot:first-child:not(:has(+ .hdcw-cars, + .hdcw-ghead)) b,
.hdcw-msgs > .hdcw-bot:first-child:not(:has(+ .hdcw-cars, + .hdcw-ghead)) strong { display: inline-block; margin-bottom: 7.5px; font-weight: 700; }
.hdcw-bot a.hdcw-link { font-weight: 600; color: #000000; }
/* The reply that lists cars as links (19:515 on 16-browse-auto) is drawn as
 * its own bubble: WHITE with a 1px #E4E6EA stroke, Montserrat 14 on a 19px
 * leading, SemiBold underlined car links, text box 28px under the top edge
 * and 10px above the bottom one. */
.hdcw-bot:has(a.hdcw-link) {
  background: #fff;
  border-color: #E4E6EA;
  line-height: 19px;
  padding: 28px 27px 9px 21px;  /* first cap 32px under the bubble top (19:516 @1232 on 1204), last line 14px over its foot */
}
.hdcw-user { border-radius: 10px 10px 0 10px; font-weight: 400; letter-spacing: 0; padding: 16px 18px 15px 21px; }  /* 'Adventurous' 37:388: 130 wide = 21 + text + 18 */
.hdcw-typing {
  background: #EDEDED;
  border-color: #C7C7C7;
  border-radius: 10px 10px 10px 0;
  padding: 17px 22px 15px 21px;
}
/* "Searching our stock..." (2030:573, 19:537): Lato Italic 12, #6D6D6D, x20;
 * 13px under the user bubble and 16px above the reply (09-help7: 237 -> 250,
 * 264 -> 280). */
.hdcw-status { font-family: 'Lato', var(--hdcw-font); font-style: italic; font-size: 12px; line-height: 14px; margin: 3px 0 6px; }

/* ---------- Openers (lozenge 12:145 / 6001:1006 / 6001:1031): 361x72, r10,
 * WHITE, 1px #D0D0D0 inside stroke, NO shadow; #EF7F1A chevron 6x12
 * at x353.5 (the first) / x352.5 (the others), 29.5 under the box top; orange
 * glyph at the artwork's own offsets; title Montserrat Bold 15 (auto line 18)
 * 19px under the box top, caption Regular 12 (auto 15) right under it
 * (::after - the widget renders one label). Titles at x85 / 84 / 83, captions
 * at x85 / 84 / 84. Tops at y209 / 291 / 372 (10 then 9 apart). */
.hdcw-opener { gap: 9px; margin: 0 5px 0 0; }  /* 361 wide: x16..377 */
/* The home list sits 19px under the greeting bubble (190 -> 209), not the
 * column's 10px. */
.hdcw-opener:has(.hdcw-op-else) { margin-top: 9px; }
/* On a vehicle page the box opens with the context CTA, 26px under the car
 * card (16-browse-auto). */
.hdcw-opener:has(.hdcw-op-ctx) { margin-top: 16px; }
.hdcw-opener button { position: relative; }
.hdcw-opener button.hdcw-op-used,
.hdcw-opener button.hdcw-op-new,
.hdcw-opener button.hdcw-op-quiz,
.hdcw-opener button.hdcw-op-tradein,
.hdcw-opener button.hdcw-op-alert {
  box-sizing: border-box;
  border: 1px solid #D0D0D0;
  border-radius: 10px;
  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%23EF7F1A%22/%3E%0A%3C/svg%3E") no-repeat right 17.5px top 29px / 8px 14px border-box, #fff;
  color: #000000;
  text-align: left;
  box-shadow: none;
  min-height: 72px;
  padding: 18px 44px 18px 68px;  /* title box at x85 y228 (30002:639); 1 + 18 + 18 + 1 + 15 + 18 + 1 = 72 */
  font-size: 15px;
  font-weight: 700;
  line-height: 18px;
  letter-spacing: 0;
}
.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%23EF7F1A%22/%3E%0A%3C/svg%3E") no-repeat right 16.5px top 29px / 8px 14px border-box, #fff; }
.hdcw-opener button.hdcw-op-quiz,
.hdcw-opener button.hdcw-op-tradein { padding-left: 67px; margin-top: 1px; }  /* 6001:1011 @84,310; used -> quiz 10px apart (281 -> 291) */
.hdcw-opener button.hdcw-op-alert { padding-left: 66px; }                   /* 6001:1036 @83,391 */
/* Hover keeps the chevron: the whole shorthand again, never background-color
 * alone (a vehicle page also gives these buttons .hdcw-else, whose widget
 * :hover shorthand would otherwise drop the chevron). */
.hdcw-opener button.hdcw-op-quiz:hover,
.hdcw-opener button.hdcw-op-tradein:hover,
.hdcw-opener button.hdcw-op-alert:hover { background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width=%228%22%20height=%2214%22%20viewBox=%22-1%20-1%208%2014%22%20fill=%22none%22%20xmlns=%22http://www.w3.org/2000/svg%22%3E%0A%3Cpath%20d=%22M5.40984e-09%201.215L1.00917%202.18156e-07L6%206L1.00917%2012L4.23728e-07%2010.785L3.97792%206L5.40984e-09%201.215Z%22%20fill=%22%23EF7F1A%22/%3E%0A%3C/svg%3E") no-repeat right 17.5px top 29px / 8px 14px border-box, #F4F4F4; opacity: 1; }
.hdcw-opener button.hdcw-op-used:hover,
.hdcw-opener button.hdcw-op-new:hover { background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width=%228%22%20height=%2214%22%20viewBox=%22-1%20-1%208%2014%22%20fill=%22none%22%20xmlns=%22http://www.w3.org/2000/svg%22%3E%0A%3Cpath%20d=%22M5.40984e-09%201.215L1.00917%202.18156e-07L6%206L1.00917%2012L4.23728e-07%2010.785L3.97792%206L5.40984e-09%201.215Z%22%20fill=%22%23EF7F1A%22/%3E%0A%3C/svg%3E") no-repeat right 16.5px top 29px / 8px 14px border-box, #F4F4F4; opacity: 1; }
/* Glyph boxes = the export + 1px bezel, placed from the padding box
 * (artwork ink offset - 1px border - 1px bezel). */
.hdcw-opener button.hdcw-op-used::before,
.hdcw-opener button.hdcw-op-new::before,
.hdcw-opener button.hdcw-op-quiz::before,
.hdcw-opener button.hdcw-op-tradein::before,
.hdcw-opener button.hdcw-op-alert::before,
.hdcw-opener button.hdcw-op-else::before {
  content: '';
  position: absolute;
  background: center / contain no-repeat;
}
.hdcw-opener button.hdcw-op-used::before,
.hdcw-opener button.hdcw-op-new::before,
.hdcw-opener button.hdcw-op-tradein::before { left: 27px; top: 21.5px; 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%20fill-rule=%22evenodd%22%20clip-rule=%22evenodd%22%20d=%22M3.4725%207.875C4.00796%206.44344%204.96784%205.20955%206.22373%204.33844C7.47961%203.46733%208.97158%203.00055%2010.5%203.00055C12.0284%203.00055%2013.5204%203.46733%2014.7763%204.33844C16.0322%205.20955%2016.992%206.44344%2017.5275%207.875H3.4725ZM3.009%2010.125C2.91585%2011.9817%203.51556%2013.8067%204.69181%2015.2463C5.86806%2016.6858%207.53702%2017.6373%209.375%2017.916V13.7145L6.234%2010.125H3.009ZM11.625%2017.916C13.463%2017.6373%2015.1319%2016.6858%2016.3082%2015.2463C17.4844%2013.8067%2018.0841%2011.9817%2017.991%2010.125H14.766L11.625%2013.7145V17.916ZM10.5%200C7.71523%200%205.04451%201.10625%203.07538%203.07538C1.10625%205.04451%200%207.71523%200%2010.5C0%2013.2848%201.10625%2015.9555%203.07538%2017.9246C5.04451%2019.8938%207.71523%2021%2010.5%2021C13.2848%2021%2015.9555%2019.8938%2017.9246%2017.9246C19.8938%2015.9555%2021%2013.2848%2021%2010.5C21%207.71523%2019.8938%205.04451%2017.9246%203.07538C15.9555%201.10625%2013.2848%200%2010.5%200Z%22%20fill=%22%23EF7F1A%22/%3E%0A%3C/svg%3E"); }  /* 42002:535 @45,232.5 */
.hdcw-opener button.hdcw-op-quiz::before { left: 26px; top: 23px; width: 23px; height: 22px; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width=%2223%22%20height=%2222%22%20viewBox=%22-1%20-1%2023%2022%22%20fill=%22none%22%20xmlns=%22http://www.w3.org/2000/svg%22%3E%0A%3Cpath%20d=%22M5.36353%200C2.95346%201.12159%201.11412%202.9479%200.00542644%205.10414L2.6284%206.32976C3.45934%204.71079%204.83703%203.33701%206.64622%202.49541L5.36344%200H5.36353ZM15.6406%200.00650173L14.3537%202.5032C16.0537%203.29466%2017.4961%204.60668%2018.3798%206.32976L21%205.10806C19.8222%202.81274%2017.9047%201.06228%2015.6405%200.00646007L15.6406%200.00650173ZM18.377%2013.665C17.5463%2015.2848%2016.1657%2016.6522%2014.3565%2017.4941L15.6447%2020C18.0567%2018.8778%2019.8933%2017.0509%2021%2014.8919L18.377%2013.665ZM2.62568%2013.6702L0%2014.8945C1.17841%2017.1908%203.09726%2018.9406%205.36353%2019.9948L6.65038%2017.4968C4.95038%2016.7053%203.50931%2015.3931%202.62568%2013.6702V13.6702Z%22%20fill=%22%23EF7F1A%22/%3E%0A%3C/svg%3E"); }  /* 42002:540 @44,316 */
.hdcw-opener button.hdcw-op-alert::before { left: 26px; top: 23px; width: 21px; height: 20px; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width=%2221%22%20height=%2220%22%20viewBox=%22-1%20-1%2021%2020%22%20fill=%22none%22%20xmlns=%22http://www.w3.org/2000/svg%22%3E%0A%3Cpath%20d=%22M13.8809%2016.625C12.7913%2016.625%2011.9492%2016.2531%2011.376%2015.5241C10.6918%2014.6526%2010.6862%2013.6107%2010.6876%2013.4943V3.1094C10.6862%203.01111%2010.6918%201.96917%2011.376%201.09926C11.9492%200.368601%2012.7927%200%2013.8809%200C14.3388%200%2014.7499%200.0835542%2015.1026%200.249018C16.9816%201.03702%2019%204.33154%2019%208.31086C19%2012.2885%2016.9816%2015.5831%2015.1055%2016.3728C14.7514%2016.5382%2014.3388%2016.625%2013.8809%2016.625ZM12.5196%2013.5025C12.531%2013.704%2012.669%2014.3315%2013.8809%2014.3315C14.1184%2014.3315%2014.3217%2014.2938%2014.4668%2014.2249L14.5109%2014.2054C15.5963%2013.758%2017.168%2011.4055%2017.168%208.31086C17.168%205.2162%2015.5963%202.86203%2014.5109%202.41807L14.4654%202.39843C14.3204%202.32799%2014.1184%202.29191%2013.8809%202.29191C13.3176%202.29191%2012.8938%202.43772%2012.6818%202.70476C12.5481%202.87842%2012.5196%203.08977%2012.5196%203.08977V13.5025Z%22%20fill=%22%23EF7F1A%22/%3E%0A%3Cpath%20d=%22M7.2647%209.5H1.0478C0.468577%209.5%200%208.96902%200%208.3125C0%207.65768%200.468577%207.125%201.0478%207.125H7.2647C7.8423%207.125%208.3125%207.65768%208.3125%208.3125C8.3125%208.96902%207.8423%209.5%207.2647%209.5Z%22%20fill=%22%23EF7F1A%22/%3E%0A%3Cpath%20d=%22M1.98134%2017.8125C1.6586%2017.8125%201.35679%2017.5182%201.2373%2017.044C1.08455%2016.4333%201.29517%2015.7572%201.70538%2015.5318L6.0551%2013.1367C6.46653%2012.9097%206.92353%2013.2209%207.07505%2013.8298C7.2278%2014.4386%207.01837%2015.1164%206.60816%2015.3418L2.25726%2017.7385C2.16609%2017.7873%202.07251%2017.8125%201.98134%2017.8125Z%22%20fill=%22%23EF7F1A%22/%3E%0A%3Cpath%20d=%22M6.331%203.5625C6.23984%203.5625%206.14625%203.54358%206.0551%203.50574L1.70538%201.70937C1.29517%201.54033%201.08455%201.03195%201.2373%200.575288C1.39005%200.119888%201.84581%20-0.114735%202.25726%200.0555673L6.60816%201.85193C7.01837%202.02224%207.2278%202.52936%207.07505%202.98602C6.95679%203.34176%206.65375%203.5625%206.331%203.5625Z%22%20fill=%22%23EF7F1A%22/%3E%0A%3C/svg%3E"); }  /* 44001:570 @44,397 */
.hdcw-opener button.hdcw-op-used::after,
.hdcw-opener button.hdcw-op-new::after,
.hdcw-opener button.hdcw-op-quiz::after,
.hdcw-opener button.hdcw-op-tradein::after,
.hdcw-opener button.hdcw-op-alert::after {
  /* in flow under the title, not absolute: a title that wraps on a phone
   * pushes the caption down instead of printing over it */
  display: block;
  margin-top: 1px;
  text-align: left;
  font-size: 12px;
  font-weight: 400;
  line-height: 15px;
  letter-spacing: 0;
  color: #000000;
}
.hdcw-opener button.hdcw-op-alert::after { padding-left: 1px; }  /* 6001:1037 @84,410 - 1px right of its title */
.hdcw-opener button.hdcw-op-used::after {
  /* The artwork's caption wording (CON-937: always as the artwork); the
   * stock number is live since CON-995: see the [data-stock] rule below. */
  content: 'Quality Used Cars in stock';
}
/* CON-995: live used-stock count. The widget sets data-stock on the button
 * and this rule prints it; the caption without a number above shows until it
 * arrives, or if it cannot. Roll back: delete this rule and put the
 * artwork's caption (30002:640) back above: 'Over 95 Quality Used Cars in stock'. */
.hdcw-opener button.hdcw-op-used[data-stock]::after { content: attr(data-stock) ' Quality Used Cars in stock'; }
/* No New Cars opener in this artwork (new cars are off by default, CON-1020);
 * the widget would draw it with the same box and the wheel glyph if
 * data-new-cars were ever set. The trade-in opener (CON-1019, off for bmc)
 * gets the same box and glyph, and no invented caption. */
.hdcw-opener button.hdcw-op-new::after { content: 'Browse our new cars'; }
.hdcw-opener button.hdcw-op-quiz::after { content: 'Get matched to car to suit your needs'; }
.hdcw-opener button.hdcw-op-alert::after { content: 'Receive a daily stock alert'; }

/* "Something else" (2023:430): NO box - its rectangle 32003:803 is hidden in
 * the file, the artboards draw only the glyph, the label and the chevron on
 * the white ground. 361x59 at y446 (2px under the alert opener), label Bold
 * 15 @86,467, "?" 23x23 (stroke 2, export 25x25) @44,465, chevron
 * @352.5,473.5. */
.hdcw-opener .hdcw-else.hdcw-op-else {
  box-sizing: border-box;
  border: 0;
  border-radius: 10px;
  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%23EF7F1A%22/%3E%0A%3C/svg%3E") no-repeat right 17.5px top 27px / 8px 14px border-box, transparent;
  color: #000000;
  text-align: left;
  box-shadow: none;
  min-height: 59px;
  margin-top: -7px;
  padding: 21px 44px 20px 70px;
  font-size: 15px;
  font-weight: 700;
  line-height: 18px;
  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%23EF7F1A%22/%3E%0A%3C/svg%3E") no-repeat right 17.5px top 27px / 8px 14px border-box, #F4F4F4; 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%23EF7F1A%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%23EF7F1A%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22/%3E%0A%3C/svg%3E"); }

/* Context CTA ("Tell me about this car" 19:683): 349x55 at x24, r10, flat
 * #EF7F1A, white Lato SemiBold 15 (served as Bold, see the import), centred,
 * text box 17px under the top. */
.hdcw-opener button.hdcw-op-ctx {
  min-height: 55px;
  margin: 0 4px 0 8px;          /* 349 wide at x24 (16-browse-auto): the opener column is 361 */
  border: 0;
  border-radius: 10px;
  padding: 17px 0 20px;
  background: #EF7F1A;
  color: #fff;
  font-family: 'Lato', var(--hdcw-font);
  font-size: 15px;
  font-weight: 700;
  line-height: 18px;
  letter-spacing: 0;
}
.hdcw-opener button.hdcw-op-ctx:hover { opacity: .85; }

/* ---------- Chips (item 16:212): 31px white, r10, NO border, 0/4/4 25%
 * shadow, Montserrat Regular 12/13 black, centred, 5px gaps both ways, text
 * box 9px under the chip top. Rows start 2px in from the bubble edge (x18).
 * Selected = 1px #000000 stroke ("Adventurous" 37:328, "Automatic (155)"
 * 19:414). */
.hdcw-chips { gap: 5px; padding: 0 2px; }
.hdcw-chip {
  background: #fff;
  color: #000000;
  border-color: transparent;
  border-radius: 10px;
  min-height: 31px;
  box-sizing: border-box;
  padding: 8px 12.5px;          /* 1 + 8 + 13 + 8 + 1 = 31 tall. The artwork's stock chips are hand-sized
                                 * 7-15.5px in; 12.5 is the value that keeps 15-browse's POPULAR rows (Diesel |
                                 * Hybrid | Petrol, then SUV | Estate | Saloon, then Hatchback | 7 Seater |
                                 * Commercials) with Chrome's Montserrat widths */
  font-size: 12px;
  line-height: 13px;
  letter-spacing: 0;
  box-shadow: 0 4px 4px rgba(0,0,0,.25);
}
.hdcw-chip:hover { background: #F4F4F4; border-color: transparent; color: #000000; }
.hdcw-chip--sel { border-color: #000000; box-shadow: 0 4px 4px rgba(0,0,0,.25); font-weight: 400; }
/* The artwork's selected chip is a 1px stroke and nothing else. Bootstrap's
 * reboot (the BMC site loads 4.3.1) adds `button:focus { outline: 5px auto }`,
 * so a tapped chip would also wear the browser's focus ring. Mouse and touch
 * focus drop it; keyboard focus keeps a visible ring. */
.hdcw-chip:focus:not(:focus-visible) { outline: 0; }
/* POPULAR/LIFESTYLE/MAKES (16:213 / 16:270 / 16:323): Montserrat Bold 11
 * #6D6D6D, tracking 0, x24 (LIFESTYLE and MAKES x23); 13px under a bubble,
 * 18px under a chip row, 9px above its chips. */
.hdcw-ghead {
  letter-spacing: 0;
  font-size: 11px;
  font-weight: 700;
  line-height: 13px;
  margin: 3px 6px -1px 8px;
}
.hdcw-chips + .hdcw-ghead { margin-top: 9px; margin-left: 7px; }  /* LIFESTYLE 16:270 18px under the chip rows, x23 */
.hdcw-chips + .hdcw-ghead + .hdcw-chips + .hdcw-ghead { margin-top: 7.5px; }  /* MAKES 16:323 17px under the rows */
/* Answer chips straight under a question (the quiz, 02-help1 to 07-help5):
 * flush with the bubble at x16 and 8px under it, where the stock and model
 * rows (under a section head or a card strip) start at x18 ... */
.hdcw-bot + .hdcw-chips { padding-left: 0; margin-top: -2px; }
/* ...and the quiz answers are drawn roomier: 14-20px in (02-help1, 04-help2),
 * 16 here (15 + the 1px border). */
.hdcw-bot + .hdcw-chips .hdcw-chip { padding-left: 15px; padding-right: 15px; }

/* ---------- 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 Montserrat Regular 12 (two lines 15px apart), price Bold 12/19,
 * monthly Medium 12/16, meta Regular 10/17 (ink 124 / 139 / 158.5 / 174 / 191.5
 * under the card top). Flush split action bar: Details
 * (77, white, #E4E6EA rule) | I'm Interested (99, #EF7F1A, white ink), both
 * Regular 12/13 ls -1%. */
.hdcw-cars { gap: 14px; padding: 1px 2px 0; margin-right: -2px; }
.hdcw-ncgrid { gap: 14px; }
.hdcw-car { border-radius: 0 0 10px 10px; border-color: #E4E6EA; }
.hdcw-car img.hdcw-carimg, .hdcw-car .hdcw-noimg { height: 113px; }
.hdcw-car .hdcw-carbody { padding: 7px 11px 9.5px; }  /* 1 + 113 + 99 + 30 + 1 = 244 tall, action bar 213px under the card top (19:564 @456 on 243) */
.hdcw-car h4.hdcw-cartitle {
  /* name every property: Bootstrap's h4 rule, the BMC site's h1-h6 Montserrat
   * and its bare `.privacy-notice h3,h4` (an h4 selector on its own) would
   * win otherwise */
  margin: 0;
  padding: 0;
  font-family: var(--hdcw-font);
  font-size: 12px;
  font-weight: 400;
  line-height: 15px;            /* the two title lines ink 15px apart (19:545 on 08-help6: 367 / 382) */
  letter-spacing: .012em;
  max-height: 30px;
  color: #000000;
}
.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: 500; line-height: 16px; margin-top: -1px; }
.hdcw-car .hdcw-meta { color: #000000; font-size: 10px; line-height: 17px; margin-top: -.5px; }
.hdcw-ncgrid .hdcw-carbody { padding: 10px 12px 14px; }
.hdcw-ncgrid h4.hdcw-cartitle { max-height: none; }
.hdcw-car .hdcw-actions { margin: auto 0 0; gap: 0; }
.hdcw-car .hdcw-pick {
  flex: 77 0 0;
  border: 0;
  border-top: 1px solid #E4E6EA;
  border-radius: 0 0 0 9px;
  min-height: 30px;             /* the 31px cells overlap the card's own bottom stroke */
  padding: 7px 0 9px;           /* "Details" ink 10px under the bar's top edge (19:565 @464 on 456) */
  font-size: 12px;
  font-weight: 400;
  line-height: 13px;
  letter-spacing: -.01em;
  background: #fff;
  color: #000000;
}
.hdcw-car .hdcw-pick:not(.hdcw-pick--primary) { text-indent: 5px; }  /* "Details" sits 2.5px right of its cell's centre (19:565 @39 in 18..95); an indent moves the centred label without resizing the 77 | 99 cells */
.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: #EF7F1A;
  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: #EF7F1A; opacity: .85; color: #fff; }

/* ---------- Footer (24:712): #E4E6EA band 400x129. Input 299x51 @21,20, r10,
 * 1px #000000, placeholder Montserrat Regular 14 ls 1% black, text box at
 * x38. Send: the orange 52px circle 8px right of it. Disclosure: Montserrat
 * Regular 12/15 ls .11px, black, centred in the artwork's 308px box at x45,
 * 17px above the panel foot, "Terms & Conditions" underlined (14 of the
 * artboards); 11/15 in a 282px box at x58 with a plain link on the opener
 * list (01-chat, the main component 2008:473). */
.hdcw-input {
  background: #E4E6EA;
  border-top: 0;
  padding: 20px 20px 10px 21px;  /* the 52px send sets the row: 20 + 52 + 10 */
  gap: 8px;
}
.hdcw-input input {
  /* min-width: 0 - a flex item's min-width:auto is the input's intrinsic
   * width (size=20 chars); at 16px (touch) that is 221px, wider than the
   * 203px left at a 320px viewport, so it pushed the send 18px past the row. */
  min-width: 0;
  box-sizing: border-box;
  height: 51px;
  border-radius: 10px;
  padding: 1px 17px 1px 16px;
  font-size: 14px;
  line-height: 47px;
  letter-spacing: .01em;
}
/* font: inherit - BMC's style.css line 5494 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: #EF7F1A; }
.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%23EF7F1A%22/%3E%0A%3Cpath%20d=%22M21.6667%2026L19%2034L35%2026L19%2018L21.6667%2026ZM21.6667%2026H27%22%20stroke=%22white%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22/%3E%0A%3C/svg%3E") center / 52px 52px no-repeat;
}
.hdcw-send svg { display: none; }
.hdcw-send:disabled { opacity: .5; }
.hdcw-powered {
  background: #E4E6EA;
  font-size: 12px;
  line-height: 15px;
  letter-spacing: .11px;
  padding: 0 47px 17px 45px;    /* the artwork's 308px box at x45 (I37:289;2008:473) */
}
.hdcw-powered a.hdcw-tc { color: #000000; text-decoration: underline; }
.hdcw-powered a.hdcw-tc:hover { color: #EF7F1A; }
.hdcw-panel:has(.hdcw-op-else) .hdcw-powered { font-size: 11px; padding: 0 60px 17px 58px; }  /* 2008:473 on 01-chat: 11/15 in 282 at x58 */
.hdcw-panel:has(.hdcw-op-else) .hdcw-powered a.hdcw-tc { text-decoration: none; }
.hdcw-powered > div { display: inline; }
/* The artwork centres its first line WITH the trailing space after
 * "mistakes." (Figma counts it); break-spaces keeps that space on the line
 * instead of hanging it, so the line sits where it is drawn. */
.hdcw-powered > div:last-child { white-space: break-spaces; }
.hdcw-powered > div:first-child::after { content: '.   '; white-space: pre; }

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

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