/* chat widget branding - Hyundai Dundrum (hd2, template HD2), REBUILT from the
 * designer's redesigned artwork (chat-themes-1016; replaces the 2026-08-18 theme).
 * Source of truth: the designer's Figma "Ai Assistant- Hyundai Dundrum (Copy)"
 * (file A1ZgsLzUWAQA7zOiVvjMnC) and its 13 @2x artboard PNGs, which outrank the
 * node dump wherever the two disagree. Tooling and QA:
 * tickets/chat-themes-1016/hd2/qa-hd2/; design notes and the probe table:
 * tickets/chat-themes-1016/hd2/DESIGN-hd2.md. Glyphs are SVG exports of the
 * file's own nodes.
 *
 * Hyundai navy on a light grey ground: an 81px header on the #002E6B band with
 * the designer's diagonal #3768A8 streak, the white robot mark, "Hyundai
 * Dundrum" and the subtitle under it; white bot bubbles with a squared
 * bottom-left corner; #5A5A5A user bubbles; the openers as a flat LIST split by
 * 3px white rules, navy glyphs and chevrons; hollow navy-stroked r10 chips;
 * white cards with a flush Details | I'm Interested (navy) bar; a white footer
 * with a navy-stroked pill input and a navy send circle. The launcher is the
 * designer's two-line "Virtual Assistant" pill with the robot mark.
 * Type: Hyundai Sans Head, loaded by the HD2 template itself (nothing imported).
 * The panel is 400x720 = the designer's artboard, so offsets transfer 1:1.
 *
 * Regenerate with tickets/chat-themes-1016/hd2/build-theme-hd2.py - edit the
 * generator, never this file. It writes dealer/hd2 ONLY: ktm2 (Kingstown) shares
 * the HD2 template but keeps its own theme.
 *
 * Served at /chat-theme; loaded by the widget AFTER its built-in stylesheet.
 */

.hdcw-fab,.hdcw-panel {
  --hdcw-accent: #002E6B;
  --hdcw-on-accent: #fff;
  --hdcw-font: 'Hyundai Sans Head', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
  --hdcw-bg: #fff;               /* bubbles, cards, footer band (24:708) */
  --hdcw-surface: #EFEFEF;      /* the conversation ground (Rectangle 8 37:281 ...) */
  --hdcw-text: #000000;
  --hdcw-muted: #6D6D6D;
  --hdcw-faint: #B2B2B2;         /* typing dots (ai-greytext 72:410, decorative) */
  --hdcw-footer: #434343;         /* disclosure 8038:1022 */
  --hdcw-border: #002E6B;         /* input stroke 24:705 */
  --hdcw-border-soft: #EFEFEF;  /* bubble + card strokes: the ground's own colour */
  --hdcw-radius: 15px;           /* panel 1:7, header 1:9 */
  --hdcw-radius-bubble: 10px;
  --hdcw-head-bg: #002E6B;
  --hdcw-head-color: #fff;
  --hdcw-user-bg: #5A5A5A;
  --hdcw-user-color: #fff;
  --hdcw-link: #002E6B;
  --hdcw-btn-bg: #002E6B;
  --hdcw-btn-color: #fff;
  --hdcw-fab-gap: 0;             /* the pill (and its 8px shadow margin) docks on the vehicle bar */
}

/* Figures: the site's Hyundai Sans Head Office faces default to TABULAR digits
 * (every digit 8.4px at 14px); the artwork's Hyundai Sans Head sets them
 * proportional ('Automatic (155)' 97.5px of ink in Figma, 102.5 tabular, 98
 * proportional). Buttons and inputs reset font-variant through the UA `font`
 * shorthand, so they are named too. */
.hdcw-panel, .hdcw-panel button, .hdcw-panel input { font-variant-numeric: proportional-nums; }

/* ---------- Launcher (49:835 on the 400x720 home artboard 03-home): the
 * designer's 137x51 pill, exported 146x60 with its shadow margin. The pill
 * ends 5px from the right edge and 11.6px from the bottom. */
