/* Recipe Clothing storefront WhatsApp shortcut. */
.recipe-whatsapp-float{
  position:fixed;
  z-index:92;
  right:22px;
  bottom:22px;
  width:58px;
  height:58px;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:#25d366;
  color:#fff !important;
  text-decoration:none !important;
  box-shadow:0 8px 28px rgba(0,0,0,.22);
  transition:transform .18s ease,box-shadow .18s ease,filter .18s ease;
  -webkit-tap-highlight-color:transparent;
}
.recipe-whatsapp-float svg{
  width:31px;
  height:31px;
  display:block;
  fill:currentColor;
}
.recipe-whatsapp-float:hover{
  transform:translateY(-2px) scale(1.03);
  box-shadow:0 11px 32px rgba(0,0,0,.26);
  filter:saturate(1.05);
}
.recipe-whatsapp-float:focus-visible{
  outline:3px solid #111;
  outline-offset:3px;
}
.recipe-whatsapp-float.is-chat-offset{
  bottom:92px;
}
@media(max-width:760px){
  .recipe-whatsapp-float{
    right:14px;
    bottom:calc(18px + env(safe-area-inset-bottom));
    width:54px;
    height:54px;
    box-shadow:0 7px 24px rgba(0,0,0,.22);
  }
  .recipe-whatsapp-float svg{
    width:29px;
    height:29px;
  }
  .recipe-whatsapp-float.is-chat-offset{
    bottom:calc(88px + env(safe-area-inset-bottom));
  }
}
@media(prefers-reduced-motion:reduce){
  .recipe-whatsapp-float{transition:none}
}