@font-face { font-family: 'HDCW Kia'; src: url('/fonts/kia-regular.woff2') format('woff2'), url('/fonts/kia-regular.woff') format('woff'); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: 'HDCW Kia'; src: url('/fonts/kia-bold.woff') format('woff'), url('/fonts/kia-bold.woff2') format('woff2'); font-weight: 700; font-style: normal; font-display: swap; }
/* chat-themes-1016 chat widget branding - Mallow Road Motors Kia (mrm2,
 * template MRM2).
 * Source of truth: the designer's Figma "Mallow Road Motors (Ai Assistant)
 * (Copy)" (file WLVYCowO3zPslmWTWvIVDR) and its 16 @2x artboard PNGs, which
 * outrank the node dump wherever the two disagree. Tooling and QA:
 * tickets/chat-themes-1016/mrm2/qa-mrm2/; design notes and the probe table:
 * tickets/chat-themes-1016/mrm2/DESIGN-mrm2.md. Glyphs are SVG exports of
 * the file's own nodes.
 *
 * Kia midnight on white: an 81px #06141F header with the designer's slanted
 * #01243E sheen and the #2AABE2 robot mark; #EDEDED bot bubbles with a
 * #C7C7C7 stroke and a squared bottom-left corner; #697277 user bubbles;
 * #F1F1F1 opener rows with a 1px #B7B7B7 stroke, midnight glyphs and black
 * chevrons ("Something else" drawn without a box); white chips on a 0/4/4
 * 25% shadow; white cards with a flush Details | I'm Interested bar; a
 * #E4E6EA footer with a black-stroked input and a midnight send circle. The
 * launcher is the designer's "Virtual Assistant" pill.
 * Type: Kia Signature Regular + Bold, from the site's own /fonts/ (declared
 * above, no @import).
 * The panel is 400x720 = the designer's artboard, so offsets transfer 1:1.
 *
 * Regenerate with tickets/chat-themes-1016/mrm2/build-theme-mrm2.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: #06131F;
  --hdcw-on-accent: #fff;
  --hdcw-font: 'HDCW Kia', 'Kia', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
  --hdcw-bg: #fff;
  --hdcw-surface: #fff;          /* Rectangle 8 15:158 (style 72:411 ai-white) */
  --hdcw-text: #000000;
  --hdcw-muted: #6D6D6D;
  --hdcw-faint: #C7C7C7;     /* typing dots (decorative) */
  --hdcw-footer: #000000;         /* disclosure 2008:473 (the runs override #504949) */
  --hdcw-border: #000000;         /* input stroke 24:705 */
  --hdcw-border-soft: #E4E6EA;
  --hdcw-radius: 15px;           /* panel 1:7, header 1:9 */
  --hdcw-radius-bubble: 10px;
  --hdcw-head-bg: #06141F;
  --hdcw-head-color: #fff;
  --hdcw-user-bg: #697277;
  --hdcw-user-color: #fff;
  --hdcw-link: #000000;
  --hdcw-btn-bg: #06131F;
  --hdcw-btn-color: #fff;
  --hdcw-fab-gap: 0;             /* a pill docks on the vehicle action bar */
}

/* ---------- Launcher (ai-assistant-icon 52004:617): the designer's 147x53
 * pill, drawn 3px off the right edge and 9px off the bottom of the 400x720
 * phone artboard 03-home. No shadow in the artwork. */
