/* CON-978 chat widget branding - Conor Cassidy Cars (ccc2, template CCC2).
 * Source of truth: the designer's Figma "Conor Cassidy Cars (Ai Assistant)
 * (Copy)" (file 2lmMRNF7XhrY0dKufpxZpY) and its 16 @2x artboard PNGs, which
 * outrank the node dump wherever the two disagree.
 * Tooling and QA: tickets/CON-978/ccc2/qa-ccc2/; design notes:
 * tickets/CON-978/ccc2/DESIGN-ccc2.md. Glyphs are SVG exports of the file's
 * own nodes, each cross-checked against the artboards.
 *
 * Black and red: an 81px black header carrying a diagonal sheen
 * (#000 -> #373636 -> #000) with the white robot mark and the dealer's
 * Audiowide wordmark; #F1F1F1 lozenge openers with a 1px #B7B7B7 stroke,
 * #BA0011 glyphs and a black chevron; #EDEDED bot bubbles with a #C7C7C7
 * stroke and a squared bottom-left corner, BLACK user bubbles squared
 * bottom-right, both on a WHITE ground; white chips on a 0/4/4 25% shadow;
 * a #E4E6EA footer band with a black-outlined input and the red-gradient
 * 52px send circle. Card price and the "I'm Interested" action are #BA0011.
 * The launcher is the designer's lockup: a 90%-black pill with the
 * "Virtual Assistant" wordmark under a red-gradient tile holding the robot.
 * Type: Rubik + Audiowide, BOTH already imported by the template's
 * style.css (lines 2-3), so this theme imports no webfont.
 * The panel is 400x720 = the designer's artboard, so offsets transfer 1:1.
 *
 * Regenerate with tickets/CON-978/ccc2/build-theme-ccc2.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: #BA0011;
  --hdcw-on-accent: #fff;
  --hdcw-font: 'Rubik', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
  --hdcw-bg: #fff;
  --hdcw-surface: #fff;          /* Rectangle 8 15:158 is white (style 72:411 ai-white) */
  --hdcw-text: #000000;
  --hdcw-muted: #6D6D6D;         /* section heads 16:213, "Searching our stock..." 2030:573 */
  --hdcw-faint: #C7C7C7;   /* typing dots (decorative) */
  --hdcw-footer: #000000;          /* disclosure 2008:473 - every run overrides #504949 to black */
  --hdcw-border: #000000;          /* input stroke 24:705 */
  --hdcw-border-soft: #E4E6EA;
  --hdcw-img-bg: #E4E6EA;
  --hdcw-radius: 15px;           /* panel 1:7, header 1:9 */
  --hdcw-radius-bubble: 10px;    /* census: r10 on 132 nodes */
  --hdcw-head-bg: #000000;
  --hdcw-head-color: #fff;
  --hdcw-user-bg: #000000;         /* 42:676 / 4048:699 / 19:649 are flat black */
  --hdcw-user-color: #fff;
  --hdcw-link: #000000;
  --hdcw-btn-bg: #BA0011;
  --hdcw-btn-color: #fff;
  --hdcw-fab-gap: 0;             /* pill launcher docks flush on the vehicle action bar */
}

/* ---------- Launcher (ai-assistant-icon 52004:617 on 03-home): a 239x57
 * lockup - a 204x47 r5 pill at 90% black (54002:930) carrying "Virtual
 * Assistant" in Rubik SemiBold 16 white (54002:927), with a 69x57 r10
 * red-gradient tile (40004:626, shadow 0/2/2 50%) overlapping its right end
 * and holding the 41.1x34 white robot (52004:616). On the artboard the tile
 * ends 9px from the right edge and 12px from the bottom. */
