@import url('https://fonts.googleapis.com/css2?family=Lato:wght@400&family=Nunito+Sans:ital,wght@1,400&family=Zalando+Sans:wght@400;600;700&display=swap');
/* CON-926 chat widget branding - Dan Dooley Car Sales (ddcs, template DDCS).
 * Source of truth: the designer's Figma "Dan Dooley (Ai Assistant)", read
 * from the local .fig export (no REST API call) and from the 16 @2x
 * artboard PNGs, which outrank the node dump wherever the two disagree.
 * Tooling: tickets/CON-884/tools/, tickets/CON-926/qa-ddcs/; design notes:
 * tickets/CON-926/DESIGN-ddcs.md. Glyphs are the designer's own export
 * pack, each cross-checked against the canvas.
 *
 * Navy and black: an 81px header in the #1C1E59 / #3E4197 glow gradient
 * (the DDCS site's own --secondary-color), the same gradient on the context
 * CTA, send button and launcher; #1C1E59 glyphs, chevrons, links and card
 * primary action; black text, input stroke and user bubbles. #EDEDED bot
 * bubbles with a #C7C7C7 stroke and a squared bottom-left corner on a WHITE
 * ground; white lozenges and chips on a 0/4/4 25% shadow; #E4E6EA footer
 * band and card borders.
 * Type: Archivo (loaded by the site), plus Zalando Sans for the subtitle,
 * section heads and CTA, Lato for the disclosure and card buttons and
 * Nunito Sans Italic for the status line (imported above).
 * The panel is 400x720 = the designer's artboard, so offsets transfer 1:1.
 *
 * Regenerate with tickets/CON-926/build-theme-ddcs.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: #1C1E59;
  --hdcw-on-accent: #fff;
  --hdcw-font: 'Archivo', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
  --hdcw-bg: #fff;
  --hdcw-surface: #fff;         /* Rectangle 8 (#F5F6F8) is hidden in every render */
  --hdcw-text: #000000;
  --hdcw-muted: #6D6D6D;        /* POPULAR/LIFESTYLE/MAKES, "Searching our stock..." */
  --hdcw-faint: #C7C7C7;        /* typing dots (decorative) */
  --hdcw-footer: #000000;         /* disclosure - the instances override #504949 */
  --hdcw-border: #000000;         /* input stroke 24:705 */
  --hdcw-border-soft: #E4E6EA;
  --hdcw-radius: 15px;          /* panel 1:7 */
  --hdcw-radius-bubble: 10px;
  --hdcw-head-bg: #1C1E59;
  --hdcw-head-color: #fff;
  --hdcw-user-bg: #000000;
  --hdcw-user-color: #fff;
  --hdcw-link: #1C1E59;
  --hdcw-btn-bg: linear-gradient(102.9deg, #1C1E59 -6.1%, #3E4197 62.2%, #1C1E59 118.5%);
  --hdcw-btn-color: #fff;
}

/* ---------- Launcher (widget 14002:641): the designer's own 258x60 lockup.
 * On the 400x653 home artboard the pill ends 10px from the right and 8px
 * from the bottom; the export's shadow margin is 4px right / 7px bottom. */
