.floating-whatsapp,
.mobile-whatsapp,
.float-wa {
  display: none !important;
}

#octadesk-external-close {
  display: none;
}

@media (max-width: 600px) {
  .mobile-whatsapp,
  .floating-whatsapp,
  .float-wa {
    display: none !important;
  }

  body {
    padding-bottom: 0 !important;
  }

  #octadesk-octachat-appchat {
    right: 14px !important;
    bottom: 14px !important;
  }

  #octadesk-octachat-appchat.octachatAppOpen {
    inset: 0 !important;
    width: 100vw !important;
    height: 100dvh !important;
    max-width: none !important;
    max-height: none !important;
    border-radius: 0 !important;
  }

  #octadesk-octachat-appchat.octachatAppOpen iframe {
    width: 100% !important;
    height: 100% !important;
  }

  body:has(#octadesk-octachat-appchat.octachatAppOpen) {
    overflow: hidden !important;
    overscroll-behavior: none;
    touch-action: none;
  }

  #octadesk-external-close:not([hidden]) {
    appearance: none;
    align-items: center;
    background: #20dc2b;
    border: 0;
    border-radius: 50%;
    cursor: pointer;
    display: flex;
    height: 48px;
    justify-content: center;
    margin: 0;
    padding: 0;
    position: fixed;
    right: max(0px, env(safe-area-inset-right));
    top: max(8px, env(safe-area-inset-top));
    width: 48px;
    z-index: 2147483647;
  }

  #octadesk-external-close span,
  #octadesk-external-close span::after {
    background: #fff;
    border-radius: 2px;
    content: '';
    display: block;
    height: 3px;
    position: absolute;
    width: 24px;
  }

  #octadesk-external-close span {
    transform: rotate(45deg);
  }

  #octadesk-external-close span::after {
    transform: rotate(90deg);
  }

  #octadesk-external-close:focus-visible {
    outline: 2px solid #fff;
    outline-offset: 2px;
  }
}