/* CON-1024 chat widget branding - TP Waters (tpw, template TPW).
 * Source of truth: the designer's Figma "TP Waters (Ai Assistant)" (read
 * from the work account's duplicate, file EWKGjbUJKC7qEkhGHMIdzv) through the
 * REST API, and its 16 @2x artboard PNGs, which outrank the node dump
 * wherever the two disagree. Tooling and QA: tickets/CON-1024/tpw/qa-tpw/;
 * design notes: tickets/CON-1024/tpw/DESIGN-tpw.md. Glyphs are SVG exports of
 * the file's own nodes, each cross-checked against the artboards.
 *
 * Black and red: a flat #000000 header with the red-sparkle robot mark,
 * #000000 user bubbles and chevrons; #F1F1F1 r10 openers with a 1px #B7B7B7
 * stroke and #E31D1A glyphs; #E31D1A send circle (white plane), context CTA
 * and card "I'm Interested" action (white ink). #EDEDED bot bubbles with a
 * #C7C7C7 stroke and a squared bottom-left corner on a WHITE ground; white
 * chips on a 0/4/4 25% shadow; #E4E6EA footer band and card borders. The
 * launcher is the designer's black bar + red square lockup.
 * Type: Figtree throughout (the TPW site loads it, weights 300-900).
 * The panel is 400x720 = the designer's artboard, so offsets transfer 1:1.
 *
 * Regenerate with tickets/CON-1024/tpw/build-theme-tpw.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: #E31D1A;
  --hdcw-on-accent: #fff;
  --hdcw-font: 'Figtree', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
  --hdcw-bg: #fff;
  --hdcw-surface: #fff;         /* Rectangle 8 is white (style 72:411 ai-white) */
  --hdcw-text: #000000;
  --hdcw-muted: #6D6D6D;        /* POPULAR/LIFESTYLE/MAKES, "Searching our stock..." */
  --hdcw-faint: #C7C7C7;        /* typing dots (decorative) */
  --hdcw-footer: #000000;         /* disclosure - the instances override #504949 */
  --hdcw-border: #000000;         /* input stroke 24:705 */
  --hdcw-border-soft: #E4E6EA;
  --hdcw-radius: 15px;          /* panel 1:7, header 1:9 */
  --hdcw-radius-bubble: 10px;
  --hdcw-head-bg: #000000;
  --hdcw-head-color: #fff;
  --hdcw-user-bg: #000000;
  --hdcw-user-color: #fff;
  --hdcw-link: #000000;
  --hdcw-btn-bg: #E31D1A;
  --hdcw-btn-color: #fff;
  --hdcw-fab-gap: 4px;          /* the export's 8px shadow margin + 4 = the lockup 12px above a bottom bar */
}

/* ---------- Launcher (60001:950): the designer's own 173x59 export. On the
 * 400x720 home artboard the bar (165x51) ends 7px from the right and 16px
 * from the bottom; the export carries 4px of shadow either side and 8px
 * below it. */