.hdcw-fab {
  width: 258px;
  height: 60px;
  right: 6px;                   /* pill 10px off the right edge (03-home) */
  bottom: 1px;                  /* and 8px off the bottom */
  max-width: calc(100vw - 12px);
  border-radius: 0;
  background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width=%22258%22%20height=%2260%22%20viewBox=%220%200%20258%2060%22%20fill=%22none%22%20xmlns=%22http://www.w3.org/2000/svg%22%3E%0A%3Cg%20filter=%22url(%23filter0_d_14002_641)%22%3E%0A%3Crect%20x=%22254%22%20y=%2253%22%20width=%22250%22%20height=%2252%22%20rx=%2210%22%20transform=%22rotate(-180%20254%2053)%22%20fill=%22url(%23paint0_linear_14002_641)%22/%3E%0A%3Crect%20x=%22253%22%20y=%2252%22%20width=%22248%22%20height=%2250%22%20rx=%229%22%20transform=%22rotate(-180%20253%2052)%22%20stroke=%22white%22%20stroke-opacity=%220.8%22%20stroke-width=%222%22/%3E%0A%3C/g%3E%0A%3Cpath%20d=%22M228.773%2022.9503L232.173%2021.6753L228.773%2020.3991L227.498%2017.0004L226.222%2020.3991L222.823%2021.6753L226.222%2022.9503L227.498%2026.3503L228.773%2022.9503ZM235.573%2029.7503L239.823%2028.0503L235.573%2026.3503L233.873%2022.1004L232.173%2026.3503L227.923%2028.0503L232.173%2029.7503L233.873%2034.0003L235.573%2029.7503Z%22%20fill=%22%23F4C775%22/%3E%0A%3Cpath%20d=%22M70.734%2034L66.252%2021.148H69.06L72.66%2032.272H72.102L75.72%2021.148H78.294L73.83%2034H70.734Z%22%20fill=%22white%22/%3E%0A%3Cpath%20d=%22M79.4383%2034V24.748H81.9763V34H79.4383ZM79.4023%2023.326V21.148H82.0123V23.326H79.4023Z%22%20fill=%22white%22/%3E%0A%3Cpath%20d=%22M84.184%2034V24.748H86.704V27.502L86.524%2027.394C86.68%2026.746%2086.89%2026.23%2087.154%2025.846C87.418%2025.45%2087.742%2025.168%2088.126%2025C88.51%2024.832%2088.954%2024.748%2089.458%2024.748H90.052V27.178H89.188C88.66%2027.178%2088.21%2027.292%2087.838%2027.52C87.466%2027.748%2087.184%2028.078%2086.992%2028.51C86.8%2028.942%2086.704%2029.47%2086.704%2030.094V34H84.184Z%22%20fill=%22white%22/%3E%0A%3Cpath%20d=%22M95.2739%2034C94.4579%2034%2093.7979%2033.772%2093.2939%2033.316C92.7899%2032.86%2092.5379%2032.212%2092.5379%2031.372V22.246H95.0759V30.814C95.0759%2031.222%2095.1839%2031.54%2095.3999%2031.768C95.6159%2031.984%2095.9219%2032.092%2096.3179%2032.092H97.2899V34H95.2739ZM90.8279%2026.656V24.748H92.8259V26.656H90.8279ZM94.7879%2026.656V24.748H97.2899V26.656H94.7879Z%22%20fill=%22white%22/%3E%0A%3Cpath%20d=%22M101.94%2034.252C101.424%2034.252%20100.968%2034.168%20100.572%2034C100.176%2033.82%2099.8401%2033.574%2099.5641%2033.262C99.3001%2032.95%2099.0961%2032.566%2098.9521%2032.11C98.8201%2031.654%2098.7541%2031.144%2098.7541%2030.58V24.748H101.292V30.238C101.292%2030.658%20101.358%2031.012%20101.49%2031.3C101.622%2031.588%20101.808%2031.81%20102.048%2031.966C102.3%2032.122%20102.594%2032.2%20102.93%2032.2C103.338%2032.2%20103.686%2032.104%20103.974%2031.912C104.262%2031.708%20104.484%2031.432%20104.64%2031.084C104.796%2030.736%20104.874%2030.352%20104.874%2029.932V24.748H107.412V34H104.874V31.822L105.108%2032.02C104.832%2032.812%20104.406%2033.382%20103.83%2033.73C103.266%2034.078%20102.636%2034.252%20101.94%2034.252Z%22%20fill=%22white%22/%3E%0A%3Cpath%20d=%22M112.068%2034.252C111.18%2034.252%20110.472%2034.006%20109.944%2033.514C109.428%2033.022%20109.17%2032.38%20109.17%2031.588C109.17%2031.048%20109.29%2030.586%20109.53%2030.202C109.782%2029.806%20110.154%2029.476%20110.646%2029.212C111.138%2028.936%20111.762%2028.738%20112.518%2028.618L114.192%2028.33C114.528%2028.282%20114.756%2028.186%20114.876%2028.042C115.008%2027.886%20115.074%2027.694%20115.074%2027.466V27.448C115.074%2027.196%20115.014%2026.986%20114.894%2026.818C114.786%2026.638%20114.624%2026.5%20114.408%2026.404C114.204%2026.308%20113.946%2026.26%20113.634%2026.26C113.166%2026.26%20112.788%2026.338%20112.5%2026.494C112.224%2026.65%20112.05%2026.908%20111.978%2027.268H109.512C109.608%2026.632%20109.842%2026.11%20110.214%2025.702C110.598%2025.294%20111.084%2024.994%20111.672%2024.802C112.272%2024.598%20112.944%2024.496%20113.688%2024.496C114.54%2024.496%20115.254%2024.628%20115.83%2024.892C116.406%2025.144%20116.838%2025.528%20117.126%2026.044C117.414%2026.548%20117.558%2027.178%20117.558%2027.934V34H115.182V31.84L115.452%2032.074C115.236%2032.614%20114.954%2033.04%20114.606%2033.352C114.27%2033.664%20113.886%2033.892%20113.454%2034.036C113.034%2034.18%20112.572%2034.252%20112.068%2034.252ZM112.932%2032.398C113.268%2032.398%20113.568%2032.332%20113.832%2032.2C114.096%2032.056%20114.318%2031.87%20114.498%2031.642C114.69%2031.402%20114.834%2031.132%20114.93%2030.832C115.026%2030.52%20115.074%2030.202%20115.074%2029.878V28.744L115.488%2029.212C115.332%2029.356%20115.17%2029.458%20115.002%2029.518C114.846%2029.578%20114.6%2029.656%20114.264%2029.752L112.986%2030.022C112.566%2030.106%20112.242%2030.256%20112.014%2030.472C111.786%2030.676%20111.672%2030.94%20111.672%2031.264C111.672%2031.636%20111.786%2031.918%20112.014%2032.11C112.242%2032.302%20112.548%2032.398%20112.932%2032.398Z%22%20fill=%22white%22/%3E%0A%3Cpath%20d=%22M119.657%2034V21.148H122.195V34H119.657Z%22%20fill=%22white%22/%3E%0A%3Cpath%20d=%22M127.669%2034L132.313%2021.148H135.445L140.071%2034H137.263L133.519%2022.858H134.023L130.243%2034H127.669ZM130.747%2031.138V29.122H136.993V31.138H130.747Z%22%20fill=%22white%22/%3E%0A%3Cpath%20d=%22M144.862%2034.252C144.226%2034.252%20143.656%2034.174%20143.152%2034.018C142.648%2033.874%20142.216%2033.676%20141.856%2033.424C141.496%2033.16%20141.214%2032.848%20141.01%2032.488C140.818%2032.128%20140.704%2031.726%20140.668%2031.282H143.188C143.248%2031.558%20143.356%2031.78%20143.512%2031.948C143.668%2032.116%20143.866%2032.242%20144.106%2032.326C144.358%2032.41%20144.64%2032.452%20144.952%2032.452C145.252%2032.452%20145.51%2032.41%20145.726%2032.326C145.954%2032.242%20146.128%2032.122%20146.248%2031.966C146.368%2031.81%20146.428%2031.618%20146.428%2031.39C146.428%2031.162%20146.344%2030.97%20146.176%2030.814C146.008%2030.646%20145.768%2030.526%20145.456%2030.454L143.53%2030.04C142.678%2029.86%20142.03%2029.548%20141.586%2029.104C141.142%2028.66%20140.92%2028.096%20140.92%2027.412C140.92%2026.968%20141.016%2026.572%20141.208%2026.224C141.4%2025.864%20141.664%2025.558%20142%2025.306C142.348%2025.042%20142.756%2024.844%20143.224%2024.712C143.692%2024.568%20144.208%2024.496%20144.772%2024.496C145.528%2024.496%20146.194%2024.604%20146.77%2024.82C147.358%2025.024%20147.826%2025.33%20148.174%2025.738C148.522%2026.134%20148.726%2026.626%20148.786%2027.214H146.248C146.212%2027.022%20146.128%2026.86%20145.996%2026.728C145.864%2026.584%20145.69%2026.476%20145.474%2026.404C145.27%2026.32%20145.03%2026.278%20144.754%2026.278C144.478%2026.278%20144.232%2026.32%20144.016%2026.404C143.812%2026.488%20143.65%2026.602%20143.53%2026.746C143.41%2026.89%20143.35%2027.064%20143.35%2027.268C143.35%2027.532%20143.452%2027.736%20143.656%2027.88C143.86%2028.024%20144.106%2028.126%20144.394%2028.186L146.41%2028.6C146.806%2028.684%20147.196%2028.828%20147.58%2029.032C147.964%2029.224%20148.282%2029.5%20148.534%2029.86C148.786%2030.22%20148.912%2030.682%20148.912%2031.246C148.912%2031.738%20148.81%2032.176%20148.606%2032.56C148.414%2032.932%20148.132%2033.244%20147.76%2033.496C147.4%2033.736%20146.974%2033.922%20146.482%2034.054C145.99%2034.186%20145.45%2034.252%20144.862%2034.252Z%22%20fill=%22white%22/%3E%0A%3Cpath%20d=%22M154.354%2034.252C153.718%2034.252%20153.148%2034.174%20152.644%2034.018C152.14%2033.874%20151.708%2033.676%20151.348%2033.424C150.988%2033.16%20150.706%2032.848%20150.502%2032.488C150.31%2032.128%20150.196%2031.726%20150.16%2031.282H152.68C152.74%2031.558%20152.848%2031.78%20153.004%2031.948C153.16%2032.116%20153.358%2032.242%20153.598%2032.326C153.85%2032.41%20154.132%2032.452%20154.444%2032.452C154.744%2032.452%20155.002%2032.41%20155.218%2032.326C155.446%2032.242%20155.62%2032.122%20155.74%2031.966C155.86%2031.81%20155.92%2031.618%20155.92%2031.39C155.92%2031.162%20155.836%2030.97%20155.668%2030.814C155.5%2030.646%20155.26%2030.526%20154.948%2030.454L153.022%2030.04C152.17%2029.86%20151.522%2029.548%20151.078%2029.104C150.634%2028.66%20150.412%2028.096%20150.412%2027.412C150.412%2026.968%20150.508%2026.572%20150.7%2026.224C150.892%2025.864%20151.156%2025.558%20151.492%2025.306C151.84%2025.042%20152.248%2024.844%20152.716%2024.712C153.184%2024.568%20153.7%2024.496%20154.264%2024.496C155.02%2024.496%20155.686%2024.604%20156.262%2024.82C156.85%2025.024%20157.318%2025.33%20157.666%2025.738C158.014%2026.134%20158.218%2026.626%20158.278%2027.214H155.74C155.704%2027.022%20155.62%2026.86%20155.488%2026.728C155.356%2026.584%20155.182%2026.476%20154.966%2026.404C154.762%2026.32%20154.522%2026.278%20154.246%2026.278C153.97%2026.278%20153.724%2026.32%20153.508%2026.404C153.304%2026.488%20153.142%2026.602%20153.022%2026.746C152.902%2026.89%20152.842%2027.064%20152.842%2027.268C152.842%2027.532%20152.944%2027.736%20153.148%2027.88C153.352%2028.024%20153.598%2028.126%20153.886%2028.186L155.902%2028.6C156.298%2028.684%20156.688%2028.828%20157.072%2029.032C157.456%2029.224%20157.774%2029.5%20158.026%2029.86C158.278%2030.22%20158.404%2030.682%20158.404%2031.246C158.404%2031.738%20158.302%2032.176%20158.098%2032.56C157.906%2032.932%20157.624%2033.244%20157.252%2033.496C156.892%2033.736%20156.466%2033.922%20155.974%2034.054C155.482%2034.186%20154.942%2034.252%20154.354%2034.252Z%22%20fill=%22white%22/%3E%0A%3Cpath%20d=%22M160.175%2034V24.748H162.713V34H160.175ZM160.139%2023.326V21.148H162.749V23.326H160.139Z%22%20fill=%22white%22/%3E%0A%3Cpath%20d=%22M168.61%2034.252C167.974%2034.252%20167.404%2034.174%20166.9%2034.018C166.396%2033.874%20165.964%2033.676%20165.604%2033.424C165.244%2033.16%20164.962%2032.848%20164.758%2032.488C164.566%2032.128%20164.452%2031.726%20164.416%2031.282H166.936C166.996%2031.558%20167.104%2031.78%20167.26%2031.948C167.416%2032.116%20167.614%2032.242%20167.854%2032.326C168.106%2032.41%20168.388%2032.452%20168.7%2032.452C169%2032.452%20169.258%2032.41%20169.474%2032.326C169.702%2032.242%20169.876%2032.122%20169.996%2031.966C170.116%2031.81%20170.176%2031.618%20170.176%2031.39C170.176%2031.162%20170.092%2030.97%20169.924%2030.814C169.756%2030.646%20169.516%2030.526%20169.204%2030.454L167.278%2030.04C166.426%2029.86%20165.778%2029.548%20165.334%2029.104C164.89%2028.66%20164.668%2028.096%20164.668%2027.412C164.668%2026.968%20164.764%2026.572%20164.956%2026.224C165.148%2025.864%20165.412%2025.558%20165.748%2025.306C166.096%2025.042%20166.504%2024.844%20166.972%2024.712C167.44%2024.568%20167.956%2024.496%20168.52%2024.496C169.276%2024.496%20169.942%2024.604%20170.518%2024.82C171.106%2025.024%20171.574%2025.33%20171.922%2025.738C172.27%2026.134%20172.474%2026.626%20172.534%2027.214H169.996C169.96%2027.022%20169.876%2026.86%20169.744%2026.728C169.612%2026.584%20169.438%2026.476%20169.222%2026.404C169.018%2026.32%20168.778%2026.278%20168.502%2026.278C168.226%2026.278%20167.98%2026.32%20167.764%2026.404C167.56%2026.488%20167.398%2026.602%20167.278%2026.746C167.158%2026.89%20167.098%2027.064%20167.098%2027.268C167.098%2027.532%20167.2%2027.736%20167.404%2027.88C167.608%2028.024%20167.854%2028.126%20168.142%2028.186L170.158%2028.6C170.554%2028.684%20170.944%2028.828%20171.328%2029.032C171.712%2029.224%20172.03%2029.5%20172.282%2029.86C172.534%2030.22%20172.66%2030.682%20172.66%2031.246C172.66%2031.738%20172.558%2032.176%20172.354%2032.56C172.162%2032.932%20171.88%2033.244%20171.508%2033.496C171.148%2033.736%20170.722%2033.922%20170.23%2034.054C169.738%2034.186%20169.198%2034.252%20168.61%2034.252Z%22%20fill=%22white%22/%3E%0A%3Cpath%20d=%22M177.961%2034C177.145%2034%20176.485%2033.772%20175.981%2033.316C175.477%2032.86%20175.225%2032.212%20175.225%2031.372V22.246H177.763V30.814C177.763%2031.222%20177.871%2031.54%20178.087%2031.768C178.303%2031.984%20178.609%2032.092%20179.005%2032.092H179.977V34H177.961ZM173.515%2026.656V24.748H175.513V26.656H173.515ZM177.475%2026.656V24.748H179.977V26.656H177.475Z%22%20fill=%22white%22/%3E%0A%3Cpath%20d=%22M183.998%2034.252C183.11%2034.252%20182.402%2034.006%20181.874%2033.514C181.358%2033.022%20181.1%2032.38%20181.1%2031.588C181.1%2031.048%20181.22%2030.586%20181.46%2030.202C181.712%2029.806%20182.084%2029.476%20182.576%2029.212C183.068%2028.936%20183.692%2028.738%20184.448%2028.618L186.122%2028.33C186.458%2028.282%20186.686%2028.186%20186.806%2028.042C186.938%2027.886%20187.004%2027.694%20187.004%2027.466V27.448C187.004%2027.196%20186.944%2026.986%20186.824%2026.818C186.716%2026.638%20186.554%2026.5%20186.338%2026.404C186.134%2026.308%20185.876%2026.26%20185.564%2026.26C185.096%2026.26%20184.718%2026.338%20184.43%2026.494C184.154%2026.65%20183.98%2026.908%20183.908%2027.268H181.442C181.538%2026.632%20181.772%2026.11%20182.144%2025.702C182.528%2025.294%20183.014%2024.994%20183.602%2024.802C184.202%2024.598%20184.874%2024.496%20185.618%2024.496C186.47%2024.496%20187.184%2024.628%20187.76%2024.892C188.336%2025.144%20188.768%2025.528%20189.056%2026.044C189.344%2026.548%20189.488%2027.178%20189.488%2027.934V34H187.112V31.84L187.382%2032.074C187.166%2032.614%20186.884%2033.04%20186.536%2033.352C186.2%2033.664%20185.816%2033.892%20185.384%2034.036C184.964%2034.18%20184.502%2034.252%20183.998%2034.252ZM184.862%2032.398C185.198%2032.398%20185.498%2032.332%20185.762%2032.2C186.026%2032.056%20186.248%2031.87%20186.428%2031.642C186.62%2031.402%20186.764%2031.132%20186.86%2030.832C186.956%2030.52%20187.004%2030.202%20187.004%2029.878V28.744L187.418%2029.212C187.262%2029.356%20187.1%2029.458%20186.932%2029.518C186.776%2029.578%20186.53%2029.656%20186.194%2029.752L184.916%2030.022C184.496%2030.106%20184.172%2030.256%20183.944%2030.472C183.716%2030.676%20183.602%2030.94%20183.602%2031.264C183.602%2031.636%20183.716%2031.918%20183.944%2032.11C184.172%2032.302%20184.478%2032.398%20184.862%2032.398Z%22%20fill=%22white%22/%3E%0A%3Cpath%20d=%22M191.586%2034V24.748H194.124V26.962L193.872%2026.728C194.064%2026.212%20194.328%2025.792%20194.664%2025.468C195%2025.132%20195.378%2024.886%20195.798%2024.73C196.23%2024.574%20196.68%2024.496%20197.148%2024.496C197.676%2024.496%20198.144%2024.586%20198.552%2024.766C198.96%2024.934%20199.296%2025.18%20199.56%2025.504C199.836%2025.816%20200.04%2026.2%20200.172%2026.656C200.316%2027.112%20200.388%2027.622%20200.388%2028.186V34H197.85V28.51C197.85%2028.09%20197.778%2027.736%20197.634%2027.448C197.49%2027.148%20197.292%2026.926%20197.04%2026.782C196.788%2026.626%20196.494%2026.548%20196.158%2026.548C195.75%2026.548%20195.39%2026.65%20195.078%2026.854C194.778%2027.046%20194.544%2027.316%20194.376%2027.664C194.208%2028%20194.124%2028.384%20194.124%2028.816V34H191.586Z%22%20fill=%22white%22/%3E%0A%3Cpath%20d=%22M206.122%2034C205.306%2034%20204.646%2033.772%20204.142%2033.316C203.638%2032.86%20203.386%2032.212%20203.386%2031.372V22.246H205.924V30.814C205.924%2031.222%20206.032%2031.54%20206.248%2031.768C206.464%2031.984%20206.77%2032.092%20207.166%2032.092H208.138V34H206.122ZM201.676%2026.656V24.748H203.674V26.656H201.676ZM205.636%2026.656V24.748H208.138V26.656H205.636Z%22%20fill=%22white%22/%3E%0A%3Cpath%20d=%22M28.15%2035.1499L28.975%2032.9499L29.8008%2035.1499L32%2035.9749L29.8008%2036.8007L28.975%2038.9999L28.15%2036.8007L25.95%2035.9749L28.15%2035.1499ZM23.75%2030.7499L24.85%2027.9999L25.95%2030.7499L28.7%2031.8499L25.95%2032.9499L24.85%2035.6999L23.75%2032.9499L21%2031.8499L23.75%2030.7499Z%22%20fill=%22%23F4C775%22/%3E%0A%3Cpath%20d=%22M41%2022.9999V23.9999H37C36.2044%2023.9999%2035.4413%2024.3159%2034.8787%2024.8786C34.3161%2025.4412%2034%2026.2042%2034%2026.9999V29.9999C34%2031.326%2034.5268%2032.5977%2035.4645%2033.5354C36.4021%2034.4731%2037.6739%2034.9999%2039%2034.9999H45C46.3261%2034.9999%2047.5979%2034.4731%2048.5355%2033.5354C49.4732%2032.5977%2050%2031.326%2050%2029.9999V26.9999C50%2026.2042%2049.6839%2025.4412%2049.1213%2024.8786C48.5587%2024.3159%2047.7956%2023.9999%2047%2023.9999H43V22.9999H41ZM36%2026.9999C36%2026.7347%2036.1054%2026.4803%2036.2929%2026.2928C36.4804%2026.1052%2036.7348%2025.9999%2037%2025.9999H47C47.2652%2025.9999%2047.5196%2026.1052%2047.7071%2026.2928C47.8946%2026.4803%2048%2026.7347%2048%2026.9999V29.9999C48%2030.7955%2047.6839%2031.5586%2047.1213%2032.1212C46.5587%2032.6838%2045.7956%2032.9999%2045%2032.9999H39C38.2044%2032.9999%2037.4413%2032.6838%2036.8787%2032.1212C36.3161%2031.5586%2036%2030.7955%2036%2029.9999V26.9999ZM39.5%2030.9999C39.8978%2030.9999%2040.2794%2030.8418%2040.5607%2030.5605C40.842%2030.2792%2041%2029.8977%2041%2029.4999C41%2029.1021%2040.842%2028.7205%2040.5607%2028.4392C40.2794%2028.1579%2039.8978%2027.9999%2039.5%2027.9999C39.1022%2027.9999%2038.7206%2028.1579%2038.4393%2028.4392C38.158%2028.7205%2038%2029.1021%2038%2029.4999C38%2029.8977%2038.158%2030.2792%2038.4393%2030.5605C38.7206%2030.8418%2039.1022%2030.9999%2039.5%2030.9999ZM44.5%2030.9999C44.8978%2030.9999%2045.2794%2030.8418%2045.5607%2030.5605C45.842%2030.2792%2046%2029.8977%2046%2029.4999C46%2029.1021%2045.842%2028.7205%2045.5607%2028.4392C45.2794%2028.1579%2044.8978%2027.9999%2044.5%2027.9999C44.1022%2027.9999%2043.7206%2028.1579%2043.4393%2028.4392C43.158%2028.7205%2043%2029.1021%2043%2029.4999C43%2029.8977%2043.158%2030.2792%2043.4393%2030.5605C43.7206%2030.8418%2044.1022%2030.9999%2044.5%2030.9999ZM36%2043.9999C36%2042.4086%2036.6321%2040.8825%2037.7574%2039.7572C38.8826%2038.632%2040.4087%2037.9999%2042%2037.9999C43.5913%2037.9999%2045.1174%2038.632%2046.2426%2039.7572C47.3679%2040.8825%2048%2042.4086%2048%2043.9999H50C50%2041.8781%2049.1571%2039.8433%2047.6569%2038.343C46.1566%2036.8427%2044.1217%2035.9999%2042%2035.9999C39.8783%2035.9999%2037.8434%2036.8427%2036.3431%2038.343C34.8429%2039.8433%2034%2041.8781%2034%2043.9999H36Z%22%20fill=%22%23F4C775%22/%3E%0A%3Cg%20clip-path=%22url(%23clip0_14002_641)%22%3E%0A%3Cpath%20d=%22M18.4778%2020.4412C18.4778%2021.8128%2019.4728%2022.9878%2020.8361%2023.1524C22.0984%2023.304%2023.3715%2023.4171%2024.6553%2023.4915C25.1618%2023.5194%2025.6153%2023.8138%2025.8414%2024.2673L27.3093%2027.2019C27.3962%2027.3758%2027.5298%2027.5222%2027.6952%2027.6244C27.8606%2027.7267%2028.0512%2027.7809%2028.2456%2027.7809C28.4401%2027.7809%2028.6307%2027.7267%2028.7961%2027.6244C28.9615%2027.5222%2029.0951%2027.3758%2029.1819%2027.2019L30.6499%2024.2673C30.876%2023.8138%2031.3295%2023.5208%2031.836%2023.4915C33.1198%2023.4171%2034.3933%2023.304%2035.6566%2023.1524C37.0185%2022.9878%2038.0134%2021.8128%2038.0134%2020.4412V14.1884C38.0134%2012.8181%2037.0185%2011.6432%2035.6552%2011.4785C30.7332%2010.887%2025.7581%2010.887%2020.8361%2011.4785C19.4714%2011.6432%2018.4778%2012.8181%2018.4778%2014.1898V20.4412Z%22%20fill=%22white%22/%3E%0A%3Crect%20x=%2231.6609%22%20y=%2215.2029%22%20width=%221.3954%22%20height=%228.37239%22%20transform=%22rotate(88.6056%2031.6609%2015.2029)%22%20fill=%22%23333683%22/%3E%0A%3Crect%20x=%2229.0114%22%20y=%2218.3882%22%20width=%221.3954%22%20height=%225.60464%22%20transform=%22rotate(88.6056%2029.0114%2018.3882)%22%20fill=%22%23333683%22/%3E%0A%3C/g%3E%0A%3Cdefs%3E%0A%3Cfilter%20id=%22filter0_d_14002_641%22%20x=%220%22%20y=%220%22%20width=%22258%22%20height=%2260%22%20filterUnits=%22userSpaceOnUse%22%20color-interpolation-filters=%22sRGB%22%3E%0A%3CfeFlood%20flood-opacity=%220%22%20result=%22BackgroundImageFix%22/%3E%0A%3CfeColorMatrix%20in=%22SourceAlpha%22%20type=%22matrix%22%20values=%220%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%20127%200%22%20result=%22hardAlpha%22/%3E%0A%3CfeOffset%20dy=%223%22/%3E%0A%3CfeGaussianBlur%20stdDeviation=%222%22/%3E%0A%3CfeComposite%20in2=%22hardAlpha%22%20operator=%22out%22/%3E%0A%3CfeColorMatrix%20type=%22matrix%22%20values=%220%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200.4%200%22/%3E%0A%3CfeBlend%20mode=%22normal%22%20in2=%22BackgroundImageFix%22%20result=%22effect1_dropShadow_14002_641%22/%3E%0A%3CfeBlend%20mode=%22normal%22%20in=%22SourceGraphic%22%20in2=%22effect1_dropShadow_14002_641%22%20result=%22shape%22/%3E%0A%3C/filter%3E%0A%3ClinearGradient%20id=%22paint0_linear_14002_641%22%20x1=%22529.568%22%20y1=%22165.5%22%20x2=%22233.038%22%20y2=%2295.0871%22%20gradientUnits=%22userSpaceOnUse%22%3E%0A%3Cstop%20stop-color=%22%231C1E59%22/%3E%0A%3Cstop%20offset=%220.45145%22%20stop-color=%22%233E4197%22/%3E%0A%3Cstop%20offset=%221%22%20stop-color=%22%231C1E59%22/%3E%0A%3C/linearGradient%3E%0A%3CclipPath%20id=%22clip0_14002_641%22%3E%0A%3Crect%20width=%2222.3264%22%20height=%2222.3264%22%20fill=%22white%22%20transform=%22translate(13.2617%2014.4379)%20rotate(-26.6481)%22/%3E%0A%3C/clipPath%3E%0A%3C/defs%3E%0A%3C/svg%3E") center / contain no-repeat;
  box-shadow: none;
  z-index: 1030;                /* under the site's Bootstrap modals (1050) */
}
.hdcw-fab > svg { display: none; }
.hdcw-fab:hover { transform: scale(1.02); }
/* defs.inc sets CHAT_WIDGET_FAB_RIGHT_MOBILE=92 against the template's
 * mobile stock-alert floater; never let the pill run off a 320px phone. */
