@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,600;1,400&display=swap');
/* CON-965 chat widget branding - Fort Motors (fm2, template FM2).
 * Source of truth: the designer's Figma rmDE3oRNZJhE4Dniac1XOx (page 0:1) and
 * its 16 @2x artboard PNGs, which outrank the node dump wherever the two
 * disagree. Tooling and QA: tickets/CON-965/qa-fm2/; design notes:
 * tickets/CON-965/DESIGN-fm2.md. Glyphs are SVG exports of the file's own
 * nodes, each cross-checked against the artboards.
 *
 * Fort Motors blue: an 81px #2391D2 -> #0E5BAA gradient header carrying the
 * brand swoosh and sparkle trio; WHITE r10 opener lozenges with a 1px
 * #D0D0D0 stroke, black Montserrat Bold titles and blue glyphs; #EDEDED bot
 * bubbles with a #C7C7C7 stroke and a squared bottom-left corner on a
 * white ground; #0E4C7D user bubbles squared bottom-right; white chips on a
 * 0/4/4 25% shadow; a #E4E6EA footer band with a black-stroked input and the
 * #106EBB send disc. The launcher is the designer's black pill + blue
 * roundel lockup.
 * Type: Montserrat (loaded by the site) 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/CON-965/build-theme-fm2.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: #106EBB;
  --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;         /* section heads, "Searching our stock..." */
  --hdcw-faint: #C7C7C7;     /* typing dots (decorative) */
  --hdcw-footer: #000000;          /* disclosure: the runs override the node'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-color: #fff;
  --hdcw-user-bg: #0E4C7D;
  --hdcw-user-color: #fff;
  --hdcw-link: #000000;
  --hdcw-btn-bg: #1B84C9;
  --hdcw-btn-color: #fff;
  /* The artwork docks the lockup 6px off the bottom of the 03-home artboard,
   * so it keeps 6px of air above a pinned bar instead of the widget's 12. */
  --hdcw-fab-gap: 6px;
}

/* ---------- Launcher (26002:611). The designer's own 239x63 lockup, docked
 * 6px off the right and 6px off the bottom of the 400x653 home artboard. */
.hdcw-fab {
  width: 239px;
  height: 63px;
  right: 6px;
  bottom: 6px;
  max-width: calc(100vw - 12px);
  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%231164B0%22/%3E%0A%3Cpath%20d=%22M214.292%2040.8138C214.292%2040.8138%20209.564%2050.2651%20201.024%2054.0329C197.781%2055.4635%20194.127%2056.2471%20190.841%2056.6698C187.844%2054.7877%20185.311%2052.4455%20183.283%2049.7926C186.869%2049.5109%20191.985%2048.7522%20196.323%2046.7398C203.911%2043.2201%20210.543%2037.0932%20210.543%2037.0932L214.292%2040.8138ZM204.92%2029.5227C204.908%2029.5636%20201.807%2040.2284%20194.486%2043.7557C190.088%2045.8748%20185.037%2046.9602%20181.699%2047.492C180.662%2045.8159%20179.81%2044.0447%20179.149%2042.2102C182.178%2041.6999%20186.999%2040.6344%20191.108%2038.5828C197.659%2035.3122%20202.402%2029.5399%20202.416%2029.5227H204.92ZM200.577%2027.8213C200.537%2027.8685%20195.684%2033.5332%20189.63%2036.5196C185.876%2038.3716%20181.393%2039.5728%20178.515%2040.2215C178.17%2038.9861%20177.912%2037.7282%20177.74%2036.4568C180.886%2035.7303%20183.938%2034.6394%20186.827%2033.202C190.766%2030.9601%20194.393%2028.2284%20197.617%2025.0754L200.577%2027.8213Z%22%20fill=%22url(%23paint0_linear_26002_611)%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%2370BAFE%22/%3E%0A%3Cpath%20d=%22M214.438%2024.618L216.15%2020.99L219.915%2019.3409L216.15%2017.6918L214.438%2014.0638L212.726%2017.6918L208.961%2019.3409L212.726%2020.99L214.438%2024.618ZM204.168%2025.2776L200.745%2018.0216L197.321%2025.2776L189.79%2028.5758L197.321%2031.874L200.745%2039.13L204.168%2031.874L211.699%2028.5758L204.168%2025.2776ZM213.497%2031.6266L211.785%2035.2546L208.019%2036.9037L211.785%2038.5528L213.497%2042.1808L215.208%2038.5528L218.974%2036.9037L215.208%2035.2546L213.497%2031.6266Z%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%3ClinearGradient%20id=%22paint0_linear_26002_611%22%20x1=%22205.38%22%20y1=%2239.2925%22%20x2=%22195.545%22%20y2=%2262.6734%22%20gradientUnits=%22userSpaceOnUse%22%3E%0A%3Cstop%20stop-color=%22%2329A2DB%22/%3E%0A%3Cstop%20offset=%221%22%20stop-color=%22%2305459A%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 Bootstrap 4.3.1 modals (1050) */
}
.hdcw-fab > svg { display: none; }
.hdcw-fab:hover { transform: scale(1.02); transform-origin: right center; }

