/* CON-978 chat widget branding - Castle Motors Swords (cms2, template CMS2).
 * Source of truth: the designer's Figma "Castle motors (Ai Assistant) (Copy)"
 * (file 1zKySfQSM5qbL5ydGGFNjp) and its 16 @2x artboard PNGs, which outrank
 * the node dump wherever the two disagree.
 * Tooling and QA: tickets/CON-978/cms2/qa-cms2/; design notes:
 * tickets/CON-978/cms2/DESIGN-cms2.md. Glyphs are SVG exports of the file's
 * own nodes, each cross-checked against the artboards.
 *
 * Black and crimson: a flat #000000 header, 81px tall with r15 on top,
 * carrying the dealer's #1A1A1A castle silhouette behind the title and the
 * white robot mark with its #AE022A screen; #000000 user bubbles; #EDEDED bot
 * bubbles with a #C7C7C7 stroke and a squared bottom-left corner on a WHITE
 * ground; #F1F1F1 openers with a #B7B7B7 stroke, a crimson glyph and a black
 * chevron; white chips on a 0/4/4 25% shadow; a #AE022A send button, context
 * CTA and card "I'm Interested" action; an #E4E6EA footer band.
 * Type: Figtree and Montserrat, both already loaded by the template's
 * style.css - the theme imports no font.
 * The panel is 400x720 = the designer's artboard, so offsets transfer 1:1.
 *
 * Regenerate with tickets/CON-978/cms2/build-theme-cms2.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: #AE022A;
  --hdcw-on-accent: #fff;
  --hdcw-font: 'Figtree', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
  --hdcw-bg: #fff;
  --hdcw-surface: #fff;          /* Rectangle 8 (15:158) is white */
  --hdcw-text: #000000;
  --hdcw-muted: #6D6D6D;         /* section heads, "Searching our stock…" */
  --hdcw-faint: #C7C7C7;   /* typing dots (decorative) */
  --hdcw-footer: #504949;         /* disclosure + T&C link (2008:473) */
  --hdcw-border: #000000;          /* input stroke (24:705) */
  --hdcw-border-soft: #E4E6EA;
  --hdcw-img-bg: #EDEDED;
  --hdcw-radius: 15px;           /* panel 1:7 / header 1:9 */
  --hdcw-radius-bubble: 10px;
  --hdcw-head-bg: #000000;
  --hdcw-head-color: #fff;
  --hdcw-user-bg: #000000;
  --hdcw-user-color: #fff;
  --hdcw-link: #000000;            /* car links, monthly price: black in the artwork */
  --hdcw-btn-bg: #AE022A;
  --hdcw-btn-color: #fff;
}

/* ---------- Launcher (ai-assistant-icon 52004:617 + wordmark 58002:877 on
 * 03-home): a 137x48 lockup whose box ends 12px off the right edge and 12px
 * off the bottom of the 400x720 artboard. */
