/* v1.9.60: cache-safe contact rail loaded from a new asset name. */
@media (min-width: 981px) {
  body.zl-v022 .zl-floating-contact__detail--wechat {
    min-width: 230px;
    padding: 14px;
    white-space: normal;
  }

  body.zl-v022 .zl-floating-contact__detail--whatsapp {
    min-width: 238px;
    white-space: normal;
  }

  body.zl-v022 .zl-floating-contact__qr {
    display: block;
    box-sizing: border-box;
    width: 190px;
    height: 190px;
    margin: 12px auto 0;
    border: 1px solid #d7e3ee;
    border-radius: 10px;
    background: #fff;
    object-fit: contain;
  }

  body.zl-v022 .zl-floating-contact__qr[hidden] {
    display: none !important;
  }

  body.zl-v022 .zl-floating-contact__cta {
    display: block;
    margin-top: 9px;
    padding: 8px 12px;
    border-radius: 999px;
    background: #20b85a;
    color: #fff;
    font-size: 13px;
    font-style: normal;
    font-weight: 800;
    line-height: 1.35;
    text-align: center;
  }
}

@media (max-width: 980px) {
  body.zl-v022 .zl-floating-contact {
    position: fixed !important;
    top: 50% !important;
    right: 8px !important;
    bottom: auto !important;
    left: auto !important;
    z-index: 90 !important;
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 7px !important;
    transform: translateY(-50%) !important;
  }

  body.zl-v022 .zl-floating-contact__item:not([hidden]) {
    display: grid !important;
    width: 46px !important;
    height: 46px !important;
    min-width: 46px !important;
    min-height: 46px !important;
    border-radius: 11px !important;
    transform: none !important;
  }

  body.zl-v022 .zl-floating-contact__item[hidden] {
    display: none !important;
  }

  body.zl-v022 .zl-floating-contact__detail {
    display: none !important;
  }

  body.zl-v022 .zl-floating-contact__icon,
  body.zl-v022 .zl-floating-contact__icon svg {
    width: 24px !important;
    height: 24px !important;
  }
}

@media (max-width: 420px) {
  body.zl-v022 .zl-floating-contact {
    right: 6px !important;
    gap: 6px !important;
  }

  body.zl-v022 .zl-floating-contact__item:not([hidden]) {
    width: 44px !important;
    height: 44px !important;
    min-width: 44px !important;
    min-height: 44px !important;
  }
}