.hdcw-fab {
  width: 173px;
  height: 59px;
  right: 3px;
  bottom: 8px;
  max-width: calc(100vw - 4px);
  border-radius: 0;
  background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width=%22173%22%20height=%2259%22%20viewBox=%220%200%20173%2059%22%20fill=%22none%22%20xmlns=%22http://www.w3.org/2000/svg%22%3E%0A%3Cg%20opacity=%220.95%22%20filter=%22url(%23filter0_d_60001_950)%22%3E%0A%3Crect%20x=%224%22%20width=%22165%22%20height=%2251%22%20rx=%225%22%20fill=%22black%22/%3E%0A%3C/g%3E%0A%3Cpath%20d=%22M118%200H164C166.761%200%20169%202.23858%20169%205V46C169%2048.7614%20166.761%2051%20164%2051H118V0Z%22%20fill=%22%23E31D1A%22/%3E%0A%3Cpath%20d=%22M46.228%2023L49.938%2013.2H51.996L48.104%2023H46.228ZM46.018%2023L42.112%2013.2H44.17L47.894%2023H46.018ZM53.0135%2023V16H54.8615V23H53.0135ZM53.9375%2014.866C53.6575%2014.866%2053.4102%2014.7633%2053.1955%2014.558C52.9808%2014.3433%2052.8735%2014.0913%2052.8735%2013.802C52.8735%2013.5127%2052.9808%2013.2653%2053.1955%2013.06C53.4102%2012.8453%2053.6575%2012.738%2053.9375%2012.738C54.2268%2012.738%2054.4742%2012.8453%2054.6795%2013.06C54.8942%2013.2653%2055.0015%2013.5127%2055.0015%2013.802C55.0015%2014.0913%2054.8942%2014.3433%2054.6795%2014.558C54.4742%2014.7633%2054.2268%2014.866%2053.9375%2014.866ZM57.8676%2019.318C57.8676%2018.562%2058.0122%2017.9367%2058.3016%2017.442C58.6002%2016.9473%2058.9782%2016.5787%2059.4356%2016.336C59.9022%2016.0933%2060.3876%2015.972%2060.8916%2015.972V17.764C60.4622%2017.764%2060.0562%2017.8153%2059.6736%2017.918C59.3002%2018.0207%2058.9969%2018.1887%2058.7636%2018.422C58.5302%2018.6553%2058.4136%2018.954%2058.4136%2019.318H57.8676ZM56.5656%2023V16H58.4136V23H56.5656ZM64.7543%2023.168C63.9796%2023.168%2063.3916%2022.9767%2062.9903%2022.594C62.5983%2022.2113%2062.4023%2021.6653%2062.4023%2020.956V13.816H64.2503V20.55C64.2503%2020.8487%2064.3156%2021.0773%2064.4463%2021.236C64.5769%2021.3853%2064.7683%2021.46%2065.0203%2021.46C65.1136%2021.46%2065.2163%2021.4413%2065.3283%2021.404C65.4403%2021.3573%2065.5569%2021.292%2065.6783%2021.208L66.3223%2022.594C66.0983%2022.762%2065.8463%2022.8973%2065.5663%2023C65.2956%2023.112%2065.0249%2023.168%2064.7543%2023.168ZM61.2683%2017.568V16H66.0003V17.568H61.2683ZM72.1231%2023L72.0111%2021.712V16H73.8591V23H72.1231ZM67.3771%2020.004V16H69.2251V19.584L67.3771%2020.004ZM69.2251%2019.584C69.2251%2020.0507%2069.2764%2020.4193%2069.3791%2020.69C69.4911%2020.9513%2069.6451%2021.1427%2069.8411%2021.264C70.0464%2021.376%2070.2751%2021.432%2070.5271%2021.432C71.0124%2021.4413%2071.3811%2021.2967%2071.6331%2020.998C71.8851%2020.69%2072.0111%2020.2467%2072.0111%2019.668H72.6411C72.6411%2020.4147%2072.5291%2021.0493%2072.3051%2021.572C72.0904%2022.0853%2071.7824%2022.482%2071.3811%2022.762C70.9891%2023.0327%2070.5271%2023.168%2069.9951%2023.168C69.1551%2023.168%2068.5064%2022.9113%2068.0491%2022.398C67.6011%2021.8753%2067.3771%2021.0773%2067.3771%2020.004L69.2251%2019.584ZM79.6601%2023L79.5901%2021.586V19.458C79.5901%2019.038%2079.5434%2018.6833%2079.4501%2018.394C79.3568%2018.0953%2079.2121%2017.8713%2079.0161%2017.722C78.8294%2017.5633%2078.5774%2017.484%2078.2601%2017.484C77.9801%2017.484%2077.7281%2017.5447%2077.5041%2017.666C77.2801%2017.7873%2077.0888%2017.9833%2076.9301%2018.254L75.2501%2017.68C75.3808%2017.3813%2075.5721%2017.092%2075.8241%2016.812C76.0761%2016.5227%2076.4028%2016.2893%2076.8041%2016.112C77.2148%2015.9253%2077.7141%2015.832%2078.3021%2015.832C79.0021%2015.832%2079.5854%2015.958%2080.0521%2016.21C80.5281%2016.462%2080.8828%2016.8353%2081.1161%2017.33C81.3494%2017.8153%2081.4614%2018.4127%2081.4521%2019.122L81.4101%2023H79.6601ZM77.7281%2023.168C76.8881%2023.168%2076.2348%2022.9813%2075.7681%2022.608C75.3108%2022.2347%2075.0821%2021.7073%2075.0821%2021.026C75.0821%2020.2793%2075.3294%2019.7193%2075.8241%2019.346C76.3281%2018.9633%2077.0328%2018.772%2077.9381%2018.772H79.7161V20.144H78.5821C77.9754%2020.144%2077.5554%2020.2187%2077.3221%2020.368C77.0888%2020.508%2076.9721%2020.7087%2076.9721%2020.97C76.9721%2021.1753%2077.0654%2021.3387%2077.2521%2021.46C77.4388%2021.572%2077.7001%2021.628%2078.0361%2021.628C78.3348%2021.628%2078.6008%2021.558%2078.8341%2021.418C79.0674%2021.2687%2079.2494%2021.082%2079.3801%2020.858C79.5201%2020.6247%2079.5901%2020.3867%2079.5901%2020.144H80.0801C80.0801%2021.096%2079.8934%2021.838%2079.5201%2022.37C79.1561%2022.902%2078.5588%2023.168%2077.7281%2023.168ZM82.925%2023V13.2H84.773V23H82.925ZM49.854%2037L46.102%2027.2H48.02L51.884%2037H49.854ZM42.112%2037L45.976%2027.2H47.894L44.142%2037H42.112ZM43.932%2034.844V33.15H50.078V34.844H43.932ZM55.4101%2037.168C54.9621%2037.168%2054.5421%2037.1027%2054.1501%2036.972C53.7581%2036.832%2053.4128%2036.636%2053.1141%2036.384C52.8155%2036.1227%2052.5821%2035.8053%2052.4141%2035.432L53.9961%2034.704C54.1361%2034.928%2054.3275%2035.124%2054.5701%2035.292C54.8128%2035.4507%2055.0928%2035.53%2055.4101%2035.53C55.7181%2035.53%2055.9561%2035.488%2056.1241%2035.404C56.2921%2035.3107%2056.3761%2035.18%2056.3761%2035.012C56.3761%2034.844%2056.3061%2034.7227%2056.1661%2034.648C56.0355%2034.564%2055.8535%2034.494%2055.6201%2034.438L54.9761%2034.27C54.3041%2034.0927%2053.7721%2033.8127%2053.3801%2033.43C52.9975%2033.038%2052.8061%2032.59%2052.8061%2032.086C52.8061%2031.3673%2053.0348%2030.812%2053.4921%2030.42C53.9588%2030.028%2054.6168%2029.832%2055.4661%2029.832C55.9048%2029.832%2056.3108%2029.8973%2056.6841%2030.028C57.0668%2030.1587%2057.3935%2030.3407%2057.6641%2030.574C57.9348%2030.8073%2058.1215%2031.078%2058.2241%2031.386L56.6981%2032.086C56.6328%2031.8993%2056.4741%2031.75%2056.2221%2031.638C55.9701%2031.5167%2055.7181%2031.456%2055.4661%2031.456C55.2141%2031.456%2055.0181%2031.512%2054.8781%2031.624C54.7475%2031.7267%2054.6821%2031.8713%2054.6821%2032.058C54.6821%2032.1793%2054.7475%2032.282%2054.8781%2032.366C55.0088%2032.4407%2055.1955%2032.506%2055.4381%2032.562L56.3481%2032.786C56.8055%2032.898%2057.1695%2033.08%2057.4401%2033.332C57.7201%2033.5747%2057.9208%2033.85%2058.0421%2034.158C58.1728%2034.4567%2058.2381%2034.7507%2058.2381%2035.04C58.2381%2035.46%2058.1121%2035.8333%2057.8601%2036.16C57.6175%2036.4773%2057.2815%2036.7247%2056.8521%2036.902C56.4321%2037.0793%2055.9515%2037.168%2055.4101%2037.168ZM61.918%2037.168C61.47%2037.168%2061.05%2037.1027%2060.658%2036.972C60.266%2036.832%2059.9206%2036.636%2059.622%2036.384C59.3233%2036.1227%2059.09%2035.8053%2058.922%2035.432L60.504%2034.704C60.644%2034.928%2060.8353%2035.124%2061.078%2035.292C61.3206%2035.4507%2061.6006%2035.53%2061.918%2035.53C62.226%2035.53%2062.464%2035.488%2062.632%2035.404C62.8%2035.3107%2062.884%2035.18%2062.884%2035.012C62.884%2034.844%2062.814%2034.7227%2062.674%2034.648C62.5433%2034.564%2062.3613%2034.494%2062.128%2034.438L61.484%2034.27C60.812%2034.0927%2060.28%2033.8127%2059.888%2033.43C59.5053%2033.038%2059.314%2032.59%2059.314%2032.086C59.314%2031.3673%2059.5426%2030.812%2060%2030.42C60.4666%2030.028%2061.1246%2029.832%2061.974%2029.832C62.4126%2029.832%2062.8186%2029.8973%2063.192%2030.028C63.5746%2030.1587%2063.9013%2030.3407%2064.172%2030.574C64.4426%2030.8073%2064.6293%2031.078%2064.732%2031.386L63.206%2032.086C63.1406%2031.8993%2062.982%2031.75%2062.73%2031.638C62.478%2031.5167%2062.226%2031.456%2061.974%2031.456C61.722%2031.456%2061.526%2031.512%2061.386%2031.624C61.2553%2031.7267%2061.19%2031.8713%2061.19%2032.058C61.19%2032.1793%2061.2553%2032.282%2061.386%2032.366C61.5166%2032.4407%2061.7033%2032.506%2061.946%2032.562L62.856%2032.786C63.3133%2032.898%2063.6773%2033.08%2063.948%2033.332C64.228%2033.5747%2064.4286%2033.85%2064.55%2034.158C64.6806%2034.4567%2064.746%2034.7507%2064.746%2035.04C64.746%2035.46%2064.62%2035.8333%2064.368%2036.16C64.1253%2036.4773%2063.7893%2036.7247%2063.36%2036.902C62.94%2037.0793%2062.4593%2037.168%2061.918%2037.168ZM65.9334%2037V30H67.7814V37H65.9334ZM66.8574%2028.866C66.5774%2028.866%2066.3301%2028.7633%2066.1154%2028.558C65.9008%2028.3433%2065.7934%2028.0913%2065.7934%2027.802C65.7934%2027.5127%2065.9008%2027.2653%2066.1154%2027.06C66.3301%2026.8453%2066.5774%2026.738%2066.8574%2026.738C67.1468%2026.738%2067.3941%2026.8453%2067.5994%2027.06C67.8141%2027.2653%2067.9214%2027.5127%2067.9214%2027.802C67.9214%2028.0913%2067.8141%2028.3433%2067.5994%2028.558C67.3941%2028.7633%2067.1468%2028.866%2066.8574%2028.866ZM72.1035%2037.168C71.6555%2037.168%2071.2355%2037.1027%2070.8435%2036.972C70.4515%2036.832%2070.1062%2036.636%2069.8075%2036.384C69.5088%2036.1227%2069.2755%2035.8053%2069.1075%2035.432L70.6895%2034.704C70.8295%2034.928%2071.0208%2035.124%2071.2635%2035.292C71.5062%2035.4507%2071.7862%2035.53%2072.1035%2035.53C72.4115%2035.53%2072.6495%2035.488%2072.8175%2035.404C72.9855%2035.3107%2073.0695%2035.18%2073.0695%2035.012C73.0695%2034.844%2072.9995%2034.7227%2072.8595%2034.648C72.7288%2034.564%2072.5468%2034.494%2072.3135%2034.438L71.6695%2034.27C70.9975%2034.0927%2070.4655%2033.8127%2070.0735%2033.43C69.6908%2033.038%2069.4995%2032.59%2069.4995%2032.086C69.4995%2031.3673%2069.7282%2030.812%2070.1855%2030.42C70.6522%2030.028%2071.3102%2029.832%2072.1595%2029.832C72.5982%2029.832%2073.0042%2029.8973%2073.3775%2030.028C73.7602%2030.1587%2074.0868%2030.3407%2074.3575%2030.574C74.6282%2030.8073%2074.8148%2031.078%2074.9175%2031.386L73.3915%2032.086C73.3262%2031.8993%2073.1675%2031.75%2072.9155%2031.638C72.6635%2031.5167%2072.4115%2031.456%2072.1595%2031.456C71.9075%2031.456%2071.7115%2031.512%2071.5715%2031.624C71.4408%2031.7267%2071.3755%2031.8713%2071.3755%2032.058C71.3755%2032.1793%2071.4408%2032.282%2071.5715%2032.366C71.7022%2032.4407%2071.8888%2032.506%2072.1315%2032.562L73.0415%2032.786C73.4988%2032.898%2073.8628%2033.08%2074.1335%2033.332C74.4135%2033.5747%2074.6142%2033.85%2074.7355%2034.158C74.8662%2034.4567%2074.9315%2034.7507%2074.9315%2035.04C74.9315%2035.46%2074.8055%2035.8333%2074.5535%2036.16C74.3108%2036.4773%2073.9748%2036.7247%2073.5455%2036.902C73.1255%2037.0793%2072.6448%2037.168%2072.1035%2037.168ZM78.891%2037.168C78.1163%2037.168%2077.5283%2036.9767%2077.127%2036.594C76.735%2036.2113%2076.539%2035.6653%2076.539%2034.956V27.816H78.387V34.55C78.387%2034.8487%2078.4523%2035.0773%2078.583%2035.236C78.7137%2035.3853%2078.905%2035.46%2079.157%2035.46C79.2503%2035.46%2079.353%2035.4413%2079.465%2035.404C79.577%2035.3573%2079.6937%2035.292%2079.815%2035.208L80.459%2036.594C80.235%2036.762%2079.983%2036.8973%2079.703%2037C79.4323%2037.112%2079.1617%2037.168%2078.891%2037.168ZM75.405%2031.568V30H80.137V31.568H75.405ZM85.7168%2037L85.6468%2035.586V33.458C85.6468%2033.038%2085.6001%2032.6833%2085.5068%2032.394C85.4134%2032.0953%2085.2688%2031.8713%2085.0728%2031.722C84.8861%2031.5633%2084.6341%2031.484%2084.3167%2031.484C84.0368%2031.484%2083.7848%2031.5447%2083.5608%2031.666C83.3368%2031.7873%2083.1454%2031.9833%2082.9868%2032.254L81.3068%2031.68C81.4374%2031.3813%2081.6288%2031.092%2081.8808%2030.812C82.1328%2030.5227%2082.4594%2030.2893%2082.8608%2030.112C83.2714%2029.9253%2083.7708%2029.832%2084.3588%2029.832C85.0588%2029.832%2085.6421%2029.958%2086.1088%2030.21C86.5848%2030.462%2086.9394%2030.8353%2087.1728%2031.33C87.4061%2031.8153%2087.5181%2032.4127%2087.5088%2033.122L87.4668%2037H85.7168ZM83.7848%2037.168C82.9448%2037.168%2082.2914%2036.9813%2081.8248%2036.608C81.3674%2036.2347%2081.1388%2035.7073%2081.1388%2035.026C81.1388%2034.2793%2081.3861%2033.7193%2081.8808%2033.346C82.3848%2032.9633%2083.0894%2032.772%2083.9948%2032.772H85.7728V34.144H84.6388C84.0321%2034.144%2083.6121%2034.2187%2083.3788%2034.368C83.1454%2034.508%2083.0288%2034.7087%2083.0288%2034.97C83.0288%2035.1753%2083.1221%2035.3387%2083.3088%2035.46C83.4954%2035.572%2083.7568%2035.628%2084.0928%2035.628C84.3914%2035.628%2084.6574%2035.558%2084.8908%2035.418C85.1241%2035.2687%2085.3061%2035.082%2085.4368%2034.858C85.5768%2034.6247%2085.6468%2034.3867%2085.6468%2034.144H86.1368C86.1368%2035.096%2085.9501%2035.838%2085.5768%2036.37C85.2128%2036.902%2084.6154%2037.168%2083.7848%2037.168ZM88.9816%2037V30H90.7176L90.8296%2031.288V37H88.9816ZM93.6156%2037V33.416L95.4636%2032.996V37H93.6156ZM93.6156%2033.416C93.6156%2032.94%2093.5596%2032.5713%2093.4476%2032.31C93.3449%2032.0487%2093.1956%2031.862%2092.9996%2031.75C92.8036%2031.6287%2092.5749%2031.568%2092.3136%2031.568C91.8376%2031.5587%2091.4689%2031.7033%2091.2076%2032.002C90.9556%2032.3007%2090.8296%2032.744%2090.8296%2033.332H90.2136C90.2136%2032.5853%2090.3209%2031.9553%2090.5356%2031.442C90.7596%2030.9193%2091.0676%2030.5227%2091.4596%2030.252C91.8516%2029.972%2092.3136%2029.832%2092.8456%2029.832C93.6949%2029.832%2094.3436%2030.0933%2094.7916%2030.616C95.2489%2031.1293%2095.4729%2031.9227%2095.4636%2032.996L93.6156%2033.416ZM99.8226%2037.168C99.048%2037.168%2098.46%2036.9767%2098.0586%2036.594C97.6666%2036.2113%2097.4706%2035.6653%2097.4706%2034.956V27.816H99.3186V34.55C99.3186%2034.8487%2099.384%2035.0773%2099.5146%2035.236C99.6453%2035.3853%2099.8366%2035.46%20100.089%2035.46C100.182%2035.46%20100.285%2035.4413%20100.397%2035.404C100.509%2035.3573%20100.625%2035.292%20100.747%2035.208L101.391%2036.594C101.167%2036.762%20100.915%2036.8973%20100.635%2037C100.364%2037.112%20100.093%2037.168%2099.8226%2037.168ZM96.3366%2031.568V30H101.069V31.568H96.3366Z%22%20fill=%22white%22/%3E%0A%3Cpath%20d=%22M143%2017.5V20.5M140%2025V25.015M146%2025V25.015M131%2019V16C131%2015.2044%20131.316%2014.4413%20131.879%2013.8787C132.441%2013.3161%20133.204%2013%20134%2013H137M131%2031V34C131%2034.7956%20131.316%2035.5587%20131.879%2036.1213C132.441%2036.6839%20133.204%2037%20134%2037H137M149%2013H152C152.796%2013%20153.559%2013.3161%20154.121%2013.8787C154.684%2014.4413%20155%2015.2044%20155%2016V19M149%2037H152C152.796%2037%20153.559%2036.6839%20154.121%2036.1213C154.684%2035.5587%20155%2034.7956%20155%2034V31M135.5%2022.75C135.5%2021.508%20136.619%2020.5%20138%2020.5H148C149.38%2020.5%20150.5%2021.508%20150.5%2022.75V27.25C150.5%2028.492%20149.381%2029.5%20148%2029.5H138C136.62%2029.5%20135.5%2028.492%20135.5%2027.25V22.75Z%22%20stroke=%22white%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22/%3E%0A%3Cpath%20d=%22M26.8571%2013C26.8571%2014.7371%2028.2629%2016.1429%2030%2016.1429V17.8571C28.2629%2017.8571%2026.8571%2019.2629%2026.8571%2021H25.1429C25.1429%2019.2629%2023.7371%2017.8571%2022%2017.8571V16.1429C23.7371%2016.1429%2025.1429%2014.7371%2025.1429%2013H26.8571ZM26%2015.7554C25.6634%2016.2418%2025.2418%2016.6634%2024.7554%2017C25.2423%2017.336%2025.664%2017.7566%2026%2018.2434C26.3363%2017.7576%2026.7576%2017.3363%2027.2434%2017C26.7575%2016.6633%2026.3362%2016.2417%2026%2015.7554Z%22%20fill=%22%23E31D1A%22/%3E%0A%3Cpath%20d=%22M22.2857%2023C22.2857%2025.6057%2024.3943%2027.7143%2027%2027.7143V30.2857C24.3943%2030.2857%2022.2857%2032.3943%2022.2857%2035H19.7143C19.7143%2032.3943%2017.6057%2030.2857%2015%2030.2857V27.7143C17.6057%2027.7143%2019.7143%2025.6057%2019.7143%2023H22.2857ZM21%2027.1331C20.4951%2027.8627%2019.8627%2028.4951%2019.1331%2029C19.8634%2029.504%2020.496%2030.1349%2021%2030.8651C21.5045%2030.1363%2022.1363%2029.5045%2022.8651%2029C22.1362%2028.495%2021.5044%2027.8626%2021%2027.1331Z%22%20fill=%22%23E31D1A%22/%3E%0A%3Cdefs%3E%0A%3Cfilter%20id=%22filter0_d_60001_950%22%20x=%220%22%20y=%220%22%20width=%22173%22%20height=%2259%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_60001_950%22/%3E%0A%3CfeBlend%20mode=%22normal%22%20in=%22SourceGraphic%22%20in2=%22effect1_dropShadow_60001_950%22%20result=%22shape%22/%3E%0A%3C/filter%3E%0A%3C/defs%3E%0A%3C/svg%3E") right center / contain no-repeat;
  box-shadow: none;
  z-index: 1030;                /* under the site's Bootstrap modals (1050) */
}
.hdcw-fab > svg { display: none; }
.hdcw-fab:hover { transform: scale(1.02); transform-origin: right center; }
/* Only if a CHAT_WIDGET_FAB_RIGHT_MOBILE shift is ever added to defs.inc:
 * never let the bar run off a 320px phone. */