/* MOBILE: the launcher goes BOTTOM CENTRE across the whole site.
 * Not an artwork question - a page-level one the artwork does not draw. The
 * designer's written instruction for this dealer is "whatsapp appears on
 * details page on mobile - so bottom centre on mobile throughout would suit".
 * 767px is the breakpoint BOTH of the site's own mobile floaters use
 * (core/inc/vehicle-whatsapp-floater.php and FM2's common/subscribe.blade.php),
 * so the three agree on where "mobile" starts.
 * The widget still owns `bottom` (it lifts the launcher over a pinned bar via
 * fab.style.bottom), so only the horizontal axis is taken over here; and the
 * hover transform has to be restated or it would drop the centring. */
@media (max-width: 767px) {
  .hdcw-fab {
    left: 50%;
    right: auto;
    transform: translateX(-50%);
    transform-origin: center bottom;
  }
  .hdcw-fab:hover { transform: translateX(-50%) scale(1.02); transform-origin: center bottom; }
}

/* ---------- Header (24:711): an 81px gradient band, r15 on top. The CSS
 * gradient is the one Figma reports for 1:9. The swoosh (42003:684, 35x35 at
 * x0 y35..70 of the 81px band) is painted as a background so it can bleed off
 * the left edge exactly as the artwork clips it; the sparkle trio
 * (40004:582, 34x33 @10,21) is the flex ::before that sets the title's x.
 * Title "Fort Motors" Montserrat Bold 18/18 @61,23 (42003:542); subtitle
 * Montserrat Medium 12 @60,45 UNDER the title (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 10px;
  gap: 0;
  background:
    url("data:image/svg+xml;charset=utf-8,%3Csvg%20width=%2235%22%20height=%2235%22%20viewBox=%220%200%2035%2035%22%20fill=%22none%22%20xmlns=%22http://www.w3.org/2000/svg%22%3E%0A%3Cpath%20d=%22M35%2017.1504C35%2017.1504%2028.5693%2027.4501%2019.457%2031.5557C12.4815%2034.6985%203.72366%2034.9775%200%2034.9365V26.9727C3.83916%2026.7005%209.59467%2025.9035%2014.4414%2023.6074C22.519%2019.7807%2029.4679%2012.5043%2029.5%2012.4707L35%2017.1504ZM26%206.5C26%206.5%2020.3078%2016.5056%2012.4814%2020.3564C8.27413%2022.4266%203.50783%2023.5905%200%2024.2275V17.8691C2.78043%2017.1946%205.99301%2016.1902%208.87695%2014.7197C15.8772%2011.1504%2020.9424%204.8457%2020.9424%204.8457L26%206.5ZM18.9805%202.99219C18.9322%203.04986%2013.7566%209.21806%207.30078%2012.4707C4.96706%2013.6465%202.36888%2014.5789%200%2015.2949V10.7568C1.46751%2010.202%202.90677%209.56918%204.30957%208.85645C8.51267%206.41327%2012.382%203.43602%2015.8213%200L18.9805%202.99219Z%22%20fill=%22url(%23paint0_linear_42003_684)%22/%3E%0A%3Cdefs%3E%0A%3ClinearGradient%20id=%22paint0_linear_42003_684%22%20x1=%2227.1733%22%20y1=%2215.4918%22%20x2=%2214.8737%22%20y2=%2239.0578%22%20gradientUnits=%22userSpaceOnUse%22%3E%0A%3Cstop%20stop-color=%22%2329A2DB%22/%3E%0A%3Cstop%20offset=%221%22%20stop-color=%22%2305459A%22/%3E%0A%3C/linearGradient%3E%0A%3C/defs%3E%0A%3C/svg%3E") no-repeat left bottom 11px / 35px 35px,
    linear-gradient(276.8deg, #2391D2 1%, #0E5BAA 101.2%);
}
.hdcw-head::before {
  content: '';
  flex: 0 0 34px;
  height: 33px;
  margin: 21px 17px 0 0;         /* title at x = 10 + 34 + 17 = 61 */
  background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width=%2234%22%20height=%2233%22%20viewBox=%220%200%2034%2033%22%20fill=%22none%22%20xmlns=%22http://www.w3.org/2000/svg%22%3E%0A%3Cpath%20d=%22M27.8182%2012.3636L29.75%208.11364L34%206.18182L29.75%204.25L27.8182%200L25.8864%204.25L21.6364%206.18182L25.8864%208.11364L27.8182%2012.3636ZM16.2273%2013.1364L12.3636%204.63636L8.5%2013.1364L0%2017L8.5%2020.8636L12.3636%2029.3636L16.2273%2020.8636L24.7273%2017L16.2273%2013.1364ZM23.8182%2020.6364L21.8864%2024.8864L17.6364%2026.8182L21.8864%2028.75L23.8182%2033L25.75%2028.75L30%2026.8182L25.75%2024.8864L23.8182%2020.6364Z%22%20fill=%22white%22/%3E%0A%3C/svg%3E") center / contain no-repeat;
}
.hdcw-head > div { margin-top: 23.5px; min-width: 0; padding-right: 10px; }
.hdcw-head b {
  font-size: 18px;
  line-height: 18px;
  font-weight: 700;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.hdcw-head small {
  display: block;
  margin-top: 4.5px;             /* subtitle cap line at y48 (42003:558) */
  opacity: 1;
  font-size: 12px;
  font-weight: 500;
  line-height: 14px;
  white-space: nowrap;
}
/* Nav icons: close right edge 16px in, gaps 18 and 19 (12:143). */
.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: 23px 0 0 16px; 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 334 wide at x16, user bubbles end
 * at x380 (19:649). */
/* The artwork stacks the bubbles 15px apart (greeting foot 190 -> next
 * bubble 205 on 15-browse / 16-browse-auto), not the widget's 10. */
.hdcw-msgs { padding: 14px 20px 14px 16px; gap: 15px; }

/* Bubbles. Bot (1:14, 37:322, 37:325, 19:391): #EDEDED, 1px #C7C7C7
 * inside stroke, r10 with the BOTTOM-LEFT corner square, Montserrat Regular
 * 14/17 with 1% tracking, text 22px in. Fixed 334px (91.8% of the 364px
 * content column) on every artboard.
 * User (19:649): #0E4C7D, white Regular 14, r10 with the BOTTOM-RIGHT corner
 * square, text 19px in, 48 tall for one line. */
.hdcw-msg {
  max-width: 96%;
  padding: 14px 22px;
  font-size: 14px;
  line-height: 17px;
  letter-spacing: .01em;
}
.hdcw-bot {
  width: 91.8%;
  max-width: 91.8%;
  box-sizing: border-box;
  background: #EDEDED;
  border-color: #C7C7C7;
  border-radius: 10px 10px 10px 0;
  padding: 14px 22px;
}
/* The greeting (1:11 / 4028:1190 / 4028:1202 - identical on every artboard
 * that draws it) is a 334x95 bubble whose 266x58 text box starts 14px under
 * the outer edge: three runs at 17 / 24 / 17, i.e. the same 17px leading as
 * every other bubble with 7px of extra air after the Bold headline. The
 * headline is an inline-block carrying that 7px itself, so it grows its own
 * line only, whatever the admin copy after it. */
.hdcw-msgs > .hdcw-bot:first-child { padding: 13px 22px 22px; }
.hdcw-bot b, .hdcw-bot strong { font-weight: 600; }
.hdcw-msgs > .hdcw-bot:first-child b,
.hdcw-msgs > .hdcw-bot:first-child strong { display: inline-block; margin-bottom: 7px; 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 on a 19px leading, text box
 * 28px under the top edge. */
.hdcw-bot:has(a.hdcw-link) {
  background: #fff;
  border-color: #E4E6EA;
  line-height: 19px;
  padding: 27px 22px 20px;
}
.hdcw-user { border-radius: 10px 10px 0 10px; font-weight: 400; padding: 17px 19px; }
.hdcw-typing {
  background: #EDEDED;
  border-color: #C7C7C7;
  border-radius: 10px 10px 10px 0;
  padding: 14px 22px;
}
/* "Searching our stock..." (19:537, 19:652): Lato Italic 12, #6D6D6D, x20 -
 * 4px in from the bubble column. */
.hdcw-status {
  font-family: 'Lato', var(--hdcw-font);
  font-style: italic;
  font-size: 12px;
  line-height: 14px;
  margin: 3px 0 5px 4px;
}

/* ---------- Openers (lozenge 12:145): a 361x72 WHITE box at x16, r10, 1px
 * #D0D0D0 stroke, no shadow, 9px apart (tops 209 / 290 / 371 / 452). Title
 * Montserrat Bold 15 at x85 y228, caption Regular 12 at x85 y247, glyph at
 * the artwork's own offset, chevron 6x12 at x353.5. */
.hdcw-opener { gap: 9px; margin: 0 3px 0 0; }   /* 361 wide inside the 364 column */
/* The opener stack starts 19px under the greeting bubble (its foot 190, the
 * first lozenge 209), where the widget's own column gap is 10. */
.hdcw-bot + .hdcw-opener { margin-top: 4px; }
.hdcw-opener button { position: relative; }
.hdcw-opener button.hdcw-op-used,
.hdcw-opener button.hdcw-op-new,
.hdcw-opener button.hdcw-op-quiz,
.hdcw-opener button.hdcw-op-alert {
  box-sizing: border-box;
  border: 1px solid #D0D0D0;
  border-radius: 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%230F5EAC%22/%3E%0A%3C/svg%3E") no-repeat right 15.5px top 27px / 8px 14px, #fff;
  color: #000000;
  text-align: left;
  box-shadow: none;
  min-height: 72px;
  padding: 17px 44px 18px 68px;  /* 1 + 17 + 20 title + 15 caption + 18 + 1 = 72 */
  font-size: 15px;
  font-weight: 700;
  line-height: 20px;
}
.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: #F4F4F4; opacity: 1; }
/* Glyph boxes = the export + its 1px bezel, placed from the padding box
 * (artwork 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-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: 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%230F5EAC%22/%3E%0A%3C/svg%3E"); }
.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%230F5EAC%22/%3E%0A%3C/svg%3E"); }
.hdcw-opener button.hdcw-op-alert::before { left: 25px; top: 21px; width: 22px; height: 23px; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width=%2222%22%20height=%2223%22%20viewBox=%22-1%20-1%2022%2023%22%20fill=%22none%22%20xmlns=%22http://www.w3.org/2000/svg%22%3E%0A%3Cpath%20d=%22M19.7302%2014.1876C18.8621%2012.7361%2018.4011%2010.6526%2018.4011%208.16667C18.4011%206.00073%2017.516%203.92351%2015.9406%202.39196C14.3651%200.860414%2012.2284%200%2010.0003%200C7.77221%200%205.63542%200.860414%204.05996%202.39196C2.48449%203.92351%201.59941%206.00073%201.59941%208.16667C1.59941%2010.6536%201.14036%2012.7361%200.272274%2014.1876C0.0951375%2014.4837%200.00124102%2014.8198%201.22178e-05%2015.1623C-0.00121659%2015.5049%200.0902655%2015.8416%200.265273%2016.1388C0.439174%2016.4363%200.69158%2016.6832%200.996434%2016.8541C1.30129%2017.025%201.64754%2017.1137%201.99945%2017.1112H18.0011C18.3525%2017.1133%2018.6981%2017.0242%2019.0024%2016.8534C19.3067%2016.6825%2019.5586%2016.4359%2019.7322%2016.1388C19.908%2015.842%2020.0004%2015.5055%2020%2015.163C19.9996%2014.8205%2019.9066%2014.4842%2019.7302%2014.1876ZM2.66552%2014.7778C3.5506%2013.0278%203.99965%2010.8053%203.99965%208.16667C3.99965%206.61957%204.63186%205.13584%205.75719%204.04188C6.88252%202.94791%208.4088%202.33333%2010.0003%202.33333C11.5917%202.33333%2013.118%202.94791%2014.2433%204.04188C15.3687%205.13584%2016.0008%206.61957%2016.0008%208.16667C16.0008%2010.8043%2016.4489%2013.0278%2017.334%2014.7778H2.66552ZM14.4007%2019.8333C14.4007%2020.1427%2014.2742%2020.4395%2014.0492%2020.6583C13.8241%2020.877%2013.5188%2021%2013.2006%2021H6.79993C6.48165%2021%206.17639%2020.877%205.95132%2020.6583C5.72625%2020.4395%205.59981%2020.1427%205.59981%2019.8333C5.59981%2019.5239%205.72625%2019.2271%205.95132%2019.0084C6.17639%2018.7896%206.48165%2018.6667%206.79993%2018.6667H13.2006C13.5188%2018.6667%2013.8241%2018.7896%2014.0492%2019.0084C14.2742%2019.2271%2014.4007%2019.5239%2014.4007%2019.8333Z%22%20fill=%22%23106EBB%22/%3E%0A%3C/svg%3E"); }
/* Captions (the small line under each label) are part of the drawn button, so
 * they live here, verbatim from the artwork - except the Used caption's stock
 * number, which is live since CON-995: see the [data-stock] rule below. */
.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 {
  display: block;                /* in flow: a wrapped title pushes it down */
  text-align: left;
  font-size: 12px;
  font-weight: 400;
  line-height: 15px;
  letter-spacing: 0;
  color: #000000;
}
.hdcw-opener button.hdcw-op-used::after { content: 'Used vehicles in stock'; }      /* 30002:640 */
/* CON-995: live used-stock count. The widget sets data-stock on the
 * button and this rule prints it; the caption without a number above
 * shows until it arrives, or if it cannot. Roll back: delete this rule
 * and put the artwork's caption back above: '59 used vehicles in stock'. */
.hdcw-opener button.hdcw-op-used[data-stock]::after { content: attr(data-stock) ' used vehicles in stock'; }
.hdcw-opener button.hdcw-op-new::after { content: 'Explore our Fiat & Jeep ranges'; }  /* I40001:655;30002:640 */
.hdcw-opener button.hdcw-op-quiz::after { content: 'Get matched to car to suit your needs'; }  /* 6001:1012 */
.hdcw-opener button.hdcw-op-alert::after { content: 'Receive a daily stock alert'; }   /* 6001:1037 */

/* "Something else" (2023:430): NO box at all - its rectangle 32003:803 is
 * hidden in the file and the artboards draw only the glyph, the label and the
 * chevron on the white ground. 361x59 at y526, label @86,547, "?" 23x23
 * @44,545, chevron @352.5,553.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%230F5EAC%22/%3E%0A%3C/svg%3E") no-repeat right 17.5px top 26.5px / 8px 14px, transparent;
  color: #000000;
  text-align: left;
  box-shadow: none;
  min-height: 59px;
  margin-top: -7px;              /* box top 526, 2px under the 4th lozenge */
  padding: 21.5px 44px 19.5px 70px;
  font-size: 15px;
  font-weight: 700;
  line-height: 18px;
}
.hdcw-opener .hdcw-else.hdcw-op-else:hover { background-color: #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%23106EBB%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%23106EBB%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
 * #1B84C9, white Lato SemiBold 15, centred, cap line 17px under the top. */
.hdcw-opener button.hdcw-op-ctx {
  min-height: 55px;
  margin: 0 15px 0 8px;          /* 349 wide at x24 on 16-browse-auto */
  border: 0;
  border-radius: 10px;
  padding: 17px 0 20px;
  background: #1B84C9;
  color: #fff;
  font-family: 'Lato', var(--hdcw-font);
  font-size: 15px;
  font-weight: 600;
  line-height: 18px;
}
.hdcw-opener button.hdcw-op-ctx:hover { opacity: .9; }

/* ---------- Chips (item 16:212): 31px white, r10, NO border, a 0/4/4 25%
 * shadow, Montserrat Regular 12/13 black centred, 5px gaps both ways, text
 * 15px in. Rows start at x18, 2px in from the bubble column. Selected = a
 * 1px black stroke and nothing else (19:414, 37:328). */
.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 12px;             /* 1 + 8 + 13 + 8 + 1 = 31 tall (16:208). The
                                  * artwork's own side padding runs 8 to 15.5px
                                  * chip by chip (121 for "Commercials (36)",
                                  * 124 for "Automatic (155)"); 12 is the value
                                  * that reproduces the artboard's POPULAR and
                                  * LIFESTYLE line breaks, which is what a
                                  * uniform rule can hold onto. */
  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 FM2 site loads Bootstrap 4.3.1 (head.blade.php line 34), whose reboot
 * adds `button:focus { outline: 5px auto }` - a tapped chip would wear the
 * browser's focus ring on top of the artwork's 1px stroke. Mouse and touch
 * focus drop it; keyboard focus keeps a visible ring. */
.hdcw-chip:focus:not(:focus-visible) { outline: 0; }
/* POPULAR / LIFESTYLE / MAKES (19:426, 19:434, 19:451): Montserrat Bold 11,
 * #6D6D6D, at x23-24 = 8px in from the bubble column. */
.hdcw-ghead {
  letter-spacing: 0;
  font-size: 11px;
  font-weight: 700;
  line-height: 13px;
  margin: -3px 6px -6px 8px;
}
/* Under a chip row the artwork gives the next head more air (last row foot
 * 443 -> LIFESTYLE 461 on 15-browse) than under a bubble. */
.hdcw-chips + .hdcw-ghead { margin-top: 3px; }
/* Quiz answer chips sit flush with the bubble at x16 (37:328), where the
 * stock and model rows start at x18. */
.hdcw-bot + .hdcw-chips { padding-left: 0; margin-top: -7px; }

/* ---------- Car cards ("csr search" 19:566): 176 wide, 14px apart, white,
 * 1px #E4E6EA, r10, photo 176x113 square-topped, body text 12px in. Title
 * Montserrat Regular 12/12, price Bold 12/19, monthly Medium 12/16, meta
 * Regular 10/17. Flush split action bar: Details (77, white, #E4E6EA rule) |
 * I'm Interested (99, #1B84C9, white ink), both Regular 12/13 ls -1%. */
.hdcw-cars { gap: 14px; }
.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 12px 1.5px; }   /* title cap +124.5, action bar +213 from the card top (19:566) */
.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: .012em;
  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: 500; line-height: 16px; margin-top: 3px; }
