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

/* ---------- Launcher (icon-virtual-assistant 26002:611 on the 400x653 home
 * artboard): the designer's 142x50 tab + square, "VIRTUAL ASSISTANT" Lato Bold
 * 13 right of centre in white and the white mark, as one 146x58 SVG (4px of
 * shadow right, 8px below). The lockup ends 9px from the right edge and 17px
 * from the bottom (x249..391, y586..636). */
.hdcw-fab {
  width: 146px;
  height: 58px;
  right: 5px;
  bottom: 9px;
  border-radius: 10px;
  background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width=%22146%22%20height=%2258%22%20viewBox=%220%200%20146%2058%22%20fill=%22none%22%20xmlns=%22http://www.w3.org/2000/svg%22%20xmlns:xlink=%22http://www.w3.org/1999/xlink%22%3E%0A%3Cg%20filter=%22url(%23filter0_d_26002_611)%22%3E%0A%3Cuse%20xlink:href=%22%23stroke0_26002_611%22%20fill=%22white%22/%3E%0A%3Cuse%20xlink:href=%22%23stroke0_26002_611%22%20fill=%22%23ED202B%22/%3E%0A%3C/g%3E%0A%3Cpath%20d=%22M0%2010C0%204.47715%204.47715%200%2010%200H93V50H10C4.47715%2050%200%2045.5228%200%2040V10Z%22%20fill=%22black%22%20fill-opacity=%220.9%22/%3E%0A%3Cpath%20d=%22M116.722%2033.8889C115.471%2033.8899%20114.239%2033.5903%20113.136%2033.0167C112.033%2032.4431%20111.094%2031.6134%20110.403%2030.6019L112.208%2029.439C112.702%2030.1614%20113.373%2030.7541%20114.16%2031.164C114.948%2031.574%20115.828%2031.7886%20116.722%2031.7886C117.616%2031.7886%20118.496%2031.574%20119.284%2031.164C120.072%2030.7541%20120.742%2030.1614%20121.236%2029.439L123.041%2030.6019C122.35%2031.6134%20121.411%2032.4431%20120.308%2033.0167C119.206%2033.5903%20117.974%2033.8899%20116.722%2033.8889ZM121.055%2022.3334C120.627%2022.3334%20120.208%2022.4566%20119.852%2022.6875C119.495%2022.9184%20119.218%2023.2465%20119.054%2023.6304C118.89%2024.0143%20118.847%2024.4367%20118.93%2024.8443C119.014%2025.2518%20119.22%2025.6262%20119.523%2025.92C119.826%2026.2139%20120.212%2026.414%20120.633%2026.495C121.053%2026.5761%20121.489%2026.5345%20121.885%2026.3755C122.281%2026.2165%20122.619%2025.9472%20122.857%2025.6017C123.095%2025.2562%20123.222%2024.8499%20123.222%2024.4344C123.225%2024.1577%20123.171%2023.8833%20123.063%2023.6271C122.955%2023.3709%20122.796%2023.1382%20122.594%2022.9425C122.392%2022.7469%20122.152%2022.5922%20121.888%2022.4876C121.624%2022.383%20121.341%2022.3306%20121.055%2022.3334ZM112.389%2022.3334C111.96%2022.3334%20111.541%2022.4566%20111.185%2022.6875C110.829%2022.9184%20110.551%2023.2465%20110.387%2023.6304C110.223%2024.0143%20110.18%2024.4367%20110.264%2024.8443C110.347%2025.2518%20110.554%2025.6262%20110.857%2025.92C111.16%2026.2139%20111.546%2026.414%20111.966%2026.495C112.386%2026.5761%20112.822%2026.5345%20113.218%2026.3755C113.614%2026.2165%20113.952%2025.9472%20114.19%2025.6017C114.428%2025.2562%20114.556%2024.8499%20114.556%2024.4344C114.558%2024.1577%20114.504%2023.8833%20114.397%2023.6271C114.289%2023.3709%20114.129%2023.1382%20113.927%2022.9425C113.726%2022.7469%20113.486%2022.5922%20113.221%2022.4876C112.957%2022.383%20112.674%2022.3306%20112.389%2022.3334Z%22%20fill=%22white%22/%3E%0A%3Cpath%20d=%22M118.424%2044L116.722%2043.0198L120.643%2036.1587H126.524C126.781%2036.1591%20127.036%2036.1087%20127.274%2036.0103C127.512%2035.9119%20127.729%2035.7675%20127.911%2035.5854C128.093%2035.4033%20128.237%2035.1871%20128.336%2034.949C128.434%2034.711%20128.485%2034.4559%20128.484%2034.1984V20.4762C128.485%2020.2186%20128.434%2019.9636%20128.336%2019.7255C128.237%2019.4875%20128.093%2019.2713%20127.911%2019.0892C127.729%2018.9071%20127.512%2018.7627%20127.274%2018.6643C127.036%2018.5659%20126.781%2018.5155%20126.524%2018.5159H106.921C106.663%2018.5155%20106.408%2018.5659%20106.17%2018.6643C105.932%2018.7627%20105.716%2018.9071%20105.534%2019.0892C105.352%2019.2713%20105.207%2019.4875%20105.109%2019.7255C105.01%2019.9636%20104.96%2020.2186%20104.96%2020.4762V34.1984C104.96%2034.4559%20105.01%2034.711%20105.109%2034.949C105.207%2035.1871%20105.352%2035.4033%20105.534%2035.5854C105.716%2035.7675%20105.932%2035.9119%20106.17%2036.0103C106.408%2036.1087%20106.663%2036.1591%20106.921%2036.1587H115.742V38.119H106.921C105.881%2038.119%20104.884%2037.706%20104.148%2036.9707C103.413%2036.2355%20103%2035.2382%20103%2034.1984V20.4762C103%2019.4364%20103.413%2018.4391%20104.148%2017.7039C104.884%2016.9686%20105.881%2016.5555%20106.921%2016.5555H126.524C127.564%2016.5555%20128.561%2016.9686%20129.296%2017.7039C130.031%2018.4391%20130.444%2019.4364%20130.444%2020.4762V34.1984C130.444%2035.2382%20130.031%2036.2355%20129.296%2036.9707C128.561%2037.706%20127.564%2038.119%20126.524%2038.119H121.785L118.424%2044Z%22%20fill=%22white%22/%3E%0A%3Cpath%20d=%22M108.056%208.61108L108.214%209.04297C108.425%209.60775%20108.529%209.89086%20108.734%2010.0974C108.942%2010.304%20109.226%2010.4094%20109.79%2010.6174L110.222%2010.7778L109.79%2010.9366C109.226%2011.1461%20108.942%2011.2515%20108.736%2011.4566C108.529%2011.6646%20108.424%2011.9478%20108.216%2012.5125L108.056%2012.9444L107.897%2012.5125C107.686%2011.9478%20107.582%2011.6646%20107.377%2011.4581C107.169%2011.2515%20106.886%2011.1461%20106.321%2010.9381L105.889%2010.7778L106.321%2010.6189C106.886%2010.4094%20107.169%2010.304%20107.375%2010.0989C107.582%209.89086%20107.687%209.60775%20107.895%209.04297L108.056%208.61108Z%22%20stroke-width=%220.7%22%20stroke-linejoin=%22round%22%20stroke=%22white%22/%3E%0A%3Cpath%20d=%22M118.167%205L118.431%205.71981L118.445%205.75669C118.788%206.67349%20118.961%207.13749%20119.298%207.47722C119.645%207.82148%20120.117%207.99722%20121.058%208.34389L121.778%208.61111L121.058%208.87593L121.021%208.88967C120.104%209.23199%20119.64%209.40523%20119.301%209.7426C118.959%2010.0866%20118.786%2010.554%20118.442%2011.4812L118.434%2011.5024L118.167%2012.2222L117.902%2011.5024L117.888%2011.4655C117.546%2010.5487%20117.373%2010.0847%20117.035%209.745C116.689%209.40074%20116.217%209.225%20115.275%208.87834L114.556%208.61111L115.275%208.3463L115.312%208.33255C116.229%207.99024%20116.693%207.817%20117.033%207.47963C117.374%207.13558%20117.548%206.66823%20117.892%205.74107L117.899%205.71981L118.167%205Z%22%20stroke-linejoin=%22round%22%20stroke=%22white%22/%3E%0A%3Cpath%20d=%22M28.2646%2013.601L24.4686%2023H22.8891L19.0931%2013.601H20.4971C20.6488%2013.601%2020.7723%2013.6378%2020.8676%2013.7115C20.963%2013.7852%2021.0345%2013.8805%2021.0821%2013.9975L23.2986%2019.7305C23.3723%2019.9168%2023.4416%2020.1227%2023.5066%2020.348C23.576%2020.569%2023.641%2020.8008%2023.7016%2021.0435C23.7536%2020.8008%2023.81%2020.569%2023.8706%2020.348C23.9313%2020.1227%2023.9985%2019.9168%2024.0721%2019.7305L26.2756%2013.9975C26.3103%2013.8978%2026.3775%2013.8068%2026.4771%2013.7245C26.5811%2013.6422%2026.7068%2013.601%2026.8541%2013.601H28.2646ZM31.1225%2023H29.3675V13.601H31.1225V23ZM36.1974%2018.073C36.5267%2018.073%2036.8127%2018.0318%2037.0554%2017.9495C37.3024%2017.8672%2037.5039%2017.7545%2037.6599%2017.6115C37.8202%2017.4642%2037.9394%2017.2908%2038.0174%2017.0915C38.0954%2016.8922%2038.1344%2016.6733%2038.1344%2016.435C38.1344%2015.9583%2037.9762%2015.5922%2037.6599%2015.3365C37.3479%2015.0808%2036.869%2014.953%2036.2234%2014.953H35.1054V18.073H36.1974ZM40.6954%2023H39.1159C38.8169%2023%2038.6002%2022.883%2038.4659%2022.649L36.4899%2019.6395C36.4162%2019.5268%2036.3339%2019.4467%2036.2429%2019.399C36.1562%2019.3513%2036.0262%2019.3275%2035.8529%2019.3275H35.1054V23H33.3569V13.601H36.2234C36.8604%2013.601%2037.4064%2013.6682%2037.8614%2013.8025C38.3207%2013.9325%2038.6955%2014.1167%2038.9859%2014.355C39.2805%2014.5933%2039.4972%2014.8793%2039.6359%2015.213C39.7745%2015.5423%2039.8439%2015.9063%2039.8439%2016.305C39.8439%2016.6213%2039.7962%2016.9203%2039.7009%2017.202C39.6099%2017.4837%2039.4755%2017.7393%2039.2979%2017.969C39.1245%2018.1987%2038.9079%2018.4002%2038.6479%2018.5735C38.3922%2018.7468%2038.0997%2018.8833%2037.7704%2018.983C37.883%2019.048%2037.987%2019.126%2038.0824%2019.217C38.1777%2019.3037%2038.2644%2019.4077%2038.3424%2019.529L40.6954%2023ZM48.1642%2015.0375H45.3302V23H43.5817V15.0375H40.7477V13.601H48.1642V15.0375ZM53.3071%2021.5895C53.6451%2021.5895%2053.9463%2021.5332%2054.2106%2021.4205C54.4793%2021.3078%2054.7046%2021.1497%2054.8866%2020.946C55.0686%2020.7423%2055.2073%2020.4953%2055.3026%2020.205C55.4023%2019.9147%2055.4521%2019.5897%2055.4521%2019.23V13.601H57.2006V19.23C57.2006%2019.789%2057.1096%2020.3068%2056.9276%2020.7835C56.7499%2021.2558%2056.4921%2021.6653%2056.1541%2022.012C55.8204%2022.3543%2055.4131%2022.623%2054.9321%2022.818C54.4511%2023.0087%2053.9094%2023.104%2053.3071%2023.104C52.7004%2023.104%2052.1566%2023.0087%2051.6756%2022.818C51.1946%2022.623%2050.7851%2022.3543%2050.4471%2022.012C50.1134%2021.6653%2049.8556%2021.2558%2049.6736%2020.7835C49.4959%2020.3068%2049.4071%2019.789%2049.4071%2019.23V13.601H51.1556V19.2235C51.1556%2019.5832%2051.2033%2019.9082%2051.2986%2020.1985C51.3983%2020.4888%2051.5391%2020.738%2051.7211%2020.946C51.9074%2021.1497%2052.1328%2021.3078%2052.3971%2021.4205C52.6658%2021.5332%2052.9691%2021.5895%2053.3071%2021.5895ZM64.04%2019.451L62.896%2016.3245C62.8397%2016.1858%2062.7812%2016.0212%2062.7205%2015.8305C62.6599%2015.6398%2062.5992%2015.434%2062.5385%2015.213C62.4822%2015.434%2062.4237%2015.642%2062.363%2015.837C62.3024%2016.0277%2062.2439%2016.1945%2062.1875%2016.3375L61.05%2019.451H64.04ZM67.1275%2023H65.7755C65.6239%2023%2065.5004%2022.9632%2065.405%2022.8895C65.3097%2022.8115%2065.2382%2022.7162%2065.1905%2022.6035L64.4885%2020.686H60.595L59.893%2022.6035C59.8584%2022.7032%2059.7912%2022.7942%2059.6915%2022.8765C59.5919%2022.9588%2059.4684%2023%2059.321%2023H57.956L61.6545%2013.601H63.4355L67.1275%2023ZM73.7359%2021.557V23H68.2304V13.601H69.9789V21.557H73.7359ZM19.4881%2035.451L18.3441%2032.3245C18.2878%2032.1858%2018.2293%2032.0212%2018.1686%2031.8305C18.1079%2031.6398%2018.0473%2031.434%2017.9866%2031.213C17.9303%2031.434%2017.8718%2031.642%2017.8111%2031.837C17.7504%2032.0277%2017.6919%2032.1945%2017.6356%2032.3375L16.4981%2035.451H19.4881ZM22.5756%2039H21.2236C21.0719%2039%2020.9484%2038.9632%2020.8531%2038.8895C20.7578%2038.8115%2020.6863%2038.7162%2020.6386%2038.6035L19.9366%2036.686H16.0431L15.3411%2038.6035C15.3064%2038.7032%2015.2393%2038.7942%2015.1396%2038.8765C15.0399%2038.9588%2014.9164%2039%2014.7691%2039H13.4041L17.1026%2029.601H18.8836L22.5756%2039ZM28.6835%2031.3105C28.6315%2031.4015%2028.5751%2031.4687%2028.5145%2031.512C28.4581%2031.551%2028.3866%2031.5705%2028.3%2031.5705C28.209%2031.5705%2028.1093%2031.538%2028.001%2031.473C27.897%2031.4037%2027.7713%2031.3278%2027.624%2031.2455C27.4766%2031.1632%2027.3033%2031.0895%2027.104%2031.0245C26.909%2030.9552%2026.6771%2030.9205%2026.4085%2030.9205C26.1658%2030.9205%2025.9535%2030.9508%2025.7715%2031.0115C25.5895%2031.0678%2025.4356%2031.148%2025.31%2031.252C25.1886%2031.356%2025.0976%2031.4817%2025.037%2031.629C24.9763%2031.772%2024.946%2031.9302%2024.946%2032.1035C24.946%2032.3245%2025.0066%2032.5087%2025.128%2032.656C25.2536%2032.8033%2025.4183%2032.929%2025.622%2033.033C25.8256%2033.137%2026.0575%2033.2302%2026.3175%2033.3125C26.5775%2033.3948%2026.844%2033.4837%2027.117%2033.579C27.39%2033.67%2027.6565%2033.7783%2027.9165%2033.904C28.1765%2034.0253%2028.4083%2034.1813%2028.612%2034.372C28.8156%2034.5583%2028.9781%2034.788%2029.0995%2035.061C29.2251%2035.334%2029.288%2035.6655%2029.288%2036.0555C29.288%2036.4802%2029.2143%2036.8788%2029.067%2037.2515C28.924%2037.6198%2028.7116%2037.9427%2028.43%2038.22C28.1526%2038.493%2027.8125%2038.7097%2027.4095%2038.87C27.0065%2039.026%2026.545%2039.104%2026.025%2039.104C25.726%2039.104%2025.4313%2039.0737%2025.141%2039.013C24.8506%2038.9567%2024.5711%2038.8743%2024.3025%2038.766C24.0381%2038.6577%2023.789%2038.5277%2023.555%2038.376C23.321%2038.2243%2023.113%2038.0553%2022.931%2037.869L23.4445%2037.0305C23.4878%2036.9698%2023.5441%2036.92%2023.6135%2036.881C23.6828%2036.8377%2023.7565%2036.816%2023.8345%2036.816C23.9428%2036.816%2024.0598%2036.8615%2024.1855%2036.9525C24.3111%2037.0392%2024.4606%2037.1367%2024.634%2037.245C24.8073%2037.3533%2025.0088%2037.453%2025.2385%2037.544C25.4725%2037.6307%2025.752%2037.674%2026.077%2037.674C26.5753%2037.674%2026.961%2037.557%2027.234%2037.323C27.507%2037.0847%2027.6435%2036.7445%2027.6435%2036.3025C27.6435%2036.0555%2027.5806%2035.854%2027.455%2035.698C27.3336%2035.542%2027.1711%2035.412%2026.9675%2035.308C26.7638%2035.1997%2026.532%2035.1087%2026.272%2035.035C26.012%2034.9613%2025.7476%2034.8812%2025.479%2034.7945C25.2103%2034.7078%2024.946%2034.6038%2024.686%2034.4825C24.426%2034.3612%2024.1941%2034.203%2023.9905%2034.008C23.7868%2033.813%2023.6221%2033.5703%2023.4965%2033.28C23.3751%2032.9853%2023.3145%2032.6235%2023.3145%2032.1945C23.3145%2031.8522%2023.3816%2031.5185%2023.516%2031.1935C23.6546%2030.8685%2023.854%2030.5803%2024.114%2030.329C24.374%2030.0777%2024.6946%2029.8762%2025.076%2029.7245C25.4573%2029.5728%2025.895%2029.497%2026.389%2029.497C26.9436%2029.497%2027.455%2029.5837%2027.923%2029.757C28.391%2029.9303%2028.7896%2030.173%2029.119%2030.485L28.6835%2031.3105ZM35.9482%2031.3105C35.8962%2031.4015%2035.8399%2031.4687%2035.7792%2031.512C35.7229%2031.551%2035.6514%2031.5705%2035.5647%2031.5705C35.4737%2031.5705%2035.3741%2031.538%2035.2657%2031.473C35.1617%2031.4037%2035.0361%2031.3278%2034.8887%2031.2455C34.7414%2031.1632%2034.5681%2031.0895%2034.3687%2031.0245C34.1737%2030.9552%2033.9419%2030.9205%2033.6732%2030.9205C33.4306%2030.9205%2033.2182%2030.9508%2033.0362%2031.0115C32.8542%2031.0678%2032.7004%2031.148%2032.5747%2031.252C32.4534%2031.356%2032.3624%2031.4817%2032.3017%2031.629C32.2411%2031.772%2032.2107%2031.9302%2032.2107%2032.1035C32.2107%2032.3245%2032.2714%2032.5087%2032.3927%2032.656C32.5184%2032.8033%2032.6831%2032.929%2032.8867%2033.033C33.0904%2033.137%2033.3222%2033.2302%2033.5822%2033.3125C33.8422%2033.3948%2034.1087%2033.4837%2034.3817%2033.579C34.6547%2033.67%2034.9212%2033.7783%2035.1812%2033.904C35.4412%2034.0253%2035.6731%2034.1813%2035.8767%2034.372C36.0804%2034.5583%2036.2429%2034.788%2036.3642%2035.061C36.4899%2035.334%2036.5527%2035.6655%2036.5527%2036.0555C36.5527%2036.4802%2036.4791%2036.8788%2036.3317%2037.2515C36.1887%2037.6198%2035.9764%2037.9427%2035.6947%2038.22C35.4174%2038.493%2035.0772%2038.7097%2034.6742%2038.87C34.2712%2039.026%2033.8097%2039.104%2033.2897%2039.104C32.9907%2039.104%2032.6961%2039.0737%2032.4057%2039.013C32.1154%2038.9567%2031.8359%2038.8743%2031.5672%2038.766C31.3029%2038.6577%2031.0537%2038.5277%2030.8197%2038.376C30.5857%2038.2243%2030.3777%2038.0553%2030.1957%2037.869L30.7092%2037.0305C30.7526%2036.9698%2030.8089%2036.92%2030.8782%2036.881C30.9476%2036.8377%2031.0212%2036.816%2031.0992%2036.816C31.2076%2036.816%2031.3246%2036.8615%2031.4502%2036.9525C31.5759%2037.0392%2031.7254%2037.1367%2031.8987%2037.245C32.0721%2037.3533%2032.2736%2037.453%2032.5032%2037.544C32.7372%2037.6307%2033.0167%2037.674%2033.3417%2037.674C33.8401%2037.674%2034.2257%2037.557%2034.4987%2037.323C34.7717%2037.0847%2034.9082%2036.7445%2034.9082%2036.3025C34.9082%2036.0555%2034.8454%2035.854%2034.7197%2035.698C34.5984%2035.542%2034.4359%2035.412%2034.2322%2035.308C34.0286%2035.1997%2033.7967%2035.1087%2033.5367%2035.035C33.2767%2034.9613%2033.0124%2034.8812%2032.7437%2034.7945C32.4751%2034.7078%2032.2107%2034.6038%2031.9507%2034.4825C31.6907%2034.3612%2031.4589%2034.203%2031.2552%2034.008C31.0516%2033.813%2030.8869%2033.5703%2030.7612%2033.28C30.6399%2032.9853%2030.5792%2032.6235%2030.5792%2032.1945C30.5792%2031.8522%2030.6464%2031.5185%2030.7807%2031.1935C30.9194%2030.8685%2031.1187%2030.5803%2031.3787%2030.329C31.6387%2030.0777%2031.9594%2029.8762%2032.3407%2029.7245C32.7221%2029.5728%2033.1597%2029.497%2033.6537%2029.497C34.2084%2029.497%2034.7197%2029.5837%2035.1877%2029.757C35.6557%2029.9303%2036.0544%2030.173%2036.3837%2030.485L35.9482%2031.3105ZM39.963%2039H38.208V29.601H39.963V39ZM47.2024%2031.3105C47.1504%2031.4015%2047.094%2031.4687%2047.0334%2031.512C46.977%2031.551%2046.9055%2031.5705%2046.8189%2031.5705C46.7279%2031.5705%2046.6282%2031.538%2046.5199%2031.473C46.4159%2031.4037%2046.2902%2031.3278%2046.1429%2031.2455C45.9955%2031.1632%2045.8222%2031.0895%2045.6229%2031.0245C45.4279%2030.9552%2045.196%2030.9205%2044.9274%2030.9205C44.6847%2030.9205%2044.4724%2030.9508%2044.2904%2031.0115C44.1084%2031.0678%2043.9545%2031.148%2043.8289%2031.252C43.7075%2031.356%2043.6165%2031.4817%2043.5559%2031.629C43.4952%2031.772%2043.4649%2031.9302%2043.4649%2032.1035C43.4649%2032.3245%2043.5255%2032.5087%2043.6469%2032.656C43.7725%2032.8033%2043.9372%2032.929%2044.1409%2033.033C44.3445%2033.137%2044.5764%2033.2302%2044.8364%2033.3125C45.0964%2033.3948%2045.3629%2033.4837%2045.6359%2033.579C45.9089%2033.67%2046.1754%2033.7783%2046.4354%2033.904C46.6954%2034.0253%2046.9272%2034.1813%2047.1309%2034.372C47.3345%2034.5583%2047.497%2034.788%2047.6184%2035.061C47.744%2035.334%2047.8069%2035.6655%2047.8069%2036.0555C47.8069%2036.4802%2047.7332%2036.8788%2047.5859%2037.2515C47.4429%2037.6198%2047.2305%2037.9427%2046.9489%2038.22C46.6715%2038.493%2046.3314%2038.7097%2045.9284%2038.87C45.5254%2039.026%2045.0639%2039.104%2044.5439%2039.104C44.2449%2039.104%2043.9502%2039.0737%2043.6599%2039.013C43.3695%2038.9567%2043.09%2038.8743%2042.8214%2038.766C42.557%2038.6577%2042.3079%2038.5277%2042.0739%2038.376C41.8399%2038.2243%2041.6319%2038.0553%2041.4499%2037.869L41.9634%2037.0305C42.0067%2036.9698%2042.063%2036.92%2042.1324%2036.881C42.2017%2036.8377%2042.2754%2036.816%2042.3534%2036.816C42.4617%2036.816%2042.5787%2036.8615%2042.7044%2036.9525C42.83%2037.0392%2042.9795%2037.1367%2043.1529%2037.245C43.3262%2037.3533%2043.5277%2037.453%2043.7574%2037.544C43.9914%2037.6307%2044.2709%2037.674%2044.5959%2037.674C45.0942%2037.674%2045.4799%2037.557%2045.7529%2037.323C46.0259%2037.0847%2046.1624%2036.7445%2046.1624%2036.3025C46.1624%2036.0555%2046.0995%2035.854%2045.9739%2035.698C45.8525%2035.542%2045.69%2035.412%2045.4864%2035.308C45.2827%2035.1997%2045.0509%2035.1087%2044.7909%2035.035C44.5309%2034.9613%2044.2665%2034.8812%2043.9979%2034.7945C43.7292%2034.7078%2043.4649%2034.6038%2043.2049%2034.4825C42.9449%2034.3612%2042.713%2034.203%2042.5094%2034.008C42.3057%2033.813%2042.141%2033.5703%2042.0154%2033.28C41.894%2032.9853%2041.8334%2032.6235%2041.8334%2032.1945C41.8334%2031.8522%2041.9005%2031.5185%2042.0349%2031.1935C42.1735%2030.8685%2042.3729%2030.5803%2042.6329%2030.329C42.8929%2030.0777%2043.2135%2029.8762%2043.5949%2029.7245C43.9762%2029.5728%2044.4139%2029.497%2044.9079%2029.497C45.4625%2029.497%2045.9739%2029.5837%2046.4419%2029.757C46.9099%2029.9303%2047.3085%2030.173%2047.6379%2030.485L47.2024%2031.3105ZM56.0271%2031.0375H53.1931V39H51.4446V31.0375H48.6106V29.601H56.0271V31.0375ZM61.439%2035.451L60.295%2032.3245C60.2387%2032.1858%2060.1802%2032.0212%2060.1195%2031.8305C60.0588%2031.6398%2059.9982%2031.434%2059.9375%2031.213C59.8812%2031.434%2059.8227%2031.642%2059.762%2031.837C59.7013%2032.0277%2059.6428%2032.1945%2059.5865%2032.3375L58.449%2035.451H61.439ZM64.5265%2039H63.1745C63.0228%2039%2062.8993%2038.9632%2062.804%2038.8895C62.7087%2038.8115%2062.6372%2038.7162%2062.5895%2038.6035L61.8875%2036.686H57.994L57.292%2038.6035C57.2573%2038.7032%2057.1902%2038.7942%2057.0905%2038.8765C56.9908%2038.9588%2056.8673%2039%2056.72%2039H55.355L59.0535%2029.601H60.8345L64.5265%2039ZM73.5529%2029.601V39H72.6559C72.5172%2039%2072.4002%2038.9783%2072.3049%2038.935C72.2139%2038.8873%2072.125%2038.8093%2072.0384%2038.701L67.1309%2032.435C67.1569%2032.721%2067.1699%2032.9853%2067.1699%2033.228V39H65.6294V29.601H66.5459C66.6195%2029.601%2066.6824%2029.6053%2066.7344%2029.614C66.7907%2029.6183%2066.8384%2029.6313%2066.8774%2029.653C66.9207%2029.6703%2066.9619%2029.6985%2067.0009%2029.7375C67.0399%2029.7722%2067.0832%2029.8198%2067.1309%2029.8805L72.0579%2036.1725C72.0449%2036.0208%2072.034%2035.8713%2072.0254%2035.724C72.0167%2035.5767%2072.0124%2035.4402%2072.0124%2035.3145V29.601H73.5529ZM82.341%2031.0375H79.507V39H77.7585V31.0375H74.9245V29.601H82.341V31.0375Z%22%20fill=%22white%22/%3E%0A%3Cdefs%3E%0A%3Cfilter%20id=%22filter0_d_26002_611%22%20x=%2289%22%20y=%220%22%20width=%2257%22%20height=%2258%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%3Cpath%20id=%22stroke0_26002_611%22%20d=%22M93%200H132C137.523%200%20142%204.47715%20142%2010V40C142%2045.5228%20137.523%2050%20132%2050H93V0Z%22/%3E%0A%3C/defs%3E%0A%3C/svg%3E") center / 146px 58px no-repeat;
  box-shadow: none;
  z-index: 1030;                 /* under the site's Bootstrap modals (1050) */
}
.hdcw-fab > svg { display: none; }
.hdcw-fab:hover { transform: scale(1.03); transform-origin: right bottom; }