.hdcw-fab {
  width: 239px;
  height: 57px;
  right: 9px;
  bottom: 12px;
  max-width: calc(100vw - 12px);
  border-radius: 0;
  background: none;
  box-shadow: none;
  padding: 0;
  display: block;
  position: fixed;
  z-index: 1030;                 /* under the site's Bootstrap modals (1050) */
}
.hdcw-fab > svg { display: none; }
.hdcw-fab::before {
  content: 'Virtual Assistant';
  position: absolute;
  left: 0;
  top: 8px;                      /* pill 54002:930 @152,659 inside the lockup @152,651 */
  width: 204px;
  height: 47px;
  box-sizing: border-box;
  padding-right: 25px;           /* centres the wordmark on the pill's VISIBLE part */
  border-radius: 5px;
  background: rgba(0,0,0,.9);
  color: #fff;
  font-family: var(--hdcw-font);
  font-size: 16px;
  font-weight: 600;
  line-height: 47px;
  text-align: center;
  white-space: nowrap;
}
.hdcw-fab::after {
  content: '';
  position: absolute;
  right: 0;
  top: 0;
  width: 69px;
  height: 57px;
  border-radius: 10px;
  background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width=%2242%22%20height=%2235%22%20viewBox=%220%200%2042%2035%22%20fill=%22none%22%20xmlns=%22http://www.w3.org/2000/svg%22%3E%0A%3Cpath%20d=%22M27.3066%2010L25.1556%2013.5768M14.0933%2013.5768L11.9423%2010M13.029%2016.6122C13.029%2014.7189%2013.9201%2013.1828%2015.0179%2013.1828H24.231C25.3288%2013.1828%2026.22%2014.7161%2026.22%2016.6122M4.65397%2030.2475H3.40248C2.69572%2030.2475%202.12305%2029.6665%202.12305%2028.9495V23.9386C2.12305%2023.2215%202.69572%2022.6405%203.40248%2022.6405H4.65397M34.5921%2030.2475H35.8436C36.5504%2030.2475%2037.123%2029.6665%2037.123%2028.9495V23.9386C37.123%2023.2215%2036.5504%2022.6405%2035.8436%2022.6405H34.5921M10.2913%2018.8937H28.9576C30.8265%2018.8937%2032.3461%2020.4327%2032.3461%2022.3316V30.5621C32.3461%2032.4582%2030.8292%2034%2028.9576%2034H10.2913C8.42243%2034%206.90275%2032.461%206.90275%2030.5621V22.3316C6.90275%2020.4355%208.41964%2018.8937%2010.2913%2018.8937ZM16.6047%2026.4469C16.6047%2027.8158%2015.5096%2028.9268%2014.1603%2028.9268C12.8111%2028.9268%2011.716%2027.8158%2011.716%2026.4469C11.716%2025.0779%2012.8111%2023.9669%2014.1603%2023.9669C15.5096%2023.9669%2016.6047%2025.0779%2016.6047%2026.4469ZM27.5301%2026.4469C27.5301%2027.8158%2026.435%2028.9268%2025.0858%2028.9268C23.7365%2028.9268%2022.6414%2027.8158%2022.6414%2026.4469C22.6414%2025.0779%2023.7365%2023.9669%2025.0858%2023.9669C26.435%2023.9669%2027.5301%2025.0779%2027.5301%2026.4469Z%22%20stroke=%22white%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22/%3E%0A%3Cpath%20d=%22M40.9088%205.76543V5.76473L40.8866%205.76159L40.8121%205.75129C40.8121%205.75129%2040.8107%205.75112%2040.81%205.75094L40.7985%205.74937L40.799%205.74989C40.0063%205.68879%2039.2486%205.49254%2038.5619%205.15383C37.9897%204.88705%2037.464%204.52669%2037.005%204.06768C35.9884%203.0512%2035.4533%201.70857%2035.3585%200.253859C35.3581%200.248272%2035.3576%200.242511%2035.3573%200.236924C35.3559%200.218591%2035.3541%200.200084%2035.3531%200.181577C35.3281%200.0775196%2035.2351%200%2035.1235%200C34.9992%200%2034.8984%200.0960266%2034.8885%200.217718H34.8878L34.8852%200.236924L34.8743%200.31584C34.8743%200.31584%2034.8743%200.317237%2034.8742%200.317935L34.8726%200.329633L34.8731%200.329109C34.7778%201.58391%2034.3528%202.75195%2033.5711%203.6951C33.4526%203.84159%2033.3263%203.98318%2033.1908%204.11849C32.1743%205.13498%2030.8317%205.6701%2029.3769%205.76491C29.3713%205.76526%2029.3657%205.76578%2029.36%205.76613C29.3415%205.76753%2029.3231%205.76927%2029.3046%205.77032C29.2006%205.79529%2029.123%205.88835%2029.123%206.00009C29.123%206.1244%2029.2191%206.22514%2029.3408%206.23492V6.23561L29.36%206.23823L29.4389%206.24906C29.4389%206.24906%2029.4403%206.24923%2029.441%206.24941L29.4527%206.25098L29.4522%206.25045C30.8778%206.3587%2032.1918%206.89209%2033.1907%207.89094C33.5208%208.22127%2033.7998%208.58617%2034.03%208.97778C34.54%209.80012%2034.8218%2010.7478%2034.8881%2011.7498C34.8885%2011.7543%2034.8888%2011.7587%2034.8892%2011.7633C34.8907%2011.7825%2034.8925%2011.8017%2034.8935%2011.821C34.9185%2011.9235%2035.0116%2012%2035.1231%2012C35.2474%2012%2035.3482%2011.9054%2035.358%2011.7852H35.3587L35.3618%2011.7631L35.3721%2011.6885C35.3721%2011.6885%2035.3721%2011.6871%2035.3723%2011.6864L35.3739%2011.6749L35.3733%2011.6754C35.4783%2010.312%2035.9846%209.05303%2036.9262%208.07967C36.9863%208.01228%2037.0481%207.94628%2037.112%207.88151C38.1145%206.86503%2039.4385%206.32989%2040.8728%206.23509C40.8774%206.23474%2040.8818%206.23439%2040.8863%206.23404C40.9055%206.23247%2040.9247%206.23073%2040.9441%206.22968C41.0466%206.20471%2041.123%206.11165%2041.123%205.99991C41.123%205.8756%2041.0284%205.77486%2040.9083%205.76508L40.9088%205.76543Z%22%20fill=%22white%22/%3E%0A%3Cpath%20d=%22M4.78646%2013.4988L4.77893%2013.4887L4.75354%2013.4554C4.75354%2013.4554%204.75306%2013.4546%204.75283%2013.4544L4.74883%2013.4492V13.4497C4.45978%2013.1129%204.23823%2012.7369%204.10064%2012.3324C3.97998%2012.0015%203.91483%2011.652%203.91483%2011.2901C3.91483%2010.4883%204.23376%209.74773%204.7707%209.13661C4.77282%209.13426%204.77494%209.13191%204.77682%209.12933C4.7834%209.12158%204.78999%209.11359%204.79705%209.10584C4.82833%209.05487%204.82221%208.9877%204.77799%208.94378C4.72884%208.8947%204.65122%208.89282%204.59925%208.93697H4.59901L4.59054%208.94331L4.55503%208.97009C4.55503%208.97009%204.55433%208.97056%204.55409%208.97079L4.54892%208.97478H4.54939C4.0162%209.43207%203.38706%209.72519%202.70594%209.78884C2.60128%209.79987%202.49544%209.80598%202.38843%209.80575C1.58548%209.80575%200.843912%209.48727%200.231938%208.95106C0.229586%208.94895%200.227233%208.94684%200.224881%208.94496C0.217119%208.93838%200.209123%208.9318%200.201361%208.92476C0.150324%208.89352%200.0830599%208.89963%200.0390787%208.94378C-0.0100768%208.99287%20-0.0119593%209.07038%200.0322571%209.12228L0.0386078%209.13121L0.0654202%209.16667C0.0654202%209.16667%200.0658899%209.16738%200.0661251%209.16761L0.0701244%209.17278V9.17231C0.590373%209.77709%200.898711%2010.5057%200.898711%2011.2936C0.898711%2011.5541%200.864607%2011.808%200.80087%2012.0532C0.677628%2012.5786%200.414683%2013.0636%200.0449585%2013.4849C0.0433122%2013.4868%200.0416653%2013.4887%200.0400189%2013.4906C0.0329631%2013.4988%200.0261419%2013.507%200.0188509%2013.5152C-0.0117242%2013.5655%20-0.00513796%2013.6324%200.0388432%2013.6764C0.0879987%2013.7254%200.165142%2013.7278%200.216414%2013.6843H0.21665L0.226527%2013.6771L0.259924%2013.6517C0.259924%2013.6517%200.260396%2013.6512%200.260866%2013.651L0.26604%2013.647H0.26557C0.845558%2013.1507%201.54267%2012.8539%202.29905%2012.8414C2.34938%2012.8386%202.39995%2012.8369%202.45075%2012.8365C3.24806%2012.8308%203.98233%2013.142%204.58631%2013.6703C4.58819%2013.6719%204.59007%2013.6735%204.59196%2013.6752C4.60019%2013.6822%204.60842%2013.689%204.61665%2013.6963C4.66698%2013.7269%204.73401%2013.7203%204.77799%2013.6764C4.82715%2013.6273%204.8295%2013.5502%204.78599%2013.499L4.78646%2013.4988Z%22%20fill=%22white%22/%3E%0A%3Cpath%20d=%22M21.7865%206.4988L21.7789%206.4887L21.7535%206.45535C21.7535%206.45535%2021.7531%206.45465%2021.7528%206.45441L21.7488%206.44924V6.44971C21.4598%206.11291%2021.2382%205.73689%2021.1006%205.33245C20.98%205.00152%2020.9148%204.65204%2020.9148%204.29011C20.9148%203.48827%2021.2338%202.74773%2021.7707%202.13661C21.7728%202.13426%2021.7749%202.13191%2021.7768%202.12933C21.7834%202.12158%2021.79%202.11359%2021.797%202.10584C21.8283%202.05487%2021.8222%201.9877%2021.778%201.94378C21.7288%201.8947%2021.6512%201.89282%2021.5992%201.93697H21.599L21.5905%201.94331L21.555%201.97009C21.555%201.97009%2021.5543%201.97056%2021.5541%201.97079L21.5489%201.97478H21.5494C21.0162%202.43207%2020.3871%202.72519%2019.7059%202.78884C19.6013%202.79987%2019.4954%202.80598%2019.3884%202.80575C18.5855%202.80575%2017.8439%202.48727%2017.2319%201.95106C17.2296%201.94895%2017.2272%201.94684%2017.2249%201.94496C17.2171%201.93838%2017.2091%201.9318%2017.2014%201.92476C17.1503%201.89352%2017.0831%201.89963%2017.0391%201.94378C16.9899%201.99287%2016.988%202.07038%2017.0323%202.12228L17.0386%202.13121L17.0654%202.16667C17.0654%202.16667%2017.0659%202.16738%2017.0661%202.16761L17.0701%202.17278V2.17231C17.5904%202.77709%2017.8987%203.50565%2017.8987%204.29363C17.8987%204.5541%2017.8646%204.80799%2017.8009%205.05319C17.6776%205.57859%2017.4147%206.06359%2017.045%206.48494C17.0433%206.48682%2017.0417%206.4887%2017.04%206.49058C17.033%206.4988%2017.0261%206.50702%2017.0189%206.51524C16.9883%206.5655%2016.9949%206.63244%2017.0388%206.67636C17.088%206.72545%2017.1651%206.7278%2017.2164%206.68435H17.2166L17.2265%206.67707L17.2599%206.6517C17.2599%206.6517%2017.2604%206.65123%2017.2609%206.651L17.266%206.647H17.2656C17.8456%206.15073%2018.5427%205.85386%2019.2991%205.84141C19.3494%205.83859%2019.4%205.83694%2019.4508%205.83648C20.2481%205.83084%2020.9823%206.14204%2021.5863%206.67025C21.5882%206.6719%2021.5901%206.67354%2021.592%206.67519C21.6002%206.68223%2021.6084%206.68904%2021.6167%206.69632C21.667%206.72686%2021.734%206.72028%2021.778%206.67636C21.8272%206.62727%2021.8295%206.55024%2021.786%206.49904L21.7865%206.4988Z%22%20fill=%22white%22/%3E%0A%3C/svg%3E") no-repeat left 17.9px top 11px / 42px 35px, linear-gradient(90deg, #BC0011 0%, #8A000C 100%);
  box-shadow: 0 2px 2px rgba(0,0,0,.5);
}
.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 black band, r15 on top, carrying the
 * designer's diagonal sheen (Rectangle 3 1:9: #000000 -> #373636 -> #000000).
 * The streak's peak measures x=60 at y=2 and x=30 at y=78 on 01-chat, i.e. an
 * axis of 111.6deg with the light band between 7.5% and 22.4%.
 * Mark 42x35 @19,20; wordmark Audiowide 18/18 white @78,25; subtitle Rubik
 * Regular 12 white @77,47 UNDER it; nav icons at y23-24, right edge x384. */
