/* MythicMall Discord contact shortcut (all public pages). */
.mm-discord-contact{
  position:fixed;
  right:clamp(14px,2vw,28px);
  bottom:calc(22px + env(safe-area-inset-bottom, 0px));
  z-index:65;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  min-height:54px;
  padding:10px 17px 10px 11px;
  background:#5865f2;
  background:linear-gradient(135deg,#6976ff 0%,#5865f2 60%,#4752c4 100%);
  color:#fff!important;
  border:1px solid rgba(255,255,255,.3);
  border-radius:999px;
  box-shadow:0 9px 30px rgba(42,49,135,.32),0 3px 9px rgba(0,0,0,.1);
  text-decoration:none!important;
  font:750 13px/1.2 "DM Sans",system-ui,sans-serif;
  letter-spacing:.1px;
  white-space:nowrap;
  transition:transform .18s ease,box-shadow .18s ease,background .18s ease;
}
.mm-discord-contact:hover{
  transform:translateY(-3px);
  background:linear-gradient(135deg,#737fff,#5865f2 66%,#414bb8);
  color:#fff!important;
  box-shadow:0 14px 32px rgba(42,49,135,.4);
}
.mm-discord-contact:focus-visible{outline:3px solid #8fb7ff;outline-offset:4px}
.mm-discord-contact-icon{
  display:grid;
  place-items:center;
  width:33px;height:33px;
  border-radius:50%;
  background:rgba(255,255,255,.14);
  flex-shrink:0;
}
.mm-discord-contact-icon svg{display:block;width:23px;height:23px}
.mm-discord-contact-label{color:#fff}
.mm-discord-contact-arrow{opacity:.9;font-size:19px;line-height:1;font-weight:500}
@media (max-width:760px){
  .mm-discord-contact{right:12px;bottom:calc(13px + env(safe-area-inset-bottom,0px));min-height:48px;padding:8px 12px 8px 8px;gap:8px;font-size:12px}
  .mm-discord-contact-icon{width:31px;height:31px}
  body.single-product .mm-discord-contact{bottom:calc(94px + env(safe-area-inset-bottom,0px))}
}
@media (max-width:370px){
  .mm-discord-contact{padding:7px 10px 7px 7px}
  .mm-discord-contact-arrow{display:none}
}
@media (prefers-reduced-motion:reduce){
  .mm-discord-contact{transition:none}
}