/* chat widget branding - Adams of Tralee (aot2, template AOT2).
 * Source of truth: the designer's Figma "Adams of tralee (Ai Assistant)
 * (Copy)" (file 1yy55ddAKMBNo7XahweNud; original 9emsnLDeb1pkZspmbZWaC3) and
 * its 16 @2x artboard PNGs, which outrank the node dump wherever the two
 * disagree. Tooling and QA: tickets/chat-themes-1102/aot2/qa-aot2/; design
 * notes and the probe table: tickets/chat-themes-1102/aot2/DESIGN-aot2.md.
 * Glyphs are SVG exports of the file's own nodes.
 *
 * Hyundai navy on white: an 81px #0A2D62 header with a darker #002152 swoosh,
 * the white speech-bubble mark and the dealer name in Hyundai Sans Text Bold;
 * #EDEDED bot bubbles with a 1px #C7C7C7 stroke and a squared bottom-left
 * corner; pale-blue #DCE3EF user bubbles with a #7394C5 stroke; the openers
 * as a white LIST - rows split by 1px #B7B7B7 rules, navy glyphs, titles and
 * chevrons; white r10 chips on a 0/4/4 25% shadow; white cards with a flush
 * Details | I'm Interested (navy) bar; a #E4E6EA footer band with a black
 * stroked input and a navy send circle. The launcher is the designer's white
 * "Virtual Assistant" pill with the navy roundel.
 * Type: Hyundai Sans Text throughout (loaded by the AOT2 template itself, its
 * Bold face declared at weight 600); nothing is imported.
 * The panel is 400x720 = the designer's artboard, so offsets transfer 1:1.
 *
 * Regenerate with tickets/chat-themes-1102/aot2/build-theme-aot2.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: #0A2D62;
  --hdcw-on-accent: #fff;
  --hdcw-font: 'Hyundai Sans Text', 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 2008:473 - the runs override the #504949 base to black */
  --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: #0A2D62;
  --hdcw-head-color: #fff;
  --hdcw-user-bg: #DCE3EF;
  --hdcw-user-color: #000000;
  --hdcw-link: #000000;
  --hdcw-btn-bg: #0A2D62;
  --hdcw-btn-color: #fff;
  --hdcw-fab-gap: 0px;           /* on a page with a pinned bar the pill rests 8px above it (the export's shadow margin), as it rests 7px above the screen edge on 03-home */
}

/* ---------- Launcher (ai-assistant-icon 52004:617 on the 400x720 home
 * artboard): the designer's 135x47 white pill with "Virtual Assistant" in
 * navy Bold 14/15 and the 48x47 navy roundel with the white mark, as one
 * 143x55 SVG (4px of shadow left/right, 8px below). The pill ends 6px from
 * the right edge and 7px from the bottom (x259..394, y666..713). */