.hdcw-fab {
  width: 146px;
  height: 60px;
  right: 1px;
  bottom: 3px;
  border-radius: 0;
  background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width=%22146%22%20height=%2260%22%20viewBox=%220%200%20146%2060%22%20fill=%22none%22%20xmlns=%22http://www.w3.org/2000/svg%22%3E%0A%3Cg%20filter=%22url(%23filter0_d_49_835)%22%3E%0A%3Crect%20x=%224.02459%22%20width=%22137.951%22%20height=%2251.6887%22%20rx=%2210%22%20fill=%22url(%23paint0_linear_49_835)%22/%3E%0A%3C/g%3E%0A%3Cpath%20d=%22M25.0229%2023.1414L21.1291%2012.8787H23.1665L26.1699%2020.9681L29.1732%2012.8787H31.2107L27.3169%2023.1414H25.0229ZM32.1305%2023.1414V15.3689H34.0472V23.1414H32.1305ZM32.1003%2014.0559V12.0637H34.0623V14.0559H32.1003ZM35.874%2023.1414V15.3689H37.7908V16.5763C38.2435%2015.7462%2038.9981%2015.1878%2040.0244%2015.1878H40.2508V17.0139C39.1038%2017.029%2038.1681%2017.3611%2037.7908%2018.5232V23.1414H35.874ZM44.7532%2023.2319C42.8667%2023.2319%2041.9008%2022.2962%2041.9008%2020.1682V16.9083H40.6029V15.3689H41.9612V13.3918H43.8175V15.3689H45.6135V16.9083H43.8175V20.2588C43.8175%2021.2548%2044.2854%2021.602%2045.2513%2021.602H45.6135V23.1414C45.3569%2023.2017%2045.04%2023.2319%2044.7532%2023.2319ZM54.1427%2015.3689V23.1414H52.226V22.0547C51.8034%2022.749%2050.9733%2023.3225%2049.7659%2023.3225C47.7436%2023.3225%2046.8079%2021.934%2046.8079%2019.9418V15.3689H48.7246V19.7305C48.7246%2020.9681%2049.3132%2021.6171%2050.4451%2021.6171C51.3959%2021.6171%2052.0298%2020.9681%2052.226%2020.2588V15.3689H54.1427ZM61.698%2023.1414V22.2509C61.1245%2022.8999%2060.2793%2023.3225%2059.2681%2023.3225C57.1099%2023.3225%2055.5253%2021.7227%2055.5253%2019.2627C55.5253%2016.8026%2057.1099%2015.1878%2059.2681%2015.1878C60.2793%2015.1878%2061.1245%2015.6255%2061.698%2016.2744V15.3689H63.6147V23.1414H61.698ZM59.6907%2021.6171C60.551%2021.6171%2061.3509%2021.1794%2061.698%2020.455V18.0704C61.3509%2017.3309%2060.551%2016.8932%2059.6907%2016.8932C58.4381%2016.8932%2057.4722%2017.7535%2057.4722%2019.2627C57.4722%2020.7568%2058.4381%2021.6171%2059.6907%2021.6171ZM65.4394%2023.1414V12.4259H67.3561V23.1414H65.4394ZM21.114%2039.2397L25.1134%2028.977H27.4225L31.422%2039.2397H29.3845L28.5544%2037.0664H23.9815L23.1514%2039.2397H21.114ZM26.2604%2031.0748L24.6305%2035.361H27.8904L26.2604%2031.0748ZM34.9183%2039.451C33.4694%2039.451%2032.3526%2038.7719%2031.6433%2037.9267L32.6846%2036.7193C33.1978%2037.3532%2034.0731%2037.8814%2034.9937%2037.8814C35.8238%2037.8814%2036.4124%2037.5494%2036.4124%2036.9759C36.4124%2036.4628%2035.9446%2036.2515%2035.205%2036.1307L34.5108%2036.0251C33.0619%2035.7836%2032.1866%2034.9837%2032.1866%2033.716C32.1866%2032.3728%2033.3336%2031.2861%2035.2805%2031.2861C36.503%2031.2861%2037.4387%2031.7993%2038.0122%2032.4633L37.001%2033.6858C36.503%2033.1576%2035.9144%2032.8557%2035.205%2032.8557C34.4806%2032.8557%2034.1033%2033.1877%2034.1033%2033.6103C34.1033%2034.0027%2034.4051%2034.214%2034.9636%2034.3046L35.6578%2034.4102C37.4387%2034.6819%2038.3291%2035.5119%2038.3291%2036.8702C38.3291%2038.2738%2037.1067%2039.451%2034.9183%2039.451ZM42.2728%2039.451C40.8239%2039.451%2039.7071%2038.7719%2038.9978%2037.9267L40.0391%2036.7193C40.5523%2037.3532%2041.4276%2037.8814%2042.3482%2037.8814C43.1783%2037.8814%2043.7669%2037.5494%2043.7669%2036.9759C43.7669%2036.4628%2043.2991%2036.2515%2042.5595%2036.1307L41.8653%2036.0251C40.4164%2035.7836%2039.5411%2034.9837%2039.5411%2033.716C39.5411%2032.3728%2040.6881%2031.2861%2042.635%2031.2861C43.8575%2031.2861%2044.7932%2031.7993%2045.3667%2032.4633L44.3555%2033.6858C43.8575%2033.1576%2043.2689%2032.8557%2042.5595%2032.8557C41.8351%2032.8557%2041.4578%2033.1877%2041.4578%2033.6103C41.4578%2034.0027%2041.7596%2034.214%2042.3181%2034.3046L43.0123%2034.4102C44.7932%2034.6819%2045.6836%2035.5119%2045.6836%2036.8702C45.6836%2038.2738%2044.4612%2039.451%2042.2728%2039.451ZM47.0163%2039.2397V31.4672H48.933V39.2397H47.0163ZM46.9861%2030.1542V28.162H48.9481V30.1542H46.9861ZM53.3709%2039.451C51.922%2039.451%2050.8052%2038.7719%2050.0958%2037.9267L51.1372%2036.7193C51.6503%2037.3532%2052.5257%2037.8814%2053.4463%2037.8814C54.2764%2037.8814%2054.865%2037.5494%2054.865%2036.9759C54.865%2036.4628%2054.3971%2036.2515%2053.6576%2036.1307L52.9634%2036.0251C51.5145%2035.7836%2050.6392%2034.9837%2050.6392%2033.716C50.6392%2032.3728%2051.7862%2031.2861%2053.7331%2031.2861C54.9555%2031.2861%2055.8913%2031.7993%2056.4648%2032.4633L55.4536%2033.6858C54.9555%2033.1576%2054.3669%2032.8557%2053.6576%2032.8557C52.9332%2032.8557%2052.5559%2033.1877%2052.5559%2033.6103C52.5559%2034.0027%2052.8577%2034.214%2053.4161%2034.3046L54.1104%2034.4102C55.8913%2034.6819%2056.7817%2035.5119%2056.7817%2036.8702C56.7817%2038.2738%2055.5592%2039.451%2053.3709%2039.451ZM61.393%2039.3303C59.5064%2039.3303%2058.5405%2038.3946%2058.5405%2036.2666V33.0066H57.2426V31.4672H58.6009V29.4902H60.4572V31.4672H62.2532V33.0066H60.4572V36.3571C60.4572%2037.3532%2060.9251%2037.7003%2061.891%2037.7003H62.2532V39.2397C61.9966%2039.3001%2061.6797%2039.3303%2061.393%2039.3303ZM69.1851%2039.2397V38.3493C68.6116%2038.9982%2067.7665%2039.4208%2066.7553%2039.4208C64.5971%2039.4208%2063.0124%2037.8211%2063.0124%2035.361C63.0124%2032.901%2064.5971%2031.2861%2066.7553%2031.2861C67.7665%2031.2861%2068.6116%2031.7238%2069.1851%2032.3728V31.4672H71.1018V39.2397H69.1851ZM67.1779%2037.7154C68.0381%2037.7154%2068.838%2037.2777%2069.1851%2036.5533V34.1687C68.838%2033.4292%2068.0381%2032.9915%2067.1779%2032.9915C65.9252%2032.9915%2064.9593%2033.8518%2064.9593%2035.361C64.9593%2036.8552%2065.9252%2037.7154%2067.1779%2037.7154ZM72.9266%2039.2397V31.4672H74.8433V32.5539C75.2659%2031.8596%2076.0959%2031.2861%2077.3033%2031.2861C79.3257%2031.2861%2080.2614%2032.6746%2080.2614%2034.6668V39.2397H78.3447V34.8781C78.3447%2033.6405%2077.7561%2032.9915%2076.6242%2032.9915C75.6734%2032.9915%2075.0395%2033.6405%2074.8433%2034.3498V39.2397H72.9266ZM85.2988%2039.3303C83.4122%2039.3303%2082.4463%2038.3946%2082.4463%2036.2666V33.0066H81.1484V31.4672H82.5067V29.4902H84.363V31.4672H86.159V33.0066H84.363V36.3571C84.363%2037.3532%2084.8309%2037.7003%2085.7968%2037.7003H86.159V39.2397C85.9024%2039.3001%2085.5855%2039.3303%2085.2988%2039.3303Z%22%20fill=%22white%22/%3E%0A%3Cpath%20d=%22M112.478%2041.172L106.907%2043.553C106.556%2043.7032%20106.141%2043.6623%20105.868%2043.4467C105.595%2043.2311%20105.463%2042.8565%20105.529%2042.4751L107.21%2037.9511C105.411%2036.2401%20104.165%2034.1547%20103.439%2031.7834C101.904%2031.6566%20100.778%2030.4363%20100.835%2028.9048V25.9756C101.039%2024.7114%20101.986%2023.7955%20103.26%2023.5916C105.117%2015.6984%20112.681%2011.1743%20120.547%2013.1915C125.595%2014.5054%20129.246%2018.5788%20130.404%2023.5985C131.78%2023.8013%20132.749%2024.9094%20132.811%2026.2682L132.807%2029.1926C132.728%2030.6177%20131.595%2031.6829%20130.201%2031.7951C129.135%2035.3896%20126.815%2038.391%20123.609%2040.2453C121.686%2041.3358%20119.64%2041.9065%20117.427%2041.9143C115.729%2041.9708%20114.145%2041.7553%20112.477%2041.171L112.478%2041.172ZM111.76%2040.2677C112.286%2040.0453%20112.646%2040.0502%20113.161%2040.2121C115.729%2041.0208%20118.516%2041.0373%20121.089%2040.1673C123.51%2039.3479%20125.483%2037.7638%20126.998%2035.7524C128.874%2033.2621%20129.719%2030.3485%20129.679%2027.2476C129.652%2025.1123%20129.319%2023.1468%20128.435%2021.2262C126.439%2016.8923%20122.302%2014.0782%20117.518%2013.8411C113.16%2013.6256%20109.009%2015.5618%20106.466%2019.1095C104.702%2021.5695%20103.965%2024.4198%20103.959%2027.4407C103.952%2031.1366%20105.271%2034.6277%20108.008%2037.16C108.267%2037.3365%20108.486%2037.7267%20108.363%2038.0554L106.742%2042.3932L111.76%2040.2668V40.2677Z%22%20fill=%22white%22/%3E%0A%3Cpath%20d=%22M127.267%2027.3978C127.588%2030.4343%20125.359%2033.1802%20122.288%2033.1802H111.296C108.348%2033.1802%20106.23%2030.5924%20106.356%2027.7334C106.478%2024.9865%20108.571%2022.665%20111.393%2022.6621L122.195%2022.6513C124.882%2022.6484%20126.983%2024.7222%20127.267%2027.3988V27.3978ZM113.378%2027.8153C113.45%2027.1774%20113.193%2026.6106%20112.779%2026.2722C112.364%2025.9337%20111.771%2025.8%20111.222%2026.0205C110.474%2026.3219%20110.129%2027.113%20110.242%2027.8924C110.361%2028.7244%20111.025%2029.2931%20111.821%2029.2911C112.606%2029.2892%20113.279%2028.6864%20113.378%2027.8153ZM123.433%2027.5841C123.427%2026.6243%20122.735%2025.9298%20121.872%2025.9132C121.042%2025.8976%20120.342%2026.5619%20120.256%2027.4446C120.159%2028.4259%20120.839%2029.2453%20121.775%2029.2872C122.68%2029.3272%20123.438%2028.6054%20123.433%2027.5841ZM118.07%2029.8793C117.254%2030.4763%20116.262%2030.4353%20115.49%2029.851C115.303%2029.7086%20115.029%2029.7067%20114.872%2029.8208C114.715%2029.9349%20114.635%2030.3407%20114.781%2030.4753C115.885%2031.4829%20117.565%2031.5259%20118.692%2030.5729C118.907%2030.3905%20118.937%2030.0627%20118.76%2029.8744C118.599%2029.7018%20118.321%2029.695%20118.07%2029.8803V29.8793Z%22%20fill=%22white%22/%3E%0A%3Cpath%20d=%22M117.277%2021.474C117.277%2021.6164%20116.927%2021.7676%20116.798%2021.7607C116.668%2021.7539%20116.34%2021.6213%20116.341%2021.4876L116.343%2019.5426C115.556%2019.2412%20115.086%2018.5506%20115.197%2017.7478C115.308%2016.945%20115.97%2016.3393%20116.795%2016.3207C117.619%2016.3022%20118.31%2016.8787%20118.449%2017.6824C118.589%2018.4862%20118.131%2019.2695%20117.289%2019.5289L117.277%2021.474Z%22%20fill=%22white%22/%3E%0A%3Cpath%20d=%22M123.433%2027.5841C123.438%2028.6054%20122.68%2029.3272%20121.775%2029.2872C120.839%2029.2462%20120.159%2028.4259%20120.256%2027.4446C120.342%2026.5618%20121.042%2025.8975%20121.872%2025.9132C122.734%2025.9297%20123.427%2026.6242%20123.433%2027.5841Z%22%20fill=%22%23002E6B%22/%3E%0A%3Cpath%20d=%22M113.378%2027.8153C113.279%2028.6854%20112.606%2029.2892%20111.821%2029.2912C111.025%2029.2931%20110.362%2028.7244%20110.242%2027.8924C110.13%2027.113%20110.474%2026.3219%20111.222%2026.0205C111.771%2025.7991%20112.349%2025.92%20112.779%2026.2722C113.209%2026.6243%20113.45%2027.1784%20113.378%2027.8153Z%22%20fill=%22%23002E6B%22/%3E%0A%3Cpath%20d=%22M118.07%2029.8793C118.322%2029.695%20118.599%2029.7018%20118.76%2029.8735C118.937%2030.0627%20118.907%2030.3895%20118.692%2030.5719C117.565%2031.5239%20115.885%2031.482%20114.781%2030.4744C114.635%2030.3407%20114.722%2029.9291%20114.872%2029.8198C115.022%2029.7106%20115.303%2029.7086%20115.491%2029.8501C116.262%2030.4344%20117.253%2030.4753%20118.07%2029.8784V29.8793Z%22%20fill=%22%23002E6B%22/%3E%0A%3Cpath%20d=%22M103.289%2015.0965L103.602%2014.3759C104.153%2013.1008%20105.162%2012.0782%20106.43%2011.5098L107.398%2011.0795C107.515%2011.0254%20107.614%2010.939%20107.684%2010.8305C107.753%2010.722%20107.79%2010.5959%20107.79%2010.4671C107.79%2010.3383%20107.753%2010.2122%20107.684%2010.1037C107.614%209.99513%20107.515%209.90873%20107.398%209.85464L106.483%209.44721C105.183%208.86271%20104.157%207.80229%20103.616%206.48439L103.294%205.70772C103.247%205.58722%20103.164%205.48376%20103.057%205.41084C102.95%205.33792%20102.823%205.29891%20102.694%205.29891C102.564%205.29891%20102.438%205.33792%20102.331%205.41084C102.224%205.48376%20102.141%205.58722%20102.094%205.70772L101.771%206.48567C101.23%207.80331%20100.203%208.86328%2098.903%209.44721L97.9893%209.85337C97.872%209.9073%2097.7726%209.99372%2097.7029%2010.1024C97.6333%2010.211%2097.5962%2010.3374%2097.5962%2010.4664C97.5962%2010.5955%2097.6333%2010.7218%2097.7029%2010.8305C97.7726%2010.9391%2097.872%2011.0256%2097.9893%2011.0795L98.9565%2011.5111C100.225%2012.0789%20101.234%2013.101%20101.785%2014.3759L102.099%2015.0965C102.148%2015.2139%20102.23%2015.3141%20102.336%2015.3846C102.442%2015.4551%20102.567%2015.4928%20102.694%2015.4928C102.821%2015.4928%20102.946%2015.4551%20103.051%2015.3846C103.157%2015.3141%20103.24%2015.2139%20103.289%2015.0965Z%22%20fill=%22white%22/%3E%0A%3Cpath%20d=%22M129.538%2013.3511L129.766%2012.827C130.166%2011.8997%20130.9%2011.156%20131.822%2010.7426L132.526%2010.4296C132.612%2010.3903%20132.684%2010.3275%20132.734%2010.2486C132.785%2010.1696%20132.811%2010.0779%20132.811%209.98425C132.811%209.89058%20132.785%209.79887%20132.734%209.71995C132.684%209.64103%20132.612%209.57819%20132.526%209.53885L131.861%209.24253C130.916%208.81744%20130.169%208.04623%20129.776%207.08776L129.542%206.52291C129.507%206.43527%20129.447%206.36003%20129.369%206.30699C129.291%206.25396%20129.199%206.22559%20129.105%206.22559C129.011%206.22559%20128.919%206.25396%20128.841%206.30699C128.763%206.36003%20128.703%206.43527%20128.669%206.52291L128.434%207.08869C128.04%208.04698%20127.294%208.81786%20126.348%209.24253L125.684%209.53792C125.598%209.57715%20125.526%209.64%20125.475%209.71902C125.425%209.79805%20125.398%209.88993%20125.398%209.98379C125.398%2010.0776%20125.425%2010.1695%20125.475%2010.2486C125.526%2010.3276%20125.598%2010.3904%20125.684%2010.4296L126.387%2010.7436C127.309%2011.1565%20128.043%2011.8999%20128.444%2012.827L128.672%2013.3511C128.708%2013.4365%20128.768%2013.5094%20128.845%2013.5607C128.922%2013.6119%20129.012%2013.6393%20129.105%2013.6393C129.198%2013.6393%20129.288%2013.6119%20129.365%2013.5607C129.442%2013.5094%20129.502%2013.4365%20129.538%2013.3511Z%22%20fill=%22white%22/%3E%0A%3Cpath%20d=%22M112.231%207.93494L112.374%207.67289C112.624%207.20921%20113.082%206.83735%20113.659%206.63069L114.099%206.4742C114.152%206.45453%20114.197%206.42311%20114.229%206.38365C114.26%206.34419%20114.277%206.29833%20114.277%206.2515C114.277%206.20466%20114.26%206.15881%20114.229%206.11935C114.197%206.07989%20114.152%206.04847%20114.099%206.0288L113.683%205.88064C113.092%205.66809%20112.626%205.28249%20112.38%204.80325L112.233%204.52083C112.212%204.47701%20112.174%204.43939%20112.126%204.41287C112.077%204.38635%20112.02%204.37217%20111.961%204.37217C111.902%204.37217%20111.844%204.38635%20111.796%204.41287C111.747%204.43939%20111.709%204.47701%20111.688%204.52083L111.541%204.80372C111.295%205.28286%20110.829%205.6683%20110.238%205.88064L109.822%206.02833C109.769%206.04795%20109.724%206.07937%20109.692%206.11888C109.66%206.1584%20109.644%206.20434%20109.644%206.25127C109.644%206.29819%20109.66%206.34414%20109.692%206.38365C109.724%206.42316%20109.769%206.45459%20109.822%206.4742L110.262%206.63115C110.838%206.83761%20111.297%207.2093%20111.548%207.67289L111.69%207.93494C111.712%207.97761%20111.75%208.01406%20111.798%208.0397C111.846%208.06534%20111.903%208.07903%20111.961%208.07903C112.018%208.07903%20112.075%208.06534%20112.123%208.0397C112.171%208.01406%20112.209%207.97761%20112.231%207.93494Z%22%20fill=%22white%22/%3E%0A%3Cdefs%3E%0A%3Cfilter%20id=%22filter0_d_49_835%22%20x=%220%22%20y=%220%22%20width=%22146%22%20height=%2259.7379%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_49_835%22/%3E%0A%3CfeBlend%20mode=%22normal%22%20in=%22SourceGraphic%22%20in2=%22effect1_dropShadow_49_835%22%20result=%22shape%22/%3E%0A%3C/filter%3E%0A%3ClinearGradient%20id=%22paint0_linear_49_835%22%20x1=%224.02459%22%20y1=%2225.8444%22%20x2=%22141.975%22%20y2=%2225.8444%22%20gradientUnits=%22userSpaceOnUse%22%3E%0A%3Cstop%20stop-color=%22%23002E6B%22/%3E%0A%3Cstop%20offset=%220.336538%22%20stop-color=%22%233768A8%22/%3E%0A%3Cstop%20offset=%220.865385%22%20stop-color=%22%23002E6B%22/%3E%0A%3C/linearGradient%3E%0A%3C/defs%3E%0A%3C/svg%3E") center / 146px 60px no-repeat;
  box-shadow: none;
  z-index: 1030;                 /* under the site's Bootstrap modals (1050) */
}
.hdcw-fab > svg { display: none; }
.hdcw-fab:hover { transform: scale(1.03); transform-origin: right bottom; }

