/* Oz Fulya v15 - premium floating contact widgets */
.floating-contact-layer{
  position:fixed;
  inset:0;
  z-index:9995;
  pointer-events:none;
}
.floating-contact{
  position:absolute;
  bottom:max(22px, env(safe-area-inset-bottom));
  pointer-events:auto;
  display:flex;
  align-items:center;
  gap:14px;
  min-height:72px;
  padding:10px 18px 10px 10px;
  border-radius:999px;
  background:linear-gradient(135deg,#ffffff 0%,#f7fbff 100%);
  border:1px solid rgba(204,216,229,.95);
  box-shadow:0 18px 44px rgba(15,23,42,.18),0 6px 18px rgba(15,23,42,.08);
  color:#122033;
  isolation:isolate;
  transition:transform .22s ease, box-shadow .22s ease, filter .22s ease;
  -webkit-tap-highlight-color:transparent;
}
.floating-contact:hover{transform:translateY(-3px);box-shadow:0 24px 54px rgba(15,23,42,.22),0 8px 22px rgba(15,23,42,.10);filter:saturate(1.03)}
.floating-contact:active{transform:translateY(-1px) scale(.985)}
.floating-contact:focus-visible{outline:3px solid #f4b72a;outline-offset:4px}
.floating-contact::after{
  content:"";
  position:absolute;
  inset:0;
  border-radius:inherit;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.95);
  pointer-events:none;
}
.floating-contact--phone{left:max(20px,env(safe-area-inset-left))}
.floating-contact--whatsapp{right:max(20px,env(safe-area-inset-right))}
.floating-contact__icon{
  width:52px;
  height:52px;
  flex:0 0 52px;
  display:grid;
  place-items:center;
  border-radius:50%;
  color:#fff;
  position:relative;
  overflow:hidden;
  box-shadow:0 12px 24px rgba(15,23,42,.18), inset 0 1px 0 rgba(255,255,255,.25);
}
.floating-contact--phone .floating-contact__icon{background:linear-gradient(135deg,#3556ff 0%,#1e34ba 100%)}
.floating-contact--whatsapp .floating-contact__icon{background:linear-gradient(135deg,#2ee56f 0%,#16b956 100%)}
.floating-contact__icon::before{
  content:"";
  position:absolute;
  inset:1px;
  border-radius:inherit;
  background:linear-gradient(180deg,rgba(255,255,255,.18),rgba(255,255,255,0));
}
.floating-contact__icon svg{position:relative;z-index:1;width:26px;height:26px;display:block;fill:currentColor}
.floating-contact__copy{display:flex;flex-direction:column;gap:4px;min-width:0}
.floating-contact__copy strong{font:800 15px/1 Archivo,Arial,sans-serif;letter-spacing:-.02em;color:#111827}
.floating-contact__copy small{font:600 12px/1.2 "Source Sans 3",Arial,sans-serif;color:#5f6b7a;white-space:nowrap}
.floating-contact__badge{
  display:inline-flex;
  align-items:center;
  gap:6px;
  padding:4px 8px;
  border-radius:999px;
  background:#eafaf0;
  color:#118144;
  font:800 10px/1 Archivo,Arial,sans-serif;
  letter-spacing:.03em;
  text-transform:uppercase;
}
.floating-contact__badge::before{content:"";width:7px;height:7px;border-radius:50%;background:#25d366;box-shadow:0 0 0 5px rgba(37,211,102,.14)}
.floating-contact__pulse{
  position:absolute;
  inset:-8px;
  border-radius:50%;
  border:1px solid rgba(37,211,102,.22);
  animation:floatingWhatsAppPulse 2.2s ease-out infinite;
}
@keyframes floatingWhatsAppPulse{
  0%{transform:scale(.9);opacity:.72}
  70%{transform:scale(1.22);opacity:0}
  100%{transform:scale(1.22);opacity:0}
}

@media (max-width:700px){
  .floating-contact{
    width:60px;
    min-width:60px;
    height:60px;
    min-height:60px;
    padding:4px;
    border-radius:50%;
    gap:0;
    background:#fff;
  }
  .floating-contact--phone{left:max(12px, calc(env(safe-area-inset-left) + 4px))}
  .floating-contact--whatsapp{right:max(12px, calc(env(safe-area-inset-right) + 4px))}
  .floating-contact__icon{width:52px;height:52px;flex-basis:52px}
  .floating-contact__copy,
  .floating-contact__badge{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
}
@media (max-width:360px){
  .floating-contact{width:56px;min-width:56px;height:56px;min-height:56px}
  .floating-contact__icon{width:48px;height:48px;flex-basis:48px}
  .floating-contact__icon svg{width:24px;height:24px}
}
@media (prefers-reduced-motion:reduce){
  .floating-contact,.floating-contact__pulse{animation:none;transition:none}
}