.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 19px;   /* close icon right edge at x384 */
  gap: 0;
  background: linear-gradient(111.6deg, #000000 7.5%, #373636 14.8%, #000000 22.4%), #000000;
}
.hdcw-head::before {
  content: '';
  flex: 0 0 42px;
  height: 35px;
  margin: 20px 17px 0 0;         /* wordmark at x78 */
  background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width=%2242%22%20height=%2235%22%20viewBox=%220%200%2042%2035%22%20fill=%22none%22%20xmlns=%22http://www.w3.org/2000/svg%22%3E%0A%3Crect%20x=%228%22%20y=%2220%22%20width=%2224%22%20height=%2214%22%20rx=%222%22%20fill=%22url(%23paint0_linear_54002_933)%22/%3E%0A%3Cpath%20d=%22M27.3066%2010L25.1556%2013.5768M14.0933%2013.5768L11.9423%2010M13.029%2016.6122C13.029%2014.7189%2013.9201%2013.1828%2015.0179%2013.1828H24.231C25.3288%2013.1828%2026.22%2014.7161%2026.22%2016.6122M4.65397%2030.2475H3.40248C2.69572%2030.2475%202.12305%2029.6665%202.12305%2028.9495V23.9386C2.12305%2023.2215%202.69572%2022.6405%203.40248%2022.6405H4.65397M34.5921%2030.2475H35.8436C36.5504%2030.2475%2037.123%2029.6665%2037.123%2028.9495V23.9386C37.123%2023.2215%2036.5504%2022.6405%2035.8436%2022.6405H34.5921M10.2913%2018.8937H28.9576C30.8265%2018.8937%2032.3461%2020.4327%2032.3461%2022.3316V30.5621C32.3461%2032.4582%2030.8292%2034%2028.9576%2034H10.2913C8.42243%2034%206.90275%2032.461%206.90275%2030.5621V22.3316C6.90275%2020.4355%208.41964%2018.8937%2010.2913%2018.8937ZM16.6047%2026.4469C16.6047%2027.8158%2015.5096%2028.9268%2014.1603%2028.9268C12.8111%2028.9268%2011.716%2027.8158%2011.716%2026.4469C11.716%2025.0779%2012.8111%2023.9669%2014.1603%2023.9669C15.5096%2023.9669%2016.6047%2025.0779%2016.6047%2026.4469ZM27.5301%2026.4469C27.5301%2027.8158%2026.435%2028.9268%2025.0858%2028.9268C23.7365%2028.9268%2022.6414%2027.8158%2022.6414%2026.4469C22.6414%2025.0779%2023.7365%2023.9669%2025.0858%2023.9669C26.435%2023.9669%2027.5301%2025.0779%2027.5301%2026.4469Z%22%20stroke=%22white%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22/%3E%0A%3Cpath%20d=%22M40.9088%205.76543V5.76473L40.8866%205.76159L40.8121%205.75129C40.8121%205.75129%2040.8107%205.75112%2040.81%205.75094L40.7985%205.74937L40.799%205.74989C40.0063%205.68879%2039.2486%205.49254%2038.5619%205.15383C37.9897%204.88705%2037.464%204.52669%2037.005%204.06768C35.9884%203.0512%2035.4533%201.70857%2035.3585%200.253859C35.3581%200.248272%2035.3576%200.242511%2035.3573%200.236924C35.3559%200.218591%2035.3541%200.200084%2035.3531%200.181577C35.3281%200.0775196%2035.2351%200%2035.1235%200C34.9992%200%2034.8984%200.0960266%2034.8885%200.217718H34.8878L34.8852%200.236924L34.8743%200.31584C34.8743%200.31584%2034.8743%200.317237%2034.8742%200.317935L34.8726%200.329633L34.8731%200.329109C34.7778%201.58391%2034.3528%202.75195%2033.5711%203.6951C33.4526%203.84159%2033.3263%203.98318%2033.1908%204.11849C32.1743%205.13498%2030.8317%205.6701%2029.3769%205.76491C29.3713%205.76526%2029.3657%205.76578%2029.36%205.76613C29.3415%205.76753%2029.3231%205.76927%2029.3046%205.77032C29.2006%205.79529%2029.123%205.88835%2029.123%206.00009C29.123%206.1244%2029.2191%206.22514%2029.3408%206.23492V6.23561L29.36%206.23823L29.4389%206.24906C29.4389%206.24906%2029.4403%206.24923%2029.441%206.24941L29.4527%206.25098L29.4522%206.25045C30.8778%206.3587%2032.1918%206.89209%2033.1907%207.89094C33.5208%208.22127%2033.7998%208.58617%2034.03%208.97778C34.54%209.80012%2034.8218%2010.7478%2034.8881%2011.7498C34.8885%2011.7543%2034.8888%2011.7587%2034.8892%2011.7633C34.8907%2011.7825%2034.8925%2011.8017%2034.8935%2011.821C34.9185%2011.9235%2035.0116%2012%2035.1231%2012C35.2474%2012%2035.3482%2011.9054%2035.358%2011.7852H35.3587L35.3618%2011.7631L35.3721%2011.6885C35.3721%2011.6885%2035.3721%2011.6871%2035.3723%2011.6864L35.3739%2011.6749L35.3733%2011.6754C35.4783%2010.312%2035.9846%209.05303%2036.9262%208.07967C36.9863%208.01228%2037.0481%207.94628%2037.112%207.88151C38.1145%206.86503%2039.4385%206.32989%2040.8728%206.23509C40.8774%206.23474%2040.8818%206.23439%2040.8863%206.23404C40.9055%206.23247%2040.9247%206.23073%2040.9441%206.22968C41.0466%206.20471%2041.123%206.11165%2041.123%205.99991C41.123%205.8756%2041.0284%205.77486%2040.9083%205.76508L40.9088%205.76543Z%22%20fill=%22white%22/%3E%0A%3Cpath%20d=%22M4.78646%2013.4988L4.77893%2013.4887L4.75354%2013.4554C4.75354%2013.4554%204.75306%2013.4546%204.75283%2013.4544L4.74883%2013.4492V13.4497C4.45978%2013.1129%204.23823%2012.7369%204.10064%2012.3324C3.97998%2012.0015%203.91483%2011.652%203.91483%2011.2901C3.91483%2010.4883%204.23376%209.74773%204.7707%209.13661C4.77282%209.13426%204.77494%209.13191%204.77682%209.12933C4.7834%209.12158%204.78999%209.11359%204.79705%209.10584C4.82833%209.05487%204.82221%208.9877%204.77799%208.94378C4.72884%208.8947%204.65122%208.89282%204.59925%208.93697H4.59901L4.59054%208.94331L4.55503%208.97009C4.55503%208.97009%204.55433%208.97056%204.55409%208.97079L4.54892%208.97478H4.54939C4.0162%209.43207%203.38706%209.72519%202.70594%209.78884C2.60128%209.79987%202.49544%209.80598%202.38843%209.80575C1.58548%209.80575%200.843912%209.48727%200.231938%208.95106C0.229586%208.94895%200.227233%208.94684%200.224881%208.94496C0.217119%208.93838%200.209123%208.9318%200.201361%208.92476C0.150324%208.89352%200.0830599%208.89963%200.0390787%208.94378C-0.0100768%208.99287%20-0.0119593%209.07038%200.0322571%209.12228L0.0386078%209.13121L0.0654202%209.16667C0.0654202%209.16667%200.0658899%209.16738%200.0661251%209.16761L0.0701244%209.17278V9.17231C0.590373%209.77709%200.898711%2010.5057%200.898711%2011.2936C0.898711%2011.5541%200.864607%2011.808%200.80087%2012.0532C0.677628%2012.5786%200.414683%2013.0636%200.0449585%2013.4849C0.0433122%2013.4868%200.0416653%2013.4887%200.0400189%2013.4906C0.0329631%2013.4988%200.0261419%2013.507%200.0188509%2013.5152C-0.0117242%2013.5655%20-0.00513796%2013.6324%200.0388432%2013.6764C0.0879987%2013.7254%200.165142%2013.7278%200.216414%2013.6843H0.21665L0.226527%2013.6771L0.259924%2013.6517C0.259924%2013.6517%200.260396%2013.6512%200.260866%2013.651L0.26604%2013.647H0.26557C0.845558%2013.1507%201.54267%2012.8539%202.29905%2012.8414C2.34938%2012.8386%202.39995%2012.8369%202.45075%2012.8365C3.24806%2012.8308%203.98233%2013.142%204.58631%2013.6703C4.58819%2013.6719%204.59007%2013.6735%204.59196%2013.6752C4.60019%2013.6822%204.60842%2013.689%204.61665%2013.6963C4.66698%2013.7269%204.73401%2013.7203%204.77799%2013.6764C4.82715%2013.6273%204.8295%2013.5502%204.78599%2013.499L4.78646%2013.4988Z%22%20fill=%22white%22/%3E%0A%3Cpath%20d=%22M21.7865%206.4988L21.7789%206.4887L21.7535%206.45535C21.7535%206.45535%2021.7531%206.45465%2021.7528%206.45441L21.7488%206.44924V6.44971C21.4598%206.11291%2021.2382%205.73689%2021.1006%205.33245C20.98%205.00152%2020.9148%204.65204%2020.9148%204.29011C20.9148%203.48827%2021.2338%202.74773%2021.7707%202.13661C21.7728%202.13426%2021.7749%202.13191%2021.7768%202.12933C21.7834%202.12158%2021.79%202.11359%2021.797%202.10584C21.8283%202.05487%2021.8222%201.9877%2021.778%201.94378C21.7288%201.8947%2021.6512%201.89282%2021.5992%201.93697H21.599L21.5905%201.94331L21.555%201.97009C21.555%201.97009%2021.5543%201.97056%2021.5541%201.97079L21.5489%201.97478H21.5494C21.0162%202.43207%2020.3871%202.72519%2019.7059%202.78884C19.6013%202.79987%2019.4954%202.80598%2019.3884%202.80575C18.5855%202.80575%2017.8439%202.48727%2017.2319%201.95106C17.2296%201.94895%2017.2272%201.94684%2017.2249%201.94496C17.2171%201.93838%2017.2091%201.9318%2017.2014%201.92476C17.1503%201.89352%2017.0831%201.89963%2017.0391%201.94378C16.9899%201.99287%2016.988%202.07038%2017.0323%202.12228L17.0386%202.13121L17.0654%202.16667C17.0654%202.16667%2017.0659%202.16738%2017.0661%202.16761L17.0701%202.17278V2.17231C17.5904%202.77709%2017.8987%203.50565%2017.8987%204.29363C17.8987%204.5541%2017.8646%204.80799%2017.8009%205.05319C17.6776%205.57859%2017.4147%206.06359%2017.045%206.48494C17.0433%206.48682%2017.0417%206.4887%2017.04%206.49058C17.033%206.4988%2017.0261%206.50702%2017.0189%206.51524C16.9883%206.5655%2016.9949%206.63244%2017.0388%206.67636C17.088%206.72545%2017.1651%206.7278%2017.2164%206.68435H17.2166L17.2265%206.67707L17.2599%206.6517C17.2599%206.6517%2017.2604%206.65123%2017.2609%206.651L17.266%206.647H17.2656C17.8456%206.15073%2018.5427%205.85386%2019.2991%205.84141C19.3494%205.83859%2019.4%205.83694%2019.4508%205.83648C20.2481%205.83084%2020.9823%206.14204%2021.5863%206.67025C21.5882%206.6719%2021.5901%206.67354%2021.592%206.67519C21.6002%206.68223%2021.6084%206.68904%2021.6167%206.69632C21.667%206.72686%2021.734%206.72028%2021.778%206.67636C21.8272%206.62727%2021.8295%206.55024%2021.786%206.49904L21.7865%206.4988Z%22%20fill=%22white%22/%3E%0A%3Cdefs%3E%0A%3ClinearGradient%20id=%22paint0_linear_54002_933%22%20x1=%228%22%20y1=%2227%22%20x2=%2232%22%20y2=%2227%22%20gradientUnits=%22userSpaceOnUse%22%3E%0A%3Cstop%20stop-color=%22%23BC0011%22/%3E%0A%3Cstop%20offset=%221%22%20stop-color=%22%238A000C%22/%3E%0A%3C/linearGradient%3E%0A%3C/defs%3E%0A%3C/svg%3E") center / contain no-repeat;
}
.hdcw-head > div { margin-top: 25.5px; min-width: 0; padding-right: 10px; }
.hdcw-head b {
  font-family: 'Audiowide', var(--hdcw-font);
  font-size: 18px;
  line-height: 18px;
  font-weight: 400;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.hdcw-head small {
  display: block;
  margin-top: 3.5px;
  opacity: 1;
  font-size: 12px;
  font-weight: 400;
  line-height: 14px;
  white-space: nowrap;
}
.hdcw-reset, .hdcw-exp, .hdcw-close {
  flex: none;
  align-self: flex-start;
  padding: 0;
  font-size: 0;
  background-repeat: no-repeat;
  background-position: center;
}
.hdcw-reset {
  width: 22px;
  height: 18px;
  margin: 23px 0 0 auto;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width=%2222%22%20height=%2218%22%20viewBox=%220%200%2022%2018%22%20fill=%22none%22%20xmlns=%22http://www.w3.org/2000/svg%22%3E%0A%3Cpath%20d=%22M13%201C17.4133%201%2021%204.58667%2021%209C21%2013.4133%2017.4133%2017%2013%2017C8.58667%2017%205%2013.4133%205%209V5.66667%22%20stroke=%22white%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22/%3E%0A%3Cpath%20d=%22M1%209L5%205L9%209%22%20stroke=%22white%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22/%3E%0A%3C/svg%3E");
  background-size: 22px 18px;
}
.hdcw-reset svg { display: none; }
.hdcw-panel:not(.hdcw-max) .hdcw-exp {
  width: 18px;
  height: 18px;
  margin: 23px 0 0 16px;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width=%2218%22%20height=%2218%22%20viewBox=%22-1%20-1%2018%2018%22%20fill=%22none%22%20xmlns=%22http://www.w3.org/2000/svg%22%3E%0A%3Cpath%20d=%22M1.2002%2012V14.7998H4V16H0V12H1.2002ZM16%2016H12V14.7998H14.7998V12H16V16ZM16%204H14.7998V1.2002H12V0H16V4ZM4%201.2002H1.2002V4H0V0H4V1.2002Z%22%20fill=%22white%22/%3E%0A%3C/svg%3E");
  background-size: 18px 18px;
}
.hdcw-panel:not(.hdcw-max) .hdcw-exp svg { display: none; }
.hdcw-max .hdcw-exp { margin: 23px 0 0 16px; 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, Rubik Regular
 * 14/17 with .14px tracking, text 22px in, 16px above and below - a one-line
 * bubble is 51 tall (37:325), two lines 68 (37:322). Fixed 334 (91.3%) wide.
 * User (42:676 / 4048:699 / 19:649): flat #000000, white Regular 14, r10
 * with the BOTTOM-RIGHT corner square, 48 tall for one line. */
.hdcw-msg {
  max-width: 96%;                /* the long user bubble 2030:495 is 352 of 366 */
  padding: 16px 22px;
  font-size: 14px;
  line-height: 17px;
  letter-spacing: .14px;
}
.hdcw-bot {
  width: 91.3%;
  max-width: 91.3%;
  box-sizing: border-box;
  background: #EDEDED;
  border-color: #C7C7C7;
  border-radius: 10px 10px 10px 0;
  padding: 16px 22px 16px 21px;
}
/* The greeting (1:11, identical on the seven artboards that draw it): the
 * headline Bold with a 24px line after it, its cap line 16.5px under the
 * bubble top, in a 95px bubble. The headline is an inline-block with a 7px
 * bottom margin, so it grows its own line only, whatever the admin copy. */
.hdcw-msgs > .hdcw-bot:first-child { padding: 13px 22px 22px 21px; margin-bottom: 1px; letter-spacing: 0; }
/* Every artboard leaves 11px under the greeting where the widget's message
 * column gaps are 10 (greeting 95..190, next bubble at 201 on 02-help1). */
.hdcw-bot b, .hdcw-bot strong { font-weight: 700; }
.hdcw-msgs > .hdcw-bot:first-child b,
.hdcw-msgs > .hdcw-bot:first-child strong { display: inline-block; margin-bottom: 7px; }
.hdcw-bot a.hdcw-link { font-weight: 600; color: #000000; }
/* The reply that lists cars as links (19:515 on 16-browse-auto) is its own
 * bubble: WHITE with a 1px #E4E6EA stroke, 14 on a 19px leading, text 28px
 * under the top edge and 68px above the bottom one (the designer's fixed
 * rectangle; the #EDEDED long replies on 09/10 carry no links). */
.hdcw-bot:has(a.hdcw-link) {
  background: #fff;
  border-color: #E4E6EA;
  line-height: 19px;
  padding: 27px 27px 67px 21px;
}
.hdcw-user {
  border-radius: 10px 10px 0 10px;
  font-weight: 400;
  letter-spacing: 0;             /* 42:677 / 19:650 carry no tracking */
  padding: 16px 17px 15px;       /* text @17,16 inside 143x48 (42:676) */
}
.hdcw-typing {
  background: #EDEDED;
  border-color: #C7C7C7;
  border-radius: 10px 10px 10px 0;
  padding: 16px 22px;
}
/* "Searching our stock..." (2030:573, 19:537): Rubik Regular 12 #6D6D6D at
 * x20 - upright, NOT the widget's italic. */
.hdcw-status {
  font-size: 12px;
  line-height: 14px;
  font-style: normal;
  margin: 2px 0 5px;
}

/* ---------- Openers (lozenge 12:145 / 6001:1006 / 6001:1031 / 2023:430):
 * 361x72 at x16, r10, #F1F1F1, 1px #B7B7B7 inside stroke, NO cap block and
 * NO shadow; black chevron 6x12 at x352.5, 29.5 under the pill top; the
 * #BA0011 glyph at the artwork's own offset; title Rubik SemiBold 16 at x87
 * with its line box 17px down, caption Regular 12 two px under it. Tops at
 * 219 / 302 / 385 (11px apart), "Something else" at 468 and only 52.4 tall. */
.hdcw-opener { gap: 11px; margin: 18px 5px 0 0; }   /* 361 wide: x16..377 */
.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-alert,
.hdcw-opener .hdcw-else.hdcw-op-else {
  box-sizing: border-box;
  border: 1px solid #B7B7B7;
  border-radius: 10px;
  background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width=%228%22%20height=%2214%22%20viewBox=%22-1%20-1%208%2014%22%20fill=%22none%22%20xmlns=%22http://www.w3.org/2000/svg%22%3E%0A%3Cpath%20d=%22M5.40984e-09%201.215L1.00917%202.18156e-07L6%206L1.00917%2012L4.23728e-07%2010.785L3.97792%206L5.40984e-09%201.215Z%22%20fill=%22black%22/%3E%0A%3C/svg%3E") no-repeat right 17.5px top 28.5px / 8px 14px border-box, #F1F1F1;
  color: #000000;
  text-align: left;
  box-shadow: none;
}
.hdcw-opener button.hdcw-op-used,
.hdcw-opener button.hdcw-op-new,
.hdcw-opener button.hdcw-op-quiz,
.hdcw-opener button.hdcw-op-alert {
  min-height: 72px;
  padding: 17.5px 44px 17.5px 70px;  /* 1 + 17.5 + 19 title + 2 + 14 caption + 17.5 + 1 = 72.
                                    * The artwork puts opener 1's title 1px lower than
                                    * openers 2 and 3 (node y238 vs +18); 17.5 splits it. */
  font-size: 16px;
  font-weight: 600;
  line-height: 19px;
}
.hdcw-opener button.hdcw-op-used:hover,
.hdcw-opener button.hdcw-op-new:hover,
.hdcw-opener button.hdcw-op-quiz:hover,
.hdcw-opener button.hdcw-op-alert:hover,
.hdcw-opener .hdcw-else.hdcw-op-else:hover { background-color: #E7E7E7; opacity: 1; }
/* Glyph boxes = the export + 1px bezel, placed from the PADDING box
 * (artwork offset - 16 column - 1 border - 1 bezel). */
.hdcw-opener button.hdcw-op-used::before,
.hdcw-opener button.hdcw-op-new::before,
.hdcw-opener button.hdcw-op-quiz::before,
.hdcw-opener button.hdcw-op-alert::before,
.hdcw-opener button.hdcw-op-else::before {
  content: '';
  position: absolute;
  background: center / contain no-repeat;
}
.hdcw-opener button.hdcw-op-used::before,
.hdcw-opener button.hdcw-op-new::before { left: 26px; top: 19px; width: 23px; height: 23px; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width=%2223%22%20height=%2223%22%20viewBox=%22-1%20-1%2023%2023%22%20fill=%22none%22%20xmlns=%22http://www.w3.org/2000/svg%22%3E%0A%3Cpath%20fill-rule=%22evenodd%22%20clip-rule=%22evenodd%22%20d=%22M3.4725%207.875C4.00796%206.44344%204.96784%205.20955%206.22373%204.33844C7.47961%203.46733%208.97158%203.00055%2010.5%203.00055C12.0284%203.00055%2013.5204%203.46733%2014.7763%204.33844C16.0322%205.20955%2016.992%206.44344%2017.5275%207.875H3.4725ZM3.009%2010.125C2.91585%2011.9817%203.51556%2013.8068%204.69181%2015.2463C5.86806%2016.6858%207.53702%2017.6373%209.375%2017.916V13.7145L6.234%2010.125H3.009ZM11.625%2017.916C13.463%2017.6373%2015.1319%2016.6858%2016.3082%2015.2463C17.4844%2013.8068%2018.0841%2011.9817%2017.991%2010.125H14.766L11.625%2013.7145V17.916ZM10.5%200C7.71523%200%205.04451%201.10625%203.07538%203.07538C1.10625%205.04451%200%207.71523%200%2010.5C0%2013.2848%201.10625%2015.9555%203.07538%2017.9246C5.04451%2019.8938%207.71523%2021%2010.5%2021C13.2848%2021%2015.9555%2019.8938%2017.9246%2017.9246C19.8938%2015.9555%2021%2013.2848%2021%2010.5C21%207.71523%2019.8938%205.04451%2017.9246%203.07538C15.9555%201.10625%2013.2848%200%2010.5%200Z%22%20fill=%22%23BA0011%22/%3E%0A%3C/svg%3E"); }
.hdcw-opener button.hdcw-op-quiz::before { left: 27px; top: 20px; width: 22px; height: 28px; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width=%2222%22%20height=%2228%22%20viewBox=%22-1%20-1%2022%2028%22%20fill=%22none%22%20xmlns=%22http://www.w3.org/2000/svg%22%3E%0A%3Cpath%20d=%22M5.3581%200C2.94803%201.12159%201.10869%202.9479%200%205.10414L2.62297%206.32976C3.45391%204.71079%204.83161%203.33701%206.64079%202.49541L5.3581%200ZM12.6352%200.00650173L11.3483%202.5032C13.0483%203.29466%2014.4907%204.60668%2015.3744%206.32976L17.9946%205.10806C16.8168%202.81274%2014.8993%201.06232%2012.6352%200.00650173Z%22%20fill=%22%23BA0011%22/%3E%0A%3Cpath%20d=%22M16.8813%2025H7.11934C7.09756%2024.9999%207.07616%2024.9942%207.05712%2024.9837C7.03807%2024.9731%207.02199%2024.9579%207.01034%2024.9395L2.31134%2017.3635C2.16576%2017.1332%202.06761%2016.8761%202.02264%2016.6074C1.97768%2016.3387%201.9868%2016.0637%202.04948%2015.7985C2.11216%2015.5333%202.22713%2015.2833%202.38766%2015.0632C2.54819%2014.843%202.75104%2014.6571%202.98434%2014.5164C3.21763%2014.3756%203.47668%2014.2828%203.74629%2014.2435C4.0159%2014.2041%204.29066%2014.219%204.55446%2014.2871C4.81826%2014.3553%205.06579%2014.4755%205.28256%2014.6406C5.49933%2014.8056%205.68097%2015.0123%205.81684%2015.2485L7.04784%2017.3455V6.971C7.04784%206.44826%207.2555%205.94693%207.62513%205.57729C7.99477%205.20766%208.4961%205%209.01884%205C9.54158%205%2010.0429%205.20766%2010.4125%205.57729C10.7822%205.94693%2010.9898%206.44826%2010.9898%206.971V11.6355C10.9898%2011.928%2011.2223%2012.1685%2011.5148%2012.178L17.3253%2012.372C17.6086%2012.3815%2017.8772%2012.5007%2018.0742%2012.7044C18.2712%2012.9082%2018.3814%2013.1806%2018.3813%2013.464V23.5C18.3813%2023.8978%2018.2233%2024.2794%2017.942%2024.5607C17.6607%2024.842%2017.2792%2025%2016.8813%2025Z%22%20stroke=%22%23BA0011%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22/%3E%0A%3C/svg%3E"); }
.hdcw-opener button.hdcw-op-alert::before { left: 30px; top: 19px; 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%0A%3Cpath%20fill-rule=%22evenodd%22%20clip-rule=%22evenodd%22%20d=%22M13.4811%200.221275C14.6025%20-0.411103%2016%200.387253%2016%201.66197V12.0804C16%2013.3543%2014.6033%2014.1535%2013.4811%2013.5211L10.1068%2011.6207V2.12173L13.4811%200.221275ZM8.42306%202.72174H4.21365C3.16976%202.7207%202.16271%203.10206%201.38801%203.79178C0.613314%204.48149%200.126231%205.43036%200.021321%206.45418C-0.083589%207.47799%200.201159%208.50371%200.820287%209.33222C1.43942%2010.1607%202.34875%2010.7329%203.37177%2010.9377V13.9253C3.37177%2014.4755%203.59351%2015.0032%203.98822%2015.3923C4.38293%2015.7814%204.91827%2016%205.47647%2016C6.03468%2016%206.57002%2015.7814%206.96472%2015.3923C7.35943%2015.0032%207.58118%2014.4755%207.58118%2013.9253V11.0207H8.42306V2.72174Z%22%20fill=%22%23BA0011%22/%3E%0A%3C/svg%3E"); }
.hdcw-opener button.hdcw-op-else::before { left: 27px; top: 13px; width: 23px; height: 22px; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width=%2223%22%20height=%2222%22%20viewBox=%22-1%20-1%2023%2022%22%20fill=%22none%22%20xmlns=%22http://www.w3.org/2000/svg%22%3E%0A%3Cpath%20d=%22M9%2013H11V15H9V13ZM7.53%206.02999C6.87%206.68999%206.5%207.56999%206.5%208.49999H8.5C8.5%208.09999%208.66%207.71999%208.94%207.43999C9.51%206.86999%2010.49%206.86999%2011.06%207.43999C11.27%207.64957%2011.4131%207.91677%2011.4711%208.20773C11.5292%208.49869%2011.4996%208.80033%2011.3861%209.07445C11.2726%209.34858%2011.0803%209.58285%2010.8335%209.74761C10.5868%209.91237%2010.2967%2010.0002%2010%209.99999C9.45%209.99999%209%2010.45%209%2011V12H11V11.86C11.55%2011.7%2012.06%2011.4%2012.47%2010.98C13.13%2010.32%2013.5%209.43999%2013.5%208.50999C13.5%207.57999%2013.14%206.69999%2012.47%206.03999C11.15%204.71999%208.84%204.71999%207.52%206.03999L7.53%206.02999Z%22%20fill=%22%23BA0011%22/%3E%0A%3Cpath%20d=%22M10%200C4.49%200%200%204.49%200%2010C0%2012.12%200.68%2014.19%201.93%2015.9L0.18%2018.43C-0.0299999%2018.74%20-0.0600001%2019.13%200.12%2019.46C0.29%2019.79%200.63%2020%201.01%2020H10.01C15.52%2020%2020.01%2015.51%2020.01%2010C20.01%204.49%2015.51%200%2010%200ZM2.91%2018L4%2016.43C4.26%2016.06%204.23%2015.55%203.94%2015.21C2.69335%2013.7606%202.00848%2011.9118%202.01%2010C2.01%205.59%205.6%202%2010.01%202C14.42%202%2018.01%205.59%2018.01%2010C18.01%2014.41%2014.42%2018%2010.01%2018H2.91Z%22%20fill=%22%23BA0011%22/%3E%0A%3C/svg%3E"); }
.hdcw-opener button.hdcw-op-used::after,
.hdcw-opener button.hdcw-op-new::after,
.hdcw-opener button.hdcw-op-quiz::after,
.hdcw-opener button.hdcw-op-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: 2px;
  text-align: left;
  font-size: 12px;
  font-weight: 400;
  line-height: 14px;
  letter-spacing: 0;
  color: #000000;
}
/* Captions verbatim from the artwork, (standard, section 2); the stock number is
 * live since CON-995: see the [data-stock] rule below. */
.hdcw-opener button.hdcw-op-used::after { content: 'Cars in stock'; }
/* CON-995: live used-stock count. The widget sets data-stock on the
 * button and this rule prints it; the caption without a number above
 * shows until it arrives, or if it cannot. Roll back: delete this rule
 * and put the artwork's caption back above: 'Over 80 cars in stock'. */
.hdcw-opener button.hdcw-op-used[data-stock]::after { content: attr(data-stock) ' cars in stock'; }
.hdcw-opener button.hdcw-op-quiz::after { content: 'Get matched to car to suit your needs'; }
.hdcw-opener button.hdcw-op-alert::after { content: 'Receive a daily stock alert'; }
/* No New Cars lozenge is drawn: the artwork has exactly four openers and this
 * dealer sells no new cars in the chat. Kept styled in case one is ever
 * enabled, with no invented caption. */

/* "Something else" (2023:430): the same lozenge at 361x52.4, title line box
 * 16px down, "?" bubble 21x20 @45,483, chevron 21.5 under the pill top. */
.hdcw-opener .hdcw-else.hdcw-op-else {
  min-height: 52px;
  padding: 16px 44px 15px 70px;
  font-size: 16px;
  font-weight: 600;
  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 17.5px top 20.5px / 8px 14px border-box, #F1F1F1;
}

/* Context CTA ("Tell me about this car" 19:680, "Browse Cars" 4028:1288):
 * 349x55 at x24, r10, the red gradient, white Rubik Bold 15 centred with its
 * line box 17px under the bar top. */
.hdcw-opener button.hdcw-op-ctx {
  min-height: 55px;
  margin: 0 4px 0 8px;           /* 349 wide at x24 */
  border: 0;
  border-radius: 10px;
  padding: 18px 0 19px;          /* text line box 18 under the bar top: 19:681 draws
                                  * it at 17, 4028:1288 at 19 */
  background: linear-gradient(90deg, #BC0011 0%, #8A000C 100%);
  color: #fff;
  font-size: 15px;
  font-weight: 700;
  line-height: 18px;
  text-align: center;
}
.hdcw-opener button.hdcw-op-ctx:hover { opacity: .9; }

/* ---------- Chips (item 16:212): 31px white, r10, NO border, 0/4/4 25%
 * shadow, Rubik Regular 12/13 black centred, 17px side padding (which
 * reproduces the artwork's 124px "Automatic (155)"), 5px gaps, 36px row
 * pitch. Stock/model rows start at x18, quiz answers flush at x16. Selected
 * = a 1px #0C0F20 stroke ("Adventurous" I37:328;16:208). */
.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: 9px 16.5px;           /* text cap line 11.5px under the chip top; 16.5 puts
                                  * "Automatic (155)" at 123 where the artwork draws 124,
                                  * and keeps the artwork's four POPULAR rows unwrapped */
  font-size: 12px;
  line-height: 13px;
  letter-spacing: 0;
  box-shadow: 0 4px 4px rgba(0,0,0,.25);
}
.hdcw-chip:hover { background: #F4F4F4; border-color: transparent; color: #000000; }
.hdcw-chip--sel { border-color: #0C0F20; box-shadow: 0 4px 4px rgba(0,0,0,.25); font-weight: 400; }
/* The artwork's selected chip is a 1px stroke and nothing else; Bootstrap
 * 4.3.1's reboot (loaded by head.blade.php line 34) adds
 * `button:focus { outline: 5px auto }`. Mouse and touch focus drop it,
 * keyboard focus keeps a visible ring. */
.hdcw-chip:focus:not(:focus-visible) { outline: 0; }
/* POPULAR / LIFESTYLE / MAKES (16:213, 16:270, 16:323): Rubik Bold 11
 * #6D6D6D, tracking 0, at x23-24; 13px under a bubble, 17-18px under a chip
 * row, 9px above their own chips. */
.hdcw-ghead {
  letter-spacing: 0;
  font-size: 11px;
  font-weight: 700;
  line-height: 13px;
  margin: 3px 6px -1px 7px;
}
.hdcw-chips + .hdcw-ghead { margin-top: 8px; }
/* Quiz answers (02-help1 .. 07-help5) sit flush with the bubble at x16 and
 * 8px under it, where stock and model rows start at x18. */
.hdcw-bot + .hdcw-chips { padding-left: 0; margin-top: -2px; }
/* The stock-summary bubble (16:205 / 19:391, the one followed by the section
 * heads) is drawn TIGHTER than every other bot bubble: 334x63 for two lines
 * where the quiz question bubble 37:322 is 68, and the greeting leaves 15px
 * above it instead of 11. The section head that follows is the selector. */
.hdcw-bot:has(+ .hdcw-ghead) { margin-top: 4px; padding-top: 13px; padding-bottom: 14px; }
/* The bubble that introduces a car strip (42:720) is 83 tall for three
 * lines with its text 15px down, where the quiz bubbles use 16. */
.hdcw-bot:has(+ .hdcw-cars) { padding-top: 15px; padding-bottom: 15px; }

/* ---------- Car cards ("csr search" 19:566): 176 wide, 14px apart, white,
 * 1px #E4E6EA, r10, 244 tall. Photo 176x113. Body 12px in: title Rubik
 * Regular 12 on a 14px leading (two lines), price Bold 12/19 in #BA0011,
 * "from ..." Regular 12/16 black, meta Regular 10/17 black. Flush split
 * action bar 31 tall: Details (77, white) | I'm Interested (99, #BA0011,
 * white ink), Rubik Regular 12/13 with -.12px tracking. */
.hdcw-cars { gap: 14px; }
.hdcw-ncgrid { gap: 14px; }
/* The artwork's 1px stroke is drawn INSIDE the 176x244 rectangle and the
 * photo covers it, so the card carries it as an inset shadow: a CSS border
 * would add 2px to both the card and shrink the 176px photo. */
.hdcw-car { border: 0; box-shadow: inset 0 0 0 1px #E4E6EA; border-radius: 10px; }
.hdcw-car img.hdcw-carimg, .hdcw-car .hdcw-noimg { height: 113px; }
.hdcw-car .hdcw-carbody { padding: 9px 12px 7.7px; line-height: normal; }  /* body 100 tall: 113 + 100 + 31 = 244 */
.hdcw-car h4.hdcw-cartitle {
  /* name every property: CCC2's style.css line 15 sets h1-h6 to Audiowide
   * and line 11 zeroes their margins, and Bootstrap's reboot sets both too */
  margin: 0;
  padding: 0;
  font-family: var(--hdcw-font);
  font-size: 12px;
  font-weight: 400;
  line-height: 14px;
  letter-spacing: .14px;
  color: #000000;
  max-height: 28px;
}
.hdcw-car .hdcw-price { color: #BA0011; font-size: 12px; font-weight: 700; line-height: 19px; letter-spacing: .14px; margin-top: 2.5px; }
.hdcw-car .hdcw-mo { color: #000000; font-size: 12px; font-weight: 400; line-height: 16px; letter-spacing: .14px; margin-top: -2px; }
.hdcw-car .hdcw-meta { color: #000000; font-size: 10px; line-height: 17px; margin-top: 2.8px; }
.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;
  border: 0;
  border-top: 1px solid #E4E6EA;
  border-radius: 0 0 0 9px;
  min-height: 31px;
  padding: 8px 0 9px;
  font-size: 12px;
  font-weight: 400;
  line-height: 13px;
  letter-spacing: -.12px;
  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: #BA0011;
  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: #BA0011; opacity: .85; color: #fff; }

/* ---------- Footer (24:712): a #E4E6EA band 400x129 at y591. Input 299x51
 * @21,611, r10, 1px #000000, placeholder Rubik Regular 14 black 24px in with
 * its cap line 20px down. Send: the red-gradient 52px circle at x328 with
 * the white 17x15 plane. Disclosure Rubik Regular 12/15 black, centred in a
 * 283px box whose first line box sits at y673, 17px above the panel foot. */
.hdcw-input {
  background: #E4E6EA;
  border-top: 0;
  padding: 20px 20px 11px 21px;  /* the 52px send sets the row: 20 + 52 + 11 */
  gap: 8px;
}
.hdcw-input input {
  box-sizing: border-box;
  height: 51px;
  border-radius: 10px;
  padding: 16px 20px 16px 24px;
  font-size: 14px;
  line-height: 17px;
  letter-spacing: .14px;
}
.hdcw-input input::placeholder { color: #000000; opacity: 1; font: inherit; }
.hdcw-input input::-webkit-input-placeholder { color: #000000; opacity: 1; font: inherit; }
.hdcw-input input:focus { border-color: #000000; }
.hdcw-send {
  width: 52px;
  height: 52px;
  padding: 0;
  border-radius: 50%;
  background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width=%2217%22%20height=%2215%22%20viewBox=%220%200%2017%2015%22%20fill=%22none%22%20xmlns=%22http://www.w3.org/2000/svg%22%3E%0A%3Cpath%20d=%22M16.9108%201.71471C17.3279%200.69666%2016.2099%20-0.289867%2015.0562%200.0790161L0.955617%204.57887C-0.201971%204.94861%20-0.341963%206.34235%200.722941%206.88673L5.22393%209.18608L9.24311%205.63952C9.4252%205.48433%209.66907%205.39847%209.92222%205.40041C10.1754%205.40234%2010.4176%205.49194%2010.5966%205.64989C10.7756%205.80785%2010.8771%206.02152%2010.8793%206.24489C10.8815%206.46827%2010.7842%206.68346%2010.6083%206.84414L6.58909%2010.3907L9.1958%2014.3624C9.81177%2015.302%2011.3913%2015.1777%2011.8103%2014.1571L16.9108%201.71471Z%22%20fill=%22white%22/%3E%0A%3C/svg%3E") no-repeat center / 17px 15px, linear-gradient(90deg, #BC0011 0%, #8A000C 100%);
}
.hdcw-send svg { display: none; }
.hdcw-send:disabled { opacity: .5; }
.hdcw-powered {
  background: #E4E6EA;
  font-size: 12px;
  line-height: 15px;
  letter-spacing: .1px;
  padding: 0 59.5px 16px 56.5px; /* the artwork's 283px box sits ~1.5px left of centre */
}
.hdcw-powered a.hdcw-tc { color: #000000; }
/* 01-chat (the opener list) draws "Terms & Conditions" PLAIN; all fifteen
 * other artboards underline 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; }
.hdcw-powered > div { display: inline; }
/* The artwork runs the brand line and the disclaimer together as one centred
 * paragraph (2008:473), where the widget emits two block divs. */
.hdcw-powered > div:first-child::after { content: '.   '; white-space: pre; }

@media (max-width: 480px) {
  .hdcw-powered { padding: 0 24px 17px; }
}

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