/* ISRAFIL GRAPHICS — Professional avatar contact launcher */
:root{
  --ig-site-content-width: 1200px;
  --ig-chat-edge-gap: 10px;
  --ig-chat-bottom-gap: 74px;
  --ig-chat-blue:#0866ff;
  --ig-chat-green:#10b981;
}

.ig-messenger-launcher{
  position:fixed;
  right:max(var(--ig-chat-edge-gap),calc((100vw - var(--ig-site-content-width)) / 2 + var(--ig-chat-edge-gap)));
  bottom:var(--ig-chat-bottom-gap);
  width:74px;
  height:74px;
  z-index:99989;
  border:0;
  border-radius:50%;
  padding:0;
  background:transparent;
  cursor:pointer;
  display:grid;
  place-items:center;
  isolation:isolate;
  box-shadow:none;
  transition:transform .22s ease;
}
.ig-messenger-launcher:hover{transform:translateY(-4px) scale(1.03)}
.ig-messenger-launcher:focus-visible{outline:2px solid #9cc0ff;outline-offset:4px}
.ig-messenger-launcher::before,
.ig-messenger-launcher::after{
  content:"";
  position:absolute;
  inset:3px;
  border-radius:50%;
  pointer-events:none;
  z-index:0;
}
.ig-messenger-launcher::before{
  background:radial-gradient(circle, rgba(8,102,255,.28) 0%, rgba(8,102,255,.12) 48%, rgba(8,102,255,0) 72%);
  animation:igAvatarHalo 2.2s ease-in-out infinite;
}
.ig-messenger-launcher::after{
  border:2px solid rgba(8,102,255,.26);
  animation:igAvatarRipple 2.8s ease-out infinite;
}
.ig-avatar-shell{
  position:relative;
  width:64px;
  height:64px;
  border-radius:50%;
  overflow:hidden;
  z-index:2;
  box-shadow:0 12px 28px rgba(10,34,73,.28), 0 0 0 4px rgba(255,255,255,.95);
  background:#fff;
}
.ig-avatar-shell img{
  width:100%;height:100%;object-fit:cover;display:block;
}
.ig-avatar-shell::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg, rgba(255,255,255,.06), rgba(0,0,0,.08));
  pointer-events:none;
}
.ig-online-dot{
  position:absolute;
  right:4px;
  bottom:4px;
  width:14px;
  height:14px;
  border-radius:50%;
  background:#22c55e;
  box-shadow:0 0 0 3px #fff;
  z-index:3;
}
.ig-online-dot::after{
  content:"";
  position:absolute;
  inset:0;
  border-radius:50%;
  background:rgba(34,197,94,.45);
  animation:igOnlinePulse 1.8s ease-out infinite;
}
.ig-chat-badge{
  position:absolute;
  left:-108px;
  top:50%;
  transform:translateY(-50%);
  background:rgba(5,29,64,.92);
  color:#fff;
  font:600 12px/1.1 inherit;
  padding:9px 12px;
  border-radius:999px;
  white-space:nowrap;
  box-shadow:0 12px 28px rgba(5,29,64,.2);
  opacity:0;
  transition:opacity .2s ease, transform .2s ease;
  pointer-events:none;
}
.ig-messenger-launcher:hover .ig-chat-badge,
.ig-messenger-launcher[aria-expanded="true"] .ig-chat-badge{opacity:1;transform:translateY(-50%) translateX(-3px)}

.ig-messenger-panel{
  position:fixed;
  right:max(var(--ig-chat-edge-gap),calc((100vw - var(--ig-site-content-width)) / 2 + var(--ig-chat-edge-gap)));
  bottom:162px;
  width:min(288px, calc(100vw - 24px));
  z-index:99990;
  background:rgba(255,255,255,.97);
  border:1px solid rgba(205,220,240,.95);
  border-radius:22px;
  box-shadow:0 22px 60px rgba(7,24,55,.22);
  overflow:hidden;
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transform:translateY(14px) scale(.94);
  transform-origin:bottom right;
  transition:opacity .22s ease, transform .22s ease, visibility .22s ease;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}
