@font-face { font-family: 'HDCW Kia'; src: url('/fonts/KiaSignatureOTFRegular.woff') format('woff'), url('/fonts/KiaSignatureOTFRegular.woff2') format('woff2'); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: 'HDCW Kia'; src: url('/fonts/KiaSignatureOTFBold.woff') format('woff'), url('/fonts/KiaSignatureOTFBold.woff2') format('woff2'); font-weight: 700; font-style: normal; font-display: swap; }
/* CON-1165 chat widget branding - Rice & Roddy Motors (rarm2, template RARM2).
 * Source of truth: the designer's Figma "Rice & Roddy Motors (Ai Assistant)"
 * (file DBiQBiI6XNHXD9dtFevd3Y) and its 16 @2x artboard PNGs, which outrank
 * the node dump wherever the two disagree. Tooling and QA:
 * tickets/CON-1165/rarm2/qa-rarm2/; design notes and the probe table:
 * tickets/CON-1165/rarm2/DESIGN-rarm2.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 headset mark; #EDEDED bot bubbles with a
 * #C7C7C7 stroke and a squared bottom-left corner; #697277 user bubbles;
 * the openers as a white list ruled by 1px #B7B7B7 lines, #05141F glyphs and
 * titles, black chevrons ("Something else" unruled); 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/CON-1165/rarm2/build-theme-rarm2.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: #05141F;
  --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: #05141F;
  --hdcw-head-color: #fff;
  --hdcw-user-bg: #697277;
  --hdcw-user-color: #fff;
  --hdcw-link: #000000;
  --hdcw-btn-bg: #05141F;
  --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%2305141F%22%20fill-opacity=%220.97%22/%3E%0A%3Cpath%20d=%22M63.172%2023.21L59.28%2012.57H61.394L64.348%2021.026L67.316%2012.57H69.178L65.3%2023.21H63.172ZM72.315%2014.404H70.509V12.486H72.315V14.404ZM72.315%2023.21H70.509V15.566H72.315V23.21ZM76.2251%2023.21H74.4191V15.566H76.1131L76.1971%2016.826C76.5191%2015.944%2077.4011%2015.356%2078.4931%2015.356C78.6751%2015.356%2078.9551%2015.384%2079.0951%2015.426V17.036C78.8991%2016.966%2078.6751%2016.924%2078.4231%2016.924C77.4151%2016.924%2076.4911%2017.554%2076.2251%2018.59V23.21ZM81.5886%2016.952H79.9366V15.566H81.5886V13.242H83.3946V15.566H85.0886V16.952H83.3946V23.21H81.5886V16.952ZM86.2147%2015.566H88.0207V20.564C88.0207%2021.376%2088.3007%2022.02%2089.1967%2022.02C90.1207%2022.02%2091.0307%2021.208%2091.3387%2020.228V15.566H93.1447V23.21H91.4507L91.3387%2022.104C90.8627%2022.748%2090.0087%2023.42%2088.9027%2023.42C87.2227%2023.42%2086.2147%2022.412%2086.2147%2020.564V15.566ZM94.7514%2021.068C94.7514%2020.452%2094.9474%2019.962%2095.2554%2019.598C95.8574%2018.926%2096.8374%2018.632%2098.0274%2018.45L99.6374%2018.198C99.5534%2017.218%2098.9514%2016.7%2097.7894%2016.7C96.9494%2016.7%2096.0254%2017.176%2095.4514%2017.988V16.238C95.9554%2015.832%2096.8094%2015.356%2098.1674%2015.356C99.9594%2015.356%20101.457%2016.266%20101.457%2018.52V23.21H99.9454L99.7774%2022.328C99.0634%2023.014%2098.3074%2023.42%2097.2014%2023.42C95.6614%2023.42%2094.7514%2022.524%2094.7514%2021.068ZM96.5434%2020.984C96.5434%2021.6%2096.9494%2021.978%2097.5514%2021.978C98.5034%2021.978%2099.3294%2021.306%2099.6794%2020.536V19.472L98.7694%2019.626C97.3554%2019.864%2097.0474%2020.088%2096.8094%2020.312C96.6414%2020.48%2096.5434%2020.704%2096.5434%2020.984ZM105.223%2023.21H103.417V12.486H105.223V23.21ZM61.058%2039.21H59.21L63.27%2028.57H65.356L69.43%2039.21H67.386L66.308%2036.312H62.136L61.058%2039.21ZM64.222%2030.67L62.696%2034.786H65.748L64.222%2030.67ZM70.4907%2038.58V36.816C71.0927%2037.586%2071.9747%2038.006%2072.8847%2038.006C73.8507%2038.006%2074.2147%2037.614%2074.2147%2037.152C74.2147%2036.774%2074.0327%2036.508%2073.2487%2036.214L72.4787%2035.92C71.2467%2035.444%2070.4767%2034.786%2070.4767%2033.568C70.4767%2032.406%2071.3587%2031.356%2073.2347%2031.356C74.2007%2031.356%2075.0827%2031.748%2075.6007%2032.14V33.876C74.8447%2033.078%2074.0187%2032.756%2073.2627%2032.756C72.4087%2032.756%2072.1987%2033.204%2072.1987%2033.456C72.1987%2033.848%2072.5067%2034.058%2073.2487%2034.338L74.0047%2034.618C75.3627%2035.122%2075.9647%2035.85%2075.9647%2036.984C75.9647%2038.58%2074.6767%2039.42%2072.8707%2039.42C71.8767%2039.42%2070.9667%2039.028%2070.4907%2038.58ZM77.3813%2038.58V36.816C77.9833%2037.586%2078.8653%2038.006%2079.7753%2038.006C80.7413%2038.006%2081.1053%2037.614%2081.1053%2037.152C81.1053%2036.774%2080.9233%2036.508%2080.1393%2036.214L79.3693%2035.92C78.1373%2035.444%2077.3673%2034.786%2077.3673%2033.568C77.3673%2032.406%2078.2493%2031.356%2080.1253%2031.356C81.0913%2031.356%2081.9733%2031.748%2082.4913%2032.14V33.876C81.7353%2033.078%2080.9093%2032.756%2080.1533%2032.756C79.2993%2032.756%2079.0893%2033.204%2079.0893%2033.456C79.0893%2033.848%2079.3973%2034.058%2080.1393%2034.338L80.8953%2034.618C82.2533%2035.122%2082.8553%2035.85%2082.8553%2036.984C82.8553%2038.58%2081.5673%2039.42%2079.7613%2039.42C78.7673%2039.42%2077.8573%2039.028%2077.3813%2038.58ZM86.274%2030.404H84.468V28.486H86.274V30.404ZM86.274%2039.21H84.468V31.566H86.274V39.21ZM88.1821%2038.58V36.816C88.7841%2037.586%2089.6661%2038.006%2090.5761%2038.006C91.5421%2038.006%2091.9061%2037.614%2091.9061%2037.152C91.9061%2036.774%2091.7241%2036.508%2090.9401%2036.214L90.1701%2035.92C88.9381%2035.444%2088.1681%2034.786%2088.1681%2033.568C88.1681%2032.406%2089.0501%2031.356%2090.9261%2031.356C91.8921%2031.356%2092.7741%2031.748%2093.2921%2032.14V33.876C92.5361%2033.078%2091.7101%2032.756%2090.9541%2032.756C90.1001%2032.756%2089.8901%2033.204%2089.8901%2033.456C89.8901%2033.848%2090.1981%2034.058%2090.9401%2034.338L91.6961%2034.618C93.0541%2035.122%2093.6561%2035.85%2093.6561%2036.984C93.6561%2038.58%2092.3681%2039.42%2090.5621%2039.42C89.5681%2039.42%2088.6581%2039.028%2088.1821%2038.58ZM96.0807%2032.952H94.4287V31.566H96.0807V29.242H97.8867V31.566H99.5807V32.952H97.8867V39.21H96.0807V32.952ZM100.357%2037.068C100.357%2036.452%20100.553%2035.962%20100.861%2035.598C101.463%2034.926%20102.443%2034.632%20103.633%2034.45L105.243%2034.198C105.159%2033.218%20104.557%2032.7%20103.395%2032.7C102.555%2032.7%20101.631%2033.176%20101.057%2033.988V32.238C101.561%2031.832%20102.415%2031.356%20103.773%2031.356C105.565%2031.356%20107.063%2032.266%20107.063%2034.52V39.21H105.551L105.383%2038.328C104.669%2039.014%20103.913%2039.42%20102.807%2039.42C101.267%2039.42%20100.357%2038.524%20100.357%2037.068ZM102.149%2036.984C102.149%2037.6%20102.555%2037.978%20103.157%2037.978C104.109%2037.978%20104.935%2037.306%20105.285%2036.536V35.472L104.375%2035.626C102.961%2035.864%20102.653%2036.088%20102.415%2036.312C102.247%2036.48%20102.149%2036.704%20102.149%2036.984ZM110.829%2039.21H109.023V31.566H110.717L110.829%2032.672C111.305%2032.028%20112.159%2031.356%20113.265%2031.356C114.945%2031.356%20115.953%2032.364%20115.953%2034.212V39.21H114.147V34.212C114.147%2033.4%20113.867%2032.756%20112.971%2032.756C112.047%2032.756%20111.137%2033.568%20110.829%2034.548V39.21ZM118.721%2032.952H117.069V31.566H118.721V29.242H120.527V31.566H122.221V32.952H120.527V39.21H118.721V32.952Z%22%20fill=%22white%22/%3E%0A%3Cpath%20d=%22M33.5223%2025.8686L31.8391%2025.323C31.3271%2025.1529%2030.8618%2024.8659%2030.4799%2024.4849C30.098%2024.1038%2029.8101%2023.6391%2029.6389%2023.1275L29.0932%2021.4446C29.0477%2021.3147%2028.9629%2021.2021%2028.8505%2021.1224C28.7382%2021.0428%2028.6039%2021%2028.4662%2021C28.3284%2021%2028.1941%2021.0428%2028.0818%2021.1224C27.9694%2021.2021%2027.8846%2021.3147%2027.8391%2021.4446L27.289%2023.1275C27.1216%2023.6351%2026.8394%2024.0973%2026.4642%2024.478C26.0891%2024.8588%2025.6312%2025.148%2025.1262%2025.323L23.443%2025.8686C23.3461%2025.9031%2023.2586%2025.9595%2023.1871%2026.0335C23.1157%2026.1075%2023.0623%2026.1969%2023.0312%2026.2949C23.0001%2026.3929%2022.9921%2026.4968%2023.0078%2026.5984C23.0235%2026.7%2023.0625%2026.7966%2023.1218%2026.8806C23.201%2026.9906%2023.3132%2027.0786%2023.443%2027.1226L25.1262%2027.6704C25.6391%2027.8414%2026.1051%2028.1297%2026.487%2028.5123C26.869%2028.895%2027.1564%2029.3615%2027.3264%2029.8747L27.8721%2031.5554C27.9176%2031.6853%2028.0024%2031.7979%2028.1148%2031.8776C28.2271%2031.9572%2028.3614%2032%2028.4992%2032C28.6369%2032%2028.7712%2031.9572%2028.8835%2031.8776C28.9959%2031.7979%2029.0807%2031.6853%2029.1262%2031.5554L29.6741%2029.8747C29.8448%2029.3629%2030.1322%2028.8979%2030.5137%2028.5165C30.8953%2028.135%2031.3603%2027.8476%2031.8721%2027.677L33.5553%2027.1314C33.6853%2027.0858%2033.7979%2027.001%2033.8775%2026.8887C33.9572%2026.7764%2034%2026.6421%2034%2026.5044C34%2026.3667%2033.9572%2026.2324%2033.8775%2026.1201C33.7979%2026.0078%2033.6853%2025.923%2033.5553%2025.8774L33.5223%2025.8686Z%22%20fill=%22white%22/%3E%0A%3Cpath%20d=%22M21.7829%2036.213L21.0178%2035.965C20.7851%2035.8877%2020.5735%2035.7572%2020.4%2035.584C20.2264%2035.4108%2020.0955%2035.1996%2020.0177%2034.9671L19.7696%2034.2021C19.7489%2034.143%2019.7104%2034.0919%2019.6593%2034.0557C19.6083%2034.0194%2019.5472%2034%2019.4846%2034C19.422%2034%2019.361%2034.0194%2019.3099%2034.0557C19.2588%2034.0919%2019.2203%2034.143%2019.1996%2034.2021L18.9496%2034.9671C18.8735%2035.1978%2018.7452%2035.4078%2018.5747%2035.5809C18.4042%2035.754%2018.196%2035.8854%2017.9664%2035.965L17.2014%2036.213C17.1573%2036.2287%2017.1175%2036.2543%2017.0851%2036.288C17.0526%2036.3216%2017.0283%2036.3622%2017.0142%2036.4068C17.0001%2036.4513%2016.9964%2036.4985%2017.0036%2036.5447C17.0107%2036.5909%2017.0284%2036.6348%2017.0553%2036.673C17.0913%2036.723%2017.1424%2036.763%2017.2014%2036.783L17.9664%2037.032C18.1996%2037.1097%2018.4114%2037.2408%2018.585%2037.4147C18.7586%2037.5886%2018.8893%2037.8007%2018.9666%2038.0339L19.2146%2038.7979C19.2353%2038.857%2019.2738%2038.9081%2019.3249%2038.9443C19.376%2038.9806%2019.437%2039%2019.4996%2039C19.5622%2039%2019.6233%2038.9806%2019.6743%2038.9443C19.7254%2038.9081%2019.7639%2038.857%2019.7846%2038.7979L20.0337%2038.0339C20.1113%2037.8013%2020.2419%2037.59%2020.4153%2037.4166C20.5888%2037.2432%2020.8001%2037.1126%2021.0328%2037.035L21.7979%2036.787C21.8569%2036.7663%2021.9081%2036.7277%2021.9443%2036.6767C21.9805%2036.6256%2022%2036.5646%2022%2036.502C22%2036.4394%2021.9805%2036.3784%2021.9443%2036.3273C21.9081%2036.2763%2021.8569%2036.2377%2021.7979%2036.217L21.7829%2036.213Z%22%20fill=%22white%22/%3E%0A%3Cpath%20d=%22M28.5%2011C21.0615%2011%2015%2017.0615%2015%2024.5V31.25C15%2031.9925%2015.6075%2032.6%2016.35%2032.6H20.4C21.1425%2032.6%2021.75%2031.9925%2021.75%2031.25V24.5C21.75%2023.7575%2021.1425%2023.15%2020.4%2023.15H17.7945C18.456%2017.831%2023.0055%2013.7%2028.5%2013.7C33.9945%2013.7%2038.544%2017.831%2039.2055%2023.15H36.6C35.8575%2023.15%2035.25%2023.7575%2035.25%2024.5V31.25C35.25%2031.9925%2035.8575%2032.6%2036.6%2032.6H39.3V33.95C39.3%2034.6925%2038.6925%2035.3%2037.95%2035.3H32.55C32.55%2034.5575%2031.9425%2033.95%2031.2%2033.95H25.8C25.0575%2033.95%2024.45%2034.5575%2024.45%2035.3V36.65C24.45%2037.3925%2025.0575%2038%2025.8%2038H37.95C40.1775%2038%2042%2036.1775%2042%2033.95V24.5C42%2017.0615%2035.9385%2011%2028.5%2011Z%22%20fill=%22%232AABE2%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
 * 32x34 @21,21 (64001:576 sits at y21.8); title "Rice & Roddy Motors" Bold
 * 18/18 at x73 y26, one line; subtitle Regular 12 at x73 y47, 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 21px;
  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 32px;
  height: 34px;
  margin: 21px 20px 0 0;         /* title at x73 */
  background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width=%2232%22%20height=%2234%22%20viewBox=%220%200%2032%2034%22%20fill=%22none%22%20xmlns=%22http://www.w3.org/2000/svg%22%3E%0A%3Cpath%20d=%22M21.9524%2017.6221L19.9575%2016.9755C19.3507%2016.7738%2018.7991%2016.4337%2018.3465%2015.9821C17.8939%2015.5305%2017.5527%2014.9797%2017.3498%2014.3734L16.7031%2012.3788C16.6491%2012.2248%2016.5486%2012.0914%2016.4154%2011.997C16.2823%2011.9026%2016.1231%2011.8519%2015.9599%2011.8519C15.7967%2011.8519%2015.6375%2011.9026%2015.5043%2011.997C15.3712%2012.0914%2015.2707%2012.2248%2015.2167%2012.3788L14.5648%2014.3734C14.3663%2014.975%2014.0318%2015.5227%2013.5873%2015.974C13.1427%2016.4253%2012.6%2016.768%2012.0014%2016.9755L10.0065%2017.6221C9.8917%2017.663%209.78792%2017.7299%209.70326%2017.8175C9.6186%2017.9051%209.55537%2018.0112%209.5185%2018.1273C9.48163%2018.2435%209.47213%2018.3665%209.49074%2018.487C9.50936%2018.6074%209.55557%2018.7219%209.62578%2018.8214C9.71966%2018.9518%209.85265%2019.0561%2010.0065%2019.1083L12.0014%2019.7575C12.6093%2019.9602%2013.1616%2020.3019%2013.6142%2020.7554C14.0669%2021.2089%2014.4076%2021.7618%2014.6091%2022.37L15.2558%2024.362C15.3098%2024.516%2015.4103%2024.6494%2015.5434%2024.7438C15.6766%2024.8382%2015.8358%2024.8889%2015.999%2024.8889C16.1622%2024.8889%2016.3214%2024.8382%2016.4545%2024.7438C16.5877%2024.6494%2016.6882%2024.516%2016.7422%2024.362L17.3915%2022.37C17.5938%2021.7635%2017.9345%2021.2124%2018.3867%2020.7603C18.8388%2020.3082%2019.39%2019.9676%2019.9966%2019.7653L21.9915%2019.1187C22.1455%2019.0647%2022.279%2018.9642%2022.3734%2018.8311C22.4678%2018.698%2022.5185%2018.5388%2022.5185%2018.3756C22.5185%2018.2124%2022.4678%2018.0532%2022.3734%2017.9201C22.279%2017.787%2022.1455%2017.6865%2021.9915%2017.6325L21.9524%2017.6221Z%22%20fill=%22white%22/%3E%0A%3Cpath%20d=%22M8.03895%2029.8821L7.13218%2029.5882C6.85636%2029.4965%206.60567%2029.3419%206.39994%2029.1367C6.19421%2028.9314%206.03909%2028.681%205.94686%2028.4054L5.6529%2027.4988C5.62836%2027.4288%205.58268%2027.3681%205.52216%2027.3252C5.46164%2027.2823%205.38928%2027.2593%205.31509%2027.2593C5.2409%2027.2593%205.16854%2027.2823%205.10802%2027.3252C5.0475%2027.3681%205.00182%2027.4288%204.97727%2027.4988L4.68094%2028.4054C4.59075%2028.6789%204.43871%2028.9278%204.23662%2029.133C4.03454%2029.3381%203.78787%2029.4939%203.51578%2029.5882L2.60901%2029.8821C2.55683%2029.9007%202.50965%2029.9311%202.47117%2029.9709C2.43269%2030.0108%202.40395%2030.059%202.38719%2030.1118C2.37043%2030.1645%202.36611%2030.2205%202.37457%2030.2752C2.38303%2030.33%202.40404%2030.382%202.43595%2030.4273C2.47863%2030.4865%202.53908%2030.5339%202.60901%2030.5576L3.51578%2030.8527C3.79211%2030.9449%204.04313%2031.1002%204.24889%2031.3063C4.45466%2031.5125%204.6095%2031.7638%204.70109%2032.0402L4.99505%2032.9457C5.01959%2033.0157%205.06528%2033.0763%205.1258%2033.1192C5.18632%2033.1622%205.25868%2033.1852%205.33287%2033.1852C5.40706%2033.1852%205.47942%2033.1622%205.53994%2033.1192C5.60046%2033.0763%205.64614%2033.0157%205.67069%2032.9457L5.96583%2032.0402C6.05778%2031.7646%206.21265%2031.5141%206.41817%2031.3086C6.6237%2031.1031%206.87423%2030.9482%207.14996%2030.8563L8.05673%2030.5624C8.12674%2030.5378%208.1874%2030.4922%208.23032%2030.4316C8.27323%2030.3711%208.29629%2030.2988%208.29629%2030.2246C8.29629%2030.1504%208.27323%2030.0781%208.23032%2030.0176C8.1874%2029.9571%208.12674%2029.9114%208.05673%2029.8868L8.03895%2029.8821Z%22%20fill=%22white%22/%3E%0A%3Cpath%20d=%22M16%200C7.184%200%200%207.184%200%2016V24C0%2024.88%200.72%2025.6%201.6%2025.6H6.4C7.28%2025.6%208%2024.88%208%2024V16C8%2015.12%207.28%2014.4%206.4%2014.4H3.312C4.096%208.096%209.488%203.2%2016%203.2C22.512%203.2%2027.904%208.096%2028.688%2014.4H25.6C24.72%2014.4%2024%2015.12%2024%2016V24C24%2024.88%2024.72%2025.6%2025.6%2025.6H28.8V27.2C28.8%2028.08%2028.08%2028.8%2027.2%2028.8H20.8C20.8%2027.92%2020.08%2027.2%2019.2%2027.2H12.8C11.92%2027.2%2011.2%2027.92%2011.2%2028.8V30.4C11.2%2031.28%2011.92%2032%2012.8%2032H27.2C29.84%2032%2032%2029.84%2032%2027.2V16C32%207.184%2024.816%200%2016%200Z%22%20fill=%22%232AABE2%22/%3E%0A%3C/svg%3E") center / contain no-repeat;
}
.hdcw-head > div { margin-top: 24px; min-width: 0; padding-right: 12px; }
.hdcw-head b {
  font-size: 18px;
  line-height: 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-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%20stroke=%22white%22/%3E%0A%3Cpath%20d=%22M1%209L5%205L9%209%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%20stroke=%22white%22/%3E%0A%3C/svg%3E");
  background-size: 22px 18px;
}
.hdcw-reset svg { display: none; }
.hdcw-panel:not(.hdcw-max) .hdcw-exp {
  width: 18px;
  height: 18px;
  margin: 23px 0 0 16px;
  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 24 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 (01-chat, lozenges 12:145 / 64001:561 / 6001:1006 /
 * 64001:551 / 6001:1031 / 2023:430). A list, not boxes: each row is 361 wide
 * (x16..377), WHITE, square, with a 1px #B7B7B7 rule along its bottom only
 * (the rectangles' individual stroke weights are 0/0/1/0), the first row
 * 6px under the greeting. Titles Bold 16 #05141F, captions Regular 12 black
 * 21px under the title; black chevrons 6x12. The designer placed every row
 * by hand (heights 72/69/72/73/72, title 16-19px down, glyphs 20-23px down):
 * each row below takes its own offsets from its own nodes. No hover is
 * drawn; rows hover to #F1F1F1, the fill of the artwork's own hidden hover
 * rectangle 44002:623. "Something else" (2023:430) has no rule. */
.hdcw-opener { gap: 0; margin: -5px 5px 0 0; }  /* first row at y196, 6px under the greeting (1:14 ends at 190) */
.hdcw-opener button { position: relative; }
.hdcw-opener button.hdcw-op-used,
.hdcw-opener button.hdcw-op-new,
.hdcw-opener button.hdcw-op-quiz,
.hdcw-opener button.hdcw-op-tradein,
.hdcw-opener button.hdcw-op-alert,
.hdcw-opener .hdcw-else.hdcw-op-else {
  box-sizing: border-box;
  border: 0;
  border-bottom: 1px solid #B7B7B7;
  border-radius: 0;
  color: #05141F;
  text-align: left;
  box-shadow: none;
  font-size: 16px;
  font-weight: 700;
  line-height: 18px;
}
/* Glyph boxes = the export + its 1px bezel (artwork offset - 1px). */
.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;
}
/* Per row: height, title offset, glyph and chevron, from its own nodes. The
 * hover rules restate the whole background with (0,3,1) specificity: 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 (or tile) the chevron. */
.hdcw-opener button.hdcw-op-used { min-height: 72px; padding: 19px 36px 17px 62px; 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 17px top 28px / 8px 14px, transparent; }
.hdcw-opener button.hdcw-op-used::before { left: 20px; top: 22px; width: 24px; height: 24px; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width=%2224%22%20height=%2224%22%20viewBox=%22-1%20-1%2024%2024%22%20fill=%22none%22%20xmlns=%22http://www.w3.org/2000/svg%22%3E%0A%3Cpath%20d=%22M21.8342%2013.2655C21.3763%2015.5014%2020.2379%2017.541%2018.5751%2019.1047C16.9125%2020.6684%2014.8067%2021.6798%2012.5466%2022V19.7616C14.2158%2019.464%2015.7643%2018.6936%2017.0084%2017.5418C18.2524%2016.39%2019.1396%2014.9054%2019.5645%2013.2643L21.8342%2013.2655ZM2.43437%2013.2655C2.85453%2014.8878%203.72654%2016.3575%204.94908%2017.504C6.17162%2018.6505%207.69445%2019.4264%209.34058%2019.7417V21.9835C7.10302%2021.6429%205.02367%2020.6246%203.38294%2019.0656C1.74221%2017.5068%200.618981%2015.4824%200.164724%2013.2655H2.43437ZM17.632%209.94822V12.159H14.3155C13.7578%2012.159%2013.2209%2012.3698%2012.8121%2012.7491C12.4032%2013.1283%2012.1529%2013.6479%2012.1111%2014.2039L12.1044%2014.3697V17.6858H9.8934V14.3697C9.89358%2013.812%209.6829%2013.2748%209.30354%2012.8658C8.92426%2012.4568%208.4044%2012.2063%207.84814%2012.1645L7.68231%2012.159H4.36683V9.94822H17.632ZM10.9989%200C16.7321%200%2021.4461%204.36286%2022%209.94822H19.7757C19.5078%207.80968%2018.4682%205.84251%2016.852%204.41633C15.2359%202.99014%2013.1545%202.20312%2010.9989%202.20312C8.8433%202.20312%206.7619%202.99014%205.14576%204.41633C3.5296%205.84251%202.48994%207.80968%202.22211%209.94822H0C0.554975%204.36286%205.26784%200%2011%200%22%20fill=%22%2305141F%22/%3E%0A%3C/svg%3E"); }
.hdcw-opener button.hdcw-op-used:hover { background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width=%228%22%20height=%2214%22%20viewBox=%22-1%20-1%208%2014%22%20fill=%22none%22%20xmlns=%22http://www.w3.org/2000/svg%22%3E%0A%3Cpath%20d=%22M5.40984e-09%201.215L1.00917%202.18156e-07L6%206L1.00917%2012L4.23728e-07%2010.785L3.97792%206L5.40984e-09%201.215Z%22%20fill=%22black%22/%3E%0A%3C/svg%3E") no-repeat right 17px top 28px / 8px 14px, #F1F1F1; opacity: 1; }
.hdcw-opener button.hdcw-op-new { min-height: 69px; padding: 16px 36px 17px 62px; 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 17px top 25px / 8px 14px, transparent; }
.hdcw-opener button.hdcw-op-new::before { left: 20px; top: 20px; width: 24px; height: 24px; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width=%2224%22%20height=%2224%22%20viewBox=%22-1%20-1%2024%2024%22%20fill=%22none%22%20xmlns=%22http://www.w3.org/2000/svg%22%3E%0A%3Cpath%20d=%22M21.8342%2013.2655C21.3763%2015.5014%2020.2379%2017.541%2018.5751%2019.1047C16.9125%2020.6684%2014.8067%2021.6798%2012.5466%2022V19.7616C14.2158%2019.464%2015.7643%2018.6936%2017.0084%2017.5418C18.2524%2016.39%2019.1396%2014.9054%2019.5645%2013.2643L21.8342%2013.2655ZM2.43437%2013.2655C2.85453%2014.8878%203.72654%2016.3575%204.94908%2017.504C6.17162%2018.6505%207.69445%2019.4264%209.34058%2019.7417V21.9835C7.10302%2021.6429%205.02367%2020.6246%203.38294%2019.0656C1.74221%2017.5068%200.618981%2015.4824%200.164724%2013.2655H2.43437ZM17.632%209.94822V12.159H14.3155C13.7578%2012.159%2013.2209%2012.3698%2012.8121%2012.7491C12.4032%2013.1283%2012.1529%2013.6479%2012.1111%2014.2039L12.1044%2014.3697V17.6858H9.8934V14.3697C9.89358%2013.812%209.6829%2013.2748%209.30354%2012.8658C8.92426%2012.4568%208.4044%2012.2063%207.84814%2012.1645L7.68231%2012.159H4.36683V9.94822H17.632ZM10.9989%200C16.7321%200%2021.4461%204.36286%2022%209.94822H19.7757C19.5078%207.80968%2018.4682%205.84251%2016.852%204.41633C15.2359%202.99014%2013.1545%202.20312%2010.9989%202.20312C8.8433%202.20312%206.7619%202.99014%205.14576%204.41633C3.5296%205.84251%202.48994%207.80968%202.22211%209.94822H0C0.554975%204.36286%205.26784%200%2011%200%22%20fill=%22%2305141F%22/%3E%0A%3C/svg%3E"); }
.hdcw-opener button.hdcw-op-new:hover { background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width=%228%22%20height=%2214%22%20viewBox=%22-1%20-1%208%2014%22%20fill=%22none%22%20xmlns=%22http://www.w3.org/2000/svg%22%3E%0A%3Cpath%20d=%22M5.40984e-09%201.215L1.00917%202.18156e-07L6%206L1.00917%2012L4.23728e-07%2010.785L3.97792%206L5.40984e-09%201.215Z%22%20fill=%22black%22/%3E%0A%3C/svg%3E") no-repeat right 17px top 25px / 8px 14px, #F1F1F1; opacity: 1; }
.hdcw-opener button.hdcw-op-quiz { min-height: 72px; padding: 18px 36px 18px 61px; 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 18px top 28px / 8px 14px, transparent; }
.hdcw-opener button.hdcw-op-quiz::before { left: 19px; top: 19px; 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-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%20stroke=%22%2305141F%22/%3E%0A%3C/svg%3E"); }
.hdcw-opener button.hdcw-op-quiz:hover { background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width=%228%22%20height=%2214%22%20viewBox=%22-1%20-1%208%2014%22%20fill=%22none%22%20xmlns=%22http://www.w3.org/2000/svg%22%3E%0A%3Cpath%20d=%22M5.40984e-09%201.215L1.00917%202.18156e-07L6%206L1.00917%2012L4.23728e-07%2010.785L3.97792%206L5.40984e-09%201.215Z%22%20fill=%22black%22/%3E%0A%3C/svg%3E") no-repeat right 18px top 28px / 8px 14px, #F1F1F1; opacity: 1; }
.hdcw-opener button.hdcw-op-tradein { min-height: 73px; padding: 16px 36px 21px 61px; 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 18px top 26px / 8px 14px, transparent; }
.hdcw-opener button.hdcw-op-tradein::before { left: 18px; top: 21px; width: 24px; height: 18px; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width=%2224%22%20height=%2218%22%20viewBox=%22-1%20-1%2024%2018%22%20fill=%22none%22%20xmlns=%22http://www.w3.org/2000/svg%22%3E%0A%3Cpath%20d=%22M1.37501%206.64573C1.07662%206.64603%200.786249%206.54897%200.547808%206.36923C0.309367%206.18949%200.135823%205.93685%200.0534195%205.64951C-0.0289839%205.36217%20-0.0157642%205.05576%200.0910791%204.77662C0.197922%204.49748%200.392578%204.26078%200.64561%204.10233L4.33792%200.402846C4.59566%200.144779%204.94517%20-0.000128971%205.30955%208.61305e-08C5.67394%200.000129143%206.02334%200.145285%206.28091%200.403534C6.53847%200.661783%206.6831%201.01197%206.68297%201.37706C6.68284%201.74215%206.53797%202.09224%206.28022%202.3503L4.74039%203.89176H15.1113C15.4756%203.89176%2015.825%204.03676%2016.0826%204.29486C16.3402%204.55297%2016.4849%204.90304%2016.4849%205.26805C16.4849%205.63307%2016.3402%205.98314%2016.0826%206.24124C15.825%206.49935%2015.4756%206.64435%2015.1113%206.64435L1.37501%206.64573ZM20.625%209.35565C20.9234%209.35535%2021.2137%209.45241%2021.4522%209.63215C21.6906%209.81188%2021.8642%2010.0645%2021.9466%2010.3519C22.029%2010.6392%2022.0158%2010.9456%2021.9089%2011.2248C21.8021%2011.5039%2021.6074%2011.7406%2021.3544%2011.899L17.6621%2015.5972C17.5345%2015.7249%2017.383%2015.8263%2017.2163%2015.8954C17.0495%2015.9645%2016.8709%2016.0001%2016.6904%2016C16.51%2015.9999%2016.3314%2015.9643%2016.1647%2015.895C15.998%2015.8258%2015.8466%2015.7243%2015.7191%2015.5965C15.5916%2015.4686%2015.4904%2015.3168%2015.4214%2015.1498C15.3524%2014.9827%2015.317%2014.8037%2015.317%2014.6229C15.3171%2014.4422%2015.3527%2014.2632%2015.4218%2014.0962C15.4909%2013.9292%2015.5922%2013.7775%2015.7198%2013.6497L17.2596%2012.1082H6.88874C6.52443%2012.1082%206.17504%2011.9632%205.91744%2011.7051C5.65983%2011.447%205.51511%2011.097%205.51511%2010.7319C5.51511%2010.3669%205.65983%2010.0169%205.91744%209.75876C6.17504%209.50065%206.52443%209.35565%206.88874%209.35565H20.625Z%22%20fill=%22%2305141F%22/%3E%0A%3C/svg%3E"); }
.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 18px top 26px / 8px 14px, #F1F1F1; opacity: 1; }
.hdcw-opener button.hdcw-op-alert { min-height: 72px; padding: 18px 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 18px top 25px / 8px 14px, transparent; }
.hdcw-opener button.hdcw-op-alert::before { left: 20px; top: 19px; width: 22px; height: 21px; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width=%2222%22%20height=%2221%22%20viewBox=%22-1%20-1%2022%2021%22%20fill=%22none%22%20xmlns=%22http://www.w3.org/2000/svg%22%3E%0A%3Cpath%20d=%22M9.6%2015.114C9.49494%2015.6117%209.3159%2016.0775%209.0731%2016.4848C8.8303%2016.8921%208.5285%2017.2328%208.18492%2017.4877C7.84135%2017.7425%207.46273%2017.9064%207.07068%2017.97C6.67863%2018.0337%206.28083%2017.9957%205.9%2017.8584C5.51917%2017.7211%205.16275%2017.4872%204.85111%2017.1699C4.53947%2016.8526%204.27871%2016.4581%204.0837%2016.0091C3.8887%2015.5601%203.76328%2015.0653%203.7146%2014.553C3.66592%2014.0406%203.69494%2013.5208%203.8%2013.0231M1%207.53428L19%201V16.6823L1%2011.4548V7.53428Z%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%20stroke=%22%2305141F%22/%3E%0A%3C/svg%3E"); }
.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 18px top 25px / 8px 14px, #F1F1F1; opacity: 1; }
.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;
}
.hdcw-opener button.hdcw-op-alert::after { padding-left: 1px; }  /* 6001:1037 @77 under a title at 76 */
/* 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 24 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 New Kia row (64001:561): Rice & Roddy is a Kia main dealer and new
 * cars are ON for it (show_new_cars in the admin chat settings). */
.hdcw-opener button.hdcw-op-new::after { content: 'Browse our new Kia range'; }
.hdcw-opener button.hdcw-op-quiz::after { content: 'Get matched to car to suit your needs'; }
/* The trade-in row (64001:551) renders only while the admin chat settings
 * tick show_tradein (CON-1019). */
.hdcw-opener button.hdcw-op-tradein::after { content: 'Get a valuation for your current car'; }
.hdcw-opener button.hdcw-op-alert::after { content: 'Receive a daily stock alert'; }

/* "Something else" (2023:430): no rule, the title Bold 16 at x77 16px under
 * the hidden rectangle's top (555, 1px under the last rule), the "?" bubble
 * 19x19 @38,571 (export 21x21 @37,570), chevron at x352.5 y573.5. Hover =
 * the designer's hidden rectangle 44002:623 (#F1F1F1, r10, #B7B7B7 stroke,
 * 361x52). A transparent 1px border keeps the hover from shifting the text.
 * 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: 1px;               /* top at 555 */
  padding: 15px 36px 16px 60px;
  border: 1px solid transparent;
  border-radius: 10px;
  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 17px top 16px / 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 17px top 16px / 8px 14px,
    #F1F1F1;
}
.hdcw-opener button.hdcw-op-else::before { left: 19px; top: 13px; width: 23px; height: 23px; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width=%2223%22%20height=%2223%22%20viewBox=%22-1%20-1%2023%2023%22%20fill=%22none%22%20xmlns=%22http://www.w3.org/2000/svg%22%3E%0A%3Cpath%20d=%22M20.2317%2010.5C20.2317%2013.081%2019.2064%2015.5563%2017.3814%2017.3814C15.5563%2019.2064%2013.081%2020.2317%2010.5%2020.2317C8.8323%2020.2317%207.26293%2019.8117%205.89025%2019.0731C3.97669%2018.0416%202.68903%2019.0004%201.55298%2019.1725C1.46803%2019.1847%201.3814%2019.1765%201.3002%2019.1488C1.21901%2019.121%201.14555%2019.0743%201.08586%2019.0127C0.996738%2018.9181%200.937761%2018.7991%200.91642%2018.6708C0.895079%2018.5426%200.912339%2018.4109%200.966005%2018.2925C1.41264%2017.2425%201.82137%2015.2511%201.26308%2013.5732C0.93433%2012.582%200.767266%2011.5443%200.768297%2010.5C0.768297%207.91899%201.7936%205.44369%203.61865%203.61864C5.4437%201.79359%207.919%200.768293%2010.5%200.768293C13.081%200.768293%2015.5563%201.79359%2017.3814%203.61864C19.2064%205.44369%2020.2317%207.91899%2020.2317%2010.5Z%22%20stroke-width=%221.53659%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%20stroke=%22%2305141F%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%2305141F%22/%3E%0A%3C/svg%3E"); }

/* Context CTA ("Tell me about this car" 19:683 on 16-browse-auto): 349x55 at
 * x24, r10, flat #05141F, 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: #05141F;
  color: #fff;
  font-size: 16px;
  font-weight: 700;
  line-height: 19px;
}
.hdcw-opener button.hdcw-op-ctx:hover { background: #05141F; opacity: .9; }
/* The context CTA sits in its own opener box: no list offset there. */
.hdcw-opener:has(> .hdcw-op-ctx:only-child) { margin: 5px 5px 0 0; }  /* mrm2's calibrated CTA box */

/* ---------- 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
 * #05141F 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: #05141F; box-shadow: 0 4px 4px rgba(0,0,0,.25); font-weight: 400; }
.hdcw-chip--sel:hover { border-color: #05141F; }
/* Bootstrap's reboot (RARM2 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, #05141F, 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, RARM2's h1-h6 "Kia" and its
   * stray `.privacy-notice h3,h4 { padding: .5em 0 }` (style.css l.5889,
   * 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: #05141F;
  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: #05141F; 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 #05141F 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;
  height: 51px;
  border-radius: 10px;
  padding: 0 20px 0 21px;
  font-size: 14px;
  line-height: 49px;
  letter-spacing: .01em;
  background: #fff;
}
/* font: inherit - RARM2's style.css l.5526 has a ::-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: #05141F; }
.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%2305141F%22/%3E%0A%3Cpath%20d=%22M21.6667%2026L19%2034L35%2026L19%2018L21.6667%2026ZM21.6667%2026H27%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%20stroke=%22white%22/%3E%0A%3C/svg%3E") center / 52px 52px no-repeat;
}
.hdcw-send svg { display: none; }
.hdcw-send:disabled { opacity: .5; }
.hdcw-powered {
  background: #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: #05141F; }
.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; }
}

/* Safari sizes a text input's minimum width from the font's OS/2
 * xAvgCharWidth (size=20 x avg char). Kia Signature is wide (0.886em), so
 * that is ~337px at 16px and the flex item never shrinks below it: the send
 * button goes off the panel on iPhone (CON-989). */
.hdcw-input input { min-width: 0; }
/* 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; }
}