.raffs-contact{
  position:fixed; right:16px; bottom:16px; z-index:9999;
  font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial;
}

.raffs-fab{
  display:flex; align-items:center; gap:10px;
  padding:12px 14px; border:0; border-radius:999px;
  cursor:pointer; background:rgba(17,17,17,.92); color:#fff;
  box-shadow:0 10px 26px rgba(0,0,0,.22);
  backdrop-filter:saturate(180%) blur(10px);
}
.raffs-fab-text{font-size:14px; font-weight:650; letter-spacing:.2px;}
.raffs-fab-dot{
  width:10px; height:10px; border-radius:99px; background:#2bd46a;
  box-shadow:0 0 0 4px rgba(43,212,106,.18);
}

.raffs-panel{
  position:absolute; right:0; bottom:56px;
  width:320px; max-width:calc(100vw - 32px);
  background:#fff; border-radius:18px;
  box-shadow:0 18px 55px rgba(0,0,0,.25);
  overflow:hidden;
  transform:translateY(10px); opacity:0; pointer-events:none;
  transition:.18s ease;
}
.raffs-panel.open{transform:translateY(0); opacity:1; pointer-events:auto;}

.raffs-head{
  display:flex; justify-content:space-between; align-items:flex-start; gap:12px;
  padding:14px 14px 12px;
  background:linear-gradient(180deg,#f6f6f6,#ffffff);
}
.raffs-head-title strong{display:block; font-size:15px;}
.raffs-head-title small{display:block; opacity:.7; margin-top:2px; font-size:12px;}

.raffs-x{
  border:0; background:transparent; cursor:pointer;
  font-size:16px; opacity:.65; padding:6px 8px; border-radius:10px;
}
.raffs-x:hover{background:rgba(0,0,0,.05); opacity:.85;}

.raffs-body{padding:14px;}
.raffs-copy{margin:0 0 12px; font-size:13.5px; line-height:1.35; opacity:.85;}

.raffs-btn{
  display:block; text-decoration:none; text-align:center;
  padding:12px 12px; border-radius:14px;
  font-weight:700; font-size:14px;
  border:1px solid rgba(0,0,0,.08);
}
.raffs-wa{background:#111; color:#fff;}
.raffs-wa:hover{filter:brightness(1.08);}

.raffs-links{
  margin-top:10px; display:flex; justify-content:center; gap:10px; align-items:center;
  font-size:13px; opacity:.8;
}
.raffs-link{color:#111; text-decoration:none; font-weight:650;}
.raffs-link:hover{text-decoration:underline;}
.raffs-sep{opacity:.5;}

@media (max-width:420px){
  .raffs-fab{padding:11px 12px;}
  .raffs-fab-text{display:none;}
}

@media (prefers-reduced-motion: reduce){
  .raffs-panel{transition:none;}
}