.hdcw-fab {
  width: 147px;
  height: 53px;
  right: 3px;
  bottom: 9px;
  max-width: calc(100vw - 6px);
  border-radius: 26.5px;
  background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width=%22147%22%20height=%2253%22%20viewBox=%220%200%20147%2053%22%20fill=%22none%22%20xmlns=%22http://www.w3.org/2000/svg%22%3E%0A%3Crect%20width=%22147%22%20height=%2253%22%20rx=%2226.5%22%20fill=%22%2306141F%22%20fill-opacity=%220.97%22/%3E%0A%3Cpath%20d=%22M44.8947%2023.21L41.0027%2012.57H43.1167L46.0707%2021.026L49.0387%2012.57H50.9007L47.0227%2023.21H44.8947ZM54.0376%2014.404H52.2316V12.486H54.0376V14.404ZM54.0376%2023.21H52.2316V15.566H54.0376V23.21ZM57.9478%2023.21H56.1418V15.566H57.8358L57.9198%2016.826C58.2418%2015.944%2059.1238%2015.356%2060.2158%2015.356C60.3978%2015.356%2060.6778%2015.384%2060.8178%2015.426V17.036C60.6218%2016.966%2060.3978%2016.924%2060.1458%2016.924C59.1378%2016.924%2058.2138%2017.554%2057.9478%2018.59V23.21ZM63.3112%2016.952H61.6592V15.566H63.3112V13.242H65.1172V15.566H66.8112V16.952H65.1172V23.21H63.3112V16.952ZM67.9373%2015.566H69.7433V20.564C69.7433%2021.376%2070.0233%2022.02%2070.9193%2022.02C71.8433%2022.02%2072.7533%2021.208%2073.0613%2020.228V15.566H74.8673V23.21H73.1733L73.0613%2022.104C72.5853%2022.748%2071.7313%2023.42%2070.6253%2023.42C68.9453%2023.42%2067.9373%2022.412%2067.9373%2020.564V15.566ZM76.4741%2021.068C76.4741%2020.452%2076.6701%2019.962%2076.9781%2019.598C77.5801%2018.926%2078.5601%2018.632%2079.7501%2018.45L81.3601%2018.198C81.2761%2017.218%2080.6741%2016.7%2079.5121%2016.7C78.6721%2016.7%2077.7481%2017.176%2077.1741%2017.988V16.238C77.6781%2015.832%2078.5321%2015.356%2079.8901%2015.356C81.6821%2015.356%2083.1801%2016.266%2083.1801%2018.52V23.21H81.6681L81.5001%2022.328C80.7861%2023.014%2080.0301%2023.42%2078.9241%2023.42C77.3841%2023.42%2076.4741%2022.524%2076.4741%2021.068ZM78.2661%2020.984C78.2661%2021.6%2078.6721%2021.978%2079.2741%2021.978C80.2261%2021.978%2081.0521%2021.306%2081.4021%2020.536V19.472L80.4921%2019.626C79.0781%2019.864%2078.7701%2020.088%2078.5321%2020.312C78.3641%2020.48%2078.2661%2020.704%2078.2661%2020.984ZM86.9458%2023.21H85.1398V12.486H86.9458V23.21ZM26.6205%2039.21H24.7725L28.8325%2028.57H30.9185L34.9925%2039.21H32.9485L31.8705%2036.312H27.6985L26.6205%2039.21ZM29.7845%2030.67L28.2585%2034.786H31.3105L29.7845%2030.67ZM36.0532%2038.58V36.816C36.6552%2037.586%2037.5372%2038.006%2038.4472%2038.006C39.4132%2038.006%2039.7772%2037.614%2039.7772%2037.152C39.7772%2036.774%2039.5952%2036.508%2038.8112%2036.214L38.0412%2035.92C36.8092%2035.444%2036.0392%2034.786%2036.0392%2033.568C36.0392%2032.406%2036.9212%2031.356%2038.7972%2031.356C39.7632%2031.356%2040.6452%2031.748%2041.1632%2032.14V33.876C40.4072%2033.078%2039.5812%2032.756%2038.8252%2032.756C37.9712%2032.756%2037.7612%2033.204%2037.7612%2033.456C37.7612%2033.848%2038.0692%2034.058%2038.8112%2034.338L39.5672%2034.618C40.9252%2035.122%2041.5272%2035.85%2041.5272%2036.984C41.5272%2038.58%2040.2392%2039.42%2038.4332%2039.42C37.4392%2039.42%2036.5292%2039.028%2036.0532%2038.58ZM42.9438%2038.58V36.816C43.5458%2037.586%2044.4278%2038.006%2045.3378%2038.006C46.3038%2038.006%2046.6678%2037.614%2046.6678%2037.152C46.6678%2036.774%2046.4858%2036.508%2045.7018%2036.214L44.9318%2035.92C43.6998%2035.444%2042.9298%2034.786%2042.9298%2033.568C42.9298%2032.406%2043.8118%2031.356%2045.6878%2031.356C46.6538%2031.356%2047.5358%2031.748%2048.0538%2032.14V33.876C47.2978%2033.078%2046.4718%2032.756%2045.7158%2032.756C44.8618%2032.756%2044.6518%2033.204%2044.6518%2033.456C44.6518%2033.848%2044.9598%2034.058%2045.7018%2034.338L46.4578%2034.618C47.8158%2035.122%2048.4178%2035.85%2048.4178%2036.984C48.4178%2038.58%2047.1298%2039.42%2045.3238%2039.42C44.3298%2039.42%2043.4198%2039.028%2042.9438%2038.58ZM51.8365%2030.404H50.0305V28.486H51.8365V30.404ZM51.8365%2039.21H50.0305V31.566H51.8365V39.21ZM53.7446%2038.58V36.816C54.3466%2037.586%2055.2286%2038.006%2056.1386%2038.006C57.1046%2038.006%2057.4686%2037.614%2057.4686%2037.152C57.4686%2036.774%2057.2866%2036.508%2056.5026%2036.214L55.7326%2035.92C54.5006%2035.444%2053.7306%2034.786%2053.7306%2033.568C53.7306%2032.406%2054.6126%2031.356%2056.4886%2031.356C57.4546%2031.356%2058.3366%2031.748%2058.8546%2032.14V33.876C58.0986%2033.078%2057.2726%2032.756%2056.5166%2032.756C55.6626%2032.756%2055.4526%2033.204%2055.4526%2033.456C55.4526%2033.848%2055.7606%2034.058%2056.5026%2034.338L57.2586%2034.618C58.6166%2035.122%2059.2186%2035.85%2059.2186%2036.984C59.2186%2038.58%2057.9306%2039.42%2056.1246%2039.42C55.1306%2039.42%2054.2206%2039.028%2053.7446%2038.58ZM61.6433%2032.952H59.9913V31.566H61.6433V29.242H63.4493V31.566H65.1433V32.952H63.4493V39.21H61.6433V32.952ZM65.9194%2037.068C65.9194%2036.452%2066.1154%2035.962%2066.4234%2035.598C67.0254%2034.926%2068.0054%2034.632%2069.1954%2034.45L70.8054%2034.198C70.7214%2033.218%2070.1194%2032.7%2068.9574%2032.7C68.1174%2032.7%2067.1934%2033.176%2066.6194%2033.988V32.238C67.1234%2031.832%2067.9774%2031.356%2069.3354%2031.356C71.1274%2031.356%2072.6254%2032.266%2072.6254%2034.52V39.21H71.1134L70.9454%2038.328C70.2314%2039.014%2069.4754%2039.42%2068.3694%2039.42C66.8294%2039.42%2065.9194%2038.524%2065.9194%2037.068ZM67.7114%2036.984C67.7114%2037.6%2068.1174%2037.978%2068.7194%2037.978C69.6714%2037.978%2070.4974%2037.306%2070.8474%2036.536V35.472L69.9374%2035.626C68.5234%2035.864%2068.2154%2036.088%2067.9774%2036.312C67.8094%2036.48%2067.7114%2036.704%2067.7114%2036.984ZM76.3912%2039.21H74.5852V31.566H76.2792L76.3912%2032.672C76.8672%2032.028%2077.7212%2031.356%2078.8272%2031.356C80.5072%2031.356%2081.5152%2032.364%2081.5152%2034.212V39.21H79.7092V34.212C79.7092%2033.4%2079.4292%2032.756%2078.5332%2032.756C77.6092%2032.756%2076.6992%2033.568%2076.3912%2034.548V39.21ZM84.2839%2032.952H82.6319V31.566H84.2839V29.242H86.0899V31.566H87.7839V32.952H86.0899V39.21H84.2839V32.952Z%22%20fill=%22white%22/%3E%0A%3Cpath%20d=%22M111.634%2012.9666C111.634%2012.7102%20111.532%2012.4644%20111.351%2012.2831C111.17%2012.1018%20110.924%2012%20110.667%2012C110.411%2012%20110.165%2012.1018%20109.984%2012.2831C109.802%2012.4644%20109.701%2012.7102%20109.701%2012.9666V13.9332H105.834C105.064%2013.9332%20104.327%2014.2387%20103.783%2014.7825C103.239%2015.3263%20102.933%2016.0639%20102.933%2016.833V22.6326C102.933%2023.4016%20103.239%2024.1392%20103.783%2024.683C104.327%2025.2268%20105.064%2025.5323%20105.834%2025.5323H110.837C110.92%2025.3107%20111.031%2025.1012%20111.17%2024.9041C111.499%2024.4401%20111.963%2024.0921%20112.504%2023.8969L113.432%2023.5991H105.834C105.577%2023.5991%20105.331%2023.4973%20105.15%2023.316C104.969%2023.1348%20104.867%2022.8889%20104.867%2022.6326V16.833C104.867%2016.5766%20104.969%2016.3308%20105.15%2016.1495C105.331%2015.9682%20105.577%2015.8664%20105.834%2015.8664H115.501C115.757%2015.8664%20116.003%2015.9682%20116.184%2016.1495C116.366%2016.3308%20116.468%2016.5766%20116.468%2016.833V20.4616L116.725%2019.6748C116.937%2019.0948%20117.285%2018.6308%20117.749%2018.3022C117.954%2018.1553%20118.172%2018.0412%20118.401%2017.96V16.833C118.401%2016.0639%20118.095%2015.3263%20117.552%2014.7825C117.008%2014.2387%20116.27%2013.9332%20115.501%2013.9332H111.634V12.9666ZM103.9%2028.4321H111.466C111.767%2028.7388%20112.137%2028.9695%20112.545%2029.1049L114.594%2029.7815C114.886%2029.8801%20115.157%2030.0347%20115.505%2030.3441L115.524%2030.3653H103.9C103.644%2030.3653%20103.398%2030.4672%20103.217%2030.6484C103.035%2030.8297%20102.933%2031.0756%20102.933%2031.3319V32.0085C102.933%2033.8354%20103.722%2035.0533%20105.025%2035.8633C106.387%2036.71%20108.357%2037.1315%20110.667%2037.1315C112.993%2037.1315%20114.963%2036.7081%20116.319%2035.8633C116.864%2035.525%20117.318%2035.1132%20117.662%2034.6145L117.769%2034.7015C118.039%2034.8948%20118.33%2035.0301%20118.639%2035.1074C118.415%2035.5884%20118.35%2036.1277%20118.451%2036.6482C118.112%2036.9713%20117.74%2037.2583%20117.342%2037.5046C115.555%2038.62%20113.175%2039.0647%20110.667%2039.0647C108.173%2039.0647%20105.793%2038.6162%20104.005%2037.5046C102.158%2036.3582%20101%2034.5313%20101%2032.0085V31.3319C101%2030.5628%20101.306%2029.8253%20101.849%2029.2815C102.393%2028.7376%20103.131%2028.4321%20103.9%2028.4321ZM109.217%2019.7328C109.217%2020.1173%20109.064%2020.4861%20108.792%2020.758C108.52%2021.0299%20108.152%2021.1827%20107.767%2021.1827C107.382%2021.1827%20107.014%2021.0299%20106.742%2020.758C106.47%2020.4861%20106.317%2020.1173%20106.317%2019.7328C106.317%2019.3482%20106.47%2018.9794%20106.742%2018.7075C107.014%2018.4356%20107.382%2018.2829%20107.767%2018.2829C108.152%2018.2829%20108.52%2018.4356%20108.792%2018.7075C109.064%2018.9794%20109.217%2019.3482%20109.217%2019.7328ZM113.567%2021.1827C113.952%2021.1827%20114.321%2021.0299%20114.593%2020.758C114.865%2020.4861%20115.018%2020.1173%20115.018%2019.7328C115.018%2019.3482%20114.865%2018.9794%20114.593%2018.7075C114.321%2018.4356%20113.952%2018.2829%20113.567%2018.2829C113.183%2018.2829%20112.814%2018.4356%20112.542%2018.7075C112.27%2018.9794%20112.117%2019.3482%20112.117%2019.7328C112.117%2020.1173%20112.27%2020.4861%20112.542%2020.758C112.814%2021.0299%20113.183%2021.1827%20113.567%2021.1827ZM120.099%2020.2779L120.771%2022.3484C120.98%2022.9781%20121.333%2023.5503%20121.803%2024.0193C122.272%2024.4882%20122.844%2024.8409%20123.474%2025.049L125.547%2025.7218L125.588%2025.7334C125.747%2025.7896%20125.886%2025.894%20125.984%2026.0322C126.081%2026.1703%20126.134%2026.3354%20126.134%2026.5047C126.134%2026.674%20126.081%2026.8391%20125.984%2026.9773C125.886%2027.1155%20125.747%2027.2199%20125.588%2027.2761L123.517%2027.9488C122.887%2028.1568%20122.314%2028.5093%20121.844%2028.9782C121.374%2029.4472%20121.021%2030.0195%20120.812%2030.6495L120.139%2032.718C120.083%2032.8777%20119.979%2033.016%20119.84%2033.1138C119.702%2033.2117%20119.537%2033.2642%20119.368%2033.2642C119.198%2033.2642%20119.033%2033.2117%20118.895%2033.1138C118.757%2033.016%20118.653%2032.8777%20118.596%2032.718L117.923%2030.6495C117.682%2029.9171%20117.245%2029.2642%20116.661%2028.7608C116.238%2028.3939%20115.748%2028.1141%20115.217%2027.9372L113.144%2027.2645C112.984%2027.2083%20112.846%2027.1039%20112.748%2026.9657C112.65%2026.8275%20112.598%2026.6624%20112.598%2026.4931C112.598%2026.3238%20112.65%2026.1587%20112.748%2026.0206C112.846%2025.8824%20112.984%2025.778%20113.144%2025.7218L115.217%2025.049C115.839%2024.8355%20116.404%2024.4804%20116.866%2024.0118C117.327%2023.5432%20117.674%2022.9738%20117.879%2022.3484L118.552%2020.2799C118.608%2020.1195%20118.712%2019.9805%20118.85%2019.8821C118.989%2019.7837%20119.154%2019.7309%20119.324%2019.7309C119.494%2019.7309%20119.66%2019.7837%20119.798%2019.8821C119.937%2019.9805%20120.041%2020.1195%20120.097%2020.2799M129.58%2035.612L128.101%2035.1326C127.651%2034.983%20127.242%2034.7309%20126.907%2034.396C126.571%2034.0611%20126.318%2033.6528%20126.168%2033.2032L125.688%2031.7243C125.648%2031.6102%20125.574%2031.5112%20125.475%2031.4412C125.376%2031.3712%20125.258%2031.3336%20125.137%2031.3336C125.016%2031.3336%20124.898%2031.3712%20124.799%2031.4412C124.701%2031.5112%20124.626%2031.6102%20124.586%2031.7243L124.103%2033.2032C123.956%2033.6493%20123.708%2034.0554%20123.378%2034.39C123.048%2034.7246%20122.646%2034.9787%20122.202%2035.1326L120.723%2035.612C120.638%2035.6423%20120.561%2035.6919%20120.498%2035.7569C120.436%2035.8219%20120.389%2035.9005%20120.361%2035.9866C120.334%2036.0727%20120.327%2036.164%20120.341%2036.2533C120.355%2036.3425%20120.389%2036.4274%20120.441%2036.5013C120.51%2036.5979%20120.609%2036.6753%20120.723%2036.7139L122.202%2037.1953C122.653%2037.3456%20123.062%2037.5989%20123.398%2037.9352C123.734%2038.2715%20123.986%2038.6814%20124.136%2039.1323L124.615%2040.6093C124.655%2040.7235%20124.73%2040.8224%20124.828%2040.8924C124.927%2040.9624%20125.045%2041%20125.166%2041C125.287%2041%20125.405%2040.9624%20125.504%2040.8924C125.603%2040.8224%20125.677%2040.7235%20125.717%2040.6093L126.199%2039.1323C126.349%2038.6826%20126.601%2038.274%20126.936%2037.9388C127.272%2037.6036%20127.68%2037.351%20128.13%2037.2011L129.609%2036.7216C129.723%2036.6816%20129.822%2036.6071%20129.892%2036.5084C129.962%2036.4097%20130%2036.2917%20130%2036.1707C130%2036.0497%20129.962%2035.9317%20129.892%2035.833C129.822%2035.7343%20129.723%2035.6598%20129.609%2035.6197L129.58%2035.612Z%22%20fill=%22%232AABE2%22/%3E%0A%3Cpath%20d=%22M129.58%2035.6117L128.101%2035.1322C127.651%2034.9827%20127.242%2034.7305%20126.906%2034.3957C126.571%2034.0608%20126.318%2033.6525%20126.167%2033.2029L125.688%2031.724C125.648%2031.6098%20125.573%2031.5109%20125.474%2031.4409C125.376%2031.3709%20125.258%2031.3333%20125.137%2031.3333C125.016%2031.3333%20124.898%2031.3709%20124.799%2031.4409C124.7%2031.5109%20124.626%2031.6098%20124.586%2031.724L124.102%2033.2029C123.955%2033.649%20123.707%2034.0551%20123.377%2034.3897C123.048%2034.7243%20122.646%2034.9784%20122.202%2035.1322L120.723%2035.6117C120.637%2035.642%20120.561%2035.6916%20120.498%2035.7566C120.435%2035.8215%20120.388%2035.9002%20120.361%2035.9863C120.333%2036.0724%20120.326%2036.1636%20120.34%2036.2529C120.354%2036.3422%20120.388%2036.4271%20120.44%2036.5009C120.51%2036.5976%20120.609%2036.6749%20120.723%2036.7136L122.202%2037.195C122.652%2037.3452%20123.062%2037.5986%20123.398%2037.9349C123.733%2038.2711%20123.986%2038.681%20124.135%2039.132L124.615%2040.609C124.655%2040.7232%20124.729%2040.8221%20124.828%2040.8921C124.927%2040.9621%20125.045%2040.9997%20125.166%2040.9997C125.287%2040.9997%20125.405%2040.9621%20125.503%2040.8921C125.602%2040.8221%20125.677%2040.7232%20125.717%2040.609L126.198%2039.132C126.348%2038.6823%20126.601%2038.2737%20126.936%2037.9385C127.271%2037.6033%20127.68%2037.3507%20128.13%2037.2008L129.609%2036.7213C129.723%2036.6813%20129.822%2036.6068%20129.892%2036.5081C129.962%2036.4094%20129.999%2036.2914%20129.999%2036.1704C129.999%2036.0494%20129.962%2035.9313%20129.892%2035.8326C129.822%2035.7339%20129.723%2035.6594%20129.609%2035.6194L129.58%2035.6117Z%22%20fill=%22white%22/%3E%0A%3C/svg%3E") right center / contain no-repeat;
  box-shadow: none;
  z-index: 1030;                 /* under the site's Bootstrap modals (1050) */
}
.hdcw-fab > svg { display: none; }
.hdcw-fab:hover { transform: scale(1.02); transform-origin: right center; }
.hdcw-fab.hdcw-shift { max-width: calc(100vw - 104px); }

