@import url('https://fonts.googleapis.com/css2?family=Figtree:wght@400&family=Montserrat:ital,wght@0,700;1,400&display=swap');
/* chat widget branding - Walsh's Car Sales (wcs2, template WCS2).
 * Source of truth: the designer's ORIGINAL Figma "Walsh's Car Sales (Ai
 * Assistant)" (file xSuJuIZ5MbvSwmCIYwwFzu) and its 16 @2x artboard PNGs,
 * which outrank the node dump wherever the two disagree. Tooling and QA:
 * tickets/CON-1165/wcs2/qa-wcs2/; design notes and the probe table:
 * tickets/CON-1165/wcs2/DESIGN-wcs2.md. Glyphs are SVG exports of the file's
 * own nodes.
 *
 * Nissan charcoal, white and red: an 81px #2B2B2B header with the red
 * speech-bubble mark and the dealer name in Nissan Brand Bold; #EDEDED bot
 * bubbles with a 1px #C7C7C7 stroke and a squared bottom-left corner;
 * charcoal user bubbles with white text; the openers as white r5 BOXES with a
 * 1px #D0D0D0 stroke, #C3002F glyphs and black chevrons; white r10 chips on a
 * 0/4/4 25% shadow; white cards with a flush Details | I'm Interested (red)
 * bar; a #E4E6EA footer band with a black-stroked input and a red send circle.
 * The launcher is the designer's red r3 "Virtual Assistant" lockup.
 * Type: Nissan Brand (loaded by the WCS2 template itself: 500 = Regular, 600 =
 * Bold); Montserrat and Figtree, which the artwork also uses, are imported
 * above.
 * The panel is 400x720 = the designer's artboard, so offsets transfer 1:1.
 *
 * Regenerate with tickets/CON-1165/wcs2/build-theme-wcs2.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: #C3002F;
  --hdcw-on-accent: #fff;
  --hdcw-font: 'NissanBrand', 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 54001:664 - the runs are #000000 (the #504949 base is overridden) */
  --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: #2B2B2B;
  --hdcw-head-color: #fff;
  --hdcw-user-bg: #2B2B2B;
  --hdcw-user-color: #fff;
  --hdcw-link: #000000;
  --hdcw-btn-bg: #C3002F;
  --hdcw-btn-color: #fff;
  --hdcw-fab-gap: 4px;           /* the pill rests 4px above whatever it docks on, as on 03-home */
}
/* Nissan Brand Regular = weight 500 on this site (400 is the Light face). */
.hdcw-panel, .hdcw-fab { font-weight: 500; }
.hdcw-panel button, .hdcw-panel input { font-weight: 500; }

/* ---------- Launcher (Group 41 52001:624 on the 400x653 home artboard): the
 * designer's 123x42 red r3 pill with the white mark and "Virtual / Assistant"
 * as outlines, 3px off the right edge and 4px off the bottom (x274..397,
 * y607..649), on its 0/4/4 25% drop shadow (54001:572). */
