@font-face { font-family: "HDCW Hyundai Sans Head"; src: url("/fonts/HyundaiSansHeadOffice-Medium.woff") format("woff"); font-weight: 500; font-style: normal; font-display: swap; }
/* CON-988 chat widget branding - Divers Garage (dh2, template DH2).
 * Source of truth: the designer's Figma "Divers Garage (Ai Assistant) (Copy)",
 * file KpRSvy5tF2peZVDxZJLeVp, and its 16 @2x artboard PNGs, which outrank
 * the node dump wherever the two disagree.
 * Tooling and QA: tickets/CON-988/qa-dh2/; design notes and the probe table:
 * tickets/CON-988/DESIGN-dh2.md. Glyphs are SVG exports of the file's own
 * nodes, each cross-checked against the artboards.
 *
 * Hyundai navy: a #0F3767 header with a #0A2E59 curved band and the white
 * chat mark with cyan sparkles; #EDEDED bot bubbles with a #C7C7C7 stroke
 * and a square BOTTOM-LEFT corner; #B5EBFF user bubbles, black ink, square
 * bottom-right corner; #F1F1F1 r10 opener lozenges with a #B7B7B7
 * stroke, a navy glyph, a navy Hyundai Sans Head label, a black caption and a
 * navy chevron; white chips on a 0/4/4 25% shadow; car cards with a navy
 * "I'm Interested"; a #E4E6EA footer band with a black-stroked input and a
 * 52px navy send disc. The launcher is the designer's round navy
 * "Virtual Assistant" badge.
 * Type: Hyundai Sans Text (the site's body face) and Hyundai Sans Head
 * Medium, declared above from the site's own /fonts/ because the site's
 * @font-face map has no Head Medium.
 * The artboards are 400x720 = the widget's own panel size, so every offset
 * below transfers 1:1.
 *
 * Regenerate with tickets/CON-988/build-theme-dh2.py - edit the generator,
 * never this file.
 *
 * NO !important anywhere: the widget appends this sheet after its own
 * <style>, same origin and equal specificity, so later simply wins.
 */

.hdcw-fab, .hdcw-panel {
  --hdcw-accent: #0F3767;
  --hdcw-on-accent: #FFFFFF;
  --hdcw-font: "Hyundai Sans Text", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --hdcw-bg: #FFFFFF;
  --hdcw-surface: #FFFFFF;          /* Rectangle 8 15:158 - the panel body is white */
  --hdcw-text: #000000;
  --hdcw-muted: #6D6D6D;            /* 16:213 section heads, 2030:573 status */
  --hdcw-faint: #C7C7C7;         /* typing dots */
  --hdcw-border: #000000;             /* the input's 1px stroke (24:705) is BLACK */
  --hdcw-border-soft: #C7C7C7;   /* bot bubble stroke (1:14) */
  --hdcw-img-bg: #E4E6EA;
  --hdcw-radius: 15px;              /* Rectangle 2 1:7, header 1:9 */
  --hdcw-radius-bubble: 10px;       /* 129 of the file's 156 radii */
  --hdcw-footer: #000000;             /* the disclosure's style run is black */
  --hdcw-head-bg: #0F3767;
  --hdcw-head-color: #FFFFFF;
  --hdcw-user-bg: #B5EBFF;
  --hdcw-user-color: #000000;
  --hdcw-btn-bg: #0F3767;
  --hdcw-btn-color: #FFFFFF;
  --hdcw-link: #000000;
}

/* ---------------------------------------------------------------- header
 * header 24:711, 400x81: the flat #0F3767 band (1:9, r15 on top), the #0A2E59
 * curved stripes (Intersect 60005:1082, 190x81 @91,0) and the chat mark
 * (45x39 export @20.70,17.63). Title "Divers Garage" 60005:1233 Hyundai Sans
 * Head Medium 20/18 white, text box @80,25; subtitle 60005:1265 Hyundai Sans
 * Text Regular 12 white UNDER it, box @80,48. Nav icons on y24. */