/* ---------- Header (24:711): an 81px black band, r15 on top. Mark 27x39 at
 * x17 y17; title "John Corbett Motorvillage" Lato Bold 18 (line 20) at x64
 * y22, one line; subtitle Regular 13 at x63 y45, UNDER the title.
 * Nav icons at x295 / x333 / x368 (exports with their 1px margin), y23. */
.hdcw-panel .hdcw-head {
  position: relative;
  height: 81px;
  flex: none;
  box-sizing: border-box;
  overflow: hidden;              /* an over-long name is clipped, never spilled */
  align-items: flex-start;
  padding: 0 15px 0 17px;
  gap: 0;
  background: #000000;
}
.hdcw-head::before {
  content: '';
  flex: 0 0 27px;
  height: 39px;
  margin: 17px 20px 0 0;         /* title at x64 */
  background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width=%2227%22%20height=%2239%22%20viewBox=%220%200%2027%2039%22%20fill=%22none%22%20xmlns=%22http://www.w3.org/2000/svg%22%3E%0A%3Cpath%20d=%22M13.4999%2028.9259C12.2688%2028.9269%2011.0567%2028.6321%209.97182%2028.0678C8.88697%2027.5035%207.96324%2026.6872%207.28323%2025.6921L9.05883%2024.548C9.54489%2025.2588%2010.2048%2025.8418%2010.9797%2026.2452C11.7546%2026.6485%2012.6204%2026.8596%2013.4999%2026.8596C14.3794%2026.8596%2015.2452%2026.6485%2016.0201%2026.2452C16.7951%2025.8418%2017.455%2025.2588%2017.941%2024.548L19.7166%2025.6921C19.0366%2026.6872%2018.1129%2027.5035%2017.028%2028.0678C15.9432%2028.6321%2014.731%2028.9269%2013.4999%2028.9259ZM17.7631%2017.5576C17.3415%2017.5576%2016.9294%2017.6788%2016.5788%2017.9059C16.2283%2018.133%2015.9551%2018.4558%2015.7937%2018.8335C15.6324%2019.2112%2015.5902%2019.6268%2015.6724%2020.0278C15.7547%2020.4287%2015.9577%2020.797%2016.2558%2021.0861C16.5539%2021.3752%2016.9337%2021.572%2017.3472%2021.6518C17.7607%2021.7315%2018.1893%2021.6906%2018.5788%2021.5342C18.9683%2021.3777%2019.3012%2021.1128%2019.5354%2020.7729C19.7696%2020.433%2019.8946%2020.0333%2019.8946%2019.6245C19.8975%2019.3523%2019.8443%2019.0823%2019.7382%2018.8303C19.6321%2018.5783%2019.4751%2018.3493%2019.2766%2018.1568C19.0781%2017.9643%2018.842%2017.8122%2018.5821%2017.7093C18.3222%2017.6064%2018.0438%2017.5548%2017.7631%2017.5576ZM9.23681%2017.5576C8.81523%2017.5576%208.40311%2017.6788%208.05258%2017.9059C7.70205%2018.133%207.42884%2018.4558%207.2675%2018.8335C7.10617%2019.2112%207.06396%2019.6268%207.14621%2020.0278C7.22845%2020.4287%207.43147%2020.797%207.72957%2021.0861C8.02767%2021.3752%208.40748%2021.572%208.82096%2021.6518C9.23445%2021.7315%209.66303%2021.6906%2010.0525%2021.5342C10.442%2021.3777%2010.7749%2021.1128%2011.0091%2020.7729C11.2434%2020.433%2011.3684%2020.0333%2011.3684%2019.6245C11.3712%2019.3523%2011.318%2019.0823%2011.2119%2018.8303C11.1058%2018.5783%2010.9489%2018.3493%2010.7504%2018.1568C10.5519%2017.9643%2010.3158%2017.8122%2010.0559%2017.7093C9.79598%2017.6064%209.51752%2017.5548%209.23681%2017.5576Z%22%20fill=%22white%22/%3E%0A%3Cpath%20d=%22M15.174%2038.8733L13.5%2037.909L17.3571%2031.159H23.1429C23.3962%2031.1594%2023.6472%2031.1098%2023.8813%2031.013C24.1155%2030.9162%2024.3282%2030.7742%2024.5074%2030.595C24.6866%2030.4158%2024.8286%2030.2031%2024.9254%2029.9689C25.0222%2029.7348%2025.0718%2029.4838%2025.0714%2029.2304V15.7304C25.0718%2015.4771%2025.0222%2015.2261%2024.9254%2014.992C24.8286%2014.7578%2024.6866%2014.545%2024.5074%2014.3659C24.3282%2014.1867%2024.1155%2014.0447%2023.8813%2013.9479C23.6472%2013.8511%2023.3962%2013.8015%2023.1429%2013.8019H3.85714C3.60377%2013.8015%203.35282%2013.8511%203.11866%2013.9479C2.8845%2014.0447%202.67175%2014.1867%202.49259%2014.3659C2.31343%2014.545%202.17138%2014.7578%202.0746%2014.992C1.97781%2015.2261%201.92819%2015.4771%201.92857%2015.7304V29.2304C1.92819%2029.4838%201.97781%2029.7348%202.0746%2029.9689C2.17138%2030.2031%202.31343%2030.4158%202.49259%2030.595C2.67175%2030.7742%202.8845%2030.9162%203.11866%2031.013C3.35282%2031.1098%203.60377%2031.1594%203.85714%2031.159H12.5357V33.0876H3.85714C2.83416%2033.0876%201.85309%2032.6812%201.12973%2031.9578C0.406376%2031.2345%200%2030.2534%200%2029.2304V15.7304C0%2014.7075%200.406376%2013.7264%201.12973%2013.003C1.85309%2012.2797%202.83416%2011.8733%203.85714%2011.8733H23.1429C24.1658%2011.8733%2025.1469%2012.2797%2025.8703%2013.003C26.5936%2013.7264%2027%2014.7075%2027%2015.7304V29.2304C27%2030.2534%2026.5936%2031.2345%2025.8703%2031.9578C25.1469%2032.6812%2024.1658%2033.0876%2023.1429%2033.0876H18.4805L15.174%2038.8733Z%22%20fill=%22white%22/%3E%0A%3Cpath%20d=%22M4.97367%204.05746L5.12999%204.48235C5.33746%205.03798%205.43978%205.31651%205.64156%205.51972C5.8462%205.72293%206.12472%205.82667%206.68035%206.0313L7.10525%206.18904L6.68035%206.34535C6.12472%206.5514%205.8462%206.65514%205.64299%206.85693C5.43977%207.06156%205.33604%207.34009%205.13141%207.89572L4.97367%208.32061L4.81735%207.89572C4.60988%207.34009%204.50756%207.06156%204.30577%206.85835C4.10114%206.65514%203.82262%206.5514%203.26699%206.34677L2.84209%206.18904L3.26699%206.03272C3.82262%205.82667%204.10114%205.72293%204.30435%205.52114C4.50756%205.31651%204.6113%205.03798%204.81593%204.48235L4.97367%204.05746Z%22%20stroke-width=%220.706787%22%20stroke-linejoin=%22round%22%20stroke=%22white%22/%3E%0A%3Cpath%20d=%22M14.9211%200.504848L15.1816%201.21301L15.1951%201.24929C15.5319%202.15124%2015.7023%202.60772%2016.0342%202.94195C16.3753%203.28064%2016.8395%203.45353%2017.7655%203.79458L18.4737%204.05748L17.7655%204.318L17.7293%204.33152C16.8273%204.6683%2016.3708%204.83873%2016.0366%205.17064C15.7005%205.50911%2015.53%205.96889%2015.1917%206.88104L15.184%206.90195L14.9211%207.61011L14.6605%206.90195L14.647%206.86567C14.3102%205.96372%2014.1398%205.50724%2013.8079%205.173C13.4669%204.83432%2013.0026%204.66143%2012.0766%204.32037L11.3684%204.05748L12.0766%203.79695L12.1128%203.78343C13.0148%203.44666%2013.4713%203.27622%2013.8055%202.94432C14.1417%202.60584%2014.3122%202.14606%2014.6504%201.23391L14.6582%201.21301L14.9211%200.504848Z%22%20stroke-width=%221.0097%22%20stroke-linejoin=%22round%22%20stroke=%22white%22/%3E%0A%3C/svg%3E") center / contain no-repeat;
}
.hdcw-head > div { margin-top: 22px; min-width: 0; padding-right: 12px; }
.hdcw-head b {
  font-size: 18px;
  line-height: 20px;
  font-weight: 700;
  letter-spacing: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.hdcw-head small {
  display: block;
  margin: 3px 0 0 -1px;          /* 44001:543 sits 1px left of the title (x63 vs x64) */
  opacity: 1;
  font-size: 13px;
  font-weight: 400;
  line-height: 16px;
  white-space: nowrap;
}
.hdcw-reset, .hdcw-exp, .hdcw-close {
  flex: none;
  align-self: flex-start;
  padding: 0;
  font-size: 0;
  background-repeat: no-repeat;
  background-position: center;
}
.hdcw-reset {
  width: 22px;
  height: 18px;
  margin: 23px 0 0 auto;         /* reset 4028:981 ink x295..317 */
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width=%2222%22%20height=%2218%22%20viewBox=%220%200%2022%2018%22%20fill=%22none%22%20xmlns=%22http://www.w3.org/2000/svg%22%3E%0A%3Cpath%20d=%22M13%201C17.4133%201%2021%204.58667%2021%209C21%2013.4133%2017.4133%2017%2013%2017C8.58667%2017%205%2013.4133%205%209V5.66667%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%20stroke=%22white%22/%3E%0A%3Cpath%20d=%22M1%209L5%205L9%209%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%20stroke=%22white%22/%3E%0A%3C/svg%3E");
  background-size: 22px 18px;
}
.hdcw-reset svg { display: none; }
.hdcw-panel:not(.hdcw-max) .hdcw-exp {
  width: 18px;
  height: 18px;
  margin: 23px 0 0 16px;         /* expand 12:142 at x334 */
  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 16px; font-size: 0; }
.hdcw-close {
  width: 17px;
  height: 17px;
  margin: 23px 0 0 17px;         /* close 12:128 at x369 */
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width=%2217%22%20height=%2217%22%20viewBox=%22-1%20-1%2017%2017%22%20fill=%22none%22%20xmlns=%22http://www.w3.org/2000/svg%22%3E%0A%3Cpath%20d=%22M15%201.74427L13.2557%200L7.5%205.75573L1.74427%200L0%201.74427L5.75573%207.5L0%2013.2557L1.74427%2015L7.5%209.24427L13.2557%2015L15%2013.2557L9.24427%207.5L15%201.74427Z%22%20fill=%22white%22/%3E%0A%3C/svg%3E");
  background-size: 17px 17px;
}
/* The trade-in sheet (CON-1019, no artboard) reuses .hdcw-close in its own
 * header: keep the artwork's X there, centred in that bar. */
.hdcw-sheet-head .hdcw-close { align-self: center; margin: 0 0 0 12px; }

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

/* Bubbles. Bot (1:14, 37:322, 37:325, 16:205, 42:720): #EDEDED, 1px #C7C7C7
 * inside stroke, r10 with the BOTTOM-LEFT corner square, Lato Regular 16 on
 * a 19px leading with 1% tracking, the text box 16px under the outer edge and
 * 22px in; one line 49 tall (4048:652), two 68 (37:322). Fixed 334 (91.26%) wide.
 * User (37:388, 42:676): #000, white Regular 16, r10 with the BOTTOM-RIGHT
 * corner square, 48 tall for one line. */
.hdcw-msg {
  max-width: 96.2%;              /* the long user bubble 2030:495 is 352 of 366 */
  padding: 16px 22px 12px 21px;
  font-size: 16px;
  line-height: 19px;
  letter-spacing: .01em;
}
.hdcw-bot {
  width: 91.26%;
  max-width: 91.26%;
  box-sizing: border-box;
  background: #EDEDED;
  border-color: #C7C7C7;
  border-radius: 10px 10px 10px 0;
  padding: 16px 17px 12px 21px;  /* text 22px in from the outer edge; lines run to 18px off the right one (16:206 / 2030:577 are 288-294 wide); 1-line 49 (4048:652/705/711), 2-line 68 (37:322); the artwork's other heights (51, 63, 67, 83) are hand-sized */
  color: #000000;
}
/* The greeting (1:11 on 01-chat, 02-07, 11, 15): Lato Bold 16 headline, then
 * two Regular 16 lines, no tracking, in a 95px bubble; ink rows 113 / 137 /
 * 156 on 01-chat: the headline line, a 5px gap (the second line's 24px
 * leading is drawn above it), then two lines 19px apart. The headline (the
 * admin greeting's **bold** run) is an inline-block with a 5px bottom margin:
 * that grows its own line only, whatever the admin copy after it.
 * A first bubble followed by a car card (the vehicle page's "Interested in
 * this car?") or by the stock section heads (/search) is not the greeting and
 * keeps the plain bubble (CON-1024). */
.hdcw-msgs > .hdcw-bot:first-child:not(:has(+ .hdcw-cars, + .hdcw-ghead)) {
  letter-spacing: 0;
  line-height: 19px;
  padding: 13px 17px 18px 21px;  /* 1 + 13 + 19 + 5 + 19 + 19 + 18 + 1 = 95 */
}
.hdcw-msgs > .hdcw-bot:first-child:not(:has(+ .hdcw-cars, + .hdcw-ghead)) b,
.hdcw-msgs > .hdcw-bot:first-child:not(:has(+ .hdcw-cars, + .hdcw-ghead)) strong { display: inline-block; margin-bottom: 5px; font-weight: 700; }
/* Other bold runs ("27 used vehicles" 16:206) are Lato Bold. */
.hdcw-bot b, .hdcw-bot strong { font-weight: 700; }
/* No artboard draws a reply that links cars (this file has no 16-browse-auto):
 * the links keep the bubble and go Bold, underlined, black. */
.hdcw-bot a.hdcw-link { font-weight: 700; color: #000000; text-decoration: underline; }
/* 'Adventurous' (37:388 on 04-help2): ink 21.5px in, 17.5px down, 19px from
 * the right edge of its 130x48 bubble; the bot bubble that answers it sits
 * 8px under it (04: 328 -> 336), not the 11px column gap. */
.hdcw-user { border-radius: 10px 10px 0 10px; font-weight: 400; letter-spacing: 0; padding: 13px 19px 16px 21px; margin-bottom: -3px; }
.hdcw-typing {
  background: #EDEDED;
  border-color: #C7C7C7;
  border-radius: 10px 10px 10px 0;
  padding: 16px 22px 16px 21px;
}
/* "Searching our stock..." (2030:573 on 09-help7): Lato REGULAR 12 (not
 * italic in this artwork) #6D6D6D at x20, 13px under the user bubble and 16px
 * above the reply. */
.hdcw-status { font-style: normal; font-weight: 400; font-size: 12px; line-height: 14px; margin: 2px 0 5px; }

/* ---------- Openers (lozenge 40003:631 / 12:145 / 6001:1006 / 6001:1031 /
 * 2023:430): a white LIST, not buttons. Rows x16..382 (the 366px rules),
 * 74px apart (rules at 278 / 352 / 426 / 500; row 1 is 75 tall, from 204),
 * each row ending in a 1px #7E7E7E rule, "Something else" (from 501) with
 * none; no radius, no shadow; the first row 14px under the greeting. Titles
 * Lato Bold 18 (line 22) at x66 / x67, captions Regular 12 (line 14) 23px
 * under the title top; red glyphs 7-13px in; the black chevron 6x12 at
 * x350.5, 33-35px down (26.5 on "Something else"). The designer placed each
 * row by hand (title 17 / 18 / 16 / 18 / 19 under its row top): each row
 * carries its own offsets below. */
.hdcw-opener { gap: 0; margin: 3px 0 0; }
.hdcw-opener button { position: relative; }
.hdcw-opener button.hdcw-op-used,
.hdcw-opener button.hdcw-op-new,
.hdcw-opener button.hdcw-op-quiz,
.hdcw-opener button.hdcw-op-tradein,
.hdcw-opener button.hdcw-op-alert,
.hdcw-opener .hdcw-else.hdcw-op-else {
  box-sizing: border-box;
  border: 0;
  border-bottom: 1px solid #7E7E7E;
  border-radius: 0;
  background:
    url("data:image/svg+xml;charset=utf-8,%3Csvg%20width=%228%22%20height=%2214%22%20viewBox=%22-1%20-1%208%2014%22%20fill=%22none%22%20xmlns=%22http://www.w3.org/2000/svg%22%3E%0A%3Cpath%20d=%22M5.40984e-09%201.215L1.00917%202.18156e-07L6%206L1.00917%2012L4.23728e-07%2010.785L3.97792%206L5.40984e-09%201.215Z%22%20fill=%22black%22/%3E%0A%3C/svg%3E") no-repeat right 24.5px top 33px / 8px 14px border-box,
    #fff;
  color: #000000;
  text-align: left;
  box-shadow: none;
}
.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 {
  min-height: 74px;
  padding: 18px 40px 17px 51px;  /* 18 + 22 title + 2 + 14 caption + 17 + 1 rule = 74 */
  font-size: 18px;
  font-weight: 700;
  line-height: 22px;
  letter-spacing: 0;
}
/* Row 1 "Browse Used Cars" (40003:631 at 204): 75 tall, title at x66 17px
 * down, chevron 34px down. */
.hdcw-opener button.hdcw-op-used {
  min-height: 75px;
  padding: 17px 40px 19px 50px;
  background-position: right 24.5px top 33px;
}
/* Row 2 "New Vehicles" (12:145 at 279): title at x67 18px down, chevron 35px
 * down and 1px further left (4020:762 @349.5). */
.hdcw-opener button.hdcw-op-new { background-position: right 25.5px top 34px; }
/* Row 3 "Help me Choose a Car" (6001:1006 at 353): title at x66 16px down
 * (Lato's cap sits a px lower than the designer's render: 15 here), caption
 * 24px under it, chevron 33px down. */
.hdcw-opener button.hdcw-op-quiz { padding: 15px 40px 19px 50px; background-position: right 24.5px top 32px; }
.hdcw-opener button.hdcw-op-quiz::after { margin-top: 3px; }
/* Row 4 "Get First-Mover Advantage!" (6001:1031 at 427): title at x67 18px
 * down, caption at x68, chevron 33px down. */
.hdcw-opener button.hdcw-op-alert { background-position: right 24.5px top 32px; }
.hdcw-opener button.hdcw-op-alert::after { padding-left: 1px; }
/* Hover: a #F4F4F4 row, chevron kept. The full background is restated at
 * (0,3,1): on a vehicle page every row also carries .hdcw-else, and the
 * widget's `.hdcw-opener .hdcw-else:hover { background: ... }` shorthand would
 * otherwise wipe the chevron (and tile a glyph painted on the button). */
.hdcw-opener button.hdcw-op-tradein:hover {
  background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width=%228%22%20height=%2214%22%20viewBox=%22-1%20-1%208%2014%22%20fill=%22none%22%20xmlns=%22http://www.w3.org/2000/svg%22%3E%0A%3Cpath%20d=%22M5.40984e-09%201.215L1.00917%202.18156e-07L6%206L1.00917%2012L4.23728e-07%2010.785L3.97792%206L5.40984e-09%201.215Z%22%20fill=%22black%22/%3E%0A%3C/svg%3E") no-repeat right 24.5px top 33px / 8px 14px border-box, #F4F4F4;
  opacity: 1;
}
.hdcw-opener button.hdcw-op-used:hover {
  background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width=%228%22%20height=%2214%22%20viewBox=%22-1%20-1%208%2014%22%20fill=%22none%22%20xmlns=%22http://www.w3.org/2000/svg%22%3E%0A%3Cpath%20d=%22M5.40984e-09%201.215L1.00917%202.18156e-07L6%206L1.00917%2012L4.23728e-07%2010.785L3.97792%206L5.40984e-09%201.215Z%22%20fill=%22black%22/%3E%0A%3C/svg%3E") no-repeat right 24.5px top 33px / 8px 14px border-box, #F4F4F4;
  opacity: 1;
}
.hdcw-opener button.hdcw-op-new:hover {
  background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width=%228%22%20height=%2214%22%20viewBox=%22-1%20-1%208%2014%22%20fill=%22none%22%20xmlns=%22http://www.w3.org/2000/svg%22%3E%0A%3Cpath%20d=%22M5.40984e-09%201.215L1.00917%202.18156e-07L6%206L1.00917%2012L4.23728e-07%2010.785L3.97792%206L5.40984e-09%201.215Z%22%20fill=%22black%22/%3E%0A%3C/svg%3E") no-repeat right 25.5px top 34px / 8px 14px border-box, #F4F4F4;
  opacity: 1;
}
.hdcw-opener button.hdcw-op-quiz:hover,
.hdcw-opener button.hdcw-op-alert:hover {
  background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width=%228%22%20height=%2214%22%20viewBox=%22-1%20-1%208%2014%22%20fill=%22none%22%20xmlns=%22http://www.w3.org/2000/svg%22%3E%0A%3Cpath%20d=%22M5.40984e-09%201.215L1.00917%202.18156e-07L6%206L1.00917%2012L4.23728e-07%2010.785L3.97792%206L5.40984e-09%201.215Z%22%20fill=%22black%22/%3E%0A%3C/svg%3E") no-repeat right 24.5px top 32px / 8px 14px border-box, #F4F4F4;
  opacity: 1;
}
.hdcw-opener button.hdcw-op-else:hover {
  background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width=%228%22%20height=%2214%22%20viewBox=%22-1%20-1%208%2014%22%20fill=%22none%22%20xmlns=%22http://www.w3.org/2000/svg%22%3E%0A%3Cpath%20d=%22M5.40984e-09%201.215L1.00917%202.18156e-07L6%206L1.00917%2012L4.23728e-07%2010.785L3.97792%206L5.40984e-09%201.215Z%22%20fill=%22black%22/%3E%0A%3C/svg%3E") no-repeat right 24.5px top 24.5px / 8px 14px border-box, #F4F4F4;
  opacity: 1;
}
/* Glyph boxes = the export + its 1px bezel, placed from the row's padding box
 * (artwork offset from the row top - the 1px bezel). */
.hdcw-opener button.hdcw-op-used::before,
.hdcw-opener button.hdcw-op-new::before,
.hdcw-opener button.hdcw-op-quiz::before,
.hdcw-opener button.hdcw-op-tradein::before,
.hdcw-opener button.hdcw-op-alert::before,
.hdcw-opener button.hdcw-op-else::before {
  content: '';
  position: absolute;
  background: center / contain no-repeat;
}
/* Car seat (42001:555), 18x22 @24,226 on the row at 204. */
.hdcw-opener button.hdcw-op-used::before { left: 7px; top: 21px; width: 20px; height: 24px; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width=%2220%22%20height=%2224%22%20viewBox=%22-1%20-1%2020%2024%22%20fill=%22none%22%20xmlns=%22http://www.w3.org/2000/svg%22%3E%0A%3Cpath%20d=%22M18%2020.8623C18%2021.1641%2017.8815%2021.4534%2017.6705%2021.6668C17.4595%2021.8801%2017.1734%2022%2016.875%2022H7.12501C6.82664%2022%206.5405%2021.8801%206.32952%2021.6668C6.11854%2021.4534%206.00001%2021.1641%206.00001%2020.8623C6.00001%2020.5606%206.11854%2020.2712%206.32952%2020.0579C6.5405%2019.8445%206.82664%2019.7247%207.12501%2019.7247H16.875C17.1734%2019.7247%2017.4595%2019.8445%2017.6705%2020.0579C17.8815%2020.2712%2018%2020.5606%2018%2020.8623ZM18%2014.0364V16.6909C18%2017.1938%2017.8025%2017.6761%2017.4508%2018.0317C17.0992%2018.3873%2016.6223%2018.587%2016.125%2018.587H7.13439C6.78588%2018.5881%206.44405%2018.4905%206.14762%2018.3051C5.85119%2018.1198%205.61201%2017.8542%205.4572%2017.5385L0.196897%206.92602C0.0673912%206.66234%200%206.37193%200%206.07752C0%205.78311%200.0673912%205.49269%200.196897%205.22902L2.27064%201.04812C2.49212%200.600188%202.87985%200.259055%203.34917%200.0991947C3.8185%20-0.0606654%204.33131%20-0.0262684%204.77564%200.194877L7.57032%201.54774L7.5872%201.55627C8.03201%201.78107%208.37029%202.17534%208.52765%202.65236C8.685%203.12937%208.64853%203.65006%208.42626%204.09989L8.41032%204.13118L7.17189%206.45958L9.96095%2012.1403H16.125C16.6223%2012.1403%2017.0992%2012.3401%2017.4508%2012.6956C17.8025%2013.0512%2018%2013.5335%2018%2014.0364ZM15.75%2014.4156H9.72845C9.37994%2014.4167%209.03811%2014.319%208.74168%2014.1337C8.44525%2013.9484%208.20607%2013.6828%208.05126%2013.3671L5.07095%207.29955C4.9417%207.03648%204.87444%206.74671%204.87444%206.45295C4.87444%206.15919%204.9417%205.86942%205.07095%205.60634C5.07658%205.59591%205.0822%205.58548%205.08689%205.57505L6.23064%203.43057L4.11658%202.40383L2.29408%206.07278L7.36595%2016.3117H15.75V14.4156Z%22%20fill=%22%23ED202B%22/%3E%0A%3C/svg%3E"); }
/* Steering wheel (44001:531, stroke 2 centred), 23x23 @23.2,300 on the row at 279:
 * the export already carries the stroke's 1px, plus the bezel. */
.hdcw-opener button.hdcw-op-new::before { left: 5.2px; top: 19px; 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.8512%2024%2024%2018.8512%2024%2012.5C24%206.14872%2018.8512%201%2012.5%201C6.14872%201%201%206.14872%201%2012.5C1%2018.8512%206.14872%2024%2012.5%2024Z%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%20stroke=%22%23ED202B%22/%3E%0A%3Cpath%20d=%22M12.5002%2015.0555C13.9116%2015.0555%2015.0558%2013.9113%2015.0558%2012.4999C15.0558%2011.0886%2013.9116%209.9444%2012.5002%209.9444C11.0888%209.9444%209.94464%2011.0886%209.94464%2012.4999C9.94464%2013.9113%2011.0888%2015.0555%2012.5002%2015.0555Z%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%20stroke=%22%23ED202B%22/%3E%0A%3Cpath%20d=%22M12.5002%2015.0555V23.9999M9.94463%2012.4999L1.31964%209.9444M15.0558%2012.4999L23.6807%209.9444%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%20stroke=%22%23ED202B%22/%3E%0A%3C/svg%3E"); }
/* Tap cursor + rays (34003:708), 23x26 @23,373 on the row at 353. */
.hdcw-opener button.hdcw-op-quiz::before { left: 6px; top: 19px; width: 25px; height: 28px; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width=%2225%22%20height=%2228%22%20viewBox=%22-1%20-1%2025%2028%22%20fill=%22none%22%20xmlns=%22http://www.w3.org/2000/svg%22%3E%0A%3Cpath%20d=%22M9.07851%200C9.34604%200%209.60261%200.1023%209.79178%200.284394C9.98096%200.466489%2010.0872%200.713463%2010.0872%200.970984V4.2076C10.0872%204.46512%209.98096%204.71209%209.79178%204.89419C9.60261%205.07628%209.34604%205.17858%209.07851%205.17858C8.81098%205.17858%208.55441%205.07628%208.36523%204.89419C8.17606%204.71209%208.06979%204.46512%208.06979%204.2076V0.970984C8.06979%200.713463%208.17606%200.466489%208.36523%200.284394C8.55441%200.1023%208.81098%200%209.07851%200ZM2.64958%202.55045C2.83872%202.36862%203.0951%202.26648%203.36241%202.26648C3.62972%202.26648%203.88611%202.36862%204.07524%202.55045L6.42893%204.81608C6.52804%204.90497%206.60753%205.01217%206.66266%205.13128C6.71779%205.25038%206.74744%205.37896%206.74983%205.50933C6.75222%205.63971%206.7273%205.76921%206.67657%205.89011C6.62583%206.01102%206.55032%206.12085%206.45454%206.21305C6.35875%206.30525%206.24465%206.37794%206.11905%206.42678C5.99344%206.47561%205.85891%206.4996%205.72346%206.49729C5.58802%206.49499%205.45445%206.46646%205.33071%206.41339C5.20698%206.36032%205.09561%206.2838%205.00327%206.1884L2.64958%203.92277C2.46068%203.74072%202.35458%203.49392%202.35458%203.23661C2.35458%202.9793%202.46068%202.73251%202.64958%202.55045ZM15.5074%202.55045C15.6963%202.73251%2015.8024%202.9793%2015.8024%203.23661C15.8024%203.49392%2015.6963%203.74072%2015.5074%203.92277L13.1538%206.1884C13.0614%206.2838%2012.95%206.36032%2012.8263%206.41339C12.7026%206.46646%2012.569%206.49499%2012.4336%206.49729C12.2981%206.4996%2012.1636%206.47561%2012.038%206.42678C11.9124%206.37794%2011.7983%206.30525%2011.7025%206.21305C11.6067%206.12085%2011.5312%206.01102%2011.4804%205.89011C11.4297%205.76921%2011.4048%205.63971%2011.4072%205.50933C11.4096%205.37896%2011.4392%205.25038%2011.4944%205.13128C11.5495%205.01217%2011.629%204.90497%2011.7281%204.81608L14.0818%202.55045C14.2709%202.36862%2014.5273%202.26648%2014.7946%202.26648C15.0619%202.26648%2015.3183%202.36862%2015.5074%202.55045ZM0%208.73885C0%208.48133%200.106276%208.23436%200.295448%208.05227C0.48462%207.87017%200.741193%207.76787%201.00872%207.76787H4.37113C4.63866%207.76787%204.89524%207.87017%205.08441%208.05227C5.27358%208.23436%205.37986%208.48133%205.37986%208.73885C5.37986%208.99638%205.27358%209.24335%205.08441%209.42544C4.89524%209.60754%204.63866%209.70984%204.37113%209.70984H1.00872C0.741193%209.70984%200.48462%209.60754%200.295448%209.42544C0.106276%209.24335%200%208.99638%200%208.73885ZM10.9978%208.39707C9.84783%207.4468%208.06979%208.23394%208.06979%209.69301V24.2888C8.06979%2025.8554%2010.0805%2026.5959%2011.1659%2025.4281L14.6816%2021.6439C15.0528%2021.2451%2015.5747%2021.0095%2016.1302%2020.9875L21.2948%2020.7881C22.9047%2020.726%2023.6014%2018.7957%2022.3775%2017.7845L10.9978%208.39707ZM10.0872%2023.6752V10.2031L20.5941%2018.872L16.0481%2019.0468C15.5038%2019.0683%2014.9694%2019.1946%2014.4767%2019.4183C13.9839%2019.642%2013.5428%2019.9586%2013.1793%2020.3492L10.0872%2023.6752Z%22%20fill=%22%23ED202B%22/%3E%0A%3Cpath%20d=%22M9.07851%200C9.34604%200%209.60261%200.1023%209.79178%200.284394C9.98096%200.466489%2010.0872%200.713463%2010.0872%200.970984V4.2076C10.0872%204.46512%209.98096%204.71209%209.79178%204.89419C9.60261%205.07628%209.34604%205.17858%209.07851%205.17858C8.81098%205.17858%208.55441%205.07628%208.36523%204.89419C8.17606%204.71209%208.06979%204.46512%208.06979%204.2076V0.970984C8.06979%200.713463%208.17606%200.466489%208.36523%200.284394C8.55441%200.1023%208.81098%200%209.07851%200ZM2.64958%202.55045C2.83872%202.36862%203.0951%202.26648%203.36241%202.26648C3.62972%202.26648%203.88611%202.36862%204.07524%202.55045L6.42893%204.81608C6.52804%204.90497%206.60753%205.01217%206.66266%205.13128C6.71779%205.25038%206.74744%205.37896%206.74983%205.50933C6.75222%205.63971%206.7273%205.76921%206.67657%205.89011C6.62583%206.01102%206.55032%206.12085%206.45454%206.21305C6.35875%206.30525%206.24465%206.37794%206.11905%206.42678C5.99344%206.47561%205.85891%206.49959%205.72346%206.49729C5.58802%206.49499%205.45445%206.46646%205.33071%206.41339C5.20698%206.36032%205.09561%206.2838%205.00327%206.1884L2.64958%203.92277C2.46068%203.74071%202.35458%203.49392%202.35458%203.23661C2.35458%202.9793%202.46068%202.73251%202.64958%202.55045ZM15.5074%202.55045C15.6963%202.73251%2015.8024%202.9793%2015.8024%203.23661C15.8024%203.49392%2015.6963%203.74071%2015.5074%203.92277L13.1538%206.1884C13.0614%206.2838%2012.95%206.36032%2012.8263%206.41339C12.7026%206.46646%2012.569%206.49499%2012.4336%206.49729C12.2981%206.49959%2012.1636%206.47561%2012.038%206.42678C11.9124%206.37794%2011.7983%206.30525%2011.7025%206.21305C11.6067%206.12085%2011.5312%206.01102%2011.4804%205.89011C11.4297%205.76921%2011.4048%205.63971%2011.4072%205.50933C11.4096%205.37896%2011.4392%205.25038%2011.4944%205.13128C11.5495%205.01217%2011.629%204.90497%2011.7281%204.81608L14.0818%202.55045C14.2709%202.36862%2014.5273%202.26648%2014.7946%202.26648C15.0619%202.26648%2015.3183%202.36862%2015.5074%202.55045ZM0%208.73885C0%208.48133%200.106276%208.23436%200.295448%208.05227C0.48462%207.87017%200.741193%207.76787%201.00872%207.76787H4.37113C4.63866%207.76787%204.89524%207.87017%205.08441%208.05227C5.27358%208.23436%205.37986%208.48133%205.37986%208.73885C5.37986%208.99638%205.27358%209.24335%205.08441%209.42544C4.89524%209.60754%204.63866%209.70984%204.37113%209.70984H1.00872C0.741193%209.70984%200.48462%209.60754%200.295448%209.42544C0.106276%209.24335%200%208.99638%200%208.73885Z%22%20fill=%22%23ED202B%22/%3E%0A%3C/svg%3E"); }
/* No trade-in row in this artwork: the tap cursor and the quiz row's box. */
.hdcw-opener button.hdcw-op-tradein::before { left: 6px; top: 19px; width: 25px; height: 28px; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width=%2225%22%20height=%2228%22%20viewBox=%22-1%20-1%2025%2028%22%20fill=%22none%22%20xmlns=%22http://www.w3.org/2000/svg%22%3E%0A%3Cpath%20d=%22M9.07851%200C9.34604%200%209.60261%200.1023%209.79178%200.284394C9.98096%200.466489%2010.0872%200.713463%2010.0872%200.970984V4.2076C10.0872%204.46512%209.98096%204.71209%209.79178%204.89419C9.60261%205.07628%209.34604%205.17858%209.07851%205.17858C8.81098%205.17858%208.55441%205.07628%208.36523%204.89419C8.17606%204.71209%208.06979%204.46512%208.06979%204.2076V0.970984C8.06979%200.713463%208.17606%200.466489%208.36523%200.284394C8.55441%200.1023%208.81098%200%209.07851%200ZM2.64958%202.55045C2.83872%202.36862%203.0951%202.26648%203.36241%202.26648C3.62972%202.26648%203.88611%202.36862%204.07524%202.55045L6.42893%204.81608C6.52804%204.90497%206.60753%205.01217%206.66266%205.13128C6.71779%205.25038%206.74744%205.37896%206.74983%205.50933C6.75222%205.63971%206.7273%205.76921%206.67657%205.89011C6.62583%206.01102%206.55032%206.12085%206.45454%206.21305C6.35875%206.30525%206.24465%206.37794%206.11905%206.42678C5.99344%206.47561%205.85891%206.4996%205.72346%206.49729C5.58802%206.49499%205.45445%206.46646%205.33071%206.41339C5.20698%206.36032%205.09561%206.2838%205.00327%206.1884L2.64958%203.92277C2.46068%203.74072%202.35458%203.49392%202.35458%203.23661C2.35458%202.9793%202.46068%202.73251%202.64958%202.55045ZM15.5074%202.55045C15.6963%202.73251%2015.8024%202.9793%2015.8024%203.23661C15.8024%203.49392%2015.6963%203.74072%2015.5074%203.92277L13.1538%206.1884C13.0614%206.2838%2012.95%206.36032%2012.8263%206.41339C12.7026%206.46646%2012.569%206.49499%2012.4336%206.49729C12.2981%206.4996%2012.1636%206.47561%2012.038%206.42678C11.9124%206.37794%2011.7983%206.30525%2011.7025%206.21305C11.6067%206.12085%2011.5312%206.01102%2011.4804%205.89011C11.4297%205.76921%2011.4048%205.63971%2011.4072%205.50933C11.4096%205.37896%2011.4392%205.25038%2011.4944%205.13128C11.5495%205.01217%2011.629%204.90497%2011.7281%204.81608L14.0818%202.55045C14.2709%202.36862%2014.5273%202.26648%2014.7946%202.26648C15.0619%202.26648%2015.3183%202.36862%2015.5074%202.55045ZM0%208.73885C0%208.48133%200.106276%208.23436%200.295448%208.05227C0.48462%207.87017%200.741193%207.76787%201.00872%207.76787H4.37113C4.63866%207.76787%204.89524%207.87017%205.08441%208.05227C5.27358%208.23436%205.37986%208.48133%205.37986%208.73885C5.37986%208.99638%205.27358%209.24335%205.08441%209.42544C4.89524%209.60754%204.63866%209.70984%204.37113%209.70984H1.00872C0.741193%209.70984%200.48462%209.60754%200.295448%209.42544C0.106276%209.24335%200%208.99638%200%208.73885ZM10.9978%208.39707C9.84783%207.4468%208.06979%208.23394%208.06979%209.69301V24.2888C8.06979%2025.8554%2010.0805%2026.5959%2011.1659%2025.4281L14.6816%2021.6439C15.0528%2021.2451%2015.5747%2021.0095%2016.1302%2020.9875L21.2948%2020.7881C22.9047%2020.726%2023.6014%2018.7957%2022.3775%2017.7845L10.9978%208.39707ZM10.0872%2023.6752V10.2031L20.5941%2018.872L16.0481%2019.0468C15.5038%2019.0683%2014.9694%2019.1946%2014.4767%2019.4183C13.9839%2019.642%2013.5428%2019.9586%2013.1793%2020.3492L10.0872%2023.6752Z%22%20fill=%22%23ED202B%22/%3E%0A%3Cpath%20d=%22M9.07851%200C9.34604%200%209.60261%200.1023%209.79178%200.284394C9.98096%200.466489%2010.0872%200.713463%2010.0872%200.970984V4.2076C10.0872%204.46512%209.98096%204.71209%209.79178%204.89419C9.60261%205.07628%209.34604%205.17858%209.07851%205.17858C8.81098%205.17858%208.55441%205.07628%208.36523%204.89419C8.17606%204.71209%208.06979%204.46512%208.06979%204.2076V0.970984C8.06979%200.713463%208.17606%200.466489%208.36523%200.284394C8.55441%200.1023%208.81098%200%209.07851%200ZM2.64958%202.55045C2.83872%202.36862%203.0951%202.26648%203.36241%202.26648C3.62972%202.26648%203.88611%202.36862%204.07524%202.55045L6.42893%204.81608C6.52804%204.90497%206.60753%205.01217%206.66266%205.13128C6.71779%205.25038%206.74744%205.37896%206.74983%205.50933C6.75222%205.63971%206.7273%205.76921%206.67657%205.89011C6.62583%206.01102%206.55032%206.12085%206.45454%206.21305C6.35875%206.30525%206.24465%206.37794%206.11905%206.42678C5.99344%206.47561%205.85891%206.49959%205.72346%206.49729C5.58802%206.49499%205.45445%206.46646%205.33071%206.41339C5.20698%206.36032%205.09561%206.2838%205.00327%206.1884L2.64958%203.92277C2.46068%203.74071%202.35458%203.49392%202.35458%203.23661C2.35458%202.9793%202.46068%202.73251%202.64958%202.55045ZM15.5074%202.55045C15.6963%202.73251%2015.8024%202.9793%2015.8024%203.23661C15.8024%203.49392%2015.6963%203.74071%2015.5074%203.92277L13.1538%206.1884C13.0614%206.2838%2012.95%206.36032%2012.8263%206.41339C12.7026%206.46646%2012.569%206.49499%2012.4336%206.49729C12.2981%206.49959%2012.1636%206.47561%2012.038%206.42678C11.9124%206.37794%2011.7983%206.30525%2011.7025%206.21305C11.6067%206.12085%2011.5312%206.01102%2011.4804%205.89011C11.4297%205.76921%2011.4048%205.63971%2011.4072%205.50933C11.4096%205.37896%2011.4392%205.25038%2011.4944%205.13128C11.5495%205.01217%2011.629%204.90497%2011.7281%204.81608L14.0818%202.55045C14.2709%202.36862%2014.5273%202.26648%2014.7946%202.26648C15.0619%202.26648%2015.3183%202.36862%2015.5074%202.55045ZM0%208.73885C0%208.48133%200.106276%208.23436%200.295448%208.05227C0.48462%207.87017%200.741193%207.76787%201.00872%207.76787H4.37113C4.63866%207.76787%204.89524%207.87017%205.08441%208.05227C5.27358%208.23436%205.37986%208.48133%205.37986%208.73885C5.37986%208.99638%205.27358%209.24335%205.08441%209.42544C4.89524%209.60754%204.63866%209.70984%204.37113%209.70984H1.00872C0.741193%209.70984%200.48462%209.60754%200.295448%209.42544C0.106276%209.24335%200%208.99638%200%208.73885Z%22%20fill=%22%23ED202B%22/%3E%0A%3C/svg%3E"); }
/* Megaphone (44001:536), 19x19 @28,449 on the row at 427. */
.hdcw-opener button.hdcw-op-alert::before { left: 11px; top: 21px; width: 21px; height: 21px; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width=%2221%22%20height=%2221%22%20viewBox=%22-1%20-1%2021%2021%22%20fill=%22none%22%20xmlns=%22http://www.w3.org/2000/svg%22%3E%0A%3Cpath%20d=%22M16.0088%200.262764C17.3405%20-0.488185%2019%200.459863%2019%201.97359V14.3454C19%2015.8582%2017.3415%2016.8073%2016.0088%2016.0563L12.0019%2013.7995V2.51956L16.0088%200.262764ZM10.0024%203.23206H5.0037C3.76409%203.23084%202.56822%203.6837%201.64826%204.50274C0.72831%205.32178%200.1499%206.44856%200.0253187%207.66433C-0.099262%208.88013%200.238877%2010.0982%200.974091%2011.082C1.70931%2012.0659%202.78915%2012.7453%204.00397%2012.9885V16.5363C4.00397%2017.1897%204.2673%2017.8163%204.73602%2018.2783C5.20473%2018.7404%205.84045%2019%206.50331%2019C7.16618%2019%207.8019%2018.7404%208.27061%2018.2783C8.73933%2017.8163%209.00265%2017.1897%209.00265%2016.5363V13.087H10.0024V3.23206Z%22%20fill-rule=%22evenodd%22%20clip-rule=%22evenodd%22%20fill=%22%23ED202B%22/%3E%0A%3C/svg%3E"); }
.hdcw-opener button.hdcw-op-used::after,
.hdcw-opener button.hdcw-op-new::after,
.hdcw-opener button.hdcw-op-quiz::after,
.hdcw-opener button.hdcw-op-tradein::after,
.hdcw-opener button.hdcw-op-alert::after {
  /* in flow under the title, not absolute: a title that wraps on a phone
   * pushes the caption down instead of printing over it */
  display: block;
  margin-top: 2px;
  text-align: left;
  font-size: 12px;
  font-weight: 400;
  line-height: 14px;
  letter-spacing: 0;
  color: #000000;
}
/* The artwork's captions, verbatim; the stock number is live (CON-995): the
 * widget sets data-stock on the button once /chat/search answers, and the
 * caption without a number shows until it arrives, or if it cannot.
 * Roll back to the artwork's typed number: delete the [data-stock] rule and
 * put 'Over 25 used cars in stock' (40003:634) in the one above it. */
.hdcw-opener button.hdcw-op-used::after { content: 'Used cars in stock'; }
.hdcw-opener button.hdcw-op-used[data-stock]::after { content: attr(data-stock) ' used cars in stock'; }
.hdcw-opener button.hdcw-op-new::after { content: 'Explore our new Suzuki, Isuzu & Citroën ranges'; }
.hdcw-opener button.hdcw-op-quiz::after { content: 'Get matched to car to suit your needs'; }
.hdcw-opener button.hdcw-op-tradein::after { content: 'Get valuation for your current car'; }
.hdcw-opener button.hdcw-op-alert::after { content: 'Receive a daily stock alert'; }

/* "Something else" (2023:430 at 501): the same row with NO rule, title Bold
 * 18 at x67, 19px under the row top; the "?" (12031:696) 13x21 at 29,521;
 * chevron 26.5 down. */
.hdcw-opener .hdcw-else.hdcw-op-else {
  min-height: 65px;
  border-bottom: 0;
  padding: 19px 40px 24px 51px;
  font-size: 18px;
  font-weight: 700;
  line-height: 22px;
  letter-spacing: 0;
  background:
    url("data:image/svg+xml;charset=utf-8,%3Csvg%20width=%228%22%20height=%2214%22%20viewBox=%22-1%20-1%208%2014%22%20fill=%22none%22%20xmlns=%22http://www.w3.org/2000/svg%22%3E%0A%3Cpath%20d=%22M5.40984e-09%201.215L1.00917%202.18156e-07L6%206L1.00917%2012L4.23728e-07%2010.785L3.97792%206L5.40984e-09%201.215Z%22%20fill=%22black%22/%3E%0A%3C/svg%3E") no-repeat right 24.5px top 24.5px / 8px 14px border-box,
    #fff;
}
.hdcw-opener button.hdcw-op-else::before { left: 12px; top: 19px; width: 15px; height: 23px; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width=%2215%22%20height=%2223%22%20viewBox=%22-1%20-1%2015%2023%22%20fill=%22none%22%20xmlns=%22http://www.w3.org/2000/svg%22%3E%0A%3Cpath%20d=%22M0.814028%206.0515C0.327754%206.0515%20-0.0660596%205.63675%200.00927867%205.14675C0.480143%202.17%202.6992%200%206.55001%200C10.4025%200%2013%202.38%2013%205.62625C13%207.97825%2011.8614%209.63025%209.9351%2010.829C8.05164%2011.9822%207.514%2012.7855%207.514%2014.3465V14.399C7.514%2014.6311%207.4238%2014.8536%207.26325%2015.0177C7.1027%2015.1818%206.88494%2015.274%206.65788%2015.274H5.33946C5.11388%2015.274%204.89741%2015.183%204.7371%2015.0208C4.5768%2014.8586%204.4856%2014.6383%204.48335%2014.4077L4.47821%2014.0577C4.40458%2011.921%205.29495%2010.556%207.29484%209.31175C9.05844%208.20575%209.68683%207.3255%209.68683%205.76275C9.68683%204.0495%208.38895%202.79125%206.38906%202.79125C4.66142%202.79125%203.46114%203.717%203.07075%205.24475C2.95775%205.68925%202.59475%206.0515%202.14615%206.0515H0.814028ZM5.98669%2021C7.0517%2021%207.86158%2020.1705%207.86158%2019.0925C7.86158%2018.011%207.0517%2017.1815%205.98669%2017.1815C4.94907%2017.1815%204.12549%2018.011%204.12549%2019.0908C4.12549%2020.1705%204.94907%2021%205.98669%2021Z%22%20fill-rule=%22evenodd%22%20clip-rule=%22evenodd%22%20fill=%22%23ED202B%22/%3E%0A%3C/svg%3E"); }
/* On a vehicle page the widget gives every row the hdcw-else class too: the
 * rows keep their own look, only "Something else" is the short one. */

/* Context CTA ("Tell me about this car", no artboard here): drawn like the
 * artwork's only full-width button, "Browse Cars" (full button 4028:1288 on
 * 14-alerts-thanks): 314x55 at x43, r10, flat #000, white Bold 16 centred,
 * the text box 17px under the top. */
.hdcw-opener button.hdcw-op-ctx {
  min-height: 55px;
  margin: 0 25px 0 27px;         /* x43..357 in the x16..382 opener column */
  border: 0;
  border-radius: 10px;
  padding: 17px 0 19px;
  background: #000000;
  color: #fff;
  font-size: 16px;
  font-weight: 700;
  line-height: 19px;
  letter-spacing: 0;
}
.hdcw-opener button.hdcw-op-ctx:hover { background: #000000; opacity: .85; }

/* ---------- Chips (item 16:212): 31px white, r10, NO stroke, 0/4/4 25%
 * shadow, Lato Regular 13/13 black, centred, the text box 9px under the chip
 * top; 16px side padding (the artwork's are hand-sized 12-22px), 5px gaps, a
 * 36px row pitch, rows at x18 (15-browse). Selected = 1px #000 inside stroke
 * ("Adventurous" 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: 9px 15px 7px;         /* text cap 11px under the chip top */
  font-size: 13px;
  font-weight: 400;
  line-height: 13px;
  letter-spacing: 0;
  box-shadow: 0 4px 4px rgba(0,0,0,.25);
}
.hdcw-chip:hover { background: #F4F4F4; border-color: transparent; color: #000000; }
.hdcw-chip--sel { border-color: #000000; box-shadow: 0 4px 4px rgba(0,0,0,.25); font-weight: 400; }
.hdcw-chip--sel:hover { border-color: #000000; }
/* Bootstrap's reboot (JCMV2 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): Bold 11 #6D6D6D, no
 * tracking, at x24; 13px under a bubble, 18px under a chip row, 9px above
 * its chips. (The node names Kia Signature OTF; Lato here, DESIGN section 3.) */
.hdcw-ghead {
  letter-spacing: 0;
  font-size: 11px;
  line-height: 13px;
  margin: 1px 6px -1px 8px;
}
.hdcw-chips + .hdcw-ghead { margin-top: 6px; }
/* Answer chips straight under a question (the quiz, 02-help1 .. 07-help5):
 * flush with the bubble at x16, 8px under it, 4px row gaps (35px pitch). */
.hdcw-bot + .hdcw-chips { padding-left: 0; margin-top: -3px; gap: 4px 5px; }

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

/* ---------- Footer (24:712): #E4E6EA band 400x129. Input 299x51 @21,20
 * (from the band top), r10, 1px #000, white; placeholder Lato Regular 16
 * ls 1% black, 22px in. Send: the red 52px circle 6px right of it, 22px off
 * the panel's right edge. Disclosure Regular 12/15 (ls .1px), black, in a
 * 270px box at x64, 1px under the input row and 17px above the panel foot,
 * "Terms & Conditions" NOT underlined. */
.hdcw-input {
  background: #E4E6EA;
  border-top: 0;
  padding: 20px 22px 10px 21px;  /* the 52px send sets the row: 20 + 52 + 10 */
  gap: 6px;
}
.hdcw-input input {
  box-sizing: border-box;
  min-width: 0;
  height: 51px;
  border-radius: 10px;
  padding: 0 16px 0 22px;
  font-size: 16px;
  line-height: 49px;
  letter-spacing: .01em;
  background: #fff;
}
/* font: inherit - JCMV2's style.css line 5509 has a bare ::-webkit-input-placeholder
 * { font-size: 1rem; color: #525252 } that reaches the widget's input. */
.hdcw-input input::placeholder { color: #000000; opacity: 1; font: inherit; }
.hdcw-input input::-webkit-input-placeholder { color: #000000; opacity: 1; font: inherit; }
.hdcw-input input:focus { border-color: #000000; }
.hdcw-send {
  width: 52px;
  height: 52px;
  padding: 0;
  background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width=%2252%22%20height=%2252%22%20viewBox=%220%200%2052%2052%22%20fill=%22none%22%20xmlns=%22http://www.w3.org/2000/svg%22%3E%0A%3Ccircle%20cx=%2226%22%20cy=%2226%22%20r=%2226%22%20fill=%22%23ED202B%22/%3E%0A%3Cpath%20d=%22M19.9999%2025L19.3959%2019.563C19.2229%2018.007%2020.8249%2016.864%2022.2399%2017.535L34.1839%2023.193C35.7089%2023.915%2035.7089%2026.085%2034.1839%2026.807L22.2399%2032.466C20.8249%2033.136%2019.2229%2031.994%2019.3959%2030.438L19.9999%2025ZM19.9999%2025H26.9999%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%20stroke=%22white%22/%3E%0A%3C/svg%3E") center / 52px 52px no-repeat;
}
.hdcw-send svg { display: none; }
.hdcw-send:disabled { opacity: .5; }
.hdcw-powered {
  background: #E4E6EA;
  font-size: 12px;
  line-height: 15px;
  letter-spacing: .1px;          /* 44001:591 ls 0.10px */
  padding: 0 67.5px 17px 62.5px; /* 44001:591: a 270px box at x64; the band is 82 + 47 = 129 */
}
.hdcw-powered a.hdcw-tc { color: #000000; text-decoration: none; }
.hdcw-powered a.hdcw-tc:hover { color: #000000; text-decoration: underline; }
.hdcw-powered > div { display: inline; }
.hdcw-powered > div:first-child::after { content: '.   '; white-space: pre; }

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

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