.hdcw-fab {
  width: 123px;
  height: 42px;
  right: 3px;
  bottom: 4px;
  border-radius: 3px;
  background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width=%22123%22%20height=%2242%22%20viewBox=%224%200%20123%2042%22%20fill=%22none%22%20xmlns=%22http://www.w3.org/2000/svg%22%3E%0A%3Cg%3E%0A%3Crect%20x=%224%22%20width=%22123%22%20height=%2242%22%20rx=%223%22%20fill=%22%23C3002F%22/%3E%0A%3C/g%3E%0A%3Cpath%20d=%22M59.734%2010.55H61.944C60.982%2013.7913%2059.929%2016.608%2058.785%2019H55.86C54.612%2016.3307%2053.5937%2013.514%2052.805%2010.55H54.976C55.86%2013.592%2056.6487%2015.88%2057.342%2017.414C58.0873%2015.7413%2058.8847%2013.4533%2059.734%2010.55ZM64.6721%2011.382H62.4751V9.705H64.6721V11.382ZM64.5551%2019H62.5921V12.331H64.5551V19ZM67.8343%2012.331L68.0553%2013.059C68.87%2012.4957%2069.754%2012.2053%2070.7073%2012.188V14.06C69.8233%2014.0513%2068.9913%2014.2723%2068.2113%2014.723V19H66.2483V12.331H67.8343ZM76.3126%2012.331V13.891H74.2326V16.491C74.2326%2016.8377%2074.3019%2017.0977%2074.4406%2017.271C74.5879%2017.4443%2074.8522%2017.531%2075.2336%2017.531C75.5889%2017.531%2075.9486%2017.4703%2076.3126%2017.349V18.909C75.8532%2019.0737%2075.3549%2019.156%2074.8176%2019.156C74.0462%2019.156%2073.4266%2018.9783%2072.9586%2018.623C72.4992%2018.259%2072.2696%2017.6653%2072.2696%2016.842V13.891H71.1386V12.331H72.3476L72.5686%2010.628H74.2326V12.331H76.3126ZM84.3477%2012.331V19H82.7617L82.5537%2018.298C81.687%2018.87%2080.8247%2019.156%2079.9667%2019.156C79.178%2019.156%2078.567%2018.9523%2078.1337%2018.545C77.7003%2018.1377%2077.4837%2017.4487%2077.4837%2016.478V12.331H79.4467V16.231C79.4467%2016.6643%2079.5333%2016.9893%2079.7067%2017.206C79.8887%2017.4227%2080.1877%2017.531%2080.6037%2017.531C81.2017%2017.531%2081.7953%2017.3187%2082.3847%2016.894V12.331H84.3477ZM89.0693%2012.188C91.3746%2012.188%2092.5273%2013.1067%2092.5273%2014.944V19H90.9803L90.7983%2018.415C90.0616%2018.909%2089.2556%2019.156%2088.3803%2019.156C87.557%2019.156%2086.907%2018.948%2086.4303%2018.532C85.9536%2018.1073%2085.7153%2017.5743%2085.7153%2016.933C85.7153%2016.439%2085.8626%2016.0317%2086.1573%2015.711C86.4606%2015.3817%2086.8116%2015.1607%2087.2103%2015.048C87.609%2014.9267%2088.0423%2014.866%2088.5103%2014.866C89.2383%2014.866%2089.923%2014.983%2090.5643%2015.217V14.957C90.5643%2014.1337%2089.871%2013.722%2088.4843%2013.722C87.9383%2013.722%2087.1973%2013.852%2086.2613%2014.112V12.513C86.9893%2012.2963%2087.9253%2012.188%2089.0693%2012.188ZM87.7433%2016.972C87.7433%2017.1973%2087.8473%2017.3793%2088.0553%2017.518C88.272%2017.648%2088.584%2017.713%2088.9913%2017.713C89.416%2017.713%2089.9403%2017.5613%2090.5643%2017.258V16.452C90.1656%2016.2613%2089.6283%2016.166%2088.9523%2016.166C88.1463%2016.166%2087.7433%2016.4347%2087.7433%2016.972ZM96.1791%2019H94.2161V10.017H96.1791V19ZM59.851%2033L59.357%2031.466H55.366C55.314%2031.6307%2055.236%2031.8863%2055.132%2032.233C55.028%2032.571%2054.95%2032.8267%2054.898%2033H52.805C53.7757%2029.8367%2054.8417%2027.02%2056.003%2024.55H58.811C60.0677%2027.202%2061.1553%2030.0187%2062.074%2033H59.851ZM55.925%2029.763H58.785C58.3083%2028.4023%2057.8273%2027.163%2057.342%2026.045C56.874%2027.1197%2056.4017%2028.359%2055.925%2029.763ZM65.618%2026.188C66.5887%2026.188%2067.4164%2026.331%2068.101%2026.617V28.177C67.243%2027.8823%2066.4587%2027.735%2065.748%2027.735C64.734%2027.735%2064.227%2027.8953%2064.227%2028.216C64.227%2028.346%2064.2747%2028.437%2064.37%2028.489C64.4654%2028.5323%2064.682%2028.593%2065.02%2028.671C65.1067%2028.6883%2065.1717%2028.7013%2065.215%2028.71L66.567%2029.009C67.2517%2029.165%2067.75%2029.4033%2068.062%2029.724C68.374%2030.036%2068.53%2030.4477%2068.53%2030.959C68.53%2031.635%2068.257%2032.1723%2067.711%2032.571C67.165%2032.961%2066.3027%2033.156%2065.124%2033.156C64.7167%2033.156%2064.2444%2033.1083%2063.707%2033.013C63.1784%2032.9263%2062.7624%2032.831%2062.459%2032.727V31.115C63.369%2031.4183%2064.24%2031.57%2065.072%2031.57C65.6527%2031.57%2066.047%2031.5267%2066.255%2031.44C66.4717%2031.3533%2066.58%2031.2147%2066.58%2031.024C66.58%2030.894%2066.515%2030.7857%2066.385%2030.699C66.255%2030.6123%2065.982%2030.5257%2065.566%2030.439L64.11%2030.14C63.434%2030.0013%2062.966%2029.7717%2062.706%2029.451C62.4547%2029.1217%2062.329%2028.71%2062.329%2028.216C62.329%2027.5227%2062.6237%2027.0113%2063.213%2026.682C63.8024%2026.3527%2064.604%2026.188%2065.618%2026.188ZM72.7274%2026.188C73.6981%2026.188%2074.5257%2026.331%2075.2104%2026.617V28.177C74.3524%2027.8823%2073.5681%2027.735%2072.8574%2027.735C71.8434%2027.735%2071.3364%2027.8953%2071.3364%2028.216C71.3364%2028.346%2071.3841%2028.437%2071.4794%2028.489C71.5747%2028.5323%2071.7914%2028.593%2072.1294%2028.671C72.2161%2028.6883%2072.2811%2028.7013%2072.3244%2028.71L73.6764%2029.009C74.3611%2029.165%2074.8594%2029.4033%2075.1714%2029.724C75.4834%2030.036%2075.6394%2030.4477%2075.6394%2030.959C75.6394%2031.635%2075.3664%2032.1723%2074.8204%2032.571C74.2744%2032.961%2073.4121%2033.156%2072.2334%2033.156C71.8261%2033.156%2071.3537%2033.1083%2070.8164%2033.013C70.2877%2032.9263%2069.8717%2032.831%2069.5684%2032.727V31.115C70.4784%2031.4183%2071.3494%2031.57%2072.1814%2031.57C72.7621%2031.57%2073.1564%2031.5267%2073.3644%2031.44C73.5811%2031.3533%2073.6894%2031.2147%2073.6894%2031.024C73.6894%2030.894%2073.6244%2030.7857%2073.4944%2030.699C73.3644%2030.6123%2073.0914%2030.5257%2072.6754%2030.439L71.2194%2030.14C70.5434%2030.0013%2070.0754%2029.7717%2069.8154%2029.451C69.5641%2029.1217%2069.4384%2028.71%2069.4384%2028.216C69.4384%2027.5227%2069.7331%2027.0113%2070.3224%2026.682C70.9117%2026.3527%2071.7134%2026.188%2072.7274%2026.188ZM79.0178%2025.382H76.8208V23.705H79.0178V25.382ZM78.9008%2033H76.9378V26.331H78.9008V33ZM83.493%2026.188C84.4637%2026.188%2085.2914%2026.331%2085.976%2026.617V28.177C85.118%2027.8823%2084.3337%2027.735%2083.623%2027.735C82.609%2027.735%2082.102%2027.8953%2082.102%2028.216C82.102%2028.346%2082.1497%2028.437%2082.245%2028.489C82.3404%2028.5323%2082.557%2028.593%2082.895%2028.671C82.9817%2028.6883%2083.0467%2028.7013%2083.09%2028.71L84.442%2029.009C85.1267%2029.165%2085.625%2029.4033%2085.937%2029.724C86.249%2030.036%2086.405%2030.4477%2086.405%2030.959C86.405%2031.635%2086.132%2032.1723%2085.586%2032.571C85.04%2032.961%2084.1777%2033.156%2082.999%2033.156C82.5917%2033.156%2082.1194%2033.1083%2081.582%2033.013C81.0534%2032.9263%2080.6374%2032.831%2080.334%2032.727V31.115C81.244%2031.4183%2082.115%2031.57%2082.947%2031.57C83.5277%2031.57%2083.922%2031.5267%2084.13%2031.44C84.3467%2031.3533%2084.455%2031.2147%2084.455%2031.024C84.455%2030.894%2084.39%2030.7857%2084.26%2030.699C84.13%2030.6123%2083.857%2030.5257%2083.441%2030.439L81.985%2030.14C81.309%2030.0013%2080.841%2029.7717%2080.581%2029.451C80.3297%2029.1217%2080.204%2028.71%2080.204%2028.216C80.204%2027.5227%2080.4987%2027.0113%2081.088%2026.682C81.6774%2026.3527%2082.479%2026.188%2083.493%2026.188ZM91.9024%2026.331V27.891H89.8224V30.491C89.8224%2030.8377%2089.8917%2031.0977%2090.0304%2031.271C90.1777%2031.4443%2090.4421%2031.531%2090.8234%2031.531C91.1787%2031.531%2091.5384%2031.4703%2091.9024%2031.349V32.909C91.4431%2033.0737%2090.9447%2033.156%2090.4074%2033.156C89.6361%2033.156%2089.0164%2032.9783%2088.5484%2032.623C88.0891%2032.259%2087.8594%2031.6653%2087.8594%2030.842V27.891H86.7284V26.331H87.9374L88.1584%2024.628H89.8224V26.331H91.9024ZM96.1025%2026.188C98.4078%2026.188%2099.5605%2027.1067%2099.5605%2028.944V33H98.0135L97.8315%2032.415C97.0948%2032.909%2096.2888%2033.156%2095.4135%2033.156C94.5902%2033.156%2093.9402%2032.948%2093.4635%2032.532C92.9869%2032.1073%2092.7485%2031.5743%2092.7485%2030.933C92.7485%2030.439%2092.8958%2030.0317%2093.1905%2029.711C93.4939%2029.3817%2093.8448%2029.1607%2094.2435%2029.048C94.6422%2028.9267%2095.0755%2028.866%2095.5435%2028.866C96.2715%2028.866%2096.9562%2028.983%2097.5975%2029.217V28.957C97.5975%2028.1337%2096.9042%2027.722%2095.5175%2027.722C94.9715%2027.722%2094.2305%2027.852%2093.2945%2028.112V26.513C94.0225%2026.2963%2094.9585%2026.188%2096.1025%2026.188ZM94.7765%2030.972C94.7765%2031.1973%2094.8805%2031.3793%2095.0885%2031.518C95.3052%2031.648%2095.6172%2031.713%2096.0245%2031.713C96.4492%2031.713%2096.9735%2031.5613%2097.5975%2031.258V30.452C97.1988%2030.2613%2096.6615%2030.166%2095.9855%2030.166C95.1795%2030.166%2094.7765%2030.4347%2094.7765%2030.972ZM105.76%2026.188C106.549%2026.188%20107.16%2026.3917%20107.593%2026.799C108.027%2027.2063%20108.243%2027.891%20108.243%2028.853V33H106.28V29.1C106.28%2028.6667%20106.189%2028.346%20106.007%2028.138C105.834%2027.9213%20105.539%2027.813%20105.123%2027.813C104.43%2027.813%20103.793%2028.021%20103.212%2028.437V33H101.249V26.331H102.835L103.043%2027.033C103.901%2026.4697%20104.807%2026.188%20105.76%2026.188ZM114.132%2026.331V27.891H112.052V30.491C112.052%2030.8377%20112.121%2031.0977%20112.26%2031.271C112.407%2031.4443%20112.672%2031.531%20113.053%2031.531C113.408%2031.531%20113.768%2031.4703%20114.132%2031.349V32.909C113.673%2033.0737%20113.174%2033.156%20112.637%2033.156C111.866%2033.156%20111.246%2032.9783%20110.778%2032.623C110.319%2032.259%20110.089%2031.6653%20110.089%2030.842V27.891H108.958V26.331H110.167L110.388%2024.628H112.052V26.331H114.132Z%22%20fill=%22white%22/%3E%0A%3Cpath%20d=%22M36.25%2013.9999C37.775%2013.9999%2039.2375%2014.6072%2040.3159%2015.6882C41.3942%2016.7693%2042%2018.2354%2042%2019.7643V26.6815C42%2028.2103%2041.3942%2029.6765%2040.3159%2030.7575C39.2375%2031.8386%2037.775%2032.4459%2036.25%2032.4459H27.05C26.1886%2032.4459%2025.0524%2032.6211%2024.413%2033.261L23.263%2034.4139C23.0416%2034.6386%2022.7695%2034.8067%2022.4697%2034.904C22.1699%2035.0013%2021.8512%2035.025%2021.5403%2034.973C21.0102%2034.8831%2020.5445%2034.5949%2020.1684%2034.2179C19.8058%2033.849%2019.5197%2033.4117%2019.3266%2032.9313C19.1111%2032.4121%2019.0001%2031.8553%2019%2031.293V19.7643C19%2018.2354%2019.6058%2016.7693%2020.6841%2015.6882C21.7625%2014.6072%2023.225%2013.9999%2024.75%2013.9999H36.25ZM30.5%2017.4585C30.195%2017.4585%2029.9025%2017.58%2029.6868%2017.7962C29.4712%2018.0124%2029.35%2018.3056%2029.35%2018.6114C29.35%2019.0299%2029.2385%2019.4391%2029.0625%2019.8173C28.8608%2020.2453%2028.5856%2020.6343%2028.2494%2020.9667C27.9179%2021.3037%2027.5298%2021.5796%2027.1029%2021.7818C26.7257%2021.9582%2026.3175%2022.07%2025.9%2022.07C25.595%2022.07%2025.3025%2022.1915%2025.0868%2022.4077C24.8712%2022.6239%2024.75%2022.9171%2024.75%2023.2229C24.75%2023.5286%2024.8712%2023.8219%2025.0868%2024.0381C25.3025%2024.2543%2025.595%2024.3758%2025.9%2024.3758C26.3175%2024.3758%2026.7257%2024.4876%2027.1029%2024.664C27.5295%2024.8657%2027.9183%2025.1424%2028.2494%2025.4791C28.5852%2025.8111%2028.8612%2026.2008%2029.0625%2026.6285C29.2385%2027.0066%2029.35%2027.4159%2029.35%2027.8344C29.35%2028.1402%2029.4712%2028.4334%2029.6868%2028.6496C29.9025%2028.8658%2030.195%2028.9873%2030.5%2028.9873C30.805%2028.9873%2031.0975%2028.8658%2031.3132%2028.6496C31.5288%2028.4334%2031.65%2028.1402%2031.65%2027.8344C31.65%2027.4159%2031.7615%2027.0066%2031.9375%2026.6285C32.1388%2026.2008%2032.4147%2025.8111%2032.7505%2025.4791C33.0817%2025.1424%2033.4705%2024.8657%2033.8971%2024.664C34.2743%2024.4876%2034.6825%2024.3758%2035.1%2024.3758C35.405%2024.3758%2035.6975%2024.2543%2035.9132%2024.0381C36.1288%2023.8219%2036.25%2023.5286%2036.25%2023.2229C36.25%2022.9171%2036.1288%2022.6239%2035.9132%2022.4077C35.6975%2022.1915%2035.405%2022.07%2035.1%2022.07C34.6825%2022.07%2034.2743%2021.9582%2033.8971%2021.7818C33.4702%2021.5796%2033.0821%2021.3037%2032.7505%2020.9667C32.4144%2020.6343%2032.1392%2020.2453%2031.9375%2019.8173C31.7555%2019.441%2031.6574%2019.0295%2031.65%2018.6114C31.65%2018.3056%2031.5288%2018.0124%2031.3132%2017.7962C31.0975%2017.58%2030.805%2017.4585%2030.5%2017.4585Z%22%20fill=%22white%22/%3E%0A%3Cpath%20d=%22M21.342%2011.6473C21.3775%2011.7369%2021.4387%2011.8137%2021.5179%2011.8678C21.5971%2011.9219%2021.6906%2011.9509%2021.7863%2011.9509C21.882%2011.9509%2021.9755%2011.9219%2022.0547%2011.8678C22.1339%2011.8137%2022.1952%2011.7369%2022.2306%2011.6473L22.4707%2011.0659C22.872%2010.0794%2023.6332%209.28559%2024.5977%208.84806L25.2764%208.54498C25.664%208.37057%2025.664%207.80062%2025.2764%207.62621L24.558%207.30407C23.6177%206.87868%2022.8697%206.11359%2022.4613%205.15963L22.2278%204.62019C22.1914%204.53235%2022.1301%204.45731%2022.0516%204.40453C21.973%204.35175%2021.8807%204.32359%2021.7863%204.32359C21.6919%204.32359%2021.5996%204.35175%2021.5211%204.40453C21.4425%204.45731%2021.3812%204.53235%2021.3448%204.62019L21.1123%205.15868C20.7036%206.11334%2019.9548%206.87884%2019.0137%207.30407L18.2953%207.62621C18.2083%207.66675%2018.1346%207.73155%2018.083%207.81296C18.0313%207.89436%2018.0039%207.98897%2018.0039%208.08559C18.0039%208.18222%2018.0313%208.27682%2018.083%208.35823C18.1346%208.43963%2018.2083%208.50444%2018.2953%208.54498L18.974%208.84806C19.9386%209.28516%2020.7002%2010.0786%2021.1019%2011.0649L21.342%2011.6473Z%22%20fill=%22white%22/%3E%0A%3Cpath%20d=%22M14.2068%2015.7609C14.2302%2015.8314%2014.2708%2015.8918%2014.3231%2015.9344C14.3755%2015.977%2014.4373%2015.9998%2014.5005%2015.9998C14.5638%2015.9998%2014.6256%2015.977%2014.6779%2015.9344C14.7303%2015.8918%2014.7708%2015.8314%2014.7943%2015.7609L14.953%2015.3036C15.2183%2014.5275%2015.7215%2013.9031%2016.3591%2013.5589L16.8078%2013.3205C17.0641%2013.1833%2017.0641%2012.735%2016.8078%2012.5978L16.3329%2012.3443C15.7113%2012.0097%2015.2167%2011.4079%2014.9467%2010.6574L14.7924%2010.2331C14.7684%2010.164%2014.7278%2010.1049%2014.6759%2010.0634C14.624%2010.0219%2014.5629%209.99976%2014.5005%209.99976C14.4381%209.99976%2014.3771%2010.0219%2014.3252%2010.0634C14.2732%2010.1049%2014.2327%2010.164%2014.2087%2010.2331L14.0549%2010.6567C13.7848%2011.4077%2013.2897%2012.0098%2012.6676%2012.3443L12.1926%2012.5978C12.1351%2012.6297%2012.0864%2012.6806%2012.0523%2012.7447C12.0181%2012.8087%2012%2012.8831%2012%2012.9591C12%2013.0351%2012.0181%2013.1096%2012.0523%2013.1736C12.0864%2013.2376%2012.1351%2013.2886%2012.1926%2013.3205L12.6413%2013.5589C13.279%2013.9028%2013.7825%2014.5269%2014.0481%2015.3028L14.2068%2015.7609Z%22%20fill=%22white%22/%3E%0A%0A%3C/svg%3E") center / 123px 42px no-repeat;
  box-shadow: 0 4px 4px rgba(0,0,0,.25);
  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 #2B2B2B band, r15 on top. Mark 40x40 at
 * 23,18; title "Walsh's Car Sales" Nissan Brand Bold 18 (line auto = 24.55) in
 * a box at x88 y21, one line; subtitle Regular 12 at x90 y44, UNDER the title.
 * Nav icons: reset 22x18 at 295,23, expand 18x18 at 333,23, close 17x17 at
 * 368,23 (exports with their 1px margin). */
.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 23px;
  gap: 0;
  background: #2B2B2B;
}
.hdcw-head::before {
  content: '';
  flex: 0 0 40px;
  height: 40px;
  margin: 18px 25px 0 0;         /* title box at x88 */
  background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width=%2240%22%20height=%2240%22%20viewBox=%220%200%2040%2040%22%20fill=%22none%22%20xmlns=%22http://www.w3.org/2000/svg%22%3E%0A%3Cpath%20d=%22M32.75%2013C34.6728%2013%2036.5169%2013.7808%2037.8765%2015.1707C39.2362%2016.5606%2040%2018.4457%2040%2020.4113V29.305C40%2031.2706%2039.2362%2033.1557%2037.8765%2034.5456C36.5169%2035.9355%2034.6728%2036.7163%2032.75%2036.7163H21.15C20.064%2036.7163%2018.6314%2036.9416%2017.8252%2037.7643L16.3751%2039.2465C16.0959%2039.5355%2015.7529%2039.7517%2015.3749%2039.8768C14.9968%2040.0019%2014.595%2040.0323%2014.2031%2039.9654C13.5346%2039.8498%2012.9474%2039.4793%2012.4732%2038.9946C12.016%2038.5202%2011.6552%2037.958%2011.4118%2037.3403C11.1401%2036.6728%2011.0001%2035.957%2011%2035.234V20.4113C11%2018.4457%2011.7638%2016.5606%2013.1235%2015.1707C14.4831%2013.7808%2016.3272%2013%2018.25%2013H32.75ZM25.5%2017.4468C25.1154%2017.4468%2024.7466%2017.603%2024.4747%2017.881C24.2028%2018.1589%2024.05%2018.536%2024.05%2018.9291C24.05%2019.4671%2023.9094%2019.9933%2023.6875%2020.4795C23.4332%2021.0298%2023.0862%2021.53%2022.6624%2021.9574C22.2443%2022.3906%2021.755%2022.7454%2021.2167%2023.0053C20.7411%2023.2321%2020.2264%2023.3759%2019.7%2023.3759C19.3154%2023.3759%2018.9466%2023.5321%2018.6747%2023.81C18.4028%2024.088%2018.25%2024.465%2018.25%2024.8582C18.25%2025.2513%2018.4028%2025.6283%2018.6747%2025.9063C18.9466%2026.1843%2019.3154%2026.3404%2019.7%2026.3404C20.2264%2026.3404%2020.7411%2026.4842%2021.2167%2026.711C21.7547%2026.9704%2022.2448%2027.3261%2022.6624%2027.759C23.0858%2028.1858%2023.4338%2028.6869%2023.6875%2029.2368C23.9094%2029.723%2024.05%2030.2492%2024.05%2030.7872C24.05%2031.1804%2024.2028%2031.5574%2024.4747%2031.8354C24.7466%2032.1133%2025.1154%2032.2695%2025.5%2032.2695C25.8846%2032.2695%2026.2534%2032.1133%2026.5253%2031.8354C26.7972%2031.5574%2026.95%2031.1804%2026.95%2030.7872C26.95%2030.2492%2027.0907%2029.723%2027.3125%2029.2368C27.5662%2028.6869%2027.9142%2028.1858%2028.3377%2027.759C28.7553%2027.3261%2029.2454%2026.9704%2029.7833%2026.711C30.2589%2026.4842%2030.7737%2026.3404%2031.3%2026.3404C31.6846%2026.3404%2032.0534%2026.1843%2032.3253%2025.9063C32.5972%2025.6283%2032.75%2025.2513%2032.75%2024.8582C32.75%2024.465%2032.5972%2024.088%2032.3253%2023.81C32.0534%2023.5321%2031.6846%2023.3759%2031.3%2023.3759C30.7737%2023.3759%2030.2589%2023.2321%2029.7833%2023.0053C29.245%2022.7454%2028.7557%2022.3906%2028.3377%2021.9574C27.9138%2021.53%2027.5668%2021.0298%2027.3125%2020.4795C27.0831%2019.9957%2026.9594%2019.4667%2026.95%2018.9291C26.95%2018.536%2026.7972%2018.1589%2026.5253%2017.881C26.2534%2017.603%2025.8846%2017.4468%2025.5%2017.4468Z%22%20fill=%22white%22/%3E%0A%3Crect%20x=%2214%22%20y=%2216%22%20width=%2219%22%20height=%2218%22%20fill=%22white%22/%3E%0A%3Cpath%20d=%22M30.75%2012C32.6728%2012%2034.5169%2012.7808%2035.8765%2014.1707C37.2362%2015.5606%2038%2017.4457%2038%2019.4113V28.305C38%2030.2706%2037.2362%2032.1557%2035.8765%2033.5456C34.5169%2034.9355%2032.6728%2035.7163%2030.75%2035.7163H19.15C18.064%2035.7163%2016.6314%2035.9416%2015.8252%2036.7643L14.3751%2038.2465C14.0959%2038.5355%2013.7529%2038.7517%2013.3749%2038.8768C12.9968%2039.0019%2012.595%2039.0323%2012.2031%2038.9654C11.5346%2038.8498%2010.9474%2038.4793%2010.4732%2037.9946C10.016%2037.5202%209.65522%2036.958%209.4118%2036.3403C9.14006%2035.6728%209.00011%2034.957%209%2034.234V19.4113C9%2017.4457%209.76384%2015.5606%2011.1235%2014.1707C12.4831%2012.7808%2014.3272%2012%2016.25%2012H30.75ZM23.5%2016.4468C23.1154%2016.4468%2022.7466%2016.603%2022.4747%2016.881C22.2028%2017.1589%2022.05%2017.536%2022.05%2017.9291C22.05%2018.4671%2021.9094%2018.9933%2021.6875%2019.4795C21.4332%2020.0298%2021.0862%2020.53%2020.6624%2020.9574C20.2443%2021.3906%2019.755%2021.7454%2019.2167%2022.0053C18.7411%2022.2321%2018.2264%2022.3759%2017.7%2022.3759C17.3154%2022.3759%2016.9466%2022.5321%2016.6747%2022.81C16.4028%2023.088%2016.25%2023.465%2016.25%2023.8582C16.25%2024.2513%2016.4028%2024.6283%2016.6747%2024.9063C16.9466%2025.1843%2017.3154%2025.3404%2017.7%2025.3404C18.2264%2025.3404%2018.7411%2025.4842%2019.2167%2025.711C19.7547%2025.9704%2020.2448%2026.3261%2020.6624%2026.759C21.0858%2027.1858%2021.4338%2027.6869%2021.6875%2028.2368C21.9094%2028.723%2022.05%2029.2492%2022.05%2029.7872C22.05%2030.1804%2022.2028%2030.5574%2022.4747%2030.8354C22.7466%2031.1133%2023.1154%2031.2695%2023.5%2031.2695C23.8846%2031.2695%2024.2534%2031.1133%2024.5253%2030.8354C24.7972%2030.5574%2024.95%2030.1804%2024.95%2029.7872C24.95%2029.2492%2025.0907%2028.723%2025.3125%2028.2368C25.5662%2027.6869%2025.9142%2027.1858%2026.3377%2026.759C26.7553%2026.3261%2027.2454%2025.9704%2027.7833%2025.711C28.2589%2025.4842%2028.7737%2025.3404%2029.3%2025.3404C29.6846%2025.3404%2030.0534%2025.1843%2030.3253%2024.9063C30.5972%2024.6283%2030.75%2024.2513%2030.75%2023.8582C30.75%2023.465%2030.5972%2023.088%2030.3253%2022.81C30.0534%2022.5321%2029.6846%2022.3759%2029.3%2022.3759C28.7737%2022.3759%2028.2589%2022.2321%2027.7833%2022.0053C27.245%2021.7454%2026.7557%2021.3906%2026.3377%2020.9574C25.9138%2020.53%2025.5668%2020.0298%2025.3125%2019.4795C25.0831%2018.9957%2024.9594%2018.4667%2024.95%2017.9291C24.95%2017.536%2024.7972%2017.1589%2024.5253%2016.881C24.2534%2016.603%2023.8846%2016.4468%2023.5%2016.4468Z%22%20fill=%22%23C3002F%22/%3E%0A%3Cpath%20d=%22M11.9723%209.60194C12.0144%209.71942%2012.0874%209.82015%2012.1816%209.89111C12.2759%209.96207%2012.3871%2010%2012.501%2010C12.6148%2010%2012.7261%209.96207%2012.8203%209.89111C12.9146%209.82015%2012.9875%209.71942%2013.0297%209.60194L13.3154%208.83971C13.7929%207.54631%2014.6988%206.50559%2015.8464%205.93196L16.6541%205.5346C17.1153%205.30592%2017.1153%204.55868%2016.6541%204.33001L15.7992%203.90766C14.6803%203.34994%2013.7901%202.34684%2013.3041%201.09612L13.0263%200.388865C12.983%200.273698%2012.9101%200.175319%2012.8166%200.106121C12.7231%200.0369223%2012.6133%20-1.0939e-06%2012.501%20-1.11371e-06C12.3886%20-1.13351e-06%2012.2788%200.0369223%2012.1853%200.106121C12.0918%200.175318%2012.0189%200.273698%2011.9756%200.388865L11.6989%201.09487C11.2126%202.34651%2010.3215%203.35014%209.20163%203.90765L8.3467%204.33001C8.24318%204.38316%208.15552%204.46812%208.09409%204.57485C8.03265%204.68158%208%204.80562%208%204.9323C8%205.05898%208.03265%205.18302%208.09409%205.28975C8.15552%205.39648%208.24318%205.48144%208.3467%205.53459L9.15438%205.93196C10.3022%206.50504%2011.2085%207.5453%2011.6865%208.83846L11.9723%209.60194Z%22%20fill=%22white%22/%3E%0A%3Cpath%20d=%22M2.64817%2014.6816C2.67629%2014.7755%202.72491%2014.8561%202.78774%2014.9129C2.85057%2014.9697%202.92473%2015%203.00064%2015C3.07654%2015%203.15071%2014.9697%203.21354%2014.9129C3.27637%2014.8561%203.32499%2014.7755%203.35311%2014.6816L3.54359%2014.0718C3.86193%2013.037%204.46585%2012.2045%205.23094%2011.7456L5.76939%2011.4277C6.07687%2011.2447%206.07687%2010.6469%205.76939%2010.464L5.19944%2010.1261C4.45354%209.67995%203.86009%208.87747%203.53609%207.8769L3.35086%207.31109C3.32203%207.21896%203.27339%207.14026%203.21107%207.0849C3.14875%207.02954%203.07553%207%203.00064%207C2.92575%207%202.85253%207.02954%202.79021%207.0849C2.72789%207.14025%202.67925%207.21896%202.65042%207.31109L2.46594%207.8759C2.14173%208.87721%201.54769%209.68012%200.801085%2010.1261L0.231136%2010.464C0.162122%2010.5065%200.103682%2010.5745%200.062724%2010.6599C0.0217658%2010.7453%207.26572e-07%2010.8445%207.08852e-07%2010.9458C6.91132e-07%2011.0472%200.0217657%2011.1464%200.0627239%2011.2318C0.103682%2011.3172%200.162122%2011.3852%200.231135%2011.4277L0.769587%2011.7456C1.53482%2012.204%202.13901%2013.0362%202.45769%2014.0708L2.64817%2014.6816Z%22%20fill=%22white%22/%3E%0A%3C/svg%3E") center / contain no-repeat;
}
.hdcw-head > div { margin-top: 21px; min-width: 0; padding-right: 12px; }
.hdcw-head b {
  font-size: 18px;
  line-height: 25px;             /* 50001:933: a 25px box, baseline at y40 */
  font-weight: 600;
  letter-spacing: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.hdcw-head small {
  display: block;
  margin: -1px 0 0 2px;          /* 50001:949 box at x90 y44 (cap 48.5 measured) */
  opacity: 1;
  font-size: 12px;
  font-weight: 500;
  line-height: 16px;
  letter-spacing: 0;
  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 boxes run x16..377 and the cards x18..384. */
.hdcw-msgs { padding: 14px 18px 14px 16px; gap: 11px; }  /* bubbles 10-11px apart (02: 190 -> 201, 269 -> 279) */

/* Bubbles. Bot (1:14, 37:322, 37:325, 37:351, 42:720 ...): #EDEDED, 1px
 * #C7C7C7 inside stroke, r10 with the BOTTOM-LEFT corner square, Nissan Brand
 * Regular 14 on a 19px line ("auto" = 1.364em) with 1% tracking, the cap
 * 22px under the outer edge, the text 22px in: one line 49-51, two 67-68 as
 * the quiz draws them (37:325 51, 37:322 68, 37:351 67; the designer's other
 * bubbles are hand-sized 62-64 for two lines). Fixed 334 (91.26%) wide.
 * User (37:388, 41:516, 41:566 ...): #2B2B2B, no stroke, white Regular 14 on
 * 17, 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: 15px 21px 16px 22px;
  font-size: 14px;
  line-height: 17px;
  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: 15.5px 17px 12.5px 21px;  /* 1 + 15.5 + 19n + 12.5 + 1: 49 / 68 */
  line-height: 19px;
  color: #000000;
}
/* A bot bubble right after a user bubble sits 8px under it, not 11 (04: 328 ->
 * 336, 05: 328 -> 336, 06: 140 -> 148). */
.hdcw-user + .hdcw-bot { margin-top: -3px; }
/* The greeting (1:11 on 01-chat, 15, 16): Regular 14, three lines with cap
 * lines 114 / 138 / 157 - the second line on a 24px leading, the third on 19 -
 * in a 95px bubble, the first cap 19px under the bubble top. The admin
 * greeting carries its first line as a **bold** run; here that run is the
 * artwork's REGULAR weight, 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;
  padding: 13.25px 17px 17.75px 21px;  /* 1 + 13.25 + 19 + 5 + 19 + 19 + 17.75 + 1 = 95 */
}
/* ... and in the quiz (02-help1, 04-help2, 05-help3: text box at y114, not
 * 109) the designer drew the same greeting 5px lower in the same 95px bubble.
 * The quiz is the only state with answer chips straight under a bot bubble. */