.hdcw-panel .hdcw-head {
  position: relative;
  height: 81px;
  flex: none;
  box-sizing: border-box;
  overflow: hidden;             /* an over-long name is clipped, never spilled */
  align-items: flex-start;
  gap: 0;
  padding: 0 15px 0 80px;
  background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width=%2245%22%20height=%2239%22%20viewBox=%220%200%2045%2039%22%20fill=%22none%22%20xmlns=%22http://www.w3.org/2000/svg%22%3E%3Cg%3E%3Cg%3E%3Cg%3E%3Cg%3E%3Cg%3E%3Cg%3E%3Cpath%20d=%22M9.39911%2016.4991C9.39911%2015.6164%209.75043%2014.7698%2010.3758%2014.1456C11.0011%2013.5214%2011.8493%2013.1708%2012.7337%2013.1708H32.7411C33.6255%2013.1708%2034.4737%2013.5214%2035.099%2014.1456C35.7244%2014.7698%2036.0757%2015.6164%2036.0757%2016.4991V29.8125C36.0757%2030.6952%2035.7244%2031.5418%2035.099%2032.166C34.4737%2032.7902%2033.6255%2033.1408%2032.7411%2033.1408H28.5729C28.3141%2033.1408%2028.0588%2033.201%2027.8273%2033.3165C27.5958%2033.4321%2027.3944%2033.5998%2027.2391%2033.8065L24.0712%2038.0218C23.9159%2038.2285%2023.7145%2038.3963%2023.483%2038.5118C23.2515%2038.6274%2022.9962%2038.6875%2022.7374%2038.6875C22.4786%2038.6875%2022.2233%2038.6274%2021.9918%2038.5118C21.7603%2038.3963%2021.5589%2038.2285%2021.4036%2038.0218L18.2357%2033.8065C18.0804%2033.5998%2017.879%2033.4321%2017.6475%2033.3165C17.416%2033.201%2017.1607%2033.1408%2016.9019%2033.1408H12.7337C11.8493%2033.1408%2011.0011%2032.7902%2010.3758%2032.166C9.75043%2031.5418%209.39911%2030.6952%209.39911%2029.8125V16.4991ZM15.2346%2018.1633C15.0135%2018.1633%2014.8015%2018.251%2014.6451%2018.407C14.4888%2018.563%2014.401%2018.7747%2014.401%2018.9954C14.401%2019.2161%2014.4888%2019.4277%2014.6451%2019.5837C14.8015%2019.7398%2015.0135%2019.8275%2015.2346%2019.8275H30.2402C30.4613%2019.8275%2030.6733%2019.7398%2030.8297%2019.5837C30.986%2019.4277%2031.0738%2019.2161%2031.0738%2018.9954C31.0738%2018.7747%2030.986%2018.563%2030.8297%2018.407C30.6733%2018.251%2030.4613%2018.1633%2030.2402%2018.1633H15.2346ZM15.2346%2022.3237C15.0135%2022.3237%2014.8015%2022.4114%2014.6451%2022.5674C14.4888%2022.7235%2014.401%2022.9351%2014.401%2023.1558C14.401%2023.3765%2014.4888%2023.5881%2014.6451%2023.7442C14.8015%2023.9002%2015.0135%2023.9879%2015.2346%2023.9879H30.2402C30.4613%2023.9879%2030.6733%2023.9002%2030.8297%2023.7442C30.986%2023.5881%2031.0738%2023.3765%2031.0738%2023.1558C31.0738%2022.9351%2030.986%2022.7235%2030.8297%2022.5674C30.6733%2022.4114%2030.4613%2022.3237%2030.2402%2022.3237H15.2346ZM15.2346%2026.4841C15.0135%2026.4841%2014.8015%2026.5718%2014.6451%2026.7279C14.4888%2026.8839%2014.401%2027.0955%2014.401%2027.3162C14.401%2027.5369%2014.4888%2027.7486%2014.6451%2027.9046C14.8015%2028.0607%2015.0135%2028.1483%2015.2346%2028.1483H23.571C23.7921%2028.1483%2024.0042%2028.0607%2024.1605%2027.9046C24.3169%2027.7486%2024.4047%2027.5369%2024.4047%2027.3162C24.4047%2027.0955%2024.3169%2026.8839%2024.1605%2026.7279C24.0042%2026.5718%2023.7921%2026.4841%2023.571%2026.4841H15.2346Z%22%20fill=%22white%22/%3E%3Cpath%20d=%22M16.9801%200.5L16.6503%201.36383C16.2187%202.49538%2016.0018%203.06115%2015.577%203.4741C15.1499%203.88705%2014.5663%204.09731%2013.3991%204.51568L12.5081%204.83542L13.3991%205.15515C14.5663%205.57352%2015.1499%205.78379%2015.5759%206.19566C16.0018%206.60969%2016.2187%207.17546%2016.6503%208.307L16.9801%209.17084L17.3099%208.307C17.7414%207.17546%2017.9583%206.60969%2018.3831%206.19674C18.8102%205.78379%2019.3938%205.57352%2020.561%205.15515L21.452%204.83542L20.561%204.51568C19.3938%204.09731%2018.8102%203.88704%2018.3843%203.47518C17.9583%203.06115%2017.7414%202.49538%2017.3099%201.36383L16.9801%200.5Z%22%20fill=%22%2312A9D6%22%20stroke=%22%2300AEEF%22%20stroke-linejoin=%22round%22/%3E%3Cpath%20d=%22M41.8365%2019.6934L41.6626%2020.1489C41.435%2020.7456%2041.3206%2021.044%2041.0966%2021.2617C40.8714%2021.4795%2040.5637%2021.5904%2039.9482%2021.811L39.4783%2021.9796L39.9482%2022.1482C40.5637%2022.3688%2040.8714%2022.4797%2041.096%2022.6968C41.3206%2022.9152%2041.435%2023.2135%2041.6626%2023.8102L41.8365%2024.2657L42.0104%2023.8102C42.238%2023.2135%2042.3523%2022.9152%2042.5764%2022.6974C42.8016%2022.4797%2043.1093%2022.3688%2043.7248%2022.1482L44.1946%2021.9796L43.7248%2021.811C43.1093%2021.5904%2042.8016%2021.4795%2042.5769%2021.2623C42.3523%2021.044%2042.238%2020.7456%2042.0104%2020.1489L41.8365%2019.6934Z%22%20fill=%22%2312A9D6%22%20stroke=%22%2300AEEF%22%20stroke-linejoin=%22round%22/%3E%3Cpath%20d=%22M3.89004%209.35175L3.64003%2010.0066C3.31289%2010.8644%203.14847%2011.2933%202.82642%2011.6063C2.50267%2011.9194%202.06026%2012.0787%201.17546%2012.3959L0.499994%2012.6383L1.17546%2012.8807C2.06026%2013.1978%202.50266%2013.3572%202.82557%2013.6694C3.14847%2013.9833%203.31289%2014.4122%203.64003%2015.27L3.89004%2015.9248L4.14006%2015.27C4.4672%2014.4122%204.63161%2013.9833%204.95367%2013.6703C5.27742%2013.3572%205.71982%2013.1978%206.60462%2012.8807L7.28009%2012.6383L6.60462%2012.3959C5.71982%2012.0787%205.27742%2011.9194%204.95452%2011.6071C4.63162%2011.2933%204.4672%2010.8644%204.14006%2010.0066L3.89004%209.35175Z%22%20fill=%22%2300AEEF%22%20stroke=%22%2300AEEF%22%20stroke-linejoin=%22round%22/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E") no-repeat 20.7px 17.63px / 45px 39px,
              url("data:image/svg+xml;charset=utf-8,%3Csvg%20width=%22190%22%20height=%2281%22%20viewBox=%220%200%20190%2081%22%20fill=%22none%22%20xmlns=%22http://www.w3.org/2000/svg%22%3E%3Cg%3E%3Cg%3E%3Cpath%20d=%22M20.6934%200C77.5658%2013.1256%20121.183%2048.0589%20151.22%2081H101.601C92.5802%2053.4872%2069.5044%2022.6044%2015.877%200H20.6934ZM7.19629%203.50293C19.7046%2014.3762%2047.0263%2042.1932%2052.0137%2081H9.62207C3.30742%2068.1247%200.000834974%2053.9593%200%2039.5693C-0.0055675%2027.1954%202.44267%2014.9374%207.19629%203.50293ZM181.336%200C190.145%2019.0796%20192.326%2040.5756%20187.468%2061.0811C151.102%2029.7679%20104.889%2011.0592%2065.7109%200H181.336Z%22%20fill=%22%230A2E59%22/%3E%3C/g%3E%3C/g%3E%3C/svg%3E") no-repeat 91px 0 / 190px 81px,
              #0F3767;
}
.hdcw-head > div { flex: 1; min-width: 0; padding: 25px 12px 0 0; }
.hdcw-head b {
  font-family: "HDCW Hyundai Sans Head", "Hyundai Sans Head", var(--hdcw-font);
  font-size: 20px;
  line-height: 18px;
  font-weight: 500;
  letter-spacing: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.hdcw-head small {
  display: block;               /* else it shares the wrapper's strut */
  margin-top: 5px;              /* box on y48 */
  opacity: 1;                   /* pure white on the artwork (the widget dims it) */
  font-size: 12px;
  line-height: 15px;
  font-weight: 400;
  white-space: nowrap;
}
/* "3 icons" 12:143: reset 20x16 @296,24 (export 22x18 @295,23) | expand 16x16
 * @334,24 | close 15x15 @369,24, 16px clear of the right edge. Each button is
 * the glyph's own box (bezels included) so the gaps are exact. */
.hdcw-reset, .hdcw-exp, .hdcw-close {
  flex: none;
  align-self: flex-start;
  margin-top: 23px;
  padding: 0;
  border: 0;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: 0 0;
  font-size: 0;
  color: transparent;
}
.hdcw-reset svg, .hdcw-exp svg { display: none; }
.hdcw-reset {
  margin-left: auto;
  width: 22px;
  height: 18px;
  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%3Cg%3E%3Cg%3E%3Cg%3E%3Cg%3E%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%3Cpath%20d=%22M1%209L5%205L9%209%22%20stroke=%22white%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  background-size: 22px 18px;
}
.hdcw-exp {
  margin-left: 16px;            /* 333 - 317 */
  width: 18px;
  height: 18px;
  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%3Cg%3E%3Cg%3E%3Cg%3E%3Cpath%20d=%22M1.2002%2012V14.7998H4V16H0V12H1.2002ZM16%2016H12V14.7998H14.7998V12H16V16ZM16%204H14.7998V1.2002H12V0H16V4ZM4%201.2002H1.2002V4H0V0H4V1.2002Z%22%20fill=%22white%22/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  background-size: 18px 18px;
}
.hdcw-close {
  margin-left: 17px;            /* 368 - 351 */
  width: 17px;
  height: 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%3Cg%3E%3Cg%3E%3Cg%3E%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%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  background-size: 17px 17px;
}
/* Expanded: the widget swaps the expand glyph for its own "shrink" svg; the
 * artwork draws no expanded state, so the widget's icon shows there, white. */
.hdcw-max .hdcw-exp { background-image: none; color: #FFFFFF; font-size: 16px; }
.hdcw-max .hdcw-exp svg { display: block; }

/* ------------------------------------------------------- conversation log
 * Bot bubbles start at x16 and are a FIXED 334 wide on every artboard; the
 * opener lozenges run to x377 and user bubbles end at x382, so the log's right
 * padding is the user bubbles' 18 and the other two pull back from it. */
.hdcw-msgs {
  padding: 14px 18px 14px 16px;
  /* The designer's gap between two stacked bubbles runs 6..17px across the
   * sixteen artboards; 10 is exact on 02-help1 (the quiz start) and the
   * widget's own value. See DESIGN section 8. */
  gap: 10px;
  background: #FFFFFF;
}
.hdcw-msg {
  font-size: 14px;
  line-height: 17px;            /* 2030:577 14/17; every multi-line bubble probes 17 */
  letter-spacing: 0;
}
/* 1:14 / 37:322 / 37:325 / 4048:652 / 42:720 - #EDEDED on a #C7C7C7
 * stroke, r10 except the bottom-left corner, which is square. Text box on x38
 * (22 in from the box edge) with .14px tracking (37:323, 42:721). */
.hdcw-msg.hdcw-bot {
  width: 334px;
  max-width: 334px;
  box-sizing: border-box;
  background: #EDEDED;
  border: 1px solid #C7C7C7;
  border-radius: 10px 10px 10px 0;
  /* Text box 15 under the outer edge and 15 above it: the mode of the
   * seventeen bot bubbles drawn (their tops run 13..17, see DESIGN 8). */
  padding: 14px 21px;
  letter-spacing: .14px;
  color: #000000;
}
/* The greeting (1:11): 334x95, text box @38,109 - a Bold 14 headline, a
 * Regular 14 line on a 24px leading, a last line on the font's own 17. The
 * headline is an INLINE-block (bmg's CON-937 approach): its bottom margin
 * grows its own line only, and the newline the admin copy puts after it
 * ends the line. Not display:block and not width:100% - on a vehicle or
 * new-model page the FIRST bubble is the widget's context line
 * ("Interested in **this car**? ...", "You're looking at the new **X** -
 * ..."), and a block there would tear "this car" onto a line of its own. */
.hdcw-msgs > .hdcw-bot:first-child {
  padding: 13px 45px 22px 21px;   /* 95 tall, cap lines 112 / 136 / 153 */
  letter-spacing: 0;
}
.hdcw-msgs > .hdcw-bot:first-child > b,
.hdcw-msgs > .hdcw-bot:first-child > strong {
  display: inline-block;
  font-weight: 600;             /* Hyundai Sans Text Bold = the site's 600 */
  margin-bottom: 7px;
}
/* Other bold runs ("70 cars" 16:206, the linked reply's car names 19:516)
 * are Hyundai Sans Text MEDIUM. */
.hdcw-msg.hdcw-bot b, .hdcw-msg.hdcw-bot strong { font-weight: 500; }
/* User bubbles (37:388 / 4048:708 / 42:676 / 19:649 / 2030:495): #B5EBFF,
 * black Regular 14, square bottom-RIGHT corner, right edge on x382, at most
 * 352 wide (2030:495). 48 tall for one line, text box 16 under the top. */
.hdcw-msg.hdcw-user {
  max-width: 352px;
  background: #B5EBFF;
  color: #000000;
  border-radius: 10px 10px 0 10px;
  /* Hand-drawn rectangles: ink 17..25 in from the left and 21..51 from the
   * right across the five drawn; cap line 18 under the top (37:388, 4048:708). */
  padding: 15px 27px 16px 22px;
}
.hdcw-bot a.hdcw-link { color: #000000; font-weight: 500; text-decoration: underline; }
/* The reply that lists cars as links (19:515 on 16-browse-auto) is its own
 * bubble: WHITE with a 1px #E4E6EA stroke, Hyundai Sans Text 14 on a 19px
 * leading, car names Medium underlined, text box 28px under the top edge and
 * the designer's fixed rectangle below it. */
.hdcw-msg.hdcw-bot:has(a.hdcw-link) {
  background: #FFFFFF;
  border-color: #E4E6EA;
  line-height: 19px;
  padding: 27px 27px 105px 21px;
}
/* 2030:573 "Searching our stock..." - Hyundai Sans Text Regular 12 #6D6D6D,
 * upright (the widget italicises it), ink on x20. */
.hdcw-status {
  font-size: 12px;
  line-height: 15px;
  font-style: normal;
  color: #6D6D6D;
  margin: 3px 0 5px;
}
.hdcw-typing {
  background: #EDEDED;
  border: 1px solid #C7C7C7;
  border-radius: 10px 10px 10px 0;
}

/* ------------------------------------------------------------- openers
 * "lozenge" 12:145 / 60005:1225 / 6001:1006 / 6001:1031 / 2023:430: 361 wide
 * from x16, tops on 199 / 278 / 357 / 437, the "Something else" box on 516;
 * the first four 72 tall (label + caption), "Something else" 52.44.
 * The greeting ends on y190 and the first lozenge starts on y199.
 * Specificity note: the widget's own `.hdcw-opener .hdcw-else` (0,2,0) beats a
 * bare `.hdcw-opener button` (0,1,1), and on a VEHICLE page it puts hdcw-else
 * on EVERY opener - hence the doubled selectors. */
.hdcw-opener { gap: 7px; margin: -1px 5px 0 0; }   /* 361 wide, x16 -> x377 */
.hdcw-opener button,
.hdcw-opener button.hdcw-else {
  /* A <button> vertically CENTRES its content box whatever `display` says;
   * an explicit column flex is the only way to top-align the label. */
  display: flex;
  flex-direction: column;
  align-items: stretch;
  justify-content: flex-start;
  box-sizing: border-box;
  width: 100%;
  min-height: 72px;             /* grows when a phone wraps the label */
  margin: 0;
  padding: 18px 40px 12px 81px; /* label box @82,19 (1px stroke + 18 / 81); clear of the chevron;
                                  the 12 below only shows when a phone wraps the label */
  text-align: left;
  background-color: #F1F1F1;
  background-repeat: no-repeat;
  background-origin: border-box;
  border: 1px solid #B7B7B7;
  border-radius: 10px;
  color: #0F3767;
  font-family: "HDCW Hyundai Sans Head", "Hyundai Sans Head", var(--hdcw-font);
  font-size: 16px;
  line-height: 20px;
  font-weight: 500;
  letter-spacing: 0;
  opacity: 1;
}
/* The widget's own `.hdcw-else:hover { background: ... }` SHORTHAND resets
 * background-repeat to `repeat`, which tiles the "?" glyph across the
 * "Something else" button on mouseover; pin no-repeat here too. */
.hdcw-opener button:hover,
.hdcw-opener button.hdcw-else:hover { background-color: #E9E9E9; background-repeat: no-repeat; opacity: 1; }
/* The caption under each label (30002:640 / 60005:1228 / 6001:1012 /
 * 6001:1037): Hyundai Sans Text Regular 12, BLACK, text box 21px under the
 * label's - part of the drawn button, so it lives here, verbatim. */
.hdcw-opener button::after {
  display: block;
  margin-top: 1px;
  font-family: var(--hdcw-font);
  font-size: 12px;
  line-height: 15px;
  font-weight: 400;
  letter-spacing: 0;
  color: #000000;
}
.hdcw-op-used::after { content: "Over 70 cars in stock"; }
.hdcw-op-new::after { content: "Explore our new Hyundai Range"; }
.hdcw-op-quiz::after { content: "Get matched to car to suit your needs"; }
.hdcw-op-alert::after { content: "Receive a daily stock alert"; }
/* Glyph + chevron are two background layers placed from the BORDER box (so
 * the numbers are the artwork's lozenge-local offsets less the 1px bezel).
 * Chevrons: 24001:928 & co. 6x12 at x337.5 on the first two lozenges and at
 * x336.5 on the others, y29.5 (21.5 on "Something else") - placed from the
 * RIGHT edge (16.5 / 17.5 with the bezel), so they follow a narrower phone
 * panel. */
.hdcw-opener button.hdcw-op-used {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width=%2223%22%20height=%2226%22%20viewBox=%22-1%20-1%2023%2026%22%20fill=%22none%22%20xmlns=%22http://www.w3.org/2000/svg%22%3E%3Cg%3E%3Cg%3E%3Cg%3E%3Cpath%20d=%22M16.7429%2016.8182L20%201C20%201%2014.3%202.09091%2014.3%204.27273C14.3%205.63636%2016.4714%206.45455%2015.6571%207.27273C14.8429%208.09091%2011.8571%208.90909%2011.8571%2011.0909C11.8571%2012.4545%2012.7474%2013.4691%2011.8571%2014.3636C11.0429%2015.1818%2010.2286%2014.7531%208.87143%2014.3636C7.35143%2013.9273%204.25714%2013.5455%203.17143%2013.8182C2.08571%2014.0909%201%2014.6364%201%2016.2727C1%2017.1727%201.54286%2018.1818%202.9%2018.4545C4.25714%2018.7273%205.88571%2017.3636%208.05714%2017.3636C10.2286%2017.3636%2012.9429%2019%2014.5714%2019C16.2%2019%2016.7429%2016.8182%2016.7429%2016.8182Z%22%20stroke=%22%230F3767%22%20stroke-width=%222%22%20stroke-linejoin=%22round%22/%3E%3Cpath%20d=%22M3.63636%2019L2%2023H20L16.7273%2019%22%20stroke=%22%230F3767%22%20stroke-width=%222%22%20stroke-linejoin=%22round%22/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E"), 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%3Cg%3E%3Cg%3E%3Cpath%20d=%22M5.40984e-09%201.215L1.00917%202.18156e-07L6%206L1.00917%2012L4.23728e-07%2010.785L3.97792%206L5.40984e-09%201.215Z%22%20fill=%22%230F3767%22/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  background-position: 30px 21px, right 16.5px top 28.5px;   /* seat 21x24 @31,22 */
  background-size: 23px 26px, 8px 14px;
}
.hdcw-opener button.hdcw-op-new {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width=%2236%22%20height=%2219%22%20viewBox=%22-1%20-1%2036%2019%22%20fill=%22none%22%20xmlns=%22http://www.w3.org/2000/svg%22%3E%3Cg%3E%3Cg%3E%3Cpath%20fill-rule=%22evenodd%22%20clip-rule=%22evenodd%22%20d=%22M16.576%2016.979C25.732%2016.979%2033.155%2013.179%2033.155%208.492C33.155%203.805%2025.732%200%2016.576%200C7.42%200%200%203.8%200%208.491C0%2013.182%207.423%2016.979%2016.576%2016.979ZM13.507%204.148C13.8108%203.1121%2014.462%202.21236%2015.351%201.6C15.6979%201.43892%2016.0746%201.35174%2016.457%201.344H16.622C19.43%201.32098%2022.2262%201.70875%2024.922%202.495L25.013%202.53C25.233%202.603%2025.346%202.705%2025.346%202.83C25.3427%202.88128%2025.3289%202.93134%2025.3056%202.97709C25.2822%203.02284%2025.2496%203.06331%2025.21%203.096C25.175%203.131%2025.126%203.173%2025.059%203.229C23.4428%204.45417%2021.6442%205.41792%2019.729%206.085C18.4631%206.59919%2017.1591%207.01444%2015.829%207.327C14.985%207.506%2011.864%207.981%2013.512%204.149L13.507%204.148ZM11.158%201.967C11.074%201.88%2010.846%201.88%2010.5%201.947C5.117%203.047%201.354%205.562%201.354%208.488C1.354%2010.108%202.509%2011.606%204.454%2012.804C4.55451%2012.8771%204.6757%2012.9164%204.8%2012.916C4.85991%2012.9112%204.91734%2012.8899%204.96602%2012.8547C5.01469%2012.8194%205.05274%2012.7714%205.076%2012.716C5.12487%2012.6283%205.16925%2012.5382%205.209%2012.446C6.68989%208.86256%208.64029%205.49174%2011.009%202.422C11.0635%202.36026%2011.1117%202.29326%2011.153%202.222C11.1815%202.18407%2011.1969%202.13793%2011.1969%202.0905C11.1969%202.04307%2011.1815%201.99693%2011.153%201.959L11.158%201.967ZM28.358%204.06C28.2976%204.06479%2028.2396%204.08594%2028.1903%204.12117C28.1409%204.1564%2028.1021%204.20439%2028.078%204.26C28.039%204.327%2027.994%204.428%2027.945%204.529C26.4658%208.11233%2024.5152%2011.4824%2022.145%2014.55C22.0898%2014.6112%2022.0415%2014.6783%2022.001%2014.75C21.931%2014.865%2021.945%2014.96%2022.001%2015.012C22.078%2015.099%2022.309%2015.102%2022.652%2015.032C28.035%2013.932%2031.798%2011.417%2031.798%208.491C31.798%206.871%2030.643%205.373%2028.698%204.176C28.5999%204.10052%2028.4788%204.06098%2028.355%204.064L28.358%204.06ZM19.7%2012.814C19.3966%2013.852%2018.7455%2014.7541%2017.856%2015.369C17.5084%2015.5281%2017.1321%2015.6148%2016.75%2015.624H16.582C13.7768%2015.6448%2010.9835%2015.2571%208.29%2014.473L8.199%2014.438C7.979%2014.365%207.866%2014.263%207.866%2014.138C7.86922%2014.0861%207.88293%2014.0355%207.90631%2013.9891C7.92969%2013.9426%207.96224%2013.9015%208.002%2013.868L8.153%2013.735C9.77063%2012.5121%2011.5688%2011.5485%2013.483%2010.879C14.7492%2010.3655%2016.053%209.95029%2017.383%209.637C18.223%209.462%2021.345%208.982%2019.696%2012.815L19.7%2012.814Z%22%20fill=%22%230F3767%22/%3E%3C/g%3E%3C/g%3E%3C/svg%3E"), 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%3Cg%3E%3Cg%3E%3Cpath%20d=%22M5.40984e-09%201.215L1.00917%202.18156e-07L6%206L1.00917%2012L4.23728e-07%2010.785L3.97792%206L5.40984e-09%201.215Z%22%20fill=%22%230F3767%22/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  background-position: 23px 25px, right 16.5px top 28.5px;   /* logo 33.2x17 @24,26 */
  background-size: 36px 19px, 8px 14px;
}
.hdcw-opener button.hdcw-op-quiz {
  padding: 17px 40px 12px 80px; /* label box @81,18 */
  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%3Cg%3E%3Cg%3E%3Cg%3E%3Cpath%20d=%22M17.2023%2022.8189H6.4793C6.45537%2022.8188%206.43187%2022.8126%206.41095%2022.801C6.39002%2022.7894%206.37236%2022.7727%206.35957%2022.7525L1.19796%2014.4307C1.03805%2014.1777%200.930236%2013.8953%200.880844%2013.6001C0.831452%2013.3049%200.841474%2013.0028%200.910322%2012.7116C0.979171%2012.4203%201.10546%2012.1457%201.28179%2011.9039C1.45813%2011.6621%201.68095%2011.4578%201.93722%2011.3032C2.19348%2011.1486%202.47803%2011.0467%202.77418%2011.0035C3.07033%2010.9602%203.37214%2010.9765%203.66191%2011.0514C3.95168%2011.1263%204.22358%2011.2583%204.46169%2011.4397C4.6998%2011.621%204.89933%2011.848%205.04857%2012.1074L6.40076%2014.4109V3.01504C6.40076%202.44084%206.62886%201.89015%207.03488%201.48413C7.44091%201.07811%207.99159%200.850006%208.5658%200.850006C9.14%200.850006%209.69069%201.07811%2010.0967%201.48413C10.5027%201.89015%2010.7308%202.44084%2010.7308%203.01504V8.13875C10.7308%208.46005%2010.9862%208.72422%2011.3075%208.73466L17.69%208.94776C18.0012%208.95816%2018.2962%209.08909%2018.5126%209.31291C18.7291%209.53673%2018.85%209.83591%2018.85%2010.1473V21.1713C18.85%2021.6083%2018.6764%2022.0274%2018.3674%2022.3364C18.0584%2022.6453%2017.6393%2022.8189%2017.2023%2022.8189Z%22%20stroke=%22%230F3767%22%20stroke-width=%221.7%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E"), 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%3Cg%3E%3Cg%3E%3Cpath%20d=%22M5.40984e-09%201.215L1.00917%202.18156e-07L6%206L1.00917%2012L4.23728e-07%2010.785L3.97792%206L5.40984e-09%201.215Z%22%20fill=%22%230F3767%22/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  background-position: 29.15px 19.15px, right 17.5px top 28.5px;   /* hand 19.7x23.7 @30.15,20.15 */
  background-size: 22px 26px, 8px 14px;
}
.hdcw-opener button.hdcw-op-alert {
  margin-top: 1px;              /* 437, not 436: the designer's 8px step */
  padding: 17px 40px 12px 79px; /* label box @80,18, caption @81 */
  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%3Cg%3E%3Cg%3E%3Cpath%20d=%22M7.78137%2016.6491C9.91974%2016.8993%2012.0806%2016.8993%2014.2189%2016.6491C16.3181%2016.404%2018.3806%2015.9153%2020.3636%2015.1933C18.6842%2013.3584%2017.7562%2010.9732%2017.76%208.50117V7.6677C17.76%205.89932%2017.0478%204.20336%2015.7801%202.95293C14.5123%201.70249%2012.793%201%2011.0001%201C9.20735%201%207.48797%201.70249%206.22026%202.95293C4.95255%204.20336%204.24035%205.89932%204.24035%207.6677V8.50117C4.24376%2010.9734%203.31538%2013.3586%201.63557%2015.1933C3.58803%2015.9045%205.6464%2016.3991%207.78137%2016.6491ZM14.2189%2016.6491C14.3813%2017.1491%2014.4217%2017.6797%2014.3368%2018.1979C14.2519%2018.7161%2014.0442%2019.2073%2013.7304%2019.6313C13.4168%2020.0554%2013.0059%2020.4004%2012.5315%2020.6382C12.057%2020.876%2011.5324%2021%2011.0001%2021C10.468%2021%209.9433%2020.876%209.46885%2020.6382C8.99442%2020.4004%208.58361%2020.0554%208.2699%2019.6313C7.95619%2019.2073%207.74844%2018.7161%207.66355%2018.1979C7.57865%2017.6797%207.61902%2017.1491%207.78137%2016.6491M1.00015%206.00078C1.31783%204.13934%202.16487%202.40515%203.4427%201M18.5576%201C19.8354%202.40515%2020.6826%204.13934%2021.0002%206.00078%22%20stroke=%22%230F3767%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22/%3E%3C/g%3E%3C/g%3E%3C/svg%3E"), 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%3Cg%3E%3Cg%3E%3Cpath%20d=%22M5.40984e-09%201.215L1.00917%202.18156e-07L6%206L1.00917%2012L4.23728e-07%2010.785L3.97792%206L5.40984e-09%201.215Z%22%20fill=%22%230F3767%22/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  background-position: 29px 21px, right 17.5px top 28.5px;   /* bell 22x22 @30,22 */
  background-size: 24px 24px, 8px 14px;
}
.hdcw-opener button.hdcw-op-alert::after { margin-left: 1px; }
/* 2023:430 - no caption: the box (44002:623) is 52.44 tall, the label box on
 * +16 at x81, the "?" 21x21 at 31.25,15.25, the chevron on +21.5. */
.hdcw-opener button.hdcw-op-else,
.hdcw-opener button.hdcw-else.hdcw-op-else {
  min-height: 52.44px;
  padding: 15px 40px 12px 80px;
  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%3Cg%3E%3Cg%3E%3Cg%3E%3Cpath%20d=%22M19.75%2010.25C19.75%2012.7696%2018.7491%2015.1859%2016.9675%2016.9675C15.1859%2018.7491%2012.7696%2019.75%2010.25%2019.75C8.622%2019.75%207.09%2019.34%205.75%2018.619C3.882%2017.612%202.625%2018.548%201.516%2018.716C1.43308%2018.7279%201.34851%2018.7199%201.26925%2018.6928C1.18998%2018.6657%201.11827%2018.6202%201.06%2018.56C0.973006%2018.4676%200.915433%2018.3515%200.8946%2018.2263C0.873768%2018.1011%200.890616%2017.9726%200.943005%2017.857C1.379%2016.832%201.778%2014.888%201.233%2013.25C0.912084%2012.2824%200.748998%2011.2694%200.750005%2010.25C0.750005%207.73044%201.75089%205.31408%203.53249%203.53249C5.31409%201.75089%207.73045%200.75%2010.25%200.75C12.7696%200.75%2015.1859%201.75089%2016.9675%203.53249C18.7491%205.31408%2019.75%207.73044%2019.75%2010.25Z%22%20stroke=%22%230F3767%22%20stroke-width=%221.5%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22/%3E%3Cpath%20d=%22M7.75%207.74999C7.75016%207.3193%207.86158%206.89595%208.07347%206.52099C8.28535%206.14603%208.59052%205.83217%208.95937%205.60982C9.32823%205.38748%209.74827%205.2642%2010.1788%205.25193C10.6093%205.23966%2011.0357%205.33882%2011.4166%205.5398C11.7975%205.74077%2012.1201%206.03675%2012.353%206.39904C12.5859%206.76133%2012.7212%207.17764%2012.7459%207.60762C12.7706%208.0376%2012.6838%208.46666%2012.4939%208.85322C12.304%209.23979%2012.0174%209.57073%2011.662%209.81399C10.978%2010.282%2010.25%2010.922%2010.25%2011.75M10.375%2015H10.25M10.5%2015C10.5%2015.0663%2010.4737%2015.1299%2010.4268%2015.1768C10.3799%2015.2236%2010.3163%2015.25%2010.25%2015.25C10.1837%2015.25%2010.1201%2015.2236%2010.0732%2015.1768C10.0263%2015.1299%2010%2015.0663%2010%2015C10%2014.9337%2010.0263%2014.8701%2010.0732%2014.8232C10.1201%2014.7763%2010.1837%2014.75%2010.25%2014.75C10.3163%2014.75%2010.3799%2014.7763%2010.4268%2014.8232C10.4737%2014.8701%2010.5%2014.9337%2010.5%2015Z%22%20stroke=%22%230F3767%22%20stroke-width=%221.5%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E"), 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%3Cg%3E%3Cg%3E%3Cpath%20d=%22M5.40984e-09%201.215L1.00917%202.18156e-07L6%206L1.00917%2012L4.23728e-07%2010.785L3.97792%206L5.40984e-09%201.215Z%22%20fill=%22%230F3767%22/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  background-position: 30.25px 14.25px, right 17.5px top 20.5px;
  background-size: 23px 23px, 8px 14px;
}
.hdcw-opener button.hdcw-op-else::after { content: none; }
/* 19:683 - the contextual CTA: a solid navy bar, 349x55 from x24, r10,
 * "Tell me about this car" Hyundai Sans Text Bold 16 white, centred, text box
 * 18px under the top. */
.hdcw-opener button.hdcw-op-ctx,
.hdcw-opener button.hdcw-else.hdcw-op-ctx {
  /* stays the base rule's column flex (a block <button> would centre the
   * label in the 37px under the padding); centred across instead */
  align-items: center;
  width: auto;
  min-height: 55px;
  margin: 0 4px 0 8px;
  padding: 18px 12px 17px;
  text-align: center;
  background: #0F3767;
  border: 0;
  border-radius: 10px;
  color: #FFFFFF;
  font-family: var(--hdcw-font);
  font-size: 16px;
  line-height: 20px;
  font-weight: 600;
}
.hdcw-opener button.hdcw-op-ctx::after { content: none; }
.hdcw-opener button.hdcw-op-ctx:hover { background: #0F3767; opacity: .9; }

/* --------------------------------------------------------------- chips
 * "item" 16:212: 31 tall, white, r10, NO border, on a 0/4/4 black-25% shadow,
 * Hyundai Sans Text Regular 12/13 black, centred. Stock chips start at x18
 * with a 5px gutter and a 36px row pitch; the QUIZ answer chips, which always
 * follow a bot bubble, start at x16, 8px under it, with a 4px gutter. */
.hdcw-chips { gap: 5px; padding: 0 2px; }
.hdcw-bot + .hdcw-chips { gap: 4px; padding: 0; margin-top: -2px; }
.hdcw-chip {
  height: 31px;
  box-sizing: border-box;
  /* The artwork's chips are hand-sized, but their ink sits 19..22px in
   * from either edge on most of the 34 drawn (probed: 15-browse, 02-help1,
   * 08-help6), i.e. 20px of padding. The site's webfont draws a wider "1"
   * than the designer's copy of Hyundai Sans Text, so a count chip renders
   * a few px wider than drawn (DESIGN 8). */
  padding: 9px 20px;
  background: #FFFFFF;
  border: 0;
  border-radius: 10px;
  box-shadow: 0 4px 4px rgba(0, 0, 0, .25);
  color: #000000;
  font-size: 12px;
  line-height: 13px;
  font-weight: 400;
  letter-spacing: 0;
}
.hdcw-chip:hover { background: #F4F4F4; color: #000000; }
/* I37:328;16:208 - the one tapped chip keeps the shadow and gains a 1px
 * #0C0F20 inside stroke. */
.hdcw-chip--sel {
  font-weight: 400;
  box-shadow: 0 4px 4px rgba(0, 0, 0, .25), inset 0 0 0 1px #0C0F20;
}
/* A tapped chip must not keep Bootstrap 4.3.1's focus ring; a keyboard does. */
.hdcw-chip:focus:not(:focus-visible) { outline: 0; }
/* 16:213 / 16:270 / 16:323 - Hyundai Sans Text Bold 11 #6D6D6D, no tracking,
 * text box on x23-24 while the chips under them sit on x18; 13px under a
 * bubble, 18px under a chip row, 8px above their chips. */
.hdcw-ghead {
  margin: 3px 0 -2px 7px;
  font-size: 11px;
  line-height: 14px;
  font-weight: 600;
  letter-spacing: 0;
  color: #6D6D6D;
}
.hdcw-chips + .hdcw-ghead { margin-top: 8px; }

/* ---------------------------------------------------------- car cards
 * "csr search" 19:566: 176 wide, r10, 1px #E4E6EA stroke drawn INSIDE (so the
 * 176x113 photo is full-bleed), 244 tall; text block at +12,+123; a flush
 * 31px action row split 77 | 99 with only its outer bottom corners rounded:
 * Details white, "I'm Interested" #0F3767 with white ink (2023:436/442), both
 * Hyundai Sans Text Regular 12/13 ls -.12. Cards 14px apart (x18 / x208). */
.hdcw-cars { gap: 14px; padding: 0 2px; }
/* 08-help6: the model chips start 9px under the cards (487 -> 496) and run
 * to x385 (42:770), past the log's 2px chip inset. */
.hdcw-cars + .hdcw-chips { margin-top: -1px; padding-right: 0; }
.hdcw-ncgrid { gap: 14px; }
.hdcw-car {
  border-radius: 10px;
  border: 0;
  box-shadow: inset 0 0 0 1px #E4E6EA;
  background: #FFFFFF;
}
.hdcw-car img.hdcw-carimg, .hdcw-car .hdcw-noimg { height: 113px; }
.hdcw-car .hdcw-carbody { padding: 9px 12px 8px; line-height: normal; }
/* I2023:448;19:545 - title Regular 12 on two lines, price Bold 12, monthly
 * Regular 12, meta Regular 10, all black. The site's h4 margin reaches the
 * title, so every property is named. */
.hdcw-car h4.hdcw-cartitle {
  margin: 0 0 1px;
  padding: 0;
  font-family: var(--hdcw-font);
  font-size: 12px;
  line-height: 15px;
  font-weight: 400;
  letter-spacing: .14px;
  color: #000000;
  max-height: 30px;
}
.hdcw-car .hdcw-price { font-size: 12px; line-height: 19px; font-weight: 600; letter-spacing: .14px; color: #000000; }
.hdcw-car .hdcw-mo { font-size: 12px; line-height: 16px; font-weight: 400; letter-spacing: .14px; color: #000000; }
.hdcw-car .hdcw-meta { font-size: 10px; line-height: 17px; margin-top: 0; color: #000000; }
.hdcw-ncgrid .hdcw-carbody { padding: 9px 12px 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;
  height: 31px;
  /* The designer's labels sit off the cell centres: "Details" (19:565) 3px
   * right of it, "I'm Interested" (2023:442) 1px left, both cap lines
   * 9.5px under the bar's top edge. text-indent (half of it moves a centred
   * label) rather than padding, which would shift the 77 | 99 split. */
  padding: 0 0 2px;
  text-indent: 5px;
  border: 1px solid #E4E6EA;
  border-radius: 0 0 0 10px;
  background: #FFFFFF;
  color: #000000;
  font-size: 12px;
  line-height: 27px;
  font-weight: 400;
  letter-spacing: -.12px;
}
.hdcw-car .hdcw-pick:hover { background: #E4E6EA; color: #000000; }
.hdcw-car .hdcw-pick--primary {
  flex: 99 0 0;
  text-indent: -3px;
  border-radius: 0 0 10px 0;
  background: #0F3767;
  color: #FFFFFF;
}
.hdcw-car .hdcw-pick--primary:only-child { border-radius: 0 0 10px 10px; }
.hdcw-car .hdcw-pick--primary:hover { background: #0F3767; opacity: .9; color: #FFFFFF; }
.hdcw-car .hdcw-pick:focus:not(:focus-visible) { outline: 0; }

/* -------------------------------------------------------------- footer
 * footer 24:712, 400x129 from y591: a #E4E6EA band, a 299x51 white input with a
 * BLACK 1px stroke on x21 (24:705), placeholder Regular 14 ls .14 on x50, the
 * 52px navy send disc on x328 (38002:991), and the two-line disclosure
 * (2008:473) 12/15 ls .10, black, centred in a 270px box on x64. */
.hdcw-input {
  padding: 20px 20px 9px 21px;   /* band on y591, input on 611 */
  gap: 8px;
  border-top: 0;
  background: #E4E6EA;
}
.hdcw-input input {
  box-sizing: border-box;
  height: 51px;
  padding: 16px 16px 16px 28px;
  border: 1px solid #000000;
  border-radius: 10px;
  background: #FFFFFF;
  color: #000000;
  font-size: 14px;
  line-height: 17px;
  letter-spacing: .14px;
}
/* The widget focuses the input as the panel opens on desktop, so the focus
 * colour IS the look of every desktop panel: the artwork's black stroke. */
.hdcw-input input:focus { border-color: #000000; }
/* font: inherit - DH2's style.css line 5580 has a bare
 * ::-webkit-input-placeholder { font-size: 1rem; color: #525252 }. */
.hdcw-input input::placeholder { color: #000000; opacity: 1; font: inherit; }
.hdcw-input input::-webkit-input-placeholder { color: #000000; opacity: 1; font: inherit; }
.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%3Cg%3E%3Cg%3E%3Cg%3E%3Ccircle%20cx=%2226%22%20cy=%2226%22%20r=%2226%22%20fill=%22%230F3767%22/%3E%3Cpath%20d=%22M33.9108%2020.7147C34.3279%2019.6967%2033.2099%2018.7101%2032.0562%2019.079L17.9556%2023.5789C16.798%2023.9486%2016.658%2025.3424%2017.7229%2025.8867L22.2239%2028.1861L26.2431%2024.6395C26.4252%2024.4843%2026.6691%2024.3985%2026.9222%2024.4004C27.1754%2024.4023%2027.4176%2024.4919%2027.5966%2024.6499C27.7756%2024.8078%2027.8771%2025.0215%2027.8793%2025.2449C27.8815%2025.4683%2027.7842%2025.6835%2027.6083%2025.8441L23.5891%2029.3907L26.1958%2033.3624C26.8118%2034.302%2028.3913%2034.1777%2028.8103%2033.1571L33.9108%2020.7147Z%22%20fill=%22white%22/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E") center / 52px 52px no-repeat;
}
.hdcw-send svg { display: none; }
.hdcw-send:disabled { opacity: .5; }
/* The widget emits "Powered by HappyDealer" and the disclaimer as two BLOCKS;
 * the artwork runs them together and lets them wrap, so they go inline and
 * the box narrows to the artwork's measure. */
.hdcw-powered {
  background: #E4E6EA;
  color: #000000;
  font-size: 12px;
  line-height: 15px;
  letter-spacing: .1px;
  padding: 1px 58px 17px 54px;   /* the artwork's lines centre on x198 */
}
.hdcw-powered > div { display: inline; }
.hdcw-powered > div:first-child::after { content: ".   "; white-space: pre; }
.hdcw-powered a.hdcw-tc { color: #000000; text-decoration: underline; }
.hdcw-powered a.hdcw-tc:hover { color: #0F3767; }
/* The HOME artboard (12:107, the opener list) is the one panel state where
 * the designer leaves "Terms & Conditions" un-underlined; every other
 * artboard underlines it. The opener list is the selector: it removes itself
 * the moment a button is tapped. */
.hdcw-panel:has(.hdcw-op-else) .hdcw-powered a.hdcw-tc { text-decoration: none; }

/* ------------------------------------------------------------ launcher
 * ai-assistant-icon 60005:1326 on the 400x720 home mock (49:780): the round
 * 85x85 badge, 2px clear of the right edge and 2px of the foot. Same badge at
 * every viewport - the artwork draws no separate mobile one. */
.hdcw-fab {
  width: 86px;
  height: 86px;
  right: 2px;
  bottom: 2px;
  padding: 0;
  border: 0;
  border-radius: 50%;
  background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width=%2286%22%20height=%2286%22%20viewBox=%220%200%2086%2086%22%20fill=%22none%22%20xmlns=%22http://www.w3.org/2000/svg%22%3E%3Cg%3E%3Cg%3E%3Ccircle%20cx=%2251.1903%22%20cy=%2251.198%22%20r=%2230.2722%22%20fill=%22%230F3767%22/%3E%3Cpath%20d=%22M50.9014%200C64.0642%208.79532e-05%2076.0598%204.9967%2085.0957%2013.1963L72.0127%2026.3545C66.3545%2021.5194%2059.0113%2018.5988%2050.9854%2018.5986C33.0988%2018.5986%2018.5986%2033.0988%2018.5986%2050.9854C18.5987%2059.0772%2021.5664%2066.4757%2026.4727%2072.1523L13.3916%2085.3076C5.07666%2076.2476%200%2064.168%200%2050.9014C8.24658e-06%2022.7893%2022.7893%208.2476e-06%2050.9014%200Z%22%20fill=%22url(%23paint0_linear_0_1)%22/%3E%3Cg%3E%3Cpath%20d=%22M18.3561%2064.8132L12.1419%2070.6913L11.4535%2069.175L15.697%2065.3151C16.1264%2064.9373%2016.5596%2064.5968%2016.7438%2064.5133L16.7241%2064.4699C16.54%2064.5535%2015.9985%2064.6557%2015.4315%2064.7302L9.73247%2065.3843L9.04406%2063.868L17.5595%2063.0587L18.3561%2064.8132Z%22%20fill=%22white%22/%3E%3Cpath%20d=%22M16.2303%2059.8494L10.369%2061.5459L9.93244%2060.0377L15.7938%2058.3412L16.2303%2059.8494ZM9.42907%2061.8923L7.98945%2062.3089L7.51322%2060.6637L8.95285%2060.247L9.42907%2061.8923Z%22%20fill=%22white%22/%3E%3Cpath%20d=%22M15.1845%2055.3431L15.4612%2056.8886L9.45482%2057.964L9.19068%2056.4888L10.0688%2056.3316C9.39376%2056.1382%208.86324%2055.6049%208.73956%2054.9141C8.71231%2054.7619%208.70305%2054.6427%208.6917%2054.5118L10.1435%2054.2519L10.2043%2054.5914C10.328%2055.2822%2010.6457%2055.8416%2011.4378%2056.0139L15.1845%2055.3431Z%22%20fill=%22white%22/%3E%3Cpath%20d=%22M14.7047%2050.0886C14.7839%2051.4304%2014.1478%2052.159%2012.6042%2052.2501L9.82568%2052.4142L9.88456%2053.4116L8.72092%2053.4803L8.65924%2052.4354L7.10376%2052.5272L7.01404%2051.0073L8.56952%2050.9155L8.49102%2049.5856L9.65466%2049.5169L9.73316%2050.8468L12.4642%2050.6856C13.1766%2050.6435%2013.4217%2050.355%2013.3817%2049.6782L13.3593%2049.2982L14.5823%2049.226C14.6327%2049.4733%2014.6879%2049.8037%2014.7047%2050.0886Z%22%20fill=%22white%22/%3E%3Cpath%20d=%22M9.09303%2042.2468L15.1665%2042.835L15.0209%2044.3386L14.3579%2044.2744C14.7948%2044.6991%2015.0938%2045.3136%2015.0181%2046.095C14.8702%2047.6223%2013.8245%2048.1783%2012.4038%2048.0407L8.56791%2047.6692L8.71926%2046.1064L12.3539%2046.4584C13.2181%2046.5421%2013.7128%2046.1239%2013.7758%2045.4728C13.8297%2044.9163%2013.4791%2044.4641%2013.0025%2044.2029L8.94169%2043.8096L9.09303%2042.2468Z%22%20fill=%22white%22/%3E%3Cpath%20d=%22M16.1108%2039.7025C15.7267%2041.0402%2014.7195%2041.6173%2013.5991%2041.2956C12.4787%2040.9739%2011.9311%2039.9504%2012.3151%2038.6128C12.4792%2038.0412%2012.7919%2037.5988%2013.2269%2037.2906L12.861%2037.1855C12.1636%2036.9853%2011.4935%2037.1642%2011.2572%2037.9873C11.0701%2038.639%2011.2622%2039.1768%2011.4824%2039.4875L10.3102%2039.9925C9.95469%2039.5067%209.72873%2038.6127%2010.0209%2037.5952C10.5165%2035.8689%2011.7737%2035.2398%2013.1685%2035.6403L16.8041%2036.6841L16.3971%2038.1017L15.9855%2037.9836C16.2447%2038.5035%2016.2847%2039.0966%2016.1108%2039.7025ZM15.1379%2039.0396C15.2823%2038.5365%2015.1652%2038.0822%2014.9189%2037.7763L14.3473%2037.6122C13.9762%2037.7408%2013.636%2038.0639%2013.4915%2038.5669C13.2913%2039.2643%2013.6127%2039.6536%2014.0357%2039.775C14.4587%2039.8965%2014.9376%2039.737%2015.1379%2039.0396Z%22%20fill=%22white%22/%3E%3Cpath%20d=%22M17.2929%2035.3557L9.53932%2032.0086L10.1616%2030.5671L17.9151%2033.9142L17.2929%2035.3557Z%22%20fill=%22white%22/%3E%3Cpath%20d=%22M20.4109%2029.3647L15.8528%2022.1127L17.0484%2020.6168L25.1266%2023.4646L24.0647%2024.7933L22.3516%2024.1551L20.4654%2026.5151L21.4729%2028.036L20.4109%2029.3647ZM18.3629%2023.2968L19.7106%2025.3637L21.0622%2023.6727L18.7565%2022.8043C18.2196%2022.6188%2017.7254%2022.3608%2017.5674%2022.2346L17.5377%2022.2717C17.6957%2022.398%2018.0562%2022.8232%2018.3629%2023.2968Z%22%20fill=%22white%22/%3E%3Cpath%20d=%22M25.2339%2016.4021L25.0565%2017.663C24.5732%2017.58%2024.1916%2017.6133%2023.8602%2017.903C23.5826%2018.1456%2023.541%2018.5137%2023.7524%2018.7555C23.9481%2018.9794%2024.1808%2019.0288%2024.5736%2018.8276L24.9844%2018.6107C26.1473%2017.9892%2026.9809%2018.0031%2027.7167%2018.8449C28.4213%2019.6509%2028.3009%2020.941%2027.1724%2021.9273C26.3754%2022.624%2025.4365%2022.7969%2024.5157%2022.5749L24.644%2021.2938C25.3801%2021.5034%2025.9452%2021.3728%2026.4109%2020.9657C26.7781%2020.6448%2026.8824%2020.2219%2026.6241%2019.9263C26.3658%2019.6308%2026.0692%2019.653%2025.5186%2019.9448L25.0988%2020.1695C24.1542%2020.6792%2023.3251%2020.5982%2022.6597%2019.837C21.9943%2019.0758%2022.0061%2017.8964%2023.0718%2016.9649C23.7704%2016.3543%2024.5448%2016.2462%2025.2339%2016.4021Z%22%20fill=%22white%22/%3E%3Cpath%20d=%22M30.3171%2012.9719L29.9579%2014.1936C29.4918%2014.0411%2029.1095%2014.0185%2028.7395%2014.2568C28.4295%2014.4565%2028.3347%2014.8146%2028.5086%2015.0846C28.6696%2015.3346%2028.8927%2015.4173%2029.3107%2015.2755L29.7486%2015.1207C30.9896%2014.6751%2031.8123%2014.8102%2032.4178%2015.7502C32.9974%2016.6501%2032.6905%2017.909%2031.4305%2018.7205C30.5405%2019.2937%2029.5865%2019.3282%2028.7078%2018.9744L29.0212%2017.7256C29.719%2018.0402%2030.2971%2017.9932%2030.8171%2017.6583C31.2271%2017.3942%2031.3919%2016.991%2031.1793%2016.661C30.9668%2016.331%2030.6702%2016.3098%2030.0829%2016.5183L29.6349%2016.6795C28.6261%2017.0463%2027.8176%2016.8455%2027.2702%2015.9955C26.7227%2015.1455%2026.9061%2013.9804%2028.0961%2013.214C28.876%2012.7116%2029.6579%2012.7173%2030.3171%2012.9719Z%22%20fill=%22white%22/%3E%3Cpath%20d=%22M34.3323%2016.7685L31.6653%2011.2803L33.0774%2010.594L35.7444%2016.0822L34.3323%2016.7685ZM31.1644%2010.4128L30.5093%209.06483L32.0499%208.3162L32.7049%209.66418L31.1644%2010.4128Z%22%20fill=%22white%22/%3E%3Cpath%20d=%22M39.1837%209.20006L38.552%2010.3057C38.1338%2010.0496%2037.767%209.93932%2037.3519%2010.0857C37.0042%2010.2083%2036.8292%2010.5349%2036.9361%2010.8377C37.0349%2011.1182%2037.2328%2011.2502%2037.6723%2011.2087L38.1341%2011.1594C39.4445%2011.0126%2040.2138%2011.3341%2040.5856%2012.3885C40.9416%2013.3981%2040.3521%2014.5519%2038.9387%2015.0504C37.9404%2015.4024%2037.0042%2015.2155%2036.2311%2014.6683L36.8245%2013.5257C37.4307%2013.993%2038.0041%2014.0809%2038.5874%2013.8752C39.0473%2013.713%2039.3007%2013.3588%2039.1702%2012.9886C39.0397%2012.6184%2038.756%2012.5293%2038.1364%2012.5964L37.6633%2012.6497C36.5971%2012.7735%2035.8569%2012.3913%2035.5206%2011.4378C35.1844%2010.4843%2035.632%209.39311%2036.9669%208.92237C37.8419%208.61381%2038.6012%208.80007%2039.1837%209.20006Z%22%20fill=%22white%22/%3E%3Cpath%20d=%22M44.5292%2013.4374C43.2133%2013.711%2042.3998%2013.1877%2042.0851%2011.6738L41.5185%208.94872L40.5402%209.15212L40.303%208.01086L41.3278%207.79778L41.0106%206.27221L42.5012%205.96228L42.8184%207.48784L44.1227%207.21665L44.36%208.35791L43.0557%208.6291L43.6126%2011.3076C43.7579%2012.0063%2044.079%2012.2068%2044.7428%2012.0688L45.1154%2011.9913L45.3648%2013.1908C45.1275%2013.2766%2044.8087%2013.3793%2044.5292%2013.4374Z%22%20fill=%22white%22/%3E%3Cpath%20d=%22M48.1928%2013.1568C46.8036%2013.2396%2045.9244%2012.4817%2045.855%2011.3181C45.7857%2010.1545%2046.5688%209.29758%2047.958%209.21481C48.5516%209.17944%2049.0728%209.32712%2049.5082%209.63482L49.4855%209.25486C49.4424%208.53058%2049.0508%207.95813%2048.1959%208.00906C47.5191%208.04939%2047.0759%208.40944%2046.8561%208.72042L45.99%207.78303C46.3298%207.28616%2047.0977%206.77569%2048.1544%206.71273C49.9473%206.6059%2050.9588%207.5823%2051.0451%209.03087L51.27%2012.8067L49.7977%2012.8944L49.7723%2012.4669C49.3681%2012.8842%2048.8221%2013.1193%2048.1928%2013.1568ZM48.4944%2012.0188C49.0168%2011.9876%2049.4064%2011.7261%2049.6129%2011.3921L49.5775%2010.7984C49.3328%2010.4913%2048.915%2010.2779%2048.3925%2010.309C47.6682%2010.3521%2047.408%2010.7847%2047.4342%2011.224C47.4604%2011.6633%2047.7701%2012.0619%2048.4944%2012.0188Z%22%20fill=%22white%22/%3E%3Cpath%20d=%22M52.6815%2012.867L53.41%206.80869L54.9098%206.98904L54.8303%207.65037C55.265%207.22343%2055.8863%206.93873%2056.6657%207.03246C58.1891%207.21565%2058.7208%208.27394%2058.5504%209.69108L58.0903%2013.5174L56.5314%2013.3299L56.9674%209.70439C57.071%208.8423%2056.6644%208.33815%2056.0149%208.26005C55.4481%208.19189%2054.9997%208.53332%2054.7275%209.00375L54.2404%2013.0544L52.6815%2012.867Z%22%20fill=%22white%22/%3E%3Cpath%20d=%22M61.7619%2014.5399C60.4688%2014.1733%2059.99%2013.3328%2060.4117%2011.8452L61.1709%209.16735L60.2096%208.89484L60.5275%207.77337L61.5346%208.05886L61.9596%206.55975L63.4244%206.97501L62.9994%208.47412L64.281%208.83747L63.9631%209.95894L62.6814%209.59559L61.9353%2012.2276C61.7406%2012.9142%2061.9324%2013.2406%2062.5847%2013.4255L62.9509%2013.5293L62.6168%2014.708C62.3667%2014.6742%2062.0366%2014.6177%2061.7619%2014.5399Z%22%20fill=%22white%22/%3E%3C/g%3E%3Cg%3E%3Cg%3E%3Cg%3E%3Cpath%20d=%22M37.8704%2046.1967C37.8704%2045.2751%2038.2372%2044.3913%2038.8901%2043.7396C39.5429%2043.088%2040.4284%2042.7219%2041.3517%2042.7219H62.2395C63.1628%2042.7219%2064.0483%2043.088%2064.7012%2043.7396C65.354%2044.3913%2065.7208%2045.2751%2065.7208%2046.1967V60.0958C65.7208%2061.0174%2065.354%2061.9012%2064.7012%2062.5529C64.0483%2063.2045%2063.1628%2063.5706%2062.2395%2063.5706H57.8879C57.6177%2063.5706%2057.3512%2063.6334%2057.1095%2063.7541C56.8678%2063.8747%2056.6575%2064.0498%2056.4954%2064.2656L53.1881%2068.6664C53.026%2068.8822%2052.8158%2069.0573%2052.5741%2069.178C52.3324%2069.2986%2052.0659%2069.3614%2051.7956%2069.3614C51.5254%2069.3614%2051.2589%2069.2986%2051.0172%2069.178C50.7755%2069.0573%2050.5652%2068.8822%2050.4031%2068.6664L47.0959%2064.2656C46.9337%2064.0498%2046.7235%2063.8747%2046.4818%2063.7541C46.2401%2063.6334%2045.9736%2063.5706%2045.7033%2063.5706H41.3517C40.4284%2063.5706%2039.5429%2063.2045%2038.8901%2062.5529C38.2372%2061.9012%2037.8704%2061.0174%2037.8704%2060.0958V46.1967ZM43.9627%2047.9341C43.7319%2047.9341%2043.5105%2048.0256%2043.3473%2048.1885C43.1841%2048.3514%2043.0924%2048.5724%2043.0924%2048.8028C43.0924%2049.0331%2043.1841%2049.2541%2043.3473%2049.417C43.5105%2049.5799%2043.7319%2049.6715%2043.9627%2049.6715H59.6285C59.8594%2049.6715%2060.0807%2049.5799%2060.244%2049.417C60.4072%2049.2541%2060.4989%2049.0331%2060.4989%2048.8028C60.4989%2048.5724%2060.4072%2048.3514%2060.244%2048.1885C60.0807%2048.0256%2059.8594%2047.9341%2059.6285%2047.9341H43.9627ZM43.9627%2052.2775C43.7319%2052.2775%2043.5105%2052.3691%2043.3473%2052.532C43.1841%2052.6949%2043.0924%2052.9159%2043.0924%2053.1462C43.0924%2053.3766%2043.1841%2053.5976%2043.3473%2053.7605C43.5105%2053.9234%2043.7319%2054.0149%2043.9627%2054.0149H59.6285C59.8594%2054.0149%2060.0807%2053.9234%2060.244%2053.7605C60.4072%2053.5976%2060.4989%2053.3766%2060.4989%2053.1462C60.4989%2052.9159%2060.4072%2052.6949%2060.244%2052.532C60.0807%2052.3691%2059.8594%2052.2775%2059.6285%2052.2775H43.9627ZM43.9627%2056.621C43.7319%2056.621%2043.5105%2056.7126%2043.3473%2056.8755C43.1841%2057.0384%2043.0924%2057.2593%2043.0924%2057.4897C43.0924%2057.7201%2043.1841%2057.9411%2043.3473%2058.104C43.5105%2058.2669%2043.7319%2058.3584%2043.9627%2058.3584H52.6659C52.8968%2058.3584%2053.1181%2058.2669%2053.2814%2058.104C53.4446%2057.9411%2053.5363%2057.7201%2053.5363%2057.4897C53.5363%2057.2593%2053.4446%2057.0384%2053.2814%2056.8755C53.1181%2056.7126%2052.8968%2056.621%2052.6659%2056.621H43.9627Z%22%20fill=%22white%22/%3E%3Cpath%20d=%22M45.785%2029.4935L45.4407%2030.3954C44.9901%2031.5767%2044.7637%2032.1674%2044.3202%2032.5985C43.8743%2033.0296%2043.265%2033.2491%2042.0465%2033.6859L41.1163%2034.0197L42.0465%2034.3535C43.265%2034.7903%2043.8743%2035.0098%2044.319%2035.4398C44.7637%2035.8721%2044.9901%2036.4627%2045.4407%2037.6441L45.785%2038.5459L46.1293%2037.6441C46.5798%2036.4627%2046.8063%2035.8721%2047.2498%2035.4409C47.6957%2035.0098%2048.3049%2034.7903%2049.5235%2034.3535L50.4537%2034.0197L49.5235%2033.6859C48.3049%2033.2491%2047.6957%2033.0296%2047.251%2032.5996C46.8063%2032.1674%2046.5798%2031.5767%2046.1293%2030.3954L45.785%2029.4935Z%22%20fill=%22%2312A9D6%22%20stroke=%22%2300AEEF%22%20stroke-linejoin=%22round%22/%3E%3Cpath%20d=%22M71.7351%2049.5315L71.5535%2050.0071C71.316%2050.63%2071.1966%2050.9415%2070.9627%2051.1688C70.7276%2051.3961%2070.4063%2051.5119%2069.7637%2051.7422L69.2732%2051.9182L69.7637%2052.0943C70.4063%2052.3246%2070.7276%2052.4403%2070.9621%2052.6671C71.1966%2052.895%2071.316%2053.2065%2071.5535%2053.8294L71.7351%2054.305L71.9167%2053.8294C72.1542%2053.2065%2072.2736%2052.895%2072.5075%2052.6677C72.7426%2052.4403%2073.0639%2052.3246%2073.7065%2052.0943L74.197%2051.9182L73.7065%2051.7422C73.0639%2051.5119%2072.7426%2051.3961%2072.5081%2051.1694C72.2737%2050.9415%2072.1542%2050.63%2071.9167%2050.0071L71.7351%2049.5315Z%22%20fill=%22%2312A9D6%22%20stroke=%22%2300AEEF%22%20stroke-linejoin=%22round%22/%3E%3Cpath%20d=%22M32.119%2038.7347L31.858%2039.4184C31.5164%2040.3139%2031.3448%2040.7617%2031.0086%2041.0885C30.6706%2041.4153%2030.2087%2041.5817%2029.285%2041.9128L28.5798%2042.1659L29.285%2042.4189C30.2087%2042.75%2030.6706%2042.9165%2031.0077%2043.2424C31.3448%2043.5701%2031.5164%2044.0179%2031.858%2044.9134L32.119%2045.597L32.38%2044.9134C32.7215%2044.0179%2032.8932%2043.5701%2033.2294%2043.2433C33.5674%2042.9165%2034.0293%2042.75%2034.953%2042.4189L35.6582%2042.1659L34.953%2041.9128C34.0293%2041.5817%2033.5674%2041.4153%2033.2303%2041.0894C32.8932%2040.7617%2032.7215%2040.3139%2032.38%2039.4184L32.119%2038.7347Z%22%20fill=%22%2300AEEF%22%20stroke=%22%2300AEEF%22%20stroke-linejoin=%22round%22/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3Cdefs%3E%3ClinearGradient%20id=%22paint0_linear_0_1%22%20x1=%2227.4416%22%20y1=%2238.428%22%20x2=%2245.7407%22%20y2=%2256.7272%22%20gradientUnits=%22userSpaceOnUse%22%3E%3Cstop%20stop-color=%22%2300AEEF%22/%3E%3Cstop%20offset=%221%22%20stop-color=%22%2300AEEF%22%20stop-opacity=%220%22/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E") center / 86px 86px no-repeat;
  box-shadow: none;
}
.hdcw-fab > svg { display: none; }
.hdcw-fab:hover { transform: scale(1.04); }

/* The panel is 400x720 on desktop, exactly the artboard; on a phone the
 * widget pins it to all four edges and the fixed-width bubbles give way. */
@media (max-width: 480px) {
  .hdcw-msg.hdcw-bot { width: auto; max-width: 92%; }
  .hdcw-msgs > .hdcw-bot:first-child { padding-right: 21px; }
  .hdcw-msg.hdcw-user { max-width: 92%; }
  .hdcw-powered { padding: 1px 20px 17px; }
  .hdcw-input input { padding-left: 16px; }   /* 16px type on a 320px phone */
}

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