/* ---------- Header (24:711): an 81px band on the sheen, r15 on top. Mark
 * 33x33 @22,23; title "Mallow Road Motors" Bold 18/18 at x80 y24, one line;
 * subtitle Regular 12 at x80 y45, UNDER the title. Nav icons: reset 22x18
 * @295,23, expand 18x18 @333,23, close 17x17 @368,23 (exports + bezel). */
.hdcw-panel .hdcw-head {
  position: relative;
  height: 81px;
  flex: none;
  box-sizing: border-box;
  overflow: hidden;              /* an over-long name is clipped, never spilled */
  align-items: flex-start;
  padding: 0 15px 0 22px;
  gap: 0;
  background: linear-gradient(297.5deg, #06141F 66.2%, #01243E 74.8%, #06141F 82%) left top / 400px 81px no-repeat, #06141F;
}
.hdcw-head::before {
  content: '';
  flex: 0 0 33px;
  height: 33px;
  margin: 23px 25px 0 0;         /* title at x80 */
  background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width=%2233%22%20height=%2233%22%20viewBox=%220%200%2033%2033%22%20fill=%22none%22%20xmlns=%22http://www.w3.org/2000/svg%22%3E%0A%3Cpath%20d=%22M12.1007%201.09992C12.1007%200.808202%2011.9848%200.528434%2011.7785%200.322159C11.5722%200.115884%2011.2924%200%2011.0007%200C10.7089%200%2010.4291%200.115884%2010.2228%200.322159C10.0165%200.528434%209.90059%200.808202%209.90059%201.09992V2.19984H5.50033C4.62506%202.19984%203.78564%202.54749%203.16674%203.16631C2.54783%203.78514%202.20013%204.62444%202.20013%205.49959V12.0991C2.20013%2012.9743%202.54783%2013.8136%203.16674%2014.4324C3.78564%2015.0512%204.62506%2015.3989%205.50033%2015.3989H11.1943C11.2881%2015.1466%2011.4143%2014.9083%2011.5727%2014.6839C11.9467%2014.156%2012.4747%2013.76%2013.0908%2013.5378L14.1468%2013.199H5.50033C5.20857%2013.199%204.92877%2013.0831%204.72246%2012.8769C4.51616%2012.6706%204.40026%2012.3908%204.40026%2012.0991V5.49959C4.40026%205.20788%204.51616%204.92811%204.72246%204.72183C4.92877%204.51556%205.20857%204.39968%205.50033%204.39968H16.501C16.7927%204.39968%2017.0725%204.51556%2017.2788%204.72183C17.4852%204.92811%2017.601%205.20788%2017.601%205.49959V9.62869L17.8937%208.73336C18.1357%208.0734%2018.5317%207.54544%2019.0597%207.17147C19.2929%207.00428%2019.5401%206.87449%2019.8012%206.7821V5.49959C19.8012%204.62444%2019.4535%203.78514%2018.8346%203.16631C18.2157%202.54749%2017.3763%202.19984%2016.501%202.19984H12.1007V1.09992ZM3.3002%2018.6986H11.9093C12.2519%2019.0476%2012.6728%2019.3101%2013.137%2019.4642L15.4691%2020.2341C15.8013%2020.3463%2016.1094%2020.5223%2016.5054%2020.8743L16.5274%2020.8985H3.3002C3.00844%2020.8985%202.72864%2021.0143%202.52233%2021.2206C2.31603%2021.4269%202.20013%2021.7067%202.20013%2021.9984V22.7683C2.20013%2024.8472%203.09778%2026.2331%204.58067%2027.1548C6.12957%2028.1183%208.3715%2028.5979%2011.0007%2028.5979C13.6474%2028.5979%2015.8893%2028.1161%2017.4316%2027.1548C18.0521%2026.7698%2018.5691%2026.3013%2018.9607%2025.7337L19.0817%2025.8327C19.3898%2026.0527%2019.7198%2026.2067%2020.0718%2026.2947C19.8174%2026.8419%2019.7427%2027.4556%2019.8584%2028.0479C19.4723%2028.4156%2019.0491%2028.7422%2018.5955%2029.0225C16.5626%2030.2918%2013.8542%2030.7977%2011.0007%2030.7977C8.16249%2030.7977%205.45412%2030.2874%203.419%2029.0225C1.31788%2027.718%200%2025.6391%200%2022.7683V21.9984C0%2021.1232%200.347698%2020.2839%200.966605%2019.6651C1.58551%2019.0463%202.42493%2018.6986%203.3002%2018.6986ZM9.35056%208.79935C9.35056%209.23693%209.17671%209.65658%208.86726%209.96599C8.5578%2010.2754%208.13809%2010.4492%207.70046%2010.4492C7.26283%2010.4492%206.84312%2010.2754%206.53366%209.96599C6.22421%209.65658%206.05036%209.23693%206.05036%208.79935C6.05036%208.36178%206.22421%207.94212%206.53366%207.63271C6.84312%207.3233%207.26283%207.14947%207.70046%207.14947C8.13809%207.14947%208.5578%207.3233%208.86726%207.63271C9.17671%207.94212%209.35056%208.36178%209.35056%208.79935ZM14.3009%2010.4492C14.7385%2010.4492%2015.1582%2010.2754%2015.4676%209.96599C15.7771%209.65658%2015.951%209.23693%2015.951%208.79935C15.951%208.36178%2015.7771%207.94212%2015.4676%207.63271C15.1582%207.3233%2014.7385%207.14947%2014.3009%207.14947C13.8632%207.14947%2013.4435%207.3233%2013.1341%207.63271C12.8246%207.94212%2012.6508%208.36178%2012.6508%208.79935C12.6508%209.23693%2012.8246%209.65658%2013.1341%209.96599C13.4435%2010.2754%2013.8632%2010.4492%2014.3009%2010.4492ZM21.7329%209.41971L22.4985%2011.7757C22.736%2012.4923%2023.1378%2013.1435%2023.6719%2013.6771C24.2059%2014.2107%2024.8574%2014.612%2025.5743%2014.8489L27.9329%2015.6144L27.9791%2015.6276C28.1608%2015.6916%2028.3182%2015.8104%2028.4296%2015.9676C28.5409%2016.1248%2028.6007%2016.3127%2028.6007%2016.5054C28.6007%2016.698%2028.5409%2016.8859%2028.4296%2017.0431C28.3182%2017.2004%2028.1608%2017.3192%2027.9791%2017.3831L25.6227%2018.1487C24.9054%2018.3853%2024.2535%2018.7864%2023.719%2019.3201C23.1846%2019.8537%2022.7824%2020.505%2022.5447%2021.2218L21.7791%2023.5757C21.7151%2023.7574%2021.5963%2023.9148%2021.4391%2024.0261C21.2818%2024.1374%2021.0939%2024.1972%2020.9012%2024.1972C20.7086%2024.1972%2020.5207%2024.1374%2020.3634%2024.0261C20.2062%2023.9148%2020.0874%2023.7574%2020.0234%2023.5757L19.2577%2021.2218C18.9826%2020.3884%2018.486%2019.6455%2017.8211%2019.0726C17.3402%2018.6552%2016.7817%2018.3367%2016.1776%2018.1355L13.819%2017.3699C13.6373%2017.306%2013.4799%2017.1872%2013.3685%2017.0299C13.2572%2016.8727%2013.1974%2016.6848%2013.1974%2016.4922C13.1974%2016.2995%2013.2572%2016.1116%2013.3685%2015.9544C13.4799%2015.7972%2013.6373%2015.6784%2013.819%2015.6144L16.1776%2014.8489C16.8859%2014.6059%2017.5282%2014.2019%2018.0539%2013.6686C18.5796%2013.1354%2018.9743%2012.4874%2019.2071%2011.7757L19.9728%209.42191C20.0363%209.23943%2020.1551%209.08124%2020.3126%208.9693C20.4701%208.85736%2020.6585%208.79721%2020.8517%208.79721C21.045%208.79721%2021.2334%208.85736%2021.3909%208.9693C21.5484%209.08124%2021.6672%209.23943%2021.7307%209.42191M32.5223%2026.8688L30.8392%2026.3233C30.3273%2026.1531%2029.8619%2025.8662%2029.4801%2025.4851C29.0982%2025.1041%2028.8103%2024.6394%2028.6391%2024.1278L28.0935%2022.4449C28.0479%2022.315%2027.9631%2022.2024%2027.8508%2022.1228C27.7385%2022.0431%2027.6041%2022.0003%2027.4664%2022.0003C27.3287%2022.0003%2027.1944%2022.0431%2027.0821%2022.1228C26.9698%2022.2024%2026.885%2022.315%2026.8394%2022.4449L26.2894%2024.1278C26.122%2024.6354%2025.8397%2025.0975%2025.4646%2025.4783C25.0895%2025.8591%2024.6317%2026.1482%2024.1266%2026.3233L22.4435%2026.8688C22.3467%2026.9033%2022.2591%2026.9597%2022.1877%2027.0337C22.1163%2027.1076%2022.0629%2027.1971%2022.0318%2027.2951C22.0007%2027.3931%2021.9927%2027.4969%2022.0084%2027.5985C22.0241%2027.7001%2022.0631%2027.7967%2022.1223%2027.8807C22.2015%2027.9907%2022.3137%2028.0787%2022.4435%2028.1227L24.1266%2028.6705C24.6395%2028.8415%2025.1055%2029.1298%2025.4874%2029.5125C25.8693%2029.8951%2026.1567%2030.3615%2026.3268%2030.8747L26.8724%2032.5554C26.918%2032.6853%2027.0028%2032.7979%2027.1151%2032.8776C27.2274%2032.9572%2027.3617%2033%2027.4994%2033C27.6371%2033%2027.7715%2032.9572%2027.8838%2032.8776C27.9961%2032.7979%2028.0809%2032.6853%2028.1265%2032.5554L28.6743%2030.8747C28.845%2030.363%2029.1324%2029.898%2029.5139%2029.5166C29.8954%2029.1352%2030.3604%2028.8477%2030.8722%2028.6771L32.5553%2028.1315C32.6853%2028.086%2032.7979%2028.0012%2032.8776%2027.8889C32.9572%2027.7766%2033%2027.6423%2033%2027.5046C33%2027.3669%2032.9572%2027.2326%2032.8776%2027.1203C32.7979%2027.008%2032.6853%2026.9232%2032.5553%2026.8776L32.5223%2026.8688Z%22%20fill=%22%232AABE2%22/%3E%0A%3Cpath%20d=%22M32.5218%2026.8685L30.8387%2026.3229C30.3267%2026.1528%2029.8614%2025.8658%2029.4795%2025.4848C29.0976%2025.1037%2028.8097%2024.639%2028.6385%2024.1275L28.0929%2022.4446C28.0474%2022.3147%2027.9625%2022.2021%2027.8502%2022.1224C27.7379%2022.0428%2027.6036%2022%2027.4659%2022C27.3282%2022%2027.1939%2022.0428%2027.0815%2022.1224C26.9692%2022.2021%2026.8844%2022.3147%2026.8388%2022.4446L26.2888%2024.1275C26.1214%2024.635%2025.8392%2025.0972%2025.4641%2025.4779C25.089%2025.8587%2024.6311%2026.1479%2024.1261%2026.3229L22.443%2026.8685C22.3461%2026.903%2022.2585%2026.9594%2022.1871%2027.0333C22.1157%2027.1073%2022.0623%2027.1968%2022.0312%2027.2947C22.0001%2027.3927%2021.9921%2027.4966%2022.0078%2027.5982C22.0235%2027.6998%2022.0625%2027.7964%2022.1218%2027.8804C22.201%2027.9904%2022.3132%2028.0784%2022.443%2028.1224L24.1261%2028.6701C24.639%2028.8412%2025.1049%2029.1295%2025.4868%2029.5121C25.8688%2029.8948%2026.1562%2030.3612%2026.3262%2030.8744L26.8718%2032.5551C26.9174%2032.685%2027.0022%2032.7976%2027.1145%2032.8772C27.2269%2032.9569%2027.3612%2032.9997%2027.4989%2032.9997C27.6366%2032.9997%2027.7709%2032.9569%2027.8832%2032.8772C27.9956%2032.7976%2028.0804%2032.685%2028.1259%2032.5551L28.6737%2030.8744C28.8444%2030.3627%2029.1319%2029.8977%2029.5134%2029.5162C29.8948%2029.1348%2030.3599%2028.8474%2030.8717%2028.6767L32.5548%2028.1312C32.6847%2028.0856%2032.7973%2028.0008%2032.877%2027.8885C32.9566%2027.7762%2032.9994%2027.6419%2032.9994%2027.5042C32.9994%2027.3665%2032.9566%2027.2322%2032.877%2027.1199C32.7973%2027.0076%2032.6847%2026.9228%2032.5548%2026.8773L32.5218%2026.8685Z%22%20fill=%22white%22/%3E%0A%3C/svg%3E") center / contain no-repeat;
}
.hdcw-head > div { margin-top: 22px; min-width: 0; padding-right: 12px; }
.hdcw-head b {
  font-size: 18px;
  line-height: 20px;
  font-weight: 700;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.hdcw-head small {
  display: block;
  margin-top: 2px;
  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: 23px 0 0 auto;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width=%2222%22%20height=%2218%22%20viewBox=%220%200%2022%2018%22%20fill=%22none%22%20xmlns=%22http://www.w3.org/2000/svg%22%3E%0A%3Cpath%20d=%22M13%201C17.4133%201%2021%204.58667%2021%209C21%2013.4133%2017.4133%2017%2013%2017C8.58667%2017%205%2013.4133%205%209V5.66667%22%20stroke=%22white%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22/%3E%0A%3Cpath%20d=%22M1%209L5%205L9%209%22%20stroke=%22white%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22/%3E%0A%3C/svg%3E");
  background-size: 22px 18px;
}
.hdcw-reset svg { display: none; }
.hdcw-panel:not(.hdcw-max) .hdcw-exp {
  width: 18px;
  height: 18px;
  margin: 23px 0 0 16px;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width=%2218%22%20height=%2218%22%20viewBox=%22-1%20-1%2018%2018%22%20fill=%22none%22%20xmlns=%22http://www.w3.org/2000/svg%22%3E%0A%3Cpath%20d=%22M1.2002%2012V14.7998H4V16H0V12H1.2002ZM16%2016H12V14.7998H14.7998V12H16V16ZM16%204H14.7998V1.2002H12V0H16V4ZM4%201.2002H1.2002V4H0V0H4V1.2002Z%22%20fill=%22white%22/%3E%0A%3C/svg%3E");
  background-size: 18px 18px;
}
.hdcw-panel:not(.hdcw-max) .hdcw-exp svg { display: none; }
.hdcw-max .hdcw-exp { margin: 24px 0 0 17px; font-size: 0; }
.hdcw-close {
  width: 17px;
  height: 17px;
  margin: 23px 0 0 17px;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width=%2217%22%20height=%2217%22%20viewBox=%22-1%20-1%2017%2017%22%20fill=%22none%22%20xmlns=%22http://www.w3.org/2000/svg%22%3E%0A%3Cpath%20d=%22M15%201.74427L13.2557%200L7.5%205.75573L1.74427%200L0%201.74427L5.75573%207.5L0%2013.2557L1.74427%2015L7.5%209.24427L13.2557%2015L15%2013.2557L9.24427%207.5L15%201.74427Z%22%20fill=%22white%22/%3E%0A%3C/svg%3E");
  background-size: 17px 17px;
}

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

/* Bubbles. Bot (37:322 / 37:325 / 16:205 / 42:720): #EDEDED, 1px #C7C7C7
 * inside stroke, r10 with the BOTTOM-LEFT corner square, Regular 14/17 (ls
 * 1%), text 22px in, a one-line bubble 51 tall, two lines 68; fixed 334px
 * wide on every artboard.
 * User (37:388 / 42:676 / 19:649): #697277, white 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: 15px 22px;
  font-size: 14px;
  line-height: 17px;
  letter-spacing: .01em;
}
.hdcw-bot {
  width: 91.26%;                 /* 334 of the 366px column */
  max-width: 91.26%;
  box-sizing: border-box;
  background: #EDEDED;
  border-color: #C7C7C7;
  border-radius: 10px 10px 10px 0;
  padding: 16px 22px 16px 21px;
  color: #000000;
}
.hdcw-bot b, .hdcw-bot strong { font-weight: 700; }
/* The greeting (1:11 on 01-chat, the same text block on the six artboards
 * that repeat it): a 95px bubble, its Bold headline then a 24px gap to the
 * second line and a 17px one to the third. The headline is an inline-block
 * with a 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. */
.hdcw-msgs > .hdcw-bot:first-child:not(:has(+ .hdcw-cars, + .hdcw-ghead)) { padding: 13px 22px 22px 21px; margin-bottom: 1px; letter-spacing: 0; }  /* 1:11 has no tracking (the other bubbles carry 1%); the next bubble 11px under it (02-help1, 04-help2: 190 -> 201) */
.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; }
/* The stock summary ("We have 122 cars in stock right now", 16:205 on
 * 15-browse and 19:391 on 16-browse-auto) is drawn 63 tall with its text 14px
 * under the top, 15px under the greeting; it is the bubble the section heads
 * follow. */