.hdcw-msgs:has(> .hdcw-bot + .hdcw-chips) > .hdcw-bot:first-child:not(:has(+ .hdcw-cars, + .hdcw-ghead)) {
  padding-top: 18.25px;
  padding-bottom: 12.75px;
}
.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: 500; }
/* Other bold runs ("65 used vehicles" 16:206) are Nissan Brand Bold. */
.hdcw-bot b, .hdcw-bot strong { font-weight: 600; }
/* The stock counters bubble ahead of POPULAR (16:205 on 15 and 16): 63 tall
 * for two lines, the text box 14px down, and 15px under the greeting. */
.hdcw-bot:has(+ .hdcw-ghead) { padding: 13px 17px 10px 21px; }
/* The quiz result ahead of its cards (42:720 on 08-help6): three lines in an
 * 83px bubble, the cap 20.5px down, 6px under the answer above it. */
.hdcw-bot:has(+ .hdcw-cars) { padding: 14px 17px 10px 21px; }
.hdcw-user + .hdcw-bot:has(+ .hdcw-cars) { margin-top: -5px; }
.hdcw-msgs > .hdcw-bot:first-child + .hdcw-bot:has(+ .hdcw-ghead) { margin-top: 4px; }
/* The "Something else" reply (31:256 on 11) also sits 15px under the greeting
 * (190 -> 205); it is the last bubble when it lands. */
