.pd-support-social {
  --social-pulse: 37, 211, 102;
  position: relative;
  display: inline-grid;
  place-items: center;
  width: 44px;
  height: 44px;
  flex-shrink: 0;
  border: 0;
  border-radius: 50%;
  color: #fff;
  text-decoration: none;
  isolation: isolate;
  transition: transform .18s ease;
}
.pd-support-social::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  background: rgba(var(--social-pulse), .7);
  z-index: -1;
  pointer-events: none;
  animation: product-social-pulse 2s infinite;
}
.pd-support-whatsapp { background: #25d366; }
.pd-support-messenger {
  --social-pulse: 0, 132, 255;
  background: linear-gradient(135deg, #00b2ff 0%, #006aff 50%, #a033ff 100%);
}
.pd-support-brand-icon { display: block; width: 26px; height: 26px; fill: #fff; }
.pd-support-messenger .pd-support-brand-icon { width: 24px; height: 24px; }
.pd-support-social:hover { color: #fff; transform: scale(1.05); }
.pd-support-social:hover::before,
.pd-support-social:focus-visible::before { animation-play-state: paused; opacity: 0; }
.pd-support-social:focus-visible { outline: none; box-shadow: none; transform: scale(1.05); }
.pd-support-strip .store-helpline strong { white-space: nowrap; }
@keyframes product-social-pulse {
  0% { transform: scale(1); opacity: .7; }
  70%, 100% { transform: scale(1.65); opacity: 0; }
}
@media (max-width: 767px) {
  .pd-support-social { width: 40px; height: 40px; }
  .pd-support-brand-icon { width: 24px; height: 24px; }
  .pd-support-messenger .pd-support-brand-icon { width: 22px; height: 22px; }
}

@media (prefers-reduced-motion: reduce) {
  .pd-support-social { transition: none; }
  .pd-support-social::before { animation: none; opacity: 0; }
}
/* Shared menu and product helpline: supplied orange outline call design. */
.mobile-help-icon {
  position: relative;
  display: grid;
  place-items: center;
  width: 44px;
  height: 44px;
  flex-shrink: 0;
  box-sizing: border-box;
  border: 2px solid #f38b24;
  border-radius: 50%;
  background: transparent;
  color: #f38b24;
  isolation: isolate;
  transition: transform .18s ease, background-color .18s ease;
}
.mobile-help-icon::before {
  content: "";
  position: absolute;
  inset: -2px;
  border-radius: inherit;
  background: rgba(243, 139, 36, .6);
  pointer-events: none;
  z-index: -1;
  animation: helpline-phone-pulse 2s infinite;
}
.store-helpline-phone {
  display: block;
  width: 22px;
  height: 22px;
  fill: none;
  stroke: #f38b24;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.mobile-help-icon:hover,
.store-helpline:hover .mobile-help-icon,
.mobile-help-icon:focus-visible,
.store-helpline:focus-visible .mobile-help-icon {
  transform: scale(1.05);
  background-color: rgba(243, 139, 36, .1);
}
.mobile-help-icon:hover::before,
.store-helpline:hover .mobile-help-icon::before,
.mobile-help-icon:focus-visible::before,
.store-helpline:focus-visible .mobile-help-icon::before {
  animation-play-state: paused;
  opacity: 0;
}
@keyframes helpline-phone-pulse {
  0% { transform: scale(1); opacity: .6; }
  70%, 100% { transform: scale(1.65); opacity: 0; }
}
@media (max-width: 767px) {
  .mobile-help-icon { width: 40px; height: 40px; }
  .store-helpline-phone { width: 20px; height: 20px; }
}
@media (prefers-reduced-motion: reduce) {
  .mobile-help-icon { transition: none; }
  .mobile-help-icon::before { animation: none; opacity: 0; }
}