.hdcw-fab.hdcw-shift { max-width: calc(100vw - 104px); }

/* ---------- Header (24:711): an 81px flat #000000 band, r15 on top. Mark
 * 46x41 at x14 y14; title Figtree Bold 20/18 at x82 y24 (60001:922);
 * subtitle Figtree Regular 12 at x82 y46 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 13px;
  gap: 0;
  background: #000000;
}
.hdcw-head::before {
  content: '';
  flex: 0 0 48px;
  height: 43px;
  margin: 13px 21px 0 0;        /* ink at x14 y14, title at x82 */
  background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width=%2248%22%20height=%2243%22%20viewBox=%22-1%20-1%2048%2043%22%20fill=%22none%22%20xmlns=%22http://www.w3.org/2000/svg%22%3E%0A%3Cpath%20d=%22M11.8571%200C11.8571%201.73714%2013.2629%203.14286%2015%203.14286V4.85714C13.2629%204.85714%2011.8571%206.26286%2011.8571%208H10.1429C10.1429%206.26286%208.73714%204.85714%207%204.85714V3.14286C8.73714%203.14286%2010.1429%201.73714%2010.1429%200H11.8571ZM11%202.75543C10.6634%203.2418%2010.2418%203.66342%209.75543%204C10.2423%204.336%2010.664%204.75657%2011%205.24343C11.3363%204.75757%2011.7576%204.33635%2012.2434%204C11.7575%203.66331%2011.3362%203.2417%2011%202.75543Z%22%20fill=%22%23E31D1A%22/%3E%0A%3Cpath%20d=%22M7.28571%2010C7.28571%2012.6057%209.39429%2014.7143%2012%2014.7143V17.2857C9.39429%2017.2857%207.28571%2019.3943%207.28571%2022H4.71428C4.71428%2019.3943%202.60571%2017.2857%200%2017.2857V14.7143C2.60571%2014.7143%204.71428%2012.6057%204.71428%2010H7.28571ZM6%2014.1331C5.49513%2014.8627%204.8627%2015.4951%204.13314%2016C4.86343%2016.504%205.496%2017.1349%206%2017.8651C6.50452%2017.1363%207.13635%2016.5045%207.86514%2016C7.1362%2015.495%206.50436%2014.8626%206%2014.1331Z%22%20fill=%22%23E31D1A%22/%3E%0A%3Cpath%20d=%22M31.5%2018.0625V21.4375M28.125%2026.5V26.5169M34.875%2026.5V26.5169M18%2019.75V16.375C18%2015.4799%2018.3556%2014.6214%2018.9885%2013.9885C19.6214%2013.3556%2020.4799%2013%2021.375%2013H24.75M18%2033.25V36.625C18%2037.5201%2018.3556%2038.3785%2018.9885%2039.0115C19.6214%2039.6444%2020.4799%2040%2021.375%2040H24.75M38.25%2013H41.625C42.5201%2013%2043.3785%2013.3556%2044.0115%2013.9885C44.6444%2014.6214%2045%2015.4799%2045%2016.375V19.75M38.25%2040H41.625C42.5201%2040%2043.3785%2039.6444%2044.0115%2039.0115C44.6444%2038.3785%2045%2037.5201%2045%2036.625V33.25M23.0625%2023.9688C23.0625%2022.5715%2024.3214%2021.4375%2025.8756%2021.4375H37.1244C38.6769%2021.4375%2039.9375%2022.5715%2039.9375%2023.9688V29.0312C39.9375%2030.4285%2038.6786%2031.5625%2037.1244%2031.5625H25.8756C24.3231%2031.5625%2023.0625%2030.4285%2023.0625%2029.0312V23.9688Z%22%20stroke=%22white%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22/%3E%0A%3C/svg%3E") center / contain no-repeat;
}
.hdcw-head > div { margin-top: 24px; min-width: 0; padding-right: 12px; }
.hdcw-head b {
  font-size: 20px;
  line-height: 18px;
  font-weight: 700;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.hdcw-head small {
  display: block;
  margin-top: 4px;
  opacity: 1;
  font-size: 12px;
  font-weight: 400;
  line-height: 14px;
  white-space: nowrap;
}
/* Nav icons: reset 20x16 @296, expand 16x16 @334, close 15x15 @369, all at
 * y24; glyph boxes carry a 1px bezel. */
.hdcw-reset, .hdcw-exp, .hdcw-close {
  flex: none;
  align-self: flex-start;
  padding: 0;
  font-size: 0;
  background-repeat: no-repeat;
  background-position: center;
}
.hdcw-reset {
  width: 22px;
  height: 18px;
  margin: 23px 0 0 auto;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width=%2222%22%20height=%2218%22%20viewBox=%220%200%2022%2018%22%20fill=%22none%22%20xmlns=%22http://www.w3.org/2000/svg%22%3E%0A%3Cpath%20d=%22M13%201C17.4133%201%2021%204.58667%2021%209C21%2013.4133%2017.4133%2017%2013%2017C8.58667%2017%205%2013.4133%205%209V5.66667%22%20stroke=%22white%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22/%3E%0A%3Cpath%20d=%22M1%209L5%205L9%209%22%20stroke=%22white%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22/%3E%0A%3C/svg%3E");
  background-size: 22px 18px;
}
.hdcw-reset svg { display: none; }
.hdcw-panel:not(.hdcw-max) .hdcw-exp {
  width: 18px;
  height: 18px;
  margin: 23px 0 0 16px;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width=%2218%22%20height=%2218%22%20viewBox=%22-1%20-1%2018%2018%22%20fill=%22none%22%20xmlns=%22http://www.w3.org/2000/svg%22%3E%0A%3Cpath%20d=%22M1.2002%2012V14.7998H4V16H0V12H1.2002ZM16%2016H12V14.7998H14.7998V12H16V16ZM16%204H14.7998V1.2002H12V0H16V4ZM4%201.2002H1.2002V4H0V0H4V1.2002Z%22%20fill=%22white%22/%3E%0A%3C/svg%3E");
  background-size: 18px 18px;
}
.hdcw-panel:not(.hdcw-max) .hdcw-exp svg { display: none; }
.hdcw-max .hdcw-exp { margin: 24px 0 0 17px; font-size: 0; }
.hdcw-close {
  width: 17px;
  height: 17px;
  margin: 23px 0 0 17px;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width=%2217%22%20height=%2217%22%20viewBox=%22-1%20-1%2017%2017%22%20fill=%22none%22%20xmlns=%22http://www.w3.org/2000/svg%22%3E%0A%3Cpath%20d=%22M15%201.74427L13.2557%200L7.5%205.75573L1.74427%200L0%201.74427L5.75573%207.5L0%2013.2557L1.74427%2015L7.5%209.24427L13.2557%2015L15%2013.2557L9.24427%207.5L15%201.74427Z%22%20fill=%22white%22/%3E%0A%3C/svg%3E");
  background-size: 17px 17px;
}

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

/* Bubbles. Bot (37:322 / 37:325 / 16:205 / 42:720): #EDEDED, 1px #C7C7C7
 * inside stroke, r10 with the BOTTOM-LEFT corner square, Figtree Regular
 * 14/17 with 1% tracking, text 22px in, a one-line bubble 51 tall (37:325).
 * Fixed 334px (91%) wide on every artboard.
 * User (42:676 / 4048:708 / 19:649): #000000, white Regular 14, r10 with the
 * BOTTOM-RIGHT corner square, 48 tall for one line. */
.hdcw-msg {
  max-width: 96%;               /* the long user bubble 2030:495 is 352 of 366 */
  padding: 15px 22px;
  font-size: 14px;
  line-height: 17px;
  letter-spacing: .01em;
}
.hdcw-bot {
  width: 91.26%;                /* 334 of the 366px column, as drawn */
  max-width: 91.26%;
  box-sizing: border-box;
  background: #EDEDED;
  border-color: #C7C7C7;
  border-radius: 10px 10px 10px 0;
  padding: 16px 22px 16px 21px;  /* text box 17px under the outer edge (37:323, 37:326); 68 tall for two lines, 51 for one */
}
/* The greeting (1:11, identical on the seven artboards that show it):
 * Figtree 14, its headline Bold and followed by a 24px line (the run after
 * it), in a 95px bubble with the headline's box 14px under the outer edge.
 * The headline is an inline-block with a bottom margin: that grows its own
 * line only, whatever the admin copy after it. Other bold runs ("105 cars")
 * are SemiBold (16:206). A first bubble followed by a car card (the vehicle
 * page's "Interested in **this car**?" line) or by the stock section heads
 * (/search, no greeting) is not the greeting and keeps the plain bubble. */
.hdcw-msgs > .hdcw-bot:first-child:not(:has(+ .hdcw-cars, + .hdcw-ghead)) { letter-spacing: 0; padding: 13px 22px 22px 21px; }
.hdcw-bot b, .hdcw-bot strong { font-weight: 600; }
/* The stock counters bubble (16:205 on 15-browse, the bubble the POPULAR head
 * follows): 15px under the greeting, 63 tall, text box 14px down. */
.hdcw-msgs > .hdcw-bot:not(:first-child):has(+ .hdcw-ghead) { margin-top: 5px; padding-top: 13px; padding-bottom: 14px; }
.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: 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, Figtree 14 on a 19px
 * leading, SemiBold underlined car links, text box 28px under the top edge
 * and 68px above the bottom one (the designer's fixed rectangle). */
.hdcw-bot:has(a.hdcw-link) {
  background: #fff;
  border-color: #E4E6EA;
  line-height: 19px;
  padding: 27px 27px 67px 21px;
}
.hdcw-user { border-radius: 10px 10px 0 10px; font-weight: 400; padding: 16px 22px 15px; }  /* text box 16px under the top, 48 tall (42:676); side insets hand-sized 17-34px in the artwork, 22 = 'Comfort & space' (42:677) at x256; no border on user bubbles */
.hdcw-typing {
  background: #EDEDED;
  border-color: #C7C7C7;
  border-radius: 10px 10px 10px 0;
  padding: 16px 22px 16px 21px;
}
/* "Searching our stock..." (2030:573, 19:537): Figtree Regular 12 (NOT
 * italic), #6D6D6D, x20, 11-13px above it and 14-16px below it on the two
 * artboards that draw it. */
.hdcw-status { font-style: normal; font-size: 12px; line-height: 15px; margin: 2px 0 5px; }

/* ---------- Openers (lozenge 12:145): 361x72, r10, #F1F1F1, 1px #B7B7B7
 * inside stroke, NO shadow, NO cap; black chevron 6x12 at x337.5 (used, new)
 * / x336.5 (quiz, alert, else), y29.5 (else y21.5); #E31D1A glyph at the
 * artwork's own offsets; title Figtree SemiBold 17 at x82 (quiz x81) with its
 * box 16px down; sub-caption Regular 13 at x82 (alert x83), box 38px down
 * (::after - the widget renders one label). Tops at y199 / 279 / 358 / 437
 * (8, 7, 7px apart); "Something else" (a 52.4px box) at 517, 8px under. */
.hdcw-opener { gap: 8px; margin: 0 5px 0 0; }  /* 361 wide: x16..377 */
/* The home list starts 9px under the greeting bubble (190 -> 199), one less
 * than the column's own 10px; the context CTA keeps the widget's spacing. */
.hdcw-opener:has(.hdcw-op-else) { margin-top: -1px; }
.hdcw-opener button { position: relative; --tpw-chev: 17.5px; }
.hdcw-opener button.hdcw-op-used,
.hdcw-opener button.hdcw-op-new { --tpw-chev: 16.5px; }
/* The artwork's 7px steps (new -> quiz -> alert) against its 8px ones. */
.hdcw-opener button.hdcw-op-quiz,
.hdcw-opener button.hdcw-op-alert { margin-top: -1px; }
/* Full background shorthand here AND on :hover: the widget's own
 * `.hdcw-opener .hdcw-else:hover { background: ... }` is a shorthand that
 * would otherwise drop the chevron (vehicle pages give every opener the
 * hdcw-else class). */
.hdcw-opener button.hdcw-op-used,
.hdcw-opener button.hdcw-op-new,
.hdcw-opener button.hdcw-op-quiz,
.hdcw-opener button.hdcw-op-alert,
.hdcw-opener .hdcw-else.hdcw-op-else {
  box-sizing: border-box;
  border: 1px solid #B7B7B7;
  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=%22black%22/%3E%0A%3C/svg%3E") no-repeat right var(--tpw-chev) top 28.5px / 8px 14px border-box, #F1F1F1;
  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-alert {
  min-height: 72px;
  padding: 15px 44px 16px 65px;  /* 1 + 15 + 20 title + 3 + 16 caption + 16 + 1 = 72 */
  font-size: 17px;
  font-weight: 600;
  line-height: 20px;
}
.hdcw-opener button.hdcw-op-quiz { padding-left: 64px; }
.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: 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 var(--tpw-chev) top 28.5px / 8px 14px border-box, #E8E8E8;
  opacity: 1;
}
/* Glyph boxes = the export + 1px bezel, placed from the padding box
 * (artwork ink offset - 1px border - 1px bezel). */
.hdcw-opener button.hdcw-op-used::before,
.hdcw-opener button.hdcw-op-new::before,
.hdcw-opener button.hdcw-op-quiz::before,
.hdcw-opener button.hdcw-op-alert::before,
.hdcw-opener button.hdcw-op-else::before {
  content: '';
  position: absolute;
  background: center / contain no-repeat;
}
.hdcw-opener button.hdcw-op-used::before { left: 22px; top: 19px; width: 23px; height: 23px; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width=%2223%22%20height=%2223%22%20viewBox=%22-1%20-1%2023%2023%22%20fill=%22none%22%20xmlns=%22http://www.w3.org/2000/svg%22%3E%0A%3Cpath%20d=%22M10.5887%200.000440951C4.71815%20-0.0527896%20-0.0527664%204.72024%200.00044076%2010.5934C0.0359122%2014.914%202.71401%2018.6312%206.49173%2020.2016L7.1391%2020.4411C8.16778%2020.796%209.26735%2020.9912%2010.4113%2021C10.9878%2021%2011.5642%2020.9645%2012.1139%2020.8759L12.7613%2020.7516C17.5056%2019.7136%2021.0439%2015.464%2020.9996%2010.3982C20.9463%204.71138%2016.2907%200.0536722%2010.5887%200.000440951ZM10.5%2019.1458C7.9602%2019.1458%205.67272%2018.0432%204.09135%2016.2921C3.66789%2015.8231%203.74942%2015.1038%204.25702%2014.7276C5.04626%2014.151%205.81776%2013.7695%206.52717%2013.4856C6.75773%2013.3969%207.01494%2013.53%207.07699%2013.7695C7.17454%2014.151%207.5115%2014.426%207.91056%2014.426H13.0894C13.4796%2014.426%2013.8254%2014.1599%2013.923%2013.7695C13.9851%2013.53%2014.2422%2013.3969%2014.4728%2013.4856C15.1822%2013.7695%2015.9626%2014.151%2016.743%2014.7276C17.2506%2015.1038%2017.3321%2015.8231%2016.9087%2016.2921C15.3273%2018.0432%2013.0398%2019.1458%2010.5%2019.1458ZM14.9027%2011.4983C14.8999%2011.4983%2014.8971%2011.498%2014.8943%2011.4973C14.6751%2011.4423%2014.5441%2011.2219%2014.6058%2011.0015C14.7743%2010.3272%2014.26%209.67961%2013.5683%209.67961H10.837C10.7217%209.67961%2010.6153%209.67961%2010.5%209.67961C10.3847%209.67961%2010.2694%209.67961%2010.163%209.67961H7.44061C6.74888%209.67961%206.23455%2010.3272%206.40302%2011.0015C6.45628%2011.2233%206.32323%2011.4362%206.11041%2011.4983C5.25068%2011.7196%204.43372%2011.8811%203.67243%2011.9875C2.73449%2012.1185%201.88013%2011.4445%201.87713%2010.497C1.87684%2010.4053%201.87793%2010.3132%201.88043%2010.2208C2.02232%205.58969%205.8621%201.87239%2010.4911%201.86352C15.262%201.86352%2019.1373%205.73163%2019.1373%2010.5046C19.1373%2011.4478%2018.2868%2012.1186%2017.3531%2011.9889C16.5886%2011.8827%2015.7688%2011.7212%2014.9118%2011.4995C14.9088%2011.4987%2014.9058%2011.4983%2014.9027%2011.4983Z%22%20fill=%22%23E31D1A%22/%3E%0A%3C/svg%3E"); }
.hdcw-opener button.hdcw-op-new::before { left: 24px; top: 20px; 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%2021.2143C18%2021.4227%2017.9175%2021.6225%2017.7708%2021.7699C17.624%2021.9172%2017.425%2022%2017.2174%2022H7.04346C6.8359%2022%206.63684%2021.9172%206.49007%2021.7699C6.34331%2021.6225%206.26085%2021.4227%206.26085%2021.2143C6.26085%2021.0059%206.34331%2020.8061%206.49007%2020.6587C6.63684%2020.5114%206.8359%2020.4286%207.04346%2020.4286H17.2174C17.425%2020.4286%2017.624%2020.5114%2017.7708%2020.6587C17.9175%2020.8061%2018%2021.0059%2018%2021.2143ZM18%2014.1429V17.2858C18%2017.7025%2017.8351%2018.1022%2017.5416%2018.3969C17.248%2018.6916%2016.8499%2018.8572%2016.4348%2018.8572H7.24988C6.95882%2018.8581%206.67333%2018.7771%206.42574%2018.6235C6.17815%2018.4699%205.97836%2018.2497%205.849%2017.988L0.164321%206.59523C0.0562407%206.3767%200%206.13602%200%205.89203C0%205.64803%200.0562407%205.40735%200.164321%205.18882L2.32824%200.86743C2.51191%200.49944%202.83206%200.21849%203.21987%200.0849729C3.60769%20-0.0485441%204.0322%20-0.0239677%204.40215%200.153419L7.69792%201.55001L7.7439%201.57162C8.11494%201.7581%208.39705%202.08486%208.52821%202.48008C8.65937%202.8753%208.62885%203.30664%208.44336%203.67928C8.44036%203.68676%208.43676%203.69399%208.43259%203.70089L7.04346%206.28586L10.1524%2012.5715H16.4348C16.8499%2012.5715%2017.248%2012.7371%2017.5416%2013.0318C17.8351%2013.3265%2018%2013.7262%2018%2014.1429ZM16.4348%2014.1429H10.1514C9.86047%2014.1439%209.57508%2014.063%209.32764%2013.9093C9.0802%2013.7557%208.88061%2013.5355%208.75151%2013.2737L5.64161%206.98809C5.53378%206.77%205.47768%206.52983%205.47768%206.28635C5.47768%206.04288%205.53378%205.8027%205.64161%205.58462L5.65335%205.56301L7.04346%202.97804L3.77313%201.59224C3.75746%201.58617%203.74212%201.57928%203.72715%201.57162L1.56519%205.89301L7.2489%2017.2858H16.4348V14.1429Z%22%20fill=%22%23E31D1A%22/%3E%0A%3C/svg%3E"); }
.hdcw-opener button.hdcw-op-quiz::before { left: 23px; top: 18px; width: 26px; height: 22px; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width=%2226%22%20height=%2222%22%20viewBox=%22-1%20-1%2026%2022%22%20fill=%22none%22%20xmlns=%22http://www.w3.org/2000/svg%22%3E%0A%3Cpath%20d=%22M0.766967%2017.4893L0.766967%206.52364C0.76713%206.49918%200.773439%206.47514%200.785314%206.45375C0.797188%206.43235%200.814247%206.41428%200.834926%206.4012L9.34507%201.1228C9.60379%200.959269%209.89254%200.849016%2010.1944%200.798507C10.4963%200.747997%2010.8052%200.758245%2011.103%200.828652C11.4009%200.899059%2011.6817%201.02821%2011.929%201.20853C12.1763%201.38885%2012.3852%201.61672%2012.5433%201.87878C12.7014%202.14085%2012.8056%202.43183%2012.8498%202.73469C12.894%203.03754%2012.8773%203.34617%2012.8007%203.6425C12.7242%203.93883%2012.5892%204.21689%2012.4038%204.46039C12.2183%204.70388%2011.9862%204.90792%2011.7209%205.06054L9.36529%206.44333L21.019%206.44333C21.6062%206.44333%2022.1693%206.67659%2022.5846%207.0918C22.9998%207.50701%2023.233%208.07016%2023.233%208.65736C23.233%209.24456%2022.9998%209.8077%2022.5846%2010.2229C22.1693%2010.6381%2021.6062%2010.8714%2021.019%2010.8714L15.7794%2010.8714C15.4508%2010.8714%2015.1806%2011.1326%2015.17%2011.4611L14.952%2017.9881C14.9414%2018.3063%2014.8075%2018.6079%2014.5786%2018.8293C14.3497%2019.0506%2014.0438%2019.1743%2013.7254%2019.1743L2.45192%2019.1743C2.00504%2019.1743%201.57647%2018.9968%201.26048%2018.6808C0.944489%2018.3648%200.766967%2017.9362%200.766967%2017.4893Z%22%20stroke=%22%23E31D1A%22%20stroke-width=%221.5%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22/%3E%0A%3C/svg%3E"); }
.hdcw-opener button.hdcw-op-alert::before { left: 24px; top: 22px; width: 23px; height: 19px; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width=%2223%22%20height=%2219%22%20viewBox=%22-1%20-1%2023%2019%22%20fill=%22none%22%20xmlns=%22http://www.w3.org/2000/svg%22%3E%0A%3Cpath%20d=%22M18.9%200H2.1C0.94185%200%200%200.953062%200%202.125V14.875C0%2016.0469%200.94185%2017%202.1%2017H18.9C20.0581%2017%2021%2016.0469%2021%2014.875V2.125C21%200.953062%2020.0581%200%2018.9%200ZM18.9%202.125V2.66794L10.5%209.27987L2.1%202.669V2.125H18.9ZM2.1%2014.875V5.35925L9.8553%2011.4633C10.0392%2011.6095%2010.2662%2011.6889%2010.5%2011.6889C10.7338%2011.6889%2010.9608%2011.6095%2011.1447%2011.4633L18.9%205.35925L18.9021%2014.875H2.1Z%22%20fill=%22%23E31D1A%22/%3E%0A%3C/svg%3E"); }
.hdcw-opener button.hdcw-op-used::after,
.hdcw-opener button.hdcw-op-new::after,
.hdcw-opener button.hdcw-op-quiz::after,
.hdcw-opener button.hdcw-op-alert::after {
  /* in flow under the title, not absolute: a title that wraps on a phone
   * pushes the caption down instead of printing over it */
  display: block;
  margin-top: 3px;              /* caption cap line 42px under the box top (30002:640) */
  text-align: left;
  font-size: 13px;
  font-weight: 400;
  line-height: 16px;
  letter-spacing: 0;
  color: #000000;
}
.hdcw-opener button.hdcw-op-used::after {
  /* The artwork's caption, verbatim; the stock number is live since CON-995: see the [data-stock] rule below. */
  content: 'Cars in stock';
}
/* CON-995: live used-stock count. The widget sets data-stock on the
 * button and this rule prints it; the caption without a number above
 * shows until it arrives, or if it cannot. Roll back: delete this rule
 * and put the artwork's caption back above: 'Over 100 cars in stock'. */
.hdcw-opener button.hdcw-op-used[data-stock]::after { content: attr(data-stock) ' cars in stock'; }
/* The artwork draws the New Vehicles opener (62001:619) with this caption.
 * It only renders when new cars are on for the dealer (data-new-cars="1";
 * off by default since CON-1020). */
.hdcw-opener button.hdcw-op-new::after { content: 'Explore our Mazda, FIAT & JEEP ranges'; }
.hdcw-opener button.hdcw-op-quiz::after { content: 'Get matched to car to suit your needs'; }
.hdcw-opener button.hdcw-op-alert::after { content: 'Receive a daily stock alert'; margin-left: 1px; }

/* "Something else" (2023:430 / 44002:623): the same box at 361x52.4, 8px
 * under the alert opener. Title @83,15 (box-local); "?" bubble 21x21 @28,15;
 * chevron x336.5 y21.5. */
.hdcw-opener .hdcw-else.hdcw-op-else {
  min-height: 52.4px;
  padding: 14px 44px 16.4px 66px;
  font-size: 17px;
  font-weight: 600;
  line-height: 20px;
  background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width=%228%22%20height=%2214%22%20viewBox=%22-1%20-1%208%2014%22%20fill=%22none%22%20xmlns=%22http://www.w3.org/2000/svg%22%3E%0A%3Cpath%20d=%22M5.40984e-09%201.215L1.00917%202.18156e-07L6%206L1.00917%2012L4.23728e-07%2010.785L3.97792%206L5.40984e-09%201.215Z%22%20fill=%22black%22/%3E%0A%3C/svg%3E") no-repeat right 17.5px top 20.5px / 8px 14px border-box, #F1F1F1;
}
.hdcw-opener .hdcw-else.hdcw-op-else:hover {
  background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width=%228%22%20height=%2214%22%20viewBox=%22-1%20-1%208%2014%22%20fill=%22none%22%20xmlns=%22http://www.w3.org/2000/svg%22%3E%0A%3Cpath%20d=%22M5.40984e-09%201.215L1.00917%202.18156e-07L6%206L1.00917%2012L4.23728e-07%2010.785L3.97792%206L5.40984e-09%201.215Z%22%20fill=%22black%22/%3E%0A%3C/svg%3E") no-repeat right 17.5px top 20.5px / 8px 14px border-box, #E8E8E8;
  opacity: 1;
}
.hdcw-opener button.hdcw-op-else::before { left: 26px; top: 13px; width: 23px; height: 23px; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width=%2223%22%20height=%2223%22%20viewBox=%22-1%20-1%2023%2023%22%20fill=%22none%22%20xmlns=%22http://www.w3.org/2000/svg%22%3E%0A%3Cpath%20d=%22M20.2317%2010.5C20.2317%2013.081%2019.2064%2015.5563%2017.3814%2017.3814C15.5563%2019.2064%2013.081%2020.2317%2010.5%2020.2317C8.8323%2020.2317%207.26293%2019.8117%205.89025%2019.0731C3.97669%2018.0416%202.68903%2019.0004%201.55298%2019.1725C1.46803%2019.1847%201.3814%2019.1765%201.3002%2019.1488C1.21901%2019.121%201.14555%2019.0743%201.08586%2019.0127C0.996738%2018.9181%200.937761%2018.7991%200.91642%2018.6708C0.895079%2018.5426%200.912339%2018.4109%200.966005%2018.2925C1.41264%2017.2425%201.82137%2015.2511%201.26308%2013.5732C0.93433%2012.582%200.767266%2011.5443%200.768297%2010.5C0.768297%207.91899%201.7936%205.44369%203.61865%203.61864C5.4437%201.79359%207.919%200.768293%2010.5%200.768293C13.081%200.768293%2015.5563%201.79359%2017.3814%203.61864C19.2064%205.44369%2020.2317%207.91899%2020.2317%2010.5Z%22%20stroke=%22%23E31D1A%22%20stroke-width=%221.5%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22/%3E%0A%3Cpath%20d=%22M7.93902%207.93901C7.93919%207.49782%208.05333%207.06415%208.27038%206.68004C8.48744%206.29593%208.80004%205.97441%209.17789%205.74665C9.55575%205.51888%209.98604%205.39259%2010.427%205.38003C10.8681%205.36746%2011.3048%205.46904%2011.6951%205.67492C12.0853%205.88079%2012.4157%206.18399%2012.6542%206.55511C12.8928%206.92624%2013.0315%207.3527%2013.0568%207.79317C13.0821%208.23364%2012.9931%208.67317%2012.7986%209.06916C12.6041%209.46515%2012.3105%209.80417%2011.9464%2010.0534C11.2458%2010.5328%2010.5%2011.1884%2010.5%2012.0366M10.628%2015.3658H10.5M10.7561%2015.3658C10.7561%2015.4338%2010.7291%2015.4989%2010.6811%2015.5469C10.6331%2015.595%2010.5679%2015.6219%2010.5%2015.6219C10.4321%2015.6219%2010.3669%2015.595%2010.3189%2015.5469C10.2709%2015.4989%2010.2439%2015.4338%2010.2439%2015.3658C10.2439%2015.2979%2010.2709%2015.2328%2010.3189%2015.1847C10.3669%2015.1367%2010.4321%2015.1097%2010.5%2015.1097C10.5679%2015.1097%2010.6331%2015.1367%2010.6811%2015.1847C10.7291%2015.2328%2010.7561%2015.2979%2010.7561%2015.3658Z%22%20stroke=%22%23E31D1A%22%20stroke-width=%221.53659%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22/%3E%0A%3C/svg%3E"); }

/* Context CTA ("Tell me about this car" 19:683 / "Browse Cars" 4028:1288):
 * 349x55 at x24, r10, flat #E31D1A, white Figtree Bold 16, centred, text
 * box 18px under the top. */
.hdcw-opener button.hdcw-op-ctx {
  min-height: 55px;
  margin: 0 4px 0 8px;          /* 349 wide at x24 (16-browse-auto) */
  border: 0;
  border-radius: 10px;
  padding: 18px 0 17px;
  background: #E31D1A;
  color: #fff;
  font-size: 16px;
  font-weight: 700;
  line-height: 20px;
}
.hdcw-opener button.hdcw-op-ctx:hover { opacity: .85; }

/* ---------- Chips (item 16:212): 31px white, r10, NO border, 0/4/4 25%
 * shadow, Figtree Regular 12/13 black, centred, 5px gaps both ways, text
 * 17-20px in (hand-sized). Rows start 2px in from the bubble edge (x18).
 * Selected = 1px #000000 stroke ("Adventurous" 37:328, "Automatic (155)"
 * 19:414). */
.hdcw-chips { gap: 5px; padding: 0 2px; }
.hdcw-chip {
  background: #fff;
  color: #000000;
  border-color: transparent;
  border-radius: 10px;
  min-height: 31px;
  box-sizing: border-box;
  padding: 8px 15px;            /* text box 9px under the chip top; 15 keeps the artwork's four POPULAR rows and two LIFESTYLE rows (its chips are hand-sized, 12-20px) */
  font-size: 12px;
  line-height: 13px;
  letter-spacing: 0;
  box-shadow: 0 4px 4px rgba(0,0,0,.25);
}
.hdcw-chip:hover { background: #F4F4F4; border-color: transparent; color: #000000; }
.hdcw-chip--sel { border-color: #000000; box-shadow: 0 4px 4px rgba(0,0,0,.25); font-weight: 400; }
/* The artwork's selected chip is a 1px stroke and nothing else. Bootstrap's
 * reboot (the TPW site loads 4.3.1) adds `button:focus { outline: 5px auto }`,
 * so a tapped chip would also wear the browser's focus ring. Mouse and touch
 * focus drop it; keyboard focus keeps a visible ring. */
.hdcw-chip:focus:not(:focus-visible) { outline: 0; }
/* POPULAR/LIFESTYLE/MAKES (16:213): Figtree Bold 11 #6D6D6D, tracking 0,
 * x24; 13px under a bubble, 18px under a chip row, 8px above its chips
 * (box to box: POPULAR 281 -> chips 303). */
.hdcw-ghead {
  letter-spacing: 0;
  font-size: 11px;
  line-height: 14px;
  margin: 3px 6px -2px 8px;
}
.hdcw-chips + .hdcw-ghead { margin-top: 8.5px; }  /* 18px under POPULAR's rows, 17 under LIFESTYLE's: split */
/* Answer chips straight under a question (the quiz, 02-help1 to 07-help5):
 * flush with the bubble at x16 and 8px under it, where the stock and model
 * rows (under a section head or a card strip) start at x18. */
.hdcw-bot + .hdcw-chips { padding-left: 0; margin-top: -2px; }
/* ...and drawn wider than the stock chips: 19-23px side space (37:328-338). */
.hdcw-bot + .hdcw-chips .hdcw-chip { padding-left: 19px; padding-right: 19px; }

/* ---------- Car cards ("csr search" 19:566): 176 wide, 14px apart, white,
 * 1px #E4E6EA, r10, 244 tall. Photo 176x113 square-topped. Body text 12px
 * in: title Figtree Regular 12 (two lines), price Bold 12/19, monthly
 * Regular 12/16, meta Regular 10/17. Flush split action bar: Details (77,
 * white, #E4E6EA rule) | I'm Interested (99, #E31D1A, white ink), both
 * Figtree Regular 12/13 ls -1%. */
.hdcw-cars { gap: 14px; padding: 2px 2px 0; }  /* model chips 9-10px under the cards (08-help6) */
.hdcw-ncgrid { gap: 14px; }
.hdcw-car { border-radius: 0 0 10px 10px; border-color: #E4E6EA; }
.hdcw-car img.hdcw-carimg, .hdcw-car .hdcw-noimg { height: 113px; }
.hdcw-car .hdcw-carbody { padding: 8px 11px 8px; }  /* title cap 124.5px, action bar 213px under the card top; 244 tall */
.hdcw-car h4.hdcw-cartitle {
  /* name every property: Bootstrap's h4 rule would win otherwise */
  margin: 0;
  font-family: var(--hdcw-font);
  font-size: 12px;
  font-weight: 400;
  line-height: 14px;
  letter-spacing: .01em;
  max-height: 28px;
}
/* cap lines 124.5 / 138.5 (title), 157.5 (price), 173.5 (monthly), 192 (meta) under the card top */
.hdcw-car .hdcw-price { color: #000000; font-size: 12px; font-weight: 700; line-height: 17px; margin-top: 4px; }
.hdcw-car .hdcw-mo { color: #000000; font-size: 12px; font-weight: 400; line-height: 16px; margin-top: -1px; }
.hdcw-car .hdcw-meta { color: #000000; font-size: 10px; line-height: 17px; margin-top: 2px; }
.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: 0 0 76px;               /* Details cell 19..95 inside the card's stroke */
  box-sizing: border-box;
  border: 0;
  border-top: 1px solid #E4E6EA;
  border-radius: 0 0 0 9px;
  min-height: 30px;             /* + the card's bottom stroke = the 31px bar (19:564 / 2023:436) */
  padding: 8px 0;
  font-size: 12px;
  font-weight: 400;
  line-height: 13px;
  letter-spacing: -.01em;
  background: #fff;
  color: #000000;
}
/* "Details" (19:565) sits 23px into its 77px cell and 18px from the rule,
 * not centred: 5px of left padding puts it there. */
.hdcw-car .hdcw-pick:not(.hdcw-pick--primary) { padding-left: 5px; }
.hdcw-car .hdcw-pick:hover { background: #F4F4F4; color: #000000; }
.hdcw-car .hdcw-pick--primary {
  flex: 1 1 0;                  /* I'm Interested: the rest, 95..193 */
  padding-right: 3px;           /* its text sits 11px from the rule and 14 from the edge (2023:442) */
  border-left: 1px solid #E4E6EA;
  border-radius: 0 0 9px 0;
  background: #E31D1A;
  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: #E31D1A; opacity: .85; color: #fff; }

/* ---------- Footer (24:712): #E4E6EA band 400x129. Input 299x51 @21,20,
 * r10, 1px #000000, placeholder Figtree Regular 14 ls 1% black, 28px in.
 * Send: the red 52px circle 8px right of it. Disclosure: Figtree Regular
 * 12/15 ls 1%, black, centred in a 275px box at x62, 17px above the panel
 * foot. */
.hdcw-input {
  background: #E4E6EA;
  border-top: 0;
  padding: 20px 20px 10px 21px;  /* the 52px send sets the row: 20 + 52 + 10 */
  gap: 8px;
}
.hdcw-input input {
  box-sizing: border-box;
  height: 51px;
  border-radius: 10px;
  padding: 1px 18px 1px 27px;   /* placeholder box 17px under the box top, 28px in */
  font-size: 14px;
  line-height: 47px;
  letter-spacing: .01em;
}
/* font: inherit - TPW's style.css has a bare ::-webkit-input-placeholder
 * { font-size: 1rem; color: #525252 } (line 5607) 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: #E31D1A; }
.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%23E31D1A%22/%3E%0A%3Cpath%20d=%22M33.9108%2020.7147C34.3279%2019.6967%2033.2099%2018.7101%2032.0562%2019.079L17.9556%2023.5789C16.798%2023.9486%2016.658%2025.3424%2017.7229%2025.8867L22.2239%2028.1861L26.2431%2024.6395C26.4252%2024.4843%2026.6691%2024.3985%2026.9222%2024.4004C27.1754%2024.4023%2027.4176%2024.4919%2027.5966%2024.6499C27.7756%2024.8078%2027.8771%2025.0215%2027.8793%2025.2449C27.8815%2025.4683%2027.7842%2025.6835%2027.6083%2025.8441L23.5891%2029.3907L26.1958%2033.3624C26.8118%2034.302%2028.3913%2034.1777%2028.8103%2033.1571L33.9108%2020.7147Z%22%20fill=%22white%22/%3E%0A%3C/svg%3E") center / 52px 52px no-repeat;
}
.hdcw-send svg { display: none; }
.hdcw-send:disabled { opacity: .5; }
.hdcw-powered {
  background: #E4E6EA;
  font-size: 12px;
  line-height: 15px;
  letter-spacing: .14px;        /* Chrome sets Figtree ~0.7% narrower than Figma: .14 (not the artwork's .10) gives both lines the artwork's widths, 270 and 272 */
  padding: 1px 63px 16px 62px;  /* the artwork's 275px box at x62, centred */
  text-indent: -3px;            /* Figma centres line 1 WITH its trailing space (half a space left); the first line only */
}
.hdcw-powered a.hdcw-tc { color: #000000; text-decoration: none; }
.hdcw-powered a.hdcw-tc:hover { text-decoration: underline; }
.hdcw-powered > div { display: inline; }
.hdcw-powered > div:first-child::after { content: '.   '; white-space: pre; }

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

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