.hdcw-fab {
  width: 137px;
  height: 48px;
  right: 12px;
  bottom: 12px;
  max-width: calc(100vw - 24px);
  border-radius: 24px;
  background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width=%22137%22%20height=%2248%22%20viewBox=%220%200%20137%2048%22%20fill=%22none%22%20xmlns=%22http://www.w3.org/2000/svg%22%3E%0A%3Cellipse%20cx=%2267.5%22%20cy=%2224%22%20rx=%2267.5%22%20ry=%2224%22%20fill=%22black%22/%3E%0A%3Cellipse%20cx=%22112.76%22%20cy=%2224.5%22%20rx=%2224.2402%22%20ry=%2223.5%22%20fill=%22%23AE022A%22/%3E%0A%3Cpath%20d=%22M121.296%2022.4779C121.633%2022.9669%20121.831%2023.5541%20121.831%2024.187V32.9108C121.831%2034.6176%20120.405%2036%20118.645%2036H104.551C102.792%2036%20101.364%2034.6176%20101.364%2032.9108V24.187C101.364%2023.5541%20101.56%2022.9669%20101.899%2022.4779%22%20stroke=%22white%22%20stroke-width=%221.5%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22/%3E%0A%3Cpath%20d=%22M116.514%2019.1191C117.396%2019.1191%20118.11%2019.8115%20118.11%2020.666V28.3662C118.11%2029.7257%20116.865%2030.827%20115.333%2030.827H107.869C106.335%2030.827%20105.093%2029.7257%20105.093%2028.3662V20.666C105.093%2019.8115%20105.807%2019.1191%20106.688%2019.1191H116.516H116.514Z%22%20stroke=%22white%22%20stroke-width=%221.5%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22/%3E%0A%3Cpath%20d=%22M99.0025%2025.3569C97.7958%2025.3569%2096.8201%2026.3052%2096.8201%2027.4728V29.6251C96.8201%2030.795%2097.7982%2031.741%2099.0025%2031.741%22%20stroke=%22white%22%20stroke-width=%221.5%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22/%3E%0A%3Cpath%20d=%22M124.195%2025.3569C125.399%2025.3569%20126.378%2026.3052%20126.378%2027.4728V29.6251C126.378%2030.795%20125.399%2031.741%20124.195%2031.741%22%20stroke=%22white%22%20stroke-width=%221.5%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22/%3E%0A%3Cpath%20d=%22M109.057%2025.7179V24.2236%22%20stroke=%22white%22%20stroke-width=%221.5%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22/%3E%0A%3Cpath%20d=%22M114.143%2025.7179V24.2236%22%20stroke=%22white%22%20stroke-width=%221.5%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22/%3E%0A%3Cpath%20d=%22M121.571%2010.0758L121.855%2010.8206C122.227%2011.7962%20122.414%2012.284%20122.78%2012.64C123.149%2012.996%20123.652%2013.1773%20124.658%2013.538L125.426%2013.8137L124.658%2014.0894C123.652%2014.4501%20123.149%2014.6314%20122.781%2014.9865C122.414%2015.3435%20122.227%2015.8312%20121.855%2016.8068L121.571%2017.5516L121.286%2016.8068C120.914%2015.8312%20120.727%2015.3435%20120.361%2014.9874C119.993%2014.6314%20119.49%2014.4501%20118.483%2014.0894L117.715%2013.8137L118.483%2013.538C119.49%2013.1773%20119.993%2012.996%20120.36%2012.6409C120.727%2012.284%20120.914%2011.7962%20121.286%2010.8206L121.571%2010.0758Z%22%20stroke=%22white%22%20stroke-linejoin=%22round%22/%3E%0A%3Cpath%20d=%22M98.2503%2014.8989L98.4659%2015.4635C98.748%2016.2031%2098.8897%2016.5729%2099.1674%2016.8428C99.4465%2017.1127%2099.8279%2017.2501%20100.591%2017.5235L101.173%2017.7325L100.591%2017.9415C99.8279%2018.2149%2099.4465%2018.3524%2099.1681%2018.6215C98.8897%2018.8922%2098.748%2019.2619%2098.4659%2020.0015L98.2503%2020.5661L98.0348%2020.0015C97.7527%2019.2619%2097.611%2018.8922%2097.3333%2018.6223C97.0542%2018.3524%2096.6727%2018.2149%2095.9099%2017.9415L95.3275%2017.7325L95.9099%2017.5235C96.6727%2017.2501%2097.0542%2017.1127%2097.3326%2016.8435C97.611%2016.5729%2097.7527%2016.2031%2098.0348%2015.4635L98.2503%2014.8989Z%22%20stroke=%22white%22%20stroke-linejoin=%22round%22/%3E%0A%3Cpath%20d=%22M126.857%2016.7076L127.072%2017.2722C127.354%2018.0117%20127.496%2018.3815%20127.774%2018.6514C128.053%2018.9213%20128.434%2019.0587%20129.197%2019.3322L129.779%2019.5412L129.197%2019.7501C128.434%2020.0236%20128.053%2020.161%20127.774%2020.4302C127.496%2020.7008%20127.354%2021.0706%20127.072%2021.8102L126.857%2022.3747L126.641%2021.8102C126.359%2021.0706%20126.217%2020.7008%20125.94%2020.4309C125.66%2020.161%20125.279%2020.0236%20124.516%2019.7501L123.934%2019.5412L124.516%2019.3322C125.279%2019.0587%20125.66%2018.9213%20125.939%2018.6521C126.217%2018.3815%20126.359%2018.0117%20126.641%2017.2722L126.857%2016.7076Z%22%20stroke=%22white%22%20stroke-linejoin=%22round%22/%3E%0A%3C/svg%3E") center / 137px 48px no-repeat;
  box-shadow: none;
  z-index: 1030;                 /* under the site's Bootstrap modals (1050) */
}
.hdcw-fab > svg { display: none; }
.hdcw-fab::after {
  content: 'Virtual\A Assistant';
  position: absolute;
  right: 56px;                   /* wordmark right edge at x332 of the 251..388 box */
  top: 8px;
  width: 55px;
  white-space: pre;
  text-align: right;
  font-family: var(--hdcw-font);
  font-size: 13px;
  font-weight: 600;
  line-height: 14px;
  letter-spacing: 0;
  color: #fff;
}
.hdcw-fab:hover { transform: scale(1.03); transform-origin: right center; }

/* ---------- Header (24:711): an 81px flat black band, r15 on top, with the
 * #1A1A1A castle (58003:1119) at x188 behind the title. Mark 47x37 at x17.5
 * y18; title Figtree Bold 18/18 at x80 y24; subtitle Regular 12 at x80 y45,
 * UNDER the title. */