.hdcw-msgs > .hdcw-bot:first-child + .hdcw-bot:last-child { margin-top: 4px; }
/* The reply that links cars (19:515 on 16-browse-auto): a WHITE bubble with a
 * 1px #E4E6EA stroke, the text on a 19px leading 28px under the top, and the
 * designer's empty bubble under the last line. Links Nissan Brand REGULAR,
 * underlined, black (19:516). */
.hdcw-bot:has(a.hdcw-link) {
  background: #fff;
  border-color: #E4E6EA;
  line-height: 19px;
  padding: 27px 27px 86px 21px;  /* 19:516 is a 284px box at x38 */
}
.hdcw-bot a.hdcw-link { font-weight: 500; color: #000000; text-decoration: underline; }
/* ... and every run in it is Regular (19:516: "50 automatic cars" and the
 * car names are not bold on this artwork). */
.hdcw-bot:has(a.hdcw-link) b, .hdcw-bot:has(a.hdcw-link) strong { font-weight: 500; }
.hdcw-user {
  border: 0;
  border-radius: 10px 10px 0 10px;
  font-weight: 500;
  letter-spacing: 0;
  color: #fff;
}
.hdcw-typing {
  background: #EDEDED;
  border-color: #C7C7C7;
  border-radius: 10px 10px 10px 0;
  padding: 16px 21px;
}
/* "Searching our stock..." (2030:573 on 09, 19:537 / 19:652 on 16): Montserrat
 * ITALIC 12 #6D6D6D at x20. */
.hdcw-status { font-family: 'Montserrat', var(--hdcw-font); font-style: italic; font-weight: 400; font-size: 12px; line-height: 15px; letter-spacing: 0; margin: 1px 0 4px; }

/* ---------- Openers (lozenge 12:145 / 6001:1006 / 58001:584 / 6001:1031 /
 * 2023:430 on 01-chat): white BOXES x16..377, r5, a 1px #D0D0D0 inside
 * stroke, no shadow, 6px apart, the first 9px under the greeting. Titles
 * Nissan Brand Bold 16 at x81-82, captions Regular 12 under them; #C3002F
 * glyphs 19-27px in; the black chevron 6x12 at x352.5-353.5. The artwork's
 * order (used, quiz, trade-in, alert, else) is the widget's own; `order`
 * keeps it explicit (the context CTA keeps order 0, first). The designer
 * placed each box by hand: each carries its own offsets (ROWS in the
 * generator). */
.hdcw-opener { gap: 6px; margin: -2px 5px 0 0; }
/* A context CTA on its own (the vehicle page's bar after a card, 19:680 on
 * 16): 26px under the card. */
.hdcw-opener:not(:has(.hdcw-op-else)) { margin-top: 15px; }
.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: 1px solid #D0D0D0;
  border-radius: 5px;
  color: #000000;
  text-align: left;
  box-shadow: none;
  font-size: 16px;
  font-weight: 600;
  line-height: 20px;
  letter-spacing: 0;
}
/* Glyph boxes = the export + its 1px bezel, placed from the box's padding
 * edge (artwork offset from the box top-left - the 1px bezel - the 1px
 * border). */