.hdcw-fab.hdcw-shift { max-width: calc(100vw - 104px); }

/* ---------- Header (24:711): an 81px band in the navy glow gradient. Mark
 * 46x51 at x10 y11; title Archivo Bold 17/20 at x79 y23; subtitle Zalando
 * Sans Regular 13 at x80 y46 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 17px 0 10px;
  gap: 0;
  background: linear-gradient(123.7deg, #1C1E59 25.9%, #3E4197 47.1%, #1C1E59 65.6%);
}
.hdcw-head::before {
  content: '';
  flex: 0 0 46px;
  height: 51px;
  margin: 11px 23px 0 0;        /* title at x79 */
  background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width=%2246%22%20height=%2251%22%20viewBox=%220%200%2046%2051%22%20fill=%22none%22%20xmlns=%22http://www.w3.org/2000/svg%22%3E%0A%3Cpath%20d=%22M16.6668%2031.6582L14.5093%2030.8491L16.6668%2030.0392L17.4759%2027.8824L18.2858%2030.0392L20.4426%2030.8491L18.2858%2031.6582L17.4759%2033.8157L16.6668%2031.6582ZM12.3517%2035.9733L9.65475%2034.8945L12.3517%2033.8157L13.4305%2031.1188L14.5093%2033.8157L17.2062%2034.8945L14.5093%2035.9733L13.4305%2038.6703L12.3517%2035.9733Z%22%20fill=%22%23F4C775%22/%3E%0A%3Cpath%20d=%22M32.3464%2018.9545V20.4425H26.3944C25.2105%2020.4425%2024.075%2020.9128%2023.2379%2021.7499C22.4007%2022.5871%2021.9304%2023.7225%2021.9304%2024.9064V29.3704C21.9304%2031.3436%2022.7143%2033.236%2024.1095%2034.6313C25.5048%2036.0265%2027.3972%2036.8104%2029.3704%2036.8104H38.2983C40.2715%2036.8104%2042.1639%2036.0265%2043.5592%2034.6313C44.9544%2033.236%2045.7383%2031.3436%2045.7383%2029.3704V24.9064C45.7383%2023.7225%2045.268%2022.5871%2044.4308%2021.7499C43.5937%2020.9128%2042.4582%2020.4425%2041.2743%2020.4425H35.3223V18.9545H32.3464ZM24.9064%2024.9064C24.9064%2024.5118%2025.0632%2024.1333%2025.3422%2023.8543C25.6213%2023.5752%2025.9998%2023.4184%2026.3944%2023.4184H41.2743C41.6689%2023.4184%2042.0474%2023.5752%2042.3265%2023.8543C42.6055%2024.1333%2042.7623%2024.5118%2042.7623%2024.9064V29.3704C42.7623%2030.5543%2042.292%2031.6898%2041.4548%2032.5269C40.6177%2033.3641%2039.4822%2033.8344%2038.2983%2033.8344H29.3704C28.1865%2033.8344%2027.051%2033.3641%2026.2139%2032.5269C25.3767%2031.6898%2024.9064%2030.5543%2024.9064%2029.3704V24.9064ZM30.1144%2030.8584C30.7063%2030.8584%2031.274%2030.6232%2031.6926%2030.2047C32.1112%2029.7861%2032.3464%2029.2184%2032.3464%2028.6264C32.3464%2028.0345%2032.1112%2027.4667%2031.6926%2027.0482C31.274%2026.6296%2030.7063%2026.3944%2030.1144%2026.3944C29.5224%2026.3944%2028.9547%2026.6296%2028.5361%2027.0482C28.1175%2027.4667%2027.8824%2028.0345%2027.8824%2028.6264C27.8824%2029.2184%2028.1175%2029.7861%2028.5361%2030.2047C28.9547%2030.6232%2029.5224%2030.8584%2030.1144%2030.8584ZM37.5543%2030.8584C38.1463%2030.8584%2038.714%2030.6232%2039.1326%2030.2047C39.5512%2029.7861%2039.7863%2029.2184%2039.7863%2028.6264C39.7863%2028.0345%2039.5512%2027.4667%2039.1326%2027.0482C38.714%2026.6296%2038.1463%2026.3944%2037.5543%2026.3944C36.9624%2026.3944%2036.3947%2026.6296%2035.9761%2027.0482C35.5575%2027.4667%2035.3223%2028.0345%2035.3223%2028.6264C35.3223%2029.2184%2035.5575%2029.7861%2035.9761%2030.2047C36.3947%2030.6232%2036.9624%2030.8584%2037.5543%2030.8584ZM24.9064%2050.2023C24.9064%2047.8344%2025.847%2045.5636%2027.5213%2043.8893C29.1957%2042.215%2031.4665%2041.2743%2033.8344%2041.2743C36.2022%2041.2743%2038.473%2042.215%2040.1474%2043.8893C41.8217%2045.5636%2042.7623%2047.8344%2042.7623%2050.2023H45.7383C45.7383%2047.0452%2044.4841%2044.0174%2042.2517%2041.7849C40.0193%2039.5525%2036.9915%2038.2984%2033.8344%2038.2984C30.6772%2038.2984%2027.6494%2039.5525%2025.417%2041.7849C23.1846%2044.0174%2021.9304%2047.0452%2021.9304%2050.2023H24.9064Z%22%20fill=%22%23F4C775%22/%3E%0A%3Cg%20clip-path=%22url(%23clip0_18001_653)%22%3E%0A%3Cpath%20d=%22M5.56223%2017.0797C5.56223%2018.5424%206.62316%2019.7952%208.07693%2019.9708C9.42307%2020.1325%2010.7806%2020.2531%2012.1496%2020.3324C12.6897%2020.3622%2013.1733%2020.6761%2013.4144%2021.1597L14.9797%2024.289C15.0724%2024.4745%2015.2148%2024.6305%2015.3912%2024.7396C15.5676%2024.8487%2015.7708%2024.9064%2015.9782%2024.9064C16.1855%2024.9064%2016.3888%2024.8487%2016.5651%2024.7396C16.7415%2024.6305%2016.884%2024.4745%2016.9766%2024.289L18.542%2021.1597C18.783%2020.6761%2019.2666%2020.3637%2019.8068%2020.3324C21.1757%2020.2531%2022.5338%2020.1325%2023.8809%2019.9708C25.3332%2019.7952%2026.3941%2018.5424%2026.3941%2017.0797V10.412C26.3941%208.95077%2025.3332%207.69788%2023.8794%207.5223C18.6308%206.89149%2013.3255%206.89149%208.07693%207.5223C6.62168%207.69788%205.56223%208.95077%205.56223%2010.4135V17.0797Z%22%20fill=%22white%22/%3E%0A%3Crect%20x=%2219.6201%22%20y=%2211.4938%22%20width=%221.48799%22%20height=%228.92795%22%20transform=%22rotate(88.6056%2019.6201%2011.4938)%22%20fill=%22%23333683%22/%3E%0A%3Crect%20x=%2216.7947%22%20y=%2214.8905%22%20width=%221.48799%22%20height=%225.97655%22%20transform=%22rotate(88.6056%2016.7947%2014.8905)%22%20fill=%22%23333683%22/%3E%0A%3C/g%3E%0A%3Cdefs%3E%0A%3CclipPath%20id=%22clip0_18001_653%22%3E%0A%3Crect%20width=%2223.8079%22%20height=%2223.8079%22%20fill=%22white%22%20transform=%22translate(0%2010.678)%20rotate(-26.6481)%22/%3E%0A%3C/clipPath%3E%0A%3C/defs%3E%0A%3C/svg%3E") center / contain no-repeat;
}
.hdcw-head > div { margin-top: 23px; min-width: 0; padding-right: 12px; }
.hdcw-head b {
  font-family: var(--hdcw-font);
  font-size: 17px;
  line-height: 20px;
  font-weight: 700;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.hdcw-head small {
  display: block;
  margin: 3px 0 0 1px;          /* subtitle @80 vs title @79 */
  opacity: 1;
  font-family: 'Zalando Sans', var(--hdcw-font);
  font-size: 13px;
  font-weight: 400;
  line-height: 16px;
  white-space: nowrap;
}
/* Nav icons: right edge 18px in, gaps 17 and 19, flex:none. */
.hdcw-reset, .hdcw-exp, .hdcw-close {
  flex: none;
  align-self: flex-start;
  padding: 0;
  font-size: 0;
  background-repeat: no-repeat;
  background-position: center;
}
.hdcw-reset {
  width: 22px;
  height: 18px;
  margin: 23px 0 0 auto;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width=%2222%22%20height=%2218%22%20viewBox=%220%200%2022%2018%22%20fill=%22none%22%20xmlns=%22http://www.w3.org/2000/svg%22%3E%0A%3Cpath%20d=%22M13%201C17.4133%201%2021%204.58667%2021%209C21%2013.4133%2017.4133%2017%2013%2017C8.58667%2017%205%2013.4133%205%209V5.66667%22%20stroke=%22white%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22/%3E%0A%3Cpath%20d=%22M1%209L5%205L9%209%22%20stroke=%22white%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22/%3E%0A%3C/svg%3E");
  background-size: 22px 18px;
}
.hdcw-reset svg { display: none; }
.hdcw-panel:not(.hdcw-max) .hdcw-exp {
  width: 18px;
  height: 18px;
  margin: 23px 0 0 16px;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width=%2218%22%20height=%2218%22%20viewBox=%22-1%20-1%2018%2018%22%20fill=%22none%22%20xmlns=%22http://www.w3.org/2000/svg%22%3E%0A%3Cpath%20d=%22M1.2002%2012V14.7998H4V16H0V12H1.2002ZM16%2016H12V14.7998H14.7998V12H16V16ZM16%204H14.7998V1.2002H12V0H16V4ZM4%201.2002H1.2002V4H0V0H4V1.2002Z%22%20fill=%22white%22/%3E%0A%3C/svg%3E");
  background-size: 18px 18px;
}
.hdcw-panel:not(.hdcw-max) .hdcw-exp svg { display: none; }
.hdcw-max .hdcw-exp { margin: 24px 0 0 17px; font-size: 0; }
.hdcw-close {
  width: 17px;
  height: 17px;
  margin: 23px 0 0 17px;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width=%2217%22%20height=%2217%22%20viewBox=%22-1%20-1%2017%2017%22%20fill=%22none%22%20xmlns=%22http://www.w3.org/2000/svg%22%3E%0A%3Cpath%20d=%22M15%201.74427L13.2557%200L7.5%205.75573L1.74427%200L0%201.74427L5.75573%207.5L0%2013.2557L1.74427%2015L7.5%209.24427L13.2557%2015L15%2013.2557L9.24427%207.5L15%201.74427Z%22%20fill=%22white%22/%3E%0A%3C/svg%3E");
  background-size: 17px 17px;
}

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

/* Bubbles. Bot (1:14 / 37:322 / 16:205 / 4048:715): #EDEDED, 1px #C7C7C7
 * inside stroke, r10 with the BOTTOM-LEFT corner square, Archivo Regular
 * 15/18, 1% tracking, text 22px in. Fixed 334px (91%) wide on every artboard.
 * User (4048:708 / 19:649 / 37:388): #000000, white Regular 15, r10 with the
 * BOTTOM-RIGHT corner square. */
.hdcw-msg {
  max-width: 91%;
  padding: 15px 22px;
  font-size: 15px;
  line-height: 18px;
  letter-spacing: .01em;
}
.hdcw-bot {
  width: 91%;
  box-sizing: border-box;
  background: #EDEDED;
  border-color: #C7C7C7;
  border-radius: 10px 10px 10px 0;
  /* text box 14px under the outer edge, one-line bubble 49 tall (4048:652) */
  padding: 13px 22px 16px 21px;
}
.hdcw-bot b, .hdcw-bot strong { font-weight: 700; }
/* Links (16-browse-auto "2018 Peugeot 308"): #1C1E59 SemiBold, underlined. */
.hdcw-bot a.hdcw-link { font-weight: 600; color: #1C1E59; }
.hdcw-user { border-radius: 10px 10px 0 10px; font-weight: 400; padding: 16px 23px 14px 21px; }  /* text @21,16 in 189x48 */
.hdcw-typing {
  background: #EDEDED;
  border-color: #C7C7C7;
  border-radius: 10px 10px 10px 0;
  padding: 13px 22px 16px 21px;
}
/* "Searching our stock..." (19:537): Nunito Sans Italic 12, #6D6D6D, x20. */
.hdcw-status { font-family: 'Nunito Sans', var(--hdcw-font); font-size: 12px; line-height: 16px; }

/* ---------- Openers (lozenge 12:145): 361x72 white, r10, 1px #EEEEEE,
 * 0/4/4 25% shadow; glyph at the artwork's own offsets; title Archivo
 * SemiBold 17 black at x79 y19; sub-caption Regular 12 at x79 y41
 * (::after); #1C1E59 chevron 6x12 at x336.5..342.5, y29.5..41.5. Tops at
 * y203 / 286 / 370 on the artboard, "Something else" at 455. */
.hdcw-opener { gap: 12px; margin: 3px 5px 0 0; }  /* 361 wide: x16..377 */
.hdcw-opener button { position: relative; border-radius: 10px; }
.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;
  box-sizing: border-box;
  background: #fff 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=%22%231C1E59%22/%3E%0A%3C/svg%3E") no-repeat right 17px top 28px / 8px 14px;
  color: #000000;
  text-align: left;
  /* 1 + 17 + 21 title + 3 + 15 sub + 14 + 1 = 72. Archivo sits 2px lower
   * in its line box than the mcw file's Zalando Sans, hence 17 (not 19). */
  padding: 17px 34px 14px 78px;
  font-size: 17px;
  font-weight: 600;
  line-height: 21px;
  border: 1px solid #EEEEEE;
  box-shadow: 0 4px 4px rgba(0,0,0,.25);
}
.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: #F6F6F6; opacity: 1; }
/* Glyph boxes = the export + 1px bezel, placed from the padding box
 * (artwork offset - 1px border - 1px bezel). */
.hdcw-opener button.hdcw-op-used::before,
.hdcw-opener button.hdcw-op-new::before,
.hdcw-opener button.hdcw-op-quiz::before,
.hdcw-opener button.hdcw-op-alert::before,
.hdcw-opener button.hdcw-op-else::before {
  content: '';
  position: absolute;
  background: center / contain no-repeat;
}
/* car 24x15 ink at local 33,22 (18003:780); hand 20x26 at 33,18; envelope
 * 20x16 at 35,22 (18003:776) - all measured off 01-chat.png */
.hdcw-opener button.hdcw-op-used::before,
.hdcw-opener button.hdcw-op-new::before { left: 31px; top: 20px; width: 26px; height: 18px; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width=%2226%22%20height=%2218%22%20viewBox=%22-1%20-1%2026%2018%22%20fill=%22none%22%20xmlns=%22http://www.w3.org/2000/svg%22%3E%0A%3Cpath%20d=%22M20.5134%209.754C20.5118%209.9869%2020.4186%2010.2098%2020.2539%2010.3745C20.0892%2010.5392%2019.8663%2010.6324%2019.6334%2010.634H16.0854C15.8524%2010.6327%2015.6294%2010.5396%2015.4646%2010.3748C15.2999%2010.2101%2015.2067%209.98699%2015.2054%209.754C15.207%209.52109%2015.3002%209.29818%2015.4649%209.13348C15.6296%208.96879%2015.8525%208.87557%2016.0854%208.874H19.6334C19.866%208.8766%2020.0883%208.97015%2020.2528%209.13462C20.4173%209.29909%2020.5108%209.52142%2020.5134%209.754ZM8.13741%209.754C8.1361%209.98699%208.04297%2010.2101%207.87822%2010.3748C7.71347%2010.5396%207.4904%2010.6327%207.25741%2010.634H3.70941C3.47643%2010.6327%203.25336%2010.5396%203.08861%2010.3748C2.92386%2010.2101%202.83073%209.98699%202.82941%209.754C2.83099%209.52109%202.9242%209.29818%203.0889%209.13348C3.25359%208.96879%203.47651%208.87557%203.70941%208.874H7.25741C7.49014%208.87583%207.71281%208.96917%207.87729%209.13383C8.04176%209.2985%208.13484%209.52127%208.13641%209.754H8.13741ZM6.29741%201.587H17.7014L19.1004%205.149L19.0314%205.145H4.89741L6.29741%201.587ZM23.9774%204.293C23.9196%203.94565%2023.7263%203.63541%2023.4401%203.43033C23.1538%203.22525%2022.7979%203.14206%2022.4504%203.199L22.4584%203.198L20.2754%203.554C20.2437%203.56113%2020.2123%203.56981%2020.1814%203.58L20.1864%203.578L18.7804%200H5.21441L3.80841%203.578C3.77977%203.56903%203.75074%203.56136%203.72141%203.555L1.53641%203.198C1.19103%203.14324%200.837976%203.22671%200.553682%203.43034C0.269387%203.63397%200.0767286%203.94137%200.0174138%204.286L0.0164138%204.294C-0.0383472%204.63938%200.0451217%204.99244%200.248751%205.27673C0.45238%205.56103%200.759784%205.75368%201.10441%205.813L1.11241%205.814L2.38341%206.023C1.57647%206.7974%201.10905%207.85987%201.08341%208.978V15.069H5.48341V12.769H17.9124V15.069H22.3124V11.821C22.3304%2011.745%2022.3404%2011.658%2022.3404%2011.568V8.982C22.3165%207.90397%2021.8827%206.87555%2021.1274%206.106L21.1284%206.107L22.8944%205.817C23.2414%205.75868%2023.5511%205.56525%2023.7558%205.27905C23.9605%204.99285%2024.0434%204.63721%2023.9864%204.29L23.9874%204.298L23.9774%204.293Z%22%20fill=%22%231C1E59%22/%3E%0A%3C/svg%3E"); }
.hdcw-opener button.hdcw-op-quiz::before { left: 31px; top: 16px; 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%20fill-rule=%22evenodd%22%20clip-rule=%22evenodd%22%20d=%22M12.9008%2013.1289V7.96251C12.9008%206.08107%2011.3305%204.55002%209.40082%204.55002C7.47114%204.55002%205.90083%206.08107%205.90083%207.96251V15.2403C5.25295%2014.7104%204.44433%2014.4098%203.59502%2014.4098C2.58395%2014.4098%201.61327%2014.8275%200.934206%2015.5562C-0.378917%2016.9592%20-0.293417%2019.1239%201.10033%2020.4402C1.10208%2020.442%201.10277%2020.4439%201.10452%2020.4457L7.00001%2026H20V15.275L12.9008%2013.1289ZM17.3333%2023.4H8.00001C8.00001%2023.4%203.32889%2019.1071%202.87445%2018.7033C2.35739%2018.2441%202.32008%2017.463%202.79114%2016.9587C3.26233%2016.4545%204.06345%2016.4182%204.58058%2016.8775C4.92683%2017.185%207.20257%2019.0125%207.20257%2019.0125L8.2342%2018.4924V7.96245C8.2342%207.33419%208.75657%206.82499%209.40082%206.82499C10.0452%206.82499%2010.5675%207.33425%2010.5675%207.96251V15.1455L17.3333%2017.225V23.4ZM1.50896%209.97595C1.33583%209.33153%201.23421%208.65915%201.23421%207.96251C1.23421%203.57246%204.89758%200%209.40082%200C13.9041%200%2017.5675%203.57246%2017.5675%207.96251C17.5675%208.65915%2017.4659%209.33153%2017.2927%209.97595L14.7632%209.12221C14.8484%208.74769%2014.9008%208.36171%2014.9008%207.96251C14.9008%205.00558%2012.4336%202.60002%209.40082%202.60002C6.36808%202.60002%203.90083%205.00558%203.90083%207.96251C3.90083%208.36178%203.95327%208.74769%204.03845%209.12215L1.50896%209.97595Z%22%20fill=%22%231C1E59%22/%3E%0A%3Cpath%20fill-rule=%22evenodd%22%20clip-rule=%22evenodd%22%20d=%22M1.50894%209.97595C1.33582%209.33153%201.23419%208.65915%201.23419%207.96251C1.23419%203.57246%204.89756%200%209.40081%200C13.9041%200%2017.5675%203.57246%2017.5675%207.96251C17.5675%208.65915%2017.4659%209.33153%2017.2927%209.97595L14.7632%209.12221C14.8484%208.74769%2014.9008%208.36171%2014.9008%207.96251C14.9008%205.00558%2012.4336%202.60002%209.40081%202.60002C6.36806%202.60002%203.90081%205.00558%203.90081%207.96251C3.90081%208.36178%203.95325%208.74769%204.03844%209.12215L1.50894%209.97595Z%22%20fill=%22%231C1E59%22/%3E%0A%3C/svg%3E"); }
.hdcw-opener button.hdcw-op-alert::before { left: 33px; top: 20px; width: 22px; height: 18px; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width=%2222%22%20height=%2218%22%20viewBox=%22-1%20-1%2022%2018%22%20fill=%22none%22%20xmlns=%22http://www.w3.org/2000/svg%22%3E%0A%3Cpath%20d=%22M2%2016C1.45%2016%200.979333%2015.8043%200.588%2015.413C0.196667%2015.0217%200.000666667%2014.5507%200%2014V2C0%201.45%200.196%200.979333%200.588%200.588C0.98%200.196666%201.45067%200.000666667%202%200H18C18.55%200%2019.021%200.196%2019.413%200.588C19.805%200.98%2020.0007%201.45067%2020%202V14C20%2014.55%2019.8043%2015.021%2019.413%2015.413C19.0217%2015.805%2018.5507%2016.0007%2018%2016H2ZM10%209L18%204V2L10%207L2%202V4L10%209Z%22%20fill=%22%231C1E59%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: 3px;              /* caption ink at local y44 (01-chat) */
  text-align: left;
  font-size: 12px;
  font-weight: 400;
  line-height: 15px;
  letter-spacing: 0;
  color: #000000;
}
.hdcw-opener button.hdcw-op-used::after {
  /* The artwork reads "Over 30 vehicles in stock". A stock number in CSS goes stale, and a
   * live count would need a core change, so the caption keeps the artwork's
   * wording without the number (Emanuel's call). */
  content: 'Vehicles in stock now';
}
/* hdcw-op-new has no artboard (the file draws four openers), but ddcs sets
 * JEEP_ / FIAT_ / FIAT-PROFESSIONAL_BRAND_ENABLED so production renders it:
 * it reuses the car glyph and carries an invented caption - see
 * DESIGN-ddcs.md open questions. */
.hdcw-opener button.hdcw-op-new::after { content: 'Explore the new Jeep and Fiat ranges'; }
.hdcw-opener button.hdcw-op-quiz::after { content: 'Get matched to car to suit your needs'; }
.hdcw-opener button.hdcw-op-alert::after { content: 'Receive a daily stock alert'; }

/* "Something else" (2023:430): a real lozenge - 361x54 with the same stroke
 * and shadow. The #2E3094 roundel and white glyph under it are an MD Cars
 * leftover the 13x21 "?" covers; not built. Title @80,14; "?" @41,14;
 * chevron x337.5 y20.5. */
.hdcw-opener .hdcw-else.hdcw-op-else {
  min-height: 54px;
  box-sizing: border-box;
  text-align: left;
  padding: 12px 34px 19px 78px;  /* title ink at local y16.5 */
  font-size: 17px;
  font-weight: 600;
  line-height: 21px;
  color: #000000;
  background: #fff 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=%22%231C1E59%22/%3E%0A%3C/svg%3E") no-repeat right 16px top 19px / 8px 14px;
  border: 1px solid #EEEEEE;
  box-shadow: 0 4px 4px rgba(0,0,0,.25);
}
.hdcw-opener button.hdcw-op-else::before { left: 39px; top: 12px; width: 15px; height: 23px; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width=%2215%22%20height=%2223%22%20viewBox=%22-1%20-1%2015%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=%22M0.814028%206.0515C0.327754%206.0515%20-0.0660596%205.63675%200.00927867%205.14675C0.480143%202.17%202.6992%200%206.55001%200C10.4025%200%2013%202.38%2013%205.62625C13%207.97825%2011.8614%209.63025%209.9351%2010.829C8.05164%2011.9822%207.514%2012.7855%207.514%2014.3465V14.399C7.514%2014.6311%207.4238%2014.8536%207.26325%2015.0177C7.1027%2015.1818%206.88494%2015.274%206.65788%2015.274H5.33946C5.11388%2015.274%204.89741%2015.183%204.7371%2015.0208C4.5768%2014.8586%204.4856%2014.6383%204.48335%2014.4077L4.47821%2014.0577C4.40458%2011.921%205.29495%2010.556%207.29484%209.31175C9.05844%208.20575%209.68683%207.3255%209.68683%205.76275C9.68683%204.0495%208.38895%202.79125%206.38906%202.79125C4.66142%202.79125%203.46114%203.717%203.07075%205.24475C2.95775%205.68925%202.59475%206.0515%202.14615%206.0515H0.814028ZM5.98669%2021C7.0517%2021%207.86158%2020.1705%207.86158%2019.0925C7.86158%2018.011%207.0517%2017.1815%205.98669%2017.1815C4.94907%2017.1815%204.12549%2018.011%204.12549%2019.0908C4.12549%2020.1705%204.94907%2021%205.98669%2021Z%22%20fill=%22%231C1E59%22/%3E%0A%3C/svg%3E"); }

/* Context CTA ("Tell me about this car" 19:683, and the "Browse Cars" bar
 * 4028:1288 of the same family): r10, the navy gradient, white Zalando Sans
 * SemiBold 16. The dump paints 19:680 Kylemore red; the PNG renders navy. */
.hdcw-opener button.hdcw-op-ctx {
  min-height: 50px;
  margin: 0 4px 0 8px;          /* 349 wide at x24 (16-browse-auto) */
  border-radius: 10px;
  padding: 15px 0;
  background: linear-gradient(102.9deg, #1C1E59 -6.1%, #3E4197 62.2%, #1C1E59 118.5%);
  color: #fff;
  font-family: 'Zalando Sans', var(--hdcw-font);
  font-size: 16px;
  font-weight: 600;
  line-height: 20px;
}
.hdcw-opener button.hdcw-op-ctx:hover { opacity: .9; }

/* ---------- Chips (item 16:212): 31px white, r10, NO border, 0/4/4 25%
 * shadow, Archivo Regular 13/13 black, centred, 5px gaps both ways.
 * Rows start 2px in from the bubble edge (x18). Selected = 1px #000000
 * border ("Adventurous", 02-help1 / "Automatic (155)", 16-browse-auto). */
.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 12px;
  font-size: 13px;
  line-height: 13px;
  letter-spacing: 0;
  box-shadow: 0 4px 4px rgba(0,0,0,.25);
}
.hdcw-chip:hover { background: #F6F6F6; border-color: transparent; color: #000000; }
.hdcw-chip--sel { border-color: #000000; 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. The DDCS site's
 * Bootstrap reboot adds `button:focus { outline: 5px auto }`, so a tapped chip
 * also wore the browser's blue focus ring and read as a thick border. 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): Zalando Sans Bold 11 #6D6D6D, tracking
 * 0, x24; 13px under a bubble, 18px under a chip row, 9px above its chips. */
.hdcw-ghead {
  font-family: 'Zalando Sans', var(--hdcw-font);
  letter-spacing: 0;
  font-size: 11px;
  line-height: 13px;
  margin: 3px 6px -1px 8px;
}
.hdcw-chips + .hdcw-ghead { margin-top: 8px; }

/* ---------- Car cards ("csr search" 19:566): 176 wide, 14px apart, white,
 * 1px #E4E6EA, r10. Photo 176x113 square-topped. Body text 12px in:
 * title Regular 12/14 (two lines), price Bold 15/19 2px under it, monthly Medium 12/16,
 * meta Regular 11/17. Flush split action bar: Details (77, white, #E4E6EA
 * outline) | I'm Interested (99, #1C1E59, white), both Lato 13/13 ls -1%. */
.hdcw-cars { gap: 14px; }
.hdcw-ncgrid { gap: 14px; }
.hdcw-car { border-radius: 0 0 10px 10px; border-color: #E4E6EA; }
.hdcw-car img.hdcw-carimg, .hdcw-car .hdcw-noimg { height: 113px; }
.hdcw-car .hdcw-carbody { padding: 8px 11px 10px; }  /* card 244 tall, action bar 214px under the photo top */
.hdcw-car h4.hdcw-cartitle {
  /* name the family: the site's h1-h6 rule would win otherwise */
  margin: 0;
  font-family: var(--hdcw-font);
  font-size: 12px;
  font-weight: 400;
  line-height: 14px;            /* 08-help6: the two title lines sit 14px apart (mcw: 16) */
  max-height: 28px;
}
.hdcw-car .hdcw-price { color: #000000; font-size: 15px; font-weight: 700; line-height: 19px; margin-top: 2px; }
.hdcw-car .hdcw-mo { color: #000000; font-size: 12px; font-weight: 500; line-height: 16px; }
.hdcw-car .hdcw-meta { color: #000000; font-size: 11px; line-height: 17px; margin-top: 0; }
.hdcw-ncgrid .hdcw-carbody { padding: 8px 11px 14px; }
.hdcw-ncgrid h4.hdcw-cartitle { max-height: none; }
.hdcw-car .hdcw-actions { margin: auto 0 0; gap: 0; }
.hdcw-car .hdcw-pick {
  flex: 77 0 0;
  border: 0;
  border-top: 1px solid #E4E6EA;
  border-radius: 0 0 0 9px;
  min-height: 29px;             /* 08-help6: 29px from the bar's top rule to the card foot */
  padding: 7px 0;
  font-family: 'Lato', var(--hdcw-font);
  font-size: 13px;
  font-weight: 400;
  line-height: 13px;
  letter-spacing: -.01em;
  background: #fff;
  color: #000000;
}
.hdcw-car .hdcw-pick:hover { background: #F6F6F6; color: #000000; }
.hdcw-car .hdcw-pick--primary {
  flex: 99 0 0;
  border-top-color: #1C1E59;
  border-radius: 0 0 9px 0;
  background: #1C1E59;           /* 2023:436, PNG 28,30,89 */
  color: #fff;
}
.hdcw-car .hdcw-pick--primary:only-child { border-radius: 0 0 9px 9px; }
.hdcw-car .hdcw-pick--primary:hover { background: #1C1E59; opacity: .85; color: #fff; }

/* ---------- Footer (24:712): #E4E6EA band 400x129. Input 299x51, r10, 1px
 * #000000, placeholder Archivo Regular 15 ls 1% black, 26px in. Send: the
 * navy-gradient 52px circle. Disclosure: Lato Regular 12/15 ls 1%, black,
 * centred in a 270px box, 17px above the panel foot. */
.hdcw-input {
  background: #E4E6EA;
  border-top: 0;
  padding: 20px 21px 10px;
  gap: 7px;
}
.hdcw-input input {
  box-sizing: border-box;
  height: 51px;
  border-radius: 10px;
  padding: 0 20px 4px 25.5px;    /* placeholder @26,16 in the 299x51 box (12002:602) */
  font-size: 15px;
  line-height: 45px;
  letter-spacing: .01em;
}
/* font: inherit - DDCS style.css has a bare ::-webkit-input-placeholder
 * { font-size: 1rem; color: #525252 } (line 5579) that reaches the 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=%22url(%23paint0_linear_2003_411)%22/%3E%0A%3Cpath%20d=%22M33.9976%2018.5485L16.3743%2020.5289C16.1336%2020.5541%2015.9056%2020.6492%2015.7183%2020.8024C15.531%2020.9557%2015.3926%2021.1604%2015.3203%2021.3914C15.1677%2021.8675%2015.3071%2022.3692%2015.6784%2022.704L20.7116%2027.2L26.225%2023.7952L27.0105%2025.0672L21.5014%2028.4694L23.2647%2034.9788C23.3978%2035.4608%2023.7839%2035.81%2024.278%2035.8869C24.5168%2035.9253%2024.7616%2035.8936%2024.9827%2035.7956C25.2039%2035.6976%2025.3918%2035.5376%2025.5238%2035.3349L35.1877%2020.4756C35.4517%2020.0657%2035.4571%2019.5511%2035.2023%2019.1385C34.9448%2018.7216%2034.4849%2018.5002%2034.0002%2018.5527L33.9976%2018.5485Z%22%20fill=%22white%22/%3E%0A%3Cdefs%3E%0A%3ClinearGradient%20id=%22paint0_linear_2003_411%22%20x1=%2257.3182%22%20y1=%22112.5%22%20x2=%22-7.67938%22%20y2=%22109.29%22%20gradientUnits=%22userSpaceOnUse%22%3E%0A%3Cstop%20stop-color=%22%231C1E59%22/%3E%0A%3Cstop%20offset=%220.45145%22%20stop-color=%22%233E4197%22/%3E%0A%3Cstop%20offset=%221%22%20stop-color=%22%231C1E59%22/%3E%0A%3C/linearGradient%3E%0A%3C/defs%3E%0A%3C/svg%3E") center / 52px 52px no-repeat;
}
.hdcw-send svg { display: none; }
.hdcw-send:disabled { opacity: .4; }
.hdcw-powered {
  background: #E4E6EA;
  font-family: 'Lato', var(--hdcw-font);
  font-size: 12px;
  line-height: 15px;
  letter-spacing: .01em;
  padding: 0 60px 17px;
}
.hdcw-powered a.hdcw-tc { color: #000000; }
.hdcw-powered > div { display: inline; }
.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; }
}