.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 14.5px 0 17.5px;
  gap: 0;
  background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width=%2289%22%20height=%2282%22%20viewBox=%220%200%2089%2082%22%20fill=%22none%22%20xmlns=%22http://www.w3.org/2000/svg%22%3E%0A%3Cpath%20d=%22M89%2081.339H57.6475V75.4782C57.5782%2075.4071%2050.6137%2068.5191%2044.3886%2068.5189C38.1628%2068.5189%2032.4424%2075.4085%2032.3943%2075.4782H32.3982V81.339H0V31.5929H89V81.339ZM63.5034%2013.9117L71.1654%205.08583H88.7459V25.4291L0%2025.4311V5.08583H18.3623L25.4985%2013.9117L44.1257%200L63.5034%2013.9117Z%22%20fill=%22%231A1A1A%22/%3E%0A%3C/svg%3E") no-repeat left 188px top -1px / 89px 82px, #000000;
}
.hdcw-head::before {
  content: '';
  flex: 0 0 47px;
  height: 37px;
  margin: 18px 15.5px 0 0;       /* title box starts at x80 */
  background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width=%2247%22%20height=%2237%22%20viewBox=%220%200%2047%2037%22%20fill=%22none%22%20xmlns=%22http://www.w3.org/2000/svg%22%3E%0A%3Crect%20x=%2214.5%22%20y=%2212.6747%22%20width=%2216%22%20height=%2216%22%20rx=%223%22%20fill=%22%23AE022A%22/%3E%0A%3Cpath%20d=%22M35.1731%2017.0591C35.6231%2017.712%2035.8874%2018.4961%2035.8874%2019.3411V30.989C35.8874%2033.268%2033.9835%2035.1137%2031.6328%2035.1137H12.8145C10.467%2035.1137%208.55997%2033.268%208.55997%2030.989V19.3411C8.55997%2018.4961%208.82116%2017.712%209.27431%2017.0591%22%20stroke=%22white%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22/%3E%0A%3Cpath%20d=%22M28.7881%2012.5746C29.965%2012.5746%2030.9185%2013.499%2030.9185%2014.64V24.9211C30.9185%2026.7363%2029.257%2028.2068%2027.2115%2028.2068H17.2454C15.1968%2028.2068%2013.5384%2026.7363%2013.5384%2024.9211V14.64C13.5384%2013.499%2014.4919%2012.5746%2015.6688%2012.5746H28.7912H28.7881Z%22%20stroke=%22white%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22/%3E%0A%3Cpath%20d=%22M5.40686%2020.9032C3.79566%2020.9032%202.49286%2022.1693%202.49286%2023.7282V26.6021C2.49286%2028.1641%203.79881%2029.4271%205.40686%2029.4271%22%20stroke=%22white%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22/%3E%0A%3Cpath%20d=%22M39.0438%2020.9032C40.6518%2020.9032%2041.9578%2022.1693%2041.9578%2023.7282V26.6021C41.9578%2028.1641%2040.6518%2029.4271%2039.0438%2029.4271%22%20stroke=%22white%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22/%3E%0A%3Cpath%20d=%22M18.8314%2021.3852V19.39%22%20stroke=%22white%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22/%3E%0A%3Cpath%20d=%22M25.6224%2021.3852V19.39%22%20stroke=%22white%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22/%3E%0A%3Cpath%20d=%22M35.5397%200.5L35.9194%201.49442C36.4162%202.79702%2036.6659%203.44833%2037.1549%203.9237C37.6466%204.39908%2038.3184%204.64113%2039.662%205.12275L40.6877%205.49082L39.662%205.85889C38.3184%206.34051%2037.6466%206.58256%2037.1562%207.05669C36.6659%207.53331%2036.4162%208.18461%2035.9194%209.48722L35.5397%2010.4816L35.1601%209.48722C34.6633%208.18461%2034.4136%207.53331%2033.9245%207.05794C33.4329%206.58256%2032.7611%206.34051%2031.4175%205.85889L30.3917%205.49082L31.4175%205.12275C32.7611%204.64113%2033.4329%204.39908%2033.9233%203.92495C34.4136%203.44833%2034.6633%202.79702%2035.1601%201.49442L35.5397%200.5Z%22%20stroke=%22white%22%20stroke-linejoin=%22round%22/%3E%0A%3Cpath%20d=%22M4.40253%206.93982L4.69035%207.69366C5.06694%208.68112%205.25621%209.17485%205.62695%209.53521C5.99964%209.89558%206.50893%2010.0791%207.52749%2010.4442L8.30507%2010.7232L7.52749%2011.0022C6.50893%2011.3673%205.99965%2011.5508%205.62793%2011.9102C5.25621%2012.2715%205.06694%2012.7653%204.69035%2013.7527L4.40253%2014.5066L4.11472%2013.7527C3.73813%2012.7653%203.54886%2012.2715%203.17811%2011.9112C2.80542%2011.5508%202.29614%2011.3673%201.27758%2011.0022L0.5%2010.7232L1.27758%2010.4442C2.29614%2010.0791%202.80542%209.89558%203.17714%209.53616C3.54885%209.17485%203.73813%208.68112%204.11472%207.69366L4.40253%206.93982Z%22%20stroke=%22white%22%20stroke-linejoin=%22round%22/%3E%0A%3Cpath%20d=%22M42.5975%209.35474L42.8853%2010.1086C43.2619%2011.096%2043.4512%2011.5898%2043.8219%2011.9501C44.1946%2012.3105%2044.7039%2012.494%2045.7224%2012.8591L46.5%2013.1381L45.7224%2013.4171C44.7039%2013.7822%2044.1946%2013.9657%2043.8229%2014.3251C43.4512%2014.6865%2043.2619%2015.1802%2042.8853%2016.1676L42.5975%2016.9215L42.3097%2016.1676C41.9331%2015.1802%2041.7438%2014.6865%2041.3731%2014.3261C41.0004%2013.9657%2040.4911%2013.7822%2039.4725%2013.4171L38.6949%2013.1381L39.4725%2012.8591C40.4911%2012.494%2041.0004%2012.3105%2041.3721%2011.9511C41.7438%2011.5898%2041.9331%2011.096%2042.3097%2010.1086L42.5975%209.35474Z%22%20stroke=%22white%22%20stroke-linejoin=%22round%22/%3E%0A%3C/svg%3E") center / contain no-repeat;
}
.hdcw-head > div { position: relative; margin-top: 24px; min-width: 0; padding-right: 10px; }
.hdcw-head b {
  font-size: 18px;
  line-height: 18px;
  font-weight: 700;
  letter-spacing: 0;
  white-space: pre-line;
  overflow: hidden;
  text-overflow: ellipsis;
}
.hdcw-head small {
  display: block;
  margin-top: 3px;               /* subtitle box at y45 */
  opacity: 1;
  font-size: 12px;
  font-weight: 400;
  line-height: 14px;
  white-space: nowrap;
}
/* Nav icons (12:143): close ends 16px off the right edge, gaps 17 and 19. */
.hdcw-reset, .hdcw-exp, .hdcw-close {
  position: relative;
  flex: none;
  align-self: flex-start;
  padding: 0;
  font-size: 0;
  background-repeat: no-repeat;
  background-position: center;
}
.hdcw-reset {
  width: 22px;
  height: 18px;
  margin: 23px 0 0 auto;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width=%2222%22%20height=%2218%22%20viewBox=%220%200%2022%2018%22%20fill=%22none%22%20xmlns=%22http://www.w3.org/2000/svg%22%3E%0A%3Cpath%20d=%22M13%201C17.4133%201%2021%204.58667%2021%209C21%2013.4133%2017.4133%2017%2013%2017C8.58667%2017%205%2013.4133%205%209V5.66667%22%20stroke=%22white%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22/%3E%0A%3Cpath%20d=%22M1%209L5%205L9%209%22%20stroke=%22white%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22/%3E%0A%3C/svg%3E");
  background-size: 22px 18px;
}
.hdcw-reset svg { display: none; }
.hdcw-panel:not(.hdcw-max) .hdcw-exp {
  width: 18px;
  height: 18px;
  margin: 23px 0 0 16px;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width=%2218%22%20height=%2218%22%20viewBox=%22-1%20-1%2018%2018%22%20fill=%22none%22%20xmlns=%22http://www.w3.org/2000/svg%22%3E%0A%3Cpath%20d=%22M1.2002%2012V14.7998H4V16H0V12H1.2002ZM16%2016H12V14.7998H14.7998V12H16V16ZM16%204H14.7998V1.2002H12V0H16V4ZM4%201.2002H1.2002V4H0V0H4V1.2002Z%22%20fill=%22white%22/%3E%0A%3C/svg%3E");
  background-size: 18px 18px;
}
.hdcw-panel:not(.hdcw-max) .hdcw-exp svg { display: none; }
.hdcw-max .hdcw-exp { margin: 24px 0 0 17px; font-size: 0; }
.hdcw-close {
  width: 17px;
  height: 17px;
  margin: 23px 0 0 18px;
  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,
 * chips and cards at x18. */
.hdcw-msgs { padding: 14px 18px 14px 16px; }

/* Bubbles. Bot (37:322 / 37:325 / 16:205 / 31:256): #EDEDED, 1px #C7C7C7
 * inside stroke, r10 with the BOTTOM-LEFT corner square, Figtree Regular
 * 14/17 with 1% tracking, text 22px in, 17px of air above and below. A
 * one-line bubble is 51 tall and a two-line one 68 (37:325 / 37:322), which
 * is the pair this padding reproduces exactly.
 * User (4048:708 / 19:649 / 20009:*): #000000, white Regular 14, r10 with the
 * BOTTOM-RIGHT corner square, 48 tall for one line. */
.hdcw-msg {
  max-width: 96%;
  padding: 16px 22px;            /* +2px of border = the artwork's 51px one-liner */
  font-size: 14px;
  line-height: 17px;
  letter-spacing: .01em;
}
.hdcw-bot {
  width: 91.26%;                 /* the fixed 334px of every artboard */
  max-width: 91.26%;
  box-sizing: border-box;
  background: #EDEDED;
  border-color: #C7C7C7;
  border-radius: 10px 10px 10px 0;
}
/* The greeting (1:11, identical on the eight artboards that show it) sits in
 * a 95px bubble: its three lines are 19.33 apart and it carries 14px above
 * and 23px below, with the headline Bold. */
.hdcw-msgs > .hdcw-bot:first-child { padding: 14px 22px 21px; margin-bottom: 2px; }
/* The headline's line is followed by 24.5px of pitch where the two lines after
 * it sit 17 apart (the "14/auto then 14/24px" runs of 1:11): an inline-block
 * with a 7px bottom margin grows that one line only, whatever the admin copy
 * after it. 14 + (17 + 7 + 17 + 17) + 23 = the artwork's 95px bubble. */
.hdcw-msgs > .hdcw-bot:first-child b,
.hdcw-msgs > .hdcw-bot:first-child strong { display: inline-block; margin-bottom: 7px; }
.hdcw-bot b, .hdcw-bot strong { font-weight: 700; }
.hdcw-bot a.hdcw-link { font-weight: 600; color: #000000; text-decoration: underline; }
/* The reply that lists cars as links (19:515 on 16-browse-auto) is drawn as
 * its own bubble: WHITE with a 1px #E4E6EA stroke, Figtree 14 on a 19px
 * leading, text 28px under the top edge. */
.hdcw-bot:has(a.hdcw-link) {
  background: #fff;
  border-color: #E4E6EA;
  line-height: 19px;
  padding: 28px 27px 66px 22px;  /* the designer's fixed 419px rectangle */
}
.hdcw-user { border-radius: 10px 10px 0 10px; font-weight: 400; padding: 16px 23px 15px; }
.hdcw-typing {
  background: #EDEDED;
  border-color: #C7C7C7;
  border-radius: 10px 10px 10px 0;
  padding: 16px 22px;
}
/* "Searching our stock…" (19:537, 19:652): Figtree Regular 12 (NOT italic),
 * #6D6D6D, at x20. */
.hdcw-status { font-size: 12px; line-height: 14px; font-style: normal; padding: 0 4px; margin: 1px 0; }

/* ---------- Openers (lozenge 12:145 / 6001:1006 / 6001:1031 / 2023:430):
 * 361x72 at x16 (so 5px narrower than the column on the right), r10, #F1F1F1
 * with a 1px #B7B7B7 inside stroke and NO shadow; the crimson glyph at the
 * artwork's own offsets, a black 6x12 chevron at x353.5, title Figtree Bold
 * 16 at x87 y19 and the caption Regular 12 at x87 y40 (::after - the widget
 * renders one label). Tops at 219 / 301 / 383, "Something else" at 466. */
/* The opener list starts 29px under the greeting bubble (219 - 190), where
 * the widget's own column gap is 10. */
.hdcw-opener { gap: 10px; margin: 17px 5px 0 0; }
.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 16px center / 8px 14px, #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: 18px 40px 17px 71px;  /* 1 + 18 + 19 title + 2 + 14 caption + 17 + 1 = 72 */
  font-size: 16px;
  font-weight: 700;
  line-height: 19px;
  letter-spacing: 0;
}
.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: #E8E8E8; opacity: 1; }
/* Glyph boxes = the export, placed from the padding box (artwork offset minus
 * the 1px border). */
.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: 29px; top: 22px; width: 22px; height: 22px; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width=%2222%22%20height=%2222%22%20viewBox=%220%200%2022%2022%22%20fill=%22none%22%20xmlns=%22http://www.w3.org/2000/svg%22%3E%0A%3Cpath%20d=%22M11.0929%200.000461949C4.94282%20-0.0553034%20-0.0552791%204.94502%200.000461748%2011.0978C0.0376223%2015.6242%202.84325%2019.5184%206.80086%2021.1636L7.47906%2021.4145C8.55672%2021.7862%209.70865%2021.9907%2010.9071%2022C11.511%2022%2012.1148%2021.9628%2012.6908%2021.8699L13.369%2021.7398C18.3392%2020.6523%2022.046%2016.2004%2021.9996%2010.8933C21.9438%204.93573%2017.0664%200.056228%2011.0929%200.000461949ZM11%2020.0575C8.33926%2020.0575%205.94285%2018.9024%204.28618%2017.0679C3.84255%2016.5766%203.92796%2015.8231%204.45973%2015.429C5.28656%2014.8248%206.0948%2014.4252%206.83799%2014.1278C7.07952%2014.0348%207.34899%2014.1743%207.41399%2014.4252C7.51619%2014.8248%207.86919%2015.1129%208.28725%2015.1129H13.7127C14.1215%2015.1129%2014.4838%2014.8342%2014.586%2014.4252C14.651%2014.1743%2014.9204%2014.0348%2015.162%2014.1278C15.9052%2014.4252%2016.7227%2014.8248%2017.5402%2015.429C18.072%2015.8231%2018.1574%2016.5766%2017.7138%2017.0679C16.0572%2018.9024%2013.6607%2020.0575%2011%2020.0575ZM15.6124%2012.0459C15.6094%2012.0459%2015.6064%2012.0455%2015.6036%2012.0448C15.3739%2011.9872%2015.2367%2011.7563%2015.3013%2011.5254C15.4778%2010.819%2014.939%2010.1405%2014.2144%2010.1405H11.3531C11.2323%2010.1405%2011.1208%2010.1405%2011%2010.1405C10.8793%2010.1405%2010.7585%2010.1405%2010.647%2010.1405H7.79492C7.07026%2010.1405%206.53144%2010.819%206.70792%2011.5254C6.76372%2011.7577%206.62434%2011.9808%206.40138%2012.0459C5.50071%2012.2777%204.64485%2012.4468%203.84731%2012.5583C2.8647%2012.6956%201.96966%2011.9894%201.96652%2010.9969C1.96622%2010.9007%201.96736%2010.8043%201.96997%2010.7075C2.11862%205.85586%206.14125%201.96156%2010.9907%201.95226C15.9888%201.95226%2020.0486%206.00457%2020.0486%2011.0049C20.0486%2011.9929%2019.1576%2012.6957%2018.1794%2012.5598C17.3785%2012.4486%2016.5197%2012.2794%2015.6219%2012.0471C15.6188%2012.0463%2015.6156%2012.0459%2015.6124%2012.0459Z%22%20fill=%22%23BC002D%22/%3E%0A%3C/svg%3E"); }
.hdcw-opener button.hdcw-op-quiz::before { left: 30px; top: 20px; width: 20px; height: 24px; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width=%2220%22%20height=%2224%22%20viewBox=%220%200%2020%2024%22%20fill=%22none%22%20xmlns=%22http://www.w3.org/2000/svg%22%3E%0A%3Cpath%20d=%22M17.4893%2023.233H6.52364C6.49918%2023.2329%206.47514%2023.2266%206.45375%2023.2147C6.43235%2023.2028%206.41429%2023.1858%206.4012%2023.1651L1.1228%2014.6549C0.959269%2014.3962%200.849017%2014.1075%200.798507%2013.8056C0.747997%2013.5037%200.758246%2013.1948%200.828653%2012.897C0.899059%2012.5991%201.02821%2012.3183%201.20853%2012.071C1.38885%2011.8237%201.61672%2011.6148%201.87878%2011.4567C2.14085%2011.2986%202.43183%2011.1944%202.73469%2011.1502C3.03754%2011.106%203.34618%2011.1227%203.6425%2011.1993C3.93883%2011.2758%204.21689%2011.4108%204.46039%2011.5962C4.70388%2011.7817%204.90792%2012.0138%205.06054%2012.2791L6.44333%2014.6347V2.981C6.44333%202.3938%206.67659%201.83066%207.0918%201.41545C7.50701%201.00023%208.07016%200.766971%208.65736%200.766971C9.24456%200.766971%209.8077%201.00023%2010.2229%201.41545C10.6381%201.83066%2010.8714%202.3938%2010.8714%202.981V8.22065C10.8714%208.54921%2011.1326%208.81937%2011.4611%208.83004L17.9881%209.04796C18.3063%209.0586%2018.6079%209.1925%2018.8293%209.42138C19.0506%209.65026%2019.1743%209.95621%2019.1743%2010.2746V21.5481C19.1743%2021.995%2018.9968%2022.4235%2018.6808%2022.7395C18.3648%2023.0555%2017.9362%2023.233%2017.4893%2023.233Z%22%20stroke=%22%23BC002D%22%20stroke-width=%221.5%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22/%3E%0A%3C/svg%3E"); }
.hdcw-opener button.hdcw-op-alert::before { left: 30px; top: 21px; width: 22px; height: 22px; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width=%2222%22%20height=%2222%22%20viewBox=%220%200%2022%2022%22%20fill=%22none%22%20xmlns=%22http://www.w3.org/2000/svg%22%3E%0A%3Cpath%20d=%22M7.78126%2016.6489C9.91961%2016.899%2012.0804%2016.899%2014.2187%2016.6489C16.3179%2016.4037%2018.3804%2015.9151%2020.3633%2015.1931C18.684%2013.3582%2017.756%2010.9731%2017.7597%208.50105V7.6676C17.7597%205.89924%2017.0476%204.20331%2015.7799%202.95289C14.5121%201.70246%2012.7928%200.999986%2011%200.999986C9.20722%200.999986%207.48787%201.70246%206.22017%202.95289C4.95248%204.20331%204.2403%205.89924%204.2403%207.6676V8.50105C4.2437%2010.9732%203.31533%2013.3584%201.63555%2015.1931C3.58798%2015.9043%205.64632%2016.3988%207.78126%2016.6489ZM14.2187%2016.6489C14.3811%2017.1488%2014.4215%2017.6795%2014.3366%2018.1976C14.2518%2018.7158%2014.044%2019.207%2013.7302%2019.6311C13.4166%2020.0551%2013.0057%2020.4001%2012.5313%2020.6379C12.0569%2020.8757%2011.5322%2020.9997%2011%2020.9997C10.4678%2020.9997%209.94316%2020.8757%209.46872%2020.6379C8.99429%2020.4001%208.58349%2020.0551%208.26979%2019.6311C7.95608%2019.207%207.74833%2018.7158%207.66344%2018.1976C7.57855%2017.6795%207.61891%2017.1488%207.78126%2016.6489M1.00014%206.00069C1.31781%204.13929%202.16484%202.40512%203.44265%200.999986M18.5574%200.999986C19.8352%202.40512%2020.6823%204.13929%2020.9999%206.00069%22%20stroke=%22%23AE022A%22%20stroke-width=%221.99997%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%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;
}
/* The artwork's captions, verbatim - (30002:640); 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 185 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'; }

/* "Something else" (2023:430): the same lozenge at 361x52, no caption.
 * Title @87,16; the "?" glyph 19x19 @48,15; chevron centred as above. */
.hdcw-opener .hdcw-else.hdcw-op-else {
  min-height: 52px;
  margin-top: 1px;               /* 11px under the third lozenge, not 10 */
  padding: 15px 40px 16px 71px;
  font-size: 16px;
  font-weight: 700;
  line-height: 19px;
  letter-spacing: 0;
}
.hdcw-opener button.hdcw-op-else::before { left: 30px; top: 14.5px; width: 21px; height: 21px; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width=%2221%22%20height=%2221%22%20viewBox=%220%200%2021%2021%22%20fill=%22none%22%20xmlns=%22http://www.w3.org/2000/svg%22%3E%0A%3Cpath%20d=%22M20.2317%2010.5C20.2317%2013.081%2019.2064%2015.5563%2017.3814%2017.3814C15.5563%2019.2064%2013.081%2020.2317%2010.5%2020.2317C8.8323%2020.2317%207.26293%2019.8117%205.89025%2019.0731C3.97669%2018.0416%202.68903%2019.0004%201.55298%2019.1725C1.46803%2019.1847%201.3814%2019.1765%201.3002%2019.1488C1.21901%2019.121%201.14555%2019.0743%201.08586%2019.0127C0.996738%2018.9181%200.937761%2018.7991%200.91642%2018.6708C0.895079%2018.5426%200.912339%2018.4109%200.966005%2018.2925C1.41264%2017.2425%201.82137%2015.2511%201.26308%2013.5732C0.93433%2012.582%200.767266%2011.5443%200.768297%2010.5C0.768297%207.91899%201.7936%205.44369%203.61865%203.61864C5.4437%201.79359%207.919%200.768293%2010.5%200.768293C13.081%200.768293%2015.5563%201.79359%2017.3814%203.61864C19.2064%205.44369%2020.2317%207.91899%2020.2317%2010.5Z%22%20stroke=%22%23AE022A%22%20stroke-width=%221.5%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22/%3E%0A%3Cpath%20d=%22M7.93902%207.93901C7.93919%207.49782%208.05333%207.06415%208.27038%206.68004C8.48744%206.29593%208.80004%205.97441%209.17789%205.74665C9.55575%205.51888%209.98604%205.39259%2010.427%205.38003C10.8681%205.36746%2011.3048%205.46904%2011.6951%205.67492C12.0853%205.88079%2012.4157%206.18399%2012.6542%206.55511C12.8928%206.92624%2013.0315%207.3527%2013.0568%207.79317C13.0821%208.23364%2012.9931%208.67317%2012.7986%209.06916C12.6041%209.46515%2012.3105%209.80417%2011.9464%2010.0534C11.2458%2010.5328%2010.5%2011.1884%2010.5%2012.0366M10.628%2015.3658H10.5M10.7561%2015.3658C10.7561%2015.4338%2010.7291%2015.4989%2010.6811%2015.5469C10.6331%2015.595%2010.5679%2015.6219%2010.5%2015.6219C10.4321%2015.6219%2010.3669%2015.595%2010.3189%2015.5469C10.2709%2015.4989%2010.2439%2015.4338%2010.2439%2015.3658C10.2439%2015.2979%2010.2709%2015.2328%2010.3189%2015.1847C10.3669%2015.1367%2010.4321%2015.1097%2010.5%2015.1097C10.5679%2015.1097%2010.6331%2015.1367%2010.6811%2015.1847C10.7291%2015.2328%2010.7561%2015.2979%2010.7561%2015.3658Z%22%20stroke=%22%23AE022A%22%20stroke-width=%221.53659%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22/%3E%0A%3C/svg%3E"); }

/* Context CTA ("Tell me about this car" 19:683, "Browse Cars" 4028:1288):
 * 349x55 at x24, r10, flat #AE022A, white Figtree Bold 16, centred. */
.hdcw-opener button.hdcw-op-ctx {
  min-height: 55px;
  margin: 0 4px 0 8px;
  border: 0;
  border-radius: 10px;
  padding: 18px 0;
  background: #AE022A;
  color: #fff;
  font-size: 16px;
  font-weight: 700;
  line-height: 19px;
  letter-spacing: 0;
}
.hdcw-opener button.hdcw-op-ctx:hover { opacity: .9; }

/* ---------- Chips (item 16:212): 31px white, r10, NO border, 0/4/4 25%
 * shadow, Figtree Regular 12/13 black, centred, 5px gaps both ways, rows 2px
 * in from the bubble edge (x18). Selected = a 1px #0C0F20 inside stroke and
 * nothing else ("Adventurous" 37:328, "Automatic (155)" 19:414), drawn as an
 * inset shadow so the chip does not change size. */
.hdcw-chips { gap: 5px; padding: 0 2px; }
.hdcw-chip {
  background: #fff;
  color: #000000;
  border-color: transparent;
  border-radius: 10px;
  min-height: 31px;
  box-sizing: border-box;
  padding: 8px 18px;             /* +2px of transparent border = 31 */
  font-size: 12px;
  font-weight: 400;
  line-height: 13px;
  letter-spacing: 0;
  box-shadow: 0 4px 4px rgba(0,0,0,.25);
}
.hdcw-chip:hover { background: #F4F4F4; border-color: transparent; color: #000000; }
.hdcw-chip--sel {
  border-color: transparent;
  font-weight: 400;
  box-shadow: inset 0 0 0 1px #0C0F20, 0 4px 4px rgba(0,0,0,.25);
}
/* The artwork's selected chip is a 1px stroke and nothing else. Bootstrap's
 * reboot (CMS2 loads 4.3.1) adds `button:focus { outline: 5px auto }`, so a
 * tapped chip would also wear the browser's focus ring. Mouse and touch focus
 * drop it; keyboard focus keeps a visible ring. */
.hdcw-chip:focus:not(:focus-visible) { outline: 0; }
/* POPULAR / LIFESTYLE / MAKES (16:213, 16:270, 16:316): Montserrat Bold 11
 * #6D6D6D, no tracking, at x23-24; 13px under a bubble, 18px under a chip
 * row, 9px above its own chips. */
.hdcw-ghead {
  font-family: 'Montserrat', var(--hdcw-font);
  font-size: 11px;
  font-weight: 700;
  line-height: 13px;
  letter-spacing: 0;
  margin: 2px 6px -1px 8px;
}
.hdcw-chips + .hdcw-ghead { margin-top: 8px; }
/* Answer chips straight under a question (02-help1 .. 07-help5) are flush
 * with the bubble at x16 and 8px under it, where the stock and model rows
 * (under a section head or a card strip) start at x18. */
.hdcw-bot + .hdcw-chips { padding-left: 0; margin-top: -2px; }
/* and the designer sets them 1.5px wider on each side than the stock facets
 * ("Adventurous" 37:328 is 107 for a 69px label; "Automatic (155)" 16:212 is
 * 124 for an 88px one). */
.hdcw-bot + .hdcw-chips .hdcw-chip { padding-left: 19.5px; padding-right: 19.5px; }

/* ---------- Car cards ("csr search" 19:566): 176 wide, 14px apart, white,
 * 1px #E4E6EA, r10, 244 tall. Photo 176x113 square-topped. Body text 12px in:
 * title Figtree Regular 12 on a 15px leading, price Bold 12/19, monthly
 * Regular 12/16, meta Regular 10/17, all black. Flush split action bar:
 * Details (77, white, #E4E6EA rule) | I'm Interested (99, #AE022A, white
 * ink), both Figtree Regular 12/13 with -1% tracking. */
.hdcw-cars { gap: 14px; }
.hdcw-ncgrid { gap: 14px; }
/* Figma draws the card's 1px #E4E6EA as an INSIDE stroke, so the photo and
 * the action bar run flush to the outer edge and the card is exactly 244
 * tall. An inset ring reproduces that without the 2px a real border adds. */
.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: 10px 12px 8px; line-height: 15px; }
.hdcw-car h4.hdcw-cartitle {
  /* name every property: Bootstrap's h4 rule and the template's own
   * `h1..h6 { font-family }` would win otherwise */
  margin: 0;
  padding: 0;
  font-family: var(--hdcw-font);
  font-size: 12px;
  font-weight: 400;
  line-height: 15px;
  letter-spacing: .01em;
  max-height: 30px;
  overflow: hidden;
}
.hdcw-car .hdcw-price { color: #000000; font-size: 12px; font-weight: 700; line-height: 19px; }
.hdcw-car .hdcw-mo { color: #000000; font-size: 12px; font-weight: 400; line-height: 16px; }
.hdcw-car .hdcw-meta { color: #000000; font-size: 10px; line-height: 17px; margin-top: 0; }
.hdcw-ncgrid .hdcw-carbody { padding: 10px 12px 12px; }
.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 10px;
  min-height: 31px;
  padding: 9px 0 8px;
  font-size: 12px;
  font-weight: 400;
  line-height: 13px;
  letter-spacing: -.01em;
  background: #fff;
  color: #000000;
}
.hdcw-car .hdcw-pick:hover { background: #F4F4F4; color: #000000; }
.hdcw-car .hdcw-pick--primary {
  flex: 99 0 0;
  border-top: 1px solid #AE022A;
  border-radius: 0 0 10px 0;
  background: #AE022A;
  color: #fff;
}
.hdcw-car .hdcw-pick--primary:only-child { border-radius: 0 0 10px 10px; }
.hdcw-car .hdcw-pick--primary:hover { background: #AE022A; opacity: .85; color: #fff; }

/* ---------- Footer (24:712): one #E4E6EA band 400x129 carrying both rows.
 * Input 299x51 at x21 y20 of the band, r10, 1px #000000, placeholder Figtree
 * Regular 14 with 1% tracking, black, 28px in. Send: the crimson 52px circle
 * 8px right of it. Disclosure: Figtree Regular 12/15 with 1% tracking,
 * #504949, centred in a 275px box 17px above the panel foot. */
.hdcw-input {
  background: #E4E6EA;
  border-top: 0;
  padding: 20px 20px 10px 21px;  /* the 52px send sets the row height */
  gap: 8px;
}
.hdcw-input input {
  box-sizing: border-box;
  height: 51px;
  border-radius: 10px;
  padding: 0 20px 0 28px;
  font-size: 14px;
  line-height: 49px;
  letter-spacing: .01em;
}
/* font: inherit - CMS2's style.css line 5505 has a bare
 * `::-webkit-input-placeholder { font-size: 1rem; color: #525252 }` that
 * reaches the widget's input. */
.hdcw-input input::placeholder { color: #000000; opacity: 1; font: inherit; }
.hdcw-input input::-webkit-input-placeholder { color: #000000; opacity: 1; font: inherit; }
.hdcw-input input:focus { border-color: #000000; }
.hdcw-send {
  width: 52px;
  height: 52px;
  padding: 0;
  background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width=%2252%22%20height=%2252%22%20viewBox=%220%200%2052%2052%22%20fill=%22none%22%20xmlns=%22http://www.w3.org/2000/svg%22%3E%0A%3Ccircle%20cx=%2226%22%20cy=%2226%22%20r=%2226%22%20fill=%22%23AE022A%22/%3E%0A%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%0A%3C/svg%3E") center / 52px 52px no-repeat;
}
.hdcw-send svg { display: none; }
.hdcw-send:disabled { opacity: .5; }
.hdcw-powered {
  background: #E4E6EA;
  font-size: 12px;
  line-height: 15px;
  letter-spacing: .16px;         /* 2008:473 sets 0.10px; Chrome needs .16 to
                                  * land the same 272.5px first line */
  padding: 0 62px 16px;
}
.hdcw-powered a.hdcw-tc { color: #504949; text-decoration: underline; }
/* The artwork sets the brand line and the disclaimer as ONE paragraph
 * ("Powered by HappyDealer.   AI can make mistakes. / Check important
 * information. Terms & Conditions"); the widget emits them as two divs. */
.hdcw-powered > div { display: inline; }
.hdcw-powered > div:first-child::after { content: '.   '; white-space: pre; }
/* The opener artboard (01-chat) draws "Terms & Conditions" PLAIN; every other
 * panel artboard underlines it. The opener list is the selector - it removes
 * itself as soon as a button is tapped. */
.hdcw-panel:has(.hdcw-op-else) .hdcw-powered a.hdcw-tc { text-decoration: none; }

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

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