.hdcw-fab {
  width: 143px;
  height: 55px;
  right: 2px;
  bottom: -1px;
  border-radius: 0;
  background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width=%22143%22%20height=%2255%22%20viewBox=%220%200%20143%2055%22%20fill=%22none%22%20xmlns=%22http://www.w3.org/2000/svg%22%3E%0A%3Cg%20filter=%22url(%23filter0_d_52004_617)%22%3E%0A%3Crect%20x=%224%22%20width=%22135%22%20height=%2247%22%20rx=%2223.5%22%20fill=%22white%22/%3E%0A%3C/g%3E%0A%3Cg%20filter=%22url(%23filter1_d_52004_617)%22%3E%0A%3Cellipse%20cx=%22115%22%20cy=%2223.5%22%20rx=%2224%22%20ry=%2223.5%22%20fill=%22%230A2D62%22/%3E%0A%3C/g%3E%0A%3Cpath%20d=%22M29.304%2022L26.028%2012.48H27.988L30.06%2018.906C30.256%2019.55%2030.41%2020.18%2030.41%2020.418H30.466C30.466%2020.18%2030.62%2019.55%2030.816%2018.906L32.888%2012.48H34.848L31.572%2022H29.304ZM35.825%2022V14.818H37.673V22H35.825ZM35.741%2013.642V11.878H37.757V13.642H35.741ZM41.4191%2022H39.5711V14.818H41.3351V15.868C41.6991%2015.126%2042.4271%2014.622%2043.2531%2014.622C43.4351%2014.622%2043.5751%2014.636%2043.7291%2014.65V16.386H43.3231C42.4971%2016.386%2041.7831%2016.638%2041.4191%2017.52V22ZM47.7868%2022.084C46.2048%2022.084%2045.3928%2021.286%2045.3928%2019.466V16.19H44.2168V14.818H45.4488V12.984H47.2408V14.818H48.8088V16.19H47.2408V19.41C47.2408%2020.25%2047.5628%2020.558%2048.3608%2020.558H48.8088V22C48.5148%2022.042%2048.1228%2022.084%2047.7868%2022.084ZM56.5088%2014.818V22H54.7308V21.216C54.2828%2021.776%2053.5968%2022.196%2052.6728%2022.196C50.8668%2022.196%2050.0968%2021.034%2050.0968%2019.354V14.818H51.9448V19.116C51.9448%2020.138%2052.4908%2020.67%2053.2608%2020.67C53.9188%2020.67%2054.4088%2020.208%2054.6608%2019.62V14.818H56.5088ZM60.525%2022.196C58.887%2022.196%2057.907%2021.244%2057.907%2019.872C57.907%2018.5%2058.887%2017.548%2060.525%2017.548C61.225%2017.548%2061.827%2017.758%2062.317%2018.15V17.702C62.317%2016.848%2061.897%2016.148%2060.889%2016.148C60.091%2016.148%2059.545%2016.54%2059.265%2016.89L58.313%2015.728C58.747%2015.168%2059.685%2014.622%2060.931%2014.622C63.045%2014.622%2064.165%2015.84%2064.165%2017.548V22H62.429V21.496C61.925%2021.958%2061.267%2022.196%2060.525%2022.196ZM60.959%2020.88C61.575%2020.88%2062.051%2020.6%2062.317%2020.222V19.522C62.051%2019.144%2061.575%2018.864%2060.959%2018.864C60.105%2018.864%2059.769%2019.354%2059.769%2019.872C59.769%2020.39%2060.105%2020.88%2060.959%2020.88ZM65.9852%2022V12.06H67.8332V22H65.9852ZM26.014%2037L29.332%2027.48H31.586L34.904%2037H32.902L32.23%2034.956H28.674L28.016%2037H26.014ZM30.088%2030.658L29.178%2033.416H31.726L30.83%2030.658C30.606%2030.028%2030.48%2029.384%2030.48%2029.146H30.424C30.424%2029.384%2030.298%2030.028%2030.088%2030.658ZM40.6261%2030.798L39.4921%2031.778C39.1281%2031.33%2038.7641%2031.064%2038.2461%2031.064C37.8121%2031.064%2037.4901%2031.358%2037.4901%2031.736C37.4901%2032.086%2037.6581%2032.31%2038.1621%2032.436L38.6941%2032.562C40.2061%2032.912%2040.9341%2033.57%2040.9341%2034.886C40.9341%2036.146%2039.8281%2037.196%2038.0641%2037.196C36.8181%2037.196%2035.8521%2036.622%2035.2081%2035.712L36.3141%2034.676C36.8041%2035.432%2037.4061%2035.754%2038.1341%2035.754C38.7081%2035.754%2039.1281%2035.46%2039.1281%2034.998C39.1281%2034.536%2038.8481%2034.326%2038.1341%2034.158L37.5881%2034.032C36.3561%2033.752%2035.6841%2033.038%2035.6841%2031.848C35.6841%2030.658%2036.6081%2029.622%2038.2741%2029.622C39.3661%2029.622%2040.1361%2030.126%2040.6261%2030.798ZM47.0929%2030.798L45.9589%2031.778C45.5949%2031.33%2045.2309%2031.064%2044.7129%2031.064C44.2789%2031.064%2043.9569%2031.358%2043.9569%2031.736C43.9569%2032.086%2044.1249%2032.31%2044.6289%2032.436L45.1609%2032.562C46.6729%2032.912%2047.4009%2033.57%2047.4009%2034.886C47.4009%2036.146%2046.2949%2037.196%2044.5309%2037.196C43.2849%2037.196%2042.3189%2036.622%2041.6749%2035.712L42.7809%2034.676C43.2709%2035.432%2043.8729%2035.754%2044.6009%2035.754C45.1749%2035.754%2045.5949%2035.46%2045.5949%2034.998C45.5949%2034.536%2045.3149%2034.326%2044.6009%2034.158L44.0549%2034.032C42.8229%2033.752%2042.1509%2033.038%2042.1509%2031.848C42.1509%2030.658%2043.0749%2029.622%2044.7409%2029.622C45.8329%2029.622%2046.6029%2030.126%2047.0929%2030.798ZM48.7997%2037V29.818H50.6477V37H48.7997ZM48.7157%2028.642V26.878H50.7317V28.642H48.7157ZM57.3057%2030.798L56.1718%2031.778C55.8078%2031.33%2055.4438%2031.064%2054.9258%2031.064C54.4918%2031.064%2054.1698%2031.358%2054.1698%2031.736C54.1698%2032.086%2054.3377%2032.31%2054.8417%2032.436L55.3738%2032.562C56.8857%2032.912%2057.6138%2033.57%2057.6138%2034.886C57.6138%2036.146%2056.5077%2037.196%2054.7437%2037.196C53.4977%2037.196%2052.5317%2036.622%2051.8878%2035.712L52.9937%2034.676C53.4837%2035.432%2054.0858%2035.754%2054.8137%2035.754C55.3878%2035.754%2055.8078%2035.46%2055.8078%2034.998C55.8078%2034.536%2055.5278%2034.326%2054.8137%2034.158L54.2677%2034.032C53.0357%2033.752%2052.3638%2033.038%2052.3638%2031.848C52.3638%2030.658%2053.2878%2029.622%2054.9538%2029.622C56.0457%2029.622%2056.8158%2030.126%2057.3057%2030.798ZM61.7732%2037.084C60.1912%2037.084%2059.3792%2036.286%2059.3792%2034.466V31.19H58.2032V29.818H59.4352V27.984H61.2272V29.818H62.7952V31.19H61.2272V34.41C61.2272%2035.25%2061.5492%2035.558%2062.3472%2035.558H62.7952V37C62.5012%2037.042%2062.1092%2037.084%2061.7732%2037.084ZM66.2672%2037.196C64.6292%2037.196%2063.6492%2036.244%2063.6492%2034.872C63.6492%2033.5%2064.6292%2032.548%2066.2672%2032.548C66.9672%2032.548%2067.5692%2032.758%2068.0592%2033.15V32.702C68.0592%2031.848%2067.6392%2031.148%2066.6312%2031.148C65.8332%2031.148%2065.2872%2031.54%2065.0072%2031.89L64.0552%2030.728C64.4892%2030.168%2065.4272%2029.622%2066.6732%2029.622C68.7872%2029.622%2069.9072%2030.84%2069.9072%2032.548V37H68.1712V36.496C67.6672%2036.958%2067.0092%2037.196%2066.2672%2037.196ZM66.7012%2035.88C67.3172%2035.88%2067.7932%2035.6%2068.0592%2035.222V34.522C67.7932%2034.144%2067.3172%2033.864%2066.7012%2033.864C65.8472%2033.864%2065.5112%2034.354%2065.5112%2034.872C65.5112%2035.39%2065.8472%2035.88%2066.7012%2035.88ZM71.7274%2037V29.818H73.5054V30.602C73.9534%2030.042%2074.6394%2029.622%2075.5634%2029.622C77.3694%2029.622%2078.1394%2030.784%2078.1394%2032.464V37H76.2914V32.702C76.2914%2031.68%2075.7454%2031.148%2074.9754%2031.148C74.3034%2031.148%2073.8274%2031.61%2073.5754%2032.198V37H71.7274ZM82.7868%2037.084C81.2048%2037.084%2080.3928%2036.286%2080.3928%2034.466V31.19H79.2168V29.818H80.4488V27.984H82.2408V29.818H83.8088V31.19H82.2408V34.41C82.2408%2035.25%2082.5628%2035.558%2083.3608%2035.558H83.8088V37C83.5148%2037.042%2083.1228%2037.084%2082.7868%2037.084Z%22%20fill=%22%230A2D62%22/%3E%0A%3Cpath%20d=%22M122.941%2013.0285C122.947%2012.9905%20123.003%2012.9905%20123.01%2013.0285C123.209%2014.0042%20123.691%2014.8997%20124.396%2015.6039C125.1%2016.308%20125.996%2016.7897%20126.971%2016.9892C127.009%2016.9972%20127.009%2017.0524%20126.971%2017.0605C125.996%2017.2601%20125.1%2017.7419%20124.396%2018.4461C123.692%2019.1502%20123.21%2020.0456%20123.011%2021.0212C123.003%2021.0591%20122.947%2021.0591%20122.939%2021.0212C122.74%2020.0456%20122.258%2019.1502%20121.554%2018.4461C120.85%2017.7419%20119.954%2017.2601%20118.979%2017.0605C118.941%2017.0524%20118.941%2016.9972%20118.979%2016.9892C119.954%2016.7895%20120.85%2016.3077%20121.554%2015.6036C122.258%2014.8995%20122.741%2014.004%20122.941%2013.0285Z%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%20stroke=%22white%22/%3E%0A%3Cpath%20d=%22M116.65%2014.1555C116.27%2014.1517%20115.887%2014.1498%20115.5%2014.1498C113.798%2014.1498%20112.159%2014.1843%20110.619%2014.251L110.615%2014.2512C107.812%2014.3718%20106.409%2014.4321%20105.299%2015.5505C104.189%2016.6684%20104.141%2018.0334%20104.045%2020.7625C103.985%2022.487%20103.985%2024.2131%20104.045%2025.9376C104.141%2028.6666%20104.189%2030.0317%20105.299%2031.1496C106.408%2032.2679%20107.811%2032.3283%20110.614%2032.4489L110.619%2032.4491L110.9%2032.4606V35.1609C110.9%2035.3214%20110.946%2035.4785%20111.032%2035.6137C111.119%2035.7488%20111.243%2035.8562%20111.389%2035.9233C111.534%2035.9903%20111.696%2036.0142%20111.855%2035.992C112.014%2035.9698%20112.164%2035.9024%20112.285%2035.798L114.793%2033.6486C115.422%2033.1081%20115.737%2032.839%20116.112%2032.6964C116.487%2032.5538%20116.912%2032.5457%20117.764%2032.5296C118.662%2032.512%20119.534%2032.4851%20120.381%2032.4491L120.385%2032.4489C123.188%2032.3283%20124.59%2032.2679%20125.701%2031.1496C126.81%2030.0317%20126.859%2028.6666%20126.954%2025.9376C127.005%2024.5006%20127.014%2023.0625%20126.981%2021.625%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%20stroke=%22white%22/%3E%0A%3Cpath%20d=%22M115.645%2023.35H115.5M111.042%2023.35H110.9M115.787%2023.35C115.787%2023.4263%20115.757%2023.4994%20115.703%2023.5533C115.649%2023.6072%20115.576%2023.6375%20115.5%2023.6375C115.424%2023.6375%20115.35%2023.6072%20115.297%2023.5533C115.243%2023.4994%20115.212%2023.4263%20115.212%2023.35C115.212%2023.2738%20115.243%2023.2006%20115.297%2023.1467C115.35%2023.0928%20115.424%2023.0625%20115.5%2023.0625C115.576%2023.0625%20115.649%2023.0928%20115.703%2023.1467C115.757%2023.2006%20115.787%2023.2738%20115.787%2023.35ZM111.187%2023.35C111.187%2023.4263%20111.157%2023.4994%20111.103%2023.5533C111.049%2023.6072%20110.976%2023.6375%20110.9%2023.6375C110.823%2023.6375%20110.75%2023.6072%20110.696%2023.5533C110.642%2023.4994%20110.612%2023.4263%20110.612%2023.35C110.612%2023.2738%20110.642%2023.2006%20110.696%2023.1467C110.75%2023.0928%20110.823%2023.0625%20110.9%2023.0625C110.976%2023.0625%20111.049%2023.0928%20111.103%2023.1467C111.157%2023.2006%20111.187%2023.2738%20111.187%2023.35Z%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%20stroke=%22white%22/%3E%0A%3Cpath%20d=%22M115.503%206.01786C115.508%205.99405%20115.542%205.99405%20115.546%206.01786C115.672%206.62993%20115.974%207.19172%20116.416%207.63344C116.858%208.07515%20117.42%208.37734%20118.032%208.50246C118.056%208.50751%20118.056%208.54214%20118.032%208.54719C117.42%208.67244%20116.858%208.97468%20116.416%209.41639C115.975%209.8581%20115.672%2010.4198%20115.547%2011.0318C115.542%2011.0556%20115.508%2011.0556%20115.502%2011.0318C115.377%2010.4198%20115.075%209.8581%20114.633%209.41639C114.192%208.97468%20113.63%208.67244%20113.018%208.54719C112.994%208.54214%20112.994%208.50751%20113.018%208.50246C113.63%208.37721%20114.192%208.07497%20114.633%207.63326C115.075%207.19156%20115.378%206.62984%20115.503%206.01786Z%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%20stroke=%22white%22/%3E%0A%3Cdefs%3E%0A%3Cfilter%20id=%22filter0_d_52004_617%22%20x=%220%22%20y=%220%22%20width=%22143%22%20height=%2255%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_52004_617%22/%3E%0A%3CfeBlend%20mode=%22normal%22%20in=%22SourceGraphic%22%20in2=%22effect1_dropShadow_52004_617%22%20result=%22shape%22/%3E%0A%3C/filter%3E%0A%3Cfilter%20id=%22filter1_d_52004_617%22%20x=%2287%22%20y=%220%22%20width=%2256%22%20height=%2255%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_52004_617%22/%3E%0A%3CfeBlend%20mode=%22normal%22%20in=%22SourceGraphic%22%20in2=%22effect1_dropShadow_52004_617%22%20result=%22shape%22/%3E%0A%3C/filter%3E%0A%3C/defs%3E%0A%3C/svg%3E") center / 143px 55px 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 #0A2D62 band, r15 on top, with the
 * #002152 swoosh (62004:876) at x44. Mark 38x47 (with its bezel) at x18
 * y14; title "Adams of Tralee" Bold 20 on an 18px line (58005:767) at x80
 * y24, one line; subtitle Regular 12 (42003:558) at x80 y45, UNDER the title.
 * Nav icons at x285 / x323 / x358 (exports with their 1px margin), y24. */
.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 25px 0 18px;
  gap: 0;
  background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width=%22343%22%20height=%2281%22%20viewBox=%220%200%20343%2081%22%20fill=%22none%22%20xmlns=%22http://www.w3.org/2000/svg%22%3E%0A%3Cpath%20d=%22M342.93%2081H317.242C319.634%2072.1469%20323.557%2063.7279%20328.89%2056.1475C333.004%2050.1159%20337.711%2044.5367%20342.93%2039.4883V81ZM318.777%200C304.054%2036.7507%20294.381%2062.0429%20289.764%2075.8779C289.161%2077.5713%20288.606%2079.2796%20288.096%2081H246.81C247.629%2079.6226%20248.457%2078.1995%20249.294%2076.7305C255.795%2064.032%20262.295%2051.4099%20268.793%2038.8652V34.8447H263.498C251.356%2034.8447%20238.647%2043.1645%20225.371%2059.8018C219.328%2067.3211%20214.74%2074.388%20211.603%2081H176.105C177.818%2074.1855%20180.928%2066.732%20185.438%2058.6406C192.328%2046.0507%20201.645%2034.9451%20212.851%2025.9648C223.559%2016.7967%20237.09%2011.5715%20251.189%2011.1602H259.261L274.726%2014.335C277.437%2012.7309%20280.505%207.95252%20283.932%200H318.777ZM182.473%200C181.756%201.62924%20181.001%203.3069%20180.211%205.0332C172.294%2022.2769%20164.309%2039.5209%20156.256%2056.7646C152.635%2065.579%20149.789%2073.6579%20147.715%2081H122.479C124.095%2075.5287%20124.757%2071.7611%20124.463%2069.6973L115.862%2081H95.3604C105.296%2069.8736%20115.35%2055.8549%20125.517%2038.9404C130.256%2030.9411%20137.112%2017.961%20146.084%200H182.473ZM84.3564%200C72.5982%2012.3932%2061.9994%2025.8496%2052.7002%2040.2031C41.2333%2057.842%2035.2728%2071.4409%2034.8174%2081H0C1.11676%2073.6094%202.96997%2066.3406%205.53809%2059.3037C12.6745%2039.4137%2024.1533%2019.6458%2039.9746%200H84.3564Z%22%20fill=%22%23002152%22/%3E%0A%3C/svg%3E") no-repeat 44px 0 / 343px 81px, #0A2D62;
}
.hdcw-head::before {
  content: '';
  flex: 0 0 38px;
  height: 47px;
  margin: 14px 24px 0 0;         /* title at x80 */
  background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width=%2238%22%20height=%2247%22%20viewBox=%22-1%2014%2038%2047%22%20fill=%22none%22%20xmlns=%22http://www.w3.org/2000/svg%22%3E%0A%3Cpath%20d=%22M28.6752%2025.6929C28.6851%2025.6384%2028.7643%2025.6384%2028.7742%2025.6929C29.0608%2027.0928%2029.7523%2028.3777%2030.7628%2029.388C31.7734%2030.3982%2033.0585%2031.0894%2034.4585%2031.3756C34.513%2031.3871%2034.513%2031.4663%2034.4585%2031.4779C33.0588%2031.7643%2031.7741%2032.4556%2030.7638%2033.4658C29.7536%2034.4761%2029.0623%2035.7608%2028.7758%2037.1605C28.7643%2037.215%2028.6851%2037.215%2028.6735%2037.1605C28.3871%2035.7608%2027.6958%2034.4761%2026.6855%2033.4658C25.6753%2032.4556%2024.3905%2031.7643%2022.9909%2031.4779C22.9364%2031.4663%2022.9364%2031.3871%2022.9909%2031.3756C24.3905%2031.0891%2025.6753%2030.3978%2026.6855%2029.3876C27.6958%2028.3773%2028.3887%2027.0926%2028.6752%2025.6929Z%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%20stroke=%22white%22/%3E%0A%3Cpath%20d=%22M19.6495%2027.3099C19.105%2027.3044%2018.555%2027.3016%2017.9995%2027.3016C15.5575%2027.3016%2013.2062%2027.3511%2010.9968%2027.4468L10.9903%2027.4471C6.96859%2027.6202%204.95687%2027.7068%203.3638%2029.3114C1.77153%2030.9152%201.70223%2032.8738%201.56528%2036.7893C1.47824%2039.2635%201.47824%2041.7401%201.56528%2044.2144C1.70223%2048.1299%201.77153%2050.0884%203.3638%2051.6923C4.95515%2053.2968%206.96841%2053.3834%2010.9898%2053.5565L10.9968%2053.5568L11.3994%2053.5733V57.4475C11.3995%2057.6778%2011.4656%2057.9033%2011.5899%2058.0971C11.7142%2058.291%2011.8915%2058.4452%2012.1008%2058.5414C12.31%2058.6376%2012.5425%2058.6718%2012.7705%2058.6399C12.9986%2058.6081%2013.2128%2058.5115%2013.3877%2058.3616L16.9847%2055.2778C17.8873%2054.5022%2018.3394%2054.1161%2018.8773%2053.9115C19.4152%2053.7069%2020.0257%2053.6954%2021.2484%2053.6723C22.5365%2053.647%2023.7878%2053.6085%2025.0022%2053.5568L25.0086%2053.5565C29.0304%2053.3834%2031.0421%2053.2969%2032.6352%2051.6923C34.2275%2050.0884%2034.2968%2048.1299%2034.4337%2044.2144C34.5068%2042.1526%2034.5195%2040.0892%2034.4717%2038.0268%22%20stroke-width=%223%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%20stroke=%22white%22/%3E%0A%3Cpath%20d=%22M18.2074%2040.5018H17.9995M11.604%2040.5018H11.3994M18.412%2040.5018C18.412%2040.6112%2018.3685%2040.7161%2018.2912%2040.7935C18.2138%2040.8708%2018.1089%2040.9143%2017.9995%2040.9143C17.8901%2040.9143%2017.7852%2040.8708%2017.7078%2040.7935C17.6305%2040.7161%2017.587%2040.6112%2017.587%2040.5018C17.587%2040.3924%2017.6305%2040.2875%2017.7078%2040.2101C17.7852%2040.1328%2017.8901%2040.0893%2017.9995%2040.0893C18.1089%2040.0893%2018.2138%2040.1328%2018.2912%2040.2101C18.3685%2040.2875%2018.412%2040.3924%2018.412%2040.5018ZM11.8119%2040.5018C11.8119%2040.6112%2011.7685%2040.7161%2011.6911%2040.7935C11.6137%2040.8708%2011.5088%2040.9143%2011.3994%2040.9143C11.29%2040.9143%2011.1851%2040.8708%2011.1077%2040.7935C11.0304%2040.7161%2010.9869%2040.6112%2010.9869%2040.5018C10.9869%2040.3924%2011.0304%2040.2875%2011.1077%2040.2101C11.1851%2040.1328%2011.29%2040.0893%2011.3994%2040.0893C11.5088%2040.0893%2011.6137%2040.1328%2011.6911%2040.2101C11.7685%2040.2875%2011.8119%2040.3924%2011.8119%2040.5018Z%22%20stroke-width=%223%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%20stroke=%22white%22/%3E%0A%3Cpath%20d=%22M18.0043%2015.6343C18.0105%2015.6001%2018.0602%2015.6001%2018.0664%2015.6343C18.2462%2016.5124%2018.68%2017.3185%2019.3139%2017.9522C19.9479%2018.586%2020.754%2019.0196%2021.6323%2019.1991C21.6664%2019.2063%2021.6664%2019.256%2021.6323%2019.2633C20.7542%2019.443%2019.9483%2019.8766%2019.3145%2020.5103C18.6808%2021.1441%2018.2472%2021.95%2018.0675%2022.8281C18.0602%2022.8622%2018.0105%2022.8622%2018.0033%2022.8281C17.8236%2021.95%2017.3899%2021.1441%2016.7562%2020.5103C16.1224%2019.8766%2015.3165%2019.443%2014.4385%2019.2633C14.4043%2019.256%2014.4043%2019.2063%2014.4385%2019.1991C15.3165%2019.0194%2016.1224%2018.5857%2016.7562%2017.952C17.3899%2017.3182%2017.8246%2016.5123%2018.0043%2015.6343Z%22%20stroke-width=%221.4%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%20stroke=%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: 20px;
  line-height: 18px;
  font-weight: 600;
  letter-spacing: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.hdcw-head small {
  display: block;
  margin: 3px 0 0;
  opacity: 1;
  font-size: 12px;
  font-weight: 400;
  line-height: 15px;
  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: 24px 0 0 auto;         /* reset 4028:981 ink x285..307 */
  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: 24px 0 0 16px;         /* expand 12:142 at x324 */
  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: 25px 0 0 16px; font-size: 0; }
.hdcw-close {
  width: 17px;
  height: 17px;
  margin: 24px 0 0 17px;         /* close 12:128 at x359 */
  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 10-11px apart (02: 190 -> 201, 269 -> 279; 04: 269 -> 280) */

/* Bubbles. Bot (37:322 / 37:325 / 16:205 / 42:720): #EDEDED, 1px #C7C7C7
 * inside stroke, r10 with the BOTTOM-LEFT corner square, Regular 14 on a 17px
 * line with 1% tracking, the cap line 20px under the outer edge and the text
 * 22px in; one line 51 tall (37:325), two 68 (37:322). Fixed 334 (91.26%) wide.
 * User (37:388 / 42:676): #DCE3EF with a 1px #7394C5 stroke, black Regular
 * 14, r10 with the BOTTOM-RIGHT corner square, 48 tall for one line. */
.hdcw-msg {
  max-width: 96.2%;              /* the long user bubble 2030:495 is 352 of 366 */
  padding: 16px 22px;
  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: 16px 17px 16px 21px;  /* text 22px in from the outer edge; lines run to 18px off the right one (2030:577 is 294 wide) */
  color: #000000;
}
/* The greeting (1:11 on 01-chat, 02-07, 11, 15, 16): a Bold 14 headline, then
 * two Regular 14 lines, no tracking, in a 95px bubble; ink rows 112 / 136 /
 * 153 on 01-chat: the headline line, a 7px gap (the second line's 24px
 * leading is drawn above it), then two lines 17px apart. The headline (the
 * admin greeting's **bold** run) is an inline-block with a 7px bottom margin:
 * that grows its own line only, whatever the admin copy after it.
 * A first bubble followed by a car card (the vehicle page's "Interested in
 * this car?") or by the stock section heads (/search) is not the greeting and
 * keeps the plain bubble (CON-1024). */
.hdcw-msgs > .hdcw-bot:first-child:not(:has(+ .hdcw-cars, + .hdcw-ghead)) {
  letter-spacing: 0;
  line-height: 17px;
  padding: 13px 17px 22px 21px;  /* 1 + 13 + 17 + 7 + 17 + 17 + 22 + 1 = 95 */
}
.hdcw-msgs > .hdcw-bot:first-child:not(:has(+ .hdcw-cars, + .hdcw-ghead)) b,
.hdcw-msgs > .hdcw-bot:first-child:not(:has(+ .hdcw-cars, + .hdcw-ghead)) strong { display: inline-block; margin-bottom: 7px; font-weight: 600; }
/* The stock counters bubble (16:205 on 15-browse, 19:391 on 16-browse-auto),
 * the one the POPULAR / LIFESTYLE / MAKES heads follow: drawn 63 tall for two
 * lines (not 68), the cap line 17px under the top, and 15px under the
 * greeting instead of the column's 11. On /search it is the first bubble (no
 * greeting above it), so the extra 4px only apply after another bubble. */
.hdcw-msgs > .hdcw-bot:has(+ .hdcw-ghead) { padding-top: 13px; padding-bottom: 14px; }
.hdcw-msgs > .hdcw-bot + .hdcw-bot:has(+ .hdcw-ghead) { margin-top: 4px; }
/* Other bold runs ("114 cars" 16:206, "50 automatic cars" 19:516) are Bold. */
.hdcw-bot b, .hdcw-bot strong { font-weight: 600; }
/* A reply that links cars (19:515 on 16-browse-auto): WHITE, 1px #E4E6EA
 * stroke, Regular 14 on a 19px line, links Bold underlined black; the text
 * box (19:516, 284 wide) 28px under the top edge, 28px off the right one and
 * 106px above the bottom one, as drawn. */
.hdcw-bot:has(a.hdcw-link) {
  background: #fff;
  border-color: #E4E6EA;
  line-height: 19px;
  padding: 27px 27px 105px 21px;  /* the node's 284px measure */
}
.hdcw-bot a.hdcw-link { font-weight: 600; color: #000000; text-decoration: underline; }
/* 'Adventurous' (37:388 on 04-help2): text box 24px in, cap line 19px down,
 * 27px from the right edge of its 130x48 bubble; the bot bubble that answers
 * it sits 8px under it (04: 328 -> 336), not the 11px column gap. */
.hdcw-user {
  border: 1px solid #7394C5;
  border-radius: 10px 10px 0 10px;
  font-weight: 400;
  letter-spacing: 0;
  padding: 15px 26px 14px 23px;
  margin-bottom: -3px;
}
.hdcw-typing {
  background: #EDEDED;
  border-color: #C7C7C7;
  border-radius: 10px 10px 10px 0;
  padding: 16px 22px 16px 21px;
}
/* "Searching our stock..." (2030:573 on 09-help7, 19:537, 19:652): REGULAR 12
 * (not italic in this artwork) #6D6D6D at x20, 13px under the user bubble and
 * 15px above the reply. */
.hdcw-status { font-style: normal; font-weight: 400; font-size: 12px; line-height: 15px; margin: 2px 0 4px; }

/* ---------- Openers (lozenge 12:145 / 60019:662 / 6001:1006 / 60019:652 /
 * 6001:1031 / 2023:430): a white LIST, not buttons. Rows x16..377, each
 * ending in a 1px #B7B7B7 rule (rules at 267 / 339 / 407 / 477 / 548 on
 * 01-chat), "Something else" with none; no radius, no shadow; the first row
 * 6px under the greeting. Titles Bold 16 navy on a 20px line, captions
 * Regular 12 black on a 15px line right under them; navy glyphs ~12px in, the
 * navy chevron 6x12 at x353.5 (rows 1-2) / x352.5. The designer placed each
 * row by hand (72 / 72 / 68 / 70 / 71 tall, the title 21 / 19 / 14 / 16 / 16
 * under the row top): each row carries its own offsets below, keyed on the
 * opener's identity class, so they hold whichever rows the admin shows.
 * The artwork orders the rows used, new, TRADE-IN, quiz, alert, else; the
 * widget appends trade-in after the quiz, so the column is re-ordered with
 * `order` (a no-op while trade-in is off; the context CTA keeps order 0 and
 * stays first). Same pattern as the batch-19 dtc / hme themes. */
.hdcw-opener { gap: 0; margin: -5px 5px 0 0; }
.hdcw-opener button { position: relative; }
.hdcw-opener .hdcw-op-used { order: 1; }
.hdcw-opener .hdcw-op-new { order: 2; }
.hdcw-opener .hdcw-op-tradein { order: 3; }
.hdcw-opener .hdcw-op-quiz { order: 4; }
.hdcw-opener .hdcw-op-alert { order: 5; }
.hdcw-opener .hdcw-op-else { order: 6; }
.hdcw-opener button.hdcw-op-used,
.hdcw-opener button.hdcw-op-new,
.hdcw-opener button.hdcw-op-quiz,
.hdcw-opener button.hdcw-op-tradein,
.hdcw-opener button.hdcw-op-alert,
.hdcw-opener .hdcw-else.hdcw-op-else {
  box-sizing: border-box;
  border: 0;
  border-bottom: 1px solid #B7B7B7;
  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%230A2D62%22/%3E%0A%3C/svg%3E") no-repeat right 17px top 28px / 8px 14px border-box,
    #fff;
  color: #0A2D62;
  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: 72px;
  padding: 21px 36px 15px 52px;  /* 21 + 20 title + 15 caption + 15 + 1 rule = 72 */
  font-size: 16px;
  font-weight: 600;
  line-height: 20px;
  letter-spacing: 0;
}
/* Row 2 "New Vehicles" (60019:662, 268..340): title at x68 (ink x69.5) 19px down,
 * chevron 27.5px down. */
.hdcw-opener button.hdcw-op-new { padding: 19px 36px 17px 52px; background-position: right 17px top 26px; }
/* Row 3 "Value my trade-in" (6001:1006, 340..408, 68 tall): title at x68
 * 14px down, chevron at x352.5 25.5px down. */
.hdcw-opener button.hdcw-op-tradein { min-height: 68px; padding: 14px 36px 18px 52px; background-position: right 18px top 24px; }
/* Row 4 "Help me Choose a Car" (60019:652, 408..478, 70 tall): title at x67
 * 16px down, caption 1px lower than the others (21 under the title top),
 * chevron 27.5px down. */
.hdcw-opener button.hdcw-op-quiz { min-height: 70px; padding: 16px 36px 17px 51px; background-position: right 18px top 26px; }
.hdcw-opener button.hdcw-op-quiz::after { margin-top: 1px; }
/* Row 5 "Get First-Mover Advantage!" (6001:1031, 478..549, 71 tall): title at
 * x66 16px down, caption at x67, chevron 28.5px down. */
.hdcw-opener button.hdcw-op-alert { min-height: 71px; padding: 16px 36px 19px 50px; background-position: right 18px top 27px; }
.hdcw-opener button.hdcw-op-alert::after { padding-left: 1px; }
/* Hover: a #F4F4F4 row, chevron kept. The full background is restated per
 * row at (0,3,1): on a vehicle page every row also carries .hdcw-else, and
 * the widget's `.hdcw-opener .hdcw-else:hover { background: ... }` shorthand
 * would otherwise wipe the chevron (and tile a glyph painted on the button). */
.hdcw-opener button.hdcw-op-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=%22%230A2D62%22/%3E%0A%3C/svg%3E") no-repeat right 17px top 28px / 8px 14px border-box, #F4F4F4; opacity: 1; }
.hdcw-opener button.hdcw-op-new:hover { background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width=%228%22%20height=%2214%22%20viewBox=%22-1%20-1%208%2014%22%20fill=%22none%22%20xmlns=%22http://www.w3.org/2000/svg%22%3E%0A%3Cpath%20d=%22M5.40984e-09%201.215L1.00917%202.18156e-07L6%206L1.00917%2012L4.23728e-07%2010.785L3.97792%206L5.40984e-09%201.215Z%22%20fill=%22%230A2D62%22/%3E%0A%3C/svg%3E") no-repeat right 17px top 26px / 8px 14px border-box, #F4F4F4; opacity: 1; }
.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=%22%230A2D62%22/%3E%0A%3C/svg%3E") no-repeat right 18px top 24px / 8px 14px border-box, #F4F4F4; opacity: 1; }
.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=%22%230A2D62%22/%3E%0A%3C/svg%3E") no-repeat right 18px top 26px / 8px 14px border-box, #F4F4F4; opacity: 1; }
.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=%22%230A2D62%22/%3E%0A%3C/svg%3E") no-repeat right 18px top 27px / 8px 14px border-box, #F4F4F4; opacity: 1; }
.hdcw-opener button.hdcw-op-else:hover { background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width=%228%22%20height=%2214%22%20viewBox=%22-1%20-1%208%2014%22%20fill=%22none%22%20xmlns=%22http://www.w3.org/2000/svg%22%3E%0A%3Cpath%20d=%22M5.40984e-09%201.215L1.00917%202.18156e-07L6%206L1.00917%2012L4.23728e-07%2010.785L3.97792%206L5.40984e-09%201.215Z%22%20fill=%22%230A2D62%22/%3E%0A%3C/svg%3E") no-repeat right 18px top 18px / 8px 14px border-box, #F4F4F4; opacity: 1; }
/* Glyph boxes = the export + its 1px bezel, placed from the row's padding box
 * (the row top; the rule is at the bottom). */
.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 (62001:642), 18x18 + stroke 2 = 20x20 @29,220 on the row at 196. */
.hdcw-opener button.hdcw-op-used::before { left: 12px; top: 23px; width: 22px; height: 22px; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width=%2222%22%20height=%2222%22%20viewBox=%22-1%20-1%2022%2022%22%20fill=%22none%22%20xmlns=%22http://www.w3.org/2000/svg%22%3E%0A%3Cpath%20d=%22M10%2019C14.9707%2019%2019%2014.9707%2019%2010M10%2019C5.0293%2019%201%2014.9707%201%2010M10%2019V13.6M19%2010C19%205.0293%2014.9707%201%2010%201C5.0293%201%201%205.0293%201%2010M19%2010H13.6M1%2010H6.4%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%20stroke=%22%230A2D62%22/%3E%0A%3Cmask%20id=%22stroke0_62001_642%22%20fill=%22white%22%3E%0A%3Cpath%20d=%22M13.6%2010C13.6%2010.9548%2013.2207%2011.8705%2012.5456%2012.5456C11.8704%2013.2207%2010.9548%2013.6%209.99999%2013.6C9.04521%2013.6%208.12954%2013.2207%207.45441%2012.5456C6.77928%2011.8705%206.39999%2010.9548%206.39999%2010C6.39999%209.04524%206.77928%208.12957%207.45441%207.45444C8.12954%206.77931%209.04521%206.40002%209.99999%206.40002C10.9548%206.40002%2011.8704%206.77931%2012.5456%207.45444C13.2207%208.12957%2013.6%209.04524%2013.6%2010%22/%3E%0A%3C/mask%3E%0A%3Cpath%20d=%22M13.6%2010C13.6%2010.9548%2013.2207%2011.8705%2012.5456%2012.5456C11.8704%2013.2207%2010.9548%2013.6%209.99999%2013.6C9.04521%2013.6%208.12954%2013.2207%207.45441%2012.5456C6.77928%2011.8705%206.39999%2010.9548%206.39999%2010C6.39999%209.04524%206.77928%208.12957%207.45441%207.45444C8.12954%206.77931%209.04521%206.40002%209.99999%206.40002C10.9548%206.40002%2011.8704%206.77931%2012.5456%207.45444C13.2207%208.12957%2013.6%209.04524%2013.6%2010%22%20stroke=%22%230A2D62%22%20mask=%22url(%23stroke0_62001_642)%22/%3E%0A%3Cmask%20id=%22stroke1_62001_642%22%20fill=%22white%22%3E%0A%3Cpath%20d=%22M13.6%2010C13.6%2010.9548%2013.2207%2011.8705%2012.5456%2012.5456C11.8704%2013.2207%2010.9548%2013.6%209.99999%2013.6C9.04521%2013.6%208.12954%2013.2207%207.45441%2012.5456C6.77928%2011.8705%206.39999%2010.9548%206.39999%2010C6.39999%209.04524%206.77928%208.12957%207.45441%207.45444C8.12954%206.77931%209.04521%206.40002%209.99999%206.40002C10.9548%206.40002%2011.8704%206.77931%2012.5456%207.45444C13.2207%208.12957%2013.6%209.04524%2013.6%2010%22/%3E%0A%3C/mask%3E%0A%3Cpath%20d=%22M13.6%2010C13.6%2010.9548%2013.2207%2011.8705%2012.5456%2012.5456C11.8704%2013.2207%2010.9548%2013.6%209.99999%2013.6C9.04521%2013.6%208.12954%2013.2207%207.45441%2012.5456C6.77928%2011.8705%206.39999%2010.9548%206.39999%2010C6.39999%209.04524%206.77928%208.12957%207.45441%207.45444C8.12954%206.77931%209.04521%206.40002%209.99999%206.40002C10.9548%206.40002%2011.8704%206.77931%2012.5456%207.45444C13.2207%208.12957%2013.6%209.04524%2013.6%2010%22%20stroke=%22%230A2D62%22%20mask=%22url(%23stroke1_62001_642)%22/%3E%0A%3Cpath%20d=%22M13.6%2010C13.6%2010.9548%2013.2207%2011.8705%2012.5456%2012.5456C11.8704%2013.2207%2010.9548%2013.6%209.99999%2013.6C9.04521%2013.6%208.12954%2013.2207%207.45441%2012.5456C6.77928%2011.8705%206.39999%2010.9548%206.39999%2010C6.39999%209.04524%206.77928%208.12957%207.45441%207.45444C8.12954%206.77931%209.04521%206.40002%209.99999%206.40002C10.9548%206.40002%2011.8704%206.77931%2012.5456%207.45444C13.2207%208.12957%2013.6%209.04524%2013.6%2010Z%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%20stroke=%22%230A2D62%22/%3E%0A%3C/svg%3E"); }
/* The same wheel (62001:648) @29,292 on the row at 268. */
.hdcw-opener button.hdcw-op-new::before { left: 12px; top: 23px; width: 22px; height: 22px; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width=%2222%22%20height=%2222%22%20viewBox=%22-1%20-1%2022%2022%22%20fill=%22none%22%20xmlns=%22http://www.w3.org/2000/svg%22%3E%0A%3Cpath%20d=%22M10%2019C14.9707%2019%2019%2014.9707%2019%2010M10%2019C5.0293%2019%201%2014.9707%201%2010M10%2019V13.6M19%2010C19%205.0293%2014.9707%201%2010%201C5.0293%201%201%205.0293%201%2010M19%2010H13.6M1%2010H6.4%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%20stroke=%22%230A2D62%22/%3E%0A%3Cmask%20id=%22stroke0_62001_642%22%20fill=%22white%22%3E%0A%3Cpath%20d=%22M13.6%2010C13.6%2010.9548%2013.2207%2011.8705%2012.5456%2012.5456C11.8704%2013.2207%2010.9548%2013.6%209.99999%2013.6C9.04521%2013.6%208.12954%2013.2207%207.45441%2012.5456C6.77928%2011.8705%206.39999%2010.9548%206.39999%2010C6.39999%209.04524%206.77928%208.12957%207.45441%207.45444C8.12954%206.77931%209.04521%206.40002%209.99999%206.40002C10.9548%206.40002%2011.8704%206.77931%2012.5456%207.45444C13.2207%208.12957%2013.6%209.04524%2013.6%2010%22/%3E%0A%3C/mask%3E%0A%3Cpath%20d=%22M13.6%2010C13.6%2010.9548%2013.2207%2011.8705%2012.5456%2012.5456C11.8704%2013.2207%2010.9548%2013.6%209.99999%2013.6C9.04521%2013.6%208.12954%2013.2207%207.45441%2012.5456C6.77928%2011.8705%206.39999%2010.9548%206.39999%2010C6.39999%209.04524%206.77928%208.12957%207.45441%207.45444C8.12954%206.77931%209.04521%206.40002%209.99999%206.40002C10.9548%206.40002%2011.8704%206.77931%2012.5456%207.45444C13.2207%208.12957%2013.6%209.04524%2013.6%2010%22%20stroke=%22%230A2D62%22%20mask=%22url(%23stroke0_62001_642)%22/%3E%0A%3Cmask%20id=%22stroke1_62001_642%22%20fill=%22white%22%3E%0A%3Cpath%20d=%22M13.6%2010C13.6%2010.9548%2013.2207%2011.8705%2012.5456%2012.5456C11.8704%2013.2207%2010.9548%2013.6%209.99999%2013.6C9.04521%2013.6%208.12954%2013.2207%207.45441%2012.5456C6.77928%2011.8705%206.39999%2010.9548%206.39999%2010C6.39999%209.04524%206.77928%208.12957%207.45441%207.45444C8.12954%206.77931%209.04521%206.40002%209.99999%206.40002C10.9548%206.40002%2011.8704%206.77931%2012.5456%207.45444C13.2207%208.12957%2013.6%209.04524%2013.6%2010%22/%3E%0A%3C/mask%3E%0A%3Cpath%20d=%22M13.6%2010C13.6%2010.9548%2013.2207%2011.8705%2012.5456%2012.5456C11.8704%2013.2207%2010.9548%2013.6%209.99999%2013.6C9.04521%2013.6%208.12954%2013.2207%207.45441%2012.5456C6.77928%2011.8705%206.39999%2010.9548%206.39999%2010C6.39999%209.04524%206.77928%208.12957%207.45441%207.45444C8.12954%206.77931%209.04521%206.40002%209.99999%206.40002C10.9548%206.40002%2011.8704%206.77931%2012.5456%207.45444C13.2207%208.12957%2013.6%209.04524%2013.6%2010%22%20stroke=%22%230A2D62%22%20mask=%22url(%23stroke1_62001_642)%22/%3E%0A%3Cpath%20d=%22M13.6%2010C13.6%2010.9548%2013.2207%2011.8705%2012.5456%2012.5456C11.8704%2013.2207%2010.9548%2013.6%209.99999%2013.6C9.04521%2013.6%208.12954%2013.2207%207.45441%2012.5456C6.77928%2011.8705%206.39999%2010.9548%206.39999%2010C6.39999%209.04524%206.77928%208.12957%207.45441%207.45444C8.12954%206.77931%209.04521%206.40002%209.99999%206.40002C10.9548%206.40002%2011.8704%206.77931%2012.5456%207.45444C13.2207%208.12957%2013.6%209.04524%2013.6%2010Z%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%20stroke=%22%230A2D62%22/%3E%0A%3C/svg%3E"); }
/* Two arrows (60019:670), 22x16 @28,361 on the row at 340. */
.hdcw-opener button.hdcw-op-tradein::before { left: 11px; top: 20px; 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.64572C1.07662%206.64602%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.392579%204.26078%200.64561%204.10233L4.33792%200.402846C4.59566%200.144779%204.94517%20-0.000128971%205.30956%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.98313%2016.0826%206.24124C15.825%206.49935%2015.4756%206.64435%2015.1113%206.64435L1.37501%206.64572ZM20.625%209.35565C20.9234%209.35535%2021.2137%209.45241%2021.4522%209.63214C21.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%230A2D62%22/%3E%0A%3C/svg%3E"); }
/* Dashed circle + cursor (60019:658), 22x22 + stroke 2 = 24x24 @27,428 on the row at 408. */
.hdcw-opener button.hdcw-op-quiz::before { left: 10px; top: 19px; 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=%22M8.15768%201.15637C9.24886%200.947877%2010.3697%200.947877%2011.4608%201.15637M8.15768%2018.464C8.517%2018.5322%208.88402%2018.578%209.25873%2018.6015M1.15648%2011.4633C0.947838%2010.3718%200.947838%209.25074%201.15648%208.15928M18.4631%208.15928C18.5313%208.51857%2018.5772%208.88556%2018.6006%209.26025M14.7607%202.52461C15.6795%203.14862%2016.4718%203.94091%2017.0959%204.85965M4.85783%2017.0958C3.93903%2016.4718%203.14668%2015.6795%202.52263%2014.7607M2.52263%204.85855C3.14668%203.93982%203.93903%203.14752%204.85783%202.52351M12.8501%2020.3657L10.6997%2014.1866C9.89011%2011.8637%209.48643%2010.7011%2010.0947%2010.0951C10.7019%209.48682%2011.8656%209.89048%2014.1909%2010.7L20.3617%2012.8447L20.3691%2012.8473C21.6544%2013.2932%2022.2978%2013.5165%2022.4362%2013.9501C22.4755%2014.0699%2022.4886%2014.1966%2022.4747%2014.3219C22.4285%2014.775%2021.8444%2015.1281%2020.6751%2015.8342C19.925%2016.2852%2019.551%2016.5128%2019.4509%2016.8538C19.4219%2016.95%2019.4097%2017.0504%2019.4146%2017.1508C19.4311%2017.5071%2019.7413%2017.8151%2020.3628%2018.4321L22.4032%2020.4603C22.709%2020.7638%2022.8607%2020.9156%2022.9311%2021.0861C23.0226%2021.308%2023.023%2021.5569%2022.9322%2021.779C22.8629%2021.9495%2022.7101%2022.1024%2022.4054%2022.406C22.1018%2022.7106%2021.95%2022.8624%2021.7795%2022.9317C21.5575%2023.0228%2021.3085%2023.0228%2021.0865%2022.9317C20.916%2022.8624%2020.7642%2022.7106%2020.4606%2022.4071L18.4125%2020.3602C17.8021%2019.7498%2017.4963%2019.4451%2017.1454%2019.4253C17.0394%2019.4195%2016.9332%2019.4329%2016.8319%2019.4649C16.4964%2019.5672%2016.2731%2019.9367%2015.8277%2020.6748L15.8255%2020.6784C15.1296%2021.833%2014.7822%2022.4093%2014.335%2022.4599C14.2031%2022.476%2014.0692%2022.4621%2013.9434%2022.4192C13.5166%2022.2776%2013.2955%2021.6435%2012.8533%2020.3748L12.8501%2020.3657Z%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%20stroke=%22%230A2D62%22/%3E%0A%3C/svg%3E"); }
/* Phone + speech tag (62001:623), 20x22 @29,496 on the row at 478. */
.hdcw-opener button.hdcw-op-alert::before { left: 12px; top: 17px; width: 22px; height: 24px; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width=%2222%22%20height=%2224%22%20viewBox=%22-1%20-1%2022%2024%22%20fill=%22none%22%20xmlns=%22http://www.w3.org/2000/svg%22%3E%0A%3Cpath%20d=%22M8%201H18C18.5523%201%2019%201.44772%2019%202V20C19%2020.5523%2018.5523%2021%2018%2021H8C7.44772%2021%207%2020.5523%207%2020V2C7%201.44772%207.44772%201%208%201Z%22%20stroke-width=%222%22%20stroke=%22%230A2D62%22/%3E%0A%3Cpath%20d=%22M9%203H5C2.23858%203%200%205.23858%200%208V9C0%2011.7614%202.23858%2014%205%2014H9C11.7614%2014%2014%2011.7614%2014%209V8C14%205.23858%2011.7614%203%209%203Z%22%20fill=%22%230A2D62%22/%3E%0A%3Cpath%20d=%22M9%207H2V8H9V7Z%22%20fill=%22white%22/%3E%0A%3Cpath%20d=%22M7%209H2V10H7V9Z%22%20fill=%22white%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;
  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 95 vehicles in stock' (30002:640) in the one above it. */
.hdcw-opener button.hdcw-op-used::after { content: 'Vehicles in stock'; }
.hdcw-opener button.hdcw-op-used[data-stock]::after { content: attr(data-stock) ' vehicles in stock'; }
.hdcw-opener button.hdcw-op-new::after { content: 'Browse our Hyundai & Fiat Professional ranges'; }
.hdcw-opener button.hdcw-op-tradein::after { content: 'Get a valuation for your current car'; }
.hdcw-opener button.hdcw-op-quiz::after { content: 'Get matched to car to suit your needs'; }
.hdcw-opener button.hdcw-op-alert::after { content: 'Receive a daily stock alert'; }

/* "Something else" (2023:430, from 549): the same row with NO rule, title
 * Bold 16 at x67 15px under the row top, 51 tall; the "?" bubble
 * (56005:1186, stroke 1.5) at 28,565; chevron 19.5px down. */
.hdcw-opener .hdcw-else.hdcw-op-else {
  min-height: 51px;
  border-bottom: 0;
  padding: 15px 36px 16px 51px;
  font-size: 16px;
  font-weight: 600;
  line-height: 20px;
  letter-spacing: 0;
  background:
    url("data:image/svg+xml;charset=utf-8,%3Csvg%20width=%228%22%20height=%2214%22%20viewBox=%22-1%20-1%208%2014%22%20fill=%22none%22%20xmlns=%22http://www.w3.org/2000/svg%22%3E%0A%3Cpath%20d=%22M5.40984e-09%201.215L1.00917%202.18156e-07L6%206L1.00917%2012L4.23728e-07%2010.785L3.97792%206L5.40984e-09%201.215Z%22%20fill=%22%230A2D62%22/%3E%0A%3C/svg%3E") no-repeat right 18px top 18px / 8px 14px border-box,
    #fff;
}
.hdcw-opener button.hdcw-op-else::before { left: 11px; top: 15px; width: 23px; height: 23px; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width=%2223%22%20height=%2223%22%20viewBox=%22-1%20-1%2023%2023%22%20fill=%22none%22%20xmlns=%22http://www.w3.org/2000/svg%22%3E%0A%3Cpath%20d=%22M20.2317%2010.5C20.2317%2013.081%2019.2064%2015.5563%2017.3814%2017.3814C15.5563%2019.2064%2013.081%2020.2317%2010.5%2020.2317C8.8323%2020.2317%207.26293%2019.8117%205.89025%2019.0731C3.97669%2018.0416%202.68903%2019.0004%201.55298%2019.1725C1.46803%2019.1847%201.3814%2019.1765%201.3002%2019.1488C1.21901%2019.121%201.14555%2019.0743%201.08586%2019.0127C0.996738%2018.9181%200.937761%2018.7991%200.91642%2018.6708C0.895079%2018.5426%200.912339%2018.4109%200.966005%2018.2925C1.41264%2017.2425%201.82137%2015.2511%201.26308%2013.5732C0.93433%2012.582%200.767266%2011.5443%200.768297%2010.5C0.768297%207.91899%201.7936%205.44369%203.61865%203.61864C5.4437%201.79359%207.919%200.768293%2010.5%200.768293C13.081%200.768293%2015.5563%201.79359%2017.3814%203.61864C19.2064%205.44369%2020.2317%207.91899%2020.2317%2010.5Z%22%20stroke-width=%221.53659%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%20stroke=%22%230A2D62%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%230A2D62%22/%3E%0A%3C/svg%3E"); }
/* On a vehicle page the widget gives every row the hdcw-else class too: the
 * rows keep their own look, only "Something else" is the short one. */

/* Context CTA ("Tell me about this car" 19:683 on 16-browse-auto): 349x55 at
 * x24, r10, flat #0A2D62, white Bold 16 centred, the text box 18px under the
 * top; 26px under the card it follows. The rows after it (a vehicle page's
 * opener) start 6px under it, as the first row starts under the greeting. */
.hdcw-opener:has(.hdcw-op-ctx) { margin-top: 15px; }
.hdcw-opener button.hdcw-op-ctx {
  min-height: 55px;
  margin: 0 4px 0 8px;           /* x24..373 in the x16..377 opener column */
  border: 0;
  border-radius: 10px;
  padding: 18px 0 17px;
  background: #0A2D62;
  color: #fff;
  font-size: 16px;
  font-weight: 600;
  line-height: 20px;
  letter-spacing: 0;
}
.hdcw-opener button.hdcw-op-ctx:hover { background: #0A2D62; opacity: .85; }
.hdcw-opener > button.hdcw-op-ctx + button { margin-top: 6px; }

/* ---------- Chips (item 16:212): 31px white, r10, NO stroke, 0/4/4 25%
 * shadow, Regular 12/13 black, centred, the cap line 10.5px under the chip
 * top; 17px side padding (16 + the 1px stroke; the artwork's are hand-sized
 * 13-28px, median 19-20, but at 19 "Commercials (36)" wraps to a fifth
 * POPULAR row: 17 keeps 15-browse's four), 5px gaps, a
 * 36px row pitch, rows at x18 (15-browse). Selected = 1px #0C0F20 inside
 * stroke ("Adventurous" 37:328, "Automatic (155)" 19:414). */
.hdcw-chips { gap: 5px; padding: 0 2px; }
.hdcw-chip {
  background: #fff;
  color: #000000;
  border-color: transparent;
  border-radius: 10px;
  min-height: 31px;
  box-sizing: border-box;
  padding: 8px 16px;
  font-size: 12px;
  font-weight: 400;
  line-height: 13px;
  letter-spacing: 0;
  box-shadow: 0 4px 4px rgba(0,0,0,.25);
}
.hdcw-chip:hover { background: #F4F4F4; border-color: transparent; color: #000000; }
.hdcw-chip--sel { border-color: #0C0F20; box-shadow: 0 4px 4px rgba(0,0,0,.25); font-weight: 400; }
.hdcw-chip--sel:hover { border-color: #0C0F20; }
/* Bootstrap's reboot (AOT2 loads 4.3.1) adds `button:focus { outline: 5px auto }`,
 * so a tapped chip would also wear the browser's focus ring. Mouse and touch
 * focus drop it; keyboard focus keeps a visible ring. */
.hdcw-chip:focus:not(:focus-visible) { outline: 0; }
/* POPULAR / LIFESTYLE / MAKES (16:213, 16:270, 16:323): Bold 11 #6D6D6D, no
 * tracking, at x24; 13px under a bubble, 18px under a chip row, 8px above
 * its chips. */
.hdcw-ghead {
  letter-spacing: 0;
  font-size: 11px;
  font-weight: 600;
  line-height: 14px;
  margin: 2px 6px -3px 8px;
}
.hdcw-chips + .hdcw-ghead { margin-top: 7.5px; }  /* LIFESTYLE 18px under the POPULAR rows (443 -> 461), MAKES 17 (550 -> 567) */
/* Answer chips straight under a question (the quiz, 02-help1 .. 07-help5):
 * flush with the bubble at x16, 7px under it (04 / 06 / 07; 02 and 05 have
 * 8), 4px gaps on a 35px pitch. */
.hdcw-bot + .hdcw-chips { padding-left: 0; margin-top: -4px; gap: 4px; }

/* ---------- Car cards ("csr search" 2023:448 / 19:566): 176 wide, 14px
 * apart, white, 1px #E4E6EA, r10, 244 tall, 11px under the bubble. Photo
 * 176x113, square-topped. Body 12px in: title Regular 12 (two lines), price
 * Bold 12/19, monthly Regular 12/16, meta Regular 10/17 -> ink rows 124.5 /
 * 139.5 / 159 / 174.5 / 193 under the card top, the bar at 213 (19:545 runs). Flush split
 * action bar, 31 tall: Details (77, white) | I'm Interested (99, #0A2D62,
 * white ink), both Regular 12/13 ls -1%, #E4E6EA rules. */
.hdcw-cars { gap: 14px; padding: 0 2px; margin: 0 0 -2px; }  /* 11px under the bubble, the model chips 9px under the cards (08: 232 -> 243, 487 -> 496) */
.hdcw-ncgrid { gap: 14px; }
.hdcw-car { border-radius: 0 0 10px 10px; border-color: #E4E6EA; }
.hdcw-car img.hdcw-carimg, .hdcw-car .hdcw-noimg { height: 113px; }
.hdcw-car .hdcw-carbody { padding: 8px 11px 7.5px; }  /* 99 tall: the bar's rule at 213, the card 244 (1 + 113 + 99 + 30 + 1) */
.hdcw-car h4.hdcw-cartitle {
  /* name every property: Bootstrap's h4 rule and AOT2's h1-h6 rules would win otherwise */
  margin: 0;
  padding: 0;
  font-family: var(--hdcw-font);
  font-size: 12px;
  font-weight: 400;
  line-height: 15px;
  letter-spacing: .01em;
  color: #000000;
  max-height: 30px;
}
.hdcw-car .hdcw-price { color: #000000; font-size: 12px; font-weight: 600; line-height: 19px; margin-top: 2px; letter-spacing: .01em; }
/* Figma stacks these runs baseline to baseline by the NEXT run's line height
 * (price 19 -> monthly 16 -> meta 17); CSS adds half of each line instead, so
 * the monthly line comes up 1.5px and the meta line 1px to land on 174.5 / 193. */
.hdcw-car .hdcw-mo { color: #000000; font-size: 12px; font-weight: 400; line-height: 16px; margin-top: -1.5px; letter-spacing: .01em; }
.hdcw-car .hdcw-meta { color: #000000; font-size: 10px; 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: 77 0 0;
  border: 0;
  border-top: 1px solid #E4E6EA;
  border-radius: 0 0 0 9px;
  min-height: 30px;
  padding: 7px 0 9px;            /* label cap 9.5px under the bar's top rule (19:565) */
  font-size: 12px;
  font-weight: 400;
  line-height: 13px;
  letter-spacing: -.01em;
  background: #fff;
  color: #000000;
}
/* The labels sit off their cells' centres: "Details" (19:565 @41 in the 77px
 * cell at 18) 2px right, "I'm Interested" (2023:442 @107 in the 99px cell at
 * 95) 1px left. */
.hdcw-car .hdcw-pick:not(.hdcw-pick--primary) { padding-left: 4px; }
.hdcw-car .hdcw-pick.hdcw-pick--primary { padding-right: 2px; }
.hdcw-car .hdcw-pick:hover { background: #F4F4F4; color: #000000; }
.hdcw-car .hdcw-pick--primary {
  flex: 99 0 0;
  border-left: 1px solid #E4E6EA;
  border-radius: 0 0 9px 0;
  background: #0A2D62;
  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: #0A2D62; opacity: .85; color: #fff; }

/* ---------- Footer (24:712): #E4E6EA band 400x129. Input 299x51 @21,20
 * (from the band top), r10, 1px #000, white; placeholder Regular 14 ls 1%
 * black, 29px in (12002:602 @50). Send: the navy 52px circle 8px right of it,
 * 20px off the panel's right edge. Disclosure Regular 12/15 (ls .1px),
 * black, centred in a 270px box at x64, right under the input row and 17px
 * above the panel foot, "Terms & Conditions" underlined. */
.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 0 28px;
  font-size: 14px;
  line-height: 49px;
  letter-spacing: .01em;
  background: #fff;
}
/* font: inherit - AOT2's css/style.css line 5542 has a bare
 * ::-webkit-input-placeholder { font-size: 1rem; color: #525252 } that
 * reaches the widget's input. */
.hdcw-input input::placeholder { color: #000000; opacity: 1; font: inherit; }
.hdcw-input input::-webkit-input-placeholder { color: #000000; opacity: 1; font: inherit; }
.hdcw-input input:focus { border-color: #000000; }
.hdcw-send {
  width: 52px;
  height: 52px;
  padding: 0;
  background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width=%2252%22%20height=%2252%22%20viewBox=%220%200%2052%2052%22%20fill=%22none%22%20xmlns=%22http://www.w3.org/2000/svg%22%3E%0A%3Ccircle%20cx=%2226%22%20cy=%2226%22%20r=%2226%22%20fill=%22%230A2D62%22/%3E%0A%3Cpath%20d=%22M37.45%2025.11L19.45%2016.11C19.14%2015.96%2018.77%2015.97%2018.48%2016.15C18.19%2016.33%2018.01%2016.65%2018.01%2017V35C18.01%2035.2652%2018.1153%2035.5196%2018.3029%2035.7071C18.4904%2035.8946%2018.7448%2036%2019.01%2036C19.16%2036%2019.32%2035.96%2019.46%2035.89L37.46%2026.89C37.8%2026.72%2038.01%2026.37%2038.01%2026C38.01%2025.63%2037.8%2025.27%2037.46%2025.11H37.45ZM20%2018.62L32.76%2025H20V18.62ZM20%2027H32.76L20%2033.38V27Z%22%20fill=%22white%22/%3E%0A%3C/svg%3E") center / 52px 52px no-repeat;
}
.hdcw-send svg { display: none; }
.hdcw-send:disabled { opacity: .5; }
.hdcw-powered {
  background: #E4E6EA;
  font-size: 12px;
  line-height: 15px;
  letter-spacing: .1px;          /* 2008:473 ls 0.10px */
  padding: 0 66px 17px 64px;     /* 2008:473: a 270px box at x64 */
}
.hdcw-powered a.hdcw-tc { color: #000000; text-decoration: underline; }
.hdcw-powered a.hdcw-tc:hover { color: #000000; opacity: .7; }
.hdcw-powered > div { display: inline; }
.hdcw-powered > div:first-child::after { content: '.   '; white-space: pre; }
/* The home artboard (01-chat, the opener list) draws "Terms & Conditions"
 * plain (the main component 2008:473); every other panel artboard's instance
 * underlines it. The opener list is the selector: it removes itself as soon
 * as a button is tapped. */
.hdcw-panel:has(.hdcw-op-else) .hdcw-powered a.hdcw-tc { text-decoration: none; }

@media (max-width: 480px) {
  .hdcw-powered { padding: 0 24px 17px; }
}
/* A 320px phone (no artboard): the full-screen panel is 304 wide and the
 * widget drops the expand icon there, but at the artwork's 25px right edge
 * and 12px title gap "Adams of Tralee" (145px of Bold 20) ellipsises to
 * "Adams of Tr...". Tighter right-hand spacing keeps the dealer name whole;
 * the 400px panel keeps the artwork's geometry. */
@media (max-width: 360px) {
  .hdcw-panel .hdcw-head { padding-right: 14px; }
  .hdcw-head > div { padding-right: 4px; }
  .hdcw-close { margin-left: 14px; }
}

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