.hdcw-car .hdcw-meta { color: #000000; font-size: 10px; line-height: 17px; margin-top: 1.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: 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: #1B84C9;
  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: #1B84C9; opacity: .85; color: #fff; }

/* ---------- Footer (24:712): a #E4E6EA band 400x129. Input 299x51 @21,611,
 * r10, white, 1px black, placeholder Montserrat Regular 14 ls 1% 17px in.
 * Send: the #106EBB 52px disc 8px right of it. Disclosure: Montserrat
 * Regular 12/15 ls 1%, black, centred in a 308px box, 17px above the foot. */
.hdcw-input {
  background: #E4E6EA;
  border-top: 0;
  padding: 20px 20px 10px 21px;  /* the 52px send sets the row: 20 + 52 + 10 */
  gap: 8px;
}
.hdcw-input input {
  box-sizing: border-box;
  height: 51px;
  border-radius: 10px;
  padding: 2px 17px 0;
  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: #106EBB; }
.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%23106EBB%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: .01em;
  padding: 0 46px 17px;          /* the artwork's 308px box, centred */
}
.hdcw-powered a.hdcw-tc { color: #000000; }
.hdcw-powered a.hdcw-tc:hover { color: #106EBB; }
.hdcw-powered > div { display: inline; }
/* The opener list (01-chat) prints "Terms & Conditions" plain; every other
 * artboard underlines it (15-browse, 16-browse-auto...). The opener list is
 * the selector: it removes itself as soon as a button is tapped. */
.hdcw-panel:has(.hdcw-op-else) .hdcw-powered a.hdcw-tc { text-decoration: none; }
.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; }
}