.hdcw-bot:has(+ .hdcw-ghead) { padding-top: 13px; padding-bottom: 14px; }
.hdcw-msgs > .hdcw-bot:first-child + .hdcw-bot:has(+ .hdcw-ghead) { margin-top: 4px; }
/* A reply that links cars (19:515 on 16-browse-auto): WHITE with a 1px
 * #E4E6EA stroke, Regular 14/19, bold runs and the car links Bold and
 * underlined black; text box 28px under the top edge, 49px above the bottom
 * one (the designer's fixed rectangle), wrapped at 284px. */
.hdcw-bot:has(a.hdcw-link) {
  background: #fff;
  border-color: #E4E6EA;
  line-height: 19px;
  padding: 27px 27px 48px 21px;
}
.hdcw-bot a.hdcw-link { font-weight: 700; color: #000000; text-decoration: underline; }
.hdcw-user { border-radius: 10px 10px 0 10px; font-weight: 400; padding: 16px 20px 15px 22px; margin: -2px 0; }  /* the designer's hand gaps around a user bubble run 6-12px, median 8 (04-help2..08-help6) */
.hdcw-msgs > .hdcw-user:first-child { margin-top: 0; }
.hdcw-typing {
  background: #EDEDED;
  border-color: #C7C7C7;
  border-radius: 10px 10px 10px 0;
  padding: 16px 22px 16px 21px;
}
/* "Searching our stock..." (2030:573, 19:537): Regular 12 - NOT italic -
 * #6D6D6D at x20, 13px under the user bubble and 16px above the reply. */
.hdcw-status { font-style: normal; font-size: 12px; line-height: 14px; margin: 3px 0 6px; }

/* ---------- Openers (lozenge 12:145 / 60001:842 / 6001:1006 / 6001:1031).
 * 361x72 rows, r10, #F1F1F1, 1px #B7B7B7 inside stroke, NO shadow, tops 206
 * / 286 / 366 / 447 (8, 8 and 9 apart), the first 16px under the greeting.
 * Titles Bold 16 #06141F at x78 (19 down), captions Regular 12 black at x78
 * (40 down); the quiz and alert rows the designer set 1px higher and 1px
 * further left. Black chevron 6x12 at x353.5 (352.5 on rows 3-4), 29.5 down.
 * "Something else" (2023:430) has NO box: its rectangle 44002:623 is hidden,
 * so only the glyph, the title and the chevron show - the hidden rectangle
 * (522..574) is used as its hover state. */
.hdcw-opener { gap: 8px; margin: 5px 5px 0 0; }  /* 361 wide: x16..377 */
.hdcw-opener button.hdcw-op-alert { margin-top: 1px; }
.hdcw-opener button { position: relative; }
.hdcw-opener button.hdcw-op-used,
.hdcw-opener button.hdcw-op-new,
.hdcw-opener button.hdcw-op-quiz,
.hdcw-opener button.hdcw-op-tradein,
.hdcw-opener button.hdcw-op-alert,
.hdcw-opener .hdcw-else.hdcw-op-else {
  box-sizing: border-box;
  border: 1px solid #B7B7B7;
  border-radius: 10px;
  background:
    url("data:image/svg+xml;charset=utf-8,%3Csvg%20width=%228%22%20height=%2214%22%20viewBox=%22-1%20-1%208%2014%22%20fill=%22none%22%20xmlns=%22http://www.w3.org/2000/svg%22%3E%0A%3Cpath%20d=%22M5.40984e-09%201.215L1.00917%202.18156e-07L6%206L1.00917%2012L4.23728e-07%2010.785L3.97792%206L5.40984e-09%201.215Z%22%20fill=%22black%22/%3E%0A%3C/svg%3E") no-repeat right 15.5px top 27px / 8px 14px,
    #F1F1F1;
  color: #06141F;
  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: 18px 36px 17px 61px;  /* 1 + 18 + 18 title + 3 + 14 caption + 17 + 1 = 72 */
  font-size: 16px;
  font-weight: 700;
  line-height: 18px;
}
/* The designer set "Help me Choose a Car" and "Get First-Mover Advantage!"
 * by hand 1px higher (6001:1011 @384 on 366, 6001:1036 @465 on 447) and 1px
 * (quiz) / 2px (alert title) further left; their chevrons sit 1px further
 * left (6001:1025/1038 @352.5). */
.hdcw-opener button.hdcw-op-quiz,
.hdcw-opener button.hdcw-op-alert {
  padding: 17px 36px 18px 60px;
  background:
    url("data:image/svg+xml;charset=utf-8,%3Csvg%20width=%228%22%20height=%2214%22%20viewBox=%22-1%20-1%208%2014%22%20fill=%22none%22%20xmlns=%22http://www.w3.org/2000/svg%22%3E%0A%3Cpath%20d=%22M5.40984e-09%201.215L1.00917%202.18156e-07L6%206L1.00917%2012L4.23728e-07%2010.785L3.97792%206L5.40984e-09%201.215Z%22%20fill=%22black%22/%3E%0A%3C/svg%3E") no-repeat right 16.5px top 27px / 8px 14px,
    #F1F1F1;
}
.hdcw-opener button.hdcw-op-alert { padding-left: 59px; }
.hdcw-opener button.hdcw-op-alert::after { padding-left: 1px; }
/* Hover restates the whole background: on a vehicle page the widget gives
 * these rows its .hdcw-else class too, and its `.hdcw-opener .hdcw-else:hover
 * { background: ... }` shorthand would otherwise drop the chevron. */
.hdcw-opener button.hdcw-op-used:hover,
.hdcw-opener button.hdcw-op-new:hover,
.hdcw-opener button.hdcw-op-tradein:hover {
  background:
    url("data:image/svg+xml;charset=utf-8,%3Csvg%20width=%228%22%20height=%2214%22%20viewBox=%22-1%20-1%208%2014%22%20fill=%22none%22%20xmlns=%22http://www.w3.org/2000/svg%22%3E%0A%3Cpath%20d=%22M5.40984e-09%201.215L1.00917%202.18156e-07L6%206L1.00917%2012L4.23728e-07%2010.785L3.97792%206L5.40984e-09%201.215Z%22%20fill=%22black%22/%3E%0A%3C/svg%3E") no-repeat right 15.5px top 27px / 8px 14px,
    #E9E9E9;
  opacity: 1;
}
.hdcw-opener button.hdcw-op-quiz:hover,
.hdcw-opener button.hdcw-op-alert:hover {
  background:
    url("data:image/svg+xml;charset=utf-8,%3Csvg%20width=%228%22%20height=%2214%22%20viewBox=%22-1%20-1%208%2014%22%20fill=%22none%22%20xmlns=%22http://www.w3.org/2000/svg%22%3E%0A%3Cpath%20d=%22M5.40984e-09%201.215L1.00917%202.18156e-07L6%206L1.00917%2012L4.23728e-07%2010.785L3.97792%206L5.40984e-09%201.215Z%22%20fill=%22black%22/%3E%0A%3C/svg%3E") no-repeat right 16.5px top 27px / 8px 14px,
    #E9E9E9;
  opacity: 1;
}
/* Glyph boxes = the export + its 1px bezel, placed from the padding box
 * (artwork offset - 1px border - 1px bezel). */
.hdcw-opener button.hdcw-op-used::before,
.hdcw-opener button.hdcw-op-new::before,
.hdcw-opener button.hdcw-op-quiz::before,
.hdcw-opener button.hdcw-op-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:727), 21x21 @38,229 on a row whose top is y206. */
.hdcw-opener button.hdcw-op-used::before,
.hdcw-opener button.hdcw-op-new::before { left: 20px; top: 21px; 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%20fill-rule=%22evenodd%22%20clip-rule=%22evenodd%22%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=%22%2305141F%22/%3E%0A%3C/svg%3E"); }
/* Tap hand (52004:824), 18x22 @37,387 (export 20x24 @36,386) on a row at 366. */
.hdcw-opener button.hdcw-op-quiz::before { left: 18px; top: 18px; width: 22px; height: 26px; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width=%2222%22%20height=%2226%22%20viewBox=%22-1%20-1%2022%2026%22%20fill=%22none%22%20xmlns=%22http://www.w3.org/2000/svg%22%3E%0A%3Cpath%20d=%22M17.3523%2022.9689H6.62929C6.60536%2022.9688%206.58186%2022.9626%206.56094%2022.951C6.54002%2022.9394%206.52235%2022.9227%206.50956%2022.9025L1.34796%2014.5806C1.18804%2014.3277%201.08023%2014.0453%201.03084%2013.7501C0.981446%2013.4549%200.991467%2013.1528%201.06032%2012.8616C1.12917%2012.5703%201.25546%2012.2957%201.43179%2012.0539C1.60812%2011.812%201.83095%2011.6078%202.08721%2011.4532C2.34347%2011.2986%202.62802%2011.1967%202.92417%2011.1535C3.22033%2011.1102%203.52213%2011.1265%203.8119%2011.2014C4.10167%2011.2763%204.37358%2011.4083%204.61169%2011.5896C4.8498%2011.771%205.04932%2011.998%205.19856%2012.2574L6.55075%2014.5609V3.16504C6.55075%202.59083%206.77885%202.04015%207.18488%201.63413C7.5909%201.2281%208.14159%201%208.71579%201C9.28999%201%209.84068%201.2281%2010.2467%201.63413C10.6527%202.04015%2010.8808%202.59083%2010.8808%203.16504V8.28874C10.8808%208.61004%2011.1362%208.87422%2011.4575%208.88465L17.84%209.09775C18.1512%209.10815%2018.4462%209.23909%2018.6626%209.46291C18.8791%209.68672%2019%209.9859%2019%2010.2973V21.3213C19%2021.7583%2018.8264%2022.1773%2018.5174%2022.4863C18.2084%2022.7953%2017.7893%2022.9689%2017.3523%2022.9689Z%22%20stroke=%22%2306131F%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22/%3E%0A%3C/svg%3E"); }
/* Envelope (62001:723), 21x14.7 @38,468 (export 23x17 @37,467) on a row at 447. */
.hdcw-opener button.hdcw-op-alert::before { left: 19px; top: 18px; width: 25px; height: 19px; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width=%2225%22%20height=%2219%22%20viewBox=%22-1%20-1%2025%2019%22%20fill=%22none%22%20xmlns=%22http://www.w3.org/2000/svg%22%3E%0A%3Cpath%20d=%22M6.13302%205.05995L11.4997%208.81662L16.8664%205.05995%22%20stroke=%22%2306141F%22%20stroke-width=%221.53333%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22/%3E%0A%3Cpath%20d=%22M0.766667%2013.6467V2.91333C0.766667%202.34401%200.99283%201.79799%201.39541%201.39541C1.79799%200.99283%202.34401%200.766667%202.91333%200.766667H20.0867C20.656%200.766667%2021.202%200.99283%2021.6046%201.39541C22.0072%201.79799%2022.2333%202.34401%2022.2333%202.91333V13.6467C22.2333%2014.216%2022.0072%2014.7621%2021.6046%2015.1647C21.202%2015.5671%2020.656%2015.7934%2020.0867%2015.7934H2.91333C2.34401%2015.7934%201.79799%2015.5671%201.39541%2015.1647C0.99283%2014.7621%200.766667%2014.216%200.766667%2013.6467Z%22%20stroke=%22%2306141F%22%20stroke-width=%221.5%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: 3px;
  text-align: left;
  font-size: 12px;
  font-weight: 400;
  line-height: 14px;
  letter-spacing: 0;
  color: #000000;
}
/* The artwork's captions, verbatim; the stock number is live (CON-995): the
 * widget sets data-stock on the button once /chat/search answers, and the
 * caption without a number shows until it arrives, or if it cannot.
 * Roll back to the artwork's typed number: delete the [data-stock] rule and
 * put 'Over 120 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'; }
/* The artwork draws the New Vehicles row (60001:842) with this caption. New
 * cars stay off in the chat (CON-1020 default, show_new_cars unset), so the
 * widget only renders it if the admin ever ticks "Show the new cars button". */
.hdcw-opener button.hdcw-op-new::after { content: 'Browse our Kia, Peugeot & Citroen ranges'; }
.hdcw-opener button.hdcw-op-quiz::after { content: 'Get matched to car to suit your needs'; }
.hdcw-opener button.hdcw-op-alert::after { content: 'Receive a daily stock alert'; }

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

/* Context CTA ("Tell me about this car" 19:683 on 16-browse-auto): 349x55 at
 * x24, r10, flat #06131F, white Bold 16 centred, cap line 20px down. */
.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: 17px 0 19px;          /* cap line 20px under the bar top (19:681) */
  background: #06131F;
  color: #fff;
  font-size: 16px;
  font-weight: 700;
  line-height: 19px;
}
.hdcw-opener button.hdcw-op-ctx:hover { background: #06131F; opacity: .9; }

/* ---------- Chips (item 16:212): 31px white, r10, NO stroke, 0/4/4 25%
 * shadow, Regular 12/13 black, centred, ~16px side padding (the artwork's
 * are hand-sized), 5px gaps, 36px row pitch, rows at x18. Selected = 1px
 * #0C0F20 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: 7px 14px 9px;         /* text cap 10px under the chip top; 14 keeps 15-browse's four POPULAR rows of three */
  font-size: 12px;
  line-height: 13px;
  letter-spacing: 0;
  box-shadow: 0 4px 4px rgba(0,0,0,.25);
}
.hdcw-chip:hover { background: #F4F4F4; border-color: transparent; color: #000000; }
.hdcw-chip--sel { border-color: #0C0F20; box-shadow: 0 4px 4px rgba(0,0,0,.25); font-weight: 400; }
.hdcw-chip--sel:hover { border-color: #0C0F20; }
/* Bootstrap's reboot (MRM2 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, tracking 0, x24;
 * 13px under a bubble, 18px under a chip row, 9px above its chips. */
.hdcw-ghead {
  letter-spacing: 0;
  font-size: 11px;
  font-weight: 700;
  line-height: 13px;
  margin: 3px 6px -1px 8px;
}
.hdcw-chips + .hdcw-ghead { margin-top: 8px; }
/* Answer chips straight under a question (the quiz, 02-help1 to 07-help5):
 * flush with the bubble at x16, 8px under it, 4px gaps (35px pitch). */
.hdcw-bot + .hdcw-chips { padding-left: 0; margin-top: -2px; gap: 4px 4px; }
.hdcw-bot + .hdcw-chips .hdcw-chip { padding-left: 16px; padding-right: 16px; }  /* the quiz answers are roomier: 'None' 31px of text in 64 (37:353) */

/* ---------- Car cards ("csr search" 19:566): 176 wide, 14px apart, white,
 * 1px #E4E6EA, r10 at the bottom (the photo squares the top), 244 tall.
 * Photo 176x113. Body text 12px in: title Regular 12 (two lines 14 apart),
 * price Bold 12/19, monthly Regular 12/16, meta Regular 10/17. Flush split
 * action bar 31 tall: Details (77, white, #E4E6EA rule) | I'm Interested
 * (99, #06131F, white ink), both Regular 12/13 ls -1%. */
.hdcw-cars { gap: 14px; padding: 2px 2px 0; margin: -1px 0 -1px; }  /* cards at x18 / x208, 11px under the bubble, the model chips 9px under them (08-help6: 232 -> 243, 487 -> 496) */
.hdcw-ncgrid { gap: 14px; }
.hdcw-car { border-radius: 0 0 10px 10px; border-color: #E4E6EA; border-top: 0; }  /* the photo covers the card's top stroke (19:541 over 19:538) */
.hdcw-car img.hdcw-carimg, .hdcw-car .hdcw-noimg { height: 113px; }
.hdcw-car .hdcw-carbody { padding: 9px 11px 9px; }  /* title cap 124px under the card top, the bar at 213 */
.hdcw-car h4.hdcw-cartitle {
  /* name every property: Bootstrap's h4 rule, MRM2's h1-h6 "Kia" and its
   * stray `.privacy-notice h3,h4 { padding: .5em 0 }` (style.css l.5843,
   * which pads EVERY h4) would win otherwise */
  margin: 0;
  padding: 0;
  font-family: var(--hdcw-font);
  font-size: 12px;
  font-weight: 400;
  line-height: 14px;
  letter-spacing: .01em;
  color: #000000;
  max-height: 28px;
}
.hdcw-car .hdcw-price { color: #000000; font-size: 12px; font-weight: 700; line-height: 19px; margin-top: 3px; letter-spacing: .01em; }
.hdcw-car .hdcw-mo { color: #000000; font-size: 12px; font-weight: 400; line-height: 16px; margin-top: -1px; letter-spacing: .01em; }
.hdcw-car .hdcw-meta { color: #000000; font-size: 10px; line-height: 17px; margin-top: 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;              /* the bar 19:564 is 31 with the card's own bottom stroke */
  padding: 7px 0 9px;            /* label cap 10px under the bar top (19:565) */
  font-size: 12px;
  font-weight: 400;
  line-height: 13px;
  letter-spacing: -.01em;
  background: #fff;
  color: #000000;
}
.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: #06131F;
  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: #06131F; opacity: .85; color: #fff; }

/* ---------- Footer (24:712): #E4E6EA band 400x129. Input 299x51 @21,20,
 * r10, 1px black, white, placeholder Regular 14 (ls 1%) black, 22px in.
 * Send: the 52px #06131F circle 8px right of it. Disclosure Regular 12/15
 * (ls .1px) black, centred 1px left of the panel's centre, 10px under the
 * input, 17px above the panel foot. */
.hdcw-input {
  background: #E4E6EA;
  border-top: 0;
  padding: 20px 20px 0 21px;     /* the 52px send sets the row: 20 + 52 */
  gap: 8px;
}
.hdcw-input input {
  box-sizing: border-box;
  min-width: 0;
  height: 51px;
  border-radius: 10px;
  padding: 0 20px 0 21px;
  font-size: 14px;
  line-height: 49px;
  letter-spacing: .01em;
  background: #fff;
}
/* font: inherit - MRM2's style.css l.5481 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: #06131F; }
.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%2306131F%22/%3E%0A%3Cpath%20d=%22M21.6667%2026L19%2034L35%2026L19%2018L21.6667%2026ZM21.6667%2026H27%22%20stroke=%22white%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%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;
  padding: 9px 54px 18px 52px;
}
.hdcw-powered a.hdcw-tc { color: #000000; text-decoration: underline; }
.hdcw-powered a.hdcw-tc:hover { color: #06141F; }
.hdcw-powered > div { display: inline; }
.hdcw-powered > div:first-child::after { content: '.   '; white-space: pre; }
/* The home artboard (01-chat, the opener list) prints "Terms & Conditions"
 * plain; every other artboard 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: 10px 24px 17px; }
}

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