.hdcw-opener button.hdcw-op-used::before,
.hdcw-opener button.hdcw-op-new::before,
.hdcw-opener button.hdcw-op-quiz::before,
.hdcw-opener button.hdcw-op-tradein::before,
.hdcw-opener button.hdcw-op-alert::before,
.hdcw-opener button.hdcw-op-else::before {
  content: '';
  position: absolute;
  background: center / contain no-repeat;
}
.hdcw-opener button.hdcw-op-used::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;
  text-align: left;
  font-size: 12px;
  font-weight: 500;
  line-height: 16px;
  letter-spacing: 0;
  color: #000000;
}
/* The trade-in caption (58001:587) is Figtree Regular 12 on the artwork. */
.hdcw-opener button.hdcw-op-tradein::after { font-family: 'Figtree', var(--hdcw-font); font-weight: 400; }
/* The artwork's used caption is "Over 65 Cars in stock" (30002:640); 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 typed number: delete the
 * [data-stock] rule and put 'Over 65 Cars in stock' in the one above it. */
.hdcw-opener button.hdcw-op-used::after { content: 'Cars in stock'; }
.hdcw-opener button.hdcw-op-used[data-stock]::after { content: attr(data-stock) ' Cars in stock'; }
.hdcw-opener button.hdcw-op-used {
  order: 1;
  min-height: 72px;
  padding: 17.8px 40px 16.2px 64px;
  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 16.75px top 28.25px / 8px 14px border-box, #fff;
}
.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 16.75px top 28.25px / 8px 14px border-box, #fff; border-color: #000000; opacity: 1; }
.hdcw-opener button.hdcw-op-used::before { left: 18.2px; top: 20px; width: 26px; height: 26px; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width=%2226%22%20height=%2226%22%20viewBox=%22-1%20-1%2026%2026%22%20fill=%22none%22%20xmlns=%22http://www.w3.org/2000/svg%22%3E%0A%3Cpath%20d=%22M12%2023C18.0751%2023%2023%2018.0751%2023%2012C23%205.92486%2018.0751%201%2012%201C5.92486%201%201%205.92486%201%2012C1%2018.0751%205.92486%2023%2012%2023Z%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%20stroke=%22%23C3002F%22/%3E%0A%3Cpath%20d=%22M12.0002%2014.4444C13.3502%2014.4444%2014.4446%2013.3499%2014.4446%2011.9999C14.4446%2010.6499%2013.3502%209.55548%2012.0002%209.55548C10.6502%209.55548%209.55573%2010.6499%209.55573%2011.9999C9.55573%2013.3499%2010.6502%2014.4444%2012.0002%2014.4444Z%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%20stroke=%22%23C3002F%22/%3E%0A%3Cpath%20d=%22M12.0002%2014.4444V22.9999M9.55573%2011.9999L1.30573%209.55548M14.4446%2011.9999L22.6946%209.55548%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%20stroke=%22%23C3002F%22/%3E%0A%3C/svg%3E"); }
.hdcw-opener button.hdcw-op-new {
  order: 2;
  min-height: 72px;
  padding: 17.8px 40px 16.2px 64px;
  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 16.75px top 28.25px / 8px 14px border-box, #fff;
}
.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 16.75px top 28.25px / 8px 14px border-box, #fff; border-color: #000000; opacity: 1; }
.hdcw-opener button.hdcw-op-new::before { left: 18.2px; top: 20px; width: 26px; height: 26px; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width=%2226%22%20height=%2226%22%20viewBox=%22-1%20-1%2026%2026%22%20fill=%22none%22%20xmlns=%22http://www.w3.org/2000/svg%22%3E%0A%3Cpath%20d=%22M12%2023C18.0751%2023%2023%2018.0751%2023%2012C23%205.92486%2018.0751%201%2012%201C5.92486%201%201%205.92486%201%2012C1%2018.0751%205.92486%2023%2012%2023Z%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%20stroke=%22%23C3002F%22/%3E%0A%3Cpath%20d=%22M12.0002%2014.4444C13.3502%2014.4444%2014.4446%2013.3499%2014.4446%2011.9999C14.4446%2010.6499%2013.3502%209.55548%2012.0002%209.55548C10.6502%209.55548%209.55573%2010.6499%209.55573%2011.9999C9.55573%2013.3499%2010.6502%2014.4444%2012.0002%2014.4444Z%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%20stroke=%22%23C3002F%22/%3E%0A%3Cpath%20d=%22M12.0002%2014.4444V22.9999M9.55573%2011.9999L1.30573%209.55548M14.4446%2011.9999L22.6946%209.55548%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%20stroke=%22%23C3002F%22/%3E%0A%3C/svg%3E"); }
.hdcw-opener button.hdcw-op-new::after { content: 'New Nissan'; }
.hdcw-opener button.hdcw-op-quiz {
  order: 3;
  min-height: 72px;
  padding: 20.3px 40px 14.3px 64px;
  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.75px top 28.25px / 8px 14px border-box, #fff;
}
.hdcw-opener button.hdcw-op-quiz: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.75px top 28.25px / 8px 14px border-box, #fff; border-color: #000000; opacity: 1; }
.hdcw-opener button.hdcw-op-quiz::before { left: 17px; top: 22px; width: 28px; height: 25px; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width=%2228%22%20height=%2225%22%20viewBox=%22-1%20-1%2028%2025%22%20fill=%22none%22%20xmlns=%22http://www.w3.org/2000/svg%22%3E%0A%3Cpath%20d=%22M25.3871%207.56153L18.2093%204.91404L15.2007%201.04757C14.9396%200.720336%2014.6109%200.456629%2014.2384%200.275474C13.8658%200.0943178%2013.4588%200.000230834%2013.0464%200H5.61786C5.16469%200.00240205%204.71895%200.118151%204.31926%200.337209C3.91959%200.556268%203.57806%200.872019%203.32429%201.25708L0.807857%205.06641C0.28657%205.8498%200.00526552%206.775%200%207.72343V15.2374C0%2015.4899%200.0978317%2015.7322%200.271973%2015.9107C0.446113%2016.0893%200.682299%2016.1896%200.928568%2016.1896H2.91571C3.12955%2016.9967%203.59636%2017.709%204.24412%2018.2169C4.89189%2018.7249%205.68462%2019%206.5%2019C7.31538%2019%208.10811%2018.7249%208.75588%2018.2169C9.40366%2017.709%209.87041%2016.9967%2010.0843%2016.1896H15.9157C16.1295%2016.9967%2016.5963%2017.709%2017.2441%2018.2169C17.8919%2018.7249%2018.6846%2019%2019.5%2019C20.3154%2019%2021.1081%2018.7249%2021.7559%2018.2169C22.4037%2017.709%2022.8704%2016.9967%2023.0843%2016.1896H25.0714C25.3177%2016.1896%2025.5539%2016.0893%2025.728%2015.9107C25.9022%2015.7322%2026%2015.4899%2026%2015.2374V8.45672C25.9999%208.261%2025.941%208.07006%2025.8314%207.90988C25.7217%207.74971%2025.5666%207.62807%2025.3871%207.56153ZM6.5%2017.142C6.13269%2017.142%205.77363%2017.0303%205.46823%2016.821C5.16282%2016.6117%204.92479%2016.3142%204.78422%2015.9662C4.64366%2015.6182%204.60689%2015.2352%204.67854%2014.8658C4.7502%2014.4963%204.92707%2014.1569%205.1868%2013.8905C5.44653%2013.6242%205.77744%2013.4428%206.13769%2013.3693C6.49794%2013.2957%206.87135%2013.3335%207.2107%2013.4776C7.55004%2013.6218%207.84009%2013.8659%208.04416%2014.1792C8.24822%2014.4924%208.35714%2014.8606%208.35714%2015.2374C8.35714%2015.7425%208.16148%2016.2269%207.8132%2016.5841C7.46491%2016.9413%206.99255%2017.142%206.5%2017.142ZM19.5%2017.142C19.1327%2017.142%2018.7736%2017.0303%2018.4682%2016.821C18.1628%2016.6117%2017.9248%2016.3142%2017.7842%2015.9662C17.6437%2015.6182%2017.6068%2015.2352%2017.6786%2014.8658C17.7502%2014.4963%2017.9271%2014.1569%2018.1868%2013.8905C18.4466%2013.6242%2018.7775%2013.4428%2019.1377%2013.3693C19.4979%2013.2957%2019.8714%2013.3335%2020.2107%2013.4776C20.55%2013.6218%2020.8401%2013.8659%2021.0441%2014.1792C21.2482%2014.4924%2021.3571%2014.8606%2021.3571%2015.2374C21.3571%2015.7425%2021.1615%2016.2269%2020.8132%2016.5841C20.465%2016.9413%2019.9926%2017.142%2019.5%2017.142ZM24.1429%2014.285H23.0843C22.8704%2013.4781%2022.4037%2012.7656%2021.7559%2012.2577C21.1081%2011.7499%2020.3154%2011.4746%2019.5%2011.4746C18.6846%2011.4746%2017.8919%2011.7499%2017.2441%2012.2577C16.5963%2012.7656%2016.1295%2013.4781%2015.9157%2014.285H10.0843C9.87041%2013.4781%209.40366%2012.7656%208.75588%2012.2577C8.10811%2011.7499%207.31538%2011.4746%206.5%2011.4746C5.68462%2011.4746%204.89189%2011.7499%204.24412%2012.2577C3.59636%2012.7656%203.12955%2013.4781%202.91571%2014.285H1.85714V7.72343C1.85679%207.14937%202.02505%206.58853%202.34%206.11398L4.85643%202.30465C4.94368%202.17892%205.05942%202.07683%205.19368%202.00715C5.32794%201.93748%205.47669%201.90231%205.62714%201.90467H13.0557C13.1921%201.90444%2013.3269%201.93504%2013.4505%201.99429C13.5741%202.05355%2013.6834%202.14001%2013.7707%202.24751L16.9279%206.31397C17.0367%206.44933%2017.1773%206.55419%2017.3364%206.61871L24.1429%209.12335V14.285Z%22%20fill=%22%23C3002F%22/%3E%0A%3Crect%20x=%227%22%20y=%2221%22%20width=%2210%22%20height=%222%22%20fill=%22%23C3002F%22/%3E%0A%3C/svg%3E"); }
.hdcw-opener button.hdcw-op-quiz::after { margin-top: -0.6px; padding-left: 0px; }
.hdcw-opener button.hdcw-op-quiz::after { content: 'Get matched to car to suit your needs'; }
.hdcw-opener button.hdcw-op-tradein {
  order: 4;
  margin-top: 1px;
  min-height: 72px;
  padding: 17.8px 40px 16.2px 65px;
  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.75px top 28.25px / 8px 14px border-box, #fff;
}
.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 17.75px top 28.25px / 8px 14px border-box, #fff; border-color: #000000; opacity: 1; }
.hdcw-opener button.hdcw-op-tradein::before { left: 21px; top: 21px; width: 24px; height: 18px; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width=%2224%22%20height=%2218%22%20viewBox=%22-1%20-1%2024%2018%22%20fill=%22none%22%20xmlns=%22http://www.w3.org/2000/svg%22%3E%0A%3Cpath%20d=%22M1.37501%206.64573C1.07662%206.64603%200.786249%206.54897%200.547808%206.36923C0.309367%206.18949%200.135823%205.93685%200.0534195%205.64951C-0.0289839%205.36217%20-0.0157642%205.05576%200.0910791%204.77662C0.197922%204.49748%200.392578%204.26078%200.64561%204.10233L4.33792%200.402846C4.59566%200.144779%204.94517%20-0.000128971%205.30955%208.61305e-08C5.67394%200.000129143%206.02334%200.145285%206.28091%200.403534C6.53847%200.661783%206.6831%201.01197%206.68297%201.37706C6.68284%201.74215%206.53797%202.09224%206.28022%202.3503L4.74039%203.89176H15.1113C15.4756%203.89176%2015.825%204.03676%2016.0826%204.29486C16.3402%204.55297%2016.4849%204.90304%2016.4849%205.26805C16.4849%205.63307%2016.3402%205.98314%2016.0826%206.24124C15.825%206.49935%2015.4756%206.64435%2015.1113%206.64435L1.37501%206.64573ZM20.625%209.35565C20.9234%209.35535%2021.2137%209.45241%2021.4522%209.63215C21.6906%209.81188%2021.8642%2010.0645%2021.9466%2010.3519C22.029%2010.6392%2022.0158%2010.9456%2021.9089%2011.2248C21.8021%2011.5039%2021.6074%2011.7406%2021.3544%2011.899L17.6621%2015.5972C17.5345%2015.7249%2017.383%2015.8263%2017.2163%2015.8954C17.0495%2015.9645%2016.8709%2016.0001%2016.6904%2016C16.51%2015.9999%2016.3314%2015.9643%2016.1647%2015.895C15.998%2015.8258%2015.8466%2015.7243%2015.7191%2015.5965C15.5916%2015.4686%2015.4904%2015.3168%2015.4214%2015.1498C15.3524%2014.9827%2015.317%2014.8037%2015.317%2014.6229C15.3171%2014.4422%2015.3527%2014.2632%2015.4218%2014.0962C15.4909%2013.9292%2015.5922%2013.7775%2015.7198%2013.6497L17.2596%2012.1082H6.88874C6.52443%2012.1082%206.17504%2011.9632%205.91744%2011.7051C5.65983%2011.447%205.51511%2011.097%205.51511%2010.7319C5.51511%2010.3669%205.65983%2010.0169%205.91744%209.75876C6.17504%209.50065%206.52443%209.35565%206.88874%209.35565H20.625Z%22%20fill=%22%23C3002F%22/%3E%0A%3C/svg%3E"); }
.hdcw-opener button.hdcw-op-tradein::after { margin-top: 0px; padding-left: 2px; }
.hdcw-opener button.hdcw-op-tradein::after { content: 'Get a valuation for your current car'; }
.hdcw-opener button.hdcw-op-alert {
  order: 5;
  min-height: 72px;
  padding: 17.8px 40px 16.2px 64px;
  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.75px top 28.25px / 8px 14px border-box, #fff;
}
.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 17.75px top 28.25px / 8px 14px border-box, #fff; border-color: #000000; opacity: 1; }
.hdcw-opener button.hdcw-op-alert::before { left: 20px; top: 20px; width: 26px; height: 28px; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width=%2226%22%20height=%2228%22%20viewBox=%22-1%20-1%2026%2028%22%20fill=%22none%22%20xmlns=%22http://www.w3.org/2000/svg%22%3E%0A%3Cpath%20d=%22M12%2022.7546C10.9302%2022.7546%209.8717%2022.605%208.85234%2022.306C8.77953%2022.2839%208.69551%2022.2839%208.62271%2022.306L2.33299%2024.1L3.65479%2019.2386C3.68839%2019.1113%203.65479%2018.9728%203.57077%2018.8732C1.91293%2016.9186%201%2014.4381%201%2011.8856C1%205.87802%205.93432%201%2012%201C18.0656%201%2023%205.87802%2023%2011.8745C23%2017.8709%2018.0656%2022.749%2012%2022.749V22.7546Z%22%20stroke-width=%222%22%20stroke-miterlimit=%2210%22%20stroke=%22%23C3002F%22/%3E%0A%3Cpath%20d=%22M11.4495%2015.1247L15.1884%2017.5001L14.1962%2013.0231L17.4995%2010.0109L13.1496%209.62238L11.4495%205.40012L9.74949%209.62238L5.39954%2010.0109L8.70284%2013.0231L7.71064%2017.5001L11.4495%2015.1247Z%22%20fill=%22%23C3002F%22/%3E%0A%3C/svg%3E"); }
.hdcw-opener button.hdcw-op-alert::after { margin-top: 0px; padding-left: 1px; }
.hdcw-opener button.hdcw-op-alert::after { content: 'Receive a daily stock alert'; }

/* "Something else" (2023:430 / 32003:803 @512 on 01-chat): the same box, 65
 * tall, title Bold 16 box at x82 cap 537.5 (25.5 down); the "?" (36004:729)
 * 10x19 export at 43,534; chevron 352.5,537.5. */
.hdcw-opener .hdcw-else.hdcw-op-else {
  order: 6;
  min-height: 65px;
  padding: 19.8px 40px 23.2px 65px;  /* 1 + 19.8 + 20 + 23.2 + 1 = 65: no slack for the button to centre */
  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.75px top 24.25px / 8px 14px border-box, #fff;
}
.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.75px top 24.25px / 8px 14px border-box, #fff; border-color: #000000; opacity: 1; }
.hdcw-opener button.hdcw-op-else::before { left: 25px; top: 20px; width: 12px; height: 21px; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width=%2212%22%20height=%2221%22%20viewBox=%22-1%20-1%2012%2021%22%20fill=%22none%22%20xmlns=%22http://www.w3.org/2000/svg%22%3E%0A%3Cpath%20d=%22M1.02481%204.81931C1.02481%20-0.240023%208.97519%20-0.240023%208.97519%204.81931C8.97519%208.43312%205.36138%207.71036%205.36138%2012.0469M5.36138%2017.8435L5.37584%2017.8276%22%20stroke-width=%222.04962%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%20stroke=%22%23C3002F%22/%3E%0A%3C/svg%3E"); }
/* On a vehicle page the widget gives every box the hdcw-else class too: the
 * boxes keep their own look (their rules are more specific), only "Something
 * else" is the short one. */

/* Context CTA ("Tell me about this car", 19:680 on 16-browse-auto): 349x55 at
 * x24, r3, flat #C3002F, white Nissan Brand Bold 15 centred, the cap 23.5px
 * under the top. */
.hdcw-opener button.hdcw-op-ctx {
  order: 0;
  min-height: 55px;
  margin: 0 4px 0 8px;           /* x24..373 in the x16..377 opener column */
  border: 0;
  border-radius: 3px;
  padding: 19px 0 16px;          /* cap 23.5px under the bar top (19:681: 2005.5 on 1982) */
  background: #C3002F;
  color: #fff;
  font-size: 15px;
  font-weight: 600;
  line-height: 20px;
  letter-spacing: 0;
}
.hdcw-opener button.hdcw-op-ctx:hover { background: #C3002F; opacity: .85; }

/* ---------- Chips (item 16:212): 31px white, r10, NO stroke, 0/4/4 25%
 * shadow, Nissan Brand Regular 12/13 black, centred, 5px gaps, a 36px row
 * pitch, rows at x18 (15-browse). Selected = 1px #000 inside stroke
 * ("Adventurous" I37:328;16:208). */
.hdcw-chips { gap: 5px; padding: 0 2px; }
.hdcw-chip {
  background: #fff;
  color: #000000;
  border: 1px solid transparent;
  border-radius: 10px;
  min-height: 31px;
  box-sizing: border-box;
  padding: 7.5px 14.0px 8.5px;   /* 15 to the text: inside the narrow window (14.7..15.1) that keeps the artwork's four POPULAR rows of three (SUV must not fit row 2, Hatchback / 7 Seater / Commercials must fit row 4; 'Commercials (36)' is squeezed to 9.5px on 15-browse) */
  font-size: 12px;
  font-weight: 500;
  line-height: 13px;
  letter-spacing: 0;
  box-shadow: 0 4px 4px rgba(0,0,0,.25);
}
.hdcw-chip:hover { background: #fff; border-color: #000000; color: #000000; }
.hdcw-chip--sel { border-color: #000000; box-shadow: 0 4px 4px rgba(0,0,0,.25); font-weight: 500; }
.hdcw-chip--sel:hover { border-color: #000000; }
/* Bootstrap's reboot (WCS2 loads 4.3.1) adds `button:focus { outline: 5px auto }`,
 * so a tapped chip would also wear the browser's focus ring. Mouse and touch
 * focus drop it; keyboard focus keeps a visible ring. */
.hdcw-chip:focus:not(:focus-visible) { outline: 0; }
/* POPULAR / LIFESTYLE / MAKES (16:213, 16:270, 16:323): Montserrat Bold 11
 * #6D6D6D, no tracking, at x23-24. */
.hdcw-ghead {
  font-family: 'Montserrat', var(--hdcw-font);
  letter-spacing: 0;
  font-size: 11px;
  font-weight: 700;
  line-height: 13px;
  margin: 2px 6px -2px 7px;
}
.hdcw-chips + .hdcw-ghead { margin-top: 7px; }
/* Answer chips straight under a question (the quiz, 02-help1 .. 07-help5):
 * flush with the bubble at x16, 8px under it, 4px gaps (35px pitch). */
.hdcw-bot + .hdcw-chips { padding-left: 0; margin-top: -3px; gap: 4px; }

/* ---------- Car cards ("csr search" 19:566 / 2023:448): 176 wide, 14px
 * apart, white, 1px #E4E6EA, r10 at the bottom (the photo squares the top),
 * 244 tall. Photo 176x113. Body 12px in: title Regular 12 (two lines 16
 * apart), price Bold 12, monthly Regular 12, meta Regular 10; the bar at 213.
 * Flush split action bar, 31 tall: Details (77, white) | I'm Interested (99,
 * #C3002F, white ink), both Regular 12/13 ls -1%, #E4E6EA rules. */
.hdcw-cars { gap: 14px; padding: 0 0 0 2px; margin: 0 -2px -2px 0; }  /* cards x18..194 / 208..384: the strip runs 2px into the column's right padding so the second card is not clipped */
.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: 7.5px 11px 8.5px; }  /* cap rows 125.5 / 141.5 / 161 / 176.5 / 194 under the card top (08-help6, 16-browse-auto), the bar at 213 */
.hdcw-car h4.hdcw-cartitle {
  /* name every property: Bootstrap's h4 rule and WCS2's h1-h6 rules would win otherwise */
  margin: 0;
  padding: 0;
  font-family: var(--hdcw-font);
  font-size: 12px;
  font-weight: 500;
  line-height: 16px;
  letter-spacing: .01em;
  color: #000000;
  max-height: 32px;
}
.hdcw-car .hdcw-price { color: #000000; font-size: 12px; font-weight: 600; line-height: 19px; margin-top: 1px; letter-spacing: .01em; }
.hdcw-car .hdcw-mo { color: #000000; font-size: 12px; font-weight: 500; 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: 7px 0 9px;
  font-size: 12px;
  font-weight: 500;
  line-height: 13px;
  letter-spacing: -.01em;
  background: #fff;
  color: #000000;
}
.hdcw-car .hdcw-pick:not(.hdcw-pick--primary) { padding-left: 3px; }
.hdcw-car .hdcw-pick.hdcw-pick--primary { padding-right: 3px; }
.hdcw-car .hdcw-pick:hover { background: #EDEDED; color: #000000; }
.hdcw-car .hdcw-pick--primary {
  flex: 99 0 0;
  border-left: 1px solid #E4E6EA;
  border-radius: 0 0 9px 0;
  background: #C3002F;
  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: #C3002F; opacity: .85; color: #fff; }

/* ---------- Footer (24:712): #E4E6EA band 400x129. Input 299x51 @21,20
 * (from the band top), r10, 1px #000, white; placeholder Nissan Brand Regular
 * 14 ls 1% black, 19px in. Send: the red 52px circle 8px right of it, 20px off
 * the panel's right edge. Disclosure Regular 11/15 (ls .11px), black, centred
 * in a 272px box at x63; "Terms & Conditions" plain on every artboard. */
.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;
  min-width: 0;
  height: 51px;
  border-radius: 10px;
  padding: 0 16px 3px 18px;      /* the text centred 1.5px above the box's middle (cap 630.5 on 01-chat) */
  font-size: 14px;
  line-height: 46px;
  letter-spacing: .01em;
  background: #fff;
}
/* font: inherit - WCS2's stylesheets may carry a bare ::-webkit-input-placeholder rule. */
.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%23C3002F%22/%3E%0A%3Cpath%20d=%22M35.7344%2016.2791C35.6049%2016.1504%2035.4413%2016.0612%2035.2629%2016.0222C35.0844%2015.9832%2034.8985%2015.9958%2034.727%2016.0587L13.6192%2023.7249C13.4371%2023.7939%2013.2804%2023.9166%2013.1698%2024.0766C13.0592%2024.2366%2013%2024.4265%2013%2024.6209C13%2024.8154%2013.0592%2025.0053%2013.1698%2025.1653C13.2804%2025.3253%2013.4371%2025.448%2013.6192%2025.5169L22.8299%2029.1968L26.5141%2038.3963C26.5834%2038.5701%2026.702%2038.7199%2026.8555%2038.8272C27.0089%2038.9345%2027.1904%2038.9945%2027.3776%2039C27.5715%2038.996%2027.7597%2038.9335%2027.9172%2038.8206C28.0748%2038.7077%2028.1944%2038.5497%2028.2603%2038.3675L35.9359%2017.2853C36.0013%2017.1157%2036.017%2016.9311%2035.9814%2016.753C35.9457%2016.5748%2035.86%2016.4105%2035.7344%2016.2791ZM27.3776%2035.3585L24.7008%2028.6505L29.2965%2024.0604L27.9437%2022.7092L23.3096%2027.3377L16.6318%2024.6257L33.4509%2018.5598L27.3776%2035.3585Z%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: 11px;
  line-height: 15px;
  letter-spacing: .11px;         /* 54001:664 ls 0.11px */
  padding: 0 65px 17px 62px;     /* 54001:664: a 272px box at x63, its first line ending in a space (centred 1.5px left); 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; }
}

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