.ig-messenger-panel.is-open{
  opacity:1;
  visibility:visible;
  pointer-events:auto;
  transform:translateY(0) scale(1);
}
.ig-contact-card{padding:16px}
.ig-contact-head{display:flex;align-items:center;gap:12px;margin-bottom:14px}
.ig-contact-head-avatar{width:52px;height:52px;border-radius:50%;overflow:hidden;box-shadow:0 8px 20px rgba(10,34,73,.18);flex:0 0 52px}
.ig-contact-head-avatar img{width:100%;height:100%;object-fit:cover;display:block}
.ig-contact-head-text strong{display:block;font-size:16px;color:#0b2d55;line-height:1.15}
.ig-contact-head-text small{display:block;font-size:12px;color:#5a7089;margin-top:2px}
.ig-messenger-close{
  margin-left:auto;
  width:34px;height:34px;border-radius:10px;border:0;
  background:#eef4fb;color:#27496f;font-size:22px;line-height:1;cursor:pointer;
}
.ig-contact-intro{font-size:13px;line-height:1.55;color:#4c6176;margin:0 0 12px}
.ig-contact-actions{display:grid;gap:10px}
.ig-contact-action{
  display:flex;align-items:center;gap:11px;text-decoration:none;
  border-radius:16px;padding:13px 14px;font-weight:700;font-size:14px;
  transition:transform .18s ease, box-shadow .18s ease, background .18s ease;
  transform:translateY(10px);opacity:0;
}
.ig-messenger-panel.is-open .ig-contact-action{transform:translateY(0);opacity:1}
.ig-messenger-panel.is-open .ig-contact-action:nth-child(1){transition-delay:.05s}
.ig-messenger-panel.is-open .ig-contact-action:nth-child(2){transition-delay:.1s}
.ig-contact-action:hover{transform:translateY(-2px)}
.ig-contact-action svg{width:22px;height:22px;flex:0 0 22px}
.ig-action-messenger{background:linear-gradient(135deg,#0b75ff,#0a61e8);color:#fff;box-shadow:0 12px 28px rgba(11,117,255,.22)}
.ig-action-whatsapp{background:linear-gradient(135deg,#11b76b,#0d9f5c);color:#fff;box-shadow:0 12px 28px rgba(17,183,107,.22)}
.ig-contact-caption{display:flex;flex-direction:column;gap:2px}
.ig-contact-caption span{font-size:11px;font-weight:500;opacity:.9}
.ig-contact-foot{padding-top:12px;font-size:11px;color:#7a8da2;text-align:center}

@keyframes igAvatarRipple{
  0%{transform:scale(1);opacity:.8}
  75%{transform:scale(1.7);opacity:0}
  100%{transform:scale(1.7);opacity:0}
}
@keyframes igAvatarHalo{
  0%,100%{transform:scale(1);opacity:.95}
  50%{transform:scale(1.12);opacity:.65}
}
@keyframes igOnlinePulse{
  0%{transform:scale(1);opacity:.8}
  100%{transform:scale(2.4);opacity:0}
}

@media (max-width:900px){
  :root{--ig-chat-edge-gap: 12px; --ig-chat-bottom-gap: 82px;}
  .ig-chat-badge{display:none}
}
@media (max-width:600px){
  :root{--ig-chat-bottom-gap: 88px;}
  .ig-messenger-launcher{right:12px;width:68px;height:68px}
  .ig-avatar-shell{width:58px;height:58px}
  .ig-messenger-panel{right:10px;bottom:156px;width:min(290px,calc(100vw - 20px))}
  .ig-contact-card{padding:14px}
}
@media (prefers-reduced-motion:reduce){
  .ig-messenger-launcher,.ig-messenger-launcher::before,.ig-messenger-launcher::after,.ig-online-dot::after,.ig-contact-action,.ig-messenger-panel{animation:none !important;transition:none !important}
}