/* ---------- Header (24:711): an 81px band on the streak, r15 on top. Mark
 * 38x43 at x17 y17; title "Hyundai Dundrum" Bold 18/18 at x77 y24, one line;
 * subtitle Regular 13 at x77 y47, UNDER the title. Nav icons at x298 / x332 /
 * x367, tops y23/24/24. */
.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 17px 0 17px;
  gap: 0;
  background: linear-gradient(235.5deg, #002E6B 29.4%, #3768A8 36.6%, #002E6B 44.4%);
}
.hdcw-head::before {
  content: '';
  flex: 0 0 38px;
  height: 43px;
  margin: 17px 22.5px 0 0;       /* title ink at x78.5 ('H' sits 1.5px in) */
  background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width=%2238%22%20height=%2243%22%20viewBox=%220%200%2038%2043%22%20fill=%22none%22%20xmlns=%22http://www.w3.org/2000/svg%22%3E%0A%3Cpath%20d=%22M16.059%2039.71L10.0467%2042.2793C9.66881%2042.4414%209.22041%2042.3972%208.92569%2042.1646C8.63097%2041.9319%208.48887%2041.5278%208.56045%2041.1162L10.374%2036.2343C8.43309%2034.3881%207.08789%2032.1377%206.30477%2029.5789C4.64802%2029.4421%203.43334%2028.1253%203.49439%2026.4727V23.3118C3.71543%2021.9477%204.73643%2020.9593%206.11215%2020.7393C8.11521%2012.2219%2016.278%207.34002%2024.7659%209.51676C30.213%2010.9346%2034.1528%2015.3301%2035.4022%2020.7467C36.8874%2020.9656%2037.9326%2022.1614%2038%2023.6276L37.9958%2026.7832C37.9105%2028.3211%2036.6874%2029.4705%2035.1833%2029.5915C34.0328%2033.4703%2031.5298%2036.7091%2028.07%2038.71C25.9954%2039.8868%2023.787%2040.5025%2021.3987%2040.511C19.5673%2040.572%2017.8579%2040.3394%2016.058%2039.7089L16.059%2039.71ZM15.2843%2038.7342C15.8517%2038.4942%2016.2401%2038.4995%2016.7958%2038.6742C19.5673%2039.5468%2022.5745%2039.5647%2025.3501%2038.6258C27.9626%2037.7416%2030.092%2036.0322%2031.7266%2033.8618C33.7507%2031.1746%2034.6633%2028.0306%2034.6202%2024.6844C34.5907%2022.3803%2034.2318%2020.2594%2033.2771%2018.1868C31.1235%2013.5102%2026.6595%2010.4735%2021.4977%2010.2178C16.7948%209.98515%2012.315%2012.0745%209.57092%2015.9027C7.66786%2018.5573%206.87211%2021.633%206.8658%2024.8928C6.85843%2028.881%208.28151%2032.6482%2011.235%2035.3807C11.515%2035.5712%2011.7508%2035.9922%2011.6182%2036.347L9.8688%2041.0278L15.2843%2038.7332V38.7342Z%22%20fill=%22white%22/%3E%0A%3Cpath%20d=%22M32.0171%2024.8465C32.3634%2028.1232%2029.9583%2031.0862%2026.6448%2031.0862H14.7833C11.6024%2031.0862%209.3162%2028.2937%209.45304%2025.2086C9.58461%2022.2445%2011.8424%2019.7394%2014.8875%2019.7363L26.5437%2019.7247C29.4436%2019.7215%2031.7108%2021.9593%2032.0171%2024.8476V24.8465ZM17.0295%2025.297C17.1074%2024.6086%2016.8306%2023.9971%2016.3832%2023.6318C15.9359%2023.2666%2015.2959%2023.1224%2014.7033%2023.3603C13.896%2023.6855%2013.5244%2024.5392%2013.6455%2025.3802C13.7739%2026.278%2014.4907%2026.8917%2015.3496%2026.8896C16.1969%2026.8875%2016.9232%2026.237%2017.0295%2025.297ZM27.8795%2025.0476C27.8731%2024.0118%2027.1269%2023.2624%2026.1953%2023.2445C25.2996%2023.2277%2024.5449%2023.9445%2024.4512%2024.897C24.347%2025.9559%2025.0807%2026.8401%2026.0911%2026.8854C27.0679%2026.9285%2027.8858%2026.1496%2027.8795%2025.0476ZM22.0924%2027.5243C21.2124%2028.1685%2020.142%2028.1242%2019.3094%2027.4938C19.1073%2027.3401%2018.8115%2027.338%2018.642%2027.4611C18.4726%2027.5843%2018.3863%2028.0221%2018.5442%2028.1674C19.7346%2029.2547%2021.5482%2029.301%2022.7639%2028.2727C22.9966%2028.0758%2023.0281%2027.7222%2022.8376%2027.519C22.6639%2027.3327%2022.364%2027.3253%2022.0924%2027.5253V27.5243Z%22%20fill=%22white%22/%3E%0A%3Cpath%20d=%22M21.2367%2018.4542C21.2367%2018.6079%2020.8598%2018.7711%2020.7199%2018.7637C20.5799%2018.7563%2020.2262%2018.6132%2020.2272%2018.469L20.2293%2016.3701C19.3799%2016.0449%2018.8726%2015.2997%2018.9926%2014.4334C19.1126%2013.5671%2019.8273%2012.9135%2020.7167%2012.8935C21.6061%2012.8735%2022.3513%2013.4955%2022.5019%2014.3629C22.6524%2015.2302%2022.1587%2016.0754%2021.2504%2016.3554L21.2367%2018.4542Z%22%20fill=%22white%22/%3E%0A%3Cpath%20d=%22M27.8795%2025.0476C27.8858%2026.1496%2027.0679%2026.9285%2026.0911%2026.8854C25.0806%2026.8412%2024.347%2025.9559%2024.4512%2024.897C24.5449%2023.9445%2025.2996%2023.2277%2026.1953%2023.2445C27.1258%2023.2624%2027.8731%2024.0118%2027.8795%2025.0476Z%22%20fill=%22%23002E6B%22/%3E%0A%3Cpath%20d=%22M17.0295%2025.297C16.9232%2026.2359%2016.1969%2026.8875%2015.3496%2026.8896C14.4907%2026.8917%2013.7749%2026.278%2013.6454%2025.3802C13.5244%2024.5392%2013.8959%2023.6855%2014.7033%2023.3603C15.2959%2023.1214%2015.919%2023.2519%2016.3832%2023.6319C16.8474%2024.0118%2017.1074%2024.6097%2017.0295%2025.297Z%22%20fill=%22%23002E6B%22/%3E%0A%3Cpath%20d=%22M22.0924%2027.5243C22.365%2027.3254%2022.664%2027.3327%2022.8376%2027.518C23.0282%2027.7222%2022.9966%2028.0748%2022.764%2028.2716C21.5482%2029.2989%2019.7346%2029.2537%2018.5442%2028.1664C18.3863%2028.0222%2018.48%2027.578%2018.6421%2027.4601C18.8042%2027.3422%2019.1073%2027.3401%2019.3094%2027.4927C20.142%2028.1232%2021.2114%2028.1674%2022.0924%2027.5232V27.5243Z%22%20fill=%22%23002E6B%22/%3E%0A%3Cpath%20d=%22M6.14287%2011.5724L6.48113%2010.7948C7.07523%209.41885%208.16388%208.31537%209.53228%207.7021L10.5773%207.23771C10.7035%207.17935%2010.8104%207.08611%2010.8853%206.96901C10.9602%206.85191%2011%206.71583%2011%206.57686C11%206.43788%2010.9602%206.30181%2010.8853%206.1847C10.8104%206.0676%2010.7035%205.97436%2010.5773%205.916L9.59003%205.47635C8.18723%204.84562%207.07993%203.70135%206.49625%202.27923L6.14838%201.44114C6.09728%201.3111%206.00817%201.19946%205.89264%201.12078C5.77712%201.04209%205.64055%201%205.50074%201C5.36093%201%205.22437%201.04209%205.10885%201.12078C4.99332%201.19946%204.90421%201.3111%204.85311%201.44114L4.50524%202.28061C3.92094%203.70245%202.81315%204.84624%201.41009%205.47635L0.424206%205.91463C0.297593%205.97282%200.190334%206.06607%200.115148%206.18333C0.0399614%206.30058%200%206.43691%200%206.57617C0%206.71543%200.0399614%206.85176%200.115148%206.96901C0.190334%207.08627%200.297593%207.17952%200.424206%207.23771L1.46784%207.70347C2.8365%208.31613%203.92564%209.41912%204.52036%2010.7948L4.85862%2011.5724C4.91148%2011.6991%205.00066%2011.8072%205.11492%2011.8833C5.22919%2011.9594%205.36343%2012%205.50074%2012C5.63806%2012%205.7723%2011.9594%205.88657%2011.8833C6.00083%2011.8072%206.09001%2011.6991%206.14287%2011.5724Z%22%20fill=%22white%22/%3E%0A%3Cpath%20d=%22M34.4675%209.68904L34.7135%209.12349C35.1456%208.1228%2035.9374%207.32027%2036.9326%206.87425L37.6926%206.53652C37.7844%206.49407%2037.8621%206.42626%2037.9166%206.3411C37.9711%206.25593%2038%206.15697%2038%206.0559C38%205.95482%2037.9711%205.85586%2037.9166%205.77069C37.8621%205.68553%2037.7844%205.61772%2037.6926%205.57527L36.9746%205.25552C35.9543%204.79682%2035.149%203.96461%2034.7245%202.93035L34.4715%202.32083C34.4344%202.22626%2034.3696%202.14507%2034.2856%202.08784C34.2015%202.03061%2034.1022%202%2034.0005%202C33.8989%202%2033.7995%202.03061%2033.7155%202.08784C33.6315%202.14507%2033.5667%202.22626%2033.5295%202.32083L33.2765%202.93135C32.8516%203.96542%2032.0459%204.79726%2031.0255%205.25552L30.3085%205.57427C30.2164%205.6166%2030.1384%205.68442%2030.0837%205.76969C30.0291%205.85497%2030%205.95412%2030%206.0554C30%206.15667%2030.0291%206.25583%2030.0837%206.3411C30.1384%206.42638%2030.2164%206.49419%2030.3085%206.53652L31.0675%206.87525C32.0629%207.32082%2032.855%208.123%2033.2875%209.12349L33.5335%209.68904C33.572%209.78114%2033.6368%209.8598%2033.7199%209.91514C33.803%209.97047%2033.9007%2010%2034.0005%2010C34.1004%2010%2034.198%209.97047%2034.2811%209.91514C34.3642%209.8598%2034.4291%209.78114%2034.4675%209.68904Z%22%20fill=%22white%22/%3E%0A%3Cpath%20d=%22M15.7922%203.84452L15.946%203.56174C16.216%203.0614%2016.7109%202.66013%2017.3329%202.43713L17.8079%202.26826C17.8652%202.24704%2017.9138%202.21313%2017.9479%202.17055C17.9819%202.12797%2018%202.07849%2018%202.02795C18%201.97741%2017.9819%201.92793%2017.9479%201.88535C17.9138%201.84276%2017.8652%201.80886%2017.8079%201.78764L17.3591%201.62776C16.7215%201.39841%2016.2182%200.982307%2015.9528%200.465175L15.7947%200.160415C15.7715%200.113129%2015.731%200.0725326%2015.6785%200.0439186C15.626%200.0153046%2015.5639%200%2015.5003%200C15.4368%200%2015.3747%200.0153046%2015.3222%200.0439186C15.2697%200.0725326%2015.2292%200.113129%2015.206%200.160415L15.0478%200.465675C14.7822%200.98271%2014.2787%201.39863%2013.6409%201.62776L13.1928%201.78714C13.1353%201.8083%2013.0865%201.84221%2013.0523%201.88485C13.0182%201.92748%2013%201.97706%2013%202.0277C13%202.07834%2013.0182%202.12791%2013.0523%202.17055C13.0865%202.21319%2013.1353%202.2471%2013.1928%202.26826L13.6672%202.43763C14.2893%202.66041%2014.7844%203.0615%2015.0547%203.56174L15.2085%203.84452C15.2325%203.89057%2015.273%203.9299%2015.325%203.95757C15.3769%203.98524%2015.4379%204%2015.5003%204C15.5628%204%2015.6238%203.98524%2015.6757%203.95757C15.7277%203.9299%2015.7682%203.89057%2015.7922%203.84452Z%22%20fill=%22white%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: 18px;
  line-height: 18px;
  font-weight: 700;
  letter-spacing: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.hdcw-head small {
  display: block;
  margin-top: 5px;
  opacity: 1;
  font-size: 13px;
  font-weight: 400;
  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: 19px;
  height: 19px;
  margin: 22px 0 0 auto;         /* reset ink at x298 (12:132) */
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width=%2219%22%20height=%2219%22%20viewBox=%22-1%20-1%2019%2019%22%20fill=%22none%22%20xmlns=%22http://www.w3.org/2000/svg%22%3E%0A%3Cpath%20d=%22M3.68939e-06%208.5C3.68939e-06%2013.1946%203.80545%2017%208.5%2017C13.1946%2017%2017%2013.1946%2017%208.5C17%203.80545%2013.1946%200%208.5%200V1.7C10.0991%201.70013%2011.6469%202.26377%2012.8716%203.2919C14.0963%204.32004%2014.9195%205.74689%2015.1966%207.32175C15.4737%208.89662%2015.1869%2010.5188%2014.3866%2011.9031C13.5864%2013.2875%2012.3238%2014.3456%2010.8208%2014.8915C9.31783%2015.4374%207.67054%2015.4361%206.16838%2014.888C4.66622%2014.3398%203.40529%2013.2798%202.60714%2011.8942C1.80898%2010.5086%201.52466%208.88599%201.80413%207.31155C2.0836%205.73711%202.90898%204.31152%204.13525%203.28525L5.95%205.1V0H0.850003L2.9291%202.07995C2.00871%202.87715%201.27072%203.86315%200.765303%204.97095C0.259881%206.07874%20-0.00113187%207.28236%203.68939e-06%208.5Z%22%20fill=%22white%22/%3E%0A%3C/svg%3E");
  background-size: 19px 19px;
}
.hdcw-reset svg { display: none; }
.hdcw-panel:not(.hdcw-max) .hdcw-exp {
  width: 18px;
  height: 18px;
  margin: 23px 0 0 15px;         /* expand ink at x332 (12:142) */
  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 ink at x367 (12:128) */
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width=%2217%22%20height=%2217%22%20viewBox=%22-1%20-1%2017%2017%22%20fill=%22none%22%20xmlns=%22http://www.w3.org/2000/svg%22%3E%0A%3Cpath%20d=%22M15%201.74427L13.2557%200L7.5%205.75573L1.74427%200L0%201.74427L5.75573%207.5L0%2013.2557L1.74427%2015L7.5%209.24427L13.2557%2015L15%2013.2557L9.24427%207.5L15%201.74427Z%22%20fill=%22white%22/%3E%0A%3C/svg%3E");
  background-size: 17px 17px;
}
/* The trade-in sheet (CON-1019, no artboard) reuses .hdcw-close in its own
 * header: keep the artwork's X there, centred in that bar. */
.hdcw-sheet-head .hdcw-close { align-self: center; margin: 0 0 0 12px; }

/* ---------- Message column: bubbles at x16, 334 wide; user bubbles end at
 * x382; the opener rows run x16..377 and the cards x18..384. */
.hdcw-msgs { padding: 14px 18px 14px 16px; gap: 11px; }  /* bubbles 11px apart (02/04: 190 -> 201) */
/* The opener list sits on a 2-unit bluer grey (15:158 #EFEFF1 on 01-chat). */
.hdcw-panel:has(.hdcw-op-else) .hdcw-msgs { background: #EFEFF1; }

/* Bubbles. Bot (37:322 / 37:325 / 37:351 ...): white, 1px inside stroke in the
 * ground's own colour (so the white reads 1px inside the node box), r10 with
 * the BOTTOM-LEFT corner square, Regular 16/20 with 1% tracking, the text box
 * 22px in, the first cap line 18.5px under the outer top; one line 51 tall,
 * two 68. Fixed 334 (91.26%) wide.
 * User (37:388): #5A5A5A, white Regular 16, r10 with the BOTTOM-RIGHT corner
 * square, 48 tall for one line. */
.hdcw-msg {
  max-width: 96.2%;              /* the long user bubble 2030:495 is 352 of 366 */
  padding: 14px 22px;
  font-size: 16px;
  line-height: 20px;
  letter-spacing: .01em;
}
.hdcw-bot {
  width: 91.26%;
  max-width: 91.26%;
  box-sizing: border-box;
  background: #fff;
  border-color: #EFEFEF;
  border-radius: 10px 10px 10px 0;
  padding: 14px 12px 12px 21px;  /* text 22px in; lines run to x338 (19:535 is 300 wide), so only 12px on the right */
  color: #000000;
}
/* The greeting (1:11 on 01-chat, 02 .. 13): a 95px bubble, its Bold headline,
 * then a 24px line and a 20px line: cap lines 112 / 136.5 / 156.5. The
 * headline (the admin greeting's **bold** run) is an inline-block with a
 * 4.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)) { padding-top: 12.5px; padding-bottom: 15.5px; }
.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: 4.5px; }
.hdcw-bot b, .hdcw-bot strong { font-weight: 700; }
/* The stock counters bubble (16:205 / 19:391, followed by POPULAR): 15px under
 * the greeting and 63 tall on both browse artboards, the cap line 17.5px down. */
.hdcw-bot:has(+ .hdcw-ghead) { padding-top: 13px; padding-bottom: 8px; }
.hdcw-msg + .hdcw-bot:has(+ .hdcw-ghead) { margin-top: 4px; }
/* A reply that links cars (19:515 on 13-browse-auto): the same white bubble,
 * links Bold navy underlined; its text box is the 284px 19:516 (28px off the
 * bubble's right edge), the first cap line 17px under the top. */
.hdcw-bot:has(a.hdcw-link) { padding-top: 12.5px; padding-right: 26px; }
.hdcw-bot a.hdcw-link { font-weight: 700; color: #002E6B; text-decoration: underline; }
/* 'Adventurous' (37:389) ink 21px in, 24.5px from the right edge of its 48px
 * bubble; the bot bubble that answers it sits 8px under it (04: 328 -> 336). */
.hdcw-user { border-radius: 10px 10px 0 10px; letter-spacing: 0; padding: 14px 24px 14px 21px; margin-bottom: -3px; }
.hdcw-typing {
  background: #fff;
  border-color: #EFEFEF;
  border-radius: 10px 10px 10px 0;
  padding: 18px 22px;
}
/* "Searching our stock..." (2030:573, 19:537): Regular 12 (upright) #6D6D6D
 * at x20. */
.hdcw-status { font-style: normal; font-size: 12px; line-height: 15px; margin: 3.5px 0 -.5px; }  /* cap 13.5px under the user bubble, the reply 23.5px under the cap (09-help7) */

/* ---------- Openers (lozenges 8038:513 / :519 / :520 / :664 / :528 / :539):
 * a flat LIST on the ground, not buttons. Rows x16..377, 66px apart (tops
 * 201 / 267 / 333 / 399 / 465, "Something else" 532), each closed by a 3px
 * WHITE rule (the rows' white strokes as the artboard renders them), no fill,
 * no radius, no shadow, the first 11px under the greeting. Titles Medium 16
 * (1% tracking), captions Regular 12 under them, navy glyphs ~22px in, the
 * navy chevron 6x12 at x353.5 / 352.5. */
.hdcw-opener { gap: 0; margin: 0 5px 0 0; }
.hdcw-opener button { position: relative; }
.hdcw-opener button.hdcw-op-used,
.hdcw-opener button.hdcw-op-new,
.hdcw-opener button.hdcw-op-quiz,
.hdcw-opener button.hdcw-op-tradein,
.hdcw-opener button.hdcw-op-alert,
.hdcw-opener .hdcw-else.hdcw-op-else {
  box-sizing: border-box;
  border: 0;
  border-bottom: 3px solid #fff;
  border-radius: 0;
  background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width=%228%22%20height=%2214%22%20viewBox=%22-1%20-1%208%2014%22%20fill=%22none%22%20xmlns=%22http://www.w3.org/2000/svg%22%3E%0A%3Cpath%20d=%22M5.40984e-09%201.215L1.00917%202.18156e-07L6%206L1.00917%2012L4.23728e-07%2010.785L3.97792%206L5.40984e-09%201.215Z%22%20fill=%22%23002D6A%22/%3E%0A%3C/svg%3E") no-repeat right 17.5px top 23px / 8px 14px, transparent;
  color: #000000;
  text-align: left;
  box-shadow: none;
}
.hdcw-opener button.hdcw-op-used,
.hdcw-opener button.hdcw-op-new,
.hdcw-opener button.hdcw-op-quiz,
.hdcw-opener button.hdcw-op-tradein,
.hdcw-opener button.hdcw-op-alert {
  min-height: 66px;
  padding: 12.5px 36px 10.5px 68px;  /* 12.5 + 20 title + 1 + 15 caption + 10.5 + 3 rule = 62 -> min-height 66 */
  font-size: 16px;
  font-weight: 500;
  line-height: 20px;
  letter-spacing: .01em;
}
/* The designer set each row by hand (01-chat): the first two rows' chevrons
 * 1px further right (8038:517 @353.5); "Help me Choose a Car" and "Value my
 * Trade-in" 1px right of the first two (x85), their titles 1px / 0.5px higher;
 * "Get First-Mover Advantage!" 1px left (x83) with its caption back at x84,
 * and that row 1px taller (465..532). */
.hdcw-opener button.hdcw-op-used,
.hdcw-opener button.hdcw-op-new { background-position: right 16.5px top 23px; }
.hdcw-opener button.hdcw-op-quiz { padding-left: 69px; padding-top: 11px; padding-bottom: 12px; }
.hdcw-opener button.hdcw-op-tradein { padding-left: 69px; background-position: right 17.5px top 25px; }
.hdcw-opener button.hdcw-op-alert { padding-left: 67px; min-height: 67px; background-position: right 17.5px top 24px; }
.hdcw-opener button.hdcw-op-alert::after { padding-left: 1px; }
/* The last row, "Something else", has no rule under it. */
.hdcw-opener .hdcw-else.hdcw-op-else { border-bottom: 0; }
/* Hover: a lighter row, chevron kept. The full background is restated at
 * (0,3,1): on a vehicle page every row also carries .hdcw-else, and the
 * widget's `.hdcw-opener .hdcw-else:hover { background: ... }` shorthand would
 * otherwise wipe the chevron (or tile it). */
.hdcw-opener button.hdcw-op-quiz:hover,
.hdcw-opener button.hdcw-op-alert:hover,
.hdcw-opener button.hdcw-op-tradein:hover,
.hdcw-opener button.hdcw-op-else:hover {
  background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width=%228%22%20height=%2214%22%20viewBox=%22-1%20-1%208%2014%22%20fill=%22none%22%20xmlns=%22http://www.w3.org/2000/svg%22%3E%0A%3Cpath%20d=%22M5.40984e-09%201.215L1.00917%202.18156e-07L6%206L1.00917%2012L4.23728e-07%2010.785L3.97792%206L5.40984e-09%201.215Z%22%20fill=%22%23002D6A%22/%3E%0A%3C/svg%3E") no-repeat right 17.5px top 23px / 8px 14px, #F8F8F9;
  opacity: 1;
}
.hdcw-opener button.hdcw-op-used:hover,
.hdcw-opener button.hdcw-op-new:hover {
  background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width=%228%22%20height=%2214%22%20viewBox=%22-1%20-1%208%2014%22%20fill=%22none%22%20xmlns=%22http://www.w3.org/2000/svg%22%3E%0A%3Cpath%20d=%22M5.40984e-09%201.215L1.00917%202.18156e-07L6%206L1.00917%2012L4.23728e-07%2010.785L3.97792%206L5.40984e-09%201.215Z%22%20fill=%22%23002D6A%22/%3E%0A%3C/svg%3E") no-repeat right 16.5px top 23px / 8px 14px, #F8F8F9;
  opacity: 1;
}
.hdcw-opener button.hdcw-op-tradein:hover { background-position: right 17.5px top 25px; }
.hdcw-opener button.hdcw-op-alert:hover { background-position: right 17.5px top 24px; }
.hdcw-opener button.hdcw-op-else:hover { background-position: right 17.5px top 21px; }
/* Glyph boxes = the export (+ its 1px bezel), placed from the row's own top
 * left corner (artwork offset - bezel). */
.hdcw-opener button.hdcw-op-used::before,
.hdcw-opener button.hdcw-op-new::before,
.hdcw-opener button.hdcw-op-quiz::before,
.hdcw-opener button.hdcw-op-tradein::before,
.hdcw-opener button.hdcw-op-alert::before,
.hdcw-opener button.hdcw-op-else::before {
  content: '';
  position: absolute;
  background: center / contain no-repeat;
}
/* Steering wheel (8038:518), 21x21 @38,219 on the row at 201 (and the same on
 * "Browse New Cars", I8038:519;8038:518). */
.hdcw-opener button.hdcw-op-used::before,
.hdcw-opener button.hdcw-op-new::before { left: 21px; top: 17px; 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=%22M3.4725%207.875C4.00796%206.44344%204.96784%205.20955%206.22373%204.33844C7.47961%203.46733%208.97158%203.00055%2010.5%203.00055C12.0284%203.00055%2013.5204%203.46733%2014.7763%204.33844C16.0322%205.20955%2016.992%206.44344%2017.5275%207.875H3.4725ZM3.009%2010.125C2.91585%2011.9817%203.51556%2013.8067%204.69181%2015.2463C5.86806%2016.6858%207.53702%2017.6373%209.375%2017.916V13.7145L6.234%2010.125H3.009ZM11.625%2017.916C13.463%2017.6373%2015.1319%2016.6858%2016.3082%2015.2463C17.4844%2013.8067%2018.0841%2011.9817%2017.991%2010.125H14.766L11.625%2013.7145V17.916ZM10.5%200C7.71523%200%205.04451%201.10625%203.07538%203.07538C1.10625%205.04451%200%207.71523%200%2010.5C0%2013.2848%201.10625%2015.9555%203.07538%2017.9246C5.04451%2019.8938%207.71523%2021%2010.5%2021C13.2848%2021%2015.9555%2019.8938%2017.9246%2017.9246C19.8938%2015.9555%2021%2013.2848%2021%2010.5C21%207.71523%2019.8938%205.04451%2017.9246%203.07538C15.9555%201.10625%2013.2848%200%2010.5%200Z%22%20fill-rule=%22evenodd%22%20clip-rule=%22evenodd%22%20fill=%22%23002D6A%22/%3E%0A%3C/svg%3E"); }
/* Tap hand (8038:526), render box 19.5x26.4 @37,348.6 on the row at 333. */
.hdcw-opener button.hdcw-op-quiz::before { left: 21px; top: 15.6px; width: 20px; height: 27px; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width=%2220%22%20height=%2227%22%20viewBox=%220%200%2020%2027%22%20fill=%22none%22%20xmlns=%22http://www.w3.org/2000/svg%22%3E%0A%3Cpath%20d=%22M17.137%2025.977H8.20828C8.18836%2025.9769%208.16879%2025.9718%208.15137%2025.9621C8.13395%2025.9524%208.11924%2025.9385%208.10859%2025.9217L3.81071%2018.9924C3.67756%2018.7817%203.58779%2018.5466%203.54666%2018.3008C3.50553%2018.055%203.51388%2017.8035%203.5712%2017.561C3.62853%2017.3185%203.73369%2017.0898%203.88051%2016.8885C4.02734%2016.6871%204.21288%2016.5171%204.42626%2016.3883C4.63964%2016.2596%204.87657%2016.1747%205.12317%2016.1387C5.36977%2016.1027%205.62107%2016.1163%205.86235%2016.1787C6.10363%2016.241%206.33004%2016.3509%206.5283%2016.5019C6.72657%2016.6529%206.8927%2016.8419%207.01697%2017.0579L8.14289%2018.9759V9.48704C8.14289%209.00892%208.33282%208.55039%208.6709%208.21231C9.00898%207.87422%209.46752%207.68429%209.94564%207.68429C10.4238%207.68429%2010.8823%207.87422%2011.2204%208.21231C11.5585%208.55039%2011.7484%209.00892%2011.7484%209.48704V13.7534C11.7484%2014.0209%2011.961%2014.2409%2012.2286%2014.2496L17.5431%2014.427C17.8022%2014.4357%2018.0478%2014.5447%2018.228%2014.731C18.4082%2014.9174%2018.5089%2015.1665%2018.5089%2015.4258V24.6051C18.5089%2024.9689%2018.3644%2025.3179%2018.1071%2025.5752C17.8498%2025.8325%2017.5008%2025.977%2017.137%2025.977Z%22%20stroke-width=%222.04597%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%20stroke=%22%23002D6A%22/%3E%0A%3Cpath%20d=%22M2.22732%2014.4585C1.53906%2013.2696%201.13372%2011.9381%201.04267%2010.5674C0.951619%209.19658%201.17731%207.82324%201.70227%206.5537C2.22723%205.28416%203.03736%204.15248%204.06993%203.24632C5.10249%202.34016%206.32978%201.68383%207.65673%201.32817C8.98369%200.9725%2010.3747%200.927041%2011.7221%201.19531C13.0694%201.46358%2014.3369%202.03838%2015.4265%202.87519C16.516%203.712%2017.3983%204.78836%2018.005%206.02092C18.6117%207.25348%2018.9266%208.60915%2018.9252%209.98295%22%20stroke-width=%222.04597%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%20stroke=%22%23002E6B%22/%3E%0A%3C/svg%3E"); }
/* Trade-in arrows (8038:670), 19x22 @37,417 on the row at 399. */
.hdcw-opener button.hdcw-op-tradein::before { left: 20px; top: 17px; width: 21px; height: 24px; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width=%2221%22%20height=%2224%22%20viewBox=%22-1%20-1%2021%2024%22%20fill=%22none%22%20xmlns=%22http://www.w3.org/2000/svg%22%3E%0A%3Cpath%20d=%22M6.78563%204.1419C6.42568%204.1419%206.08048%204.28676%205.82596%204.54462C5.57144%204.80249%205.42845%205.15222%205.42845%205.5169C5.42845%205.88157%205.57144%206.23131%205.82596%206.48917C6.08048%206.74703%206.42568%206.8919%206.78563%206.8919H14.3669L12.612%208.66977C12.3648%208.9291%2012.228%209.27643%2012.2311%209.63695C12.2342%209.99747%2012.3769%2010.3423%2012.6286%2010.5973C12.8802%2010.8522%2013.2206%2010.9968%2013.5764%2010.9999C13.9323%2011.0031%2014.2751%2010.8645%2014.5311%2010.614L18.6026%206.48902C18.8571%206.23117%2019%205.8815%2019%205.5169C19%205.1523%2018.8571%204.80262%2018.6026%204.54477L14.5311%200.419771C14.4059%200.288445%2014.2561%200.183694%2014.0905%200.111632C13.925%200.0395696%2013.7469%200.00163841%2013.5667%205.19155e-05C13.3865%20-0.00153458%2013.2077%200.0332553%2013.041%200.102392C12.8742%200.171528%2012.7226%200.273626%2012.5952%200.402728C12.4678%200.531831%2012.367%200.685352%2012.2988%200.854334C12.2305%201.02332%2012.1962%201.20438%2012.1977%201.38695C12.1993%201.56952%2012.2367%201.74995%2012.3079%201.9177C12.379%202.08546%2012.4824%202.23718%2012.612%202.36402L14.3669%204.1419H6.78563ZM12.2144%2017.8919C12.5743%2017.8919%2012.9195%2017.747%2013.174%2017.4892C13.4286%2017.2313%2013.5716%2016.8816%2013.5716%2016.5169C13.5716%2016.1522%2013.4286%2015.8025%2013.174%2015.5446C12.9195%2015.2868%2012.5743%2015.1419%2012.2144%2015.1419H4.63314L6.38798%2013.364C6.5176%2013.2372%206.62099%2013.0855%206.69212%2012.9177C6.76325%2012.7499%206.80069%2012.5695%206.80226%2012.3869C6.80382%2012.2044%206.76948%2012.0233%206.70124%2011.8543C6.633%2011.6854%206.53223%2011.5318%206.4048%2011.4027C6.27737%2011.2736%206.12584%2011.1715%205.95904%2011.1024C5.79225%2011.0333%205.61354%2010.9985%205.43333%2011.0001C5.25313%2011.0016%205.07504%2011.0396%204.90945%2011.1116C4.74387%2011.1837%204.59411%2011.2884%204.46892%2011.4198L0.397365%2015.5448C0.142932%2015.8026%200%2016.1523%200%2016.5169C0%2016.8815%200.142932%2017.2312%200.397365%2017.489L4.46892%2021.614C4.72489%2021.8645%205.06771%2022.0031%205.42356%2021.9999C5.77941%2021.9968%206.11981%2021.8522%206.37144%2021.5973C6.62308%2021.3423%206.76581%2020.9975%206.7689%2020.6369C6.772%2020.2764%206.6352%2019.9291%206.38798%2019.6698L4.63314%2017.8919H12.2144Z%22%20fill=%22%23002D6A%22/%3E%0A%3C/svg%3E"); }
/* Envelope (8038:536), render box 20x14.6 @39,483.1 on the row at 465. */
.hdcw-opener button.hdcw-op-alert::before { left: 23px; top: 18.1px; width: 20px; height: 15px; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width=%2220%22%20height=%2215%22%20viewBox=%220%200%2020%2015%22%20fill=%22none%22%20xmlns=%22http://www.w3.org/2000/svg%22%3E%0A%3Cpath%20d=%22M5.49973%204.59995L9.9997%207.74995L14.4997%204.59995%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%20stroke=%22%23002D6A%22/%3E%0A%3Cpath%20d=%22M1%2011.8001V2.8C1%202.32261%201.18964%201.86478%201.5272%201.5272C1.86478%201.18964%202.32261%201%202.8%201H17.2C17.6774%201%2018.1353%201.18964%2018.4728%201.5272C18.8104%201.86478%2019%202.32261%2019%202.8V11.8001C19%2012.2774%2018.8104%2012.7353%2018.4728%2013.0729C18.1353%2013.4103%2017.6774%2013.6%2017.2%2013.6H2.8C2.32261%2013.6%201.86478%2013.4103%201.5272%2013.0729C1.18964%2012.7353%201%2012.2774%201%2011.8001Z%22%20stroke-width=%222%22%20stroke=%22%23002D6A%22/%3E%0A%3C/svg%3E"); }
.hdcw-opener button.hdcw-op-used::after,
.hdcw-opener button.hdcw-op-new::after,
.hdcw-opener button.hdcw-op-quiz::after,
.hdcw-opener button.hdcw-op-tradein::after,
.hdcw-opener button.hdcw-op-alert::after {
  /* in flow under the title, not absolute: a title that wraps on a phone
   * pushes the caption down instead of printing over it */
  display: block;
  margin-top: 1px;
  text-align: left;
  font-size: 12px;
  font-weight: 400;
  line-height: 15px;
  letter-spacing: 0;
  color: #000000;
}
/* The artwork's captions, verbatim; the stock number is live (CON-995): the
 * widget sets data-stock on the button once /chat/search answers, and the
 * caption without a number shows until it arrives, or if it cannot.
 * Roll back to the artwork's typed number: delete the [data-stock] rule and
 * put 'Over 50 cars in stock' (8038:516) 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-new::after { content: 'Browse our New Hyundai range'; }
.hdcw-opener button.hdcw-op-quiz::after { content: 'Get matched to car to suit your needs'; }
.hdcw-opener button.hdcw-op-tradein::after { content: 'Get valuation for your current car'; }
.hdcw-opener button.hdcw-op-alert::after { content: 'Receive a daily stock alert'; }

/* "Something else" (8038:539): the same row, no rule, title Medium 16 at x85,
 * 22.5px under the row top; the "?" balloon (8038:543, render box 20.5x20.5
 * @38.25,550.25) and the chevron 22px down. */
.hdcw-opener .hdcw-else.hdcw-op-else {
  min-height: 52px;
  padding: 19.5px 36px 12.5px 69px;
  font-size: 16px;
  font-weight: 500;
  line-height: 20px;
  letter-spacing: .01em;
  background-position: right 17.5px top 21px;
}
.hdcw-opener button.hdcw-op-else::before { left: 22.25px; top: 18.25px; width: 21px; height: 21px; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width=%2221%22%20height=%2221%22%20viewBox=%220%200%2021%2021%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-width=%221.53659%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%20stroke=%22%23002D6A%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-width=%221.53659%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%20stroke=%22%23002D6A%22/%3E%0A%3C/svg%3E"); }

/* Context CTA ("Tell me about this car" 19:683 on 13-browse-auto): 349x50 at
 * x24, r10, flat navy, white Bold 16 centred, the cap line 18px under the top. */
.hdcw-opener button.hdcw-op-ctx {
  min-height: 50px;
  margin: 0 4px 0 8px;           /* x24..373 in the x16..377 opener column */
  border: 0;
  border-radius: 10px;
  padding: 15px 0;
  background: #002E6B;
  color: #fff;
  font-size: 16px;
  font-weight: 700;
  line-height: 20px;
  letter-spacing: 0;
}
.hdcw-opener button.hdcw-op-ctx:hover { background: #002E6B; opacity: .9; }
/* Under a card strip the CTA sits 34px below the cards (13-browse-auto: 1936 -> 1970). */
.hdcw-cars + .hdcw-opener { margin-top: 25px; }
/* On a vehicle page the CTA leads and the rows follow it. */
.hdcw-opener > button.hdcw-op-ctx + button { margin-top: 3px; }

/* ---------- Chips (item 16:212): 31px, r10, hollow, 1px navy inside stroke,
 * Regular 14/13 black (ls -1%), centred, the cap line 10px under the chip
 * top; 13px side padding (the artwork's are hand-sized 9-20px), 5px gaps, a
 * 36px row pitch, rows at x18 (12-browse). Selected = #E9E9E9 fill + 2px
 * #161616 inside stroke ("Automatic (155)" 19:414 on 13-browse-auto). */
.hdcw-chips { gap: 5px; padding: 0 0 0 2px; }
.hdcw-chip {
  background: transparent;
  color: #000000;
  border-color: #002E6B;
  border-radius: 10px;
  min-height: 31px;
  box-sizing: border-box;
  padding: 8px 12.5px;
  font-size: 14px;
  line-height: 13px;
  letter-spacing: -.01em;
  box-shadow: none;
}
.hdcw-chip:hover { background: #fff; border-color: #002E6B; color: #000000; }
.hdcw-chip--sel { background: #E9E9E9; border-color: #161616; box-shadow: inset 0 0 0 1px #161616; font-weight: 400; }
.hdcw-chip--sel:hover { background: #E9E9E9; border-color: #161616; }
/* Bootstrap's reboot (HD2 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): Bold 11 #6D6D6D, no tracking, at
 * x24; cap line 15.5px under a bubble, 20px under a chip row, 19.5px above
 * its chips. */
.hdcw-ghead {
  letter-spacing: 0;
  font-size: 11px;
  line-height: 14px;
  margin: 2px 6px -3px 8px;
}
.hdcw-chips + .hdcw-ghead { margin-top: 7px; }
/* Answer chips straight under a question (the quiz, 02-help1 .. 05-help3):
 * flush with the bubble at x16, 8px under it, 4px gaps on a 35px pitch. */
.hdcw-bot + .hdcw-chips { padding-left: 0; margin-top: -3px; gap: 4px 5px; }
/* ... and roomier: the answer chips carry 15-20px of air either side of their
 * words ('Adventurous' 77 of 107, '1-2' 19.5 of 57), the stock chips 13. */
.hdcw-bot + .hdcw-chips .hdcw-chip { padding-left: 14px; padding-right: 14px; }

/* ---------- Car cards ("csr search" 19:566): 176 wide, 14px apart, white,
 * 1px stroke in the ground colour, r10 at the foot (the photo's top corners
 * stay square), 244 tall. Photo 176x113. Body 12px in: title Regular 12/14
 * (ls 1%), price Bold 15/19, monthly Medium 12/16 navy, meta Regular 11/17
 * #1B1B1B. Flush split action bar at 213, 31 tall: Details (77, white, 1px
 * navy stroke) | I'm Interested (99, navy, white ink), both Regular 13/13
 * ls -1%. */
.hdcw-cars { gap: 14px; padding: 0 0 0 2px; margin: 0 -2px -2px 0; }  /* cards at x18..194 / x208..384, 11px under the bubble, the model chips 9px under them (08: 232 -> 243, 487 -> 496) */
.hdcw-ncgrid { gap: 14px; }
/* The 1px stroke (19:538) is drawn as an inset shadow, not a border: the
 * widget's overflow:hidden would clip the photo and the action bar inside a
 * border, while the artwork's photo and bar run over the stroke, edge to edge. */
.hdcw-car { border: 0; border-radius: 0 0 10px 10px; box-shadow: inset 0 0 0 1px #EFEFEF; }
.hdcw-car img.hdcw-carimg, .hdcw-car .hdcw-noimg { height: 113px; }
.hdcw-car .hdcw-carbody { padding: 10px 12px 9px; }  /* title cap 124.5px under the card top, the bar at 213 (19:545, 19:564) */
.hdcw-car h4.hdcw-cartitle {
  /* name every property: Bootstrap's h4 rule and HD2's h1-h6 rules would win otherwise */
  margin: 0;
  padding: 0;
  font-family: var(--hdcw-font);
  font-size: 12px;
  font-weight: 400;
  line-height: 14px;
  letter-spacing: .01em;
  color: #000000;
  max-height: 28px;
}
.hdcw-car .hdcw-price { color: #000000; font-size: 15px; font-weight: 700; line-height: 19px; margin-top: 2px; letter-spacing: .13px; }
.hdcw-car .hdcw-mo { color: #002E6B; font-size: 12px; font-weight: 500; line-height: 16px; letter-spacing: .13px; }
.hdcw-car .hdcw-meta { color: #1B1B1B; font-size: 11px; line-height: 17px; margin-top: -1px; 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: 0 0 77px;                /* Details 18..95; I'm Interested takes the rest (99) */
  border: 1px solid #002E6B;
  border-right: 0;
  border-radius: 0 0 0 10px;
  box-sizing: border-box;
  min-height: 31px;
  padding: 7px 0 9px;            /* label cap 8.5px under the bar top (19:565) */
  text-indent: 5.5px;            /* "Details" sits 3px right of its cell's centre; an indent, not padding, keeps the flex cells 77 | 99 */
  font-size: 13px;
  font-weight: 400;
  line-height: 13px;
  letter-spacing: -.01em;
  background: #fff;
  color: #000000;
}
.hdcw-car .hdcw-pick:hover { background: #F3F5F8; color: #000000; }
.hdcw-car .hdcw-pick--primary {
  flex: 1 1 0;
  border-radius: 0 0 10px 0;
  border: 0;                     /* a flat navy cell from x95 (2023:436) */
  text-indent: -2.5px;           /* "I'm Interested" (2023:442) 1.25px left of its cell's centre */
  background: #002E6B;
  color: #fff;
}
.hdcw-car .hdcw-pick--primary:only-child { border-radius: 0 0 10px 10px; }
.hdcw-car .hdcw-pick--primary:hover { background: #002E6B; opacity: .85; color: #fff; }

/* ---------- Footer (24:712): a white band 400x129. Input 299x51 @21,20 (from
 * the band's top), r25, 1px navy, placeholder Regular 15 (ls 1%) black 24px
 * in. Send: the 52px navy circle 7px right of it, 21px off the panel's right
 * edge. Disclosure Regular 12/15 (ls .1px) #434343, centred in a 283px box,
 * 10px under the send row and 17px above the panel foot, "Terms & Conditions"
 * not underlined. */
.hdcw-input {
  background: #fff;
  border-top: 0;
  padding: 20px 21px 0;          /* the 52px send sets the row: 20 + 52 */
  gap: 7px;
}
.hdcw-input input {
  box-sizing: border-box;
  min-width: 0;
  height: 51px;
  border-radius: 25px;
  padding: 4px 20px 0 23px;      /* placeholder cap line 21px under the input top (24:706) */
  font-size: 15px;
  line-height: 45px;
  letter-spacing: .01em;
  background: #fff;
}
/* font: inherit - HD2's style.css line 5611 has a bare ::-webkit-input-placeholder
 * { font-size: 1rem; color: #525252 } that reaches the widget's input. */
.hdcw-input input::placeholder { color: #000000; opacity: 1; font: inherit; }
.hdcw-input input::-webkit-input-placeholder { color: #000000; opacity: 1; font: inherit; }
.hdcw-input input:focus { border-color: #002E6B; }
.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%23002D6A%22/%3E%0A%3Cpath%20d=%22M20%2034L22.6667%2026L20%2018L36%2026L20%2034Z%22%20fill=%22%23002D6A%22/%3E%0A%3Cpath%20d=%22M22.6667%2026L20%2034L36%2026L20%2018L22.6667%2026ZM22.6667%2026H28%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%20stroke=%22white%22/%3E%0A%3C/svg%3E") center / 52px 52px no-repeat;
}
.hdcw-send svg { display: none; }
.hdcw-send:disabled { opacity: .5; }
.hdcw-powered {
  background: #fff;
  font-size: 12px;
  line-height: 15px;
  letter-spacing: .1px;          /* 8038:1022 ls 0.10px */
  padding: 10px 60.5px 17px 57px;  /* 8038:1022: a 283px box at x58; Chrome's line sits 1.25px right of Figma's */
}
.hdcw-powered a.hdcw-tc { color: #434343; text-decoration: none; }
.hdcw-powered a.hdcw-tc:hover { color: #002E6B; 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: 10px 24px 17px; }
  /* No phone artboard: the full-screen panel is 304-464 wide, and the desktop
   * 91% bubble left the greeting's "...in our stock —" line 3px short at 390
   * (the dash fell onto its own line). Bubbles take the whole column here, so
   * the artwork's line breaks hold down to 360px (with 8px of right air). */
  .hdcw-bot { width: 100%; max-width: 100%; padding-right: 8px; }
}

/* 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; }
}