/* Chaty-style floating contact widget (matches onspotcarservices.com) */
.chaty-widget{
  position:fixed;
  right:1px;
  bottom:25px;
  z-index:99999;
  display:flex;
  flex-direction:column;
  align-items:flex-end;
  gap:12px;
  pointer-events:none;
}
.chaty-widget>*{pointer-events:auto}
html[dir=rtl] .chaty-widget{right:auto;left:1px;align-items:flex-start}
.chaty-channels{
  display:flex;
  flex-direction:column;
  gap:12px;
  align-items:flex-end;
  max-height:0;
  opacity:0;
  overflow:hidden;
  transform:translateY(10px);
  transition:max-height .35s ease,opacity .3s ease,transform .3s ease;
}
html[dir=rtl] .chaty-channels{align-items:flex-start}
.chaty-channels--open{
  max-height:200px;
  opacity:1;
  transform:translateY(0);
}
.chaty-channel{
  width:54px;
  height:54px;
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  box-shadow:0 3px 12px rgba(0,0,0,.22);
  transition:transform .2s ease;
  flex-shrink:0;
}
.chaty-channel:hover{transform:scale(1.08)}
.chaty-channel svg{display:block;width:39px;height:39px}
.chaty-trigger{
  width:54px;
  height:54px;
  border-radius:50%;
  background:rgb(222,26,32);
  border:none;
  cursor:pointer;
  box-shadow:0 4px 16px rgba(222,26,32,.45);
  color:#fff;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:0;
  transition:transform .2s ease,background .2s ease;
}
.chaty-trigger:hover{transform:scale(1.05);background:rgb(200,20,26)}
.chaty-trigger svg{width:26px;height:26px;display:block}
.chaty-trigger .chaty-icon-close{display:none}
.chaty-widget--closed .chaty-trigger .chaty-icon-chat{display:none}
.chaty-widget--closed .chaty-trigger .chaty-icon-close{display:block}
@media(max-width:600px){
  .chaty-widget{bottom:18px}
  .chaty-trigger,.chaty-channel{width:50px;height:50px}
  .chaty-channel svg{width:36px;height:36px}
}