/* Matches the compact, scrollable conversation rules of the desktop Deal Locator. */
body .chaim-chat-box{
  height:416px;
  min-height:416px;
  max-height:416px;
  display:flex;
  flex-direction:column;
  overflow:hidden;
}

/* Use the larger original JPG rather than the compressed 959px WebP in the home hero. */
html[data-site-palette] .hero{
  background-image:linear-gradient(270deg,rgba(7,93,107,.77),rgba(7,93,107,.45) 45%,rgba(7,93,107,.08) 77%),url("../images/hero-rv-driving-away-clean.jpg");
}
body .chaim-chat-box header,
body .chaim-chat-form{flex:0 0 auto}
body .chaim-chat-messages{
  display:flex;
  flex:1 1 auto;
  min-height:0;
  max-height:none;
  overflow-y:auto;
  overscroll-behavior:contain;
  flex-direction:column;
  align-items:flex-start;
  gap:11px;
  padding:18px 22px;
}
body .chaim-message{margin:0;line-height:1.55}
body .chaim-message.user{align-self:flex-end;margin:0}
body .chaim-thinking{
  align-self:flex-end;
  display:inline-flex;
  align-items:center;
  gap:7px;
  padding:0 6px;
  margin:0;
  color:#58716a;
  font:700 13px Heebo,Arial,sans-serif;
}
body .chaim-thinking-dots{display:inline-flex;gap:4px;direction:ltr}
body .chaim-thinking-dot{
  width:5px;
  height:5px;
  border-radius:50%;
  background:#00a68e;
  animation:chaim-think 1s ease-in-out infinite;
}
body .chaim-thinking-dot:nth-child(2){animation-delay:.15s}
body .chaim-thinking-dot:nth-child(3){animation-delay:.3s}
body .chaim-deal-found{margin:0}
@keyframes chaim-think{
  0%,60%,100%{transform:translateY(0);opacity:.3}
  30%{transform:translateY(-4px);opacity:1}
}
@media(max-width:760px){
  body .chaim-chat-box{height:390px;min-height:390px;max-height:390px}
  body .chaim-chat-messages{padding:16px;gap:11px}
}
@media(prefers-reduced-motion:reduce){body .chaim-thinking-dot{animation:none}}