/* Shared responsive action rail: SOL · back to top · DIDC chat. */
.didc-mobile-action-rail { display: contents; }
.didc-chat-mobile-fab,
.didc-mobile-top-fab { display: none; }

@media (max-width: 1024px) {
  html body .didc-mobile-action-rail {
    position: fixed !important;
    z-index: 2147483000 !important;
    left: max(12px, env(safe-area-inset-left)) !important;
    right: max(12px, env(safe-area-inset-right)) !important;
    bottom: max(14px, env(safe-area-inset-bottom)) !important;
    width: auto !important;
    height: 52px !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 52px minmax(0, 1fr) !important;
    align-items: center !important;
    justify-content: space-between !important;
    visibility: visible !important;
    opacity: 1 !important;
    pointer-events: none !important;
    transform: none !important;
    isolation: isolate !important;
  }

  html body .didc-mobile-action-rail > .didc-whatsapp-fab {
    position: static !important;
    width: auto !important;
    height: 52px !important;
    min-width: 0 !important;
    max-width: min(225px, calc(50vw - 48px)) !important;
    min-height: 52px !important;
    padding: 7px 15px 7px 8px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    visibility: visible !important;
    opacity: 1 !important;
    transform: none !important;
    overflow: visible !important;
    border-radius: 999px !important;
    pointer-events: auto !important;
    isolation: isolate !important;
  }

  html body .didc-whatsapp-fab .didc-whatsapp-fab__icon {
    width: 38px !important;
    height: 38px !important;
    min-width: 38px !important;
    flex: 0 0 38px !important;
    display: grid !important;
    visibility: visible !important;
    opacity: 1 !important;
  }

  html body .didc-whatsapp-fab .didc-whatsapp-fab__copy {
    position: static !important;
    width: auto !important;
    height: auto !important;
    min-width: 0 !important;
    display: grid !important;
    overflow: hidden !important;
    clip: auto !important;
    white-space: nowrap !important;
    text-align: left !important;
  }

  html body .didc-whatsapp-fab .didc-whatsapp-fab__copy small {
    font-size: 7.5px !important;
    letter-spacing: .08em !important;
  }

  html body .didc-whatsapp-fab .didc-whatsapp-fab__copy strong {
    font-size: 10.5px !important;
  }

  html body .sb-main.sb-chat.didc-chat-ready {
    position: static !important;
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
  }

  html body .sb-main.sb-chat > .sb-chat-btn {
    display: none !important;
  }

  html body .didc-mobile-action-rail > .didc-chat-mobile-fab,
  html body .didc-mobile-action-rail > .didc-mobile-top-fab {
    position: static !important;
    z-index: auto !important;
    width: 52px !important;
    height: 52px !important;
    min-width: 52px !important;
    min-height: 52px !important;
    padding: 0 !important;
    display: grid !important;
    place-items: center !important;
    visibility: visible !important;
    opacity: 1 !important;
    overflow: hidden !important;
    border: 1px solid rgba(255,255,255,.72) !important;
    border-radius: 50% !important;
    color: #fff !important;
    background: linear-gradient(145deg,#ff3c46,#ed1440) !important;
    box-shadow: 0 13px 30px rgba(192,10,46,.34) !important;
    cursor: pointer !important;
    transform: none !important;
    pointer-events: auto !important;
  }

  html body .didc-mobile-action-rail > .didc-whatsapp-fab {
    justify-self: start !important;
  }

  html body .didc-mobile-action-rail > .didc-mobile-top-fab {
    justify-self: center !important;
  }

  html body .didc-mobile-action-rail > .didc-chat-mobile-fab {
    justify-self: end !important;
  }

  html body .didc-chat-mobile-fab svg,
  html body .didc-mobile-top-fab svg {
    width: 25px !important;
    height: 25px !important;
    fill: none !important;
    stroke: currentColor !important;
    stroke-width: 1.8 !important;
    stroke-linecap: round !important;
    stroke-linejoin: round !important;
  }

  html body .didc-chat-mobile-fab > span,
  html body .didc-mobile-top-fab > span {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    overflow: hidden !important;
    clip: rect(0 0 0 0) !important;
  }

  html body .didc-footer-strip .didc-footer-strip-top {
    display: none !important;
  }
}

@media (min-width: 600px) and (max-width: 1024px) {
  html body .didc-whatsapp-fab .didc-whatsapp-fab__copy small {
    font-size: 9px !important;
  }

  html body .didc-whatsapp-fab .didc-whatsapp-fab__copy strong {
    font-size: 12px !important;
  }
}

@media (max-width: 389px) {
  html body .didc-mobile-action-rail > .didc-whatsapp-fab {
    width: 52px !important;
    padding: 7px !important;
  }

  html body .didc-whatsapp-fab .didc-whatsapp-fab__copy {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    overflow: hidden !important;
    clip: rect(0 0 0 0) !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  .didc-whatsapp-fab,
  .didc-chat-mobile-fab,
  .didc-mobile-top-fab,
  .sb-main.sb-chat > .sb-chat-btn { transition: none !important; animation: none !important; }
}